/* Firewheel Store CSS File
Written by Chris Samios
for firewheel.com.au

chris@chaostamed.com.au */


/* Lets start with the basic classes */
body {
	font-family: Tahoma;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#CCCCCC;
	font-size:12px;
}

a {
	color: #FF6600;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	color: #FF6600;
	text-decoration:underline;
}

img {border-style: none}

.title {
	font-weight: bold;
	font-size: 24px;
	color: #CC3300;
}
.subtitle {
	font-size: 18px;
	font-weight: bold;
}
.footer {
	font-size: 12px;
	font-weight: bold;
}



/* Some layout code */
#storecontent{margin:0px auto;}
#storeside{float:right; width:200px;}
#storeside p{margin:auto;}

.note{color:#FF0000; font-weight:bold; font-size:12px; display:block; text-align:center; float:left; width: 100%;}

#items{width:550px; margin:auto; float:left;}

.item {border:solid white thin; margin:3px; padding:3px; float:left; width:98%;}
.item .productimg {margin:5px; text-decoration:none; border:none; float:left; text-align:center;}
.item .productimg a {text-align:center;}
.item .productimg img {border:solid #FFFFFF thin; width:205px; height:150px;}

.item form{text-align:right;}
.item .buy-form{ float:right;}
.item .buy-form input{ float:left; margin:0px 5px;}
.item .producttext{ text-align:justify; font-size:14px; width:300px; float:right;}
.stock{color:#FF0000; font-weight:bold; font-size:12px; display:block; text-align:center; float:left; height:30px;}
.item .productprice{text-align:right; font-size:18px; clear:right;float:left; margin-right:10px; margin-left:100px; }
.item h2 {margin:3px 0px; font-size:14px; font-weight:bold; text-align:center; color:#000000;}
.producttext h2{font-size:13px;}

#cart{width:190px; border:solid white thin; margin:3px 2px; padding:3px;}
#cart .cartitem{font-size:14px; font-weight:bold; text-align:right;}
#cart .cartitemtotal{font-size:14px; margin-bottom:10px; text-align:right;}
#store-info{width:190px; border:solid white thin; margin:3px 2px; padding:0px 3px; font-size:12px; text-align:justify;}
#store-info h1, #cart h1{font-size:14px; font-weight:bold; text-align:center; color:#FF6600;margin:5px 0px;}

.xraywarning {font-size:14px; font-weight:bold; text-align:center; color:#FF6600;margin:10px 0px 5px 0px; background:#FFFFFF;}


#store-info a{ text-align:right;}
#store-info h2 {font-size:13px; font-weight:bold; text-align:center; color:#666666; font-style:italic;margin:5px 0px;}


.shippingdestform{ text-align:center;}
	.countrybox{ width:180px;}
	.postcodebox{ width:80px;}

#cart .cartitem {font-size:12px; border-bottom:solid white thin;margin-bottom:10px;}
#cart .totals .cartitem {font-size:12px; text-align:center; border-bottom:none;}
#cart .totals .cartitemtotal {font-size:12px; font-weight:normal; text-align:center;}
#cart .cartitemtotal-total {font-size:12px; font-weight:bold; text-align:center; color:#009933;}

#cart .subtotalrow {display:block; width:50%; float:left; text-align:center;}
#cart .checkoutlink {width:100%; clear:left; text-align:center;}



.storeurl{width:190px; border:solid white thin; margin:3px 2px; padding:10px 3px; text-align:center; font-size:14px; color:#FF0000; font-weight:bold;}

/*Product detail page */
#productview h2, .product h2{margin:2px auto; text-align:center; font-size:16px; font-weight:bold; color:#000000;}
.product {border:solid white thin; margin:3px; padding:3px; float:left; width:250px;}
.product .productimg {margin:5px; text-decoration:none; border:none; text-align:center;}
.product .producttext {text-align:justify; display:block; height:130px;}
.product .buy-form { clear:left; text-align:center;}
.product .productprice {float:left; font-size:16px; margin-left:20px;}

#productbox{width:100%; height:100px;}


/* Checkout */
#checkoutcart{width:210px; border:solid white thin; margin:3px 2px; padding:3px; float:left;}
.checkoutdetails{width:400px; border:solid white thin; margin:3px 2px; padding:3px; float:left;}

#checkoutcart .cartitem{font-size:14px; font-weight:bold; text-align:right; float:left;}
#checkoutcart .cartitemtotal{font-size:14px; margin-bottom:10px; text-align:right;}
#checkoutcart .subtotalrow {width:60%; float:right; text-align:center;}
#checkoutcart .cartitemtotal-total {font-size:16px; font-weight:bold; text-align:right; color:#009933}
#checkoutcart .checkoutlink {width:100%; text-align:center; clear:both; padding-top:20px; }


#paynote h2{font-weight:bold; font-size:16px; color:#CC3300;}