/**
 *	Barloch
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		31/08/2007	
 *
 *	Table of Contents:
 *		layout
 *		breadcrumbs
 *		typography
 *		lists / links
 *		tables
 *		forms
 *		extra+
 *
 */
body,html {
	background:					#13479b url(../images/bg-body2.jpg) 50% 0 no-repeat;
}

body {
	color:						#444;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}

body.home {
	color:						#fff;
}

/** layout
--------------------------------------- */
#wrapper {

}

#container {
	margin:						0 auto;
	width:						755px;
}

#header {
	background:					url(../images/bg-header.png) no-repeat;
	height:						105px;
}

#brand {
	float:						left;
	height:						105px;
	width:						287px;
}

#navigation {
	height:						35px;
	margin-left:				287px;
	padding:					54px 0 0 10px;
}

#content {
	margin-bottom:				9px;
	overflow:					hidden;
	width:						755px;				
}

#content-header {
	background:					url(../images/bg-content-header.png) no-repeat;
	height:						79px;
	margin-top:					9px;
}

#content-inner {
	background:					#fff url(../images/bg-content-inner.gif) left bottom no-repeat;
	min-height:					425px;
	overflow:					hidden;
	padding:					30px 35px 9px 40px;
	width:						680px;
}

#product {
	background-color:			#e7e7e7;
	border:						1px solid #cbcbcb;
	float:						right;
	margin:						0 0 20px 20px;
	width:						233px;
}

#product-info {
	background-color:			#cbcbcb;
	padding:					12px 19px;
}

#content-main {
	font-size:					1.2em;
	line-height:				150%;
}

#splash {

}

#feature {
	background:					url(../images/bg-feature.png) left bottom no-repeat;
	height:						615px;
	overflow:					hidden;
}

#feature-harness {
	float:						left;
	width:						374px;
}

#feature-protect {
	float:						right;
	width:						381px;
}

#footer {
	background:					url(../images/bg-footer.gif) no-repeat;
	height:						44px;
	margin-bottom:				9px;
	width:						755px;
}

/** breadcrumbs
--------------------------------------- */
#breadcrumbs-list {
	color:						#9c9c9c;
	list-style:					none;
	margin:						5px 0 0 40px;
}

#breadcrumbs-list li {
	background-image:			url(../images/icons/icon-arrow-b.gif);
	background-repeat:			no-repeat;
	background-position:		0 50%;
	display:					inline;
	padding:					0 5px 0 10px;
}

#breadcrumbs-list li.first {
	background:					none;
	margin-left:				0;
	padding-left:				0;
}
	
#breadcrumbs-list li a {
	color:						#be1200;
	text-decoration:			none;
}

#breadcrumbs-list li a:hover {
	text-decoration:			underline;
}

/** typography
--------------------------------------- */
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

hr {
	background-color:			#e0e0e0;
	border:						0;
	height:						1px;
	margin-bottom:				1.5em;
}

#brand h1 {
	padding:					21px 0 0 35px;
}

#content-header h2 {
	color:						#5a5a5a;
	font-size:					18px;
	padding:					20px 0 0 40px;	
	text-transform:				uppercase;
}

#content-main h3 {
	background:					url(../images/icons/icon-h3.png) no-repeat;
	border-bottom:				1px solid #e0e0e0;
	color:						#bf1300;
	font-size:					14px;			
	font-weight:				bold;
	padding:					0 0 10px 30px;
	margin:						0 0 0.5em 0;
}

#content-main h3 span {
	color:						#444;
}

#content-main h4 {
	font-size:					1.2em;
}

#content-main h5 {
	font-size: 					1.1em;
}

#content-main h4,
#content-main h5,
#content-main h6 {
	font-weight:				bold;
	margin-bottom:				0.5em;
}

#content-main p {
	color:						#444;
	margin-bottom:				1.5em;
	padding-right:				35px;
}

#content-main blockquote {
	font-style:					italic;
	margin-bottom:				1.5em;
}

#product h4 {
	color:						#5a5a5a;
	font-size:					14px;
	font-weight:				bold;
	margin:						20px 0 2px 18px;
}

#product h5 {
	color:						#b40000; font-size: 14px; margin-left: 18px; margin-bottom: 8px;
}

#product-info h6 {
	color:						#b40000;
	font-weight:				bold;
	margin-bottom:				10px;
}

#product-info p {
	font-size:					1.1em;
	line-height:				130%;
}

#feature-harness h2,
#feature-protect h2 {
	height:						67px;
	margin-bottom:				30px;
	text-indent:				-9999px;
}

#feature-harness h2 {
	background:					url(../images/h2s/h2-harness.png) no-repeat;
	width:						374px;
}

#feature-protect h2 {
	background:					url(../images/h2s/h2-protect.png) no-repeat;
	width:						381px;
}
#feature-harness h2.harnesslostwater {
	background:					url(../images/h2s/h2-harnesslostwater.png) no-repeat;
}

#feature-protect h2.protection {
	background:					url(../images/h2s/h2-protection.png) no-repeat;
}

#feature-harness p,
#feature-protect p {
	font-size:					1.2em;
	line-height:				160%;
	margin-bottom:				1.5em;
	padding:					0 50px 0 40px;
}

#feature-harness p strong,
#feature-protect p strong {
	background-color:			#356eb7;
	font-size:					14px;
	padding:					2px;
}

#feature-harness p.link {
	padding-top:				33px;
}

#feature-protect p.link {
	padding-top:				33px;
	padding-left:				215px;
}

h3#sticky {
	background:					url(../images/sticky.png) no-repeat;
	height:						120px;
	left:						260px;
	position:					absolute;
	/*top:						859px;*/
	top:						243px;
	width:						189px;
}
h3#sticky a,
h3#sticky a:link {
	display:					block;
	height:						120px;
	text-indent:				-9999px;
	width:						189px;
}
h3#stickyview {
	background:					url(../images/stickyview.png) no-repeat;
	position:					absolute;
	left:						286px;
	top:						341px;
	width:						146px;
	height:						91px;
}
h3#stickyview a,
h3#stickyview a:link {
	display:					block;
	height:						120px;
	text-indent:				-9999px;
	width:						189px;
}


/** lists / links
--------------------------------------- */
#brand h1 a,
#brand h1 a:link {
	background:					url(../images/logo-barloch.png) no-repeat;
	display:					block;
	height:						61px;
	text-indent:				-9999px;
	width:						218px;
}

#product-info h6 a {
	color:						#b40000;
	text-decoration:			none;
}

#product-info h6 a:hover {
	text-decoration:			underline;
}

#product-info ul {
	margin-bottom:				10px;
}

#product-info ul li {
	display:					inline;
}

#product-info ul li a {
	background-color:			#e7e7e7;
	color:						#bf1300;
	border:						1px solid #ababab;
	padding:					2px 6px;
	text-decoration:			none;
}

#product-info ul li a:hover {
	text-decoration:			underline;
}

#feature-harness ul,
#feature-protect ul {
	font-size:					1.2em;
	margin:						0 50px 0 40px;
}

#feature-harness ul li,
#feature-protect ul li {
	border-bottom:				1px solid #3d7abd;
	line-height:				150%;
	padding:					10px 0 8px 38px;
}

#feature-harness ul li {
	background:					url(../images/icons/icon-list-harness.gif) 0 9px no-repeat;
}

#feature-protect ul li {
	background:					url(../images/icons/icon-list-protect.gif) 0 9px no-repeat;
}

#feature-harness p.link a,
#feature-protect p.link a {
	display:					block;
	height:						32px;
	text-indent:				-9999px;
	width:						116px;
}

#feature-harness p.link a {
	background:					url(../images/buttons/btn-learn-more-g.gif) no-repeat;
}

#feature-protect p.link a {
	background:					url(../images/buttons/btn-learn-more-r.gif) no-repeat;
}

#content-main a,
#content-main a:link {
	border-bottom:				1px dotted #13479B;
	color:						#13479B;
	padding-bottom:				1px;
	text-decoration:			none;
}

#content-main a:hover {
	border-bottom:				1px solid #13479B;
}

#content-main ul {
	margin-bottom:				1.5em;
}

#content-main ul li {
	background:					url(../images/icons/icon-arrow-b.gif) 0 0.5em no-repeat;
	margin-bottom: 				0.5em;
	padding-left:				1.5em;
}

#content-main ul li ul {
	margin:						0.5em 0 0.5em 1.5em;
}

#content-main ul li ul li {
	background:					url(../images/icons/icon-arrow-b.gif) 0 0.5em no-repeat;
	margin-bottom:				0;
	padding-left:				1.5em;
}

#content-main ul li ol {
	margin:						0.5em 0 0.5em 1em;
}

#content-main ul li ol li {
	background:					none;
	padding-left:				0;
}

#content-main ol {
	list-style:					decimal;
	margin:						0 0 1em 1em;
	padding-left:				0.5em;
}

#content-main ol li {
	margin-bottom: 				0.5em;
}

#content-main ol li ol {
	margin:						0.5em 0 0.5em 1.5em;
}


#footer ul {
	color:						#fff;
	font-size:					1.2em;
	padding-top:				15px;
	text-align:					center;
}

#footer ul li {
	display:					inline;
}

#footer a {
	color: 						#a4bfe6;
	text-decoration:			none;
}

#footer a:hover {
	text-decoration:			underline;
}

#footer ul li a {
	border-right:				solid 1px #dfdfdf;
	padding:					0 7px;
}

#footer ul li a.first {
	padding-left:				0px;
}

#footer ul li a.last {
	color:						#fff;
	border:						0;
}

/** tables
--------------------------------------- */
#content-main table {
	margin-bottom:				1.5em;
}

#content-main table th {
	font-weight:				bold;
}

/** forms
--------------------------------------- */
input, select, textarea, optgroup, pre {
	color:						#444;
	font:						12px monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace
}

label {
	color:						#444;
	font:						12px Arial, Helvetica, Sans-Serif;
}

span.required {
	color:						#bc0000;
}

form#enquire-form {
	margin-bottom:				2em;
}

form#enquire-form fieldset {
	border:						0 !important;
	padding-top:				0.5em;
	width:						305px;
}

form#enquire-form fieldset p {
	margin-bottom:				0.3em;
}

form#enquire-form fieldset p.button {
	display:					block;
	margin-bottom:				0;
	text-align:					right;
	width:						305px;

}

form#enquire-form fieldset p label {
	color:						#444;
	float:						left;
	width:						225px;
	padding-bottom:				2px;
}

form#enquire-form fieldset p input.text {
	background:					url(../images/bg-input.gif) #fff no-repeat left top;
	border:						1px solid #b3b3b3;
	margin-bottom:				0.5em;
	padding:					2px;
	width:						225px;
}

form#enquire-form fieldset p select {
	border:						1px solid #b3b3b3;
	margin-bottom:				0.5em;
	width:						229px;
}

form#enquire-form fieldset p textarea {
	background:					url(../images/bg-input.gif) #fff no-repeat left top;
	border:						1px solid #b3b3b3;
	height:						70px;
	padding:					2px;
	width:						300px;
}

form#enquire-form fieldset p input.text:focus,
form#enquire-form fieldset p textarea:focus {
	background-image:			url(../images/bg-input-focus.gif);
	border:						1px solid #999;
}

form#shop_form label {
	font-weight: bold;
	font-size: 14px;
}
form#shop_form .row0 {
	background: #F8F8F8;
}
/** extra - products
--------------------------------------- */
div#downpipe-loch,
div#bushfire-loch {
	float:						left;
}

div#downpipe-loch {
	width:						290px;
	overflow:					hidden;
}

div#bushfire-loch {
	width:						338px;
}

div#downpipe-loch-inner,
div#bushfire-loch-inner {
	height:						255px;
}

div#downpipe-loch-inner h2,
div#bushfire-loch-inner h2 {
	height:						30px;
	text-indent:				-9999px;
}

div#downpipe-loch-inner h2 {
	background:					url(../images/h2s/h2-the-downpipe-loch.gif) no-repeat;
	margin-left:				71px;
	text-indent:				-9999px;
	width:						185px;
}

div#bushfire-loch-inner h2 {
	background:					url(../images/h2s/h2-the-bushfire-loch.gif) no-repeat;
	margin-left:				82px;
	width:						175px;
}

div#downpipe-loch-inner ul {
	margin-left:				71px;
}

div#bushfire-loch-inner ul {
	margin-left:				82px;
}

div#downpipe-loch p.link,
div#bushfire-loch p.link {
	height:						65px;
	text-indent:				-9999px;
	margin-top:					2em;
}

div#downpipe-loch p.link {
	background:					url(../images/buttons/btn-learn-more-g.png) no-repeat;
	margin-left:				71px;
}

div#bushfire-loch p.link {
	background:					url(../images/buttons/btn-learn-more-r.png) no-repeat;
	margin-left:				82px;
}

div#downpipe-loch p.link a,
div#bushfire-loch p.link a {
	border:						0;
	display:					block;
	height:						32px;
	width:						116px;
}