/** LAYOUT STYLES **/
/*#page { padding-top: 0; }*/
#menu { margin-bottom: 1px; }
#store { padding: 35px 10px 10px 10px; }
#sidebar { width: 200px; margin: 0 10px; }
#content { width: 740px; margin: 0 10px; }

/** HEADER STYLES **/
#page-header {
	width: 1000px;
	height: 230px;
	position: relative;
	background: no-repeat bottom;
	border-bottom: 1px solid #1D7A8B
}

#page-header.store-home {
	background-image: url('/images/site/store_header.png');
}

#page-header.cart {
	height: 130px;
	background-image: url('/images/site/store_header.png');
}

#page-header h1 {
	width: 970px;
	display: block;
	color: #ffffff;
	font-size: 2.8em;
	font-weight: bold;
	position: absolute;
	bottom: 30px;
	line-height: 1.5em;
	margin: 0;
	padding: 5px 0 5px 30px;
	text-shadow: #000001 1px 1px 2px;
	background: url('/images/site/header_text_gradient.png') repeat-y;
}

/** INTRO TEXT **/
#intro {
	width: 960px;
	margin: 0 10px 35px 10px;
}

#intro p {
	padding: 0;
	margin: 0 0 12px 0;
}

/** SIDEBAR STYLES **/
#sidebar .side-nav {
	margin: 0 0 30px 0;
	padding: 0 0 6px 0;
	background: #167C95;
	list-style-type: none;
}

#sidebar .side-nav > li {
	color: #fff;
	padding: 8px 15px;
	font-size: 1.1em;
	line-height: 1.4em;
	font-family: Oswald, 'Arial Narrow', sans-serif;
}

#sidebar .side-nav > li a {
	width: 100%;
	height: 100%;
	display: block;
	color: #2edbfd;
	text-decoration: none;
}

#sidebar .side-nav > li a:hover,
#sidebar .side-nav > li.active a {
	color: #fff;
}

#sidebar .side-nav > li.heading {
	color: #fff;
	width: 170px;
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 15px;
	line-height: 1.4em;
	text-transform: uppercase;
	text-shadow: #286270 1px 1px 1px;
}

#sidebar .side-nav > li.divider {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1px;
	background-color: #126579;
	border-bottom: 1px solid #2e89a0;
}

#sidebar .side-nav > li img.icon {
	width: 20px;
	height: 20px;
	top: 3px;
	position: relative;
	margin: 0 12px 0 0;
}

/** STORE NAVIGATION **/
#store-nav {
	width: 100%;
	padding: 1px 0;
	margin: 0 10px 25px 10px;
	background: #3a3a3a;
	background-image: -ms-linear-gradient(left, #3a3a3a 0%, #222222 100%);
	background-image: -moz-linear-gradient(left, #3a3a3a 0%, #222222 100%);
	background-image: -o-linear-gradient(left, #3a3a3a 0%, #222222 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #3a3a3a), color-stop(1, #222222));
	background-image: -webkit-linear-gradient(left, #3a3a3a 0%, #222222 100%);
	background-image: linear-gradient(left, #3a3a3a 0%, #222222 100%);
}

#store-nav ul {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #1c1c1c;
	background-image: -ms-linear-gradient(left, #1c1c1c 0%, #222222 100%); 
	background-image: -moz-linear-gradient(left, #1c1c1c 0%, #222222 100%);
	background-image: -o-linear-gradient(left, #1c1c1c 0%, #222222 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1c1c1c), color-stop(1, #222222));
	background-image: -webkit-linear-gradient(left, #1c1c1c 0%, #222222 100%);
	background-image: linear-gradient(left, #1c1c1c 0%, #222222 100%);
	list-style-type: none;
}

#store-nav li {
	float: left;
	display: block;
	font-size: 1.1em;
	line-height: 1.4em;
	font-family: Oswald, 'Arial Narrow', sans-serif;
	text-transform: uppercase;
	border-right: 1px solid #2d2d2d;
}

#store-nav li.last,
#store-nav li.login,
#store-nav li:last-child {
	border-right: none;
}

#store-nav li a {
	width: 100%;
	height: 100%;
	display: block;
	color: #999;
	padding: 12px 25px;
}

#store-nav li a:hover {
	color: #fff;
}

/** CATEGORY LISTING **/
.category-box {
	float: left;
	width: 210px;
	padding: 8px;
	margin: 0px 10px 25px 10px;
	background-color: #333;
	background-image: -ms-linear-gradient(top, #333333 0%, #222222 100%);
	background-image: -moz-linear-gradient(top, #333333 0%, #222222 100%);
	background-image: -o-linear-gradient(top, #333333 0%, #222222 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333333), color-stop(1, #222222));
	background-image: -webkit-linear-gradient(top, #333333 0%, #222222 100%);
	background-image: linear-gradient(top, #333333 0%, #222222 100%);
}

.category-box .thumbnail {
	width: 210px;
	height: 140px;
	overflow: hidden;
	background: #fff;
}

.category-box .thumbnail img {
	width: 210px;
	border: none;
}

.category-box .info {
	width: 210px;
	padding: 10px 0;
	background: #167c95;
	border-top: 1px solid #265d6a;
	border-bottom: 1px solid #2f2f2f;
	background-image: -ms-linear-gradient(top, #286270 0%, #167C95 100%);
	background-image: -moz-linear-gradient(top, #286270 0%, #167C95 100%);
	background-image: -o-linear-gradient(top, #286270 0%, #167C95 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #286270), color-stop(1, #167C95));
	background-image: -webkit-linear-gradient(top, #286270 0%, #167C95 100%);
	background-image: linear-gradient(top, #286270 0%, #167C95 100%);
}

.category-box .info h3 {
	width: 100%;
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	text-align: center;
	text-transform: uppercase;
	text-shadow: #075061 1px 1px 1px;
	font-family: Oswald, 'Arial Narrow', sans-serif;
}

.category-box .info h3 a {
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}

.category-box .info h3 a:hover {
	color: #2edbfd;
}

/** PRODUCT LISTING **/
.product-row {
	clear: both;
}

.product-box {
	float: left;
	width: 226px;
	margin: 10px;
	background: #444;
	position: relative;
	z-index: 1;
	padding: 0 0 145px 0;
}

.product-box.no-js {
	padding-bottom: 100px;
}

.product-box .thumbnail {
	width: 226px;
	height: 138px;
	overflow: hidden;
	background: #444;
	background-image: -ms-linear-gradient(top, #2A2A2A 0%, #4D4D4D 100%);
	background-image: -moz-linear-gradient(top, #2A2A2A 0%, #4D4D4D 100%);
	background-image: -o-linear-gradient(top, #2A2A2A 0%, #4D4D4D 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2A2A2A), color-stop(1, #4D4D4D));
	background-image: -webkit-linear-gradient(top, #2A2A2A 0%, #4D4D4D 100%);
	background-image: linear-gradient(top, #2A2A2A 0%, #4D4D4D 100%);
}

.product-box .thumbnail img {
	width: 210px;
	height: 130px;
	margin: 8px 8px 0 8px;
}

.product-box .info {
	height: 58px;
	overflow: hidden;
	bottom: 87px;
	opacity: 1;
	position: absolute;
	background: #444;
	background-image: -ms-linear-gradient(top, #4D4D4D 0%, #444444 100%);
	background-image: -moz-linear-gradient(top, #4D4D4D 0%, #444444 100%);
	background-image: -o-linear-gradient(top, #4D4D4D 0%, #444444 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4D4D4D), color-stop(1, #444444));
	background-image: -webkit-linear-gradient(top, #4D4D4D 0%, #444444 100%);
	background-image: linear-gradient(top, #4D4D4D 0%, #444444 100%);
}

.product-box.no-js .info {
	height: 145px;
	position: static;
}

.product-box .info .product-details {
	padding: 12px 12px 6px 12px;
	position: static;
	width: 202px;
}

.product-box.buy-refurb .info .product-details {
	padding-bottom: 18px;
}

.product-box .product-details .name {
	color: #2edbfd;
	font-size: 1.5em;
	margin: 0 0 8px 0;
	line-height: 1em;
	font-family: Oswald, 'Arial Narrow', sans-serif;
}

.product-box .product-details .name a {
	width: 100%;
	height: 100%;
	display: block;
}

.product-box .product-details .description {
	color: #fff;
	padding: 0;
	margin: 0 0 12px 0;
	font-size: .9em;
	line-height: 1.3em;
}

.product-box .product-details .item-number {
	color: #999;
	padding: 0;
	margin: 0 0 4px 0;
	font-size: .9em;
	line-height: 1em;
}

.product-box .pricing {
	bottom: 0;
	position: absolute;
}

.product-box .pricing .tag {
	margin: 0;
	height: 22px;
	padding: 0 8px 0 25px;
	display: block;
	line-height: 22px;
	text-transform: uppercase;
	font-family: Oswald;
	font-size: 0.9em;
	position: absolute;
	bottom: 40px;
	right: 0;
	z-index: -2;
	font-family: Oswald, 'Arial Narrow', sans-serif;
	background: url(/images/site/tag_gray_230x22.png) no-repeat;
}

.product-box.no-js .pricing .tag.save {
	display: none;
}

.product-box .pricing .buy-refurb {
	color: #eee;
	width: 202px;
	font-size: .9em;
	line-height: 1.2em;
	margin: 0 0 10px 0;
	padding: 0 12px;
	position: absolute;
	bottom: 40px;
	display: none;
}

.product-box.no-js .pricing .buy-refurb {
	display: block;
}

.product-box .pricing .buy-refurb .divider {
	height: 1px;
	display: block;
	background: #333;
	margin: 8px 0;
	border-bottom: 1px solid #4d4d4d;

}

.product-box .pricing .btn-group {
	z-index: -1;
	clear: both;
	border-top: 1px solid #373737;
}

.product-box .pricing .btn {
	float: left;
	color: #fff;
	display: block;
	padding: 10px 0;
	text-align: center;
	line-height: 20px;
	font-family: Oswald, 'Arial Narrow', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: #0b728b 1px 1px 1px;
	background: #167c95;
	background-image: -ms-linear-gradient(top, #167C95 0%, #116E85 100%);
	background-image: -moz-linear-gradient(top, #167C95 0%, #116E85 100%);
	background-image: -o-linear-gradient(top, #167C95 0%, #116E85 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #167C95), color-stop(1, #116E85));
	background-image: -webkit-linear-gradient(top, #167C95 0%, #116E85 100%);
	background-image: linear-gradient(top, #167C95 0%, #116E85 100%);
}

.product-box .pricing .btn-group .btn.add-to-cart:hover,
.product-box .pricing .btn-group:hover .btn.add-to-cart {
	color: #2edbfd;
}

.product-box .pricing .add-to-cart {
	width: 136px;
	border-right: 1px solid #0D6D85;
}

.product-box .pricing .price {
	width: 88px;
	border-left: 1px solid #2e89a0;
}

/** SHOPPING CART STYLES **/
#shopping-cart {
	margin: 30px 30px 0 30px;
	background: url("/images/site/store_cart_gradient_bg.png") repeat-y scroll 0 0 #333333;
}

#shopping-cart .no-items {
}

#cart-info {
	width: 300px;
	margin: 30px;
}

#cart-info h2 {
	color: #efefef;
	margin: 0 0 18px;
	padding: 0;
	line-height: 1.5em;
	text-shadow: #111 1px 1px 1px;
	font-family: Oswald, 'Arial Narrow', sans-serif;
}

#cart-info h3,
#cart-info h4 {
	padding: 0;
	color: #999;
	margin: 0 0 4px 0;
}

#cart-info p {
	padding: 0;
	color: #eee;
	margin: 0 0 12px 0;
}

#cart-info .divider {
    height: 1px;
    background: #292929;
    border-bottom: 1px solid #3d3d3d;
    margin: 10px 0;
}

#cart-items {
	width: 500px;
	margin: 38px 20px 40px 40px;
}

#cart-items h2 {
	color: #fff;
	margin: 0 0 35px 0;
	padding: 0;
	font-family: Oswald, 'Arial Narrow', sans-serif;
	font-size: 2em;
	text-shadow: #111 1px 1px 1px;
}

#cart-items th {
	color: #2EDBFD;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #242424;
}

#cart-items tbody td {
	padding: 10px 5px;
	border-top: 1px solid #3d3d3d;
	border-bottom: 1px solid #292929;
}

#cart-items tfoot td {
	padding: 15px 5px;
	border-top: 1px solid #3d3d3d;
}

#cart-items .price-col,
#cart-items .total-col {
	text-align: right;
}

#cart-actions {
	margin: 30px 0 25px 0;
}

#cart-actions .btn {
	color: #fff;
	width: 140px;
	display: inline-block;
	line-height: 20px;
	padding: 10px 0;
	text-align: center;
	border: none;
	font-size: 1em;
	cursor: pointer;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: #0B728B 1px 1px 1px;
	font-family: Oswald, 'Arial Narrow', sans-serif;
	background: #167c95;
	background-image: -ms-linear-gradient(top, #167C95 0%, #116E85 100%);
	background-image: -moz-linear-gradient(top, #167C95 0%, #116E85 100%);
	background-image: -o-linear-gradient(top, #167C95 0%, #116E85 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #167C95), color-stop(1, #116E85));
	background-image: -webkit-linear-gradient(top, #167C95 0%, #116E85 100%);
	background-image: linear-gradient(top, #167C95 0%, #116E85 100%);
}

#cart-actions .btn:hover {
	color: #2EDBFD;
}

#cart-actions .btn.update,
#cart-actions .btn.empty {
	margin: 0 10px 0 0;
}

#cart-actions .btn.empty,
#cart-actions .btn.checkout {
	float: right;
}

#cart-footer {
	color: #999;
	font-size: .9em;
}

#cart-footer .continue {
	display: block;
	font-size: 1.1em;
	margin: 0 0 20px 0;
}

/** CHECKOUT STYLES **/
#checkout,
#checkout_info {
	margin: 30px 30px 0 30px;
}