@import url('/content/styles/spm-setups.min.css');

/*functions, prefixed*/

/*mixins*/

.hideText {
    text-indent: 110%;
    overflow: hidden;
    white-space: nowrap;
}

.orangeGrad {
    background: #e56613;
    background-image: linear-gradient(bottom, #dc5600, #f47d30);
    background-image: -o-linear-gradient(center bottom, #dc5600 0%, #f47d30 100%);
    background-image: -moz-linear-gradient(center bottom, #dc5600 0%, #f47d30 100%);
    background-image: -webkit-linear-gradient(bottom, #dc5600, #f47d30);
    background-image: -ms-linear-gradient(bottom, #dc5600, #f47d30);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dc5600), color-stop(1, #f47d30));
}

.revOrangeGrad {
    background: #dc5600;
    background-image: linear-gradient(bottom, #f47d30, #dc5600);
    background-image: -o-linear-gradient(center bottom, #f47d30 0%, #dc5600 100%);
    background-image: -moz-linear-gradient(center bottom, #f47d30 0%, #dc5600 100%);
    background-image: -webkit-linear-gradient(bottom, #f47d30, #dc5600);
    background-image: -ms-linear-gradient(bottom, #f47d30, #dc5600);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f47d30), color-stop(1, #dc5600));
}

.greyGrad {
    background: #989898;
    background-image: linear-gradient(bottom, #757575, #989898);
    background-image: -o-linear-gradient(center bottom, #757575 0%, #989898 100%);
    background-image: -moz-linear-gradient(center bottom, #757575 0%, #989898 100%);
    background-image: -webkit-linear-gradient(bottom, #757575, #989898);
    background-image: -ms-linear-gradient(bottom, #757575, #989898);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #757575), color-stop(1, #989898));
}

.bg_transDarkGrey {
    background: #1f1f1f;
    background: rgba(31, 36, 43, 0.8);
}

.bg_transLighterGrey {
    background: #f9f9f9;
    background: rgba(249, 249, 249, 0.8);
}

.bg_transYellow {
    background: #fcb415;
    background: rgba(252, 180, 21, 0.85);
}

.bg_transGreen {
    background: #00441e;
    background: rgba(0, 90, 42, 0.85);
}

.texFont {
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.textItem {
    margin: 0 0 0 5px;
    padding: 25px 0;
    border-bottom: 1px solid #ebebeb;
}

@font-face {
    font-family: 'TeXGyreHerosRegular';
    src: url('/Content/Media/texgyre/texgyreheros-regular-webfont.eot');
    src: url('/Content/Media/texgyre/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Media/texgyre/texgyreheros-regular-webfont.woff') format('woff'), url('/Content/Media/texgyre/texgyreheros-regular-webfont.ttf') format('truetype'), url('/Content/Media/texgyre/texgyreheros-regular-webfont.svg#TeXGyreHerosRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TeXGyreHerosItalic';
    src: url('/Content/Media/texgyre/texgyreheros-italic-webfont.eot');
    src: url('/Content/Media/texgyre/texgyreheros-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Media/texgyre/texgyreheros-italic-webfont.woff') format('woff'), url('/Content/Media/texgyre/texgyreheros-italic-webfont.ttf') format('truetype'), url('/Content/Media/texgyre/texgyreheros-italic-webfont.svg#TeXGyreHerosItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TeXGyreHerosBold';
    src: url('/Content/Media/texgyre/texgyreheros-bold-webfont.eot');
    src: url('/Content/Media/texgyre/texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Media/texgyre/texgyreheros-bold-webfont.woff') format('woff'), url('/Content/Media/texgyre/texgyreheros-bold-webfont.ttf') format('truetype'), url('/Content/Media/texgyre/texgyreheros-bold-webfont.svg#TeXGyreHerosBold') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TeXGyreHerosBoldItalic';
    src: url('/Content/Media/texgyre/texgyreheros-bolditalic-webfont.eot');
    src: url('/Content/Media/texgyre/texgyreheros-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Media/texgyre/texgyreheros-bolditalic-webfont.woff') format('woff'), url('/Content/Media/texgyre/texgyreheros-bolditalic-webfont.ttf') format('truetype'), url('/Content/Media/texgyre/texgyreheros-bolditalic-webfont.svg#TeXGyreHerosBoldItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

/* ----------------- Default Elements or Resets --------------------- */

html,
body {
    background: #ffffff url(/Content/Images/siteBg.jpg) center 135px no-repeat;
    background-size: cover;
    color: #1f1f1f;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

html,
body,
form#form1,
form#form2 { height: 100%; }

#wrap { min-height: 100%; }

#mainWrap {
    overflow: auto;
    padding-bottom: 130px;
}

a {
    color: #adadad;
    text-decoration: underline;
}

a:hover { text-decoration: none; }

a:active,
a:focus { outline: none; }

.clearFloat { clear: both; }

h1 {
    font-size: 2.833em;
    font-weight: normal;
}

h2,
h3 {
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    font-weight: normal;
    color: #1f1f1f;
    line-height: 1.25em;
}

h2 {
    font-size: 1.5em;
    border: 0px;
}

h3 {
    font-size: 1.3em;
    padding: 0;
    margin: 20px 0 -5px;
}

input[type=text],
input[type=password],
textarea,
select {
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px;
    background: #ebebeb;
    border: 1px solid #adadad;
    border-radius: 0px;
    color: #1f1f1f;
}

select option {
    color: #1f1f1f;
    background-image: none;
}

input.placeholder { color: #adadad; }

input::-webkit-input-placeholder { color: #adadad; }

input:-moz-placeholder { color: #adadad; }

input::-moz-placeholder { color: #adadad; }

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
}

/* ----------------- main sitewide classes and reusable classes --------------------- */

.col1 {
    float: left;
    width: 49%;
}

.col2 {
    float: left;
    width: 49%;
}

.col3 {
    float: left;
    width: 31%;
    margin-left: 2%;
}

.primaryColumn {
    float: right;
    width: 760px;
    margin-top: 106px;
}

.secondaryColumn {
    float: right;
    width: 139px;
    border-right: 1px solid #ebebeb;
    padding: 44px 20px 0 0;
    margin-top: 106px;
}

.singleColumn {
    float: left;
    margin-top: 106px;
}

#mainContent {
    background: #f9f9f9;
    background: rgba(249, 249, 249, 0.8);
    padding-bottom: 30px;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    text-transform: none;
}

#header,
#loginheader,
#mainContent,
#footer,
.content {
    position: relative;
    margin: 0px auto;
    width: 100%;
    z-index: 1;
}

.content { width: 920px; }

div.mainContentInner { position: static; }

.inner { padding: 20px; }

div.primaryColumn > .inner {
    margin: 45px 0 45px 45px;
    padding: 0;
}

.hexCol {
    position: relative;
    float: left;
    width: 153px;
}

.quartCol {
    position: relative;
    float: left;
    width: 20%;
    margin: 0 2% 0 3%;
}

.triCol {
    position: relative;
    float: left;
    width: 30%;
    margin: 0px 1% 16px 2%;
}

.twoCol {
    position: relative;
    float: left;
    width: 49%;
}

.singleCol { padding: 18px 7%; }

.noSeeUm { display: none; }

#mainAdminContent {
    position: relative;
    margin: 3px auto;
    width: 98%;
}

p.failureText { color: #aa0000; }

.modalFoot { margin-top: 30px; }

.errorPage {
    margin: 50px auto;
    font-size: 1.25em;
    text-align: center;
}

.formLabels {
    font-size: 12px;
    margin: 15px 0px 0px 5px;
}

.formatLabels {
    font-size: 11px;
    color: #999999;
}

.formatError {
    font-size: 11px;
    color: #FF0000;
}

.formatSuccess {
    font-size: 11px;
    color: #00FF00;
}

p.formatHelpLinks {
    font-size: 11px;
    margin: -8px 0 10px 9px;
}

p.formatHelpLinks a { color: #999999; }

p.formatHelpLinks a:hover { color: #eeeeee; }

.specialnote { color: #ff0000; }

.SerialFontsError {
    float: right;
    border: solid 1px #ff0000;
}

.hide { display: none; }

/*slider/scroller*/

.sliderParent {
    position: relative;
    overflow: hidden;
}

/*sliderParent should contain slider_itemsContainer*/

.slider_itemsContainer {
    margin: 0;
    padding: 0;
    position: relative;
    white-space: nowrap;
}

/*contains individual elements - this is the div that will get moved around*/

.slider_items {
    display: inline-block;
    list-style: none;
    white-space: normal;
}

/*just major, reusable components for building a slider - code specific wid/height/graphical items elsewhere*/

/* slider/scroller*/

/*buttons*/

a.btn,
input.btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.125em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 25px;
    margin: 2px 0px;
    background: #e56613;
    background-image: linear-gradient(bottom, #dc5600, #f47d30);
    background-image: -o-linear-gradient(center bottom, #dc5600 0%, #f47d30 100%);
    background-image: -moz-linear-gradient(center bottom, #dc5600 0%, #f47d30 100%);
    background-image: -webkit-linear-gradient(bottom, #dc5600, #f47d30);
    background-image: -ms-linear-gradient(bottom, #dc5600, #f47d30);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dc5600), color-stop(1, #f47d30));
    font-weight: bold;
    text-shadow: 1px 1px #dc5600;
    border: 0px;
}

a.btn.altBtn,
input.btn.altBtn {
    color: #ffffff;
    background: #989898;
    background-image: linear-gradient(bottom, #757575, #989898);
    background-image: -o-linear-gradient(center bottom, #757575 0%, #989898 100%);
    background-image: -moz-linear-gradient(center bottom, #757575 0%, #989898 100%);
    background-image: -webkit-linear-gradient(bottom, #757575, #989898);
    background-image: -ms-linear-gradient(bottom, #757575, #989898);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #757575), color-stop(1, #989898));
    text-shadow: 1px 1px #666666;
}

a.btn:hover,
input.btn:hover {
    background: #e56613;
    text-decoration: none;
}

a.altBtn.btn:hover,
input.altBtn.btn:hover { background: #666666; }

/*buttons*/

/*grid*/

/* ==================================================================================================================== */

/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */

/* ==================================================================================================================== */

.container {
    padding-left: 20px;
    padding-right: 20px;
}

.row {
    width: 100%;
    max-width: 1140px;
    min-width: 755px;
    margin: 0 auto;
    overflow: hidden;
}

.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol {
    margin-right: 3.8%;
    float: left;
    min-height: 1px;
}

.row .onecol { width: 4.85%; }

.row .twocol { width: 13.45%; }

.row .threecol { width: 22.05%; }

.row .fourcol { width: 30.75%; }

.row .fivecol { width: 39.45%; }

.row .sixcol { width: 48%; }

.row .sevencol { width: 56.75%; }

.row .eightcol { width: 65.4%; }

.row .ninecol { width: 74.05%; }

.row .tencol { width: 82.7%; }

.row .elevencol { width: 91.35%; }

.row .twelvecol {
    width: 100%;
    float: left;
}

.last { margin-right: 0px; }

img { height: auto; }

/*grid*/

/* ----------------- Page Sections --------------------- */

/*header*/

#preHeader {
    display: none;
    height: 100px;
    padding-top: 10px;
    background: #1f1f1f;
    color: #adadad;
}

#preHeader p {
    width: 43%;
    margin: 20px 0 0;
    padding: 0 2% 0 0;
    border-right: 1px solid #adadad;
}

#preHeader strong {
    display: block;
    color: #ffffff;
    font-size: 1.25em;
    font-weight: normal;
    text-transform: uppercase;
}

div.login_form {
    position: absolute;
    right: 0;
    top: 0;
    width: 52%;
}

div.login_form label,
div.login_form a#Header1_loginViewPreHeader_logHeaderLogin_login_forgot {
    float: left;
    display: block;
    width: 200px;
    margin: 0 2% 0 0;
}

div.login_form a#Header1_loginViewPreHeader_logHeaderLogin_login_forgot { padding-top: 3px; }

div.login_form input.btn {
    position: relative;
    top: 12px;
    background: #e56613;
    background-image: linear-gradient(bottom, #f47d30, #dc5600);
    background-image: -o-linear-gradient(center bottom, #f47d30 0%, #dc5600 100%);
    background-image: -moz-linear-gradient(center bottom, #f47d30 0%, #dc5600 100%);
    background-image: -webkit-linear-gradient(bottom, #f47d30, #dc5600);
    background-image: -ms-linear-gradient(bottom, #f47d30, #dc5600);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f47d30), color-stop(1, #dc5600));
    font-size: 0.925em;
    padding: 4px 7px;
}

div.login_form input.btn:hover {
    background: #e56613;
    background-image: linear-gradient(bottom, #dc5600, #f47d30);
    background-image: -o-linear-gradient(center bottom, #dc5600 0%, #f47d30 100%);
    background-image: -moz-linear-gradient(center bottom, #dc5600 0%, #f47d30 100%);
    background-image: -webkit-linear-gradient(bottom, #dc5600, #f47d30);
    background-image: -ms-linear-gradient(bottom, #dc5600, #f47d30);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dc5600), color-stop(1, #f47d30));
}

label.login_user,
label.login_pass {
    text-transform: uppercase;
    color: #ffffff;
    position: relative;
}

label.login_user input,
label.login_pass input {
    width: 150px;
    display: block;
}

label.login_remember { clear: left; }

#Header1_loginViewPreHeader_logHeaderLogin_valSummaryLogin {
    position: absolute;
    top: 45px;
    top: -18px;
}

#Header1_loginViewPreHeader_logHeaderLogin_valSummaryLogin ul,
#Header1_loginViewPreHeader_logHeaderLogin_valSummaryLogin li {
    margin: 0;
    padding: 0;
    color: red;
}

#Header1_loginViewPreHeader_logHeaderLogin_valSummaryLogin li {
    display: inline-block;
    margin-right: 80px;
}

#header {
    height: 135px;
    background: #f9f9f9;
    border-bottom: 1px solid #ebebeb;
    z-index: 5;
}

.headerInner { height: 100%; }

a#Header1_logo {
    position: relative;
    top: 15px;
}

#header ul {
    margin: 0;
    padding: 0;
}

ul#mainMenu {
    position: absolute;
    top: 86px;
    left: -14px;
    width: 685px;
    height: 50px;
    margin: 0;
    padding: 0;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

ul#mainMenu li {
    position: relative;
    display: inline-block;
    float: none;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#mainMenu li.flyOut:after {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    right: 15px;
    width: 10px;
    height: 13px;
    background: url(/Content/Images/iconsSprite.png) no-repeat;
}

ul#mainMenu li a {
    display: block;
    height: 100%;
    padding: 0 10px;
    color: #1f1f1f;
    text-decoration: none;
    line-height: 45px;
    font-size: 1.25em;
}

ul#mainMenu li:hover a {
    background: #1f1f1f;
    color: #ffffff;
}

/*drop menus*/

ul#mainMenu li div.subSection {
    display: none;
    position: absolute;
    background-color: #1f1f1f;
    width: 225px;
    z-index: 100;
    padding: 15px 0 25px;
    border-bottom: 6px solid #d85d0d;
    font-size: 0.925em;
}

ul#mainMenu li div.subSection li {
    display: block;
    height: auto;
    width: 100%;
    top: 0px;
    float: none;
}

ul#mainMenu li div.subSection li a {
    height: auto;
    background: none transparent;
    text-indent: 0px;
    padding: 8px 20px 8px 25px;
    line-height: 1.1em;
    font-size: 1.15em;
}

ul#mainMenu li div.subSection li:hover { background: #323232; }

ul#mainMenu li div.subSection li:hover ul.subMenu { display: block; }

ul#mainMenu li div.subSection ul ul.subMenu {
    display: none;
    position: absolute;
    top: 0;
    left: 220px;
    width: 220px;
    padding: 15px 0;
    background: #323232;
}

ul#mainMenu li div.subSection ul ul.subMenu li:hover { background: #1f1f1f; }

ul#mainMenu li:hover div.subSection { display: block; }

#adminheader {
    height: 90px;
    margin-bottom: 15px;
    border-bottom: 1px solid #666666;
}

#adminMenu {
    height: 25px;
    margin-bottom: 15px;
}

#loginheader {
    height: 60px;
    margin-bottom: 32px;
}

a#logo {
    display: block;
    width: 103px;
    height: 45px;
    position: relative;
    top: 5px;
    z-index: 99;
}

#header h1 {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-size: 1.75em;
    margin: 0;
    padding: 0;
}

#adminheader h1 {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-size: 1.75em;
    margin: 0;
    padding: 0;
}

/*extras*/

div.loginTab {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 150px;
    max-width: 170px;
    height: 63px;
    color: #ffffff;
    padding: 0 5px 5px;
    font-weight: bold;
    text-align: center;
    background: #e56613;
    background-image: linear-gradient(bottom, #dc5600, #f47d30);
    background-image: -o-linear-gradient(center bottom, #dc5600 0%, #f47d30 100%);
    background-image: -moz-linear-gradient(center bottom, #dc5600 0%, #f47d30 100%);
    background-image: -webkit-linear-gradient(bottom, #dc5600, #f47d30);
    background-image: -ms-linear-gradient(bottom, #dc5600, #f47d30);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dc5600), color-stop(1, #f47d30));
}

div.loginTab a {
    padding: 0 5px;
    color: #ffffff;
    text-decoration: none;
}

div.loginTab p.login_title,
div.loginTab p.login_name {
    margin: 0;
    padding: 15px 0 5px;
    font-style: italic;
    font-size: 1.1em;
}

div.siteSearch {
    position: absolute;
    right: 0;
    bottom: 12px;
    width: 209px;
    height: 24px;
    background: #1f1f1f;
    border: 1px solid #ebebeb;
}

div.siteSearch input {
    color: #ffffff;
    display: block;
    float: left;
    border: 0px;
    height: 100%;
    line-height: 24px;
    font-size: 1em;
    padding: 0 4px;
}

div.siteSearch input[type=text] { background: transparent; }

div.siteSearch input[type=submit] {
    float: right;
    margin: 0;
    padding: 0;
    width: 38px;
    font-size: 1em;
}

div.quickLinks {
    position: absolute;
    left: 420px;
    top: 0;
    width: 320px;
}

div.quickLinks a {
    display: inline-block;
    width: 46%;
    padding: 5px 0 2px 3%;
    border-left: 1px solid #ebebeb;
    text-decoration: none;
}

div.quickLinks a.ql_reg,
div.quickLinks a.ql_email { padding-top: 15px; }

#utilities {
    position: absolute;
    top: 19px;
    right: 180px;
    width: 40px;
    height: 30px;
    text-align: right;
}

div.languageSelect {
    position: absolute;
    right: 0;
    width: 0px;
    height: 32px;
    padding-left: 40px;
    border: 2px solid #ebebeb;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

div.languageSelect:hover {
    width: 175px;
    padding: 0 40px 0 0;
}

div.languageSelect a {
    display: inline-block;
    width: 40px;
    height: 30px;
    padding: 0;
    margin: 0;
    background: url(/Content/Images/Header/flags.png) no-repeat;
    text-indent: 110%;
    overflow: hidden;
    white-space: nowrap;
}

div.languageSelect a#Header1_hyplnkLangEN { background-position: -173px -21px; }

div.languageSelect a#Header1_hyplnkLangFR { background-position: -30px -21px; }

div.languageSelect a#Header1_hyplnkLangDE { background-position: 4px -21px; }

div.languageSelect a#Header1_hyplnkLangIT { background-position: -66px -21px; }

div.languageSelect a#Header1_hyplnkLangES { background-position: -102px -21px; }

div.languageSelect a.selected#Header1_hyplnkLangEN,
div.languageSelect a:hover#Header1_hyplnkLangEN { background-position: -173px 5px; }

div.languageSelect a.selected#Header1_hyplnkLangFR,
div.languageSelect a:hover#Header1_hyplnkLangFR { background-position: -30px 5px; }

div.languageSelect a.selected#Header1_hyplnkLangDE,
div.languageSelect a:hover#Header1_hyplnkLangDE { background-position: 4px 5px; }

div.languageSelect a.selected#Header1_hyplnkLangIT,
div.languageSelect a:hover#Header1_hyplnkLangIT { background-position: -66px 5px; }

div.languageSelect a.selected#Header1_hyplnkLangES,
div.languageSelect a:hover#Header1_hyplnkLangES { background-position: -102px 5px; }

div.languageSelect a.selected {
    position: absolute;
    right: 0;
    text-align: left;
    text-indent: -9999px;
}

/*footer*/

#footer {
    height: 115px;
    margin-top: -130px;
    background: #1f1f1f;
    padding: 15px 0 0;
    color: #adadad;
}

#footer .copyright,
#footer a {
    color: #ffffff;
    text-decoration: none;
}

.footerInner { padding-top: 25px; }

.footerLinks {
    width: 52%;
    padding-left: 50px;
    line-height: 1.5em;
    font-size: 0.925em;
}

#footer a {
    display: inline-block;
    padding: 0 5px;
}

#loginfooter { margin-top: 32px; }

/*adminfooter*/

#adminfooter {
    border-top: 1px solid #666666;
    margin-top: 32px;
    padding-bottom: 25px;
    padding-top: 3px;
    font-size: 12px;
    text-align: center;
}

#adminfooter a { padding: 0 5px; }

#ressourceadminfooter {
    border: 2px solid red;
    margin-top: 15px;
    color: #adadad;
    width: 350px;
}

#ressourceadminfooter a:link,
#ressourceadminfooter a:visited,
#ressourceadminfooter a:hover,
#ressourceadminfooter a:active {
    color: #ebebeb;
    text-decoration: underline;
}

#ressourceadminfooter a:hover,
#ressourceadminfooter a:active {
    color: #adadad;
    text-decoration: underline;
}

/*sidebar*/

.listHeader {
    padding: 0;
    margin: 10px 0;
    font-weight: normal;
    color: #e76816;
    font-size: 1.75em;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    line-height: 1.15em;
}

.secondaryColumn ul.menuList {
    font-size: 1.05em;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.secondaryColumn ul.menuList li {
    padding: 9px 15px 9px 0px;
    margin: 0;
    list-style: none;
}

.secondaryColumn ul.menuList li a {
    display: block;
    color: #1f1f1f;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.25em;
}

.secondaryColumn ul.menuList li a:hover { color: #e76816; }

.secondaryColumn .listHeader:first-child {
    margin-top: 0;
    margin-right: -10px;
}

/*headers*/

h1.textHdr {
    position: absolute;
    top: 0;
    left: 0;
    height: 106px;
    width: 100%;
    background: #ffffff url(/Content/Images/siteBg.jpg) top center no-repeat;
    background-size: cover;
    border-bottom: 1px solid #ebebeb;
    margin: 0;
    padding: 0;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}
h1.textHdr.small {
    font-size: 2em;
}
h1.textHdr.small span {
    padding-top: 77px;
}
h1.textHdr span {
    display: block;
    width: 920px;
    padding-top: 66px;
    margin: 0 auto;
    text-indent: 160px;
}

/* ----------------- Pages --------------------- */

/*about section pages*/

.contactInfo div.contactType {
    margin-right: 3.8%;
    float: left;
    min-height: 1px;
}

/*Email Signup*/

#emailSignupForm2 { padding: 5px; }

#emailSignupForm2 label,
#emailSignupForm2 input {
    float: left;
    margin: 15px 0px;
    width: 250px;
}

#emailSignupForm2 label {
    clear: left;
    width: 120px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 1.125em;
}

#emailSignupForm2 label,
#emailSignupForm2 p,
#emailSignupForm2 input#emailSignUpBtn { clear: both; }

#emailSignupForm2 input#emailSignUpBtn {
    width: 120px;
    left: 255px;
    position: relative;
}

#emailSignupForm2 hr {
    margin: 20px 0;
    clear: both;
    color: #cbcaca;
    border-color: #cbcaca;
    border-style: solid;
    border-width: 1px 0 0;
}

#emailSignupForm2 input,
.contactPage input {
    padding-top: 3px;
    padding-bottom: 3px;
}

/*articles*/

div.articlesList {
    position: relative;
    padding: 20px 0 20px 112px;
    margin-left: -9px;
    border-top: 1px solid #ebebeb;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    text-transform: none;
}

div.articlesList .articleSummary { padding-top: 3px; }

div.articlesList .articleSummary a.art_title {
    position: absolute;
    top: 20px;
    left: 18px;
}

div.articlesList .articleSummary span { color: #adadad; }

div.articlesList a.art_title {
    color: #1f1f1f;
    font-size: 1.5em;
    line-height: 1.25em;
    text-decoration: none;
}

div.articlesList a.art_title:hover { color: #adadad; }

div.articlesList:first-child { border-top: 0; }

#articleIcons a,
.articleShare a#shareIcon {
    background-color: #9A9A9A;
    display: inline-block;
    float: left;
    margin: 3px 3px 0;
    padding: 1px;
}

#articleIcons a:hover,
.articleShare a#shareIcon:hover { background-color: #6A6A6A; }

div.articleShare {
    display: inline;
    float: left;
    padding-bottom: 10px;
}

/*admin styling*/

.adminsite hr {
    clear: both;
    margin: 20px 40px -10px;
    background: #666666;
    color: #666666;
    height: 1px;
    border: 0px;
}

.adminsite fieldset {
    color: #666666;
    border: solid 1px #666666;
    padding: 3px;
}

.adminsite legend { color: #666666; }

.adminsite p { color: #666666; }

.ReportData { margin: 5px 0px 0px 0px; }

/*category landing pages*/

/*radios*/

div.radio_item {
    float: left;
    width: 175px;
    height: 242px;
    text-align: center;
}

.radio_imgLink {
    display: inline-block;
    text-decoration: none;
    font-size: 1.25em;
    color: #1f1f1f;
}

.radio_imgLink:hover { color: #adadad; }

div.radio_content {
    position: fixed;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: -203px 0 0 -383px;
    width: 765px;
    height: 406px;
    background: #ebebeb url(/Content/Images/catLanding/radiosPopinBg.jpg);
}

div.radio_content h2 {
    padding: 45px 0 0;
    margin: 0 0 20px 68px;
    font-size: 5em;
    color: #1f1f1f;
}

div.radio_content p {
    width: 292px;
    padding: 0;
    margin: 10px 0 10px 68px;
}

div.radio_content a.radio_close {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    margin: 0;
    padding: 5px 8px;
    background: #dc5600;
    background-image: linear-gradient(bottom, #f47d30, #dc5600);
    background-image: -o-linear-gradient(center bottom, #f47d30 0%, #dc5600 100%);
    background-image: -moz-linear-gradient(center bottom, #f47d30 0%, #dc5600 100%);
    background-image: -webkit-linear-gradient(bottom, #f47d30, #dc5600);
    background-image: -ms-linear-gradient(bottom, #f47d30, #dc5600);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f47d30), color-stop(1, #dc5600));
}

div.radio_content img.radio_detail {
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: 20px;
}

.ddList {
    position: relative;
    z-index: 10;
    cursor: pointer;
}

.ddList ul.submenu {
    display: none;
    position: absolute;
    width: 100%;
    top: 30px;
    margin: 0;
    padding: 10px 0;
}

.ddList:hover ul.submenu { display: block; }

.ddList li {
    list-style: none;
    padding: 0;
    margin: 0;
}

div.ri {
    position: relative;
    z-index: auto !important;
    height: 100%;
}

div.ri a.btn,
div.ri div.radioList {
    position: relative;
    margin: 10px 0 10px 68px;
    z-index: 1;
}

div.ri div.radioList {
    z-index: 10;
    width: 270px;
    height: 30px;
    margin-top: 20px;
    border: 1px solid #cacaca;
    background: #ffffff;
    background-image: linear-gradient(bottom, #e2e2e2, #ffffff);
    background-image: -o-linear-gradient(center bottom, #e2e2e2 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(center bottom, #e2e2e2 0%, #ffffff 100%);
    background-image: -webkit-linear-gradient(bottom, #e2e2e2, #ffffff);
    background-image: -ms-linear-gradient(bottom, #e2e2e2, #ffffff);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #ffffff));
}

div.ri div.radioList:after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: 9px;
    border: 6px solid #1f1f1f;
    border-color: transparent transparent transparent #1f1f1f;
}

div.ri div.radioList:hover:after {
    content: '';
    position: absolute;
    right: 13px;
    bottom: 5px;
    border: 6px solid #1f1f1f;
    border-color: #1f1f1f transparent transparent transparent;
}

div.ri div.radioList h3.radio_currentItem {
    margin: 0;
    padding: 0 0 0 20px;
    line-height: 30px;
}

div.ri div.radioList ul.submenu {
    top: 30px;
    left: -1px;
    border: 1px solid #cacaca;
    background: #ffffff;
}

div.ri div.radioList li a {
    display: block;
    padding: 5px 10px 5px 20px;
    margin: 0;
    font-size: 1.25em;
    text-decoration: none;
    color: #1f1f1f;
}

div.ri div.radioList li a:hover { background: #ebebeb; }

div.ri a.btn {
    padding: 7px 26px;
    margin-top: 25px;
}

#radio_popin {
    display: none;
    position: fixed;
    z-index: 50;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/Content/Images/blackOpaqueBg.png);
    background: rgba(0, 0, 0, 0.5);
}

#radio_popin div.bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

#radio_popin div.radio_content {
    position: relative;
    z-index: 2;
}

div.radio_info { display: none; }

/*dynamic landing*/

.dynLandingPage div.threecol:nth-child(4n + 4) .search-product { border-right: 0px; }

.search-product strong.shortName { text-transform: uppercase; }

body.dynLandingPage div.search-product .item { height: 265px; }

/*filtered product guide (fpg)*/

p.sxgIntro {
    padding: 5px 40px 0px;
    font-size: 14px;
    color: #545454;
}

p.sxgIntro a {
    text-decoration: underline;
    color: #1f1f1f;
}

p.sxgIntro a:hover { color: #545454; }

/*filters*/

div.sxgTog,
div.fpgTog { padding-bottom: 1px; }

div.sxgTog ul li,
div.fpgTog ul li {
    display: block;
    padding: 2px 8px 3px 0;
    color: #999999;
    list-style: none;
    zoom: 1;
}

div.sxgTog ul a,
div.fpgTog ul a { color: #222; }

div.sxgTog ul a:hover,
div.fpgTog ul a:hover { text-decoration: underline; }

h3.sxgTog,
h3.fpgTog {
    background: #eee;
    height: 38px;
    line-height: 38px;
    color: #1f1f1f;
    font-weight: bold;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    text-indent: 30px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #dddddd;
}

h3.sxgTog span.level,
h3.fpgTog span.level {
    float: left;
    display: block;
}

h3.sxgTog.closed span.selection,
h3.fpgTog.closed span.selection {
    background-position: 20px 1px;
    position: relative;
    top: -1px;
}

h3.sxgTog span.selection,
h3.fpgTog span.selection {
    display: block;
    width: 400px;
    float: left;
    padding: 0 15px 0 25px;
    font-size: .8em;
    color: #323232;
    font-size: 14px;
    font-weight: normal;
    background: url(/Content/Images/DSM/sxgArrows.png) no-repeat 20px -38px;
    height: 38px;
    text-transform: capitalize;
}

h3.sxgTog span a,
h3.fpgTog span a {
    font-size: .8em;
    padding-left: 10px;
    color: #cbcbcb;
    text-transform: lowercase;
    position: relative;
    top: -1px;
}

h3.sxgTog span span.resultsNum,
h3.fpgTog span span.resultsNum { display: none; }

#sxgFilters {
    background: #fff;
    background: rgba(255, 255, 255, 0.4);
    margin: 15px 0 20px;
}

#sxgFilters div.filterList {
    float: left;
    width: 17%;
    margin-left: 1.5%;
    color: #222;
    padding-bottom: 15px;
}

#sxgFilters div#caseList { width: 24.5%; }

#fpg_resultItems {
    background: #fff;
    background: rgba(255, 255, 255, 0.4);
}

div.filterList label {
    display: block;
    margin-right: 5px;
}

div.filterList input {
    display: inline-block;
    margin-right: 8px;
    margin-left: 1px;
    position: relative;
    top: 2px;
}

div.filterList h3 {
    margin-bottom: 5px;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    color: #222;
}

li#app_Air,
li#app_Heli,
li#app_Surf,
li#app_Mar {
    width: 88px;
    float: left;
    text-align: center;
    background: url(/Content/Images/Products/sxgIcons.png) no-repeat;
    margin: 0 60px 5px;
    font-size: 17px;
}

li#app_Air a,
li#app_Heli a,
li#app_Surf a,
li#app_Mar a {
    display: block;
    padding-top: 43px;
    padding-bottom: 15px;
}

li#app_Air a:hover,
li#app_Heli a:hover,
li#app_Surf a:hover,
li#app_Mar a:hover {
    background: url(/Content/Images/DSM/sxgArrows.png) 35px -80px no-repeat;
    text-decoration: none;
}

li#app_Heli { background-position: -170px 0px; }

li#app_Surf { background-position: -340px 0px; }

li#app_Mar { background-position: -512px 0px; }

/*fpg_results*/

div#fpg_resultHeader {
    background-color: #eee;
    padding: 10px 0 4px;
}

div#sxg_results { padding-bottom: 20px; }

#fpg_resultHeader .fpg_prodName {
    margin-left: 85px;
    font-weight: bold;
    font-size: 12px;
    color: #1f1f1f;
}

#fpg_resultHeader span { font-weight: bold; }

div#fpg_resultHeader .sxg_dim { margin-top: -6px; }

.sxg_torque,
.sxg_speed,
.sxg_dim,
.sxg_weight,
.rxg_band,
.fpg_Vrange,
.rxg_weight { text-align: center; }

.sxg_torque span,
.sxg_speed span,
.sxg_dim span,
.sxg_weight span,
.rxg_band span,
.fpg_Vrange span,
.rxg_weight span { display: none; }

div.fpg_item {
    clear: both;
    padding: 13px 0 0;
    border-top: 1px solid #bbbbbb;
}

div.fpg_item:after {
    clear: both;
    display: table;
    content: "";
}

span.sxg_price {
    display: block;
    margin-top: 3px;
}

.fpg_img,
.fpg_prodName,
.sxg_torque,
.sxg_speed,
.sxg_dim,
.sxg_weight,
.rxg_band,
.fpg_Vrange,
.rxg_weight {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.fpg_img {
    width: 65px;
    height: 65px;
    padding: 1px 0 0;
    border: 0px;
}

a.fpg_img {
    margin: 0px 10px;
    padding-bottom: 13px;
}

.fpg_prodName {
    width: 225px;
    font-size: 11px;
    color: #545454;
}

div.fpg_prodName a {
    color: #1f1f1f;
    font-size: 12px;
}

div.fpg_prodName a span {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}

div.fpg_prodName a span span {
    font-size: 11px;
    font-weight: normal;
}

div.fpg_prodName a:hover { color: #545454; }

.sxg_torque { width: 107px; }

.rxg_band { width: 82px; }

.sxg_speed,
.fpg_Vrange { width: 97px; }

.sxg_dim { width: 110px; }

.sxg_weight { width: 60px; }

.rxg_weight { width: 85px; }

div#fpg_noResults {
    font-size: 1.6em;
    font-weight: normal;
    padding: 20px;
}

/*fpg_menu*/

p.servoGuideRef {
    border-top: 1px solid #696969;
    padding: 15px 8px 0;
    margin: 10px 12px;
    font-weight: bold;
    color: #696969;
}

p.servoGuideRef a {
    font-weight: bold;
    color: #ffffff;
    display: block;
    padding: 5px 0;
}

/*Community*/

.myAccPage a.btn,
.myAccPage input.btn {
    font-size: 1.125em;
    padding: 5px 25px;
}

.myAccPage a.btn { padding: 6px 25px; }

.myAccPage fieldset {
    padding: 20px 20px 30px;
    margin: 10px 0;
    background: #f9f9f9;
    border: 1px solid #ebebeb;
}

.myAccPage legend {
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    letter-spacing: 0.035em;
    font-size: 1.65em;
    text-transform: uppercase;
    padding: 0 7px;
}

.myAccPage #pnlSerialNumberUpload legend { font-size: 1em; }

.myAccPage .primaryColumn input[type=text],
.myAccPage .primaryColumn input[type=password] {
    background: #ebebeb;
    border: 1px solid #adadad;
    padding: 2px 5px;
    margin: 3px 0;
}

.myAccPage label {
    display: block;
    margin: 5px 0 0;
}

.myAccPage .radioGroup label { display: inline; }

.myAccPage table {
    display: block;
    width: 100%;
}

.myAccPage .primaryColumn h2,
.myAccPage .primaryColumn h3 {
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    letter-spacing: 0.035em;
    font-size: 1.65em;
    color: #1f1f1f;
    text-transform: uppercase;
}

.myAccPage .primaryColumn h3 {
    color: #e76816;
    font-size: 1.3em;
    margin-bottom: 5px;
}

.myAccPage .buttonGroup {
    padding-top: 40px;
    clear: both;
}

div.myAccountInfo {
    display: none;
    background: #ffffff;
    border: 1px solid #ebebeb;
    margin: 10px 0;
    padding: 4px;
    font-size: 1em;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
}

div.myAccountInfo h3 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 1em;
    border-bottom: 1px solid #ebebeb;
}

div.myAccountInfo #loginName {
    font-size: 1.1em;
    margin: 0 0 15px;
}

div.myAccountInfo .accountInfo_group { padding: 5px 0; }

.secondaryColumn ul.menuList div.myAccountInfo { font-family: Arial, Helvetica, sans-serif; }

#accountInfo { font-size: .825em; }

#accountInfo span {
    color: #444444;
    font-weight: bold;
}

/*login*/

.loginContent { margin: 25px 0 25px 160px; }

.loginPage fieldset {
    width: 430px;
    padding: 20px 20px 30px;
    margin: 10px 0 20px;
}

p.forgotPass {
    color: #adadad;
    font-size: 10px;
    margin: 10px 0;
}

/*my products*/

.radioItem {
    position: relative;
    clear: both;
    padding: 20px 25% 30px 0;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    text-transform: none;
    border-top: 1px solid #ebebeb;
    font-size: 1em;
}

.radioItem h3 {
    float: left;
    width: 405px;
    color: #e76816;
    padding: 0;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    font-weight: bold;
}

.radioItem img.imgRegRadioThumbnail {
    float: left;
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 25px 0 0;
    background: white;
    border: 2px solid #ebebeb;
}

.radioItem dl {
    float: left;
    padding: 0;
    margin: 0;
}

.radioItem dt,
.radioItem dd {
    clear: left;
    float: left;
    width: 120px;
    margin: 2px 0 0;
    padding: 0;
}

.radioItem dd {
    clear: none;
    width: 285px;
    font-weight: bold;
}

.radioItem .actions {
    position: absolute;
    top: 20px;
    right: 0;
    width: 25%;
}

.radioItem .actions a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #1f1f1f;
    font-size: 1.125em;
    padding-left: 15px;
}

.radioItem .actions a:hover { color: #666666; }

.radioItem .actions a:before {
    content: '';
    position: absolute;
    display: block;
    top: 7px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #1f1f1f;
}

div#listFilter a:hover,
div#modelSetupListFilter a:hover { color: #cccccc; }

div#listFilter a:active,
div#listFilter a:focus,
div#modelSetupListFilter a:active,
div#modelSetupListFilter a:focus { outline: none; }

/*end*/

h2#regProdHdr {
    position: relative;
    z-index: 10;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    color: #1f1f1f;
}

div#listFilter,
div#modelSetupListFilter {
    display: inline;
    position: relative;
}

div#filterList,
div#modelSetupFilterList {
    display: none;
    position: absolute;
    top: 22px;
    left: -2px;
    width: 200px;
    padding: 10px 20px;
    background: #ebebeb;
    border: 1px solid #adadad;
}

div#listFilter a,
div#modelSetupListFilter a {
    font-size: .7em;
    color: #1f1f1f;
    font-weight: normal;
    text-decoration: none;
}

div#filterList a,
div#modelSetupFilterList a {
    display: block;
    margin: 4px 0;
}

span#currentFilter,
span#modelSetupCurrentFilter {
    color: #FD7E2D;
    padding: 0 8px 0 14px;
    font-weight: normal;
}

h2#modConfigListHdr {
    margin-top: 40px;
    margin-left: -8px;
    font-size: 1.5em;
}

/*Product Registration*/

.regProdPage .primaryColumn h2 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}

.regProdPage #ProductRegistration1 p.introCopy span.required {
    margin: 15px 0 0;
    display: inline-block;
}

.captcha { margin-top: 20px; }

.notifyMe label { display: inline; }

select.ddlModelNumber { width: 300px; }

/*updates*/

.downloadItem {
    position: relative;
    z-index: 1;
    clear: both;
    padding: 20px 0 30px 0;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    text-transform: none;
    border-top: 1px solid #ebebeb;
    font-size: 1em;
}

.ModelConfigInstructions {
    position: relative;
    z-index: 5;
}

div.RadTabStrip_Spektrum { margin: 30px 0; }

ul.rtsUL a.rtsLink {
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    font-size: 1.125em;
    padding: 12px;
    border: 1px solid transparent;
    border-bottom-color: #dbdbdb;
}

ul.rtsUL a.rtsLink span.rtsOut,
ul.rtsUL a.rtsLink span.rtsIn,
ul.rtsUL a.rtsLink span.rtsTxt { padding: 0; }

ul.rtsUL a.rtsLink.rtsSelected {
    border-color: #dbdbdb;
    border-bottom-color: transparent;
}

span.mailtoButton {
    background: url(/Content/Images/buttons.png) bottom left;
    height: 32px;
    display: block;
    display: inline-block;
    width: auto;
    margin: 10px 0 10px;
    text-align: center;
    font-size: 16px;
}

span.mailtoButton a {
    padding: 0 12px;
    line-height: 30px;
    text-decoration: none;
}

span.mailtoButton input:hover { color: #ffffff; }

span.registerBtn { background-position: top left; }

span.registerBtn input,
span.registerBtn a { background-position: top right; }

div.inputItem { position: relative; }

.validator {
    position: absolute;
    left: -6px;
    top: 0px;
}

/*Register Radio*/

span.reg_backtoAccountBtn {
    font-size: 0.825em;
    position: relative;
    top: -10px;
}

#registerRadioModal .col2 {
    width: 290px;
    margin: 0 5px 5px 0;
}

#registerRadioModal hr {
    clear: both;
    margin: 20px 40px -10px;
    background: #666666;
    color: #666666;
    height: 1px;
    border: 0px;
}

#registerRadioModal .RadInput_Default,
#registerRadioModal .RadComboBox_Default,
#registerRadioModal .RadPicker_Default,
#registerRadioModal select,
.RadInput_Default,
.RadComboBox_Default,
.RadPicker_Default,
.RadRadioButtonList {
    display: block;
    margin: 3px 3px 6px 3px;
}

#registerRadioModal { font-size: 12px; }

#ctl00_cphMainContent_txtRegistrationRadioSerialNum,
#ctl00_cphMainContent_txtRegistrationRadioSerialNum_Value { margin: 0 !important; }

div.notifyMe,
div.quartPub { font-size: 12px; }

/*Register*/

#registerModal .col2 {
    width: 40%;
    margin: 0 5px 5px 0;
}

#ctl00_cphMainContent_cuWizard { width: 970px; }

#registerModal hr {
    clear: both;
    margin: 20px 40px -10px;
    background: #666666;
    color: #666666;
    height: 1px;
    border: 0px;
}

.innerModal { margin: 5px 20px; }

#registerModal .RadInput_Default,
#registerModal .RadComboBox_Default,
#registerModal .RadPicker_Default,
#registerModal select,
.RadInput_Default,
.RadComboBox_Default,
.RadPicker_Default,
.RadRadioButtonList {
    display: block;
    margin: 3px 3px 6px 3px;
}

.regQuestionLbl {
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
}

.chboxNotify {
    display: inline-block;
    margin-top: 10px;
}

#registerModal { font-size: 12px; }

div.captcha { margin-top: 30px; }

.SoftwareUpdateInstructions {
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
    padding: 0px 0px 0px 8px;
}

.SoftwareUpdateInstructionsNote { color: #999999; }

span.SoftwareUpdateManualUpdateInfo {
    font-size: 12px;
    color: #999999;
}

span.SoftwareUpdateHowToInfo {
    font-size: 12px;
    color: #999999;
}

.ModelConfigInstructions {
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
    padding: 0px 0px 0px 8px;
}

.ModelConfigInstructionsNote { color: #999999; }

/*DSMX Add-on*/

h3.findPIDHdr { margin-top: 35px; }

h3.dsmxHdr { margin: 25px 0 25px; }

#dsmxForm { margin-top: -10px; }

#dsmxForm div.col3 {
    width: 230px;
    margin-left: 0px;
}

div#dsmxForm p {
    padding: 0;
    margin: 8px 0 12px;
}

#dsmxForm input.riTextBox { width: 195px; }

div#dsmxForm .RadInput_Default { margin-top: 0px; }

span.submitDsmxFormBtn { margin-bottom: 0; }

div.dsmxIntDistributor {
    margin: 10px 0 25px 15px;
    font-size: 14px;
}

div.dsmxIntDistributor h4 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
}

span.submitCountryBtn {
    position: relative;
    top: 25px;
}

p.radioInfo {
    font-size: 14px;
    margin-left: 10px;
}

p.radioInfo span {
    display: block;
    margin-left: 0px;
}

/*homepage*/

.homepage_buckets div.col3 {
    min-height: 333px;
    margin: 25px 0 0 3.5%;
}

.homepage_buckets div.home_news { margin-left: 0; }

.home_news,
.home_community {
    background: #1f1f1f;
    color: #ebebeb;
}

/*products*/

.productPage #mainContent {
    background: #ffffff;
    overflow-x: hidden;
}

.productPage #prodDetailInfo #specManualColumn,
.productPage #prodDetailInfo #overview {
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid #ebebeb;
    display: inline-block;
}

#leadImage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 372px;
    border-bottom: 40px solid #1f1f1f;
    background: url(/Content/Images/Products/leadImgBg.jpg) center top;
    background-size: cover;
}

#leadImage div.prod_addContent {
    position: relative;
    z-index: 1;
}

#leadImage div.noGlam:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -129px;
    height: 372px;
    width: 834px;
    z-index: 0;
    background: url(/Content/Images/Products/leadImgBg_fade.png);
}

#leadImage h1 {
    font-size: 2.9166em;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    text-transform: none;
    line-height: 1.15em;
}

#leadImage div.bg,
#leadImage div.bginner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

#leadImage.noBg div.bg,
#leadImage.galBg div.bg {
    opacity: 1;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#simProd {
    position: relative;
    z-index: 5;
    background: #f9f9f9;
    border: 1px solid #adadad;
}

#simProd li { list-style: none; }

div.breadcrumbCont {
    position: absolute;
    width: 100%;
    height: 33px;
    display: table;
    z-index: 10;
}

div.breadcrumbCont div.l,
div.breadcrumbCont div.m,
div.breadcrumbCont div.r {
    display: table-cell;
    height: auto;
}

div.breadcrumbCont div.l:before,
div.breadcrumbCont div.r:before {
    content: '';
    display: block;
    width: 100%;
}

div.breadcrumbCont div.m { width: 920px; }

div.breadcrumbCont div.l,
div.breadcrumbCont div.breadcrumb {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-width: 0 0 1px 0;
    padding-top: 1px;
}

div.breadcrumbCont div.breadcrumb {
    display: inline-block;
    border-width: 0 1px 1px 0;
    padding: 7px 20px 7px 0;
    margin-left: -1px;
}

div.breadcrumbCont div.breadcrumb a,
div.breadcrumbCont div.breadcrumb span {
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    color: #1f1f1f;
    text-decoration: none;
    padding: 0 3px;
    text-transform: none;
}

div.breadcrumbCont div.breadcrumb span.current { color: #e76816; }

div.prodBox {
    position: relative;
    float: left;
    width: 47%;
    padding: 40px 0 0;
}

div.priceBox {
    border: 1px solid #ebebeb;
    border-width: 1px 0;
    line-height: 30px;
    font-weight: bold;
    margin: 4px 20px 10px 0;
}

div.priceBox span.prodId {
    padding: 0 20px 0 4px;
    float: left;
}

div.priceBox .sellingPrice {
    margin: 0;
    padding: 0;
    font-size: 1.33em;
    color: #e76816;
}

div.prod_mainImg {
    position: relative;
    overflow: hidden;
    float: left;
    height: 372px;
    width: 455px;
    margin-right: 30px;
}

.noGlam div.prod_mainImg img {
    position: relative;
    top: -25px;
}

#buyBox { display: none; }

#buyBox img {
    display: block;
    float: left;
    width: 200px;
    height: auto;
    margin: 0 10px 0 0;
}

#buyBox h2 {
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    text-transform: none;
    color: #1f1f1f;
    font-size: 1.55em;
    line-height: 1.25em;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 0;
}

#buyBox span.prodId {
    display: block;
    margin: 7px 0;
}

#buyBox a.btn {
    font-size: 1.125em;
    margin: 10px 15px 5px 0;
    padding-top: 6px;
    padding-bottom: 5px;
}

#buyBox p.sellingPrice,
#buyBox p.retailPrice {
    display: inline-block;
    margin: 0 10px 0 0;
}

#buyBox p.sellingPrice {
    font-size: 1.55em;
    font-weight: bold;
}

#prodContent {
    position: relative;
    z-index: 30;
    margin-top: 412px;
    float: left;
    width: 100%;
}

div.prodNav {
    position: absolute;
    z-index: 5;
    top: -40px;
    height: 40px;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    font-size: 1.15em;
}

div.prodNav ul,
div.prodNav li {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
}

div.prodNav li {
    display: inline-block;
    line-height: 40px;
}

div.prodNav a {
    display: block;
    height: 39px;
    width: auto;
    margin-top: -5px;
    padding: 5px 21px 0;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid transparent;
    border-width: 1px 1px 0;
}

div.prodNav li:hover a,
div.prodNav li.activeTab a {
    color: #1f1f1f;
    background-color: #ffffff;
    border-color: #adadad #adadad transparent #adadad;
}

li#prodNav_btn_buy a.btn {
    position: relative;
    top: -1px;
    display: inline-block;
    font-size: 1em;
    margin-top: 0;
    padding-top: 0;
    color: #ffffff;
}

li#prodNav_btn_buy a.btn:hover {
    background: #dc5600;
    background-image: linear-gradient(bottom, #f47d30, #dc5600);
    background-image: -o-linear-gradient(center bottom, #f47d30 0%, #dc5600 100%);
    background-image: -moz-linear-gradient(center bottom, #f47d30 0%, #dc5600 100%);
    background-image: -webkit-linear-gradient(bottom, #f47d30, #dc5600);
    background-image: -ms-linear-gradient(bottom, #f47d30, #dc5600);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f47d30), color-stop(1, #dc5600));
}

#specManualColumn dl,
#specManualColumn dt,
#specManualColumn dd {
    background: transparent;
    margin: 0;
    padding: 0;
}

#specManualColumn dt {
    clear: left;
    float: left;
    margin-bottom: 3px;
    width: 40%;
    margin-right: 4%;
}

#specManualColumn dd {
    float: left;
    margin-bottom: 3px;
    width: 55%;
}

.prod_item_setups ~ .prod_item_articles { clear: left; }

/*dynamic Gallery*/

div.largeGalImg {
    width: 450px;
    float: left;
    margin: 0;
    padding: 0;
}

div.largeGalImg img {
    width: 450px;
    height: 450px;
}

div.vertCarouselCont { position: relative; }

div#prodContent div.vertCarThumbs {
    position: relative;
    width: 250px;
    height: 450px;
    float: left;
}

ul.vertCarouselList,
ul.vertCarouselList li {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

#prodContent div.vertCarouselCont {
    position: relative;
    height: 418px;
    z-index: 5;
}

#prodContent ul.vertCarouselList {
    position: relative;
    left: 10px;
}

#prodContent ul.vertCarouselList li {
    padding: 2px;
    margin: 2px;
    height: 75px;
    width: 75px;
    float: left;
    opacity: 0.7;
}

#prodContent ul.vertCarouselList li:hover,
#prodContent ul.vertCarouselList li.active {
    background: #f66107;
    opacity: 1;
}

#prodContent ul.vertCarouselList img {
    width: 75px;
    height: 75px;
}

a.galScrollDown,
a.galScrollUp {
    position: relative;
    z-index: 100;
    display: block;
    width: 100%;
    height: 16px;
    clear: both;
    background-image: url(/Content/Images/arrows.png);
}

a.galScrollDown {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

a.galScrollDown:hover,
a.galScrollup:hover { opacity: .8; }

a.galScrollDown.disabled,
a.galScrollDown.disabled:hover { background-position: 0px -20px; }

a.galScrollUp { background-position: 0px -60px; }

a.galScrollUp.disabled,
a.galScrollUp.disabled:hover { background-position: 0px -40px; }

div.dynamicGalleryCaption { display: none; }

/*related parts*/

.relatedPartsList,
.relatedPartsList li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.relPartsPage h1.textHdr span { text-indent: 18px; }

.relPartsContent { padding-top: 106px; }

table.relPartsList {
    margin-top: 30px;
    font-family: Arial, Helvetica, sans-serif;
}

table.relPartsList td {
    border-top: 1px solid #adadad;
    padding: 25px 10px 20px;
}

div.relatedSummary {
    border-bottom: 1px solid #adadad;
    margin-bottom: 33px;
    padding-bottom: 30px;
}

/*store locator*/

.locatorResultInfo {
    float: left;
    margin-left: 35px;
    padding-bottom: 10px;
    padding-top: 15px;
    width: 410px;
}

.locatorSearch {
    float: left;
    width: 227px;
    padding-top: 15px;
}

.locatorSearch option { color: #000000; }

div#intPanel,
div.storeLocator {
    width: 227px;
    border-top: 0px;
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px;
    background: #1f1f1f;
    color: #ffffff;
}

div#intPanel { padding-top: 10px; }

div#intPanel select {
    width: 180px;
    height: 137px;
    color: #000000;
}

div#intPanel option { color: #000000; }

div#intPanel input.btn {
    margin: 10px 0 1px 10px;
    padding: 5px 10px;
}

.storeLocator label {
    position: relative;
    top: 0px;
    left: 0px;
    display: block;
    margin: 0px;
    padding: 10px 0px 13px 15px;
}

.storeLocator input,
.storeLocator select {
    position: absolute;
    left: 82px;
    top: 7px;
    font-size: 1em;
}

.storeLocator label#online span {
    position: absolute;
    right: 20px;
    top: 10px;
}

.storeLocator label#online {
    margin: 18px 0px 3px -2px;
    background: transparent;
}

.storeLocator label span {
    position: absolute;
    right: 77px;
    text-align: right;
    font-weight: bold;
    color: #ffffff;
}

.storeLocator span#storeLocatorMiles {
    position: absolute;
    right: 70px;
}

.storeLocator input.zipCodeInput { width: 57px; }

.storeLocator input.milesInput { width: 29px; }

.storeLocator input.cityInput { width: 120px; }

.storeLocator div#buttons { margin: 15px 0px 8px; }

.storeLocator div#buttons input,
.storeLocator div#buttons #reset {
    position: relative;
    left: 82px;
    top: 5px;
    margin-right: 11px;
    padding: 5px 10px;
}

.storeLocatorPage .inner { padding: 5px 20px 20px; }

.hcpDef { font-size: 10px; }

.hcpDef img {
    float: left;
    margin: 8px 10px 10px 0;
    width: 40px;
}

#citycomment {
    color: #ffffff;
    font-size: 10px;
    margin: 0px 0px -5px 70px;
    position: relative;
    z-index: 2;
}

#orText {
    margin: 15px 0px 0px 72px;
    font-weight: bold;
    color: #ffffff;
}

/*tabs*/

.TabOn {
    padding: 2px 5px 0px;
    background-color: #1f1f1f;
    color: #ffffff;
    font-weight: bold;
}

.TabOff {
    padding: 2px 5px 0px;
    background-color: #adadad;
    font-weight: bold;
}

.TabOff a.TabLink { color: #ffffff; }

.NoBorder { border: 0; }

.Invalid {
    border-color: red red red red;
    border-style: solid;
    border-width: 1px;
}

.storeDirection {
    margin: 0px 0px 4px 0px;
    padding: 12px 0px 2px 11px;
    color: #ffffff;
    font-weight: bold;
}

/* Results layout */

#NorthAmericanSearchResultsPanel,
#InternationalSearchResultsPanel { color: #ffffff; }

div.StoreLocatorRow {
    margin: 0px;
    padding: 12px 0px 10px 0px;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px solid #515153;
}

div.locatorResultInfo div.listHeader {
    padding-left: 0px;
    padding-right: 0px;
}

.primaryColumn div.StoreLocatorRow a {
    color: #1f1f1f;
    text-decoration: underline;
}

.primaryColumn div.StoreLocatorRow a:hover {
    color: #1f1f1f;
    text-decoration: none;
}

.dealerLinks {
    width: 85px;
    float: left;
    text-indent: 0px;
}

.dealerInfo {
    width: 235px;
    float: left;
    text-indent: 0px;
}

#intResults .dealerInfo { width: 100%; }

.dealerDistance {
    width: 75px;
    float: left;
    text-indent: 5px;
}

.dealerDistance img {
    display: block;
    margin: 3px 5px 0;
}

.locatorResultInfo .listHeader { margin-bottom: 0px; }

td.dealerType { text-align: right; }

.dealerAddress,
.dealerCitySt,
.dealerPhone,
.dealerEmail { display: block; }

.touch .dealerPhone a.phone { font-size: 1.125em; }

.no-touch #mainContent .dealerPhone a.phone {
    text-decoration: none;
    color: #1f1f1f;
    pointer-events: none;
}

/* Store Brands */

.CSSshowhide {
    background: #e4e4e4;
    border: 1px solid #999999;
    color: #1f1f1f;
    padding: 2px;
    width: 80%;
    margin-top: 5px;
}

.CSSshowhide a { margin-left: 13px; }

.CSSshowhide a:hover {
    background: none;
    text-decoration: none;
    color: #1f1f1f;
}

.CSSshowhide a:link div,
.CSSshowhide a:visited div { background: none; }

.CSSshowhide a:hover div,
.CSSshowhide a:active div {
    display: block;
    z-index: 2;
    overflow: auto;
    padding: 3px;
    margin-top: 5px;
    margin-left: 11px;
    color: #333333;
    text-decoration: none;
}

.CSSshowhide div {
    display: none;
    text-decoration: none;
}

div.CSSshowhide:hover div,
div.CSSshowhide:focus div {
    display: block;
    z-index: 2;
    overflow: auto;
    padding: 3px;
    margin-top: 5px;
    margin-left: 11px;
}

/* hh store */

.hhStore { padding-bottom: 5px; }

.hhStore p.tag {
    margin: 0 0 15px 7px;
    font-weight: bold;
    color: #000000;
    display: none;
}

.hhStore div.buyShopNow {
    margin: -17px 25px 20px 0;
    float: right;
    display: none;
}

.hhStore img.hhStore_logo {
    display: block;
    margin: 0 0 0 40px;
}

/*support*/

/*faq*/

h2.faqGroup_hdr {
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    font-size: 1.75em;
    padding: 0;
    margin: 30px 0 20px;
}

div.faqItem {
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    margin: 0 0 0 5px;
    padding: 25px 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 1.125em;
    text-transform: none;
}

span.qaPre {
    color: #e76816;
    font-weight: bold;
}

/*events*/

h2.eventGroup_hdr {
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    margin-top: 45px;
}

div.eventItem {
    position: relative;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    margin: 0 0 0 5px;
    padding: 25px 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 1.125em;
    text-transform: none;
    padding-right: 10px;
    padding-left: 10px;
}

div.eventItem.linkItem:hover { background: #ebebeb; }

div.eventItem h3,
div.eventItem p.eventItem_loc {
    padding-right: 250px;
    padding: 0;
    margin: 0 0 5px;
}

div.eventItem p.eventItem_date,
div.eventItem p.eventItem_link {
    position: absolute;
    right: 10px;
    top: 50px;
    width: 230px;
    text-align: right;
    color: #1f1f1f;
    text-decoration: underline;
    margin: 0;
    padding: 0;
}

div.eventItem p.eventItem_date {
    top: 20px;
    font-size: 1.5em;
    color: #adadad;
    text-decoration: none;
}

div.eventItem a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

/*glossary*/

ul#glossary { margin-top: 55px; }

ul#glossary li {
    margin: 5px 45px 12px 10px;
    padding: 0;
}

ul#glossary span {
    font-size: 1.125em;
    font-weight: bold;
}

/*manuals*/

#manualsTable { margin-top: 20px; }

#manualsTable th { text-align: left; }

/*setups*/

.setupsPage .radioGrid { margin-top: 30px; }

.setupsPage .radio_item { height: 292px; }

/* ----------------- Plugins --------------------- */

/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-tmp iframe,
.fancybox-tmp object {
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    padding: 0;
    margin: 0;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    border: 3px solid #b4b4b4;
}

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
    padding: 0;
    margin: 0;
    position: relative;
    outline: 0;
}

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span { background-image: url('/Content/Images/fancybox/fancybox_sprite.png'); }

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8020;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('/Content/Images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 8040;
    background-position: -5px -8px;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    background: transparent url('/Content/Images/fancybox/blank.gif');
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 20px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 20px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    padding: 0;
    overflow: visible;
    visibility: hidden;
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: #000000;
}

#fancybox-overlay.overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8030;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #ffffff;
}

.fancybox-title-inside-wrap { margin-top: 10px; }

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}

#fancybox-buttons {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 8050;
}

#fancybox-buttons .top { top: 10px; }

#fancybox-buttons .bottom { bottom: 10px; }

#fancybox-buttons ul {
    display: block;
    width: 170px;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    background: #111;
    -webkit-box-shadow: 0 1px 3px #000000, 0 0 0 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    -moz-box-shadow: 0 1px 3px #000000, 0 0 0 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    background: #111111 -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.2)), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.5, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.15)));
    background: #111111 -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.15) 100%);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#fancybox-buttons ul li {
    float: left;
    margin: 0;
    padding: 0;
}

#fancybox-buttons a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-image: url('/Content/Images/fancybox/fancybox_buttons.png');
    background-repeat: no-repeat;
    outline: 0;
}

#fancybox-buttons a .btnPrev {
    width: 32px;
    background-position: 6px 0;
}

#fancybox-buttons a .btnNext {
    background-position: -33px 0;
    border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a .btnPlay { background-position: 0 -30px; }

#fancybox-buttons a .btnPlayOn { background-position: -30px -30px; }

#fancybox-buttons a .btnToggle {
    background-position: 3px -60px;
    border-left: 1px solid #111;
    border-right: 1px solid #3e3e3e;
    width: 35px;
}

#fancybox-buttons a .btnToggleOn { background-position: -27px -60px; }

#fancybox-buttons a .btnClose {
    border-left: 1px solid #111;
    width: 38px;
    background-position: -57px 0;
}

#fancybox-buttons a .btnDisabled {
    opacity: .5;
    cursor: default;
}

#fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050;
}

#fancybox-thumbs .bottom { bottom: 2px; }

#fancybox-thumbs .top { top: 2px; }

#fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: 0.5;
}

#fancybox-thumbs ul li:hover { opacity: 1; }

#fancybox-thumbs ul .active {
    opacity: .75;
    padding: 0;
    border: 1px solid #ffffff;
}

#fancybox-thumbs ul a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: 0;
}

#fancybox-thumbs ul img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
}

/* ---------------- Media Queries ---------------------- */

@media (min-width: 920px) {
    html,
    body { overflow-x: hidden; }
}

#footer {
    height: 115px;
    margin-top: -130px;
    background: #1f1f1f;
    padding: 15px 0 0;
    color: #adadad;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
}
#footer .copyright {
  margin-top: 5px;
    text-align: center;
}
#footer .copyright,
#footer a {
    color: #ffffff;
    text-decoration: none;
}

.footerLinks {
    width: 680px;
    float: left;
    padding-left: 10px;
    line-height: 1.5em;
    font-size: 0.925em;
}

#footerHome {
    background: url(/Content/Images/Footer/spmIcon.png) no-repeat 0px 0;
    width: 21px;
    height: 17px;
    float: left;
}

#footerHome:hover { background-position: 0px -17px; }

#footer a {
    display: inline-block;
    padding: 0 5px;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
}

#footer a:hover { color: #f47d30; }

#footer a#Footer1_footLink_home { padding-left: 0; }

#footer #adminLink {
    float: right;
    clear: right;
    margin-top: 25px;
    margin-right: 10px;
}

#socialFooterLinks {
    float: right;
    margin-right: 5px;
}

#socialFooterLinks a {
    height: 18px;
    width: 18px;
    background-position: top;
}

#socialFooterLinks a:hover { background-position: 0 -18px !important; }

#socialFooterLinks #facebookIcon { background: url('/content/images/footer/facebookIcon.png') top left no-repeat; }

#socialFooterLinks #twitterIcon { background: url('/content/images/footer/twitterIcon.png') top left no-repeat; }

#socialFooterLinks #youtubeIcon { background: url('/content/images/footer/youtubeIcon.png') top left no-repeat; }

#ressourceadminfooter {
    border: 3px solid #f47d30;
    background: #1f1f1f;
    padding: 5px 10px;
    margin-top: 15px;
    color: #adadad;
    float: left;
    clear: left;
    width: auto;
}

.instPage p.clearFloat { margin-bottom: 30px; }

.instPage .linkList { padding-left: 15px; }

.instPage .linkList li { padding: 2px 0; }

#loginFieldset #cphMainContent_loginViewPreHeader_logHeaderLogin_valSummaryLogin {
    color: red;
    background: #eee;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    position: absolute;
    margin-top: -65px;
    padding: 0px 10px;
}

#loginFieldset #cphMainContent_loginViewPreHeader_logHeaderLogin_valSummaryLogin ul {
    list-style-position: inside;
    padding-left: 5px;
}

/*Added from Spektrum.css file*/

.t-bg-color {
    transition: background 0.3s, color 0.3s;
    -moz-transition: background 0.3s, color 0.3s;
    -webkit-transition: background 0.3s, color 0.3s;
    -o-transition: background 0.3s, color 0.3s;
}

.textSubHdr {
    font-size: 20px;
    text-transform: uppercase;
    color: #2e3031;
    line-height: 1.15em;
}

.textSubHdrSmall {
    font-size: 15px;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    color: #2e3031;
}

/*Homepage*/

body.homepage #footer { margin-top: 0px; }

body.homepage #mainContent { padding-bottom: 0; }

body.homepage #cphMainContent_loginViewPreHeader_logHeaderLogin_LoginButton { padding: 3px 10px; }

.pipe { margin: 0px 10px; }

#logintagline {
    padding: 0px 0 15px;
    margin: 0;
    color: #adadad;
}

.da-slide .white { color: white; }

.homepage-pack {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    bottom: 0;
    padding: 25px 0 15px 0;
    position: absolute;
    z-index: 2;
    border-top: 1px solid #dedfe0;
}

.pack {
    margin-right: 25px;
    float: left;
    width: 290px;
}

.pack h4 {
    width: 260px;
    padding: 9px 15px 10px;
    color: white;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    background: #1f1f1f;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    float: left;
}

.pack .section {
    background: #1f1f1f;
    padding: 10px 0;
    float: left;
    min-height: 360px;
    max-height: 360px;
}

.pack a { text-decoration: none; }

.pack .news-section a {
    width: 260px;
    padding: 10px 15px;
    float: left;
    clear: left;
    transition: background 0.3s, color 0.4s;
    -moz-transition: background 0.3s, color 0.4s;
    -webkit-transition: background 0.3s, color 0.4s;
    -o-transition: background 0.3s, color 0.4s;
}

.pack .news-section a:hover { background: #373737; }

.pack .news-section a img { float: left; }

.pack .news-section a span {
    float: right;
    width: 180px;
    font-size: 12px;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
}

.pack .news-section a span.news-head { color: #fff; }

.pack .news-section a span.news-sub {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #adadad;
    word-wrap: break-word;
}

.pack .merch-section {
    margin-bottom: 19px;
    float: left;
    clear: left;
}

.pack .merch-section img {
    width: 290px;
    height: 72px;
    background: #efefef;
    display: block;
}

.pack .merch-section span {
    width: 260px;
    padding: 9px 15px 10px;
    color: white;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    background: #1f1f1f;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    float: left;
}

.pack .merch-section:hover,
.pack .merch-section:hover span {
    background: #373737;
    color: white;
}

.pack .spek-section .user {
    width: 260px;
    padding: 5px 15px;
    float: left;
    clear: left;
}

.pack .spek-section .user #loggedInFieldset {
    border: 1px solid #515354;
    height: 220px;
}

.pack .spek-section .user .failureTextDiv {
    background: white;
    padding: 5px;
}

.pack .spek-section .user fieldset legend {
    font-size: 14px;
    font-weight: normal;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    color: white;
    padding: 0px 10px;
}

.pack .spek-section .user fieldset p {
    font-size: 12px;
    margin-bottom: 20px;
    font-weight: normal;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    color: #adadad;
    text-indent: 5px;
}

.pack .spek-section .user #loggedInFieldset a {
    text-decoration: none;
    height: 25px;
    line-height: 25px;
    width: 239px;
    font-size: 12px;
    font-weight: normal;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
    color: #adadad;
    float: left;
    clear: left;
    text-indent: 5px;
    transition: background 0.3s, color 0.3s;
    -moz-transition: background 0.3s, color 0.3s;
    -webkit-transition: background 0.3s, color 0.3s;
    -o-transition: background 0.3s, color 0.3s;
}

.pack .spek-section .user #loggedInFieldset a:hover {
    background: #373737;
    color: white;
}

.pack .spek-section .user #loggedInFieldset input.btn {
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    padding: 3px 8px;
}

.pack .spek-section .user fieldset > span {
    width: 4px;
    height: 4px;
    background: #adadad;
    float: left;
    margin: 0px 5px 0 10px;
    position: relative;
    top: 10px;
}

.pack .spek-section .user fieldset a:hover span { background: white; }

.pack .spek-section .user #languageFieldset { margin-top: 20px; }

.pack .spek-section .user #languageFieldset #pleaseLanguage {
    margin: 5px 0 10px;
    padding: 0;
}

.pack .spek-section .user #languageFieldset a {
    background: url("/Content/Images/Header/flags.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    width: 40px;
    display: inline-block;
    overflow: hidden;
    text-indent: -999px;
    white-space: nowrap;
}

.pack .spek-section .user #languageFieldset #cphMainContent_loginViewPreHeader_TPLangEN { background-position: -173px 5px; }

.pack .spek-section .user #languageFieldset #cphMainContent_loginViewPreHeader_TPLangFR { background-position: -30px 5px; }

.pack .spek-section .user #languageFieldset #cphMainContent_loginViewPreHeader_TPLangDE { background-position: 4px 5px; }

.pack .spek-section .user #languageFieldset #cphMainContent_loginViewPreHeader_TPLangIT { background-position: -66px 5px; }

.pack .spek-section .user #languageFieldset #cphMainContent_loginViewPreHeader_TPLangES { background-position: -102px 5px; }

.pack .spek-section .user .languageSelect3Pack { float: left; }

.pack .spek-section .user #loginFail {
    color: #DC5600;
    line-height: 1.5em;
}

.pack .spek-section .user #loginFieldset input.btn { padding: 3px 10px; }

.pack .spek-section .user #loginFieldEtc {
    margin: 5px 0;
    color: #666;
    font-size: 14px;
}

.pack .spek-section .user #loginFieldEtc a {
    margin: 0 5px;
    font-size: 11px;
    text-decoration: none;
}

.pack .spek-section .user .login_remember { color: #fff; }

.pack .spek-section .user .log-options {
    margin: 25px 0 0 5px;
    color: #adadad;
    font-size: 11px;
}

.pack .spek-section .user .log-options a {
    text-decoration: none;
    color: #adadad;
    font-size: 11px;
}

.pack .spek-section .user .log-options a:hover { color: white; }

.last { margin: 0; }

/* Search / Search Articles */

.listHeaderSub {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    font-size: .90em;
    font-family: 'TeXGyreHerosRegular', Arial, Helvetica, sans-serif;
}

.searchTerm input[type="text"] {
    background: #f0f0f0;
    border: 1px solid #e8e9ed;
    border-right: none;
    width: 86px;
    color: #1f1f1f;
}

.searchTerm .btn { padding: 3px 8px; }

body.searchProdPage #mainContent {
    background: #ffffff url(/content/images/search/search-products-bg.jpg) top center no-repeat;
    background-size: 100% 243px;
}

body.searchProdPage #mainContent .primaryColumn .search-select-row { margin-bottom: 15px; }

body.searchProdPage #mainContent .primaryColumn .search-select-row label {
    font-size: 11px;
    color: #000;
}

body.searchProdPage #mainContent .primaryColumn .search-select-row select {
    padding: 0 0 0 3px;
    width: 150px;
    font-size: 11px;
    color: black;
    background: #fafafa;
    border: 2px solid #d4d4d4;
    margin-top: 5px;
}

body.searchProdPage #mainContent .primaryColumn .products-row { border-top: 1px solid #ebebeb; }

body.searchProdPage h1.textHdr { background: transparent; }

body.searchProdPage .row { min-width: 0; }

body.searchProdPage .threecol {
    width: 25%;
    margin-right: 0;
}

body.searchProdPage .search-article {
    border-bottom: 1px solid #ebebeb;
    float: left;
    background: white;
    text-decoration: none;
}

body.searchProdPage .search-article img {
    float: left;
    padding: 20px 10px 20px 20px;
}

body.searchProdPage .search-article p {
    float: left;
    width: 529px;
}

body.searchProdPage .search-article .article-title {
    font-size: 15px;
    color: black;
    padding: 0px 0 5px 0;
    color: #1f1f1f;
    float: left;
}

body.searchProdPage .search-article .article-title:hover {
    text-decoration: underline;
    color: #000;
}

body.searchProdPage .search-article .article-publish-date {
    font-size: 11px;
    text-transform: uppercase;
    color: #777777;
    padding: 0px 0 5px 0;
    float: left;
    clear: left;
}

body.searchProdPage .search-article .article-desc {
    color: black;
    font-size: 12px;
    float: left;
    clear: left;
}

body.searchProdPage .search-article:hover { background: #ebebeb; }

body.searchProdPage .search-product {
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    float: left;
    background: white;
}

body.searchProdPage .search-product .item {
    border: 3px solid #fff;
    height: 300px;
    float: left;
    position: relative;
}

body.searchProdPage .search-product .item .product-note {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    background: #FFF;
    width: 150px;
}

body.searchProdPage .search-product .item .product-note span {
    color: #999999;
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 14px;
    float: left;
    clear: left;
}

body.searchProdPage .search-product .item:hover { border: 3px solid #ebebeb; }

body.searchProdPage .search-product .item a {
    float: left;
    color: #1f1f1f;
}

body.searchProdPage .search-product .item a img {
    width: 151px;
    height: 151px;
    padding: 10px;
    -ms-interpolation-mode: bicubic;
}

body.searchProdPage .search-product .item p {
    padding: 5px 5px;
    line-height: 16px;
    margin-left: 3px;
}

body.searchProdPage .search-product .item p a {
    text-decoration: none;
    width: 151px;
}

body.searchProdPage .search-product .item p a:hover { color: #000; }

body.searchProdPage .search-product .item strong,
body.searchProdPage .search-product .item span { line-height: 22px; }

body.searchProdPage .search-product .item span.retail { text-decoration: line-through; }

body.searchProdPage .search-product .item span.sales {
    color: #e56512;
    margin-left: 5px;
    font-weight: bold;
}

body.searchProdPage div.threecol:nth-child(4n + 4) .search-product { border-right: none; }

body.searchProdPage .filterList {
    list-style-type: none;
    margin-bottom: 10px;
    float: left;
    padding: 0;
}

body.searchProdPage .filterList li {
    border-bottom: 1px solid #ebebeb;
    padding: 5px 0;
    float: left;
    clear: left;
    width: 100%;
}

body.searchProdPage .filterList li span {
    font-size: 11px;
    width: 125px;
    float: left;
    clear: left;
}

body.searchProdPage .filterList .close-btn {
    background: url(/content/images/close.png) center center no-repeat;
    width: 14px;
    height: 14px;
    float: right;
    text-indent: -9999px;
}

body.searchProdPage .filterList .close-btn:hover { background: url(/content/images/close-over.png) center center no-repeat; }

body.searchProdPage .radioList { margin-bottom: 25px; }

body.searchProdPage .radioList li {
    border-bottom: none;
    padding: 0;
}

body.searchProdPage .radioList li span {
    float: none;
    margin-left: 5px;
}

body.searchProdPage .linkList { margin-bottom: 25px; }

body.searchProdPage .linkList li { border-bottom: none; }

body.searchProdPage .linkList li span {
    float: none;
    margin-left: 5px;
}

body.searchProdPage .linkList li a {
    color: #1f1f1f;
    text-decoration: none;
}

body.searchProdPage #searchNav {
    text-align: center;
    font-weight: bold;
}

body.searchProdPage #searchNav span.txt-bold {
    color: #e96c1a;
    padding: 0px 5px;
}

body.searchProdPage #searchNav a {
    color: #1f1f1f;
    text-decoration: none;
    padding: 0px 5px;
}

/*Tech Pages*/

body.airwarePage {
    background-image: url(/content/images/Technology/airware-bg.jpg);
    background-position: top;
}

body.astxPage {
    background-image: url(/content/images/Technology/as3x-bg.jpg);
    background-position: top;
    overflow-x: auto;
}

body.bnfPage {
    background-image: url(/content/images/Technology/bnf-bg.jpg);
    background-position: top;
}

body.dsmtPage {
    background-image: url(/content/images/Technology/dsm2-bg.jpg);
    background-position: top;
}

body.dssPage {
    background-image: url(/content/images/Technology/directseqspread-bg.jpg);
    background-position: top;
}

body.dsmrPage {
    background-image: url(/content/images/Technology/dsmr-bg.jpg);
    background-position: top;
}

body.dsmxPage {
    background-image: url(/content/images/Technology/dsmx-bg.jpg);
    background-position: top;
}

body.mmPage {
    background-image: url(/content/images/Technology/modelmatch-bg.jpg);
    background-position: top;
}

body.multilinkPage {
    background-image: url(/content/images/Technology/multilink-bg.jpg);
    background-position: top;
}

body.resolutionPage {
    background-image: url(/content/images/Technology/resolution-bg.jpg);
    background-position: top;
}

body.sdiPage {
    background-image: url(/content/images/Technology/spektrumdatainterface-bg.jpg);
    background-position: top;
}

body.servosyncPage {
    background-image: url(/content/images/Technology/servosync-bg.jpg);
    background-position: top;
}

body.smartsafePage {
    background-image: url(/content/images/Technology/smartsafe-bg.jpg);
    background-position: top;
}

body.latencyPage {
    background-image: url(/content/images/Technology/systemlatency-bg.jpg);
    background-position: top;
}

body.telemetryPage {
    background-image: url(/content/images/Technology/telemetry-bg.jpg);
    background-position: top;
}

body.xplusPage {
    background-image: url(/content/images/Technology/xplus-bg.jpg);
    background-position: top;
}

/*Promo Pages*/

body.freeRxPage {
    background-image: url(/content/images/Promos/spmFreeRx_Bg.jpg);
    background-position: top;
    overflow-x: auto;
}

body.techPage h1.textHdr { background: none; }

body.techPage h1.textHdr sup { line-height: 0px; }

body.techPage .inner .clearFloat { padding: 10px 0; }

body.techPage .inner p {
    font-size: 12px;
    color: #2e3031;
    clear: right;
}

body.techPage .inner .textSubHdrSmall { margin: 0 0 10px; }

body.techPage .inner p.techInfo {
    float: left;
    margin: 0 0 35px;
}

body.techPage hr {
    border: none;
    border-bottom: 1px solid #ebebeb;
}

body.bnfPage ol,
body.astxPage ol {
    color: #f47d31;
    margin: 20px 0;
    padding: 0;
    list-style-position: inside;
}

body.bnfPage ol li,
body.astxPage ol li {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
}

body.astxPage .sevencol .elevencol { border-bottom: solid 1px #cccccc; }

body.astxPage .sevencol .elevencol .sevencol {
    position: relative;
    padding-left: 30px;
    margin-right: 0px;
}

body.astxPage .sevencol .elevencol img { padding-right: 20px; }

body.astxPage .fourcol h3 {
    text-transform: none;
    font-weight: bold;
    font-size: 15px;
}

body.astxPage .inner .textSubHdrSmall { margin: 0px; }

body.astxPage h3 { margin: 0px; }

body.astxPage div.threecol h3 { text-transform: capitalize; }

body.astxPage h5 {
    font-weight: normal;
    margin: 0px;
    text-transform: uppercase;
}

body.astxPage .fourcol ul {
    font-weight: bold;
    padding: 0;
    list-style-position: inside;
    list-style-type: square;
}

body.astxPage .fourcol ul li { font-size: 12px; }

body.astxPage .fourcol { position: relative; }

body.astxPage .fourcol .elevencol {
    position: relative;
    float: none;
    margin: 0px auto;
}

body.astxPage .fourcol .elevencol img {
    position: relative;
    width: 197px;
    margin: 0px auto;
}

a.quickStart img { margin: 5px; }

body.multilinkPage .inner img { margin-left: 110px; }

/*Error Page*/

body.error #mainContent {
    background: #ffffff url(/content/images/error/error-bg.jpg) center -223px no-repeat;
    padding: 25px 0 55px;
}

body.error #mainContent .inner {
    padding: 10px 20px;
    background: url("/Content/Images/catLanding/radiosPopinBg.jpg") repeat scroll 0 0 #ebebeb;
    margin: 30px 20px 0;
    border: 1px solid #ababab;
    float: right;
    clear: right;
    width: 300px;
}

body.error #mainContent .inner h2 {
    padding: 0 !important;
    margin: 10px 0;
    color: #DC5600;
    font-weight: bold;
}

/*Media query for pages larger than 1178px.  Mostly used for backgrounds*/

@media (min-width: 1178px) {
    html,
    body { background-size: cover; }
}

@media (max-width: 1177px) {
    html,
    body { background-size: auto; }

    .dai { background-size: auto !important; }
}

body.manageAdminPages {
    overflow-x: auto;
    height: auto;
}

body.manageAdminPages #mainWrap { overflow: visible; }

body.manageAdminPages #footer { margin-top: 0; }

#cphMainContent_valSummaryRegistration { color: red; }

/* *************** ytVidFeed plugin css ************ */

#vidPages a {
    display: block;
    float: left;
    width: 19%;
    height: 180px;
    font-size: .925em;
    font-weight: bold;
    margin: 0 5px 0 0;
}

#vidPages a span.vidViews {
    display: block;
    font-weight: normal;
    color: #cccccc;
}

#vidPages a img {
    display: block;
    margin-bottom: 12px;
}

.page {
    position: relative;
    display: block;
    width: 100%;
    max-width: 600px;
    white-space: normal;
    margin: 0;
    padding: 0;
}

.page .pageInner {
    display: block;
    width: 100%;
    max-width: 600px;
    margin-left: 14px;
    padding: 5px 0;
}

#dlVideos {
    position: relative;
    width: 100%;
    max-width: 600px;
    overflow: hidden;
}

#vidPagesOuter {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 600px;
    height: 370px;
    margin-top: 15px;
}

#vidPages {
    position: absolute;
    z-index: 1;
    top: 0px;
}

#vidPaging {
    position: relative;
    z-index: 2;
}

#vidSorting {
    float: right;
    width: 200px;
    margin-right: 16px;
    position: relative;
    z-index: 3;
}

#vidPaging a {
    display: inline-block;
    margin: 0 2px;
    padding: 2px 3px;
}

#vidPaging a.active { background-color: #dddddd; }

#ytplayerDataOuter {
    float: right;
    margin: 16px 16px 0 0;
    background: url(/Content/Images/vidDescBg.png);
    padding: 3px;
}

#ytplayerData {
    height: 380px;
    width: 270px;
    overflow: auto;
    white-space: pre-line;
}

#vidPlayer {
    background-color: #cbcaca;
    text-align: center;
    padding: 12px 0px;
}

span.vidDesc,
span.vidTags { display: none; }

div#ytplayerData a.phl_link {
    display: block;
    width: 45%;
    margin: 0 auto;
    padding: 5px 15px;
    text-align: center;
    background: #ffffff;
    box-shadow: 0 0 3px #999999 inset;
    border: 1px solid #666666;
}

div#mainContent.videoPage { margin-bottom: 10px; }
/* *************** end ytVidFeed ************ */