/* CSS Document */

body {
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
	line-height: 1.4em;
	}

h1, h2, h3 {
	margin-bottom: 1.5em;
	font-size: 17px;
	font-weight: bold;
	line-height: 1em;
	}

p {
	margin-bottom: 1em;
	}

p.instruction {
	font-size: 11px;
	font-style: italic;
	}

strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}

input, textarea, select {
	margin: 0;
	padding: 2px;
	font-size: 11px;
	}

select {
	padding: 1px;
	font-size: 11px;
	}

a {
	text-decoration: none;
	color: #666;
	}

a:hover {
	color: #00B8ED;
	}


/* Basic Styles
------------------------------------------------------------*/

a {
	color: #ccc;
	}

a:hover {
	color: #00B8ED;
	}

h1,
h2,
h3 {
	color: #fff;
	}

p,
dd,
label,
li {
	color: #999;
	}

ul,
ol,
blockquote {
	margin-bottom: 1em;
	padding: 0 2.5em;
	}

ol {
	list-style: disc;
	}
	
ol {
	list-style: decimal;
	}

blockquote {
	font-style: italic;
	}

dl {
	padding-top: 15px;
	}

dt {
	margin-bottom: 10px;
	padding-top: 20px;
	font-size: 14px;
	color: #fff;
	border-top: 1px solid #4b4b4b;
	}

dd {
	margin-bottom: 20px;
	}

/*============================================================
 Buttons
============================================================*/

.button {
	display: block;
	width: 16px;
	height: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	text-indent: -5000px;
	}

.button:hover {
	background-position: 0 -16px;
	}

button.button {
	margin: 0;
	padding: 0;
	background: transparent;
	outline: none;
	cursor: pointer;
	}


/* Specific Buttons
------------------------------------------------------------*/


button#btnSubmit {
	width: 75px;
	height: 31px;
	behavior: url(http://topwaterclothing.bigcartel.com/themes/blocks/javascripts/iepngfix.htc);
	background-image: url(http://topwaterclothing.bigcartel.com/themes/blocks/images/btn_send.png);
	}


button#btnSubmit:hover {
	background-position: 0 -31px;
	}

/*============================================================
  Basic Styles - used for the simple controls.
============================================================*/

/* @gui Font */
body
{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}


/* @gui Background */
body
{background-color: #000000;}


/* @gui Blocks background */
a#website_back,
#search,
#footer
{background:#333 url('http://www.topwaterclothing.com/_images/pattern.gif') top left; border:2px solid #0098ca;}
#nav li
{border-left-color: #222222;}


/* @gui Blocks text */
body,
#footer h4f
{color: #666666;}


/* @gui Blocks links */
a,
a#keep_shopping
{color: #66CCFF;}

#footer a
{font-weight:bold; text-transform:uppercase;}


/* @gui Main block background */
#main,
#adding_to_cart,
#added_to_cart
{background-color: #222222; border:2px solid #0098ca;}
#products_extra h3
{border-bottom-color: #333333;}

#contact #main
{background:#333 url('http://www.topwaterclothing.com/_images/pattern.gif') top left; border:2px solid #0098ca;}



/* @gui Main block titles */
#minicart_count,
h1,
h2,
h3,
dt,
#product_list li a:hover .product_price,
#product_list li a,
.pagination span,
.pagination a,
.pagination a:hover,
#product_info,
#adding_to_cart h4,
#added_to_cart h4,
ul#option li label,
ul#cart_contents,
.cart_total h3,
#frmContact dt label,
#error li,
#error_noscript li,
#product_inventory h3
{color: #0098ca; text-transform:uppercase;}


/* @gui Main block text */
p,
dd,
label,
li,
#product_status,
.pagination span.current,
.pagination span.yadda,
#product_inventory .inventory_option,
.item_total,
#cart_discount .optional,
#shipping_entry,
#discount_entry,
#shipping_total,
#tax_total,
#discount_total,
#products_extra h3
{color: #999999;}


/* @gui Main block links */
a
{color: #CCCCCC; border-bottom-color: #CCCCCC;}


/* @gui Main block lines */
#product_inventory li.sold_out .inventory_option,
#product_inventory span.inventory_sold
{color: #4B4B4B;}
#product_description,
#product_inventory,
#product_inventory li,
#contact_form dt,
#contact_form dd
{border-top-color: #4B4B4B;}
#cart_shipping,
#cart_tax,
#cart_discount
{background-color: #4B4B4B;}


/* @gui Inner blocks */
#minicart a,
.featured a,
.general a,
.thumbnail a,
.product_price,
#products_extra,
.pagination span,
.pagination a,
#cart_contents .item_wrap
{background-color: #222222;}
.featured a,
.general a,
.thumbnail a
{border-color: #222222;}


/* @gui Link rollovers */
a:hover,
a:hover,
a#keep_shopping:hover
{color: #00B8ED;}
a:hover
{border-bottom-color: #00B8ED;}
.featured a:hover,
.general a:hover,
.thumbnail a:hover,
#minicart a:hover,
a#website_back:hover,
.product_price span.on_sale,
#product_inventory .inventory_bar,
.pagination a:hover,
#error,
#error_noscript
{background-color: #00B8ED;}
.featured a:hover,
.general a:hover,
.thumbnail a:hover
{border-color: #00B8ED;}



/*============================================================
  Custom Styles - add and override styles below.
============================================================*/

div#headerFlash
{position:relative; width:100%; height:143px; text-align:center; background:url('http://www.topwaterclothing.com/_images/header_stretch.gif') top left repeat-x;}

div#bodyWrap
{position:relative; width:100%; min-height:840px; text-align:center; padding-top:15px; background:url('http://www.topwaterclothing.com/_images/content_bg.jpg') top center no-repeat;}

div#minicart
{top:2px; right:98px;}

input, textarea, select
{background:#ccc;}

div#store
{padding: 0 0 50px 0; width:925px !important;}

div#main
{width:825px !important;}

/*===============================================================*/
html, body {
	width:100%;
}
body {
	margin:0;
	background:#000;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a {
	color:#66CCFF;
	text-decoration:none;
}
	div#header {
		position:relative;
		width:100%;
		height:143px;
		text-align:center;
		background:url('../_images/header_stretch.gif') top left repeat-x;
	}
	div#bodyWrap {
		position:relative;
		min-height:840px;
		text-align:center;
		padding-top:15px;
		background:url('../_images/content_bg.jpg') top center no-repeat;
	}
		div#content {
			position:relative;
			width:943px;
			margin:0 auto;
		}
			div#photo-container {
				position:relative;
				width:941px;
				height:630px;
				background:#000;
				overflow:hidden;
				border:2px solid #0098ca;
			}
			div#download-container {
				position:relative;
				width:941px;
				height:750px;
				background:url('../_images/DownloadsBack.jpg') top left;
				border:2px solid #0098ca;
				overflow:hidden;
			}
			div#wholesale-container {
				position:relative;
				width:861px;
				background:#333 url('http://www.topwaterclothing.com/_images/pattern.gif') top left;
				border:2px solid #0098ca;
				padding:40px;
				text-align:left;
			}
			div#boxes {
				position:relative;
				height:200px;
				width:950px;
				clear:both;
				float:none;
			}
				div#video {
					position:relative;
					float:left;
					width:320px;
					height:196px;
					margin:10px 0;
					background:#333 url('http://www.topwaterclothing.com/_images/pattern.gif') top left;
					border:2px solid #0098ca;
					overflow:hidden;
				}
				div#shop {
					position:relative;
					float:left;
					width:310px;
					height:196px;
					margin:10px 14px;
					border:2px solid #0098ca;
				}
				div#blog {
					position:relative;
					float:left;
					width:259px;
					height:180px;
					margin:10px 0;
					background:url('../_images/blog.jpg') top right no-repeat;
					text-align:left;
					padding:10px;
					overflow:auto;
				}
			div#networks {
				position:relative;
				text-align:right;
				margin:5px 0;
				width:941px !important;
				height:40px !important;
			}
			div#networks a {
				clear:none;
				float:none;
			}
/*============================================================
 Contact
============================================================*/

#frmContact {
	padding: 15px 0;
	}

#frmContact dl {
	position:relative;
	margin: 0;
	padding: 0;
	}

#frmContact dt {
	clear: both;
	float: left;
	width: 129px;
	margin: 0;
	padding: 10px 0 7px 0;
	}

#frmContact dt label {
	font-size: 12px;
	color: #0098ca;
	}

#frmContact dd {
	float: left;
	width: 435px;
	margin: 0;
	padding: 6px 0;
	border-top: 1px solid #4b4b4b;
	}

#frmContact input {
	width: 204px;
	}

#frmContact select {
	width: 212px;
	}

#frmContact textarea {
	width: 333px;
	height: 100px;
	}

#captcha_area img {
	margin: 1px 295px 6px 1px;
	}

#captcha {
	margin-bottom: 7px;
	}

#btnSubmit {
	clear: both;
	float: left;
	display: inline;
	margin-top: 15px;
	margin-left: 129px;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */