@charset "utf-8";
/* CSS Document */

/* Reset styles - START - these will clear the different browser defaults for various margins, borders and such */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
strong{
	font-weight: bold;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Reset styles - END */
html{
	width: 100%;
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #000;
	text-align: center;
	position: relative;
}
/* Clearfix style - START - Forces Firefox to expand divs when content is bigger than initial height. Must be applied as a class to the divs needing it */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Clearfix style - END */

/* General font styles */
td,div,p{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	color: #000;
	font-size: 12px;
}
p{
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
	line-height: 150%;
}
a{
	color: #C30;
	text-decoration: none;
}
h1{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 6px;
}
h2{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #333;
	font-weight: normal;
	padding-bottom: 6px;
	margin-bottom: 10px;
}
h2.description{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #333;
	font-weight: bold;
	margin-bottom: 15px;
	border: none;
}
h3{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #333;
	font-weight: normal;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
h4{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	color: #333;
	font-weight: normal;
	margin-bottom: 6px;
}
h5{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 13px;
	color: #333;
	font-weight: normal;
	margin-bottom: 3px;
	
}
h5 a{
	color: #666;
	
}
h6{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #333;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 3px;
	
}
#outerWrapper{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
/* Outer containers */
#contentWrapper{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #000;
}
#topContainer{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 82px;
	background-image: url(../images/background-repeat.jpg);
	background-color: #FBFBFB;
	background-position: 0px -19px;
	background-repeat: repeat-x;
	position: relative;
	z-index: 2;
}
#breadcrumbArea{
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url(../images/background-repeat.jpg);
	background-color: #FBFBFB;
	background-position: top center;
	background-repeat: repeat-x;
	text-align: center;
}
#midContainer{
	width: 100%;
	background-image: url(../images/background-repeat.jpg);
	background-color: #FBFBFB;
	background-position: 0px -101px;
	background-repeat: repeat-x;
	position: relative;
	z-index: 1;
}
#bottomContainer{
	margin: 0 auto;
	width: 100%;
	position: relative;
	text-align: center;
}
#topContentContainer{
	margin: 0 auto;
	padding: 0;
	width: 960px;
	text-align: left;
	position: relative;
	z-index: 2;
}

#midContentContainer{
	margin: 0 auto;
	width: 960px;
	min-height: 415px;
	text-align: left;
	background-color: #FEFEFE;
	position: relative;
	z-index: 1;
}
/* Top content - breadcrumb path */
#breadcrumbContainer{
	margin: 0 auto;
	width: 920px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;	
	color: #666;
	text-align:right;
}
#breadcrumbContainer a{
	color: #666;
	text-decoration: none;
	display: inline;
	margin-right: 10px;
}
#breadcrumbContainer a.selected{
	color: #C30;
}
#breadcrumbContainer a:hover,#breadcrumbContainer a:active{
	color: #C30;
}
#breadcrumbContainer a.languageText{
	margin-right: 10px;
	color: #666;
}
#breadcrumbContainer a.languageTextSelected{
	color: #C30;
	margin-right: 10px;
}
#logoContainer{
	float: left;
	width: 154px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 22px;
}
#menuContainer{
	margin: 0;
	padding: 0;
	float: left;
	width: 782px;
	margin-top: 48px;
	text-align: right;
}
#menuContainer ul.mainMenu{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menuContainer ul.mainMenu li.menuItem{
	margin: 0;
	padding: 0;
	float: right;
	margin-right: 10px;
	position: relative;
	display: inline;
}
#menuContainer ul.subMenu li.subMenuItem{
	margin: 0;
	padding: 0;
	float: left;
}
#menuContainer .subMenuContainer{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 34px;
	left: -20px;
	width: 532px;
	z-index: 10000;
	background-image: url(../images/submenu-bg.png);
	background-repeat: repeat;
	border-top: 1px solid #666;
	display: none;
}
#menuContainer .subMenuArrow{
	position: absolute;
	left: 0px;
	top: -14px;
	width: 60px;
	height: 14px;
	z-index: 10002;
}
#menuContainer ul{
	margin: 0;
	padding: 0;
}
#menuContainer .subMenuText{
	float: left;
	width: 314px;
	min-height: 100px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	color: #FFF;
}
#menuContainer ul.subMenu{
	margin: 0;
	padding: 0;
	float: left;
	width: 138px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
}
#menuContainer li.menuItem a{
	margin: 0;
	padding: 0;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFF;
	padding: 0 5px 12px 5px;
}
#menuContainer li.subMenuItem{
	float: left;
	text-align: left;
}
#menuContainer li.subMenuItem a{
	margin: 0;
	padding: 0;
	width: 138px;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 120%;
	text-transform: none;
	color: #FFF;
	padding: 2px 4px 5px 5px;
	border-right: 1px solid #666;
}
#menuContainer li.subMenuItem a.hovered{
	margin: 0;
	padding: 0;
	width: 138px;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 120%;
	text-transform: none;
	color: #999;
	padding: 1px 5px 4px 4px;
	border-right: none;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
}
#menuContainer li.subMenuItem a.selected{
	color: #999;
}
#menuContainer li a.hovered{
	color: #C30;
}
#menuContainer li a.selected{
	color: #C30;
}

#bottomFeaturedContainer{
	margin: 0 auto;
	width: 100%;
	height: 128px;
	background-image: url(../images/bottom-featured-articles-bg.gif);
	background-repeat: repeat;	
	text-align: center;
}
#bottomFeaturedContentContainer{
	margin: 0 auto;
	width: 960px;
}
#bottomFeaturedStory{
	float: left;
	width: 402px;
	padding-top: 25px;
	padding-left: 10px;
	padding-right: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: left;
}
#bottomFeaturedArticle{
	float: left;
	width: 518px;
	padding-left: 10px;
}
#bottomFeaturedArticleImage{
	float: left;
	padding-top: 20px;
	padding-left: 3px;
	padding-right: 6px;
	width: 157px;
	height: 85px;
	overflow: hidden;
}
#bottomFeaturedArticleText{
	float: left;
	width: 312px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: left;
}
#bottomFeaturedArticleText h5{
	font-size: 14px;
	color: #666;
	font-weight: bold;
}
#bottomNewsContainer{
	width: 100%;
	height: 100%;
}
#bottomNewsContentContainer{
	margin: 0 auto;
	width: 960px;
	text-align: left;
	padding-top: 20px;
}
#newsContentContainer{
	float: left;
	width: 425px;
	padding-left: 10px;
	padding-right: 10px;
	color: #666;
}
h4#frontNews{
	text-transform: uppercase;
	color: #666;
	margin-bottom: 9px;
}
.newsItemContainer{
	float: left;
	width: 425px;
	padding-top: 3px;
	border-top: 1px solid #666;
	margin-bottom: 6px;
	color: #666;
	font-size: 12px;
	line-height: 120%;
}
.newsItemContainer a{
	color: #666;
	width: 425px;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	cursor: pointer;
}
#smallNewsContainer{
	float: left;
	width: 335px;
}
.smallNewsItemContainer{
	float: left;	
	width: 333px;
	margin-left: 1px;
	margin-bottom: 1px;
	background-image: url(../images/news-bg.jpg);
	background-repeat: no-repeat;
}
.smallNewsItemImage{
	float: left;
	display: none;
}
.smallNewsItemText{
	float: left;
	width: 283px;
	padding: 25px;
	color: #666;	
}
.smallNewsItemContainer.selected .smallNewsItemText{
	color: #222;	
}
.smallNewsItemContainer.selected .smallNewsItemText h4 a{
	color: #222;	
}
.smallNewsItemText h4 a{
	color: #666;	
}
.smallNewsItemText h4 a:hover{
	color: #222;	
}
#pageListContainer{
	float: left;
	width: 495px;
	padding-left: 10px;
	padding-right: 10px;
}
.sitemapItem{
	float: left;
	overflow: hidden;
	margin-right: 15px;
	display: inline;
}
.sitemapItem a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;	
}
.sitemapItem a:hover{
	color: #FFF;	
}
#thinAreaContainer{
	float: right;
	width: 335px;
}
#wideAreaContainer{
	float: left;
	width: 625px;
}
#flashContainer{
	float: left;
	width: 960px;
	height: 360px;
}
#mainArticleImageContainer{
	margin: 0;
	padding: 0;
	float: left;
	width: 625px;
	min-height: 415px;
	overflow: hidden;
	position: relative;
}
#mainArticleImageContainer ul{
	margin: 0;
	padding: 0;
	list-style: none;	
}
#mainArticleImageContainer li{
	margin: 0;
	padding: 0;
	list-style: none;	
	position: relative;
	float: left;
}
#mainArticleImageContainer li img{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	cursor: pointer;
}
/* Hover slider stuff */
.hoverAreaLeft{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 312px;
	height: 415px;
	z-index: 35000;
	cursor: pointer;
}
.hoverAreaRight{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 313px;
	height: 415px;
	z-index: 40000;
	cursor: pointer;
	text-align: right;
}
#mainArticleTextContainer{
	float: left;
	width: 585px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
}
#productArticleTextContainer{
	float: left;
	width: 295px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
}
#subMenuContainer{
	float: left;
	width: 335px;
}
#subMenuContainer ul{
	list-style-type: none;
}
#subMenuContainer li{
	float: left;
	width: 335px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #999;
	background-image: url(../images/content-submenu-bg.jpg);
	background-repeat: no-repeat;
	background-position: 5px -15px;
}
#subMenuContainer ul li.hover{
	background-image: url(../images/content-submenu-bg-hover.jpg);	
	background-repeat: no-repeat;
	background-position: 5px -15px;
}
#subMenuContainer ul li.selected{
	background-image: url(../images/content-submenu-bg-selected.jpg);
	background-repeat: no-repeat;
	background-position: 5px 0px;
}
#subMenuContainer ul li ul li.hover{
	background: none;
}
#subMenuContainer ul li ul li.hover a{
	color: #C00;
}
#subMenuContainer ul li ul li.selected{
	background: none;
}
#subMenuContainer ul li ul li.selected a{
	color: #C00;
}

#subMenuContainer li a{
	display: block;
	width: 265px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 110%;
	text-transform: uppercase;
	color: #333;
	padding-top: 10px;
	min-height: 12px;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 10px;
}
#subMenuContainer ul li ul{
	float: left;
	border-top: 1px solid #999;	
	padding-bottom: 15px;
	background-color: #E3E5E7;
}
#subMenuContainer ul li ul li{
	float: left;
	width: 335px;
	border: none;
	background: none;
}
#subMenuContainer ul li ul li a{
	display: block;
	width: 250px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 100%;
	text-transform: none;
	color: #000;
	padding-top: 10px;
	height: 14px;
	padding-left: 50px;
	padding-right: 35px;
	padding-bottom: 0px;
	background-image: url(../images/subsubmenuitem-unsel.gif);
	background-repeat:no-repeat;
	background-position: 35px 12px;
}
#subMenuContainer ul li ul li.selected a{
	background-image: url(../images/subsubmenuitem.gif);

}
#relatedContainer{
	float: right;
	width: 334px;
	margin-left: 1px;
	display: inline;
	padding-top: 25px;
	text-align: left;
	background-image: url(../images/related-bg.gif);
	background-repeat: repeat;
}
#relatedContainerLight{
	float: right;
	width: 335px;
	display: inline;
	padding-top: 25px;
	text-align: left;
}

#relatedContainerLight .relatedItemContainer{
	margin-bottom: 12px;
}
#relatedContainerLight p{
	color: #666;	
	line-height: 120%;
}
#relatedContainerLight h4{
	font-size: 16px;
}
.relatedItemContainer{
	float: left;
	width: 274px;
	margin-bottom: 22px;
	padding-left: 30px;
	padding-right: 30px;
}
.relatedItemContainer a{
	color: #333;
}
.relatedItemContainer a:hover{
	text-decoration: underline;
}
#articleAreaContainer{
	float: left;
	width: 625px;
}
.articleItemContainer{
	float: left;
	width: 625px;
	border-top: 1px solid #FFF;
	padding-top: 14px;
	background-color: #E3E5E7;
	background-image: url(../images/article-item-flip.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.articleItemImage{
	float: left;
	width: 145px;
	margin-bottom: 10px;
	cursor: pointer;
}
.articleItemText{
	float: left;
	width: 400px;
	margin-top: 10px;
	margin-left: 40px;
	margin-right: 40px;
	line-height: 120%;
	font-size: 12px;
	color: #333;
}
.articleItemText a{
	color: #333;
}
.articleItemText a:hover{
	text-decoration: underline;
}
#productAreaContainer{
	float: left;
	width: 625px;
}
.productItemContainer{
	float: left;
	width: 625px;
	border-top: 1px solid #FFF;
	padding-top: 14px;
	background-color: #E3E5E7;
	background-image: none;
}
.productItemImage{
	float: left;
	width: 145px;
	margin-bottom: 10px;
}
.productItemText{
	float: left;
	width: 400px;
	margin-top: 10px;
	margin-left: 40px;
	margin-right: 40px;
	line-height: 120%;
	font-size: 12px;
	color: #333;
}
.productItemText a{
	color: #333;
}
.productItemText a:hover{
	text-decoration: underline;
}
#mapContainer{
	float: left;
	width: 625px;
}
#flashContainerStilling{
	float: left;
	width: 595px;
	height: 400px;
	padding: 15px;
	padding-top: 25px;
	padding-bottom: 5px;
	text-align: center;	
}