
body { color: #333333; font: 12px arial, sans-serif; }

img { border: none; }

a { color: black; text-decoration: none; }
a:visited { color: black; }
a:hover { text-decoration: underline; }

textarea { resize: none;}

h1 { font-size: 15px; font-weight: bold; margin: 0; margin-bottom: 10px; padding: 0; color: #00689b;}
h2 { font-size: 12px; font-weight: bold; margin: 0; padding: 0; color: #339999;}

h3 { font: 14px bold Arial, Helvetica, sans-serif; font-weight: bold; color: #00689b; padding: 0px; margin: 0px; }
h3.alter { font: 14px bold Arial, Helvetica, sans-serif; font-weight: bold; color: #00689b; padding: 7px 5px 3px 0px;
	background: url(images/h3bgDots.gif) bottom repeat-x;
/*	background: url(images/h3bgDots_right.gif) bottom no-repeat; */
	margin: 0px;
}



#pageWrapper { width: 970px; margin-top: 0px; margin-left: auto; margin-right: auto; }
#pageContent { background-color: #fff; padding-top: 12px; padding-bottom: 30px; margin-top:49px;}

#header { width: 920px; margin: 0 auto; padding: 3px 0 30px 0; }
#headerHigh { width: 920px; height: 20px; margin: 0; padding: 0; }
#headerHighRight { float:right; width: 500px; height: 64px; margin: 0; padding: 0; }
#logo { float: left; margin: 0; padding: 0; }
#logoSub { }

#promoHeader { color: #069; font-size: 20px; float: left; }
#promoLeft { color: #069; font-size: 12px; font-weight: bold; float: left;}

#shopCart { clear: right; float: right; height: 28px; margin: 0; padding: 0; }
#shopCart #shopCartIcon { height: 28px; float: left; margin: 0; padding: 0; }
#shopCart #shopCartText { line-height: 28px; height: 28px; float: left; margin: 0; padding: 0; }
#shopCart #shopCartHead { line-height: 28px; height: 28px; float: left; margin: 0; padding: 0; font-weight: bold;}

#bannerDOffer { width: 500px; height: 50px; float: right; margin: 0; padding: 0;}

#headerLow { width: 920px; height: 36px; margin: 0; padding: 0; }
#headerLow #hdbox { color: #006699; font-size: 11px; font-weight: bold; height: 28px; width: 920px; background-image: url(images/hdboxbg.png); background-repeat: repeat; margin: 0; padding: 0; }
#headerLow #hdbox #hdboxtop { font-size: 1px; margin: 0; padding: 0;  width: 920px;}
#headerLow #hdbox #hdboxtop #hdboxtopl { float: left; padding: 0; background-image: url(images/hdboxtlc.png); background-repeat: no-repeat; width: 5px; height: 5px; margin: 0; }
#headerLow #hdbox #hdboxtop #hdboxtopr { float: right; padding: 0; background-image: url(images/hdboxtrc.png); background-repeat: no-repeat; width: 5px; height: 5px; margin: 0; }
#headerLow #hdbox #hdboxrow { width: 910px; line-height: 18px; height: 18px; clear: left; margin: 0; padding: 0 5px 0; }
#headerLow #hdbox #hdboxbtm { font-size: 1px; margin: 0; padding: 0; width: 920px;}
#headerLow #hdbox #hdboxbtm #hdboxbtml { float: left; padding: 0; background-image: url(images/hdboxblc.png); background-repeat: no-repeat; width: 5px; height: 5px; margin: 0; }
#headerLow #hdbox #hdboxbtm #hdboxbtmr { float: right; padding: 0; background-image: url(images/hdboxbrc.png); background-repeat: no-repeat; width: 5px; height: 5px; margin: 0; }
#headerLow #hdbox a { text-decoration: none; color: #006699; margin-right: 5px; margin-left: 5px;}
#headerLow #hdbox a:hover { text-decoration: underline; }

#login { float: left; margin: 0; padding: 0; }
#login #signin { float: left; margin: 0; padding: 0; }
#login #signin a { color: #1b75bc; font-weight: bold; font-size: 12px; }
#login #signin a:hover { color: #1b75bc; font-weight: bold; font-size: 12px; }
#login #signout { float: left; margin: 0; padding: 0; } 

#searchBox { clear: right; float: right; color: #666666; font-size: 11px; float: right; margin: 0; padding: 0; }
#header #searchBox form { margin: 0; padding: 0; }
#header #searchBox #gSearch { height: 22px; width: 290px; clear: left; margin: 0; padding: 0; }
#header #searchBox .txtSearch { height: 20px; float: left; border: solid 1px #3399cc; width: 226px; margin: 0; padding: 0; }
#header #searchBox .btnSearch { float: left; margin: 0; padding: 0; border: 0; }
#header #searchBox .rdBtn { float: left; margin: 0; padding: 0; }
#header #searchBox label { float: left; margin: 0; padding: 3px 0 0 0; }

.reseller_login { width: 295px; height: 195px; background: url(images/reseller_bg.jpg) repeat-y; margin: 0px; padding: 5px 0px 0px 5px; }
.reseller_login a { color: #0099cc; text-decoration: none; }
.reseller_login a:visited { color: #0099cc; }

.reseller_loginsml { width: 295px; height: 137px; background: url(images/reseller_bg_small.jpg) repeat-y; margin: 0px; padding: 5px 0px 0px 5px; }
.reseller_loginsml a { color: #0099cc; text-decoration: none; }
.reseller_loginsml a:visited { color: #0099cc; }

#content { width: 920px; margin-right: auto; margin-left: auto; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content { display:inline-block; } /*this trips hasLayout for ie7*/
#content { display:block; } /*this returns it back to normal*/

/* STYLES BETWEEN HEADER AND CONTENT */
#pgdetail { color: #333333; font-weight: bold; width: 920px; height: 20px; margin: 0 auto 0; padding: 0; }
#pgdetailPromo { color: #069; font-size: 20px; font-weight: bold; width: 920px; margin: 0 auto 0; padding: 0; border-bottom: 2px solid #006699; }
#contentSpacer { height: 15px; width: 920px; margin: 0 auto 0; padding: 0; }

/* SCHOLASTIC.COM.Au NAVIGATION */
#globalHeader { background-color: #fff; padding: 0px; width: 970px; position: absolute; top:0px; left: auto; right: auto; height: 50px;}

#globalHeader a.main-logo { background:url(imgscholastic/logo.jpg) no-repeat; position:absolute; left:10px; top:6px; overflow:hidden; width:188px; height:43px; }
#globalHeader ul#nv { position:absolute;  left:208px; top:6px; width:600px;}
#globalHeader ul#nv li a { padding:5px 10px 3px 10px; color: #1B89CB; height: 20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; border-right:solid 1px #EBEBEB; }

#globalHeader ul#nv-account { list-style:none; position:absolute;  right:60px; top:6px; width:280px; z-index:9999;}
#globalHeader ul#nv-account li a { float:left; padding:6px 5px 2px 5px; height:20px; font-size:12px; color:#F10506; display:block; font-family:"Trebuchet MS"; text-decoration:none; font-weight:bold; border-right:solid 1px #EBEBEB;}

#globalHeader #nv-country { visibility: hidden;}
#globalHeader ul#nv-country { margin: 0; background:url(imgscholastic/country-select-bg.gif) no-repeat 135px 0px; width: 160px; height:30px; display:block; position: absolute; left: auto; right: 0; top: 2px; height: auto; overflow: hidden; list-style:none; z-index:9990;}
#globalHeader ul#nv-country li a { padding-left: 5px; padding-top: 5px; font-size: 14px; font-weight: bold; display: block; width: 150px; height: 23px; position: relative }
#globalHeader ul#nv-country li.sub a { color: #FFFFFF; padding-left: 5px; padding-top: 5px; font-size: 14px; font-weight: bold; display: block; width: 155px; height: 23px; position: relative }
#globalHeader ul#nv-country li a:hover { text-decoration: none; }
#globalHeader ul#nv-country li.sub:hover a { background-color: #0C70AF;  }
#globalHeader ul#nv-country li a img { position: absolute; right: 4px; bottom: 7px;}
#globalHeader ul#nv-country li.sub a img { right: 10px; }
#globalHeader ul#nv-country li.sub { background: #0B5C8E; width: 160px; border-bottom: 1px solid #3486B8; }
#globalHeader ul#nv-country li.selected a { padding-left: 100px; width: 55px; margin-bottom: 4px;}


/* STYLES FOR ERROR AREA WHICH SHOULD BE BETWEEN THE pgdetail AND contentSpacer DIV'S */
#pgerror { color: black; background-color: white; position: absolute; top: 140px; left: 200px; width: 500px; margin: 0 auto; padding: 0; border: solid 5px #fb3824; z-index: 999;}
#pgerror #petop { display: block; height: 20px; width: 500px; line-height: 20px; }
#pgerror #petop #heading { color: #fb3824; font-size: 16px; font-weight: bold; float: left; width: 480px; height: 20px; padding-left: 3px;}
#pgerror #petop #close { float: left; width: 15px; height: 16px; margin: 1px; }
#pgerror #content { color: #fb3824; display: block; width: 495px; padding-left: 5px;}

/* STYLES FOR MESSGE AREA WHICH SHOULD BE BETWEEN THE pgdetail AND contentSpacer DIV'S */
#pgmsg { color: black; background-color: white; position: absolute; top: 140px; left: 200px; width: 500px; margin: 0 auto; padding: 0; border: solid 5px #3366cc; z-index: 999;}
#pgmsg #petop { display: block; height: 20px; width: 500px; line-height: 20px; }
#pgmsg #petop #heading { color: #3366cc; font-size: 16px; font-weight: bold; float: left; width: 480px; height: 20px; padding-left: 3px;}
#pgmsg #petop #close { float: left; width: 15px; height: 16px; margin: 1px; }
#pgmsg #content { color: #3366cc; display: block; width: 495px; padding-left: 5px;}

/* STYLES FOR TEACHER NOTE POPUP (AJAX DIV) */
#tnote { color: black; background-color: white; position: absolute; top: 140px; left: 200px; width: 500px; margin: 0 auto; padding: 0; border: solid 5px #339999; z-index: 999;}
#tnote #petop { display: block; height: 20px; width: 500px; line-height: 20px; }
#tnote #petop #heading { color: #339999; font-size: 16px; font-weight: bold; float: left; width: 480px; height: 20px; padding-left: 3px;}
#tnote #petop #close { float: left; width: 15px; height: 16px; margin: 1px; }
#tnote #content { color: #339999; display: block; width: 490px; padding-left: 5px; padding-right: 5px;}
#tnote #content #img { float:left; padding-right: 10px; padding-bottom: 5px;}
#tnote #footer { color: #339999; height:18px; font-size: 12px; font-weight: bold; display: block; width: 490px; padding: 5px;}

/* STYLES FOR TEACHER NOTE POPUP (PRINT)*/
#tnotepp { color: black; background-color: white; width: 500px; margin: 0 auto; padding: 0; border: solid 5px #339999; z-index: 999;}
#tnotepp #petop { display: block; height: 20px; width: 500px; line-height: 20px; }
#tnotepp #petop #heading { color: #339999; font-size: 16px; font-weight: bold; float: left; width: 480px; height: 20px; padding-left: 3px;}
#tnotepp #petop #close { float: left; width: 15px; height: 16px; margin: 1px; }
#tnotepp #content { color: #339999; display: block; width: 490px; padding-left: 5px; padding-right: 5px;}
#tnotepp #content #img { float:left; padding-right: 10px; padding-bottom: 5px;}
#tnotepp #footer { color: #339999; height:18px; font-size: 12px; font-weight: bold; display: block; width: 490px; padding: 5px;}

/* STYLES FOR CLIENT UPDATE POPUP */
#ctupdate { color: black; background-color: white; position: absolute; top: 140px; left: 200px; width: 500px; margin: 0 auto; padding: 0; border: solid 5px #339999; z-index: 999;}
#ctupdate #petop { display: block; height: 20px; width: 500px; line-height: 20px; }
#ctupdate #petop #heading { color: #339999; font-size: 16px; font-weight: bold; float: left; width: 480px; height: 20px; padding-left: 3px;}
#ctupdate #petop #close { float: left; width: 15px; height: 16px; margin: 1px; }
#ctupdate #content { color: #339999; display: block; width: 495px; padding-left: 5px;}

/* STYLES FOR FORGOT PASSWORD POPUP */
#fpwrd { color: black; background-color: white; position: absolute; top: 140px; left: 200px; width: 400px; margin: 0 auto; padding: 0; border: solid 5px #339999; z-index: 999;}
#fpwrd #petop { display: block; height: 20px; width: 400px; line-height: 20px; }
#fpwrd #petop #heading { color: #339999; font-size: 16px; font-weight: bold; float: left; width: 380px; height: 20px; padding-left: 3px;}
#fpwrd #petop #close { float: left; width: 15px; height: 16px; margin: 1px; }
#fpwrd #content { color: #339999; display: block; width: 395px; padding-left: 5px; padding-bottom: 5px;}

/* STYLES FOR OPTION SET POPUP */
.OptSet { color: black; background-color: white; position: absolute; top: 140px; left: 200px; width: 400px; margin: 0 auto; padding: 0; border: solid 5px #339999; z-index: 999;}
.OptSet #petop { display: block; height: 20px; width: 400px; line-height: 20px; }
.OptSet #petop #heading { color: #339999; font-size: 16px; font-weight: bold; float: left; width: 380px; height: 20px; padding-left: 3px;}
.OptSet #petop #close { float: left; width: 15px; height: 16px; margin: 1px; }
.OptSet #content { color: #339999; display: block; width: 395px; padding-left: 5px; padding-bottom: 5px;}

/* STYLES POPUP OVERLAY DIV'S */
.pgovlay { color: black; background-color: white; position: absolute; top:150px; height:300px; width: 600px; margin: 0 auto; padding: 0; border: solid 5px #3366cc; z-index: 999;}
.pgovlay .top { display: block; height: 20px; width: 600px; line-height: 20px; }
.pgovlay .top .heading { color: #3366cc; font-size: 16px; font-weight: bold; float: left; width: 583px; height: 20px; }
.pgovlay .top .close { float: left; width: 15px; height: 16px; margin: 1px; }
.pgovlay .content { color: #3366cc; display: block; height:280px; width: 600px; overflow-y:scroll;}

/* SUPERFISH ADDED STYLES */
#topnav {
    font-family         : Arial, Helvetica, Verdana,sans-serif;
    font-size           : 14px;
    z-index             : 1;
    width               : 980px;
    height              : 36px;
    margin              : auto;
    margin-bottom       : 5px;
    position            : relative;
    background: url(images/navgradient.png) repeat-x #577FAF;
}

#topnav #nv {
    color               : #fff;
    margin              : 1px 0 1px 180px; /* Move the menu from side to side (within #hd) using the 4th arg */
}

#topnav #nv a {
    color               : #fff;
    font-weight         : bold;
}

#topnav #nvsub {
    color               : #fff;
    line-height         : 16px;
    font-size           : 12px;
    width	        : 200px;
}

#topnav #nvsub a {
    color               : #fff;
    font-weight         : normal;
}

/* STYLE FOR POPUP DIV INPUT */
.divPopup { display:block; color: black; background-color: white; position: absolute; text-align: center; margin: 0; padding: 5; border: solid 5px #990000; z-index: 999;}

/* STYLES BETWEEN CONTENT AND FOOTER*/
#footerSpacer { height: 12px; width: 920px; margin: 0 auto 0; padding: 0; }

/* STYLES FOR FOOTER */
#footer { width: 920px; margin: 0 auto 0; padding: 0; }
#footer #footerbox { color: #57585a; font-size: 11px; font-weight: bold; height: 28px; width: 920px; background-repeat: repeat; margin: 0; padding: 0; }
#footer #footerbox #footerboxtop { font-size: 1px; margin: 0; padding: 0;  width: 920px;}
#footer #footerbox #footerboxtop #footerboxtopl { float: left; padding: 0; background-image: url(images/footerboxtlc.png); background-repeat: no-repeat; width: 5px; height: 5px; margin: 0; }
#footer #footerbox #footerboxtop #footerboxtopr { float: right; padding: 0; background-image: url(images/footerboxtrc.png); background-repeat: no-repeat; width: 5px; height: 5px; margin: 0; }
#footer #footerbox #footerboxrow { width: 910px; line-height: 18px; height: 18px; clear: left; margin: 0; padding: 0 5px 0; }
#footer #footerbox #footerboxbtm { font-size: 1px; margin: 0; padding: 0; width: 920px;}
#footer #footerbox #footerboxbtm #footerboxbtml { float: left; padding: 0; background-image: url(images/footerboxblc.png); background-repeat: no-repeat; width: 5px; height: 5px; margin: 0; }
#footer #footerbox #footerboxbtm #footerboxbtmr { float: right; padding: 0; background-image: url(images/footerboxbrc.png); background-repeat: no-repeat; width: 5px; height: 5px; margin: 0; }
#footer #footerbox a { text-decoration: none; color: #57585a; font-weight: bold;  margin-right: 5px; margin-left: 5px;}
#footer #footerbox a:hover { text-decoration: underline; }

/* STYLES FOR MAIN COLUMN */
#main { float: left; margin: 0; padding: 0; width: 700px; } /* 610px */
#mainhp { float: left; margin: 0; padding: 0; width: 610px; }

/* STYLES FOR LEFT SIDE COLUMN */
#lside { float: left; margin: 0 10px 0 0; padding: 0; width: 210px; } /* 300px */

/* STYLES FOR RIGHT SIDE COLUMN */
#rside { float: left; margin: 0 0 0 10px; padding: 0; width: 210px; }
#rsidehp { float: left; margin: 0 0 0 10px; padding: 0; width: 300px; }

/* STYLES SUBSCRIPTION LIST */
.subLstHead { width: 298px; line-height: 20px; padding: 2px 0px 2px 2px; font-size: 14px; font-weight: bold; background-color: #577FAF; color: #fff;}
a.SubLstOpt { font-size: 12px; font-weight: bold; color: #339999; padding-left: 20px; line-height: 18px; background-image: url(images/continueBtnBlue.png); background-repeat: no-repeat; }
	
/* SIZEABLE STYLES */
.mainBox { width: 890px; color: #666666; float: left; margin: 0; padding: 0; }
.mainBox .boxtop { font-size: 1px; display:block; padding: 0; width: 910px; height: 7px; margin: 0;}
.mainBox .boxtop .toplft { float: left; padding: 0; background-image: url(images/greyboxtoplft.png); background-repeat: no-repeat; width: 7px; height: 7px; margin: 0;}
.mainBox .boxtop .topmid { float: left; padding: 0; background-image: url(images/greyboxtopmid.png); background-repeat: repeat-x; width: 876px; height: 7px; margin: 0;}
.mainBox .boxtop .toprgt { float: left; padding: 0; background-image: url(images/greyboxtoprgt.png); background-repeat: no-repeat; width: 7px; height: 7px; margin: 0;}
.mainBox .boxmid { display:block; width: 880px; padding: 0 5px; background-image: url(images/greyboxmid890.jpg); background-repeat: repeat-y; margin: 0;}
.mainBox .boxmid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.mainBox .boxmid { display:inline-block; } /*this trips hasLayout for ie7*/
.mainBox .boxmid { display:block; } /*this returns it back to normal*/
.mainBox .boxbtm { font-size: 1px; display:block; width: 890px; height: 7px; margin: 0; padding: 0; }
.mainBox .boxbtm .btmlft { float: left; background-image: url(images/greyboxbtmlft.png); background-repeat: no-repeat; width: 7px; height: 7px; margin: 0; padding: 0; }
.mainBox .boxbtm .btmmid { float: left; background-image: url(images/greyboxbtmmid.png); background-repeat: repeat-x; width: 876px; height: 7px; margin: 0; padding: 0; }
.mainBox .boxbtm .btmrgt { float: left; background-image: url(images/greyboxbtmrgt.png); background-repeat: no-repeat; width: 7px; height: 7px; margin: 0; padding: 0; }

.mainBoxdb { width: 700px; color: #666666; float: left; margin: 0; padding: 0; }
.mainBoxdb .boxtop { font-size: 1px; display:block; padding: 0; background-image: url(images/mainbox_top_db.jpg); background-repeat: no-repeat; width: 700px; height: 7px; margin: 0;}
.mainBoxdb .boxmid { display:block; width: 690px; padding: 0 5px; background-image: url(images/mainbox_mid_db.jpg); background-repeat: repeat-y; margin: 0;}
.mainBoxdb .boxmid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.mainBoxdb .boxmid { display:inline-block; } /*this trips hasLayout for ie7*/
.mainBoxdb .boxmid { display:block; } /*this returns it back to normal*/
.mainBoxdb .boxbtm { font-size: 1px; display:block; background-image: url(images/mainbox_btm_db.jpg); background-repeat: no-repeat; width: 700px; height: 7px; margin: 0; padding: 0; }

.mainBoxdbhp { width: 610px; color: #666666; float: left; margin: 0; padding: 0; }
.mainBoxdbhp .boxtop { font-size: 1px; display:block; padding: 0; background-image: url(images/mainbox_top_dbhp.jpg); background-repeat: no-repeat; width: 610px; height: 7px; margin: 0;}
.mainBoxdbhp .boxmid { display:block; width: 600px; padding: 0 5px; background-image: url(images/mainbox_mid_dbhp.jpg); background-repeat: repeat-y; margin: 0;}
.mainBoxdbhp .boxmid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.mainBoxdbhp .boxmid { display:inline-block; } /*this trips hasLayout for ie7*/
.mainBoxdbhp .boxmid { display:block; } /*this returns it back to normal*/
.mainBoxdbhp .boxbtm { font-size: 1px; display:block; background-image: url(images/mainbox_btm_dbhp.jpg); background-repeat: no-repeat; width: 610px; height: 7px; margin: 0; padding: 0; }

.sideBoxlb { width: 210px; color: #666666; float: left; margin: 0; padding: 0; }
.sideBoxlb .boxtop { font-size: 1px; display:block; padding: 0; background-image: url(images/sidebox_top_lb.jpg); background-repeat: no-repeat; width: 210px; height: 7px; margin: 0;}
.sideBoxlb .boxmid { display:block; width: 200px; padding: 0 5px; background-image: url(images/sidebox_mid_lb.jpg); background-repeat: repeat-y; margin: 0; }
.sideBoxlb .boxmid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.sideBoxlb .boxmid { display:inline-block; } /*this trips hasLayout for ie7*/
.sideBoxlb .boxmid { display:block; } /*this returns it back to normal*/
.sideBoxlb .boxbtm { font-size: 1px; display:block; background-image: url(images/sidebox_btm_lb.jpg); background-repeat: no-repeat; width: 210px; height: 7px; margin: 0; padding: 0; }

.sideBoxlbhp { width: 300px; color: #666666; float: left; margin: 0; padding: 0; }
.sideBoxlbhp .boxtop { font-size: 1px; display:block; padding: 0; background-image: url(images/sidebox_top_lbhp.jpg); background-repeat: no-repeat; width: 300px; height: 7px; margin: 0;}
.sideBoxlbhp .boxmid { display:block; width: 290px; padding: 0 5px; background-image: url(images/sidebox_mid_lbhp.jpg); background-repeat: repeat-y; margin: 0; }
.sideBoxlbhp .boxmid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.sideBoxlbhp .boxmid { display:inline-block; } /*this trips hasLayout for ie7*/
.sideBoxlbhp .boxmid { display:block; } /*this returns it back to normal*/
.sideBoxlbhp .boxbtm { font-size: 1px; display:block; background-image: url(images/sidebox_btm_lbhp.jpg); background-repeat: no-repeat; width: 300px; height: 7px; margin: 0; padding: 0; }

.sideBoxdb { width: 210px; color: #666666; float: left; margin: 0; padding: 0; }
.sideBoxdb .boxtop { font-size: 1px; display:block; padding: 0; background-image: url(images/sidebox_top_db.jpg); background-repeat: no-repeat; width: 210px; height: 7px; margin: 0;}
.sideBoxdb .boxmid { display:block; width: 200px; padding: 0 5px; background-image: url(images/sidebox_mid_db.jpg); background-repeat: repeat-y; margin: 0; }
.sideBoxdb .boxmid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.sideBoxdb .boxmid { display:inline-block; } /*this trips hasLayout for ie7*/
.sideBoxdb .boxmid { display:block; } /*this returns it back to normal*/
.sideBoxdb .boxbtm { font-size: 1px; display:block; background-image: url(images/sidebox_btm_db.jpg); background-repeat: no-repeat; width: 210px; height: 7px; margin: 0; padding: 0; }

.sideBoxdbhp { width: 300px; color: #666666; float: left; margin: 0; padding: 0; }
.sideBoxdbhp .boxtop { font-size: 1px; display:block; padding: 0; background-image: url(images/sidebox_top_dbhp.jpg); background-repeat: no-repeat; width: 300px; height: 7px; margin: 0;}
.sideBoxdbhp .boxmid { display:block; width: 290px; padding: 0 5px; background-image: url(images/sidebox_mid_dbhp.jpg); background-repeat: repeat-y; margin: 0; }
.sideBoxdbhp .boxmid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.sideBoxdbhp .boxmid { display:inline-block; } /*this trips hasLayout for ie7*/
.sideBoxdbhp .boxmid { display:block; } /*this returns it back to normal*/
.sideBoxdbhp .boxbtm { font-size: 1px; display:block; background-image: url(images/sidebox_btm_dbhp.jpg); background-repeat: no-repeat; width: 300px; height: 7px; margin: 0; padding: 0; }

.graybox440 { width: 440px; color: #666666; float: left; margin: 0; padding: 0; }
.graybox440 .gboxtop { font-size: 1px; display:block; padding: 0; width: 440px; height: 7px; margin: 0;}
.graybox440 .gboxtop .toplft { float: left; padding: 0; background-image: url(images/grayboxtoplft.png); background-repeat: no-repeat; width: 7px; height: 7px; margin: 0;}
.graybox440 .gboxtop .topmid { float: left; padding: 0; background-image: url(images/grayboxtopmid.png); background-repeat: repeat-x; width: 426px; height: 7px; margin: 0;}
.graybox440 .gboxtop .toprgt { float: left; padding: 0; background-image: url(images/grayboxtoprgt.png); background-repeat: no-repeat; width: 7px; height: 7px; margin: 0;}
.graybox440 .gboxmid { display:block; width: 430px; padding: 0 5px; background-image: url(images/grayboxmid440.png); background-repeat: repeat-y; margin: 0; }
.graybox440 .gboxmid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.graybox440 .gboxmid { display:inline-block; } /*this trips hasLayout for ie7*/
.graybox440 .gboxmid { display:block; } /*this returns it back to normal*/
.graybox440 .gboxbtm { font-size: 1px; display:block; width: 440px; height: 7px; margin: 0; padding: 0; }
.graybox440 .gboxbtm .btmlft { float: left; background-image: url(images/grayboxbtmlft.png); background-repeat: no-repeat; width: 7px; height: 7px; margin: 0; padding: 0; }
.graybox440 .gboxbtm .btmmid { float: left; background-image: url(images/grayboxbtmmid.png); background-repeat: repeat-x; width: 426px; height: 7px; margin: 0; padding: 0; }
.graybox440 .gboxbtm .btmrgt { float: left; background-image: url(images/grayboxbtmrgt.png); background-repeat: no-repeat; width: 7px; height: 7px; margin: 0; padding: 0; }

.navUser { width: 210px; color: #666666; float: left; margin: 0; padding: 0; }
.navUser .boxtop { font-size: 1px; display:block; width: 210px; height: 25px; margin: 0; padding: 0;}
.navUser .boxtop .toplft { float: left; padding: 0; background-image: url(images/hdblueleft.png); background-repeat: no-repeat; width: 8px; height: 25px; margin: 0;}
.navUser .boxtop .topmid { float: left; padding: 0; background-image: url(images/hdbluemiddle.png); background-repeat: repeat-x; width: 194px; height: 25px; margin: 0;}
.navUser .boxtop .toprgt { float: left; padding: 0; background-image: url(images/hdblueright.png); background-repeat: no-repeat; width: 8px; height: 25px; margin: 0;}
.navUser .boxmid { display:block; width: 200px; background-image: url(images/sidebox_mid_db.jpg); background-repeat: repeat-y; margin: 0; padding: 0 5px; }
.navUser .boxmid:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.navUser .boxmid { display:inline-block; } /*this trips hasLayout for ie7*/
.navUser .boxmid { display:block; } /*this returns it back to normal*/
.navUser .boxbtm { font-size: 1px; display:block; background-image: url(images/sidebox_btm_db.jpg); background-repeat: no-repeat; width: 210px; height: 7px; margin: 0; padding: 0; }

.navUser h1 {color: #00689b;font-size: 18px;font-family: Arial, Helvetica, sans-serif;padding: 2px;margin: 0px; border-bottom: 3px solid #99cc66; width:195px}
.navUser ul {margin: 0px; padding: 2px; width: 94%;}
.navUser ul li.nav {margin: 0px; list-style-type: none; padding: 2px; height:20px;}
.navUser ul li.nav:hover {color: #FFF; background-image: url(images/navuser_hover.jpg); background-repeat: no-repeat;}
.navUser ul a {text-decoration:none;color: #00669D;}
.navUser ul li.h {color: #00669D;text-transform:uppercase;font-size:1em;font-weight:bold;padding:10px 0 3px 0px;display:block;}
.navUser ul li.h:hover {background-color: #FFFFFF;color: #00669D;text-transform:uppercase;font-size:1em;font-weight:bold;padding:10px 0 3px 0px;display:block;}

.bluebtn { float: left; color: white; padding: 0; }
.bluebtn .btnlft { float: left; padding: 0; background-image: url(images/bluebtnlft.png); background-repeat: no-repeat; width: 8px; height: 18px; }
.bluebtn .btnmid { line-height: 18px; float: left; padding: 0; background-image: url(images/bluebtnbg.png); background-repeat: repeat; height: 18px; }
.bluebtn .btnrgt { float: left; padding: 0; background-image: url(images/bluebtnrgt.png); background-repeat: no-repeat; width: 8px; height: 18px; }
.bluebtn .btnmid a { text-decoration: none; color: white; font-weight: bold; margin-right: 5px; margin-left: 5px; }
.bluebtn .btnmid a:link { color: white; text-decoration: none; }
.bluebtn .btnmid a:visited { color: white; text-decoration: none; }
.bluebtn .btnmid a:hover { color: white; text-decoration: none; }

.lbluebtn { float: left; color: white; padding: 0; }
.lbluebtn .btnlft { float: left; padding: 0; background-image: url(images/lbluebtnlft.png); background-repeat: no-repeat; width: 8px; height: 18px; }
.lbluebtn .btnmid { line-height: 18px; float: left; padding: 0; background-image: url(images/lbluebtnbg.png); background-repeat: repeat; height: 18px; }
.lbluebtn .btnrgt { float: left; padding: 0; background-image: url(images/lbluebtnrgt.png); background-repeat: no-repeat; width: 8px; height: 18px; }
.lbluebtn .btnmid a { text-decoration: none; color: white; font-weight: bold; margin-right: 5px; margin-left: 5px; }
.lbluebtn .btnmid a:link { color: white; text-decoration: none; }
.lbluebtn .btnmid a:visited { color: white; text-decoration: none; }
.lbluebtn .btnmid a:hover { color: white; text-decoration: none; }

.grnbtn { float: left; color: white; padding: 0; }
.grnbtn .btnlft { float: left; padding: 0; background-image: url(images/grnbtnlft.png); background-repeat: no-repeat; width: 8px; height: 18px; }
.grnbtn .btnmid { line-height: 18px; float: left; padding: 0; background-image: url(images/grnbtnbg.png); background-repeat: repeat; height: 18px; }
.grnbtn .btnrgt { float: left; padding: 0; background-image: url(images/grnbtnrgt.png); background-repeat: no-repeat; width: 8px; height: 18px; }
.grnbtn .btnmid a { text-decoration: none; color: white; font-weight: bold; margin-right: 5px; margin-left: 5px; }
.grnbtn .btnmid a:link { color: white; text-decoration: none; }
.grnbtn .btnmid a:visited { color: white; text-decoration: none; }
.grnbtn .btnmid a:hover { color: white; text-decoration: none; }

.bpricebox { width: 170px; color: white; float: left; margin: 0; padding: 0; }
.bpricebox .boxtop { font-size: 1px; display:block; padding: 0; background-image: url(images/bpricebox_top.jpg); background-repeat: no-repeat; width: 170px; height: 7px; margin: 0;}
.bpricebox .boxmid { display:block; width: 160px; padding: 0 5px; background-image: url(images/bpricebox_mid.jpg); background-repeat: repeat-y; margin: 0; }
.bpricebox .boxmid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.bpricebox .boxmid { display:inline-block; } /*this trips hasLayout for ie7*/
.bpricebox .boxmid { display:block; } /*this returns it back to normal*/
.bpricebox .boxbtm { font-size: 1px; display:block; background-image: url(images/bpricebox_btm.jpg); background-repeat: no-repeat; width: 170px; height: 7px; margin: 0; padding: 0; }

.rpricebox { width: 170px; color: black; float: left; margin: 0; padding: 0; }
.rpricebox .boxtop { font-size: 1px; display:block; padding: 0; background-image: url(images/rpricebox_top.jpg); background-repeat: no-repeat; width: 170px; height: 7px; margin: 0;}
.rpricebox .boxmid { display:block; width: 160px; padding: 0 5px; background-image: url(images/rpricebox_mid.jpg); background-repeat: repeat-y; margin: 0; }
.rpricebox .boxmid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.rpricebox .boxmid { display:inline-block; } /*this trips hasLayout for ie7*/
.rpricebox .boxmid { display:block; } /*this returns it back to normal*/
.rpricebox .boxbtm { font-size: 1px; display:block; background-image: url(images/rpricebox_btm.jpg); background-repeat: no-repeat; width: 170px; height: 7px; margin: 0; padding: 0; }

.promo { width: 210px; color: #666666; float: left; margin: 0; padding: 0; }
.promo .boxtop { font-size: 1px; display:block; padding: 0; background-image: url(images/sidebox_top_db.jpg); background-repeat: no-repeat; width: 210px; height: 7px; margin: 0;}
.promo .boxmid { display:block; width: 200px; height:140px; padding: 0 5px; background-image: url(images/sidebox_mid_db.jpg); background-repeat: repeat-y; margin: 0; }
.promo .boxmid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.promo .boxmid { display:inline-block; } /*this trips hasLayout for ie7*/
.promo .boxmid { display:block; } /*this returns it back to normal*/
.promo .boxbtm { font-size: 1px; display:block; background-image: url(images/sidebox_btm_db.jpg); background-repeat: no-repeat; width: 210px; height: 7px; margin: 0; padding: 0; }

.ordCompleteMsg { font-size: 14px; font-weight: bold;}

/* PRODUCT SEARCH STYLES */
table.prdShResult { clear: both; margin: 0; padding: 0; border-width: 0; }
table.prdShResult .itemHd {font-weight: bold; color: #339999;}

#schProgress { color: black; background-color: white; position: absolute; top: 140px; left: 200px; width: 500px; margin: 0 auto; padding: 0; border: solid 5px #3366cc; z-index: 999;}
#schProgress .petop { display: block; height: 20px; width: 500px; line-height: 20px; }
#schProgress .petop .heading { color: #3366cc; font-size: 16px; font-weight: bold; float: left; width: 480px; height: 20px; padding-left: 3px; }
#schProgress .petop .close { float: left; width: 15px; height: 16px; margin: 1px; }
#schProgress .image { }
#schProgress .content { color: #3366cc; display: block; width: 495px; padding-left: 5px; padding-bottom: 10px; }

#ordProgress { color: black; background-color: white; position: absolute; top: 140px; left: 200px; width: 500px; margin: 0 auto; padding: 0; border: solid 5px #3366cc; z-index: 999;}
#ordProgress .petop { display: block; height: 20px; width: 500px; line-height: 20px; }
#ordProgress .petop .heading { color: #3366cc; font-size: 16px; font-weight: bold; float: left; width: 480px; height: 20px; padding-left: 3px; }
#ordProgress .petop .close { float: left; width: 15px; height: 16px; margin: 1px; }
#ordProgress .image { }
#ordProgress .content { color: #3366cc; display: block; width: 495px; padding-left: 5px; padding-bottom: 10px; }

#addProgress { color: black; background-color: white; position: absolute; top: 140px; left: 200px; width: 500px; margin: 0 auto; padding: 0; border: solid 5px #3366cc; z-index: 999;}
#addProgress .petop { display: block; height: 20px; width: 500px; line-height: 20px; }
#addProgress .petop .heading { color: #3366cc; font-size: 16px; font-weight: bold; float: left; width: 480px; height: 20px; padding-left: 3px; }
#addProgress .petop .close { float: left; width: 15px; height: 16px; margin: 1px; }
#addProgress .image { }
#addProgress .content { color: #3366cc; display: block; width: 495px; padding-left: 5px; padding-bottom: 10px; }

table.catflist { color: black;  font-size: 13px; font-weight: bold;}
table.catflist a { text-decoration: none;}
table.catflist a:hover { text-decoration: underline; }

/* PRODUCT DETAIL STYLES */
#PrdDetail { }
#PrdDetail .itemNumber { color: #577FAF; /*font-size: 14px;*/}
#PrdDetail .title { color: black; font-weight: bold; /*font-size: 14px;*/}
#PrdDetail h1 { margin: 5px 0px 0px 0px; padding: 0; color: #577FAF; font-weight: bold; text-decoration: underline; font-size: 12px;}
#PrdDetail h3 { margin: 0; padding: 0; color: black; font-weight: bold; font-size: 12px; margin-right:5px;}
#PrdDetail .udline a { text-decoration: underline;}
#PrdDetail .udline { text-decoration: underline;}

/* SEARCH STYLES */
.searchDetailSpacer { height: 12px; float: left; width:310px; margin:0; padding:0;}
.searchCount { font-size: 10px; height: 12px; float: left; margin: 0px 0px 5px 0px; padding: 0;}
.searchPagination { float: left; color: #3399cc; font-size: 14px; height: 16px; margin-top:10px; padding:0;}
.searchPagination a { width: 20px; height: 14px; margin: 0 2px 0 2px; }
.searchPagination a.on { text-decoration: underline; width: 20px; height: 14px; margin: 0 2px 0 2px; }
.searchPagination a:hover { width: 20px; height: 14px; }

/* GENERIC TABLE STYLES */
table.gen { margin: 0; padding: 0; color: black; }
table.gen tr.hd { margin: 0; padding: 0; background-color: #577FAF; color: white; height: 25px; font-weight: bold;}
table.gen tr.hd td { margin: 0; padding: 2px; border: 0;}
table.gen tr.divide { margin: 0; padding: 0; background-color: #577FAF; height: 2px;}
table.gen td.HdCell { margin: 0; padding: 2px; border: 0; color: #577FAF; font-weight: bold;}

/* DEFAULT FORM STYLES */
table.inpfrm { clear: both; margin: 0; padding: 0; border-width: 0; }
table.inpfrm tr.hd { margin: 0; padding: 0; background-color: #577FAF; color: white; height: 25px;}
table.inpfrm tr.hd td { margin: 0; padding: 2px; border: 0;}
table.inpfrm td { margin: 0; padding: 2px; border-top: 1px solid grey; border-left: 1px solid grey}
table.inpfrm td.right { margin: 0; padding: 2px; border-top: 1px solid grey; border-left: 1px solid grey; border-right: 1px solid grey}
table.inpfrm td.bottom { margin: 0; padding: 2px; border-top: 1px solid grey; border-left: 0; height: 1px;}
table.inpfrm tr { margin: 0; padding: 0; }
table.inpfrm tr.even { margin: 0; padding: 0; color: black; background-color: #cccccc; }
table.inpfrm tr.odd { margin: 0; padding: 0; color: black;}
table.inpfrm tr.space { margin: 0; padding: 0; background-color: white; height: 5px;}
table.inpfrm tr.space td { margin: 0; padding: 0; border: 0; border-top: 1px solid grey;}
table.inpfrm a { text-decoration: underline; }
table.inpfrm .totLabel {display:block; border-color: grey; border-style: solid; border-width: 1px;width: 74px; height: 15px; color: black; padding: 2px;}
table.inpfrm .fldInError {border-color: red;}

/* SHOPPING CART & ORDER CONFIRMATION STYLES */
table.saleView { width: 100%; margin: 0; padding: 0; border-top: 1px solid grey; color: black;}
table.saleView tr.hd { margin: 0; padding: 0; background-color: #577FAF; color: white; height: 25px; font-weight: bold;}
table.saleView tr.hd td { margin: 0; padding: 2px; border: 0;}
table.saleView tr.divide { margin: 0; padding: 0; background-color: #577FAF; height: 2px;}
table.saleView td.hlight { margin: 0; padding: 2px; border: 0; font-weight: bold;}

/* ORDER HISTORY STYLES */
table.ordHist { width: 100%; margin: 0; padding: 0; color: black; }
table.ordHist tr.hd { margin: 0; padding: 0; background-color: #577FAF; color: white; height: 25px; font-weight: bold;}
table.ordHist tr.hd td { margin: 0; padding: 2px; border: 0;}
table.ordHist tr.divide { margin: 0; padding: 0; background-color: #577FAF; height: 2px;}
table.ordHist td.sHdCell { margin: 0; padding: 2px; border: 0; color: #577FAF; font-weight: bold;}
table.ordHist tr.siHd { margin: 0; padding: 2px; border: 0; color: black; font-weight: bold;}
table.ordHist tr.siHd td{ margin: 0; padding: 2px; border: 0;}
table.ordHist td.siHdCell { margin: 0; padding: 2px; border: 0; color: #577FAF; font-weight: bold;}
table.ordHist tr.subDivide { margin: 0; padding: 0; height: 2px;}

/* INPUT Fields */
.inputRow { height:20px; margin: 0; padding: 0; }
.inputItem { height:20px; margin: 0 0 5px 0; padding: 0; }
.inputItem input { height:20px; margin: 0; padding: 0; }
.inputItem select { height:20px; margin: 0; padding: 0; }
.inputItem .inputLabel { line-height: 20px; height:20px; margin: 0; padding: 0; }
.inputItem .inputField { line-height: 20px; height:20px; margin: 0; padding: 0; }
.errorLabel { color: #990000; }
