@charset "utf-8"; /* CSS Document */ * { border:0; margin: 0; padding: 0; } p { line-height: 1.7em; margin-bottom: 20px; } a{ color: #015db0; text-decoration: none; } img { border: 0; } a:hover { color: #015db0; text-decoration: none; } .break { font-size: 0; width: 0; height: 0; clear: both; } h1 { padding:0px; margin:0px; margin-bottom:10px; } h2 { padding:0px; margin:0px; margin-bottom:10px; } h3 { padding:0px; margin:0px; margin-bottom:10px; } h4 { padding:0px; margin:0px; margin-bottom:10px; } .blue{ COLOR:#3eb1e7} .darkblue{color:#103c51; font-weight:bold} .red { color: #e00000; } .bold { font-weight: bold; } .gray { color: #656565; } .hide { display: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } body { FONT: 12px Arial; color:#000000; background:#c1dde6 url(../images/body_top.gif) repeat-x top; } #wrapper { margin:0 auto; background:url(../images/page_top.gif) repeat-x; width:1018px; background:#ffffff; } /* =Header ----------------------------------------------- */ #header { height:97px; background:url(../images/header.gif) no-repeat; } #header2 { height:39px; background:url(../images/header2.gif) no-repeat; } #header3 { height:71px; background:url(../images/header3.gif) no-repeat; } #header .logo { float:left; width:371px; height:42px; margin-top:22px; margin-left:40px; } /* =Structure ----------------------------------------------- */ #header2 #nav{ float:left; list-style: none; overflow: hidden; margin-top:10px; margin-left:260px; z-index: 1; } #header2 #nav li{ display: inline; list-style-type:none; } #header2 #nav li a{ float:left; margin:0 15px; overflow: hidden; text-indent:-999px; } #header2 #nav li a:hover {text-decoration:none;} #header2 #nav li a:active{text-decoration:none;} #header2 #nav li.current a{text-decoration:none;} #home a{ width:56px; height:15px; background:transparent url(../images/home.gif) no-repeat; } #scannersonsale a{ width:136px; height:15px; background:transparent url(../images/scannersonsale.gif) no-repeat; } #hp_scanners a{ width:107px; height:15px; background:transparent url(../images/hp_scanners.gif) no-repeat; } #other_scanners a{ width:118px; height:15px; background:transparent url(../images/other_scanners.gif) no-repeat; } /*end nav*/ #header .view_cart{ float:right; color:#e3e3e3; font-weight:bold; margin:24px 60px 0 0px; } #header .checkout{ float:right; color:#e3e3e3; font-weight:bold; margin:24px 68px 0 0px; } #header3 .inputtext { float:left; background:transparent; font-size:13px; color:#000000; font-family:Tahoma, arial, verdana, courier; width:318px; height:20px; vertical-align:middle; border: 0px; margin:26px 0px 0 186px; } #header3 .inputcombo { float:left; background:transparent; font-size:13px; color:#000000; font-family:Tahoma, arial, verdana, courier; width:135px; height:29px; vertical-align:middle; border: 0px; margin:21px 0px 0 29px; } #header3 .inputsubmit { float:left; width:82px; height:29px; background:none; border:none; vertical-align:middle; margin:21px 0px 0 25px; } #header3 .advanced_search { float:left; margin:30px 0px 0 25px; color:#349ac3; } #content { float:left; margin:10px 0 0 40px; width:750px; } #content h1 { font-weight:bold; color:#454545; font-size:20px; margin-bottom:5px; } #content h2 { font-weight:bold; color:#454545; font-size:14px; margin-bottom:5px; } #content .box{ margin:10px auto; width:750px; background:url(../images/box_mid.gif) repeat-y; } #content .box .top{ width:750px; height:5px; background:url(../images/box_top.gif) no-repeat top; } #content .box .bottom{ clear:both; width:750px; height:5px; background:url(../images/box_bottom.gif) no-repeat bottom; } #content .box p { line-height: 1.5em; margin-bottom: 5px; padding:0 20px; } #content .box h2 { padding:0px 20px; font-weight:bold; color:#454545; font-size:14px; margin-bottom:5px; } #content hr{ float:left; width:730px; padding:0 10px; border-bottom:#e0e0e0 1px solid; } #content .item{ margin:10px auto; float:left; width:375px; } #content .item h2{ font-weight:bold; color:#e70000; font-size:12px; margin-bottom:10px; } #content .item span{ color:#8b8b8b } #content .item .left{ float:left; width:110px; } #content .item .right{ float:left; font-size:11px; margin-left:20px; } #content .item .left img{ float:left; } #content .payment_method{ margin:10px auto; height:25px; } #content .payment_method .payment{ float:left; width:109px; height:25px; margin-right:10px; background:url(../images/payment_method.gif) no-repeat; } #content .payment_method .visa{ float:left; width:46px; height:25px; margin-right:10px; background:url(../images/visa.gif) no-repeat; } #content .payment_method .amex{ float:left; width:46px; height:25px; margin-right:10px; background:url(../images/amex.gif) no-repeat; } #content .payment_method .mastercard{ float:left; width:46px; height:25px; margin-right:10px; background:url(../images/mastercard.gif) no-repeat; } #content .payment_method .paypal{ float:left; width:66px; height:25px; background:url(../images/paypal.gif) no-repeat; } #sidebar { float:left; margin:10px 0 0 24px; width:172px; } #sidebar ul { list-style-type: none; margin:0 10px; font-size:11px; } #sidebar ul li { line-height: 1.6em; padding:2px 0px 2px 10px; } #sidebar ul li a { color: #3f3f3f; text-decoration:none; } #sidebar .box{ margin:10px auto; width:172px; background:url(../images/side_mid.gif) repeat-y; } #sidebar .box .bottom{ clear:both; width:172px; height:2px; background:url(../images/side_bottom.gif) no-repeat bottom; } #sidebar .box .categories{ width:172px; height:35px; background:url(../images/categories.gif) no-repeat top; } #sidebar .box .subcategories{ width:172px; height:35px; background:url(../images/subcategories.gif) no-repeat top; } #sidebar .box .narrow_by_brand{ width:172px; height:35px; background:url(../images/narrow_by_brand.gif) no-repeat top; } #sidebar .box .narrow_by_price{ width:172px; height:35px; background:url(../images/narrow_by_price.gif) no-repeat top; } #flower { height:231px; BACKGROUND:url(../images/flower.gif) no-repeat top; margin-top:-136px; } #footer { margin:0 auto; padding-top:15px; width:1018px; height:41px; text-align:center; font-size:11px; } #footer p { color: #50737d; margin-bottom:5px; text-transform:uppercase; } #footer .links { color: #999999; font-size:14px; padding:90px 0px 0px 0px; } #footer .links a { color: #999999; text-decoration: none; margin: 0 10px; } #footer .links a:hover { text-decoration: underline; }