/* global  -------------------------------------------------------------------------*/

body{font:12px Arial, sans-serif;color:#474747;line-height:1.3em;height:100%;}

* {margin:0;padding:0;}
p {padding: 0px 0 15px 0;}
img {border:0;}
a {text-decoration:none}

h1 {font-size:15px;font-weight:normal;padding: 0px 0 15px 0}
h2 {font-size:14px;font-weight:normal;padding: 0px 0 15px 0}
h3 {font-size:13px;font-weight:normal;padding: 0px 0 0px 0}
h4 {font-size:12px;font-weight:normal;padding: 0px 0 15px 0}
h5 {font-size:12px;font-weight:normal;padding: 0px 0 0px 0;color:#999}
h6 {font-size:9px;font-weight:normal;}

div#content li {margin-left: 15px;} 
div#content ul {padding: 0px 0 15px 0}

/* structure  -------------------------------------------------------------------------*/

div#container{width:960px; margin: 0 auto;background:#fff;padding:0 0px 0px 0;overflow:auto}

div#header{background:transparent url(../img/map.gif) no-repeat right 20px;overflow:hidden}

div#logo{float:left}


div#subBar {height:27px;clear:both}

div#content{float:left;width:570px;margin:10px 0 0 0px;padding:12px 0 0 0}
div#contentTxt {padding:15px 70px 15px 0px}
div#orderTxt {padding:15px 70px 15px 15px;margin:0}
div#imgContentTxt {padding:15px 70px 15px 15px;margin:0}
div#contentHolder{overflow:auto}

div#lang{float:right;margin:70px 0 0 0}
#langChoose {width:184px}
#country {width:184px}

/* footer  -------------------------------------------------------------------------*/
div#footer{width:100%;clear:both;padding: 25px 0 25px 0;}
ul#footLinks {list-style-type:none;clear:both}
ul#footLinks li {float:left;padding: 0px 8px 0px 0px;color:#999999;font-size:11px;}
ul#footLinks li a {list-style-type:none;color:#999999;}

#socialMenu {padding:0; margin:0; list-style:none;position:relative; z-index:500;width:100%;z-index:1}
#socialMenu li.top {display:block; float:left; padding-top:5px;}
#socialMenu li a.top_link {display:block; float:left;text-decoration:none; font-size:12px; font-weight:bold; padding:0px;}
#socialMenu li:hover {position:relative; z-index:200;}
#socialMenu ul, #socialMenu li:hover ul ul,#socialMenu li:hover ul li:hover ul ul,#socialMenu li:hover ul li:hover ul li:hover ul ul,#socialMenu li:hover ul li:hover ul li:hover ul li:hover ul ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;z-index:1}
#socialMenu li:hover ul{left:0; bottom:17px; top:auto;padding:3px;border-width:1px 1px 1px 1px; white-space:nowrap; width:123px; height:auto; z-index:300;background:#fff}
#socialMenu li:hover ul li{display:block; position:relative; float:left; font-weight:normal; background:#fff; clear:left;}
#socialMenu li:hover ul li a{display:block; font-size:11px; height:20px; line-height:20px; padding:1px 0 0 25px; text-decoration:none;width:70px;outline:none;color:#999999}


.twitter  {background:transparent url(../img/twit.gif) no-repeat 0 2px}
.digg {background:transparent url(../img/digg.gif) no-repeat 0 2px}
.del {background:transparent url(../img/del.gif) no-repeat 0 2px}
.google {background:transparent url(../img/google.gif) no-repeat 0 2px}
.face {background:transparent url(../img/face.gif) no-repeat 0 2px}
.stumble {background:transparent url(../img/stumble.gif) no-repeat 0 2px}
.yahoo {background:transparent url(../img/yahoo.gif) no-repeat 0 2px}

/* main menu  -------------------------------------------------------------------------*/

ul#menu {clear:both;list-style-type:none;font-size:14px;padding: 0px 0px 0px 0px;color:#68737A;margin:0px 0 1px 0px;height:26px;width:960px}
ul#menu li{float:left;}
ul#menu li a {color:#3C3C3C;text-decoration:none;outline:none;padding:5px 7px 5px 7px;display:block}

li#main1 a:hover {color:#fff;background:#00aff0}
li#main1 a.current  {color:#00AFF0;background:#fff}

li#main2 a:hover {color:#fff;background:#00aff0}
li#main2 a.current  {color:#00AFF0;background:#fff}

li#main3 a:hover {color:#fff;background:#EB208D}
li#main3 a.current  {color:#EB208D;background:#fff}

li#main4 a:hover {color:#fff;background:#80C342}
li#main4 a.current  {color:#80C342;background:#fff}

li#main5 a:hover {color:#fff;background:#0055A2}
li#main5 a.current  {color:#0055A2;background:#fff}

li#main6 a:hover {color:#fff;background:#008D6D}
li#main6 a.current  {color:#008D6D;background:#fff}

li#main7 a:hover {color:#fff;background:#FF5200}
li#main7 a.current  {color:#FF5200;background:#fff}

li#main8 a:hover {color:#fff;background:#00aff0}
li#main8 a.current  {color:#00AFF0;background:#fff}


/* Languages main menu  -------------------------------------------------------------------------*/

ul#langMenu {clear:both;list-style-type:none;font-size:14px;padding: 0px 0px 0px 0px;color:#68737A;margin:0px 0 1px 0px;height:26px;width:960px}
ul#langMenu li{float:left;}
ul#langMenu li a {color:#3C3C3C;text-decoration:none;outline:none;padding:5px 7px 5px 7px;display:block}
ul#langMenu li  a:hover {color:#fff;background:#00aff0}
ul#langMenu li  a.current {color:#00aff0;background:#ffffff}

/* sub menu  -------------------------------------------------------------------------*/

ul#subMenu {clear:both;float:left;list-style-type:none;font-size:14px;padding: 0px 0px 0px 0px;color:#68737A;margin:0px 0 0 0px;width:960px}
ul#subMenu li{float:left;}
ul#subMenu li a {color:#3C3C3C;text-decoration:none;outline:none;padding:5px 7px 5px 7px;display:block}

/* WIDGETS  -------------------------------------------------------------------------*/

.col {float:left;margin:10px 0 0 12px;width:182px;display:block}
.colWid {width:182px;padding:15px 0 15px 0;height:100%}
.colWidImg {text-align:center;padding:0px 0 0 0}

/* quick links  -------------------------------------------------------------------------*/

ul#quickLinks {list-style-type:none;font-size:14px;margin:0 0 0px 0}
ul#quickLinks a {width:100%;display:block;border-bottom:1px dashed #B5B5B5;padding:5px 0 5px 0}

a#Q127 {color:#EB208D}
a#Q127:Hover {color:#EB208D}

a#Q128 {color:#00AFF0}
a#Q128:Hover {color:#00AFF0}

a#Q129 {color:#008D6D}
a#Q129:Hover {color:#008D6D}

a#Q130 {color:#0055A2}
a#Q130:Hover {color:#0055A2}

a#Q131 {color:#0055A2}
a#Q131:Hover {color:#0055A2}

a#Q132 {color:#80C342}
a#Q132:Hover {color:#80C342}

a#Q133 {color:#EE0000}
a#Q133:Hover {color:#EE0000}

a#Q134 {color:#666}
a#Q134:Hover {color:#666}

a#Q629 {color:#FF5200;background:transparent url(../img/search.gif) no-repeat 45px 4px;}
a#Q629:Hover {color:#FF5200}



/* testimonials  -------------------------------------------------------------------------*/
.testAuthor{color:#999999}
.testTxt{width:170px}


/* delivery info  -------------------------------------------------------------------------*/
.delTxt{width:170px}

/* ethical policy  -------------------------------------------------------------------------*/
.ethTxt{width:170px}

/* order online  -------------------------------------------------------------------------*/
.orderWrapper {border: 1px dashed #EB208D;border-width:0px 1px 1px 1px;overflow:auto;margin:0 0 10px 0}
.orderTitleW {color:#fff;padding:0;background:#EB208D;padding:5px}
.txtW {padding:10px 12px 10px 10px}
.txtW h2 {color:#EB208D;padding:0}
.txtW a {color:#EB208D}
.txtW a:hover {color:#EB208D}

/* testimonials  -------------------------------------------------------------------------*/
.testimonial {padding:0px 110px 0px 0px;clear:both}
.testHeader {padding:0 0 10px 0;margin:0}

ul#testLink {clear:both;list-style-type:none;font-size:14px;margin:0;padding:0;}
ul#testLink li{margin:0;padding:15px 0 15px 0;width:auto}
ul#testLink li a {color:#474747;text-decoration:none;outline:none;padding:5px 7px 5px 7px;background:#F2FAFC;margin:0;border:1px solid #ccebf7;}
ul#testLink li a:hover {color:#00AFF0;}

/* testimonials keyword filter  -------------------------------------------------------------------------*/
div#filterMenu {padding:0;margin:0}
div#filterMenu ul  {list-style-type:none;font-size:12px;margin:0 0 0px 0;padding:0}
div#filterMenu ul a {width:100%;display:block;border-bottom:1px dashed #B5B5B5;padding:5px 0 5px 0;color:#3C3C3C;text-transform:capitalize;outline:none}
div#filterMenu ul a:hover {color:#00AFF0;}
span#tag{color:#00AFF0}

/* question  -------------------------------------------------------------------------*/
.question {padding:0px 110px 15px 0px}

/* quick links  -------------------------------------------------------------------------*/

ul#helpMenu {list-style-type:none;font-size:12px;margin:0 0 0px 0}
ul#helpMenu  a {width:100%;display:block;border-bottom:1px dashed #B5B5B5;padding:5px 0 5px 0;color:#3C3C3C;}

/* ask cathy  -------------------------------------------------------------------------*/
div#cathyImg {float:right;padding:0 0 0 15px}
div#cathyContentTxt {float:left;padding:15px 15px 15px 15px;}

dl.cathForm {width: 500px;padding: 0;margin:0}
.cathForm dt {width: 200px;float: left;margin: 0 0 0 0;padding: 0 .5em .5em 0.5em;}
.cathForm dd {float: left;width: 300px;margin: 0 0 0 0;padding: 0em .5em .5em .5em;}
.cathForm dd input.text {border:1px solid #F6FCF0;padding:5px;width:200px}
.cathForm dd input.text:focus {border:1px solid #80C342}
.cathForm dd textarea {border:1px solid #F6FCF0;padding:5px}
.cathForm dd textarea:focus {border:1px solid #80C342}
.cathForm input.btn {color:#fff;background:#80C342;border-width:0px;padding:5px;font:12px Arial} 
.errors {color:#EA5959;padding: 0 0 15px 0;}

/* intresting stuff  -------------------------------------------------------------------------*/
.factTxt{width:170px;border-bottom:1px dashed #B5B5B5;padding:10px 0 10px 0}

/* tell a friend  -------------------------------------------------------------------------*/
dl.tellFriendForm {padding: 0;margin:0}
.tellFriendForm dt {margin: 0 0 0 0;padding: 0 .5em .5em 0em;}
.tellFriendForm dd {margin: 0 0 0 0;padding: 0em .5em .5em 0;}
.tellFriendForm dd input.text {border:1px solid #F6FCF0;padding:5px;width:150px;background:#E6E6E6}
.tellFriendForm dd input.text:focus {border:1px solid #0055A2}
.tellFriendForm dd textarea {border:1px solid #F6FCF0;padding:5px;background:#E6E6E6}
.tellFriendForm dd textarea:focus {border:1px solid #0055A2}
.tellFriendForm input.btn {color:#fff;background:#0055A2;border-width:0px;padding:5px;font:12px Arial} 
.tellTxt {width:170px}



/* tell a friend  -------------------------------------------------------------------------*/
dl.tellFriendFormLang {padding: 0;margin:0}
.tellFriendFormLang dt {margin: 0 0 0 0;padding: 0 .5em .5em 0em;}
.tellFriendFormLang dd {margin: 0 0 0 0;padding: 0em .5em .5em 0;}
.tellFriendFormLang dd input.text {border:1px solid #F6FCF0;padding:5px;width:150px;background:#E6E6E6}
.tellFriendFormLang dd input.text:focus {border:1px solid #00AFF0}
.tellFriendFormLang dd textarea {border:1px solid #F6FCF0;padding:5px;background:#E6E6E6}
.tellFriendFormLang dd textarea:focus {border:1px solid #00AFF0}
.tellFriendFormLang input.btn {color:#fff;background:#00AFF0;border-width:0px;padding:5px;font:12px Arial} 
.tellTxt {width:170px}


/* contact form  -------------------------------------------------------------------------*/
dl.contactForm {width: 100%;padding: 0;margin:0 0 60px 0;overflow:auto}
.contactForm dt {width: 11em;float: left;margin: 0 0 0 0;padding: 0 .5em .5em 0em;}
.contactForm dd {float: left;width: 24em;margin: 0 0 0 0;padding: 0em .5em .5em .5em;}
.contactForm dd input.text {border:1px solid #fff;padding:5px;width:200px;background:#E6E6E6}
.contactForm dd input.text:focus {border:1px solid #00AFF0}
.contactForm dd textarea {border:1px solid #fff;padding:5px;background:#E6E6E6}
.contactForm dd textarea:focus {border:1px solid #00AFF0}
.contactForm input.btn {color:#fff;background:#00AFF0;border-width:0px;padding:5px;font:12px Arial} 


/* testomial form  -------------------------------------------------------------------------*/
dl.testForm {width: 500px;padding: 0;margin:0 0 15px 0;overflow:auto}
.testForm dt {width: 8em;float: left;margin: 0 0 0 0;padding: 0 .5em .5em 0em;}
.testForm dd {float: left;width: 24em;margin: 0 0 0 0;padding: 0em .5em .5em .5em;}
.testForm dd input.text {border:1px solid #fff;padding:5px;width:200px;background:#E6E6E6}
.testForm dd input.text:focus {border:1px solid #00AFF0}
.testForm dd textarea {border:1px solid #fff;padding:5px;background:#E6E6E6}
.testForm dd textarea:focus {border:1px solid #00AFF0}
.testForm input.btn {color:#fff;background:#00AFF0;border-width:0px;padding:5px;font:12px Arial} 
.vericode {border:1px solid #fff;padding:5px;background:#E6E6E6}
.vericode:focus {border:1px solid #00AFF0;padding:5px;background:#E6E6E6}

/* information pack form  -------------------------------------------------------------------------*/
dl.infoForm {clear:left;padding: 0;margin:0 0 15px 0;}
.infoForm dt {margin: 0 0 0 0;padding: 0 .5em .2em 0.5em;}
.infoForm dd {width: 24em;margin: 0 0 0 0;padding: 0em .5em 1.2em .5em;}
.infoForm dd input.text {border:1px solid #fff;padding:5px;width:200px;background:#E6E6E6}
.infoForm dd textarea {border:1px solid #fff;padding:5px;background:#E6E6E6}
.infoForm input.btn {border-width:0px;padding:5px;font:12px Arial} 

dl.checkBoxes {float:left;width:230px;padding: 0;margin:0 0 15px 0;overflow:auto}
.checkBoxes dt {clear:left;float:left;margin: 0 0 0 0;padding: 0 .5em .2em 0.5em;}
.checkBoxes dd {float:left;margin: 0 0 0 0;padding: 0em .5em 1.2em .5em;}

/* trade enquires form  -------------------------------------------------------------------------*/
dl.tradeForm {clear:left;padding: 0;margin:0 0 15px 0;}
.tradeForm dt {margin: 0 0 0 0;padding: 0 .5em .2em 0.5em;}
.tradeForm dd {width: 24em;margin: 0 0 0 0;padding: 0em .5em 1.2em .5em;}
.tradeForm dd input.text {border:1px solid #fff;padding:5px;width:200px;background:#E6E6E6}
.tradeForm dd textarea {border:1px solid #fff;padding:5px;background:#E6E6E6}
.tradeForm input.btn {border-width:0px;padding:5px;font:12px Arial} 

.tradeForm  dd textarea:focus {border:1px solid #008D6D}
.tradeForm input.btn {color:#fff;background:#008D6D;} 
.tradeForm dd input.text:focus {border:1px solid #008D6D}


#wlpeLoginButton {color:#fff;background:#008D6D;border-width:0px;padding:5px;font:12px Arial}
#wlpeReminderButton {color:#fff;background:#008D6D;border-width:0px;padding:5px;font:12px Arial}


/* your photos  -------------------------------------------------------------------------*/
ul#photoLink {clear:both;list-style-type:none;font-size:14px;margin:0;padding:0;}
ul#photoLink li{margin:0;padding:15px 0 15px 0;width:auto}
ul#photoLink li a {color:#474747;text-decoration:none;outline:none;padding:5px 7px 5px 7px;background:#f4f8fb;margin:0;border:1px solid #c0d3e4;}
ul#photoLink li a:hover {color:#0055A2;}

/* award gallery  -------------------------------------------------------------------------*/

div#awardGallery{width:100%;overflow:auto}
.award {float:left;padding: 0 4px 10px 0}

/* affilliate login form  -------------------------------------------------------------------------*/

dl.affiliateLoginForm {padding: 0;margin:0}
.affiliateLoginForm dt {margin: 0 0 0 0;padding: 0 .5em .5em 0em;}
.affiliateLoginForm dd {margin: 0 0 0 0;padding: 0em .5em .5em 0;}
.affiliateLoginForm dd input.text {border:1px solid #F6FCF0;padding:5px;width:150px;background:#E6E6E6}
.affiliateLoginForm dd input.text:focus {border:1px solid #008D6D}
.affiliateLoginForm dd textarea {border:1px solid #F6FCF0;padding:5px;background:#E6E6E6}
.affiliateLoginForm dd textarea:focus {border:1px solid #008D6D}
.affiliateLoginForm input.btn {color:#fff;background:#008D6D;border-width:0px;padding:5px;font:12px Arial} 

/* distributor main menu  -------------------------------------------------------------------------*/

ul#distMenu {clear:both;list-style-type:none;font-size:14px;padding: 0px 0px 0px 0px;color:#68737A;margin:0px 0 1px 0px;height:26px;width:960px}
ul#distMenu li{float:left;}
ul#distMenu li a {color:#3C3C3C;text-decoration:none;outline:none;padding:5px 7px 5px 7px;display:block}
ul#distMenu li  a:hover {color:#fff;background:#008D6D}
ul#distMenu li  a.current {color:#008D6D;background:#ffffff}

/* distributor advice form  -------------------------------------------------------------------------*/

dl.distAdviceForm {width: 500px;padding: 0;margin:0}
.distAdviceForm dt {width: 200px;float: left;margin: 0 0 0 0;padding: 0 .5em .5em 0.5em;}
.distAdviceForm dd {float: left;width: 300px;margin: 0 0 0 0;padding: 0em .5em .5em .5em;}
.distAdviceForm dd input.text {border:1px solid #F6FCF0;padding:5px;width:200px}
.distAdviceForm dd input.text:focus {border:1px solid #008D6D}
.distAdviceForm dd textarea {border:1px solid #F6FCF0;padding:5px}
.distAdviceForm dd textarea:focus {border:1px solid #008D6D}
.distAdviceForm input.btn {color:#fff;background:#008D6D;border-width:0px;padding:5px;font:12px Arial} 

/* distributor stock form  -------------------------------------------------------------------------*/

dl.distStockForm {width: 500px;padding: 0;margin:0}
.distStockForm dt {width: 200px;float: left;margin: 0 0 0 0;padding: 0 .5em .5em 0.5em;}
.distStockForm dd {float: left;width: 300px;margin: 0 0 0 0;padding: 0em .5em .5em .5em;}
.distStockForm dd input.text {border:1px solid #F6FCF0;padding:5px;width:200px}
.distStockForm dd input.text:focus {border:1px solid #008D6D}
.distStockForm dd textarea {border:1px solid #F6FCF0;padding:5px}
.distStockForm dd textarea:focus {border:1px solid #008D6D}
.distStockForm input.btn {color:#fff;background:#008D6D;border-width:0px;padding:5px;font:12px Arial} 


dl.distTeamForm {width: 100%;padding: 0;margin:0}
.distTeamForm dt {width: 11em;float: left;margin: 0 0 0 0;padding: 0 .5em .5em 0em;}
.distTeamForm dd {float: left;width: 24em;margin: 0 0 0 0;padding: 0em .5em .5em .5em;}
.distTeamForm dd input.text {border:1px solid #fff;padding:5px;width:200px;background:#E6E6E6}
.distTeamForm dd input.text:focus {border:1px solid #008D6D}
.distTeamForm dd textarea {border:1px solid #fff;padding:5px;background:#E6E6E6}
.distTeamForm dd textarea:focus {border:1px solid #008D6D}
.distTeamForm input.btn {color:#fff;background:#008D6D;border-width:0px;padding:5px;font:12px Arial} 


.photoGal {float:left;padding: 0 10px 20px 0;width:180px}
.photoGal a {display:block;border:solid #fff;border-width:0 0 2px 0;overflow:hidden}
.photoGal a:hover {border:solid #0055A2; border-width:0 0 2px 0}
.date {font-size:0.86em;font-weight:normal;padding: 0px 0 0px 0px;color:#666}


/* team  -------------------------------------------------------------------------*/

div#teamMembers {width:100%;overflow:hidden}
dl.teamMember {float:left;width:33%;margin:0 0 20px 1px} 


/* how to order  -------------------------------------------------------------------------*/
ul#stockOrderMenu {clear:both;list-style-type:none;font-size:14px;margin:15px 0 0 0}
ul#stockOrderMenu li{float:left;margin:0 10px 0 0px;padding:0}
ul#stockOrderMenu li a {color:#fff;background:#EB208D;outline:none;padding:5px 7px 5px 7px;display:block}
ul#stockOrderMenu li  a:hover {color:#fff;background:#EB208D}

/* mailingList form -------------------------------------------------------------------------*/
dl#mailingList {clear:left;padding: 0;margin:0 0 15px 0;}
dl#mailingList dt {margin: 0 0 0 0;padding: 0 .5em .2em 0em;}
dl#mailingList dd {width: 24em;margin: 0 0 0 0;padding: 0em .5em 1.2em 0em;}
dl#mailingList dd input.text {border:1px solid #fff;padding:5px;width:200px;background:#E6E6E6}
dl#mailingList dd textarea {border:1px solid #fff;padding:5px;background:#E6E6E6}
dl#mailingList input.btn {border-width:0px;padding:5px;font:12px Arial;background:#0055A2;color:#fff}
dl#mailingList dd input.text:focus {border:1px solid #0055A2} 

/* search -------------------------------------------------------------------------*/

form#ajaxSearch_form fieldset {border:none}
#ajaxSearch_form { color: #444;width: auto;}
#ajaxSearch_input {width:172px;padding:2px;border:1px #585858 solid;margin:0 10px 0 0}
#ajaxSearch_submit {clear:left;border-width:0px;padding:5px;font:12px Arial;background:#00AFF0;color:#fff}
ajaxSearch_resultsInfo {margin:0 0 20px 0}
 .ajaxSearch_paging {display:block;padding:0 0 20px 0}
.AS_ajax_highlight1, .ajaxSearch_highlight1{background: #a8d8f8;}
.AS_ajax_highlight2, .ajaxSearch_highlight2{background: :#a8d8f8;}