@charset "utf-8";

/* CSS Document */
/*Usefull stuff*/

.stack { position: fixed; bottom: 28px; right: 40px; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #666; }
.stack * { margin: 0; padding: 0; }
.stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; }
.stack ul { list-style: none; position: absolute; top: 5px; margin:0; cursor: pointer; z-index: 1; }
.stack ul li { position: absolute; }
.stack ul li img { border: 0; }
.stack ul li span { display: none; }
.stack .openStack li span { 	
	display: block;
	position: absolute;
	top: 17px;
	right: 60px;
    height: 14px;	
	line-height: 14px;
	background-color:#000;
    border: 0;	
	padding: 3px 10px;	
    text-align: center;
	text-shadow: #000 1px 1px 1px;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    font-size: 12px;
	color: #fcfcfc;	
    border-radius: 10px;	
	opacity: .85;
	filter: alpha(opacity = 85);
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* IE Fixes */
.stack { _position: absolute; }
.stack ul { _z-index:-1; _top:-15px; }
.stack ul li { *right:5px; }


#GetThemPrintedBar{
	background-color:#00ccff;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	text-align: left;
	padding-left:50px;
	padding-top:1px;
	padding-bottom:1px;
	width:770px;
	margin-left:auto;
	margin-right:auto;
	margin-top:55px;
	}
	
	#bodyprintinfo{
		font-weight:100;
		}

.scroller{
	margin-top:620px;
	}

.GetThemPrintedTitle {
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	color: #4f03a9;
	text-align: center;
}

.center {
	text-align:center;
	font-family:Verdana;
	font-size: 14px;
	color: #333;
	}

/* spots */

#footertext {
		font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	}

body {
	background-image: url(/Images/BACKGROUNDS/dots.gif);
	/* for pull-down menu to work in IE6*/
behavior:url("/csshover2.htc");
margin-top:0px;

}
/* logo div with restricted width */
#Top {
	min-width:970px;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* outer div containing buttons and body etc */
#Main {
	background-color: #87d300;
	border-top-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #87d300;
	border-right-color: #87d300;
	border-left-color: #87d300;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #87d300;
	width: 970px;
	margin: 0px;
	padding: 0px;
	height: 100%;
	min-width:970px;
	text-align: left;
	-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}


.HomeUnderMarika{
	float:right;
	width: 100%;
	text-align:center;
	
	
}
/* pull-down mainmenu css */
.mainmenu{
	float: left;
	width: 100%;
	padding: 0;
	text-align:left;
	height:45px;

}
.mainmenu ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	color:#FFFFFF;
	background: #e50f9f;
	padding: 0;
	border: solid #87d300;
	border-width: 2px ;
	margin: 0 0 1em 0;
		-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
}

.mainmenu a, .mainmenu a:visited {
	display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:100;font-style:normal;text-decoration:underline;
	color: #FFFFFF;
	text-decoration: none;
	padding: 1em 1em;
}
.mainmenu ul ul a{
	width:100%;
	height:100%;
}
.mainmenu ul a{
	width:1%;
}


.mainmenu li  {
	float: left;
	margin:0;
	padding:0;
}

.mainmenu ul li {float:left; position:relative;  }
.mainmenu ul li a {white-space:nowrap;}
	
.mainmenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:15em;	
	
	background: #e50f9f;
	font-weight: normal;
	border-width: 2px;
	margin: 0;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
}

.mainmenu li li {
	width:15em ;
}

.mainmenu li li a{
	width:13em ;
}

.mainmenu li ul  {
	margin: 0;
}
.mainmenu li ul ul {
	margin: -2.8em 0 0 13.5em;
}
.ul_ch, 
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
	left: auto;
}
.mainmenu li:hover>ul.ul_ch   
{
	left: auto;
}

.mainmenu li:hover{
	background: #87d300;

}

.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
	color:#FFFFFF;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a, 
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited, 
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
	color:#FFFFFF;
}
.mainmenu li li:hover, .mainmenu li li li:hover, 
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover 
{
	background: #87d300;
	z-index:9999;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a, 
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
	color: #FFFFFF; 
}

.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
	color: #FFFFFF;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #FFFFFF;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
	color: #FFFFFF;
}


/* end of mainmenu css */
/* grey content area */
#BodyDiv {
	background-color:#dfdfdf;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #e50f9f;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #e50f9f;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #e50f9f;
	text-align:center;
	Width: 100%;
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: #E50F9F;
	-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

/* products page */
.ProductsBar {
	background-color: #e50f9f;
	font-size:12px;
	margin: 10px;
	color: #FFFFFF;
	font-weight:100;
	text-align:center;
	font-family:verdana;
	height:30px;
	vertical-align:middle;
	padding:5px;
}

.ProductsBar A:link {
	text-decoration: none;
	color:#FFFFFF;
	padding:5px;
}

.ProductsBar A:visited {
	text-decoration: none;
	color:#FFFFFF
}

.ProductsBar A:active {
	text-decoration: none;
	color:#FFFFFF
}

.ProductsBar A:hover {
	text-decoration: underline ;
	color: #FFFFFF;
	/*text-transform:uppercase;*/
}

.ProductsImageHolder {
	text-align:center;
	padding:5px;
	padding-bottom:10px;
}

.ProductsImageTitles {
	font-family:verdana;
	color:#000000;
	font-size: 10px;
	font-weight:100;
	text-align:center;
	padding:3px;
}

.ProductsImageTitles A:link {
	text-decoration: none;
	color:#000000
}

.ProductsImageTitles A:visited {
	text-decoration: none;
	color:#000000
}

.ProductsImageTitles A:active {
	text-decoration: none;
	color:#000000
}

.ProductsImageTitles A:hover {
	text-decoration: none;
	color: #000000;
}

/* product details pages */

.DetailsLeftTop {
	width:475px;
	float:left;
}

.DetailsRightTop {
	width:450px;
	float:left;
	text-align:right;
	padding-top: 10px;
}

#BlueBar {
	background-color:#00ccff;
	font-size:12px;
	margin: 10px;
	padding:10px;
	color: #FFFFFF;
	font-weight:bold;
	text-align:center;
	font-family:verdana;
	text-transform:lowercase;
	vertical-align:middle;
	border-style:solid;
	border-width:1px;
	border-color:#CACACA;
}

.DetailsPageDetails {
	background-color:#F5F5F5;
	color:#4f03a9;
	font-family:verdana;
	font-size:11px;
	font-weight:100;
	padding:10px;
	margin:10px;
	border-style:solid;
	border-width:1px;
	border-color:#CACACA;
	text-align: left;
}

.DetailsPageSpecificationTable {
	border-style:solid;
	border-color:#00CFFF;
	border-width:1px;
	padding:2px;
}

#DetailsPageOeko {
text-align:center;


}
#PriceMatrix {
	border-style:solid;
	border-color:#00CFFF;
	border-width:1px;
	font-family:Verdana;
	font-size:9px;
}

#PriceMatrix td {
	border-style:solid;
	border-color:#00CFFF;
	border-width:1px;
	padding:4px;
}

#MatrixHead {
	border-style:solid;
	border-color:#00CFFF;
	border-width:1px;
	color:#FFF;
	Background-color:#00CFFF;
	font-weight:bold;
}

.MatrixData {
	border-style:solid;
	border-color:#84D300;
	border-width:1px;
	color:#000;
}

.BuyButton {
	background-color:#00CFFF;
	color:#FFF;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	border-color:#333;
	cursor: hand;
	width:70px;
}

#RetailForm {
	border-style:solid;
	border-width:1px;
	border-color:#00ccff;
	padding:8px;
	}
	
	#WholesaleForm {
	border-style:solid;
	border-width:1px;
	border-color:#00ccff;
	padding:8px;
	}

/*Eco Stuff page*/
/*this blue bar used on ethical info as well*/
/*Used for clever news also*/
#EcoInfoBlueBar{
	background-color:#00ccff;
	color:#FFF;
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	width:800px;
	margin-left:55px;
	text-align:center;
	text-transform: lowercase;
	padding: 10px;
	float:left;
	

}

#EcoInfoLeftContentTop{
	background-color:#F5F5F5;
	color:#4f03a9;
	font-family:verdana;
	font-size:11px;
	font-weight:100;
	padding:10px;
	width:420px;
	float:left;
	margin-left:55px;
	margin-top:30px;
	border-style:solid;
	border-width:1px;
	border-color:#CACACA;
	text-align: left;
	}
	
	#EcoInfoRightContentTop{
	background-color:#F5F5F5;
	color:#4f03a9;
	font-family:verdana;
	font-size:11px;
	font-weight:100;
	padding:10px;
	width:300px;
	float:left;
	margin-left:55px;
	margin-top:30px;
	border-style:solid;
	border-width:1px;
	border-color:#CACACA;
	text-align: left;
	
	}
	
		#EcoMarika {
	float:left;
	width: 300px;
	margin-top: 50px;
	margin-left:55px;
	padding:10px
	
	}
/*Fair trade info*/	
/*Used for clever news also*/
#FairTradeContent{
	background-color:#F5F5F5;
	color:#4f03a9;
	font-family:verdana;
	font-size:11px;
	font-weight:100;
	padding:10px;
	width:800px;
	margin-left:55px;
	text-align:left;
	padding: 10px;
	
	border-style:solid;
	border-width:1px;
	border-color:#CACACA;
	margin-top:60px;
	}
/*Used on news page*/
.OrangeText {
	color: #F60;
}

/*Contact page*/


#ContactTop{
	margin-left:auto;
	margin-right:auto;
text-align:center;
width:900px;
}
/*end test*/

.ContactBlueBarLeft {
width:189px;
text-align:right;
background-color:#0082d1;
color:#FFF;
font-family:verdana;
padding-right:10px;

font-weight:100;
font-size:12px;

}
.ContactBlueBarRight {
width:239px;
text-align:right;
background-color:#0082d1;
color:#FFF;
font-family:verdana;
font-weight:100;
font-size:12px;

}


.ContactContentLeft {
	font-weight:100;
font-size:12px;
padding:5px;
color:#4f03a9;
font-family:verdana;
text-align:right;
}

.ContactContentRight {
	font-weight:100;
font-size:12px;
padding:5px;
color:#4f03a9;
font-family:verdana;
text-align:left;
}
/* Home page */
#HomeBannerHomePage{
	margin-right:auto;
	margin-left:auto;
	padding: 15px;
	width: 870px;
	font-family: Verdana, Geneva, sans-serif;
	color: #60C;
	text-transform: none;
	margin-top: 50px;
	font-weight: 100;
}
#HomeBanner {
	margin-right:auto;
	margin-left:auto;
	padding: 15px;
	width: 870px;
	font-family: Verdana, Geneva, sans-serif;
	color: #fff;
	text-transform: none;
	margin-top: 50px;
	font-weight: 100;
	background-color:#00ccff;
}

.Welcome {
	font-size: 18px;
	font-family:Verdana, Geneva, sans-serif;
	color:#4f03a9;p
}

.ToThe {
	font-size: 14px;
}

#HomeLeft {
	margin-top: 10px;
	width: 600px;
	float:left;
	margin-left: 18px;
}

#HomeRight {
	float: right;
	width: 245px;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 25px;
	text-align: center;
	vertical-align: text-top;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
}

#HomeIntro {
	background-color: #F5F5F5;
	width: 260px;
	height:583px;
	border: 1px solid #00ccff;
	vertical-align: 0%;
	margin-left: 18px;
	margin-top: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float:left;
	font-size: 9px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 5px #00ccff;
-moz-box-shadow: 0px 0px 5px #00ccff;
-webkit-box-shadow: 0px 0px 5px #00ccff;
}

#HomeMarika {
	width: 305px;
	background-color: #DFDFDF;
	height: auto;
	margin-left:auto;
	margin-top:15px;
	margin-right:10px;
	float:right;
	font-family:Verdana, Geneva, sans-serif;
}

#HomeContactDetails {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4f03a9;
	background-color: #F5F5F5;
	border: 1px solid #00ccff;
	text-align: center;
	width:260px;
	float:right;
	margin-top:15px;
	margin-right:19px;
	height:570px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 5px #00ccff;
-moz-box-shadow: 0px 0px 5px #00ccff;
-webkit-box-shadow: 0px 0px 5px #00ccff;
}



#HomeOeko {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #4f03a9;
	background-color: #F5F5F5;
	text-align: center;
	padding: 15px;
	float: left;
	width: 258px;
	margin-top: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00CCFF;
	border-bottom-color: #00CCFF;
	border-left-color: #00CCFF;
	height: 153px;
	clear: left;
	margin-left: 0px;
}

#HomeOekoImage {
	background-color: #F5F5F5;
	float: right;
	width: 300px;
	margin-top: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #00ccff;
	border-right-color: #00ccff;
	border-bottom-color: #00ccff;
	text-align: center;
	height: 153px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	bottom: 5px;
}

.Tim {
         border-style:solid;
		 border-width:1px;
		 border-color:#00ccff;
		 width:248px;
		 height:248px;
}
.Tel {
float:left;
width:40;
font-family: Verdana, Geneva, sans-serif;
font-size:16px;
font-weight: 100;
padding:5px;
margin-left:30px;
color:#fff;
}

.fundIntro{
width:535px;
background-color:#F7F7F7;
border-style:solid;
border-width:1px;
border-color:#00ccff;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:100;
float:left;
padding:10px;
height:208px;
margin-top:40px;
margin-left:40px;
}

.fundHandImage{
float:right;
border-style:solid;
border-width:1px;
border-color:#00ccff;
margin-right:40px;
margin-top:40px;
background-color:#F7F7F7;
padding:10px;
}

.fundOptOne{
	margin-top:335px;
	margin-left:40px;
	margin-right:40px;
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#00ccff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:100;
	padding:10px;
	

}

.fundOptTwo{
	margin-top:60px;
	margin-left:40px;
	margin-right:40px;
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#00ccff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:100;
	padding:10px;

}

.fundCalculate {
	margin-top:60px;
	margin-left:40px;
	margin-right:40px;
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#00ccff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:100;
	padding:10px;

}
.handsfeet
{
	background-image:url('../../SubDomains/shop/store/pc/images/other images/hands_feet.png');
}

.whitebox {
	background-color: #eaeaea;
	margin: 20px;
	border-color: #0CF;
	border-width: 1px;
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	padding: 30px;
}
.topnav {
	width: 500px;
}
.phonNumberTop {
	font-family: verdana;
	font-size: 18px;
	color: #333;
	width: 300px;
	float: right;
	margin-right: auto;
}
.largePhoneNumber {
	font-family: verdana;
	font-size: 28px;
	color: #333;
}
.PhoneNumberTagLine {
	font-family: verdana;
	font-size: 12px;
	color: #666;
	text-align:right;
}
.TopLinks {
	font-family: verdana;
	font-size: 12px;
	color: #333;
	text-transform: lowercase;
	padding-top: 10px;
}
.StuckGiveUsACall {
	font-size: 9px;
	font-family: verdana;
	color: #666;
	font-weight: 100;
}
.BoxTitle {
	font-family: verdana;
	font-size: 12px;
	font-weight: 500;
	color: #4f03a9;
	text-align: center;
}
.SubHeading {
	font-family: verdana;
	font-size: 11px;
	font-weight: 100;
	color: #333;
	text-align: center;
}
#Main tr td table tr {
	margin: 0px;
	padding: 0px;
	}
.HomeButtonBoxTitle {
	font-family: verdana;
	font-size: 16px;
	color: #4f03a9;
}

.HomePageEmailAddress {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px
}
#Main tr td table tr th #BodyDiv tr td #HomeMarika {
	font-family: verdana;
}