/*
Name:	colour.css
Created:	08/05/08
Revised:	~
Authour:	eastcoastinteractive.co.uk
Desc:		standard black/gold stylesheet
*/

/* Colour */
/* Black and gold - no colour reference(custom) */
html,body
{
	color:#fff;
	background:#000;
}

a, a:link, a:visited, a:active{color:#fc0;}

a:hover{color:#fff;}

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

#topNav ul li a
{
	border-color:#000;
	color:#fff;
	background:#333;
}

#topNav ul li a:hover
{
	color:#333;
	background:#eee;
}

#holdem,#pageholdem
{
	color:#eee;
	background:#333;
	border-color:#444;
}

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

#cartSummary{background:#ccc;}

#ShoppingCart tr{background:#c0c0c0;}

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

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

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

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

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

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

#totals .cartLink a
{
	background:#333;
	border-color:#000;
}

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

#cartSummary tr{background:#c0c0c0;}

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

#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:#fc0;
	border-color:#000;
}

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

#widgets, #up-sell{}

#footer
{
	border-color:#000;
	color:#333;
	background-color:#444;
}

.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:#000;
	color:#fff;
}

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

#pages{border-color:#c0c0c0;}

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

.highlight
{
	border-color:#000;
	background:#fff;
	color:#fc0;
}

.bigButtons a
{
	background:#333;
	border-color:#000;
}

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

/* products */
/* the quantity row in the grid */
#content table.productGrid tr.quantity{background:#444;}
/* background for odd grid rows */
#content table.productGrid tr.odd{background:#666;}
/* background for even grid rows */
#content table.productGrid tr.even{background:#555;}
/* background for the left hand column in the grid */
#content table.productGrid td.sets{background:#444;}
/* borders for odd rows in the grid */
#content table.productGrid tr.odd td a{border-color:#444;}
/* borders for even rows in the grid */
#content table.productGrid tr.even td a{border-color:#666;}
/* odd row border hover state */
#content table.productGrid tr.odd td a:hover{border-color:#eee;}
/* even row border hover state */
#content table.productGrid tr.even td a:hover{border-color:#ddd;}
/* background colour for hover state */
#content table.productGrid td a:hover{background:#aaa;}

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

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

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

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

.contactform, .creditForm, .registerForm, .loginForm, .orderOptions, .deliveryForm, .artworkOptions
{
	border:1px solid #000;
	background:#444;
}

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

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

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

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

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

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

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

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

.opdForm fieldset legend{color:#000;}

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

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

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

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

 /* 
  * over writing elements specifically for manchesteronlineprint in terms of
  * position and styling. these are overwriting classes defined in the positional
  * stylesheet applied to every site, with the attributes required in this site.
 */
#topNav ul li a
{
	border-width:1px 1px 1px 0;
	border-style:solid;
	width:109px;
}

#navcontainer ul li a
{
	border:1px solid #000;
	border-width:1px;
	background:#333;
	color:#fff;
	font-weight:normal;
	font-size:1.2em;
	padding:5px 0 5px 10px;
	margin:3px;
}

#navcontainer ul li a:hover{border:1px solid #000;}


table.productGrid{border:3px solid red;}