ul.mainnav { /*///////// I added the width in the line below to fix the IE/Firefox problem ////////////*/ list-style: none;  margin: 44px 0 0 0;  padding: 0 0 0 0;  font-family: arial, helvetica, sans-serif;  font-weight: normal; font-size:0.9em; text-align:left; font-stretch: condensed; } .sprod { border:1px solid #C1C1C1; text-align:left; width:560px; clear:both; background:#EFEFEF; margin:10px 0px; min-height:160px; height:auto !important; height:160px; } .sprod_content { padding:0px 1px; } .sprod_content h3 { font-size:14px; font-weight:bold; margin:0px; padding:3px 0px; color:#10548F; } .sprod_desc { font-size:12px; } .sprod_img { min-height:140px; height:auto !important; height:140px; float:left; width:130px; z-index:999; position:relative; padding:10px; text-align:center; background:white; margin-right:10px; } a.sprod_link:link, a.sprod_link:visited, a.sprod_link:hover, a.sprod_link:active { color:#10548F; text-decoration:underline; } .columns { float:left; width:150px; padding:3px 0px; font-weight:bold; margin-right:30px; } #slider{}	 #slider2 { padding-left:30px; } #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; margin:0px auto; } #slider li, #slider2 li{  /*  define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */  width:490px; height:211px; overflow:hidden;  }	 #slider2 li{  background:#FFF; font-size:12px; color:black; }		 #slider2 li h2{  margin:0 20px; padding-top:20px; }	 #slider2 li p{  margin:20px; }						 #slider2 a { color:black; } p#controls, p#controls2{ margin:0; position:relative; }  #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{  display:block; margin:0; overflow:hidden; text-indent:-8000px;		 width:30px; height:77px; position:absolute; left:-4px; top:-160px; }	 #nextBtn, #nextBtn2{  left:490px; }														 #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{   display:block; width:30px; height:77px; background:url('btn_prev.gif') no-repeat 0 0;	 }	 #nextBtn a, #nextBtn2 a{  background:url('btn_next.gif') no-repeat 0 0;	 }		 a.moreinfolink:link, a.moreinfolink:visited, a.moreinfolink:active { color:#10548F;  text-decoration:underline; font-weight:bold; padding:3px 10px; } /* // Easy Slider */ #productcontainer { position:relative; font-size:12px; color:#444; } #productimage { float:left; width:250px; text-align:center; } #productbuy { float:right; width:300px; } #productbuy p { padding:5px 0px; } #productbuy h1 { color:#000; font-size:15px; } #productselect  { border:1px solid #ccc; padding:3px; color:#10548F; line-height:20px; } #productclear { clear:both;  border-bottom:1px solid #10548F;  margin:20px 0px 10px 0px;  width:550px; } /*teclan Product Tabs */ .tab-content { display:none; border:1px solid #10548f; height:250px; padding:15px; overflow:auto; width:520px; margin-bottom:20px; } #tab-title-bar a { display:block; border:1px solid #10548f; border-bottom:none; float:left; padding:5px 13px; text-align:center; background:url('tab.jpg') repeat-x; color:white; font-size:12px; text-decoration:none; } #tab-title-bar a:hover { text-decoration:none; } #tab-title-bar a.selected { background:url('tab-sel.jpg') repeat-x; color:white; } .text_options { color:#10548F; font-weight:bold; } .prod-nav a:link,  .prod-nav a:visited,  .prod-nav a:link, .prod-nav a:visited, .prod-nav a:active { background: none repeat scroll 0 0 #F0F0F0; border-right: 1px solid #10548F; color: #10548F; display: block; float: left; font-size: 16px; padding: 4px 12px; } .prod-nav a:hover,  .prod-nav a.sel:link,  .prod-nav a.sel:visited,  .prod-nav a.sel:active { background:#10548F; color:#f0f0f0; } .section-tab-content { display:none; clear:left; padding-top:5px; } .block { display:block; } #basket-top { margin: 0 0 0 0 ; width:100px; font-size: 1.2em; } td.basket-items-value { width:40px; padding: 4px 0 0 0; } td.basket-figures { padding: 4px 0 0 0; } #search { float:left; width : 173px; border: 1px  dotted #CCFF00; margin: 8px 0 0 0; padding: 2px; font-size: 1.0em; color:#FFFFFF; font-weight:bold; }  a.checkout-checkoutbg { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: #eeeeee 2px solid; border-top: #eeeeee 2px solid; border-right: #000000 1px solid; border-bottom: #000000 1px solid; } a.checkout-checkoutbg:link { color: #eeeeee; text-decoration: none; } a.checkout-checkoutbg:visited { color: #eeeeee; text-decoration: none; } a.checkout-checkoutbg:hover { color: #eeeeee; text-decoration: underline; } a.checkout-checkoutbg:active { color: #eeeeee; text-decoration: underline; } a.checkout-textcolor:link { color: #000000; text-decoration: none; } a.checkout-textcolor:visited { color: #000000; text-decoration: none; } a.checkout-textcolor:hover { color: #000000; text-decoration: underline; } a.checkout-textcolor:active { color: #000000; text-decoration: underline; } /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #678298; } .actCHECKOUTBG { background-color: #eeeeee; } .actlarger { font-size: 13px; color: #000000; } .actsmaller{ font-size: 10px; color: #000000; } .actxxsmall { font-size: 10px; color: #000000; } .actxsmall { font-size: 12px; color: #000000; } .actsmall { font-size: 12px; color: #000000; } .actregular { font-size: 13px; color: #000000; } .actlarge{ font-size: 16px; color: #000000; } .actxlarge { font-size: 20px; color: #000000; } .actxxlarge { font-size: 20px; color: #000000; } .actwarningcolor { color: #cc0000; } .actrequiredcolor { color: #cc0000; } .actsearchhighlightcolor { color: #cc0000; } .actrequired { color: #cc0000; } .actwarning { font-size: 12px; color: #cc0000; } .actwelcome { font-size: 12px; color: #000000; } .actlogotext { font-size: 12px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 12px; color: #cc0000; } /* Shopping cart and checkout fields ------------------------------------------- */ div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { width: 560px; border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #eeeeee; border-top: solid 1px #678298; border-bottom: solid 1px #678298; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { width: 560px; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background: url('grad-repeat.jpg') repeat-x; font-size: 13px; font-weight: bold; color: #eeeeee; text-align: left; padding: 5px 2px; border-bottom: solid 3px #ffffff; } table.checkout th.instruction { font-size: 12px; font-weight: normal; } table.checkout th.change { font-size: 12px; font-weight: bold; padding: 0px 0px; text-align: right; } .checkout-change-button	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; font-size : 12px; background-color: #0f548f; border: 1px solid #ccff00; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-change-button2	{ line-height: 13px; height: 20px; width: 200px; margin: 0px 1px 0px 0px; padding: 1px 5px 1px 5px; font-size : 12px; background-color: #0f548f; border: 1px solid #ccff00; color: #ffffff; word-spacing: normal; } .checkout-login-button	{ line-height: 13px; height: 15px; width: 70px; margin: 20px 0px 20px 0px; padding: 3px 20px 2px 0px; font-size : 12px; background-color: #0f548f; border: 1px solid #ccff00; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button a { padding-left: 20px; color: #ffffff; text-decoration: none; } table.checkout td { background-color: #eeeeee; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #eeeeee; border-bottom: solid 1px #678298; } .checkout-cartheading { font-weight: bold; background-color: #eeeeee; border-top: solid 1px #678298; border-bottom: solid 1px #678298; } .cartheading { background:#0f548f; font-weight: bold; color: #eeeeee; } h2.checkout-heading { background: url('grad-repeat.jpg') repeat-x; font-size: 13px; font-weight: bold; color: #eeeeee; padding: 0px 5px; border-bottom: solid 3px #ffffff; width: 550px; line-height:29px; height:29px; } h3.checkout-heading { width: 550px;  padding: 0px 5px; background: url('grad-repeat.jpg') repeat-x; font-size: 13px; font-weight: bold; color: #eeeeee; border-bottom: solid 3px #ffffff; line-height:29px; height:29px; } .checkout-subheading { font-weight: bold; padding: 0; margin: 0; } img.cartthumbnail { border: 0px; margin-left: 2px; margin-right: 2px; width: 60px; } .button-wrapper { display: inline-block; background: url('button_background_right.gif') right no-repeat; padding: 0 0 0 0; } .button { background: url('') left no-repeat; cursor:pointer; color: #FFFFFF; padding: 0 0 0 0px; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .cart-button { background: url("buttonbg.png") no-repeat scroll right center transparent; height: 28px; width: 70px; } input.normal-button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background: #0f548f; padding: 5px 2px; border: solid 1px #000000; } input.highlight-button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: white; background: #0f548f; padding: 5px 2px; border: solid 1px #000000; } .checkout-field-label { width: 160px; } .checkout-field-input { width: auto; } .checkout-field-input input, .checkout-field-input select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #ffffff; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #eeeeee; border: 0;	 } .checkout-field-area { background: #eeeeee; border-bottom: solid 2px #ffffff; width: 560px; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { width: 560px;  font-size:11px; margin: 20px 0px; } /* Checkout Progress Indicator  ------------------------------------------------ */ p.checkout-progress-heading { width: 300px; margin: 0px auto; } #checkout-progress-indicator { width: 300px; height: 19px; background-image: url('cpi-background.gif'); margin: 0 auto 0px auto; } .checkout-progress-0 { width: 75px; height: 19px; background-color: #ccff00; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #ccff00; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #ccff00; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #ccff00; background-image: url('cpi-main.gif'); float: left; } #checkout-progress-indicator .cpi-end { width: 8px; padding: 0; margin: 0; border: 0; height: 19px; background-image: url('cpi-end.gif'); background-position: right; background-repeat: no-repeat; float: left; } table#idCheckoutProgress { margin-bottom: 10px; } table#idCheckoutProgress td{ background-repeat:repeat-x; background-color:transparent; border: 0px; padding: 0px; height:19px; text-align:center; } table#idCheckoutProgress td.cpi-left{ background-image:url("cpi-main.gif"); color:white; width:160px; } table#idCheckoutProgress td.cpi-complete{ background-image:url("cpi-main-mid.gif"); color:white; width:160px; } table#idCheckoutProgress td.cpi-incomplete{ background-image:url("cpi-background.gif"); color:black; width:160px; } table.CheckoutProgress { width: 560px; border-collapse: collapse; margin-bottom: 10px; } table.CheckoutProgress td { padding: 0px 0px; background-repeat: repeat-x; background-color: transparent; height: 19px; text-align: center; width: 140px; } table.CheckoutProgress td.cpi-start{ background-image: url("cpi-main.gif"); width: 8px; } table.CheckoutProgress td.cpi-inactive{ background-image: url("cpi-main-mid.gif"); color: #ffffff; } table.CheckoutProgress td.cpi-active{ background-image: url('cpi-background.gif'); font-weight: bold; color: #000000; } table.CheckoutProgress td.cpi-end { background-image: url("cpi-end.gif"); width: 8px; } table.CheckoutProgress td.cpi-spacer { background-image: url("cpi-main-mid.gif"); width: auto; } .text_options { color:#10548F; font-weight:bold; } .upsell { float:left; width:148px; text-align:center; font-weight:bold; border:1px dotted #82D900; margin:5px; padding:5px 10px; min-height:150px; height:auto !important; height:150px; }