.gradient4 {
	background: #000 url(images/gradient4-bg.png) repeat-x left bottom;
	padding: 10px 0 10px 0px;
	margin: 0px 0 0px;
}
.gradient4 h1 {
	font: normal 180%/100% Arial;
	position: relative;
	margin: 0;
	color: #fff;
}
.gradient4 span {
	background: url(../images/gradient-dark.png) repeat-x;
	position: absolute;
	bottom: -0.1em;
	display: block;
	width: 100%;
	height: 29px;
}
h2 { border-bottom:#404040 solid 1px; width:750px; margin:0 0 5px 0; font-weight:bold;}
h3 { color:#8F8F8F; }
p a { color:#af1c24; text-decoration:none; }
h2 a { color:#fff; text-decoration:none; }
/* mac hide\*/
html, body {height:100%}
/* end hide */
html,body 
	{
	padding:0;
	margin:0;
	}
body
	{	
	text-align:center;
	min-width:1002px;
	background:url(../images/bg_outer_mckee.gif) no-repeat #191919 50% 0;
	background-attachment:fixed;
	color:white;
	}
#outer
	{
	height:99.9%;
	min-height:100%;
	width:1006px;
	text-align:left;
	margin:auto;
	position:relative;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 1.2;	
	background:#000;
	}
html>body #outer{height:auto;}
#header
	{
	position:absolute;
	top:0;
	width:1001px;
	height:200px;
	overflow:hidden;
	z-index:100;
	background:url(../images/bg_header.jpg) no-repeat #1B1D1D;
	}
#headerhome
	{
	position:absolute;
	top:0;
	width:1001px;
	height:620px;
	overflow:hidden;
	z-index:100;
	background:url(../images/bg_header.jpg) no-repeat #1B1D1D;
	}
#left 
	{
	position:relative;
	width:205px;
	float:left;
	margin:200px 0px 0px 0px;
	border:#434446 1px solid;
	}
#footer 
	{
	width:1001px;
	clear:both;
	height:200px;
	left:0;
	bottom:0;
	position: absolute;
	}
#footer p
	{
	padding:5px;
	}
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
* html #footer 
	{/*only ie gets this style*/
	\height:202px;/* for ie5 */
	he\ight:200px;/* for ie6 */
	}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent 
	{
	width:775px;
	float:right;
	padding:200px 0px 0px 0px;
	}
#centrecontenthome 
	{
	width:1002px;
	float:right;
	padding:625px 0px 0px 0px;
	}
div#content {
	width:770px;
	margin:10px 0 0 0;
	}
div#contentheated {
	background:url(../images/bg_heated.gif) no-repeat;
	width:770px;
	margin:10px 0 0 0;
	height:768px;
	}
#clearfooter {width:100%;height:202px;clear:both}
html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-202px;} /*safari wrapper */
ul#topnav 
	{
	float:right;
	margin:62px 0 0 430px;
	width:580px;
	height:34px;
	}
ul#topnav li 
	{
	float:left;
	display:block;
	} 
ul#topnav li a 
	{
	display:block;
	outline:none;
	height:33px;
	background:transparent url(../images/bg_topnav.gif) no-repeat 0 0;
	text-indent:-9009px;
	margin:0 10px 0 0;
	}

ul#topnav li#wetsuits a { width:90px;background-position:0px 0px; }
ul#topnav li#wetsuits a:hover { background-position:0px -33px }

ul#topnav li#surfboards a { width:91px;background-position:-114px 0; }
ul#topnav li#surfboards a:hover { background-position:-114px -33px }

ul#topnav li#sups a { width:61px;background-position:-237px 0; }
ul#topnav li#sups a:hover { background-position:-237px -33px }

ul#topnav li#hardware a { width:91px;background-position:-328px 0; }
ul#topnav li#hardware a:hover { background-position:-328px -33px }

ul#topnav li#bodyboard a { width:91px;background-position:-435px 0; }
ul#topnav li#bodyboard a:hover { background-position:-435px -33px }

ul#topnav li#tikiworld a { width:91px;background-position:-543px 0; }
ul#topnav li#tikiworld a:hover { background-position:-543px -33px }



div#shoplink {
	color:white;
	font-size:16px;
	font-family:Verdana;
	position:relative;
	top:18px;
	left:680px;
	width:1001px;
	text-indent:-9009px;

	}
div#shoplink a {
	color:white;
	text-decoration:none;
	display:block;
	outline:none;
	}
div#topbar {
	margin:115px 0 4px 10px;
	position:absolute;
	float:left;
	width:190px;
	}
#topbar input {
	background:#353737;
	color:white;
	border:none;
	padding:5px;
	}
div#homelogos {
	width:820px;
	margin:10px 0 4px 185px;
	clear:both;
	height:55px;
	padding:10px 0 0 0;
	}
#homelogos .greylogos { float:left; margin:0 ; }
div#breadcrumb {
	padding:4px 0 3px 15px;
	}
div#breadcrumb a {
	color: #636567;
	text-decoration:none;
	}
div#datetime {
	position:relative;
	float:right;
	margin:0 10px 0 0 ;
	color: #636567;
	}
div.homebar3 .home1 {
	float: left;
	height: auto;
	margin:0 7px 0 0px;
	border: 1px solid #454545;
}
div.homebar3 .home2 {
	float: left;
	height: auto;
	border: 1px solid #454545;
	margin:0 7px 5px 0;
}
div.homebar3 .home3 {
	float: left;
	height: auto;
	margin:0 7px 5px 0;
	border: 1px solid #454545;
}
div#contenthome {
	padding:0 5px 5px;
	width:740px;
	border: 1px solid #454545;
	margin:5px 5px 5px 0;
	}
div#homeslide {
	float:left;
	width:750px;
	padding:8px 0 0 3px;
	}
div#homeright {
	padding:20px 5px 0 5px;
	background:#000;
	}
div#sschome {
	position:relative;
	background:url(../images/bg_ssc-home.gif) no-repeat;
	margin:0px 3px 0px 755px;
	height:260px;
 	}
img.ssc	{
	margin:2px 0 0 0;
	}
div#sscleft {
	background:url(../images/bg_ssc-left.gif) no-repeat;
	margin:5px 3px 5px 5px;
 	}
img.sscleft	{
	margin:78px 0 0 0;
	}

.input{
	border: 1px solid #424242;
	background: #1b1d1d;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
}
#kwick {
	position: relative;
	/*border-bottom: 3px double #333;*/
	margin-top: 20px;
}
#kwick .kwicks {
	display: block;
	margin: 0px;
}
#kwick li {
	float: left;
}
li:after {
	content: "";
}
#kwick .kwick span {
	display: none;
}
div.surfcam {
	margin:3px 0 0 0;
	}

#dhtmlgoodies_listMenu a{	/* Main menu items */
		color: #fff;
		text-decoration:none;	
		display:block;
		clear:both;
		width:190px;	
		padding:3px 3px 3px 5px;
		text-transform: uppercase;
		border-bottom:1px solid #434446;
	}
#dhtmlgoodies_listMenu ul li a{	/* Sub menu */
		margin-top:1px;
		border-bottom:1px solid #434446;
		font-weight:bold;
		width:175px;
	}
#dhtmlgoodies_listMenu ul li ul li a{	/* Sub Sub menu */
		color: #fff;
		font-size:0.9em;
		font-weight:normal;	
		width:160px;	
	}
#dhtmlgoodies_listMenu ul li ul li a:hover{	/* Sub Sub menu */
		color: #d72126;	
	}
#dhtmlgoodies_listMenu .activeMenuLink{	/* Styling of active menu item */
	}
	/*
	No bullets
	*/	
#dhtmlgoodies_listMenu li{
		list-style-type:none;
		padding:0 0 0 6px;
	}
	/*
	No margin and padding
	*/
#dhtmlgoodies_listMenu, #dhtmlgoodies_listMenu ul{
		margin:0px;
		padding:0px;
	}
/* Margin of sub menu items */
#dhtmlgoodies_listMenu ul{
		display:none;
		margin-left:10px;
	}
img.constructiontiles {
	float:left;
	margin:2px 1px 2px 1px;
	border: 1px solid #474748;
	}
div.prodbox {
	float:left;
	margin:15px 20px;
	}
div.prodbox img {
	border: 1px solid #474748;
	}
div.prodbox a { color:#fff; text-decoration:none; }
div.prodbox a:hover { color:#af1c24; text-decoration:none; }
div#righthome {
	margin:-402px 30px 0 0;
	float:right;
	}
div.leftgallery {
	float:left;
	margin:10px;
	border: 1px solid #474748;
	}
div#topprod {
	width:760px;
	clear:both;
	height:420px;
	}
div#topprodleft {
	float:left;
	width:530px;
	}
img.topprodleft {
	float:left;
	padding:6px;
	}
div#topprodright {
	float:right;
	width:234px;
	border:1px solid #474748;
	padding:2px;
	}
div#botprodleft {
	float:left;
	background:#fff;
	margin:10px 10px 0 0;
	padding:10px;
	width:500px;
	}
div#botprodright {
 	float:right;
 	width:225px;
	border:1px solid #474748;
	padding:5px;
	margin:34px 0 0 0;
 }
a.tip {
	text-decoration: none;
	color:#757474;
	font-size:10px;
}
a.tip:hover {
	position: relative;
	cursor: help;
}
a.tip span {
	display: none;
}
a.tip:hover span {
	display: block;
   	position: absolute; top: 10px; left: 0;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	border: 1px dotted #c0c0c0;
    text-decoration: none;
	padding-right: 10px;
	background: #f0f0f0 url(/images/status-info.png) 100% 5% no-repeat;
	width: 280px;
	/* end formatting */
}
div.tiki {
	background:url(../images/bg_tiki.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.webber {
	background:url(../images/bg_webber.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.mctavish {
	background:url(../images/bg_mctavish.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.seven {
	background:url(../images/bg_seven.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.mckee {
	background:url(../images/bg_mckee.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.walden {
	background:url(../images/bg_walden.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.hb {
	background:url(../images/bg_hb.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.aloha {
	background:url(../images/bg_aloha.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.sunset {
	background:url(../images/bg_sunset.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.supersoft {
	background:url(../images/bg_supersoft.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.surfseries {
	background:url(../images/bg_ss.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.infinity {
	background:url(../images/bg_infinity.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.modern {
	background:url(../images/bg_modern.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.nsp {
	background:url(../images/bg_nsp.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.southpoint {
	background:url(../images/bg_southpoint.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.watercooled {
	background:url(../images/bg_watercooled.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.wavepro {
	background:url(../images/bg_wavepro.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.hbbodyboards {
	background:url(../images/bg_hbbodyboards.gif) repeat-y #000;
	width:672px;
	padding:0 0 0 100px;
	overflow:hidden;
	}
div.prodlist {
	float:left;
	margin:10px 5px 10px 7px;
	width:155px;
	height:230px;
	}
div.prodlist img {
	border: 1px solid #474748;
	padding:1px;
	}
div.prodlist p {
	font-weight:bold;
	}
img.menuwetsuits {
	margin:5px;
	float:left;
	}
img.portal {
	float:left;
	margin:5px;
	border: 1px solid #474748;
	}
div.portalteam {
	float:left;
	margin:5px;
	}
div.portalteam img {
	border: 1px solid #474748;
	padding:1px;
	margin:0 0 5px 0;
	}
div.portalteam p a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}
/* ######### BEGIN FOOTER ########## */

div.FooterCon {    
    width:949px;
    padding-top:20px;
    margin-left:auto;
    margin-right:auto;    
    text-align:left;     
    clear:left;
	}
div.FooterBanner {
    width:949px;
    margin-left:auto;
    margin-right:auto;    
    clear:left;
}
div.FooterBannerCon {
    float:left;
    width:907px;
    border:1px solid #7A7A7A;
    padding:10px;    
    margin-top:20px;
}
div.ftAboutCon {
    float:left;
    width:320px;    
}
div.ftAboutHeader, .ftPostageHeader, .ftShoppingHeader, .ftDepartmentsHeader {
    float:left;
    width:310px;
    background-color:#212121;
    padding:5px 5px 5px 10px;
    font-weight:bold;
    color:#FFF;
}
div.ftAboutContent {
    float:left;
    width:155px;
    color:#FFF;
    font-size:95%;
}
div.ftPostageCon, .ftShoppingCon {
    float:left;
    width:207px;
}
div.ftPostageHeader, .ftShoppingHeader {
    width:192px;
}
div.ftPostageContent, .ftShoppingContent {
    float:left;
    color:#FFF;
    font-size:95%;
}
div.FooterCon ul {
    margin:10px 0px 0px 10px;
    padding:0px;
}
div.FooterCon ul li{ 
	padding:2px 0px 2px 10px;
	background:url(../images/ico_ft.gif) no-repeat 0px 5px;
	list-style-type:none;
}
div.FooterCon ul li a {
	color:#fff;
	text-decoration:none;
	}
div.FooterCon ul li a:hover {
	color:#fff;
	text-decoration: underline;
	}
div.FooterCon li.normal {
    padding: 2px 0px 2px 10px;
    list-style-type:square;
    background:url(../images/spacer.gif) no-repeat 0px 5px;
}
/*
ul li.first {
	padding-right:8px;
	background:none;
	list-style:none;
	display:inline;
	color:#b92c92;
}*/	
div.surfcam {
	float:left;
	padding:0 10px 0 0;
	}
img.surfcamads {
	padding:3px;
	}
#nav { padding: 0 ;}
#nav a { margin: 0 5px; padding: 1px 5px; color:#8F8F8F; text-decoration: none }
#nav a.activeSlide { background: #af1c24; color:#8F8F8F; }
#nav a:focus { outline: none; }
div#box {
	float:right;
	margin:240px 20px 120px 0;
	width:300px;
	padding:3px;
	}
.breadcrumb {
	position: absolute;
	margin:-18px 0 0 -220px;
	z-index:1000;
	}
.breadcrumb a { color: #636567; }
div#dimensions {
	color:#fff;
	margin:10px 0 0 0;
	}
div#dimensions table td {
	padding:5px;
	}
.shapers{
	background:#E1E2E3;
	border:none;
	width:300px;
	}
img.gallery {
	border:#fff 1px solid;
	padding:2px;
	margin:5px;
	float:left;
	}
div#toppage{
	bottom:5px;
	display:block;
	font-family:Arial;
	font-size:11px;
	padding:7px 7px 7px 10px;
	position:fixed;
	text-decoration:none;
	cursor: pointer;
	width:90px;
}
div.comments_div object {
max-width: 245px !important;
max-height: 186px !important;
}

div.comments_div embed {
max-width: 245px !important;
max-height: 186px !important;
}
div.prodleft {
	margin-bottom:5px;
	}
div.prodleft img {
	margin:5px 0 0 36px;
	border:#666 1px solid;
	padding:1px
	}
div.prodleft p  {
	text-align:center;
	padding:3px 3px;
	color:#fff;
	}
.prodleftprice {
	color:#000;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	font-family:Tahoma;
	margin:-5px 0 0 0;
	}
.prodleftprice span { font-size:9px;}
.buynow a { color:#296fa7; font-weight:bold; padding:0 0 0 35px; background:url(../images/bg_buynow.gif) no-repeat left; }
.link a { color:#fff; text-decoration:none; }
.link a:hover { text-decoration:underline; } 
div#headimg {
	margin:0 0 10px 0;
	padding:1px;
	border:#666 1px solid;
	}
.polaroid { width:147px; height:150px; background-image:url(../images/polaroid-bg.png); position:absolute; }
.polaroid img { width:134px; height:110px; margin:11px 0 0 7px; }
.polaroid p { text-align:center; font-family:Arial; font-size:9px; color:#2E2E2E; margin-top:6px; }
#polaroidcontainer { width:880px; height:600px; }
div#ukteam {
 	background: url(../images/bg_ukteam.png) no-repeat;
	width:303px;
	padding:3px;
	overflow:auto;
	margin:5px 0 0 10px;
 	}
div#ukteam img { border:solid 1px #525050; float:left; margin-right:2px; }
div#ukteam h2 { width:203px;}
div#ukteam p { border-bottom:solid 1px #525050; position:relative; margin:25px 0 0 0; }
div#ukteam p a { color:#fff; }
div.teambox { float:left; width:149px; margin:2px 2px 2px 0; }

div#europe {
 	background: url(../images/bg_ukteam.png) no-repeat;
	width:303px;
	padding:3px;
	overflow:auto;
	float:right;
	margin:0 70px 0 0;
 	}
div#europe img { border:solid 1px #525050; float:left; margin-right:5px; }
div#europe h2 { width:203px;}
div#europe p { border-bottom:solid 1px #525050; position:relative; margin:25px 0 0 0; }
div#europe p a { color:#fff; }

div#brazil {
 	background: url(../images/bg_ukteam.png) no-repeat;
	width:303px;
	padding:5px;
	overflow:auto;
	float:left;
	position:relative;
	margin:130px 0 0 10px;
 	}
div#brazil img { border:solid 1px #525050; float:left; margin-right:5px; }
div#brazil h2 { width:203px;}
div#brazil p { border-bottom:solid 1px #525050; position:relative; margin:25px 0 0 0; }
div#brazil p a { color:#fff; }

div#australia {
 	background: url(../images/bg_ukteam.png) no-repeat;
	width:303px;
	padding:5px;
	overflow:auto;
	float:right;
	margin:60px 0 0 0;
 	}
div#australia img { border:solid 1px #525050; float:left; margin-right:5px; }
div#australia h2 { width:203px;}
div#australia p { border-bottom:solid 1px #525050; position:relative; margin:25px 0 0 0; }
div#australia p a { color:#fff; }
div#fb-root {
	float:right;
	color:#fff;
	}
.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none;
width:200px;
}
.feedburnerFeedBlock ul li {
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E0E0E0;
}
.feedburnerFeedBlock ul li span.headline a {
color: #990000;
text-decoration: none;
display: block;
}
.feedburnerFeedBlock ul li span.headline a:hover {
color: #535353;
}
#creditfooter {
display: none;
}