body{margin:0;padding:0; font: 10px Verdana, Arial, sans-serif; background: #CCCCCC} /* line-height: 1.1em; */ *{margin:0; padding:0;} b{font-size: 110%;} a img{border:none} input.small{width:40px} textarea.medium{width:300px; height: 100px;} em{color: red;} /*Width of main container*/ /*Center container on page*/ #page{width: 960px; margin: 0 auto; background: #ECECEC} /* header Height of top section*/ #header{background: #E1E1E1 url('shop/head_bg.gif') no-repeat 0 0; height: 130px; } #header .inner{padding-top: 15px;} #header .left{height: 114px; width:190px; float: left; margin: 10 0 0 -10px; background: #D2D2D2; line-height: 1.2em;} #header .left a{font:9px Verdana,sans-serif; font-weight: bold; text-decoration: none;color:#707172; margin: 0 0 0 15px ; } #header .left ul.top_left_nav {margin:10px 0 0 0; list-style: none;} ul.lang_nav {float:left; padding: 0 10px 0 0; margin: 58px 0 0 10px; width:90px; height:15px; } .lang_nav li {float: left; list-style: none;} #header .left .lang_nav li a {padding: 5px; margin: 0} .lang_nav li img{padding: 0;} #header h1{display: none;} /* #header li{float: right; list-style: none; height:27px; text-align:center; margin: -20px 0 0 0 ; }*/ ul.nav_top {float:right; padding: 0 10px 0 0;margin: 0 0 10px 0; width:731px; height:27px; background: #fff; font:14px Verdana,sans-serif; font-weight: bold; } .nav_top li {float: left; list-style: none; margin: 4px 0 0 0;} .nav_top li a {text-decoration:none;color: #000; padding:3px 30px 6px 30px} .nav_top li a:hover, .nav_top li a:active { border-top:1px solid #FC9627; background: #FF9900; color: #fff; } .nav_top li a.active { border-top:1px solid #FC9627; background: #FF9900; color: #fff; } /*end header */ /*flash message box above content */ #sessionFlash {width: 660px; color:#fff; position:absolute; padding: 10px; margin:10px 10px 10px 0; font-size: 14px; } .message_ok{background:#63DC09;font-weight:bold } .message_error{background:#FF0000; font-weight:bold } #contentwrapper{float: left;width: 100%;} /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ #contentcolumn{margin: 0 200px 0 200px; background: url('shop/content_bg.jpg') repeat-x 0 0 #fff;} #contentcolumn .inner{ background: #fff; overflow:hidden;} .breadcrump {font:10px Verdana,sans-serif;} /* homepage */ .box_wide { padding-bottom: 10px;} .box_wide h3{ background:#000; text-align: center; color: #fff; font-size: 12px; padding: 4px 0 4px 0;} .box_wide .inner_wide{ background:#FF9900; } .box_row{background:#fff;min-height:200px } .box_half{ width: 260px; border: 1px solid #FF9900;} .box_half.left{ float: left;} .box_half.right{ float: right;} .box_half h3{ background:#000; text-align: center; color: #fff; font-size: 12px;padding: 4px 0 4px 0; } .box_half .inner_half{font-size: 10px; font-weight: bold; padding:0 } /* cat listing */ .cat_box{ width: 260px; border: 1px solid #FC9627; float:left;background:#fff;margin:3px} .cat_heading{ background:#D2D2D2; padding: 3px 5px 3px 5px; height: 35px; } .cat_heading h3{ color: #000; font-size: 12px; } .cat_heading img{float:left; } .cat_content ul {list-style:none; float:right; margin: 5px 7px 0 0;} .cat_content ul a{font-weight: bold; color:#000; text-decoration:none;} .prod_box{ border: 1px solid #FC9627; background: #fff;overflow:hidden;clear:both; margin-bottom: 10px; } .prod_image{width:76px; float:left;height: 100%} .prod_list{width: 350px; float:left;display: inline;height: 100%} .prod_box_heading{ background:#D2D2D2; padding: 3px 5px 3px 5px; height: 25px; } .prod_box_heading h3{ color: #000; font-size: 12px; } table.tbl_products{ width:463px; }/*margin-bottom: 5px;*/ .tbl_products tbody tr:hover{background:#FFD599; cursor: pointer;} .tbl_products th{border-bottom: 1px solid #FC9627; border-right: 1px solid #FC9627; background: #F4F4F4; text-align: left; font-size: 10px; padding:0 0 0 3px;height: 20px;} .tbl_products td{border-bottom: 1px solid #FC9627;border-right: 1px solid #FC9627; text-align: left; font-size: 10px; padding:3px; height: 20px;} .tbl_products td a{text-decoration: none;color:#000} .tbl_products td.description{width: 200px; } /*search results */ .prod_list.search{width: 450px; float:left;display: inline;height: 100%} table.tbl_products.search{ width:540px; }/*margin-bottom: 5px;*/ /* product details */ /* product details */ .prod_wrapper{border:1px solid #FC9627;overflow:auto;} .heading1{background: #FC9627;color: #fff; margin:0 0 7px 0; overflow:auto;} .heading1 h2{font-size: 12px; font-weight: bold;padding:3px 5px 3px 5px} .heading1 h2 a{color: #fff; text-decoration: none;} .heading1 h2 a:hover{ text-decoration: underline;} .heading2{background: #D2D2D2;padding:2px 5px 2px 5px;border-bottom: 1px solid #FC9627;} .heading2 h3{ font-size: 11px; font-weight: bold; } .heading2 h3 a{ color: #000; } .prod_images{float:left; width: 160px; height: 100%; overflow:auto;} .prod_details{float:right; width: 367px; padding: 0 0 20px 10px;border-left: 1px solid #FC9627;} .prod_details tr{margin:0 0 5px 0;} .prod_details th{text-align:left; color:#FC9627; font-size: 10px; width:110px;height: 17px;} .prod_details td{text-align:left; font-size: 10px;font-weight: bold; } .prod_actions{margin:20px 0 0 0;} .prod_actions a{padding:2px 20px 2px 3px; margin:0 5px 0 0;background: url(shop/link_bg.gif) no-repeat right center #D2D2D2; text-decoration: none; color:#000; border:1px solid #FC9627;} .prod_text {margin: 10px 0 5px 0;} .prod_text p{margin: 5px 0 5px 0;} .prod_text ul{margin: 5px 0 5px 20px;} .prod_text h5{ color:#FC9627; font-size: 10px;margin: 5px 0 5px 0;} .editlink{float:right; } /* wishlist pages */ .wishlist_submit{ margin: 10px 0 10px 0; text-align: right;} .wishlist_submit a{border:1px solid #FC9627; padding:5px 20px 5px 5px;margin: 10px 0 10px 0;background:url(shop/link_bg.gif) no-repeat right center #D2D2D2; color: #000; text-decoration: none;} .checkout_wrapper{ background: #FC9627; padding:15px} .checkout_inner{ background: #F4F4F4; } .checkout_inner fieldset{ border:none ;margin:0 0 0 30px; padding:25px} .checkout_inner fieldset p{clear:left;}/* border-bottom: 1px solid #C5C5C5;*/ .checkout_inner fieldset label{ margin: 3px; width:90px; text-align:left; display:block; float:left; vertical-align:top; font-weight: bold;} .checkout_inner input {width:300px; margin: 0 0 7px 0; vertical-align:middle; text-align:left;} .checkout_inner select { margin: 0 0 7px 0; vertical-align:middle; text-align:left;} .checkout_inner input.button{float:right;border:1px solid #FC9627; background: url(shop/link_bg.gif) no-repeat right center #D2D2D2;font-weight:bold; width: 200px;} .checkout_inner a.back{float:left;padding:2px 3px 2px 20px; margin: 5px 0 0 10px; background: url(shop/link_back_bg.gif) no-repeat left center #D2D2D2; text-decoration: none; color:#000; border:1px solid #FC9627;} .checkout_inner h5{padding:20px 0 0 25px; margin:0 0 0 45px; background: url(shop/arrow_bg.gif) no-repeat left bottom; font-size: 11px;} .checkout_inner p.group_text{ margin: 5px 0 0 70px;} .checkout_inner p.group_dropdown{ margin: 5px 0 0 125px;} /*.checkout_inner input.required{border: 1px solid red;}*/ /* static pages*/ .content {border: 1px solid #FC9627; padding: 0 0 10px 0} .content h4{ color:#FC9627; font-size: 12px; margin: 10px 0 10px 10px; clear: both;} .content h5{ color:#FC9627; font-size: 12px; margin: 10px 0 10px 10px; clear: both;} .content p{ font-size: 11px; padding: 5px 0 0 10px} .content ul{ font-size: 11px; margin: 5px 5px 5px 20px; } .content p img{padding: 5px ;} .content img{padding:0 0 0 0} .content table { width: 100%; margin: 20px 0 10px 0} .content table td{width: 33%; background: #FC9627; text-align: center; padding:20px;} .content table td a {text-decoration: none; color:#000; font-size: 10px; font-weight: bold;} /* google map page*/ #sidebar_map{padding: 0 0 10px 10px} #sidebar_map ul{margin-left: 10px;} #sidebar_map a{color:#FC9627; font-size: 11px; text-decoration: none;} /****** Left Column + Navigation *****/ /*Width of left column in pixel, Set margin to that of -(MainContainerWidth)*/ #leftcolumn{float: left;width: 200px; margin-left: -960px; background: #D2D2D2;} #leftcolumn h2{background: #FC9627; color:#fff; margin: 0px -10px 0px -10px;padding: 5px 0 5px 10px; font-size: 12px;} #leftcolumn h3{background: #FC9627; color:#fff; margin: 10px 0px; padding: 3px 0 3px 10px; font-size: 12px; border:1px solid #000} #leftcolumn h4{ padding: 0 0 0 10px; font-size: 10px; margin: 5px 0 20px 0; letter-spacing: 0.2px;font-weight: bold;} #leftcolumn ul{ padding: 0 0 0 20px; font-size: 10px; margin:-5px 0 0 0 ; list-style-image:url(shop/list_style.gif)} #leftcolumn ul li{ margin: 5px 0 5px 0; } /* #leftcolumn li{ margin: 3px 0 3px 0; }*/ #leftcolumn ul li ul{ margin: 3px 0 5px 0; } /*ul of first subnav */ #leftcolumn a{color:#000;text-decoration: none; font-weight: bold; margin:3px 0 3px 0} #leftcolumn a:hover {color:#FC9627;} /* all nav links hover */ #leftcolumn li.nav_item ul { list-style-image:none; list-style:none} /* sub nav items */ #leftcolumn li.nav_item ul a{color:#000;font-weight: normal;} /* sub nav items */ #leftcolumn li.current_nav_item a{color:#FC9627;} /* current active on main level*/ #leftcolumn li.current_nav_parent a{color:#FC9627;} /* current active parent*/ #leftcolumn li.current_nav_parent li.current_nav_item a{color:#FC9627;font-weight: bold;} /* current active on sub level*/ #leftcolumn ul.page_nav{ list-style-image:none; list-style: none;} #leftcolumn ul.page_nav a.current_nav_item{color:#FC9627}/* current active link page navi*/ /*Width of right column, Set left margin to -(RightColumnWidth)*/ #rightcolumn{float: left; width: 190px; margin: 0 10px 0 -200px; background: #D2D2D2;} #rightcolumn .inner{ background: #F5F5F5; margin:10px 10px 10px 10px; padding: 10px 0 15px 0;} /*#rightcolumn a{padding:2px 55px 2px 3px; margin: 15px 0 5px 15px; background: url(shop/link_bg.gif) no-repeat right center #D2D2D2; text-decoration: none; color:#000;}*/ #rightcolumn a{text-decoration: none; color:#000;} #rightcolumn a:hover{text-decoration: none; color:#FC9627;} #rightcolumn .inner h3{margin: 5px 0 5px 15px; color:#FC9627;} #rightcolumn ul{margin: 10px 0 5px 15px; list-style:none;} #rightcolumn ul li{background: url(shop/link_bg.gif) no-repeat right center #D2D2D2; width:138px; margin: 0 0 7px 0; height: 15px;} #rightcolumn ul li a{padding: 0 0 0 3px;} /* Wishlist in sidebar right */ #rightcolumn #wishlist{ background: #D2D2D2; padding: 5px ; margin: 0 15px 0 15px} #rightcolumn #wishlist table tr{ margin:10px 0 5px 0;} #rightcolumn #wishlist table td{ border-bottom:1px solid #FC9627; padding: 3px 0 3px 0;} #rightcolumn #wishlist table .quantity{width:10px; font-weight: bold; padding:0 4px 0 0 ;} #rightcolumn #wishlist table .info{width:110px} #rightcolumn #wishlist table .action{width:20px} #loading{display: none; float: right; margin:0 5px 5px 0} /* end Wishlist */ /* searchfield in rightcolumn */ #Searchfield{margin:0 0 0 10px; width: 110px;} /*Margins for inner DIV inside each column (to provide padding)*/ .inner{margin: 10px; margin-top: 0; } #footer{clear: left; width: 100%; background: #D2D2D2; color: #FFF; text-align: right; padding: 3px 0 3px; height: 20px; font-size: 11px;} #footer a{color: #FF9900;padding: 0 4px 0;} /* Form styles */ .form{border-top:2px solid #FF9900; width:100%; border-right:1px solid #C5C5C5; font-size:11px; margin:10px 0 20px 0; } .form fieldset{float:left; vertical-align:top; border:none; width:100%} .form fieldset p{border-bottom: 1px solid #C5C5C5; clear:left;} .form p{ clear:left;} .form label{ margin: 3px; width:150px; text-align:right; display:block; float:left; vertical-align:top; font-weight: bold;} .form input{width:250px; margin: 3px; vertical-align:middle; text-align:left;} .form .submit{float:right; width: 100px;} .form_error{background:red;} /* special form elements */ input#WishlistCustomerNumber{width:160px;} input#WishlistCity{width:160px;} input#WishlistZip{width:50px} input#WishlistPrivacy{width:20px} p.privacy{margin: 10px 0 10px 0; padding:5px} /* debug table */ #cakeSqlLog th {background-color:#EEEEEE;border-bottom:1px solid #666666;border-top:1px solid #FFFFFF;text-align:left;} #cakeSqlLog td, #cakeSqlLog th {border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;padding:4px;vertical-align:top;} /* transfer button to wishlist*/ .transfer{border: 1px solid #FC9627; background-color: #D2D2D2;}