/*

	@Version 0.1
	@Created by Martin Dingley (createanet)
	@03 April 2007

	//

	For a 2 colum layout cycle down this file and uncomment
	the styles in #main_content and #sub_content. It is also possible to shuffle the columns
	up, but for now im not explaining how ...

	//


*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{ margin:0; padding:0; }

h1,h2,h3,h4,h5,h6, input, textarea, select { font-size:100%; margin-bottom:0.5em; }

#main_content h3 { font-size: 120%; color:#cc3333; }
#main_content h3 a{ text-decoration:none; color:#cc3333;  }
#main_content h2 { font-size: 150%; margin-bottom: 20px; }

ol,ul { list-style : none; margin-bottom:20px; }

table { border-collapse : collapse; border-spacing : 0; }
p { margin-bottom: 0.8em; }
a {
	color: #666;
	outline: none;
 }
a:hover { text-decoration: none; }
hr {margin:10px 0; height:0px; border:0; border-bottom:1px solid #ccc; }
*{
	font-size: 100%;
}
th, td { padding: 5px; }
th {
		background:#999999;

		margin: 0 0 .2em 0;
		color:#fff;
		text-align:left;
		}
table { border:1px solid #999999; }

.floatleft{ float:left; }
.clearboth{ clear:both; font-size:0px; height:0px; }


/* Print Scheme Size   ////////////////////////////////////  */



body {
	font:11px/140% Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:10px;
	color:#666;
}

div#menu{
 margin-bottom:20px;
}
#menu ul{ background-color:#fff; padding:5px; margin:0 0 5px 0; }
#menu ul li{ display:inline; border-right:1px solid #eee; padding-right:5px; margin:0 5px 0 0; }
#menu ul a{ color:#006699; }

#menu ul#submenu{ background-color:#ccc; }
#menu ul#submenu li{ border-right:1px solid #ccc;}

#page_slugs.col1{ background-color:#cc3333; margin-bottom:10px; }
#page_slugs.col2{ background-color:#006699; margin-bottom:10px; }


/*/////////////////////////////////////////////////////////*/

 input, textarea, select { font-family:Arial, Helvetica, sans-serif; }

#wrap h1{
	color:#666;
	font-size: 240%;
	margin-bottom:5px;
}


.hidden_navigation{
	width: 1px;
	position: absolute;
	left: -9999px;
}

#header {
	background: #fff;
}
#header a{ text-decoration:none; }


/*\Template Variables /*\/*/

#wrap{
	position: relative;
	background: #FFF;
	width: 720px;
	margin: 0 auto;
	text-align: left;
}

#header {
	position: relative;
	margin-bottom: 0;
	padding: 0;
	width: 720px;
	height: 80px;
	background: url(../images/header.gif) no-repeat top left;
}
	#header li {
		display: inline;
	}
	#header div#header_nav {
		position: absolute;
		right: 5px;
		bottom: 15px;
	}
	#header div#header_nav a {
		font-size:10px;
		font-weight: bold;
	}
	a.homelink{
	 display:block;
	 width:135px;
	 height:30px;
	 top:33px;
	 left:17px;
	 position:absolute;
	 text-indent:-9999px;
	}

#main_content{
	width: 524px;
	margin-left: 175px;
	border:1px solid #fff;
	margin-bottom: 10px;
	background-color:#ebebd6;
	padding:10px;
	min-height:457px;
}

#main_content div.cms ul {
  list-style: disc;
  padding-left: 20px;
}
#main_content div.cms ul li {
	margin: 0;
}


#main_content.nopadding{
	padding:0;
	width:544px;
}
#sub_content{
	width: 175px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	/*
	display:none;
	*/
}

#sidebar{
	position: absolute;
	left: 0px;
	top: 81px;
	width: 175px;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
}

	#sidebar h2 {
		background: #999999;
		padding: .2em .8em;
		margin: 0 0 .2em 0;
		color: #fff;
	}

	#sidebar #navigations{}

		#sidebar #navigations li { margin: 0 0 .1em 0; }

		#sidebar #navigations a{
			display: block;
			background-color: #EFEFEF;
			padding: .3em .8em;
			text-decoration: none;
			width: 100%;
		}
		#sidebar #navigations li.nolink {
			display: block;
			background-color: #EFEFEF;
			padding: .3em .8em 0 0;
			text-decoration: none;
			width: 100%;
		}
		#sidebar #navigations li.nolink span{
			display:block;
			width:100%;
			padding:0 0 0 .8em;
			margin-bottom:.3em;
		}
		#navigations ul{
		 margin:0;
		}
		#navigations ul li{
		 border-left:10px solid #ccc;
		}
		/*
		#navigations #prodcat6{
		 border-left:10px solid #cc3333;
		}
		#navigations #prodcat7{
		 border-left:10px solid #006699;
		}	*/
		#navigations #prodcat6 a{
		 background-color: #cc3333;
		 color:#fff;
		}
		#navigations #prodcat7 a{
		 background-color: #006699;
		 color:#fff;
		}
		#sidebar #navigations a:hover, #sidebar ul#rss li a:hover{
			background-color: #fff;
			color: #000;
		}
		#sidebar ul#rss li a {
			background: #EFEFEF url(../images/rss.gif) 10px 4px no-repeat;
			padding-left: 30px;
	}

	#sidebar #searchbox { margin-bottom:10px; }
		#sidebar #searchbox label{ display:block; }
		#sidebar #searchbox input,#sidebar #searchbox label{
			margin:0 5px 5px 0;
		}

	#sidebar div#languages {
		background: #f0f0f0 url(../images/leftpic2.jpg) 0px bottom no-repeat;
		height: 200px;
		text-align: center;
	}
		#sidebar div#languages h2 {
			text-align: left;
			margin-bottom:10px;
		}

/* FORMS */

input.submit{
	background-color:#cc3333; color:#fff; border:1px solid #cc3333;
}
.filter input, .filter select, .filter label{
	margin-right:5px; vertical-align:middle;
}
#frmSrch input{ vertical-align:middle; }


#footer{
	clear: both;
	padding: 10px;
	border-top: 1px solid #ccc;
	margin-top: 20px;

}
	#footer p { clear:both; margin-bottom: 0; }
	#footer li {
		display: inline; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #ccc;
	}

#page_slugs{
	 margin-bottom: 20px;
	 background-color:#cccc99;
	 color:#fff;
	 padding:5px;
}
#page_slugs li{ display: inline; font-size: 85%;}
#page_slugs li a{ color:#fff; }


#offers .category #offer_thmb { float: left; margin: 0 10px 10px 0; }
#offers .category { margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 10px; }
#categorylisting li { clear:both; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin-bottom:20px; }
	#categorylisting li a { }
	.category_thumb { margin: 0 10px 10px 0; }

	#categorylisting li:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	#categorylisting li.titlerow{ padding:10px; background-color:#ccc; }
	#categorylisting li.titlerow h3{ background-color:#ccc; margin:0; }

	#categorylisting.cms li ul, .cms ul{
		padding:0 0 0 30px; margin-bottom:20px;
	}
	#categorylisting.cms li ul li, .cms ul li{
		clear:none; border-bottom:none; padding:0; margin-bottom:10px; list-style:disc;
	}


#recentnews li { margin-bottom: 10px; }

.picswrapleft{ float:left; margin:0 10px 10px 0; }
.picswrapleft img{ margin-bottom:10px; }

.picswrapright{ float:right; margin:0 0 10px 10px; }
.picswrapright img{ margin-bottom:10px; }

.clearleft { clear: left; }

.paging { margin:20px; padding:10px; border:1px solid #ccc; }
.paging a{ font-weight:bold; margin:0 5px; }

/*=Download
	-------------------------------------------------------*/
.download {
	background: #fffeef;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	.download a {
		background: url(../images/pdf.gif) 0 2px no-repeat;
		padding: .2em .8em;
		padding-left: 20px;
	}
	div.download span {
		font-size: 90%;
	}
	.pdf a {
		background: url(../images/pdf.gif) 0 2px no-repeat;
		display: block;
	}
	.swf a {
		background: url(../images/swf.gif) 0 2px no-repeat;
		display: block;
	}
/*=Gallery
	-------------------------------------------------------*/

	.filter  { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 10px;}

#gallerylisting li{
	width: 172px;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 8px;
	text-align: center;
	position: relative;
	float: left;
	display: inline;
	margin: 5px;
}

#gallerylisting li a span{
/*\*/
	position: absolute;
	left: -9999px;

}

#gallerylisting li a:hover span{
	top: 8px;
	left: 8px;
	width: 172px;
	background: #FFF;
	color: #999;
	padding: 5px 0 5px 0;
	text-transform: uppercase;
	font-size: 80%;
	border: 1px solid #EEE;
	border-width: 0 0 5px 0;
	filter: alpha(opacity=100);
/**/
}


#gallerylisting img{
	border: 1px solid #EEE;
}

/*=Error Mesages
	-------------------------------------------------------*/
	ul.error,ul.success { list-style: disc; margin-left: 20px; margin-bottom: 10px; }
	.error { color: #990000; font-weight: bold; }
	em.error  { display: block; }
	ul.success {
		display: block;
		list-style: none;
		background: #006633;
		color: #fff;
		padding: 2px;
	}
/*=Links
	-------------------------------------------------------*/
.links li { padding: 5px; }

/*=Brochure request form
	-------------------------------------------------------*/
form.brochureForm fieldset {
	padding: 5px 20px;
	border: 1px solid #999;
	margin: 0 0 10px 0;
}
form.brochureForm legend {
	text-transform: capitalize;
	font-weight: bold;
	color: #039;
	padding: 0 5px;
}
form.brochureForm ol {
	list-style: none;
}
form.brochureForm ol li {
	margin: 5px 0;
}
	form.brochureForm ol li ol li {
		display: inline;
	}
	form.brochureForm ol li ol label {
		display: inline;
	}
form.brochureForm em {
	font-weight: bold;
	color: #E00;
}
form.brochureForm label {
	display: block;
	text-transform: capitalize;
}
form.brochureForm label.radio {
	display: inline;
	padding-left: 5px;
}
div#homepage_col1{ margin-right:1px; }
div#homepage_col1, div#homepage_col2 {
	width: 271px;
	float:left;
}
div#homepage_col1 img, div#homepage_col2 img {
	padding: 1px 0px;
}
div#homepage_col1 h2 {
	background: #c33;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	margin: 0;
}
div#homepage_col1 a, div#homepage_col2 a{ text-decoration:none; }
div#homepage_col1 h2 a, div#homepage_col2 h2 a{ color:#fff;}
div#homepage_col1 h3 a{ color:#c33; }
div#homepage_col2 h3 a{ color:#069; }
div#homepage_col2 h2 {
	background: #069;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	margin: 0;
}
/*div#homepage_col1 div, div#homepage_col2 div {
	padding: ;
}*/
div#homepage_col1 h3, div#homepage_col2 h3 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
	margin-bottom: 10px;
}
div#homepage_col1 h3 {
	color: #c33;
}

div#homepage_col2 h3 {
	color: #069;
}

.clearfix {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

a.news_more_details {}

.row_a {}
.row_b {}

.list-type1{ margin:0 0 20px 0; padding:0 0 0 30px; }
.list-type1 ul{ padding:5px 0 0 30px; margin:0; }
.list-type1 li{ margin:0 0 5px 0; list-style:disc; }



p.col1, span.col1, li.col1, h3.col1 a{ color:#cc3333 !important; }
p.col2, span.col2, li.col2, h3.col2 a{ color:#006699 !important; }

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width:525px;
	/*margin-bottom: 10px;    */
}

#nav a {
	display: block;
	color: white;
	/*width: 7.6em;*/
}

#nav li {
	background: #c0c0c0 ;
	float: left;
	padding: 8px;
	/*width: 7.6em;*/
}

#nav li ul {
	position: absolute;
	padding: 1px;
	/*width: 20em;*/
	left: -999em;
}

#nav li ul li {
  background: #006699;
	display: block;
	clear: left;
	width:14em;
}

#nav li ul.col1 li {
	background: #cc3333;
	display: block;
	clear: left;
	width:14em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul ul {
	margin: -1.75em 0 0 13em;
}


#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}