/* Power Access SITE CSS
------------------------------------------------

	Contents:	Global
				Header
				Content
				Footer

------------------------------------------------*/



/* Global Reset and CSS
------------------------------------------------*/
/* Global CSS and Master Reset
--------------------------------------------*/
html, body {
	margin: 0px; 
	padding: 0px;
	background-color: #58595b;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
}

.container {
	width: 100%;
	background-color: white;
}

div, dl, dt, dd, ul, ol, li, pre, blockquote {
	margin: 0pt;
	padding: 0pt;
}

ul, ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 10px;
}

li { 
	background-image: url(../images/list-style.jpg); padding-left: 20px;
	background-repeat: no-repeat; padding-bottom: 5px; line-height: 1.5em;
}

:link, :visited { text-decoration: none; }

img, a img, :link img, :visited img { border: none; }

.clearer { clear: both; height: 0pt; line-height: 0pt; }
.clear { clear: both; }
.spacer { padding-top: 60px; }
.floatLeft { float: left; }
.floatRight { float: right; }

.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }

.none { display: none; }
.block { display: block; }
.inline { display: inline; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.textCap { text-transform: capitalize; }
.textUnderline { text-decoration: underline; }

/* Typography
--------------------------------------------*/
h1 { font-size: 22px; margin-bottom: -5px; color: #58595b; }
h2 { font-size: 20px; margin-bottom: -5px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

p { font-size: 12px; line-height: 1.5em; }

.highlight { color: #ed1c24; }
.form-top h2 { color: white; }
.form-top p { margin-bottom: 0; }
.form-body p { margin-top: 0; }

/* Links
--------------------------------------------*/
a { color: white; text-decoration: none; outline: none; }
a:active { color: white; outline: none; }
a:visited { color: white; outline: none; }
a:hover { color: white; text-decoration: underline; outline: none; }

a.content { color: #58595b; text-decoration:  none; outline: none; }
a.content:active { color: #58595b; outline: none; }
a.content:visited { color: #58595b; outline: none; }
a.content:hover { color: #58595b; outline: none; text-decoration: underline; }


/* Header CSS
------------------------------------------------*/
.header-bg { 
	background-image: url(../images/top-bg.jpg);
	background-repeat: repeat-x; height: 26px;
}

.header {
	margin: 0 auto;
	width: 1023px;
	padding: 0px 0;
}



/* Content CSS
------------------------------------------------*/
.content {
	margin: 0 auto; width: 1023px; color: #58595b;
	padding-top: 20px; padding-bottom: 50px;
	background-image: url(../images/content-bg.jpg);
	background-position: 0 209px; background-repeat: no-repeat;
}

.col-left { float: left; width: 600px; }
.col-right { float: right; width: 423px; }

/* Footer CSS
------------------------------------------------*/
.footer {
	background-image: url(../images/bottom-bg.jpg);
	background-repeat: repeat-x;
	color: white; font-size: 10px;
	height: 154px; position: relative;
}

.footer-content {
	width: 1023px; margin: 0 auto; font-size: 10px;
	padding: 20px 0; background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat; height: 97px;
}

.footer-content p { font-size: 10px; }
.footer-col-middle { float: left; width: 900px; text-align: center; }
.footer-col-right { float: left; width: 123px; text-align: right; }

.footer-images {
	position: relative; width: 1023px;
}
.product-1 { position: absolute; top: -330px; left: 340px; }
.product-2 { position: absolute; top: -277px; left: 780px; }

/* Forms CSS
------------------------------------------------*/
form { margin: 0; }
.main-form { width: 353px; }

.form-top { 
	background-image: url(../images/form-top.jpg); background-repeat: no-repeat; 
	height: 84px; text-align: center; color: white; padding-top: 10px;
}

.form-body { 
	background-image: url(../images/form-body.jpg); background-repeat: repeat-y; 
	text-align: center; color: white; padding: 0 30px;
}

.form-bottom { 
	background-image: url(../images/form-bottom.jpg); background-repeat: no-repeat; 
	height: 74px; text-align: center; padding-top: 20px;
}

.input { 
	border: 1px solid #abadaf; margin-left: 5px;
	padding: 2px 3px; width: 230px; outline: none;
}

.select { 
	border: 1px solid #abadaf; margin-left: 5px;
	padding: 2px 3px; width: 178px; outline: none;
}

.input:focus { color: white; background-color: #abadaf; outline: none; }
table tr td { height: 25px; }
.label { line-height: 1.9em; }

/* Live Validation CSS
------------------------------------------------------------------------------*/
.LV_validation_message {
    font-weight: bold; font-size: 11px; text-align: left;
    margin-bottom: 0px; margin-left: 7px;
}

.LV_valid {
    color: #00CC00; display: none;
	margin-top: 0px;
	margin-left: 7px;
}
	
.LV_invalid {
    color: black; display: none;
	margin-top: -19px;
	margin-bottom: 5px;
	margin-left: 13px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #ed1c24;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #790606;
}

/* Nasty Little Safari CSS Hack :(   KEEP AS LAST STYLE
--------------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.content {
	margin: 0 auto; width: 1023px;
	padding-top: 20px; padding-bottom: 50px;
	background-image: url(../images/content-bg.jpg);
	background-position: 0 200px; background-repeat: no-repeat;
}
}