﻿/*GLOBALS*/
body {width:898px; margin:auto; text-align:center; background-image:url(../imgs/global/pdu2go_bg.gif); background-repeat:repeat-x; background-color:#fff; color:#333;}
form {width:898px; margin:auto; text-align:center; font-family:Arial; font-size:12px; font-weight:normal;}
img {border:0;}
.clear {clear:both;}
a {color:#ff6633; font-weight:bold;}

/*TYPOGRAPHY*/
.sectionHdr {color:#ff6633; font-weight:bold; font-size:16px; padding-bottom:4px;}
.sectionHdrXLG {color:#ff6633; font-weight:bold; font-size:22px; padding-bottom:4px;}
.spotlightHdr {color:#ff6633; font-weight:bold; font-size:18px; padding-bottom:4px;}
.subHdrBlue {color:#ff6633; font-weight:bold; font-size:14px;}
.subHdrBlk {font-weight:bold; font-size:14px;}
.subHdrGrey {color:#333; font-weight:bold; font-size:14px;}
.copyBlue {color:#ff6633; font-weight:normal;}
.copyBlueB {color:#ff6633; font-weight:bold;}
.copyBlueSM {color:#ff6633; font-weight:bold; font-size:11px;}
.greyCntLG{color:#666666; font-weight:bold; font-size:14px;}
.greyCntSM {color:#666666; font-weight:bold; font-size:11px;}
.greyCnt {color:#666666; font-weight:bold;}
.subHdrBlk { font-weight:bold; font-size:14px;}
.legalese {font-size:9px;}
#courseDetailTbl {color:#333;}
#podFindMore {list-style-type:none; margin:0; padding:0; line-height:22px;}
#podFindMore li a {font-size:11px; color:#666666; font-weight:bold; padding-left:8px;}
#podFindMore li a:hover {color:#ff6633;}
.faqItem {font-weight:bold;}
#cartCnt .cartHdrShop td{ color:#ff6633; font-weight:bold; font-size:14px; }
#cartCnt .cartHdrManage td{ color:#ff6633; font-weight:bold; font-size:14px; }
#cartCnt .cartHdrHistory td{ color:#ff6633; font-weight:bold; font-size:14px; }
#cartCnt .cartRowManage td { color:#666666; font-weight:bold;}
#cartCnt .cartRowShop td { color:#666666; font-weight:bold;}
#cartCnt .cartRowHistory td { color:#666666; font-weight:bold;}
#legalFtr .legalLinks a {text-decoration:none; font-size:11px; color:#333; font-weight:normal; }
#legalFtrHome .legalLinks a {text-decoration:none; font-size:11px; color:#333; font-weight:normal; }
.podBaseHeight {font-size:11px;}
.navTopLvl_Close{font-weight: bold;background:url(../imgs/global/navArrow_Close.gif) no-repeat;}
.navTopLvl_Close a{color:#666666; text-decoration:underline;}
.navTopLvl_Open a{text-decoration:underline;}
.navTopLvl_Close a:hover{color:#ff6633;}
.navTopLvl_Open{font-weight: bold; background:url(../imgs/global/navArrow_Open.gif) no-repeat;}
.navSubLvl {display:none;}
.navSubLvl a{font-weight:normal; color:#666666; text-decoration:underline;}
#podMngLinks div a{color:#333;}
#tblBilling td {vertical-align:top; font-style:italic;}
.cartAddBtn {width:86px; vertical-align:bottom;}
.cartAddSelect {vertical-align:middle; text-align:center; font-size:10px; font-weight:bold; width:100px;}
.lnkCrossSell {text-decoration:none; font-weight:bold;}
.loginLink {font-weight:normal;}

.navInvolved_Open{font-weight: bold; font-size:11px;  background:url(../imgs/global/navArrow_Open.gif) no-repeat; padding-left:15px; padding-bottom:4px; }
.navInvolved_Open a{text-decoration:none;color:#ff6633; }
.navInvolved_Close {padding-left:15px; font-weight: bold; font-size:11px; background:url(../imgs/global/navArrow_Open.gif) no-repeat;}
.navInvolved_Close a{color:#666666; text-decoration:none;}
.navInvolved_Close a:hover{color:#ff6633;}


/*LAYOUT*/
#pduMaster {width:898px; text-align:left;}
#cartCnt .cartHdr td {  vertical-align:middle; border-right:2px solid #ff6633; padding:5px;}
#cartCnt .cartRow td {text-align:center; vertical-align:top; padding:8px 5px; border-top:2px solid #ff6633; border-right:2px solid #ff6633;}
#cartCnt .cartRowWhite td {text-align:center; background-color:#fff; vertical-align:top; padding:8px 5px; border-top:2px solid #ff6633; border-right:2px solid #ff6633;}

#cartCnt .cartHdrShop td {height:43px; vertical-align:middle; border-right:2px solid #ff6633; padding:5px;}
#cartCnt .cartRowShop td {height:113px; vertical-align:top; padding:8px 5px; border-top:2px solid #ff6633; border-right:2px solid #ff6633;}
#cartCnt .cartHdrManage td {height:43px;  vertical-align:middle; border-right:2px solid #ff6633; padding:5px;}

#cartCnt .cartRowManage td {height:113px; vertical-align:top; padding:8px 5px; border-top:2px solid #ff6633; border-right:2px solid #ff6633;}
#cartCnt .cartHdrHistory td {  vertical-align:middle; border-right:2px solid #ff6633; padding:5px;}
#cartCnt .cartRowHistory td { vertical-align:top; padding:8px 5px; border-top:2px solid #ff6633; border-right:2px solid #ff6633;}
#cartCnt .cartRowAdd td {height:69px; width:100%; vertical-align:top; padding:8px 5px; border-top:2px solid #ff6633; color:#000;}
.cblPoll {padding-left:40px;}
.faq {padding:8px 0 8px 0;}
.faqItem {float:left; padding-right:4px; vertical-align:top;}
.faqTxt {float:left; width:600px; padding-bottom:8px;}
.rightLink {float:right; text-align:left; padding-bottom:8px;}
#legalFtrHome {background-image:url(../imgs/global/footerBG.gif); width:898px; height:45px; text-align:center;}
#legalFtr {margin-bottom:8px; background-image:url(../imgs/global/footerBG.gif); width:898px; height:73px; text-align:center; background-repeat:no-repeat;}
#legalFtr .legalLinks {padding-top:15px;}
.homePgPodCntr {background-color:#fff; }
.homePgPod {float:left; text-align:center; font-size:11px; }
.homePgPod ul {list-style-type:none; padding:0; margin:0;}
.homePgPod ul li {float:left; padding-right:4px;}
.hppCnt {width:110px; text-align:left;}
.hppImg {vertical-align:middle;}
.navTopLvl_Close{padding-left:15px; }
.navTopLvl_Open{padding-left:15px; padding-bottom:4px; }
.navTopLvl_Open a{color:#ff6633; }
.navSubLvl a{ margin-bottom:8px;}
.navSubLvl blockquote {padding:0; padding-left:20px; margin:0;}
.navSubLvl blockquote div{padding-bottom:4px;}
.utilityOL li {padding-bottom:10px;}
#podMngLinks {padding:0; margin:0; padding-left:10px;}
#podMngLinks div {padding-bottom:8px;}
/*In firefox there is this weird overflow on certain pages that appears to be fixed by this EXACT combination of css at the bottom of the page*/
.weird {float:right; text-align:left; padding-bottom:8px;}

/*CORNERS LAYOUT - CHANGES THE COLOR OF BORDERS AND BACKGROUND. ALSO CONTROLS PADDING FOR ALL PODS*/
.podBdrOuter{clear: right;}
.podBdrOuter .podBdrInner {overflow:auto; text-align:left; font-style:normal; background-color:#fff;}
.podBdrOuter .podBdrFeaturedInner {overflow:auto; text-align:left; padding:8px; font-style:normal; background-color:#ebebeb; background-image:url(../imgs/global/podFeatBG.gif); background-repeat:repeat-x; }
.podBdrCartOuter{clear: right;}
.podBdrCartOuter .podBdrCartInner {overflow:auto; text-align:left; padding:0; font-style:normal; background-color:#ebebeb;}
.podBaseHeight {}
.cntBaseHeight {padding:8px;}

/*DO NOT EDIT BELOW THIS LINE*/
/*Nifty Corners - DO NOT EDIT - THIS DOES NOT AFFECT STYLING. 
THE FOLLOWING STYLES RENDER THE ACTUAL CURVED EDGES IN CSS*/
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 2px}

.r1,.rl1,.re1,.rel1{margin-left:3px}
.r1,.rr1,.re1,.rer1{margin-right:3px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:1px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:1px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:1px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:1px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:0px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:0px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:3px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:3px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:1px}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:1px}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:2px 0 0;height:0px !important;height /**/:1px}