table, td, th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000000; margin-top: 0px; } .actCHECKOUTEM { background-color: #c0c0c0; } .actCHECKOUTBG { background-color: #ebf5d6; } table.checkout td { background-color: #ebf5d6; } .cart { background-color: #ebf5d6; } /*****************************************************************************************************************/ /******  MY CSS  ******/ /*****************************************************************************************************************/ body { margin: 0; padding: 0; text-align: center; background: white url("body_background.jpg") repeat-x top left fixed ; font-family: Verdana, Arial, Helvetica, sans-serif; } #container { width: 743px; margin: 0 auto; background-color:#FFFFFF; border-left: 1px solid #008B8B; border-right: 1px solid #008B8B; padding: 0 0 0 15px; } .clear { clear: both; } .bold { font-weight: bold; } .left { float: left; display: inline; } .right { float: right; display: inline; } /*********************************************/ /******  HEADER AND ELEMENTS  ******/ /*********************************************/ #top-bar, #footer { width: 708px !important; width: 728px; width/**/:/**/ 708px; padding: 8px 10px 10px 10px; color: white; background-color: #20B2AA; } #top-bar { float:left; margin-bottom: 15px; text-align: right; font-size: 70%; } #top-bar ul { float: left; list-style: none; margin: 3px 0 0 0; padding: 0; vertical-align: bottom; } #top-bar li { display: inline; margin: 0; padding: 0; } #top-bar li a, #footer a { color: white; text-decoration: none; font-weight: bold; text-transform: uppercase; } #top-bar li a:hover, #home #top-bar li.home a, #delivery #top-bar li.delivery a, #discounts #top-bar li.discounts a, #footer a:hover { text-decoration: underline; } #top-bar table { float:right; margin: 0; } #top-bar input.search-box { font: 90% Verdana, Arial, Helvetica, sans-serif; border: 2px solid white; /* margin-bottom: 2px;*/ margin-right: 5px; vertical-align: top; } #top-bar input.search-button { margin: 0; padding: 0; } /* Header Bottom */ .header-bottom { height: 40px; padding-top: 10px; color: #153F78; font-size: 65%; } /*********************************************/ /******  CONTENT AND MAIN CONTAINER  ******/ /*********************************************/ #main { clear: both; display: inline; width: 743px; margin: 0; padding: 0; background-color:#FFFFFF; text-align: left; } #content, #sidebar-left { float: left; display: inline; }/* */ #content { width: 550px; text-align: left; } #content .shipping { width: 516px; height: 132px; margin-left: 21px; margin-bottom: 10px; border-bottom: 1px solid #20B2AA; background: url("shipping.gif")  no-repeat left top; } .brochure-text, .terms, .login, .results { width: 516px; margin: 15px 0 0 21px; } .login { width: 506px; background-color: #EBF5D6; padding: 5px; } .brochure-text h1 { text-transform: uppercase; } .brochure-text p, .terms p, .terms h2 { font-size: 70%; margin-top: 0; } .brochure-text p.question, .terms h2 { font-weight: bold; color: #20B2AA; margin-bottom: 5px; } /*--------- Shopping Cart Styles ---------*/ #content th { color: white; background-color: #008B8B; font: 90% Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } #content td.qty input { font: 90% Verdana, Arial, Helvetica, sans-serif; size: 3; } #content #cart-container { width: 511px;/*  */ margin-left: 20px; } /* #content #cart-container td { background-color: #EBF5D6; } */ #content h2.cart-header { color: #008B8B; font: 80% Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; margin-left: 20px; margin-bottom: 5px; padding: 0; } #content .cart-info-box { width: 511px; margin-left: 20px; margin-top: 10px; } #content .cart-info-box h4 { padding: 3px 3px 5px 3px; margin: 0; border-bottom: 1px solid white; font: 65% Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: white; text-transform: uppercase; text-align: center; background-color: #008B8B; } #content .cart-info-box .bottom { padding: 5px; font: 65% Verdana, Arial, Helvetica, sans-serif; background-color: #EBF5D6; } #content .cart-info-box .bottom ol { padding: 0; margin: 0; list-style-position: inside; } #content table.address  { margin-left: 20px; width: 511px; } #content table.address input { font: 90% Verdana, Arial, Helvetica, sans-serif; } #content table.address select { font: 90% Verdana, Arial, Helvetica, sans-serif; } #content table.address td { font: 90% Verdana, Arial, Helvetica, sans-serif; background-color: #EBF5D6; } #content hr { width: 511px; text-align: center; height: 1px; border: none; color: #20B2AA; } #content p.checkout { font: 65% Verdana, Arial, Helvetica, sans-serif; width: 511px; margin: 10px 0 10px 20px; padding: 0; } #content p.bounce { font: 75% Verdana, Arial, Helvetica, sans-serif; width: 511px; margin: 10px 0 10px 20px; padding: 0; } #content table.buttons { width: 511px; margin-left: 20px; } #content table.buttons input { font: 90% Verdana, Arial, Helvetica, sans-serif; } #content div.checkout-buttons { width: 380px; margin-left: 18px; margin-top: 10px; } #box-container { width: 518px; margin: 21px 0 0 21px; } #box-container div.product-box { float: left; margin-right: 11px; margin-bottom: 15px; } #box-container div.product-box-end { float: left; margin-right: 0; } #box-container h2 { margin: 1px 0 0 0; padding: 6px 8px 8px 8px; font-size: 65%; text-align: center; color: white; background-color: #20B2AA; } #box-container h2 a { color: white; background-color: #20B2AA; text-decoration: none; } #box-container h2 a:hover { text-decoration: underline; } #box-container img { border: none; } /*--------- Section Elements ---------*/ h1.section-name { width: 380px; margin: 0 20px 0 21px; color: #807A68; font-size: 80%; text-transform: uppercase; text-align: left; } p.text-breadcrumb { /* Link Style combined with header-bottom links */ width: 500px; font-size: 65%; color: #20B2AA; font-weight: bold; text-align: left; margin: 5px 20px 20px 21px; line-height: 1.5em; } a.link-breadcrumb { font-weight: bold; color: #008B8B; text-decoration: none; } a.link-breadcrumb:hover { text-decoration: underline; } /*********************************************/ /******  LEFT SIDEBAR AND PRODUCT MENU  ******/ /*********************************************/ #sidebar-left { width: 191px; text-align: left; font-size: 65%; } #sidebar-left img { border: none; padding: 0; margin: 0 0 15px 0; } #sidebar-left #cart-box { color: white; background-color: #20B2AA; margin-bottom: 15px; padding: 10px; font-weight: bold; text-transform: uppercase; } #sidebar-left #cart-box p { margin: 0 0 5px 0; padding: 0; } #sidebar-left #cart-box li, #footer li { display: inline; margin: 0; padding: 0; } #sidebar-left #cart-box li a { display: inline; margin: 0; padding: 0; color: white; background-color: #20B2AA; } #sidebar-left #cart-box li a:hover { text-decoration: underline; } #sidebar-left ul, #sidebar-left #cart-box ul, #footer ul { list-style: none; margin: 0; padding: 0; } #sidebar-left h1.top, #sidebar-right h1.top { /* Styles For Heading of LEFT & RIGHT sidebars */ height:25px !important; height: 35px; height/**/:/**/ 25px; margin: 0 0 10px 0; padding: 5px 0 0 0; background-color:#315CA1; text-align: center; color: white; font-size: 75%; text-transform: uppercase; } #sidebar-left h1.sub-head, #sidebar-right h1.sub-head { height:28px !important; height: 35px; height/**/:/**/ 28px; margin: 0; padding: 7px 0 0 0; text-align: center; color: #153F78; font-size: 75%; text-transform: uppercase; } #sidebar-left li { margin: 0 0 1px 0; padding:0; } #sidebar-left li a { width: 171px !important; width: 191px; width/**/:/**/ 171px; display: block; padding: 8px 10px 10px 10px; background: #008B8B; text-decoration: none; color: white; } #sidebar-left li.offers a { background: #A9042D url("offer_bground.jpg") no-repeat left top; } #sidebar-left li.offers a:hover { background: #940328 url("offer_bground2.jpg") no-repeat left top; } #sidebar-left li a:hover, #alu-frames #sidebar-left li.alu-frames a, #wide-metal-frames #sidebar-left li.wide-metal-frames a,  #wooden-frames #sidebar-left li.wooden-frames a, #clipframes #sidebar-left li.clipframes a, #a6-frames #sidebar-left li.a6-frames a,  #a5-frames #sidebar-left li.a5-frames a, #a4-frames #sidebar-left li.a4-frames a, #a3-frames #sidebar-left li.a3-frames a,  #a2-frames #sidebar-left li.a2-frames a, #a1-frames #sidebar-left li.a1-frames a, #a0-frames #sidebar-left li.a0-frames a, #mounts #sidebar-left li.mounts a, #mounted-frames #sidebar-left li.mounted-frames a, #snap-frames #sidebar-left li.snap-frames a, #movie-frames #sidebar-left li.movie-frames a, #silver-frames #sidebar-left li.silver-frames a, #black-frames #sidebar-left li.black-frames a   { background: #20B2AA; } /*********************************************/ /******  RIGHT SIDEBAR AND UPSELL  ******/ /*********************************************/ .threeColumnPage #sidebar-right { width: 149px; } .twoColumnPage #sidebar-right { display: none; } #sidebar-right .upsell-items { width: 130px; color: white; margin-left:10px; margin-right: 9px; margin-bottom: 10px; } #sidebar-right .upsell-items h3 { font-size: 70%; margin: 5px 0 5px 0; line-height: 1.3em; } #sidebar-right .upsell-items h3 a { color: white; } #sidebar-right .upsell-items img { border: none; margin-left: auto; margin-right: auto;  } #sidebar-right .upsell-items .image-container { background: transparent url("thumb_bground.png") no-repeat center center; width: 130px; height: 130px; display: table-cell; vertical-align: middle; } .ie5 #sidebar-right .upsell-items .image-container, .ie6 #sidebar-right .upsell-items .image-container { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='thumb_bground.png', sizingMethod='scale'); width: 130px; height: 130px; background: none; } #sidebar-right .upsell-items p.price { font-size: 90%; margin: 0 0 0 0; } #sidebar-right .upsell-items p.price a{ color: white; } /*********************************************/ /******  FOOTER ELEMENTS  ******/ /*********************************************/ #account-info { margin: 20px 0 10px 0; width: 728px; float:left; } #account-info p { margin: 0; padding: 0; text-align: center; font-size: 70%; line-height: 150%; color: #008B8B; background-color: white; } #account-info a{ font-weight: bold; color: #20B2AA; background-color: white; } #footer { margin: 0; text-align: center; font-size: 65%; float:left; } #footer a { font-weight: normal; text-transform: none; } #footer a.site-link { color: #99D1D1; } /*********************************************/ /******  PRODUCT LAYOUT ONE ******/ /*********************************************/ p.discount { width: 511px; margin: 0; padding: 0; font-size: 110%; font-weight: bold; color: #A9042D; } .product-layout { width: 511px; margin: 0 20px 0 21px; padding: 10px 0 10px 0; border-bottom: 1px dashed #20B2AA; text-align: left; } .product-layout h1, .brochure-text h1 { color: #008B8B; font-size: 80%; margin: 0 0 5px 0; padding: 0; } .product-layout h3 { color: #008B8B; font-size: 100%; margin: 10px 0 0 0; padding: 0; } .product-layout p.price { font-size: 80%; margin: 0; padding: 0; font-weight: bold; } .product-layout p.ref { font-size: 70%; margin: 0; padding: 0; } .product-layout img.main { float: left; margin-right: 10px; margin-bottom: 10px; } .product-layout .image-container { float: left; margin-right: 20px; margin-bottom: 10px; } 	 .product-layout .icon-container img { margin-right: 5px; padding: 2px; } .product-layout .image-container p { width: 199px; font-size: 65%; margin: 5px 0 0 0; padding: 0; } .product-layout .image-container p a { color: #008B8B; padding-left: 15px; background: url("enlarge.gif") no-repeat 0px 3px; } .product-layout .image-container p a:hover { color: #20B2AA; background: url("enlarge_2.gif") no-repeat 0px 3px; } .product-layout ul { margin-top: 0px; margin-bottom: 10px; margin-left: 15px; padding-bottom: 0; padding-top: 0; padding-left: 0; list-style-position: inside; } .product-layout li { } .product-layout div.description { font-size: 100%; margin-bottom: 5px; line-height: 1.5em } .product-layout .price-box { margin-top: 10px; padding: 5px; background-color: #EBF5D6; font-weight: bold; color: #008B8B; } .product-layout .choice-box { padding-bottom: 10px; font-size: 70%; font-weight: bold; color: #153F78; } .product-layout .choice-layout { float: left; margin-right: 10px; } .product-layout .cart-button { float: right; border: none; display: inline; } .product-layout .quantity { float: left; font-size: 65%; display: inline; } .product-layout .quantity input { border: 1px solid #8AA2C9; font-size: 98%; } .product-layout select { margin-top: 5px; border: 1px solid #8AA2C9; font: 90% Verdana, Arial, Helvetica, sans-serif; } .component { margin-top: 5px; } /*********************************************/ /******  THUMBNAIL LAYOUT ONE ******/ /*********************************************/ .thumbnail-container { display: inline; float: left; width: 149px; height: 210px; margin-left: 20px;/*  */ padding: 0; font-weight: bold; text-align: left; } .thumbnail-container img { border: none; } .thumbnail-container h3 { margin: 5px 0 0 0; padding: 0; line-height: 130%; font-size: 70%; font-weight: normal; } .thumbnail-container h3 a { color: #008B8B; text-decoration: none; } .thumbnail-container h3 a:hover { text-decoration: underline; } /*********************************************/ /******  SECTION HEADER LAYOUT ******/ /*********************************************/ #section-descripton { width: 380px; margin: 0 20px 20px 20px; padding: 10px 0 10px 0; border-top: 1px dashed #8AA2C9; /* border-bottom: 1px dashed #8AA2C9; */ text-align: left; } #section-descripton p { font-size: 70%; line-height: 1.5em } /*********************************************/ /******  FORMS  ******/ /*********************************************/ fieldset { margin: 0; border: 1px solid #20B2AA; padding: 10px; } #form-container { float: left; display: inline; width: 511px; padding: 0; margin: 0; } #form-container legend { padding:0 0 10px 0; margin: 5px 0 0 0; color: #20B2AA; font-size: 75%; font-weight: bold; } #form-container p, #form-right p { margin: 0; padding: 0; } #form-container p, #form-right p.text { clear: left; margin-bottom: 5px; } #form-container p label { float: left; width: 250px; } #form-container p.radio label { float: none; } #form-container p input, #form-container p select, #form-container p textarea { font: 100% Verdana, Arial, Helvetica, sans-serif; } p.reg-btn { text-align: left; margin: 0; padding: 0; } input.btn { margin: 10px 0 0 0; padding: 2px 15px 3px 15px; border: 1px solid #008B8B; color: #fff; font: 100% Verdana, Arial, Helvetica, sans-serif; font-weight: bold; cursor: pointer; background: #008B8B; } #content ul { margin: 0 0 10px 15px; padding: 0; } #content li { font-size: 70%; margin: 0; padding: 0; line-height: 130%; } /*********************************************/ /******  HIGHLIGHTS  ******/ /*********************************************/ h3.highlight, p.highlight { color: red; font-size: 70%; } h3.highlight { margin: 0; padding: 0; } p.highlight { margin: 0; padding: 0; }