body { padding: 0; margin: 0; color: #000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background: #fff; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } p { margin: 0; padding: 0; } #page { margin: 0px auto; width: 960px; background: #fff; padding-right: 10px; padding-left: 10px; } a, a:visited, a:active { color: #0000FF; text-decoration: none; } a:hover { color: #000; text-decoration: underline; } a img { border: none; } .cleardiv { display: block; clear: both; } /* header */ #header { display: block; margin: 0px auto; width: 960px; height: 205px; color: #999; background: url(images/ctpl_headbk.png) no-repeat; } #topheader { display: block; margin: 0; width: 960px; height: 87px; } /* logo heading */ #topheader h1, #topheader h1 a { display: block; margin: 0; padding: 0; width: 250px; height: 87px; font-size: 22px; text-indent: -9999px; /* background: url(images/ctpl_logo.jpg) no-repeat; */ float: left; } #topheader h2 { margin: 0; padding: 0px; color: #666; font-size: 18px; font-style: italic; } /* top link tabs */ #topnav { display: block; padding: 0 0 0 10px; width: 470px; height: 22px; color: #fff; float: left; } #topnav ul { list-style-type: none; margin: 0; padding: 0; float: left; } #topnav ul li { list-style: none; margin: 0; padding: 0; float: left; } #topnav li a { display: block; padding: 5px 20px 0 0; color: #fff; text-decoration: none; font-size: 11px; } #topnav li a:hover { text-decoration: underline; } /* top account and cart info bar */ #topbar { display: block; padding: 5px 10px 0 0; width: 460px; height: 17px; text-align: right; font-size: 11px; color: #fff; float: right; } #topbar img { padding-right: 5px; border: none; vertical-align: middle; } #topbar a, #topbar a:visited { text-decoration: none; color: #fff; } #topbar a:hover { text-decoration: underline; } /* search bar div */ #tophead { margin: 0px; padding: 5px 0 0 58px; width: 787px; height: 35px; 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; font-size: 10px; padding-top: 3px; float: left; } #topsearch label { color: #000; font-size: 10px; } #topsearch input.textfield { padding: 2px 9px 1px 10px; font-size: 12px; width: 542px; height: 16px; background: none!important; border: none!important; float: left; } #topsearch .textfield2, #topsearch select{ 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: 5px 10px 0 0; float: right; } #navright, #navright a { display: block; width: 87px; height: 26px; font-size: 11px; text-indent: -9999px; } #navright a { background: url(images/ctpl_cartbutton.png) no-repeat center top; } #navright a:hover { background-position: bottom; } /* begin page flow */ /* #newsletter { position: absolute; display: block; top: 83px; right: 10px; z-index: 201; } */ /* 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: 1px 0 0 0; width: 944px; height: 33px; color: #000; clear: both; } /* main body */ #container { margin: 0px auto; padding: 0; width: 960px;} /* side content and navigation links */ #left-bar { display: block; padding: 0; width: 190px; float: left; } .sidelinks { padding: 5px 0 10px 0; width: 188px; background: #DCDCDC; border: 1px solid #ccc; } .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; color: #333; } #left-bar a:hover { text-decoration: underline; color: #000; } #left-bar h3 { display: block; padding-left: 10px; width: 180px; height: 30px; line-height: 30px; color: #000; font-weight: bold; font-size: 12px; text-align: left; background: url(images/ctpl_sidetop.png) no-repeat; } /* main content */ #main { display: block; width: 600px; padding: 0 0 0 20px; float: left; color: #333333; } .main2 { margin: 0; padding: 0; width: 600px; } #main a { font-weight: bold; color: #000001; text-decoration: underline; font-size: 12px; } #main a:hover { text-decoration: underline; color: #B61F1F; } .main2 li { margin: 0px 0px 5px 13px; padding: 0px; list-style: square outside; } .main2 h3 { padding: 15px 0 5px 0; font-size: 16px; color: #CE2222; } #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; float: left; } .homefloat .homeimg { display: block; width: 172px; height: 150px; } .homefloat h4 { margin: 0; padding: 5px 0 5px 0; width: 172px; } .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: 2px solid #E3EAF2; clear: left; } /* Product page styles */ .productpage { display: block; margin: 0; padding: 5px; } .clear { display: block; margin: 0; padding: 5px 0; border-bottom: 2px solid #f5f5f5; } .main2 fieldset { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #ddd; border-top: 0px none #FFFFFF; border-right: 0px none #FFFFFF; border-left: 0px none #FFFFFF; } .main2 legend { font-size: 16px; line-height: 16px; margin: 0; padding: 0; text-indent: -2px; color: #AF130D; 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; } .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 0px; height: 25px; line-height: 25px; color: #000000; font-size: 14px; } .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: 11px!important; } /* product page footer bookmark links */ .productfooter { display: block; padding-top: 5px; text-align: center; background: url(images/dot.gif) repeat-x; clear: both; } .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: #666666; border: 2px solid #f5f5f5; background: #FFFFFF; } .paginationlinks a:hover { border: 2px solid #000001; background: #F5F5F5; text-decoration: none!important; } /*end pagination */ /* FORM STUFF */ .searchtext { font-size: 9px; } .searchtext2 { font-size: 11px; color: #484848; } #topsearch .submitbtn { background: url(images/ctpl_submitbtn.png) no-repeat; display: block; height: 26px; width: 26px; border: none; position: absolute; right: 1px; top: -4px; } .submitbtn span { display: none; } .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: #484848; background-color: #fff; border: 1px solid #ddd; border-top: 1px solid #999; border-left: 1px solid #999; padding: 3px 1px 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: #CE2222; } .price_number { font-weight: bold; color: #5387BB; } .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; min-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; float: right; border-left: 2px solid #E3EAF2; font-size: 10px; } #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; color: #000; padding: 5px; display: block; clear: both; } /* footer */ #footer { display: block; padding: 0px 0px 20px; clear: both; } #servicefooter { display: block; margin: 0px auto; padding: 50px 0 20px; width: 960px; height: 210px; text-align: left; font-size: 11px; background: url(images/ctpl_footerbk.png) repeat-x; } #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; color: #fff; 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: 0; color: #e0e0e0; text-decoration: none } #servicefooter li a:hover { color: #fff; text-decoration: underline; } .copyright { display: block; margin: 0px auto; padding: 0; width: 920px; color: #fff; 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