/* CSS style sheet for VitaminSea */

/*-------------------------------Body Tage Mods----------------------------*/

body{
background-image:url(../images/page-bg.jpg);
background-repeat:repeat-x;
margin:0px;
text-align:center;
}

/*--------------------------------Page Wrapper-----------------------------*/

#wrapper{
margin-left:auto;
margin-right:auto;
width:812px;
text-align:left;
}

/*---------------------------------Header----------------------------------*/

#header{
background-image:url(../images/header.gif);
width:812px;
height:198px;
}

/*---------------------------------Nav-------------------------------------*/

#nav{
width:812px;
height:50px;
}

/*---------------------------------Content---------------------------------*/

#contentDiv{
	width:778px;
	height:inherit;
	margin-top:-4px;
	margin-left:6px;
	margin-right:6px;
	background-color:#FFFFFF;
	border-left:2px;
	border-left-style:solid;
	border-left-color:#53a68a;
	border-right:2px;
	border-right-style:solid;
	border-right-color:#53a68a;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}

#contentDiv img{
border:2px;
border-style:solid;
border-color:#53a68a;
}

#contentDiv .firstWord{
font:"Times New Roman", Times, serif;
font-size:18px;
color:#53A68A;
}


#contentDiv .header1, #contentDiv h1{
font:Arial, Helvetica, sans-serif;
font-size:36px;
color:#53a68a;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:#CCCCCC;
margin-bottom:5px;
}

#contentDiv .header2{
font:Arial, Helvetica, sans-serif;
font-size:24px;
color:#260663;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:#ffffff;
margin-bottom:5px;
}

#contentDiv .imgHolder{
font:"Times New Roman", Times, serif;
font-size:12px;
color:#999999;
margin:5px;
}

#contentDiv .highLightBox{
font:"Times New Roman", Times, serif;
font-size:14px;
color:#53A68A;
background-color:#D5EAE3;
border:2px;
border-style:solid;
border-color:#53A68A;
padding:5px;
margin-top:1px;
margin-bottom:0px;
margin-left:10px;
}

#contentDiv .contactForm{
font:"Times New Roman", Times, serif;
font-size:14px;
color:#53A68A;
background-color:#FFFFFF;
border:1px;
border-style:solid;
border-color:#53A68A;
}


#contentDiv .highLightBox a{
font:"Times New Roman", Times, serif;
font-size:18px;
color:#53A68A;
background-color:#D5EAE3;
text-decoration:none;
padding-right:10px;
}

#contentDiv .highLightBox a:hover{
font:"Times New Roman", Times, serif;
font-size:18px;
color:#999999;
background-color:#D5EAE3;
text-decoration:none;
padding-right:10px;
}

#contentDiv .highLightBox a:visited{
font:"Times New Roman", Times, serif;
font-size:18px;
color:#53A68A;
background-color:#D5EAE3;
text-decoration:none;
padding-right:10px;
}

#contentDiv .highLightBox a:active{
font:"Times New Roman", Times, serif;
font-size:18px;
color:#53A68A;
background-color:#D5EAE3;
text-decoration:none;
padding-right:10px;
}

#contentDiv .highLightBox2{
font:"Times New Roman", Times, serif;
font-size:14px;
color:#260663;
background-color:#C9CFFC;
border:2px;
border-style:solid;
border-color:#260663;
padding:5px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:4px;
}

#contentDiv .highLightBox2 a{
font:"Times New Roman", Times, serif;
font-size:18px;
color:#260663;
background-color:#C9CFFC;
padding-right:10px;
text-decoration:none;
}

#contentDiv .highLightBox2 a:hover{
font:"Times New Roman", Times, serif;
font-size:18px;
color:#999999;
background-color:#C9CFFC;
padding-right:10px;
text-decoration:none;
}

#contentDiv .highLightBox2 a:visited{
font:"Times New Roman", Times, serif;
font-size:18px;
color:#260663;
background-color:#C9CFFC;
padding-right:10px;
text-decoration:none;
}

#contentDiv .highLightBox2 a:active{
font:"Times New Roman", Times, serif;
font-size:18px;
color:#260663;
background-color:#C9CFFC;
padding-right:10px;
text-decoration:none;
}


#contentDiv .highLightBox3{
font:"Times New Roman", Times, serif;
font-size:14px;
color:#260663;
border:2px;
border-style:solid;
border-color:#F5F5F5;
padding:5px;
margin-top:10px;
margin-bottom:10px;
}

#productImg{
float:right;
border:1px;
border-style:solid;
border-color:#53A68A;
margin-top:3px;
margin-bottom:3px;
margin-left:3px;
}

.popup{
background-color:#FFFFFF;
-moz-opacity:0.4;
filter:alpha(opacity=40);
}

.products a{
	font-size: 24px;
	margin: .5em 1em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#006;
	border-bottom: 1px solid #ccc;
	display:block;
}


/*-------------------------------------


Footer--------------------------------*/

#footer{
	background-image:url(../images/footer.gif);
	width: 792px;
	height: 66px;
	text-align:center;
	padding:10px;
	padding-top:5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #53A68A;
	text-decoration: none;
	clear:both;
}
#wrapper #footer a {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #53A68A;
	text-decoration: none;	
}


#wrapper #footer a:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;	
}

#wrapper #footer a:visited{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #cccccc;
	text-decoration: none;	
}

#wrapper #footer a:active{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;	
}

#footerInfoLeft{
float:left;
text-align:left;
width:150px;
}

#footerInfoRight{
float:right;
text-align:right;
width:200px;
}

/*------------Fonts----------------*/

.siteWideFont{
font:"Times New Roman", Times, serif;
font-size:14px;
color:#270663;
margin-top:3px;
margin-bottom:10px;
margin-left:10px;
}

.siteWideFont a{
font:"Times New Roman", Times, serif;
font-size:14px;
color:#53A68A;
margin-top:3px;
margin-bottom:10px;
margin-left:10px;
text-decoration:none;
}

.siteWideFont a:hover{
font:"Times New Roman", Times, serif;
font-size:14px;
color:#CCCCCC;
margin-top:3px;
margin-bottom:10px;
margin-left:10px;
}

.siteWideFont a:visited{
font:"Times New Roman", Times, serif;
font-size:14px;
color:#53A68A;
margin-top:3px;
margin-bottom:10px;
margin-left:10px;
}

.siteWideFont a:active{
font:"Times New Roman", Times, serif;
font-size:14px;
color:#53A68A;
margin-top:3px;
margin-bottom:10px;
margin-left:10px;
}

.siteWideFont li{
font:"Times New Roman", Times, serif;
font-size:14px;
color:#53A68A;
margin-top:0px;
margin-bottom:.25em;
margin-left:10px;
}

.productsHeader{
font:Arial, Helvetica, sans-serif;
font-size:24px;
color:#53A68A;
border-bottom:thin;
border-bottom-color:#cccccc;
border-bottom-style:solid;
}

.pricingText{
color:#FF0000;
}

.highlight{
width:300px; 
border:2px solid #51a68a;
height:150px; 
background:url(../images/new-products.jpg);	
}

.highlight ul{
margin-top: .5em;	
}

.highlight ul li{
color:#666;	
}

.highlight ul li a{
text-decoration:none;
color:#333;
font-size:14px;
line-height:20px;
}

.highlight ul li a:hover{
text-decoration:underline;	
}

h4{
color:#53A68A;
font-size:1.1em;
}

.date{
margin: 5px 2px;
background:#efefef;
margin:.5em;
padding:2px;
border:#999 solid 1px;
}
.dateHeader{
background:#51a68a;
color:#fff;
width:100%;
font-size:150%;
font-weight:bold;
text-align:center;
padding:2px 0px;
}

.date h3{
margin:0px;
padding:0px;
color:#270663;
}
.date p{
padding:.5em;
margin:0em 2em .5em ;
color:#333;
}

a h3
{
color:#270663;
}