/**css document PAGE LAYOUT**/

/*<![CDATA[*/
#header {
background: #fff url(../../images/top.jpg);
border-top: 1px dotted #7595C2;
border-right: 1px dotted #7595C2;
border-left: 1px dotted #7595C2;
height: 175px;
width: 958px;
margin-left: auto;
margin-right: auto;
}

#header-top {
width: 948px;
margin-left: auto;
margin-right: auto;
height: 20px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align:left;
padding: 4px 8px 0 4px;
color:#7595C2;
}


#header2 {
width: 948px;
margin-left: auto;
margin-right: auto;
background-color:#B4C8E7;
height: 15px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align:right;
padding: 4px 8px 0 4px;
color:#FFFFFF;
}
#header2 a:link{font-size: 0.9em; color:#FFFFFF;}
#header2 a:visited{font-size: 0.9em; color:#FFFFFF;}
#header2 a:hover{font-size: 0.9em; color:#FFFFFF;}

#header3 {
width: 960px;
margin-left: auto;
margin-right: auto;
background-color:#CED6E1;
height: 1px;
border-top: 1px solid #fff;
}

/*//This background graphic fills the bottom of the side_bar_menu column when the other side_bar_menu column is linger than the center///*/
#outer_wrapper {
	background: #fff url(side_bar_right.gif) repeat-y right;
	width: 960px;
	margin-left: auto;
margin-right: auto;
}

/*//This background graphic doesn't seem to adversly affect things if commented out but maybe fills the top of the side_bar_menu column when the centre is longer than the sides///*/
#wrapper {
	background: url(side_bar_menu.gif) repeat-y left;
	width: 960px;
	margin-left: auto;
margin-right: auto;
border-right: 0 dotted #7595C2;
}

/*//This background graphic fills the whole of the side_bar_menu column///*/
#container {
	width: 100%;
	float: right;
	/*margin-left: -175px; 24/11/09 ed pd ie6 bug*/
	margin-left: -180px;
	background: url(side_bar_menu.gif) repeat-y left;
}

/*//This background graphic doesn't seem to adversly affect things if commented out, but I appears to fill the (top?) of the side_bar_right column when the centre is longer than the sides///*/
#content {
	margin-left: 190px;
	background: url(ims/side_bar_right.gif) repeat-y right;
}
#main {
	margin-right: 180px;
padding: 0 0 20px 0;
}
#sidebar_right {
	width: 175px;
	float: right;
vertical-align:top;
}

#sidebar_menu {
	width: 175px;
	float: left;
background-color:#FFFFFF;
}



#footer {
	border-top: 1px dotted #7595C2;
font-size: 0.9em;
	background: #fff;
	width: 960px;
	margin-left: auto;
margin-right: auto;
text-align:center;
padding: 4px 0 0 0;
}


.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}


/*Added by Pete 20/11/2009 for coloured subcategory tables on second level categories*/
/*start apply to all ranges*/
/*format the non css h3*/
div.categoryproducttable_prestige h3,
div.categoryproducttable_stainless h3,
div.categoryproducttable_plastic h3,
div.categoryproducttable_white-metal  h3,
div.categoryproducttable_chrome  h3,
div.categoryproducttable_blue  h3
{ margin: 0; padding: 0; position: relative; width: 566px; height: 55px; overflow: hidden; font-size: 150%; line-height: 51px;
}


/*format the css h3*/
div.categoryproducttable_prestige h3 span,
div.categoryproducttable_stainless h3 span,
div.categoryproducttable_plastic h3 span,
div.categoryproducttable_white-metal  h3 span,
div.categoryproducttable_chrome  h3 span,
div.categoryproducttable_blue  h3 span
{position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background-repeat: no-repeat; margin:0; padding: 0;}

/*end apply to all ranges*/

/* define the h3 image*/
div.categoryproducttable_prestige h3 span { background-image: url(images/h3-prestige.jpg);}
div.categoryproducttable_white-metal h3 span { background-image: url(images/h3-whmetal.jpg);}
div.categoryproducttable_plastic h3 span { background-image: url(images/h3-plastic.jpg);}
div.categoryproducttable_stainless h3 span { background-image: url(images/h3-ssteel.jpg);}
div.categoryproducttable_chrome h3 span { background-image: url(images/h3-chrome.jpg);}
div.categoryproducttable_blue  h3 span { background-image: url(images/h3-dblue.jpg);}

/*Added by Paul to demonstrate colouring of sections*/
body.category_prestige #header2 {background: #B039D7;}
body.category_prestige #breadcrumb a {color: #B039D7;}
body.category_prestige #breadcrumb {color: #B039D7;}
body.category_prestige h1 {color: #B039D7;}



body.category_plastic #header2 {background: #FF9900;}
body.category_plastic #breadcrumb a {color: #FF9900;}
body.category_plastic #breadcrumb {color: #FF9900;}
body.category_plastic h1 {color: #FF9900;}






body.category_stainless #header2 {background: #99CC00;}
body.category_stainless #breadcrumb a {color: #99CC00;}
body.category_stainless #breadcrumb {color: #99CC00;}
body.category_stainless h1 {color: #99CC00;}



body.category_chrome #header2 {background: #CC9966;}
body.category_chrome #breadcrumb a {color: #CC9966;}
body.category_chrome #breadcrumb {color: #CC9966;}
body.category_chrome h1 {color: #CC9966;}
/*table.categoryproducttable_chrome  {background-color: #F0E0D1;}*/

body.category_white-metal #header2 {background: #FD349A;}
body.category_white-metal #breadcrumb a {color: #FD349A;}
body.category_white-metal #breadcrumb {color: #FD349A;}
body.category_white-metal h1 {color: #FD349A;}


body.category_blue #header2 {background: #333399;}
body.category_blue #breadcrumb a {color: #333399;}
body.category_blue #breadcrumb {color: #333399;}
body.category_blue h1 {color: #333399;}
/*table.categoryproducttable_blue {background-color: #D6D6EB;}*/

body.category_green #header2 {background: green;}
body.category_green #breadcrumb {color: green;}
body.category_green #breadcrumb a {color: green;}
table.categoryproducttable_green #breadcrumb a {color: green;}
#sidebar_menu li.category_green {background: green;}

body.category_red #header2 {background: #A82B2B;}
body.category_red #breadcrumb {color: #A82B2B;}
body.category_red #breadcrumb a {color: #A82B2B;}
table.categoryproducttable_red #breadcrumb a {color: #A82B2B;}
/*#sidebar_menu li.category_red {background: #791F1F;}*/

table.categoryproducttable td { padding: 20px 0 20px 0; width: 141px;}
table.categoryproducttable td img {margin-left: 10px;}
table.categoryproducttable td a {width: 120px; display: block; text-align: center;} /*So the links don't stretch for too long*/
table.categoryproducttable td img {border: 1px solid #dddddd;} /*borders around images*/

table.categoryproducttable {border-top: 1px solid #dddddd;  border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; width: 566px; margin: 0 0 30px;}
 /*table.categoryproducttable th {text-align: left; padding-left: 10px;}Added by Paul 11/11/2009 for the headers in the colour subcategory tables

table.categoryproducttable th h3 {font-size: 140%; margin:0; padding: 0;}
table.categoryproducttable th h3 a {text-decoration: none;}*/

ul.bullet_points li {background-image: url(/images/dolphin/list_bullet.gif); background-repeat: no-repeat; background-position: 0 2px; padding-left: 15px;}

#searchform {margin: 0;}

/*Added by Paul for input and textareas*/
input {font-size: 0.9em;}
select {font-size: 0.9em;}
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em}