/*-------------------------------------------------------*/
/*                                                       */
/*  Default Styling for SweetCMS                         */
/*  By Mark Hurrell Jan 2008                             */
/*  Message Digital Design                               */
/*  www.message.uk.com                                   */
/*                                                       */
/*  Table of Contents:                                   */
/*  .CSS Reset                                           */
/*  .Layout Elements                                     */
/*  .Typography                                          */
/*  .Links                                               */
/*  .Forms                                               */
/*  .Tables                                              */
/*                                                       */
/*  IE 7 specific styling at layout_ie7.css              */
/*  IE 6 and lower at layout_ie.css                      */
/*                                                       */
/*-------------------------------------------------------*/




/*-------------------------------------------------------*/
/*                                                       */
/*                       CSS Reset                       */
/*                                                       */
/*-------------------------------------------------------*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-family: inherit;
		vertical-align: baseline;
		line-height: 1.5;
}

/* remember to define focus styles! */
:focus {
		outline: 0;
}

body {
		font-size: 62.5%;
		color: black;
}

ol, ul {
		list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
		border-collapse: separate;
		border-spacing: 0;
}

caption, th, td {
		text-align: left;
		font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
}

blockquote, q {
		quotes: "" "";
}






/*-------------------------------------------------------*/
/*                                                       */
/*                    Layout Elements                    */
/*                                                       */
/*-------------------------------------------------------*/


body {
	text-align: center;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

	#container {
	margin: 0 auto;
	position: relative;
	width: 960px;
	text-align: left;
	z-index: 0;
	}
	
	/* Forces #container to clear around its floated content */

		#container:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
		}
		
	/* Forced clearing ends */
		
		/* Add class .clearfix to force clear in IE */
		
			.clearfix {
					display: inline-block;
			}
			
				/* Hides from IE-mac \*/
				* html .clearfix {
						height: 1%;
				}				
				.clearfix {
						display: block;
				}
				/* End hide from IE-mac */
		
		/* End .clearfix */
		

		#branding {
	position: relative;
	;
	height: 100px;
	background-image: url(images/john-pardey-architects.gif);
	background-repeat: no-repeat;
	background-position: left;
		}

		#menu {
	position: relative;
	width: 390px;
	float: left;
	margin-right: 1px;
	margin-left: 0;
	height: 230px;
		}
#latest_news {
	float: left;
	position: absolute;
	top: 244px;
	clear: both;
	border: 6px double #CC0000;
}

				/* Forced clearing ends */

		#content /* Modified for IE - see layout_ie.css */ {
	position: relative;
	float: right;
	min-height: 0px;
	width: 568px;
	margin-top: 5px;
		}
		
			#cookie {
	margin-right: 10px;
	margin-bottom: 0em;
	font-size: 9px;
	z-index: 1000;
	margin-top: 235px;
			}
.youAreHere {
	font-size: 9px;
	color: #999999;
}
.yourPage {
	font-size: 9px;
	color: #333333;
}
			
			.comment {
					margin: 1.5em 10px;
					border: 1px solid #dedede;
			}
			
			#content li {
					list-style: disc;
					margin-left: 17px;
			}

		#additional {
	float: left;
	background-color: #ededed;
	width: 568px;
	height: 230px;
	margin: 0px;
	padding: 0px;
	z-index: 2;
	background-image: url(images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
		}

			#additional_panel_top {
					display: none;		
			}

			#additional_panel_bottom {
					display: none;		
			}
			
			#additional ul {
			}
			
			#additional #cart {
					background: #cccccc;
					padding: 0;
					margin: 10px 0 0 0;
					position: relative;
					float: left;
					width: 100%;
			}
			
			#additional #search /* Modified for IE - see layout_ie.css */ {
	position: relative;
	float: left;
	margin: 0;
	padding: 10px 0;
	width: 100%;
			}

		#footer /* Modified for IE - see layout_ie7.css, layout_ie.css */ {
	position: relative;
	clear: both;
	float: left;
	width: 960px;
	text-align: center;
	padding: 0;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
		}	






/*-------------------------------------------------------*/
/*                                                       */
/*                      Typography                       */
/*                                                       */
/*-------------------------------------------------------*/


body {
		color: #222222;
}

h1, h2, h3, h4, h5, h6 {
	clear: left;
	margin-top: 1.5em;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0px;
}

	h1 {
	font-size: 21px;
	margin-bottom: 7px;
	margin-top: 12px;
	line-height: 24px;
	font-weight: 300;
	}
.img {
}
	
	h2 {
	font-size: 1.6em;
	margin-top: 16px;
	margin-bottom: 3px;
	color: #333333;
	}
	
		#container #additional h2 {
	font-size: 1.5em;
	margin-bottom: 0;
		}
				
		#container #additional #cart h2 {
	margin-bottom: 0;
		}
	
	h3 {
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 1px;
	color: #333333;
	}
	
	h4, h5, h6 {
			font-size: 1.2em;
			font-weight: 800;
	}

p {
	clear: left;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 8px;
	font-weight: 300;
	color: #999999;
	line-height: 12px;
}

	#content p {
	font-size: 1.2em;
	color: #999999;
	margin-bottom: 6px;
	}
	
	#content form p {
			font-size: 1em;
	}

	.comment p {
			margin: 10px;
	}
		
	#content p.comment_credit /* Modified for IE - see layout_ie7.css, layout_ie.css */ {
			font-size: 1.3em;
			margin: 0;
			padding: 6px 10px 4px 10px;
			background-color: #dedede;
	}
	
	#content p.comment_credit .date {
	font-size: 0.8em;
	}
	
	#footer p {
			margin: 1em 0 0 0;
			padding-bottom: 1em;
			float: left;
			width: 960px;
			background: url(images/_interface/menu_bottom.gif) no-repeat bottom left;
	}
	
		#footer .copyright {
	background: none;
	margin-bottom: 0;
	color: #CCCCCC;
	padding: 0;
	text-align: left;
	font-size: 9px;
		}
		
ul, ol {
		margin: 1.5em 10px;
}
	
#additional ul {
		font-size: 1.2em;
}

	#additional #cart ul li {
			padding: 3px 10px 2px 20px;
			background: #dedede url(images/_interface/product_marker.gif) no-repeat 6px center;
			border-top: 1px solid #ffffff;
			border-bottom: 1px solid #ffffff;
			margin-top: -1px;
	}

#container #additional #cart {
		color: #222222;
}




/*-------------------------------------------------------*/
/*                                                       */
/*                        Site Map                       */
/*                                                       */
/*-------------------------------------------------------*/


#siteMap {
		background: url(images/_interface/sitemap_ul.gif) repeat-y top left;
		margin: 20px 0 0 11px;
		padding: 0;
}
#tertiary {
	float: left;
	width: 370px;
	margin-top: 33px;
}

#siteMap ul {
		background: url(images/_interface/sitemap_ul.gif) repeat-y top left;
		margin: 0;
		padding: 0;
		font-size: 1.2em;
}

	#siteMap h2 {
			margin: 0;
			padding: 0;
			font-size: 1.2em;
	}
	
	#siteMap ul {
			margin-left: 10px;
	}
	
		#siteMap ul ul, #siteMap ul ul ul, #siteMap ul ul ul ul {
				font-size: 1em;
		}
	
	#siteMap li {
			background: url(images/_interface/sitemap_li.gif) no-repeat top left;
			padding: 0 0 0 24px;
			margin: 0 0 10px 0;
			list-style: none;
	}

	#siteMap ul li {
			font-size: 1em;
			margin: 2px 0;
	}
	
		#siteMap li:last-child, #siteMap li.last-child {
				background: url(images/_interface/sitemap_li_last.gif) no-repeat bottom left;
		}





/*-------------------------------------------------------*/
/*                                                       */
/*                        Links                          */
/*                                                       */
/*-------------------------------------------------------*/


a {
	color: #666;
	text-decoration: none;
}

	a:hover {
	color: #000000;
	text-decoration: underline;
	}
	
	#container #additional a.gotoBasket, #container #additional a.gotoCheckout {
			/* display: block; */
			padding: 5px 10px;
			background-color: #dedede;
			font-size: 1.1em;
	}
	
	#container .basketButton {
			float: left;
			margin: 3em 0 3em 0;
	}
	
		#container .basketButton a.gotoCheckout, #container .basketButton a.emptyBasket /* Modified for IE - see layout_ie.css */ {
				padding: 0.75em 1.5em;
				background-color: #fafafa;
				margin-right: 1.5em;
				font-size: 1.2em;
		}




/*-------------------------------------------------------*/
/*                                                       */
/*                        Forms                          */
/*                                                       */
/*-------------------------------------------------------*/



#content form /* Modified for IE - see layout_ie.css */ {
		position: relative;
		float: left;
		margin-left: 10px;
}

	#content form h2 {
			margin: 0;
			float: left;
	}
	
	#content form p {
			margin-left: 0;
	}
	
	#content form h3 {
			/* Modified for IE - see layout_ie.css */
	}
	
	#container #additional h2, #content #additional p {
	margin-left: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

	#content label {
			position: relative;
			float: left;
			clear: left;
			line-height: 3;
	}

	#content input, #content textarea, #content .instructions {
	position: relative;
	float: left;
	clear: left;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	margin-left: 0px;
	}
	
	#content form h3 {
			margin-left: 0;
	}
	
	#login-form fieldset {
			position: relative;
			width: 150px;
			float: left;
			margin-bottom: 3em;
			border-top: 0.5em solid #cccccc;
			padding-top: 0.5em;
	} 
	
		#login-form label {
				position: relative;
				float: left;
				clear: left;
				line-height: 3;
		}
		
		#login-form input {
				width: 143px;
		}
		
		#login-form #login /* Modified for IE - see layout_ie.css */ {
				margin-top: 1.5em;
				width: 100px;
				float: left;
				clear: left;
		}

	#form1 /* Modified for IE - see layout_ie.css */ {
			width: 602px;
			float: left;
			margin-bottom: 1em;
	}
	
		#form1 fieldset {
				position: relative;
				width: 280px;
				float: left;
				margin-bottom: 3em;
				border-top: 0.5em solid #cccccc;
				padding-top: 0.5em;
				margin-right: 20px;
		} 
		
		#form1 #name #title {
				width: 100px;
		}
		
		#form1 #address {
				clear: left;
		}

			#form1 label {
					position: relative;
					float: left;
					clear: left;
					line-height: 3;

			}
				
			#form1 input {
					position: relative;
					float: left;
					clear: left;
					margin-top: -0.5em;
					width: 273px;
			}
		
			#form1 #address #postcode {
					width: 100px;
			}
			
			#form1 textarea {
					width: 273px;
			}
		
		#form1 #submit /* Modified for IE - see layout_ie.css */ {
				float: right;
				border-top: 0.5em solid #cccccc;
				border-bottom: 1px solid #cccccc;
				width: 580px;
				padding: 0;
				margin-top: 1.5em;
				margin-bottom: 0;
				margin-right: 22px;
		}
		
		#form1 #contact_submit /* Modified for IE - see layout_ie.css */ {
				float: left;
				clear: left;
				border-top: 0.5em solid #cccccc;
				border-bottom: 1px solid #cccccc;
				width: 280px;
				padding: 0;
				margin-top: 0;
				margin-bottom: 0;
				margin-right: 22px;
		}

			#form1 #submit button, #form1 #contact_submit button {
					margin-top: 1em;
					margin-bottom: 1em;
					width: 100px;
					float: right;
			}
			
			#form1 #submit p {
					float: right;
					clear: left;
					margin: -3em -100px 0 0;
					position: relative;
			}
			
	#content #comment {
			height: 6em;
	}
	
	#content #add_comment {
			margin: 1.5em 0;
	}
		
#selector {
		margin-left: 10px;
}

#commentForm {
		float: left;
		clear: left;
		width: 620px;
		margin-bottom: 1.5em;
		background-color: #ffffff;
		padding: 10px;
}

	#commentForm #comment {
			width: 66%;
	}

#crt_customer_note {
		width: 300px;
		height: 4.5em;
		margin-bottom: 1.5em;
}

#edit-cart table input {
		margin: 0.75em 0;
}

#edit-cart #delivery_address {
		height: 6em;
		width: 250px;
}

#edit-cart #delivery_postcode {
		width: 7em;
}

#edit-cart .cart-submit {
		margin: 1em 0;
		float: left;
		clear: left;
}

#container #additional #search form /* Modified for IE - see layout_ie.css */ {
		width: auto;
		margin: 0 10px;
}


/*-------------------------------------------------------*/
/*                                                       */
/*                        Tables                         */
/*                                                       */
/*-------------------------------------------------------*/


table {
	padding: 0;
	float: left;
	margin-right: 0;
	margin-left: 0;
}
	
	th {
			padding: 0 0 0 1em;
	}
	
	td {
	vertical-align: middle;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 3px;
	line-height: 12px;
	color: #999999;
	}
	
	td input {
			width: 2em;
	}

	td.remove input {
			width: auto;
	}
		
		
/*-------------------------------------------------------*/
/*                                                       */
/*                       Customisation                   */
/*                                                       */
/*-------------------------------------------------------*/



#thumblist li {
	list-style: none;
	float: left;
	padding-left: 0px;
	width: 121px;
	margin-bottom: 10px;
	height: 127px;
	margin-left: -14px;
	margin-right: 14px;
}
	#thumblist li span {
	display: list-item;
	text-align: center;
	width: 120px;
	font-size: 10px;
	line-height: 12px;
	}
em {
	font-style: italic;
}

.gallery-ul li {
	float: left;
	margin: 4px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	height: 84px;
	width: 106px;
}

#page_image {
	width: 300px;
	height: 100px;
}#this_section {
	width: 390px;
	float: left;
	margin-left: -14px;
	margin-top: 0px;
}
.captionNames {
	font-size: 10px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
strong {
	font-weight: normal;
	color: #333333;
}
#tertiary p {
	font-size: 1.2em;
	color: #999999;
}
#catThumbs {
	margin-left: 0px;
	padding-left: 0px;
	width: 989px;
}
#catThumbs img {
	border: 1px solid #cccccc;
	padding: 2px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-left: 4px;
}
#homeWhiteCover {
	color: #FFFFFF;
	position: absolute;
	z-index: 333;
	top: 0px;
	height: 115px;
	width: 900px;
	clear: both;
	float: left;
	left: -395px;
	background-color: #FFFFFF;
}
h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #666666;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 12px;
	color: #333333;
}
#content #cookie {
	margin-left: -106px;
	margin-top: 0px;
}
.normal #cookie {
	margin-left: -390px !important;
}
.news #content    {
	position: absolute;
	top: 335px;
	left: 390px;
	margin-top: 0px;
}
.news #additional {
	position: absolute;
	top: 0px;
	left: 392px;
}
.news #section {
	clear: both;
	float: left;
	margin-top: 106px;
}
.news #section ul li span.date {
	color: #FFF;
	font-size: 1px;
}
.news #cookie {
	margin-left: -390px !important;
}
.news #content h1 {
	margin-top: 14px;
}
.news #this_section {
	margin-left: -10px;
	margin-top: 0px;
}
.news #this_section li {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 9px;
}
.news  #section  h2 {
	margin-bottom: 0px;
}
.news #section .date {
	color: #999999;
	font-size: 10px;
	font-style: italic;
	margin-top: -2px;
}
.search #content {
	position: absolute;
	top: 353px;
	left: 390px;
	margin-top: 0px;
}
.search #additional {
	position: absolute;
	top: 100px;
	left: 392px;
	background-image: url(images/people.jpg);
}
.search #section {
	clear: both;
	float: left;
	margin-top: 106px;
}
.search #cookie {
	margin-left: -390px !important;
}
.search #menu {
	background-image: url(images/456.jpg);
}
#searchCont {
	sbackground-color: #FFFFFF;
	margin-top: -55px;
	height: 100px;
	width: 350px;
	margin-left: -10px;
}
.topLevelLinks /* CSS Document */

 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #CCCCCC;
	text-decoration: none;
}
#topLevelCont {
	width: 130px;
	margin-top: 6px;
	margin-left: 6px;
	color: #CCCCCC;
	text-decoration: none;
}
#projectsLevelCont {
	width: 160px;
	position: absolute;
	left: 108px;
	top: 35px;
	color: #FFFFFF;
}
#topLevelCont a:link   {
	color: #FFFFFF;
	text-decoration: none;
}
#topLevelCont a:visited  {
	text-decoration: none;
	color: #FFFFFF;
}
#topLevelCont a:hover  {
	color: #000000;
	text-decoration: none;
}
#projectsLevelCont  a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#projectsLevelCont a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#projectsLevelCont a:hover {
	color: #000000;
	text-decoration: none;
}
#tertiary img {
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	margin-bottom: 5px;
}
#container .news {
	width: 390px;
	float: left;
	margin-left: -14px;
	margin-top: 500px;
	background-color: #C33;
}