body {  margin : 0;  font-size : 0.8em;  color : #444;  font-family : Arial, Helvetica, sans-serif;  background:  #fff ; background-image: url('background-2.jpg'); text-align:left; } body.imageload {  margin : 0;  font-size : 0.8em;  color : #444;  font-family : Arial, Helvetica, sans-serif;  background:  #fff ; background-image: none; } p {  margin-top : 2px;  margin-bottom : 8px;  }  a:link{ color:#000066; font-weight:normal; } a:visited{ color:#000066; font-weight:normal; } a:hover{ color:#000066; text-decoration:none; font-weight:normal; } h1 {  font-size : 1.3em;  margin-bottom : 20px;  margin-top : 20px;  color : #A4C716; text-align:left; }  h2 {  font-size : 1.2em;  margin-bottom : 5px;  margin-top : 0;  color : #A4C716; text-align:left; }  h3 {  font-size : 1.2em;  margin-bottom : 13px;  margin-top : 0;  color : #A4C716; }  img {border: 0; margin: 0;} /*header-lower*/ #widthfix  {	position: relative; width: 960px; margin-left: auto; margin-right: auto; }  #header-upper { position : absolute; width : 955px; left : 50%; margin-left : -480px; height : 24px; border-right: 1px  dotted #769D00; border-left: 1px  dotted #769D00; text-align:right; background:  #7EA800 url('header-upper.jpg') ; background-repeat:no-repeat; padding: 2px 5px 0 0; color:#FFFFFF; font-weight:normal; }  #header-upper a:link{color: #fff;  text-decoration:none; font-weight:bold;} #header-upper a:visited {color: #fff; text-decoration:none; font-weight:bold;} #header-upper a:hover {color: #fff; text-decoration:underline; font-weight:bold;}  /* Header Lower Classes End/////////////////////////*/ #header-lower { position : absolute; width : 960px; top : 26px; height : 175px; left : 50%; margin-left : -480px; background-color : #99CC00; padding:0 0 0 0; border-right: 1px  dotted #769D00; border-left: 1px  dotted #769D00; } #header-right{ float:right; margin: 10px 10px  0 0; width : 200px; } #header-middle{ float:left; height : 175px; padding: 10px 0 0 0; width : 265px; background-color:#99CC00; } #header-middle-top{ float:left; margin: 0 0 0 0; width : 265px; font-weight:bold; font-size:0.9em; } #header-middle-bottom{ float:left; margin: 0 0  0 0; width : 265px; text-align:center; vertical-align:bottom; vertical-align:baseline; } #header-left{ float:left; width : 475px; } #basket { float:left; width : 185px; border: 1px  dotted #5D7B00; padding: 5px; font-size: 1.2em; color:#FFFFFF; font-weight:bold; background:  url('basket-bg.gif') ; background-repeat:no-repeat; background-position:95% 10%; }  #basket-top { margin: 0 0 0 0 ;  width:180px; } div.basket-left { margin: 5px 0 0 0 ;  float:left; width:45px; font-size: 0.8em; text-align:right; } div.basket-right{ margin: 5px 0 0 0 ; float:right; font-size: 0.8em; width:135px; } #basket-button-left { margin: 10px 0 0 0 ;  float:left; width:92px; font-size: 0.7em; text-align:right; } #basket-button-right{ margin: 10px 0 0 0 ; float:right; font-size: 0.7em; width:92px; } #search { float:left; width : 185px; border: 1px  dotted #5D7B00; margin: 8px 0 0 0; padding: 5px 5px 5px 5px; font-size: 1.2em; color:#FFFFFF; font-weight:bold; }  #search input { width: 95px;       color: #102132;     border: 1px  solid #5D7B00; margin: 2px 0 0 0 ; }  /* Header Lower Classes End/////////////////////////*/ #underheader { position : absolute; width : 960px; top : 200px; left : 50%; margin-left : -480px; border-right: 1px  dotted #769D00; border-left: 1px  dotted #769D00; background:  white url('under-header.jpg') ; background-repeat:no-repeat; }  /*pete added*/ /*contains the #siderbar and #inner and allows for a right col*/ #inner-wrapper { float : left; width : 760px; vertical-align : top; }  #inner { float : right; width : 550px; vertical-align : top; min-height : 350px; padding: 40px 20px 0 0; }  #inner-home { float : right; width : 550px; vertical-align : top; padding: 55px 20px 0 0; min-height : 350px; }  #product-thumbs a:link{color: #8AA813;  text-decoration:underline;} #product-thumbs a:visited {color: #8AA813; text-decoration:none;} #product-thumbs a:hover {color: #8AA813; text-decoration:none; } /* Breadcrunb Classes Start/////////////////////////*/ #breadcrumb { color : #333; font-size : 0.9em; margin: 25px 0 0 0; height: 20px; }  #breadcrumb a:link{color: #333;  text-decoration:underline;} #breadcrumb a:visited {color: #333; text-decoration:none;} #breadcrumb a:hover {color: #333; text-decoration:none; } /* Breadcrunb Classes Ends/////////////////////////*/ /* Section Classes Start*/ table.main-top{ text-align:center; } #product-thumbs{ margin: 5px 0 35px 0; width : 558px; } table.product-thumbs{ margin: 20px 0 5px  0 ; } td.product-thumbs-header { font-weight:bold; padding:3px 0 3px 0; width: 150px; height:35px; vertical-align:top; } td.product-thumbs-image{ font-weight:bold; padding:3px 0 3px 0; width: 150px; } td.product-thumbs-copy { width: 150px; font-size: 1.0em; text-align:left; padding-bottom: 30px; border-bottom: 1px  dotted #769D00; } #product-thumbs a:link{color: #82D900;  text-decoration:underline;} #product-thumbs a:visited {color: #82D900; text-decoration:none;} #product-thumbs a:hover {color: #82D900; text-decoration:none; } /* Section Classes End*/ /* Product Detail Classes Start////////////////////////*/ #product-detail-holder {width: 555px; padding: 0 0 0 0 ; margin: 0 0 0 0;} #product-detail-left {width: 250px; padding: 0 0 0 0 ; margin: 0 0 0 0; text-align: left;  float: left;  } #product-detail-right {width: 285px; padding: 0 0 0 0 ; margin: 0 0 0 0; text-align: left;  float: right; } #product-options-select {width: 275px; padding: 10px 0 0 5px ; margin: 0 20px 0 0; text-align: left;  float: right; border: 1px  dotted #769D00;} #product-options-select2 {width: 240px; padding: 10px 0 10px 10px ; margin: 0 0 0 0; text-align: left;  float: right; border: 1px  dotted #769D00;} #product-options-select3 {width: 400px; padding: 10px 0 0 5px ; margin: 20px 10px 0 10px; text-align: left;  product-thumbsborder: 1px  dotted #769D00;} #clearing {clear: both; min-height: 5px;} select.product-detail{  font-size: 0.9em; } table.product-options-select { width: 275px; padding: 8px 0px 8px 0; } td.product-detail-right-titles{ font-size :0.9em;  padding: 10px 5px 10px 0;  color : #A4C716; font-weight:bold; text-align:right; width: 100px; } td.product-detail-left-titles{ font-size :0.9em;  padding: 10px 5px 10px 0;  color : #A4C716; font-weight:bold; } td.product-detail-right-select-titles{ font-size :0.9em;  padding: 10px 5px 10px 0;  color : #A4C716; font-weight:bold; text-align:right; width: 165px; } td.product-detail-right-right{ padding:  7px 0  10px 5px;  font-size :0.9em;  color : #A4C716; font-weight:bold; } td.product-detail-right-titles-wide{ font-size :0.9em;  padding: 10px 5px 10px 0;  color : #A4C716; font-weight:bold; text-align:right; width: 225px; } td.product-detail-right-right-narrow{ padding:  0 10px  2px 5px;  width: 35px; } table.product-design-thumb { border: 1px  dotted #769D00; padding: 8px 0 8px 0 ; text-align:center; margin: 10px 0 20px 0; } tr.product-design-thumb-title td{ padding: 15px 0 4px 4px; text-align:left; font-weight:bold; } tr.product-design-thumb-copy td{ padding: 10px 4px 4px 4px; text-align:left; } tr.product-design-thumb-options td{ font-style:italic; padding: 0 0 5px 0; } input.product-detail{  font-size: 0.8em;  border:  1px  solid #769D00; } tr.product-detail-spacer { height: 0; } tr.product-underline td{ border-bottom:1px  dotted #769D00; } div.related-products{ width:520px; margin: 20px 0 20px 0; padding: 5px; border: 1px  dotted #769D00; } tr.product-detail-mini td{ text-align:center; padding: 5px 0 0 0 ; } tr.product-detail-colour-name td{ text-align:center; padding: 5px 0 10px 0 ; } /* Product Detail Classes End////////////////////////*/ /* Text Classes Start////////////////////////*/ #text-left { margin: 5px 0 10px 0 ;  float:left; width:260px; background-color:#fff; } #text-right{ margin: 5px 0 10px 0 ;  float:right; width:260px; text-align:left; background-color:#fff; } /***************BULLET LIST******************/ ul.bullet_points{ list-style-type: none; line-height: 1.7; padding: 0; margin: 8px 5px 15px 10px; font-size: 1.0em } li.bullet_points{ font-size: 1.0em; background-image: url('bullet-text.gif'); background-repeat: no-repeat; background-position: 0 .2em; padding: 0 0 10px 22px; font-weight: bold; font-style:italic; } /***************BULLET LIST END******************/ /* Text Classes Finish////////////////////////*/ /* Sidebar Classes Start/////////////////////////*/ #sidebar { float : left; width : 175px; border-right: 1px  dotted #769D00; border-bottom: 1px  dotted #769D00; padding: 0 0 5px 0; background-repeat: no-repeat; margin: 75px 0 0 0; } ul.mainnav { /*///////// I added the width in the line below to fix the IE/Firefox problem ////////////*/ list-style: none;  margin: 30px 0 0 0;  padding: 0 0 0 0;  font-family: arial, helvetica, sans-serif;  font-weight: normal; font-size:1.0em; text-align:left; } ul.mainnav li a:link, ul.mainnav li a:visited { display: block; text-decoration: none; /*///////// width should have the padding subtract ////////////*/ width: 171px; padding: 3px 0 3px 4px; color: #333; } ul.mainnav li { border-bottom:1px dotted #769D00; border-left: 0px solid #999; margin:0 0 0 0; padding: 0 0 0 0;  } ul.mainnav li a:hover { width: 171px; padding: 3px 0 3px 4px; /*padding: 6px 0 6px 4px;*/ margin:0 0 0 0; color: #333; background-color:#FFCC00; } /* Sidebar Classes Finish////////////////////////*/ /* ala lesco*/ #rightmenu { /*background-color : #BA275B;*/ /**must be the same colour as the main content area or longest right col page causes probelms*/ width: 199px; /*** use below if checking border ***********/ border-left:1px dotted #769D00; border-bottom: 1px dotted #769D00; height: auto; margin: 0; display: inline; float: right; text-align: left; padding: 0 0 5px 0; margin: 50px 0 0 0; } .clearing {  clear : both;  height : 0;  }  /* Footer Classes Start////////////////////////*/ #footer { clear:both; width : 960px; background-color : #FFCC00; color : #10548F; font-size : 12px; padding-top : 5px; background:  #FFCC00 url('footer-top.jpg') ; background-repeat:no-repeat; }  div.footer-header{  font-size : 14px; border-bottom: 1px  dotted #fff; text-align: left; padding: 0 0 8px 4px; font-weight:bold; margin: 0 0 4px 0; }  div.footer-header-clear{  font-size : 14px; border-bottom: 1px  dotted #fff; text-align: left; padding: 0 0 2px 4px; margin:0 0 4px 0; height:36px; }  #footer a:link{color: #333;  text-decoration:none;} #footer a:visited {color: #333; text-decoration:none;} #footer a:hover {color: #000000; text-decoration:underline; } #left-float p {padding: 0 0 0 5px} #footer #left-float {width: 345px; padding: 5px 0 0 0 ;                          text-align: left;  float: left; color: #333; background-color:  #FFCC00; font-weight:bold; margin: 45px 0 0 0;} #footer #foot-right {width: 175px;  padding: 5px 10px 5px 0; list-style-type: none;  text-align: right;  float: right; color: #333; background-color: #FFCC00; border-left: 1px  dotted #fff; font-weight:bold; margin: 45px 0 0 0;} #footer #foot-left   {width: 350px; padding: 5px 30px 5px 0;    list-style-type: none;  text-align: left; float: right; color: #333; background-color: #FFCC00;  border-left: 1px  dotted #fff; margin: 45px 0 0 0;} #footer ul {margin: 0 auto 0 auto; padding: 0 0 5px 0; list-style-type: none;  text-align: left; float: left;} #footer ul li {font-size: 1em; color: #444; padding: 5px 0 0 10px;} #footer ul li a:link{color: #444444;  text-decoration:none;} #footer ul li a:visited {color: #333; text-decoration:none;} #footer ul li a:hover {color: #000; text-decoration:underline; } #footer ul li a:focus {color: #333; text-decoration:underline; } #footer ul li a:active  {color: #333;  text-decoration:underline; } /* Footer Classes End////////////////////////*/ #header-lower ul {margin: 0 auto 6px auto; padding: 0 5px 0 0;   } #header-lower ul li {font-size: 0.8em; display: inline; color: #000000; padding: 0 10px 0 10px; border-right: 1px solid #825800; } #header-lower ul li.last {font-size: 0.8em;display: inline; color: #000000; padding: 0 10px 0 10px; border: 0;} #header-lower ul li.hide {font-size: 0.8em;display: inline; color: #000000; padding: 0 10px 0 10px; border: 0; display: none;} #header-lower ul li a:link{color: #000000;  text-decoration:none;} #header-lower ul li a:visited {color: #444444; text-decoration:none; } #header-lower ul li a:hover {color: #825800;  text-decoration:underline;} #header-lower ul li a:focus {color: #825800;  text-decoration:underline;} #header-lower ul li a:active {color: #847d46;  text-decoration:underline; } /* remove the fprmatting from the flags */ #header-lower ul li.last a:link, #header-lower ul li.last a:visited, #header-lower ul li.last a:hover,  #header-lower ul li.last a:focus,  #header-lower ul li.last a:active {text-decoration:none;} /* Image Classes Start ////////////////////////*/ img.go { margin: 0 0 0 2px; vertical-align:top; } img.r-h-c { margin: 5px 0 0 5px; text-align:center; vertical-align: top; padding: 5px 5px 5px 5px; border: 1px  dotted  #769D00; } img.banner { margin: 5px 0 30px 5px; text-align:center; vertical-align: top; padding: 5px 5px 5px 5px; border: 1px  dotted  #769D00; } img.cards { margin: 10px 0 10px 0; } img.product-thumb { padding: 5px; border: 1px  dotted  #769D00; } /* Image Classes Finish ////////////////////////*/ /* Missed styles from Actinic - Start */ table.checkout td { background-color: #FFFFFF; } table.checkout th { background-color: #666666; } .cart { background-color: #FFFFFF; } .cartheading { background-color: #666666; font-weight: bold; color: #FFFFFF; } /* Missed styles from Actinic - End */
