/* Layout */

body {
	background: #fff;
	color: #787878;
	font-size:11px;
}

a {
	color:#5090cc;
	text-decoration: none;
}

a:hover, .active {
	color:#0063ab;
}

p, form p, label {
	line-height:16px;
	font-size: 11px;
	margin-bottom: 15px;
}

#wrapper {
	width: 920px;
	margin: 0 auto;
}

#header {
	height: 120px;
	background: url(../images/header_bg.gif) 0 0 no-repeat;
	overflow: hidden;
	position: relative;
}

.head_logo {
	margin:26px 0 0 24px;
	float:left;
}

#content {
	overflow: hidden;
	position: relative;
}

#contentMain {
	width: 605px;
	float:left;
	margin-top: 15px;
}

#sideTouts {
	width: 305px;
	margin: 40px 0 0 10px;
	float:left;
}

#footer {
	margin-top: 0px;
	width: 920px;
	line-height: 40px;
	background: url(../images/footer_bg.gif) 0 0 no-repeat;
}

#footer .body {
	margin-left: 15px;
	
}

#footer .randFact {
	float: right;
	margin-right: 0px;
	margin-top: -17px;
}

.clear {
	clear:both;
}

.pageTop {
	margin-top: 18px;
}

/* two column layout */

.halfWidth {
	width: 438px;
	margin-bottom: 18px;
	margin-left: 15px;
	float:left;
}

.halfWidthLeft {
	width: 438px;
	margin-bottom: 18px;
	margin-left: 15px;
	float:left;
}
.halfWidthRight {
	width: 438px;
	margin-bottom: 18px;
	margin-left: 15px;
	float:left;
}
.leftMargin {
	margin-left: 15px;
}
.noLeftMargin {
	margin-left: 0px;
	width: 453px;
}
/* three column layout */

.fullWidth {
	width: 890px;
	margin: 18px 15px;
}

.oneThird {
	width: 275px;
	margin-left:15px;
	float:left;
	display: inline;
}

.twoThirds {
	width: 615px;
	float:right;
}

.newsItem {
	width:275px;
	overflow:hidden;
	margin-bottom: 25px;
}

.newsItem strong {
	color: #494949;
}

.newsItem p {
	margin-top: 6px;
}

/*headings*/

h1 {
	font-size:22px;
	color:#0063ab;
}

h2 {
	font-size: 16px;
	color: #494949;
}

h3 {
	font-size: 16px;
	color: #7a7a7a;
	margin-bottom:10px;
}

/* Nav styles */

ul#mainNav {
	float: right;
}

ul#topNav {
	position: absolute;
	top: 10px;
	right:15px;
	margin: 0;
}

ul#topNav a { 
	color: #77aadb;
}

ul#topNav a:hover { 
	color: #fff;
}

#topNav li {
	margin:0;
}

ul#mainNav {
	margin: 65px 15px 0 0;
	padding-bottom:50px;
}

#mainNav li, .subNav li, #topNav li {
	float: left;
	list-style-type: none;
	margin-left: 0px;
}

ul.subNav {
	position: absolute;
	padding-top: 22px;
	padding-bottom: 10px;
}

.subNav li {
	padding-left: 20px;
}

ul#company, ul#responsible, ul#community, ul#brands, ul#contact, ul#quality {
	display: none;
}

ul#company {
	right: 465px;
}

ul#responsible {
	right: 350px;
}
.wrap_fr ul#responsible {
/*	right: 420px;*/
}
ul#community {
	right: 110px;
}

ul#brands, ul#quality, ul#contact {
	right: 15px;
}

.wrap_fr ul#community, .wrap_fr ul#brands, .wrap_fr ul#quality, .wrap_fr ul#contact {
	right: 12px;
}

/* Home Page */

#contentMain p, #contentMain h1, #contentMain h2 {
	margin-left:15px;
}

#contentMain .left {
	float:left;
}

#contentMain .textMain {
	width:400px;
}

#contentMain p {
	line-height:1.5em;
	margin-left: 2px;
}

#sideTouts .viewAll {
	float:right;
}

#sideTouts .newsBox {
	width:300px;
	height: 63px;
	background: url(../images/news_box.gif) 0 0 no-repeat;
	margin-bottom: 6px;
}

/* tout styles */

.tout {
	width:300px;
	margin-top:10px;
	margin-bottom:15px;
	overflow:hidden;
}

.tout strong, .tout p, .tout .button, .tout .textLink {
	margin-left: 10px;
}

.tout strong {
	display: block;
	margin-top:10px;
	font-size:12px;
	color: #494949;
}

.tout p {
	margin: 5px 10px;
	line-height: 1.5em;
	/*font-size:10px;*/
}

.tout .toutGfx {
	float: left;
}

/* news page */
ul#thirdLevel {
	width:438px;
	overflow: hidden;
}

ul#thirdLevel li {
	float: left;
	list-style-type: none;
	margin-left: 0;
	margin-right: 10px;
	padding-right: 10px;
	display: block;
	/*width: 35px;*/
	height: 13px;
	background: url(../images/year_separator.gif) right 0 no-repeat;
}

ul#thirdLevel li.last {
	background: #fff;
}

/* news feed styles */

#sideTouts .newsBox {
	width:300px;
	height: 63px;
	background: url(../images/news_box.gif) 0 0 no-repeat;
	margin-bottom: 6px;
	overflow: hidden;
}

.newsBox strong {
	display: block;
	margin: 8px 20px 5px 10px;
	color: #494949;
	/*line-height: 2em;*/
}

.newsBox p {
	margin: 0px 20px 0px 10px;
	line-height: 1.4em;
}

/* our company */

#canMap, #navMap, #overlay {
	position: absolute;
}

#overlay {
	width:550px;
	height:452px;
}

#canMap {
	right: 15px;
	top: 25px;
}

ul#navMap {
	right: 75px;
	top: 55px;
	list-style-type: none;
}

ul#navMap li {
	line-height: 1.4em;
}

.map {
	display: none;
}

#off {
	display: block;
}

/* forms */

.row {
	margin-bottom: 18px;
	width:438px;
	overflow: hidden;
}

.row textarea {
	width:410px;
	height: 110px;
}

label {
	width: 135px;
	/*margin-top: 3px;*/
	display: block;
	float: left;
	font-weight: bold;
	color: #494949;
	line-height: 1.5em;
}

select {
	position:inline;
	z-index:0;
}

label img.tipz {
	display: inline;
}

input#emailaddress_submit {
	width: auto;
	float: right;
	margin-right: 25px;
	height: 21px;
}

input {
	height: 11px;
	width: 270px;
}

.radioButtons {
	overflow:hidden;
	width: 286px;
}

.textarea {
	width: 300px;
}

.radioButtons input {
	width: 10px;
	height: 10px;
	float: left;
}

.radioButtons label {
	width: 127px;
	font-weight: normal;
	display: block;	
	line-height: 20px;
	margin-right: 15px;
	font-size: 88%;
	white-space: nowrap;
}

.radioButtons label.specialSpacer {
	margin-top: 8px;
	margin-right: 0;
	width: 270px;
}

.radioButtons label.specialSpacer input.specialField {
	margin-left: 10px;
	width: 150px;
	float:none;
}


/* Common classes */

div.hr {
	max-width: 100%;
	height: 1px;
	margin: 5px 10px;
	background: #fff url(../images/hr.gif) 0 0 repeat-x;
}

div.hr hr {
	display: none;
}

div.noMargin {
	margin: 10px 0px;
}

div.noTopMargin {
	margin: 0px 15px;
}

span.star {
	color: #2278b6;
}

ul.bluePoints {
	list-style: none;
	line-height: 1.6em;
}

ul.bluePoints li {
	margin-left:0;
	padding-left:10px;
	background: url(../images/blue_point.gif) 0px 7px no-repeat;
}

.right {
	float:right;
}

.center {
	margin:0 auto;
	margin-top:3px;
}

.center td {
	vertical-align:top;
	line-height: 1.5em;
}

table.twoColList td {
	width: 50%;
}

.hidden {
	display: none;
}

a.textLink {
	font-weight:bold; 
	font-size: 10px;
	background: url(../images/arrow_off.gif) right 3px no-repeat;
	padding-right: 10px;
}

a:hover.textLink {
	background: url(../images/arrow_on.gif) right 3px no-repeat;
}

/*steamliner*/

#theFacts {
	line-height: 1.6em;
}

#theFacts td {
	vertical-align: top;
	padding-bottom: 16px;
}
table.specTable td {
font-size: 10px;
line-height: 14px;
}
table.specTable td strong {
font-size: 11px;
}
/* 10 principles */

table#tenTable {
	width: 900px;
	margin:10px;
}

#tenTable td.num {
	width: 60px;
}

#tenTable td.numText {
	width: 240px;
}

#tenTable td.numText p {
	width: 220px;
}

#tenTable td.text p {
	width: 280px;	
}

#tenTable td {
	padding-bottom:15px;
	vertical-align: top;
}

/* Retiree */

#pdfTable {
	width: 900px;
}

.pdfIcon, .pdfText {
	vertical-align: top;
}

.pdfIcon {
	width:50px;
}

.pdfText {
	/* width: 185px;*/
	padding-top: 10px;
	padding-right: 60px;
}

.pdfText strong {
	width:80%;
	color: #494949;
}

.pdfText a {
	display: block;
	margin-top: 2px;
}

/* tooltipz */
.tipz {color: #1564ac;}
.tipWrap {width:229px; position: absolute; z-index:1000; background:#1868b0;}
.tip { 
	color: #fff; 
	margin-top:5px;
	margin-right:10px;
	margin-bottom: 10px;
	margin-left: 10px; 
	line-height: 14px; 
	font-size: 10px;
}  
.tip-top { background:url(../images/tip_top.gif) top left no-repeat; height:8px; width:229px; }
.tip-bottom {background: url(../images/tip_bottom.gif) left bottom repeat-y; height:5px; width:229px; }
.tip-title {font-weight:bold;font-size:11px;}
 
#withTips {
	position: relative;
}

#step1, #step2, #step3, #step4, #step5, #step6, #step7, #step8, #step9, #step10, #step11, #step12, #step, #step13, #step14, #step15, #step16, #step17 {
	position: absolute;
	width: 86px;
	height: 86px;
	/*border: 1px solid #000;*/
}

#step1, #step2, #step3, #step4, #step5 {
	top:0;
}

#step6, #step7, #step8, #step9, #step10 {
	top:95px;
}

#step11, #step12, #step, #step13, #step14, #step15 {
	top:195px;
}

#step16, #step17 {
	top:294px;
}

#step1, #step6, #step11 { left:43px; }
#step2, #step7, #step12 { left:168px; }
#step3, #step8, #step13 { left:282px; }
#step4, #step9, #step14, #step16 { left:399px; }
#step5, #step10, #step15, #step17 { left:510px; }

/* expandable blue box */


#buildingBlocks, .buildingBlocks { 
	/*float:left;*/
	overflow: hidden;
	width: 920px;
	padding-bottom: 10px;
	background:#0063AB url(../../assets/images/process_bblocks_box_btm.gif) left bottom no-repeat;
	margin-top: 9px;
	clear: both;
}
#buildingBlocks ul, #buildingBlocks ul li, .buildingBlocks ul, .buildingBlocks ul li {
	margin: 0;
	padding: 0;
	list-style:none;
}

.buildingBlocks ul li.blueboxThirds { 
	width: 275px;
	margin: 12px 12px;
	float: left;
	color: #EEF5F9;
	font-size: 10px;
	line-height: 14px;
}

#buildingBlocks ul, .buildingBlocks ul {
	margin-left: 5px;
}
#buildingBlocks ul li, .buildingBlocks ul li { 
	width: 158px;
	margin: 0 12px;
	float: left;
	color: #EEF5F9;
	font-size: 10px;
	line-height: 14px;
	}
#buildingBlocks ul li img, .buildingBlocks ul li img {

	margin: 10px 0;
}
#buildingBlocks ul li h3, .buildingBlocks ul li h3 {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 8px 0 4px 0;
}
#buildingBlocks ul li h3, .buildingBlocks ul li h3 {
	margin-top: 8px;
}
.blueboxThirds p { 
	font-size: 10px;
	line-height: 14px;
}


/* LDA Styles */

#ldaContainer {
	width: 550px;
    margin: 100px auto;
	text-align: left;
	background-color:#FFF;
}

#logoside {
	width: 220px;
	background-color:#FFF;
	float:left;
}

#inputside {
	width:315px;
	background-color:#FFF;
	float:right;
}

.inputDateFormat{
width:115px;
float:left;
margin:8px 0px 8px 12px;
}
.inputCountryFormat{
width:115px;
float:left;
margin:8px 0px 8px 12px;
}

#birthdatemain
{
	margin: 15px 0px;
	background:url(../../assets/images/lda_background.gif) left no-repeat; width:370px; height:116px;
	padding-left: 4px;
}

.labattlogo
{
    margin: 58px auto;
}

.birthdatetop
{
	margin:0px 20px 0 16px;
}

#inputside img
{
margin:10px 0px;
}

#inputside ul
{
list-style-type: none
}

.countryChooseLeft
{
margin:0px 16px;
width:180px;
float:left;
}

.countryChooseLeft img
{
float:left;
}

.countryChooseRight
{
margin:0px 0 0 0px;
width:90px;
float:right;
}

#ldaForm input
{
width:25px;
}
.termsLDA {
margin-left: 18px;
}




#briefHistory strong, #tenTable strong, #theFacts strong {
	color: #494949;
}
#knowWhen { margin:25px 0 50px 20px;}
#footer a {
color:#AAAAAA;
}
#footer a:hover {
color: #787878;
}