/*
  $Id: stylesheet.css,v 1.4 2006/02/11 11:05:21 Administrator Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/



html{ margin: 0px; padding: 0px; }

body {
  background-image: url(/images/design/body_background.gif);
  background-repeat: repeat-x;
  background-color: #0078C1;
  color: black;
  margin: 10px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align: center;
  position: relative;
}

		  
.outer {
	width:756px;
	margin:0px auto; 
	text-align:left;
	padding:0px;
	position: relative;
	border-right: solid 3px white;
	border-left: solid 3px white;
	background-image: url(/images/design/wave-background.jpg);
}		  

.homepage {
	background-image: url(/images/design/wave-background.jpg);
    min-height: 500px;
}		  


		  

#pagecontainer{
	width:726px;
	margin: 0px; padding: 0px;
	/*border-right: solid 3px white;
	border-left: solid 3px white;*/
	/*background-image: url('images/design/page_border.gif');
	background-repeat: repeat-y;*/
	
}
	
.homepage #pagecontainer{ min-height: 500px; }
/* .homepage #cart, .checkout #cart, .save_order #cart { display: none;} */
.homepage #cart, .checkout #cart, .save_order #cart { display: none;}

#headerNavigationTop {
  position: absolute; top: 85px; left: 0px; 
  font-family: Myriad Roman, Verdana, Arial, Helvetica;
  font-size: 10px;
  font-weight: 900;
  width: 100%;
  color: #white;
  border-top: solid 3px white;
  border-bottom: solid 3px white;
  height: 20px;
  line-height: 18px;
  background: #BCD63E;
}

#headerNavigationTop a{ display: block; background:url(/images/design/water-blue.gif) no-repeat left; padding-left: 45px; padding-top: 10px;color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: +0.5px;  text-decoration: none; height: 28px; vertical-align: middle; margin-top: -6px}

#headerNavigationTop ul li{ float: left; padding: 0; margin: 0 20px 0 5px; height: 40px; }
#headerNavigationTop ul { margin: -3px 0 0 0; padding: 0; list-style-position:inside; list-style: none;}

#headerNavigationTop a:hover{ background:url(/images/design/water-darkblue.gif) no-repeat left;}


#infobar{
   background-image: url(/images/design/infobar.gif);
   height: 35px;
   width: 381px;
   position: absolute; bottom: 24px; right: 0px;
}

#infobartext{position: absolute; left: 40px; top: 10px;}

#infobartext a{color: white; font-size:12px; font-weight:600; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}


#pagetop{
	/*background: url('images/design/page_top.gif');
	background-repeat: no-repeat;
	background-position: top left;*/
	height: 12px;
	margin: 0px; padding: 0px;
	width:758px;
	display: block;
}

#pagetop img{display: block; border: none;}


#secondaryNavigation{
   margin:0px; padding: 5px 0 0 0;
   background-color: #343464;
   /*background-image: url('images/design/page_border.gif');*/
   height: 30px;
   color: white;
   font-size: 10px;
   border-bottom: solid 3px white;
}

#secondaryNavigation a{
   color: white;
}

#headermain {
	height: 110px;
	position: relative;
}

#logo {
	position: absolute; top: -10px; left: 10px;	
}


TR.header {
  height: 80px;
}


#mailheaderNavigation { 
  float: right;
}


#footer{ 
  background-color:  white;
  position: relative; bottom: 0;
  width: 756px;
  height: 80px;
}  

#page-bottom { background-image: url('/images/design/page_bottom.gif');
  background-position: bottom left;
  background-repeat: no-repeat;
  height: 15px;
  background-color: none;
  width:762px;
  margin:0px auto; 
  	position: relative;
}


#footer p{position: relative; left: 10px; top: -12px;
  font-size: 8px;
  font-weight: bold;
  border: solid 0px blue;
}


#signoff { position: absolute; bottom: 0px; right: 10px;  }            

.footerblock {
	float: left; 
	text-align: left; 
	padding: 0 20px 0 0; 
	border: solid 0px black;
}
.footerblockleft {
	float: left; 
	text-align: left; 
	margin: 0;
	padding: 0 20px 0 20px; 
	border: solid 0px black;
}

#footerbar{ 
	width: 100%;
	background-color: rgb(26,70,145); 
	height: 25px; 
	margin: 0 0 3px 0; 
	color: white; 
	font-size: 13px; 
	line-height: 25px;
	text-align: center;
	border-top: solid 3px white;
}

#footer a {color: #343464; text-decoration: none;} 
#footerbar a {color: white}


#bodymain{ padding: 10px 0 0 15px; } 

.leftspacer{ width: 156px; 
             height: 30px;
             /*background: url('images/design/page_border.gif');
	         background-repeat: repeat-y;
	         background-color: #343464;*/
           }


.info{ line-height: 1.6; }	


.infoBox {
  background: #343464;
}

H1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color:  #343464;
}




H2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color:  #343464;
}


H3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color:  #343464;
  margin-bottom: 0;
  padding-bottom: 0;
}



SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: black;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}


P {font-family : Verdana, Arial, sans-serif; font-size : 11px; font-weight: normal; }



.homepage #glovesover{ position: absolute; top: 270px; left: 80px; }
			 
.homepage #rashvestsover{ position: absolute; top: 190px; left: 540px; }			 

.homepage #tshirtover{ position: absolute; top: 440px; left: 25px; }			 

.homepage #footwearover{ position: absolute; top: 550px; left: 320px; }			 

.homepage #wetsuitsover{ position: absolute; top: 400px; left: 580px; }			 





.adminpage
{
margin: 30px;
   background: white;
   
}

#main {   background: white;
          padding: 10px 30px 30px 30px;
}

form p label{ margin-right: 10px;}


#pagecontainer{
     background: white;
	 color: black;
	 padding: 20px 10px 30px  20px;
}

.category #pagecontainer{
	background: url(/images/design/category-background.jpg) center;
}

.homepage #pagecontainer{
    background: none;
}



#cart{float: right; margin: 20px 8px 0 3px; width: 200px; background: #b6d047; border: solid 3px orange; padding: 5px;}
.cart-title{vertical-align: middle; color: white; font-size: 12px;}
.cart-title img{vertical-align: middle; margin-right: 4px;}

.product_thumb{ float: right; width: 150px; margin-top: 20px; margin-right: -35px; position: relative;}
.product_thumb img{ border: none}
.magnifier{position: absolute; bottom: 10px; right: 10px;}

.entry{
  width: 460px;
  min-height: 180px;
  padding: 10px 10px 30px 10px;
  margin: 0;
  background: white;
  margin-bottom: 10px;
  border: solid 3px orange;
  position: relative;
}


.entry h3{
  padding: 0;
  margin: 0 0 5px 0;
  
  }
  
#notice { color: red; font-size: 12px; font-weight:600; padding: 10px;}  





.sizechart td{ text-align: center; font-size: 11px; border: solid 1px orange;}
.sizechart td.title{ background: orange; color: white; }