/* CSS Document */ body{ margin:0; padding:0; background:url("body_bg.gif") repeat-x top #ffffff; text-align:center; } #body{ background:url("body_bg.gif") repeat-x top #ffffff; padding:auto; } #container{ margin:auto; text-align:left; width:980px; background:#ffffff; } #wrapper{ margin:auto; width:960px; } /* Header Starts */ #header .left{ float:left; width:30%; } #header .right{ float:right; width:69%; } #header .right #topmenu{ float:right; background:url("top_menu_bg.gif") no-repeat; width:250px; height:22px; text-align:right; color:#ffffff; font-size:11px; padding-top:8px; } #header .right #topmenu a{ text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#ffffff; margin-left:5px; margin-right:5px; } #header .right #topmenu a:hover{ text-decoration:underline; } #header .right #topmenu_btm{ width:415px; float:right; } #header .right #topmenu_btm .search{ float:left; background:url("search_bg.gif") no-repeat left; width:215px; height:17px; text-align:right; margin-top:18px; } #header .right #topmenu_btm .search input{ width:135px; height:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#000000; text-align:left; vertical-align:top; margin-right:6px; margin-top:1px; padding-top:2px; border:none; background:none; } #header .right #topmenu_btm .search input.submit{ width:16px; height:17px; margin:0px; padding:0px; } #header .right #topmenu_btm .basket{ float:right; width:190px; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; } #header .right #topmenu_btm .basket a{ text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; } #header .right #topmenu_btm .basket a:hover{ text-decoration:underline; } /* Header Ends */ #body_container{ background:url("btm_logos.gif") left bottom #ffffff no-repeat; } /* Left Menu */ #leftmenu{ width:160px; height:367px; float:left; border-right:solid 1px #666666; } #leftmenu strong{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; padding-left:20px; line-height:20px; } #leftmenu a{ background:url("nav_bg.gif") left top no-repeat; display:block; padding-left:20px; width:140px; height:18px; line-height:18px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; } #leftmenu a:hover{ background:url("nav_bg_hover.gif") left top no-repeat #0d3d0d; color:#ffffff; } #leftmenu a.selected{ background:url("nav_bg_hover.gif") left top no-repeat #0d3d0d; color:#ffffff; display:block; padding-left:20px; width:140px; height:18px; line-height:18px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; } /* Left Menu */ /* Right Body */ #right_body{ width:796px; float:right; } #right_body .top_left{ width:601px; float:left; } #right_body .top_right{ width:195px; float:right; text-align:right; } #right_body .top_right img{ margin-top:6px; margin-bottom:6px; } #right_body{ width:796px; float:right; } #right_body_small{ width:594px; float:left; margin-left:10px; } #right_body .top_left_small{ width:594px; float:left; } .top_right_small{ width:180px; float:right; text-align:right; } .top_right_small img{ margin-top:6px; margin-bottom:6px; } #right_body .featured{ width:100%; text-align:left; border-bottom:solid 1px #666666; } /* Right Body */ .btm_boxes{ width:181px; float:left; margin-right:10px; text-align:left; } .btm_boxes a{ background:url("nav_bg.gif") left top no-repeat; display:block; padding-left:20px; width:140px; height:15px; line-height:15px; text-decoration:none; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#000000; margin-left:5px; } .btm_boxes a:hover{ text-decoration:underline; } #footer{ text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; } #footer a{ text-decoration:none; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; margin-left:5px; margin-right:5px; } #footer a:hover{ text-decoration:underline; } .clear{ clear:both; } .line{ background:#666666; } .product-wrapper{width:100%; margin-top:20px;} .product{width:123px; float:left; margin-bottom:20px; height:240px;} .product p{display:block; width:100%;  font-size:10px; margin:0px; padding:0px;} .product b{float:left; font-weight:normal; font-size:10px;} .product a{float:right;font-weight:normal; font-size:10px; color:#000000} .product-page{margin-top:10px;} .product-left{float:left; width:281px; margin-right:10px} .product-left a{color:#000000; font-size:12px; text-decoration:none; font-weight:bold;float:left; clear:both;} .product-left img{float:left; clear:both; border:1px solid #000000;} .product-right {float:right; width:300px; margin-top:15px;} .product-right  h1{display:block; padding:2px; color:#FFFFFF; background-color:#132813; font-size:16px;} .product-right  h2{font-size:16px; margin:10px 0px; padding:0px; color:#000000;} .product-right p{line-height:1.2; font-size:12px;} .product-right .price{float:left; clear:both} .product-right .productcode{font-weight:normal;float:left; clear:both; font-size:10px;} .options{width:300px; float:left; margin-top:20px;} .options label{width:80px; float:left; clear:both; margin:0px 0px 10px 0px; font-weight:bold;} .options select, .options input{width:100px; float:left; border:1px solid #132813;} .options select{width:200px;} .options input {width:50px;} .options input.purchase{background:transparent url(images/purchase-button.jpg) top left no-repeat; width:67px; height:22px; border:none; cursor:pointer; float:left; clear:both}