/* 
Title:		Safe Solutions Stylesheet
Author: 	Sumac UK - Alex Bobin
Created:	06/07/06
*/
/* ======================================================
		GLOBAL
====================================================== */
html
{
	margin: 0;
	padding: 0;	
}
body
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #9a9ea1;
	text-align: center;
}
label
{
	cursor: pointer;
}
hr
{
	display: none;
}
.hide
{
	display: none;	
}
.clear
{
	clear: both;	
}
th
{
	text-align: left;	
}
form
{
	margin: 0;
	padding: 0;	
}
a img
{
	border: none;	
}
/* Headings ----------------------- */
h1
{
	/*font-size: 1.7em;*/
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 1em;
}
h2
{
	font-size: 1.4em;
	margin-top: 1em;
	margin-bottom: 1em;
}
h3
{
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 1em;
}
h4
{
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 1em;
}
h5, h6
{
	font-size: 1.1em;
	font-style: italic;
	margin-top: 1em;
	margin-bottom: 1em;
}
/* Links ----------------------- */
a:link
{
	color: #FDB813;
	text-decoration: none;
}
a:visited
{
	color: #FDB813;
	text-decoration: none;
}
a:hover
{
	color: #666;
	text-decoration: underline;
}
#search input.button, #calculator input.button
{
	border: 1px solid #83642D;
	background-color: #FFF;
	color: #83642D;
}
/* ======================================================
		TEXT SIZING
		http://www.clagnut.com/blog/348/
======================================================= */
html
{
	font-size: 100%; /* for IE */
}
body 
{
	font-size: 62.5%; /* for IE/Win */
}
input, select, table
{
	font-size: 100%; /* for IE */
}
#frmPayerise
{
	font-size: 1.3em;	
}
/* ======================================================
		PAYERISE
====================================================== */
#payerise
{
	width: 800px;
	margin: 0 auto 20px auto;
	position: relative;
	background: transparent url(../image/payerise_bg.gif) repeat-y left top;
	padding: 1px 0 0 0;
}
#payerise-wrap-one
{
	background: transparent url(../image/shadow_bottom.gif) no-repeat left bottom;
}
#payerise-wrap-two
{
	margin: 0 10px 0 10px;
	padding: 0 12px 12px 12px;
	text-align: left;
}
/* ======================================================
		HEADER
====================================================== */
#header
{
	margin: 4.3em 0 0 0;
	padding: 0;
	clear: both;
	height: 82px;
}
#header h1
{
	float: left;
	margin: 0 0 0 0;
	background-color: transparent;
	padding: 0;
}
#header h1 a img
{
	border: none;	
	float: none;
	margin: 0;
}
#header img
{
	float: right;	
	margin: 15px 0 0 0;
}
/* ======================================================
		NAVIGATION-BAR
====================================================== */
#navigation-bar
{
	position: absolute;
	top: 0;
	left: 0;
	background: #9a9ea1 url(../image/shadow_top.gif) no-repeat 0 bottom;
	height: 3.2em;
	overflow: hidden;
}
#navigation-bar #navigation-bar-wrap
{
	margin: 0 10px;
	text-align: left;
	width: 780px;
}
#navigation-bar div
{
	padding: 1px 0 0 0;
}
#navigation-bar #actions
{
	float: right;
	width: auto;
	padding: 0;
	margin: 0.5em 0 0 0;
}
#navigation-bar #actions fieldset
{
	margin: 0;
	padding: 0;
	border: none;
	display: inline;		
	float: left;
}
#navigation-bar #actions legend
{
	display: none;
}
#navigation-bar #actions label
{
	display: none;	
}
#navigation-bar #actions input
{
	float: left;
	margin: 0 0.7em 0 0;
}
#navigation-bar #actions input.button
{
	display: inline;
	border: 1px solid #666;
	background-color: #FFF;
	color: #666;
	margin: 0;
}
#navigation-bar #actions ul
{
	display: inline;	
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
#navigation-bar #actions ul li 
{	
	padding: 0;
	margin: 0 0 0 0.5em;
	float: left;
	display: inline;
}
#navigation-bar #actions ul li a
{
	border: 1px solid #666;
	background-color: #FFF;
	color: #666;
	text-decoration: none;
	float: left;
	padding: 0.15em 0.7em;
}
#navigation-bar p
{
	margin: 0.8em 0 0 0;
	padding: 0 !important;
	color: #FFF;
}
#navigation-bar p a:link, #navigation-bar p a:visited
{
	color: #FFF;
	text-decoration: underline;
}
#navigation-bar p a:hover
{
	color: #EEE;
	text-decoration: underline;	
}
/* ======================================================
		QUICKLINKS
====================================================== */
#quicklinks
{
	margin: 0;
	border-bottom: 3px solid #FFF;
	background: #DDDDDD url(../image/light-grey-top-left.gif) no-repeat left top;
	float: left;
	width: 756px;
	font-weight: normal;
	text-align: center;
}
#quicklinks div
{
	background: transparent url(../image/light-grey-bottom-right.gif) no-repeat right bottom;
	padding: 0.5em 10px;
}
#quicklinks h2
{
	display: inline;
	color: #666;
	font-size: 1em;
}
#quicklinks ul
{
	list-style-type: none;	
	display: inline;
	margin: 0;
	padding: 0;
}
#quicklinks li
{
	display: inline;
	margin: 0 20px 0 0;
}
#quicklinks a:link
{
	color: #666;
	text-decoration: none;	
}
#quicklinks a:visited
{
	color: #666;
	text-decoration: none;	
}
#quicklinks a:hover
{
	color: #666;
	text-decoration: underline;	
}
/* ======================================================
		BODY
====================================================== */
#body
{
	/*background-image: url(../image/body_bg.gif);*/
	background-position: 195px bottom;
	background-repeat: no-repeat;
	float: left;
	margin: 0 0 4px 0;
	display: inline;
}
/* ======================================================
		CONTENT
====================================================== */
#content
{
	display: inline;
	float: left;
	width: 561px;
	margin-left: 195px;
	overflow: hidden;
}
#content #wrap-one
{
	margin: 0;
	padding: 0;
	background-color: #FFF;
	min-height: 190px;
	padding: 1px 0 0 0;
}
#content #column-one
{
	float: left;
	width: 351px;
	margin: 0;
	padding: 0 !important;
	display: inline;
	overflow: hidden;
}
#content #column-two
{
	float: right;
	width: 201px;
	padding: 0 0 0 1px !important;
	overflow: hidden;
	margin: 0;
}
/* ======================================================
		CONTENT IN THE CONTENT
====================================================== */
#content p
{
	margin-top: 1em;
	margin-bottom: 1em;	
	line-height: 1.2em;
}
#content p,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content #element-contact,
#content #static-contact,
#content div.message strong,
#content img
{
	margin-left: 10px;
}
#content img.left-align
{
	margin-bottom: 10px;	
}
/* ======================================================
		PAGE-DESCRIPTION
====================================================== */
h1.page-description
{
	float: left;
	color: #FFF;
	font-size: 1em;
	background: #5a5e67 url(../image/dark-grey-top-left.gif) no-repeat left top;
	margin: 0 !important;
	padding: 0 !important;
}
h1.page-description span
{
	background: transparent url(../image/dark-grey-bottom-right.gif) no-repeat right bottom;
	float: left;
	padding: 0.6em 20px 0.6em 10px;
	min-width: 250px;
}
/* ======================================================
		NAVIGATION
====================================================== */
#navigation
{
	display: inline;
	float: left;
	width: 191px;
	margin-left: -756px;
}
#navigation ul
{
	margin: 0;
	padding: 0;
	list-style: none;	
}
/* first level */
#navigation li
{
	margin-top: 4px;
}
#navigation li.first
{
	margin-top: 1px;	
}
#navigation li a
{
	display: block;
	background: #a0a4a7 url(../image/medium-grey-top-left.gif) no-repeat left top;
	color: #FFF;
	cursor: pointer;
}
#navigation li a:link, #navigation li a:visited
{
	text-decoration: none;	
}
#navigation li a:hover, #navigation li.current a
{
	background: #e8b50a url(../image/mustard-top-left.gif) no-repeat left top !important;
	color: #FFF !important;
}
#navigation li span.outer
{
	display: block;	
	background: transparent url(../image/medium-grey-bottom-right.gif) no-repeat right bottom;
	padding: 0.6em 10px;
	font-weight: bold;
}
#navigation li a:hover span.outer
{
	background: transparent url(../image/mustard-bottom-right.gif) no-repeat right bottom;
}
#navigation li.current span.outer, #navigation li.current a:hover span.outer
{
	background: none;
}
/* second level */
#frmPayerise #navigation li ul
{
	background: #f6e1aa url(../image/light-mustard-bottom-right.gif) no-repeat right bottom;	
	padding: 0 0 6px 0 !important;
	margin: 0 !important;
}
#navigation li li 
{
	padding: 0;	
	margin: 0;
}
#navigation li li a, #navigation li.current li a
{
	background: none !important;
	padding: 0;
	margin: 0;
}
#frmPayerise #navigation li li a:hover span.outer, #frmPayerise #navigation li li.current a span.outer
{
	background-color: #f3d07e !important;
	background-image: url(../image/navigation_arrow_hover.gif) !important;
}
#navigation li li span.outer
{
	color: #bd922a;
	padding-top: 0.2em !important;
	padding-bottom: 0.2em !important;
	padding-right: 10px !important;
	font-weight: normal;
}
#navigation li li span.outer
{
	background: transparent url(../image/navigation_arrow.gif) no-repeat 10px 0.5em !important; 
	padding-left: 22px !important;	
	margin: 0;
}
#navigation li li a:link, #navigation li li a:visited, #navigation li li a:hover
{
	text-decoration: none;	
}
/* third level */
#navigation li li.first
{
	margin-top: 0;
}
#frmPayerise #navigation li li ul
{
	padding: 0 !important;
	background-image: none !important;
	background-color: transparent !important;
}
#frmPayerise #navigation li li li span.outer, #frmPayerise #navigation li li.current li span.outer
{
	padding-left: 37px !important;	
	background: transparent url(../image/navigation_arrow.gif) no-repeat 22px 0.5em !important; 
}
#frmPayerise #navigation li li li a:hover span.outer, #frmPayerise #navigation li li li.current a span.outer
{
	background-color: #f3d07e !important;
	background-image: url(../image/navigation_arrow_hover.gif) !important;
}
/* fourth level */
#frmPayerise #navigation li li li li span.outer, #frmPayerise #navigation li li li.current li span.outer
{
	padding-left: 52px !important;	
	background: transparent url(../image/navigation_arrow.gif) no-repeat 37px 0.5em !important; 
}
#frmPayerise #navigation li li li li a:hover span.outer, #frmPayerise #navigation li li li li.current a span.outer
{
	background-color: #f3d07e !important;
	background-image: url(../image/navigation_arrow_hover.gif) !important;
}
/* contractor */
/*
#navigation #contractor
{
	background: #dadbdd url(../image/light-grey-top-left.gif) no-repeat left top;
}
#navigation #contractor:link, #navigation #contractor:visited
{
	color: #5a5e67;
}
#navigation #contractor:hover
{
	color: #FFF;
}
*/
#navigation #contractor span.outer
{
	background: transparent url(../image/contractor_span_bg.gif) no-repeat bottom right !important; 
}
#navigation li.current #contractor span.outer
{
	background: transparent url(../image/contractor_span_current_bg.gif) no-repeat bottom right !important; 
}
#navigation #contractor li span.outer
{
	background: transparent url(../image/navigation_arrow.gif) no-repeat 10px 0.8em !important; 
	padding: 0.5em 10px 0 22px;	
	margin: 0;
}
#navigation #contractor span.inner
{
	display: block;
	width: 80px;	
}
#navigation #contractor li span.inner
{
	display: inline;
	width: auto;
}
/* ======================================================
		DIVFORMELEMENTS
====================================================== */
#full-column #element-contact p, #full-column #element-contact h2, #full-column #element-contact h3, #full-column #element-contact h4, #full-column #element-contact h5, #full-column #element-contact h6
{
	margin-left: 0 !important;	
}
#element-contact
{
	margin: 0 0 0 10px;	
}
#parProgress
{
	font-size: 1.4em;
	margin-bottom: 0 !important;
}
/* email details */
#element-contact div.email-details
{
	color: #CCC;	
	margin: 0 0 1em 0;
}
#element-contact h3
{
	margin-bottom: 0;	
}
#element-contact ul
{
	list-style: none;
	margin: 0;
	padding: 0;	
}
/* fieldset */
#element-contact fieldset
{
	margin: 0;
	padding: 0;
	border: none;
}
#element-contact legend
{
	display: none;	
}
/* general */
#element-contact div.textbox,
#element-contact div.textarea, 
#element-contact div.select, 
#element-contact div.radio-buttons,
#element-contact div.checkbox,
#element-contact div.upload
{
	margin: 0 0 1em 0;	
}
#element-contact label, #element-contact span.label
{
	display: block;	
	margin: 0 0 0.2em 0;
}
/* single lines */
#element-contact div.textbox input
{
	border: 1px solid #666;
	width: 300px;
}
/* multi lines */
#element-contact div.textarea textarea
{
	border: 1px solid #666;
	width: 300px;
}
/* select */
#element-contact div.select select
{
	border: 1px solid #666;
	width: 300px;
}
/* radio buttons */
#element-contact div.radio-buttons li
{
	margin: 0.5em 0 0 0;	
}
#element-contact div.radio-buttons label
{
	display: inline;
	margin: 0;
}
#element-contact div.radio-buttons input
{
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0;
}
/* check box */
#element-contact div.checkbox label
{
	display: inline;	
}
#element-contact div.checkbox input
{
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0;
}
/* single lines */
#element-contact div.upload input
{
	border: 1px solid #666;
	width: 300px;
}
/* errors */
#element-contact div.error 
{
	margin: 0 0 1em 0;
	border: 2px solid #C00;
	background-color: #fae8e8;
	padding: 10px;
}
#element-contact div.error h2
{
	color: #C00;	
	margin: 0 0 0.5em 0;
}
#element-contact div.error a
{
	color: #C00;	
	font-weight: bold;
}
#element-contact div.error ul
{
	list-style-type: decimal;
	padding: 0;	
	list-style-position: inside;
}
#element-contact div.element-error
{
	background-color: #EEE;
	padding: 10px;	
	border: 2px solid #666;
}
#element-contact div.element-error label
{
	font-weight: bold;
}
#element-contact div.element-error label em
{
	color: #cc0000;
}
#element-contact div.element-error input,
#element-contact div.element-error textarea,
#element-contact div.element-error select
{
	
}
/* ======================================================
		NEWS & TELL ME MORE
====================================================== */
#news
{
	width: 279px;
	float: right;	
}
#tell-more 
{
	width: 278px;
	float: left;
	padding: 0;
}
#news h2
{
	width: 279px;	
}
#tell-more h2
{
	width: 278px;
}
#news h2, #tell-more h2
{
	background: #a0a4a7 url(../image/medium-grey-top-left.gif) no-repeat left top;
	color: #FFF;
	border-top: 4px solid #FFF;
	margin: 0 0 0.7em 0;	
	font-size: 1em;
	float: left;
}
#news h2 span, #tell-more h2 span
{
	display: block;
	padding: 0.5em 1em;	
}
#news ul, #tell-more ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;	
	float: left;
}
#news li, #tell-more li
{
	/*
	border-top: 1px solid #FFF;
	*/
	margin: 0;
	padding: 0 1em 0.6em 1em;
	color: #666;
}
#news li a, #tell-more li a
{
	display: block;	
}
#news li a:link, #tell-more li a:link
{
	color: #666;
	text-decoration: none;
}
#news li a:visited, #tell-more li a:visited
{
	color: #666;
	text-decoration: none;
}
#news li a:hover, #tell-more li a:hover
{
	color: #666;
	text-decoration: underline;
}
/* ======================================================
		GENERAL
====================================================== */
p.opener
{
	margin: 1em 0;
	font-size: 1.7em;
}
#content div.image-right
{
	float: right;
	margin: 0 0 10px 10px;	
	display: inline;
}
#content div.image-left
{
	float: left;
	margin: 0 10px 10px 10px;
	display: inline;
}
#content div.ad-image
{
	margin: 0;
	display: block;
}
#content div.image-right img, #content div.image-left img, #content div.ad-image img
{
	margin-left: 0 !important;	
	margin-bottom: 0 !important;
}
/* ======================================================
		RESULTS
====================================================== */
#results
{
	margin: 1em 0 1em 0;
	width: 550px;
	float: left;
	display: inline;
}
#results p
{
	float: left;
	width: 250px;
	margin-right: 10px !important;
	display: inline;
}
/* ======================================================
		CONTROLS
====================================================== */
#controls
{
	padding: 0 !important;
	margin: 0 !important;
	float: right;
	clear: both;
	display: block;
}
#controls ul
{
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;	
}
#controls ul li
{
	float: left;
	margin: 0 0 0 1em;	
}
#controls ul li a
{
	background-image: url(../image/contractor_li_bg.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}
#controls ul li a:link, #controls ul li a:visited, #controls ul li a:hover
{
	color: #666;	
}
/* ======================================================
		QUICK-SEARCH
====================================================== */
#quick-search label
{
	display: none;
}
#quick-search input.text
{
	
}
#quick-search input.button
{
	margin: 0 1em 0 0;
}
/* ======================================================
		SEARCH
====================================================== */
#search
{
	border-top: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
	margin: 0;
	padding: 1px 10px 10px 10px;
	background-color: #C7B99F;	
}
#search h2
{
	display: none;
}
#search label.text
{
	display: block;
	margin: 0 0 0.5em 0;
	padding: 10px 0 0 0;
	font-size: 1.5em;
	color: #83642D;
}
#search input.text
{
	width: 167px;
	margin: 0 0 0.5em 0;
	clear: both;
	border: 1px solid #83642D;
	color: #83642D;
}
#search input.button 
{
	float: right;	
}
/* ======================================================
		FOOTER
====================================================== */
#calculator
{
	background-image: url(../image/coins.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #D2BD90;
	padding: 56px 0 1em 0;
	margin: 0;
	color: #5D4521;
}
#calculator h2
{
	margin: 0 0 0.5em 0;
	padding: 0.5em 10px;
	background-color: #83642D;	
	color: #FFF;
}
#calculator label
{
	display: block;
	margin: 0 10px 0.5em 10px;	
}
#calculator span
{
	font-size: 1.2em;	
}
#calculator span.currency
{
	margin: 0 0 0 10px;	
}
#calculator input.text
{
	width: 40px;
	border: 1px solid #83642D;
	color: #83642D;
}
#calculator input.button
{
	clear: both;
	margin: -1.7em 10px 0 10px;
	float: right;
	display: inline;
}
#calculator p
{
	margin: 1em 10px;	
}
#calculator a.sign-up
{
	display: block;
	margin: 0 10px;
	text-align: right;
	font-weight: bold;
}
#calculator a.sign-up:link
{
	color: #5D4521;
	text-decoration: none;
}
#calculator a.sign-up:visited
{
	color: #5D4521;
	text-decoration: none;
}
#calculator a.sign-up:hover
{
	color: #5D4521;
	text-decoration: underline;
}
/* ======================================================
		WANT-TO
====================================================== */
#want-to
{
	border-top: 4px solid #FFF;
	margin: 0;	
}
#want-to h2
{
	background-color: #FDB813;
	color: #FFF;
	margin: 0;
	padding: 0.5em;
}
#want-to ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
#want-to li 
{
	background-color: #FCE8B7;
	border-top: 1px solid #FFF;
	margin: 0;
	padding: 1em;
	color: #0D94BF;
}
#want-to li a
{
	display: block;	
	font-weight: bold;
}
#want-to li a:link
{
	color: #0D94BF;
	text-decoration: none;
}
#want-to li a:visited
{
	color: #0D94BF;
	text-decoration: none;
}
#want-to li a:hover
{
	color: #0D94BF;
	text-decoration: underline;
}
/* ======================================================
		SITEMAP
====================================================== */
#sitemap
{
	list-style-type: none;
	margin: 1em 0 1em 1em;
	padding: 0;	
}
#sitemap ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;	
}
#sitemap li
{
	background-image: url(../image/sitemap_ul_li_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0.5em 0 0 0;
}
#sitemap li a, #sitemap li span
{
	margin: 0 0 0 15px;	
}
#sitemap li ul 
{
	margin: 0 0 0 15px;	
}
#sitemap li ul li 
{
	background-image: url(../image/sitemap_ul_li_li_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1em;
}
#sitemap li ul li a, #sitemap li ul li span
{
	margin: 0 0 0 30px;	
}
/* ======================================================
		CONTACT
====================================================== */
#fsAdmin
{
	border: 0;
	padding: 0;
	margin: 0;	
}
#fsAdmin legend
{
	display: none;	
}
#fsInput
{
	border: 0;
	padding: 0;
	margin: 0;	
}
#fsInput legend
{
	display: none;	
}
#fsAdmin label, #fsInput label
{
	float: left;
	width: 100px;
	margin: 0.5em 0 0 0;
}
#fsAdmin input, #fsInput input, #fsAdmin textarea, #fsInput textarea
{
	margin: 0.5em 0 0 0;	
	width: 300px;
}
/* ======================================================
		PROMOTIONS-LIST
====================================================== */
#promotion-list
{
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
#promotion-list a img
{
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	border-top: 4px solid #FFF;	
}
/* ======================================================
		NEWS-ITEM
====================================================== */
div.news-item h2
{
	font-size: 1.1em;
	margin-bottom: 0;
}
div.news-item h3
{
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
}
div.news-item p
{
	margin-top: 0 !important;
	margin-bottom: 0;
}
div.invisible *, li.invisible *
{
	color: #CCC !important;
}
div.invisible div.edit-item
{
	border: none;		
}
/* ======================================================
		FOOTER
====================================================== */
#footer
{
	clear: both;
	margin: 0 0 10px 0;
	background: #e8b50a url(../image/mustard-top-left.gif) no-repeat left top;
	font-size: 0.9em;
	text-align: center;
}
#footer-wrap
{
	height: 2.5em;	
	background: transparent url(../image/mustard-bottom-right.gif) no-repeat bottom right;
}
#footer ul
{
	list-style-type: none;
	padding: 0.6em 0 0 0;
	margin: 0;
}
#footer ul li
{
	display: inline;
	margin: 0 1.1em 0.5em 1.1em;	
}
#footer a:link
{
	color: #FFF;
	text-decoration: none;	
}
#footer a:visited
{
	color: #FFF;
	text-decoration: none;	
}
#footer a:hover
{
	color: #FFF;
	text-decoration: underline;	
}
/* ======================================
			CLEARFIX
====================================== */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix 
{
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */