/* Colour */
/* write all colour values for the site elements and reference graphics */
/* Purple - full reference at bottom */

#ShoppingCart,#cartSummary
{
	color:#555;
	border-color:#ccc;
}

#cartSummary{background:#fff;}

#ShoppingCart tr{background:#fff;}

#ShoppingCart tr td{border-color:#ccc;}

#ShoppingCart td b,#ShoppingCart td strong{color:#445272;}

#ShoppingCart .cartLink{border-color:#fff;}

#ShoppingCart .cartLink a{background:#fff;}

#ShoppingCart .cartLink a:hover
{
	background:#445272;
	color:#ccc;
}

#totals .cartLink{border-color:#ccc;}

#totals .cartLink a
{
	background:#fff;
	border-color:#ccc;
}

#totals .cartLink a:hover
{
	background:#445272;
	color:#ccc;
}

#cartSummary tr{background:#fff;}

#cartSummary tr td, cartSummary tr th{border-color:#ccc;}

#cartSummary tr th, #totals tr th{background:#fff;}

#cartSummary td b,#ShoppingCart td strong{color:#445272;}


.gridvatprices{color:#f00;}

.tableStyle{background:#fff;}

.tableHeader
{
	background:#4e4b4a;
	color:#f4efdc;
}

.tableRow{background:#445272;}

.altTableRow{background:#666;}

.frmText,.frmSelect,.frmSubmit
{
	border-color:transparent;
	background:#fff;
}

.selType
{
	background:#445272;
	color:#fff;
}

.border
{
	background:#fff;
	border-color:#4e4b4a;
}

#pages{border-color:#c0c0c0;}

#pages a, #pages a:link, #pages a:visited, #pages a:active{color:#445272;}

.highlight
{
	border-color:#ccc;
	background:#fff;
	color:#445272;
}

.bigButtons a
{
	background:#fff;
	border-color:#ccc;
}

.bigButtons a:hover
{
	background:#445272;
	color:#ccc;
}

/* products */
#content table.productGrid tr.quantity{background:#eee;}

#content table.productGrid tr.odd{background:#fff;}

#content table.productGrid tr.even{background:#eee;}

#content table.productGrid td.sets{background:#eee;}

#content table.productGrid tr.odd td a{border-color:#ddd;}

#content table.productGrid tr.even td a{border-color:#ccc;}

#content table.productGrid tr.odd td a:hover{border-color:#ccc;}

#content table.productGrid tr.even td a:hover{border-color:#ddd;}

#content table.productGrid td a:hover{background:#fff;}

/* forms */
/* v2 will reference every form with the class "opdForm" and additional classes will be used to
 * alter specifics...eg class="opdForm contactForm" or class="opdForm shortForm loginform", this
 * has been partialy implimented on the register form - use as a reference when required
 */
.contactform{}

.creditForm{}

.contactform fieldset, .creditForm fieldset, deliveryForm fieldset{border-color:#ccc;}

.contactform fieldset legend, .creditForm fieldset legend, .deliveryForm fieldset legend{color:#111;}

.contactform input.button, .creditForm input.button, .deliveryForm input.button{color:#445272;}

.contactform label.left, .creditForm label.left, .deliveryForm label.left{color:#445272;}

.contactform select.combo, .contactform input.field, .contactform textarea, .contactform input.button, 
.contactform input.button:hover, .creditForm select.combo, .creditForm input.field, .creditForm textarea, 
.creditForm input.button, .creditForm input.button:hover, .deliveryForm select.combo, .deliveryForm input.field, 
.deliveryForm textarea, .deliveryForm input.button, .deliverForm input.button:hover{border-color:#aaa;}

.contactform input.button:hover, .creditForm.button:hover, .deliveryForm.button:hover{color:#445272;}

.contactform, .creditForm, .registerForm, .loginForm, .orderOptions, .deliveryForm
{
	border:none;
	background:#fff;
}

.registerForm fieldset, .loginForm fieldset, .orderOptions fieldset, .deliveryForm fieldset{border-color:#ccc;}

.registerForm fieldset legend, .loginForm fieldset legend, .orderOptions legend, .deliveryForm fieldset legend{color:#445272;}

.registerForm input.button, .loginForm input.button, .orderOptions input.button, .deliveryForm input.button{color:#445272;}

.registerForm label.left, .loginForm label.left, .orderOptions label.left, .deliveryForm label.left{color:#445272;}

.registerForm select.combo, .loginForm select.combo, .orderOptions select.combo, .registerForm input.field, 
.loginForm input.field, .orderOptions input.field, .registerForm textarea, loginForm textarea, .orderOptons textarea, 
.registerForm input.button, .loginForm input.button, .orderOptions input.button, .registerForm input.button:hover, 
.loginForm input.button:hover, .orderOptions input.button:hover, .deliveryForm select.combo, .deliveryForm input.field, 
.deliveryForm textarea, .deliveryForm input.button, .deliveryForm input.button:hover{border-color:#aaa;}

.registerForm input.button:hover, .loginForm input.button:hover, .orderOptions input.button:hover{color:#445272;}

/* v2 method */
/* all forms */
.opdForm
{
x	background:#b4cbe4;

}

.opdForm fieldset{border-color:#ccc;}

.opdForm fieldset legend{color:#445272;}

.opdForm label.left{color:#445272;}

.opdForm select.combo, .opdForm input.field, .opdForm textarea, .opdForm input.button, .opdForm input.button:hover{border-color:#aaa;}

.opdForm input.button{color:#445272;}

.opdForm input.button:hover
{
	background:#fff; 
	color:#445272;
}

.opdForm input.check{}

/* v2 specifics */
.accountAreaForm{}

.protxForm{}

/* required fields */
span.reqd, span.ta_reqd{color:red;}

#totals table tr td.totalField, #VO_totals table tr td.totalField{color:#111;}

#totals table tr td.totalField span, #VO_totals table tr td.totalField span
{
	border-color:#ccc;
	background:#fff;
}

.paymentMethodBadge{}


/* colour reference - PURPLE */
/*
 * #445272	-	dark purple		-	used for links/button text
 * #445272	-	mid purple		-	used for borders
 * #d07cf9	-	pale purple		-	used for form backgrounds
 * #ccc	-	very pale purple-	used for table rows
 * #f4efdc	-	beige colour	-	used in horizontal nav rollover state
*/