body
{
    background-image: url(../../images/bg_grad.jpg);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    color: #02243d;
}

.clearfloat{ clear:both; height:0; font-size:1px; line-height:0px;}

div#main{ margin-left:auto; margin-right:auto;width:750px;}


/* Front Page Formatting */
div#homeSlideSection{ width:750px; border:solid 1px #c0c0c0; padding:2px 2px 2px 2px; text-align:center;}
div#homeSubSection{ width:750px; padding-left:0; padding-right:0; padding-top:10px;}
div#homeSubSectionLeft{ width:200px; float:left; margin-left:0; padding-right:10; text-align:left; }
div#homeSubSectionCenter{width:400px; float:left; margin-left:0; margin-right:0; text-align:left;  }
div#homeSubSectionRight{ width:150px; float:left;  margin-left:0; margin-right:0; text-align: right;   }
div.homeSectionHeader{ font-size:14px; height:20px; font-weight:bold;}
/* End Front Page Formatting */

 
 /** Sub Blue Bar Menu **/
#subMenuwrapper{  height:30px;}
#subMenuleftcap{ background-image:url(images/30_blue_grad_left_end_cap.jpg); float:left; width:8px; background-repeat:no-repeat;height:30px }
#subMenu{background-image:url(images/30_blue_grad_background.jpg); height:30px; float:left;  width:735px;}
#subMenu ul{ list-style:none;margin-top:8px; margin-left:0px; padding-left:15px;}
#subMenu li{ display:inline; font-size:14px; font-weight:bold; padding-left:15px;padding-right:15px; border-right:solid 1px #c0c0c0;}
#subMenu li a{ color:#ffffff; text-decoration:none;}
#subMenu li a:hover{ color:#c0c0c0; text-decoration:none;}
#subMenurightcap{background-image:url(images/30_blue_grad_right_end_cap.jpg); float:right; width:8px; background-repeat:no-repeat; height: 30px;}
 /** End Sub Bar Menu **/



h4{font-size:10pt;color:#02243d;font-weight:bold; margin:0;}
 
 p {margin: 5px 0 0 0 ; padding:0;}
 
 img {border:none;}


a { color: #02243d ;  font-family: Arial, Helvetica, sans-serif;  text-decoration: none }
a:hover { color: #c0c0c0;  font-family: Arial, Helvetica, sans-serif; text-decoration: underline }

a.legal { color: #979797; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.legal:hover { color: #02242d; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline }

a.news { color: #02243d ;  font-size: 8pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.news:hover { color: #c0c0c0;  font-size: 8pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: underline }

a.store { color: #02243d ;  font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.store:hover { color: #c0c0c0;  font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: underline }

a.surfboards { color: Orange ;  font-size: 11px;  font-family: Arial, Helvetica, sans-serif; text-decoration: underline }
a.surfboards:hover { color: #c0c0c0;  font-size: 11px;  font-family: Arial, Helvetica, sans-serif; text-decoration: underline }

a.blue { color: #02243d ;  font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.blue:hover { color: #c0c0c0;  font-family: Arial, Helvetica, sans-serif; text-decoration: underline }

a.blue_big { color: #02243d ; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; }
a.blue_big:hover { color: #c0c0c0;  font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight:bold; }

a.dealerItem { color: #565656 ; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; }
a.dealerItem:hover { color: #02243d;  font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight:bold; }

a.white { color: #ffffff ;   font-family: Arial, Helvetica, sans-serif;  text-decoration: none }
a.white:hover { color: #c0c0c0;   font-family: Arial, Helvetica, sans-serif;  text-decoration: underline }

.textWhite_standard{font-family : Arial, Helvetica, sans-serif;	font-size : 14px;color : White;	font-weight : bolder;}
.textWhite_12{font-family : Arial, Helvetica, sans-serif;	font-size : 12px;color : White;	}
.textWhite_11{font-family : Arial, Helvetica, sans-serif;	font-size : 11px;color : White;	}
.textWhite_10{font-size : 10px;color : #ffffff;}
.textGrey_6{font-size : 6pt;color : #c0c0c0;}
.textGrey_10{font-size : 10px;color : #c0c0c0;}
.textBlue_10{font-size : 9px;color : #02242d;	font-weight : bolder;}
.textBlue_9_noBold{font-size : 9px;color : #02242d;	}
.textBlue_11{font-size : 11px;color : #02242d;	font-weight : bolder;}

.textBlue_11_noBold{font-size : 11px;color : #02242d;	}
.textBlue_14{font-size : 14px;color : #02242d;	font-weight : bolder;}
.textBlue_12{font-size : 12px;color : #02242d;	font-weight : bolder;}
.textHeader{font-size : 16px;color : #02242d;	font-weight : bolder;}

.textBlack_11{font-size : 11px;color : #000000;	font-weight : bolder;}
.textBlack_12{font-size : 12px;color : #000000;	font-weight : bolder;}

.textRed_12{font-size : 12px;color : Red;	font-weight : bolder;}
.textRed_10{font-size : 10px;color : Red; font-style:italic;	}
.textOrange_11{font-size : 11px;color : Orange;	font-weight : bolder;}
.textDkGrey_11{font-size : 11px;color : #565656;	font-weight : bolder;}
.textMenu_main  {font-family : Arial, Helvetica, sans-serif:background : transparent;
	color : #EDF0AC;
	font-size : 14px;
	text-decoration : none;
	line-height : 14px;
}

.textMenu_sub  {	font-family : Arial, Helvetica, sans-serif:background : transparent;color : White;	font-size : 12px;line-height : 16px;}
.textMenu_front  {	font-family : Arial, Helvetica, sans-serif:background : transparent;color : #02243d;	font-size : 12px;	line-height : 16px;}
.textMenu_lgfront  {font-family : Arial, Helvetica, sans-serif:background : transparent;font-size : 16px;line-height : 16px;}
.textSmall {font-family : Arial, Helvetica, sans-serif;	font-size : 9px; font-style : italic;}
.cartHeading {	font-family : Arial, Helvetica, sans-serif;	font-size : smaller;	background-color : Silver;}
.textStandard {	font-family : Arial, Helvetica, sans-serif;	font-size : smaller;}

.roundtop {background: url(images/assets/r_upper_corner.gif) no-repeat top right; }
.roundbottom {background: url(images/assets/r_lower_corner.gif) no-repeat bottom right;}
img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
   
}
/* Boardroom data grid in surfboards */

.datagrid {
	background-color: #F3F3F3;
	border-color: #000000;
	color: #000000;
	border-style: solid;
	border-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.datagridaltitem {
	background-color: #E6E6E6;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
/* Dealer finder datalist formatting */

.dataListDealer{}

.dataListDealerItem { 	
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.dataListDealerItem span{ display:block; padding-left:25px;}

.dataListDealerItem a  
{
    display:block; 
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    height:25px; 
    padding-left:25px;  
    background-image:url(images/dealer_button_icon.jpg); background-repeat:no-repeat; }
    
 .dataListDealerItem a:hover{ text-decoration:underline;}
 
 #dealerCatList{ border-top: dotted 1px #c0c0c0; padding-top:2px; margin-top:2px; padding-left:25px;}
 


/* End Dealer finder datalist formatting */

.underShadow
{
    width:100%;		
	height:15px;
	background-image: url(../../images/css_assets/under_shadow.png);
	
    
    }
 

    .boxBodyLg
{    
	background-image: url(../../images/css_assets/500_clear_box_body.gif);
	background-repeat:repeat-y;
	height:278px;
	padding-left:10px;
	
    }
    
 .boxBody_noPad
{
 	background-image: url(../../images/css_assets/box_body.gif);
	background-repeat:repeat-y;
	height:240px;    
    }
    

 



.datagridHeader_small{	
	width:100%;		
	height:20px;
	background-image: url(../../images/css_assets/bg-menu-main.png);
	background-repeat:repeat-x;
	font-family:Arial;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
}

.datagridBoardroom
{
    border-left: #c0c0c0 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

#navlist
{margin-top: 0px; 
 margin-bottom: 0px; 
 padding-bottom: 5px;
 padding-left: 0px;
 padding-top:5px;
 margin-left: 0px;
}

#navlist li
{

margin-left: 10px;
padding: 3px;
color:White;
font-weight:bold;
font-size:11px;

}
#boardDetailContainer
{
    margin-top:0px;
    padding-top:0px;
    background-color:#02243d;
 }
 




/* Sunglasses Accordian */

.accordionHeader
{
    color: white;
    font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
    padding: 5px;
    cursor: pointer;
    background-image: url(../../images/css_assets/bg-menu-main.png);
	background-repeat:repeat-x;
	margin-bottom:2px;
}

 .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    border-top: none;
 }
 
.SelectedNodes
{
    color: orange;
    font-weight: bold;
    padding-left:20px;
    padding-bottom:5px;
    font-size:12px;
    
}
.Nodes{font-weight: bold; font-size:12px; padding-left:15px;padding-bottom:10px;}
.Features{color:#565656;font-weight:bold;font-size:10px;padding-left:10px;}


/** SUP Default Page **/


div #sup-home-left-col{ float:left; width:190px;}
div #sup-home-right-col{ float:left; width:550px; padding-top:3px;}




/** SUP Paddle Page **/
div#supPaddlesLeftBar{width:170px; float:left; font-size:11px; height:500px; padding-top:17px; margin-right:10px;}
div#supPaddlesLeftBar ul{ margin-left:20px; padding-left:0px; }
div#supPaddlesLeftBar li{ margin-left:0px; padding:5px 0px 5px 0px; }

div.supPaddleBlock{padding-top:15px; margin-left:20px; width:550px; float:right;}
div.supPaddleBlock h1{ display:block; border-bottom:solid 1px #c0c0c0; width:500px;}
div.supPaddleBlock span { font-size:11px;}
span.supPaddleTitle{ font-size:14px; font-weight:bold; display:block; position:relative; top:7px;}
span.supPaddleDesc{ font-size:11px;display:block;  position:relative; top:-10px; width:350px; padding-left:20px;}

div.buyNowButtonHolder{padding-bottom:15px;  margin-left:20px; width:550px; float:right;}
a.buyNowButton{ display:block;background-image:url(images/orange_buy_button_125.jpg); 
    background-repeat:no-repeat;
    width:130px; height:25px;
    position:relative;
    text-indent:-999999px; background-color:Blue;
     }

/** End SUP Paddle Pages **/

/** SUP Accessorie Page **/
div.supAccessorieBlock{padding-top:15px; margin-left:20px;}
div.supAccessorieBlock h1{ display:block; padding-bottom:5px; border-bottom:solid 1px #c0c0c0; }

div.supAccessories{  margin-left:30px;}
div.supAccessories h2{ display:block; padding-bottom:5px; padding-top:5px; }
div.supAccessories ul {list-style:none;  padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
div.supAccessories li { display:inline-block;width:150px; float:left; text-align:center; padding-left:5px; padding-right:5px;  }
div.supAccessories img { width:125px; overflow:hidden; }
div.supAccessories span { display:block; font-size:9pt; font-weight:bold; text-align:center}
div.supAccessories div { padding-left:10px; padding-top:5px;}
/** End SUP Accessorie Page **/

/** SUP Dealer Page **/
#supDealerForm{ padding-left:10px;}
#supDealerContentHolder{ margin-left:20px; }
.supDealerHolder{ float:left; width:200px; margin-right:20px; font-size:11px; line-height:17px;}
.supDealerHolder span{ font-weight:bold; font-size:14px; display:block; border-bottom:dotted 1px #c0c0c0; margin-bottom:5px; padding-bottom:5px; }
#supDealerSearchHeader{font-weight:bold; font-size:14px; padding-top:15px; padding-bottom:10px; }

div.addressLine{ padding:5px 0 5px 0;}
div.addressLine span{ font-size:11px; display:inline-block; width:75px; }


/** End SUP Dealer Page **/


/** SUP Pages **/

div#board-menu-holder
{
  width:190px;
  
    
  }
  
  div#board-menu-holder div
  {
     padding:0px 0px 0px 0px;
     margin:0px 0px 0px 0px; 
      
      }
div#board-menu-holder .menu-body
{    
	background-image: url(../../images/css_assets/box_body.gif);
	background-repeat:repeat-y;
	padding-left:10px;
	 padding:0px 0px 0px 0px;
  margin:0px 0px 0px 1px;
    }

div#board-menu-holder ul
{    
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
  width:170px;
  
    }
div#board-menu-holder ul li
{    
    list-style-type:none;
    
    }
div#board-menu-holder ul li.main-node
{    
    list-style-type:none;
    font-size:13px;
    font-weight:bold;
    border-bottom:dotted 1px #c0c0c0;
    margin-bottom:5px;
    }
 
 div#board-menu-holder ul li a 
 {
      display:block;
     padding-bottom:3px; 
    padding-left:10px; 
    padding-top:3px;  
     font-size:12px;}   
 
 div#board-menu-holder ul li a:hover 
 {
     color:Orange; 
     text-decoration:none; 
     padding-left:15px; 
     background-repeat:no-repeat; 
     background-position:left;
     background-image:url(../../images/css_assets/arrow_10x10_orange.gif);  
  } 


 div#board-menu-bottom
 {    
	background-image: url(../../images/css_assets/box_bottom.gif);
	background-repeat:no-repeat;
	
	height:34px;
	padding-right:15px;
	font-size:10pt;
   
    }
    
    div#board-menu-bottom a  
    {display:block; 
     
     margin-left:15px; 
     padding-left:20px;
     padding-top:3px;
     border-top:dotted 1px #c0c0c0;
     width:150px;
     background-repeat:no-repeat; 
     background-position:left; 
     background-image:url(../../images/css_assets/arrow_10x10.gif);
     
     }


 
 div.newsItem{ border-bottom:dotted 1px #c0c0c0; margin-bottom:5px; padding-bottom:5px}
 
 
div #sup-board-share-link {height:15px; text-align:right; padding-top:3px; padding-right:15px;}
div #sup-left-col{ float:left; width:190px;}
div #sup-right-col{ float:left; width:550px; padding-top:3px;}

#sup-description{ float:left; width:380px; border-right:dotted 1px #c0c0c0;  padding-right:5px; padding-top:5px; }
#sup-description div{ padding-bottom:5px;}
#sup-description ul{ list-style-type:none;}
#sup-description li{ padding-bottom:3px;}

#sup-colors ul { margin-left:0px; padding-left:10px;  list-style-type:none; }
#sup-colors ul li{ float: left; padding-right:5px;}
#sup-colors ul li span { display:block;}

#sup-features{float:right; width:155px;  padding-left:5px; padding-top:5px; }
#sup-features div { padding-bottom:15px; }
#sup-features h4 { font-size:11px; margin-bottom:5px; }
#sup-features a.acrobat-link {background-image:url(../../images/icons/acrobat.gif); background-repeat:no-repeat; background-position:left; text-decoration:none; color:#333333; padding-left:20px; padding-bottom:1px; font-size:9pt;}
#sup-features a.acrobat-link span {font-size:8pt; font-style:italic;}

div.popUpHeader{width:100%;		
	height:20px;
	background-image: url(../../images/css_assets/bg-menu-main.png);
	background-repeat:repeat-x;
	font-family:Arial;
	font-size:9pt;
	color:#ffffff;
	font-weight:bold;
	padding-top:3px;}
	
div.popUpHeader a { color:#ffffff; margin-left:5px;}
	
div.popUpImage {margin-top:10px;}
p.popUpBody {text-align:left; font-size:9pt; margin-top:10px; }


div.ImageGallery{ padding: 0 10px 0 10px; }
div.ImageGalleryHeader{ text-align:left; margin:0 5px 0 5px; margin-bottom:5px; border-bottom:dotted 1px #c0c0c0; }
div.ImageGalleryHeader h4{font-size:10pt;color:#02243d;font-weight:bold; margin-bottom:5px;}
div.ImageGalleryFrames{ text-align:center; }


/** SUP Section Email Region**/

#EmailSubmissionTable{border-top:solid 1px #c0c0c0; border-bottom:solid 1px #c0c0c0; width:100%; margin-top:10px; margin-bottom:10px;}
#EmailSubmissionBtns{ width:100%; }
#EmailSubmissionPrivacy{ font-style:italic; font-size:7pt;}
 
#boardRoom_Home{ width:400px; height: 225px; margin-top:5px; }
 p.topPad{ padding-top:5px;}
  div.headContainer {height:20px;width:100%;background-image:url(../../images/css_assets/tab/tab-blue.gif);}    
      
  div.headBody 
 {   
	float:left;
	padding-top:3px;
	padding-left:5px;
	font-weight:bold;
	
	background-image:url(../../images/css_assets/tab/tab-blue.gif);
	font-size:10pt;
	color:#ffffff;
 }
  div.rHead
 {
     float:right;
	padding-top:3px;
	padding-right:10px;
	font-weight:bold;
	
	background-image:url(../../images/css_assets/tab/tab-blue-right.gif);
    background-position:top right;
	background-repeat:no-repeat;
     
     }
     
  a.head-enter{ color:#FF9900;text-decoration:none;font-weight:normal;}
  a.head-enter:hover{color:#FF9900;text-decoration:underline }