/* default opacity for IE 
img {
	filter:alpha(opacity=100);
}/*

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
}

a {color:#0099FF; text-decoration: none;}
a:hover {color:inherit; text-decoration: none; color:#0099FF; text-decoration: underline;}
a img {border: 0px;}

img {
  border: none;
}


div, span, p, h2, h3, h1 {/*z-index: 2;*/}


body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11pt;
	background-color: #231f20;
	background-image: url(/template_new/background.gif);
	background-color: #231f20;
	background-repeat: repeat-x;
}
#wrapper { 
 margin: 0 auto;
 width: 920px;
 border: 1px solid #000;
 background-color: #fff;
}
#header {
 color: #333;
 width: 860px;
 float: left;
 padding: 30px 30px 5px 30px;
 height: 70px;
 background: #fff;
}

#navigation {
 float: left;
 width: 920px;
 color: #fff;
 padding: 5px 0px 2px 0px;
 margin: 0px 0px 0px 0px;
 background: #cccccc;
 height: 20px;
 vertical-align: middle;
 text-align: center;
 text-transform: uppercase;
}

#leftcolumn { 
 color: #333;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 padding-bottom: 0px;
 min-height: 350px;
 width: 175px;
 float: left;
 position:relative;
 clear: left;
}
#rightcolumn { 
 clear: right;
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 5px 20px;
 height: auto;
 width: 680px;
 display: block;
 position: relative;
 /*z-index: 2;*/
}

#nocolumn { 
 color: #333;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding-top: 0px;
 min-height: 350px;
 width: 870px;
 float: left;
 position:relative;
}

#nocolumn .padded {
 margin: 15px 25px;
 padding: 0px;
 /*z-index: 2;*/
}

#breadcrumb {width: 680px; text-align: center; margin: 0px 0px 5px 0px; background-color:#eee;}
#breadcrumb a{text-decoration: none; color: #888; font-size: 9pt;}
#breadcrumb a:hover{text-decoration: none; color: #0099FF}

#wave {
 width:900px;
 float:left;
 clear: both;
 min-height: 87px;
 background-image: url(/template_new/back_wave.gif);
 background-repeat: no-repeat;
 background-position: 0 bottom;
 text-align: right;
 display:block;
}

.surfboards_above {
	/*z-index: 2;*/
}

.big_bottom_title {
	color: #ccc;
	font-size: 50pt;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	position:absolute;
	bottom: 19px;
	right: 38px;
	text-align: right;
	letter-spacing: -0.1em;
	line-height:40pt;
	/*z-index: 1;*/
}
.big_bottom_title .blue {
	color: #66ccff;
}

#wave .big_title {
	right: 45px;
	bottom: 0px;
	text-align: right;
}

.big_title {
	color: #ccc;
	font-size: 50pt;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#ncwave {
	width:920px;
	min-height: 87px;
	float:left;
	clear: both;
	background-image: url(/template_new/back_wave.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	position: relative;
	bottom: 0px;
	left: 0px;
	text-align: right;
	
}

#ncwave .big_bottom_title {
	position: relative;
	right: 45px;
	bottom: 5px;
	text-align: right;
	/*z-index: -1;*/
}


#footer { 
 width: 840px;
 clear: both;
 float: none;
 color: #333;
 background: #fff;
 text-align:right;
 vertical-align: middle;
 padding: 3px 15px 0px 15px;
 margin: 0px 25px 0px 25px;
 border-top: 1px solid #ccc;
 height: 20px;
 font-size: 9pt;
}

#logo_top{float: right;}
#top_slogan{float: left;}
#top_logos {
	height: 36px;
	clear: both;
}

#front_page_bar {
	background-color: #ccc;
	height: 130px;
	padding: 0px 0px 0px 0px;
	width: 884px;
	margin: auto;
}

#front_page_bar div {
	float: left;
	height: 120px;
	width: 212px;
	padding: 10px 0px 0px 8px;
}
#front_page_bar #first_div {
	padding: 10px 0px 0px 0px;
	margin-left: 0px;
}
#front_page_bar #last_div {
	padding: 10px 0px 0px 8px;
}

.full_grey_bar {
	display: block;
	width: 920px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	background-color: #ccc;
	text-align: center;
}

.link_list
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	text-align: center;
	float: none;
	font-size: 11pt;
}

.link_list li
{
	float: none;
	display: inline;
	margin: 0 0.15em;
	padding: 0px 10px 0px 10px;
	height: 20px;
}

.link_list a{text-decoration: none; color: #888;}

#top_menu {padding: 17px 0px 0px 0px;}
#top_menu li{text-align:center; padding:5px; margin:3px;} 
#top_menu li:hover{text-decoration: none;color: #0099FF;background-image: url(/template_new/pointy.gif);background-repeat: no-repeat;background-position: 50% bottom;}
#top_menu .current{background-image: url(/template_new/pointy.gif);background-repeat: no-repeat;background-position: 50% bottom;} 
#top_menu .current a{text-decoration: none;color: #0099FF;}  
#top_menu a:hover {text-decoration: none;color: #0099FF;} 

#nav_menu {text-align: center;margin: 0px;}
#nav_menu li {float: none;display: inline;margin-left: -4px;}
#nav_menu a {color: #fff;}
#nav_menu a:hover {color: #0099FF;}
#nav_menu .blue {color: #0099FF;}

.blue {color: #0099FF;}



.padded .big_bottom_title {
	bottom: 0px;
	right: 0px;
	/*z-index: 0;*/
}


#position_div {
	position: relative;
	/*z-index:2;*/
}

.grey_box{
	background-color: #eee;
	color: #888;
	padding: 10px;
	padding-bottom: 30px;
}
.grey_box img{
	margin: 5px;
	margin-left: 15px;
	border: 1px solid #888;
	float: right;
}

.contact_div {
	width: 250px;
	padding-left: 25px;
	float: left;
}

.shop_menu ul {
	text-transform: capitalize;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 9pt;
}

.shop_menu li {list-style-type: none;margin: 0px;color: #888;}
.shop_menu a, .shop_menu a:visited {color: #888;}
.shop_menu a:hover {color: #0099FF;text-decoration: none;}

.product_small a {text-decoration: none;color: #888;display:block;width: 130px; height: 100px; padding-top: 5px; padding-bottom:20px;}
.product_small a:hover {color: #0099FF; background-color: #eee;}
.product_small { width:130px; text-align:center; height: 100px; vertical-align: top;  border: 0px dashed #ccc; font-size: 9pt; position: relative;}
.product_small img {max-width:80px;max-height:80px;}
.product_small .price { width: 130px; text-align: center; position: absolute; bottom: 0px; color:#0099FF; padding-bottom: 10px;}
.product_small .rel {position:relative; }

.product_small_prod a {color: #888;}
.product_small_prod a .big {text-decoration: none;color: #888;display:block;width: 130px; height: 150px; padding-top: 5px; padding-bottom:20px;  cursor:pointer;}
.product_small_prod a:hover {color: #0099ff; text-decoration: none;}
.product_small_prod:hover {color: #0099FF; background-color: #eee;}
.product_small_prod { width:130px; text-align:center; height: 175px; vertical-align: top;  border: 0px dashed #ccc; font-size: 9pt; position: relative;}
.product_small_prod img {max-width:80px;max-height:80px;}
.product_small_prod .price { width: 130px; text-align: center; color:#0099FF; padding-bottom: 10px;}
.product_small_prod .price a, .product_small_prod .price2 a { color:#0099FF;}
.product_small_prod .prod_web_desc { height: 150px; }
.product_small_prod .price2 { width: 130px; text-align: center; color:#0099FF; padding-bottom: 10px; position:absolute;bottom:0;}

.fl {float: left;}

h1{
	font-size: 18pt;
	font-weight: bold;
	color: #0099FF;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

h2{
	font-size: 16pt;
	font-weight: bold;
	color: #0099FF;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

h3{
	font-size: 11pt;
	font-weight: bold;
	color: #0099FF;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

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

#product_image {height: 278px; width: 278px;}
#product_big_image {width: 278px; height: 278px; border: 1px solid #ccc; border-right: 0px; float: left; padding: 5px; cursor:pointer;}
#little_images {width: 100px; height: 288px;border: 1px solid #ccc; float: left;padding: 0px; margin-right:15px;}
#little_images img {padding: 5px; cursor:pointer;}
.product_div_top {text-align:center;}
.product_div_top h1{font-size: 16pt;
	font-weight: bold;
	color: #0099FF;
	padding: 5px 0px 5px 0px;
	margin: 0px;}
#discounts{clear:both;}
#product_desc{clear:both; padding-top:15px;}
#buy_options {text-align:left; height:278px; border: 1px solid #ccc;display:block; padding-top: 10px;}
#buy_options select {width: 100px;}
#buy_options_div {margin-top: 15px;}
#buy_options table {border-collapse: collapse;}
#buy_options table td {border-collapse: collapse; vertical-align: top;}
#buy_options table .first{width:105px; padding: 0px; margin: 0px; color: #0099FF;}

#discounts{float: left; padding-top: 15px;}
#disc_table { border-collapse: collapse; border: 0px #ccc solid; text-align:center}
#disc_table td {  border: 0px #ccc solid;}
#disc_table th {  border: 0px #ccc solid; padding: 5px; background-color: #0099FF; color: #fff; vertical-align:middle;}
.related_items { text-align:center; margin-top:10px; padding-bottom:10px; border: 1px dashed #888;/* position: relative; z-index: 2;*/}
.related_items .product_small {padding: 0px; margin: 0px; position: relative; /*z-index: 2;*/}
.image_over_body{border: 1px solid #888; background-color:#fff; padding:5px; max-width: 600px;}
.image_over_head{border: 1px solid #888; border-bottom: 0px; background-color:#0099FF; padding:5px; color:#fff;}

.selectQty { color: #0099FF; background-color: #fff; width: 100px; text-align: center }
.nav_menu_column {float:left;}

.row1 td, .row2 td, .total_row_2 {border: 1px dashed #ccc;}
#basket {border-collapse: collapse;}
#basket td { padding: 2px 5px;}
#basket th {border: 1px solid #ccc; background-color: #0099FF; color:#369; padding:5px; background-image:url(/template_new/background_head.gif);}
.buttons1{background-color: #0099FF; color:#000; background-image:url(/template_new/background_head_grey.gif);}
.total_row{background-color: #ccc; color:#000; border: 1px solid #ccc; font-weight:bold; background-image:url(/template_new/background_head_grey.gif)}
.offers{border: 1px dashed #ccc;}
#offers_title td {margin-top:25px;border: 1px solid #ccc;background-color: #0099FF;background-image:url(/template_new/background_head.gif);}
#offers_title h3 { color:#369;}
input {background-color: #fff; color:#0099FF;}

#order_info input { border:1px #ddd solid }
#order_info textarea { border:1px #ddd solid }
#login_form input { border:1px #ddd solid }

.spacer {height:15px; padding: 7px; background-color:#fff; color:#fff;}

#order_info table, #login_form table {width: 400px;margin-left: auto;margin-right: auto;}
#order_info table td, #login_form table td {width: 190px;}
#order_info div, #login_form div {text-align: center; width: 620px; padding: 20px 0px; border: 1px dashed #888; border-bottom:0px;}
#order_info div table, #login_form div table {text-align: left;}
#order_info div table td, #login_form div table td {vertical-align:top}
.bottom_dashed_border {border-bottom: 1px dashed #888; width:620px;}

.how_to_table {border-collapse: collapse;}
.how_to_table td {border: 1px dashed #ccc; vertical-align: top; padding: 5px; text-transform: capitalize;}
.how_to_table th {background-color: #cccccc; border: 1px solid #ccc; background-image:url(/template_new/grey_background.png)}
.how_to_table h3 { color: #fff;}

#news_articles .padded {border: 1px dashed #ccc; margin: 5px 15px 20px; padding: 5px 5px; width: 880px;}
#news_articles .grey_box { width: 860px;}
#news .padded {clear: both;}
#news .padded grey_box img {max-width:180px; max-height: 180px;}
#news #news_articles .padded img {max-width:180px; max-height: 180px; float: right;}
#news .padded a {color: inherit;}
#news .padded a:hover {color: #0099FF; text-decoration: none;}
#news .padded p {padding-top: 5px;}

#riders .padded a:hover {text-decoration: none;} 
#riders .padded {width: 860px;} 
#riders .padded span div {min-height: 200px; background-color: #fff; padding: 15px; display: block; border: 1px dashed #ccc; border-top:0px; }
#riders .padded h2 {background-color: #cccccc; background-image:url(/template_new/grey_background.png); display: block; padding-left: 15px; padding-right: 15px; border:1px solid #ccc; color: #fff;}
#riders .padded td { text-align: left; width:250px; color: #888;}
#riders .padded th { text-align: left; width: 100px; vertical-align: top;color: #0099FF;}
#riders .padded img { border: 1px solid #000;} 
#roders .padded p { color: #000;}
#riders .padded .left_align .rider_image{ float: left; margin-right: 15px; }
#riders .padded .right_align .rider_image { float: right; margin-left: 15px; }
#riders .padded .right_align h2 { text-align: right; }
#riders .padded .rider_info table { padding: 0px 0px; color: #000; }
#riders .padded .rider_info p {text-align: left; color:#888; }
#riders .padded .competition_box {text-align: left; float: right; width: 210px;}
#riders .padded .competition_box p {padding-left: 5px;  color: #888;}

#gallery-area {width: 876px; height: 600px; margin: 15px 22px; border: 1px solid silver;}

#db_page img {padding-right: 20px; display:block;}

#cat_info {border: #ccc dashed 1px; padding: 10px; margin-bottom: 10px;}

.dashed-border{border: #ccc dashed 1px;}
.dashed-border table {margin: auto; border-collapse: collapse;}
.dashed-border td {width:150px;vertical-align: top;text-align:center;}
.dashed-border input {text-align:center;}
.fake_link {cursor: pointer; }
.be_grey {color: #888;}
.tooltip {overflow: auto; width: 230px; height: 151px; position: absolute; top: 19px; left: 0px; font-family: verdana; font-size: 11px; font-weight: normal; color: black;}

.reviews { text-align:left; margin-top:10px; padding-bottom:10px; border: 1px dashed #888;}
.reviews h2{ text-align: center; padding-bottom: 15px;}
.review_grey {padding: 15px 10px; background-color: #eee;}
.review_white {padding: 15px 10px; background-color: #fff;}
.reviews input, .reviews textarea {width: 400px;}

#scr1 div {
  visibility:hidden;
}
#scr1, #scr1 div.default {
  width:160px;
  height:120px;
  overflow:hidden;
  visibility:visible;
}
#scr1 table tr td div {
 visibility:visible;
}

#all_kit { 
	border-collapse: collapse;
	border-bottom: 1px dashed #ccc;
	text-align: left;
	margin-top: 15px;
	
}

#all_kit .line { 
	border-collapse: collapse;
	border: 1px dashed #ccc;
	border-bottom: 0px dashed #ccc;
	padding: 10px 10px 15px 10px;
	position: relative;
	min-height: 110px;
}

#all_kit .line .image_span { 
	padding: 5px;
	border: 1px solid #ccc;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 15px;
	right: 15px;
}

#all_kit .line select {
	width: 600px;
	background-color: #ffffff;
	color: #0099FF;
}

.surf_line {
	position: relative;
}

.surfboard_thumb {
	float:left;
	width: 133px;
	text-align: center;
	color: #999;
	border: 1px dashed #fff;
}

.surfboard_thumb a { color: #999; }
.surfboard_thumb a:hover {
	text-decoration: none;
	color: #09f;
}

.surfboard_thumb:hover {
	border: 1px dashed #ccc;
	color: #09f;
	text-decoration: none;
}

#surf_form .first {color: #09f; font-weight: bold;}

#siteseal { position: fixed; bottom: 50px; right:0; z-index: 9999; }

.highslide-image {
		border: 1px solid black;
}
.highslide-controls {
	width: 90px !important;
}
.highslide-controls .highslide-close {
	display: none;
}
.highslide-caption {
	padding: .5em 0;
}

.pagination {
	text-align: center;	
}

.news_list {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	margin: 5px 15px 20px;
	padding: 5px 5px;
	width: 880px;
}