body { padding: 0; margin: 0; color: #333; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } #page { margin: 0px auto; width: 980px; background-color: #fff; } a, a:visited, a:active { color: #146EB4; text-decoration: none; } a:hover { color: #000; text-decoration: underline; } a img { border: none; } .cleardiv { display: block; padding: 1px; clear: both; } /* header */ #header { display: block; margin: 0px auto; width: 960px; height: 154px; color: #999; background: url(images/ctpl_headbk.png) no-repeat center top; } #topheader { margin: 0; height: 67px; } /* logo heading */ #topheader h1, #topheader h1 a { display: block; margin: 0; padding: 0; width: 230px; height: 67px; line-height: 100px; font-size: 22px; text-indent: -9999px; float: left; } #topheader h2 { display: block; margin: 0; width: 500px; height: 67px; font-size: 18px; text-indent: -9999px; float: left; } #newsletter { display: block; width: 220px; font-size: 12px; text-align: left; float: right; } /* begin page flow */ /* top account and cart info bar */ #topbar { display: block; width: 450px; height: 24px; color: #fff; font-size: 11px; text-align: left; line-height: 24px; padding-left: 10px; float: left; clear: both; } /* #topbar img { padding-right: 5px; border: none; vertical-align: middle; } */ #topbar a, #topbar a:visited { color: #fff; text-decoration: none; } #topbar a:hover { text-decoration: underline; } /* top link tabs */ #topnav { display: block; width: 440px; height: 24px; font-size: 12px; float: right; clear: right; } #topnav ul { list-style-type: none; margin: 0; padding: 0; float: right; } #topnav ul li { margin: 0; padding: 0; line-height: 24px; font-size: 11px; float: left; } #topnav li a { padding: 0 15px 0 0; color: #fff; text-decoration: none; float: left;} #topnav li a:hover { text-decoration: underline; } /* search bar div */ #tophead { margin: 0px; padding: 5px 0 0 63px; width: 787px; height: 29px; float: left; clear: left; } /* search form */ .googlesearch { margin: 0; padding: 0; width: 780px; height: 18px; font-size: 11px; background: none!important; border: none!important; } #topsearch { display: block; width: 780x; font-size: 10px; float: left; } #topsearch label { color: #000; font-size: 10px; } #topsearch input.textfield { padding: 1px 9px 1px 5px; font-size: 12px; width: 544px; height: 16px; background: none!important; border: none!important; float: left; } #topsearch .textfield2, #topsearch select, #topsearch option { font-size: 12px; height: 20px; width: 200px; float: left; } .search_submit { display: block; margin: 0; padding: 0; width: 24px; height: 21px; text-indent: -9999px; background: none!important; border: none!important; float: left; } /* secondary cart info */ #navright { padding-right: 10px; } #navright, #navright a { display: block; width: 87px; height: 30px; font-size: 11px; text-indent: -9999px; background: url(images/ctpl_cartbutton.png) no-repeat left top; float: right; } #navright a:hover { background-position: bottom; } /* misc label and text style */ .toptext { color: #000; font-size: 11px; } .toptext2 { font-size: 11px; font-weight: bold; color: #333333; } .toptext2 label { font-size: 11px; font-weight: normal; color: #000; } .pricetrack_text { font-size: 11px; background-color: #ccc; } /* dropdown navigation bar - see menu CSS for more info */ #menubar{ display: block; margin: 0px; padding: 0 0 0 139px; width: 820px; height: 30px; color: #000; text-align: left; float: left; clear: both; } /* main body */ #container { margin: 0px auto; padding: 10px 0; width: 960px; background-color: #fff; } /* side content and navigation links */ #left-bar { display: block; padding: 0; width: 190px; float: left; } .sidelinks { padding: 5px 0 10px 0; border: 1px solid #ADD2E2; } .sidelinks2 { padding: 5px 0 10px 0; } #left-bar strong { padding-left: 5px; font-size: 10px; } #left-bar a, #left-bar a:visited { width: 180px; padding-left: 5px; font-size: 11px; } #left-bar a:hover { text-decoration: underline; } #left-bar h3 { display: block; padding-left: 10px; width: 180px; height: 30px; line-height: 30px; color: #000; font-weight: bold; font-size: 11px; text-align: left; background: #ADD2E2; } /* main content */ #main { display: block; width: 600px; padding: 0 0 0 20px; float: left; } .main2 { margin: 0; padding: 0; width: 600px; } .main2 h3 { padding: 15px 0 5px 0; font-size: 18px; color: #CC6600; } #main3 { display: block; padding: 10px 0 0 20px; width: 600px; float: left; } #cartmain { display: block; margin: 0px auto; width: 960px; } /* home page product showcase CSS */ #homeproducts { display: block; margin: 0px auto; width: 600px; } .homefloat { display: block; margin: 0 0 0 5px; padding: 10px 10px 20px 10px; width: 172px; font-size: 11px; float: left; } .homefloat .homeimg { display: block; width: 172px; height: 150px; } .homefloat h4 { margin: 0; padding: 5px 0 5px 0; width: 172px; font-size: 10px; } .homefloat h4 a { text-decoration: underline; } .homefloat p { padding-top: 5px; } .imgsmall { max-width: 172px; max-height: 150px; } .cleardivhome { display: block; margin-bottom: 20px; padding: 1px 5px 1px 5px; border-bottom: 1px dotted #A59876; clear: left; } /* Product page styles */ .productpage { display: block; margin: 0; padding: 5px; } .clear { display: block; margin: 0; padding: 5px 0 5px 0; background: url(images/dot.gif) repeat-x bottom; } .main2 fieldset { border: 0px solid #fff; padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #CCCCCC; } .main2 legend { font-size: 16px; line-height: 16px; margin: 0; padding: 0; text-indent: -2px; color: #336699; margin-bottom: 10px; } .cat_link a { font-size: 14px!important; text-decoration: none!important; } .cat_link img { padding-right: 15px; } .cat_link2 a { height: 16px; font-size: 10px!important; text-decoration: underline!important; line-height: 14px!important; } .category { padding-left: 20px; } .producttrack { display: block; padding: 15px 0 0 0; float: right; } .productheading { display: block; margin: 0; padding: 0; width: 380px; float: left; } .product_image { display: block; padding: 0; float: left; } .product_pop { display: block; padding: 0; width: 70%; text-align: left; float: right; } .referafriend { height: 16px; padding-left: 20px; font-size: 0.9em; background: url(images/email.png) no-repeat left; } .product_image2 { display: block; margin: 5px; min-width: 15%; float: left; } .product_pop2 { display: block; margin: 5px; margin-left: 15px; font-size: 12px!important; width: 75%; float: left; } .product_pop2 h3 { font-size: 12px!important; font-weight: bold!important; } .product_pop2 p { margin: 0; padding: 0; margin-top: 5px; margin-bottom: 5px; } .browsetitle { margin-bottom: 3px; font-size: 14px; font-weight: bold; } .review { height: 16px; padding-left: 18px; background: url(images/review.gif) no-repeat left; } .info { margin-top: 10px; padding-top: 10px; background: url(images/dot.gif) repeat-x; } .info p { margin-top: 3px; margin-bottom: 3px; font-size: 12px; } .productbookmark { display: block; padding-top: 5px; text-align: center; background: url(images/dot.gif) repeat-x; clear: both; } .spotlight { padding: 10px 0 10px 0; border-bottom: 1px solid #E1E1E1;} .spotlight h4 { margin: 0; padding: 0 0 5px 30px; height: 25px; line-height: 25px; color: #000000; font-size: 14px; background: url(images/quote.gif) no-repeat top left; } .spotlight hr { height: 1px; color: #CDD5E0; } /* control image size in editorial reviews */ .imgedit img { max-width: 180px; max-height: 120px; } .imgedit { max-width: 600px!important; overflow: auto; font-size: 10px!important; } /* product page footer bookmark links */ .productfooter { display: block; padding-top: 5px; text-align: center; background: url(images/dot.gif) repeat-x; } .yahoo { height: 16px; padding-left: 20px; margin-right: 10px; background: url(images/bm-yahoo.gif) no-repeat left; } .furl { height: 16px; padding-left: 20px; margin-right: 10px; background: url(images/bm-furl.gif) no-repeat left; } .delicious{ height: 16px; padding-left: 20px; margin-right: 10px; background: url(images/bm-delicious.gif) no-repeat left; } .blinklist{ height: 16px; padding-left: 20px; margin-right: 10px; background: url(images/bm-blinklist.gif) no-repeat left; } .digg { height: 16px; padding-left: 20px; margin-right: 10px; background: url(images/16x16-digg-guy.gif) no-repeat left; } .simpy { height: 16px; padding-left: 20px; margin-right: 10px; background: url(images/bm-simpy.gif) no-repeat left; } .spurl { height: 16px; padding-left: 20px; margin-right: 10px; background: url(images/bm-spurl.gif) no-repeat left; } .stumbleupon { height: 16px; padding-left: 20px; background: url(images/stumbleit.gif) no-repeat left; } /* cart and misc form styles */ .trbk { background: #E6E6E6; text-indent: 5px; } .trbk2 { background-color: #EFEFEF; text-indent: 5px; } .buttonfloat { display: block; float: left; margin-right: 5px; } .buttonfloat2 { display: block; float: left; margin-right: 5px; } .updateline { font-size: 11px; clear: left; } /* Customer Service Content Div */ #about { display: block; font-size: 0.9em; } #about legend { margin-bottom: 5px; } #about p { text-align: justify; padding: 5px 0 0 0; } #about h4 { font-size: 12px; padding: 15px 0px 0px 0px; text-decoration: underline; } #about ol { margin-left: 35px; font-size: 1.25em; font-family: sans-serif; } #about .testsection1 { background-color: #F7F7F7; border-bottom: 1px solid #fff; padding: 5px; font-size: 11px; } #about .testsection2 { background-color: #F2F2FF; border-bottom: 1px solid #fff; padding: 5px; font-size: 11px; } #about .name { font-size: 1.1em; font-weight: bold; color:#666666; } #about .testimonial { font-size: 1.2em; font-style:italic; color: #333333; font-weight: normal; } #about dl { list-style-type: none;} #about dd { list-style: none; padding: 5px 0 0 0; } #about ul { padding: 5px; } #about ul ul {padding: 5px; } /* Customer Service Page Tabs */ #tabsF { float:left; width:100%; font-size:0.8em; line-height:normal; border-bottom:1px solid #666; margin-bottom: 5px; } #tabsF ul { margin:0; padding:10px 5px 0 15px; list-style:none; } #tabsF li { display:inline; margin:0; padding:0; } #tabsF a { float:left; background:url("images/tableftF.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration: none; } #tabsF a span { float:left; display:block; background:url("images/tabrightF.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsF a span { float:none; } /* End IE5-Mac hack */ #tabsF a:hover span { color: #000; text-decoration: none; } #tabsF a:hover { background-position: 0% -42px; text-decoration: none; } #tabsF a:hover span { background-position: 100% -42px; text-decoration: none; } /* End Customer Service Page Tabs */ /* pagination */ .paginationlinks { font-size: 11px; text-align: center; } .paginationlinks a { padding: 2px 5px 2px 5px; color: #336699; border: 1px solid #336699; } .paginationlinks a:hover { color: #fff; border: 1px solid #336699; background: #336699; text-decoration: none!important; } /*end pagination */ /* FORM STUFF */ .searchtext { font-size: 9px; } .searchtext2 { font-size: 13px; } .submitbtn { font-size: 11px; height: 20px; font-weight: normal!important; padding: 0px 2px 0px 2px; } .update { background: url(images/update.png) repeat-x top!important; height: 22px; padding: 0px 10px 0px 10px; letter-spacing: 0.1em; font-size: 10px; } .update:hover { background: url(images/update.png) repeat-x bottom!important; } input[type="text"], input[type="password"], textarea { color: #333; background-color: #fff; border: 1px solid #ddd; border-top: 1px solid #999; border-left: 1px solid #999; padding: 1px; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { color: #000; background-color: #fff; border: 1px solid #000; } textarea { width: inherit; } .list_price_number { color: #000000; text-decoration: line-through; } .price_number2 { font-weight: bold; color: #000000; } .price_number { font-weight: bold; color: #009900; } .floatlist ul { list-style-type: none; margin: 0; padding: 0; float: left; } .floatlist li { list-style-type: none; display: block; margin: 0; padding: 6px 2px 2px 2px; font-size: 0.9em; text-align: left; width: 143px; height: 180px; float: left; } .floatlist li img { padding-bottom: 5px; max-width: 142px; max-height: 92px; } .floatlist li a { display: block; text-decoration: none!important; padding: 5px; float: left; } /* youtube formatting */ .youtuberow { display: block; margin: 0px auto; text-align:center; } .floatlist2 { display: block; width: 260px; padding: 5px 0 30px 30px; float: left; } #startop{ z-index: 1; background-image: url(/images/staron.gif); background-repeat: repeat-x; height: 12px; } #starbottom{ z-index: 0; background-image: url(/images/staroff.gif); background-repeat: repeat-x; width: 65px; height: 12px; } .pagelink{ text-decoration: none; } /* side content bar - google ads */ #right-bar { display: block; margin: 0; padding: 0 0 0 10px; width: 120px; text-align: center; border-left: 1px solid #ccc; float: right; } #right-bar a, #right-bar a:visited { width: 120px; font-size: 11px; } /* #right-bar a:hover { color: #000; } */ #right-bar h3 { display: block; width: 130px; height: 30px; line-height: 30px; color: #000; font-weight: bold; font-size: 12px; text-align: center; background: url(images/ctpl_sidetop2.png) no-repeat; } /* bottom google ad bar */ #footerbar { margin: 0px auto; text-align: center; background-color: #fff; color: #000; padding: 5px; } /* footer */ #footer { display: block; margin: 0px auto; width: 980px; } #servicefooter { display: block; margin: 0px auto; padding: 15px 0 15px 0; width: 960px; text-align: left; font-size: 11px; background-color: #EEEECC; border: 1px solid #999; } #servicefooter .topic { font-weight: bold; color: #000; text-decoration: underline; text-align: center; } .footerlinks { margin: 0px auto; width: 920px; } .linklist { display: block; width: 205px; padding: 0 20px 0 80px; float: left; } #servicefooter h6 { font-size: 12px; clear: left; } #servicefooter ul { list-style-type: none; margin: 0; padding: 0; float: left; } #servicefooter ul li { display: block; list-style: none; margin: 0; padding: 0;} #servicefooter li a { display: block; padding: 5px 0 0 0; text-decoration: underline; } .copyright { display: block; margin: 0px auto; padding: 15px 0 15px 0; width: 920px; text-align: center; clear: left; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0; } html, body { min-height: 100%; height: auto !important; height: 100%; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666; } #TB_window a:visited {color: #666666; } #TB_window a:hover {color: #000; } #TB_window a:active {color: #666666; } #TB_window a:focus{color: #666666; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: absolute; z-index:100; width: 100%; height: 100%; top: 0; left: 0; min-height:100%; background-color:#000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } #TB_window { position: absolute; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; } #TB_window img { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:5px 10px 7px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: absolute; display:none; height:100px; width:100px; z-index:101; } #TB_HideSelect{ z-index:99; position:absolute; top: 0; left: 0; width:100%; height:100%; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #TB_iframeContent{ border:none; clear:both; } /* End of thinbox css */ /* Loading message */ DIV#loading { font-size: 11px; color: #000; position: fixed; z-index: 100; width: 300px; left: 50%; top: 50%; margin-left: -166px; margin-top: -56px; text-align: center; padding: 15px; border: 1px solid #333; background-color: #EFEFEF; /* #eee; */ cursor: pointer; cursor: hand; } * html DIV#loading { position: absolute; } /* IE hack */ DIV#PBouter, DIV#PBdone { margin-left: auto; margin-right: auto; } /* HORIZONTAL MENU LAYOUT */ /* All