/********************* main formatting *****************/

body {
	text-align: center;
	color:#4d8d41;
}
img {
	border-color: #4d8d41;
}

a {
	color:#0033CC;
	text-decoration:none;
}

a:hover {
	color:#ff9a31;
	text-decoration:none;
}

/******************************************************/
#flash_warning {
	border:3px solid #de3c10;
	background-color:#ffebef;
	font-weight:bold;
	text-align:center;
	padding:10px 10px 10px 10px;
	margin:0 0 5px 0;
	color:#000000;
}

#container {
	margin: auto;
	width: 686px;
	text-align: left;
}
#header {
	width: 686px;
	height: 114px;
	background-image:url(../images/header.jpg);
	background-repeat: no-repeat;
}
#main_navigation {
	width: 686px;
	text-align: center;
	margin: 0 0 8px 0;
}
#main_navigation ul#navigation_options {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#navigation_options li.navigation_option {
	margin: 0 20px 0 00px;
	padding: 0;
	display: inline;
}
li.admin_navigation_option {
	margin: 0 20px 0 00px;
	padding: 0;
	display: inline;
}
li.admin_navigation_option a {
	color: #0033CC;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
li.admin_navigation_option a:hover {
	color: #ff9a31;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

li.navigation_option a {
	color: #339b3a;
	text-decoration: none;
	padding-left:20px;
	font-weight: bold;
	font-size: 1.2em;
}

li.navigation_option a:hover {
	background:url(../images/link_marker.gif);
	background-position:left;
	background-repeat:no-repeat;
	color: #339b3a;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
}

#content {
	position: relative;
	height: 100%;
}

#content #sidebar {
	float: left;
	position: relative;
	left: 0px;
	width: 157px;
	margin: auto;
	text-align:center;
}

h2.small {
	background:url(../images/h2_small_bg.gif);
	background-repeat:no-repeat;
	font-size:12px;
	width: 148px;
	height: 25px;
	margin: 0 0 0 7px;
	padding: 5px 0 0 0;
}

h2.small a {
	color:#FFFFFF;
}

h2.small a:hover {
	color:#ff9a31;
}

#content #bodycontent {
	position: relative;
	margin: auto;
	float: left;
	left: 3px;
	width: 526px;
}
#content #bodycontent h2 {
	margin: 0;
	padding: 4px 0 0 5px;
	background-image: url(../images/h2_bg.gif);
	background-repeat: no-repeat;
	font-size: 1.2em;
	color: #FFF;
	height: 25px;
}
#content #bodycontent p {
	padding: 0 10px 20px 0;
}

#content #bodycontent .box {
	background-image:url(../images/box_orange_bg.gif); 
	background-repeat: repeat-y; 
	height:100%;
}
#content #bodycontent p.title { 
	background-image:url(../images/box_orange_top.gif); 
	background-repeat: no-repeat; 
	padding: 5px 0 0 5px !important; 
	margin: 0;
	height: 24px;
	color: #fff;
	font-size: 1.1em;
}
#content #bodycontent div.bottom {
	background-image:url(../images/box_orange_bottom.gif); 
	background-repeat: no-repeat; 
	background-position:bottom;
	height: 16px;
	margin: 0px;
}
#content #bodycontent .box p {
	padding: 0 10px 0 5px;
}

#footer {
	position: relative;
	text-align: left;
	background-image: url(../images/footer_bar.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding: 15px 0 0 5px;
	font-size: 0.8em;
	color: #777;
}
.transparent {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}




/*********** ERROR EXPLANATION ************/

.errorExplanation h2 {
	display:none;
}

.errorExplanation p {
	background-image:none !important;
	color:red !important;
}

.errorExplanation ul li {
	background-image:none !important;
	color:red !important;
}

.fieldWithErrors {
	padding: 1px;
	background:url(../images/error_marker.gif);
	background-position:left;
	background-repeat:no-repeat;
	display:table;
}

/********* PAGE SPECIFIC **************/
#main_quote label {
	font-size: 1.6em;
	font-weight: lighter;
	color: #428536;
}

.main_quote_label {
	font-size: 1.6em;
	font-weight: lighter;
	color: #428536;
}

#main_quote input.big {
	border: 1px solid #999;
	font-size: 1.6em;
}

#submit_button {
  height:54px;
  width: 238px;
}

/* funky innerbox stylings */
#content #bodycontent .box p.green_text {
	color: #4d8d41;
	padding: 0 10px 0 9px !important;
	margin: 0;
}

.add_option {
	position:relative;
	color: #4d8d41;
	padding: 0 10px 0 9px !important;
	margin: 0;
	margin-bottom:2px;
}

.option_value {
	position:absolute;
	top:0px;
	left:150px;
}

#content #bodycontent .box h3 {
	position: relative;
	margin: 12px 10px 2px 5px;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #606060;
	display: block;
	border-bottom: 1px solid #777;
	width: 96%;
}
#content #bodycontent .box ol, #content #bodycontent .box ul {
	margin: 5px 10px 5px 23px;
	color: #4d8d41;
	font-size: 0.8em;
}

ul.options {
	list-style:none;
}

#optionBox {
	width:300px;
	height:100px;
	position:relative;
}

#baseBox {
	width:300px;
}

img.option {
	position:absolute;
	top:0px;
	left:310px;
	border:1px solid #4d8d41;
	height:auto;
	z-index:99999;
}

#content #bodycontent .checkbox {
	line-height: 10px; margin: 0 5px 0 -3px; 
}
#content #bodycontent .box li {
	position:relative;
	margin-top: 5px;
}
#content #bodycontent p.quote {
	position: relative;
	margin: 3px 10px 2px 5px;
	padding: 0;
	color: #4d8d41;
	text-align: right;
	font-weight: bold;
	font-size: 120%;
	border-top: 1px solid #777;
	width: 96%;
}

.big_quote {
	background-image:url(../images/quote_bg.gif);
	background-position:right;
	background-repeat:repeat-y;
	position: relative;
	margin: 3px 10px 20px 5px;
	padding: 10px 10px 10px 10px;
	color: #dedfde;
	text-align: right;
	text-shadow:#333333;
	font-style:oblique;
	font-weight: bold;
	font-size: 250%;
	border-top: 1px solid #777;
	width: 93%;
}

.online_discount {
	font-size:14px;
	border-bottom:1px solid #dedfde;
}

.box h3 .option a{
	position: absolute;
	top: 1px; right: 0px;
	color: #0033FF;
	text-decoration: none;
	font-size: .9em;
	font-weight: normal;
	text-transform:none;
}

/* Billing Form */
form#billing {
	position: relative;
	height: 100%;
}
form#billing label {
	margin: 9px 0 0 20px;
	display: block; width: 125px; float: left;
}

.radio {
	float:left;
	width:270px;
	left:20px;
	color:#999999;
}

form#billing input {
	margin: 5px 0 0 20px;
}

.td_specials {
	background-image:url(../images/specials.jpg);
	background-repeat:no-repeat;
}

.td_referals {
	background-image:url(../images/referals.jpg);
	background-repeat:no-repeat;
}

.td_call {
	background-image:url(../images/call_today.jpg);
	background-repeat:no-repeat;
}

.step_container {
	padding:30px 10px 0 5px;
	height:70px;
}

.step_link {
	padding:0 0 0 5px;
}

.live_chat {
	text-align:right;
	padding-right:20px;
}

.index_heading {
	font-size:18px;
	color:#ff6600;
}


/***********  50% off ********************/

.save_container {
	position:relative;
	height:1px;
	z-index:20;
}

.chat_container {
	position:relative;
	height:1px;
	z-index:20;
}

.chat_div {
	position:absolute;
	width:298px;
	height:140px;
	background-image:url(../images/chat_bg.gif);
	background-repeat:no-repeat;
	left:521px;
	top:20px;
	padding:10px 0 0 15px;
	z-index:25;
}

.save_content_top {
	position:absolute;
	width:408px;
	left:-243px;
	top:-184px;
	height:auto;
	z-index:22;
}

.save_content_bottom {
	position:absolute;
	width:200px;
	left:-243px;
	top:12px;
	height:auto;
	z-index:22;
}

#application-description {
	height:150px;
	width:330px;
	text-align:center;
	color:#333;
}

#splash_coupon {
  color: #080;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -2px;
  margin: 40px 0 35px 50px;
}

#splash_coupon #sub_splash_coupon {
  display: block;
  color: gray;
  font-size: 11px;
  letter-spacing: 0;
  margin-left: 258px;
  margin-top: -4px;
}
