/* RESET */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ border:0;vertical-align:baseline;margin:0;padding:0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; box-sizing:border-box;-moz-box-sizing:border-box; }
ol,ul{ list-style:none;}
table{ border-collapse:collapse;border-spacing:0; }
div,form,fieldset,input,select,ul,li,a{ box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
/* REGIONS */
.main {float:left; width:80%; margin-right:2%;}
.content { width:80%; padding-bottom:20px }
.overlay { position:fixed; left:0; top:0; width:100%; height:100%; background:#333; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index:-1; transition: .25s all ease; -webkit-transition: .25s all ease; }
.ie8 .overlay {display:none;}
.design-size { content:"Desktop-ExposedNav"; }
/* GLOBAL TEXT STYLES */
body { height:100%; font-family:Arial,Helvetica,sans-serif; font-size:10px; }
h1 { display:block; font-size:1.7em; font-weight:normal; margin:0 0 30px 0; text-transform:capitalize; }
h2 { font-size:1.4em; font-weight:normal; margin:5px 0 3px; }
h3 { font-size:1.3em; font-weight:normal; margin:0 0 10px 0; }
h4 { font-size:1.2em; font-weight:700; margin:0 0 10px 0; outline:none; }
h5 { font-size:1.1em; font-weight:700; margin:0 0 10px 0; }
#header-logo { float:left; margin-bottom:10px; }
p { margin:6px 0 10px; line-height: 1.4em; }
a { text-decoration:none; color:#005691;}
a:hover,a:active,a:focus{ text-decoration:underline }
sup{ height:0;line-height:1;vertical-align:baseline;_vertical-align:bottom;position:relative;bottom:1ex;font-size:.66em;}
hr{ height:1px;width:100%;margin:20px 0; background-color:#ccc;color:#ccc;border:#ccc; }
.highlight{ overflow:hidden; padding:2%; }
.highlight-2 { overflow:hidden; width:48%; float:left; margin:20px 0 20px 10px; padding:1%; }
.right{ float:right; }
.left{ float:left; }
.text-small{ font-size:85%;text-transform:none;font-weight:normal;}
.text-norm { font-size:100%; text-transform:none; font-weight:normal;}
.required { font-size:0.95em; margin:0 0 5px 0; }
.required-dotted { display:block; border-bottom-color:#bbbbbc; border-bottom-width:2px; border-bottom-style:dotted; padding-bottom:5px; margin-bottom:25px; }
.urbo, .regulatory, #regulatory { padding-top:20px;font-size:.67em; color:#757575; }
.neg {color:#fd0000;}
ul.info { margin:0 0 10px 0; padding:0; }
ul.info li { margin:3px 0 3px 15px; list-style-type: disc; }
.featurette-1 { float:left; width:49%; margin-right:2%; }
.featurette-2 { float:left; width:49%; }
.pdf-required{ margin:10px 0 20px 0; color:#757575;}
.success-confirm { background: url('success-checkmark.png') no-repeat left top; padding:0 10px 5px 45px; }
.disclosure { margin-top:40px; color:#757575;}
.disclaimer { margin-top:20px; color:#666666;}
.footnote { margin-top:30px; }
.information { background-position: 10px center; border-top-width: 2px; border-top-style:dotted; padding: 10px 0; margin-bottom:20px; border-top-color: #bbbbbc; }
.information .info-message {background-image: url('icon_info.png'); background-repeat: no-repeat; padding:6px 10px 6px 45px; }
.warning { border-color: #f7b721; border-width:1px; border-style:solid; padding:10px; margin:0 0 20px 0; border-color: #f7b721;}
.warning .warning-title {background-image: url('warning-icon.png'); background-repeat: no-repeat; padding-top:4px; padding-bottom:10px; padding-left:45px; padding-right:10px; background-position: 0 0; font-weight:bold; font-size:100%;}
.warning .warning-content {padding-left:45px; font-size:85%;}
.warning .warning-content .sub {margin-left:45px; margin-top:5px;}
.table-section-header {float:left;}
abbr {border: none;}
.img-loader { margin:0 auto; display:block; text-align:center;}
.loader-heading { text-align:center; padding-bottom: 0; }
.loading-wrapper { text-align:center; }
.disabled-phone-link {pointer-events:none;}
.disabled-phone-link > a {text-decoration:none; color:inherit;}
.italic {font-style:italic;}
.mb-homeContent {margin-bottom:50px;}
div.social {padding:0;}
p.twit {float:left; margin-left:10px;width: 30px; height:30px; background: url('socialSprite.png') no-repeat; }
p.fb {float:left; width: 30px; height:30px; background: url('socialSprite.png') no-repeat; background-position: 0 -80px;}
p.twit:hover {background-position: 0 -40px;}
p.fb:hover {background-position: 0 -120px;}
.componentUrbo {
clear: both;
color: #666666;
display: none;
font-size: 12px;
margin: 10px 0 10px 15px;
}
.hp-main-feature__promo li .componentUrbo {
float: left;
position :relative;
bottom: 139px;
}
#promo-banner .flex-viewport li .componentUrbo {
float: left;
position :relative;
bottom: 35px;
}
.hp-main-feature__promo li .componentUrbo span,
#promo-banner .flex-viewport li .componentUrbo span,
.main-footer .componentUrbo span{
background-color: #fff;
}
/* HELPERS */
.group:before,.group:after{ content:"";display:table; }
.group:after{ clear:both; }
.group{ zoom:1; }
.hidden, .semantic { position:absolute;left:-9999em;top:0;width:1px;height:1px;overflow:hidden; }
.visually-hidden{ position:absolute!important;clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;width:1px!important;overflow:hidden;padding:0!important; }
.text-hidden{ display:inline-block;text-indent:-9999em;float:left;*float:none;overflow:hidden; }
.no-display { display:none; }
.upper-case{ text-transform:uppercase; }
.no-outline{ outline:none; }
.clear{ clear:both;height:1px;overflow:hidden; }
.nowrap { white-space:nowrap; }
.rt-to-lft { text-align:right !important; }
.strong { font-weight:bold; }
.button-margin { margin-right:10px; }
.divider { width:100%; border-top-width:2px; border-top-style:dotted; border-top-color:#bbbbbc;}
.bordered { width:100%; border-top-width:2px; border-top-style:dotted; padding:0 0 30px 0; border-top-color:#bbbbbc;}
#help-content #logo {text-align: center; margin-bottom:10px; }
#help-content .help-title { padding: 3px 0 0 0; margin: 0; font-size:146.5%; font-weight:normal;}
#help-content .sub-header {font-size:116%;}
#marketing {}
#marketing li {list-style-type:none; margin-top:3px; font-size:90%;}
#marketing ul {padding-top:5px;}
#marketing h2 {font-size:112%;}
#marketing img {border:none;}
.highlight {overflow:hidden;}
.highlight .content {padding:5px;}
.highlight .content2 {padding:10px;}
.highlight .content .four-col-grid {width:610px; float:left; display:inline;}
.collapsible-content { overflow:hidden; }
.collapsible-content-collapsed { display:none; }
.side-by-side { float:left; width:48%; margin-right:1%; margin-bottom:30px; }
/* LAYOUT STYLES */
.outer-container { font-size:1.6em; width:100%; height:100%; max-width:1200px; margin:0 auto; overflow:hidden; }
.ie8 .outer-container {min-width:1024px;}
.ie7 .outer-container {width:1024px; max-width:auto;}
.inner-container { height:100%; position:relative; background:#FFF; margin-left:250px; -webkit-backface-visibility: hidden; margin-right:0; }
.loaded .inner-container { transition: .2s margin ease; -webkit-transition: .2s margin ease; }
.ie7 .inner-container { float:none; }
.main-header { width:100%; padding:10px 0 10px 10px; }
.ie7 .main-header { overflow:hidden;}
.utility-nav-container { width:100%; padding:5px 10px; -webkit-text-size-adjust: none; min-height: 45px; }
.ie7 .utility-nav-container { width:794px; height:45px;}
.main-content { width:100%; min-height:450px; padding:30px 20px; margin:0 auto; background:#FFF; -webkit-text-size-adjust: none; }
.main-content-wide { width:100%; }
.main-footer { padding:20px 10px 40px 10px; -webkit-text-size-adjust: none; }
.main-navigation { position:absolute; top:0; overflow:hidden; width:250px; height:100%; left:-250px; border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; border-left-color: #b7bfc4; border-right-color: #333; background: none repeat scroll 0 0 #D9D9D9; -webkit-backface-visibility: hidden;}
.loaded .main-navigation { transition: .2s margin ease; -webkit-transition: .2s margin ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.inner-container-noRails { margin-left: 0; }
.outer-container.noHeader { margin-top: 30px; }
.outer-container.noFooter { margin-bottom: 30px; }
/* HEADER STYLES */
.logo-screen { float:left; }
.logo-screen img, .cobrand img { max-width:100%; width:100%; }
.logo-screen img { max-width:100%; width:100%; }
.cobrand {float:left; padding:0 0 2px 20px; margin-left:20px; border-left:1px solid #CCC;}
.lt-ie9 .logo-screen img, .lt-ie9 .cobrand img {width:auto; height:auto; max-width:none;}
/* UTILITY NAVIGATION */
/* PROFILE LINK & PANEL */
.profile-container { min-width:190px; float:right; border-radius:5px; border-style:solid; border-width: 1px; -webkit-border-radius:5px; padding:0; position:relative; margin-left:10px; }
.ie7 .profile-container {min-width:auto;}
.profile-container:hover, .profile-container:active {text-decoration:none; }
.profile-container>a:hover, .profile-container>a:focus, .profile-container>a:active { text-decoration:none; }
.profile-link { display:block; position:relative; height:40px; line-height:40px; padding-left:40px; padding-right:10px; cursor:pointer; }
.profile-link>strong {font-weight:normal; display:inline-block; padding-right:10px;}
.profile-link span { float:right; border:5px solid transparent; margin-left:10px; margin-top:1.2em; }
.ie7 .profile-link span { float:none; }
.profile-logout { display:block; position:relative; height:40px; line-height:40px; text-align: center;padding-left:20px; padding-right:10px; cursor:pointer; }
.profile-logout>strong { font-weight:normal; display:inline-block; padding-right:10px; }
.profile-panel { max-height:0; height:0; overflow:hidden; min-width:188px;/*248px*/ width:100%; position:absolute; z-index:999; top:2.5em; right:0px; transition: .25s all ease-in-out; -webkit-transition: .25s all ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background:#FFF;}
.profile-panel a { border-top-color: #b2b2b2; display:block; text-align:left; padding:10px 20px 10px 10px; border-top-width: 1px; border-top-style:solid; background:url('data:image/svg+xml;utf8,') 97% center no-repeat;}
.profile-panel a:hover, .profile-panel a:active, .profile-panel a:focus {background-color:#ececec;}
/* PROFILE SHOW/HIDE */
.js .show-profile .profile-container { z-index:999; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; background:#E9E9E9; }
.js .show-profile .profile-link { background-position:3px -276px; color:#333; }
.js .show-profile .profile-link span { border-top-color:transparent; margin-top:.9em; border-bottom-color:#444; }
.js .show-profile .profile-panel { height:auto; max-height:125px; }
.ie8 .show-profile .profile-panel {border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;}
.js .show-profile .nav-menu-container { z-index:1; }
.js .show-profile .overlay { opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); z-index:998; }
.ie8 .show-profile .overlay {display:none;}
/* CONTACT US LINK & PANEL */
.contact-us-container { min-width:170px; float:right; background:#015376; border-radius:5px; border-style:solid; border-width: 1px; -webkit-border-radius:5px; padding:0; position:relative; }
.contact-us-container:hover, .contact-us-container:active {text-decoration:none; }
.contact-us-container>a:hover, .contact-us-container>a:focus, .contact-us-container>a:active { text-decoration:none; }
.contact-us-link { display:block; position:relative; height:40px; line-height:40px; padding-left:40px; padding-right:10px; cursor:pointer; }
.contact-us-link>strong {font-weight:normal; display:inline-block; padding-right:10px;}
.contact-us-link span { float:right; border:5px solid transparent; margin-left:10px; margin-top:1.2em; }
.ie7 .contact-us-link span { width:10px; margin-top:10px; float:none; }
.contact-us-panel { max-height:0; height:0; overflow:hidden; min-width:163px; background:#FFF; width:100%; position:absolute; z-index:999; top:40px; right:0px; transition: .25s all ease-in-out; -webkit-transition: .25s all ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background:#FFF; }
.contact-us-panel .phone { padding:10px 20px 10px 10px; border-top-width:1px; border-top-style: solid; border-top-color: #b2b2b2; }
.contact-us-panel li>a { display:block; text-align:left; padding:10px 20px 10px 10px; border-top-width:1px; border-top-style: solid; background:url('data:image/svg+xml;utf8,') 97% center no-repeat; }
.contact-us-panel .phone a { display:block; text-align:left; padding:0; border-top:0; background:none; }
.contact-us-panel a:hover, .contact-us-panel a:hover, .contact-us-panel a:hover {background-color:#ececec;}
/* CONTACT US SHOW/HIDE */
.js .show-contact-us .contact-us-container { background-image:none; z-index:999; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; background:#E9E9E9; background-image:none; }
.js .show-contact-us .contact-us-link { background-position:5px -113px; color:#333; }
.js .show-contact-us .contact-us-link span { margin-top:.9em; border-bottom-color:#444; border-top-color:transparent; }
.js .show-contact-us .contact-us-panel { height:auto; max-height:192px; }
.ie8 .show-contact-us .contact-us-panel {border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;}
.js .show-contact-us .nav-menu-container { z-index:1; }
.js .show-contact-us .overlay { opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); z-index:998; }
.ie8 .show-contact-us .overlay {display:none;}
/* SEARCH LINK & PANEL */
.search-container { min-width:140px; float:right; border-radius:5px; border-style:solid; border-width: 1px; -webkit-border-radius:5px; padding:0; position:relative; margin-left:10px; }
.search-container:hover, .search-container:active {text-decoration:none; }
.search-container>a:hover, .search-container>a:focus, .search-container>a:active { text-decoration:none; }
.search-link { display:block; position:relative; height:40px; line-height:40px; padding-left:40px; padding-right:10px; cursor:pointer; }
.search-link>strong {font-weight:normal; display:inline-block; }
.search-link span { float:right; border:5px solid transparent; margin-left:10px; margin-top:1.2em; }
.ie7 .search-link span { width:10px; margin-top:10px; float:none; }
.search-panel { max-height:0; height:0; overflow:hidden; min-width:270px; width:100%; position:absolute; z-index:999; top:40px; right:0px; transition: .25s all ease-in-out; -webkit-transition: .25s all ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background:#FFF; }
.ie8 .search-panel {left:-131px;}
.search-panel li { padding:10px; }
.search-panel .textField { width:200px; border-style:solid; border-width: 1px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; padding: 8px 5px; font-family:Arial,Helvetica,sans-serif; font-size: 1em; border-color: #c7c8cB; box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15) inset; background-image:url('https://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif') no-repeat; vertical-align: middle; }
.search-container .search-panel .textField.st-default-search-input {background-image:none;}
.search-panel .headerGoButton {border-width:1px; border-style:solid; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; padding:11px 12px 10px; margin-left:-5px; text-indent: -9999px; cursor:pointer; width: 29px; height:37px;vertical-align: top; border-color:#c7c8cb; vertical-align: middle; }
.ie8 .headerGoButton {height:36px}
.search-panel a:hover, .search-panel a:hover, .search-panel a:hover {background-color:#ececec;}
@-moz-document url-prefix() { .search-panel .headerGoButton { height: 38px; }}
/* SEARCH SHOW/HIDE */
.js .show-search .search-container { background-image:none; z-index:999; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; background:#E9E9E9; }
.js .show-search .search-link { background-position:0 -196px; color:#333; }
.js .show-search .search-link span { border-top-color:transparent; margin-top:.9em; border-bottom-color:#444; border-top-color:transparent; }
.js .show-search .search-panel { height:auto; max-height:52px; }
.ie8 .show-search .search-panel {border:1px solid #333;}
.js .show-search .nav-menu-container { z-index:1; }
.js .show-search .overlay { opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); z-index:998; }
.ie8 .show-search .overlay {display:none;}
/* NAVIGATION SHOW/HIDE */
.js .hide-nav .main-navigation { left:-250px; }
.js .hide-nav .inner-container { margin-left:0; }
.js .show-nav .inner-container { margin-left:0; margin-left:250px;}
.js .show-nav .overlay { opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70); z-index:998; }
.ie8 .show-nav .overlay {display:none;}
/* NAVIGATION */
.nav-menu-container {display:none; float:left; position:relative; z-index:999; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; transition: margin 0.3s ease 0s; text-decoration:none; border-style:solid; border-width: 1px;-webkit-border-radius:5px; padding:0; position:relative; transition: .25s margin ease-in-out; -webkit-transition: .25s margin ease-in-out;}
.ie7 .nav-menu-container {display:none;}
.main-navigation__menu { display:block; height:42px; width:42px; }
.nav-menu-container:hover, .nav-menu-container:active {text-decoration:none; }
.main-navigation__header { display:block; text-transform:uppercase; font-size:.8em; padding:5px 10px; margin-bottom:0; font-weight:700; background:#b2b2b2; color:#333; }
.main-navigation__primary { background-color:#d9d9d9; }
.main-navigation__primary>li { border-top-width:1px; border-top-style: solid; border-bottom-width:1px; border-bottom-style:solid; border-top-color:#FFF; border-bottom-color:#b6b6b6; }
.main-navigation__primary li:first-child { /*border-top:none;*/ }
.main-navigation__primary li:last-child { border-bottom:none; }
.main-navigation__primary li a { display:block; padding:10px 5px 10px 10px; color:#333333; }
.main-navigation__primary li a:hover, .main-navigation__primary li a:active, .main-navigation__primary li a:focus { background-color:#ececec; }
.main-navigation__primary li.active>a { display:block; padding:10px 5px 10px 10px; font-weight:bold; color:#333333; background-color:#d5e3ef; }
.main-navigation__primary li.select>a { display:block; padding:10px 5px 10px 10px; font-weight:bold; color:#333333; background-color:#d5e3ef; }
.main-navigation__primary li ul { background:#faf7f7; }
.main-navigation__primary li li { /*border-top-width:1px; border-top-style: solid;*/border-bottom-width:1px; border-bottom-style: solid; /*border-top-color:#cbcbcb;*/ border-bottom-color:#dbdbdb;}
.main-navigation__primary li li:first-child { border-top-width:1px; border-top-style: solid;/*border-bottom-width:1px; border-bottom-style: solid;*/ border-top-color:#a3a3a3; /*border-bottom-color:#b6b6b6;*/}
.main-navigation__primary li li:last-child { /*border-bottom:none;*/ border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: #a3a3a3;}
.main-navigation__primary li li a { font-size:.95em; font-weight:normal; padding:10px 10px 10px 25px; color:#333333; }
.main-navigation__primary li li.active a { background:#d5e3ef; font-weight: bold; padding-left:25px; color: #333333;}
.main-navigation__primary li li.select a { font-weight: bold; padding-left:25px; color: #333333; background-color: #d5e3ef; }
.main-navigation__contact { padding:10px; color:#333; /*border-bottom:1px solid #bdbdbd; background-color: #dfdfdf;*/}
.main-navigation__contact a { text-decoration:none; color:#005691; }
.main-navigation__contact a:focus, .main-navigation__contact a:hover, .main-navigation__contact a:active {text-decoration: underline;}
.main-navigation__contact li { line-height:1.6em; }
/* BUTTONS */
.button-container { width:100%; border-top-width:2px; border-top-style: dotted; padding-top:30px; border-top-color:#bbbbbc; }
.button { border-radius: 5px; cursor: pointer; font-size: 100%; padding:10px 25px; margin-bottom:10px; text-align: center !important; font-weight: 700; overflow:visible; font-family:Arial,Helvetica,sans-serif; }
.ie7 .button {padding-top:8px; padding-bottom:9px;}
.button-link { border-radius: 5px; cursor: pointer; font-size: 100%; padding-top:11px; padding-bottom:11px; padding-left:25px; padding-right:25px; margin-bottom:10px; text-align: center !important; font-weight: 700; display:inline-block; text-decoration:none !important; }
.ie8 .button-link {padding-top:10px; padding-bottom:10px;}
.button-link:hover, .button-link:focus, .button-link:active: {text-decoration:none !important;}
.preferred { background-color: #0078BD; background-image: linear-gradient(to bottom, #0078BD 0%, #003466 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0078BD), to(#003466)); background-image: -moz-linear-gradient(#0078BD, #003466) repeat scroll 0 0 transparent; background-image:-ms-linear-gradient:(top, #0078BD 0%, #003466 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0078BD', endColorstr='#003466'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0078BD', endColorstr='#003466')"; /* IE8 */ border:1px solid #003466; color:#ffffff;}
.preferred-secondary { background-color: #419A09; background-image: linear-gradient(to bottom, #609e30 0%, #285c01 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#609e30), to(#285c01)); background-image: -moz-linear-gradient(#609e30, #285c01) repeat scroll 0 0 transparent; background-image:-ms-linear-gradient:(top, #609e30 0%, #285c01 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#609e30', endColorstr='#285c01'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#609e30', endColorstr='#285c01')"; /* IE8 */ border:1px solid #337401; color:#ffffff;}
.preferred:hover, .preferred:active, .preferred:focus { background-image: linear-gradient(to bottom, #005281 0%, #002241 100%); background-image: -moz-linear-gradient(#005281, #002241) repeat scroll 0 0 transparent; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005281), to(#002241)); background-image:-ms-linear-gradient:(top, #005281 0%, #002241 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#005281', endColorstr='#002241'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#005281', endColorstr='#002241')"; /* IE8 */ }
.preferred-secondary:hover, .preferred-secondary:active, .preferred-secondary:focus { background-image: linear-gradient(to bottom, #3d6b19 0%, #1b3b02 100%); background-image: -moz-linear-gradient(#3d6b19, #1b3b02) repeat scroll 0 0 transparent; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d6b19), to(#1b3b02)); background-image:-ms-linear-gradient:(top, #3d6b19 0%, #1b3b02 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3d6b19', endColorstr='#1b3b02'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3d6b19', endColorstr='#1b3b02')"; /* IE8 */ }
.non-preferred { color:#333333 !important; background-color:#ebebeb; background-image: linear-gradient(to bottom, #f7f7f7 0%, #e4e4e4 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#e4e4e4)); background-image: -webkit-linear-gradient(top, #f7f7f7, #e4e4e4); background-image: -moz-linear-gradient(top, #f7f7f7, #e4e4e4); background-image: -o-linear-gradient(top, #f7f7f7, #e4e4e4); background-image:-ms-linear-gradient:(top, #f7f7f7 0%, #e4e4e4 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f7f7f7', endColorstr='#e4e4e4'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f7f7f7', endColorstr='#e4e4e4')"; /* IE8 */ border:solid 1px #afafaf; }
.non-preferred:hover, .non-preferred:active, .non-preferred:focus {background-color:#eeeeee; background-image: linear-gradient(to bottom, #eeeeee 0%, #c6c6c6 100%); background-image: -moz-linear-gradient(#eeeeee, #c6c6c6) repeat scroll 0 0 transparent; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#c6c6c6)); background-image:-ms-linear-gradient:(top, #eeeeee 0%, #c6c6c6 100%); border-color: rgba(175, 175, 175, 0.4) rgba(175, 175, 175, 0.5) rgba(100, 100, 100, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee', endColorstr='#c6c6c6'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee', endColorstr='#c6c6c6')"; /* IE8 */ }
.non-preferred-dark { color:#ffffff !important; background-color:#757575; background-image: linear-gradient(to bottom, #aeaeae 0%, #525252 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aeaeae), to(#525252)); background-image: -webkit-linear-gradient(top, #aeaeae, #525252); background-image: -moz-linear-gradient(top, #aeaeae, #525252); background-image: -o-linear-gradient(top, #aeaeae, #525252); background-image:-ms-linear-gradient:(top, #aeaeae 0%, #525252 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aeaeae', endColorstr='#525252'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aeaeae', endColorstr='#525252')"; /* IE8 */ border:solid 1px #afafaf; }
.non-preferred-dark:hover, .non-preferred-dark:active, .non-preferred-dark:focus {background-color:#7e7e7e; background-image: linear-gradient(to bottom, #7e7e7e 0%, #333333 100%); background-image: -moz-linear-gradient(#7e7e7e, #333333) repeat scroll 0 0 transparent; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7e7e7e), to(#333333)); background-image:-ms-linear-gradient:(top, #7e7e7e 0%, #333333 100%); border-color: rgba(175, 175, 175, 0.4) rgba(175, 175, 175, 0.5) rgba(100, 100, 100, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7e7e7e', endColorstr='#333333'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7e7e7e', endColorstr='#333333')"; /* IE8 */ }
.btn-disabled:hover {background-color: #0078BD; background-image: linear-gradient(to bottom, #0078BD 0%, #003466 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0078BD), to(#003466)); background-image: -moz-linear-gradient(#0078BD, #003466) repeat scroll 0 0 transparent; background-image:-ms-linear-gradient:(top, #0078BD 0%, #003466 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0078BD', endColorstr='#003466'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0078BD', endColorstr='#003466')"; /* IE8 */ border:1px solid #003466; color:#ffffff;}
.disabled {color:#a5a5a5;}
.btn-disabled {opacity:0.5; cursor:auto; overflow:visible; filter: alpha(opacity = 50);}
a.disabled:hover, a.disabled:active, a.disabled:focus {text-decoration:none;}
/* FOOTER STYLES */
.main-footer { font-size:.85em; }
.main-footer a { text-decoration:underline; }
.main-footer a:focus, .main-footer a:hover, .main-footer a:active { text-decoration:none; font-style: italic; }
#utility_nav, .footer-links {margin-bottom:40px !important;}
#utility_nav li:last-child:after {clear:both;}
#utility_nav li, .footer-links li { float:left; font-size:1.2em; padding:0 10px; border-right-width:1px; border-right-style: solid;}
#utility_nav li:first-child, .footer-links li:first-child{padding-left:0;}
#utility_nav li:last-child, .footer-links li:last-child{border-right:0;}
/* ASIDE (NEXT STEPS) */
.complementary { margin:30px 0 20px; }
.complementary p { margin:5px 0 10px 0; }
.complementary__feature,
.complementary__feature-pa { float:left; width:46%; margin-right:8%; padding:5px; }
.complementary__feature-pa img { float:left; margin-right:10px; margin-bottom:40px; }
.complementary__feature:last-child,
.complementary__feature-pa:last-child { margin-right:0; }
.ie7 .complementary__feature, .ie7 .complementary__feature-pa, .ie8 .complementary__feature, .ie8 .complementary__feature-pa {width:40%; margin-right:5%;}
.featurette { display:block; float:left; margin-right:2%; margin-bottom:-30px; text-decoration:none; padding:10px 10px 40px 10px; width:48%; }
.featurette.optionLink.fullwidth{
margin-left:0;
width: 100%;
}
.featurette:nth-child(2n) {margin-left:2%; margin-right:0;}
.featurette:nth-child(2n+1) {clear:left;}
.featurette img {float:left;margin-bottom:15px;margin-right:10px;}
.featurette h2 {font-size:1.2em; padding-left:60px;}
.featurette p {margin-bottom:0; padding-left:60px; color:#333; }
.featurette p:after {content: ' '; height: 0; position:absolute; width:0; border:5px solid transparent; margin-left:10px; margin-top:.5em; border-left-color:#ed6700; }
.featurette.noicon p, .featurette.noicon h2 { padding-left:0; }
/* TABBED CONTENT */
.tabs { clear:left; margin-bottom:20px; width:100%; }
.tabs__navigation { border-bottom:1px solid #c7c7c7; }
.ie7 .tabs__navigation li { float:left }
.tabs__navigation li a { display:block; float:left; margin-right:2px; font-size:.75em; font-weight:normal; padding:10px; border-width:1px; border-style:solid; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; background:#e2e3e6; border-color: #dbdbdb; }
.tabs__navigation li:last-child a { margin-right:0; }
.tabs__navigation li a:hover, .tabs__navigation li a:active, .tabs__navigation li a:focus { text-decoration:none; }
.tabs__navigation li a.selected { margin-bottom:-2px; padding-bottom:12px; color:#333; background:#FFF; border-color:#c7c7c7; border-bottom:#FFF; }
.tabs__content-container { padding:20px 10px; margin-bottom:20px; border:1px solid #c7c7c7; border-top:0; }
.js .tabs__content-container-empty {display:none;}
.js .tabs__content-container { display:none; }
.tabs .seven-tabs li a {font-size:0.64em;}
/* RESPONSIVE TAB SELECT */
.js .no-js-button { display:none; }
.responsiveTabs { display:none; padding-top:20px; border-top-width:2px; border-top-style:dotted; border-top-color: #bbbbbc; }
.responsiveTabs .bckgrnd { padding: 10px; width: 100%; background: none repeat scroll 0 0 #007EB3;}
.responsiveTabs label { display:block; margin-bottom:10px; font-size:1.0em; color:#ffffff; }
.responsiveTabs select {font-size:1.2em; font-weight:700; padding:5px; max-width:100%; margin-bottom:0; width: 70%; color:#333;}
/* ALERT */
#sponsor-alert-message { border-bottom: 1px solid #ccc; font-size:.85em; padding:0px 31px 0px 20px; position: relative; }
.alertTitle { margin-top:0; margin-bottom:4px; }
#alertContainer span.open { float:right; border:7px solid transparent; margin-top:.1em; position: absolute; top:16px; right:15px; border-bottom-color:#ed6700; }
#alertContainer span.closed { float:right; border:7px solid transparent; margin-top:.5em; position: absolute; top:17px; right:15px; border-top-color:#ed6700; }
#alertContainer img {float:left; margin-right:8px;}
#alertContainer {padding:10px 10px 10px 0;}
@media screen {
.logo-screen {display: block;}
.logo-print { display: none; }
}
@media print {
.logo-screen {display: none;}
.logo-print { display: block; }
.cobrand {clear:left; padding:10px 0 0 0; margin:0; border:none; }
nav, .hidden, .modalWrapper, .utility-nav-container, .login-container {display: none;}
#mainFeature img {display:none;}
.inner-container {margin-left:0; width:100%;}
}
@media screen and (max-width:62.1875em) { /* 995px */
.js .main-navigation { left:-250px; vertical-align:top; z-index:999; }
.js .inner-container { width:100%; margin-left:0; }
.main-header { padding-right:10px; }
.nav-menu-container { display:block; }
.design-size { content:'Tablet-HiddenNav' }
}
@media screen and (max-width:46.4375em) { /*743px */
.content { width:100%; }
.search-panel { min-width:225px; }
.search-panel .textField { width:150px;}
.rt-to-lft {text-align:left !important;}
.design-size { content:'SmallTablet743px' }
.complementary-feature, .featurette { width:100%; float:none; margin:0; padding: 0 0 30px 0;}
.featurette:nth-child(2n) { margin:0;}
.complementary-feature img, .featurette img { margin-bottom:20px; }
.complementary__feature { width:100%; margin-right:0; margin-bottom:0;}
.search-container { min-width:0 !important; }
.search-link>strong { position:absolute;left:-9999em;top:0;width:1px;height:1px;overflow:hidden; }
.search-link { padding-left:20px !important; }
}
@media screen and (max-width:45em) { /*720px */
.side-by-side { float:none; width:100%; margin-right:0; margin-bottom:5px; }
}
@media screen and (max-width:37.5em) { /*600px */
.main-content { width:100%; }
.cobrand {clear:left; padding:10px 0 0 0; margin:0; border:none; }
.profile-container { min-width:0;}
.profile-link>strong { position:absolute;left:-9999em;top:0;width:1px;height:1px;overflow:hidden; }
.profile-link { padding-left:25px; }
.contact-us-container { min-width:0;}
.contact-us-link>strong { position:absolute;left:-9999em;top:0;width:1px;height:1px;overflow:hidden; }
.contact-us-link { padding-left:20px; }
#utility_nav, .footer-links {margin-bottom:60px !important;}
#utility_nav li, .footer-links li {float:left; width:33%; margin-bottom:5px; border:0; padding:0 15px 0 0; }
.design-size { content:'SmallTablet600px' }
}
@media screen and (max-width:29.5em) { /*472px */
.main-content { padding:20px 10px; min-height:350px; }
.outer-container { font-size:1.4em; }
.contact-us-panel {min-width:133px;}
.search-panel {min-width:200px;}
.search-panel .textField {width:135px;}
.search-panel .headerGoButton {height: 34px; border-width:1px; border-style:solid; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; padding:10px 12px 9px; margin-left:-5px; text-indent: -9999px; cursor:pointer; width: 29px; vertical-align: middle}
@-moz-document url-prefix() { .search-panel .headerGoButton { height: 35px; }}
.footnote { margin-top:20px; }
.content { padding-bottom:10px; }
.mb-homeContent {margin-bottom:40px;}
#utility_nav, .footer-links {margin-bottom:80px !important;}
#utility_nav li, .footer-links li { width:50%; padding:0 10px 0 0; }
.design-size { content:'MostLimitedView' }
.button-container { padding-top:20px; }
.button-container .equal-width { width:100%; margin-right:0; }
}
.film-strip {
padding: 0;
margin: 30px 0 0 0;
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: medium none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
list-style: none outside none;
margin: 0;
padding: 0;
}
.film-strip .flexslider {
margin: 0;
padding: 0;
}
/*.flexslider .slides > li {
display: none;
}*/
/*filmstrip flexslider updates*/
.film-strip .flexslider .slides img {
display: inline !important;
width: auto !important;
}
.flex-pauseplay span {
text-transform: capitalize;
}
.slides:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
.no-js .slides > li:first-child {
display: block;
}
.flexslider {
background: none repeat scroll 0 0 #FFFFFF;
position: relative;
}
.flex-viewport {
max-height: 2000px;
transition: all 1s ease 0s;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider .slides {
/*margin-left:0;*/
margin:0;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav a {
background: url("bg_direction_nav_wide.png") no-repeat scroll 0 0 transparent;
cursor: pointer;
display: block;
height: 30px;
margin: -20px 0 0;
opacity: 0;
position: absolute;
text-indent: -9999px;
top: 50%;
width: 45px;
}
.flex-direction-nav .flex-next {
background-position: -70px 50%;
right: -39px;
}
.flex-direction-nav .flex-prev {
background-position: 10px 50%;
left: -45px;
}
.flexslider .flex-next:hover {
opacity: 0.8;
right: -39px;
}
.flexslider .flex-prev:hover {
opacity: 0.8;
left: -45px;
}
.flexslider .flex-prev,
.flexslider .flex-next
{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
.flexslider .flex-next:hover,
.flexslider .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .disabled {
cursor: default;
opacity: 0.3 !important;
}
.flex-control-nav {
bottom: -40px;
position: absolute;
text-align: center;
width: 100%;
}
.flex-control-nav li {
display: inline-block;
margin: 0 6px;
}
.flex-control-paging li a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
cursor: pointer;
display: block;
height: 11px;
text-indent: -9999px;
width: 11px;
}
.flex-control-paging li a:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
overflow: hidden;
position: static;
}
.flex-control-thumbs li {
float: left;
margin: 0;
width: 25%;
}
.flex-control-thumbs img {
cursor: pointer;
display: block;
opacity: 0.7;
width: 100%;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .active {
cursor: default;
opacity: 1;
}
.flex-direction-nav .flex-prev {
/*left: 0;*/
opacity: 1;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: -39px;
}
.flex-direction-nav .flex-next:hover {
right: -39px;
}
.ie8 .flex-direction-nav .flex-next {
right: -35px;
}
.ie8 .flex-direction-nav .flex-next:hover {
right: -35px;
}
.flex-direction-nav .flex-disabled {
visibility: hidden;
}
/***********************************************************/
/************ film-strip resourceCenter ********************/
.film-strip.resourceCenter {}
.film-strip.resourceCenter .slides {
background-color: transparent;
}
.film-strip.resourceCenter .shade {
/*display:none;*/
}
.film-strip.resourceCenter UL {
margin-left: 0;
}
.film-strip.resourceCenter .slides > li {
margin-left:1px;
margin-right:2px;
background-color: #F0F0F0;
/*border: 1px solid #FFFFFF; -> ISSUES WITH LI WIDTH */
line-height: 125%;
}
.film-strip.resourceCenter .line {
display:none; /*if exists*/
}
/*
.film-strip.resourceCenter .slides > li:after {
border:0 !important;
}
*/
/*.film-strip.resourceCenter .slides > li A .... CHANGED TO: */
.film-strip.resourceCenter .flexslider .flex-viewport li A {
display: table; /*must be table to valign middle */
width: auto;
margin: 5px;
border: 1px solid #FFFFFF;
padding: 10px;
}
.film-strip.resourceCenter.nav {
padding-left: 2px;
}
.film-strip.resourceCenter .slides > li h4 {
display: table-cell;
margin: 0 !important;
vertical-align: middle;
width: 100%;
}
.film-strip.resourceCenter .slides > li img {
display: table-cell;
margin: 20px 15px 20px 0;
vertical-align: middle;
}
.film-strip.resourceCenter .slides > li:hover {
background-color: #E9E9E9;
}
.film-strip.resourceCenter .slides > li.third a:hover {
}
.film-strip.resourceCenter .slides > li.third a {
padding-left: 5%;
}
.film-strip.resourceCenter .slides > li.third a h4 {
}
.film-strip.resourceCenter .slides > li a:hover {
}
.film-strip.resourceCenter .slides > li a {
}
/*filmstrip flexslider updates*/
.film-strip .flexslider {
border: 0px solid;
margin: 0 30px;
overflow: visible;
width: auto;
}
.film-strip .flex-viewport {
position: relative;
z-index: 1;
width:auto;
}
/*cover up last dotted line*/
.film-strip .flex-viewport:before,
.film-strip .flex-viewport:after {
background: none repeat scroll 0 0 white;
content: "";
height: 250px;
position: absolute;
top: 0;
width: 1px;
z-index: 2;
}
.film-strip .flex-viewport:after {
width:4px;
}
.film-strip.resourceCenter .flex-viewport:before,
.film-strip.resourceCenter .flex-viewport:after {
width:0;
}
.film-strip .flex-viewport:before {
left: 0;
}
.film-strip .flex-viewport:after {
right: 0;
}
.ie8 .film-strip .flex-viewport:before {
left: 0px;
width: 0px;
background:maroon;
}
.ie8 .film-strip .flex-viewport:after {
right: 0px;
width: 0px;
background:maroon;
}
/*no border separators in resourceCenter*/
.ie8 .film-strip.resourceCenter .flex-viewport:before {
width: 0px;
background:transparent;
}
.ie8 .film-strip.resourceCenter .flex-viewport:after {
width: 0px;
background:transparent;
}
/*.slides > li*/
.film-strip .flexslider .flex-viewport li {
padding: 0px;
margin-left:1px;
margin-right:2px;
cursor: pointer;
float: left;
height: 100%;
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.ie8 .film-strip .flexslider .flex-viewport li {
/*no updates needed*/
}
/* REPLACED BY DIV w/absolute position
.film-strip .flexslider .flex-viewport li:after {
background: none repeat scroll 0 0 white;
border-right: 1px dotted #666666;
content: "";
height: 250px;
position: absolute;
top:0;
}
*/
.film-strip .flexslider .flex-viewport li a {
font-family: proxima-nova, Helvetica, Arial, sans-serif;
text-decoration: none;
display: inline-block;
border: 5px solid white;
padding: 10px;
width:inherit;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
}
.film-strip .flexslider .flex-viewport li a:hover {
text-decoration: none;
background: #e9e9e9;
}
/*FIX FOR RIGHT BORDER ISSUE*/
.film-strip .slides li {
position:relative;
}
.film-strip .line { /*positioned at margin between slides*/
border-right:1px dotted #AAAAAA;
height:200px;
width:0px;
position: absolute;
right:-2px;
top:0;
z-index:1;
}
.film-strip.resourceCenter .line {
display:none;
}
/* END FIX*/
.film-strip .flexslider .flex-viewport BR {
display:none;
}
.film-strip .flexslider .flex-viewport img {
display: inline !important;
width: auto !important;
float: left;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 5px;
}
.film-strip .flexslider .flex-viewport li h4 {
color: #005691;
font-size: 115%;
font-weight: normal;
margin: 0;
margin-bottom: 20px;
margin-left: 5px;
margin-top: 3px;
}
.film-strip .flexslider .flex-viewport li h4 STRONG {
font-weight: 600;
}
.film-strip .flexslider .flex-viewport li p {
color: #333333;
float: left;
font-size: 16px;
margin-left: 5px;
}
.film-strip .flex-viewport .marker {
background-position: -460px 0;
height: 13px;
margin-left: 10px;
width: 8px;
}
/*use this to replace .sprite.marker*/
.film-strip .flex-viewport .rightArrow {
background: url("orange-arrow.png") no-repeat scroll right center transparent;
height: auto;
padding-right: 15px;
vertical-align: 0px;
margin: 0;
margin-right:12px;
}
/*flexslider nav stuff*/
.film-strip .flex-direction-nav {
border: 0px solid #D2D2D2;
overflow: visible;
position: absolute;
top: 50%;
width: 100%;
height: 1px;
margin:0;
}
/*.flex-direction-nav li {position:relative;}*/
.flex-direction-nav li {/*left:-72px;*/ list-style-type: none;}
.flex-direction-nav li.shade {
display: block;
margin: 0 !important;
opacity: 0.3;
position: relative;
transition: opacity 300ms ease 0s;
width: 10px;
z-index: 2;
}
.flex-direction-nav li.shade.RT {
background-image: -moz-radial-gradient(at 100% 50% , rgba(0, 0, 0, 0.5) 0%, transparent 75%);
background-image: -webkit-radial-gradient(at 100% 50% , rgba(0, 0, 0, 0.5) 0%, transparent 75%);
background-image: -o-radial-gradient(at 100% 50% , rgba(0, 0, 0, 0.5) 0%, transparent 75%);
background-image: -ms-radial-gradient(at 100% 50% , rgba(0, 0, 0, 0.5) 0%, transparent 75%);
background-image: radial-gradient(at 100% 50% , rgba(0, 0, 0, 0.5) 0%, transparent 75%);
float: right;
right: 0px;
}
.flex-direction-nav li.shade.LT {
background-image: -moz-radial-gradient(at -100% 50% , rgba(0, 0, 0, 0.5) 0%, transparent 75%);
background-image: -webkit-radial-gradient(at -100% 50% , rgba(0, 0, 0, 0.5) 0%, transparent 75%);
background-image: -o-radial-gradient(at -100% 50% , rgba(0, 0, 0, 0.5) 0%, transparent 75%);
background-image: -ms-radial-gradient(at -100% 50% , rgba(0, 0, 0, 0.5) 0%, transparent 75%);
background-image: radial-gradient(at -100% 50% , rgba(0, 0, 0, 0.5) 0%, transparent 75%);
float: left;
left: 0px;
}
.film-strip DIV.shade {
display: block;
opacity: 0.3;
position: absolute;
transition: opacity 300ms ease 0s;
width: 10px;
z-index: 2;
}
.film-strip DIV.shade.RT {
background-image: radial-gradient(at 100% 50% , rgba(0, 0, 0, 0.5) 0%, transparent 75%);
float: right;
right: 0px;
}
.film-strip DIV.shade.LT {
background-image: radial-gradient(at -100% 50% , rgba(0, 0, 0, 0.5) 0%, transparent 75%);
float: left;
left: 0px;
}
.flex-direction-nav a {
background: url("bg_direction_nav_sides.png") no-repeat scroll 0 0 transparent;
cursor: pointer;
display: block;
margin: 0;
opacity: 0;
position: absolute;
text-indent: -9999px;
width: 45px;
}
.flex-direction-nav .flex-prev {
opacity: 0.5;
}
.flex-direction-nav .flex-next {
opacity: 0.5;
}
.flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-next:hover {
opacity: 1;
}
@media screen and (max-width: 400px) {
/*nav is placed below the filmstrip*/
.film-strip {
padding-top: 0px;
padding-bottom: 65px;
border-left: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
}
.film-strip .flexslider {margin:0;}
/*.film-strip .flex-viewport {visibility: hidden;} TEST to view shadow */
.film-strip .flex-direction-nav {
top: auto;
bottom: -22px !important; /*0*/
}
.film-strip .flex-direction-nav LI {
top: 0px;
background: none repeat scroll 0 0 transparent;
border-bottom: 1px solid #E8E8E8;
border-top: 1px solid #E8E8E8;
height: 40px;
position: relative;
width: 50%;
z-index:2;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.film-strip .flex-direction-nav LI {right: 0; float:right;}
.film-strip .flex-direction-nav LI:first-child {left: 0; float:left; border-right: 1px solid #E8E8E8;}
.flex-direction-nav a {
width: 100%;
height: 40px !important;
top: 0 !important;
position: absolute;
opacity: 1 !important;
background: url("bg_direction_nav_narrow.png") no-repeat scroll 0 0 transparent;/*#ECECEC*/
}
.flex-direction-nav .flex-prev {
left: 0;
background-position: 0% 0%;
}
.flex-direction-nav .flex-next {
background-position: 100% 100%;
right: 0;
}
.flex-direction-nav .flex-prev:hover {
opacity: 1;
left:0;
}
.flex-direction-nav .flex-next:hover {
opacity: 1;
right: 0px;
}
.flex-direction-nav a:focus,
.flex-direction-nav a.hover {
background-color: #E8E8E8;
}
.film-strip .shade {width: 10px;}
.film-strip .shade.LT {
opacity: 0.5;
background-image: -moz-radial-gradient(at -100% 70% , rgba(0, 0, 0, 0.8) 0%, transparent 80%);
background-image: -webkit-radial-gradient(at -100% 70% , rgba(0, 0, 0, 0.8) 0%, transparent 80%);
background-image: -o-radial-gradient(at -100% 70% , rgba(0, 0, 0, 0.8) 0%, transparent 80%);
background-image: -ms-radial-gradient(at -100% 70% , rgba(0, 0, 0, 0.8) 0%, transparent 80%);
background-image: radial-gradient(at -100% 70% , rgba(0, 0, 0, 0.8) 0%, transparent 80%);
}
.film-strip .shade.RT {
opacity: 0.3;
background-image: -moz-radial-gradient(at 100% 50% , rgba(0, 0, 0, 0.8) 0%, transparent 80%);
background-image: -webkit-radial-gradient(at 100% 50% , rgba(0, 0, 0, 0.8) 0%, transparent 80%);
background-image: -o-radial-gradient(at 100% 50% , rgba(0, 0, 0, 0.8) 0%, transparent 80%);
background-image: -ms-radial-gradient(at 100% 50% , rgba(0, 0, 0, 0.8) 0%, transparent 80%);
background-image: radial-gradient(at 100% 50% , rgba(0, 0, 0, 0.8) 0%, transparent 80%);
}
}
.main-content .ppqualitySelect li{
margin-bottom:0;
}
.main-content .ppqualitySelect ul {
margin: 0;
padding: 0;
list-style-type: none;
}