/*
Site Name: St Albans District Chamber of Commerce
Version: 1.0
Author: Andy Pearson
Author URI: http://www.binamic.co.uk
Date: 20/05/08
Time: 12:05:30
*/

body {
	font:62.5%/1.5 Verdana, sans-serif;
	color:#333;
	background-color:#52524c;
}
h1, h2 {
	font:2.8em Helvetica, Arial;
	padding-bottom:18px;
}
h3 {
	padding-top:18px;
	font:2em Helvetica, Arial;
	font-weight:bold;
}
h4 {
	padding-top:12px;
	font:1.8em Helvetica, Arial;
}
h5 {
	font-size:1.4em;
	color:#636363;
	font-weight:bold;
}
h6 {
	font-size:1.2em;
	color:#636363;
	font-weight:bold;
}
p {
	font-size:1.2em;
	margin:1em 0;
}
a {
	color:#604d8e;
	text-decoration:none;
	border-bottom:1px solid #d1d1c9;
}
a:hover {
	color:#3e305f;
	border-bottom-color:#3e305f;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	border-bottom:none;
}
ul,
ol {
	padding-left:40px;
	font-size:1.2em;
	margin:1em 0;
}
ul {
	list-style:disc;
}
ol {
	list-style:decimal;
}

object, img { display:block; }

pre {
	margin-top:36px;
	font-size:1.2em;
	line-height:1.4;
	color:#e2e1dc;
	background-color:#232323;
	border:3px solid #1c1c1c;
	padding:15px;
	overflow:auto;
	font-family:"Monaco", "Courier New", Courier;
}

/*
---- Tables
*/
table {
	width:100%;
	font-size:1.2em;
}
	table th,
	table td {
		padding:4px;
		border-bottom:1px solid #9a9a92;
	}
	table th {
		font-size:0.9em;
		padding-bottom:10px;
		color:#666;
	}
	table td {
		border-bottom:1px solid #b4b4ac;
		vertical-align:middle;
	}
	table td.price {
		width:100px;
		text-align:right;
	}
	table td.form {
		width:120px;
		text-align:right;
	}
	table tr.alt td {
		background-color:#f1f1e9;
	}
	table tr.first td {
		border-top:4px solid #cecec5;
	}
	table a {
		border-bottom:none;
	}
	table div {
		font-size:0.95em;
		font-family:Helvetica, Arial;
	}
	table h4 {
		padding:6px 0 0 0;
		font-size:1.4em;
	}
	
col.price,
col.total { width:90px; }
col.symbols { width:14px; }
col.quantity { width:90px; }
col.total { background-color:#f1f1e9; }

.align-right { text-align:right; }
.align-centre { text-align:center; }

/*
---- Forms
*/
form.base {
	padding:0;
}
	form.base input,
	form.base textarea {
		padding:3px 5px;
		font:12px Verdana, Arial, Helvetica, sans-serif;
	}
	form.base select {
		width:240px;
		font:12px Verdana, Arial, Helvetica, sans-serif;
	}
	
	form.base div {
		padding:10px 0 18px 0;
		border-bottom:1px solid #c5c5c5;
	}
		form.base div p {
			font-size:1.1em;
			margin:0;
			padding:3px 0 0 200px;
		}
		form.base div div {
			padding:6px 0 0;
			border-bottom:none;
		}
		form.base div div.no-label {
			padding:6px 0 0 200px;
			border:none;
		}
		
	form.base div.no-label {
		padding-left:200px;
	}
	form.base div.error_message {
		clear:both;
		padding:3px 0 0 200px;
		border:none;
		font-weight:bold;
		font-size:1.1em;
		color:#86200b;
	}
	form.base div.submit {
		background-color:#fff;
		border-bottom:1px solid #c5c5c5;
		padding:10px 0 10px 200px;
	}
		form.base div.submit p {
			padding:0;
		}
		form.base div.submit p.details {
			padding-top:10px;
		}
		form.base div.submit input.image-button {
			padding:0;
		}	
	form.base label {
		padding-top:4px;
		color:#666;
		font-size:1.2em;
		font-weight:bold;
		float:left;
		width:200px;
	}
	form.base img {
		margin-left:-3px;
		display:block;
		border:3px solid #f3f3f3;
		padding:1px;
		background-color:#cfcfcf;
	}
	form.base div.checkboxes {
		padding-left:200px;
	}
		form.base div div.checkboxes {
			padding-left:200px;
		}
		form.base div.checkboxes label {
			display:inline;
			float:none;
			font-weight:normal;
		}
		form.base div.checkboxes div.error_message {
			padding-left:0;
		}
	form.base div span {
		color:#a8a8a8;
		font-size:1.4em;
	}
	form.base div ul {
		padding:0 0 0 160px;
		list-style:none;
	}
		form.base div ul li {
			float:left;
			display:block;
			padding-right:18px;
			width:120px;
		}
			form.base div ul li select {
				width:40px;
			}
			form.base div ul li label {
				font-size:1em;
				display:inline;
				float:none;
				font-weight:normal;
			}
	form.base div ul.images {
		padding-top:6px;
	}
		form.base div ul.images li {
			padding:0 6px 6px 0;
			width:auto;
		}
	form.base div ol {
		font-size:1.2em;
		padding:0 0 6px 160px;
		list-style:none;
	}
		form.base div ol li {
			padding:10px 0 10px 6px;
			border-bottom:1px dotted #a5b58f;
		}
			form.base div ol li img {
				float:left;
				margin-right:10px;
			}
			form.base div ol li h4 {
				padding:6px 0 0 0;
			}
			form.base div ol li div {
				float:left;
				padding:0 0 0 10px;
			}
			form.base div ol li p {
				font-size:1em;
				padding:6px 0 0 0;
			}
			form.base div ol li p.tools {
				clear:both;
				padding:4px 0 0 6px;
			}
			
form.base div ul.assignments {
	margin:0;
	padding:0 0 0 200px;
	list-style:square;
}
	form.base div ul.assignments li {
		padding:4px 0 0 0;
		width:auto;
		float:none;
		display:list-item;
	}


/*
---- Structure
*/
#container {
	padding:40px 0 0;
	margin:0 auto;
	width:962px;
}

/*
---- Navigation
*/
#navigation { background:#8181c9 url(../images/backies/navi.jpg) no-repeat top left; }
#navigation div { background:transparent url(../images/backies/navi-bottom.gif) no-repeat bottom left; }
	#navigation ul {
		font:1.5em Helvetica, Arial;
		margin:0;
		padding:1px 0;
		list-style:none;
		float:left;
	}
		#navigation ul li {
			padding:0 1px 1px 0;
			float:left;
			display:block;
			background:transparent url(../images/backies/navi-border.gif) no-repeat bottom right;
		}
		#navigation ul a {
			padding:26px 12px 18px;
			width:95px;
			display:block;
			float:left;
			border-bottom:none;
			color:#333;
			background:transparent url(../images/backies/navi-hovers.gif) repeat-x 0 0;
		}
		#navigation ul a:hover { background:transparent url(../images/backies/navi-hovers.gif) repeat-x 0 -200px; }
		#navigation ul a.current,
		#navigation ul a.current:hover {
			color:#fff;
			background:transparent url(../images/backies/navi-hovers.gif) repeat-x 0 -400px;
		}
		#navigation ul li.first a { width:96px; background:transparent url(../images/backies/navi-hovers-first.gif) no-repeat 1px 0; }
		#navigation ul li.first a:hover { background:transparent url(../images/backies/navi-hovers-first.gif) no-repeat 1px -200px; }
		#navigation ul li.first a.current,
		#navigation ul li.first a.current:hover { background:transparent url(../images/backies/navi-hovers-first.gif) no-repeat 1px -400px; }
		
		#navigation ul li.last a { position:absolute; width:97px; background:transparent url(../images/backies/navi-hovers-last.gif) no-repeat 100% 0; }
		#navigation ul li.last a:hover { background:transparent url(../images/backies/navi-hovers-last.gif) no-repeat 100% -200px; }
		#navigation ul li.last a.current,
		#navigation ul li.last a.current:hover { background:transparent url(../images/backies/navi-hovers-last.gif) no-repeat 100% -400px; }
		
		
/*
---- Header
*/
#header {
	border-top:24px solid #52524c;
	border-bottom:24px solid #52524c;
	background:#e6e6dd url(../images/backies/header.gif) no-repeat top left;
}
	#header div {
		padding:8px 0 8px 12px;
		background:transparent url(../images/backies/header-bottom.gif) no-repeat bottom left;
	}
	#header h1 {
		padding:23px 0 23px 120px;
		background:transparent url(../images/backies/logo.gif) no-repeat top left;
	}
		#header h1 a {
			width:510px;
			height:60px;
			display:block;
			border-bottom:none;
			background:transparent url(../images/backies/chamber.gif) no-repeat top left;
			text-indent:-99999px;
			overflow:hidden;
		}
	#header p {
		display:none;
	}
	
/*
---- Sub Navigation
*/
#sub-navigation {
	float:left;
	background:#e6e6dd url(../images/backies/sub-navi.gif) repeat-y top left;
}
#sub-navigation div {
	background:transparent url(../images/backies/sub-navi-top.gif) no-repeat top left;
	padding-top:2px;
	border-bottom:4px solid #52524c;
}
	#sub-navigation ul {
		margin:0;
		padding:1px 3px 3px 3px;
		float:left;
		width:230px;
		list-style:none;
		background:transparent url(../images/backies/sub-navi-bottom.gif) no-repeat bottom left;
		line-height:1.1;
	}
	#sub-navigation li {
		display:block;
		float:left;
		border-bottom:1px solid #e6e6dd;
	}
	#sub-navigation a {
		border:none;
		display:block;
		float:left;
		color:#333;
		background:#dfdfd6 url(../images/backies/sub-navi-hovers.gif) no-repeat 0 0;
	}
		#sub-navigation a span {
			cursor:pointer;
			padding:8px 12px 8px 42px;
			width:176px;
			display:block;
			float:left;
			background:transparent url(../images/backies/sub-navi-bullet.gif) no-repeat center left;
		}
	#sub-navigation a:hover { color:#000; background:#fff url(../images/backies/sub-navi-hovers.gif) no-repeat 0 -200px; }
	#sub-navigation a.current,
	#sub-navigation a.current:hover { background:#beb7ca url(../images/backies/sub-navi-hovers.gif) no-repeat 0 -400px; }
	#sub-navigation a.current span,
	#sub-navigation a.current:hover span { background:transparent url(../images/backies/sub-navi-bullet-hover.gif) no-repeat center left; }
			
#sub-navigation ul ul {
	padding:0 0 0 29px;
	border-top:1px solid #e6e6dd;
	background-color:#cfcfc6;
	background-image:none;
	width:auto;
	font-size:1em;
}
	#sub-navigation ul ul li {
		border-left:1px solid #e6e6dd;
	}
		#sub-navigation ul ul li a {
			background-image:none;
			padding:8px 12px;
			width:176px;
		}
		#sub-navigation ul ul li a:hover {
			background-image:none;
		}
		#sub-navigation ul ul li a.current,
		#sub-navigation ul ul li a.current:hover {
			background-image:none;
		}

#basket-summary span.block {
	display:block;
	padding:8px 12px 8px 42px;
	width:176px;
	background:#dfdfd6 url(../images/backies/sub-navi-block.gif) no-repeat center left;
}
#basket-summary h4 {
	padding:9px;
	background:#dfdfd6;
	font-size:1.4em;
	width:212px;
}

/*
---- Content
*/
#content {
	width:718px;
	float:right;
}

#main-content { background:#e6e6dd url(../images/backies/content-left.gif) repeat-y top left; }
#main-content div.r { background:transparent url(../images/backies/content-right.gif) repeat-y top right; }
#main-content div.tl { background:transparent url(../images/backies/content-top-left.gif) no-repeat top left; }
#main-content div.tr { background:transparent url(../images/backies/content-top-right.gif) no-repeat top right; }
#main-content div.bl { background:transparent url(../images/backies/content-bottom-left.gif) no-repeat bottom left; }
#main-content div.br { padding:18px; background:transparent url(../images/backies/content-bottom-right.gif) no-repeat bottom right; }

#home-animation,
#page-image {
	margin:0 0 12px 18px;
	float:right;
	border:2px solid #cfcfc6;
	padding:1px;
}
	#home-animation div,
	#page-image div {
		width:260px;
		height:194px;
		background-color:#fff;
	}
.page-image-left { float:left; }
	.page-image-left img { margin:0 10px 10px 0; border:2px solid #cfcfc6;
	padding:2px; }
.page-image-right { float:right }
	.page-image-right img { margin:0 0 10px 10px; border:2px solid #cfcfc6;
	padding:2px;}


/*
---- Members Directory
*/
#quick-links {
	margin:0;
	padding:0 0 5px 0;
	list-style:none;
	float:left;
}
	#quick-links li {
		padding:0 3px 0 0;
		display:block;
		float:left;
	}
		#quick-links li a {
			display:block;
			padding:0 4px;
			font-weight:bold;
			border:1px solid #d1d1c9;
		}
		#quick-links li a:hover {
			border-color:#3e305f;
		}
		#quick-links li span {
			display:block;
			padding:1px 5px;
			color:#a0a0a0;
		}
	
#directory {
	clear:both;
}

/*
---- News
*/
p.news-meta {
	font-size:1.1em;
	margin-top:0;
	color:#636363;
}

#latest-news {
	padding-top:17px;
	clear:both;
}
	#latest-news h3 {
		border-top:1px solid #d1d1c9;
	}

/*
---- Search Form
*/
#search-form {
	padding:0 0 36px 0;
}
	#search-form label {
		display:block;
		float:none;
		padding:0 0 2px 0;
		width:auto;
	}

/*
---- Logos
*/
div.logo {
	border:2px solid #cfcfc6;
	padding:1px;
	float:right;
}
	div.logo div {
		border:10px solid #fff;
	}
	div.logo a {
		display:block;
		border:none;
	}

/*
---- Product Sections
*/
#product-sections {
	margin:0;
	padding:0;
	font-size:1em;
	list-style:none;
}
	#product-sections li.first {
		border-top:none;
	}
	#product-sections li {
		display:block;
		border-top:1px solid #b4b4ac;
		padding-bottom:10px;
		clear:both;
	}
	#product-sections li p.browse {
		text-align:left;
	}
span.img-right img { float:right; padding:0 0 10px 10px; }
/*
---- Footer
*/
#footer {
	border-top:24px solid #52524c;
	border-bottom:36px solid #52524c;
	clear:both;
	background:#babab2 url(../images/backies/footer.gif) no-repeat top left;
}
#footer div {
	padding:18px;
	background:transparent url(../images/backies/footer-bottom.gif) no-repeat bottom left;
}
#footer p {
	margin:0;
	font-size:1.1em;
}

/*
---- Credit Cards
*/
#accepted-credit-cards {
	margin:26px 0 0 0;
	padding:16px 0 0 0;
}
	#accepted-credit-cards #sagepay {
		float:left;
		border-top:5px solid #e6e6dd;
	}
	#accepted-credit-cards p {
		font-size:1.1em;
		padding:0 0 4px 4px;
		color:#333;
		margin:0;
	}
	#accepted-credit-cards div {
		float:left;
		padding-left:18px;
	}
		#accepted-credit-cards div ul {
			list-style:none;
			float:left;
			margin:0;
			padding:0;
		}
			#accepted-credit-cards div ul li {
				float:left;
				padding-left:4px;
			}
				#accepted-credit-cards div ul li img {
					float:left;
				}

#checkout-action { padding:24px 0 18px; }
#checkout-action p { float:left; margin:0; padding:9px 0; }
#checkout-action p.checkout { float:right; padding:0; }


/* ---- Clearfix */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */