/* CSS Document */
/*new style*/
/*header start*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	background: #fff url("../images/obg-fi.gif") top center no-repeat;
	margin : 0px 0px 0px 0px;
	font-size : 12px;
	text-align:center;
}
.storewidth { 
	margin:auto;
	WIDTH: 900px;
	height:100%;
	text-align:center;
	background-color:transparent;
	border:0px solid #f00;
}
#ohlogo{
	width:52px;
	height:378px;
	margin-left:-954px;
	position:absolute;
	background-image:url("../images/organique-logo-teal-2-1.png");
	background-color:transparent;
	z-index:1;
	top:120px;
}
#ohlogo2{
	width:185px;
	height:73px;
	margin-left:-954px;
	position:absolute;
	background-image:url("../images/organique-logo-teal-2-2.png");
	background-color:transparent;
	z-index:1;
	top:498px;
}
html>/**/body #ohlogo{
	width:52px;
	height:378px;
	margin-left:-50px;
	position:absolute;
	background-image:url("../images/organique-logo-teal-2-1.png");
	background-color:transparent;
	z-index:1;
	top:120px;
}
html>/**/body #ohlogo2{
	width:185px;
	height:73px;
	margin-left:-50px;
	position:absolute;
	background-image:url("../images/organique-logo-teal-2-2.png");
	background-color:transparent;
	z-index:1;
	top:498px;
}

html>/**/body #hohlogo{
	width:52px;
	height:378px;
	margin-left:-50px;
	position:absolute;
	background-image:url("../images/organique-logo-teal-2-1.png");
	background-color:transparent;
	z-index:1;
	top:250px;
}
html>/**/body #hohlogo2{
	width:185px;
	height:73px;
	margin-left:-50px;
	position:absolute;
	background-image:url("../images/organique-logo-teal-2-2.png");
	background-color:transparent;
	z-index:1;
	top:628px;
}


#rightmenu{
	width:40px;
	height:446px;
	margin-left:-0px;
	position:absolute;
	background-color:transparent;
	z-index:1;
	top:240px;
	border:0px solid #f00;
}
html>/**/body #rightmenu{
	width:40px;
	height:446px;
	margin-left:900px;
	position:absolute;
	background-color:transparent;
	z-index:1;
	top:240px;
	border:0px solid #f00;
}
#rm{
	background-color:#FFFFFF; 
	width:42px;
}
#pix{
}
#shoppingtab{
	width:150px;
	height:66px;
	margin-left:-108px;
	position:absolute;
	background-image:url("../images/shoppingtab.png");
	background-color:transparent;
	z-index:3;
	top:175px;
	border:0px solid #f00;
	color:#FFFFFF;
	cursor:pointer;
}
html>/**/body #shoppingtab{
	width:150px;
	height:66px;
	margin-left:792px;
	position:absolute;
	background-image:url("../images/shoppingtab.png");
	background-color:transparent;
	z-index:3;
	top:165px;
	border:0px solid #f00;
	color:#FFFFFF;
	cursor:pointer;
}

.floatleft{
float:left;
position:relative;
}
.floatright{
float:right;
position:relative;
}
/*Container Layout Css*/
#content{
	background-image:url("../images/transparentbg.jpg");
	background-color:transparent;
	width:900px;
}
/*Header Css*/
#head{
	width:100%;
	height:120px;
	border:0px dotted #f00;
}
	#head1{
		width:67%;
		height:100%;
		border:0px dotted #aaa;
		color:#FFFFFF;
		font-size:12px;
		text-align:left;
	}
	#whatmakes{
		background:url("../images/whatmakes.png") no-repeat;
		width:150px;
		height:110px;		
	}
	#aboutorganique{
		background:url("../images/aboutorganique.png") no-repeat;
		width:150px;
		height:110px;		
	}
	#goodforearth{
		background:url("../images/goodforearth.png") no-repeat;
		width:150px;
		height:110px;		
	}
	#honesttogoodness{
		background:url("../images/honesttogoodness.png") no-repeat;
		width:150px;
		height:110px;
	}
	
	#head1 li 
		{
		display:inline;
		list-style: none;
		font-size: 12px;
		float:left;
		position:relative;
		background:url("../images/topleft.png") no-repeat;
		}
	#head1 li a 
		{
		font-family: arial, helvetica, sans-serif !important;
		font-weight: bold;
		font-size: 13px;
		width: 150px;
		height: 110px;
		float:left;
		}
	#head1 li a:hover, #head1 li a:focus ,#head1 li a:active{
		color: #006666;
		border-bottom: none;
		font-weight: bold;
		border-top: none;
		font-size: 12px;
		background: url("../images/topleft2.png") top left no-repeat;
		}
	#head1 li a.selected{
		color: #006666;
		border-bottom: none;
		font-weight: bold;
		border-top: none;
		font-size: 12px;
		background: url("../images/topleft2.png") top left no-repeat;
		}
	#head2{
		width:33%;
		height:100%;
		color:#FFFFFF;
		font-size:12px;
}
		#storelocimg{
			padding:10px;
			width:10%;
			float:left;
			position:relative;
		}
		#storeloctextbox{
			padding:10px;
			width:20%;
			float:left;
			position:relative;
		}
		html>/**/body #storelocimg{
			padding:10px;
			width:30%;
			float:left;
			position:relative;
		}
		html>/**/body #storeloctextbox{
			padding:10px;
			width:30%;
			float:left;
			position:relative;
		}
/*Middle Css*/
#middle{
	width:100%;
	margin-left:0px;
	background-color:#FFFFFF;
	height:100%;
}

#hmiddle{
	width:100%;
	margin-left:0px;
	background-color:#FFFFFF;
	height:500px;
}



/*Footer Css*/

#foot{
	WIDTH: 100%;
	height:300px;
	padding-top:10px;
	background-color:#ffffff;
	background:url("../images/footerbg.gif") top left no-repeat;
	color:#006666;
	position:relative;
	float:left;
}
	#foot1{
		width:33%;
		text-align:left;
		margin-left:10px;
		padding-bottom:10px;
	}
		#bottomleft{
			background:url("../images/hlogo.png") no-repeat;
			float:left;
			position:relative;
			width:80px;
			height:60px;
		}
		#foot11{
			text-align:left;
			font-weight: 100;
			font-size: 14pt;
			padding:0px 0px 15px 0px;
		}
	#foot2{
		width:33%;
		text-align:left;
	}
		#foot21{
			width:100%;
			text-align:left;
			font-weight: 100;
			font-size: 14pt;
			padding:0px 0px 0px 0px;
			text-indent:40px;
		}
		#foot22{
			width:100%;
			text-align:left;
		}
/*Other styles*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 21pt;
	color: #006699;
	line-height: 22px;
	margin-top:10px;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt; 
	color: #006699;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
}

h3 {
	font-weight: lighter;
	font-size: 10pt; 
	color: #006699;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
}

h4 {
	font-size: 10pt; 
	font-weight: bold;
	color: #024364;
	margin: 0px;
	padding: 0px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt; 
	color: #FF6600;
	margin: -15px 0px 10px 0px;
	}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 21pt; 
	color: #FF6600;
	line-height: 22px;
	margin: 6px 0px 6px 0px;
	}
/*Main Menu */
#menu li 
	{
  	display:inline;
	list-style: none;
	font-size: 11px;
	float:left;
	position:relative;
	}
#menu li a 
	{
    font-family: arial, helvetica, sans-serif !important;
	font-weight: bold;
	font-size: 13px;
	width: 108px;
	height: 80px;
	float:left;
	padding-left: 2px;
	padding-top: 5px;
	text-decoration: none; 
	text-align: left;
	color: #006666;
	border-right:1px groove #edf6f5;
	background: url("../images/menuli.gif") top left no-repeat;
	}
#menu li a:hover, #menu li a:focus ,#menu li a:active{
    font-family: arial, helvetica, sans-serif !important;
	font-weight: bold;
	font-size: 13px;
	width: 108px;
	height: 80px;
	float:left;
	padding-top: 5px;
	text-decoration: none; 
	text-align: left;
	color: #006666;
	border-right:1px groove #edf6f5;
	background: url("../images/menuli-hover.gif") top left no-repeat;
	}
#menu li a.selected{
    font-family: arial, helvetica, sans-serif !important;
	font-weight: bold;
	font-size: 13px;
	width: 108px;
	height: 80px;
	float:left;
	padding-top: 5px;
	text-decoration: none; 
	text-align: left;
	color: #006666;
	border-right:1px groove #edf6f5;
	background: url("../images/menuli-hover.gif") top left no-repeat;
	}
/*Visit Othersites*/
#foot2 ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#foot2 ul li {
	line-height:15px;
	text-indent:10px;
}
#foot2 ul li div{
	text-indent:0;
}
#foot2 ul li a{
	color:#006666;
	display:block;
	line-height:15px;
	padding:2px;
	text-indent:20px;
	font-weight:normal;
}

#foot2 ul li a:hover{
	background-color:#ff6600;
	color:#ffffff;
	font-weight:bold;
	list-style:none;
}
.dottedline
{
	border-bottom: 1px dotted #CCC; 
}

li {
	list-style-image: url("../images/bullet_II.gif"); 
	font-size: 9pt;
	text-decoration: none; 
}

.normal li a{
	font-family: arial, helvetica, sans-serif !important;
	list-style-image: url("../images/bullet_II.gif"); 
	font-size: 9pt;
	text-decoration: none; 
	color: #006666;
}

.normal li:hover	 
{
	list-style-image: url("../images/bullet_II_hover.gif");
}

.inputbox
{
background-color: #ffffff;
background-image:url("../images/menu2.gif");
border: #006666 0.1px solid;
color: #006666;
font-family:Arial;
font-weight: normal;
font-size: 9pt;
padding: 2px 2px 2px 2px;
}
.inputtextarea
{
background-color: #edf6f5;
border: #006666 0.1px solid;
color: #006666;
font-family:Arial;
font-weight: normal;
font-size: 9pt;
padding: 2px 2px 2px 2px;
}
.inputbutton
{
background-color: #ff6600;
border: #ff6600 0.1px solid;
color: #ffffff;
font-family:Arial;
font-weight: bold;
font-size: 9pt;
}

.allproductadddiv{
	display:none;
	color:#ffffff;
	height:15px;
	background-color:#006666;
	text-align:center;
	width:100%;
	float:left;
	position:relative;
	}
.menusubitem{
	color:#ff6600;
	float:left;
	position:relative;
	font-family:Arial;
	font-weight: normal;
	font-size: 8pt;
	padding:10px 10px 0px 10px;
	}
a{
outline:none;
}
.question{
	color:#006699;
}
@media print {
body{
background-color:#FFFFFF;
color:#666666;
}
input.noPrint { display: none;}
}
#msg{
visibility:hidden; 
position:absolute; 
height:30px; 
width:250px;
color:#990000;
}

#adv{
visibility:hidden; 
position:absolute; 
height:30px; 
width:250px;
border:1px ;
border-style:dashed;
color:#333333;
background-color:#FFFFFF;
border-color:#666666;
margin-left: -280px;
margin-top:180px;
display:block;
clear:both;
z-index:98;
}
html>/**/body #adv{visibility:hidden; position:absolute; height:30px; width:250px;border:1px ;border-style:dashed;color:#333333;background-color:#FFFFFF;border-color:#666666;margin-left:-110px;margin-top:180px;display:block;clear:both;z-index:98;}

#show{
visibility:hidden; 
position:absolute; 
height:200px; 
width:250px;
border:1px ;
border-style:dashed;
color:#333333;
background-color:#FFFFFF;
border-color:#666666;
overflow:auto;
margin-left: -280px;
#top:30px;
display:block;
clear:both;
z-index:98;
}


html>/**/body #show{visibility:hidden; position:absolute; height:200px; width:250px;border:1px ;border-style:dashed;color:#333333;background-color:#FFFFFF;
border-color:#666666;overflow:auto;margin-left:-110px;display:block;clear:both; z-index:98;}

#showall{
visibility:hidden; 
position:absolute; 
height:500px; 
width:100%;
border:1px ;
border-style:dashed;
color:#333333;
background-color:#FFFFFF;
border-color:#666666;
overflow:auto;
display:block;
clear:both;
}