/* ==== GENERAL ==== */

 body  {
   margin: 0px;
   padding: 0px;
   font-family: arial;
   font-size: 100%;

 }
 p {
   line-height: 120%;
   margin-top: 0px;
   font-size: 0.7em;
 }
 h1 {
   margin: 0px;
   padding: 0px;
   font-size: 160%;
 }
 
 div.siteDesigned {
 
clear: both; text-align: left;padding-left: 14px;color: #6d736f; font-size: 0.7em; width: 560px; display: block; position: relative; float: left; margin-top: 5px;
 
 }
 
 * html div.siteDesigned, *+ html div.siteDesigned {width: 590px;}
 div.siteDesigned a {
 color: #6d736f;
 text-decoration: none;
 
}
div.siteDesigned a:hover {
	text-decoration: underline;
	color: #6d736f;
}
 a.cu {
 	color: #9899A0;
 }
 a.cu:hover{
 	color: #000;
 }
 div#headerWhite {
   background-color: #FFF;
   text-align: center;
   background-image: url(../img/navigation/menu_bg.png);
   background-repeat: repeat-x;
   background-position: bottom left;
 }

 div#topBar {
   width: 760px;
   margin: auto;
   text-align: left;
   background-image: url(../img/navigation/logo.png);
   background-position: bottom left;
   background-repeat: no-repeat;
   height: 64px;
   position: relative;
 }

 h2 {
   margin: 0px;
   padding: 0px;
   font-size: 100%;
 }
 h3 {
   margin: 0px;
   padding: 0px;
   font-size: 150%;
 }
 
 
 
 div#privacy h4, div#legal h4 {
   color: #000;
   font-size: 1.1em;
   padding-bottom: 10px;
 }
 
 
 /* ==== NAVIGATION ==== */
 
 
 
 div#topNav {
   height: 31px;
   width: 760px;
   margin: auto;
   text-align: left;
   border-left: 2px solid #fff;
   border-right: 2px solid #fff;
   background-image: url(../img/navigation/slogan.png);
   background-position: 12px 4px;
   background-repeat: no-repeat;
 }
 div.PDoptions {
        clear: both;
        padding-left: 20px;
}

 div#topNav ul li {
   width: auto;
 }
  div#topNav ul li {
    list-style: none;
    float: right;
    color: #8B8C92;
    border-left: 2px solid #fff;
    font-weight: bold;
    font-size: 95%;
    display: block;
  }
 div#topNav ul li.nav_press {
   width: 56px;
 }
 div#topNav ul li.nav_contact_us {
   width: 120px;
 }

 div#topNav ul li.nav_stockist_finder {
   width: 115px;
 }
 div#topNav ul li.nav_how_to_guides {
   width: 106px;
 }
 div#topNav ul li.nav_faqs {
   width: 55px;
 }
 div#topNav ul li.nav_contact_us {
   width: 92px;
 }
 div#topNav ul li.nav_inspiration {
   width: 89px;
 }
 div#topNav ul li a {
   color: #8B8C92;
   width: auto;
   text-decoration: none;
   padding: 11px;
   width: auto;
   display: block;
   padding-top: 3px;
   margin-top: 1px;
   font-size: 0.7em;
 }
 div#topNav ul li a:hover {
   color: #000;
   display: block;
   background-color: #fff;
   background-image: url(../img/navigation/sel_arrow.png);
   background-position: bottom left;
   background-repeat: no-repeat;
 }
 
 div#topNav ul li a.sel {
   color: #000;
   display: block;
   background-color: #fff;
   background-image: url(../img/navigation/sel_arrow.png);
   background-position: bottom left;
   background-repeat: no-repeat;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 div#mainWrap {
   text-align: center;
   background-color: #DEE8E0;
 }
 div#mainContainerBottom {
   margin: auto;
   background-color: #D9E4DB;
   background-image: url(../img/backbottom_grad.png);
   background-position: top left;
   background-repeat: repeat-x;
   border-left: 1px solid #CAD3CE;
   border-right: 1px solid #CAD3CE;
   padding-bottom: 10px;
   
 }
 
 div#mainContainerBottom {
  width: 760px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:760px;
  
 }
 div.white {
   padding-left: 8px;
   padding-right: 8px;
   margin-bottom: 0px;
   background-color: #fff;
   padding-top: 10px;
 }
 
 
/* ==== PEEKABOO BUG FIX ==== */
 
/* Hides from IE5-mac \*/
* html .white {height: 1%;}
/* End hide from IE5-mac */



 div#mainContainer {
   background-image: url(../img/backtop_grad.png);
   background-repeat: repeat-x;
   background-position: top left; 
   padding-left: 10px;
   padding-right: 10px;
   text-align: left;
   
   width: 740px;
   
   
 }
 div.needInspiration {
   position: relative;
 }
 div.needInspiration div {
 height: 113px;
  width: 232px;
 }
 div.needInspiration img{
  height: 114px;
  width: 232px;
 }
 div.needInspiration a {
   padding-top: 30px;
   display: block;
   text-decoration: none;
   padding-left: 22px;
   font-size: 1.1em;
   position: absolute;
   color: #fff;
   line-height: 1.5em;
   left: 0px;
   top:0px;
 }
 div#mainContainer {
  width: 750px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:750px;
  background-repeat: repeat-x;
 }
 
html>body div#maincontainer{width: 740px;}
 
 
/* Hides from IE5-mac \*/
* html #mainContainer {height: 1%;}
/* End hide from IE5-mac */

 div.leftConTop {
   background-image: url(../img/content_topcurve.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding-top: 15px;
   margin-top: 10px;
   margin-bottom: 0px;
   
   
 }
 div.faq-top {
   height: 10px;
   font-size: 8px;
 }
 div.faq-bottom {
   height: 10px;
   font-size: 8px;
   padding-bottom: 20px;
 }
 div.faq-middle {
   padding: 10px;
   padding-top: 0px;
   padding-bottom: 0px;
   font-size: 110%;
 }
 
 div.p-top {
   height: 10px;
   font-size: 8px;
 }
 div.goldAnswer {
   color: #BCA36E;
   padding-top: 10px;
   font-weight: bold;
 }
 div.p-bottom {
   height: 10px;
   font-size: 8px;
 }
 div.p-middle {
   padding: 0px 10px 0px 10px;

   font-size: 110%;
 }
 div.p-middle h4{
   font-size: 110%;
   color: #707070;
 }
 div.greyBox div.p-top {
    height: 10px;
    font-size: 8px;
    background-image: url(../img/grey_box_top.png);
    background-position: top left;
    background-repeat: no-repeat;
 }
 div.greyBox div.p-middle {
   background-color: #F6F6F6;
   color: #797981;
   width: 436px;
 }
 /* Hides from IE5-mac \*/
 * html div.p-middle {height: 1%;}
/* End hide from IE5-mac */
 div.p-middle span.q {
   float: none;
   padding: 0px;
   margin: 0px;
   float: left;
   display: block;
 }
 div.p-middle a.question {
    color: #57575F;
    display: block;
    padding-left: 20px;
    text-decoration: none;
 }
 div.p-middle a.question:hover {
    color: #000;
 }
 div.greyBox div.p-bottom {
   background-image: url(../img/grey_box_bottom.png);
   background-position: top left;
   background-repeat: no-repeat;
 }
 div.faqsCont {
   padding-top: 15px;
 }
 div.faq-middle h4 {
   font-size: 125%;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
 }
 div.faq-middle p {
   padding: 4px 0px 4px 0px;
   margin: 0px;
   color: #666;
 }
 div.greenFaq div.faq-top {
   height: 10px;
   font-size: 8px;
   background-image: url(../img/faq_box_top.png);
   background-position: top left;
   background-repeat: no-repeat;
 }

 div.greenFaq div.faq-middle {
   background-color: #E5F0EA;
 } 
 
 div.greenFaq div.faq-bottom {
   background-image: url(../img/faq_box_bottom.png);
   background-position: top left;
   background-repeat: no-repeat;
 }
 h4 {
   font-size: 90%;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
 }
 h5 {
   font-size: 80%;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   padding-top: 6px;
   color: #2D2D2D;
   padding-bottom: 6px;
 }
 div.paddingLeftRight {
   padding-left: 8px;
   padding-right: 8px;
 }
 div.colours {
   float: right;
   width:325px;
 }
 div.iconedGreen div {
   background-repeat: no-repeat;
   background-position: top left;
   padding-top: 2px;
 }
 div.iconedGreen div.addToPL {
   background-image: url(../img/product_list_ico.png);
 }
 div.iconedGreen div.productDS {
   background-image: url(../img/productDS.png);
 }
 div.colours h4 {
   color: #787880;
   padding-bottom: 4px;
   padding-left: 2px;
 }
 div.colours ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
 }
 div.prodImage {
   float: left;
 }
 div.colours ul li {
   list-style: none;
   margin: 0px;
   padding: 0px;
   float: left;

   margin: 3px;
   margin-left: 2px;
   margin-right: 2px;
   width: 60px;
   
 }
 div.colours ul li div.cblock {
   background-color: #DCDDE2;
   height: 35px;
   width: 60px;
 }
 div.colours ul li div.cname {
   text-align: center;
   color: #7A797F;
   height: 40px;
   font-size: 0.7em;
 }
 div.colours ul li div.cname a{
  color: #7A797F;
  text-decoration: none;
 
 }
 .black {
    color: #000;
 }
 div.horisearch {
    background-image: url(../img/hori_search_box.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 41px;
    margin-top: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 135%;
    line-height: 43px;
    padding-left: 20px;
    
 }
 
 h2.leftTab {
   background-image: url(../img/content_topcurve_wi_tab.gif);
   background-repeat: no-repeat;
   background-position: top left;
   color: #007031;
   font-size: 120%;
   padding: 8px;
   padding-top: 9px;
   padding-bottom: 20px;
   margin: 0px;
   margin-top: 10px;
 }
 
 h2.leftTabYel {
   background-image: url(../img/content_topcurve_wi_tab_yel.gif);
   background-repeat: no-repeat;
   background-position: top left;
   color: #906610;
   font-size: 120%;
   padding: 8px;
   padding-top: 9px;
   padding-bottom: 20px;
   margin: 0px;
   margin-top: 10px;
 }
 
div.leftColumn {
  float: left;
  width: 493px;
}
 
 div.leftConBottom {
   background-image: url(../img/content_bottomcurve.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
   text-align: left;
   padding-bottom: 17px;
 }
 div.rightCon {
   margin-left: 10px;
   float: left;
   position: relative;
   overflow: hidden;
   width: 235px;
 }
 
 #fadeimage
 {
 	width: 740px;
	height: 220px;
	padding: none;
 }
 
 #fadeimage img
 {
 	border: none;
 }
 
 div#paddTop {
   padding-top: 12px;
 }
 div.imageHolder {
   line-height: 0px;
   
 }
 a.brownLink {
   color: #572D00;
   text-decoration: none;
 }
 a.brownLink:hover {
   text-decoration: underline;
 }
 div#topNav ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
 }

 div#mainFooter {
   border-top: 3px solid #FFF;
   background-image: url(../img/footer_fade.png);
   background-repeat: repeat-x;
   background-position: top left;
   height: 96px;
   text-align: center;
 }
 
 div#bottomFooterMid {
   width: 762px;
   margin: auto;
   text-align: left;
   height: 94px;
   text-align: center;
   background-image: url(../img/footer_fade2.png);
   background-repeat: repeat-x;
   background-position: top left;
 }
 
 div.productList {
  padding-top: 42px;
  margin-left: auto;
  width: 115px;
  background-image: url(../img/product_list_ico.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  font-weight: bold;
  color: #5C8C69;
  text-align: right;
  font-size: 8pt;
  padding-bottom: 2px;
 }
 div.greenRightIcon{
   text-align: right;
   padding-top: 40px;
 }
 div.greenPrintIcon{
   text-align: right;
   margin-top: 15px;
   margin-bottom: 15px;
 }
 div.projectslot {
   border-right: 2px solid #fff;
   height: 100%;
   width: 114px;
   float: left;
   
 }
 div.projectslot_end {
   border-right: 0px solid #fff;
   height: 100%;
   width: 112px;
   float: left;
 }
 div.projectWrapper {
   background-image: url(../img/greyfade.gif);
   background-repeat: repeat-x;
   clear: both;
   height: 170px;
 }
 div.projectsimage {
   padding-top: 10px;
   color: #9899A0;
   vertical-align: middle;
   height: 125px;
   text-align: center;
 }
 div.projectsbottom {
   text-align: center;
   color: #9899A0;
   
   font-weight: bold;
 }
 div.projectscolor {
   text-align: center;
   height: 90px;
   padding-top: 10px;
   font-weight: bold;
   color: #9899A0;
   height: 125px;
 }
 span.colorblock {
   display: block;
   margin: auto;
   width: 70px;

   height: 60px;
   
 }
 div.projectTh {
   float: left;
   width: 112px;
   padding-top: 4px;
   padding-bottom: 4px;
   font-size: 1.3em;
   text-align: center;
   font-weight: bold;

 }
 div.greenRightIcon a, div.greenPrintIcon a{
    font-weight: bold;
    color: #009941;
    text-align: right;
    font-size: 8pt;
    padding-bottom: 2px;
    padding-left: 20px;
    margin-left: 10px;
    text-decoration: none;
    padding-top: 4px;
    padding-right: 26px;
    background-image: url(../img/green_print.png);
    background-repeat: no-repeat;
    background-position: top right;
    
 }



 div.enlargeIcon a{
    font-weight: bold;
    color: #009941;
    text-align: right;
    font-size: 8pt;
    padding-bottom: 2px;
    margin-left: 10px;
    text-decoration: none;
    margin-top: 1px;
    padding-top: 2px;
    padding-right: 20px;
    background-image: url(../img/enlarge_ico.png);
    background-repeat: no-repeat;
    background-position: top right;
    
 }
 div.enlargeIcon a:hover {
   text-decoration: underline;
 }
 div.stepInfo {
   width: 250px;
 }
 div.step {
   padding-top: 6px;
 }
 div.step div.enlargeIcon {
   margin-left: 0px;
   padding-left: 0px;
   padding-top:50px;
 }
 div.step div.enlargeIcon a{
   margin-left: 0px;
   padding-left: 0px;
 }
 div.stepPicture {
   float: right;
   padding-right: 20px;
 }
 div.greenRightIcon a:hover, div.greenPrintIcon a:hover {
   text-decoration: underline;
 }
 div.productList a{
   text-decoration: none;
   color: #009941;
 }
 div.productList a:hover{
   text-decoration: underline;
 }
 div#bottomFooterMid ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
   margin-left: 5px;
 }
 
 div#bottomFooterMid ul li {
   list-style: none;
   margin: 0px;
   padding: 0px;
   float: left;
   font-size: 100%;
   padding: 5px;
   color: #6D736F;
 }
 
 div#copyright {
   font-size: 70%;
   padding: 5px;
   color: #6D736F;
   padding-right: 12px;
   position: relative;
   float: left;
   width: 170px;
 }
 
 div#bottomFooterMid ul li a {
   background-image: url(../img/tinysep.png);
   background-position: center right;
   background-repeat: no-repeat;
   display: block;
   color: #6D736F;
   text-decoration: none;
   padding-left: 3px;
   padding-right: 10px;
   font-size: 0.7em;
 }
 
 div#bottomFooterMid ul li a:hover {
   text-decoration: underline;
 }
 
 div#bottomFooterMid ul li a.lastelm {
   background-image: none;
 }
 
 div.boxinfo {
   height: 215px;
 }
 div.boxinfo p {
   color: #FFF;
   font-size: 120%;
   margin: 0px;
   padding: 0px;
   
 }
 div.boxfooter {
    font-weight: bold;
    font-size: 90%;
 }
  
 
 div.greenbox {
   width: 240px;
   
 }

 a.skipnavigation {
   position: absolute;
   left: -200px;
   top: -200px;
 }
 
 
 div.greenbox h3 {
   background-image: url(../img/boxes/green/green_box_h3.gif);
   background-repeat: no-repeat;
   background-position: top left;  
   color: #007031;
   font-size: 120%;
   padding: 8px;
   padding-top: 9px;
   margin: 0px;

 }
 div.greenbox div.boxcontent {
   background-image: url(../img/boxes/green/green_box_content.gif);
   background-repeat: no-repeat;
   background-position: top left;
   height: 235px;
   padding: 10px;
   width: 220px;
 }

 div.greenbox div.boxinfo {
   background-color:#6FA685;
   padding:2px;
 }

 div.greenbox div.boxcontent div.boxfooter a{
   padding-right: 20px;
   color: #592D00;
   text-decoration: none;
   background-image: url(../img/arrow.gif);
   background-position: center right;
   background-repeat: no-repeat;
 }
  
 
 div.brownbox {
   width: 240px; 
 }
 div.brownbox h3 {
   background-image: url(../img/boxes/brown/brown_box_h3.gif);
   background-repeat: no-repeat;
   background-position: top left;  
   color: #542A11;
   font-size: 120%;
   padding: 8px;
   padding-top: 9px;
   margin: 0px;
 }
 div.brownbox div.boxcontent {
   background-image: url(../img/boxes/brown/brown_box_content.gif);
   background-repeat: no-repeat;
   background-position: top left;
   height: 235px;
   width: 220px;
   padding: 10px;
 }
 div.brownbox div.boxinfo {
   background-color: #A28B76;
   padding:2px;
 }
 .smallerBrownText {
   font-size: 80%;
   margin-top: 20px;
 }
 
 div.brownbox div.boxcontent div.boxfooter a,div.brownbox a.arrowlink,a.arrowlink{
   padding-right: 20px;
   color: #592D00;
   text-decoration: none;
   background-image: url(../eco/img/arrow.gif);
   background-position: center right;
   background-repeat: no-repeat;
   font-weight: bold;
 }
 
 div.brownbox a.arrowlink,a.arrowlink{
   font-size: 90%;
   line-height: 150%;
 }
 div.brownbox a.arrowlink:hover, div.yellowbox a.arrowlink:hover, div.greenbox a.arrowlink:hover, div.brownbox_right a.arrowlink:hover{
   color: #fff;
   
 }

 div.rightObj {
   padding-top: 10px;
 }
 
 div.brownbox_right {
    width: 230px; 
 }
 div.brownbox_right h3 {
   background-image: url(../img/boxes/brown/brown_box_h3.gif);
   background-repeat: no-repeat;
   background-position: top left;  
   color: #542A11;
   font-size: 120%;
   padding: 8px;
   padding-top: 9px;
   margin: 0px;
 }
 div.brownbox_right div.boxcontent {
   background-image: url(../img/boxes/brown_right/brown_box_content_right.gif);
   background-repeat: no-repeat;
   background-position: top left;
   width: 210px;
   padding: 10px;
   height: 149px;
 }
 div.brownbox_right div.boxcontent div.boxinfo {
   height: 130px;
 }
 
 div.brownbox_right div.boxcontent div.boxfooter a,div.brownbox_right a.arrowlink{
   padding-right: 20px;
   color: #592D00;
   text-decoration: none;
   background-image: url(../img/arrow.gif);
   background-position: center right;
   background-repeat: no-repeat;
   font-weight: bold;
 }
 
 a.brownlink{
   color: #592D00;
   text-decoration: none;
   font-weight: bold;
   font-size: 135%;
   line-height: 150%;
   padding: 0px;
 }
 
 
 div.brownbox_right a.arrowlink{
   font-size: 90%;
   line-height: 150%;
 }
 span.smallerBolder {
 
 }
 span.biggerBolder {
   font-size: 120%;
   font-weight: bold;
 }
 div.yellowbox {
   width: 240px; 
 }
 div.yellowbox h3, h3.yellowh3 {
   background-image: url(../img/boxes/yellow/yellow_box_h3.gif);
   background-repeat: no-repeat;
   background-position: top left;  
   color: #96711C;
   font-size: 80%;
   padding: 8px;
   padding-top: 9px;
   margin: 0px;
 }
 div.resultsBox h4 {
   color: #98721F;
 }
 div.resultsBox div.greyBlurb {
   padding: 0px;
 }
 div.resultsBox h4.phoneNumber {
   padding-top: 20px;
   color: #6B6D75;
 }
 div.resultsBox h4.miles {
   float: right;
   color: #6B6D75;
 }

 div.iconedGreen div{
   float: right;
    font-weight: bold;
    color: #5C8C69;
    text-align: right;
    font-size: 8pt;
    padding-bottom: 2px;
    padding-left: 20px;
    margin-left: 10px;
    margin-top: -8px;
    padding-bottom: 20px;
    padding-right: 10px;
 }
 div.iconedGreen div a {
   color: #5C8C69;
   text-decoration: none;
 }
 div.iconedGreen div a:hover {
   text-decoration: underline;  
 }
 div.paddingLeftRight div.greyBlurb {
   padding-left: 0px;
   padding-right: 0px;   
 }
 /* Hides from IE5-mac \*/
 * html h3.yellowh3 {margin-left: 3px;}
 /* End hide from IE5-mac */ 
 div.yellowbox div.boxcontent {
   background-image: url(../img/boxes/yellow/yellow_box_content.gif);
   background-repeat: no-repeat;
   background-position: top left;
   height: 235px;
   width: 220px;
   padding: 10px;
 }
 div.yellowbox div.boxinfo {
   background-color: #B3A773;
   padding:2px;
 }
 div.greyBlurb {
   padding: 4px;
   color:#9899A0;
   font-weight: bold;
 }
 div.bolderBlurb {
   font-size: 1.3em;
   font-weight: bold;
   color: #000;
 }
 div.formContainer label, div.blackBold {
   width: 190px;
   font-size: 138%;
   font-weight: bold;
   letter-spacing: -0.03em;
   float: left;
 }
 div.blackBold {
   float: none;
   padding-left: 2px;
 }
 div.formContainer div.block {
   clear: both;
   padding-bottom: 15px;
 }
 div.formContainer {
   padding: 3px;
   padding-top: 20px;
 }
 
 div.formContainer input.tbox, div.formContainer textarea.tbox{
   width: 270px;
   border: 1px solid #CBCCD1;
   color: #A3A3A4;
   font-family: Arial;
   font-size: 110%;
   padding:1px;
 }
 div.formContainer div.otherinput{
 text-align: right;
 }
 div.formContainer textarea.tbox{
   height: 100px;
 }
 
 
 div.yellowbox div.boxcontent div.boxfooter a{
   padding-right: 20px;
   color: #592D00;
   text-decoration: none;
   background-image: url(../img/arrow.gif);
   background-position: center right;
   background-repeat: no-repeat;
 }
 
 div.yellowbox div.boxcontent div.boxfooter a:hover{
   color: #fff;
 }
 div.greenbox div.boxcontent div.boxfooter a:hover{
   color: #fff;
 }
 div.brownbox div.boxcontent div.boxfooter a:hover,div.brownbox_right div.boxcontent div.boxfooter a:hover{
   color: #fff;
 }

 div.inline div{
  float: left;
 }
 
 h3.brown {
   color: #592D00;
   font-size: 140%;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   padding-top: 8px;
   padding-left: 8px;
 }
 
 div.line {
   height: 1px;
   line-height: 1px;
   border-bottom: 1px solid #ccc;
   font-size: 1px;
   margin-top: 4px;
   margin-bottom:5px;
 }
 
 div.tenPxHoriSpace {
   width: 10px;
   height: 200px;
 }
 div.boxfooter {
   padding-left: 2px;
 }
 div.clear {
   clear: both;
   line-height: 0px;
   margin: 0px;
   padding: 0px;
   height: 1px;
   font-size: 1px;
 }
 
 
 
 
/* ==== generic ==== */

 input.submit_text {
 	font-weight: bold;
 	font-size: 1em;
 	font-family: arial;
 	cursor: hand;
 	cursor: pointer;
 	color: #592d00;
 	text-align: left;
 	border: 0px;
 	background-color: transparent;
	background-image: url(../img/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
 	display: block;
 	height: 20px;
 	width: 71px;
 	overflow: hidden;
 	 padding-left: 0px;
  	margin-left: 0px;
}
* html input.submit_text {
	font-size: 0.9em;
}
 input.submit_textHover,  input.submit_text:Hover {
  	font-weight: bold;
  	font-size: 1em;
  	font-family: arial;
  	padding-left: 0px;
  	margin-left: 0px;
  	
  	cursor: hand;
  	cursor: pointer;
  	text-align: left;
  	border: 0px;
  	background-color: transparent;
 	background-image: url(../img/arrow.gif);
 	background-position: center right;
 	background-repeat: no-repeat;
  	display: block;
  	height: 20px;
  	width: 71px;
 	overflow: hidden;
 	color: #fff;
 }
 * html input.submit_textHover, * html input.submit_text:Hover {
 	font-size: 0.9em;
}
 input.submit_button {
 	background: url("../img/forms/submit_button.gif") no-repeat top left;
 	font-weight: bold;
 	cursor: hand;
 	cursor: pointer;
 	color: #535353;
 	text-align: center;
 	padding-left: 0px;
 	padding-right: 3px;
 	padding-bottom: 3px;
 	border: 0px solid #000;
 	font-size: 0.8em;
 	display: block;
 	height: 27px;
 	width: 64px;
 	overflow: hidden;
 	float: right;
 	margin-bottom: 20px;
}
div.lightGreyBlurb {
	padding: 4px;
	padding-top: 15px;
	font-weight: bold;
	color: #C1C1C1;
}
 input.submit_button2 {
 	background: url("../img/forms/submit_button2.gif") no-repeat top left;
 	font-weight: bold;
 	cursor: hand;
 	cursor: pointer;
 	color: #535353;
 	text-align: center;
 	padding-left: 0px;
 	padding-right: 3px;
 	padding-bottom: 3px;
 	border: 0px solid #000;
 	font-size: 0.8em;
 	display: block;
 	height: 27px;
 	width: 74px;
 	overflow: hidden;
 	float: right;
 	margin-bottom: 20px;
}
div.projectWrapper input.submit_button,div.projectWrapper input.submit_button2 {
  margin: 0px;
  float: none;
  margin: auto;
}
 
 
 form {
  margin: 0px;
  padding: 0px;
 }
 
/* ======== COVERAGE CALCULATOR ======== */ 
 
 input.submit_calculator {
 	background: url("../img/forms/submit_calculate.gif") no-repeat top left;
 	font-weight: bold;
 	cursor: hand;
 	cursor: pointer;
 	color: #535353;
 	padding-left: 4px;
 	padding-right: 4px;
 	padding-bottom: 3px;
 	border: 0px solid #000;
 	font-size: 0.8em;
 	display: block;
 	height: 27px;
 	width: 76px;
 	overflow: hidden;
}
 input.udPList {
 	background: url("../img/forms/submit_update_p_list.gif") no-repeat top left;
 	font-weight: bold;
 	cursor: hand;
 	cursor: pointer;
 	color: #535353;
 	text-align: center;
 	padding-left: 0px;
 	padding-right: 3px;
 	padding-bottom: 3px;
 	border: 0px solid #000;
 	font-size: 0.8em;
 	display: block;
 	height: 27px;
 	width: 130px;
 	overflow: hidden;
}

label.cc_labelsm {
	float: left;
	padding-right: 45px;
}
div.cc_calcbutton {
	float: left;
	width: 20px;
	line-height: 13px;
}

/* ========== PRIZE DRAW ========== */

div.q, span.q {
  float: left;
  font-size: 1.2em;
  color: #C6C6C6;
  float: left;
  font-weight: bold;
}
div.block .ql {
  font-size: 1em;
  font-weight: bold;
  color: #A0A0A0;
  margin-left: 5px;
  float: left;
  padding-top:2px;
  padding-bottom: 10px;
  
}
div.block label.ql2 {
  font-size: 1em;
  color: #A0A0A0;
  width: 323px;
  padding-right: 84px;
  margin-left: 5px;
  float: left;
  padding-bottom: 20px;
}


div.yesno {
  font-size: 1.2em;
  text-align: right;
  float: left;
  width: 57px;
}

div.pdGap {
  width: 355px;
  float: left;
}
div.yesnoth {
  font-weight: bold;
  color: #B8B8B8;
  font-size: 1.2em;
  padding-bottom: 15px;
  width: 58px;
  text-align: right;
  float: left;
}

/* === PRODUCT SELECTOR === */
div.selector {
  float: left;
  width: 200px;
}
div.subCatCont {
  float: left;
  padding-left: 10px;
  background-color: #F6F6F6;
  width: 250px;

}
div.subCatCont div.brownlink {
  display: normal;
  
}
div.selector ul, div.selector ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
div.selector ul li {
  padding: 4px;
  padding-left: 20px;
  padding-top: 3px;
}

ul.subCat {
  display: none;
  list-style: none;
  margin: 0px;
  padding: 0px;

}
ul.subCat li {
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding: 4px;
  
  border-bottom: 1px solid #ccc;
}
.psSelected {
  background-color: #F6F6F6;
  /*background-image: url(../img/productselector/leftgrey.gif);*/
  background-position: top left;
  background-repeat: no-repeat;
}

/* === PRESS ENQUIRIES === */

 div.pressenquiries {
   background-image: url(../img/pressenquiries.gif);
   background-position: top left;
   background-repeat: no-repeat;
   height: 114px;
   padding-left: 100px;
   padding-top: 5px;
   padding-right: 10px;
   font-size: 115%;
   line-height: 140%;
   
 }
 div.pressenquiries a {
   color: #E9F4EB;
   display: block;
   text-decoration: none;
 }
 div.pressenquiries a:hover {
   color: #FFF;
   display: block;
   text-decoration: none;
 }
 
 /*=== RELATED PRODUCTS BOX ===*/
 
 div.relatedProducts {
  padding-top: 10px;
 }
 
 div.relatedProducts h3 {
   margin: 0px;
   padding: 0px;
   background-image: url(../img/related-tab.gif);
   background-repeat: no-repeat;
   display: block;
   color: #906811;
   font-size: 80%;
   padding: 8px;
   padding-top: 8px;
   margin-left: 0px;
   position: relative;
   overflow: hidden;
 }
 div.relatedProducts div.top {
   margin: 0px;
   padding: 0px;
   background-image: url(../img/related-top.gif);
   background-repeat: no-repeat;
   height: 18px;
   font-size: 1px;
   line-height: 0px;
 }
 div.relatedProducts div.bottom {
   margin: 0px;
   padding: 0px;
   background-position: bottom left;
   background-image: url(../img/related-bottom.gif);
   background-repeat: no-repeat;
   height: 18px;
   font-size: 1px;
   line-height: 0px;
   border: 0px solid #000;
   overflow: auto;
 }
 div.relatedProducts div.middle {
   background-color: #E5DECB;
   margin-left: 3px;
   
 }
 div.relatedProducts div.middle ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
 }
 div.relatedProducts div.middle ul li {
   color: #592E03;
   margin: 0px;
   padding: 0px;
   padding: 7px;
   padding-left: 4px;
   border-bottom: 1px solid #BAA46B;
   margin-right: 10px;
   margin-left: 10px;
   
 }
 div.relatedProducts div.middle ul li a{
   color: #935F2A;
   font-size: 0.8em;
   text-decoration: none;
   font-weight: bold;
 }
 
 /* ==== TOP TIPS ==== */
 
 div.topTipTop {
   background-image: url(../img/toptiptop.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding-top: 20px;
   padding-bottom: 5px;
   margin-top: 15px;
   padding-left: 80px;
   margin-left: 3px;
   padding-right: 25px;
   
 }
 div.topTipTop p{
   padding: 0px;
   margin: 0px;
   line-height: 1.5em;
   color: #fff;
   font-size: 1.2em;
 }
 div.topTipBottom {
   background-image: url(../img/toptipbottom.gif);
   background-repeat: no-repeat;
   background-position: top left;
   height: 19px;
 }
 
 /* === how to index === */
 
 div#howtos div.p-middle {
   font-size: 1.3em;
   font-weight: bold;
   color: #78797E;
 }
 div#howtos div.p-middle a {
      color: #78797E;
      text-decoration: none;
 }
 
 div#howtos div.p-middle a:hover {
   color: #000;
 }
 
 /*==== STOCKISTS ====*/
 
 div#stockists label {
   float: left;
   width: 155px;
 }
 div#stockists input.searchBox {
   width: 170px;
   margin-top: 10px;
   margin-left: 20px;
   float: left; 
 }
 div.block div.PDoptions input {
   float: left;
 }
 div.block {
    padding-top: 8px;
    clear: both;
 }
 div.block label.ans {
    font-weight: normal;
    letter-spacing: normal;
    font-size: 1.1em;
    float: left;
  }

 div.block div#PDoptions1 label.ans {
   width: 45px;
   padding-top: 3px;
   padding-left: 5px;
   display: block;
 }
 div.block div#PDoptions2 label.ans {
   width: 45px;
   padding-top: 3px;
   padding-left: 5px;
   display: block;
 }
 div.block div#PDoptions3 label.ans {
   width: 400px;
   padding-bottom: 5px;
   padding-top: 3px;
   padding-left: 5px;
 }
 div.block div#PDoptions4 label.ans {
   width: 45px;
   padding-top: 3px;
   padding-left: 5px;
   display: block;
 }
 div.block div#PDoptions5 label.ans {
   width: 135px;
   padding-top: 3px;
   padding-left: 5px;
   display: block;
 }
 div.block div#PDoptions3 input {
   clear: both;
 }
 div.greenBack {
   float: left;
    font-weight: bold;
    color: #009941;
    text-align: right;
    font-size: 8pt;
    padding-left: 8px;
    padding-bottom: 2px;
    text-decoration: none;
    padding-top: 10px;
 }
 div.greenBack a {
    color: #009941;
    text-decoration: none;
    
 }
 div.greenBack a:hover {
   text-decoration: underline;
 }
 a.moreDetails {
   text-align: right;
   color: #000;
 }
 
 /* CSS Document */
 
 /* === PRODUCT SELECTOR === */
 ul.selector {
   margin: 0px;
   padding: 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
 }
 
 ul.selector ul, ul.selector li {
   margin: 4px 0px 0px 0px;
   padding: 3px 0px 4px 0px;
   list-style: none;
 }
 ul.selector ul li {
   padding-left: 20px;
   padding-top: 0px;
   margin: 0px;
 }
 ul.selector li.outercontainer {
    border-top: 1px solid #ccc ;
   padding-top: 8px;
 }
 ul.selector h4 {
    background-image: url(../img/arrow.gif);
    background-position: center right;
    background-repeat: no-repeat;
   padding-right: 20px;
 }
 ul.selector h4, ul.selector h5 {
 	display:inline;
    color: #592D00;
    font-weight: bold;
 }
 ul.selector h5 {
 	float:left;
 	left:0px;
 	top:0px;
 	width:200px;
 	/*border:solid 1px green;*/
 }
 ul.selector a {
 	padding-top:6px;
 	padding-bottom:6px;
 }
 ul.selector ul.category {
    border-top: 1px solid #ccc;
    margin-top: 8px;
 }
 ul.selector ul.category li {
   /* border: 1px solid #ccc;*/
   padding-left:0px;
 }
 ul.category li h5{
   /* border: 1px solid #ccc;*/
   padding-left:20px;
   font-size:1.3em;
 }
 ul.category {
 }
 ul.subCat {
   display:block;
   float:left;
   list-style: none;
   margin: 0px !important;
   margin-right: -10px !important;
   padding-left: 15px !important;
   padding-right: 25px !important;
   padding-top: 0px !important;
   background-color: #F6F6F6;
 
 }
 ul.selector li{
 	clear:both;
 	cursor:pointer;
 }
 ul.subCat li {
   clear:none;
   list-style: none;
   width:200px;
   margin: 0px !important;
   padding-top: 4px !important;
   display: block;
   /*line-height:2.8em;*/
   line-height:0px;
 
 }
 .psSelected {
   background-color: #F6F6F6;
   background-position: top left;
   background-repeat: no-repeat;
}
div#stepProduct {
width: 148px;
text-align: center;
}
div#stepProduct img{
	margin: auto;
}
/*== pp ==*/

div#productpage div.topTip, div#productpage div.topTipTop {
  margin-left: 0px; 
}

div#productpage div.topTipBottom {
  margin-left: 2px; 
}
div#productpage div.relatedProducts div.middle {
  margin-left: 0px;
  width: 232px;
}

* html div#productpage div.topTip, div#productpage div.topTipTop {
  margin-left: 2px; 
}
* html div#productpage div.relatedProducts div.middle {
  margin-left: 1px;
  width: 232px;
}
* html div#productpage div.topTipBottom {
  margin-left: 1px;
}
  div.projectsimage a.vProduct {
    color: #009941;
    text-decoration: none;
    font-weight: bold;
  }
  div.projectsimage a.vProduct:hover {
  	text-decoration: underline;
  }
  div.fpimg {
   text-align: center;
  }
  div.fpimg img {
   margin: auto;
   
  }
  p.fptext {
	
  	color: #D1E7DA !important;
  }
div.fpheader {
	color: #592D00;
	font-size: 1.3em;
	font-weight: bold;
	width: 210px;
	padding-bottom: 10px;
}
a.powerspray {
	display: block;
	padding-top: 10px;
}
a.powerspray img{
	border: 0px solid #000;
}
a.popuplink {
margin-left: 20px;float: left;display: block;
}

/* eco range */
  div.ecobox {
    width: 240px;
    
 }
 
  div.ecobox h3 {
    background-image: url(../img/boxes/eco/eco_box_h3.gif);
    background-repeat: no-repeat;
    background-position: top left;  
    color: #4f881f;
    font-size: 120%;
    padding: 8px;
    padding-top: 9px;
    margin: 0px;
 
  }
  div.ecobox div.boxcontent {
    background-image: url(../img/boxes/eco/eco_box_content.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 235px;
    padding: 10px;
    width: 220px;
  }
 
  div.ecobox div.boxinfo {
    background-color:#518820;
    padding:2px;
  }
 
  div.ecobox div.boxcontent div.boxfooter a{
    padding-right: 20px;
    color: #2f4806;
    text-decoration: none;
    background-image: url(../img/boxes/eco/eco_box_arrow.gif);
    background-position: center right;
    background-repeat: no-repeat;
  }
   div.ecobox div.boxcontent div.boxfooter a:hover {
   	color: #fff;
   }
  img.newimg {
  	margin-top: 10px;
  	margin-left: -5px;
  }
  div.ecobox div.boxinfo {
  	height:70px;
  }