/* which contains #shop_header, #categories, #shop_right_box*/
#shop {
	display:block;
	width:auto;
	padding: 3px;
	padding-top: 10px;
	padding-right: 10px;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 10px;
}

/* start shop header style which contain a image and shopcart button */
#shop_header {
	display:block;
	float: left;
	width: 100%;
	margin-left: 20px;
	margin-bottom: 10px;	
}

#shop_header .shop_header_image {
	display:block;
	width:auto;
	min-width: 300px;/*min-width of shop_header_image and shop_cart help category doesn't float at the same row*/
	float: left;
}

#shop_header .shop_cart {
	display:block;
	width: auto;
	min-width:300px;
	margin-right: 10px;
	vertical-align:middle;
	float: right;
}

/* END start shop header style */





/* start categories style */
#categories{
	border-right: #ff0000 solid 1px;	
	display:block;
	width:200px;
	float:left;
	padding: 3px;
	padding-top: 10px;
	padding-right: 10px;
	margin: auto;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
	height:100%;
}

#categories .category_level_0 a{
	display:block;	
	padding-top: 40px;
	padding-bottom: 10px;
	font-family: arial; 
	font-size: 18px;
	font-weight: bold;
	color: white;	
}

#categories .category_level_1 a{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;	
	margin-left: 10px;	
	font-family: arial; 
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	color: white;
}

#categories .category_level_2 a{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;		
	margin-left: 20px;	
	font-family: arial; 
	font-size: 16px;
	font-weight: bold;
	color: white;
}

/* END start categories style */





/* shop_right_box contains #products OR #product_detail OR #shop_cart ... depend on each page it is included. */
#shop_right_box{
	padding: 3px;	
	padding-top: 10px;
	padding-right: 10px;
	min-width: 500px;
	max-width : 580px;
	float: left;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
	color: white;
	border: 0px #000000 solid;
}

/* END shop right box style */



/* start product listing style */

#products {
	display:block;
	float: left;
	padding: 3px;
	width:auto;
	height:auto;	
}

#checkout_big_button{
	width:100%;/*set to something big so this button will not float side by side with product*/
	diplay:block;
	float: left;
	text-align:center;
	margin-top: 20px;
}

#shop_right_box .product {
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-bottom: 50px;
	float: left;
	width: 235px;
	height: 230px;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid white;
}

#shop_right_box img.product_thumbnail_image{
	width: 120px;
	/*height: 120px;*/
}

#shop_right_box .product_name {
	color: #D7261E /*red*/;
	font-weight: bold;
}

#shop_right_box .product_info{
	display: block;
	text-align: left;
	margin-left: 10px;
	height: auto;
}

#shop_right_box .product_button{
	display:block;
	width:auto;
	margin-left: 40px;
	margin-right: 40px;
}

.product_button .add_to_cart_button{
	display: block;
	float: left;
}

.product_button .checkout_button{
	display: block;
	float: right;
}

.product img {
	display: block;
}

/* start product listing style */




/* start shop detail style */
#shop_right_box .product_detail{
	display:block;
	float: left;
	width: 100%;
	text-align: left;
	margin-left: 10px;
}

.product_detail .product_name{
	display:block;
	float: left;
	
}

.product_detail .product_image{
	display:block;
	float: left;
	
}

.product_detail .product_info{
	display:block;
	float: left;	
	margin-left: 40px;
}

.product_detail .product_button{
	display:block;
	float: left;
	width:auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-top:10px;
}


.product_detail .product_button .add_to_cart_button{
	display: block;
	float: left;
}

.product_detail .product_button .checkout_button{
	display: block;
	float: left;
}

.product_detail .product_description{
	display:block;
	float: left;
	width:100%;
	margin-top:20px;
}

.product_detail .product_description p{
	color: #BF9F62 /*light brown*/;
}

.list_price{
	text-decoration : line-through;
}
/* END product detail style */





/* start shop_cart_content style */
#shop_cart_content {
	border: 1px solid #333;
}
#shop_cart_content th{
	color: white;	
}

#shop_cart_content td{
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
	border: 1px solid #333;
}

#shop_cart_content td.item_total{
	text-align : right;	
	vertical-align: top;
	color: white;
}

#shop_cart_content th.item_total{
	text-align : right;	
}

#shop_cart_content td.product_name{
	color: white;	
	text-align : left;	
}

#shop_cart_content th.product_name{
	color: white;	
	text-align : left;	
}

/* END start shop_cart_content style */





/* start style of checkout process pages*/
#checkout{
	display:block;
	align:center;
	padding: 3px;
	padding-top: 10px;
	padding-right: 10px;
	width: auto;
	margin: auto;
	margin-top: 5px;
	margin-left: 80px;
	margin-right: 20px;
	margin-bottom: 10px;
}

#checkout td{
	border: 0px;
	margin-left: 2px;
}

#checkout .order_button,
#checkout .back_button,
#checkout .next_button{
	display: inline-block;
	width: 92px;
	height: 31px;	
	padding-right: 5px;
}

#checkout .back_button{
	background: url("../images/shop_back.png") no-repeat top left;
}

#checkout .next_button{
	background: url("../images/shop_next.png") no-repeat top left;
}

#checkout .order_button{
	background: url("../images/shop_order.png") no-repeat top left;
}

#checkout span.comment{
	display: block;
	padding-top: 5px;
	color:white;
	font-style: italic;
	font-size: 14px;	
}

#checkout .customer_info input{
	border: 0px;
}

#checkout .payment_options,
#checkout .payment_options table{
	color: white;
}

#checkout td.payment_option_name{
	 align:right;
	 valign:top;
	 width: 18%;
}

input.payment_option_radio{
	border: 0px;
}

#checkout td.payment_option_description{
	width:82%;
}

span.payment_option_hightlight_u{
	color: #D7261E /*red*/;
	font-size: 17px;
	font-weight: bold;
	text-decoration: underline;
}

span.payment_option_hightlight_i{
	color: #D7261E /*red*/;
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
}
/* END start style of checkout process pages*/