body{
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/bg.png);
	margin:0px;
	padding:0px;
	font-family:arial;
	font-size:12px;
	color:#FFFFFF;
}

a img {border:none; }
a {outline:none;color:#ffffff;}

h2.title
{
	font-weight:normal;
	color:#4ac7ed;
}

.font_image, .font-image{margin-bottom:45px;}

#main_container{
	width:1024px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	/*background:#0c1420;*/
}

#content 
{
	width:1024px; 
	margin:0px auto;
	position:relative;
	min-height:500px;
	margin-bottom:20px;
}

#sub_content{
	width:625px;
	text-align:left;
}

#header{
	position:relative;
	height:157px;
	width:1024px;
	margin:0px auto;
}

#logo
{
	position:absolute;
	top:10px;
	left:0px;	
}

#top_links
{
	position:absolute;
	top:20px;
	right:0px;
	font-size:11px;
	text-align:right;
}

#top_links a{font-family:Arial; text-decoration:none;font-size:11px;}

#nav
{
	position:absolute;
	top:68px;
	left:264px;
}

#nav a
{
	margin-right:13px;
}

#nav_promo
{
	position:absolute;
	top:95px;
	left:264px;
	font-size:14px;
}

#top_search
{
	position:absolute;
	top:107px;
	right:0px;
	height:25px;
	width:220px;
}

#top_search input.search
{
	width:175px;
	height:22px;
	line-height:22px;
	padding-left:15px;
	background:url(images/nav-search-bg.png) no-repeat;
	border:none;
	margin:0px;
	color:#FFFFFF;
	position:absolute;
	top:0px;
	left:0px;
}

#top_search input.go
{
	width:31px;
	height:22px;
	position:absolute;
	top:0px;
	left:190px;
}

#footer
{
	background:#000000;
	margin:0px auto;
	width:1024px;
	margin:0px auto;
	font-family:arial; 
	color:#a2a1a1;
	font-size:12px; 
	height:176px;
}

#footer a{color:#a2a1a1; text-decoration:none;}
#footer a:hover{color:#FFFFFF;}

#footer .copyright, #footer .links {margin-top:44px;}

#footer .links{float:left;width:480px;margin-left:42px;}
#footer .links .link-container{float:left;margin-right:35px;text-transform:capitalize;}
#footer .links img{vertical-align:middle; margin:0px 4px;}

#footer .copyright
{
	float:right;
	text-transform:uppercase;
	font-size:11px;
	margin-right:41px;
}


.clear{ clear:both; margin:0px; padding:0px;}

.switch_bg
{
	background-color:#000;
	color:#fff;
}

.switch_bg span
{
	top:10px;
}



/** Home Page **/
.home
{
	height:480px;
	position:relative;
	background:url(images/watercolor-bg.png) no-repeat left bottom;
}

.home .dept  
{
	float:left;
	width:311px;
	height:327px;
}

.home .promo_wrapper
{
	position:absolute;
	top:327px;
	left:56px;
	height:150px;
	width:831px;
	text-align:center;
}

/** End Home **/

/** Departments Sidebar **/

.departments-sidebar
{
	float:left;
	width:200px;
	padding-bottom:145px;
	padding-left:10px;
	padding-top:15px;
	color:#ffffff;
	background:#070b11;
	text-transform:uppercase;
}

.departments-sidebar .department
{
	margin-bottom:20px;
}

.departments-sidebar .department a
{
	text-decoration:none;
	color:#FFFFFF;
}

.departments-sidebar .department .dept-title { font-weight:bold;}
.departments-sidebar .department .sub-dept, .departments-sidebar .department .dept-title{padding-left:10px;}

.departments-sidebar .department .sub-dept 
{
	width:175px;
	height:18px;
	line-height:18px;
	display:block;	
}
.departments-sidebar .department .sub-dept.selected, .departments-sidebar .department .sub-dept:hover{background:#1d363e; }

/** End Departments Sidebar **/

/** Departments Main **/
.departments-main
{
	background:url(images/dept-main.png) no-repeat;
	float:right;
	height:492px;
	margin-top:-52px;
	width:693px;
}

/** End Departments Main **/

/** Department Listing **/

.department-banner
{
	float:right;
	width:800px;
	text-align:center;
	margin-bottom:30px;
}

.department-banner img{max-width:800px;}

.department-list
{
	margin-left:22px;
	float:right;
	width:722px;
}

.department-list .department
{
	width:220px;
	height:120px;
	margin:0px 0px 6px 6px;
	background:#ffffff;
	position:relative;
	text-align:center;
	display:block;
	cursor:pointer;
	float:left;
}

.department-list .department .dept-image
{
	width:100%;
	height:120px;
	line-height:120px;
	display:block;
}

.department-list .department .dept-image img {max-height:120px; max-width:220px;}

.department-list .department .title
{
	position:absolute;
	bottom:0px;
	left:0px;
	height:32px;
	width:220px;
	opacity:0.70;
	background:#242323;
	text-align:center;
	line-height:32px;
	text-transform:uppercase;
	display:block;
	text-decoration:none;
	color:inherit;	
}

.department-list .department a.title:hover, .department-list .department .title.selected,
.department-list .department:hover
{color:#00badf;}

/** End Department Listing **/

/** Sub Department Listing **/
.product-list
{
	margin-left:18px;
	float:left;
	width:540px;
}

.product-list .filters
{
	width:100%;
	height:25px;
	line-height:25px;
	margin-bottom:20px;
}

.product-list .product
{
	width:175px;
	height:225px;
	background:white;
	margin-right:4px;
	margin-bottom:3px;
	position:relative;
	float:left;
}

.product-list .product .image
{
	width:175px;
	height:225px;
	line-height:225px;
	text-align:center;
	background:#000000;
}

.product-list .product .image img{max-height:225px;max-width:175px;}

.product-list .product .overlay
{
	height:100%;
	width:100%;
	background:url(images/overlay-bg-gray.png) repeat;
	text-align:center;
	display:none;
	position:absolute;
	left:0px;
	top:0px;
}

.product-list .product .overlay a 
{
	display:block; 
	width:100%; 
	height:140px;
	padding-top:90px;
}

/** End Sub Department Listing **/

/** Product Detail **/

.product-detail
{
	width:600px;
	min-height:600px;
	float:left;
	margin-left:20px;
}

.product-detail .detail-left
{
	float:left;
	width:354px;
}

.product-detail .detail-right
{
	float:left;
	width:178px;
	margin-left:27px;
}

.product-detail #main-image
{
	height:450px;
	width:350px;
	text-align:center;
}

.product-detail #main-image img{max-height:450px;max-width:350px;}

.product-detail .image-chooser{margin-top:30px;}
#selected_color_label{color:#aeadad;text-transform:capitalize;}

.product-detail .image-thumb
{
	width:23px;
	height:23px;
	overflow:hidden;
	background:#ffffff;
	margin:5px;
	cursor:pointer;
	display:block;
	float:left;
	border:1px solid #FFFFFF;
}

.product-detail .image-thumb.selected{width:21px;height:21px;border:1px solid #666666;}

.product-detail .cart-btn
{
	margin:12px 0px;	
}

.product-detail select
{
	height:20px;
	line-height:20px;
	border-left:1px solid #a2a4a6;
	border-top:1px solid #a2a4a6;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}

.product-detail select.small{width:65px;}
.product-detail select.big{width:175px;}

.product-detail .variants{margin-top:25px;}

.related
{
	float:left;
	width:161px;
	text-align:center;
}

.related .top
{
	height:168px;
	width:100%;
	margin-bottom:-97px;
	background:url(images/font-related.png) no-repeat;
}

.related .items
{
	width:92px;
	margin-left:43px;
	min-height:550px;
}

.related .item
{
	padding:6px 4px;
	width:84px;
	min-height:130px;
	background:#000000;
	margin-bottom:7px;
}

.related .item .main_image{max-width:84px;}
.related .item .link{display:block;margin-top:8px;}


/** End Product Detail **/

/** Cart **/

.cart
{
	width:765px;
	background:#FFFFFF;
	min-height:700px;
	color:#000000;
	padding-top:4px;
}

.cart table.items
{
	width:755px;
	margin:0px auto;
	border-bottom: 1px solid #5e5e5e;
}

.cart table.items td 
{
	padding-left:15px;
	padding-bottom:15px;
    border-bottom:1px solid #d0d0d0;
}
                       
.cart table.items a{ color:#000000;}

.cart table.items .header td
{
	height:25px;
	line-height:25px;
	color:#FFFFFF;
	background:#2d2c2c;
	padding-bottom:0px;
}

.cart .subtotal
{
	width:730px;
	text-align:right;
	margin-top:12px;
	padding-right:25px;
}

.cart .cart-bottom
{
	width:715px;
	margin:0px auto;
	padding-top:30px;
	padding-bottom:30px;
	margin-top:40px;
	background:#2d2c2c;
}

/** End Cart **/

/** Billing and Shipping **/

.bill-ship
{
	width:930px;
	min-height:618px;
	background:#FFFFFF;
	padding:5px;
	position:relative;
	color:#000000;
	font-weight:bold;
}

.bill-ship a{color:#000;}

.bill-ship .header { font-weight:normal;}

.bill-ship .bill, .bill-ship .ship, .bill-ship .seperator
{
	float:left;
	margin-top:26px;
	min-height:360px;
}

.bill-ship .bill {margin-left:18px; }
.bill-ship .seperator {margin-left:36px; margin-right:40px;float:left;}

.bill-ship .seperator
{
	background:#c0c0c0;
	height:100%;
	width:1px;
}

.bill-ship .errors
{
	margin-left:18px;
	padding:5px;
	width:250px;
	color:red;
}

.bill-ship .bottom
{
	width:880px;
	margin:0px auto;
	padding:30px 25px;
	margin-top:40px;
	background:#2d2c2c;
	text-align:right;
}

/** End Billing and Shipping **/


/** Login **/

.login
{
	width:930px;
	min-height:347px;
	background:#FFFFFF;
	padding:5px;
	position:relative;
	color:#000000;
}

.login .header .left {position:absolute; top:0px; left:15px;}
.login .header .right {position:absolute; top:0px; left:402px;}

.login .current
{
	position:absolute;
	top:60px;
	left:25px;
}

.login .new
{
	position:absolute;
	top:60px;
	left:452px;
}

.login td.label
{
	width:110px;
	font-weight:bold;
}

.login td { padding-bottom:5px; }

.login input{ width:216px;height:20px; line-height:20px;}
.login input.submit {width:auto; height:auto;margin-top:5px;}

.login.showroom .section
{
	margin-top:29px;
	margin-bottom:46px;
	margin-left:18px;
}

/** End Login **/

/** Breadcrumbs **/

.breadcrumbs
{
	margin-bottom:15px;
	text-transform:uppercase;
}

/** End Breadcrumbs **/

.company, .contact
{
	background:url(images/surfboard-bg.png) no-repeat center 30px;
	min-width:912px;
	min-height:757px;
}

/** Contact **/

.contact .form-wrapper
{
	padding-top:31px;
	padding-left:34px;
	margin-top:30px;
	width:430px;
	height:320px;
	background:url(images/contact-form-bg.png) repeat-x;
}

.contact .form-wrapper input, .contact .form-wrapper select, .contact .form-wrapper textarea
{
	margin-bottom:12px;
	margin-top:5px;
}

.contact .form-wrapper textarea{width:316px;height:95px;}

.contact .form-wrapper .submit-wrapper{width:320px;text-align:right;}
.contact .form-wrapper .submit-wrapper input {width:auto; height:auto;}

/** End Contact **/

/** My Account **/
.my-account{width:100%;}

.my-account .left
{
	float:left;
	width:200px;
	min-height:790px;
	margin-right:40px;
	background:none repeat scroll 0 0 #070B11;
	color:#FFFFFF;
	padding-left:10px;
	padding-top:15px;
	text-transform:uppercase;
}

.my-account .left .nav-item{margin-bottom:11px;}
.my-account .left .nav-item a
{
	text-decoration:none;
	padding-left:10px;
	display:block;
	height:18px;
	line-height:18px;
	width:175px;
}

.my-account .left .nav-item a:hover, .my-account .left .nav-item a.selected
{
	background:none repeat scroll 0 0 #1D363E;
}

.my-account .right
{
	float:left;
	width:764px;
	min-height:687px;
	background:#FFFFFF;
	color:#000000;
	padding:5px;
}

.my-account .right a{color:#000000;}

.my-account .section-title
{
	height:72px;
	line-height:72px;
	margin-left:24px;
	color:#2d2c2c;
	font-size:14px;
	font-weight:bold;
	position:relative;
}

.my-account .section-title .button
{
	position:absolute;
	top:20px;
	right:5px;
}

.my-account table.form-table, .my-account .form-errors
{
	margin:26px 22px;
	float:left;
}

.my-account .form-errors 
{
	width:250px;
	font-weight:bold;
}

.my-account table.form-table th
{
	min-width:120px;
	padding-right:16px;
	font-weight:bold;
	color:#373737;
	text-align:left;
}

.my-account table.form-table td
{
	padding-bottom:6px;
}

.my-account table.form-table input
{ 
	width:214px;
	height:22px;
	line-height:22px;
}

.my-account table.form-table input.submit
{
	width:auto;
	height:auto;
}


/** My Account - Order History **/
.order-history .header.list{background:#6a6867;}

/** End My Account - Order History **/

/** My Account - Addresses **/
.address-table {margin-left: 23px; margin-top:23px;}
.address-table td {padding-bottom:17px;}
/** End My Account - Addresses **/

/** End My Account **/

/** Order Confirmation **/
.order-confirm
{
	width:930px;
	min-height:325px;
	padding:5px 5px 100px 5px;
	background:#ffffff;
	color:#000000;
}

.order-confirm a{color:#000000;}

.order-confirm .shipping_info
{
	float:left;
	margin-left:23px;
	width:267px;
}

.order-confirm .billing_info
{
	float:left;
	margin-left:20px;
	width:287px;
}

.order-confirm table#view_order_table{width:100%;margin-bottom:24px;}

.order-confirm table#view_order_table td
{
	height:75px;
	border-bottom:1px solid #d0d0d0;
	vertical-align:middle;
}

.order-confirm .errors
{
	float:left;
	color:Red;
	font-weight:bold;
	margin-top:7px;
	margin-left:23px;
	width:500px;
}

.order-confirm .totals
{
	 float:right; 
	 margin-right:76px;
	 font-weight:bold;
	 text-align:right;
}

.order-confirm .totals th{width:108px;text-align:left;}

.order-confirm .bottom
{
	width:100%;
	padding:36px 0px;
	background:#2d2c2c;
	text-align:right;
	margin-top:17px;
}

.order-confirm .bottom input#placeorder{	margin-right:75px;}

/** End Order Confirmation **/

/** Order Reciept **/
.order-reciept
{
	width:930px;
	padding:5px;
	min-height:655px;
	background:#ffffff;
	color:#000000;
}

.order-reciept a{color:#000000;}

.order-reciept .status{margin:23px;font-weight:bold;}

.order-reciept .ship-info{float:left; margin-left:23px;width:277px;font-weight:bold;}
.order-reciept .bill-info{float:left; margin-left:10px;width:280px;font-weight:bold;}
.order-reciept .items {font-weight:bold;}

.order-reciept .totals {margin-top:25px;border-spacing:3px;}
.order-reciept .totals td{ padding-right:20px;}

/** End Order Reciept **/

.header
{
	height:25px;
	width:100%;
	line-height:25px;
	color:#FFFFFF;
	background:#2d2c2c;
	position:relative;
}
.header .inner {float:left;margin-left:23px;}

.blue {color:#5fcbed;}