/* Colour */
/* write all colour values for the site elements and reference graphics */
/* Pink - full reference at bottom */
html,body
{
	color:#fff;
	background:#ccc;
}

a, a:link, a:visited, a:active{color:#820d49;}

a:hover{color:#333;}

h1,h2,h3,h4,h5,h6{color:#820d49;}

#topNav ul li a
{
	border-color:#f21085;
	color:#820d49;
}

#topNav ul li a:hover
{
	color:#000;
	background:#f4efdc;
}

#holdem,#pageholdem
{
	color:#111;
	background:#fff;
	border-color:#eee;
}

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

#cartSummary{background:#ff66cc;}

#ShoppingCart tr{background:#f8d5ec;}

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

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

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

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

#ShoppingCart .cartLink a:hover
{
	background:#f21085;
	color:#eee;
}

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

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

#totals .cartLink a:hover
{
	background:#f21085;
	color:#eee;
}

#cartSummary tr{background:#f8d5ec;}

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

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

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

#topnavlist{border-color:#f4efdc;}

#navcontainer ul li a
{
	color:#820d49;
	border-color:#f21085;
}

#navcontainer ul li a:hover
{
	background:#f4efdc;
	color:#000;
}

#widgets, #up-sell{}

#footer
{
	border-color:#f21085;
	color:#333;
	background-color:#eee;
}

.footerList{border-color:#eee;}
.footerList li a{border-color:#eee;}
.footerList li a:hover
{
	background:#fff;
	border-color:#ccc;
}

.gridvatprices{color:#f00;}

.tableStyle{background:#fff;}

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

.tableRow{background:#333;}

.altTableRow{background:#666;}

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

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

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

#pages{border-color:#c0c0c0;}

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

.highlight
{
	border-color:#f21085;
	background:#fff;
	color:#820d49;
}

.bigButtons a
{
	background:#ff66cc;
	border-color:#f21085;
}

.bigButtons a:hover
{
	background:#f21085;
	color:#eee;
}

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

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

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

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

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

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

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

#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:#eee;}

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

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

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

.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:#820d49;}

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

.contactform, .creditForm, .registerForm, .loginForm, .orderOptions, .deliveryForm
{
	border:1px solid #f21085;
	background:#ff66cc;
}

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

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

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

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

.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:#820d49;}

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

/* v2 method */
/* all forms */
.opdForm
{
	border:1px solid #f21085;
	background:#ff66cc;
}

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

.opdForm fieldset legend{color:#f21085;}

.opdForm label.left{color:#820d49;}

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

.opdForm input.button{color:#820d49;}

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

.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:#ff66cc;
	background:#fff;
}

.paymentMethodBadge{}


/* colour reference - PINK */
/*
 * #820d49	-	dark pink		-	used for links/button text
 * #f21085	-	mid pink		-	used for borders
 * #ff66cc	-	pale pink		-	used for form backgrounds
 * #f8d5ec	-	very pale pink	-	used for table rows
 * #f4efdc	-	beige colour	-	used in horizontal nav rollover state
*/