﻿
/* ----------------------------------------------------------------------------------------------------------------[ Composer Edit Mode Overrides ]------------------------- */

.composerMode header { position: relative; }
.composerMode .slideShowContainer { height: auto; }
.composerMode .mainCallOutWrapper { position: relative; }

.composerMode .simpleText h1,
.composerMode .simpleText h2,
.composerMode .simpleText h3,
.composerMode .simpleText h4,
.composerMode .simpleText h5,
.composerMode .simpleText h6,
.composerMode .simpleText p { color: #000000; }

.composerMode a.arrowLink { color: #000000 !important; }

.composerMode .teaserBox { min-height: 100px; }

.composerMode #newsList p { color: #000000; }

.composerMode .fourColFixedLayoutBlock .col { width: 141px !important; }

.composerMode table tr td { color: #000000; }

/* ----------------------------------------------------------------------------------------------------------------[ Press / News List ]------------------------- */

.newsHeading { margin-bottom: 15px; }
#newsList li img { float: left; width: 75px; }
#newsList li hr { margin: 15px 0px; }
#newsList li .newsListItem { margin-left: 90px; }
#newsList li .newsListItem .date { color: #959595; font-size: 10px; }

/* ----------------------------------------------------------------------------------------------------------------[ Layout Blocks ]------------------------- */

.twoColFlexLayoutBlock { }
.twoColFlexLayoutBlock .leftCol { float: left; min-width: 100px; }
.twoColFlexLayoutBlock .rightCol { float: left; min-width: 100px; }

.twoColFixedLayoutBlock { }
.twoColFixedLayoutBlock .leftCol { float: left; min-width: 100px; }
.twoColFixedLayoutBlock .rightCol { float: left; min-width: 100px; }

.threeColFixedLayoutBlock { margin-bottom: 40px;margin-left: auto; }
.threeColFixedLayoutBlock .col { vertical-align: top; width: 216px; padding: 0px 40px; border-right: 1px solid #FFFFFF; }
.threeColFixedLayoutBlock .col.first { padding-left: 0px; }
.threeColFixedLayoutBlock .col.last { border: none; }
.threeColFixedLayoutBlock .col img { margin-bottom: 5px; }

.fourColFixedLayoutBlock { margin-bottom: 40px;margin-left: auto;}
.fourColFixedLayoutBlock .col { vertical-align: top; width: 142px; padding: 0px 40px; border-right: 1px solid #FFFFFF; }
.fourColFixedLayoutBlock .col.first { padding-left: 0px; }
.fourColFixedLayoutBlock .col.last { border: none; }
.fourColFixedLayoutBlock .col img { margin-bottom: 5px; }

/* ----------------------------------------------------------------------------------------------------------------[ Callout & 1 Teaser ]------------------------- */

.callOutBoxes.oneCol{margin-bottom:15px;}
.callOutBoxes.oneCol > div{width:100%; margin:0;}
.ie7 .mainWrapper .callOutBoxes.oneCol > div{width:100%; margin:0; float:none;}
.callOutBoxes.oneCol > div:first-child{margin:0%;}
.callOutBoxes.oneCol .callOutHeader, .callOutBoxes.oneCol p{width:60%;}

.mainCallOut .oneColWrapper{margin-bottom:0;}
.mainCallOut .oneColWrapper > div{width:100%;}
.oneColWrapper{width:100%; overflow:hidden; margin-bottom:30px;}

/* ----------------------------------------------------------------------------------------------------------------[ Callout & 2 Teaser ]------------------------- */

.callOutBoxes.twoCols > div{width:49%; margin:0 0 0 2%;}
.ie7 .callOutBoxes.twoCols > div{width:48.9%; margin:0 0 0 2%;}
.callOutBoxes.twoCols > div:first-child{margin:0%;}
.callOutBoxes.twoCols .callOutHeader, .callOutBoxes.twoCols p{width:60%;}

.mainCallOut .twoColWrapper{margin-bottom:0;}
.mainCallOut .twoColWrapper > div{width:49%;}
.ie7 .mainCallOut .twoColWrapper > div{width:47.0%;margin:0 0 0 2%;}
.twoColWrapper{width:100%; overflow:hidden; margin-bottom:30px;}
.twoColWrapper > div{width:49%; margin:0 0 0 2%; float:left;}
.ie .twoColWrapper > div{margin:0 0 0 2%;}
.ie7 .twoColWrapper > div{width:48.8%; margin:0 0 0 2.5%;}
.twoColWrapper > div:first-child{margin:0;}

/* ----------------------------------------------------------------------------------------------------------------[ Callout & 3 Teaser ]------------------------- */

.callOutBoxes.threeCols > div{width:32.0%; margin:0 0 0 2%;}
.ie7 .callOutBoxes.threeCols > div{width:31%;}
.callOutBoxes.threeCols > div:first-child{margin:0%;}
.callOutBoxes.threeCols .callOutHeader, .callOutBoxes.threeCols p{width:60%;}

.mainCallOutWrapper .threeColWrapper{margin-bottom:0;}
.mainCallOutWrapper .threeColWrapper > div{width: 32%;min-height: 1px;}
.ie7 .mainCallOutWrapper .threeColWrapper > div{width:31.9%}
.threeColWrapper{width:100%; overflow:hidden; margin-bottom:30px;}
.threeColWrapper > div{width:32.1%; margin:0 0 0 2%; float:left;}
.ie .threeColWrapper > div{width:32%;}
.threeColWrapper > div:first-child{margin:0;}

.mainCallOutWrapper .threeColWrapper .teaserBox { height: 122px;}

/* ----------------------------------------------------------------------------------------------------------------[ Callout & 4 Teaser ]------------------------- */

.callOutBoxes.fourCols > div{width:23.53%; margin:0 0 0 2%;}
.ie .callOutBoxes.fourCols > div{width:23.5%;}
.ie7 .callOutBoxes.fourCols > div{width:23.4%;}
.callOutBoxes.fourCols > div:first-child{margin: 0 0 0 2%;}
.callOutBoxes.fourCols .callOutHeader, .callOutBoxes.fourCols p{width:55%;}

.mainCallOut .fourColWrapper{margin-bottom:0;}
.mainCallOut .fourColWrapper > div{width:23.3%;}
.fourColWrapper {width:100%; overflow:hidden; margin-bottom:0px;}
.fourColWrapper > div { width: 21.91%; margin: 0 0 0 2.8%; float: left;
}
.ie .fourColWrapper > div{width:23.5%; margin:0 0 0 2%;}
.ie7 .fourColWrapper > div{width:23.4%;}
.fourColWrapper > div:first-child{margin:0 0 0 2%;}

/* ----------------------------------------------------------------------------------------------------------------[ Teaser Box ]------------------------- */

.mainCallOutWrapper .callOutBoxesWrapper{ float:right; width:68%; padding-right:2%;}
.ie7 .mainCallOutWrapper .callOutBoxesWrapper{ width:67.5%;}
.mainCallOutWrapper .callOutBoxes{float:right; width:100%;}
.mainCallOutWrapper .callOutBoxes > div{padding-bottom:0;}
.mainCallOutWrapper .callOutHeader{font-size:16px; margin:11px 50px 0 16px; line-height:1.3em;}

.mainWrapper .callOutBoxes{float:left; width:100%; margin-bottom:30px;}

.callOutBoxes > div{float:left; display:block; background:#000; position:relative; padding-bottom:15px; height:auto; min-height:70px;}
.callOutBoxes > div > p{color:#fff; text-shadow:#000 1px 1px 1px; position:relative; z-index:4; margin:4px 75px 10px 16px;}
.callOutHeader{font-size:14px; margin:11px 75px 0 16px; text-transform:uppercase; line-height:1.2em; display:block; position:relative; z-index:4; text-shadow:#000 0px 1px 1px;}
.callOutLink{position:absolute; bottom:0; width:100%; padding:4px 0;color:#fff; font-size:12px; display:block;}
.callOutLink:hover{text-decoration:underline;}
.callOutLink > span{padding:7px 27px 7px 22px; background:url('../Images/linkArrowRightCallOut.png') no-repeat 100% 4px; position:relative; z-index:6;}
.callOutImage{position:absolute; right:0; bottom:0; z-index:3;}
.callOutImage.top{top:0;}

/* ----------------------------------------------------------------------------------------------------------------[ Single Column layout ]------------------------- */

.singleColumnCentered { color: #FFFFFF; width: 900px; margin: 40px auto; }
.singleColumnCentered .fourColFixedLayoutBlock { margin-top: 20px; }
