/*
	Color Sets:
	
	Black: #040000
	Grey: #736e6b
	Light grey: #a6a6a6
	
*/

* {margin: 0; padding: 0; outline: none;}
body {
	color: #040000;
	font-size: 12px;
	font-family: Arial, sans-serif;
	background: white;
}

a {color: #999999; text-decoration: none;}
a:hover {color: #040000;}

.join_up_elsewhere a {
	color: #736e6b;
}
.join_up_elsewhere a:hover {color: #040000;}


img, img a, img a:hover {border: 0;}

ul, ol, li {list-style: none; list-style-position: outside;}

h1, h2, h3, h4, h5 {margin: 0 0 10px 0;}

h1 {font-size: 17px;}


/*Structure*/
#head {
	height: 83px;
	background: url(../images/header_bg.png) center 0 no-repeat;
	overflow: hidden;
}
#header {
	margin: 24px auto 0 auto;
	width: 823px;
	height: 59px;
	overflow: hidden;
}

#container {
	width: 823px;
	margin: 0 auto;
	height: 100%;
}

#content {
	width: 650px;
	/*overflow: hidden;*/
	height: 100%;
	margin: 20px 0 0 0;
	float: right;
	display: inline;
}
table.colors_pricebox {
	margin-left: 5px;
	border-right: 1px solid #d6d6d6;
	width: 186px;
}
#sideBar {
	width: 172px;
	overflow: hidden;
	height: 100%;
	margin: 20px 0 0 0;
	float: left;
	display: inline;
}



/*Header*/
#cart {
	width: 171px;
	float: right;
	display: inline;
	margin: 15px 0 0 0;
	padding: 7px 59px 0 0;
	height: 32px;
	background: url(../images/ico_cart.png) right bottom no-repeat;
}
#cart span.checkout a {
	width: 84px;
	height: 25px;
	float: right;
	display: inline;
	background: url(../images/items_in_cart.png) 0 0 no-repeat;
	text-indent: -999em;
}
#cart span.cart_amount {
	width: 54px;
	height: 25px;
	float: right;
	display: inline;
	text-align: right;
	margin: 0 5px 0 0;
}

#mainSearch {
	width: 167px;
	height: 20px;
	float: right;
	display: inline;
	margin: 24px 0 0 27px;
}
#mainSearch input {
	border-left: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #868686;
	padding: 3px 6px;
	width: 123px;
	height: 12px;
	float: left;
	display: inline;
}
#mainSearch img.search_button {
	border: 1px solid white;
	float: right;
	display: inline;
}



/*Hero splash*/
#splash {
	margin: 20px 0 0 0;
}
#splash a {display: block;}
#splash img.hero {
	display: block;
	margin: 0 0 4px 0;
}
#splash img.featured {display: block;}



/*Intro content*/
.home_intro_text {
	float: left;
	display: inline;
	width: 395px;
}
.home_intro_text .block_row {
	padding: 20px 0 10px 0;
	border-bottom: 7px solid #ebebeb;
	overflow: hidden;
	height: 100%;
}
.home_intro_text .block_row_last {border: 0;}
.home_intro_text .block_row p {
	margin: 0 0 10px 0;
}
.home_intro_text .block_row h2.wtf_is_alternative {
	background: url(../images/wtf_is_alternative_tag.png) 0 0 no-repeat;
	width: 187px;
	height: 34px;
	text-indent: -999em;
	margin: 0 0 13px 0;
}
.home_intro_text .block_row h2.who_designs_this {
	background: url(../images/who_designs_this_tag.png) 0 0 no-repeat;
	width: 187px;
	height: 37px;
	text-indent: -999em;
	margin: 0 0 13px 0;
}
.home_intro_text .block_row h2.join_our_mailing {
	background: url(../images/join_our_mailing_tag.png) 0 0 no-repeat;
	width: 168px;
	height: 51px;
	text-indent: -999em;
	margin: 0 0 13px 0;
}

.join_mailing_list {
	width: 177px;
	float: left;
	display: inline;
	margin: 0 0 10px 0;
}
.join_mailing_list input.mailing_box {
	border-left: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #868686;
	padding: 3px 6px;
	width: 133px;
	height: 12px;
	float: left;
	display: inline;
}
.join_mailing_list input.mailing_button {
	border: 1px solid #040000;
	float: right;
	display: inline;
}

ul.join_up_elsewhere {
	width: 192px;
	float: right;
	display: inline;
}
ul.join_up_elsewhere li {
	border-bottom: 1px solid #d5d5d5;
	padding: 4px 0;
	margin: 6px 0 0 0;
	text-align: right;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
ul.join_up_elsewhere li a {
	display: block;
}
ul.join_up_elsewhere li.facebook {background: url(../images/ico_facebook.png) 0 center no-repeat;}
ul.join_up_elsewhere li.twitter {background: url(../images/ico_twitter.png) 0 center no-repeat;}
ul.join_up_elsewhere li.youtube {background: url(../images/ico_youtube.png) 0 center no-repeat;}



/*Sale thumbs*/
ul.products, ul.featured_products {
	width: 622px;
	overflow: hidden;
	height: 100%;
	margin: 0 0 0 0;
}
ul.featured_products {
	width: 408px;
	float: right;
	display: inline;
	margin: 20px 0 0 0;
}
ul.products li, ul.featured_products li {
	width: 200px;
	height: 207px;
	margin: 0 8px 20px 0;
	float: left;
	display: inline;
	overflow: hidden;
}
ul.products li img, ul.featured_products li img {display: block;}
ul.products li.right_li, ul.featured_products li.right_li {
	margin: 0 0 20px 0;
}

ul.products li span.price, ul.featured_products li span.price {
	 FONT: bold 12px Arial; text-transform: uppercase;
	 color: #000000;
}
ul.products li span.pricetext, ul.featured_products li span.pricetext {
	 FONT: bold 11px Arial;
	 text-transform: none;
	 color: #000000;
}
ul.products li span.title, ul.featured_products li span.title {
	color: #040000;
	FONT: bold 10px Arial; text-transform: uppercase;  TEXT-DECORATION: none; 
}
ul.products li span.homeby, ul.featured_products li span.homeby {
	font-size: 9px;
	color: #787878;
	margin: 4px 0 0 0;
}
ul.products li span.title em, ul.featured_products li span.title em {
	font-size: 9px;
	color: #9b9b9b;
}
ul.products li span.title a, ul.featured_products li span.title a {color: #040000;}
ul.products li span.title a:hover,
ul.featured_products li span.title a:hover {text-decoration: underline; color: #040000;}



/*Sidebar*/
#sideBar h3 {
	background: url(../images/sidebar_head.png) 0 0 no-repeat;
	height: 25px;
	width: 152px;
	color: white;
	line-height: 25px;
	padding: 0 10px;
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 2px 0;
	text-transform: uppercase;
}

#sideBar ul.links {
	border: 1px solid #dadada;
	background: #f3f3f3;
	padding: 10px 12px;
}
#sideBar ul.links li {
	font-size: 9px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
	background: url(../images/list_bullet.png) 0 4px no-repeat;
	padding: 0 0 0 6px;
}
#sideBar ul.links li a {color: #040000;}
#sideBar ul.links li a:hover {text-decoration: underline;}



#sideBar #mailingList {
	border-top: 7px solid #ebebeb;
	overflow: hidden;
	height: 100%;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}
#sideBar #whoDesigns {
	border-top: 7px solid #ebebeb;
	overflow: hidden;
	height: 100%;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}

#sideBar h2.join_our_mailing {
	background: url(../images/join_our_mailing_tag.png) 0 0 no-repeat;
	width: 168px;
	height: 51px;
	text-indent: -999em;
	margin: 0 0 13px 0;
}
#sideBar h2.who_designs_this {
	background: url(../images/who_designs_this2_tag.png) 0 0 no-repeat;
	width: 172px;
	height: 37px;
	text-indent: -999em;
	margin: 0 0 13px 0;
}

#sideBar .join_mailing_list {
	margin: 0 0 10px 0;
	width: 172px;
}
#sideBar .join_mailing_list input.mailing_box {
	border-left: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #868686;
	padding: 3px 6px;
	width: 128px;
	height: 12px;
	float: left;
	display: inline;
}
#sideBar .join_mailing_list input.mailing_button {
	border: 1px solid #040000;
	float: right;
	display: inline;
}

#sideBar ul.join_up_elsewhere {
	width: 172px;
	float: right;
	display: inline;
}
#sideBar ul.join_up_elsewhere li {
	border-bottom: 1px solid #d5d5d5;
	padding: 4px 0;
	margin: 6px 0 0 0;
	text-align: right;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
#sideBar ul.join_up_elsewhere li a {
	display: block;
}
#sideBar ul.join_up_elsewhere li.facebook {background: url(../images/ico_facebook.png) 0 center no-repeat;}
#sideBar ul.join_up_elsewhere li.twitter {background: url(../images/ico_twitter.png) 0 center no-repeat;}
#sideBar ul.join_up_elsewhere li.youtube {background: url(../images/ico_youtube.png) 0 center no-repeat;}


#sideBar .owner {
	border: 1px solid #d5d5d5;
	margin-bottom: 2px;
}



/*Content*/
.textArea p {
	margin: 0 0 15px 0;
}
h1.alternative_hero {
	background: url(../images/about_tag.png) 0 0 no-repeat;
	width: 342px;
	height: 39px;
	text-indent: -999em;
	margin: 0 0 15px 0;
}

ul#breadCrumbs {
	font-size: 11px;
	margin: 0 0 2px 0;
}
ul#breadCrumbs li {
	display: inline;
}
ul#breadCrumbs li a {
	color: #aaa;
	text-decoration: underline;
}
ul#breadCrumbs li a:hover {text-decoration: none;}


/*Detail page*/
h3.description {
	background: url(../images/detail_head2.png) 0 0 repeat;
	height: 25px;
	width: 600px;
	color: white;
	line-height: 25px;
	padding: 0 10px;
	font-weight: bold;
	font-size: 11px;
	margin: 20px 0 0 0;
	text-transform: uppercase;
	border: 1px solid #dadada;
}
.description_box {
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	background: #f3f3f3;
	padding: 10px 12px;
	font-size: 11px;
}
.description_box p {margin: 0 0 10px 0; line-height: 16px;}
.description_box h4 {
	margin: 5px 0;
	font-size: 11px;
}
.description_box ul {padding: 0 0 0 13px;}
.description_box ul li {margin: 0 0 4px 0;}


#itemPhotos {
	width: 423px;
	float: left;
	display: inline;
}

#itemPhotos .buttons {
	overflow: hidden;
	height: 100%;
}
#itemPhotos .buttons span.larger a {
	text-indent: -999em;
	float: left;
	display: inline;
	width: 137px;
	height: 25px;
	background: url(../images/button_larger_photo.png) 0 0 no-repeat;
	margin: 3px 10px 0 0;
}
#itemPhotos .buttons span.email a {
	text-indent: -999em;
	float: left;
	display: inline;
	width: 137px;
	height: 25px;
	background: url(../images/button_email_to_friend.png) 0 0 no-repeat;
	margin: 3px 0 0 0;
}

#itemPhotos p.alternative_views {
	margin: 18px 0 14px 0;
	font-size: 11px;
}
#itemPhotos ul.more_photos {
	overflow: hidden;
	height: 100%;
}
#itemPhotos ul.more_photos li {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}


#itemInformation {
	width: 186px;
	float: right;
	display: inline;
}

#itemInformation h3 {
	background: url(../images/detail_head.png) 0 0 no-repeat;
	height: 25px;
	width: 166px;
	color: white;
	line-height: 25px;
	padding: 0 10px;
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 0 0;
	text-transform: uppercase;
}

#itemInformation .details_box {
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	background: #f3f3f3;
	padding: 10px 12px;
	font-size: 11px;
}
#itemInformation .details_box p {height: 75px; margin: 0; font-size: 12px;}
#itemInformation .details_box span.title {
	font-weight: bold;
	display: block;
}
#itemInformation .details_box span.designer {font-style: italic;}
#itemInformation .details_box span.product_code {color: #989898; font-style: italic;}


/*Price box*/
#itemInformation .price_box {
	border: 1px solid #dadada;
	padding: 10px 12px;
	margin: 13px 0 13px 0;
}

#itemInformation .price_box .desc_row {
	overflow: hidden;
	height: 100%;
	margin: 0;
}
.desc_row span.label {font-weight: bold; width: 65px; float: left; display: inline;}
.desc_row span.label2 {padding: 5px 0 0 0;}
.desc_row span.label_save {color: #989898; font-style: italic; font-weight: bold; width: 65px; float: left; display: inline; padding: 5px 0 0 0;}
.desc_row span.you_save {color: #989898; font-style: italic; font-weight: bold; width: 90px; float: left; display: inline; padding: 5px 0 0 0;}
.desc_row span.price {width: 90px; float: left; display: inline;}
.desc_row span.our_price {color: #d60001; width: 60px; float: left; display: inline; font-weight: bold; font-size: 18px;}


/*Extra box*/
.extra_box {
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	padding: 7px;
	font-size: 11px;
	overflow: hidden;
	height: 100%;
}

.extra_box .add_box {
	width: 55px;
	float: left;
	display: inline;
}
.extra_box .add_box label {position: relative; top: -2px;}
.extra_box .add_box span.price {font-size: 22px; font-weight: bold; font-family: "Arial Black", Arial, sans-serif;}
.extra_box .img {
	float: right;
	display: inline;
}

.extra_box span.title {
	font-size: 8px;
	display: block;
	line-height: 11px;
	margin: 8px 0 0 0;
	color: #040000;
}
.extra_box span.title em {
	font-size: 8px;
	color: #9b9b9b;
	display: block;
}
.extra_box span.title a {color: #040000;}
.extra_box span.title a:hover,
.extra_box span.title a:hover {text-decoration: underline; color: #040000;}



/*Forms*/
form.price_form {
	margin: 25px 0 0 0;
}
.form_row {
	overflow: hidden;
	height: 100%;
	margin: 0 0 10px 0;
}
.form_row label {
	width: 7em;
	padding: 0 5px 0 0;
	text-align: right;
	float: left;
	display: inline;
	font-weight: bold;
}

form.price_form input.quantity_box {
	border: 1px solid #d6d6d6;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #868686;
	padding: 3px 6px;
	width: 46px;
	height: 12px;
	float: left;
	display: inline;
}
form.price_form select#sizes {width: 60px;}
form.price_form .buttons {text-align: right; padding: 8px 0 0 0;}
form.price_form input.button_add_to_cart {
	width: 137px;
	height: 25px;
	margin: 0 auto 6px auto;
	display: block;
}

form.price_form span.add_to_wish {
	background: url(../images/ico_star.png) 0 center no-repeat;
	color: #040000;
	padding: 0 0 0 15px;
	margin: 0 11px 0 0;
}
form.price_form span.add_to_wish a {
	color: #040000;
	font-size: 11px;
	text-decoration: underline;
}



/*Footers*/
ul.pre_footer {
	text-align: center;
	width: 680px;
	margin: 35px auto 10px auto;
}
ul.pre_footer li {
	display: inline;
	text-transform: uppercase;
	margin: 0 10px;
	font-size: 10px;
}
ul.pre_footer li.break {display: block; margin: 0; line-height: 3px; padding: 0;}
ul.pre_footer li a {color: #a6a6a6;}
ul.pre_footer li a:hover {text-decoration: underline;}

#footer {
	height: 32px;
	background: url(../images/header_bg.png) 0 0 no-repeat;
	font-size: 8px;
	padding: 12px 0 0 0;
	text-transform: uppercase;
	text-align: center;
	color: #dedede;
}
#footer span {color: #888888;}
#footer a {color: white;}
#footer a:hover {text-decoration: underline}



/*Menu*/
ul#menu {
	border-bottom: 1px solid #9c9c9c;
	overflow: hidden;
	height: 100%;
	padding: 15px 0 6px 3px;
}

ul#menu li {
	float: left;
	display: inline;
	height: 9px;
	margin: 0 21px 0 0;
	font-size: 1px;
}
ul#menu li a {
	display: block;
	height: 9px;
	text-indent: -999em;
	cursor: pointer;
}

ul#menu li.all a {background: url(../images/menu_all.png) 15px 0 no-repeat; width: 40px;}
ul#menu li.shirts a {background: url(../images/menu_shirts.png) 15px 0 no-repeat; width: 70px;}
ul#menu li.not_shirts a {background: url(../images/menu_not_shirts.png) 15px 0 no-repeat; width: 101px;}
ul#menu li.about a {background: url(../images/menu_about.png) 15px 0 no-repeat; width: 80px;}
ul#menu li.support a {background: url(../images/menu_support.png) 15px 0 no-repeat; width: 74px;}
ul#menu li.help a {background: url(../images/menu_help.png) 15px 0 no-repeat; width: 86px;}
ul#menu li.blog a {background: url(../images/menu_blog.png) 15px 0 no-repeat; width: 49px;}
ul#menu li.account a {background: url(../images/menu_account.png) 15px 0 no-repeat; width: 99px;}

ul#menu li.all a:hover, ul#menu li.shirts a:hover, ul#menu li.not_shirts a:hover,
ul#menu li.about a:hover, ul#menu li.support a:hover, ul#menu li.help a:hover,
ul#menu li.blog a:hover, ul#menu li.account a:hover {
	background-position: 15px bottom;
}

ul#menu li a span {display: block; height: 11px;} 

ul#menu li.all a:hover span, ul#menu li.shirts a:hover span, ul#menu li.not_shirts a:hover span,
ul#menu li.about a:hover span, ul#menu li.support a:hover span, ul#menu li.help a:hover span,
ul#menu li.blog a:hover span, ul#menu li.account a:hover span {
	background: url(../images/menu_star.png) 0 0 no-repeat;
}


/*Text*/
a.external_link {font-weight: bold; color: #040000;}
a.external_link:hover {text-decoration: underline; color: #040000;}


/*Extras*/
.fl {float: left; display: inline;}
.fr {float: right; display: inline;}
.clearfix {clear: both;}

/*Images*/
.logo {
	width: 201px;
	height: 59px;
	float: left;
	display: inline;
}
.certified_ssl {
	background: url(../images/logo_certification.png) 0 0 no-repeat;
	width: 49px;
	height: 54px;
	margin: 18px auto 15px auto;
}



.by {
	FONT: normal 9px Arial; text-transform: uppercase;  TEXT-DECORATION: none;
}



