body{background:#CC2228 url(../images/background.gif) top; margin:0 auto; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; color:#4E5241; height:100%;} h3{ color:#CC2228; font-family: "Comic Sans MS", Arial; display: inline; font-size: 16px; } a{color:#E37E01; font-weight:bold; text-decoration:underline;} a:hover { color: #FA9F2F; font-weight:bold; text-decoration:underline;} a.backToTop{background:url(../images/up.gif) no-repeat left; padding:3px 10px 0 20px; border:none;} .greentext{font-family:"Comic Sans MS", Arial; font-size:16px; color:#8EBC13;} hr {color:#5B6D1D;background-color:#5B6D1D;height:1px;border:none;} .clearme{clear:both; height:1px; overflow:hidden;} .clear{clear:both; height:1px;} .alignleft {text-align:left;} .alignright {text-align:right;} .aligncenter {text-align:center;} #rap{width:862px; margin:0 auto; background:url(../images/overall-rep.png) repeat-y top; padding:0;} #header{width:862px; margin:0 auto; padding:0; height:279px; background:url(../images/header.png) no-repeat top;} #header h1 span{display:none;} #header h1 { padding:0; margin:0;} * html #rap{background:url(../images/overall-rep.gif) repeat-y top;} * html #header{background:url(../images/header.gif) no-repeat top;} * html #footer{background:url(../images/footer.gif) no-repeat top; } #leftStuff{float:left; padding:0; width:202px;} /* for the javascript / css display */ .m1-suboff{display:none;} .m1-subon{display:block;} #m1{padding:0; width:202px; background:url(../images/m1-rep.jpg) repeat-y right;} #m1 ul{width:176px; display:block; margin:0 0 0 26px; padding:0 0 15px 0; background:url(../images/m1-footer.jpg) no-repeat bottom right;} #m1 ul li{width:176px; display:block; margin:0 0 4px 0; padding:0; list-style:none;} #m1 a.mainitems{ width:176px; display:block; background-repeat:no-repeat; background-position:top; height:30px; border:0; text-decoration:none;} #m1 a.sublink{background:url(../images/m1-sublink-arrow.jpg) no-repeat 0px 2px; display:block; padding:0 0 4px 15px; margin:8px; font-size:11px; color:#F7FFFA; font-weight:bold; text-decoration:none;} #m1 a.sublink:hover{background:url(../images/m1-sublink-arrow-over.jpg) no-repeat 0px 2px; color:#fff;} #m1-home{background-image:url(../images/m1-home.jpg); background: transparent url(../images/m1-home.jpg);} #m1-about-us{background-image:url(../images/m1-about-us.jpg); background: transparent url(../images/m1-about-us.jpg);} #m1-contact-us{background-image:url(../images/m1-contact-us.jpg); background: transparent url(../images/m1-contact-us.jpg);} #m1-distributors{background-image:url(../images/m1-distributors.jpg); background: transparent url(../images/m1-distributors.jpg);} #m1-information{background-image:url(../images/m1-information.jpg); background: transparent url(../images/m1-information.jpg);} #m1-our-products{background-image:url(../images/m1-our-products.jpg); background: transparent url(../images/m1-our-products.jpg);} #m1-resources{background-image:url(../images/m1-resources.jpg); background: transparent url(../images/m1-resources.jpg);} #m1-stockists{background-image:url(../images/m1-stockists.jpg); background: transparent url(../images/m1-stockists.jpg);} #m1-whats-new{background-image:url(../images/m1-whats-new.jpg); background: transparent url(../images/m1-whats-new.jpg);} #m1-order{background-image:url(../images/m1-order.jpg); background: transparent url(../images/m1-order.jpg);} #m1-home:hover{background-image:url(../images/m1-home-over.jpg); background: transparent url(../images/m1-home-over.jpg);} #m1-about-us:hover{background-image:url(../images/m1-about-us-over.jpg); background: transparent url(../images/m1-about-us-over.jpg);} #m1-contact-us:hover{background-image:url(../images/m1-contact-us-over.jpg); background: transparent url(../images/m1-contact-us-over.jpg);} #m1-distributors:hover{background-image:url(../images/m1-distributors-over.jpg);} #m1-information:hover{background-image:url(../images/m1-information-over.jpg);} #m1-our-products:hover{background-image:url(../images/m1-our-products-over.jpg);} #m1-resources:hover{background-image:url(../images/m1-resources-over.jpg);} #m1-stockists:hover{background-image:url(../images/m1-stockists-over.jpg);} #m1-whats-new:hover{background-image:url(../images/m1-whats-new-over.jpg);} #m1-order:hover{background-image:url(../images/m1-order-over.jpg);} #newsletter{padding:0; width:202px; background:url(../images/newletter-box-rep.jpg) repeat-y right;margin:20px 0 0 0;} #newsletterHeader{background:url(../images/newletter-box-head.jpg) no-repeat top; margin:0 0 0 26px; padding:0;} #newsletterFooter{background:url(../images/newletter-box-footer.jpg) no-repeat bottom; margin:0; padding:0;} #newsletterContent form{margin:0; padding:0;} #newsletterContent form p{font-size:11px; margin:0; padding:60px 20px 10px; color:#394E06;} #newsletterContent form input.thin{color:#69681D; font-size:9px; width:100px; margin:0 0 3px 30px; border:1px solid #69681D; display:block; padding:1px;} #newsletterRadios{padding:0 0 0 30px;} #newsletterRadios input{display:inline;} #newsletterRadios span{display:inline; padding:0 0 0 2px; color:#333; font-size:11px;} #newsletterSubmit{ padding:10px 20px 20px; text-align:right;} #footer{height:95px;width:862px; margin:-1px auto 0; background:url(../images/footer.png) no-repeat top; padding:0; position:relative;} #footervalid{position:absolute; left:20px; bottom:0; font-size:12px; display:block; margin:-5px 10px;} #rightContent{width:610px; float:right; padding:0 30px 0 0; margin:0;} * html #rightContent{width:590px;} h2, h3{background-repeat:no-repeat; background-position:top left; height:30px; padding:0 0 10px;} h2{margin:0 0 0 -5px;} * html h2{margin:0;} h3{margin:0;} h2 span, h3 span, h4 span{display:none;} #rightContent p{color:#4E5241; font-size:11px; line-height:150%; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:5px 0;} /* -------- picture captions --------- */ .Caption{background:#E5F0C7; padding:4px; border:2px solid #C0C8A9; display:block; text-align:center; line-height:220%;} .Caption img{border:1px solid #C2D295; display:block; clear:both;} .Caption {font-family:"Comic Sans MS", Arial; font-size:14px; color:#394E06;} .captionRight{float:right; margin:0 0 10px 10px;} .captionLeft{float:left; margin:0 10px 10px 0 ;} .captionCenter{float:left; margin:0 auto;} /* -------- picture captions --------- */ a.greenArrowLink{background:url(../images/green-arrow.jpg) no-repeat left; padding:2px 0 0 20px; font-size:11px;} * html a.greenArrowLink {text-decoration:underline;} a.greenArrowLink:hover{background:url(../images/green-arrow-over.jpg) no-repeat left; padding:2px 0 0 20px; font-size:11px;} /* ------------ external links --------------- */ a.externalLink{background:url(../images/external-link.gif) no-repeat right; padding-right:14px; position:relative; display:inline;} a.externalLink span{display:none;} a.externalLink:hover{background:url(../images/external-link-over.gif) no-repeat right;} /* a.externalLink:hover span{display:block; position:absolute; top:-35px; left:12px; width:190px; border:1px solid #C2D295; background:#F4FBDF; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; padding:3px; color:#394E06; text-decoration:none;} /* ------------ external links --------------- */ /* ------------ pdf links --------------- */ a.pdfLink{background:url(../images/icon_pdf.gif) no-repeat left; padding:4px 0 0 20px; font-size:11px;} * html a.pdfLink {text-decoration:underline;} a.pdfLink:hover{font-size:11px;} /* ------------ pdf links --------------- */ /* ------------ doc links --------------- */ a.docLink{background:url(../images/icon_doc.gif) no-repeat left; padding:4px 0 0 20px; font-size:11px;} * html a.docLink {text-decoration:underline;} a.docLink:hover{font-size:11px;} /* ------------ doc links --------------- */ .servingSize{float:right; width:285px; background:url(../images/serving-size.jpg) no-repeat top; color:#4A513D; font-size:11px; margin:0; padding:370px 0 0 0; text-align:center;} .servingSize strong{font-weight:bold; color:#BF2419;} .redBold{color:#CB2236; font-weight:bold;} .greenBold{color:#5f7b00; font-weight:bold;} .orangeLink{color:#DC8500; font-weight:bold; text-decoration:underline;} .orangeLink:hover{color:#FF6600;text-decoration:none;} .wheretoBuyBoxRap{ margin:0; padding:10px 70px 0 0; background:url(../images/little-green-face.jpg) no-repeat right; height:60px;} .wheretoBuyBox{background:#E3EEC4; border:1px solid #92BE1A; height:45px;} .wheretoBuy1{float:left; padding:10px; width:150px;} .wheretoBuy2{float:left; padding:10px; width:200px;} .wheretoBuy3{float:right; padding:10px; width:70px; text-align:right;} .wheretoBuyRadioButtons span, .wheretoBuyRadioButtons input {display:block; float:left; padding:6px; font-size:12px; padding:3px; font-weight:bold; color:#7D953A;} #footer{height:95px;width:862px; margin:0 auto; background:url(../images/footer.png) no-repeat top; padding:0; position:relative;} #leftFooter{position:absolute; margin:0; padding:0; color:#7A8D21; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; top:30px; left:30px;} #rightFooter{position:absolute; margin:0; padding:0; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; top:30px; right:70px;} #rightFooter a{color:#768D02; text-decoration:underline;} #rightFooter a:hover{color:#A8C805;text-decoration:underline;} /* ------------ bullet points --------------- */ .bullet{ background:url(../images/tick-red.jpg) no-repeat left; padding:2px 0 0 20px; font-size:14px; color:#809F48; font-family: "Comic Sans MS", Arial; font-weight: bold; } .bullet2{ background:url(../images/tick-red.jpg) no-repeat left; padding:2px 0 0 20px; font-size:12px; color:#809F48; font-family: Arial, Helvetica, sans-serif; } /* ------------ bullet points --------------- */ .submenu{ line-height: 17px; margin-top: 0.3em; margin-bottom: 0.5em; } .refer{width:170px; margin:20px 0 0 40px;} .cartText{color:#8dbc16;} /* ------------ slideshow --------------- */ #slideshow { width: 600px; height: 335px; overflow: hidden; margin-bottom: 20px; } #slideshow a { display: block; width: 600px; height: 335px; } #slideshow a img { display: block; width: 600px; height: 335px; } img { border: none; } a { outline: none; } .linkfont{ font-size: 11px; color: #8FBD14; font-weight: bold; } .linkfont a{ font-size: 11px; color: #8FBD14; font-weight: bold; text-decoration: none; } .link { margin: 0px; padding: 0px; padding-top: 2px; padding-bottom: 4px; } .link li { list-style: none; } .link li a{ font-size: 10px; color: #8FBD14; font-weight: normal; text-decoration: none; } .link li a:hover { font-size: 10px; color: #8FBD14; font-weight: normal; list-style: none; text-decoration: underline; }