/* 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;
	_margin:auto;
	_font-size : 12px;
	_text-align:center;
}
.storewidth { 
	_margin:auto;
	_margin-top:-380px;
	_WIDTH: 900px;
	_height:100%;
	_text-align:center;
	_background-color:transparent;
	_border:0px solid #f00;
}
#ohlogo{
	_width:52px;
	_height:378px;
	_left:-55px;
	_top:517px;
	_float:left;
	_visibility:visible;
	_position:relative;
	_background-image:url("../images/organique-logo-teal-2-1.gif");
	_background-repeat:no-repeat;
	_background-color:transparent;
	_z-index:5;
}
#ohlogo2{
	_width:185px;
	_height:73px;
	_left:-107px;
	_top:890px;
	_float:left;
	_visibility:visible;
	_position:relative;
	_background-image:url("../images/organique-logo-teal-2-2.gif");
	_background-repeat:no-repeat;
	_background-color:transparent;
	_z-index:5;
}
#rightmenu{
	_width:43px;
	_height:200px;
	_margin-left:450px;
	_top:271px;
	_z-index:10;
	_visibility:visible;
	_position:absolute;
	_background-color:#FFFFFF;
}
#rm{
	_background-color:transparent; 
	_width:0px;
}
#pix{
	_display:block;
	_background-image:url("../images/pixel.gif");
	_background-repeat:no-repeat;
}
#shoppingtab{
	_width:150px;
	_height:66px;
	_margin-left:344px;
	_top:205px;
	_visibility:visible;
	_position:absolute;
	_background-image:url("../images/shoppingtab.gif");
	_background-repeat:no-repeat;
	_z-index:10;
	_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.gif") no-repeat;
		_width:150px;
		_height:110px;		
	}
	#aboutorganique{
		_background:url("../images/aboutorganique.gif") no-repeat;
		_width:150px;
		_height:110px;
	}
	#goodforearth{
		_background:url("../images/goodforearth.gif") no-repeat;
		_width:150px;
		_height:110px;		
	}
	#honesttogoodness{
		_background:url("../images/honesttogoodness.gif") no-repeat;
		_width:150px;
		_height:110px;		
	}
	#head1 li {
		_display:inline;
		_list-style: none;
		_font-size: 12px;
		_float:left;
		_position:relative;
		background:url("../images/topleft.gif") 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.gif") 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.gif") top left no-repeat;
		}
	#head2{
		_width:30%;
		_height:100%;
		_color:#FFFFFF;
		_font-size:12px;
		_text-align:right;
}
		#storelocimg{
			_float:left;
			_position:relative;
			_padding:5px;
			_width:10%;
		}
		#storeloctextbox{
			_float:left;
			_position:relative;
			_padding:5px;
			_width:10%;
		}
/*Middle Css*/
#middle{
	_width:100%;
	_margin-left:0px;
	_background-color:#FFFFFF;
	_height:100%;
}

/*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;
		}
	#foot1 a, a:hover{
		_text-align:left;
		_color:#ff6600;
		}
	#bottomleft{
			_background:url("../images/hlogo.gif") 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: 60px;
	_float:left;
	_padding-left: 2px;
	_padding-top: 5px;
	_text-decoration: none; 
	_text-align: left;
	_color: #006666;
	_border-right:1px groove #cccccc;
	_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: 60px;
	_float:left;
	_padding-top: 5px;
	_text-decoration: none; 
	_text-align: left;
	_color: #006666;
	_border-right:1px groove #cccccc;
	_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: 60px;
	_float:left;
	_padding-top: 5px;
	_text-decoration: none; 
	_text-align: left;
	_color: #006666;
	_border-right:1px groove #cccccc;
	_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: #CCCCCC 0.1px solid;
_color: #006666;
_font-family:Arial;
_font-weight: normal;
_font-size: 9pt;
_padding: 2px 2px 2px 2px;
}

.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;
		_left: -110px;
		_top:210px;
		_display:block;
		_clear:both;
		_z-index:100;
	}

	#show{
		_visibility:hidden; 
		_position:absolute; 
		_height:200px; 
		_width:250px;
		_border:1px ;
		_border-style:dashed;
		_color:#666666;
		_background-color:#ffffff;
		_border-color:#666666;
		_overflow:auto;
		_left: -110px;
		_top:30px;
		_display:block;
		_clear:both;
		_z-index:100;
	}

	#showall{
		_visibility:hidden; 
		_position:absolute; 
		_height:500px; 
		_width:100%;
		_border:1px ;
		_border-style:dashed;
		_color:#333333;
		_background-color:#FFFFFF;
		_border-color:#666666;
		_overflow-y:scroll;
		_display:block;
		_clear:both;
		_left: -30px;
	}