@import url(dm_cms.css);
@import url(tabs.css);
@import url(jsddm.css);
@import url(datepicker.css);

/* ------------------------------------------------------------------- */
/* SITE STYLES */
/* styles made available to all browsers */
/* ------------------------------------------------------------------- */

/* ------------------------------------------------------------------- */
/* Page Layout */
/* ------------------------------------------------------------------- */

/* structure */

#header_container {
  height:466px;
}

#header_container_interior {
  height:300px;
}

#header_top_container {
  width:966px;
  height: 72px;
  margin: 0px auto;
}

#header_top_left {
  float:left;
  width:200px;
}

#header_top_right {
  float:right;
  width:500px;
}

#header_banner {
  width: 966px;
  margin:10px auto;
}

#top_nav {
  float:right;
  text-align:right;
  margin:10px 0px 0px 0px;
  position:relative;
  z-index:2;  
}

#page_wrapper {
  width: 960px;
  margin: 0px auto;
	padding: 0px 0px;
}

/* ------------------------------------------------------------------- */
/* header styles */
/* ------------------------------------------------------------------- */
#header_img {
  width:966px;
  margin:0px 0px;
  position:absolute;
  z-index:1;
}

#header_default_img {
  width:966px;
  margin:0px 0px;
  background-repeat: no-repeat;
  z-index:1;
}

#company_logo {
  width:170px;
  margin:18px 0px 0px 0px;
  padding:0px 0px;
}


/* search form (header) */
#nav_search {
  color: #626262;
  font-size: 10px;
  margin-top:10px;
  text-align:right;
  padding: 0px 5px 0px 0px;
}

#nav_search a {
  color: #626262;
  text-decoration:none;
}

#nav_search a:visited {
  color: #626262;
  text-decoration:none;
}

#nav_search a:hover {
  color: #000;
  text-decoration:none;
}

#nav_search form {
  display:inline;
}

/* ------------------------------------------------------------------- */
/* main navigation */
/* ------------------------------------------------------------------- */

#main_nav {
  height: 29px;
  padding: 0px;
  font-size: 11px;
  text-align:right;
  z-index:11;
}

#main_nav div {
 
}

#main_nav ul {
  list-style:none;
  margin: 0px;
  padding:0px;
  list-style-position: inside;
}

#main_nav ul li a {
  font-size:11px;
  color: #474747;
	text-decoration:none;
}

#main_nav h2 {
  display:none;  
}

#main_nav ul li.member_login a {
	text-decoration:none;
  background-repeat: repeat-x;
	color: #FFF;
  margin-left: 255px;
}

#main_nav ul li.member_login a:hover {
	text-decoration:none;
  background-repeat: repeat-x;
  color: #FFF;
}

#main_nav ul li.member_login_active a {
	text-decoration:none;
  background-repeat: repeat-x;
	background-color:#DCE0E1;
	color: #333;
  margin-left: 255px;
}

#main_nav ul li.member_login_active a:hover {
	text-decoration:none;
	background-color:#CDCDCD;
}

/* ------------------------------------------------------------------- */
/* sub navigation */
/* ------------------------------------------------------------------- */
#subNavWrapper {

  background-color:#dedede;
}

.subNav {
  list-style:none;
  margin:20px 0px;
}

.subSubNav {
  list-style:none;
}

.subNav li {
  padding: 8px 14px;
  border-bottom:1px solid #ccc;
}

.subNav li:last-child {
  border-bottom:0px;
}

.subSubNav li {
  font-weight:normal;
  padding: 2px 0px;
  border-bottom:0px;
}

.subNav li.current {
  font-weight:bold;
}

/* ------------------------------------------------------------------- */
/* slide show */
/* ------------------------------------------------------------------- */

#slideshow {
  width:966px;
  height:303px;
  margin:0px auto 0px auto;
  position:relative;
  z-index:1;
}

#slideshow img {
  display:none;
}

#slideshow_interior {
  width:966px;
  height:176px;
  margin:0px auto 0px auto;
  position:relative;
  z-index:1;
}

/* ------------------------------------------------------------------- */
/* page styles */
/* ------------------------------------------------------------------- */





/* ------------------------------------------------------------------- */
/* footer styles */
/* ------------------------------------------------------------------- */
#footer_sub {
  width:910px;
  height:30px;
  padding: 4px 10px 0px 0px;
  text-align:right;
  background-color:#FFF;
}

#footer {
  width:1000px;
  height:30px;
  margin:10px auto;
	font-size: 9px;
	line-height: 12px;
	text-align:left;
}

#footer h3 {
  font-size: 11px;
  font-weight:normal;
  padding: 5px 0px;
  margin:0px;
	color:#7E7E7E;

}

#footer a {
	color:#7E7E7E;
	text-decoration:none;
}
#footer a:visited {
	color:#7E7E7E;
	text-decoration:none;
}
#footer a:hover {
	color:#7E7E7E;
	text-decoration:underline;
}
#footer img {
  display: inline;
}


/* ------------------------------------------------------------------- */
/* banner navigation */
/* ------------------------------------------------------------------- */
#banner_nav {
	background-repeat: no-repeat;
	background-color:transparent;
  height:33px;
  width:960px;
  overflow:hidden;
  text-align:center;
  padding:0px 3px;
  margin: 0px auto;
}

.banner_nav_item a {
  color: #474747;
  text-decoration:none;
}

.banner_nav_item {
  float:left;
  padding: 5px 0px 5px 0px;
  width:192px;
  height: 20px;
	background-color:transparent;
}

.banner_nav_item:hover {
	background-repeat: repeat-x;
	background-color:transparent;
}

.banner_nav_active {
	background-repeat: repeat-x;
	background-color:transparent;
}

.banner_nav_item:hover {

}

#banner_bottom_border {
  width:966px;
  height: 3px;
	background-repeat: repeat-y;
}

/* ------------------------------------------------------------------- */
/* secondary navigation */
/* ------------------------------------------------------------------- */
#secondary_nav {
  margin: 1px auto;
	text-align:center;
	border:1px solid #ff0000;
}

#secondary_nav ul {
  list-style:none;
  margin-left: 0px;
  padding-left: 0px;
}

#secondary_nav ul li {
  display: inline;
}

#secondary_nav ul li a {
  color:#FFF;
  text-transform:uppercase; 
  padding: 4px 10px;
	border-top: 1px solid #393737;
	border-right: 1px solid #393737;
	border-bottom: 1px solid #393737;

	background-repeat: repeat-x;
	background-color:#4D4847;
}

#secondary_nav ul li.first a {
  border-left: 1px solid #393737;
}

#secondary_nav ul li a:hover {
	text-decoration:none;
	background: none;
	background-repeat: repeat-x;
	background-color:#333132;
}

#secondary_nav ul li.active_nav a {
	text-decoration:none;

	background-repeat: repeat-x;
	background-color:#4D4847;
}

#secondary_nav ul li.active_nav a:hover {
	text-decoration:none;
	background-color:#ACACAC;
}

#secondary_nav h2 {
  display:none;
}

.bg_sub_nav {

}

/* ------------------------------------------------------------------- */
/* Photo placement */
/* ------------------------------------------------------------------- */
.photo_right_col {
  width: 300px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

.photo_caption {
  width:298px;
  background-repeat: repeat-y;
  padding: 8px 10px;
  text-align:right;
  color:#fff;
}

.photo_left_col {
  width:300px;
  margin:10px auto 10px auto;
  text-align:center;
}

.photo_left_col img {
  margin:0px auto;
}


.photo_caption_left {
  padding: 10px 0px 10px;
  text-align:left;
}

/* ------------------------------------------------------------------- */
/* breadcrumb nav */
/* ------------------------------------------------------------------- */

#top_bread_crumb {
  width:940px;
  height:26px;
  background-color: #d9d9d9;
  overflow:hidden;
  font-size: 10px;
  color:#505050;
  padding: 0px 10px 0px 10px;
  margin: 0px auto;
}

#top_bread_crumb a {
  color:#505050;
}

#top_bread_crumb a:hover {
  color:#323232;
  text-decoration:none;
}

#top_bread_crumb img {
  vertical-align:middle;
}


/* ------------------------------------------------------------------- */
/* page content structure */
/* ------------------------------------------------------------------- */

#content {
	width: 960px;
	margin: 0px auto;
}

#content_two_col {
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}

#content_left {
	width: 300px;
	min-height:361px;
  float:left;
  text-align: left;
	margin: 0px;
	padding: 0px 0px;
}

#content_left a {
 color: #4E4E4E;
}

#content_left a:hover {
  color: #4E4E4E;
  text-decoration:none;
}

#content_left_wide {
	width: 360px;
	min-height:361px;
  float:left;
  text-align: left;
	margin: 0px;
	padding: 0px 0px;
}

#content_left_wide a {
 color: #4E4E4E;
}

#content_left_wide a:hover {
  color: #4E4E4E;
  text-decoration:none;
}

#content_middle {
	width: 300px;
	margin: 0px 330px 0px 330px;
	padding: 0px 0px 20px 0px;
}

#content_middle_wide {
  width: 510px;
  float:right;
  margin: 20px 40px 20px 0px;
}

#content_middle_wide h2, #content_middle_wide h3 {
  font-weight: normal;
}

#content_right {
	width: 300px;
  float:right;
	padding: 0px 0px 0px 0px;  
}


#content_right a {
 color: #4E4E4E;
}

#content_right a:hover {
  color: #4E4E4E;
  text-decoration:none;
}

.watermark {
  background-position: right;
  background-repeat: no-repeat;
  min-height:350px;
  margin: 20px 0px;
  padding: 0px 20px;
}

/* ------------------------------------------------------------------- */
/* site map styles */
/* ------------------------------------------------------------------- */
#site_map ul {
  list-style-type:square;
  margin-left: 20px;
}

/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
.empty_hack {
	clear:both;
}

/* ------------------------------------------------------------------- */
/* generic styles */
/* ------------------------------------------------------------------- */
.pad_10 {
  padding:10px;
}

.pad_15 {
  padding:15px;
}

.pad_20 {
  padding:20px;
}

.pad_25 {
  padding:25px;
}

/* ------------------------------------------------------------------- */
/* page elements */
/* ------------------------------------------------------------------- */
.grey_sm {
  background-color: #E3E3E3;
  padding:15px 10px;
}

.grey_dark {
  background-color: #E5E5E5;
  padding:15px 15px;
  margin: 10px 0px;
}

.grey_light {
  background-color: #E3E3E3;
  padding:20px;
  margin: 10px 0px;
}

.grey_dark, .grey_light ul {
  list-style:none;
}

.div_line {
  background: url(../img/ecostar/div_line.gif);
  background-repeat: no-repeat;
  height: 16px;
}

.div_line_news {
  background: url(../img/ecostar/div_line_news.gif);
  background-repeat: no-repeat;
  width:275px;
  padding-right:25px;
  margin: 10px 0px 10px 0px;
  height: 20px;
  text-align:right;
  clear:both;
}

.div_line_news img {
  vertical-align:middle;
}

.div_line_med {
  background: url(../img/ecostar/div_line_med.gif);
  background-repeat: no-repeat;
  height: 16px;
}

.div_line_wide {
  background: url(../img/ecostar/div_line_wide.gif);
  background-repeat: no-repeat;
  height: 16px;
  margin-top:20px;
}

.generic_ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.hr_white {
  color:#FFF;
	margin:10px 0px;
	padding:0px 0px;
	border-bottom:1px solid #fff;
  border-top:0px;
  border-left: 0px;
  border-right: 0px;
}

.part_tbl {
  width:100%;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.part_tbl tr td {
	border: 1px solid #ccc;
	padding: 4px;
}
.part_tbl_header {
	background-color: #E4E4E4;

}

.content_mid_img {
  width: 510px;
  text-align:center;
  margin: 0px auto;
}

.content_left_img {
  width: 300px;
  text-align:center;
  margin: 15px auto;
}


.listing_left_wide li {
  margin: 0px 0px 20px 0px;

}

/* ------------------------------------------------------------------- */
/* warning bar */
/* ------------------------------------------------------------------- */

.warning {
	width: 940px;
  background-color:#f3c524;
	color: #333;
	padding: 4px 10px;
	text-align: center;
	margin:5px 0px;
	font-weight: bold;
}
.simple {
	width: 100%;
} 
.failure {
	width: 100%;
  background-color:#B9D1D5;
	color: #333;
	padding: 4px 10px;
	text-align: center;
}

.confirm {
	width: 100%;
  margin: 0px auto;
  background-color:#B9D1D5;
	color: #333;
	padding: 10px 0px;
	text-align: center;
	border-bottom:1px solid #fff;
}

.success {
	width: 100%;
  background-color:#B9D1D5;
	color: #333;
	padding: 4px 10px;
	text-align: center;
}

.ohmy {
	background-color:#000;
	
}
/* ------------------------------------------------------------------- */
/* global styles */
/* ------------------------------------------------------------------- */
.section_heading {
	margin: 10px 0px 0px 0px;
	padding: 4px 0px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	color:#333;
}

/* ------------------------------------------------------------------- */
/* bread crumb & Privacy Policy */
/* ------------------------------------------------------------------- */

#bread_crumb {
	width: 529px;
	padding: 0px 0px 10px 35px;
	margin: 0px 0px 0px 8px;
	text-align:left;
	font-size: 10px;
}
#bread_crumb a {
	color: #0F64E7;
}

#privacy_policy {
	width: 300px;
	float: right;
	margin-right: 8px;
	text-align:center;
	font-size: 10px;
}

#privacy_policy a {
	color: #0F64E7;
}

#clear_hack {
	clear:both;
}

.clear {
  clear:both;
}

/* ------------------------------------------------------------------- */
/* List styles (news / careers / files) */
/* ------------------------------------------------------------------- */
.list_box {
}

.list_box ul {
  list-style:none;
  margin-left: 0px;
  padding-left: 0px;
}

.list_box a {
  text-decoration:none;
  font-weight:bold;
}

.list_box p {
  color:#ccc;
}

.news_date {
  color:#1a3b7f;
  font-weight:bold;
}

.news_title {
  font-weight:bold;
  color:#4d4d4d;
}

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

.list_item {
  padding: 8px 8px;
  background-color: #EDEDED;
  border-bottom: 1px solid #fff;
}

.list_item:hover {
  background-color: #FEFFEF;
}

.list_item h3 {
  color: #517478;
  font-weight:normal;
  font-size:11px;
  display:inline;
}

.list_item_alt {
  background-color: #FFF;  
}


.list_box_file {
  padding: 8px 8px;
  background-color: #EDEDED;
}

.list_box_file h3 {
  color: #517478;
  font-weight:normal;
  font-size:11px;
  display:inline;
}


/* ------------------------------------------------------------------- */
/*  styles effects */
/* ------------------------------------------------------------------- */

.inline {
  display:inline;
}

.shadow {
  -moz-box-shadow: 0px 0px 6px #b2b2b2;
  -webkit-box-shadow: 0px 0px 6px #b2b2b2;
}

.shadow_lt {
  -moz-box-shadow: 0px 0px 4px #bfbfbf;
  -webkit-box-shadow: 0px 0px 4px #bfbfbf;
}


.shadowBig {
  -moz-box-shadow: 0px 0px 34px #000;
  -webkit-box-shadow: 0px 0px 34px #000;

/*
  -moz-box-shadow: 0px 0px 24px #6bb0ce;
  -webkit-box-shadow: 0px 0px 24px #6bb0ce;
*/  
}


.shadowSides {
  -moz-box-shadow: 0px 60px 24px #6bb0ce;
  -webkit-box-shadow: 0px 60px 24px #6bb0ce;
}

.hide {
  display:none;
}