/* general */
html{background-color: #d2d2d2;}
body{height: 100%; font-size: .70em;}
a{text-decoration: none; color: #333333;}
div#clear_top{height: 35px;}
/* end general */



/* wrappers */
div#wrapper{
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
}

div#wrapper_header{
	background: url(../images/header_bg.jpg) no-repeat;
}

div#wrapper_content{
	background: url(../images/content_bg.jpg) repeat-y;
}

div#wrapper_content_stripe{
	background: url(../images/content_stripe_bg.jpg) repeat-y;
}

div#wrapper_content_widestripe{
	background: url(../images/content_wide_grey_bg.jpg);
}

div#wrapper_footer{
	background: url(../images/footer_bg.jpg) no-repeat;
}
/* end wrappers */






/* header */
div#header{
	position: relative;
	overflow: hidden;
	width: 950px;
	height: 75px;
	margin: 0 auto;
	padding: 0;
	
}

div#branding{
	position: absolute;
	left: 0;
	top: 15px;
	width: 230px;
}

div#branding h1{
	text-indent: -9999px;
	margin: 5px 0 0 7px;
	/*background: url(../images/mogo_logo-trans.png) no-repeat;*/
}

div#branding a{
	display: block;
	width: 210px;
	height: 50px;
}


div#member_login{
	position:absolute;
	right:0;
	margin: 45px 45px 0 0;
	text-transform: uppercase;
	font-size: 9px;
	color: #646464;
}

div#member_login li{
	display: inline;
	/*float: left;*/
	padding: 0 1px 0 1px;
}

div#member_login li a{
	font-weight: bold;
}

div#member_login li a:hover{
	color: #E58418;
}

div#member_login li a.login_item{
	border-right: 1px solid #E58418;
	padding-right: 6px;
	_margin-right: 6px;
	_padding-right: 0;
}

div#member_login li#login_name{
	border-right: 1px solid #E58418;
	padding-right: 6px;
	font-weight: bold;
	_margin-right: 6px;
	_padding-right: 0;
}

div#member_login li.orangeBorderRight {
	border-right: 1px solid #E58418;
	padding-right: 6px;
	font-weight: bold;
	_margin-right: 6px;
	_padding-right: 0;
}

/* end header */





/* content */
div#content{
	overflow: hidden;
	position: relative;
	width: 950px;
	/* height: 100%; */
	margin: 0 auto;
}

.cmsEditableBanner {
	overflow: hidden;
	display: block;
	height: 140px;
	background: #98BBD0;
}

.cmsEditableBanner img {
	margin: 0;
	padding: 0;
}

div#banner, .cmsBanner 
div#banner_blue, cmsBannerBlue {
	overflow: hidden;
	display: block;
	height: 140px;
}

div#banner img, .cmsBanner img, 
div#banner_blue img, .cmsBannerBlue img {
	margin: 0;
	padding: 0;
	
}



div#banner, .cmsBanner {
	background: url(../images/banner.jpg)
}

div#banner_blue, .cmsBannerBlue {
	background: url(../images/banner_blue.jpg)
}





div#content_bar{
	float: left;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}







/* navigation menu */
div#nav_main{
	overflow: hidden;
	float: left;
	width: 182px;
	height: 450px;
	text-transform: uppercase;
}

div#nav_main ul{
	background-color: #82A5BB;
}

div#nav_main strong.accent{
	color: #FFFFFF;
	margin-left: 3px;
}

div#nav_main li{
	padding: 0;
	margin: 0;
	background-color: #82A5BB;
	overflow: hidden;
}

div#nav_main li.lang{
	border: none;
}

div#nav_main li a{
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	width: 170px;
	color: #000000;
	font-weight: bold;
	padding:3px 0 3px 12px;
	font-size: 10px;
	border-bottom: 1px solid #A5BFCF;
}


div#nav_main ul li.selectedItem a {
	color: #FFFFFF;
	/* background-color:#B2CBD9; */
}

div#nav_main ul li.selectedItem strong.accent {
	color:#FF0000;
}

div#nav_main ul li.selectedItem a:hover {
	color: #FFFFFF;
	background-color:#C8DAE4;
}



div#nav_main ul ul {
	width: 182px;
}

div#nav_main ul ul li.selectedItem a {
	width: 150px;
	font-weight: bold;
	background-color: #c8dae4;
	/*text-indent: 12px;*/
	text-transform: none;
	color: #000 !important;
	/*padding-left: 30px;*/
	padding-right: 20px;
	
}

div#nav_main ul ul a {
	width: 155px;
	font-weight: normal;
	background-color: #b2cbd9;
	/*text-indent: 12px;*/
	text-transform: none;
	color: #000000 !important;
	padding-left: 27px;
}

div#nav_main ul ul a:hover{
	color: #000000 !important;
	background-color: #c8dae4;
	font-weight: bold;
}



div#nav_main ul ul ul {
	width: 182px;
}

div#nav_main ul ul ul li.selectedItem a {
	width: 182px;
	font-weight: bold !important;
	background-color: #c8dae4;
	/*text-indent: 32px;*/
	text-transform: none;
	color: #000 !important;
}

div#nav_main ul ul ul a {
	width: 120px !important;
	font-weight: normal !important;
	background-color: #b2cbd9;
	/*text-indent: 32px !important;*/
	text-transform: none;
	color: #000000 !important;
	padding-left: 42px;
	padding-right: 0;
	display: block;
}

div#nav_main ul ul ul a:hover{
	color: #000000 !important;
	background-color: #c8dae4;
	font-weight: bold !important;
}


div#nav_main ul ul ul ul li.selectedItem a {
	text-indent: 15px;
}


div#nav_main ul ul ul ul ul li.selectedItem a {
	text-indent: 30px;
}

div#nav_main ul ul ul ul ul ul li.selectedItem a {
	text-indent: 45px;
}






div#nav_main a:hover{
	color: #000000;
	background-color: #C8DAE4;
}

div#nav_main a.accent{
	color: #FFFFFF;
}






/* LANGUAGE STYLES */
li.lang{
	overflow: hidden;
	background-color: #82A5BB;
	height: 20px;
}

div#nav_main ul li a.lang{
	display: block;
	float: left;
	border-bottom: none;
	width: 90px;
	padding:3px 0 3px 12px;
	font-weight: normal;
}

div#nav_main ul li a.lang:hover{
	background-color: #82A5BB;
}


div#nav_main ul.flags{
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	display: inline;
	width: 70px;
	overflow: hidden;
}

div#nav_main ul ul.flags li{
	float: left;
}

div#nav_main ul ul.flags li a{
	display: block;
	width: 20px;
	height: 15px;
	margin: 2px 0 2px 3px;
	padding: 0;
	text-indent: -9999px;
	border: none;
}

div#nav_main li li{
	border: none;
}

#lang_english{
	background: url(../images/home/lang_english.gif) no-repeat;
}

#lang_japanese{
	background: url(../images/home/lang_japanese.gif) no-repeat;
}

#lang_english_bw{
	background: url(../images/home/lang_english_bw.gif) no-repeat;
}

#lang_japanese_bw{
	background: url(../images/home/lang_japanese_bw.gif) no-repeat;
}



#lang_german{
	background: url(../images/home/lang_german.gif) no-repeat;
}
/* LANGUAGE STYLES */




div#content_body{
	overflow: hidden;
	float: left;
	width: 768px;
	height: 100%;
}

/* end content */


/* registration_call */
h2#registration_call{
overflow:hidden;
float:left;
}
h2#registration_call a{
	display: block;
	/*height: 1px;*/
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-indent: -9999px;
	width: 182px;
	height: 60px;
	background: #FFFFFF url(../images/registration_call.jpg) no-repeat top left;

}/* end registration_call */


/* footer */
div#footer{
	width: 950px;
	height: 45px;
	margin: 0 auto;
}

div#site_info{
	position: relative;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 9px;
	height: 30px;
}

div#site_info ul{
	text-align: center;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	position: relative;
}

div#site_info li{
	display: inline;
	padding: 0;
}

div#site_info a{
	padding: 0 6px 0 2px;
	border-right: 1px solid #687983;
	color: #FFFFFF;
}

div#site_info a:hover{
	color: #000000;
}

div#site_info a.last_item{
	border: none;
}

div#site_info a#branding_designer{
	display: block;
	position: absolute;
	overflow: hidden;
	top: 5px;
	right: 5px;
	width: 120px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/energi_slug.gif);
	border: none;
}

div#site_info a#branding_designer:hover{
	background: url(../images/energi_slug_over.gif);
}
/* end footer */



/* legal */
div#legal{
	overflow: hidden;
	width: 950px;
	margin: 0 auto;
	color: #6D6D6D;
	font-size: 9px;
}

div#legal p{
	text-align: center;
}

div#legal a{
	color: #6D6D6D;
	text-decoration: underline;
}

div#legal a:hover{
	color: #E58418;
}

/* end legal */










#shopping_list .item_box {
	height: 80px;
	padding: 0 30px 0px 50px;
}

#shopping_list .item_box .item_title {

	padding: 0 30px 5px 60px;

}
#shopping_list .item_box .item_desc {
	
	padding: 0 30px 0px 60px;

}



#shopping_list h3 {
	padding-bottom: 10px;
}


#shopping_list .category_1 {
	clear: both;
	float: left;
	padding: 5px 0 2px 10px;
}

#shopping_list .category_1 a {
	color: #91B4C8;
	font-weight: bold;
}
#shopping_list .category_1 a:hover {
	text-decoration: underline;
}



#shopping_list .category_2 {
	clear: both;
	float: left;
	padding: 2px 0 1px 30px;
}
#shopping_list .category_2 a {
	color: #91B4C8;
}
#shopping_list .category_2 a:hover {
	text-decoration: underline;
}




#podcast_details .formLabel,
#product_details .formLabel {
	width: 150px;
}
#podcast_details .formInput input,
#podcast_details .formInput textarea,
#product_details .formInput input,
#product_details .formInput textarea {
	width: 300px;
}



.formInputText {
	float: left;
	padding: 4px 0 0 6px;
	color: #91B4C8;
}












.formLabel {
	clear: both;
	float: left;
	padding-top: 4px;
	height: 26px;
	width: 120px;
	border: 0px solid red;
	margin: 0;
}

#member_registration .formLabel {
	width: 120px;
}

#comment_login .formLabel {
	width: 100px;
}

.shortInput {
	width: 140px !important;
}

.shortInput {
	width: 140px !important;
}



.formInput {
	float: left;
	height: 30px;
	border: 0px solid blue;
	margin: 0;
	width: 345px;
}



.textArea {
	height: 240px;
}

.textArea textarea {
	height: 220px;
}

.textAreaShort {
	height: 120px
}

.textAreaShort textarea {
	height: 100px;
}

.formInput input[type="text"], 
.formInput input[type="password"],
.formInput textarea,
.formInput select {
	display: block;
	margin-bottom: 8px;
	text-align: left;
	padding: 3px;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana, Helvetica, sans-serif;
	color: #666666;
	width: 200px;
	border: 1px solid #000000;
	_margin-bottom: 0px;
}

.formInput select {
	padding: 1px;
}

.formInput .smInput {
	width: 100px !important;
}
.formInput .ssmInput {
	width: 80px !important;
}

.formInput input[type="text"]:hover, 
.formInput input[type="text"]:focus, 
.formInput input[type="password"]:hover, 
.formInput input[type="password"]:focus, 
.formInput textarea:hover, 
.formInput textarea:focus,
.formInput select:hover, 
.formInput select:focus {
	background-color: #e9f0f4;
	color: #646464;
}

.formInput input[type="submit"],
.formInput input[type="button"]
 {
	background-color: #82A5BB;
	border: 1px solid #666666;
	color: white;
	padding: 1px;
	width: auto !important;
}

.formInput input[type="submit"]:hover, 
.formInput input[type="submit"]:focus, 
.formInput input[type="button"]:hover, 
.formInput input[type="button"]:focus {
	color: black;
	background-color:#C8DAE4;
	cursor: pointer;
	width: auto !important;
}

.breadCrumbs a,
.productText a,
#cartTableSmall a,
#cartButtonTable a,
.bluelinks a {
	color: #91B4C8;
	font-weight: bold;
}

.breadCrumbs a:hover,
.productText a:hover,
#cartTableSmall a:hover,
#cartButtonTable a:hover,
.bluelinks a:hover {
	color: #91B4C8;
	font-weight: bold;
	text-decoration: underline;
}


.productImage {
	float: left;
	clear: both;
	width: 90px;
}

.productText {
	float: left;
	width: 340px;
}

.productInput {
	padding: 3px;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana, Helvetica, sans-serif;
	color: #666666;
	border: 1px solid #000000;
}

.productInput:hover, 
.productInput:focus {
	background-color: #e9f0f4;
	color: #646464;
}

.productButton {
	background-color: #82A5BB;
	border: 1px solid #666666;
	color: white;
	padding: 1px;
	width: auto !important;
}

.productButton:hover,
.productButton:focus {
	color: black;
	background-color:#C8DAE4;
	cursor: pointer;
	width: auto !important;
}




#cartTableSmall {
	font-size: 9px;
}

#cartTableSmall td {
	padding: 2px 1px 2px 1px;
	height: 10px;
}
#cartTableSmall tr.header {
	font-weight: bold;
}
#cartTableSmall tr.footer td {
	border-top: 1px solid black;
}



#cartTable {
	border: 1px solid #82A5BB;
	border-collapse: collapse;
}

#cartTable td {
	padding: 3px;
	height: 30px;
}

#cartTable tr.header {
	background: #d6e9f4;
	font-weight: bold;
}

#cartTable tr.header td {
	border-bottom: 1px solid #82A5BB;
}
#cartTable .alt {
	background-color: #FCFCFC;
}
#cartTable .alt td {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
#cartTable .reg {
	/* background-color: #F0F6FF; */
	background-color: #F6F6F6;
	
}
#cartTable tr.footer {
	background: #d6e9f4;
	height: 30px;
}
#cartTable tr.footer td {
	border-top: 1px solid #82A5BB;
}
#cartTable ul {
	margin-left: 50px;
	padding: 4px 0 8px 0;
}
#cartTable ul li {
	padding: 2px 0 2px 0;
}

.orangelinks a {
	color: red;
	font-weight: bold;
	font-size: 8pt;
}

.orangelinks a:hover{
	color: red;
	text-decoration: underline;
}


#podcastTable {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	border: 1px solid #BBB;
	
}
#podcastTable thead tr th, 
#podcastTable tfoot tr th {
	background-color: #c8dae4;
	border-right: 1px solid #FFF;
	font-size: 8pt;
	padding: 5px;
}
#podcastTable thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
#podcastTable tbody td {
	color: #3D3D3D;
	padding: 5px;
	background-color: #FFF;
	vertical-align: top;
	border-top: 1px solid #DDD;
}
#podcastTable tbody tr.dataRow:hover td {
	background-color: #FFEFEF;
}
#podcastTable thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
#podcastTable thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
#podcastTable thead tr .headerSortDown, 
#podcastTable thead tr .headerSortUp {
	background-color: #82A5BB;
	color: white;
}
#podcastTable tr.odd td {
	background-color: #F0FAFF;
}
#podcastTable a:hover {
	text-decoration: underline;
}




#eventSubNav {
	height: 30px;
	width: 650px;
	border-bottom: 1px solid #A5BFCF;
	margin-top: 10px;
	margin-bottom: 10px;
}

.subNavButton {
	float: left;
	background-color: #A5BFCF;
	color: white;
	font-weight: bold;
	height: 22px;
	padding: 8px 8px 0 8px;
	margin: 0 1px 0 1px;
	
}

.subNavSelected {
	background-color: white;	
	border: 1px solid #A5BFCF;
	border-bottom: 0;
	color: black;
}

#eventSubNav a:hover {
	color: white;
}




#devNotice {
	position: fixed;
	width: 50%;
	bottom: 0;
	left: 50%;
	margin-left: -25%;
	height: 30px;
	color: red;
	font-size: 24pt;
	font-weight: bold;
	font-family: monospace;
	letter-spacing: .05em;
	text-align: center;
	z-index: 1000000;
}