/* VERSION 1.00 */

/*
LEGAL
=====
Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
Community: Mollio http://www.mollio.org $
License: Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License: Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/
*/
	
html {
	background-color: #009ee0
}
body {
	color:#003a63;
	font:11px/1.5 arial,tahoma,verdana,sans-serif; 
}

#body-wrap-outer {
	background: #009ee0 url(/sureline/css/images/sureline/standard-body-bg.jpg) repeat-y top center;
}
#body-wrap {
	background: transparent url(/sureline/css/images/sureline/standard-header-bg.jpg) no-repeat top center;
}

body.home #body-wrap {
	background: transparent url(/sureline/css/images/sureline/home-header-bg-fixed.gif) no-repeat top center;
}

#ft {
	background: transparent url(/sureline/css/images/sureline/standard-footer-bg.jpg) no-repeat bottom center;	
}
/* LINKS */
	a,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
	a:link {color:#20558A} 
	a:visited {color:#999} 
	a:hover,a:active {color:#069} 



/* TYPOGRAPHY */
	p {margin: 0 0 1em}

	h1, h2, h3, h4, h5, h6 {
		
		font-family: arial;
		color:#056cb6;
		padding-bottom: .1em; 
		font-weight:bold;
	}
	h1 {font-size: 18px;letter-spacing: -1px;}
	h2 {font-size: 18px;letter-spacing: -1px;}
	h3 {font-size: 13px}
	h4 {font-size: 12px; color:#20558a;}
	h5 {font-size: 11px;}
	h6 {font-size: 11px;}
	h3 a:link {color:#20558a}
	
	.highlight {color:#E17000}
	.subdued {color:#999}
	.error {color:#c00;font-weight:bold}
	.success {color:#390;font-weight:bold}
	.caption {color:#999;font-size:11px}
	.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
	small {font-size:11px}
	strong {font-weight: bold;}
	em {font-style: italic;}
	blockquote {margin-left:40px;}
	address {font-style: italic;}
	


/* GENERAL */
	img {border:none} 

	.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

	
table.layout, table.layout th, table.layout td {
	margin:0px;
	padding:0px;	
}

.fg-content { padding-left:3px; }
.fg-content table {font:11px/1.5 arial,tahoma,verdana,sans-serif;}
.fg-content ol li { list-style-type:decimal; }
.fg-content ol li { list-style-position:inside; }

.fg-content ul { list-style:disc; margin-bottom: 1em; }
.fg-content ul li { margin-left: 20px; list-style:disc; }

.fg-content ul#nav  {margin-bottom:0;}
div#page-utility li {list-style:none;}

/* STYLES INSIDE BODY */

	
	.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url() no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}
	.featurebox a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
	 
	.featurebox a:visited {color:#999} 
	.featurebox a:hover,a:active {color:#069}
	
	.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
	.thumbnail img {border: 1px solid #000}
	

	
/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
	a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {color: #056cb6;background: transparent url("images/sprites.gif") no-repeat 5px -600px;padding-left:21px}
	a.morelink:hover {color: #000;background: transparent url("images/sprites.gif") 5px -400px}
	.morelink span {color: #62ab1c; position:absolute;left:-9999px;width:900px}



	ul.thumbNailsWrap { margin:0; }
	ul.thumbNailsWrap li { border:1px solid #ccc; float:left; margin:2px 5px 3px 0px; padding:0; display:block; background-color:#fff; }
	
	.pagination {color:#666;padding:4px 2px 4px 0;float:left;width:100%;}
	
	.pagination p {float:right;width:auto;margin:0} 
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:0 3px;float:left;display:block;border: 1px solid #ccc;margin-left: 3px;font-weight:bold} 
	.pagination p a:hover {background:#0C4CCD;color:#fff} 
	.pagination p span {text-decoration:none;background:#fff;padding:0 3px;border: 1px solid #ccc;color:#ccc;display:block;float:left;margin-left: 3px} 
	 
	.pagination h4 {margin-top:0;padding:0;}
	.pagination-categories {background: #FFF;}	
	.pagination-categories h4 {border: 1px solid #ddd;}
	
	.casestudytable td {font-size:11px; letter-spacing:0px; padding: 4px 10px 4px 0px}
	#caseStudyTeaser {float:left;width:300px;margin-bottom:1.5em;}
	#caseStudyTeaser td {font:11px/1.5 arial,tahoma,verdana,sans-serif;vertical-align:top;padding:3px;}
				
	#gallery h4 {padding-right:25px;}




/* PRODUCT RANGE TABLE */

/* base classes so they will be picked up by tinyMCE */
.product-range,.odd,.even {
	
}
table.product-range {
	border-collapse:collapse;
	text-align:center;
	font:11px/1.5 arial,tahoma,verdana,sans-serif; 
}
table.product-range th, table.product-range td {
	text-align:center;
	padding:5px;
	border-left:3px solid #fff;
}

table.product-range thead th {
	background:#00a8de;
	color:#fff;
	padding:10px;
	font-size:12px;
	font-family:arial;
	border-left:3px solid #fff;
}
table.product-range tbody th {
	background:#d4d9dc;
	color:#000;
}

table.product-range tr.odd td {
	background:#b3def3;	
	color:#000;
}
table.product-range tr.even td {
	background:#d8edf8;
	color:#000;
}
table.product-range tfoot th {
	background:#d4d9dc;
	color:#000;
}

/* search related */

#searchForm {
	background-color:#F4F4F4;
	margin:0pt;
	padding: 8px;
	
}

#searchForm table, #searchForm select {
	color:#003A63;
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:100%;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
}



#searchForm input {
	font-size: 90%;
	width: 185px;
}

#searchForm .f-submit {
	background:#999999 none repeat scroll 0%;
	border:1px solid #333333;
	color:#FFFFFF;
	font-size:90%;
	margin:0pt;
	padding:1px;
	width:95px;
}


.result-wrap { margin:0 0 10px 0; padding:0 0 0 0; border-top:1px dotted #999; min-height:70px; clear:both; }
.result-thumb-right { margin:15px 0 10px 20px; padding:0; float:right; }
.result-thumb-left { margin:15px 20px 10px 0; padding:0; float:left; }
.result-opt { margin:20px 0 10px 20px; padding:0; float:right; width:125px; }
.result-wrap h1 { margin:10px 0 0 0; padding:0; font-size:1.2em; color:#666; }
.result-minor { margin:0 0 5px 0; padding:0; font-size:0.9em; color:#777; font-weight:bold; display:block; }
.result-minor span { font-weight:normal; color:#333; }
.result-wrap p { margin:0 0 8px 0; padding:0; }
.result-more { margin:0; padding:0; font-weight:bold; }





/* js stuff */

.TabbedUtil {
clear:none;
float:left;
margin:0px;
padding:0px;
width:170px;

}
.TabbedPanelsTabGroup {
margin:0px;
padding:0px 0px;
float:right;
margin-top:-2px;
margin-right:-15px;
}
.TabbedPanelsTab {
-moz-user-select:none;

cursor:pointer;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0px 0pt 2pt;
padding:0pt;
position:relative;
top:0px;

}

.TabbedPanelsTabHover {

}
.TabbedPanelsTabSelected {

}
.TabbedPanelsTab a {
color:#000000;
text-decoration:none;
font-family:verdana;
}
.TabbedPanelsContentGroup {

}
.TabbedPanelsContent {
color:black;

margin-top:-2px;
float:right;
text-align:left;
}

.TabbedPanelsContent a:link {
	color:black;
	padding-top:5px;
}



/* INLINE IMG STYLES */
.pic200r {text-align:right;float:right;width:200px;margin: 0 0 15px 15px;display:inline;color:#666}
.pic200r img {max-width:200px}
.pic200r table {margin: 0 0 0 auto}
.pic200r .caption {text-align:left;font-size:86%;display:block;margin: 0;padding: 0 0 6px}

.pic200l {text-align:left; float:left; width:200px;margin: 0 15px 15px 0;display:inline;color:#666}
.pic200l img {max-width:200px}
.pic200l table {margin: 0 0 0 auto}
.pic200l .caption {text-align:left;font-size:86%;display:block;margin: 0;padding: 0 0 6px}

.pictoclick120r {text-align:left;width:120px;margin: 5px 5px 5px 5px;display:inline;color:#666; float: right;}
.pictoclick120r img {max-width:120px}
.pictoclick120r table {margin: 0 0 0 auto}

.pictoclick120l {text-align:left;width:120px;margin: 5px 5px 5px 5px;display:inline;color:#666; float: left;}
.pictoclick120l img {max-width:120px}
.pictoclick120l table {margin: 0 0 0 auto}

.picdefaultl {text-align:left; float:left; margin: 0 15px 15px 0;display:inline;color:#666}
.picdefaultr {text-align:right; float:right; margin: 0 15px 15px 0;display:inline;color:#666}


#main-col {
		padding:0px 0px 20px 0px
}

#main-col.fg-content ul {
	padding:0px 0px 10px 15px;
}

#main-col.fg-content ul li {
	list-style-type:disc;
}
#main-col.fg-content ol {
	padding:0px 0px 10px 15px;
}

#main-col h2 {
		padding:0px 0px 15px 0px
}

#main-col.fg-content h3 {
	padding:10px 0px 15px 0x;
}

/* working for sureline > working for steel */
hr {
	background:#F2F2F2 none repeat scroll 0%;
	border:medium none;
	clear:both;
	color:#F2F2F2;
	height:1px;
	margin:1em 0pt
}
/* related links/latest news mods */
#utility-col {
	padding:0px 25px 10px 0px;
}
#utility-col h2 {
	font-size:13px;
	font-weight:bold;
}


#main-col {
		padding:0px 0px 20px 0px
}

#main-col.fg-content ul {
	padding:10px 0px 10px 15px;
}

#main-col.fg-content ul li {
	list-style-type:disc;
}
#main-col.fg-content ol {
	padding:10px 0px 10px 15px;
}

#main-col h2 {
		padding:0px 0px 15px 0px
}

#main-col.fg-content h3 {
	padding:10px 0px 15px 0x;
}

/* working for sureline > working for steel */
hr {
	background:#F2F2F2 none repeat scroll 0%;
	border:medium none;
	clear:both;
	color:#F2F2F2;
	height:1px;
	margin:1em 0pt
}
/* related links/latest news mods */
#utility-col {
	padding:0px 25px 10px 0px;
}
#utility-col h2 {
	font-size:13px;
	font-weight:bold;
}