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

a.button{
    background-color: #000;
    color: #FFF;
    font-size: 0.687em;
    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 #78ab7e;
}

#CategoryList table td
{
    font-size: 0.875em;
    font-weight:bold;
    border-bottom: solid 1px #78ab7e;
    padding: 30px 0;
}

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

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

#CategoryList img
{
    border: solid 1px #78ab7e;
    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 #78ab7e;
}

#RangeList table td
{
    margin:0;
    font-size: 0.875em;
    border-bottom: solid 1px #78ab7e;
    width: 105px;
    padding: 20px 0 10px 0;
}
#RangeList table td.mid
{
	padding: 20px 82px 10px 83px;
}
#RangeList img
{
    border: solid 1px #78ab7e;
    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 #78ab7e;
}

#ProductList table td
{
    margin:0;
    font-size: 0.875em;
    border-bottom: solid 1px #78ab7e;
    width: 105px;
    padding: 20px 0 10px 0;
}

#ProductList table td.mid
{
	padding: 20px 82px 10px 83px;
}

#ProductList img
{
    border: solid 1px #78ab7e;
    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 #78ab7e;	
}

.ProductDetail
{
    border-bottom: solid 1px #78ab7e;
    padding-bottom: 20px;  
    margin-bottom: 10px;  
}
.ProductDetail h1
{
	margin: 10px 0;	
}
.ProductDetail p
{    
    font-size: 0.687em;    
}
    
.ProductDetail .left
{
    float:left;
    width: 283px;    
}
.ProductDetail .left p
{
    color: #888;
    font-style: italic;
    padding-bottom: 10px;
}

.ProductDetail .thumbs {
    clear: both;
}
.ProductDetail .thumbs img {
    float: left;
    margin: 8px 8px 8px 0;
}

.ProductDetail .right
{
    width: 180px;
    float:right;
    margin-top: 250px;    
}

.ProductDetail .right p
{
    font-weight:bold;    
}

.ProductDetail .Downloads {
    font-size: 0.687em;    
    padding: 5px 0;
}

.ProductDetail .right img
{
    float:left;  
    margin-right: 10px;    
}

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

/* Shopping Basket
========================================================================================================= */
#Basket p {
	padding-top: 30px;
	font-size: 0.687em;
}
#Basket td,
#Basket th {
	font-size: 0.687em;
}
#Basket thead th{
	padding: 6px 0;
	white-space: nowrap;
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.687em;
	color: #358841;
	border-bottom: solid 1px #358841;
}
#Basket tbody td{
	padding: 6px 0;
}
#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: #358841;
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, Sans-Serif;
}
#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 #D09B34;
	padding: 1px;
}
#Basket .vbtn
{
	padding: 2px;
	border: solid 1px #D09B34;
	background-color: #FCF7E4;
	font-size: 0.9em;
	text-align: center;
	color: #000;
	text-decoration: none;
	display: block;
	width: 120px;
	margin-top: 1px;
	float: left;
}

/* Checkout Process
========================================================================================================= */
#Checkout
{    
}

#Checkout a
{
    color:#358841;
    font-weight:bold;        
}
#Checkout a.button
{
    color:#FFF;
}
#Checkout table
{
    font-size:0.75em;
}
#Checkout table th{
	border-bottom: solid 1px #358841;
	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: #000;
	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: #000;
	font-size: 1em;
	text-decoration: none;
}
.paging span {
	color: #ff0000;
	font-weight:bold;
}
.paging a:link.showAll,
.paging a:visited.showAll,
.paging a:hover.showAll,
.paging a:active.showAll {
	color: #D23F7C;
	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 #d09b34;
}
div.attribute strong
{
	padding-bottom: 4px;
}
div.attribute span {
}
div.attribute input
{
	border: solid 1px #d09b34;
}


/* 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;
}