@import url(common.css);
@import url(form.css);
@import url(navigation.css);
@import url(teaser.css);

body { background: #FFFFFF url(../images/layout/bodyBg.gif) left top repeat-x; }

#wrapper { width: 762px; margin: 0 auto; min-height: 100%; position: relative; }
#innerWrapper { position: relative; width: 100%; overflow: hidden; }

#header { height: 79px; padding: 43px 0 0 151px; position: relative; }
#header span { width: 139px; height: 122px; position: absolute; top: 0px; left: 0px; }
#header span a { width: 100%; height: 122px; display: block; text-indent: -19999px; background: url(../images/layout/h1Logo.jpg) left top no-repeat; }
#header span a:focus { outline: none; }

#header #mainNavWrapper { width: 100%; overflow: hidden; }
#header #mainNavWrapper ul { display: block; float: left; list-style-type: none; }

/* SIDEBAR */
#sidebar { position: relative; width: 139px; float: left; padding: 0 0 75px; }

.sidebarBox { background: url(../images/layout/sidebar/sidebar_boxTop.gif) left top no-repeat; padding: 9px 0 0; margin: 0 0 10px; }
.sidebarInnerBox { border: 1px solid #a9d6f3; border-width: 0 1px 1px; background: #FFFFFF; padding: 0 5px 9px 10px; }

#content { width: 610px; float: right; background: #FFFFFF url(../images/layout/contentBg.gif) left top no-repeat; padding: 7px 0 5px; margin: 0 0 75px; }
#home { width: 610px; float: right; background: transparent; padding: 0 0 5px; margin: 0 0 75px; }
#sitetools { width: 570px; overflow: hidden; padding: 0 20px 10px; }

.homeStage { padding: 0 0 30px; }

.content { padding: 0 20px; }
.contentRow { padding: 0 0 20px 0; }
.contentIntro { width: 570px; overflow: hidden; }
.contentSpace { width: 545px; padding: 20px 25px 0 0; }

.contentRow ul { margin: 0 0 0 20px; }
.contentRow ul li { font-size: 1.2em; line-height: 16px; }

.leftCol .contentIntro, .rightCol .contentIntro { width: 100%; }

.contentNews { padding: 0 0 20px; }

.contentNews .title {
	 background:#ddebf7;
}

.contentNews h3 {
	float:left;
	margin-bottom:0;
}

.contentNewsFull h3 {
	float:none;
	margin-bottom:15px;
}

.contentNewsFull .title h3 {
	float:left;
	margin-bottom:0;
}

.contentNews span.date { display: block; padding: 0 10px 0 0; font-size: 1.2em; line-height: 16px; color: #002f79; text-align: right; margin: 0 0 10px; }

.twoColumns { width: 100%; overflow: hidden; }
.twoColumns .leftCol { position: relative; overflow: hidden; float: left; width: 370px; }
.twoColumns .rightCol { position: relative; overflow: hidden; float: right; width: 180px; }

.contentImage .leftCol, 
.contentNews .leftCol { width: 170px; padding: 0 0 10px; }
.contentImage .rightCol { width: 380px; }
.contentNews .rightCol { width: 360px; padding: 0 20px 0 0; }

.contentMinerals { padding: 0 0 20px; }
.contentMinerals .leftCol { width:200px; }
.contentMinerals .rightCol { width: 350px; float: right; }
.contentMinerals .rightCol .blueButtonLink { margin: 15px 0 0; }

.contentIntro p { font-size: 1.2em; line-height: 16px; }

.fullSizeImage { padding: 0 0 20px; }

.bottleStage { width: 100%; overflow: hidden; }
.bottleImage { float: left; width: 290px; }
.bottleInfo { float: right; width: 260px; }
.bottleInfo .bottleText { min-height: 180px; }
.bottleInfo .bottleText p { font-size: 1.2em; line-height: 16px; margin: 0 0 16px; }
.bottleInfo .bottleTeaser { width: 100%; overflow: hidden; }
.bottleInfo .bottleTeaser .teaserBottleImage { width: 60px; height: 120px; float: left; }
.bottleInfo .bottleTeaser .teaserBottleText { width: 180px; height: 120px; padding: 0 20px 0 0; float: right; position: relative; }
.bottleInfo .bottleTeaser .teaserBottleText a { position: absolute; bottom: 15px; left: 0px; }

.contentDownloads ul { width: 100%; overflow: hidden; list-style-type: none; display: block; }
.contentDownloads ul li { width: 50%; float: left; display: block; padding: 0 0 20px; }
.contentDownloads ul li.newline { clear: left; }
.contentDownloads ul li .downloadImage { text-align: left; padding: 0 0 10px 30px; }
.contentDownloads ul li .downloadContent { padding: 0 20px 0 0; }
.contentDownloads ul li p { margin: 0 0 15px; }
.contentDownloads ul li ul { padding: 0 0 20px; }
.contentDownloads ul li ul li { width: auto; float: none; padding: 0; }
.contentDownloads ul li ul li a { font-weight: bold; font-size: 1.2em; line-height: 16px; }
.contentDownloadDetail { text-align: center; }
.contentDownloadDetail img { margin: 0 0 10px 0; }
.contentDownloadDetail p { text-align: left; margin: 0 0 15px; }
.contentDownloadDetail span { display: block; float: left; font-size: 1.2em; line-height: 16px; }

.tx-indexedsearch form { width: 100%; padding: 0 0 20px; }
.tx-indexedsearch form fieldset .formGroup { padding: 0; }
.tx-indexedsearch form button { float: left; }
.tx-indexedsearch .tx-indexedsearch-whatis { font-size: 1.2em; line-height: 16px; padding: 10px 0 0 0; }
.tx-indexedsearch .tx-indexedsearch-browsebox p { font-size: 1.2em; font-weight: normal; margin: 10px 0; }
.tx-indexedsearch ul.browsebox { list-style-type: none; }
.tx-indexedsearch ul.browsebox li { display: inline; padding: 0 5px 0 0; }
.tx-indexedsearch ul.browsebox li a { font-size: 1.2em; line-height: 16px; font-weight: normal; }
.tx-indexedsearch .searchResults { padding: 20px 0; }
.tx-indexedsearch .searchResult { padding: 10px 0; width: 100%; overflow: hidden; }
.tx-indexedsearch .searchResult .searchResultHeader { width: 100%; overflow: hidden; padding: 0 0 10px; }
.tx-indexedsearch .searchResult .searchResultContent { padding: 0 0 10px; font-size: 1.2em; line-height: 16px; }
.tx-indexedsearch .searchResult .searchResultContent p { font-size: 1.0em; line-height: 16px; }
.tx-indexedsearch .searchResult .searchResultInfo { font-size: 1.2em; line-height: 16px; }
.tx-indexedsearch .searchResult .searchResultPath { font-size: 1.2em; line-height: 16px; }
.tx-indexedsearch .searchResult h3 { width: 480px; float: left; background: url(../images/layout/navigation/fileItem.gif) left top no-repeat; padding: 0 0 0 20px; margin: 0; }
.tx-indexedsearch .searchResult span.percentage { float: right; font-size: 1.2em; line-height: 16px; }

ul.sitemap { list-style-type: none; margin: 0 0 5px; }
ul.sitemap li { margin: 0 0 15px; }
ul.sitemap ul { margin: 0 0 0px 25px; list-style-type: disc; }
ul.sitemap li a { font-size: 1.3em; line-height: 16px; }
ul.sitemap ul li { margin: 0; }
ul.sitemap ul li a { font-size: 1.2em; line-height: 16px; }

#footerWrapper { width: 100%; height: 75px; margin: -75px 0 0 0; background: #d5e6f4 url(../images/layout/footerBg.gif) left top repeat-x; clear: both; position: relative; z-index: 5; }
ul#footer { clear: both; float: none; }

#tracker { position: absolute; left: 0px; bottom: 0px; width: 1px; height: 1px; overflow: hidden; }



.contentNews p.subheader {
	font-weight:bold;
	margin-bottom:15px;
}

table.contenttable {
	font-size:12px;
	text-align:left;
	margin-bottom:15px;
	border-spacing:0;
}

table.contenttable th, table.contenttable td.td-0 {
	font-weight:normal;
	width:200px;
	vertical-align:top;
}

table.contenttable td {
	width:auto;
	padding-bottom:3px;
}

ul.contentList {
	margin-left:15px;
	font-size:12px;
}

.csc-textpic-imagewrap {
	/*width:200px !important;*/
}

.colWrapper .contentImage .leftCol {
	width:180px;
	padding:0;
}

.colWrapper .contentImage .rightCol {
	width:auto;
}
/* Footer */
#f {
margin-top:80%;
align:center;
font-size:10px;
vertical-align:top;
}
#f h3{
color:#ACD7F3;
font-weight:normal;
}
.f {
vertical-align:bottom;
width:132px;
display: inline-block;

}
ul.f {
vertical-align:top;
list-style-type: none;
font-size:10px;
width:150px;
margin-top:10px;
height:250px;
}
ul.f  li, ul.f  li a{
font-size:10px;
color:#999;
text-decoration:none;
line-height:12px;
margin-bottom: 7px;
}
