@charset "UTF-8";
/* CSS Document */

body {
	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;
	top: 120px;
	overflow-x: hidden; 
	overflow-y: hidden; 
}
#container {
	margin: 0 auto; /* this overrides the text-align: center on the body element. */
	position:relative;
	top: 70px;
	width: 947px;
	height: 600px;
}
#logo {
	position:relative;
	background-image: url(../images/dana_logo.gif);
	width: 207px;
	height: 58px;
	top: -585px;
	left: 46px;
}
#shopping_cart {
	position:relative;
	background-image: url(../images/shopping_cart.gif);
	width: 114px;
	height: 11px;
	top: -605px;
	left: 565px;
}
#mailing_list {
	position:relative;
	width: 200px;
	height: 23px;
	top: -620px;
	left: 675px;
}
#middle_panel {
	position:relative;
	width: 847px;
	height: 408px;
	left: 50px;
	top: -605px;
}

#mailform {
	position:relative;
	border: 1px solid #b7b5b6;
	height: 14px;
	width: 150px;
	font-size: 10px;
	padding-left:20px;
}
#button {
	position:relative;
	height: 20px;
	width: 30px;
	left: 192px;
	top: -19px;
}
#nav {
	position:relative;
	left: -5px;
	top: -585px;
	z-index: 1;
}
#easyscroll{
	background:#dfe2ea;
	margin:1em 0;
	position:relative;
	left: -17px;
		top:-1125px;
		width:457px;
		z-index:1;
	/* add additional styling */
	}	

	/* easyscroll navigation buttons */	

	
	#easyscrollnav{
	margin:1em 0;
	position:relative;
	left:425px;
	top:-745px;
	width:100px;
	z-index:2;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
		}			
	#easyscrollnav li{
		list-style:none;
		float:left;
		background:#dfe2ea;
		/*margin-right:5px;		
		padding:0 10px;*/
		color:#333;
		cursor:pointer;
		}					
	#easyscrollnav li.over{
		color:#999;
		text-decoration:underline;
		}				
		#dbuzz_rollover {
		position:relative; 
		width:150px; 
		height:32px; 
		z-index:1; 
		left:465px; 
		top:-620px;
		visibility:hidden;
		}
		#press_rollover {
		position:relative; 
		width:150px; 
		height:32px; 
		z-index:1; 
		left:760px; 
		top:-653px;
		visibility:hidden;
		}
		#yumzing {
		position:relative; 
		width:265px; 
		height:231px; 
		z-index:1; 
		left:347px; 
		top:-939px;
		visibility:hidden;
		}
							
#myContent{
position:relative;
width:457px;
}

.restore_cond 
      {
        position: relative;
        background-image: url(../images/restore_conditioner.gif);
        background-repeat: no-repeat;
        display: block;
        width: 209px;
        height: 181px;
        margin: 0;
        padding: 0; 
		top: -1109px;
		left:54px;
      }
	  .whip 
      {
        position: relative;
        background-image: url(../images/whip.gif);
        background-repeat: no-repeat;
        display: block;
        width: 278px;
        height: 178px;
        margin: 0;
        padding: 0; 
		top: -1108px;
		left:54px;
      }
	  .polish 
      {
        position: relative;
        background-image: url(../images/polish.gif);
        background-repeat: no-repeat;
        display: block;
        width: 282px;
        height: 179px;
        margin: 0;
        padding: 0; 
		top: -1286px;
		left:334px;
      }
	  .wash 
      {
        position: relative;
        background-image: url(../images/wash.gif);
        background-repeat: no-repeat;
        display: block;
        width: 277px;
        height: 178px;
        margin: 0;
        padding: 0; 
		top: -1465px;
		left:617px;
      }
	  
	  .butter 
      {
        position: relative;
        background-image: url(../images/butter.gif);
        background-repeat: no-repeat;
        display: block;
        width: 278px;
        height: 179px;
        margin: 0;
        padding: 0; 
		top: -1442px;
		left:54px;
      }
	  .teas 
      {
        position: relative;
        background-image: url(../images/teas.gif);
        background-repeat: no-repeat;
        display: block;
        width: 282px;
        height: 179px;
        margin: 0;
        padding: 0; 
		top: -1621px;
		left:334px;
      }
	  .save_hair
      {
        position: relative;
        background-image: url(../images/save_hair.gif);
        background-repeat: no-repeat;
        display: block;
        width: 206px;
        height: 181px;
        margin: 0;
        padding: 0; 
		top: -1652px;
		left: 687px;
		
      }
	  .refresh_shampoo
      {
        position: relative;
        background-image: url(../images/refresh_shampoo.gif);
        background-repeat: no-repeat;
        display: block;
        width: 207px;
        height: 181px;
        margin: 0;
        padding: 0; 
		top: -1471px;
		left:479px;
      }
	  .restore_shampoo
      {
        position: relative;
        background-image: url(../images/restore_shampoo.gif);
        background-repeat: no-repeat;
        display: block;
        width: 214px;
        height: 181px;
        margin: 0;
        padding: 0; 
		top: -1290px;
		left:264px;
      }
	  .gloss_me
      {
        position: relative;
        background-image: url(../images/gloss_me.gif);
        background-repeat: no-repeat;
        display: block;
        width: 209px;
        height: 181px;
        margin: 0;
        padding: 0; 
		top: -1635px;
		left:54px;
      }
	  .smooth_me
      {
        position: relative;
        background-image: url(../images/smooth_me.gif);
        background-repeat: no-repeat;
        display: block;
        width: 214px;
        height: 181px;
        margin: 0;
        padding: 0; 
		top: -1816px;
		left:264px;
      }
	  .tex_me
      {
        position: relative;
        background-image: url(../images/tex_me.gif);
        background-repeat: no-repeat;
        display: block;
        width: 207px;
        height: 182px;
        margin: 0;
        padding: 0; 
		top: -1997px;
		left:479px;
      }

      .restore_cond  a 
      {
        display: block;
        width: 209px;
        height: 181px;
        float: left;
        margin: 0;
        padding: 0;
      }
	  .whip  a 
      {
        display: block;
        width: 278px;
        height: 178px;
        float: left;
        margin: 0;
        padding: 0;
      }
	  .polish  a 
      {
        display: block;
        width: 282px;
        height: 179px;
        float: left;
        margin: 0;
        padding: 0;
      }
	  .wash  a 
      {
        display: block;
        width: 277px;
        height: 178px;
        float: left;
        margin: 0;
        padding: 0;
      }
	  .butter  a 
      {
        display: block;
        width: 278px;
        height: 179px;
        float: left;
        margin: 0;
        padding: 0;
      }
	   .teas  a 
      {
        display: block;
        width: 282px;
        height: 179px;
        float: left;
        margin: 0;
        padding: 0;
      }
	  .save_hair a 
      {
        display: block;
        width: 206px;
        height: 181px;
        float: left;
        margin: 0;
        padding: 0;
      }
	  .restore_shampoo a 
      {
        display: block;
        width: 214px;
        height: 181px;
        float: left;
        margin: 0;
        padding: 0;
      }
	  .refresh_shampoo a 
      {
        display: block;
        width: 207px;
        height: 181px;
        float: left;
        margin: 0;
        padding: 0;
      }
	  .gloss_me a 
      {
        display: block;
        width: 209px;
        height: 181px;
        float: left;
        margin: 0;
        padding: 0;
      }
	  .smooth_me a 
      {
        display: block;
        width: 214px;
        height: 181px;
        float: left;
        margin: 0;
        padding: 0;
      }
	  .tex_me a 
      {
        display: block;
        width: 207px;
        height: 182px;
        float: left;
        margin: 0;
        padding: 0;
      }

      .restore_cond  img
      {
        width: 100%; 
        height: 100%; 
        border: 0; 
      }
	  .whip  img
      {
        width: 100%; 
        height: 100%; 
        border: 0; 
      }
	  .polish  img
      {
        width: 100%; 
        height: 100%; 
        border: 0; 
      }
	   .wash  img
      {
        width: 100%; 
        height: 100%; 
        border: 0; 
      }
	   .butter  img
      {
        width: 100%; 
        height: 100%; 
        border: 0; 
      }
	   .teas  img
      {
        width: 100%; 
        height: 100%; 
        border: 0; 
      }
	  .save_hair img
      {
        width: 100%; 
        height: 100%; 
        border: 0; 
      }
	  .refresh_shampoo img
      {
        width: 100%; 
        height: 100%; 
        border: 0; 
      }
	  .restore_shampoo img
      {
        width: 100%; 
        height: 100%; 
        border: 0; 
      }
	  .gloss_me img
      {
        width: 100%; 
        height: 100%; 
        border: 0; 
      }
	  .smooth_me img
      {
        width: 100%; 
        height: 100%; 
        border: 0; 
      }
	  .tex_me img
      {
        width: 100%; 
        height: 100%; 
        border: 0; 
      }

      * html a:hover 
      {
        visibility: visible;
      }

      .restore_cond a:hover img
      {
        visibility: hidden;
      }
	  .whip a:hover img
      {
        visibility: hidden;
      }
	  .polish a:hover img
      {
        visibility: hidden;
      }
	  .wash a:hover img
      {
        visibility: hidden;
      }
	  .butter a:hover img
      {
        visibility: hidden;
      }
	  	   .teas a:hover img
      {
        visibility: hidden;
      }
	  .save_hair a:hover img
      {
        visibility: hidden;
      }
	  .restore_shampoo a:hover img
      {
        visibility: hidden;
      }
	  .refresh_shampoo a:hover img
      {
        visibility: hidden;
      }
	  .gloss_me a:hover img
      {
        visibility: hidden;
      }
	  .smooth_me a:hover img
      {
        visibility: hidden;
      }
	  .tex_me a:hover img
      {
        visibility: hidden;
      }

#slideshow{
position:relative;
top:-1107px;
left:55px;
z-index:1;
}