/*----------------------------------------------------------------
SelectRefresh general stylesheet 
Version:	1.0
Author:		Josh Southern
email:		josh@threeseventeen.com
Updated:	10/30/07
----------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #F2CC85 url(../img/bg.gif) repeat-x top left;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdada, sans-serif;
	color: #6A6A6A;
}


/* Styles to format basic text */
a, a:link, a:visited {
	color: #445E07;
	text-decoration: underline;
	border: 0px none;
	background-color: transparent;
}
a:hover {
	color: #759E0E;
}
img {
	border: 0px none;
}
a img {
	border: 0px none;
}
p {
	padding: 3px 40px 10px 30px;
	line-height: 1.4;
	font-size: 12px;
}
h1 { /*For the name of the company (replaced by the logo) */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 144px;
	height: 117px;
	background: url(../img/selectrefresh-logo.gif) no-repeat;
	text-indent: -9000px;
}
h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	display: block;
	height: 117px;
	background: url(../img/selectrefresh-logo.gif) no-repeat;
	color: #fff;
	border: 0px none;
}
h2 {
	font-size: 18px;
	color: #072A5E;
	padding: 30px 40px 3px 30px;
}
h3 {
	font-size: 14px;
	font-weight:bold;
	padding: 10px 40px 0px 0px;
	color: #072A5E;
}
h4 {
	font-size: 110%;
	padding: 10px 40px 0px 30px;
}
h5 {
	font-size: 115%;
	padding: 20px 40px 3px 30px;
}
h6 {
	font-size: 110%;
	padding: 20px 40px 3px 30px;
}
ul {
	list-style-type: none;
	padding: 3px 50px 15px 30px;
	line-height: 1.2;
	font-size: 90%;
}
ul li {
	padding: 2px 0px 2px 15px;
	background: url(../img/orange-square.gif) no-repeat 0px 5px;
}
ul.emphasis li {
	font-weight: bold;
	color: #072A5E;
}
ol {
	list-style-type: decimal;
	padding: 3px 50px 25px 30px;
	line-height: 1.2;
	font-size: 90%;
} 
ol li {
	background: none;
	padding-left: 0;
}
li {
	padding-bottom: 10px;
}
p.note {
	font-size: x-small;
}
p.quote, #quote p.quote {
	color: #445E07;
	font-size: 110%;
}
hr {
	height: 0px; 
	border: 0px none;
	border-top: 1px solid #C7C7C7;
	margin: 10px 20px;
}



/* Styles to format page layout */
#container {
	position: relative;
	width: 720px;
	left: 50%;
	margin-left: -360px;
	background: #fff;
}
#header {
	width: 100%;
	height: 117px;
	position: relative;
}
#feature {
	width: 100%;
	height: 180px;
	margin: 0;
	padding: 0;
	position: relative;
}
#feature h2 {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0;
	padding: 10px 25px;
	width: 152px;
	height: 38px;
	background: #669FC7 url(../img/orange-square.gif) no-repeat 12px 16px;;
	font-size: 135%;
	color: #fff;
}
ul#subNav {
	position: absolute;
	top: 38px;
	right: 0px;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	list-style-type: none;
	width: 202px;
	height: 122px;
	background: #AFD3EC;
	border-bottom: 15px solid #669FC7;
} 
ul#subNav li {
	padding: 4px 25px;
	margin: 0;
	background: transparent;
}
ul#subNav li a {
	font-size: 13px;
	font-weight: bold;
	color: #376376;
	text-decoration: underline;
}
ul#subNav li a:hover {
	color: #fff;
}
#content {
	position: relative;
	float: left;
	width: 516px;
	background: #fff;
	padding-bottom: 50px;
}
#secondaryContent {
	position: relative;
	float: right;
	width: 202px;
	text-align: left;
	padding: 0;
}
#secondaryContent p {
	font-size: 12px;
	padding: 10px 20px; 
	border-bottom: 2px solid #fff;
	background: #E3E7DA;
}
#quote {
	padding-top: 15px 
}
#quote p {
	background: #fff;
	padding: 8px 10px;
}
#footer {
	clear: both;
	position: relative;
	width: 100%;
	background: #F2CC85;
}
#footer p {
	padding: 10px;
	font-size: 90%;
	text-align: center;
}
#footer a.footerlink:hover {
	color:#759E0E;
}
#footer a.footerlink, #footer a.footerlink:link, #footer a.footerlink:visited {
	color:#6A6A6A;
	font-family:Arial,Helvetica,Verdada,sans-serif;
	font-size:11px;
}


/* Styles to format main navigation */
ul#mainNav  {
	position: absolute;
	bottom: 0px;
	right: -10px;
	margin: 0;
	padding: 0;
	float: right;
	list-style-type: none;
	text-align: right;
}
ul#mainNav li {
	float: right;
	margin: 0;
	padding: 0;
	background: transparent;
}
ul#mainNav li a {
	display: block;
	padding: 7px 10px;
	color: #072A5E;
	font-size: 13px;
	text-decoration: none;
}
ul#mainNav li a:hover, ul#mainNav a:active {
	color: #006699;
	text-decoration: underline;
}
body#about ul#mainNav li.about a,
body#products ul#mainNav li.products a,
body#resources ul#mainNav li.resources a,
body#who ul#mainNav li.who a,
body#news ul#mainNav li.news a {
	color: #006699;
}


/* Styles to format secondary navigation */
ul#secondaryNav  {
	position: absolute;
	top: 15px;
	right: 0px;
	margin: 0;
	padding: 0;
	float: right;
	list-style-type: none;
	text-align: right;
}
ul#secondaryNav li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #072A5E;
	background: transparent;
}
ul#secondaryNav li a {
	color: #072A5E;
	font-size: 12px;
	text-decoration: underline;
}
ul#secondaryNav li a:hover, ul#secondaryNav a:active {
	color: #006699;
}
	


/* ROI & Support Form formatting */
#widecontent {
	width: 720px;
}
form {
	margin: 15px auto;
	padding: 0px;
	width: 660px;
}
fieldset {
	margin: 0 0 1em 0;
	padding: 1em;
	border: 0px none;
}
fieldset legend {
	font-size: 14px;
	font-weight: bold;
	color: #285568;
	margin: 0;
	padding: 0 5px;
}
form h6 { /* Used for subheads within the form */
	clear: both;
	margin: 0;
	padding: 5px;
	color: #333;
	font-weight: bold;
	font-size: 12px;
}
form h6 label {
	display: block;
	width: 225px;
	float: left;
	margin: 0px;
	color: #333;
	padding: 4px 0px 0px 0px;
}
form p { /* Used to format the form elements into one row */
	clear: both;
	margin: 0;
	padding: 5px;
}
form p label {
	display: block;
	width: 225px;
	float: left;
	margin: 0px;
	color: #333;
	padding: 4px 0px 0px 0px;
}
fieldset#admin p label {
	width: 300px;
}
form p.extratoppadding, form h6.extratoppadding {
	padding-top: 30px;
}
span.middleleft {
	display: block;
	width: 50px;
	text-align: center;
	float: left;
	padding: 0;
}
span.middleleft input {
	margin-left: 10px;
}
span.middleright input {
	margin-left: 5px;
}
span.middleright {
	display: block;
	width: 60px;
	text-align: center;
	float: left;
	padding: 0 3px;
}
form p span.dollarsign {
	float: left;
	position: relative;
	left: -6px;
	padding-top: 6px;
}
form p span.percentsign {
	float: left;
	position: relative;
	padding-top: 6px;
}
form p span.instructions, form h6 span.instructions {
	display: block;
	width: 250px;
	float: right;
}
form p input, form p textarea, form p select {
	float: left;
	margin: 3px;
	padding: 2px;
	background: #afd3ec;
}
form p.datetime {
	float: left;
}
form p.datetime select {
	float: none;
}
form p input.text {
	width: 200px;
}
form p textarea {
	width: 300px;
}
form p input.number {
	width: 50px;
	text-align: right;
}
form p input.price {
	width: 50px;
	text-align: right;
	position: relative;
	left: -6px;
}
form p input.percent {
	width: 30px;
	text-align: right;
}
form p input.required, form p textarea.required, form p select.required {
	background: #f0c26e;
}
form p input.disabled {
	background: #ededed;
}
form p.hidden {
	display: none;
}
form input#submit, form input#reset {
	width: auto;
	float: right;
	padding: 2px 5px;
	background: #1d4767;
	color: #fff;
	border: 0px none;
	margin: 0px 10px;
}
div.error_message {
	padding: 3px 40px 10px 30px;
	line-height: 1.4;
	font-size: 100%;
	color: #e79f19;
}