@charset "utf-8";
/* CSS Document */
html, body {border: 0; margin: 0; padding: 0; height: auto;}
body {	
	font: 11px arial, helvetica, sans-serif;
	color:#3A3A3A;
	background:#2a2a2f;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

}
	p, ul, ol { margin: 0; padding: 0; }
	img, img a { border: none; }
	form { margin: 0; padding: 0; }

	
/************************* Main Css *************************/	
#wrapper {
	width: 750px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
	
/************************* Top Css *************************/	
#top {
	width:750px;
	height:31px;
	float:left;
	background: url(../images/top_bar01.gif) repeat-x;
}

/************************* Main Css *************************/
#main {
	width:750px;
	float:left;
}

/************************* Left Css *************************/
#leftnav {
	width:178px;
	height: 445px;
	float:left;
	background: url(../images/home/bg_left01.jpg) no-repeat top left;
}
	
#logo{
	width:178px;
	height: 75px;
}

/************************* Footer Css *************************/
#footer {
	width:750px;
	height:50px;
	float:left;
	background: url(../images/footer01.gif) no-repeat top left;
	font-size:11px;
	}
	
#copyright{
  	float: left;
  	margin: 0;
  	padding: 6px 14px;
	color:#626877;
  	}
	
#b2b {
  	float: right;
  	margin: 0;
  	padding: 6px 14px;
	color:#626877;
  	} 

#b2b a {
  	text-decoration: none;
  	color:#626877;
  	}
	
#b2b a:hover, #b2b a:active{
  	text-decoration:underline;
  	color:#D3D3D3;
  	}
	
/*************************  Css *************************/
#clear{
	clear:both;
}

hr {
	width: 95%
	height: 1px;
  	border:0;
	color:#CCCCCC;
	background-color:#CCCCCC;
}
/*************************  Fonts *************************/
.font-title{
	font-size: 14px;
	color:#333333;
	font-weight: bold;
	padding-top:2px;
	padding-bottom:5px;
}
.form-normal{
	font-size: 11px;
}
.font-bold{
	font-weight: bold;
}
/*************************  Links *************************/
a:link {
	color: #b03746;
	text-decoration: none;
}
a:visited {
	color: #b03746;
	text-decoration: none;
}
a:hover, a:active  {
	text-decoration:underline;
	color: #ea243c;
}

/*************************  Main Nav *************************/
#mainnav{
	width: 178px; 
	display:block;
}

#mainnav li{
	width: 178px;
	height: 24px;
	list-style:none;
}

#mainnav li a {
	display: block;
	height: 24px;
	text-indent: -9999px;
}	
		
#mainnav li a:focus {
	overflow:hidden;
}	
/*************************  Nav - Home *************************/
#nav-home {
	width: 178px; 
	height: 24px;
	display:block;
	text-indent: -9999px;
	background: url(../images/main_nav.jpg) 0 0;
}
#nav-home-sel{
	width: 178px;
	height: 24px;
	background: url(../images/main_nav.jpg) 178px 0;
	text-indent: -9999px;
}

#nav-home a {
	display: block;
	height: 24px;
}	

#nav-home a:focus {
	overflow:hidden;
}	

#nav-home a:hover, #nav-home a:active {
	width: 178px;
	height: 24px;
	background: url(../images/main_nav.jpg) 356px 0;
}


/*************************  Nav - Brand *************************/
#nav-brand{
	width: 178px; 
	height: 24px;
	display: block;
	text-indent: -9999px;
	background: url(../images/main_nav.jpg) 0 -24px;
}

#nav-brand-sel{
	width: 178px;
	height: 24px;
	background: url(../images/main_nav.jpg) 178px -24px;
	text-indent: -9999px;
}

#nav-brand a {
	display: block;
	height: 24px;
}	

#nav-brand a:focus {
	overflow:hidden;
}	

#nav-brand a:hover, #nav-brand a:active {
	width: 178px;
	height: 24px;
	background: url(../images/main_nav.jpg) 356px -24px;
}

/*************************  Nav - pearl *************************/
#nav-pearl {
	width: 178px; 
	height: 24px;
	display:block;
	text-indent: -9999px;
	background: url(../images/main_nav.jpg) 0 -48px;
}
#nav-pearl-sel{
	width: 178px;
	height: 24px;
	background: url(../images/main_nav.jpg) 178px -48px;
	text-indent: -9999px;
}

#nav-pearl a {
	display: block;
	height: 24px;
}	

#nav-pearl a:focus {
	overflow:hidden;
}	

#nav-pearl a:hover, #nav-pearl a:active {
	width: 178px;
	height: 24px;
	background: url(../images/main_nav.jpg) 356px -48px;
}

/*************************  Nav - Collection *************************/
#nav-collection{
	width: 178px; 
	height: 24px;
	display: block;
	text-indent: -9999px;
	background: url(../images/main_nav.jpg) 0 -72px;
}

#nav-collection-sel{
	width: 178px;
	height: 24px;
	background: url(../images/main_nav.jpg) 178px -72px;
	text-indent: -9999px;
}
#nav-collection-sel a {
	display: block;
	height: 24px;
}	

#nav-collection-sel a:focus {
	overflow:hidden;
}	

#nav-collection a {
	display: block;
	height: 24px;
}	

#nav-collection a:focus {
	overflow:hidden;
}	

#nav-collection a:hover, #nav-collection a:active {
	width: 178px;
	height: 24px;
	background: url(../images/main_nav.jpg) 356px -72px;
}


/*************************  Nav - Retailers *************************/
#nav-retailers{
	width: 178px;
	height: 24px;
	display: block;
	text-indent: -9999px;
	background: url(../images/main_nav.jpg) 0 -96px;
}

#nav-retailers-sel{
	width: 178px;
	height: 24px;
	background: url(../images/main_nav.jpg) 178px -96px;
	text-indent: -9999px;
}

#nav-retailers a {
	display: block;
	height: 24px;
}	

#nav-retailers a:focus {
	overflow:hidden;
}	

#nav-retailers a:hover, #nav-retailers a:active {
	width: 178px;
	height: 24px;
	background: url(../images/main_nav.jpg) 356px -96px;
}

/*************************  Nav - Contact *************************/
#nav-contact{
	width: 178px;
	height: 24px;
	display: block;
	text-indent: -9999px;
	background: url(../images/main_nav.jpg) 0 -120px;
}

#nav-contact-sel{
	width: 178px;
	height: 24px;
	background: url(../images/main_nav.jpg) 178px -120px;
	text-indent: -9999px;
}

#nav-contact a {
	display: block;
	height: 24px;
}	

#nav-contact a:focus {
	overflow:hidden;
}	

#nav-contact a:hover, #nav-contact a:active {
	width: 178px;
	height: 24px;
	background: url(../images/main_nav.jpg) 356px -120px;
}