/*
	CMC
	Override styles
	should only override colours and images here!!!
*/
body
{
	font-family: arial, "lucida console", sans-serif;
}

/* Colours*/
h1,h2,h3,h4 {color:#000; font-weight:bold; }
label {color:#000; font-size: 90%;}
fieldset{border:1px solid #666;}
legend{border:1px solid #666;}
a {color:#000;}
a:hover {color:#000; text-decoration: underline;}
.product .incvat {color:#004FA3;}
.product .content .image { border: solid 1px #ddd; margin: 5px 10px 10px 10px; }
#product_list_filter {border:1px solid #666; background-color:#EEE;}
#checkout_table th {background-color: #008555; color: #fff;}

/* Images */
.button { background-image: url(buttons.png); }
#footer { background-image: url(buttons.png); }
#secondary .panel .header h2, #tertiary .panel .header h2 {width: 170px; background-image: url(buttons.png); }
#primary .inner {background-color: #e9e9ea; }


/* product tables and display */
.product .title { background-color: #008555; }
.product .title h1{ color: #fff}
.product .title h2 a {color: #fff}

#product_list th {background-color:#008555; color:#fff}
#product_list td {border-bottom: 1px solid #666}

.product .description .header {background-color: #008555; color: #fff}

#product_offer_list .description .header {background-color: #008555; color: #fff}
#product_offer_list .description .header  a {color: #fff; }

/* bread crumb*/
.bread_crumb  { background-color: #666; padding:3px; color: #fff;}
.bread_crumb  a{color: #fff;}

/* menu */
.makemenu a {display: block; color:#666; background-color:#AECCC6;}
.makemenu a:hover {color:#fff; background-color:#008555;}
.makemenu li { background-image: none; line-height:18px;  font-size: 105%;}
.makemenu li a {background-image:none;color:#666; background-color:#AECCC6;}
.makemenu li a:hover {color:#fff; background-color:#008555;}
.makemenu li li {border-bottom:1px solid #eee; background-color:#fff; font-size: 95%}
.makemenu li li a {color:#8C8C8C; background-color:#fff; font-size: 95%}
.makemenu li li a:hover  {color:#fff; background-color:#008555; font-size: 95%}

.makemenu li li li a {color:#BBDFFF; background-color:#fff;}
.makemenu li li li a:hover  {color:#ED1B2D;}

.makemenu li a.selected {background-color: #AECCC6; color: #666; }
.makemenu li a.selected:hover {color:#fff; background-color:#008555;}
.makemenu li li a.selected {background-color: #fff; color: #8C8C8C;}
.makemenu li li a.selected:hover {color:#fff; background-color:#008555;}
.makemenu li li li a.selected {background-color: #fff; color: #8C8C8C;}
.makemenu li li li a.selected:hover {color:#fff; background-color:#008555;}
.makemenu li.collapsable a.selected{ color: #666; }
/* Panels */

#secondary .panel .body, #tertiary .panel .body {	border-right: #008555 1px solid; border-left: #008555 1px solid; border-bottom: #008555 1px solid }

/* Change header for buttons.png */

#search.panel .header h2 { background-position: -300px -80px;}
#login.panel .header h2 { background-position: -300px -100px;}
#prices.panel .header h2 { background-position: -300px -140px;}
#misc.panel .header h2 { background-position: -300px -120px;}



/* change active buttons to the hover buttons */
.checkout:active { background-position: -100px 0px }

.login_button:active { background-position: -100px -20px;}

.logout:active { background-position: -100px -40px;}

.add_to_cart:active { background-position: -100px -60px;}

.details:active { background-position: -100px -80px;}

.view:active { background-position: -100px -100px;}

.delete_button:active { background-position: -100px -120px;}

.add:active { background-position: -100px -140px;}

.remove:active { background-position: -100px -160px;}

.special_offer:active { background-position: -100px -180px;}

.confirm:active { background-position: -100px -200px;}

.submit:active { background-position: -100px -220px;}

.search_button:active { background-position: -100px -240px;}

.reset:active { background-position: -100px -260px;}

.back:active { background-position: -100px -280px;}

.view_basket:active { background-position: -100px -300px;}

.more_info:active { background-position: -100px -320px;}

/* long button */
.continue_shopping:active { background-position: -620px -20px; width: 150px; /* override size of button */}

/* large buttons */
.new_customer:active { background-position: -200px -360px;}