/* CSS Document */ * { text-decoration : none; } /* page body */ body { background : #EE4615 url('layout--back.jpg') 50% 0 no-repeat; font-family : Trebuchet MS, Arial, Helvetica, sans-serif; font-size : 62.5%; margin : 0; text-align : center; } img { border : none; } .b { font-weight : bold; } table { font-size : 1em; } /* wrapper */ #wrapper { background : #fff url('contemporary-lighting-logo.jpg') no-repeat; border-left : 5px solid #00135D; border-right : 5px solid #00135D; margin : auto; padding : 116px 0 20px 0; position : relative; text-align : left; width : 780px; } /* navigation */ #nav { background : url('layout--nav.jpg') repeat-y; font-size : 1.1em; * height : 1%; list-style : none; margin : 0; overflow : auto; padding : 5px; text-transform : lowercase; } #nav li { border : 1px solid #fff; float : left; margin : 0 5px 0 0; } #nav a { color : #fff; display : block; font-weight : bold; padding : 3px 5px; } #nav a:hover { background : #00135D; } #nav li#search { border : none; float : right; } #nav li#search form { margin : 0; padding : 0; } #nav li#search input, input#qty { background : #cacaca; border-bottom : 1px solid #fff; border-left : 1px solid #fff; border-right : 1px solid #8d8d8d; border-top : 1px solid #8d8d8d; font-family : Trebuchet MS, Arial, Helvetica, sans-serif; font-size : 1em; width : 105px; } #nav li#search input#submit { background : transparent; border : 1px solid #fff; color : #fff; font-weight : bold; } /* main */ #main { overflow : auto; padding : 4px; } /* main content */ #content { font-size : 1.2em; float : right; padding : 8px 0; width : 590px; } #content p, h1, h2, h3, h4, h5, h6 { line-height : 1.7em; margin : 0; padding : 0 20px 20px 20px; } h1, h2, h3, h4, h5, h6 { font-size : 1.4em; font-weight : normal; } #content a { color : #EE4611; } #content a:hover { color : #00135D; } 
/* left navigation */ 
#left { background : #f9f9f9; border : 1px solid #dfdfdf; font-size : 1.2em; float : left; width : 175px; } 
#left p.header { background : #f6f6f6; border-bottom : 1px solid #dfdfdf; color : #00135D; font-size : 1.4em; margin : 0; padding : 3px 5px; } 
#left ul { border-bottom : 1px solid #dfdfdf; list-style : none; margin : 0; padding : 4px 0; } #left li { background : url('layout--bullet.gif') 5px 50% no-repeat; padding : 0 5px 0 12px; } 
#left ul a { color : #EE4611; } 
#left ul a:hover { color : #00135D; } 
#led-link { background: #fff url('led-lighting-link.jpg') no-repeat; height:147px; margin-top:10px; }
/* footer */ p#footer { clear: both; color : #8d8d8d; font-size : 1.1em; margin : 0; padding : 10px; text-align : center; } p#footer span { margin : 0 5px; } p#footer a { color : #EE4611; } p#footer a:hover { color : #00135D; } /* sections + products */ form { font-size : 1em; margin : 0; padding : 0; } #content p.nomargin { border-bottom : 2px solid #00135D; margin : 0 20px; padding : 0; } #content .section, #content .product { border-bottom : 2px solid #00135D; * height : 1%; margin : 0 20px; overflow : auto; padding : 5px 10px; } html>body #content .section, html>body #content .product { height : auto; } #content .product { border : none; } #content .section_img, #content .product_img { float : left; width : 110px; } #content .product_img { width : 160px; } #content .section_img, #content .product_img img { margin : 5px 0 0; } #content .section_txt, #content .product_txt { float : left; width : 420px; } #content .product_txt { width : 370px; } #content p#title { color : #EE4611; font-size : 1.4em; } #content p#price { color : #00135D; font-size : 1.4em; } #content .section_txt p, #content .product_txt p { margin : 0; padding : 5px 0; } #content .section_txt p.right, #content .product_txt p.right { text-align : right; padding-bottom : none; } #content .section a, #content .product span { font-size : 1.2em; font-weight : bold; } #content .section a:hover { color : #00135D; } #content select#attribute { border : 1px solid #ccc; font-family : Trebuchet MS; font-size : 1em; margin : 3px 0 3px 30px; width : 330px; } .qty { color : #848484; font-weight : bold; padding : 0 5px 2px; } /* extended info popup */ #popup-wrapper { background : #fff; border-left : 5px solid #00135D; border-right : 5px solid #00135D; font-size : 1.2em; margin : auto; text-align : left; width : 540px; } #popup-wrapper h1 { margin : 0; padding : 10px 20px; text-align : center; } #popup-wrapper p { margin : 0; padding : 10px 20px; } #popup-wrapper p.center { text-align : center; padding : 10px 0; } /* cart details */ a#viewcart { background : url('layout--cart.gif') no-repeat; display : block; height : 71px; position : absolute; right : 253px; text-indent : -1000em; top : 32px; width : 72px; } a#checkout { background : url('layout--checkout.gif') no-repeat; display : block; height : 60px; position : absolute; right : 71px; text-indent : -1000em; top : 44px; width : 60px; } a#login { background : url('layout--login.gif') no-repeat; display : block; height : 45px; position : absolute; right : 17px; text-indent : -1000em; top : 18px; width : 45px; } a#logout { background : url('layout--logout.gif') no-repeat; display : block; height : 45px; position : absolute; right : 17px; text-indent : -1000em; top : 18px; width : 45px; } p#cartdetails { background : url('layout--cart-details.gif') no-repeat; color : #fff; font-size : 1.1em; height : 95px; position : absolute; right : 140px; top : 9px; width : 95px; } p#cartdetails span { display : block; padding : 32px 0 0 5px; } /* catalogue items */ .catalogue_item { float : left; height : 190px; margin : 10px 5px; text-align : center; width : 120px; } html>body .catalogue_item { margin : 10px; }