/* CSS Document */

/* CSS Document */

body {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: tahoma, verdana, arial,  helvetica, tahoma, sans-serif;
	font-size:11px;
	color: #412511;
}
table {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
td {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
tr {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
h1 {padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
	color: #412511;
}
h2 {padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	font-weight:bold;
	color: #D54F1A;
}
h3 {padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	font-size:11px;
	color: #D54F1A;
}
p {padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
}
ul {padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;}
li {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style-type: none;
}
img {padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
}
object  {padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
}
input {
	padding:0;
	margin:0;
}
a {text-decoration:underline;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
a:link {color: #412511;}
a:visited {color: #412511;}
a:hover {color:#9A6B40;}
a:active {color:#D54F1A;}

p.orange a:link, li.orange a:link {color: #D54F1A;}
p.orange a:visited, li.orange a:visited {color: #D54F1A;}
p.orange a:hover, li.orange a:hover {color:#9A6B40;}
p.orange a:active, li.orange a:active {color:#D54F1A;}

/*main container enclosing the content*/
#container {
	width : 960px;
	background:#FFF;
}

/*the top banner with the logo and the main branding image*/
#banner1 {
width:320px;
float:left;
}
#banner2 {
width:640px;
float:left;
}

/*the top menu area*/
#menubox_top {
width:960px;
height:25px;
float:left;
background:#412511;
}
#login {
width:90px;
height:23px;
float:left;
background:#9A6B40;
color:#FFF;
border-top:2px solid #FFF;
border-right:2px solid #FFF;
}
#menu_top {
width:366px;
height:23px;
float:left;
color:#FFF;
border-top:2px solid #FFF;
}
#menu_top_members {
	width:458px;
	height:23px;
	float:left;
	color:#FFF;
	border-top:2px solid #FFF;
}
#menu_top_image {
float:right;
border-left:2px solid #FFF;
}

/*the bottom menu area*/
#menubox_bottom {
width:960px;
height:25px;
float:left;
background:#412511;
}
#search {
	width:200px;
	height:23px;
	float:left;
	background:#DBBF94;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
}
#search p {
	font-size:11px;
	font-weight:bold;
	padding:6px 4px 4px 17px;
	color:#FFF;
}
.nobold {
	font-weight:normal;
	font-size:11px;
}
.bold {
	font-weight:bold;
}
#menu_bottom {
	width:576px;
	height:23px;
	float:left;
	color:#FFF;
	border-top:2px solid #FFF;
}
#menu_bottom_image {
	float:right;
	border-left:2px solid #FFF;
}

/*the menu formatting for both top and bottom menus*/
#menu_bottom ul, #menu_top ul, #menu_top_members ul, #login ul {
	padding:4px 0px 0px 14px;
}
#menu_bottom li, #menu_top li, #menu_top_members li, #login li  {
	display: inline;
	padding:0px 0px 0px 0px;
}
#menu_bottom a, #menu_top a, #menu_top_members a, #login a  {
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	padding: 0px 0px 0px 12px;
	margin: 0px 12px 0px 2px;
}
#menu_top a, #menu_top_members a, #login a  {
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	padding: 0px 0px 0px 12px;
	margin: 0px 24px 0px 0px;
}
#menu_bottom a:link, #menu_top a:link, #menu_top_members a:link, #login a:link, #menu_bottom a:visited, #menu_top a:visited, #login a:visited {
	color:#FFF;
}
#menu_bottom a:hover, #menu_top a:hover, #menu_top_members a:hover {
	color:#9A6B40;
	background-image:url(images/arrow2.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}
#login a:hover {
	color:#412511;
}
#menu_bottom #active a, #menu_top #active a, #menu_top_members #active a {
	color:#9A6B40;
	background-image:url(images/arrow2.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}

/*the left content area of the main area. This includes the promotion area and the postcode search area*/
#main_left {
	width:200px;
	height:360px;
	float:left;
	background:#DBBF94;
}
#postcode {
	height:60px;
	width:200px;
}
#postcode a {
	color:#412511;
}
#postcode input {
	padding:3px;
	margin:0;
}
.postcode_search {
	padding-left:16px;
	padding-top:2px;
}
.go_button {
	padding-left:0px;
	padding-top:2px;
}
#postcode p {
	font-weight:bold;
	font-size:9px;
	padding-left:16px;
	padding-top:6px;
}
#promotion_area {
	height:300px;
	border-top:2px solid #FFF;
}

/*the middle content area. This is the area where the content will vary from page to page*/
#main_middle{
	width:551px;
	height:400px;
	float:left;
	background:#FFF;
}
#main_middle h1{
	padding:13px 10px 0px 30px;
}
#main_middle h2{
	padding:12px 10px 0px 30px;
}
#main_middle h3{
	padding:12px 10px 0px 30px;
}
#main_middle p{
	padding:9px 10px 0px 30px;
	width:340px;
	line-height:15px;
}

/*news page list for news stories*/
#main_middle table.news {
	margin-left:31px;
	margin-top:6px;
}
#main_middle table.news td {
	border-bottom:1px solid #DBBF94;
	background:#FFF;
	margin:0;
	padding-top:6px;
	padding-bottom:6px;
}
#main_middle table.news td.view{
	width:34px;
	vertical-align:top;
}
#main_middle table.news td.view a:link {color: #D54F1A;}
#main_middle table.news td.view a:visited {color: #D54F1A;}
#main_middle table.news td.view a:hover {color:#9A6B40;}
#main_middle table.news td.view a:active {color:#D54F1A;}

#main_middle table.news td.date{
	width:70px;	
	text-align:center;
	vertical-align:top;
}
#main_middle table.news td.story{
	padding-left:8px;
	vertical-align:top;
}
/*csd distributors list*/
#main_middle table.csd_distributors {
	margin-left:31px;
	margin-top:6px;
}
#main_middle table.csd_distributors td {
	border-bottom:1px solid #DBBF94;
	background:#FFF;
	margin:0;
	padding-top:6px;
	padding-bottom:6px;
}
#main_middle table.csd_distributors td.visit{
	width:34px;
	vertical-align:top;
}
#main_middle table.csd_distributors td.csd_dist{
	vertical-align:top;
}
#main_middle table.csd_distributors td.csd_region{
	padding-left:8px;
	vertical-align:top;
	width:120px;
}
/*breadcrumbs area - this sits within the main_middle div*/
#breadcrumbs, #distributor-menu {
	border-bottom:1px solid #9A6B40;
	margin-left:30px;
	padding:8px 0px 7px 0px;
}
#distributor-menu {
	border: none;
}
#breadcrumbs a, #distributor-menu a{
	font-size:11px;
	color:#9A6B40;
	padding-left:16px;
	background-image:url(images/arrow_brown.gif);
	background-repeat:no-repeat;
	background-position:3px 2px;
}
#breadcrumbs a:hover, #distributor-menu a:hover {	
	text-decoration:none;
}

/*this div holds the main middle content and sits within the main_middle div. The quicklinks and footer sit within this div.*/
#main_middle_content {
	float:left;
	width:360px;
}
#main_middle_images {
	float:right;
	width:138px;
}
#main_middle_images img{
	margin:16px 0px 0px 0px;	
}
#main_middle_content ul, #main_middle_merged ul {
	margin-left:28px;
	padding-top:10px;
}
#main_middle_content ul li {
	background-image:url(images/arrow_brown.gif);
	background-repeat:no-repeat;
	background-position:3px 2px;
	padding:0px 0px 1px 16px;
}
#main_middle_content ul.noarrows li {
	background-image:none;
	padding:0px 0px 2px 0px;
}
#main_middle_content li, #main_middle_merged li {
	padding:3px 0px 0px 3px;
}
#main_middle_merged object{
	margin:0px 0px 0px 20px;	
}
#main_middle_content ul.list_arrows, #main_middle_merged ul.list_arrows {
	padding:10px 0px 0px 0px;
}
#main_middle_content ul.list_arrows li, #main_middle_merged ul.list_arrows li {
	background-image:url(images/arrow_brown.gif);
	background-repeat:no-repeat;
	background-position:3px 2px;
	padding:0px 0px 1px 16px;
}
#logos {
	width:360px;
	padding-left:30px;
}
#logos img{
	padding-top:10px;
	margin-right:13px;
	vertical-align:middle;
}

/*area to merge the middle content and the middle images*/
#main_middle_merged {
	width:600px;
}
#main_middle_merged p{
	width:490px;
}
#main_middle_merged img {
	padding:20px 0px 0px 20px;
}

/*quicklinks area, which is inside the main_middle_content div*/
#quicklinks {
	float:left;
	width:300px;	
}
#quicklinks ul{
	padding:4px 0px 10px 0px;
}
#quicklinks li{
	padding-top:2px;
	background-image:url(images/arrow_brown.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:14px;
}
#quicklinks a{
	
}
#quicklinks a:link {color: #D54F1A;}
#quicklinks a:visited {color: #D54F1A;}
#quicklinks a:hover {color:#9A6B40;}
#quicklinks a:active {color:#D54F1A;}

/*email form - still to be coded and formatted correctly*/
#email_form {
	float:left;
	width:360px;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:10px;
}
#email_form td.desc {
	padding-top:3px;
}
#email_form input, #email_form textarea {
	font-family: tahoma, verdana, arial,  helvetica, tahoma, sans-serif;
	font-size:11px;
	padding:1px 0px 1px 3px;
	margin:0px 0px 1px 0px;
}
/*login form - still to be coded and formatted correctly*/
#login_form {
	float:left;
	width:400px;
	padding-top:10px;
}

/*footer area, which is inside the main_middle_content div*/
#footer {
	float:left;
	width:380px;
	padding-top:6px;
}
#footer a{
	color:#9A6B40;
}
#footer ul{
	padding:4px 0px 0px 0px;
	border-top:1px solid #9A6B40;
}
#footer ul li{
	display: inline;
	padding:0px 10px 0px 0px;
	background-image:none;
}
#footer a:hover {	
	text-decoration:none;
}

/*the right content area of the main area that holds the large images and links*/
#main_right {
	width:209px;
	height:400px;
	float:left;
	border-top:2px solid #FFF;
}
#main_right_line {
	float:left;
	width:29px;
	height:434px;
	background:#FFF;
	background-image:url(images/brown_line.gif);
	background-position:left;
	background-repeat:repeat-y;
}
.main_right_images {
	float:left;
	width:180px;
	color:#FFF;
	font-weight:bold;
	background:#412511;
}
.main_right_images p{
	padding:4px 0px 4px 4px;
	border-bottom:2px solid #FFF;
	border-top:2px solid #FFF;
}
.main_right_images a{
	font-weight:bold;
	text-decoration:none;
	padding-left:14px;
}
.main_right_images p a:link {
	background-image:url(images/arrow_white.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	color:#FFF;
}
.main_right_images p a:visited {
	color: #FFF;
	background-image:url(images/arrow_white.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}
.main_right_images p a:hover {
	color: #9A6B40;
	background-image:url(images/arrow2.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	color:#9A6B40;
}
.main_right_images p a:active{
	color: #FFF;
	background-image:url(images/arrow_white.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}
#main_middle_merged {
	width:500px;
}
#main_middle_merged img {
	padding-left:50px;
}

/*distributors table layout for products and contact details*/
#line_spacer {
	float:left;
	width:530px;
	background:#FFF;
	height:4px;
}
div#bycategory {
	padding-left:28px;
	color:#FFF;
	}
div#bycategory ul.horz, div#bycategory ul.head {
	clear: left;	
	}
div#bycategory ul.head li {
	font-weight:bold;
	padding:5px 0px 5px 0px;
	border-bottom:2px solid #FFF;
	margin-top:15px;
	}
div#bycategory li {
	float:left;
	padding-bottom:5px;
	}
div#bycategory ul.horz li, div#bycategory ul.head li {
	width:220px;	
	}
div#bycategory ul.horz li.bold {
	padding-top: 4px;
	}
div#bycategory ul.horz li.table_normal {
	padding-top: 5px;
	}
div#bycategory ul.horz li.odd, div#bycategory ul.head li.odd {
	background-color: #9A6B40;
	border-right:6px solid #FFF;
	padding-left:10px;
	}
div#bycategory ul.horz li.even, div#bycategory ul.head li.even {
	background-color: #DBBF94;
	padding-left:10px;
	}
div#alphabetical_list {
	text-align:center;
}
ul.alphabetical li{
	display: inline;
	font-weight:bold;
	margin-right:15px;
}
div#suppliers_logos {
	padding-left:30px;
	margin-top:0px;
}
div#suppliers_logos img {
	padding:0px 14px 2px 0px;
	vertical-align:middle;	
}
#products_container {
	padding-left:30px;
}
#products_table {
	float:left;
	width:420px;
	padding-left:30px;
	padding-top:10px;
}
#products_table table.product_area1 {
		float:left;
		border-right:1px solid #9A6B40;
		margin-right:10px;
}
#products_table table.product_area1 td {
		padding-right:20px;
}
#products_table table.product_area2 {
		float:left;
}
#products_table table.product_area2 td {
		padding-left:15px;
}
#products_table td.products_heading2 {
	border-right:1px solid #9A6B40;
	margin-right:20px;
	font-weight:bold;
	color:#D54F1A;
}
#products_table h2 {
	margin:0;
	padding:0;
}

#products_table img {
	padding:0px 0px 0px 0px;
	margin:14px 0px 0px 0px;
	border:1px solid #9A6B40;
}
#products_table ul {
	padding:0;
	margin:0;
}
#products_table ul.list_arrows li {
	padding:0;
	margin:0;
	background-image:url(images/arrow_brown.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding:0px 0px 5px 12px;
}
#products_dry {
	float:left;
	color:#000;
	font-weight:bold;
	text-align:center;	
	height:39px;
	margin-top:10px;
	width:420px;
}
#products_dry ul{
	padding:0;
	margin:0;
}
#products_dry ul li{
	background-image:none;
	padding:0px 0px 0px 0px;
}
#products_dry ul.dry_list{
	float:left;
	background:#E2B456;
	width:140px;
	height:34px;
}
#products_dry ul.frozen_list{
	float:left;
	background:#82B2C9;
	width:140px;
	height:34px;
}
#products_dry ul.cleaning_list{
	float:left;
	background:#A1AD6F;
	width:140px;
	height:34px;
}
#products_dry ul.cleaning_list li{
	padding-top:3px;
}
#products_dry ul.dry_list li{
	padding-top:10px;
}
#products_dry ul.frozen_list li{
	padding-top:10px;
}
#products_dry a{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFF;
	text-decoration:none;
}

div.member-logo {
	padding: 2px;
	text-align: center;
}