body {
	padding: 0px;
	margin: 0px;
	background-color: #020827; 
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 76%;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
	
.adobe{
	padding: 0px 0px 5px 22px;
	background: url(../images/doc-adobe.gif) 0px 0px no-repeat;
	}
	
hr {
	height:0px; 
    border:0px; 
    border-top:1px solid #ccc;
	}
	
p, span, td, li{
	font-size: 0.9em;
	line-height: 1.4em;
	color: #444;
	}
	
div.products p {

	line-height: 2em;
}

th {
	font-weight: bold;
	color: #666;
	}
	
td p{
font-size: 1em;
}

p.small{
	font-size: 0.8em;
	margin-top:-7px;
	margin-bottom:5px;
	color: #666;
}

 a {
	font-weight: bold;
}

p.error{
	color: red;
	font-weight: bold;
	}
	
	a:link 		{ text-decoration: none; color: #0C2069; }
	a:visited 	{ text-decoration: none; color: #0C2069; }
	a:hover 	{ text-decoration: underline; color: #54608E; }
	a:active 	{ text-decoration: none; color: #0C2069; }	
	
p {
	padding: 3px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	}	
	
h1 {
	font-size: 1.3em;
	font-weight: bold;
	color:#080E8A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 0px 6px 0px;
	margin: 2px 0px 0px 0px;
	}
	
h2 {
	font-size: 1.1em;
	color:#23234B;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	}
	
h2.product-category, div.products h2 {
	font-size: 1.3em;
	color:#23234B;
	padding: 3px 0px 0px 0px;
	margin: 8px 0px 03px 0px;
	}
	
h3 {
	font-size: 0.9em;
	font-weight: bold;
	color: #555555;
	line-height: 1.7em;
	margin: 0.5em 0% -0.2em 0%;*/
	padding: 0em 0% 0em 0%;
	}
	
div.products h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #555555;
	background-color: #eee;
	line-height: 1.7em;
	margin: 12px 0 2px 0;
	padding: 2px 0 2px 5px;
	}	
	
h4 {
	font-size: 0.9em;
	font-weight: bold;
	color: red;
	line-height: 1.7em;
	margin: 0.5em 0% -0.2em 0%;*/
	padding: 0em 0% 0em 0%;
	}	
	

h5 {
	font-size: 0.9em;
	line-height: 1.4em;
	color:red;
	font-weight: normal;
	}
	
select, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #315174;
	}
		
img {
	border: 0px;
	}
		
img.left {
	border: 0px;
	padding-right: 10px;
	margin-top:7px;
	margin-bottom:7px;
	}
		
img.right {
	border: 0px;
	padding-left: 10px;
	margin-top:7px;
	margin-bottom:7px;
	}
	
img.ten-percent {
	vertical-align:top;
	}

input.field {
	background: #FFFFFF;
	border-top: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #999;
	width: 150px;
	margin-bottom: 0px;
	padding-left: 4px;
	}
	
div.frame { 
	width: 760px;
	margin: 0 auto;
	text-align: left;
	/*border:1px solid blue;*/
	background: #FFFFFF;
	display:block;
	}
	
div.body {
	margin: 0px 0px 0px 0px;
	/*border:1px solid blue;*/
	display:block;
	}
	
	
DIV.imageright  {
	padding: 0px 0px 0px 0px;
	margin: 7px 5px 0px 10px;
	width: 229px;
	float: right;
	}
	
DIV.imageright P {
	color: #888;
	line-height: 1.4em;
	font-size: 0.8em;
	padding: 5px 7px 0px 0px;
	margin: 0px 0px 0px 0px;
	}	
	
DIV.imageright IMG {
	margin: 0;
	padding: 0;
	}
	
div.gallery-image {
	margin: 0px;
	padding: 0px;
	width: 170px;
	float:left;
}
div.gallery-image img {
	border:1px solid #000000;
}

div.gallery-image p {
	width: 168px;
	color: #666;
	line-height: 1.4em;
	font-size: 0.8em;
	padding: 0px 7px 0px 0px;
	margin: 0px 0px 0px 0px;
}
	


/*--------------------------*/
/*-------- banner ----------*/
/*--------------------------*/
	
	
div.banner_default { 
	text-align: center;
	margin: 0 auto; 
	height: 90px;
	}
	
div.banner { 
	text-align: center;
	margin: 0 auto; 
	height: 90px;
	}
	
/*--------------------------*/
/*-------- footer ----------*/
/*--------------------------*/
	
div.footer { 
	text-align: center;
	width: 760px;
	background: url(../images/bg-footer.jpg) no-repeat 0px 0px transparent;
	margin: 0 auto; 
	height: 25px;
	/*border:1px solid red;*/
	}
	
div.footer-nav {
	text-align: left;
	display: block;
	padding-left: 10px;
	margin: 0;
	width: 450px;
	float: left;
	}
	
div.footer-nav p {
	font-size: 0.8em;
	line-height: 1em;
	padding-top:7px;
	padding-right:7px;
	color: #ffffff;
	}
	
div.footer-nav p a {
	color: #ffffff;
	text-decoration: underline;
	}
	
div.footer-right {
	width: 300px;
	float: left;
	display: block;
	text-align: right;
	}
	
div.footer-right p {
	font-size: 0.8em;
	line-height: 1em;
	padding-top:7px;
	padding-right:7px;
	color: #ffffff;
	}
	
	
/*--------------------------*/
/*---- home page -----*/
/*--------------------------*/

div.body-left {
	margin: 0px;
	padding: 0px;
	width: 189px;
	float: left;
	/*border:1px solid red;*/
	margin-right:10px;
	display:block;

	}
	
div.body-left-nav {
	padding: 10px 0px 5px 0px;
	margin: 0px;
	width: 189px;
	float: left;
	/*border:1px solid red;*/
	background: url(../images/bg-nav.gif) repeat 0px 0px transparent;
	}
	
div.body-left-nav img {
	padding: 0px;
	margin: 0px 0px 0px 14px;
	display:block;
	}
	
div.body-left-nav-bottom {
	margin: 0px;
	padding: 54px 0px 0px 0px;
	width: 189px;
	/*height: 59px;*/
	float: left;
	/*border:1px solid blue;*/
	background: url(../images/bg-nav-bottom.gif) no-repeat 0px 0px transparent;
	display:block;
	/*height: 390px;*/ /* for IE */
	/*min-height: 390px;*/ /* for not-IE */
	}
	
div.body-middle {
	margin: 10px 5px 0px 0px;
	width: 280px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	/*border:1px solid red;*/
	}
	
div.body-middle table td {
	line-height: 1.3em;
	font-size: 0.8em;
	}
	
div.body-middle table td img {
	margin-right:8px;
	}
	
div.body-right {
	margin: 13px 0px 0px 0px;
	width: 235px;
	float: left;
	/*border:1px solid green;*/
	}
	
div.body-right img{
	border: 1px solid #000000;
	}
	
div.contact-panel-header {
	margin-left:10px;
	margin-right:-13px;
	padding-top:3px;
	padding-left:13px;
	width: 177px;
	height: 18px;
	color: #ffffff;
	font-weight:bold;
	font-size: 0.9em;
	background: url(../images/bg-contact-header.gif) no-repeat 0px 0px transparent;
	}
	
div.contact-panel-content {
	margin-left:10px;
	margin-right:-13px;
	padding-left:13px;
	padding-bottom:-4px;
	padding-top:2px;
	width: 177px;
	color: #444;
	font-size: 0.85em;
	line-height: 1.4em;
	background: url(../images/bg-contact-content.gif) repeat-y 0px 0px transparent;
	}
	
div.contact-panel-footer {
	margin-left:10px;
	margin-bottom:10px;
	margin-right:-13px;
	width: 177px;
	height: 12px;
	background: url(../images/bg-contact-footer.gif) no-repeat 0px 0px transparent;
	}
	
div.contact-panel2-content {
	margin-left:10px;
	margin-right:-13px;
	padding-left:13px;
	padding-bottom:-4px;
	padding-top:9px;
	width: 177px;
	color: #ffffff;
	font-size: 0.85em;
	line-height: 1.4em;
	background: url(../images/bg-contact2-content.gif) repeat-y 0px 0px transparent;
	}
	
div.contact-panel2-content p.read-more {
	text-align: right; 
	padding-right: 15px; 
	margin-bottom:-5px;
	}
	
div.contact-panel2-footer {
	margin-left:10px;
	margin-bottom:10px;
	margin-right:-13px;
	width: 177px;
	height: 12px;
	background: url(../images/bg-contact2-footer.gif) no-repeat 0px 0px transparent;
	}
	

div.featured-panel-header {
	padding-top:3px;
	margin-top:10px;
	padding-left:13px;
	width: 238px;
	height: 18px;
	color: #ffffff;
	font-weight:bold;
	font-size: 0.9em;
	background: url(../images/bg-featured-header.gif) no-repeat 0px 0px transparent;
	}
	
div.featured-panel-content {
	padding-left:10px;
	padding-bottom:-4px;
	padding-top:6px;
	width: 230px;
	color: #ffffff;
	background: url(../images/bg-featured-content.gif) repeat-y 0px 0px transparent;
	/*border:1px solid red;*/
	}
	
div.featured-panel-content p {
	width: 220px;
	color: #ffffff;
	font-size: 0.85em;
	line-height: 1.4em;
	/*border:1px solid red;*/
	}
	
div.featured-panel-content div {
	float:left;
	}
	
div.featured-panel-content p.read-more {
	text-align: right; 
	margin-top:-5px; 
	margin-bottom:-5px;
	}
	
div.featured-panel-content img {
	border:0px;
	margin-right:7px;
	margin-top:5px;
	}
	
div.featured-panel-footer {
	width: 238px;
	height: 13px;
	background: url(../images/bg-featured-footer.gif) no-repeat 0px 0px transparent;
	}
	

	
/*--------------------------*/
/*---- content page -----*/
/*--------------------------*/


div.body-right-content {
	margin: 13px 0px 0px 8px;
	width: 530px;
	float: left;
	/*border:1px solid green;*/
	}
	

	
/*--------------------------*/
/*---- SUB NAV -----*/
/*--------------------------*/
	
	div.sub-menu {
	margin: 0px 0px 0px 14px;
	/*border:1px solid red;*/
	width:159px;
	background: url(images/bg-sub-menu-middle.gif) repeat-y 0px 0px transparent;
	}
	
	div.sub-menu img {
	margin: 0px 0px 0px 0px;
	}
	
	div.sub-menu ul {
	margin: 0em 1px 0em 0px;
	padding: 0em 0% 0em 0%;
	width:159px;
	}
	
	div.sub-menu li {
	list-style-type: none;
	/*background-color:#eeeeee;*/
	}
	
div.sub-menu li a {
	display: block;
	width: 157px;
	border-top: 1px #1C2C44 solid;
	line-height: 1.4em;
	margin: 0em 0% 0em 0%;
	padding: .2em 0% .4em 0%;
	/*padding-left: 8px;*/
	background-color:#213450;
	font-size:0.9em;
	border-left: 1px solid #222;
	border-right: 1px solid #888;
	}

div.menu-item {
padding-left:9px;
}

div.menu-item-2 {
padding-left:18px;
}

div.sub-menu li.selected a {
	font-weight:bold;
	/*background: url(../gifs/subnav-arrow.gif) #F7BAA9 149px 6px no-repeat;*/
	background: #2A4163 149px 6px no-repeat;
	}
			 
html>body div.sub-menu li a {
	width: auto;
	}

div.sub-menu ul a, div.sub-menu ul a:hover , div.sub-menu ul a:visited , div.sub-menu ul a:active {
	text-decoration:none;
	color: #ddd;
	}
	
div.sub-menu ul a:hover {
	text-decoration:none;
	color: #ddd;
	background-color:#2A4163;
	}
	


/*--------------------------*/
/*---- PRODUCT PAGES -----*/
/*--------------------------*/
	
	div.short-board{
	width:20%; background-color:#ddd; text-align:center;
	padding-top:5px;
	float:left;
	cursor:hand;
	font-weight:bold;
	font-size:0.9em;
	}
	
	div.aipa-board{
	width:18%; background-color:#ddd; text-align:center;
	padding-top:5px;
	float:left;
	cursor:hand;
	font-weight:bold;
	font-size:0.9em;
	}
	
	div.fun-board{
	width:30%; background-color:#ddd; text-align:left;
	padding:5px;
	float:left;
	cursor:hand;
	font-size:0.9em;
	}
	
	div.sunglasses{
	/*width:30%; background-color:#ddd; */
	width:33%;
	text-align:left;
	padding:0px;
	float:left;
	font-size:0.9em;
	margin-bottom:15px;
	}
	
	div.sunglasses p{
	margin-left:15px;
	margin-top:-8px;
	}
	
	div.long-board{
	width:36%; background-color:#ddd; text-align:left;
	padding:5px;
	float:left;
	cursor:hand;
	font-size:0.9em;
	}
	
	div.bodyboard{
	text-align:center; 
	width:97px;
	float:left;
	margin-right:20px;
	font-size:0.9em;
	}
	
	div.bodyboard-range{
	margin-bottom:-10px;
	}
	
	div.bodyboard-range h1{
	padding-left: 5px;
	padding-bottom: 3px;
	margin-top:10px;
	margin-bottom:5px;
	background-color:#dddddd;
	font-size:1em;
	}
	
	div.bodyboard-icon{
	text-align:center; 
	width:178px;
	float:left;
	margin-right:20px;
	font-size:0.9em;
	}
	

/*--------------------------*/
/*---- PRODUCT POPUPS -----*/
/*--------------------------*/
	
	body.popup{
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	}
	body.popup div{
	float:left;
	margin-left:10px;
	margin-top:10px;
	}
	body.popup div p{
	text-align:left;
	}
	
	body.popup-wetsuit{
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	background-color:#ffffff;
	padding:0px;
	text-align:left;
	}
	body.popup-wetsuit div{
	float:left;
	}
	body.popup-wetsuit div p{
	text-align:left;
	}