/*
	JacTone
	Override styles
	should only override colours and images here!!!
*/

/*
RED				#ED1B2D //#ef2c36
LIGHT BLUE HEX	#BBDFFF //#C4CEE3
PINK HEX		#FFDCE4
DARK BLUE		#004FA3 //1162b1
*/

/*latout flow*/
#container { width: 96%;  }
#secondary, #tertiary { width: 200px; }
#primary { width: auto; margin: 15px 215px 10px 215px;}

/* Colours */
html{ background-color:#fff;}
body{ background-color:#fff;}

h1,h2,h3,h4 {color:#000; font-family: Verdana; }
label {color: #000; font-size: 100%;}
a {color:#1F1F1F;}
a:hover {color:#000;}
legend {color:#004FA3;}

.product { }
.product { padding: 0; }
.product .title { }

.product .title h1 { color: #fff; }
.product .content .image { border: solid 1px #ddd; margin: 5px 10px 10px 10px; }
.product .content .price { margin-left: 0;}
.product .content .price button { }
.quantity {float:left; }

#checkout_table .product_info { text-align: left; }

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

.bread_crumb a { background-color: #ED1B2D; padding:3px; color: #fff;}
.bread_crumb { margin: 5px 0 10px 0;}

#checkout_table th {background-color: #ED1B2D; }
#checkout_table tr td { border-bottom: solid 1px #ddd;}
#product_list td {border-bottom: solid 1px #ddd;}
#product_list th {border-bottom: solid 1px #ddd;}
#categorylist li {border:solid 1px #C0C0C0; }
#secondary .panel .body, #tertiary .panel .body {border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd;}



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

#product_list_filter
{
	background-color: #fff;
}

#product_list .description_info {
	vertical-align:top;
}

#product_list TH {
	BORDER-BOTTOM: #004FA3 1px solid
}
#product_list TD {
	BORDER-BOTTOM: #004FA3 1px solid
}
.product .title
{
	background-color:#004FA3;
	color:#fff;
}
.product .title H2
{
	color:#fff;
}
.product .title H2 a
{
	color:#fff;
}
.product .description
{

}
#product_offer_list .description  
{
	margin-top:10px;
	background-color:#004FA3;
}
#product_offer_list .description .header 
{
	background-color:#004FA3;
}
.product .description .header
{
	background-color: #004FA3;
	color:#fff;
}
.product .description .header h2
{
	color:#fff;
}
.product .description .header a
{
	color:#fff;
}

.product .incvat {color:#004FA3;}

.bread_crumb {color:#004FA3;}

/* menu */
.makemenu a {display: block; color:#ED1B2D; background-color:#FFDCE4;}
.makemenu a:hover {color:#fff; background-color:#ED1B2D;}
.makemenu li { background-image: none; line-height:18px; }
.makemenu li a {background-image:none;color:#ED1B2D; background-color:#FFDCE4;}
.makemenu li a:hover {color:#fff; background-color:#ED1B2D;}
.makemenu li li {border-bottom:1px solid #eee;}
.makemenu li li a {color:#ED1B2D; background-color:#fff;}
.makemenu li li a:hover  {color:#fff; background-color:#BBDFFF;}

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

/* when a menu item is selected */
.makemenu li a.selected {background-color: #ED1B2D; color: #fff;}
/* when a categroy menu item is selected */
.makemenu li.collapsable a.selected{ color: #fff; }


#secondary .panel .body {
	BORDER-RIGHT: #ED1B2D 1px solid;
	BORDER-LEFT: #ED1B2D 1px solid;
	BORDER-BOTTOM: #ED1B2D 1px solid
}
#tertiary .panel .body {
	BORDER-RIGHT: #ED1B2D 1px solid;
	BORDER-LEFT: #ED1B2D 1px solid;
	BORDER-BOTTOM: #ED1B2D 1px solid
}

#footer { background: url(buttons.png) repeat-x 200px -500px; height: 20px; padding-bottom: 10px;}
#footer a { color: #fff; } 
#footer .left_corner {float:left; background: url(buttons.png) no-repeat 0px -480px; }
#footer .right_corner {float: right; width: 20px; background: url(buttons.png) -930px -480px; height: 20px; }

.continue_shopping {
	BACKGROUND-POSITION: -490px -20px;
	WIDTH: 150px
}
.continue_shopping:hover {
	BACKGROUND-POSITION: -640px -20px;
	WIDTH: 150px
}

/*
.panel { background-color: #fff; }
*/

table th {background-color: #004FA3; color: #fff;}

.pagination {clear:both;padding:20px 0 20px 20px}
.pagination div {line-height:20px}
.pagination ul {float:left}
.pagination li {float:left; padding:5px; margin-right:10px; border:1px solid #ccc}