/* CSS Document */ body { margin: 5px; background: #fff; font-family: Arial, Helvetica, sans-serif } #wrapper { width: 747px; margin: auto; background: url(images/bg_wrapper.gif) repeat-y } #wrapper2 { width: 747px; margin: auto; background: url(images/bg_wrapper2.gif) repeat-y } #header { position: relative; background: url(images/bg_header.jpg) no-repeat; padding: 0 5px; height: 111px } #header h1 { position: absolute; margin: 0; top: 20px; left: 20px; } #header h1 a { display: block; background: url(images/logo.gif); width: 126px; height: 86px } #header h1 span { display: none } #nav { position: relative; background: url(images/bg_nav.gif) repeat-x; padding: 0 5px; height: 47px } #nav2 { position: relative; background: url(images/bg_nav2.gif) repeat-x; padding: 0 5px; height: 47px } #nav ul, #nav2 ul { margin: 0; padding: 0 10px } #nav ul li, #nav2 ul li { display: inline } #nav ul li a, #nav2 ul li a { padding: 0 5px; font-size: 11px; color: #fff; height: 47px; line-height: 47px; text-decoration: none; font-weight: bold; text-transform:uppercase } #container { clear: both; padding: 0 5px } #subnav { width: 192px; float: left } #subnav h3 { padding: 0 15px; margin: 0; font-size: 12px; color: #900; background: url(images/bg_subnavhead.gif) repeat-x; height: 36px; line-height: 36px } #subnav ul { display: block; margin: 0; padding: 0 } #subnav ul li { list-style: none; border-bottom: 1px #CCCCCC solid } #subnav ul li a { display: block; padding: 5px 15px; font-size: 11px; color: #666666; text-decoration: none; font-weight: normal } #subnav ul li ul li { margin: 0; padding: 0; border: 0; border-top: 1px #CCCCCC solid } #subnav ul li ul li a { display: block; padding-left: 25px; font-weight: normal } #subnav ul li a.on, #subnav ul li ul li a.on { background-color: #003366; font-weight: bold; color:#FFFFFF } #content { float: left; width: 510px; padding: 10px 15px; font-size: 12px; overflow: hidden } #content h2 { margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 14px; border-bottom: 1px #CCCCCC solid } #content h3 { margin: 0; padding: 0 0 5px 0; font-size: 14px; border-bottom: 1px #CCCCCC solid } #content img{ text-decoration:none; border:0;} table.hometable { width: 100%; margin-top: 20px } tr.headrow td { width: 34%; padding-right: 5px; text-align: center; font-size: 14px; line-height: 30px; height: 30px; color: #000033; background: #e0e0e0 } tr.itemdisplay td { vertical-align: top } tr.itemdisplay td ul { margin: 0px; padding: 0px } tr.itemdisplay td ul li { list-style: none; text-align: center; padding: 5px } tr.itemdisplay td ul li, tr.itemdisplay td ul li a { font-size: 10px } #footer { width: 727px; margin:auto; background: url(images/bg_trailer.gif) no-repeat; height: 35px; padding: 5px 10px } #footer2 { width: 727px; margin:auto; background: url(images/bg_trailer2.gif) no-repeat; height: 35px; padding: 5px 10px } #bycopy { width: 350px; float: left; font-size: 10px; color: #666; line-height: 25px } #footnav { width: 350px; float: right; text-align: right; height: 25px } #footnav ul { margin: 0; padding: 0 } #footnav ul li { display: inline } #footnav ul li a { font-size: 11px; color: #336699; height: 25px; line-height: 25px } /* SHOPPING CART CSS */ #shopcart { width: 440px; float: left; padding: 10px } #shopcart h2,#memreg h2 { margin: 0 0 10px 0; padding: 0; font-size: 16px; border-bottom: 2px #0066CC solid } #shopcart p { font-size: 12px } .breadlist { padding-bottom: 10px } table.subcatlist { width: 500px; margin-bottom: 10px } .subcatlist td { font-size: 12px; padding: 0px; vertical-align: top; text-align: left } .subcatlist td a { text-decoration: none; color: #666 } .subcatlist td a:hover { background: #F4F4F4 } a.button { margin: 10px 0; background: url(images/navbg.gif) repeat-x; width: 100px; height: 25px; line-height: 25px; font-size: 11px; color: #333; text-decoration: none; font-weight: bold; text-align: center; border: 1px #999 solid; padding: 3px 5px } input.update { background: url(images/navbg.gif) repeat-x; height: 22px; font-size: 11px; color: #333; text-decoration: none; font-weight: bold; text-align: center; border: 1px #999 solid } .carttable { width: 100%; background: #fff; font-size: 11px } .cartheader { background: url(images/navbg.gif) repeat-x; color: #333; font-weight: bold } .cartheader td { padding: 10px } tr.odd { background: #F0F5FE } #memreg { width: 250px; padding: 10px; float: right } #memreg h4 { padding: 5px 0; margin: 0; border-bottom: 1px #ddd solid } td.subtotal { padding: 5px; margin: 0; border-top: 1px #ccc solid } div.totals { padding: 10px; background: #EFEFEF; margin: 0; border: 1px #ccc solid } div.totals p { font-size: 11px } p.error { background: #A40004; color: #fff; font-weight: bold; padding: 5px } p.logout { padding: 0 5px; font-size: 11px } p.orderreceipt { margin: 5px; margin-bottom: 10px; padding: 10px; background: url(images/greygradbg.gif); border: 1px #ccc solid; font-size: 12px } p.statmessage { background: #FFFFCC; border: 1px #CCCCCC solid; padding: 10px; font-size: 12px } .returnpolicy { font-size: 12px; border-top: 1px #efefef solid } #smallcart { position: absolute; top: 20px; right: 20px; width: 131px } #smallcart h2 { margin: 0;padding: 0 } #smallcart h2 a { display: block; background: url(images/but_shoppingcart.gif) no-repeat; width: 131px; height: 34px } #smallcart h2 span { display: none } #smallcart p { text-align: right; margin: 5px 5px 20px 5px; font-size: 12px } /* SHOPPING CATALOG CSS */ #shoplink { position: absolute; top: 0; right: 10px;padding: 0 5px; font-size: 11px; color: #fff; height: 47px; line-height: 47px; text-decoration: none; font-weight: bold; text-transform:uppercase } #cartlink { position: absolute; top: 0; right: 90px; padding: 0 5px; font-size: 11px; color: #fff; height: 47px; line-height: 47px; text-decoration: none; font-weight: bold; text-transform:uppercase } #shopitem { display: block; width: 22%; height: 170px; float: left; padding: 5px; margin-right: 3px; margin-bottom: 3px; text-align: center; font-size: 11px } #itemphoto { display: block; width: 110px } #itemfeature { margin-bottom: 5px; padding: 10px; background: url(images/greygradbg.gif) repeat-x; border: 1px #ccc solid } #itemphoto2 { display: block; width: 140px; height: 140px; padding: 5px; float: left; text-align: center } #itemdesc { margin-left: 170px; width: 300px } #itemdesc p { margin: 10px 0 } a.buynow { margin: 10px auto; background: url(images/navbg.gif) repeat-x; width: 60px; height: 25px; line-height: 25px; font-size: 11px; color: #333; text-decoration: none; font-weight: bold; text-align: center; border: 1px #999 solid; padding: 3px 5px } #itemleft { width: 34%; float: left } #itemright { margin-left: 34% } #itemright h3 { color: #000 } .itemimage { text-align: center } h2.cattitle { padding: 5px 0; margin: 0 0 20px 0; border-bottom: 2px #0066CC solid } /* PAGINATION */ p.pagination { margin-left: 20px } a.pagelinks { padding: 5px; background: #F0F0F0 } span.pageon { padding: 5px; background: #0066CC; color: #FFF } #logintable { font-size: 11px; padding: 0 5px } #logintable table { width: 100% } #logintable td { padding: 5px 0 } .breadcrumb {padding:0px 5px 10px 5px;} #clear { clear: both; height: 0; font-size: 0; line-height: 0 } .projthm { float: left; padding: 3px; border: 2px solid #efefef } .clientart { clear: right; margin-bottom: 20px; padding-bottom: 2px } /* Hides from IE5-mac \*/ * html #content { height: 1%; } * html #footnav { height: 1%; } /* End hide from IE5-mac */