@charset "utf-8"; /* CSS Document */ /* ######################################################################### FRAMEWORK */ *{ padding:0px; margin:0px; outline:none; border:none; } body{ text-align:center; z-index:0; font-family:'Trebuchet MS', Arial, Verdana; } body.home{ background:url('bg-page-home.png') repeat-x; } body.brochure{ background:url('bg-page-brochure.png') repeat-x; } #container{ position:relative; width:900px; margin:auto; z-index:2; text-align:left; } #bg-x2-brochure{ position:absolute; top:50px; left:0px; z-index:1; } #bg-x2-home{ position:absolute; top:100px; left:0px; z-index:1; } #logo{ position:relative; display:block; margin-top:75px; margin-left:35px; } .clear_fix{ clear:both; } /* ######################################################################### COLUMN LEFT */ #column_left{ display:block; position:relative; width:310px; float:left; } body.home #column_left{ background:url('bg-column-left-home.png') no-repeat; min-height:610px; } body.brochure #column_left{ background:url('bg-column-left-brochure.png') no-repeat; min-height:550px; } /* ######################################################################### COLUMN RIGHT */ .column_right{ display:block; position:relative; width:560px; float:left; left:30px; } /* ######################################################################### HEADBLOCK */ #head_block{ position:relative; display:block; height:200px; } #head_block h1{ position:relative; display:block; padding-top:20px; padding-bottom:10px; } p.strap_line{ position:relative; display:block; font-family:'Trebuchet MS', Arial, Verdana; font-size:14px; color:#FFFFFF; } p.strap_line_small{ position:relative; display:block; font-family:'Trebuchet MS', Arial, Verdana; font-size:12px; color:#FFFFFF; } #head_block a{ color:#FFFFFF; text-decoration:underline; } /* ######################################################################### XSLIDES */ #xslides{ position:relative; display:inline-block; width:550px; height:270px; margin-bottom:10px; } #xslides img{ position:absolute;	 display:none; } /* ######################################################################### CONTENTBLOCK */ #content_block{ position:relative; display:block; width:560px; margin-top:40px; font-size:8pt; } h2{ padding-bottom:20px; } #content_block p{ font-family:'Trebuchet MS', Arial, Verdana; font-size:9pt; padding-bottom:20px; } #content_block ul{ padding-bottom:20px; } #content_block ul li{ font-family:'Trebuchet MS', Arial, Verdana; font-size:9pt; margin-left:15px; line-height:20px; } /* ######################################################################### PRODUCT LIST  */ table.product_list_item{ position:relative; border-top:3px solid #EEEEEE; width:560px; margin-bottom:20px; } table.product_list_item:hover{ border-top:3px solid #CC0000; } table.product_list_item .l{ width:150px; vertical-align:top; padding-top:15px; } table.product_list_item .r{ width:400px; padding:5px; vertical-align:top; padding-top:15px; padding-left:15px; } table.product_list_item h2{ margin-bottom:10px; padding-bottom:0px; } table.product_list_item p{ padding-bottom:0px; margin:0px; } table.product_list_item img.btn{ margin:0px; padding:0px; } /* ######################################################################### FOOTER BLOCK */ #footer_block{ background:url('div-footer.gif') no-repeat top; padding-top:20px; } #footer_block p{ color:#999999; font-size:9pt; padding-bottom:20px; } /* ######################################################################### NAV TOP */ ul.nav_top{ position:relative; display:block; width:560px; height:40px; list-style:none; margin-top:60px; } ul.nav_top li{ display:inline-block; float:left; background:url('bg-div-nav-top.gif') bottom left no-repeat; height:40px; } ul.nav_top li.right{ float:right; background:url('bg-div-nav-top.gif') bottom right no-repeat; } ul.nav_top li a{ position:relative; top:10px; padding-right:10px; padding-left:15px; height:40px; } ul.nav_top li.right a{ padding-right:10px; padding-left:10px; } /* ######################################################################### NAV LEFT */ ul.nav_left{ position:relative; width:230px; list-style:none; margin-top:30px; margin-left:40px; } ul.nav_left li a{ display:block; width:230px; background:url('bg-div-nav-left.gif') bottom no-repeat; padding-top:10px; padding-bottom:12px; } ul.nav_left li a:hover{ background:url('bg-div-nav-left-on.gif') bottom no-repeat; } ul.nav_left li.li1{background:url('nav-num-1.gif') right no-repeat;} ul.nav_left li.li2{background:url('nav-num-2.gif') right no-repeat;} ul.nav_left li.li3{background:url('nav-num-3.gif') right no-repeat;} ul.nav_left li.li4{background:url('nav-num-4.gif') right no-repeat;} ul.nav_left li.li5{background:url('nav-num-5.gif') right no-repeat;} ul.nav_left li.li6{background:url('nav-num-6.gif') right no-repeat;} /* ######################################################################### ORDER SUMMARY */ .order_summary{ position:relative; display:block; width:230px; margin-left:40px; padding-top:20px; } .order_summary h3{ padding-bottom:10px; } .order_summary p{ font-size:9pt;		 padding-right:20px; margin-bottom:10px; } .order_summary a{ color:#CF0F0F; } /* ######################################################################### ORDER SUMMARY TOP */ .order_summary_top{ position:absolute; display:block; width:900px; top:20px; left:0px; margin:0px; text-align:right; z-index:500; } .order_summary_top p{ font-size:9pt; text-align:right; } .order_summary_top a{ } /* ######################################################################### WIDGETS LEFT */ div.widgets_left{ position:relative; display:block; width:230px; margin-top:20px; margin-left:40px; } div.widgets_left img{ display:block; margin-bottom:15px; } /* ######################################################################### CHECKOUT */ table.checkout{ width:560px; font-size:9pt; } table.checkout th{ } table.checkout-cart{ } table.checkout-cart th{ font-size:9pt; } /* ######################################################################### DOWNLOAD LINKS */ table.download_link{ height:35px; background-color:#EEE; margin-bottom:10px; margin-bottom:20px; } table.download_link a{ font-size:8pt; color:#CC0000; } /* ######################################################################### MISC */ a{ color:#CF0F0F; } /* ######################################################################### BUTTONS, FORMS  */ input.text{ height:30px; border:1px solid #CCCCCC; } table.checkout-cart input{ height:25px; border:1px solid #CCCCCC; } input.btn{ } input.add_to_order{ width:114px; height:31px; background:url('btn-addtoorder.gif'); } select{ height:30px; border:1px solid #CCCCCC; } #idBtnNext{ } #btnCancel{ } #idBtnPrev{ } .normal-button{ padding-left:10px; padding-right:10px; height:25px; color:#FFFFFF; background-color:#CC0000; font-size:8pt; font-weight:bold; }