div.tab-content {
	clear: both;
	margin-bottom: 20px;
	padding: 5px 10px 10px 10px;
	background: url(/_images2/bg_product_tab.jpg) repeat-x 0 0;
	border: 1px solid #ddd;	
}

body#homepage h2, body#homepage h3, body#homepage h4 { font-size: 1em; }
div#page-body {	padding-top: 2px; }

/* Main Promo ----- change as needed */

div#promos div#promo-main {
	width: 62%;
	height: 192px;
	background: #385F95 /*url(/_images2/temp_bg_homepage_fins.jpg) no-repeat -20px 2px*/; 
	float: left;
	padding: 0 10px;
	color: #fff;
	line-height: 145%;
}
div#promos div#promo-main h3, div#promos div#promo-main p {
	font-size: 100%;
}
div#promos div#promo-main h3 { 
	margin-top: 5px;
	margin-bottom: 8px;
	font-size: 130% !important; 
}
div#promo-main span.price {
	font: normal 140% Arial, Helvetica, sans-serif !important;
	color: #fff !important;
}

/* PROMOS */
div#promos {
	padding: 10px;
	background: #eee;
	border: 1px solid #ccc;
}
div#promos img.photo {
	float: left;
	padding-right: 5px;
}
div#promos img.stars {
	padding: 0 0 0 3px;
	margin: 3px;
}
div#promos h4 {
	margin: 0 0 5px 100px;
	padding: 0;
}
div#promos p { margin: 0 0 5px 100px; }

div#promos input { margin-top: 5px; }

div#promo-secondary { margin-left: 475px; }

div#promo-leading, div#promo-trailing {
	height: 75px;
	background: #fff;
	padding: 10px 10px 10px 2px;
}
div#promo-leading p, div#promo-trailing p {
font-size: 90%;
line-height: 100%;
}
div#promo-leading {	margin-bottom: 2px; }

div#promo-leading input, div#promo-trailing input {
	font-size: 90% !important;
	margin: 3px 0;
}
div#promo-leading span.price, div#promo-trailing span.price {
	font: bold 120% Arial, Helvetica, sans-serif;
	color: #900;
}

/* CATEGORIES */
body#homepage ul.tab-headings {
	margin-top: 10px !important;
	padding-left: 10px !important;
}
ul.tab-headings li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0;
	float: left;
}
ul.tab-headings li a {
	display: block;
	padding: 2px 8px;
	margin-right: 2px !important;
	border: 1px solid #afd5de;
	border-bottom: 0;
	background: #D8F3F5;
	color: #616161;
}
ul.tab-headings li a:hover { background: #C8E2E5; text-decoration: none; }

ul.tab-headings a.selected, 
ul.tab-headings li a.selected:hover {
	background: #afd5de;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
ul.tab-headings li span.rating-five {
	padding-right: 65px !important; 
	background: url(/_images2/rating_stars_5.gif) no-repeat 90% 1px !important;
}
ul.tab-headings li span.rating-five:hover {
	background: #f1f1f1 url(/_images2/rating_stars_5.gif) no-repeat 90% 1px !important;
}
ul.tab-headings li a.selected span.rating-five:hover {
	background: #ddd url(/_images2/rating_stars_5.gif) no-repeat 90% 1px !important;
}

div#tab-content ul.link-list li a {
 background: url(/_images2/icon_arrow.png) no-repeat 0 6px; 
}
div#tab-content ul.link-list li a:hover { background: url(/_images2/icon_arrow_red.png) no-repeat 0 6px; }

div#tab-content {
	padding: 15px 0 15px 10px;
	margin-bottom: 3px;
	background: #D8F3F5 url(/_images2/bg_homepage_tabs.jpg) repeat-x 0 0;
	border: 1px solid #afd5de;
}
div#tab-content .offour { width: 23%; }

div#tab-content .offour {	
	float: left;
	padding: 0 5px 0 10px;
	border-right: 1px solid #afd5de;
}
div#tab-content .offour.first { padding-left: 0 !important; }

div#tab-content .offour.last { border-right: 0; }

div#tab-content ul {
	margin: 0;
	padding: 0;
}
div#tab-content li {
	padding: 0;
}
div#tab-content li a {
	display: block;
	padding: 1px 0 1px 12px;
	background: url(/_images2/icon_arrow.png) no-repeat 4px 6px; 
}
div#tab-content li a:hover { background: url(/_images2/icon_arrow_red.png) no-repeat 4px 6px; }

/* Featured Products */
ul.products li {
	display: block;
	float: left;
	width: 110px;
	height: 110px;
	background: #fff;
	margin: 2px;
	padding: 0 !important;
	text-align: center;
}
ul.products li a {
	background-image: none !important;
	padding: 2px !important;
}
div#products-featured ul.oftwo {
	width: 350px;
	padding: 5px;
	float: left;
	background: #fff;
	border: 1px solid #ddd;
}
div#products-featured ul.firstcolumn { margin-right: 5px; }

div#products-featured ul.oftwo li a.product-image { background-image: none; }

div#products-featured ul.oftwo img {
	float: left;
	padding: 3px 7px 30px 0;
}
div#products-featured ul.oftwo li.viewbutton a {
	padding: 3px 0 0 0;
	margin: 0;
}
div#products-featured ul.oftwo li.viewbutton img.stars {
	padding: 0;
	margin: 2px 3px;
}
div#products-featured ul.oftwo li.viewbutton img {
	padding: 0 3px 0 0;
}
div#products-featured ul.oftwo li.title {
	font-weight: bold;
	margin-top: 3px;
}
div#products-featured ul.oftwo li.price {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #900;
}
div#products-featured ul.oftwo a.more {
	display: inline;
	padding: 0 5px 0 2px;
	background: url(/_images2/icon_arrow.png) no-repeat 100% 5px;
}

/* Most Popular Products */
div#products-popular ul.firstcolumn {
	width: 350px;
	float: left;
	padding-left: 10px;
	border-right: 1px solid #afd5de;
	margin-right: 10px;
}
div#products-popular ul.secondcolumn {
	margin: 0 0 0 390px;
	padding: 0;
}
div#products-popular ul.secondcolumn li, div#products-popular ul.firstcolumn li {
	margin: 0 10px 0 13px;
	padding: 0;
}


/* SECONDARY CONTENT */
/* Newsletter Signup */

div#scuba-newsletter form {
	padding: 0; 
	margin: 0;
}
div#scuba-newsletter form {	
	padding: 0;
	margin: 0; 
}

div#scuba-newsletter form p {	
	float: left;
	padding: 3px 3px 0 0;
	margin: 0;
}
div#scuba-newsletter form input#news-email {
	width: 80px;
	font-size: 90%;
	color: #616161;
}
div#scuba-newsletter form input#news-submit {
	border: 1px solid #ccc;
	font-size: 100%;
	padding: 2px;
	color: #616161;
}

/*  dl dt stuff */

div#scuba-newsletter dl {
	margin: 5px 0 3px 0;
	border: 1px solid #ccc;
}
div#scuba-newsletter dt {
	width: 120px;
	padding: 7px 0 2px 27px;
	float: left;
	font-weight: bold;
	background: #ccc url(/_images2/icon_email.gif) no-repeat 4px 7px !important;
	height: 23px;
}
div#scuba-newsletter dd {
height: 23px;
	background: #ddd;
	padding: 4px 10px 4px 100px;
	color: #717171;
}
div#scuba-newsletter dd a {
	margin-left: 5px;
}

/* rest of the page */

p#scuba-news {
	background: #fff url(/_images2/icon_newspaper.png) no-repeat 0px 3px !important;
	padding-left: 22px;
}

div#secondary-content div.colonnade div.ofthree { width: 18.9em; }

div#secondary-content div.colonnade div {
	border: 2px solid #fff;
	float: left;
}
div#secondary-content h4 {
	padding: 8px 10px;
	margin: 0;
	background: url(/_images2/bg_heading_divider.png) repeat-x 0 0;
	border-top: 1px solid #ddd;
}
div#secondary-content div.colonnade div ul {
	margin: 0 0 20px 0;
	padding: 0 0 0 12px;
}
div#secondary-content div.colonnade div ul li {
	padding: 1px 0;
}

/* Kotie and Games*/
div#secondary-content div#kotie, div#secondary-content div#games {
	border: none;
	float: none;
}
div#secondary-content div#games {
padding-bottom: 19px;
}
div#secondary-content div#kotie {
	height: 13.3em !important;
}
div#secondary-content div#kotie p { margin-top: 5px; }

div#games p {	margin: 4px 0 0 10px; }


/* About Section */
div#secondary-content div#about {
	margin-top: 2px;
	height: 24em;
	border: 2px solid #eee;
	border-top: 0 !important;
}
div#secondary-content div#about p {
	padding: 0 10px;
}
div#secondary-content div#about p.intro {
	font-size: 1.2em;
	line-height: 125%;
	margin: 5px 0 10px 0;
	clear:both;
}
div#secondary-content div#about a.more { font-size: 1em; }

div#about div.badges { margin-left: 5px; }

div#about img {
	float: left;
	padding-right: 2px;
}

/* Special footer for the homepage */
div#footer {
	width: 780px;
	text-align: center;
}
div#footer p {
	margin: 5px 0 0 0;
	padding: 0;
}
div#footer a:hover {
	text-decoration: none;
}
div#footer img {
	margin-right: 5px;
}
body#homepage h2, body#homepage h3, body#homepage h4 {
	font-size: 1em;
}
div#page-body {
	padding-top: 2px;
}


/* LAYOUT */


/* LAYOUT STYLING */
/* Try to keep strictly layout with only some visual styling */

body {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	font: normal .8em "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 130%;
}
div#header {
	width: 750px;
	height: 70px;
	padding: 0 15px;
	text-align: right;
}
div#header span.phone {
	padding-left: 10px;
}
div#header span.phone-hours {
	padding-left: 10px;
	font-size: 80%;
}
div#header-secondary {
	clear: both;	
	width: 750px;
	margin: 0 auto;
}
div#page-body {
	clear: both;
	width: 750px;
	margin: 0 auto;
}
div#footer {
	width: 780px;
	clear: both;
	padding: 10px 0 20px 0;
	color: #616161;
}




/*  COMMON */

/* SITE-WIDE STYLING */
/* Defaults for the entire site; put any specific styling in exceptions css files */

img { border: none; }

h1 {
	color: #006666;
	font-size: 1.2em;
}
h2 {
	color: #5E9395;
	font-size: 1.3em;
}
h3 { font-size: 1.2em; }

h4 { font-size: 1em; margin-bottom: 6px; }

h5 {
	font-size: 1em;
	color: #616161;
}
h1, h2, h3, h4, h5 { padding-top: 15px; }

	.topmost { /* no top margin or padding, usually for the topmost heading element */
		margin: 0;
		padding: 0;
	}
	.divider {
		clear: both;
		padding: 1px 10px 3px 5px !important;
		background: url(/_images2/bg_heading_gray.png) repeat-x 0 0;
		border-top: 1px solid #ddd;
	}
		.teal {
			margin-bottom: 0;
			padding: 1px 0 2px 5px;
			background-image: url(/_images2/bg_heading_teal.png) !important;
			border-top: 1px solid #D0F1F4;
		}

a:link { text-decoration: none; color: #245ba5; }
a:visited { text-decoration: none; color: #5B538B; }
a:hover { text-decoration: underline; color: #900; }
a:active { text-decoration: none; color: #245ba5; }

a.more {
	padding-right: 5px;
	background: url(/_images2/icon_arrow.png) no-repeat 100% 5px;
}
a.more:hover {
	padding-right: 5px;
	background: url(/_images2/icon_arrow_red.png) no-repeat 100% 5px;
}
a.rating-five {
	padding-right: 65px !important; 
	background: url(/_images2/rating_stars_5.gif) no-repeat 90% 4px !important;
}
ul.link-list li a {
	padding-left: 8px;
	background: url(/_images2/icon_arrow.png) no-repeat 0 5px;
}
ul.link-list li a:hover { background: url(/_images2/icon_arrow_red.png) no-repeat 0 5px; }

.access-aid { display: none; }

input.addtocart {
	font-weight: bold;
	font-size: 90%;
	color: #fff;
	padding: 0 2px;
	text-transform: uppercase;
	border: 2px solid #790000;
	background: #790000 url(/_images2/bg_button_add.jpg) repeat-x 0 0;
	cursor: pointer;
}
input.more-gray {
	font-weight: bold;
	font-size: 90%;
	color: #fff;
	padding: 0 2px;
	text-transform: uppercase;
	border: 2px solid #333;
	background: #3B3B3B url(/_images2/bg_button_learnmore.jpg) repeat-x 0 0;
	cursor: pointer;
}

/* clearing div, and clearing div with divider line */
.clear { clear: both; }
.line { border-top: 1px solid #eee; }

div#content ul {
	margin: 0;
	padding: 0;
}
div#content li {
	list-style: disc; 
	margin-left: 20px;
}
.note {
	color: #616161;
	font-size: 90%;
}

/* HEADER */
div#header img {
	float: left;
	margin-top: 30px;
}
div#header p {
	font-size: 105%;
	font-weight: bold;
	margin: 7px 0 0 0;
}
div#header ul, div#header-secondary ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#header ul li, div#header-secondary ul li {
	display: inline;
}

/* Utility Nav */
ul#util-nav {
	height: 20px;
	padding: 15px 0 0 0 !important;
	margin: 0;
	color: #333;
	font-size: 90%;
}
	ul#util-nav li {
		padding-left: 10px;
	}
	ul#util-nav li a {
		color: #616161;
		text-decoration: none;
		padding: 2px 0 2px 18px;
		background-color: #fff;
	}
	ul#util-nav li a:visited { background: #fff; }
	ul#util-nav li a:hover { color: #333; background-color: #eee !important; }
	ul#util-nav li a:active { background: #fff; }
	
	ul#util-nav li#shipping-rates a { background: url(/_images2/icon_shipping.png) no-repeat 0 1px; }
	ul#util-nav li#security a { background: url(/_images2/icon_security.png) no-repeat 0 1px; }
	ul#util-nav li#order-status a { background: url(/_images2/icon_order_status.png) no-repeat 0 1px; }
	ul#util-nav li#my-account a { background: url(/_images2/icon_my_account.png) no-repeat 0 1px; }
	ul#util-nav li#cart a { background: url(/_images2/icon_cart.png) no-repeat 0 1px; }

/* HEADER-SECONDARY */

/* Global Nav */
div#header-secondary div#nav-bar {
	height: 27px;
	background: #133f7c url(/_images2/bg_global_nav.png) repeat-x 0 0;
}
div#header-secondary ul#global-nav {
	width: 533px;
	float: left;
	margin-bottom: 2px;
	font-size: .9em;
}
	div#header-secondary ul#global-nav li a {
		color: #fff;
		text-decoration: none;
		padding: 5px 11px;
		display: block;

		float: left;
		border-right: 1px solid #13407f;
		border-left: 1px solid #245083;
	}
	div#header-secondary ul#global-nav li a:visited { color: #fff; }
	div#header-secondary ul#global-nav li a:hover { background: #133f7c; color: #fff; }
	div#header-secondary ul#global-nav li a:active { color: #fff; }

/* Search */
div#search {
	width: 210px;
	float: right;
}
	div#search label {
		float: left;
		padding: 6px 5px 0 0;
		color: #fff;
	}
	div#search input {
		width: 100px;
		float: left;
		font-size: 90%;
	}
	input#search-field {
		margin: 5px 0 0 0;
		padding: 1px 5px; 
		border: 1px solid #ccc;
		color: #616161;
		background: #eee;
	}
	input#search-submit {
		width: 30px !important;
		float: right;
		margin: 5px 0 0 3px;
		border: 1px solid #ccc;
		background: #ccc;
		color: #333;
	}



/* SIDEBAR */

div#sidebar ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.show { display: block; }
.hide { display: none; }


/* FOOTER */
div#footer p {
	font-size: 90%;
	margin-left: 220px;
}
/* TABLES */
table {
	border-collapse: collapse;
	border: 1px solid #ddd;
}
table thead {
	font-weight: bold;
	background: #eee;
}
table th, table td {
	/*padding: 4px;*/
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
table.sizing-chart { margin-top: 10px; }

table.sizing-chart th, table.sizing-chart td { width: 25%; }

table.sizing-chart .heading {
	background: #eee;
	width: 15%;
}

