/* ------------------------------------------------------------

Title:      Big Winds blueprint override public styles
Author:     Big Winds Hood River
Website:	www.bigwinds.com
Copyright: 	(c) 2008 Big Winds Hood River

------------------------------------------------------------ */

body {
	margin: 0;
	background: #fff url(/images/layout/header-bg.gif) 0 0 repeat-x;
	color: #222;
}

i {
	font-style: italic;
}

b {
	font-weight: bold;
}

input.text {
	width: 160px;
}

textarea {
	width: 300px;
	height: 150px;
}

select {
	width: auto;
	vertical-align: middle;
	font-size: 100%;
}



/* Base overrides for typography.css */
/* -------------------------------- */
h1,h2,h3,h4,h5,h6 { 
	color: #333;
	line-height: 1.2;
}

h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}

.container {
	margin: 0;
	padding-bottom: 20px; /* weirdly necessary to get the nav bg to extend to the bottom of the window */
	padding-left: 0;
	background: transparent url(/images/layout/nav-bg.gif) 10px 0 repeat-y;
	width: 970px;
}

.box {
	background-color: transparent;
}

.quiet {
	color: #ccc;
}

.highlight {
	background-color: #ffc;
}



/* Hyperlink'd Button Styles */
/* -------------------------------- */
body.kiteboard div.content a.button,
body.standup div.content a.button {
	color:#565656;
}

body.kiteboard div.content a.button:hover,
body.standup div.content a.button:hover {
	color:#336699;
}
body.kiteboard div.content a.button:active,
body.standup div.content a.button:active {
	color:#fff;
}



/* Header Styles */
/* -------------------------------- */
.header {
	padding-right: 10px; /* accounts for the 10px left offset, and pushes banner into the right place */
	height: 98px;
	background: transparent url(/images/layout/header1.gif) 0 0 no-repeat;
}

.header h1 {
	margin-bottom: 0;
	height: 62px;
	padding-left: 10px;
	text-indent: -5000px;
	font-size: 18px;
}

.header h1 a {
	display: block;
	text-decoration: none;
	height: 60px;
	width: 180px;
}

.header h1 a:focus, .topnavtabs a:focus, .topnavigation ul li a:focus {
	overflow: hidden;
}



/* Top Sport Tab Styles */
/* -------------------------------- */
.topnavtabs {
	padding-left: 10px;
	height: 36px;
	background: transparent url(/images/layout/topnavtabs-a1.gif) 0 0 no-repeat;
}

body.windsurf .topnavtabs {
	background-image: url(/images/layout/topnavtabs-a1.gif);
}

body.kiteboard .topnavtabs {
	background-image: url(/images/layout/topnavtabs-a2.gif);
}

body.standup .topnavtabs {
	background-image: url(/images/layout/topnavtabs-a3.gif);
}

.topnavtabs h2 {
	text-indent: -5000px;
	font-size: 18px;
	margin-bottom: 0;
}

.topnavtabs a {
	display: block;
	text-decoration: none;
	height: 36px;
	width: 70px;
	background: transparent url(/images/layout/topnavtabs-hover.gif);
}

.topnavtabs .kiteboardtab a {
	background-position: -80px 0;
}

.topnavtabs .standuptab a {
	background-position: -160px 0;
}

.topnavtabs .windsurftab a:hover {
	background-position: 0 -100px;
}

.topnavtabs .kiteboardtab a:hover {
	background-position: -80px -100px;
}

.topnavtabs .standuptab a:hover {
	background-position: -160px -100px;
}

.banner img {
	margin: 0;
}



/* Top Navigation Styles */
/* -------------------------------- */
.topnavigation {
	background: transparent url(/images/layout/topnav-bg-01.gif) 0 0 no-repeat;
	margin-left: 0;
	height: 35px;
	padding-left: 10px;
}

body.windsurf .topnavigation {
	background-image: url(/images/layout/topnav-bg-01.gif);
}

body.kiteboard .topnavigation {
	background-image: url(/images/layout/topnav-bg-02.gif);
}

body.standup .topnavigation {
	background-image: url(/images/layout/topnav-bg-03.gif);
}

.topnavigation ul {
	margin-top: 5px;
	margin-left: -4px;
	list-style: none;
}

.topnavigation ul li {
	display: inline;
	margin: 0;
}

.topnavigation ul li a {
	background: transparent url(/images/layout/topnavigation.gif) 0 0 no-repeat;
	text-indent: -5000px;
	float: left;
	width: 80px;
	text-decoration: none;
	display: block;
	height: 30px;
}
.topnavigation ul li.philanthropy a {background-position: -560px 0;}
.topnavigation ul li.philanthropy a:hover {background-position: -560px -50px;}
.topnavigation ul li.visitors a {background-position: -560px 0;}
.topnavigation ul li.visitors a:hover {background-position: -560px -50px;}
.topnavigation ul li.about a {background-position: 0 0;}
.topnavigation ul li.about a:hover {background-position: 0 -50px;}
.topnavigation ul li.lessons a {background-position: -80px 0;}
.topnavigation ul li.lessons a:hover {background-position: -80px -50px;}
.topnavigation ul li.rentals a {background-position: -160px 0;}
.topnavigation ul li.rentals a:hover {background-position: -160px -50px;}
.topnavigation ul li.kids a {background-position: -240px 0;}
.topnavigation ul li.kids a:hover {background-position: -240px -50px;}
.topnavigation ul li.weather a {background-position: -320px 0;}
.topnavigation ul li.weather a:hover {background-position: -320px -50px;}
.topnavigation ul li.contact a {background-position: -400px 0;}
.topnavigation ul li.contact a:hover {background-position: -400px -50px;}
.topnavigation ul li.cart a {background-position: -480px 0;}
.topnavigation ul li.cart a:hover {background-position: -480px -50px;}


body.philanthropy .topnavigation ul li.philanthropy a,
body.philanthropy .topnavigation ul li.philanthropy a:hover {background-position: -560px -100px;}
body.visitors .topnavigation ul li.visitors a,
body.visitors .topnavigation ul li.visitors a:hover {background-position: -560px -100px;}
body.about .topnavigation ul li.about a,
body.about .topnavigation ul li.about a:hover {background-position: 0 -100px;}
body.lessons .topnavigation ul li.lessons a,
body.lessons .topnavigation ul li.lessons a:hover {background-position: -80px -100px;}
body.rentals .topnavigation ul li.rentals a,
body.rentals .topnavigation ul li.rentals a:hover {background-position: -160px -100px;}
body.kids .topnavigation ul li.kids a,
body.kids .topnavigation ul li.kids a:hover {background-position: -240px -100px;}
body.weather .topnavigation ul li.weather a,
body.weather .topnavigation ul li.weather a:hover {background-position: -320px -100px;}
body.contact .topnavigation ul li.contact a,
body.contact .topnavigation ul li.contact a:hover {background-position: -400px -100px;}
body.cart .topnavigation ul li.cart a,
body.cart .topnavigation ul li.cart a:hover {background-position: -480px -100px;}





/* Search Form Styles */
/* -------------------------------- */
.search {
	background: transparent url(/images/layout/nav-top.gif) 0 0 no-repeat;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 13px;
}

.search input.text {
	width: 110px;
	vertical-align: middle;
	margin: 0 .5em 0 0;
}

.search input.submit {
	vertical-align: middle;
	margin: 0 .5em 0 0;
}



/* Search Results Styles */
/* -------------------------------- */
body.searchresults div.content font,
body.searchresults div.content table {
	display: none;
}

body.searchresults div.content span.url {color: #999;}



/* Main Navigation Styles */
/* -------------------------------- */
.navigation {
	width: 200px;
}

.navigation ul {
	margin: 0;
	list-style: none;
	margin-left: 7px;
}

.navigation ul li {
	background: transparent url(/images/layout/nav-header-bg.gif) 0 0 no-repeat;
}

.navigation ul li.wind {
	background-image: url(/images/layout/nav-header-bg-01.gif);
}

.navigation ul li.kite {
	background-image: url(/images/layout/nav-header-bg-02.gif);
}

.navigation ul li.standup {
	background-image: url(/images/layout/nav-header-bg-03.gif);
}

.navigation ul li a {
	color: #fff;
	text-decoration: none;
}

.navigation ul li a:hover {
	text-decoration: underline;
	color: #fff;
}

.navigation ul ul li a:hover {
	color: #1c6cbc;
}

body.kiteboard .navigation ul ul li a:hover {
	color: #c02503;
}

body.standup .navigation ul ul li a:hover {
	color: #236621;
}

.navigation ul ul li a {
	color: #333;
}

.navigation ul ul li a:hover {
	text-decoration: underline;
}

.navigation ul ul {
	margin: 0 0 1em 0;
	margin-left: 3px;
	padding-left: 8px;
	border-left: 1px solid #53616b;
}

.navigation ul li.wind ul {
	border-left-color: #1c6cbc;
}

.navigation ul li.kite ul {
	border-left-color: #c02503;
}

.navigation ul li.standup ul {
	border-left-color: #297e27;
}

.navigation ul ul ul {
	margin: 0 0 0 10px;
	padding-left: 0;
	border: 0;
}

.navigation ul li li {
	background: none;
	padding-right: 0;
}

.navigation ul li h3 {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin: 0 0 .5em 12px;
	padding-top: 5px; /* margin-top offsets the background for some reason */	
}

.navigation ul ul li {
	font-weight: bold;
	font-size: 14px;
}

.navigation ul ul ul li {
	font-weight: normal;
	/* font-size: 0.8em; */
	font-size: 12px;
}

.navigation ul ul.secondary li {
	font-weight: normal;
	font-size: 1em;
}

.navigation ul ul.closeout li a {
	color: #1c6cbc;
}

body.kiteboard ul ul.closeout li a {
	color: #c02503;	
}

body.standup ul ul.closeout li a {
	color: #297e27;
}

.navigation div.hrnav {
	background: transparent url(/images/layout/nav-hr-01.gif) 0 0 no-repeat;
	height: 1px;
	margin: 0.5em 0 0.5em 0;
}

body.kiteboard .navigation div.hrnav {
	background-image: url(/images/layout/nav-hr-02.gif);
}

body.standup .navigation div.hrnav {
	background-image: url(/images/layout/nav-hr-03.gif);
}

.navigation div.hrnav hr {
	display: none;
}



/* Content Styles */
/* -------------------------------- */
.content {
	margin-top: -33px;
}

.content a:hover,
.footer a:hover {
	color: #06C;
	text-decoration: none;
}

body.kiteboard .content a,
body.kiteboard .footer a {
	color: #c02503;
}

body.standup .content a,
body.standup .footer a {
	color: #236621;
}

body.kiteboard .content a:hover,
body.kiteboard .footer a:hover {
	color: #900;
}

body.standup .content a:hover,
body.standup .footer a:hover {
	color: #060;
}

.content span.sale a {
	color: #c00;
}

.content .weak {
	color: #333;
	font-size: 11px;
}

.content del {
	color: #999;
	text-decoration: line-through;
}

.content .contentimage {
	border: 1px solid #222;
}
.content .contentimage-nb {
	border: 0px;
}
.content .contentimage-rbl {
	border-top: 0px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	display: block;
}
.content .contentimage-ltr {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 0px;
	border-left: 1px solid #000;
	display: block;
}



.content .contentheader-7,
.content .contentheader-10 {
	display: block;
	color: #333;
	font-family: arial, helvetica, sans-serif;
	font-size: 250%;
	font-weight: bold;
	text-transform: lowercase;
	line-height: 1.1;
	padding: 0 0 2px 0;
}

.content .contentheader-7 span,
.content .contentheader-10 span {
	display: block;
	padding: 12px 0 12px 10px;
}

.content .contentheader-10 {
	background: transparent url(/images/layout/headers/header-bottom-span-10.gif) bottom left no-repeat;
}

.content .contentheader-10 span {
	width: 380px; /* 390 - 10px left padding */
	background: transparent url(/images/layout/headers/header-span-10.gif) 0 0 no-repeat;

}

.content h1.contentheader-7 {
	background: transparent url(/images/layout/headers/header-bottom-span-7.gif) bottom left no-repeat;
}

.content h1.contentheader-7 span {
	width: 260px; /* 270 - 10px left padding */
	background: transparent url(/images/layout/headers/header-span-7.gif) 0 0 no-repeat;
}


.content .categoryheader-15 {
	padding: 0 0 2px 0;
	/* height: 26px; */ /* 33 - 7px top padding */

	background: transparent url(/images/layout/headers/categoryheader-bottom-span-15.gif) bottom left no-repeat;
	color: #333;
	font-family: arial, helvetica, sans-serif;
	font-size: 160%;
	font-weight: bold;
	text-transform: lowercase;
	line-height: 1.1;
	letter-spacing: .05em;
	margin-bottom: 1em;

}

.content .categoryheader-15 span {
	display: block;
	width: 630px; /* 640 - 10px left padding */
	background: transparent url(/images/layout/headers/categoryheader-span-15.gif) 0 0 no-repeat;
	padding: 7px 0 5px 10px;
}

.content .categoryheader-20 {
	padding: 0 0 2px 0;
	/* height: 26px; */ /* 33 - 7px top padding */

	background: transparent url(/images/layout/headers/categoryheader-bottom-span-20.gif) bottom left no-repeat;
	color: #333;
	font-family: arial, helvetica, sans-serif;
	font-size: 160%;
	font-weight: bold;
	text-transform: lowercase;
	line-height: 1.1;
	letter-spacing: .05em;
	margin-bottom: 1em;
}

.content .categoryheader-20 span {
	display: block;
	width: 790px; /* 800 - 10px left padding */
	background: transparent url(/images/layout/headers/categoryheader-span-20.gif) 0 0 no-repeat;
	padding: 7px 0 5px 10px;
}

.content h1.productheader-9 {
	padding: 0 0 1px 0;
	background: transparent url(/images/layout/headers/productheader-bottom-span-9.gif) bottom left no-repeat;
	color: #333;
	font-family: arial, helvetica, sans-serif;
	font-size: 150%;
	font-weight: normal;
	line-height: 1.1;
}

.content h1.productheader-9 span {
	display: block;
	width: 340px; /* 350 - 10px left padding */
	background: transparent url(/images/layout/headers/productheader-span-9.gif) 0 0 no-repeat;
	padding: 7px 0 5px 10px;	
}

.content .categoryheader-15 a,
body.kiteboard .content .categoryheader-15 a,
body.standup .content .categoryheader-15 a {
	color: #333;
	text-decoration: none;
}

.content .categoryheader-15:hover a {
	color: #06C;
}

body.kiteboard .content .categoryheader-15:hover a {
	color: #900;
}

body.standup .content .categoryheader-15:hover a {
	color: #060;
}

.content .categoryheader-15 a:hover {
	color: #06C;
	text-decoration: underline;
}

body.kiteboard .content .categoryheader-15 a:hover {
	color: #900;
	text-decoration: underline;
}

body.standup .content .categoryheader-15 a:hover {
	color: #060;
	text-decoration: underline;
}

div.googlemap {
	width: 430px;
	height: 350px;
	border: 1px solid #888;
}

.brandimage {
	margin-bottom: 5px;
}

.footer {
	margin-left: 10px;
	text-align: right;
	margin-top: 10px;
}

.footer p {
	color: #666;
}



/* Product Thumbnail Styles */
/* -------------------------------- */
.productthumbs {
	margin-right: 0; /* so all the productthumb divs fit */
	width: 600px; /* 40px x span-15 */
}

.productthumb {
	text-align: center;
	height: 200px;
	line-height: 1;
}
.productthumb a {
	font-size: 11px;
	text-decoration: none;
}

.productthumb a,
body.kiteboard .productthumb a,
body.standup .productthumb a {
	color: #333;
}

.productthumb img {
	margin: 0 0 2px 0;
	border: 1px solid #fff;
	padding: 5px;
}

.productthumb a:hover img {
	border-color: #039;
}

body.kiteboard .productthumb a:hover img {
	border-color: #c02503;
}

body.standup .productthumb a:hover img {
	border-color: #236621;
}

.productthumb a:hover {
	text-decoration: none;
	color: #039;
}

body.kiteboard .productthumb a:hover {
	color: #c02503;
}

body.standup .productthumb a:hover {
	color: #236621;
}



/* Comparison Sidebar Styles - May 2008 */
/* -------------------------------- */
.sidebar {
	padding-top: 10px;
	background: transparent url(/images/layout/sidebar-new-bg.jpg) 0 0 no-repeat;
	min-height: 180px;
}

.sidebar > ul {
	min-height: 180px;
}

.sidebar ul {
	list-style: none;
	margin-left: 0;
	padding-left: 20px;
	line-height: 1.6;
}
.sidebar ul ul {
	padding-left: 0;
	margin-bottom: 10px;
}
.sidebar h3 {
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 0;
}

.sidebar li a {
	color: #1c6cbc;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.sidebar li a:hover {
	color: #039;
}



/* Product Detail Styles */
/* -------------------------------- */
.productdetail .image {
	margin-bottom: 20px;
}

.productdetail .image a {
	text-decoration: none;
}

.productdetail img.productimage {
	border: 1px solid #ddd;
	padding: 4px;
}

.productdetail img.iconzoom {
	display: block;
	border: 2px solid #fff; /* lazy padding for lazy web designers - DP */
	border-left: 0;
}

.productdetail .image a:hover img.iconzoom {
	border: 2px solid #fff;
	border-left: 0;
}

.productdetail .image a:hover img.productimage {
	border: 1px solid #039;
}

body.kiteboard .productdetail .image a:hover img.productimage {
	border-color: #c02503;
}

body.standup .productdetail .image a:hover img.productimage {
	border-color: #236621;
}

.addtocart {
	margin-bottom: 20px;
}
.addtocart .price {
	margin-bottom: 10px;
}

.addtocart .selection {
	margin-bottom: 5px;
}

.snippetfooter {
	margin-top: 20px;
}

.cartbuttons {
	margin-bottom: 10px;
}

.recommendation {
	background-color: #ffe;
	padding: .4em;
	border: 1px solid #ff9;
	margin-bottom: 1em;
}

.recommendation p:last-child {
	margin-bottom: 0;
}



/* Featured Product Styles - June 2008 */
/* -------------------------------- */

.content div.featuredproducts {
	margin-bottom: 1em;
}

.content div.featuredproducts dl {
	margin: 0;
	clear: both;
}

.content div.featuredproducts dd.desc {
	padding-top: 1em;
	margin: 0;
}

.content div.featuredproducts dt.img {
	margin-right: 10px;
}

.content div.featuredproducts dl.alt dd.desc {
	margin-right: 10px;
	float: right;
	text-align: right;
}

.content div.featuredproducts dl.alt dt.img {
	margin-right: 0;
	float: right;
	text-align: right;
}



/* Testimonial Styles */
/* -------------------------------- */
.content div.testimonial {
	padding-bottom: 20px;
}

.content div.testimonial p {
	margin-bottom: 1em;
	line-height: 1.4;
}



/* Rental Rate Table Styles - June 2008 */
/* -------------------------------- */

table.rentaltable {
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
}

table.rentaltable caption {
	font-size: 20px;
	padding: 0 0 5px 0; 
	text-align: right;
}

table.rentaltable th, table.rentaltable td {
	font-weight: normal;
	vertical-align: top;
	text-align: center;
	padding: 6px 6px 6px 12px;
}

table.rentaltable th {
	text-transform: uppercase;
}

table.rentaltable th.col {
	color: #fff;
}

table.rentaltable th.row {
	text-align: right;
	color: #666;
}

table.rentaltable th.empty {
	text-align: right;
	border-left: 0 !important;
}

/* Default Colors (grey) */
/* #b5bbbf (light), #54626c (dark), #f0f0f0 (alt bg) */
table.rentaltable th, table.rentaltable td {
	border-bottom: 1px solid #b5bbbf;
	border-left: 1px solid #b5bbbf;
}
table.rentaltable th.col {
	border-top: 1px solid #b5bbbf;
	border-bottom: 1px solid #54626c;
	background: #54626c url(/images/layout/table-th-bg.gif) 0 0 repeat-x;
}
table.rentaltable caption {color: #b5bbbf;}
table.rentaltable {border-right: 1px solid #b5bbbf;}
table.rentaltable th.empty {color: #54626c;}
table.rentaltable tr.alt th,
table.rentaltable tr.alt td {background-color: #f0f0f0;}

/* Windsurf Colors (blue) */
/* #98bee2 (light), #196abb (dark), #edf3f7 (alt bg) */
body.windsurf table.rentaltable th, body.windsurf table.rentaltable td {
	border-bottom: 1px solid #98bee2;
	border-left: 1px solid #98bee2;
}
body.windsurf table.rentaltable th.col {
	border-top: 1px solid #98bee2;
	border-bottom: 1px solid #196abb;
	background: #196abb url(/images/layout/table-th-bg-01.gif) 0 0 repeat-x;
}
body.windsurf table.rentaltable caption {color: #98bee2;}
body.windsurf table.rentaltable {border-right: 1px solid #98bee2;}
body.windsurf table.rentaltable th.empty {color: #196abb;}
body.windsurf table.rentaltable tr.alt th,
body.windsurf table.rentaltable tr.alt td {background-color: #edf3f7;}

/* Kiteboard Colors (red) */
/* #e59999 (light), #c42614 (dark), #fbefef (alt bg) */
body.kiteboard table.rentaltable th, body.kiteboard table.rentaltable td {
	border-bottom: 1px solid #e59999;
	border-left: 1px solid #e59999;
}
body.kiteboard table.rentaltable th.col {
	border-top: 1px solid #e59999;
	border-bottom: 1px solid #c42614;
	background: #c42614 url(/images/layout/table-th-bg-02.gif) 0 0 repeat-x;
}
body.kiteboard table.rentaltable caption {color: #e59999;}
body.kiteboard table.rentaltable {border-right: 1px solid #e59999;}
body.kiteboard table.rentaltable th.empty {color: #c42614;}
body.kiteboard table.rentaltable tr.alt th,
body.kiteboard table.rentaltable tr.alt td {background-color: #fbefef;}

/* Stand Up Colors (green) */
/* #99df96 (light), #32932e (dark), #eaf6e6 (alt bg) */
body.standup table.rentaltable th, body.standup table.rentaltable td {
	border-bottom: 1px solid #99df96;
	border-left: 1px solid #99df96;
}
body.standup table.rentaltable th.col {
	border-top: 1px solid #99df96;
	border-bottom: 1px solid #32932e;
	background: #32932e url(/images/layout/table-th-bg-03.gif) 0 0 repeat-x;
}
body.standup table.rentaltable caption {color: #99df96;}
body.standup table.rentaltable {border-right: 1px solid #99df96;}
body.standup table.rentaltable th.empty {color: #32932e;}
body.standup table.rentaltable tr.alt th,
body.standup table.rentaltable tr.alt td {background-color: #eaf6e6;}



/* Product Detail Specs Table Styles - June 2008 */
/* -------------------------------- */
table.specstable {
	font-size: 11px;
	background-color: #fff;
	margin-bottom: 20px;
}

table.specstable caption {
	font-size: 20px;
	padding: 0 0 5px 0; 
	text-align: right;
}

table.specstable th, table.specstable td {
	padding: 6px 4px 12px 4px;
	text-align: center;
	vertical-align: top;
	font-weight: normal;
}

table.specstable th.row {
	text-align: left;
	font-weight: bold;

}

table.specstable th.col {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

table.specstable th.col span.units {
	text-transform: lowercase;
}

/* Default Colors (grey) */
/* #b5bbbf (light), #54626c (dark), #f0f0f0 (alt bg) */
table.specstable tr.alt th, table.specstable tr.alt td, table.sortable tr.rowodd th, table.sortable tr.rowodd td {
	background-color: #f0f0f0;
}
table.specstable th.col {
	border-bottom: 1px solid #54626c;	
	background: #54626c url(/images/layout/table-th-bg.gif) 0 0 repeat-x;
}
table.specstable caption {color: #b5bbbf;}
table.specstable {border: 1px solid #b5bbbf;}

/* Windsurf Colors (blue) */
/* #98bee2 (light), #196abb (dark), #edf3f7 (alt bg) */
body.windsurf table.specstable tr.alt th, body.windsurf table.specstable tr.alt td, body.windsurf table.sortable tr.rowodd th, body.windsurf table.sortable tr.rowodd td {
	background-color: #edf3f7;
}
body.windsurf table.specstable th.col {
	border-bottom: 1px solid #196abb;	
	background: #196abb url(/images/layout/table-th-bg-01.gif) 0 0 repeat-x;
}
body.windsurf table.specstable caption {color: #98bee2;}
body.windsurf table.specstable {border: 1px solid #98bee2;}

/* Kiteboard Colors (red) */
/* #e59999 (light), #c42614 (dark), #fbefef (alt bg) */
body.kiteboard table.specstable tr.alt th, body.kiteboard table.specstable tr.alt td, body.kiteboard table.sortable tr.rowodd th, body.kiteboard table.sortable tr.rowodd td {
	background-color: #fbefef;
}
body.kiteboard table.specstable th.col {
	border-bottom: 1px solid #c42614;	
	background: #c42614 url(/images/layout/table-th-bg-02.gif) 0 0 repeat-x;
}
body.kiteboard table.specstable caption {color: #e59999;}
body.kiteboard table.specstable {border: 1px solid #e59999;}

/* Stand Up Colors (green) */
/* #99df96 (light), #32932e (dark), #eaf6e6 (alt bg) */
body.standup table.specstable tr.alt th, body.standup table.specstable tr.alt td, body.standup table.sortable tr.rowodd th, body.standup table.sortable tr.rowodd td {
	background-color: #eaf6e6;
}
body.standup table.specstable th.col {
	border-bottom: 1px solid #32932e;	
	background: #32932e url(/images/layout/table-th-bg-03.gif) 0 0 repeat-x;
}
body.standup table.specstable caption {color: #99df96;}
body.standup table.specstable {border: 1px solid #99df96;}



/* Sortable Table Styles - May 2008 */
/* -------------------------------- */
/* Default Colors (grey) */
table.sortable th.sortasc,
table.sortable th.sortdesc {
	background-position: 0 10px !important;
	background-color: #b5bbbf !important;
}

/* Windsurf Colors (blue) */
body.windsurf table.sortable th.sortasc,
body.windsurf table.sortable th.sortdesc {
	background-color: #98bee2 !important;
}

/* Kiteboard Colors (red) */
body.kiteboard table.sortable th.sortasc,
body.kiteboard table.sortable th.sortdesc {
	background-color: #e59999 !important;
}

/* Stand Up Colors (green) */
body.standup table.sortable th.sortasc,
body.standup table.sortable th.sortdesc {
	background-color: #99df96 !important;
}


table.sortable th.sortcol {
	cursor: pointer;
}

table.sortable th.sortcol:hover {
	text-decoration: underline;
}



/* Shopping Cart Table Styles ... June 2008 */
/* -------------------------------- */
table.shoppingcart {
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.shoppingcart caption {
	font-size: 20px;
	padding: 0 0 5px 0; 
	text-align: right;
}

table.shoppingcart th, table.shoppingcart td {
	padding: 6px 4px 6px 4px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}

table.shoppingcart th {
	text-transform: uppercase;
}

table.shoppingcart th.row {
	text-align: right;
	color: #666;
}

table.shoppingcart th.col {
	color: #fff;
	letter-spacing: 0.1em;
}

/* Default Colors (grey) */
/* #b5bbbf (light), #54626c (dark), #f0f0f0 (alt bg) */
table.shoppingcart tr.alt th, table.shoppingcart tr.alt td, table.shoppingcart tr.total th, table.shoppingcart tr.total td {
	background-color: #f0f0f0;
}
table.shoppingcart th.col {
	border-bottom: 1px solid #54626c;	
	background: #54626c url(/images/layout/table-th-bg.gif) 0 0 repeat-x;
}
table.shoppingcart caption {color: #b5bbbf;}
table.shoppingcart {border: 1px solid #b5bbbf;}



/* New Checkout Table Styles ... June 2008 */
/* -------------------------------- */
table.checkouttable {
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.checkouttable caption {
	font-size: 20px;
	padding: 0 0 5px 0; 
	text-align: right;
}

table.checkouttable th, table.checkouttable td {
	padding: 6px 4px 6px 4px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}

table.checkouttable th {
	text-transform: uppercase;
	color: #666;
}

table.checkouttable th.row {
	text-align: right;
}

table.checkouttable th.col {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

table.checkouttable input.text {
	padding: 3px;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
}

table.checkouttable textarea {
	font-family: arial, helvetica, sans-serif;
	padding: 2px;
	font-size: 14px;
}

th.ordercontactlabel {
	width: 9em;
}

th.orderaddresslabel {
	vertical-align: top !important;
}

th.orderaddressform {
	padding-top: 1.3em !important;
}

/* Default Colors (grey) */
/* #b5bbbf (light), #54626c (dark), #f0f0f0 (alt bg) */
table.checkouttable tr.alt th, table.checkouttable tr.alt td {
	background-color: #f0f0f0;
}
table.checkouttable th.col {
	border-bottom: 1px solid #54626c;	
	background: #54626c url(/images/layout/table-th-bg.gif) 0 0 repeat-x;
}
table.checkouttable caption {color: #b5bbbf;}
table.checkouttable {border: 1px solid #b5bbbf;}



/* Common Styles */
/* -------------------------------- */
/* I've commented out some stuff, where I suspect there may be namespace issues with the blueprint code */

.positive {color:#529214;}
.negative {color:#d12f19;}

.current {}

/* .highlight {background-color: #ffb;} */ /* namespace conflict with typography.css */

.red {color: #c42614;} /* i'm going to hell for this */
.red a, .standup .content .red a {color: #c42614;}
.red a:hover, .standup .content .red a:hover {color: #900;}

.redlarge {
	color: #c42614;
	font-size: 14px
	} /* i'm hot on your tail */

/* .hide {display: none;} */
.cloak {visibility: hidden;}

.floatL {float: left;}
.floatR {float: right;}

/* .clear {clear: both;} */
.clearL {clear: left;}
.clearR {clear: right;}

.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}

.center {text-align: center !important;}
.left {text-align: left !important;}
.right {text-align: right !important;}



/* Rails Styles - December 2007 */
/* -------------------------------- */
div.errorExplanation {
	clear: both;
	width: 440px;
	padding: 10px;
	border: 1px solid #f99;
	background-color: #fdd;
	color: #a44;
}

div.errorExplanation h2 {
	color: #a44;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 18px;
}

div.errorExplanation ul {
	margin-left: 20px;
}

div.fieldWithErrors {
	display: inline;
}

div.fieldWithErrors input {
	background-color: #fdd;
	border: 1px solid #f99;
	border-top-color: #a66;
	border-left-color: #a66;
}

/* Slide show stuff - August 2008 */
/* -------------------------------- */
#slide-images{
	position:relative;
	display:block;
	margin:0px;
	/*padding:5px 0px 0px 20px;*/
	width:300px;
	height:300px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	/*padding:5px 0px 0px 20px;*/
	background-color:#FFFFFF;
}

#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}

.slide-right-small {
	text-align: right;
	font-size: 10px;
	font-style: italic;
}
.slide-left-small {
	text-align: left;
	font-size: 10px;
	font-style: italic;
}

/* Vertical text padding - August 2008 */
/* -------------------------------- */
.bottom-margin-05 {
	margin-bottom:5px;
}
.bottom-margin-10 {
	margin-bottom:10px;
}
.bottom-margin-20 {
	margin-bottom:20px;
}
.bottom-margin-30 {
	margin-bottom:30px;
}
.bottom-margin-40 {
	margin-bottom:40px;
}
.bottom-margin-50 {
	margin-bottom:50px;
}
.bottom-margin-100 {
	margin-bottom:100px;
}
.bottom-margin-150 {
	margin-bottom:150px;
}
.bottom-margin-200 {
	margin-bottom:200px;
}
.bottom-margin-300 {
	margin-bottom:300px;
}
table.front-left-table {
	width: 390px;
	border-width: 1px 1px 1px 1px;
	border-spacing: 5px;
	border-style: outset outset outset outset;
	border-color: blue blue blue blue;
	border-collapse: separate;
	background-color: white;
	margin-bottom:10px;
}

table.front-right-table {
	width: 310px;
	border-width: 1px 1px 1px 1px;
	border-spacing: 5px;
	border-style: outset outset outset outset;
	border-color: blue blue blue blue;
	border-collapse: separate;
	background-color: white;
	margin-bottom:10px;
}

.frontthumbs {
	text-align: center;
	height: 180px;
	line-height: 1;
}
.frontthumbs a {
	font-size: 12px;
	text-decoration: none;
}

.frontthumbsxx a,
body.kiteboard .productthumb a,
body.standup .productthumb a {
	color: #333;
}

.frontthumbs img {
	margin: 0 0 2px 0;
	border: 1px solid #fff;
	padding: 1px;
}

.frontthumbs a:hover img {
	border-color: #039;
}