html {
	/*background: #fff url(/images/layout/page-bg-45.gif) fixed;*/
	background: #eee;
}

body {
	/*text-align: left;*/
	background: url(/images/layout/page-shadow.png) repeat-y center top;
	width: 960px;
	padding: 0 4px;
	margin: 0 auto;
	font: 62.5%/1.5 Arial, Geneva, sans-serif;
	font-color: #000;
	position: relative;
}

.dejected {
	display: none;
}

a {
	color: #4d4d4d;
}

a:hover {
	color: #000;
}

a img {
	border: 0;
}

.button {
	background: #0e5372;
	color: #fff;
	padding: 5px 7px;
	margin: 0;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	text-shadow: #000 0 0 0;
}

.button:hover {
	color: #fff;
	text-decoration: underline;
}

.marker {
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	text-shadow: #000 0 0 0;
}

/* Header stuff */

#header {
	height: 55px;
	overflow: auto;
}

h1 {
	width: 90px;
	height: 24px;
	text-indent: -9999px;
	background: url(/images/layout/siddih-logo.gif) no-repeat left top;
	margin: 16px 0 0 25px;
	padding: 0;
	float: left;
}

h2 {
	margin: 20px 20px 0;
	padding: 0;
	color: #4d4d4d;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
}

#shopping-bag {
	float: right;
	margin: 0 30px;
}

#shopping-bag p {
	margin: 5px 0 0 10px;
	float: left;
}

#shopping-bag .button {
	line-height: 45px;
}

#navigation {
	background-color: #0e5372;
	position: relative;
	padding: 0;
	margin: 0;
}

#nav {
	background-color: #0e5372;
	color: #dfdfdf;
	margin: 0;
	padding: 8px 30px;
	list-style-type: none;
	display: table;
	overflow: auto;
}

#nav .root {
	padding-right: 40px;
	display: table-cell;
	vertical-align: middle;
}

#nav .root span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 5px 0 0;
}

#nav a {
	color: #fff;
	text-decoration: none;
}

#nav a:hover {
	text-decoration: underline;
}

#nav ul {
	display: table-cell;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 3px;
	border-left: 3px solid #a3a3a3;
}

#big_picture {
	margin: 0 0 20px;
}

#magazine {
	width: 850px;
	margin: 10px auto;
}

/* Products listing page */

ul#products-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#products-list li {
	float: left;
	margin: 20px;
	width: 400px;
}

#products-list li p {
	margin: 0;
	font-size: 1.4em;
}

#products-list li p.image {
	margin: 0 5px 0 0;
	padding: 11px;
	width: 100px;
	height: 100px;
	background: #fff url(/images/layout/product-thumb-bg.gif) no-repeat left top;
	float: left;
}

#products-list li p.image a {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

#products-list li p.sale,
#content h2 .sale {
	background-color: #f00;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.7em;
	display: inline;
	padding: 3px 4px;
	position: relative;
	top: -2px;
}

#content h2 .sale {
	font-size: 0.4em;
	top: -4px;
}

#products-list li span.original,
#products-list li span.sale {
	display: block;
}

#products-list li span.original {
	color: #666;
	font-size: 0.9em;
}

#products-list li span.sale {
	color: red;
	font-weight: bold;
}

#products-list li a:hover {
	color: #000;
}

#products-list li h3 {
	margin: 4px 0 0;
	font-size: 1.8em;
	font-weight: normal;
	font-style: normal;
}

#products-list li h3 a {
	color: #4d4d4d;
}

#products-list li p span.was {
	font-size: 0.8em;
	color: #666;
}

/* index page */

#index {
	margin: 20px 20px;
	/*padding: 0 20px;*/
	/*overflow: auto;*/
}

#index:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#index #featured,
#index #sidebar {
	width: 440px;
	float: left;
	margin-right: 19px;
}

#index #sidebar {
	margin-right: 0;
	padding-left: 20px;
	border-left: 1px solid #eee;
}

#index h2 {
	margin: 0;
}

#index #featured #products-list li {
	margin: 0 0 20px;
}

#index #sidebar .news {
	font-size: 12px;
}

#index #video {
	width: 320px;
	height: 240px;
}

/* Product page */

#product-image {
	width: 360px;
	margin: 20px 20px 0 20px;
	float: left;
	padding: 0;
}

#product-image .image-holder {
	margin: 0;
	padding: 12px 13px;
	width: 334px;
	height: 334px;
	background: #fff url(/images/layout/product-photo-bg.gif) no-repeat left top;
}

#product-image .image-holder a {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

#product-image .zoom-holder {
	text-align: center;
	margin-bottom: 20px;
}

#content {
	float: left;
	width: 560px;
	margin: 30px 0 0 0;
}

#content h2 {
	font-weight: normal;
	font-size: 2.4em;
	margin: 0;
}

/* Add more stuff for the content description from the markdown */
/*#content p,*/

#content #product-description p,
#content #product-description h4 {
	font-size: 1.4em;
	margin: 0 0 0.5em;
}

#content #product-description ul,
#content #product-description dl {
	font-size: 1.2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

button.button {
	font-family: Arial, Geneva, sans-serif;
	cursor: pointer;
	font-weight: bold;
}

#content .product-choice {
	display: table;
	margin: 0 0 20px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}

#content .product-choice h4,
#content #color-choices,
#content #size-choices,
#content .price {
	display: table-cell;
	vertical-align: middle;
}

#content #color-choices,
#content #size-choices,
#content .price {
	padding: 0 0 0 6px;
	border-left: 3px solid #4d4d4d;
}

#content .product-choice h4 {
	padding: 0 6px 0 0;
	text-align: right;
	width: 4.5em;
	font-size: 1.0em;
}

#content .color-choice,
#content .size-choice {
	margin: 10px 0;
	clear: both;
	line-height: 36px;
}

#content .color-choice span,
#content .size-choice span {
	display: block;
	min-width: 28px; /* this may not be best idea */
	padding: 0 2px;
	height: 30px;
	float: left;
	border: 3px solid #bfbfbf;
	margin: 0 10px 0 0;
	font-size: 1.3em;
	text-align: center;
	line-height: 30px;
}

#content .color-choice.active span,
#content .size-choice.active span {
	cursor: pointer;
}

body #content .size-choice.disabled span {
	cursor: default;
	color: #ccc;
	border: 3px dashed #ccc;
}

#content .color-choice.active span:hover,
#content .size-choice.active span:hover,
#content .color-choice.selected span,
#content .size-choice.selected span {
	border: 3px solid #000;
}

body #content .size-choice.disabled span:hover {
	border: 3px dashed #ccc;
}

#content .price {
	font-size: 1.4em;
}

#content .price .was {
	font-size: 0.7em;
	color: #666;
}

#content .price .backorder {
	background: #ddd;
	font-size: 0.7em;
	padding: 4px 3px;
}

#content .add-to-cart {
	margin-left: 5em;
	padding-left: 10px;
}

/* Shopping cart page */

body p.total {
	font-size: 24px;
	background-color: #fff5cb;
	margin: 20px 0 20px;
	padding: 10px;
	position: relative;
}

body a.checkout {
	color: #4d4d4d;
	position: absolute;
	right: 10px;
	/*float: right;*/
}

body a.checkout:hover {
	color: #000;
}

table#cart-table {
	/*width: 700px;*/
	width: 100%;
	margin: 0 auto 20px;
	font-size: 14px;
}

#cart-table td {
	border-bottom: 1px solid #ccc;
}

#cart-table th {
	/*display: none;*/
	padding: 3px;
	border-bottom: 1px solid #ccc;
}

#cart-table td {
	margin: 0;
	padding: 5px;
	text-align: center;
}

#cart-table td.text {
	text-align: left;
}

#cart-table td.image {
	width: 50px;
}

#cart-table td.per-unit-price {
	font-size: 0.9em;
	color: #4d4d4d;
}

#cart-table td.total,
#cart-table td.quantity {
	font-weight: bold;
	font-size: 1.1em;
}

#cart-table td.quantity a {
	color: #000;
	padding: 5px 10px;
	border: 1px solid #000;
}

#cart-table td.total,
#cart-table th.total {
	width: 5em;
	text-align: right;
	padding-right: 10px;
}

#cart-table tr.tax,
#cart-table tr.shipping {
	font-weight: bold;
	font-size: 1.1em;
}

#cart-table tr.tax td,
#cart-table tr.shipping td {
	text-align: right;
}

#cart-table tr.even {
	background: #e5e5e5 url(/images/layout/diag-bg.gif) repeat;
}

#cart-table td span.backorder {
	background: #ddd;
	font-size: 0.7em;
	padding: 4px 3px;
}

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

#cart_item_quantity_form p {
	padding: 0 20px;
	margin: 0 0 20px;
	font-size: 14px;
}

/* Checkout page */

#new-order-form {
	margin: 0 auto 20px;
}

#new-order-form fieldset {
	background-color: #f2f2f2;
	margin: 20px 0;
	border: none;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

#new-order-form fieldset legend {
	font-size: 18px;
}

#new-order-form fieldset p {
	margin: 0 0 20px;
	width: 300px;
}

#new-order-form fieldset label {
	display: block;
	font-size: 14px;
}

#new-order-form fieldset input,
#new-order-form fieldset select {
	margin: 0;
	width: 95%;
}

p.not-finished-yet {
	font-size: 16px;
	padding: 10px 20px;
	background-color: #ffb86d;
}

/* Email Receipt Page */

p.email-explain {
	font-size: 14px;
	padding: 0 20px;
}

#email-receipt {
	padding: 0 20px;
	font-size: 12px;
	width: 500px;
}

/* Page */

#page {
	margin: 20px;
	font-size: 14px;
	line-height: 1.8;
}

#page #content {
	width: 500px;
	margin: 0 20px 0 0;
	float: left;
}

#page #content h2 {
	font-size: 24px;
}

#page #content ul {
	margin: 1em 0;
	padding: 0;
}

#content dl {
	font-size: 14px;
	margin: 0 0 1em;
}

#content dl dt {
	margin: 1em 0 0;
	font-weight: bold;
}

#page #sidebar {
	width: 400px;
	margin: 0;
	float: left;
	font-size: 12px;
}

#page blockquote {
	padding: 5px 0 0 50px;
	margin: 1em 0;
	background: url(/images/layout/medium-quotes.gif) no-repeat left top;
	min-height: 30px;
}

#page blockquote p {
	margin: 0 0 1em;
}

/* Page: Contact */

#contact-form {
	
}

#contact-form label {
	display: block;
}

#contact-form #email,
#contact-form #name,
#contact-form #message {
	width: 300px;
}

#contact-form #message {
	width: 400px;
	height: 200px;
}

/* Footer */

/* @group Form Fields */

#new-order-form hr {
	height: 1px;
	border: 0;
	background-color: #f2f2f2;
	color: #f2f2f2;
}

#new-order-form fieldset #p_order_ship_to_first_name,
#new-order-form fieldset #p_order_ship_to_last_name,
#new-order-form fieldset #p_order_billing_first_name,
#new-order-form fieldset #p_order_billing_last_name {
	float: left;
	margin: 0 15px 20px 0;
	width: 139px;
}

#new-order-form fieldset #p_order_ship_to_address,
#new-order-form fieldset #p_order_shipping_type,
#new-order-form fieldset #p_order_billing_address {
	clear: both;
}

#new-order-form fieldset #p_order_ship_to_city,
#new-order-form fieldset #p_order_ship_to_state,
#new-order-form fieldset #p_order_ship_to_postal_code,
#new-order-form fieldset #p_order_billing_city,
#new-order-form fieldset #p_order_billing_state,
#new-order-form fieldset #p_order_billing_postal_code {
	float: left;
	margin: 0 15px 20px 0;
}

#new-order-form fieldset #p_order_ship_to_city,
#new-order-form fieldset #p_order_billing_city {
	width: 129px;
}

#new-order-form fieldset #p_order_ship_to_state,
#new-order-form fieldset #p_order_billing_state {
	width: 40px;
}

#new-order-form fieldset #p_order_ship_to_postal_code,
#new-order-form fieldset #p_order_billing_postal_code {
	width: 90px;
}

#new-order-form fieldset #p_order_card_number,
#new-order-form fieldset #p_order_card_verification_value {
	float: left;
	margin: 0 10px 20px 0;
}

#new-order-form fieldset #p_order_card_verification_value {
	width: 50px;
}

#new-order-form fieldset #p_order_card_type,
#new-order-form fieldset #p_order_card_expiration_month,
#new-order-form fieldset #p_order_card_expiration_year {
	float: left;
	margin: 0 10px 20px 0;
}

#new-order-form fieldset #p_order_card_type label,
#new-order-form fieldset #p_order_card_expiration_month label,
#new-order-form fieldset #p_order_card_expiration_year label {
	display: none;
}

#new-order-form fieldset #p_order_card_type {
	clear: both;
	width: 140px;
}
#new-order-form fieldset #p_order_card_expiration_month {
	width: 50px;
}

#new-order-form fieldset #p_order_card_expiration_year {
	width: 80px;
}

#new-order-form p.submit {
	margin: 20px;
	font-size: 16px;
}

#new-order-form p.submit button {
	background-color: #072938;
	color: green;
	border: 1px solid #67dc67;
}

form .has-error {
	border: 3px solid #ff6e6d;
}

/* billing_same */

#new-order-form #billing-info #p_billing_same {
	width: 100%;
}

#new-order-form #billing-info #p_billing_same input {
	width: auto;
	display: inline;
}

#new-order-form #billing-info #p_billing_same label {
	display: inline;
	margin-left: 5px;
}

/* @end */

#footer {
	clear: both;
	background-color: #0e5372;
	color: #fff;
	font-size: 12px;
	padding: 10px 30px;
	margin: 0;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #f90;
}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer li {
	display: inline;
	margin-right: 40px;
}

/* flashes */

#flash-warning,
#flash-error,
#flash-notice,
#flash-errors {
	padding: 10px;
	font-size: 14px;
}

#flash-warning {
	background-color: #fff870;
}

#flash-error,
#flash-errors {
	background-color: #ffa2a2;
}

#flash-notice {
	background-color: #9fffa1;
}

/* Special Marks */

.special-marks {
	display: block;
	margin: 5px 0;
}

.special-marks span {
	padding: 4px;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0 10px 0 0;
	font-weight: bold;
}

.special-marks span.pre-order {
	background: #eee;
}

.special-marks span.out-of-stock {
	background: #999;
	color: #fff;
}

.special-marks span.limited-edition {
	background-color: #feff79;
	color: #000;
}
