/*
--------------------------------------------------------
CSS:    Styles for directenergynow.com
Author: Marshall & Marshall
--------------------------------------------------------
*/

html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	letter-spacing: -.01em;
	padding: 0;
	margin: 0;
	text-align: center;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	letter-spacing: -.01em;
	padding: 0;
	margin: 0;
	text-align: center;
	background: #000000 url(../images/bg-images/body-bg.jpg) no-repeat top center;
}

a {
	text-decoration: none;
	color: #B2ADA0;
	cursor: pointer;
	cursor: hand;
}

area {
	cursor: pointer;
	cursor: hand;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

img a {
	border: 0;
	padding: 0;
	margin: 0;
}

hr {
	text-align: center;
	color: transparent;
	background-color: transparent;
	height: 1px;
	border-top: none;
	border-right: none;
	border-bottom: 1px dashed #121212;
	border-left: none;
}

fieldset.fieldset {
	width: 480px;
	margin: 10px;
	color: #FFFFFF;
	/* border: 1px solid aqua; */
}

fieldset {
	border: none;
	margin: 10px 0 0 0;
	padding: 0;
}

/*-- Change paragraph typeface and colour --*/
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	letter-spacing: -.01em;
	color: #FFFFFF;
	text-align: left;
	margin: 5px 25px 0 25px;
}

p.smallmargin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	letter-spacing: -.04em;
	color: #FFFFFF;
	text-align: justify;
	margin: 5px 5px 5px 25px;
}

/*-- H styles yet to be determined --*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bolder;
	letter-spacing: -.01em;
	text-align: left;
	text-decoration: none;
	margin: 25px;
	padding: 0;
	color: #56601C;
	clear: both;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bolder;
	letter-spacing: -.01em;
	text-align: left;
	text-decoration: none;
	margin: 25px 0 0 25px;
	padding: 0;
	color: #9DC972;
	clear: both;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bolder;
	letter-spacing: -.01em;
	text-align: left;
	text-decoration: none;
	margin: 25px;
	padding: 0;
	color: #56601C;
	clear: both;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bolder;
	letter-spacing: -.01em;
	text-align: left;
	text-decoration: none;
	margin: 25px;
	padding: 0;
	color: #56601C;
	clear: both;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: -.01em;
	text-align: left;
	text-decoration: none;
	margin: 25px;
	padding: 0;
	color: #56601C;
	clear: both;
}

/*-- Main Blocks --*/
#access_types {
	display: none;
	width: 200px;
	height: 25px;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	background: #000000 url(../images/site-images/Direct_Energy_Logo.gif) 158px -8px no-repeat;
	color: #FFFFFF;
	border: 1px solid #121212;
}

#access_types p {
	margin: 2px;
}

#access_types a {
	margin: 0 4px 0 4px;
	color: #FFFFFF;
}

#access_types a:hover {
	text-decoration: underline;
}

#container {
	width: 593px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	padding: 0 0 25px 0;
	text-align: left;
	background: #505153 url(../images/bg-images/home_container-bg.jpg) repeat-x;
	border: 1px solid silver;
	/* border: 1px solid red; */
}

#header {
	width: 100%;
	height: 88px;
	padding-top: 35px;
	/* border: 1px solid yellow; */
}

#header img {
	margin-left: 10px;
}

#content {
	width: 100%;
	clear: both;
	background: transparent url(../images/bg-images/content_bg.jpg) top left repeat-y;
	border-top: 1px solid #6D7377;
	border-bottom: 1px solid #6D7377;
}

#content a:hover {
	color: #6A6A48;
}

#home_content {
	width: 100%;
	/* height: 192px; */
	clear: both;
	background: transparent;
	/* url(../images/bg-images/home-bg.jpg) no-repeat top left; */
	/* border-bottom: 1px solid red; */
}

#general_content {
	width: 100%;
	clear: both;
	background-color: transparent;
	/* border-bottom: 1px solid red; */
}

#general_content p {
	color: #FFFFFF;
}

#footer {
	width: 95%;
	height: 30px;
	padding: 10px;
	clear: both;
	color: #FFFFFF;
	background-color: transparent;
	/* border: 1px solid pink; */
}

#footer a {
	text-decoration: none;
	color: #FFFFFF;
	line-height: 1.5;
}

#footer a:hover {
	color: #B7B7B7;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5;
	text-align: center;
	color: #fff;
}

/* Navigation */

p#nav {
	width: 290px;
	margin: 25px 25px 0 0;
	float: right;
	text-align: right;
	/* border: 1px solid yellow; */
}

p#nav a {
	font-size: 19px;
	font-weight: bolder;
	letter-spacing: -.01em;
	text-decoration: none;
	text-transform: lowercase;
	padding-top: 1px;
	color: #FFFFFF;
	white-space: nowrap; /* IE work-around the IE block issue */
	/* border: 1px solid green; */
}

p#nav a:hover {
	color: #B7B7B7;
	white-space: nowrap; /* IE work-around the IE block issue */
	/* border: 1px solid red; */
}

p#nav a.current {
	color: red;
	white-space: nowrap; /* IE work-around the IE block issue */
	/* border: 1px solid red; */
}

p#second-nav {
	width: 390px;
	margin: 0 25px 0 0;
	float: right;
	text-align: right;
	/* border: 1px solid red; */
}

p#second-nav a {
	font-size: 14px;
	font-weight: bolder;
	letter-spacing: -.01em;
	text-decoration: none;
	text-transform: lowercase;
	padding-top: 1px;
	/* border: 1px solid green; */
}

p#second-nav a:hover {
	text-decoration: underline;
	/* border: 1px solid red; */
}

p#second-nav a.current{
	color: red;
	/* border-bottom: 1px solid #FFFFFF; */
	/* border: 1px solid red; */
}

input.inputbig {
	width: 190px;
	height: 18px;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.01em;
	color: #191916;
	float: left;
	border: 1px solid silver;
}

input.inputsmall {
	width: 50px;
	height: 18px;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.01em;
	color: #191916;
	float: left;
	border: 1px solid silver;
}

select.small {
	width: 100px;
	height: 20px;
}

select.big {
	width: 200px;
	height: 20px;
}

textarea.textarea {
	width: 563px;
	height: 350px;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0.01em;
	text-align: left;
	color: #FFFFFF;
	border: 1px solid #363636;
}

.small_text {
	font-size: 10px;
}

.content_right_container_left {
	width: 280px;
	float: left;
	/* border: 1px solid red; */
}

.content_right_container_right {
	width: 170px;
	float: right;
	/* border: 1px solid yellow; */
}

.content_right_container_right p {
	text-align: center;
}

.content_right_container_right p a {
	text-decoration: none;
	border: 0;
}

.bio-image {
	margin: 0 8px 8px 0;
}

.popupicon {
	margin: 4px 0 0 4px;
	float: left;
}

#help_container h1, #help_container p {
	color: #FFFFFF;
	margin: 10px;
}

ul.privacytopics {
	text-align: left;
	width: 700px;
	margin: 5px 5px 5px 25px;
	clear: both;
	padding: 0;
	list-style-type: none;
	/* border: 1px solid red; */
}

ul.privacytopics li {
	font-weight: 550;
	text-align: left;
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
	color: #FFFFFF;
	/* border: 1px solid yellow; */
}

ul.privacytopics p {
	font-weight: normal;
	color: #FFFFFF;
	margin: 4px 0 4px 10px;
}

ul.privacytopics a {
	color: #FFFFFF;
	text-decoration: underline;
}

ul.faqtopics {
	width: 580px;
	margin: 5px 5px 5px 25px;
	clear: both;
	padding: 0;
	list-style-type: none;
	/* border: 1px solid red; */
}

ul.faqtopics li {
	width: 260px;
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	color: #FFFFFF;
	/* border: 1px solid yellow; */
}

ul.faqtopics a {
	color: #FFFFFF;
	text-decoration: underline;
}

#plans_spacer {
	width: 560px;
	height: 65px;
	margin: 0 0 0 20px;
	clear: both;
	/* border: 1px solid aqua; */
}

.plans_content_cyclone {
	width: 560px;
	height: 65px;
	margin: 10px 10px 10px 15px;
	clear: both;
	background: transparent url(../images/bg-images/plans-cyclone_bg.gif) no-repeat top left;
	/* border: 1px solid pink; */
}

.plans_content_tornado {
	width: 560px;
	height: 65px;
	margin: 10px 10px 10px 15px;
	clear: both;
	background: transparent url(../images/bg-images/plans-tornado_bg.gif) no-repeat top left;
	/* border: 1px solid pink; */
}

.plans_content_typhoon {
	width: 560px;
	height: 65px;
	margin: 10px 10px 10px 15px;
	clear: both;
	background: transparent url(../images/bg-images/plans-typhoon_bg.gif) no-repeat top left;
	/* border: 1px solid pink; */
}

p.plans_content_p {
	padding: 5px 0 0 70px;
}

.plans_container {
	width: 580px;
	min-height: 210px;
	margin: 0 0 0 20px;
	clear: both;
	/* border: 1px solid aqua; */
}

.plans_container-light {
	width: 176px;
	height: 88px;
	margin: 2px;
	float: left;
	background: transparent url(../images/bg-images/plans_light-bg.png) no-repeat top left;
	/* border: 1px solid yellow; */
}

.plans_container-light p {
	margin: 5px;
	color: #FFFFFF;
}

.plans_container-light a {
	margin: 5px;
	color: #FFFFFF;
}

.plans_container-dark {
	width: 176px;
	height: 88px;
	margin: 2px;
	float: left;
	background: transparent url(../images/bg-images/plans_dark-bg.png) no-repeat top left;
	/* border: 1px solid red; */
}

.plans_container-dark p {
	margin: 5px;
	color: #FFFFFF;
}

.plans_container-alternate1 {
	width: 176px;
	height: 88px;
	margin: 2px;
	float: left;
	background: transparent url(../images/bg-images/plans-bg-alternate1.gif) no-repeat top left;
	/* border: 1px solid red; */
}

.plans_container-alternate2 {
	width: 176px;
	height: 88px;
	margin: 2px;
	float: left;
	background: transparent url(../images/bg-images/plans-bg-alternate2.png) no-repeat top left;
	/* border: 1px solid red; */
}

.plans_container-transparent {
	width: 176px;
	height: 88px;
	margin: 2px;
	float: left;
	background-color: transparent;
	/* border: 1px solid red; */
}

.terms_checkbox {
	margin: 8px 0 0 0;
}

label.wide {
	width: 330px;
	margin: 8px 0 0 0;
	padding: 0 8px 0 0;
	float: left;
	color: #FFFFFF;
}

label.medium {
	width: 450px;
	margin: 8px 0 0 0;
	padding: 0 8px 0 0;
	float: left;
	color: #FFFFFF;
}

label.tiny {
	width: 90px;
	margin: 8px 0 0 0;
	padding: 0 8px 0 0;
	float: left;
	color: #FFFFFF;
}

.total_displays {
	width: 100px;
	height: 25px;
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #121212;
}

#legal_container {
	width: 800px;
	background-color: #000000;
}

#legal_container h2 {
	width: 700px;
}

#legal_container p {
	width: 700px;
}

#order_approved {
	width: 543px;
	margin: 0 0 0 25px;
	clear: both;
	background-color: #FFFFFF;
}

#order_approved p {
	color: #000000;
}

.errors {
	width: 480px;
	height: 65px;
	margin: 10px 10px 10px 48px;
	clear: both;
	background: transparent url(../images/bg-images/errors_bg.gif) no-repeat top left;
	/* border: 1px solid pink; */
}

.errors p {
	text-align: center;
	margin: 20px;
}

a.introlink {
	color: #FFFFFF;
	margin: 0;
}

a.introlink:hover {
	text-decoration: underline;
}