body 
{
	margin: 0;
	padding: 0;
	background: url(../images/img01e.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
}

html body img 
{
   	position: absolute;
}

html body #outerWrapperDiv img 
{
	position: relative; 
	border: none;
}

p 
{
	font: normal 13px/140% "Arial", Tahoma, sans-serif;
	color: #636466;
	padding: 0px 7px 0px 5px;
}

h1 
{
	font: bold 20px/130% "Arial", Tahoma, sans-serif;
	color: #663399;
	margin: 5px 0px 6px 0px;
	padding: 0px;
}

h2 
{
	font: normal 18px/130% "Arial", Tahoma, sans-serif;
	color: #636466;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-transform: uppercase; 
}

h3 
{
	font: normal 16px/130% "Arial", Tahoma, sans-serif;
	color: #663399;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

h4 
{
	font: normal 14px/130% "Arial", Tahoma, sans-serif;
	color: #666666;
}


label {text-align: left; margin: 3px; padding: 0px 2px 0px 0px;}

ul{font-family: "Arial", Tahoma, sans-serif;}


/*Set up default link look */
a:link, a:visited, a:active	
{
color:#842946;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}
a:hover										{color:#9999ff;}


.clear 
{
    display:block;
    clear: both;
    height: 0px;
}



.imageRight
{
	float: right;	
}



#outer
{
	width: 960px;
	margin: 0 auto;
	background: #fff;
}

/* Header */

#header {
	width: 960px;
	height: 105px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
	height: 65px;
	margin: 0;
	padding-top: 20px;
	padding-bottom:5px;
	color: #00629E;
}

#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
	font-weight: normal;
	color: #333;
}

#logo p {
	float: left;
	margin: 0;
	padding: 10px 0 0 20px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-style: italic;
}



#logo h1 {
	float: left;
	letter-spacing: -1px;
	font-size: 2.8em;
}

#logo a {
	text-decoration: none;
	color: #280612;
}



#logo h1 a {
	text-decoration: none;
	color: #280612;
}


/* Search */

#search {
	float: right;
	width: 320px;
	padding: 0;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 30px 0 0 0px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 210px;
	padding: 5px 5px;
	border: 1px solid #333333;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5D781D;
}

#search-submit {
	height: 21px;
	margin-left: 10px;
	padding: 0px 5px;
	background: #000000;
	color: #FFFFFF;
}

/* Menu */

#menu {
	width: 960px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: #842946;/*url(images/img03.jpg) repeat-x left top;*/
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 25px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	height: 50px;
}

#menu a {
	display: block;
	float: left;
	padding: 14px 30px 17px 30px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
}

#menu a:hover{
	background: #280612;
}

#menu .current_page_item a {
	padding-left: 0;
}

#menu a:hover {
	text-decoration: none;
}

#topmenu {
	width: 960px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	background: #333;
}

#topmenu ul {
	margin: 0;
	padding: 0px 0px 0px 3px;
	list-style: none;
	line-height: normal;
}

#topmenu li {
	float: left;
	height: 40px;
}

#topmenu a {
	display: block;
	padding: 12px 10px 17px 2px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
}

/*Generic Structure CSS*/

/* This is used to contain all of the elements of the web page */

#outerWrapperDiv
{
	width:960px;
	margin:0px auto;
	margin-top: 0px;
	padding: 0px;
	text-align:left;	
}

/**/
/*This css is for the top nav bar and logo images */
/**/

#topNavDiv									{margin: 0px 0px 0px 0px; padding: 0px;}

/* this is to set up the image that is currently in two pieces */
#topLogo									{float: left; margin: 0px 0px 0px 20px;}

/* This is for the top nav bar of the site */
#topNavBar 
{
	clear: right;
	width: 400px;
	text-align: right;
	margin: 15px 0px 0px 0px;
	padding: 0px 20px 0px 2px;
	list-style: none;
	font-size: 12px;
	float: right;
	
}

#topNavBar li									{float: right; padding: 0px 14px 0px 6px;}

/*Style them links for the non-account links*/
#topNavBar a													{font-weight: normal;}
#topNavBar a:link, #topNavBar a:visited, #topNavBar a:active	{color:#231f20;}
#topNavBar a:hover												{color:#666;}

#topNavDiv .socialMediaTopLink					{width: 500px;}


/**/
/*This css is for the main body of the page */
/**/

/*Css for the main body of the index page*/
#mainIndexDiv									{width:984px; margin: -1px 0px 0px 0px; padding: 0px;}

#mainBody										{width:981px; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; clear: both; background: #808285;}

/**/
/*This css is for the side nav of the page */
/**/

#sideNav
{
	font-size: 14px;
	line-height: 16px;
	color: #000;
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 59px 0px;
	width: 184px;
	list-style: none;
	float: left;
		
}

#sideNav li
{	
	margin: 0px;
	padding: 10px 0px 8px 0px;
}

#sideNav .sideNavButton a
{	
	margin: 0px;
	padding: 10px 0px 0px 4px;
}

#sideNav .subNav 
{
	padding: 0px 0px 0px 0px; padding-left: 28px; font-weight: normal; font-size: 12px; text-decoration: none;
}

#mainBody #sideNav .activeSubNav 
{
	padding: 0px 0px 0px 0px; margin: 0px; padding-left: 28px; font-weight: normal; font-size: 12px; text-decoration: none; color: #FFF;
}

/*Style them links for the side nav links*/
#sideNav a													{padding-left: 13px; font-weight: normal; text-decoration: none;}
#sideNav a:link, #sideNav a:visited, #sideNav a:active		{color:#000;}
#sideNav a:hover											{color:#FFF;}

#mainBody #sideNav .activeNav
{
	color: #FFF;
}

/*Drop Down Nav Styling*/
#CSDropDownList
{	margin: 0;
	padding: 0;
	z-index: 40;
	width: 960px;
	position: relative;
}

#CSDropDownList li
{	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	font: bold 15px arial;
}

#CSDropDownList li a
{	display: block;
	margin: 0px;
	padding:10px 0px 0px 0px;
	color: #FFF;
	width: 192px;
	height: 30px;
	background: #5970B2;
	border-top: solid 0px #333;
	border-bottom: solid 0px #333;
	border-left: solid 0px #333;
	text-align: center;
	text-decoration: none
}	
	
#CSDropDownList li #ContactHref
{	
	background:none repeat 0 0 #41D05F;
}

#CSDropDownList li #AccesoriiHref
{	
	background:none repeat 0 0 #A800FF;
}

#CSDropDownList li #HaineFemeiHref
{	
	background:none repeat 0 0 #E42B2B;
}

#CSDropDownList li #HaineBarbatiHref
{	
	background:none repeat 0 0 #49A7F3;
}

#CSDropDownList li #HomeHref
{	
	background:none repeat 0 0 #FF8400;
}


#CSDropDownList li a:hover
{	
	color: #333;
}

#CSDropDownList li div
{	position: absolute;
	visibility: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px -1px;
	width: 192px;
	background: #EAEBD8;
	border: solid 0px black;
	border-top: none;
}
	
#CSDropDownList li #HaineFemeiSection a
{	
	background: #E42B2B;
}

#CSDropDownList li #HaineFemeiSection a:hover
{	background: #E42B2B;
	color: #FFF
}

#CSDropDownList li #AccesoriiSection a
{	
	background: #A800FF;
}

#CSDropDownList li #AccesoriiSection a:hover
{	background: #A800FF;
	color: #FFF
}

#CSDropDownList li #HaineBarbatiSection a
{	
	background: #49A7F3;
}

#CSDropDownList li #HaineBarbatiSection a:hover
{	background: #49A7F3;
	color: #FFF
}

#CSDropDownList div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 7px;
	width: auto;
	border: none;
	height: 16px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EAEBD8;
	color: #333;
	font: 12px arial
}

#CSDropDownList div a:hover
{	background: #49A3FF;
	color: #FFF
}

#footerSEOCopyright
{
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
	font-size: 10px;
	color: #231f20;
	font-weight: normal;
}

#bottomSEONavBar
{
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 3px;
	list-style: none;
	font-size: 10px;
	color: #231f20;
	float: right;
}



#bottomSEONavBar li
{
	float: left; 
	color: #231f20; 
	padding: 0px 5px 0px 5px;
}

#bottomSEONavBar .removeNavBorders							{border: none; padding-right: 0px; margin-bottom: 0px;}

/*Style them links for the footer links*/
#bottomSEONavBar a																{font-weight: bold; text-decoration: underline;}
#bottomSEONavBar a:link, #bottomSEONavBar a:visited, #bottomSEONavBar a:active 	{color:#231f20;}
#bottomSEONavBar a:hover														{color:#666;}

/* Page */
.breadCrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#page {
	width: 960px;
	margin: 0 auto;
	padding: 0;	
}

#page-bgtop {
	padding: 20px 25px;
}

#page-bgbtm {
}

/* Content */

#content {
	float: right;
	width: 610px;
	padding: 0px 20px 20px 20px;
}

.post {
	margin-bottom: 25px;
}

.post-bgtop {
}

.post-bgbtm {
}

.post .title {
	height: 42px;
	padding: 8px 0 0 20px;
	letter-spacing: -.5px;
	color: #08252E;
}

.post .title a {
	color: #08252E;
	border: none;
}

.post .meta {
	padding-bottom: 5px;
	padding-left: 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.post .meta a {
	color: #8AB52B;
}

.post .entry {
	padding: 0px 20px 20px 20px;
	padding-bottom: 20px;
	text-align: justify;
}

/* Sidebar */

#sidebar {
	float: left;
	display: block;
	width: 240px;
	padding-top: 10px;
	font-size:15px;
	font-weight:bold;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	/*padding-bottom: 30px;*/
}

#sidebar li li {
	line-height: 35px;
	padding-left: 10px;
	vertical-align:middle;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	height: 42px;
	padding: 8px 0 0 20px;
	letter-spacing: -.5px;
	color: #FFFFFF;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 20px 20px 20px;
	text-align: justify;
}

#sidebar a {
	display: block;
	width: 240px;
	text-decoration: none;
	text-transform: uppercase; 
}

#sidebar a:hover {
	text-decoration: none;
	color: #7a174c;
	background: #F3F3F3;
}
.colors1 {
	color: #49A7F3;
}
.colors2 {
	color: #E42B2B;
}
.colors3 {
	color: #A800FF;
}
.color1 {
	background: #49A7F3;
	width:10px;
	height:25px;
}
.color2 {
	background: #E42B2B;
	width:10px;
	height:25px;
}
.color3 {
	background: #A800FF;
	width:10px;
	height:25px;
}

.prod_box{
	padding:20px;
	border:1px #280612 solid;
	float:left;
	text-align:center;
	font-size:11px;
	margin:10px;
}

.prod_box a {
	color:#08252E;
}

.center_content_prod{
width:600px;
height:auto;
clear:both;
}
.left_content_prod{
width:210px;
float:left;
margin-right:5px;

}

.prod_box_prod{
padding:20px;
border:1px #280612 solid;
float:left;
text-align:center;
font-size:11px;
margin:10px;
}
.left_box_prod{
width:200px;
height:213px;
}
p.left_text_prod{
padding:25px 20px 20px 20px;
font-size:11px;
text-align:justify;
}
img.right_img{
float:right;
padding:17px 0 10px 10px;
}

.right_content_prod{
width:370px;
height: auto;
float:left;
margin-top:18px;
}
.right_box_prod{
padding:10px 10px 0px 10px;
margin:auto;
}