/* Common
========================================================================================================= */
h1, h2{
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 10px;
    color: #c94e3e;    
}

a.button{
    background-color: #ffb6ac;
    color: #c94e3e;
    font-size: 0.75em;
    font-weight:bold;
    text-decoration:none;
    text-align: center;    
    padding: 2px 0;            
    display:block;
    float:left;
    width: 105px;
}

/* CategoryList
========================================================================================================= */
#CategoryList table {
    clear: both;
    border-top: solid 1px #c94e3e;
}
#CategoryList table td
{
    font-size: 0.875em;
    font-weight:bold;
    border-bottom: solid 1px #c94e3e;
    padding: 30px 0;
}

/*
.ProductListWrapper
{
    height: 105px;
    position:relative;
}

.ProductListWrapper .button
{
    position:absolute;
    bottom:0px;
    left:110px;    
}*/

#CategoryList img {
    border: none;
    margin: 0 auto;
    float:left;
}

#CategoryList .Info {
    float:left;    
    width: 85px;
    margin: 0 5px;
}

#CategoryList .Info p
{
    font-size: 0.875em;
    color: #000;
    margin-bottom: 20px;
    text-transform:uppercase;
}

/* RangeList
========================================================================================================= */
#RangeList
{
	padding-bottom: 20px;	
}
#RangeList div
{
	position: relative;	
	height: 12.5em;
}
#RangeList table {
    clear: both;
    margin: 0 auto;
    border-top: solid 1px #c94e3e;
}
#RangeList table td {
    margin:0;
    font-size: 0.875em;
    border-bottom: solid 1px #c94e3e;
    width: 105px;
    padding: 20px 0 10px 0;
}
#RangeList table td.mid {
	padding: 20px 82px 10px 83px;
}
#RangeList img {
    border: none;
    margin-bottom: 5px;
}
#RangeList p {
	line-height: 1;
    font-size: 0.875em;
    color: #000;
	position: absolute;
	top: 115px;
	left: 0;
	padding: 0;
}
#RangeList a.button {
	position: absolute;
	bottom: 5px;
	left: 0;
}    
#RangeList strong {
	display: block;
	padding-bottom: 2px;
}

/* ProductList
========================================================================================================= */
#ProductList {
	padding-bottom: 20px;	
}
#ProductList div {
	position: relative;	
	height: 14em;
}
#ProductList table {
    clear: both;
    margin: 0 auto;
    border-top: solid 1px #c94e3e;
}
#ProductList table td {
    margin:0;
    font-size: 0.875em;
    border-bottom: solid 1px #c94e3e;
    width: 105px;
    padding: 20px 0 10px 0;
}
#ProductList table td.mid {
	padding: 20px 82px 10px 83px;
}
#ProductList img {
    border: none;
    margin-bottom: 5px;
}
#ProductList p {
	line-height: 1;
    font-size: 0.875em;
    color: #000;
	position: absolute;
	top: 115px;
	left: 0;
	padding: 0;
}
#ProductList a.button {
	position: absolute;
	bottom: 5px;
	left: 0;
}    
#ProductList strong {
	display: block;
	padding-bottom: 2px;
}

/* product detail
========================================================================================================= */
img.MainImage {
	border: solid 1px #c94e3e;	
}
.ProductDetail {
    border-bottom: solid 1px #c94e3e;
    padding-bottom: 20px;  
    margin-bottom: 10px;  
}
.ProductDetail h1 {
	margin: 10px 0;	
}
.ProductDetail p {    
    font-size: 0.687em;    
}
.ProductDetail .left {
    float:left;
    width: 283px;    
}
.ProductDetail .right {
    width: 180px;
    float:right;
    margin-top: 250px;    
}
.ProductDetail .right p {
    font-weight:bold;    
}
.ProductDetail .right img {
    float:left;  
    margin-right: 10px;    
}

/* Product Options Table
========================================================================================================= */
#ProductOptions table {
	margin-top: 5px;
	font-size: 0.687em;
	width: 480px;	
}
#ProductOptions td {
	border-left: solid 1px #ffb6ac;
	border-bottom: solid 1px #ffb6ac;
	padding: 4px;
}
#ProductOptions td.btn {
	border-right: solid 1px #ffb6ac;
}
#ProductOptions td.head {
	border: 0;
	color: #c94e3e;
	background-color: #ffb6ac;
}
#ProductOptions input.qty {
	border: solid 1px #c94e3e;
	width: 20px;
}
#ProductOptions td.price {
	font-weight: bold;	
}
#ProductOptions td.price span {
	display: block;	
}
#ProductOptions span.note 
{
    font-size: 0.687em;
    display: block;
    margin: 15px 0 0;
    text-align: right;   
}

/* Shopping Basket
========================================================================================================= */
#Basket p {
	padding-top: 30px;
	font-size: 0.687em;
}
#Basket td,
#Basket th {
	font-size: 0.687em;
	padding: 6px 4px;
}
#Basket thead th{
	white-space: nowrap;
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.687em;
	color: #c94e3e;
/*	border-bottom: solid 1px #007DC6; */
    background: #ffb6ac;
}
#Basket tbody a {
	color: #000;
	text-decoration: underline;
}
#Basket tbody td span.attr{
	font-size: 1em;
}
#Basket tbody td span.offer{
	font-size: 1em;
	color: #358841;
}
#Basket tbody td span.free{
	font-size: 0.625em;
	color: #358841;
}
#Basket tbody td span.qty{
	padding: 0 7px 0 7px;
	margin-bottom: 6px;
}
#Basket tfoot{
	font-weight: bold;
	color: #c94e3e;
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, Sans-Serif;
}
#Basket tfoot td {
    padding: 0px 4px;
}
#Basket tfoot .SubTotal,
#Basket tfoot .Discount,
#Basket tfoot .Postage,
#Basket tfoot .Total {
	font-weight: normal;
	text-align: right;
	color: #000;
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, Sans-Serif;
}
#Basket tfoot .Checkout{
	padding-top: 20px;	
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1em;
}
#Basket a.Plus{
	background-color: #FFF;
	font-weight: bold;
	color: #13631E;
	text-decoration: none;
	padding: 1px 3px 1px 3px;
} 
#Basket a.Minus {
	color: #C20B0B;
	background-color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 4px 1px 4px;
}
#Basket .note {
	font-size:0.687em;
	font-weight:normal;
	padding-top: 15px;
	font-style: italic;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;		
}
#Basket .vch {
	float: left;	
	margin-right: 6px;
	border: solid 1px #007DC6;
	padding: 1px;
}
#Basket .vbtn {
	padding: 2px;
	border: solid 1px #D09B34;
	background-color: #007DC6;
	font-size: 0.9em;
	text-align: center;
	color: #000;
	text-decoration: none;
	display: block;
	width: 120px;
	margin-top: 1px;
	float: left;
}

/* Checkout Process
========================================================================================================= */
#Checkout a {
    color:#c94e3e;
    font-weight:bold;        
}
/*
#Checkout a.button {
    color:#FFF;
}*/
#Checkout table {
    font-size:0.75em;
}
#Checkout table th{
	border-bottom: solid 1px #c94e3e;
	text-align: left;
	padding: 4px 0 10px 0;
	font-weight: normal;
}
#Checkout table td.instructions{
	padding: 4px 0 15px 0;	
}
#Checkout .btn {
	font-weight: bold;
}
#Checkout .confirm .btn {
	float: left;
}

/* Paging 
========================================================================================================= */
.paging {
	color: #c94e3e;
	width: 480px;
	clear: both;
	text-align: right;
	font-size: 0.75em;
	padding: 0 42px 5px 0;
}
.paging a:link,
.paging a:visited,
.paging a:hover,
.paging a:active {
	color: #c94e3e;
	font-size: 1em;
	text-decoration: none;
}
.paging span {
	color: #000;
	font-weight:bold;
}
.paging a:link.showAll,
.paging a:visited.showAll,
.paging a:hover.showAll,
.paging a:active.showAll {
	color: #c94e3e;
	float: right;
}

/* Checkout Order Confirm
========================================================================================================= */
table.OrderConfirm td
{
	font-size: 1.3em;
}
table.OrderConfirm tr td
{
	font-weight: normal;
} 

div.attribute
{
	font-size: 1em;	
	padding-bottom: 8px;
	border-bottom: solid 1px #007DC6;
}
div.attribute strong
{
	padding-bottom: 4px;
}
div.attribute span {
}
div.attribute input
{
	border: solid 1px #007DC6;
}


/* QuickOrder
========================================================================================================= */
.QuickOrder{
    font-size: 0.687em;
    overflow: hidden;
}
.QuickOrder label{
    font-weight: bold;
    float: left;
    width: 110px;
    padding-top: 2px;
}
.QuickOrder input{
    float: left;
    margin-left: 4px;
    margin-bottom: 1px;
}
.QuickOrder br{
    clear: left;   
}
.QuickOrder input.Qty{
    width: 30px;
}
.QuickOrder a{
    margin-top: 10px;
    float: right;
    font-size: 1em;
}