/* Reset CSS 
   http://meyerweb.com/eric/tools/css/reset/
   v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;	
}

a img {
	border: none;
}
.footer {
	padding: 20px;
	font-size: 9px;
	color: #666;
	margin-left: auto;
	margin-right: auto;
	width: 966px;
	text-align: center;
}

body {
	background-color: #333;
	margin: 50px 5px;
	font-family: Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 7px;	
	color: #333;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 7px;	
	color: #333;
}


.page {
	width: 966px;
	margin-left: auto;
	margin-right: auto;
}
.header {
	height: 55px;
	margin-bottom: 10px;
}
.header img {
	margin-right: 20px;
}
.header img, .header ul.primary-links {
	float: left;
}
.header ul {
	display: inline;
	position: relative;
}
.header ul li {
	display: inline;
}
.header ul.primary-links {
	top: 31px;
}
.header ul.primary-links a {
	color: white;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
.header ul.primary-links li {
	margin-left: 5px;
	margin-right: 5px;
}

.header ul.secondary-links {
	float: right;
	color: #7f7f7f;
	font-size: 10px;
	top: 43px;
}
.header ul.secondary-links a {
	color: #7f7f7f;
	text-decoration: none;
}
.header ul.secondary-links a:hover {
	text-decoration: underline;
}
.header ul.secondary-links li {
	margin-left: 5px;
	margin-right: 5px;
}

.body {
	background-color: #eeeeee;
	border: 2px solid #eeeeee;
}

.unauth .body {
	border-top: none;	
}

.dashboard {
	height: 36px;
	padding-top: 6px;
	padding-left: 13px;
	padding-right: 6px;
}

#search-components {
	float: left;
}
#cart-components {
	float: right;	
}

.content {
	border-top: 2px solid white;
	background-image: url('../img/bg.gif');	
}
.unauth .content {
	background-image: url('../img/unauth-bg.png');
}

.list-content {
	padding: 16px 23px;
}

.box-left, .box-right {
	display: block;
	height: 29px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.box-left {
	background-image: url('../img/box_bg_left2.png');
	background-position: left;
}

.box-right {
	background-image: url('../img/box_bg_right2.png');
	background-position: right;
}

.box {
	display: block;
	height: 27px;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	margin-left: 5px;
	margin-right: 5px;
	background-color: white;
	color: #666;
	background-repeat: no-repeat;
}

.dashboard .box {
	font-size: 10px;
	font-weight: bold;	
}
.dashboard .box .box-caption {
	position: relative;
	top: 7px;
	left: 20px;
}

.button {
	display: block;
	text-decoration: none;
	
}
#search-button {
	margin-left: 5px;
	width: 78px;
	float: left;
	cursor: pointer;
}
#search-button .box {
	background-image: url('../img/icon_search.png');
	background-position: 4px 9px;	
}

#search_textbox, #search_category, #search_subcategory {
	float: left;
	margin-right: 4px;
	margin-top: 6px;
	font-size: 11px;
	border: 1px solid #c3c3c3;
}

#search_textbox {
	color: #666666;
	width: 127px;
	padding: 2px;
	font-size: 11px;
	border: 1px solid #c3c3c3;
}

#search_category, #search_subcategory {
	padding: 1px;
	
}

#cart-button {
	width: 87px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
}
#cart-button .box {
	background-image: url('../img/icon_cart.png');
	background-position: 4px 9px;	
}

#subtotal {
	width: 205px;
	overflow: visible;
	float: left;	
}
#subtotal .box-subtotal-label {
	display: block;
	float: left;
	position: relative;
	top: 7px;
	left: 6px;
}

#subtotal .box-subtotal-value {
	display: block;
	font-size: 12px;
	float: right;
	position: relative;
	top: 5px;
	right: 6px;
}

.breadcrumb {
	border-top: 2px solid white; 
	background-image: url('../img/breadcrumb_bg.png');
	background-repeat: repeat-x;
	height: 22px;
	font-size: 10px;
	color: #515151;
	text-transform: uppercase;
}
.breadcrumb a {
	color: #515151;
	text-decoration: none;
}
.breadcrumb a:hover {
	text-decoration: underline;
}

.unauth .breadcrumb {
	border-top: none;	
}

.breadcrumb span {
	position: relative;
	top: 5px;
	left: 20px;
} 

/* Listing page */
.content .box {
	height: 27px;
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
}

#list-status .numresults {
	float: left;
	font-size: 10px;
	font-weight: bold;
	margin-left: 12px;
	margin-top: 7px;
	display: block;
}
#list-status .results-per-page {
	margin-top: 5px;
	margin-right: 5px;
	float: right;
	display: block;
}
#list-status .results-per-page select {
	font-size: 10px;
	border: 1px solid #c3c3c3;
}

#pager {
	padding-left: 8px;	
}

#pager a {
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 7px;	
	color: #666666;
	font-size: 10px;
	text-decoration: none;
}
#pager a.active {
	margin-top: 4px;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}

.listing {
	margin-top: 21px;	
	margin-bottom: 15px;
}

.listing a {
	text-decoration: none;
}

.item-result {
	display: inline;
	float: left;
	margin-right: 26px;
	margin-bottom: 8px;
}
.item-result-stylenum {
	display: block;
	margin-top: 0px;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	width: 91px;
	height: 30px;
}
.item-result-subcategory {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

.row-last {
	margin-right: 0;	
}

/* PRODUCT DETAILS */
.product_details {
	background-color: white;
	background-image: none;
	height: 100%;
}
#product_image {
	float: left;
	width: 332px;
	
}
#product_description {
	background-color: #ccc;
	float: left;
	width: 580px;
	min-height: 392px;
	overflow: visible;
	padding: 25px;
}
#product_description h1 {
	background-image: url('../img/two_color_border.png');
	background-position: bottom;
	background-repeat: repeat-x;
}
#product_description h1 .styleNumber {
	color: #333;
}
#product_description h1 .styleDescription {
	color: #666;
}
#product_description_left {
	width: 280px;
	float: left;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
#product_description_right {
	width: 280px;
	float: right;
}
.product_description_label {
	width: 120px;
	float: left;
	color: #666;
}
.product_description_value {
	width: 160px;
	float: right;
	color: #333;
}
.product_description_item {
	height: 23px;
	padding-top: 7px;
	background-image: url('../img/two_color_border.png');
	background-position: center bottom;
	background-repeat: repeat-x;
}

.product-items {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;	
	width: 100%;
	border-spacing: 0;
	
	padding-bottom: 2px;
	background-image: url('../img/two_color_border.png');
	background-position: center bottom;
	background-repeat: repeat-x;
}
.product-items th {
	vertical-align: middle;
	height: 28px;
	text-align: left;
	color: #666;
}
.product-items td {
	vertical-align: middle;
	height: 30px;
}
.product-items .item-0 {
	background-image: url('../img/two_color_border.png');
	background-position: center top;
	background-repeat: repeat-x;
}
.product-items .color-code {
  color: #333;
  width: 30px;
}
.product-items .color {
	color: #333;
	width: 125px;
}
.product-items .size {
	color: #666;
	width: 45px;
}
.product-items .ats {
	color: #666;
	width: 35px;
}
.product-items .qty {
	width: 40px;
	margin 0;
}
.qty_text {
	height: 14px;
	width: 30px;
	margin: 0;
	padding: 0;
	padding-left: 2px;
	font-size: 11px;
	border: 1px solid #333;
}

#addtocart-button {
	margin-top: 9px;
	cursor: pointer;
}
#addtocart-button .box-left, #addtocart-button .box-right {
	height: 39px;
}
#addtocart-button .box-left {
	background-image: url('../img/bigbox_bg_left.png');
}
#addtocart-button .box-right {
	background-image: url('../img/bigbox_bg_right.png');
}
#addtocart-button .box {
	height: 37px;
}
#addtocart-button {
	width: 125px;
}
#addtocart-button .box {
	background-image: url('../img/icon_addcart.png');
	background-position: 4px 14px;	
}
#addtocart-button .box-caption {
	font-size: 10px;
	font-weight: bold;
	position: relative;
	top: 12px;
	left: 36px;
}

/* VIEW CART */
.view_cart .errors {
  list-style-position: inside;
  font-size: 12px;
}

.view_cart, .checkout {
	background-color: #ccc;
	padding: 20px;
}

.shop_cart .first, 
.shop_cart .head,
.shop_cart .cart-update,
.shop_cart .cart-subtotal,
.shop_cart .cart-checkout {
	background-image: url('../img/two_color_border.png');
	background-position: top;
	background-repeat: repeat-x;
}

.shop_cart {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;	
	width: 100%;
	border-spacing: 0;
	padding-bottom: 2px;
}
.shop_cart th {
	vertical-align: middle;
	height: 28px;
	text-align: left;
	color: #666;
}

.shop_cart td {
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}

.shop_cart tr td,
.shop_cart tr td .item-link:link,
.shop_cart tr td .item-link:visited {
	height: 10px;	
	color: #333;
}

.shop_cart tr td a:link,
.shop_cart tr td a:visited {
	color: #262626;
}

.shop_cart tr.last td {
	height: auto;
}

.shop_cart .remove-col {
	text-align: center;	
}

.shop_cart {
	border-spacing: 0;
	width: 100%;

}

.shop_cart .subtotal-col {
	text-align: right;
	padding-right: 5px;
}

#update-button, #checkout-button {
	margin-left: 5px;
	width: 145px;
	float: right;
	cursor: pointer;
}
#update-button .box {
	background-image: url('../img/icon_update.png');
	background-position: 20px 7px;	
}
#update-button .box-caption {
	position: relative;
	top: 7px;
	left: 35px;	
}
#checkout-button .box-left {
	background-image: url('../img/verybigbox_bg_left.png');
}
#checkout-button .box-right {
	background-image: url('../img/verybigbox_bg_right.png');
}
#checkout-button .box-left, #checkout-button .box-right {
	height: 59px;
}
#checkout-button .box {
	height: 57px;
	background-image: url('../img/icon_checkout.png');
	background-position: 90px 22px;	
	text-align: left;	
}
#checkout-button .box-caption {
	position: relative;
	top: 22px;
	left: 25px;
}

.cart-subtotal td {
	vertical-align: middle;	
	color: #666 !important;
	text-align: right;
}
.cart-subtotal-amount {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-left: 20px;
	margin-right: 5px;
}

/* LOGIN */
.unauth .login-container {
	height: 100%;
}

#label-code, #label-password {
  color: #666;
  position: relative;
  left: 5px;
  cursor: text;
  z-index: 10;
}
#label-code {
  top: 5px;
}
#label-password {
  top: -10px;
}
#loginForm #code, #password {
  position: relative;
  top: -15px;
}
#password {
  top: -30px;
}
#login-button {
	position: relative;
  top: -30px;
}

.unauth .left, 
.unauth .right {
	float: left;
	height: 400px;
}
.unauth .left {
	padding: 50px 40px;
	width: 590px;
	border-right: 2px solid #eeeeee;
	color: white;
}
.unauth  h1 {
	color: white;
	font-size: 18px;
}
.unauth .left p {
	font-size: 12px;
	margin-bottom: 20px;	
}
.unauth .right {
	padding: 50px 30px;
	width: 230px;
	font-size: 11px;
	color: #919191;
	background-color: #222;
}
.unauth .right p {
	margin-bottom: 10px;
}
.unauth input,
.myaccount input {
	border: 1px solid #c3c3c3;
	width: 188px;
	height: 16px;
	font-size: 11px;
	color: #666;
	margin-bottom: 7px;
	padding: 3px;
	font-weight: bold;
}
input.error {
	border: 1px solid red;
}
.errors {
	color: red;
	padding-bottom: 7px;
	font-weight: bold;
}
#forgotPassword {
  cursor: pointer;
}

#login-button {
	width: 77px;
	cursor: pointer;
	margin-bottom: 7px;
}
.unauth .button .box-left {
	background-image: url('../img/login_bg_left.png');	
}
.unauth .button .box-right {
	background-image: url('../img/login_bg_right.png');	
}
.unauth .button .box {
	background-color: #bdbdbd;
	border-top-color: white;
	border-bottom-color: white;
	color: #222;
	background-image: url('../img/icon_arrow.png');
	background-position: 57px 10px;	
	
}
#login-button .box-caption {
	position: relative;
	top: 7px;
	left: 7px;
}
#forgotPass-button {
  width: 77px;
  cursor: pointer;
  margin-bottom: 7px;
}
#forgotPass-button .box-caption {
  position: relative;
  top: 7px;
  left: 7px;
}
.activate {
	padding: 50px 40px;
	color: white;
	font-size: 12px;
	height: 100%;
}
.activate .label,
.activate p {
	margin-top: 10px;
	margin-bottom: 5px;
}
.activate .activate-pointer.step {
	font-weight: bold;
}
.activate .activate-pointer {
	background-image: url('../img/icon_arrow_forms.png');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 10px;
	color: #808080;
	margin-right: 10px;
}
#customer-account-no-label {
	padding-right: 30px;
}

#updateprofile-button {
	width: 150px;
	cursor: pointer;
	margin-bottom: 7px;
}
#updateprofile-button .box {
	background-position: 120px 10px;	
}
#updateprofile-button .box-caption {
	position: relative;
	top: 7px;
	left: 7px;
}
.activate input {
	width: 300px;
}


/* HOME */
#start .breadcrumb {
	display: none;
}
.home-content {
	height: 100%;
}
.home-content .left {
	width: 282px;
	border-right: 2px solid #eee;
	background-color: #222;
	float: left;
	height: 442px;
}
.home-content .right {
	float: left;
	height: 442px;

}
.home-content h1 {
	color: white;
	font-size: 18px;
	font-weight: bold;
	width: 227px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 65px;
	
}
.promo-box {
	width: 227px;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	font-size: 13px;
	color: #595959;
}
.promo-decorate-top {
	background-image: url('../img/promo_box_top.png');
	background-repeat: no-repeat;
	background-position: top;
}
.promo-decorate-top p {
	margin-bottom: 10px;
}
.promo-decorate-bottom {
	background-image: url('../img/promo_box_bottom.png');
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 15px;
}

/* My Account */
#myaccount-view .content {
	background-image: none;
	background-color: #ccc;
	padding: 20px;
}
#myaccount-view h1,
#myaccount-view h2 {
	background-image: url('../img/two_color_border.png');
	background-position: bottom;
	background-repeat: repeat-x;	
}
#myaccount-view h2 {
	margin-top: 10px;
	padding-bottom: 1px;
	margin-bottom: 5px;
}
#myaccount-view .address,
#myaccount-view p {
	font-size: 12px;
	color: #333;
	margin-bottom: 10px;
}
.myaccount input {
	width: 300px;
}
.myaccount #updateprofile-button .box-caption {
	font-size: 10px;
	font-weight: bold;
}
.myaccount #updateprofile-button {
	width: 140px;
}
.myaccount #updateprofile-button .box {
	background-image: url('../img/icon_arrow_whitebg.png');
	background-position: 110px 10px;
}

.success {
	color: green !important;
	font-weight: bold;
}

/* CHECKOUT */
.checkout .shop_cart {
	background-image: url('../img/two_color_border.png');
	background-position: bottom;
	background-repeat: repeat-x;	
	margin-bottom: 20px;
}

label.error {
	color: red;
}

.terms-conditions p {
	margin-bottom: 10px;
	font-size: 12px;
	width: 700px;
	
}

#confirm-button {
	margin-top: 30px;
	width: 130px;
	cursor: pointer;
}
#confirm-button .box {
	background-image: url('../img/icon_arrow_whitebg.png');
	background-position: 105px 10px;	
}
#confirm-button .box-caption {
	position: relative;
	top: 7px;
	left: 15px;	
	font-size: 10px;
	font-weight: bold;
}

.checkout p {
	margin-bottom: 10px;
	font-size: 12px;
}