/* CSS Document */

img,a { margin:0; padding:0; border:0}
body {font: normal 8pt Arial, Helvetica, sans-serif; color: #444444; margin:10px 0 20px 0; background: #000000 url('spectrum_bgrd.jpg') top center fixed no-repeat; }

#main { width:990px; margin:auto}
#clear { clear:both; }

/* HEADER */
#header { width:990px; height:102px; margin:0 0 8px 0; padding:0; border:0; }
#header_container { width:975px; margin-left:15px }

#login { float:left; width:340px; height:64px; margin:0; padding:0; color:#989898;}
/*#login form { padding:5px 10px 5px 0; color:#989898;}*/
.input { margin:10px 0 0 0; padding:3px; color: #989898; border: 1px solid #dadada; font: normal 7pt Arial, Helvetica, sans-serif; width:130px;}
.search_btn { background:url('btn_search.gif') left no-repeat; width:17px; height:17px; border:0; margin:10px 0 0 5px; padding:0; cursor:pointer; display:inline; }

#flags { float:left; width:630px; height:70px; margin-top: 10px}
#flags img { padding:0; clear:both;}

.product_buttons { margin: 0 0 0 8px }

.stratumbut { float:left; width:152px; height:45px; }
.spectrumbut { float:left; width:152px; height:45px; }
.visagebut { float:left; width:152px; height:45px; }


.stratumbut a { background:url('stratum_on.png') left no-repeat; width:152px; height:45px; display:block;}
.stratumbut a { background:url('stratum_off.png') left no-repeat; width:152px; height:45px; display:block;}
.stratumbut a:hover { background:url('stratum_on.png') left no-repeat; width:152px; height:45px; display:block }

.spectrumbut a { background:url('spectrum_on.png') left no-repeat; width:152px; height:45px; display:block;}
.spectrumbut a { background:url('spectrum_on.png') left no-repeat; width:152px; height:45px; display:block;}
.spectrumbut a:hover { background:url('spectrum_on.png') left no-repeat; width:152px; height:45px; display:block }

.visagebut a { background:url('visage_on.png') left no-repeat; width:152px; height:45px; display:block; }
.visagebut a { background:url('visage_off.png') left no-repeat; width:152px; height:45px; display:block; }
.visagebut a:hover { background:url('visage_on.png') left no-repeat; width:152px; height:45px; display:block }

.cookietrail { margin: 22px 14px 0 14px; float:left; clear:both; width:400px; }

/* NAVBAR */
#navbar { background:url('nav_bgrd_trans.png') top left no-repeat; width:960px; height:28px; margin:0; padding:0; border:0; clear:both;  }
#topmenu { margin:0; padding:0; }

/* CONTENT - TEXTBAR DIV */
#content { width:975px; margin-left:7px; margin-top: 6px; float:left; clear:both}
.content_pad { margin-left:22px; margin-right:22px;  }
.incontent_pad { margin-left:14px }
.incontent_pad_right { margin-right: 14px }
.incontent_pad_top { margin-top: 50px }
#content_container { margin: 0; width:990px; padding:0}
#content_top { width:975px; background:url('trans_top_bgrd_fol.png'); height: 96px; clear:both; margin:0; padding:14px 0 0 0 }
#content_mid { width:975px; background:url('trans_mid_bgrd_fol.png'); background-repeat:repeat-y; clear:both; margin:0; padding:0}
#content_bot { width:975px; background:url('trans_bot_bgrd_fol.png'); height:38px; clear:both; margin:0; padding:0; }

#topleft { float:left; width:188px; margin:0; padding:0 }
#topmid { float:left; width:523px; margin:0; padding:0 }
#topright { float:left; width:220px; margin:42px 0 0 0; padding:0 }
.toolbar { width: 176px; height:19px;  background:url('toolbar_bgrd.jpg'); padding: 15px }

.toolbar img { margin-right: 18px; margin-left : 18px; vertical-align:middle;}

#left { float:left; width:188px; margin:0; padding:0;}
#leftmenu { margin:0; padding:0; width: 180px }
.leftbottom { float:left; clear:both; width:174px; background:url('left_nav_bot.jpg'); height:8px }
#middle { float:left; width:521px; border-right: 1px dotted #CCCCCC; border-left: 1px dotted #CCCCCC; }
#right { float:left; width:220px; }

.right_nav_head { background:url('stratum_right_head.jpg'); width:206px; height:36px; margin:0; }
.news_right_nav_head { background:url('news_right_head.jpg'); width:206px; height:36px; margin:0; }
.right_nav_mid { background:url('stratum_right_mid.jpg'); background-repeat:repeat-y; width:206px; text-align:left; margin:0; padding:0 }
.right_nav_bot { background:url('stratum_right_bot.jpg'); width:206px; height:8px; margin:0;}


/* CONTENT - FOOTER */
#footer { width:100%; height:56px; margin:0; padding:0; color:#989898; text-align:center; float:left}
.bottomMenu ul { padding: 0; margin: 0; }
.bottomMenu li { padding:0; margin: 2px 10px 2px 0; list-style:none; display:inline; }


/* left nav */

#leftmenu ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	width: 180px;
	
}

#leftmenu li {
	float: left;
	width: 167px;
	border-bottom: 1px solid #f1f1f1;
	list-style:none;
	margin:0;
	padding:0 0 0 7px;
	color:#CCC;
background-image:url(left_nav_mid.jpg);
	background-repeat:repeat-y;
	
}

#leftmenu a {
	display: block;
	padding: 7px 5px 7px 15px;
	margin:0;
	color: #013e7f;
	width: 147px;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	text-align:left;
	background-image:url(nav_arrow.gif);
	background-position:left;
	background-repeat:no-repeat
}

#leftmenu a:hover  {
	color: #666;
	width: 147px
}