@charset "utf-8"; * { margin: 0px; padding: 0px; } #wrapper { text-align: center; width: 950px; margin-right: auto; margin-left: auto; position:relative; } #header { background-color: transparent; background-image: url(../images/banner.gif); height: 161px; width: 950px; } html>body #header { background-color: transparent; background-image: url(../images/banner.png); height: 161px; width: 950px; } #cart  { background-image: url(../images/trolley.jpg); background-repeat: no-repeat; background-position: right bottom; height: 76px; width: 200px; border-bottom:0px solid #999999; border-right: 0px solid #999999; background-color: #FFFFFF; position: absolute; right: 35px; top: 35px; } /*#footer { background-color: transparent; background-image: url(../images/footer.png); background-repeat: no-repeat; clear: both; height: 47px; width: 950px; }*/ body { background-image: url(../images/w2-pale.jpg); font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 62.5%; } .floatR { float: right; margin-left: 10px; } #content { background-color: transparent; background-image: url(../images/back.gif);  background-repeat: repeat-y; width: 950px; } html>body #content { background-color: transparent; background-image: url(../images/back.png);  background-repeat: repeat-y; width: 950px; } .sidebox{ background-color:#FFFFFF; width: 160px; position: absolute; top: 161px; right: 30px; } .sidebox img{ margin-bottom: 15px; } .sidebox2 { background: url('theme_curve4.gif') no-repeat bottom right; font-size: 100%; } * html .boxhead h2 {height: 1%;} .boxhead { background: url('theme_curve2.gif') no-repeat top right; margin: 0; padding: 0; text-align: left; } .navboxhead { background: url('nav_curve2.gif') no-repeat top right; margin: 0; padding: 0; text-align: left; } .boxhead h2 { background: url('theme_curve1.gif') no-repeat top left; margin: 0; padding: 5px 10px 5px; color: #ffffff;  font-weight: bold; font-size: 1.2em; line-height: 1em; text-align: center; } .navboxhead h2 { background: url('nav_curve1.gif') no-repeat top left; margin: 0; padding: 5px 10px 5px; color: #ffffff;  font-weight: bold; font-size: 1.2em; line-height: 1em; text-align: center; } .boxbody { background: url('theme_curve3.gif') no-repeat bottom left; margin: 0; padding: 5px 10px 11px; } .boxbody ol { margin: 0; padding: 0; margin-left: 1.2em; padding-left: 1.2em; } .boxbody ol li { margin-bottom: 0.2em; } #cart_outer { width: 188px; height: 50px; margin-left:0px; padding: 5px; border: 1px solid #999999; text-align:center; }	 #fadeimage { background-image: url(../images/sale.jpg); background-repeat: no-repeat; height: 231px; width: 555px; border: 1px solid #4D9DFE; margin-left: auto; margin-right: auto; } #innercontainer { width: 580px; text-align:center; padding-left: 185px; padding-right:185px; min-height:920px; height:auto !important; height:920px; } a:link { font-weight: bold; color: #4D9DFE; text-decoration: underline; } .dotted_outline_blue{ width: 168px; border-right-width: 1px; border-right-style: dotted; border-right-color: #CCCCCC; margin: 2px; padding: 10px; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCCCCC; text-align:center; } .blue { color: #4d9cff; } .specialoffers h1 { color: #FF0000; } #logo2 { text-align: center; width: 140px; margin-right: auto; margin-left: auto; } #logo2 img{margin-top: 5px; margin-bottom: 5px;} #logo1 { text-align: center; width: 125px; height:81px; margin-right: auto; margin-left: auto; border: 1px solid #CCCCCC; margin-bottom: 5px; } /*------------------LINKS-------------------------*/ a:link , a:visited{ font-weight: bold; color: #4D9DFE; text-decoration: underline; } a:hover, a:active{ font-weight: bold; color: #4D9DFE; text-decoration:none; } /*----------------TYPOGRAPHY--------------------------*/ h1 { text-align: left; font-size: 18px; color: #9CC7FA; margin-bottom:5px; } p, table, td, th  { font-size: 12px; color: #333333; text-align: left; } .subheading{ color: #2368C5; font-size: 16px; } .heading { background-image: url(../images/heading.jpg); height: 46px; padding-top: 10px; padding-left: 20px; color: #999999; background-repeat: repeat-x; font-size: 16px; } #home { width: 577px; } .products { width: 555px; margin-right: auto; margin-left: auto; } .products p{text-align: center;} .homeTxt{ margin-right: 10px; margin-left: 10px; } #home tr, #home td{ border: 1px dotted #999999; } .text_product_small_info_heading{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #53A1FF; margin-bottom: 5px; text-align:center; } .text_product_small_info_price{ font-size: 18px; margin-top: 2px; color: #558ED5; font-weight: bold; } .text_product_small_info_price2{ font-size: 18px; margin-top: 2px; color: #558ED5; font-weight: bold; text-align:center; } .product_image_cost { text-align:center; }	 .rrp { color: #666666; } .save { font-size: 10px; color: #666666; } .saved { font-size: <actinic:variable name="RegularFontSize" />; color: #FF0000; } .cropimage { overflow: hidden; width:130px; height: 130px; margin-left:auto; margin-right:auto; margin-bottom:10px; } .text_product_small_info{ font-size: 12px; color: #333333; } /*---------------- NAVIGATION------------------------*/ #topNav { background-color: #4C9CFE; height: 18px; width: 908px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-color: #FFFFFF; text-align: center; top: 124px; left:18px; position: absolute; background-image: url(nav_curve2.gif); } #topNav  ul{ margin:0px; padding:0px; line-height:20px; white-space:nowrap; } #topNav  li{ list-style-type:none; display:inline; margin-left: 8px; margin-right: 8px; } #topNav  a{ font-size:11px; letter-spacing:0.1em; font-weight:bolder; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; padding-top: 2px; padding-bottom: 2px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: none; border-right-width: 1px; border-right-color: #FFFFFF; padding-left: 0px; margin: 0px; padding-right: 10px; text-transform: capitalize; } #topNav  a:hover{ color: #000000; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; } /*--------------------------- Left Nav----------------------------*/ .hotshot-box-main { background-color: #4C9CFE;; width: 160px; position: absolute; left: 20px; top:161px; } .hotshot-box-content{ width: 160px; border-top-width: 0px; border-bottom-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-color: #FFFFFF; font-size: 11px; text-align: left; color: #FFFFFF; } .hotshot-box-content ul{ margin: 0px; padding: 0px;  } .hotshot-box-content li{ list-style-type: none; } .hotshot-box-content li a { height: 26px; voice-family: "\"}\""; voice-family: inherit; text-decoration: none; font-size:11px; text-decoration: none; padding-top: 1px; padding-bottom: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-width: 1px; padding-left: 2px; margin: 0px; padding-right: 0px; color: #FFFFFF; } .hotshot-box-content li a:link, .hotshot-box-content li a:visited { color: #FFFFFF; display: block; padding: 10px 0 0 5px; } .hotshot-box-content li a:hover, .hotshot-box-content li #current { color: #000000; border-bottom-style: solid; border-bottom-color: #FFFFFF; } .text_footer	{ font-size: 10px; padding:0px; margin-left:auto; margin-right:auto; margin-bottom: 10px; text-align: center; }	 #centrepanel { background-color:#FFFFFF; padding-left:5px; }		 #centrepanelhomepage { background-color:#FFFFFF; margin:0; padding:0; } #searchbox_outer { width: 150px; margin-left:3px; border: 1px solid #6699FF; text-align:center; }	 .searchboxpadding { padding:10px; } .searchboxpadding2 { padding:2px; } #searchbutton { background-color:#53a1ff; padding:2px; margin-top:5px; } 