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

body {
margin: 0 auto;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
color: #DDD;
text-align: center;
background: url(images/background.gif) #2E2E2E repeat-x top left
}

a {
color: #ddd;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

h2 {
font-size: 13pt;
font-weight: 600;
}

#container {
margin: 35px auto;
text-align: left;
width: 904px;
min-height: 569px;
background: url(images/home-box.jpg) no-repeat top left;
position: relative;
}

#logo {
	width: 122px;
	height: 261px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#peel-corner {
width: 145px;
height: 134px;
position: absolute;
top: 0;
right: 0;
cursor:pointer;
border: 0px;
}

#swfflowingtext {
	width: 145px;
	height: 134px;
	position: absolute;
	top: 61px;
	right: 618px;
	cursor:pointer;
	border: 0px;
}

#peel-corner img {
	border: 0px;
}
a#peel-corner:hover {
	background-color: #000000;
	background-image: url(/images/get-it-free-over.jpg);
	background-repeat: no-repeat;
}

i {
display: none;
}

#headline {
font-size: 17pt;
font-weight: 500;
text-align: center;
padding-top: 25px;
color: #FFFEFE;
}

#headline strong {
font-size: 30pt;
}

#headline em {
color: #DDD;
}

#flash-element {
position: absolute;
top: 70px;
left: 290px;
cursor: pointer;
}

#left-column {
width: 280px;
background: url(images/quote.gif) no-repeat top left;
float: left;
margin-top: 259px;
margin-left: 50px;
text-align: right;
}

#left-column2 {
	width: 280px;
	float: left;
	margin-top: 195px;
	margin-left: 50px;
	text-align: right;
	z-index: 2;
}

#left-column h2 {
font-size: 12pt;
color: #fff;
margin-top: 0;
padding-left:  40px;
}

#left-column p {
margin-left: 9px;
font-size: 11px;
}

.left-aligned {
text-align: left;
font-weight: bold;
margin-left: 9px;
margin-top: -5px;
}

.left-aligned img {
margin-left: -11px;
margin-top: 5px;
}


#testimonials {
    width: 142px; 
	height: 24px;
    background: url(images/testimonials-rollover.gif);
	margin-top: 8px;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	position: relative;
}

#testimonials i {
visibility: hidden;
}
 #testimonials li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #testimonials li, #testimonials a {
    height: 24px; display: block;}
	
	#testimonials a:link, #testimonials a:hover, #testimonials a:active, #testimonials a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	padding-left: 10px;
	padding-top: 2px;
	}
	
  #testimonials-button {left: 0px; width: 142px;}
  
 #testimonials-button a:hover {
    background: transparent url(images/testimonials-rollover.gif)
    0px -24px no-repeat; height: 24px;}

 #testimonials-button a.selected {
    background: transparent url(images/testimonials-rollover.gif)
    0px -24px no-repeat; height: 24px;}

#right-column, #right-column2 {
width: 308px;
float: right;
margin-top: 65px;
margin-right: 30px;
}

#buttons {
    width: 308px; 
	height: 67px;
    background: url(images/buttons-rollover.gif);
	margin-top: 90px;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	position: relative;
}

#buttons i {
visibility: hidden;
}
  #buttons li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #buttons li, #buttons a {
    height: 67px; display: block;}
	
	#buttons a:link, #buttons a:hover, #buttons a:active, #buttons a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	padding-left: 10px;
	padding-top: 2px;
	}
	
  #friend {left: 0px; width: 154px;}
  #science{left: 154px; width: 152px;}
  #twitter{left: 180px; width: 100px;}
  #facebook{left: 200px; width: 180px;}
  
  
#friend a:hover {
    background: transparent url(images/buttons-rollover.gif)
    0px -67px no-repeat; height: 67px;}
  #science a:hover {
    background: transparent url(images/buttons-rollover.gif)
    -154px -67px no-repeat; height: 67px;}

#friend a.selected {
    background: transparent url(images/buttons-rollover.gif)
    0px -67px no-repeat; height: 67px;}
  #science a.selected {
    background: transparent url(images/buttons-rollover.gif)
    -154px -67px no-repeat; height: 67px;}
	
#twitter a:hover {
    background: transparent url(images/twitter_sqr.png)
    0px -67px no-repeat; height: 67px;}
  #facebook a:hover {
    background: transparent url(images/facebook_sqr.png)
    -154px -67px no-repeat; height: 67px;}

 
#footer {
width: 100%;
height: 40px;
background: #222;
text-align: left;
position: relative;
margin-top: 0px;
}

#footer-text {
width: 967px;
margin: 0 auto;
padding-top: 5px;
font-size: 11px;
}

#interior-container {
margin: 35px auto;
text-align: left;
width: 904px;
min-height: 569px;
background: url(images/interior-box.jpg) no-repeat top left;
position: relative;
}

#product {
    width: 117px; 
	height: 426px;
	position: absolute;
top: 70px;
left: 130px;
}

 #product li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #product li, #product a {
    height: 426px; display: block;}
	
	#product a:link, #product a:hover, #product a:active, #product a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	padding-left: 10px;
	padding-top: 2px;
	}
	
  #product-bottle {left: 0px; width: 117px;}
  
 #product-bottle a:hover {
 height: 426px;}


#interior-container #right-column {
width: 580px;
}

#tell-friend {
margin-top: -60px;
margin-left: -170px;
}

#science-flash {
position: relative;
height: 490px;
}

#science-flash-position {
position: absolute;
top: 0px;
left: 0px;
}

#cartalign{
position:absolute;
	left:190px;
	top:170px;
	width: 144px;
	height:450px;
	Z-index:2;
	visibility: visible;
	
}

#cartalign2{
	position:absolute;
	left:200px;
	top:170px;
	width: 207px;
	height:276px;
	Z-index:2;
	visibility: visible;
}

#cartalign3{
	position:absolute;
	left:450px;
	top:170px;
	width: 207px;
	height:276px;
	Z-index:2;
	visibility: visible;
}
#cartalign4{
position:absolute;
	left:700px;
	top:170px;
	width: 207px;
	height:276px;
	Z-index:2;
	visibility: visible;
}

#addcartalign{
	position:absolute;
	left:190px;
	top:442px;
	Z-index:2;
	visibility: visible;
	width: 145px;
	height: 61px;
}

#addcartalign2{
	position:absolute;
	left:250px;
	top:486px;
	Z-index:2;
	visibility: visible;
	width: 145px;
	height: 21px;
}

#addcartalign3{
	position:absolute;
	left:498px;
	top:486px;
	Z-index:2;
	visibility: visible;
	width: 161px;
	height: 21px;
}
#addcartalign4{
	position:absolute;
	left:747px;
	top:486px;
	Z-index:2;
	visibility: visible;
	width: 161px;
	height: 27px;
}

#cartcontainer {
position:absolute;
	left:45px;
	top:120px;
	Z-index:2;
	visibility: visible;

}

#navbar {
	position:absolute;
	left:45px;
	top:690px;
	Z-index:2;
	visibility: visible;
	background: #222;
	width: 905px;
	text-align: left;
}

#commingsoon{
position:absolute;
	left:215px;
	top:220px;
	Z-index:2;
	visibility: visible;
}

#peel-corner {
width: 145px;
height: 134px;
position: absolute;
top: 0;
right: 0;
cursor:pointer;
border: 0px;
}

#freeshipping {
	position:absolute;
	left:131px;
	top:14px;
	Z-index:3;
	visibility: visible;
	width: 555px;
	height: 21px;
}

#right-column1{
width: 308px;
float: right;
margin-top: 0px;
margin-right: 30px;
}

#networks {
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	position: relative;
}