/*
Stylesheet type: Site Skin
Client: Pilbeam
(c)copyright Pilbeam.com 2008
*/

/* Setting up the background image of the page, and the 'page' section of the site */
body {background:#ff8a00 url(../images/savingpgbg.jpg) left top repeat-x;}
#pilbeamdivision {width:100%; background:#111; color:#666; font-size:10px; position:relative; height:25px;}
#pilbeamdivision p {padding:6px 5px;}
#pilbeamdivision p a.pilbeam span{
	background:url(../images/optimise_mini.gif) left top no-repeat;
	display:block;
	position:absolute; top:0; left:0;
	width:100%; height:21px;
}

#page {
	width:831px; 
	margin:20px auto; 
	overflow:hidden;
	background:#fff;
}

/* the Branding styling */
#head {
	width:100%; height:130px;
	position:relative; overflow:hidden;
	margin:0; padding:0;
	background:url(../images/savingheadbg.gif) repeat-x;
}
#head #logo {position:absolute; left:20px; top:0; width:334px; height:75px;}
#head #logo a{
	display:block;
	margin:0;
	position:relative;
	width:334px;
	height:75px;
	padding:30px 0 0 10px;
}
#head #logo a span{
	display:block; 
	margin:0;
	position:absolute; left:0; top:30px;
	background:url(../images/savinglogo.jpg) no-repeat;
	width:100%; height:75px;
}

#head #logo a:visited{background:transparent;}

#head p#slogan {
	float:right;
	margin:30px 0 0 0; padding:25px 10px 0 0; 
	clear:right;
	height:35px;
	color:#450c71; background:url(../images/savingslogan.gif) right 26px no-repeat;
	font:italic 12px Georgia, "Times New Roman", Times, serif; text-align:center;	
}

/* @Main navigation */
#sitenav {}
#sitenav ul{margin:0; overflow:hidden; background:url(../images/savingnavbg.gif) left top;}
#sitenav ul li{float:left; padding:0;}
#sitenav ul li a{
	display:block; 
	margin-top:0; padding:0 5px 0 10px; 
	height:34px; line-height:34px;
	font-size:10px; font-weight:bold; text-decoration:none;
	color:#eee;
	border-right:1px solid #555;
}
#sitenav ul li a span{
	display:block;
	height:inherit; line-height:inherit; width:100%; 
	padding-right:5px;
}
#sitenav ul li a:hover {border-bottom:5px solid #8618dc; padding-top:5px; height:24px; line-height:24px;}
#sitenav ul li a:hover, #sitenav ul li a:hover span {color:#8618dc;}

#page_body {
	clear:left;
	overflow:hidden;
	padding-bottom:20px;
}

fieldset {margin-top:20px;}
fieldset#formsubmit {margin-top:15px; clear:both;}

form.responseform {border:1px solid #ccc; border-right:1px solid #555; border-bottom:1px solid #555; background:url(../images/formbg.gif) repeat-x;}
#sidebar {margin-bottom:20px;}
#sidebar form.responseform h2 {font: 1.4em Verdana, Arial, Helvetica, sans-serif; color:#444; margin-bottom:0.5em;}
#sidebar form.responseform fieldset legend {font: 0.8em Verdana, Arial, Helvetica, sans-serif; color:#444; margin-bottom:0.5em;}

#specialoffer label {}
#specialoffer input[type="checkbox"] {float:left; margin:0 5px 0 0; width:auto;}

h3.formstatus {margin-top:30px;}

/* @Content */
#content p, #content h1, #content h2, #content h3 {margin-left:10px; margin-right:10px;}
#content h1 {
	padding:32px 0 6px 10px;
	margin:2px 0 0 0;
	color:#450c71;
}

img#campaignDiagram {display:block; padding-left:20px;}

#content h1 span{color:#064995;}

/* @Footer Styling */
#footer {padding:3px 0 10px 20px; border-top:1px solid #dedede; text-align:center; background:url(../images/savingfootbg.gif) left bottom repeat-x; height:29px;}
#footer a{color:#999; text-decoration:underline;}
#footer p {font-size:10px; color:#ccc;}
/* @ENDS Footer Styling */