@media screen, print {
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:5px;margin-right:5px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1 {width:70px}.container_12 .grid_2 {width:150px}.container_12 .grid_3 {width:230px}.container_12 .grid_4 {width:310px}.container_12 .grid_5 {width:390px}.container_12 .grid_6 {width:470px}.container_12 .grid_7 {width:550px}.container_12 .grid_8 {width:630px}.container_12 .grid_9 {width:710px}.container_12 .grid_10{width:790px}.container_12 .grid_11{width:870px}.container_12 .grid_12{width:950px}.container_12 .prefix_1 {padding-left:80px}.container_12 .prefix_2 {padding-left:160px}.container_12 .prefix_3 {padding-left:240px}.container_12 .prefix_4 {padding-left:320px}.container_12 .prefix_5 {padding-left:400px}.container_12 .prefix_6 {padding-left:480px}.container_12 .prefix_7 {padding-left:560px}.container_12 .prefix_8 {padding-left:640px}.container_12 .prefix_9 {padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1 {padding-right:80px}.container_12 .suffix_2 {padding-right:160px}.container_12 .suffix_3 {padding-right:240px}.container_12 .suffix_4 {padding-right:320px}.container_12 .suffix_5 {padding-right:400px}.container_12 .suffix_6 {padding-right:480px}.container_12 .suffix_7 {padding-right:560px}.container_12 .suffix_8 {padding-right:640px}.container_12 .suffix_9 {padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .grid_1 {width:50px}.container_16 .grid_2 {width:110px}.container_16 .grid_3 {width:170px}.container_16 .grid_4 {width:230px}.container_16 .grid_5 {width:290px}.container_16 .grid_6 {width:350px}.container_16 .grid_7 {width:410px}.container_16 .grid_8 {width:470px}.container_16 .grid_9 {width:530px}.container_16 .grid_10{width:590px}.container_16 .grid_11{width:650px}.container_16 .grid_12{width:710px}.container_16 .grid_13{width:770px}.container_16 .grid_14{width:830px}.container_16 .grid_15{width:890px}.container_16 .grid_16{width:950px}.container_16 .prefix_1 {padding-left:60px}.container_16 .prefix_2 {padding-left:120px}.container_16 .prefix_3 {padding-left:180px}.container_16 .prefix_4 {padding-left:240px}.container_16 .prefix_5 {padding-left:300px}.container_16 .prefix_6 {padding-left:360px}.container_16 .prefix_7 {padding-left:420px}.container_16 .prefix_8 {padding-left:480px}.container_16 .prefix_9 {padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_12{padding-left:720px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_16 .suffix_1 {padding-right:60px}.container_16 .suffix_2 {padding-right:120px}.container_16 .suffix_3 {padding-right:180px}.container_16 .suffix_4 {padding-right:240px}.container_16 .suffix_5 {padding-right:300px}.container_16 .suffix_6 {padding-right:360px}.container_16 .suffix_7 {padding-right:420px}.container_16 .suffix_8 {padding-right:480px}.container_16 .suffix_9 {padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_12{padding-right:720px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
a {
cursor:pointer;
text-decoration: none;
}
a:link {}
a:visited {}
a:hover {
color: #696a6c;
cursor: pointer;
text-decoration: underline;
}
a:active {}
a:focus {}
a img {
vertical-align: bottom;
}
abbr {}
acronym {}
address {}
area {}
b {}
base {}
bdo {}
big {}
blockquote {}
body {
background:url(../../../mcns/img/bodyBG_1.png) 0 0 repeat-x #d9d6d6;
font-family: sans-serif;
}
br {}
button {}
caption {}
cite {}
code {}
col {}
colgroup {}
dd {}
del {}
dfn {}
div {}
dl {}
dt {}
em {}
fieldset {}
font {}
form {}
frame {}
frameset {}
head {}
h1 {
color: #084690;
font: normal 30px/30px DINWeb-Medium, sans-serif;
padding:10px 0 15px;
}
h2 {
color:#494949;
font: bold 18px/16px DINWeb-Medium, sans-serif;
}
h3 {
color: #494949;
font: bold 12px/16px DINWeb-Medium, sans-serif;
}
h3 a {
color: #074087;
}
h4 {}
h5 {}
h6 {}
hr {}
html {
}
i {}
iframe {}
img {}
input {}
input[type="button"] {
cursor: pointer;
}
ins {}
kbd {}
label {}
legend {}
li {
color: #696a6c;
font: 12px/16px sans-serif;
}
link {}
map {}
meta {}
noframes {}
noscript {}
object {}
ol {}
optgroup {}
option {}
p {
color: #696a6c;
font: 12px/16px sans-serif;
padding: 10px 0;
}
.lastParagraph {
padding-bottom: 100px;
}
param {}
pre {}
q {
quotes: '\201C' '\201D' '\2018' '\2019';
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
samp {}
select {}
span {}
strong {}
style {}
sub {}
sup {}
table {}
tbody {}
td {}
textarea {}
tfoot {}
th {}
thead {}
title {}
tr {}
tt {}
ul {}
var {}
u {}
body.home {
background:url('../../../mcns/img/contentBG-Home_1.png') 0 0 repeat-x #fff;
}
body.home div#container {
background-color: transparent;
}
body.home #navMain {
position: relative;
top: 5px;
*height: 40px;
}
body.home #content {
margin-top: -4px;
padding-bottom: 0;
padding-top:0;
background:none;
position: relative;
top: 80px;
}
body.home #footer {
border:none;
position: absolute;
top: 840px;
*top:920px;
width: 100%;
z-index: 99;
}
body.home #footer div {
background: none;
*height: 100px;
}
body.home #footer div ul {
*margin-top: 0;
}
body.home div.centerCol {
margin: 0 17px;
_margin: 0 10px;
width: 439px;
}
body.home div.centerColFull {
margin: 0 17px;
_margin: 0 10px;
width: 439px;
}
body.home div.moduleBody h1 {
color: white;
}
body.home div.moduleBody h4 {
color:white;
}
body.home div.centerCol h1,
body.home div.centerColFull h1{
font: 14px/16px DINWeb-Medium, sans-serif;
padding-top: 0;
text-transform: uppercase;
}
body.home div.centerCol h2,
body.home div.centerColFull h2 {
margin-top: 10px;
}
body.home div.centerCol h3 a,
body.home div.centerColFull h3 a
{
line-height: 50px;
}
body.home div.mainContent{
float: left;
margin: 0;
padding: 0;
position: relative;
top: -50px;
}
body.home div.wide {
padding: 10px 0;
position: relative;
top: 15px;
z-index: 100;
*height: 510px;
*padding-bottom: 0px;
}
body.home div.wide h1,
body.home div#content div.rail h1 {
color: #03254d;
padding: 5px 0;
}
body.home div.wide h3 a {
font-size:10px;
}
body.home div.wide div {
background:url(../../../mcns/img/homeFeatureBG.png) repeat-x 0 0 transparent;
border: 1px solid #dadada;
height: 433px;
}
body.home div.wide div div {
background: none;
border:none;
box-shadow: 1px -3px 15px #9B9B9B;
-moz-box-shadow: 1px -3px 15px #9B9B9B;
-webkit-box-shadow: 1px -3px 15px #9B9B9B;
height:320px;
padding: 10px 15px;
}
body.home div.wide div div div {
box-shadow: 0 0 0 #9B9B9B;
-moz-box-shadow: 0 0 0 #9B9B9B;
-webkit-box-shadow: 0 0 0 #9B9B9B;
height:auto;
padding:0;
}
body.home div.wide div.rail {
padding: 0;
margin: 0;
width: 240px;
}
body.home div.wide div.leftColumn div {
padding-left: 10px;
}
body.home #features {
margin: 2px 0;
overflow: hidden;
padding: 0;
width: 221px;
}
body.home #features li {
background: url(../../../mcns/img/homeFeatureLI.png) repeat-x 0 0;
border: none;
padding: 4px 4px 1px 4px;
width: 222px;
}
body.home #features p {
color: #696a6c;
font: normal 12px/14px Arial, sans-serif;
width: inherit;
margin-bottom: 0;
}
body.home #features li a {
color: #074187;
font: 12px/25px Arial,sans-serif;
padding: 0px 15px;
width: 185px;
display: block;
}
body.home #features li a:hover {
color: #696a6c;
}
body.home #features li a.opened {
background: url(../../../mcns/img/homeFeatureOpen.png) no-repeat 199px 10px;
}
body.home #features li a.closed {
background: url(../../../mcns/img/homeFeatureClosed.png) no-repeat 197px 7px;
}
body.home #features li h3 a {
font: 11px/12px DINWeb-Regular,Arial,sans-serif;
padding: 2px;
}
body.home #features li h3 a:hover {
color: #696a6c;
}
body.home #features ul {
margin: 0 -4px;
overflow: hidden;
padding: 0;
}
body.home #features li li {
background: none;
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
height: 160px;
margin-left: 1px;
padding: 8px 4px 0;
width: 210px;
}
body.home #features li.last-child ul {
border-bottom:1px solid #E5E5E5;
}
body.home div.wide div.rightRail div div {
margin-bottom: 5px;
}
body.home div.wide div.rightRail div div.top {
border: none;
padding-top: 0;
}
body.home div.wide div.rightRail div h3 {
padding-top: 8px;
}
body.home div.wide div.rightRail div p {
color: #b0b0b0;
font-size: 10px;
line-height: 14px;
margin-bottom: 0;
padding: 0;
width: inherit;
}
body.home div.wide div.rightRail div p a {
color: #494949;
font-size: 12px;
}
body.home div.wide div.rightRail div p a:hover {
color: #696a6c;
}
body.home div.wide div.rightRail img {
float: left;
padding: 5px 5px 5px 0;
}
body.home #slideshowBackground {
height: 349px;
left: -145px;
position: absolute;
top: 140px;
width: 1250px;
z-index: 1;
*z-index: 0;
}
body.home div.moduleSlideshow {
background-color:transparent;
}
body.home div.moduleContent {
width: 400px;
}
body.home div.moduleSlideshow h1 {
padding-top: 40px;
}
body.home div.moduleSlideshow h1 a {
color: #FFFFFF;
font: 60px/50px DINWeb-Medium, Arial, sans-serif;
}
body.home div.moduleSlideshow h1 a:hover {
text-decoration: none;
}
body.home div.moduleSlideshow h4 {
color: #FFFFFF;
font: 10px DINWeb-Medium, Arial, sans-serif;
left: 75px;
padding-top: 20px;
position: relative;
text-transform: uppercase;
}
body.home div.moduleSlideshow p {
color: #FFFFFF;
font: 18px/20px DINWeb-Regular, Arial, sans-serif;
padding: 0;
width: 275px;
}
body.home div.moduleSlideshow h3 {
padding-top: 20px;
}
body.home div.moduleSlideshow h3 a {
color: #FFFFFF;
}
body.home div.slideshowNav {
left: 0;
padding: 10px 0;
position: absolute;
top: 0;
z-index: 40;
}
body.home div.slideshowNav div { display: inline; }
body.home div.slideshowNav a {
margin: 5px;
color: #FFFFFF;
cursor: pointer;
font: 28px Arial, sans-serif;
}
body.home div.slideshowNav a.slideshowHighlight {
color: #084895;
}
body.landing {}
body.landing div.middleRow {
display: block;
}
body.multimedia div.upperFeature h2 {
color: #555555;
margin-bottom: 20px;
}
body.trade {}
body.trade div.upperFeature {
border-bottom: 1px solid #E6E7E7;
height: 325px;
width: 690px;
margin-bottom: 10px;
}
div.upperFeature div.galleryRelated {
height: 300px;
left: 720px;
position: absolute;
top: 115px;
*top: 105px;
width: 180px;
}
div.upperFeature div.galleryRelated h1,
div.upperFeature div.galleryRelated h1 a {
color: #555555;
font: bold 18px/20px Arial, sans-serif;
}
div.upperFeature div.galleryRelated p {
color: #696a6c;
font: 12px/16px Arial, sans-serif;
}
div.upperFeature div.galleryRelated div p {
color: #555555;
padding: 5px 0;
}
div.upperFeature div.galleryRelated div p a {
color: #074289;
}
div.clickable {
cursor: pointer;
}
body.trade div.carouselContainer {
background: #fff;
width: 460px;
height: 300px;
overflow: hidden;
position: relative;
}
body.trade div.carouselContainer div.carouselGallery {
background: transparent;
position: absolute;
bottom: 10px;
left: 50px;
width: 360px;
height: 50px;
z-index: 11;
}
body.trade div.carouselGallery {
position: relative;
background: #fff;
width: 460px;
height: 300px;
}
body.trade div.carouselGallery div.carouselSlide {
position: absolute;
left: 50px;
height: 50px;
*padding: 0 5px;
_padding: 0;
width: 360px;
}
body.trade div.moduleCarousel {
float: left;
height: 50px;
width: 80px;
margin: 0 5px;
*margin: 0 3px;
padding: 0;
}
body.trade div.moduleCarousel img {
border: 0;
height: 50px;
*padding: 0 1px;
width: 80px;
}
body.trade div.carouselNav {
position: absolute;
bottom: 0;
width: 460px;
height: 70px;
background: #000;
background-color: rgba(0, 0, 0, 0.5);
}
body.trade div.carouselNav a {
position: absolute;
width: 17px;
height: 22px;
cursor: pointer;
z-index: 10;
}
body.trade div.carouselNav a.carouselNavPrev {
bottom: 24px;
left: 19px;
background: url(../../../mcns/img/bgArrowLeft.png) no-repeat;
}
body.trade div.carouselNav a.carouselNavNext {
bottom: 24px;
right: 19px;
background: url(../../../mcns/img/bgArrowRight.png) no-repeat;
}
body.trade div.carouselNav a.carouselHighlight {
font-weight: bold;
color: red;
text-decoration: underline;
}
body.trade div.carouselNav div {}
body.trade div.carouselNav div.carouselNavPager {
text-align: center;
display: inline-block;
}
body.trident div.upperFeature div.carouselNav,
body.trident div.carouselGallery div.carouselSlide,
body.trident div.tabs div.carouselNav,
body.trident div.tabs div.carouselSlide,
body.trident div.multimediaCarousel div.carouselSlide {
background: url(../../../mcns/img/carouselNavOpacity.png) repeat-x 0 0;
}
body.trident div.tabs div.carouselSlide {width:362px; _width:370px;}
body.trident div.tabs div.carouselNav,
body.trident div.tabs div.videoGallery {
*margin-bottom: 0;
}
body.trident div.wideRight div.title div.share,
body.trident div.wideRight div.titleNoLine div.share,
body.trident div.fullRight div.title div.share,
body.trident div.fullRight div.titleNoLine div.share {
*margin-top: 0;
_margin-top:5px;
*clear: none;
_top: 50px;
_width: 315px;
}
body.trident div.title div.share div.fb,
body.trident div.titleNoLine div.share div.fb {
background: url(../../../mcns/img/titleLike.png) no-repeat 48px -14px;
*background: url(../../../mcns/img/titleLike.png) no-repeat 50px 0;
}
body.trident.home div.wide div.rightRail div h3,
body.windowsFirefox.home div.wide div.rightRail div h3 {
padding-top: 3px;
*padding-top: 8px;
}
div {}
div.article {
margin-top: 30px;
}
div.article ul {
margin: 10px 10px 20px 20px;
width:380px;
}
div.article ul li {
list-style: none;
background:url(../../../mcns/img/bulletArticle.png) no-repeat 0 15px;
*background:url(../../../mcns/img/bulletArticle.png) no-repeat 0 17px;
padding: 10px;
}
div.breadcrumbs {
z-index:1;
left: 20px;
position: absolute;
top: 50px;
*width: 500px;
}
div.breadcrumbs ul li {
float:left;
display:block;
}
div.breadcrumbs ul li:first-child,
div.breadcrumbs ul li.first-child {
background: none;
padding: 0;
}
div.breadcrumbs ul li:first-child a,
div.breadcrumbs ul li.first-child a {
padding-left: 0;
}
div.breadcrumbs ul li {
background:url(../../../mcns/img/breadcrumbDivider.png) no-repeat 0 10px;
padding: 0 10px;
}
div.breadcrumbs ul li a {
color: #797878;
font: 10px/15px DINWeb-Medium, sans-serif;
padding: 0 10px 0 20px;
}
div.centerCol {
display: inline;
float: left;
margin-right: 15px;
width: 460px;
}
div.centerColFull {
display: inline;
float: left;
margin-right: 15px;
width: 700px;
}
div.centerCol a:hover,
div.centerColFull a:hover{ color: #696A6C; }
div.featuredProducts {
margin-bottom: 20px;
}
div.featuredProducts h1 {
color: #03254d;
font: 14px/55px DINWeb-Medium, sans-serif;
text-transform: uppercase;
}
div.featuredProducts h2 {
color: #696a6c;
font: bold 14px/15px Arial, Helvetica, sans-serif;
}
div.featuredProducts h3 {
font: 11px/15px DINWeb-Medium, sans-serif;
padding: 0 0 20px 0;
}
div.featuredProducts div.module {
float:left;
width: 230px;
}
#content div.featuredProducts div.module p {
padding: 2px 0 15px;
width:210px;
}
div.featuredProducts div.module img {
margin-bottom: 15px;
}
body.multimedia div.mainContent div.tabs {
width: 680px;
}
body.multimedia div.mainContent div h2 {
background: #ffffff;
color: #03254d;
font: 14px/15px DINWeb-Medium, sans-serif;
padding-top: 20px;
text-transform: uppercase;
}
body.multimedia div.mainContent div.upperFeature h2 {
font: bold 18px/16px DINWeb-Regular, Arial, sans-serif;
padding-top: 0;
text-transform: none;
}
body.multimedia div.mainContent div.tabs div {
padding: 20px 5px;
}
body.multimedia div.mainContent div.tabs ul.tabsNav {
border-color: #CCCCCC #CCCCCC #BDBDBD;
border-style: solid;
border-width: 1px 1px 3px;
}
body.multimedia div.mainContent div.tabs div.mediaGallery {
_margin: 0;
_padding: 20px 0 20px 12px;
}
body.multimedia div.mainContent div.tabs div.mediaGallery div {
border: none;
float: left;
height: 160px;
margin: 5px 0 5px 7px;
_margin: 5px 0 5px 5px;
_padding-right: 0;
width: 150px;
}
body.multimedia div.mainContent div.tabs div.mediaGallery div h2 {
background-color: transparent;
color: #696a6c;
font: bold 12px/15px Arial, sans-serif;
*margin-top: 55px;
padding-top: 10px;
padding-bottom: 0;
text-transform: none;
}
body.multimedia div.mainContent div.tabs div.mediaGallery div p {
font-weight: normal;
padding: 0;
}
body.multimedia div.mainContent div.tabs div.mediaGallery div a img {
vertical-align: inherit;
_float: left;
_padding-bottom: 10px;
}
a.pop:hover h2, a.pop:hover p {
text-decoration: underline;
}
div.graphicMenu div {
float: left;
height: 175px;
width: 160px;
margin: 5px;
}
div.graphicMenu div h2 {
color: #696a6c;
font: bold 12px/15px sans-serif;
padding: 10px 10px 0 0;
}
div.graphicMenu div a:hover h2 {
text-decoration: underline;
}
div.graphicMenu div img {
height: 95px;
width: 160px;
}
div.rail {
color: #074087;
float: left;
margin-left:0;
padding-left:5px;
padding-top: 22px;
width: 165px;
}
#content div.rail h1 {
font: 14px/16px DINWeb-Medium, sans-serif;
padding-top: 0;
text-transform: uppercase;
}
div#content div.rail h1 a {
color: #03254d;
}
div.rail h2 {
color: #4A4A4A;
}
div.rail p {
color:#929292;
margin-bottom:10px;
padding-top: 2px;
width: inherit;
}
div.rail ul {
padding-bottom: 10px;
}
div.rail ul li {
border-top: none;
padding: 5px 0;
}
div.rail ul li a {
color: #074187;
font: 12px/16px Arial, sans-serif;
}
div.leftColumn ul li a {
font: 12px/25px Arial, sans-serif;
}
div.rail ul li a.active {
color: #606060;
font-weight: bol d;
}
div.rail div.module {
padding: 35px 15px 25px;
}
div.rail div.empSpotlight {
border-top: 1px solid #e7e7e7;
padding-top: 20px;
}
div#content div.spotlight h2,
div.rail div.empSpotlight h2 {
color: #696a6c;
font: bold 14px/15px Arial, sans-serif;
margin-top: 10px;
}
div#content div.spotlight p,
div.rail div.empSpotlight p {
color: #696a6c;
margin-bottom: 2px;
width: inherit;
}
div.rail div.related {
border-top: 1px solid #e7e7e7;
}
div.rail div.related ul li {
line-height:1;
margin: 5px auto;
}
div.rail div.related ul li a{
line-height: 14px;
}
div.rail div.related h3 {
padding-top: 10px;
}
div.rail div.related2 {
padding: 0;
}
div.rail div.related2 ul li {
border-top: 1px solid #e7e7e7;
}
div.rail div.related2 ul li:first-child {
border: none;
}
div.rail div li a:hover {
color: #696a6c;
}
div.rail div.spotlight {
background:#f1f1f1;
height: 280px;
padding:10px;
width:200px;
}
div#content div.spotlight h3 a {
color: #174d8e;
}
div#content div.spotlight h3 a:hover {
color: #696A6C;
}
div.rail div.featuredEvent {
box-shadow: 0px 0px 14px #dadada;
-moz-box-shadow: 0px 0px 14px #dadada;
-webkit-box-shadow: 0px 0px 14px #dadada;
border: 1px solid #dadada;
height: 280px;
left: -10px;
padding: 22px;
position: relative;
}
div.rail div.featuredEvent img {
padding-top: 20px;
}
div.leftColumn {
width: 230px;
}
div.leftColumn ul li {
border-top: 1px solid #E7E7E7;
}
div.leftColumn ul li:first-child {
border-top:none;
}
div.leftColumn div:first-child {
padding-top:0;
}
div.leftColumn ul div ul {
padding-bottom: 0;
}
div.leftColumn ul div li {
border: none;
margin-left: 20px;
padding: 2px 0;
}
div.leftColumn ul div li a {
line-height: 15px;
}
div.mainContent {
clear:both;
margin-top:5px;
}
.mainContent div.tabs {
background-color: #f1f1f1;
*background-color: #FFFFFF;
margin: 20px 0 0 0;
border-color: #CCCCCC;
border-style: solid;
border-width: 0 1px 1px;
}
.mainContent div.tabs div {
border-width: 0 1px 1px;
padding: 20px;
*padding-bottom: 10px;
*margin-bottom: 20px;
}
body.detail div.mainContent div.tabs div.article {
background-color: #fff;
margin-top: 0;
padding: 25px 15px 15px;
}
body.detail .mainContent div.tabs div#tabs-2, body.detail .mainContent div.tabs div#tabs-2 div,
body.detail .mainContent div.tabs div#tabs-3, body.detail .mainContent div.tabs div#tabs-3 div {
padding: 0;
}
body.detail .mainContent div.tabs div#tabs-2,
body.detail .mainContent div.tabs div#tabs-3 {
height: 100%;
padding: 0;
*background-color: #F1F1F1;
}
body.detail .mainContent div.tabs div#tabs-2 div.carouselContainer, body.detail .mainContent div.tabs div#tabs-2 div.carouselNav,
body.detail .mainContent div.tabs div#tabs-3 div.carouselContainer, body.detail .mainContent div.tabs div#tabs-3 div.carouselNav {
width: 458px;
}
div.clickable {
cursor: pointer;
}
body.detail div.carouselContainer {
background: #fff;
width: 460px;
height: 300px;
margin-bottom: 0;
overflow: hidden;
position: relative;
}
div.carouselContainer div.videoGallery {
background: transparent;
position: absolute;
bottom: 10px;
left: 50px; _left: 45px;
width: 360px; *width: 365px; _width: 370px;
height: 50px;
z-index: 11;
}
div.videoGallery {
position: relative;
background: #fff;
width: 460px;
height: 300px;
}
div.videoGallery div.carouselSlide {
position: absolute;
height: 50px;
width: 360px; *width: 365px; _width: 370px;
}
body.detail div.moduleCarousel {
float: left;
height: 50px;
width: 80px;
margin: 0 5px;
padding: 0;
*overflow: hidden;
}
body.detail div.moduleCarousel img {
border: 0;
height: 50px;
width: 80px;
}
body.detail div.carouselNav {
position: absolute;
bottom: 0;
width: 460px;
height: 70px;
background: #000;
background-color: rgba(0, 0, 0, 0.5);
}
body.detail div.carouselNav a {
position: absolute;
width: 17px;
height: 22px;
cursor: pointer;
z-index: 10;
}
body.detail div.carouselNav a.carouselNavPrev {
bottom: 24px;
left: 19px;
background: url(../../../mcns/img/bgArrowLeft.png) no-repeat;
}
body.detail div.carouselNav a.carouselNavNext {
bottom: 24px;
right: 19px;
background: url(../../../mcns/img/bgArrowRight.png) no-repeat;
}
body.detail div.carouselNav a.carouselHighlight {
font-weight: bold;
color: red;
text-decoration: underline;
}
body.detail div.carouselNav div {}
body.detail div.carouselNav div.carouselNavPager {
text-align: center;
display: inline-block;
}
body.detail div.mainContent div.tabs div#tabs-2 div.info,
body.detail div.mainContent div.tabs div#tabs-3 div.info {
padding: 25px 15px;
}
body.detail div.info h1 {
color: #494949;
font: 18px/15px DINWeb-Medium,sans-serif;
padding: 0;
}
body.detail div.info p {
color: #696a6c;
line-height: 15px;
}
body.detail div.mainContent div.tabs h2 {
background: #ffffff;
color: #03254d;
font: 14px/15px DINWeb-Medium, sans-serif;
padding-bottom: 20px;
text-transform: uppercase;
}
body.detail div.mainContent div.tabs div {
padding: 20px 5px;
}
body.detail div.mainContent div.tabs ul.tabsNav {
border-color: #CCCCCC #CCCCCC #BDBDBD;
border-style: solid;
border-width: 1px 1px 3px;
}
body.detail div.mainContent div.tabs div.mediaGallery div {
border: none;
float: left;
height: 160px;
margin: 5px 7px;
width: 125px;
}
body.detail div.mainContent div.tabs div.mediaGallery div h2 {
background-color: transparent;
color: #696a6c;
font: bold 12px/15px Arial, sans-serif;
padding-top: 10px;
padding-bottom: 0;
text-transform: none;
}
body.detail div.mainContent div.tabs div.mediaGallery div p {
font-weight: normal;
padding: 0;
}
body.detail div.mainContent div.tabs div.mediaGallery div a {
text-decoration:none;
}
body.detail div.mainContent div.tabs div.mediaGallery div a img {
vertical-align: inherit;
}
.mainContent div.tabs ul.tabsNav {
margin: 0;
height: 37px;
border: 1px solid #ccc;
text-align: center;
background:url(../../../mcns/img/tabsBG.png) repeat-x 0 0;
}
.mainContent div.tabs ul.tabsNav li {
background: url(../../../mcns/img/tabsDivider.png) no-repeat 0 0;
margin: 0;
padding: 0;
display: block;
float: left;
}
.mainContent div.tabs ul.tabsNav a {
bottom: -1px;
color: #08458d;
font: 12px/22px Arial, sans-serif;
position: relative;
}
.mainContent div.tabs ul.tabsNav a:link, .mainContent div.tabs ul.tabsNav a:visited {
display: block;
float: left;
padding: 8px 15px;
}
.mainContent div.tabs ul.tabsNav a:link.active, .mainContent div.tabs ul.tabsNav a:visited.active {
background:url(../../../mcns/img/tabsBGActive.png) repeat-x 0 0;
color: #494949;
}
.mainContent div.tabs ul.tabsNav a:hover {
background:url(../../../mcns/img/tabsBGActive.png) repeat-x 0 0;
color: #696A6C;
}
div.module {
}
div.rail div.notes {
padding: 0 15px 15px;
}
div.notes h3 {
padding-bottom: 20px;
}
div.notes p {
color: #555555;
font: 12px/14px Arial, sans-serif;
width: auto;
}
div.notes a {
color: #174d8e;
font: 10px/15px DINWeb-Medium, sans-serif;
}
div.paging {
float:right;
margin-right: 30px;
}
div.paging p {
float: left;
margin-top: 28px;
}
div.paging p.prev {
background: url(../../../mcns/img/pagingPrevious.png) no-repeat 0 0;
}
div.paging p.next {
background: url(../../../mcns/img/pagingNext.png) no-repeat 0 0;
}
div.paging a {
color: #08458d;
}
div.paging ul {
float: left;
}
div.paging ul li {
background:url(../../../mcns/img/pagingDivider.png) no-repeat 0 33px;
font-size: 20px;
float:left;
padding: 30px 10px;
}
div.paging ul li:first-child,
div.paging ul li.first-child {
background: none;
}
div.paging ul li a {
font: 12px/22px Arial, sans-serif;
}
div.pressReleases {
background-color: #eeeeee;
height: 325px;
width: 410px;
padding: 0 20px;
}
#content div.pressReleases h1 {
color: #03254d;
font: 14px/35px DINWeb-Medium, sans-serif;
text-transform: uppercase;
padding-bottom:0;
}
div.pressReleases h3 {
line-height: 15px;
padding: 10px 0;
}
#content div.pressReleases p {
font: 10px/15px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
width: 400px;
}
div.pressReleases p a {
color: #08458f;
font: 12px/15px Arial, Helvetica, sans-serif;
}
div.pressReleases div.module {
border-top: 1px solid #d7d8d8;
padding: 10px 0;
}
div.pressReleases div.first {
border-top: none;
padding-top: 0;
}
div.rail div.productFinder {
display: none;
float: left;
margin: 0 0 10px 10px;
_margin-left: 5px;
padding: 0;
position: relative;
top: -11px;
}
div.rail div.productFinder h2 {
color: #074187;
font: 14px/38px DINWeb-Medium,sans-serif;
_line-height: 35px;
padding: 0 10px;
}
div.rail div.productFinder h4 a {
color: #074187;
font: 12px/34px Arial, sans-serif;
padding-left: 10px;
}
div.productFinder h2.toggle,
div.productFinder h4.toggle {
background:url(../../../mcns/img/productFinderClosed.png) 0 0 no-repeat;
border: none;
cursor: pointer;
height: 35px;
width: 210px;
}
div.productFinder h4.toggle:hover {
background:url(../../../mcns/img/productFinderClosedHover.png) 0 0 no-repeat;
}
div.productFinder h2.opened,
div.productFinder h4.opened {
background:url(../../../mcns/img/productFinderOpen.png) 0 0 no-repeat;
}
div.rail div.productFinder h4.opened:hover {
background:url(../../../mcns/img/productFinderOpenHover.png) 0 0 no-repeat;
}
div.rail div.productFinder h4.opened {
background:url(../../../mcns/img/productFinderLevel2-Open.png) 0 0 no-repeat;
}
div.rail div.productFinder h2.opened a,
div.rail div.productFinder h2:hover,
div.rail div.productFinder h4.opened a,
div.rail div.productFinder h4:hover a {
color: #FFFFFF;
}
div.rail div.productFinder div div {
border: 1px solid #E7E7E7;
width: 208px;
}
div.rail div.productFinder ul {
padding-bottom: 0;
width: 208px;
}
div.rail div.productFinder div li {
background: none;
background-color: #F1F1F1;
border: none;
}
div.rail div.productFinder div li a {
color: #074187;
display: block;
margin-left: 2em;
text-indent: -1em;
}
div.productFinder h2 a {
font: 14px/30px DINWeb-Medium, sans-serif;
padding: 10px;
}
div.productFinder li a {
color: #074187;
font: 12px/34px Arial,sans-serif;
margin-left: 10px;
}
div.productFinder ul li {
padding: 0px;
}
div.productFinder ul li a:hover {
color: #074187;
}
div.productFinder h2:hover,
div.productFinder h4:hover a {
color: #FFFFFF;
}
div.rail div.followsPF {
padding-top:0;
}
div.productListing h1 {
color: #03254D;
font: 14px/15px DINWeb-Medium, Arial, sans-serif;
text-transform: uppercase;
}
div.productListing a {
color: #08458f;
font: 12px/30px Arial, sans-serif;
}
div.rightRail {
float: left;
padding-left: 0;
padding-top: 0;
width: 220px;
}
div.rightRail div.spotlight h3 a {
color: #FFFFFF;
}
div.rightRail div.contacts {
color: #555555;
}
div#content div.rightRail div.contacts h1 {
padding-bottom: 0;
}
div.rightRail div.contacts h2 {
font: bold 12px/14px Arial, sans-serif;
margin-top: 12px;
}
div.rightRail div.contacts p {
font: normal 12px/14px Arial, sans-serif;
margin: 0;
padding: 1px 0;
}
div.rightRail div.contacts a {
color: #074187;
}
div.rightRail div a:hover {
color: #696A6C;
}
div.schedule table {
margin: 0 0 50px;
width: 100%;
}
div.schedule table tr {
height: 50px;
}
div.schedule table tr th {
height: 65px;
padding-top: 15px;
}
div.schedule table tr th p {
color: #03254d;
font: 14px/15px DINWeb-Medium, Arial, sans-serif;
text-transform: uppercase;
}
div.schedule table p {
color: #696a6c;
font: 10px/15px Arial, sans-serif;
margin: 0;
padding: 0 25px;
}
div.schedule table p a {
color: #08458f;
font-size: 12px;
}
div.schedule table tr.odd {
background: #e6e7e7;
}
div.leftColumn ul.socialLinks li {
border: none;
display: block;
float: left;
margin: 0 10px 5px 0;
padding: 0;
}
#footer div ul.socialLinks {
margin-top: 68px;
}
ul.socialLinks li a {
display: block;
height: 20px;
margin: 5px 3px;
overflow: hidden;
padding:0;
text-indent: -999em;
width: 20px;
}
ul.socialLinks li a.fb {
background: url(../../../mcns/img/smFB.png) no-repeat 0 0;
}
ul.socialLinks li a.fl {
background: url(../../../mcns/img/smFL.png) no-repeat 0 0;
}
ul.socialLinks li a.yt {
background: url(../../../mcns/img/smYT.png) no-repeat 0 0;
}
ul.socialLinks li a.tw {
background: url(../../../mcns/img/smTW.png) no-repeat 0 0;
}
div.wideRight div.title {
border-bottom: 1px solid #E7E7E7;
margin-bottom: 20px;
width: 695px;
}
div.fullRight div.title {
border-bottom: 1px solid #E7E7E7;
margin-bottom: 20px;
}
div.wideRight div.titleNoLine {
width: 699px;
margin-left: 5px;
}
div.fullRight div.titleNoLine {
margin-left: 20px;
}
div.title h1, div.titleNoLine h1, div.wideRight div.title div.title_node {
float: left;
width: 395px;
_width: 390px;
}
div.title h2, div.titleNoLine h2 {
color: #555555;
font: 18px DINWeb-Regular, sans-serif;
margin: 15px 0;
}
div.wideRight div.title div.share,
div.wideRight div.titleNoLine div.share,
div.fullRight div.title div.share,
div.fullRight div.titleNoLine div.share {
clear: none;
position: absolute;
right: 20px;
top: 60px;
vertical-align: top;
width: 320px;
zoom:1;
min-height:100px;
margin-top: 0px;
}
div.wideRight div.titleNoLine div.share,
div.fullRight div.titleNoLine div.share { right: 30px; }
body.detail div.wideRight div.titleNoLine div.share,
body.detail div.fullRight div.titleNoLine div.share { right: 5px; }
div.wideRight div.title div.share div,
div.wideRight div.titleNoLine div.share div,
div.fullRight div.title div.share div,
div.fullRight div.titleNoLine div.share div{
display: inline;
vertical-align: top;
}
div.title div.share input,
div.titleNoLine div.share input {
-moz-appearance: none;
vertical-align: top;
}
div.title div, div.titleNoLine div {
clear: left;
margin-bottom: 10px;
width: 500px;
}
div.wideRight div.title div, div.wideRight div.titleNoLine div {
width: 400px;
}
div.fullRight div.title div, div.fullRight div.titleNoLine div {
width: 600px;
}
div.title div select.styled, div.titleNoLine div select.styled {
height: 30px;
width: 200px;
}
.customStyleSelectBoxInner {
background: url(../../../mcns/img/topicsDropDownArrow.png) no-repeat scroll right center transparent;
border: 2px solid #CCCECF;
color: #797878;
font: normal 14px/15px DINWeb-Medium, Arial, sans-serif;
padding: 5px;
width: 180px;
}
div.title div.narrow input, div.titleNoLine div.narrow input {
border: 2px solid #CCCECF;
color: #797878;
font: normal 14px/15px DINWeb-Medium, Arial, sans-serif;
margin-left: 20px;
padding: 4px;
width: 190px;
}
div.title div.narrow input.searchButton,
div.titleNoLine div.narrow input.searchButton {
border: none;
margin-left: 0;
margin-top:1px;
}
div.rail div.videoSpotlight {
background-color: #254264;
padding-top:15px;
padding-bottom:25px;
width: 195px;
}
#content div.rail div.videoSpotlight h1 {
color: #FFFFFF;
margin-bottom: 10px;
padding-bottom:5px;
padding-top: 5px;
}
div.rail div.videoSpotlight h2 {
color: #FFFFFF;
font: bold 14px/16px DINWeb-Medium, sans-serif;
margin-bottom: 2px;
margin-top: 15px;
}
div.rail div.videoSpotlight h3 a {
color: #FFFFFF;
}
div.rail div.videoSpotlight p {
color: #FFFFFF;
line-height: 15px;
margin-bottom: 15px;
}
div.rail div.videoSpotlight div.video {
background:url(../../../mcns/img/fpo/195x110-FPO.png) 0 0 no-repeat;
height:110px;
width: 195px;
}
div.rail div.videoSpotlight div.video img {
padding:22px 0 0 60px;
}
div.wideRight {
display: inline;
float: left;
margin-right: 5px;
margin-left: 5px;
width: 710px;
_width: 705px;
*padding-bottom: 25px;
}
div.fullRight {
display: inline;
float: left;
margin-right: 5px;
margin-left: 20px;
*padding-bottom: 25px;
}
#container {
background: url(../../../mcns/img/contentTopBG.png) repeat-x 0 -2px #FFFFFF;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0;
width: 960px;
}
#content {
background: url(../../../mcns/img/contentBG_1.png) 0 0 repeat-x;
color: #929292;
margin-top: 21px;
padding-bottom: 20px;
padding-top:40px;
position: relative;
*top: 20px;
}
#footer {
background-color:#dad6d7;
border: 1px solid #c9c7c6;
font: 12px/30px DINWeb-Regular, sans-serif;
*position:absolute;
}
#footer div {
background:url(../../../mcns/img/footerBG.png) repeat-x 0 0;
height: 145px;
margin: auto;
position: relative;
top: -1px;
width: 960px;
z-index: 20;
}
#footer div ul:first-child,
#footer div ul.first-child {
float: left;
}
#footer div ul:first-child li,
#footer div ul.first-child li {
float: left;
background:url(../../../mcns/img/footerDivider.png) no-repeat 0 0;
padding: 0 10px 0 20px;
}
#footer div ul:first-child li:first-child,
#footer div ul.first-child li.first-child {
background: none;
padding-left: 0;
}
#footer div ul {
float:right;
margin-top: 75px;
}
#footer div ul li {
float:left;
line-height: 19px;
padding: 5px;
}
#footer div ul li a {
color: #6b696a;
}
#footer div ul:first-child li:first-child a,
#footer div ul.first-child li.first-child a {
color: #074087;
font-weight: bold;
}
#header {
background-color: #ffffff;
height:119px;
}
#header div {
width:960px;
margin: auto;
}
#header div img {
padding: 20px 0;
}
#header div.logo {
background: url(../../../mcns/img/logo.png) no-repeat 0 30px;
background-color:transparent;
}
#nav {
position: absolute;
top: 94px;
z-index:102;
}
div#nav ul li {
float: left;
display: block;
padding: 10px 0;
}
div#navGlobal {
font: 10px/30px DINWeb-Regular, sans-serif;
position: absolute;
top: -65px;
left: 600px;
width: 380px;
vertical-align:middle;
}
div#navGlobal ul li {
background:url(../../../mcns/img/globalNavDivider.png) no-repeat 0 8px;
padding: 5px 15px;
}
div#navGlobal ul li:first-child, div#navGlobal ul li.first-child {
background: none;
}
div#navGlobal ul li a {
color: #5b6365;
text-transform: uppercase;
}
div#navGlobal ul li a:hover {
color: #08438b;
}
#navMain {
z-index:100;
color:#fff;
font: 14px DINWeb-Medium, sans-serif;
position: relative;
top: 5px;
width: 960px;
}
#navMain div {
background:url(../../../mcns/img/mainNavBG_1.png) repeat-x 0 0;
height: 41px;
position: absolute;
top: 0;
}
#navMain div li div {
top: -10px;
}
#navMain div ul li {
height: 18px;
padding: 15px 0 8px;
text-align: center;
width: 125px;
}
#navMain div ul li:last-child,
#navMain div ul li.last-child {
height: 18px;
padding: 15px 0 8px;
text-align: center;
width: 124px;
}
#navMain div ul li li:last-child,
#navMain div ul li li.last-child {
height: 18px;
text-align: center;
width: 190px;
padding: 10px 8px;
}
#navMain div ul li a {
color: #FFF;
font: 12px/16px DINWeb-Regular, Arial, sans-serif;
text-transform: uppercase;
}
#navMain div ul li.active {
background:url(../../../mcns/img/mainNavActive.png) no-repeat 0 0;
}
#navMain div ul li:hover {
background:url(../../../mcns/img/mainNavHover-A1.png) repeat-x 0 0;
cursor: pointer;
z-index: 110;
}
#navMain div ul li:hover a {
color: #094fa3;
text-decoration: none;
}
#navMain div ul li div {
display: none;
}
#navMain div ul li:hover div,
#navMain div ul li.hover div {
background:url(../../../mcns/img/mainNavHover-Div.png) no-repeat 0 0 #FFFFFF;
-moz-box-shadow: 0 2px 10px #c4c4c4;
-webkit-box-shadow: 0 2px 10px #c4c4c4;
box-shadow: 0 2px 10px #c4c4c4;
cursor: pointer;
display: block;
height: 262px;
left: 0;
position: absolute;
text-align: left;
top: 41px;
z-index: 1000;
}
#navMain div ul li.menu01:hover div {
left: 0;
width: 500px;
}
#navMain div ul li.menu01:hover div div {
width: 215px;
}
#navMain div ul li.menu02:hover div {
width: 500px;
}
#navMain div ul li.menu02:hover div div {
width: 215px;
}
#navMain div ul li.menu03:hover div {
left: 250px;
width: 500px;
}
#navMain div ul li.menu03:hover div div {
left: 0;
width: 215px;
}
#navMain div ul li.menu04:hover div {
}
#navMain div ul li.menu04:hover div div {
left: 0;
}
#navMain div ul li.menu05:hover div {
width: 710px;
}
#navMain div ul li.menu05:hover div div {
left: 0px;
width: 215px;
}
#navMain div li:hover div div {
background: none;
-moz-box-shadow: 0 0 0 #DADADA;
-webkit-box-shadow: 0 0 0 #DADADA;
box-shadow: 0 0 0 #DADADA;
cursor: pointer;
display: block;
float: left;
padding: 0 10px;
position: relative;
top: 0;
width: 210px;
z-index: 1000;
}
#navMain div li div div h1 {
color: #696a6c;
font: bold 14px/24px Arial, sans-serif;
}
#navMain div li div div p {
font: 12px/15px Arial, sans-serif;
width: 200px;
}
#navMain div li div div img {}
#navMain div li div div ul {
border-left: 1px solid #d8dada;
float: left;
margin-top: 41px;
padding-left: 3px;
width: 215px;
}
#navMain div li div div ul.first {
border: none;
margin-left: -10px;
}
#navMain div li div div li,
#navMain div li div div li.last-child {
padding: 8px 8px 8px 20px;
width: 210px;
}
#navMain div li div div li:first-child {
padding-top: 0;
}
#navMain div li:hover div div li a {
color: #074187;
cursor: pointer;
float: left;
padding-left: 0;
text-align: left;
text-transform:none;
}
#navMain div li div div li:hover {
background: none;
}
#navMain div li div div li a:hover {
color: #696a6c;
text-decoration: underline;
}
#navMain div.navSearch {
background: url("../../../mcns/img/mainNavBG.png") repeat-x scroll 0 0 transparent;
position: absolute;
right: 0;
text-align: right;
width: 337px;
}
#navMain div.navSearch .search{
padding-top:5px;
}
#navMain div.navSearch input {
height: 21px;
position: relative;
top: 3px;
-webkit-appearance:none;
}
#navMain div.navSearch input.searchButton {
top: 1px;
height: 31px;
}
input.searchButton {
background:url(../../../mcns/img/navSearch.png) no-repeat 0 0;
border: none;
vertical-align: top;
width: 52px;
}
input.searchButton:hover {
background:url(../../../mcns/img/navSearchHover.png) no-repeat 0 0;
}
div.upperFeature div.slideshowContainer {
position: relative;
height: 310px;
width: 680px;
background: #fff;
overflow: hidden;
z-index: 10;
}
div.upperFeature div.slideshow {
position: relative;
height: 310px;
width: 680px;
}
div.upperFeature div.moduleSlideshow {
position: absolute;
top: 0;
left: 0;
height: 310px;
width: 680px;
z-index: 20;
}
div.upperFeature div.moduleSlideshow div {}
div.upperFeature div.moduleSlideshow div.moduleHead {}
div.upperFeature div.moduleSlideshow div.moduleBody {
bottom: 0;
height: 45px;
left: 0;
padding: 20px;
position: absolute;
width: 360px;
z-index: 50;
}
div.upperFeature div.moduleSlideshow div.moduleFoot {}
div.upperFeature div.moduleSlideshow div.moduleInfo {display:none;}
div.upperFeature div.moduleSlideshow img {
position: absolute;
top: 0;
left: 0;
height: 310px;
width: 680px;
z-index: 30;
}
div.upperFeature div.moduleSlideshow a {
color: #FFF;
z-index:50;
}
div.upperFeature div.moduleSlideshow h1 {
color: #FFF;
font: bold 14px/15px Arial, Helvetica, sans-serif;
margin: 0;
padding: 15px 0;
}
div.upperFeature div.slideshowNav {
bottom: 0;
left: 400px;
height: 65px;
padding: 10px 20px;
position: absolute;
width: 280px;
z-index: 40;
}
div.upperFeature div.slideshowNav div {
display: inline;
float:right;
}
div.upperFeature div.slideshowNav a {
margin: 5px;
color: #FFF;
cursor: pointer;
font: 30px Arial, sans-serif;
}
div.upperFeature div.slideshowNav a.slideshowHighlight {
color: #084895;
}
div.upperFeature div.slideshowNavPager {
margin: 15px 40px 0 0;
}
div.selectedProducts {
margin-top: 25px;
}
div.selectedProducts h1 {
font: 14px/22px DINWeb-Medium, sans-serif;
color: #003366;
text-transform: uppercase;
}
div.selectedProductsCarousel h1 {
color: #696a6c;
font: bold 12px/30px Arial, sans-serif;
margin: 0;
padding: 0;
text-transform: capitalize;
}
div.carouselContainer {
background: #fff;
border-bottom: 1px solid #e6e7e7;
height: 133px;
margin-bottom: 15px;
overflow: hidden;
position: relative;
width: 685px;
}
div.carousel {
font: bold 12px/14px sans-serif;
position: relative;
height: 130px;
width: 680px;
border-top: 10px solid #fff;
}
div.selectedProductsCarousel {
float:left;
margin-left: 5px;
_margin-right: 5px;
height: 122px;
overflow: hidden;
position: relative;
width: 625px;
}
div.carousel div.carouselSlide {
background: #fff;
position: absolute;
top: 0;
left: 0;
height: 130px;
width: 680px;
}
div.moduleCarousel {
float: left;
width: 115px;
margin: 0 5px;
_margin: 0 2px;
padding: 0;
}
div.moduleCarousel img {
border: 0;
height: 70px;
width: 115px;
}
div.moduleCarousel h1 {
font: bold 12px/14px sans-serif;
margin: 10px 0 0 0;
text-align: center;
}
div.moduleCarousel a:hover h1 {
margin-top: 8px;
text-decoration: underline;
}
div.moduleCarousel a:hover img {
border: 1px solid #084389;
}
div.carouselNav {
text-align: center;
float:left;
font: normal 10px sans-serif;
width: 25px;
}
div.carouselNav a {
cursor: pointer;
}
div.carouselNav a.carouselNavPrev {}
div.carouselNav a.carouselNavPrev:hover {}
div.carouselNav a.carouselNavNext {}
div.carouselNav a.carouselHighlight {
font-weight: bold;
color: red;
text-decoration: underline;
}
div.carouselNav div {}
div.carouselNav div.carouselNavPager {
}
div.clickable {
cursor: pointer;
}
body.multimedia div.carouselContainer {
background: #fff;
width: 680px;
height: 360px;
overflow: hidden;
position: relative;
}
body.multimedia div.carouselContainer div.multimediaCarousel {
background: transparent;
position: absolute;
bottom: 10px;
left: 50px;
width: 680px;
*width: 584px;
height: 50px;
z-index: 11;
}
body.multimedia div.multimediaCarousel {
position: relative;
background: #fff;
width: 680px;
height: 360px;
}
body.multimedia div.multimediaCarousel div.carouselSlide {
position: absolute;
left: 50px;
height: 50px;
width: 680px;
*width: 584px;
}
body.multimedia div.moduleCarousel {
float: left;
height: 50px;
width: 80px;
margin: 0 8px;
padding: 0;
}
body.multimedia div.moduleCarousel img {
border: 0;
height: 50px;
width: 80px;
}
body.multimedia div.carouselNav {
position: absolute;
bottom: 0;
width: 680px;
height: 70px;
background: #000;
background-color: rgba(0, 0, 0, 0.5);
}
body.multimedia div.carouselNav a {
position: absolute;
width: 17px;
height: 22px;
cursor: pointer;
z-index: 10;
}
body.multimedia div.carouselNav a.carouselNavPrev {
bottom: 24px;
left: 19px;
background: url(../../../mcns/img/bgArrowLeft.png) no-repeat;
}
body.multimedia div.carouselNav a.carouselNavNext {
bottom: 24px;
right: 19px;
background: url(../../../mcns/img/bgArrowRight.png) no-repeat;
z-index: 11;
}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:#fff;}
#colorbox{}
#cboxContent{margin-top:32px; overflow:visible;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(../../../mcns/img/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../../mcns/img/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
}
@media print {
* { background: none !important; }
}
.floatl {
float:left;
}
.floatleft
{
padding: 5px;
float:left;
}
.floatright
{
padding: 5px;
float:right;
}
.bluebg
{
background-color: #254264;
color: #FFFFFF;
padding-left: 3px;
}
.dgraybg
{
background-color: #151515;
color: #CCC;
padding-left: 3px;
}
div.dgraybg p
{
color: #CCC;
}
.dgraybg p
{
color: #CCC;
}
div.rail .dgraybg p, div.rail .dgraybg h1, div.rail .dgraybg h2, div.rail .dgraybg h3 {
color:#CCC;
}
div.dgraybg h1, div.dgraybg h2, div.dgraybg h3 {
Color: #CCC;
}
div.dgraybg td
{
color:#CCC;
font: 12px/16px sans-serif;
padding: 10px 0;
}
div.rail .bluebg p, div.rail .bluebg h1, div.rail .bluebg h2, div.rail .bluebg h3 {
color:#FFFFFF;
}
.graybg
{
background-color: #F1F1F1;
padding-left: 3px;
}
hr
{
color: #E7E7E7;
background-color:
}
div.rteText td, div.graybg td
{
color: #696A6C;
font: 12px/16px sans-serif;
padding: 10px 0;
}
div.bluebg td {
color:white;
font: 12px/16px sans-serif;
}
div.rteText h2, div.bluebg h2, div.graybg h2 {
color:#494949;
font: bold 18px/16px DINWeb-Medium, sans-serif;
}
div.rteText h3, div.bluebg h3, div.graybg h3 {
color: #494949;
font: bold 12px/16px DINWeb-Medium, sans-serif;
padding-bottom: 5px;
}
div.rteText h3 a {
color: #074087;
}
div.wideRight div.rail,
div.fullRight div.rail {
padding-top: 0px;
}
div.section a {
color: #08458F;
}
div.bluebg a
{
color: #999999;
}
div.dgraybg a
{
color: #1088FF;
}
div.clearance tr {
color: #000000;
font: 12px/16px sans-serif;
}
div.clearance th {
font-weight: bold;
color: #000000;
font: 12px/16px sans-serif;
}
div.tradesh div.upperFeature div.slideshowContainer {
position: relative;
height: 310px;
width: 460px;
background: #fff;
overflow: hidden;
z-index: 10;
}
div.tradesh div.upperFeature div.slideshow {
position: relative;
height: 310px;
width: 460px;
}
div.tradesh div.upperFeature div.moduleSlideshow {
position: absolute;
top: 0;
left: 0;
height: 310px;
width: 460px;
z-index: 20;
}
div.tradesh div.upperFeature div.moduleSlideshow div {}
div.tradesh div.upperFeature div.moduleSlideshow div.moduleHead {}
div.tradesh div.upperFeature div.moduleSlideshow div.moduleBody {
bottom: 0;
height: 45px;
left: 0;
padding: 20px;
position: absolute;
width: 360px;
z-index: 50;
}
div.tradesh div.upperFeature div.moduleSlideshow div.moduleFoot {}
div.tradesh div.upperFeature div.moduleSlideshow div.moduleInfo {display:none;}
div.tradesh div.upperFeature div.moduleSlideshow img {
position: absolute;
top: 0;
left: 0;
height: 310px;
width: 460px;
z-index: 30;
}
div.tradesh div.upperFeature div.moduleSlideshow a {
color: #FFF;
z-index:50;
}
div.tradesh div.upperFeature div.moduleSlideshow h1 {
color: #FFF;
font: bold 14px/15px Arial, Helvetica, sans-serif;
margin: 0;
padding: 15px 0;
}
div.tradesh div.upperFeature div.slideshowNav {
bottom: 0;
left: 250px;
height: 65px;
padding: 10px 20px;
position: absolute;
width: 200px;
z-index: 40;
}
div.tradesh div.upperFeature div.slideshowNav div {
display: inline;
float:right;
}
div.tradesh div.upperFeature div.slideshowNav a {
margin: 5px;
color: #FFF;
cursor: pointer;
font: 30px Arial, sans-serif;
}
div.tradesh div.upperFeature div.slideshowNav a.slideshowHighlight {
color: #084895;
}
div.tradesh div.upperFeature div.slideshowNavPager {
margin: 15px 40px 0 0;
}
div.rail div.productModule
{
padding-top: 30px;
}
.addthis_button_facebook_like
{
width:80px;
height: 30px;
}
.addthis_button_tweet
{
width:85px;
height: 30px;
}
.addthis_button_google_plusone
{
width:57px;
height: 30px;
}
div.addthis_toolbox
{
width:260px;
}
.addthis_button_linkedin_counter {
width: 80px;
height: 30px;
}
small
{
color: #696a6c;
font-size: 11px;
font-family: sans-serif;
padding: 10px 0;
line-height: 110%;
display:block;
font-style:italic;
}
.matrixContent
{
margin-right:15px;
}
.matrixCell
{
position:relative;
float:left;
height:230px;
width:230px;
}
.matrixCell a
{
cursor:pointer;
text-decoration:none;
}
.matrixTitle
{
position:absolute;
left:5px;
top:5px;
width:210px;
text-shadow: 0.2em 0.2em 0.2em black;
font-size: 1.4em;
color:white;
font-weight:bold;
height: 40px;
overflow:hidden;
line-height:150%;
}
.matrixGrayBottom
{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
position:absolute;
bottom:10px;
width:220px;
height:2.4em;
}
.matrixTextBottom
{
color:white;
font-size:11px;
margin:5px 3px 3px;
height:29px;
overflow:hidden;
}
.matrixTextMiddle
{
position:absolute;
top:40%;
color:white;
font-size:11px;
margin:4px;
}
ul.socialLinks li a.gp {
background: url(../../../../../content/wex/mcnsusa/media/gp.jpg) no-repeat 0 0;
}
ul.socialLinks li a.ln {
background: url(../../../../../content/wex/mcnsusa/media/ln.jpg) no-repeat 0 0;
}
div.rteText h1, div.graybg h1, div.bluebg h1, div.dgraybg h1 {
padding: 3px;
font: 14px sans-serif;
}
div.bluebg h1 {
color:#999999;
}
.quoteLeft {
float:left;
width: 240px;
font-size: 23px;
padding: 5px;
color: #013278;
line-height: 105%;
font-weight: bold;
}
.quoteRight {
float:right;
width: 240px;
font-size: 23px;
padding: 5px;
color: #013278;
line-height: 105%;
font-weight: bold;
}
.largeText {
font-size: 15px;
line-height: 1.2;
}
div.cq-colctrl-cols {width: 100%; float: left; }
div.cq-colctrl-default { width: 100%;}
div.cq-colctrl-lt0 { width:100%; }
div.cq-colctrl-lt0-c0 { float:left; width: 49%; margin-right:1%}
div.cq-colctrl-lt0-c1 { float:left;width: 49%; margin-left: 1%}
div.cq-colctrl-lt1 {width:100%; }
div.cq-colctrl-lt1-c0 { float:left;width: 32%; margin-right: 1%;}
div.cq-colctrl-lt1-c1 { float:left;width: 32%; margin-left: 1%; margin-right: 1%;}
div.cq-colctrl-lt1-c2 { float:left;width: 31%; margin-left: 1%; }
div.cq-colctrl-lt2 {width:100%; }
div.cq-colctrl-lt2-c0 { float:left;width: 24%; margin-right: 1%;}
div.cq-colctrl-lt2-c1 { float:left;width: 23%; margin-left: 1%; margin-right: 1%}
div.cq-colctrl-lt2-c2 { float:left;width: 24%; margin-left: 1%; margin-right: 1%}
div.cq-colctrl-lt2-c3 { float:left;width: 23%; margin-left: 1% }
div.cq-colctrl-lt3 {width:100%; }
div.cq-colctrl-lt3-c0 { float:left;width: 24%; margin-right: 1%;}
div.cq-colctrl-lt3-c1 { float:left;width: 23%; margin-left: 1%; margin-right: 1%;}
div.cq-colctrl-lt3-c2 { float:left;width: 24%; margin-left: 1%; margin-right: 1%;}
div.cq-colctrl-lt3-c3 { float:left;width: 23%; margin-left: 1%; }
div.cq-colctrl-lt4 {width:100%; }
div.cq-colctrl-lt4-c0 { float:left;width: 19%; margin-right: 1%;}
div.cq-colctrl-lt4-c1 {float:left; width: 18%; margin-left: 1%; margin-right: 1%;}
div.cq-colctrl-lt4-c2 { float:left;width: 19%; margin-left: 1%; margin-right: 1%;}
div.cq-colctrl-lt4-c3 { float:left;width: 18%; margin-left: 1%; margin-right: 1%;}
div.cq-colctrl-lt4-c4 { float:left;width: 18%; margin-left: 1%; }
div.cq-colctrl-lt5 {width:100%; }
div.cq-colctrl-lt5-c0 { float:left;width: 49%; margin-right:1%}
div.cq-colctrl-lt5-c1 { float:left;width: 49%; margin-left: 1%}
div.cq-colctrl-lt6 {width:100%; }
div.cq-colctrl-lt6-c0 { float:left;width: 24%; margin-right:1%}
div.cq-colctrl-lt6-c1 { float:left;width: 23%; margin-left: 1%; margin-right:1%}
div.cq-colctrl-lt6-c2 {float:left; width: 24%; margin-left: 1%; margin-right:1%}
div.cq-colctrl-lt6-c3 { float:left;width: 23%; margin-left: 1%}
.form_row { overflow:hidden; clear:both; margin: 5px 0 0 0; }
.form_leftcol { float: left; width: 140px; font-weight:bold; font-size: 0.8em;}
.radio .form_row .form_leftcol, .checkbox .form_row .form_leftcol { width:100%; }
.form_rightcol { font-size: 0.8em;}
.form_leftcollabel { display:inline; }
.form_leftcolmark { color:red; display:inline; }
.form_row_description { font-size:0.6em; }
.form_error { color:red; }
input.form_field_radio { margin: 0 0 0 20px; }
input#_content_ { margin: 0 0 0 30px; }
div.rteText td, div.rteText td p,
div.bluebg p, div.bluebg td, div.bluebg td p,
div.graybg p, div.graybg td, div.graybg td p,
div.dgraybg p, div.dgraybg td, div.dgraybg td p
{ padding: 0; }
div.rteText ul, div.rteText ol,
div.bluebg ul, div.bluebg ol,
div.graybg ul, div.graybg ol,
div.dgraybg ul, div.dgraybg ol
{
margin: 0 5px 2px 10px;
}
div.rteText p {
color: #696A6C;
}
div.rteText ul li, div.bluebg ul li, div.graybg ul li, div.dgraybg ul li {
list-style: none;
background:url(../../../mcns/img/bulletArticle.png) no-repeat 0 15px;
*background:url(../../../mcns/img/bulletArticle.png) no-repeat 0 17px;
padding: 10px 5px 0 10px;
}
div.bluebg ul li {
color:white;
}
div.graybg ul li {
color: #696A6C;
}
div.rail div.graybg ul li {
color: #929292;
}
div.rteText ol li, div.bluebg ol li, div.graybg ol li, div.dgraybg ol li {
list-style:decimal;
padding:2px;
}
div.dgraybg ul li, div.dgraybg ol li {
color: #CCC;
}