/* 
STYLE.CSS
AUTHOR 	- metal@.com
DATE 	- December, 2007
NOTES  	- 
		  
*/
/* --------------------------------------------------------------------------------------------- */
/* BODY ATTRIBUTES */

body {
	margin: 0px 0px;
	padding: 0px 0px;
	font: normal 11px Arial, Helvetica, Verdana, san-serif, Georgia,"Times New Roman",Times,serif;
	color: #666;
	line-height: 14px;
	/*background: #fff url("../files/site/background.gif") no-repeat scroll top center;*/
}


/* --------------------------------------------------------------------------------------------- */
/* CONTENT AND LAYOUTS */

#body_container {
	margin: 0px 0px;
	padding: 0px 40px;
	width: 960px;
}

#content_header {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px;
}


/* swap the logo into an <h1> tag, and wrap the text version in a <span> within... */
span#logo{
	font-size: 24px;
	display: block;
	border-bottom: 7px #484848 solid;
	color: #484848;
	margin-bottom: 9px;
}

h1#logo span {
	display:none;
}
h1#logo {
	margin: 0px 0px 2px 0px;
	height: 33px;
	width: 162px;
	background-image: url("../images/logo.gif");
	background-repeat: no-repeat;
}

#content_container { 
	margin: 0px 0px;
	padding: 0px 0px;
	border-bottom: 1px solid #484848;
	overflow: auto;
}

#minicart{
	text-align: right;
	display: block;
	margin-right: 30px;
	overflow: auto;
	
}

#minicart .block-mini-cart{
	width: 180px;
	padding: 5px 5px 5px 5px;
	border-right: 1px #cccccc dashed;
	border-left: 1px #cccccc dashed;
	border-bottom: 1px #cccccc dashed;
	text-align: center;
	float: right;
	clear: both;
	background: #FFFF33;
}

#content_container p{
	margin-top: 0;
}

#content_container_sidebar { 
	margin: 0px 40px 0px 0px;
	padding: 15px 0px;
	width: 160px;
	float: left;
}

#content_meta_area { 
	margin: 0px 0px;
	padding: 15px 0px;
	width: 505px;
	float:left;
	border-top: 1px solid #484848;
	border-bottom: 1px solid #484848;
}

#content_container_area { 
	margin: 0px 0px;
	padding: 15px 0px;
	width: 730px;
	float:left;
}

#content_container_area:after {
	clear: both;
}
	
	.content_grid { 
		margin: 0px 15px 0px 0px;
		padding: 0px 0px 40px 0px;
		width: 115px;
		float:left;
	}
	
	.content_grid_store { 
		margin: 0px 15px 0px 0px;
		padding: 0px 0px 40px 0px;
		width: 140px;
		text-align: center;
		float: left;
	}
	
	.content_grid_store a { 
		text-decoration: none;
	}
	
	.listing-type-grid {
		overflow: auto;
	}
	
	.listing-type-grid h5 {
		padding-bottom: 3px;
		margin-bottom: 0;
		margin-top: 3px;
	}
	
	.listing-type-grid h5 a{
		text-decoration:none;
	}
	
	p.product-image{
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}
	
	.listing-type-grid ol {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.listing-type-grid ol li{
		margin: 0 3px 0 0;
		padding: 0 0 8px 0;
		float: left;
		text-align: center;
		height: 300px;

                width: 240px;

	}
	
	.headline {
		display: block;
	}
	
	.nomargin {
		margin: 0px 0px !important;
	}
	
	
#content_footer { 
	margin: 0px 0px;
	padding: 15px 0px;
	text-align: right;
	border-bottom: 1px solid #484848;
}

/* CLEAR FLOATS */
/* try to difne pseudo classes to avoid this...ie. :before, :after { clear:both; } */
.clearfloats {
	clear: both;
}

/* FLOATS */

.float_left{
	float: left;
}

.float_right{
	float: right;
}

	
/* --------------------------------------------------------------------------------------------- */
/* NAVIGATIONAL CLASS */

.store_nav a{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
	padding: 5px;
}

.store_nav span a{
	color: #000000;
	background: #ffff33;
}

.store_nav {
	font-size: 20px;
	line-height: 20px;
	font-weight:lighter;
	clear: right;
}

.store_hdr{
	display: block;
	float: left;
}


ul.nav {
	margin: 8px 0px 8px 0;
	padding: 8px 0px 8px 0;
	list-style: none;
	border-bottom: 8px solid #000000;
	border-top: 7px solid #000000;
}

ul.nav li {
	list-style: none !important;
	width: 100%;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
}

ul.nav li a { 
	padding: 0px 0px;  
	display: block;
	color: #212121;
	text-transform: uppercase;
	text-decoration: none; 
	height: 32px;
	width: 162px;
	text-indent: -9000px;
	background-position: 0 0;
}

ul.nav li.nav--store a{
	background-image: url(../images/nav_store.gif);
}

ul.nav li.nav--studio a{
	background-image: url(../images/nav_studio.gif);
}

ul.nav li.nav--book a{
	background-image: url(../images/nav_book.gif);
}

ul.nav li.nav--contacts a{
	background-image: url(../images/nav_contact.gif);
}

ul.nav li.nav--press a{
	background-image: url(../images/nav_press.gif);
}

ul.nav li.nav--blog a{
	background-image: url(../images/nav_blog.gif);
}

ul.nav li a:hover, ul.nav li.active a {
	background-position: -162px 0px;
}

ul.nav li.active ul li a{
	background-color: #ffffff;
	background-image: none;
}


ul.nav li ul {
	padding: 0;
	margin: 4px 0 8px 0;
}

ul.nav li ul li{
	line-height: 11px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif; 
	color:#000000;
	padding: 0 0 0 7px;
	margin: 0;
	
}


ul.nav li ul li.active a{
	background-color: #ffff33;
	background-image: none !important;
}

ul.nav li ul li.active ul li a{
	background-color: #ffffff;
	background-image: none !important;
}

ul.nav li ul li a{
	color:#000000;
	text-transform: none;
	text-align: left;
	padding: 0px 0px 5px 0px;
	display: block; 
	font-weight: normal;
	text-indent: 0;
	height: auto;
	width: auto;
	background-image: none !important;
}
ul.nav li ul li a:hover, ul.nav li ul li.active ul li a:hover{
	background-color: #ffff33;
	background-image: none !important;
}

ul.nav li a.noimage { 
	padding: 0px 0px 5px 0px;  
	display: block; 
	color: #000000;
	text-decoration: none; 
	background: none !important;
}
ul.nav li a.noimage:hover { 
	background: #ffff33 !important;
}

.black-link a{
	color: #000000 !important;
}

.black-link ul.level1 li a{
	color: #000000 !important;
}


/* --------------------------------------------------------------------------------------------- */
/* FORM CLASS */
input[type=text], input[type=password], input[type=file], input[type=submit], input[type=button], select, textarea { 
	margin:5px 0px 0px 0px;
	padding:0px 0px;
	background: #f5f5f5;;
	border:1px solid #ddd;
	display:inline;
}

input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, input[type=submit]:focus, input[type=button]:focus, select:focus, textarea:focus { 
	background: #d6d6d6;;
	border:1px solid #000;
}

input[type=checkbox], .checkbox, input[type=radio], .radio { 
	margin:0px 0px;
	padding:0px 0px;
	background-color:#fff;
	border:1px solid #666;
	display:inline;
}

form.paypal_order, form#intl_shipping{
	padding: 0 !important;
	margin: 0 !important;
}

form.paypal_order label, form#intl_shipping label{
	float: left;
	padding-bottom: 16px;
	font-size: 9px;
	color: #00B4FF;
	padding-right: 3px;
}

form.paypal_order select, form#intl_shipping select{
	background: #E5E5E5;
	font-size: 10px;
}

.price-box {
	clear: both;
	padding-bottom: 3px;
	padding-top: 8px;
}

#contactform{
	list-style: none;
	margin:0;
	padding:0;
}

#email_input, #search {
	height: 30px;
	width: 105px;
	float: left;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #484848;
}

#sidebar #search{
	width: 100%;
}

#signup .submit, .mini-search .submit{
	height: 33px;
	width: 50px;
	margin: 4px 0 0 3px;
	padding: 0;
	font-size: 9px;
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
}

#findus{
	margin-top: 15px;
	font-size: 10px;
	font-weight:lighter;
	line-height: 18px;
	
}

#findus span {
	text-decoration:underline;
}

/* --------------------------------------------------------------------------------------------- */
/* COMMON ELEMENTS */

h1 {
	margin: 0px 0px;
	font-size: 18px;
	font-weight: normal;
}


h1 a {
	margin: 0px 0px;
	text-decoration: none;
}


h1 a:hover {
	text-decoration: underline;
}


h2 {
	margin: 0px 0px;
	font-size: 14px;
}


h3 {
	margin: 0px 0px;
	font-size: 11px;
}

hr, .hr {
	margin: 0px 0px;
	padding: 5px 0px 15px 0px;
	border-top: 1px solid #ccc;
	border-bottom: none;
	border-left: none;
	border-right: none;
	height: 1px;
}


p {
	margin-bottom: 15px;
}




img {
	border: none;
}


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


a.on {
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
}


a.nohover, a.nohover:link, a.nohover:hover, a.nohover:visited {
	background: transparent !important;
}

a#closeEnlarge{
	text-decoration: none;
}

a:hover#closeEnlarge{
	background: #00B4FF !important;
	color: #ffffff;
	text-decoration: none;
}
a.shopping {
	width: 193px;
	height: 31px;
	display:block;
	text-indent: -9000px;
	outline: none;
	margin-top: 5px;
	margin-bottom: 5px;
	background-position: 0 0;
	
}

a.shopping:hover{
	background-position: -193px 0;
}

a#shopping_add{
	background-image: url('../images/shopping_add.gif');
}

a#shopping_intl{
	background-image: url('../images/shopping_intl.gif');
}

a#shopping_continue{
	background-image: url('../images/shopping_continue.gif');
}

a#shopping_update{
	background-image: url('../images/shopping_update.gif');
	margin-left: 15px;
}

a#shopping_proceed{
	background-image: url('../images/shopping_proceed.gif');
}

table#shopping-cart-table{
	font-size: 11px;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

table#shopping-cart-table td, table#shopping-cart-table th{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 11px;
	text-align:center;
	text-transform: uppercase;
}

table#shopping-cart-table td {
	text-align: center;
	border-bottom: dashed #939598 1px;
}

.a-left{
	text-align: left !important;
}

.black, .black a{
	color: #000000 !important;	
	text-decoration: none;
}

.remove-link{
	font-size: 24px;
	font-weight: bold;
	color: #00AEEF;
	text-decoration: none;
}

table#shopping-cart-table th{
	text-decoration: underline;
}

.shopping-cart-totals {
	float: right;
	
}

.shopping-cart-totals td {
	border: none !important;
}

ul.messages {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.messages li, .messages ul{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.checkout-header{
	display:block;
	background: #00AEEF;
	color: #ffffff;
	font-size: 14px !important;
	padding: 8px;
	margin: 0;
	text-transform: uppercase;
	
}


a.checkout {
	width: 115px;
	height: 31px;
	display:block;
	text-indent: -9000px;
	outline: none;
	background-position: 0 0;
	
}

a.checkout:hover{
	background-position: -115px 0;
}

#checkoutSteps a#checkout_continue{
	background-image: url(../images/checkout_continue.gif);
}

#checkoutSteps a#checkout_login{
	background-image: url(../images/checkout_login.gif);
}

#checkoutSteps a#checkout_placeorder{
	background-image: url(../images/checkout_placeorder.gif);
	width: 193px;
}

#checkoutSteps a#checkout_placeorder:hover{
	background-position: -193px 0;
}

#checkout-step-review .attributes-col {
	border-bottom: dashed #939598 1px;
	text-transform: uppercase;
	color: #000000;
}

ol#checkoutSteps {
	list-style: none;
	width: 550px;
	display: block;
	padding: 0 !important;
	margin: 0 !important;
	float: left;
}

ol#checkoutSteps h4{
	color: #000000;
	padding-bottom: 3px;
	border-bottom: 1px solid #000000;
	margin-right: 30px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

ol#checkoutSteps li {
	list-style: none;
	clear: both;
}

ol#checkoutSteps li a {
	text-decoration: none;
}

ol#checkoutSteps li a:hover {
	background-color: #f5f5f5;
}

ol#checkoutSteps .head{
	padding-bottom: 5px;
}

#checkoutSteps h3{
	background: #00AEEF;
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 3px;
	font-size: 14px !important;
}

#checkoutSteps .validation-advice{
	color: #C00C00;
	font-size: 10px;
}

#checkoutSteps form label{
	padding-top: 10px;
} 

#checkoutSteps form .input-box{
	margin-right: 15px;
	float: left;
}

#checkoutSteps form input{
	margin: 0 0 0 0;
}

#checkoutSteps form li{
	padding: 10px;
}

.one-page-checkout-progress{
	background: #F5F5F5;
	color: #484848;
}

.one-page-checkout-progress h3{
	text-decoration: underline;
	text-align: center;
}

.one-page-checkout-progress ol {
	padding-left: 30px;
}

.one-page-checkout-progress h3.complete{
	color: #00AEEF;
}

.shipment-methods ul, .shipment-methods ul li, .shipment-methods dd, .payment-methods dd{
	padding: 0 !important;
	margin: 5px 0 5px 0 !important;
}

.box {
	border-top: 1px dotted #484848;
	padding-top: 5px;
}

.col2-set{
	clear: both;
}
.col2-set .col-1, .col2-set .col-2{
	width: 50%;
	float: left;
	padding-bottom: 10px;
}

.one-page-checkout-progress{
	float: right;
	width: 150px;
	border: none;
}

.up-sell{
	clear: both;
	padding-top: 20px;
	width: 400px;
}

.up-sell h4 {
	font-size: 15px;
	border-bottom: 2px solid #666;
	padding-bottom: 7px;
	margin-bottom: 15px;
	text-indent: -9000px;
	background: url(../images/hdr_youmaylike.gif) no-repeat;
}

.up-sell .product-image{
	margin-right: 8px;
}

.price-box{
clear: both;
}

/* --------------------------------------------------------------------------------------------- */
/* COLOR ADDITIONS */
.grey {
	color: #666;
}

.red, .error {
	color: red;
}

/* ADDITIONAL ELEMENTS */
#banner{
	margin-bottom: 20px;
}

div.dotborder{
	border-bottom: 1px dashed #231F20;
	padding-top: 8px;
	margin-bottom: 8px;
}

/* -------------------------------------------------------------------------------------------- */
/* BLOG */
div.blog{
	width: 385px;
	float: left;
}

div#blog_container{
	width: 600px !important;
}

.blog h2 a, .blog h2{
	color: #1A1A1A;
	font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 15px;
	padding: 0;
	margin-bottom: 5px;
	text-decoration: none;
	line-height: 21px;
}

#sidebar li.widget{
	padding: 0;
	margin: 0;
}

#author_list{
	margin: 0;
	padding: 0;
}

#author_list li a{
	
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1A1A1A;

}

.blog .post{
	border-bottom: dashed 1px #231F20;
}

.blog .post span.date-comments a, .blog .post span.date-comments{
	text-decoration: none;
	font-size: 11px;
}

.blog .post span.date-comments a:hover{
	color: #00B4FF;
}

#blog_container #searchform #search_text{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	width: 128px;
}
#blog_container #searchform #submit_search{
	background-color: #1A1A1A;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 11px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
}

#blog_container #sidebar{
	width: 162px;
	float: right;
}

#blog_container #sidebar .sidebar_header{
	margin-top: 15px;
	margin-bottom: 10px;
}

#blog_container #sidebar span{
	display: block;
	margin-bottom: 15px;
}

#blog_container #sidebar a:hover{
	background: #FFFF33;
}

#blog_container #sidebar a{
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#blog_container #sidebar ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#blog_container #sidebar ul li{
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}


/* Homepage specific */

#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 804px;
	text-align: left;
}

#homepage_pic{
	padding-top: 10px;
}

img{
	border: none;
	}

h1#header{
	display: block;
	text-indent: -9000px;
	height: 82px;
	width: 802px;
	margin: 13px 0 3px 0;
	padding: 0;
	background: url(../images/header.gif) no-repeat;
	}
	
#nav a{
	display:block;
	height: 33px;
	text-indent: -9000px;
	background-position: 0 0;
	float: left;
	outline: none;
	width: 155px;
	padding-right: 7px;
	}
	#nav a:hover, #nav a:active{
		background-position: 0 -33px;
		}
	
	#nav #nav-store{
		background-image: url(../images/nav_top_store.gif);
		background-repeat: no-repeat;
		}
	#nav #nav-studio{
		background-image: url(../images/nav_top_studio.gif);
		background-repeat: no-repeat;
		}
	#nav #nav-book{
		background-image: url(../images/nav_top_book.gif);
		background-repeat: no-repeat;
		}
	#nav #nav-blog{
		background-image: url(../images/nav_top_blog.gif);
		background-repeat: no-repeat;
		}
	#nav #nav-custom{
		background-image: url(../images/nav_top_custom.gif);
		background-repeat: no-repeat;
		padding-right: 0 !important;
		}
#footer_nav {
	margin-top: 28px;
	margin-bottom: 10px;
	overflow: auto;
	height: 19px;
	}
	#footer_nav a{
			display: block;
			height: 19px;
			text-indent: -9000px;
			background-position: 0 0;
			background-repeat: no-repeat;
			float: left;
			outline: none;
	}
	#footer_nav a:hover, #footer_nav a:active{
		background-position: 0 -19px;
		}
		#footer_nav #bot-nav-store{
			width: 123px;
			background-image: url(../images/bot-nav-store.gif);
		}
		#footer_nav #bot-nav-studio{
			width: 160px;
			background-image: url(../images/bot-nav-studio.gif);
		}
		#footer_nav #bot-nav-book{
			width: 157px;
			background-image: url(../images/bot-nav-book.gif);
		}
		#footer_nav #bot-nav-about{
			width: 123px;
			background-image: url(../images/bot-nav-about.gif);
		}
		#footer_nav #bot-nav-contact{
			width: 145px;
			background-image: url(../images/bot-nav-contact.gif);
		}
		#footer_nav #bot-nav-press{
			width: 89px;
			background-image: url(../images/bot-nav-press.gif);
		}
	
#footer_nav a{
	float: left;
	}

.options-list label{
	float: none !important;
	margin-bottom: 8px !important;
	padding-left: 8px;
}

.options-list {
	list-style: none;
	float: left;
	clear: both;
	margin: 0;
	padding: 0 0 5px 0;
}

.options-list li{
	padding-top: 3px;
	padding-bottom: 2px;
}

dd{
	margin: 0;
	clear: both;
}

dt{
	clear: both;
}

.option_label{
	clear: both;
	margin-bottom: 3px;
	padding-top: 10px;
	padding-bottom: 2px !important;
}

input.product-custom-option{
	margin-top: 0 !important;
}

#shirt_text{
	position: absolute;
	top: 55px;
	left: 240px;
	z-index: 100;
}

.custom_label{
	width: 190px;
	display: block;
	height: 22px;
	text-indent: -9000px;
	padding: 0 0 0 0 !important;
	margin: 18px 0 0 0 !important;
}

#shirt_color{
	background: url(../images/hdr_shirtcolor.gif) no-repeat;
}

#ink_color{
	background: url(../images/hdr_inkcolor.gif) no-repeat;
}

#custom_text{
	background: url(../images/hdr_text.gif) no-repeat;
}

#text_align{
	background: url(../images/hdr_alignment.gif) no-repeat;
}