/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

body {
		text-align: center;
		background-color: #c2c5a6;
		margin:0 auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: normal; 
		color: black;
}

/* Main Div */
#containermain { 
		margin:0 auto;
		text-align:left;
		display:block;
		width:1000px;
		background:#FFFFFF;
}

/* Contains Logo */
#container_top {
		width:1000px;
		height:85px;
		background:url(../templateimages/logo.gif) no-repeat;
}

#container {
		display: block;
		background-image: url(../templateimages/back_fade.png);
		background-position: top left;
		background-repeat: repeat-x;
		margin: 0 auto;
}

/* Contains rest of HTML */
#centrecontainer {
		width: 780px;
		text-align: left;
		margin: 0 auto;
		min-height: 100%;
}

#container_top { width:1000px; height:85px; background:url(../templateimages/logo.gif) no-repeat;}
#container_content { width:1000px; text-align:left;}

#left { width:180px; float:left;}


#content {width:550px; float:left; background-color:#FFFFFF;}
#shop_content { padding:10px; margin:0;}

#right { width:180px; float:left; padding:0 50px 0 50px; background-color:#FFFFFF;}
.search_site_tab { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:#367433; display:block; height:15px; padding:5px 0 5px 10px}
.mailinglist_tab { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:#52B04F; display:block; height:15px; padding:5px 0 5px 10px}


.basket_tab { font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#469844; display:block; height:15px; padding:5px 0 5px 10px; border:none; cursor:pointer; color:#FFFFFF}

.basket_tab a:hover { color:#FF0000; cursor:pointer;}




#container_address { width:954px; height:28px; background:#fff; text-align:right; padding:40px 46px 0 0;}
.address { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px;}
.address strong{ font-family:Arial, Helvetica, sans-serif; color:#b9a9a3; font-size:12px;}

#container_footer { width:1000px; height:44px; background:#242424; display:block; margin:0 0 0 0;}

#footer_links_container {height:31px; width:480px; float:left; padding:13px 0 0 35px; text-align:left; display:block;}
.footer_links a{ color:#FFFFFF; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; margin:0 0 0 15px;}
.footer_links a:hover{ color:#b9b9b9; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; margin:0 0 0 15px;}

#footer_copyright { height:31px; width:443px; padding:8px 42px 0 0; text-align:right; display:block; float:left;}
.copyright { font-size:11px; color:#FFFFFF;}
.copyright a { color:#FFFFFF; }

/* --- Navigation styles start here -- */
#nav_container { width:550px; height:25px; background:#5c5c5c;} /*This colour needs to be the same as the last button*/
.but_1 a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:#cfcfcf; padding:5px 32px 0 15px; height:20px; text-decoration:none; display:block; float:left;}
.but_1 a:hover{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:#47a843; padding:5px 32px 0 15px; height:20px; text-decoration:none; display:block; float:left;}

.but_2 a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:#bdb9b9; padding:5px 32px 0 15px; height:20px; text-decoration:none; display:block; float:left;}
.but_2 a:hover{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:#47a843; padding:5px 32px 0 15px; height:20px; text-decoration:none; display:block; float:left;}

.but_3 a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:#9b9999; padding:5px 32px 0 15px; height:20px; text-decoration:none; display:block; float:left;}
.but_3 a:hover{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:#47a843; padding:5px 32px 0 15px; height:20px; text-decoration:none; display:block; float:left;}

.but_4 a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:#777373; padding:5px 32px 0 15px; height:20px; text-decoration:none; display:block; float:left;}
.but_4 a:hover{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:#47a843; padding:5px 32px 0 15px; height:20px; text-decoration:none; display:block; float:left;}
.clear {clear:both;}

.but_5 a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:#5c5c5c; padding:5px 36px 0 15px; height:20px; text-decoration:none; display:block; float:left;}
.but_5 a:hover{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:#47a843; padding:5px 36px 0 15px; height:20px; text-decoration:none; display:block; float:left;}
.clear {clear:both;}

#imgs_container { width:100%;}
.img_left { width:55px; height:55px; background:#fff; float:left; margin-right:6px;}
.img_mid { height:55px; text-align:center; background:#fff; float:left;}
.img_right { width:55px; height:55px; background:#fff; float:left; margin-left:6px;}
.img_spacer { width:180px; height:7px; background:#fff; float:left;}

.mainimg { position:relative; top:-10px; left:-10px; margin:0;}

.spacer1 { height:25px;}
.spacer2 { height:30px; width:180px; background:#fff;}
#spacer_top { height:60px;}














/* --- Header section ------------------------------------------------ */
#header {
	height: 70px;
	margin: 0px;

}

#header #title {
	height: 70px;
	margin: 0px 10px 0px 10px;
}

/* Top links */
#header2 .links {
	margin: 0px 10px 0px 10px;
	padding: 5px 0px 5px 0px;
	font-size: 7.5pt;
}


#header2 .links li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#header2 .links a:link, #header2 .links a:visited
	{
	position: relative;
	text-decoration: none;
	color: white;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 12px 5px 0px;
	}


#header2 .links a:hover
	{
	position: relative;
	text-decoration: none;
	color: #d2ebfa;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

#header2 .links2 {
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 2px 0px;
}

#header2 .links2 li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#header2 .links2 a:link, #header2 .links2 a:visited
	{
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	color: white;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	}


#header2 .links2 a:hover
	{
	color: #d2ebfa;
	text-decoration: underline;
	}


/* --- Entire page body section - everything below the header -------- */
#pagebody {
	padding: 10px 10px 0px 10px;
	margin: 5px 0px 0px 0px;
	background-color:#ffffff;
}

/* Left hand section of page body (if you have one!) */
#left {
	width: 168px;
	margin: 0px;
	float: left;
/* JAM 29/08/08 background-color:#FFFFFF; */ 
}

/* Dynamic page content section of page body */
#pagecontent {
	width: 560px;
	float: right;
	padding: 0;
}

#pagecontent_pad {
	padding: 10px 5px 5px 0px;
}

/* Paul Wallas //24/04/2008// Left hand section of page body */
#left {
	width: 168px;
	margin: 0px;
	float: left;
	margin-top: 0px;
	padding-top: 0px;
}

/* --- Footer -------------------------------------------------------- */
#footer {
	padding-top: 20px;
	clear: both;
	text-align: left;
	background:url(../templateimages/back_fade6.png) repeat-x;

}

/* Footer nav links */
#footer .links {
	margin: 0px;
}

#footer .links li {
	list-style: none;
	display: inline;
}
	
#footer .links a {
	font-size: 7pt;
	padding: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

/* T&Cs text */
#terms {
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 10px;
	font-size: 7pt;
	color: #999999;
	width:600px;
	margin:0 auto;
	height:40px;
}


/* --- language, currency menu and search box ------------------------ */
#languagemenu form select, #currencymenu form select, #prodtypemenuform select {
	width: 168px;
	margin: 0;
	padding: 0;
}

#searchbox { background:#f7f1f1;}

#searchbox input {
	width:124px; height:14px; margin:0px 0px 8px 8px; border:#d5d5d5 1px solid; padding:0px 0 0 4px; background:#FFFFFF;
}

#searchbox #searchbutton {
	width: 30px; height:18px;
	text-align: right; background:url(../templateimages/button-go.jpg) no-repeat; cursor:pointer;
	margin:8px 0px 7px 0; border:#f7f1f1 1px solid;
	padding: 0;
}



/* Nathan added to solve problem with positioning of the search button*/
.searchbutton_positioning { width:29px;  margin:0; padding:0; height:0px;}

#mailing_list_box { background:#f7f1f1;}

#mailing_list_box input {
	width: 124px; height:14px; margin:0px 0px 8px 8px; border:#d5d5d5 1px solid; padding:0px 0 0 4px; background:#FFFFFF;
}

#mailing_list_box #signupbutton {
	width:30px; height:18px;
	text-align: right; background:url(../templateimages/button-go.jpg) no-repeat; cursor:pointer;
	margin:8px 0px 7px 0px; border:none;
	padding:0; border:#f7f1f1 1px solid;
}

/* --- Template items ------------------------------------------------ */
#left_pad {
	padding:0px 5px 0px 8px;
}

#left h2 {
	margin:10px 0px 5px 0px;
	font-weight: bold;
}

/* search and mailinglist forms */
#quicksearch form {
	display: block;
}

#left input.submit {
	height: 22px;
	width: 30px;
}

#left input.text {
	width: 95px;
}

#mailinglist label#email {
	display: block;
	margin: 0px 0px 2px 0px;
}

#mailinglist label#htmlemail {
	display: block;
	margin: 2px 0px 2px 0px;
}

#right h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}