
/* ------------- index-btns ----------------------------------------------------- */

#btn-nav-index { 
	background:url(../images/btn-nav-index.jpg) no-repeat; 
	width:932px; 
	height:164px; 
	margin:0;
	padding:0; 
	}
	#btn-nav-index span { display: none; }
	#btn-nav-index li, #btn-nav-index a { height:164px; display:block; } 
	#btn-nav-index li { float:left; list-style:none; display:inline; }

#btn-nav-index-01 { width: 245px;}
#btn-nav-index-02 { width: 227px;}
#btn-nav-index-03 { width: 226px;}
#btn-nav-index-04 { width: 226px;}

#btn-nav-index-01 a:hover { background:url(../images/btn-nav-index.jpg)  -0px -164px no-repeat; }
#btn-nav-index-02 a:hover { background:url(../images/btn-nav-index.jpg) -245px -164px no-repeat; }
#btn-nav-index-03 a:hover { background:url(../images/btn-nav-index.jpg) -472px -164px no-repeat; }
#btn-nav-index-04 a:hover { background:url(../images/btn-nav-index.jpg) -698px -164px no-repeat; }

#btn-solo-slim-extra-strength {
	background:url(../images/btn-solo-slim-extra-strength.jpg) no-repeat; 
	width:193px; 
	height:249px; 
	float:left;
	margin:0;
	padding:0; 
	}
	#btn-solo-slim-extra-strength a {display:block;width:170px;height:216px; margin:15px 0 0 13px;}
	#btn-solo-slim-extra-strength span {display:none;}
	#btn-solo-slim-extra-strength a:hover {	background:url(../images/btn-solo-slim-extra-strength.jpg) -13px -264px no-repeat; }


#btn-video-header {
	background:url(../images/btn-video.gif) no-repeat;
	width:283px;
	height:28px;
	margin:249px 0 0 166px;
	padding:0;
	float:left;
	}
	#btn-video-header a {display:block;width:283px;height:28px;}
	#btn-video-header span {display:none;}
	#btn-video-header a:hover { background:url(../images/btn-video.gif) -0px -28px no-repeat; }
	
#btn-media-weddings {
	background:url(../images/btn-media-weddings.jpg) no-repeat;
	width:137px;
	height:209px;
	float:left;
	}
	#btn-media-weddings a {display:block;width:137px;height:148px; float:right; margin-top:61px;}
	#btn-media-weddings span {display:none;}
	#btn-media-weddings a:hover { background:url(../images/btn-media-weddings.jpg) -0px -270px no-repeat; }

#btn-facebook {
	background:url(../images/btn-facebook.jpg) no-repeat;
	width:251px;
	height:28px;
	float:left;
	margin-bottom:15px;
	}
	#btn-facebook a {display:block;width:251px;height:28px; float:left; }
	#btn-facebook span {display:none;}
	#btn-facebook a:hover { background:url(../images/btn-facebook.jpg) -0px -28px no-repeat; }

#btn-facebook2 {
	background:url(../images/btn-facebook.jpg) no-repeat;
	width:251px;
	height:28px;
	float:left;
	margin:0 0 15px 10px;
	}
	#btn-facebook2 a {display:block;width:251px;height:28px; float:left; }
	#btn-facebook2 span {display:none;}
	#btn-facebook2 a:hover { background:url(../images/btn-facebook.jpg) -0px -28px no-repeat; }

#btn-media-video {
	background:url(../images/btn-media-video.jpg) no-repeat;
	width:148px;
	height:209px;
	float:left;
	}
	#btn-media-video a {display:block;width:148px;height:148px; float:right; margin-top:61px;}
	#btn-media-video span {display:none;}
	#btn-media-video a:hover { background:url(../images/btn-media-video.jpg) -0px -270px no-repeat; }

#btn-order-now {
	background:url(../images/btn-order-now.jpg) no-repeat;
	width:305px;
	height:166px;
	float:left;
	}
	#btn-order-now a {display:block;width:305px;height:131px; float:left; }
	#btn-order-now span {display:none;}
	#btn-order-now a:hover { background:url(../images/btn-order-now.jpg) -0px -166px no-repeat; }

#btn-ingredients-order {
	background:url(../images/btn-ingredients-order.jpg) no-repeat;
	width:466px;
	height:212px;
	float:right;
	}
	#btn-ingredients-order a {display:block;width:288px;height:161px; float:left; }
	#btn-ingredients-order span {display:none;}
	#btn-ingredients-order a:hover { background:url(../images/btn-ingredients-order.jpg) -0px -212px no-repeat; }

#btn-extrastrength {
	background:url(../images/btn-extrastrength.jpg) no-repeat;
	width:466px;
	height:212px;
	float:right;
	}
	#btn-extrastrength a {display:block;width:288px;height:161px; float:left; }
	#btn-extrastrength span {display:none;}
	#btn-extrastrength a:hover { background:url(../images/btn-extrastrength.jpg) -0px -212px no-repeat; }
	#extra-strength-bwrap { height:100px;}

#btn-testimonial1 {
	background:url(../images/btn-testimonial1.jpg) no-repeat;
	width:152px;
	height:185px;
	margin-left:20px;
	float:left;
	}
	#btn-testimonial1 a {display:block;width:152px;height:185px; float:left; }
	#btn-testimonial1 span {display:none;}
	#btn-testimonial1 a:hover { background:url(../images/btn-testimonial1.jpg) -0px -185px no-repeat; }



.faq-dt { cursor:pointer; font-weight:bold;padding-bottom:10px;}
.faq-dt span {background:url(../images/bg-bullet.jpg) no-repeat; width:11px; height:12px; float:left; padding:2px 5px 0 0;}
.faq-dd { padding:0 0 15px 15px;}



/* ------------- navigation ----------------------------------------------------- */
#nav { 
	background:url(../images/nav.jpg) no-repeat; 
	width:932px; 
	height:46px; 
	margin:0;
	padding:0; 
	}
	#nav span { display: none; }
	#nav li, #nav a { height:46px; display:block; } 
	#nav li { float:left; list-style:none; display:inline; }

#nav-01 { width: 67px; margin-left: 24px;}
#nav-02 { width: 89px;}
#nav-03 { width: 156px;}
#nav-04 { width: 117px;}
#nav-05 { width: 51px;}
#nav-06 { width: 105px;}
#nav-07 { width: 200px;}
#nav-08 { width: 123px;}

#nav-01 a:hover { background:url(../images/nav.jpg)  -24px -46px no-repeat; }
#nav-02 a:hover { background:url(../images/nav.jpg) -91px -46px no-repeat; }
#nav-03 a:hover { background:url(../images/nav.jpg) -180px -46px no-repeat; }
#nav-04 a:hover { background:url(../images/nav.jpg) -336px -46px no-repeat; }
#nav-05 a:hover { background:url(../images/nav.jpg) -453px -46px no-repeat; }
#nav-06 a:hover { background:url(../images/nav.jpg) -504px -46px no-repeat; }
#nav-07 a:hover { background:url(../images/nav.jpg) -609px -46px no-repeat; }
#nav-08 a:hover { background:url(../images/nav.jpg) -809px -46px no-repeat; }

body#SPECIFY #nav-01 { background:url(../images/nav.jpg)  -24px -46px no-repeat; }
body#SPECIFY #nav-02 { background:url(../images/nav.jpg) -91px -46px no-repeat; }
body#SPECIFY #nav-03 { background:url(../images/nav.jpg) -180px -46px no-repeat; }
body#SPECIFY #nav-04 { background:url(../images/nav.jpg) -336px -46px no-repeat; }
body#SPECIFY #nav-05 { background:url(../images/nav.jpg) -453px -46px no-repeat; }
body#SPECIFY #nav-06 { background:url(../images/nav.jpg) -504px -46px no-repeat; }
body#SPECIFY #nav-07 { background:url(../images/nav.jpg) -609px -46px no-repeat; }
body#SPECIFY #nav-08 { background:url(../images/nav.jpg) -809px -46px no-repeat; }

/* ------------- navigation drop downs -------------------------------------------- */
#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;			
	background-color:#720000;	
	}
	#nav li ul li { 
	height:20px; 				
	border:1px solid #FF00FF;
	border-top:none;
	}	
	#nav li ul li a { width:100%; height:20px; line-height:20px; }
	#nav li ul li a span { display:block; padding-left:5px; }

/* --------------- drop down styles ---------------------------------------------- */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#FFFFFF;
	text-decoration:none;
	}
#nav li:hover ul, #nav li.sfHover ul { left: auto; }

/* --------------- hover styles ---------------------------------------------- */
#nav-03 ul a:hover, #nav-04 ul a:hover { 
	background-image:none;
	background-color:#AA0000;
	color:#FFFFFF;
	text-decoration:none;
	}
#nav-03 ul, #nav-03 li { width:260px; }		
#nav-04 ul, #nav-04 li { width:90px; }

