.sticky { position: fixed; z-index: 1000; clear: both; background: #ffffff; white-space: nowrap; width: 960px; top: 0;}
.hidden { display: none; }
.clickable-content { cursor: pointer;}
.omnijoin-sec-nav { z-index: 100; clear: both;  background: #ffffff; white-space: nowrap; padding-bottom: 5px; border-bottom: 1px solid #eaa200;}
.omnijoin-sec-nav .bottom-gradient { clear: both; height: 5px; background: url(../../images/brother-main/sticky-bottom-bg.png) left top no-repeat; }
.omnijoin-sec-nav img.logo { float: left; margin-top: 8px; margin-left: 10px; }
.omnijoin-sec-nav ul { float: right; list-style: none; padding-bottom: 10px; padding-right: 0px; padding-top: 10px; }
.omnijoin-sec-nav ul li { display: block; float: left; padding-top: 20px; padding-bottom: 19px; position: relative; height: 21px; margin-top: -11px; margin-bottom: -11px; }
.omnijoin-sec-nav ul li:hover { border-bottom:5px solid #EBA200; margin-bottom:-20px; }
.sc-edit .omnijoin-sec-nav ul li { height: auto; background-position: left 13px; }
.omnijoin-sec-nav ul li:first-child { background: none; }
.omnijoin-sec-nav ul li a { text-decoration: none; color: #4c4c4c; font-weight: bold; font-size: 12px; padding: 0px 18px; line-height: 21px; display: block; }
.omnijoin-sec-nav ul li.active a { margin: -1px; border: 1px solid #ececec; background: #ffffff; }
.omnijoin-sec-nav ul li ul { display: none; position: absolute; top: 30px; left: 5px; z-index: 100; min-width: 100%; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sc-edit .omnijoin-sec-nav ul li ul { display: block; position: static; }
.omnijoin-sec-nav ul li.active ul { display: block; border: 1px solid #ececec; border-top: 1px solid #ffffff; background: #ffffff; padding: 5px; }
.omnijoin-sec-nav ul li.active ul li { float: none; padding: 0px; line-height: 25px; height: 25px; background: none; }
.sc-edit .omnijoin-sec-nav ul li ul li { float: none; padding: 0px; background: none; margin-top: 3px; }
.omnijoin-sec-nav ul li.active ul li a { display: block; padding: 0px 5px; line-height: 25px; height: 25px; border: none; }
.omnijoin-sec-nav ul li.active ul li a:hover { background: #ebebeb; }

.sec-nav-orange { background: #EB7200; margin-top: -19px !important; padding: 21px 10px !important; font-weight: bold !important; font-size: 12px !important; color: #FFFFFF !important;}
.sec-nav-grey { background: #E5E5E5; margin-top: -19px !important; padding: 21px !important; font-weight: bold !important; font-size: 12px !important; color: #4c4c4c !important;}

#herocontent { top:20%; position: absolute; text-align: center; width:100%;}
#herocontent h1 { font-size: 40px; color: #ffffff; font-weight: lighter; margin: 10px 50px; }
#herocontent h2 { font-size: 35px; color: #ffffff; font-weight: Bold;}
#herocontent h3 { font-size: 20px; color: #ffffff; font-weight: lighter;}
#herocontent h4 { font-size: 12px; color: #ffffff; font-weight: bold; margin: auto; width: 560px;}
#herolink  { text-align: center; position:absolute; bottom: 15%;}
#heroimage { }
.herobox { height: 486px;}
.steps-image  { padding-bottom: 10px; }

.hero-labels {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.hero-label .text {
    font-size: 12px; color: #ffffff; font-weight: bold;
}

#secondary-hero-content { top:20%; position: absolute; text-align: center; }
#secondary-hero-content h1 { font-size: 26px; color: #ffffff; font-weight: bold; }
#secondary-hero-content h4 { font-size: 16px; color: #ffffff; font-weight: lighter; margin: 10px 50px;}
#secondary-hero-link { text-align: center; position:absolute; bottom: 20%; }


.steps-title { padding-bottom: 10px; font-size: 14px; font-weight: bold; color: #4d4d4d;}
.steps-description { padding-bottom: 10px; margin:auto; width: 200px; }
.steps-link1 { padding-bottom: 10px; clear:both; margin-top: 30px; text-align: center;}
.steps-link2 { padding-bottom: 10px; clear:both; margin-top: 30px; text-align: center;}


.steps-content { background: #E5E5E5; padding-bottom: 30px; }
.steps-inner { float: left; padding-bottom: 30px; }
.steps-content h2 { font-size: 25px; font-weight: lighter; text-align: center; padding-top: 55px; padding-bottom:30px; }
.steps {text-align: center;}

.benefit-bar { background: #ffffff; }
.benefit-bar h2 { font-size: 25px; font-weight: lighter; text-align: center; padding-top: 55px; padding-bottom:30px; }
.benefit-tiles { text-align: center;}
.benefit-tile { margin-bottom: 20px;}
.benefit-tile h4 { font-size: 12px; color: #4d4d4d; font-weight: bold; margin-top: 20px; margin-bottom: 20px;}
.benefit-link { padding-bottom: 10px; clear:both; margin-top: 30px; text-align: center; font-weight:bold;}
.benefit-link a { text-decoration: none; font-size: 12px; color: #4d4d4d; text-transform:uppercase;}
.benefit-link a:after { content: url("/images/brother-main/orange-arrow-link.png"); padding-left:10px;}


.OJ-Main-SP { width: 920px; background: #ffffff; margin-top: 10px;}

.conversion-bar-content {  background: #004b8f;  padding-top: 20px; padding-bottom: 20px; }
#conversion-bar-image  { text-align:center;}
#conversion-bar-text  { color: #ffffff; text-align: center; font-size: 16px;  margin-top: 9px;}
#conversion-bar-link { text-align:center; }

.client-logos-content { background: #4d4d4d;}
.client-logos-content h4 { font-size: 16px; font-weight: bold; text-align: center; padding-top: 20px; padding-bottom:20px; color: #ffffff; }
.client-logos { margin-top: 20px; }
.client-logo { margin-bottom: 20px;}
.client-logos-image { text-align:center;}

.feature-bar-content { background: #4d4d4d; text-align: center;  } 
.feature-bar-content h3 { color: #ffffff; font-size: 25px; font-weight: lighter; text-align: center; padding-top: 30px; padding-bottom:30px; }
.feature-bar-content a { color: #ffffff; text-decoration: none;}
.feature-bar-content a:after { content: url("/images/brother-main/white-arrow-link.png"); padding-left:10px;}
.feature-bar {background: #4d4d4d; }
.feature-tile  { float: left; margin-bottom: 20px;}
.feature-tile img { padding-bottom: 10px;}
.feature-tiles { position: relative; text-align: center; margin-top: 20px; margin-left: 10px; margin-right: 10px;}
.feature-tile-text { color: #ffffff; margin-bottom: 10px;}

.feature-carousel-tile-container { background: #4d4d4d; text-align: center;  } 
.feature-carousel-tile-container h3 { color: #ffffff; font-size: 25px; font-weight: lighter; text-align: center; padding-top: 30px; padding-bottom:30px; }
.feature-carousel-tile-container a { color: #ffffff; text-decoration: none;}
.feature-carousel-tile-container a:after { content: url("/images/brother-main/white-arrow-link.png"); padding-left:10px;}
.feature-carousel-tile-container {background: #4d4d4d; }
.feature-carousel-tile  { color: #ffffff; float: left; margin-bottom: 20px;}
.feature-carousel-tile img { padding-bottom: 10px;}
.feature-carousel-tile:hover, .feature-carousel-tile-selected { color: #5dd7f8; text-decoration: underline; cursor: pointer; }
.feature-carousel-tile.showing { color: #5dd7f8; }
.feature-carousel-tile.showing:after { content: ' '; height: 0; position: absolute; width: 0; border: 14px solid transparent; border-top-color: #4d4d4d; top: 125%; left: 46%; margin-left: -10px; z-index:1; }
.feature-carousel-tiles { position: relative; text-align: center; margin-top: 20px; margin-left: 10px; margin-right: 10px;}
.feature-carousel-tile-text { margin-bottom: 10px;}

.feature-carousel-module { background: none repeat scroll 0 0 #ffffff; position: relative; top: -22px; }
.feature-carousel-copy { left:68px; position:relative; top: 66px; }
.feature-carousel-module-title { font-weight: bold; font-size:14px; padding-bottom: 10px; }
.feature-carousel-module-subtitle { font-weight: bold; font-size:12px; padding-bottom: 10px; }
.feature-carousel-module-description { font-size: 12px; padding-bottom: 10px; width:415px; }
.feature-carousel-module-link { text-transform:uppercase;  font-size:12px; text-decoration: none; color:#4d4d4d; }
.feature-carousel-module-link a { text-transform:uppercase;  font-size:12px; text-decoration: none; color:#4d4d4d; }
.feature-carousel-module-link a:after { content: url("/images/brother-main/orange-arrow-link.png"); padding-left:10px; }

.feature-carousel-controls { position: relative; top: 150px; z-index: 1; }
.feature-carousel-control-left { cursor: pointer; float: left;  padding-left: 50px; }
.feature-carousel-control-right { cursor: pointer; float: right; padding-right: 50px; top: 11%; }
.feature-carousel-control-close { cursor: pointer; float: right; left: 37px; padding-left: 10px; position: relative; top: -119px; }

.contact-bar-content { background: #ffffff; text-align: center; padding-bottom: 55px;}
.contact-bar-content h3 { font-size: 25px; font-weight: lighter; text-align: center; padding-top: 55px; padding-bottom:30px; display: inline-block; }
.contact-bar-content a { text-decoration: none; color: #4d4d4d;}
.contact-bar-text a:after { content: url("/images/brother-main/orange-arrow-link.png"); padding-left:10px;}


.case-study-content  { background: #ffffff; display: block; padding-top: 30px; padding-bottom: 30px;}
.case-study-video { margin-left:20px;  }
#case-study-image { padding-bottom: 10px; }
.case-study-description {  margin-left:-100px; }

.header-bar-content { background: #ffffff; }
.header-bar-logo { float: left; }
.header-bar-text { float: right; padding: 20px; padding-left:5px; padding-right: 20px;}
.header-bar-text h4 { font-size: 12px; color: #4d4d4d; font-weight: bold; margin:0px;}
.header-bar-contact-text { float: right; padding: 20px; padding-left:5px; padding-right: 5px;}
.header-bar-contact-text h4 { font-size: 12px; color: #4d4d4d; font-weight: lighter; margin:0px;}
.header-bar-contact-phone { float: right; padding: 20px; padding-left:5px; }
.header-bar-contact-phone h3 { font-size: 16px; color: #4d4d4d; font-weight: bold; margin:0px;}


.wizard-content { position:relative; }
.wizard-background-image { border: 0; margin-bottom: -21px;}
.wizard-background-image:after { content: ' '; height: 0; position: absolute; width: 0; border: 17px solid transparent; border-top-color: #6b5840; top: 287px; left: 50%; margin-left: -10px; }

.wizard-title { top:10px; position: absolute; text-align: center;}
.wizard-title h1 { font-size: 40px; color: #ffffff; font-weight: lighter;}

.wizard-step {  font-size: 12px; top:-90px; left:205px; margin-top: -40px; max-height: 50px;}
.wizard-step.past {  font-size: 12px; }
.wizard-step.present {  font-size: 12px;}
.wizard-step.future {  font-size: 12px; }


.wizard-step-image { float: left; }
.wizard-step-title { font-weight: bold; color:#ffffff; }
.past .wizard-step-title { font-weight: bold; color:#ffffff; background: url("/images/brother-main/green-tick.png") no-repeat 100px 3px;}
.wizard-step-description { width: 170px; padding-top: 10px; float: left; color:#ffffff; }



.banner-bar-content { background: #EBA200; padding: 40px 0px 40px 0px; text-align: center; font-size: 20px; font-weight: bold; color: #ffffff; position: relative; z-index: -10;}


.info-tile { width: 150px; height: auto; text-align: center; color: #ffffff; padding:30px 0px 31px 0px; }
.info-tile.blue { background:#1965E1;}
.info-tile.grey { background:#4D4D4D; }
.info-tile.dark-blue { background:#071956; }
.info-tile-image { padding-bottom: 10px;}
.info-tile-title { padding-bottom: 5px; font-size: 14px;}
.info-tile-subtitle { padding-bottom: 10px; font-size: 12px;}

.download-form-content { background: #ffffff; font-size:14px;}
.download-form-text { width: 500px; padding: 45px 0px 47px 20px; }

.video-tile-bar-content { clear: both; text-align: center; display: inline-block; padding-top:40px; padding-bottom: 40px;}
.video-tile-content { font-weight:bold; padding-top: 5px; height:200px; text-align:center;}
.VTB-title { color: #4d4d4d; font-weight: bold; font-size: 14px; padding-bottom: 10px; }
.VTB-subtitle { font-size: 12px; padding-bottom: 15px;}
.VC-title {  text-align: center; padding:10px; }


/*-------------------------------------------------------------------------------
    Standard - Form
    --------------------------------------------------------------------------------*/


.standard-form { background: #ffffff;}
.standard-form .half-col { display: block; float: left; width: 50%; padding: 0px 10px 0px 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.standard-form .half-col + .half-col { padding: 0px 0px 0px 10px; }
.standard-form .half-col:nth-child(2n-1) { padding-left: 0;padding-right: 10px;}
.ie7 .standard-form .half-col { width: 47%; }
.ie7 .standard-form .half-col select { width: 206px; }

.standard-form p,
.standard-form .form-section { margin-bottom: 25px; }
.standard-form .add-device-tnc .error { margin-top: 8px;}

.standard-form a { text-decoration: none; }
.standard-form .error,
.warning-bar p { color: #DD0000; display: block; margin-bottom: 10px; }
.standard-form .error { margin-bottom: 0;}
.standard-form label,
.radio-holder-label,
#registration-radio-buttons .label { display: block; font-size: 12px; margin-bottom: 4px;margin-right: 40px; font-weight:bold;}
#DeliveryOptionsContainer h3 { margin-bottom: 7px;}
#DeliveryOptionsContainer br { display: none;}
#DeliveryOptionsContainer label { font-size: 13px;margin-right: 0;margin-bottom: 6px;}
#DeliveryOptionsContainer label span.price { float: right; }
.standard-form .pwd-field label { margin-right: 10px;}
#registration-radio-buttons .label { width: 100%; }
.radio-btn-holder { width: 100%; float: left; }
.radio-btn-holder label { float: left; }
.standard-form .checkbox-wrapper label { padding-left: 19px; }
.standard-form input[type="text"],
.standard-form-row input[type="text"],
.standard-form input[type="password"],
.standard-form-row input[type="password"] { margin-bottom: 4px; border: 1px solid #d4d4d4; height: 40px; font-size: 13px; width: 405px; max-width: 100%; padding: 0px 5px; background: #d4d4d4; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.standard-form input[type="text"].aspNetDisabled,
.standard-form-row input[type="text"].aspNetDisabled,
.standard-form input[type="password"].aspNetDisabled,
.standard-form-row input[type="password"].aspNetDisabled { background-color: #cccccc; }

.standard-form .full-width input[type="text"],
.standard-form-row .full-width input[type="text"],
.standard-form .full-width input[type="password"],
.standard-form-row .full-width input[type="password"] { width: 100%; }
.oldie .standard-form input[type="text"],
.oldie .standard-form-row input[type="text"],
.oldie .standard-form input[type="password"],
.oldie .standard-form-row input[type="password"] { line-height: 23px; }
.standard-form input[type="radio"],
.standard-form .styled-radio { float: left; margin-left: 0; }
.standard-form input[type="radio"]:first-child,
.standard-form #SignInRadioRadioButton,
.standard-form .styled-radio:first-child { margin-left: 0px; }
.standard-form input[type="radio"] + label { float: left; }
.standard-form input[type="checkbox"] { float: left; margin: 2px 6px 17px 0px; font-size:10px;}
.standard-form select, 
.standard-form-row select { margin-bottom: 5px; border: 1px solid #9d9d9d; font-size: 14px; width: 305px; max-width: 100%; padding: 3px 3px 3px 5px; background: #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.standard-form .forgotten-password-link { display: inline-block; clear: both; }
.standard-form .error,
.standard-form .server-error { display: none; }
.standard-form .validation-failed.blur .error { display: block; }
.standard-form .validation-failed.load span.error { display: block; }
.standard-form .styled-checkbox.validation-failed.blur .error { margin-top: 25px; }
.standard-form  #registration-radio-buttons > div,
.standard-form  #registration-radio-buttons > label,
.standard-form  #business-checkboxes > label { float: left; }
.standard-form [data-validateerrormessagekey="TermsAndConditionsRequired"] .validation-failed div.error { display: none; }   
.standard-form textarea {overflow: auto; resize: vertical; vertical-align: top; width: 355px; min-height:43px;}
.standard-form input:valid, textarea:valid { }
.standard-form input:invalid, textarea:invalid { background-color: #f0dddd; }
.standard-form-error{ padding-right: 10px; color:#eb7200; position: relative; float: right; clear: both; top: -32px;}
.sf-tc-error{ color:#eb7200; }
.standard-form-button{ margin-top: 10px;}
.standard-form-cb-container{ padding-top:20px; display: inline-block; width:405px;}

.contact-us-container { background:#ffffff; }


.free-trial-header { font-size: 36px; font-weight: bold; margin-bottom: -17px; position: relative; top:-70px;  }
.existing-trial { font-size: 15px; font-weight: bold; color:#7f3608; width:405px; top: 30px; text-align:center; position:absolute;line-height:30px;}

.activation-header { font-size: 36px; font-weight: bold; margin-bottom: -17px; position: relative; top:-70px;  }
.activation-instructions { margin-top: 20px; }
.activation-error { font-size: 14px;font-weight: bold;padding-top: 10px;padding-bottom: 10px;color: red;}

.form-container { background:#ffffff; padding: 152px 40px; min-height: 636px; }
.form-container:after { content: ' '; height: 0; position: absolute; width: 0; border: 17px solid transparent; border-bottom-color: #ffffff; top: -34px; left: 50%; margin-left: -10px; }
.ft-feature-box{ background: #1965E1; color:#ffffff; padding-top: 40px; padding-bottom: 51px; min-height: 679px;}
.ft-feature-box h2 { font-size: 20px; color:#ffffff; font-weight: bold; }
.feature-box-image { float:left; padding-left: 20px;}
.feature-box-text { float: right; text-align: left; width:200px; padding: 20px 20px 40px 20px;}
.feature-box-bottom { text-align: center; }

.feature-box-LI { padding: 0px 0px 20px 20px;  }
.feature-box-LI:after { content: ' '; height: 0; position: absolute; width: 0; border: 20px solid transparent; border-right-color: #ffffff; top: 38px; left: 94%; margin-left: -10px; }
.feature-box-LT { padding: 20px 20px 0px 30px; background:#ffffff; height: 257px; margin-right: 20px; }
.feature-box-container { background:#d4d4d4; padding-top: 20px; }
.feature-box-links { padding-top:20px; }
.feature-box-links a { text-transform:uppercase;  font-size:12px; text-decoration: none; color:#4d4d4d; }
.feature-box-links a:after { content: url("/images/brother-main/orange-arrow-link.png"); padding-left:10px; }
.feature-box-title { font-size: 20px; color: #4d4d4d; margin-top: 10px; font-weight: bold;}
.feature-box-content{ margin-top: 20px; }
.feature-box-content ol { margin-left:10px;}

.feature-box-RI { padding: 0px 0px 20px 0px;  }
.feature-box-RI:after { content: ' '; height: 0; position: absolute; width: 0; border: 20px solid transparent; border-left-color: #ffffff; top: 38px; right: 92%; margin-left: -10px; }
.feature-box-RT { padding: 20px 20px 0px 30px; background:#ffffff; height: 257px; margin-left: 21px; }

.special-feature-box-I { padding: 0px 0px 20px 20px;  }
.special-feature-box-T { padding: 0px 30px 20px 40px;}
.special-feature-box-title { font-weight: bold; font-size:14px; padding-bottom: 10px; }

.special-feature-box-container.alt-even { background:#ffffff; padding-top: 40px; padding-bottom: 40px; }
.special-feature-box-container.alt-odd { background:#d4d4d4; padding-top: 40px; padding-bottom: 40px; }
.special-feature-box-container.has-arrow:after { content: ' '; height: 0; position: absolute; width: 0; border: 20px solid transparent; z-index: 1; top: 100%; right: 50%; margin-left: -10px; }
.special-feature-box-container.alt-even.has-arrow:after { border-top-color: #ffffff; }
.special-feature-box-container.alt-odd.has-arrow:after { border-top-color: #d4d4d4; }

.special-feature-box-text { font-size: 12px; padding-bottom: 10px; width:590px; }
.special-feature-box-link { text-transform:uppercase;  font-size:12px; text-decoration: none; color:#4d4d4d; }
.special-feature-box-link a { text-transform:uppercase;  font-size:12px; text-decoration: none; color:#4d4d4d; }
.special-feature-box-link a:after { content: url("/images/brother-main/orange-arrow-link.png"); padding-left:10px; }





.two-col-center { text-align:center; padding: 20px 0px;}
.two-col-image{ top:18%; position: absolute; text-align: center; width:100%; }
.two-col-title { top:38%; position: absolute; text-align: center; width:100%; font-size: 16px; font-weight: bold; color: #ffffff; }
.two-col-text { top:50%; position: absolute; text-align: center; width:356px; left: 13%; font-size: 14px; color:#ffffff;}
.two-col-link  { left: 10px; top:75%; position: absolute; text-align: center; width:100%; }
.two-col-container { background: #ffffff;}

.three-col-center { text-align:center; padding: 20px 0px;}
.three-col-image{ top:18%; position: absolute; text-align: center; width:100%; }
.three-col-title { top:38%; position: absolute; text-align: center; width:100%; font-size: 16px; font-weight: bold; color: #ffffff; }
.three-col-text { top:50%; position: absolute; text-align: center; width:205px; left: 18%; font-size: 14px; color:#ffffff;}
.three-col-link  { left: 10px; top:75%; position: absolute; text-align: center; width:100%; }
.three-col-container { background: #ffffff;}
.three-col-image-2 { top:18%; position: absolute; text-align: center; width:100%; }
.three-col-title-2 { top:60%; position: absolute; text-align: center; width:100%; font-size: 16px; font-weight: bold; color: #ffffff; }




.standard-accordion-content  {  display: none; width: 100%;  background-color: #ffffff;  color: #777;   font-size: 10pt;  line-height: 16pt;  }  
.standard-accordion-header {border: solid 1px #d4d4d4; font-size: 14px !important; padding: 15px; color: #4d4d4d; margin-bottom: -1px; background:#EBA200; cursor:pointer; color: #ffffff !important; font-weight: bold !important;}
.acc-image { float: left; padding-right: 20px; }
.acc-text { padding-top: 20px; padding-right: 50px; padding-left: 30px; }
.acc-link a { text-decoration:none ; text-transform: uppercase; font-size: 12px; color: #4d4d4d ;}
.acc-link a:after { content: url("/images/brother-main/orange-arrow-link.png"); padding-left:10px;}
.acc-link  { padding-left: 30px; padding-top: 10px; padding-bottom: 10px; padding-right:30px;}

.standard-acc-container { background: #ffffff; }
.standard-active-header { background-image: url("/images/brother-online/jquery-theme/accordion-minus.png") ; border: solid 1px #d4d4d4; font-size: 14px !important; padding: 15px; color: #4d4d4d; margin-bottom: -1px; background-color:#4d4d4d; background-position: 912px; background-repeat:no-repeat; cursor:pointer; color: #ffffff !important; font-weight: bold !important;}
.standard-active-header:hover {background-image: url("/images/brother-online/jquery-theme/accordion-minus.png"); border: solid 1px #d4d4d4; font-size: 14px !important; padding: 15px; color: #4d4d4d; margin-bottom: -1px; background-color:#4d4d4d; background-position: 912px; background-repeat:no-repeat; cursor:pointer; color: #ffffff !important; font-weight: bold !important;}
.standard-inactive-header { background-image: url("/images/brother-online/jquery-theme/accordion-plus.png"); border: solid 1px #d4d4d4; font-size: 14px !important; padding: 15px; color: #4d4d4d; margin-bottom: -1px; background-color:#EBA200; background-position: 912px; background-repeat:no-repeat; cursor:pointer; color: #ffffff !important; font-weight: bold !important;}
.standard-inactive-header:hover { background-image: url("/images/brother-online/jquery-theme/accordion-plus.png"); border: solid 1px #d4d4d4; font-size: 14px !important; padding: 15px; color: #4d4d4d; margin-bottom: -1px; background-color:#4d4d4d; background-position: 912px; background-repeat:no-repeat; cursor:pointer; color: #ffffff !important; font-weight: bold !important;}


.product-plans-content { }
.plan-separator { background:#00bef1;  padding-top: 30px; }
.select-plan{ background: #4d4d4d; text-align:center; padding: 30px; border-left: 5px solid #f5f6f8; border-right: 5px solid #f5f6f8; margin-bottom: 30px;}
.selectlink{ margin-top: 10px; text-align:center; margin-right: -14px;}

.plan-feature-titled { background:#717171; text-align:center; border-left: 5px solid #f5f6f8; border-right: 5px solid #f5f6f8; }
.plan-feature-title { color:#ffffff; font-size: 20px; font-weight: bold; padding-top: 10px; padding-bottom: 5px;   }
.plan-feature-text{ color:#ffffff; font-size: 12px; font-weight: bold; padding-bottom:10px;}
.feature-text{ color:#4d4d4d; font-size: 12px; font-weight: normal; padding-bottom:10px; padding-top:10px; text-align:center; }
.feature-text.emphasised{ font-size: 12px !important; font-weight:bold !important; }
.feature-text.plan-feature-available{ background:url("/images/brother-main/green-tick.png") no-repeat 108px 12px; padding-top: 30px !important; padding-bottom: 5px; }
.feature-text.plan-feature-unavailable{ background:url("/images/brother-main/blue-cross.png") no-repeat 108px 12px; padding-top: 30px !important; padding-bottom: 5px;}

.plan-normal .feature-text{ color:#4d4d4d; font-size: 12px; font-weight: normal; padding-bottom:10px; text-align:center; border-bottom:1px solid #ffffff; }
.plan-most-popular .feature-text{ color:#d4d4d4; font-size: 12px; font-weight: normal; padding-bottom:10px; text-align:center; border-bottom:1px solid #ffffff;}

.plan-most-popular .plan-feature-titled { background:#4d4d4d; text-align:center; border-bottom:1px solid #ffffff; }
.plan-normal .plan-feature-titled { background:#717171; text-align:center; border-bottom:1px solid #ffffff;}

.plan-most-popular .plan-feature{ background:#4d4d4d; text-align:center; border-left: 5px solid #f5f6f8; border-right: 5px solid #f5f6f8; color:#4d4d4d;}
.plan-normal .plan-feature { background:#eff1f1; text-align:center; border-left: 5px solid #f5f6f8; border-right: 5px solid #f5f6f8; }

.plan-normal .banner { background:#717171; margin-top: 50px;}
.plan-normal .summary { background:#717171; text-align:center; min-height: 200px; padding-top: 20px; border-left: 5px solid #f5f6f8; border-right: 5px solid #f5f6f8;}
.plan-normal .plan-detail { background:#717171; }

.plan-most-popular .banner { background:#00bef1; text-align:center; font-weight: bold; color: #ffffff; position: relative; padding: 5px; margin-top:23px; font-size: 16px; border-left: 5px solid #f5f6f8; border-right: 5px solid #f5f6f8;}
.plan-most-popular .banner:after { content: ' '; height: 0; position: absolute; width: 0; border: 17px solid transparent; border-top-color: #00bef1; top: 100%; left: 46%; margin-left: -10px; }
.plan-most-popular .summary { background:#4d4d4d; text-align:center; min-height: 200px; padding-top: 20px; border-left: 5px solid #f5f6f8; border-right: 5px solid #f5f6f8;}
.plan-most-popular .plan-detail { background:#4d4d4d; }

.plan-summary, .plan-detail { cursor: pointer; }
.plan-normal .plan-summary { background:#4d4d4d; margin-top: 20px;}
.plan-most-popular .plan-summary { background:#4d4d4d; margin-top: 20px;}

.plan-normal .summary-name { font-size: 16px; font-weight: lighter; color:#ffffff; padding-top: 20px; padding-bottom: 30px;}
.plan-normal .summary-pricetext {font-size: 60px; font-weight:bold; color:#ffffff; }

.plan-most-popular .summary-pricetext.extra-large, .plan-most-popular .summary-pricetext.extra-large span, .plan-normal .summary-pricetext.extra-large span,
.plan-normal .summary-pricetext.extra-large {font-size: 50px; }
.plan-most-popular .summary-pricetext.large, .plan-most-popular .summary-pricetext.large span, .plan-normal .summary-pricetext.large span,
.plan-normal .summary-pricetext.large {font-size: 40px; }
.plan-most-popular .summary-pricetext.medium, .plan-most-popular .summary-pricetext.medium span, .plan-normal .summary-pricetext.medium span,
.plan-normal .summary-pricetext.medium {font-size: 30px; }
.plan-most-popular .summary-pricetext.small, .plan-most-popular .summary-pricetext.small span, .plan-normal .summary-pricetext.small span,
.plan-normal .summary-pricetext.small {font-size: 20px; }
.plan-most-popular .summary-pricetext.extra-small, .plan-most-popular .summary-pricetext.extra-small span, .plan-normal .summary-pricetext.extra-small span,
.plan-normal .summary-pricetext.extra-small {font-size: 10px; }

.plan-normal .summary-description { font-size: 12px; font-weight: bold; color:#ffffff; padding-top: 30px; padding-bottom: 20px; padding-left:40px; padding-right:40px;  }
.plan-normal .pertermperiodabbrev { font-size: 26px; font-weight:lighter; color:#ffffff; }

.plan-most-popular .summary-name { font-size: 16px; font-weight: lighter; color:#ffffff; padding-top: 20px; padding-bottom: 30px;}
.plan-most-popular .summary-pricetext {font-size: 60px; font-weight:bold; color:#ffffff; }
.plan-most-popular .summary-description { font-size: 12px; font-weight: bold; color:#ffffff; padding-top: 30px; padding-bottom: 20px; padding-left:40px; padding-right:40px;  }
.plan-most-popular .pertermperiodabbrev { font-size: 26px; font-weight:lighter; color:#ffffff; }

.select-shortname { font-size:16px; font-weight: bold; color:#ffffff; text-align:center;}

.select-shortname.extra-large, .select-shortname.extra-large span { font-size:15px; }
.select-shortname.large, .select-shortname.large span { font-size:14px; }
.select-shortname.medium, .select-shortname.medium span { font-size:13px; }
.select-shortname.small, .select-shortname.small span { font-size:12px; }
.select-shortname.extra-small, .select-shortname.extra-small span { font-size:11px; }



.select-shortname .currencysymbol { font-size: 16px; font-weight: bold; color:#ffffff; text-transform: uppercase; }
.select-shortname .priceexctaxnodecimal { font-size:16px; font-weight: bold; color:#ffffff; text-transform: uppercase; }
.summary-pricetext {font-size: 60px; font-weight:bold; color:#ffffff; }
.summary-pricetext .currencysymbol { font-size: 26px; font-weight: lighter; color:#ffffff; text-transform: uppercase; }
.summary-pricetext .priceexctaxnodecimal { font-size: 60px; font-weight: bold; color:#ffffff; text-transform: uppercase; }

.shared-feature-banner-content { background: #00bef1;}
.shared-feature-text { font-size: 14px; font-weight: bold; color:#000000; text-align:center; padding-bottom: 15px; }
.shared-feature-tiles{ text-align:center; }

.special-full-info { background: #00bef1; color: #ffffff;}
.special-FI-header { font-size: 26px; font-weight: lighter; color: #ffffff; line-height: 35px; width: 400px; padding-bottom: 20px; }
.special-FI-subheader { font-size: 24px; font-weight: bold; color: #ffffff; padding-bottom:20px; width:400px;}
.special-FI-text { font-size: 14px; color: #ffffff; padding-bottom:10px; width:400px;}
.special-FI-link a { font-size: 12px; font-weight: lighter; text-transform: uppercase; color: #ffffff; text-decoration: none; padding-bottom: 50px;}
.special-FI-link a:after { content: url("/images/brother-main/orange-arrow-link.png"); padding-left:10px; }
.special-FI-link  { padding-bottom: 50px;}
.special-container-right { text-align:right;  padding: 30px 40px 50px 50px;}
.special-container-left { padding: 70px 50px 50px 50px;}


.full-info-header-one { font-size: 26px; font-weight: lighter;  line-height: 35px; padding-bottom: 20px; }
.full-info-header-two { font-size: 24px; font-weight: bold;  padding-bottom:20px; }
.full-info-text { font-size: 14px;  padding-bottom:10px; }
.full-info-link { padding-bottom: 50px; }
.full-info-link a { font-size: 12px; font-weight: lighter; color:#4d4d4d; text-transform: uppercase; text-decoration: none; padding-bottom: 20px;}
.full-info-link a:after { content: url("/images/brother-main/orange-arrow-link.png"); padding-left:10px; }
.full-info-container { background: #ffffff; color:#4d4d4d;}
.full-info { padding: 50px 30px 30px 30px;}


.customise-outline { background: #00bef1;  }
.customise-inner { padding:20px; color:#ffffff;}
.customise-inner-image { padding:20px; text-align:center;}
.customise-primary{ color:#ffffff; font-size: 30px; font-weight: bold;line-height: 30px; }
.customise-primary h3 { color:#ffffff; font-size: 70px; font-weight: bold; line-height: 100px;}
.customise-primary p { color:#ffffff; font-size: 16px; font-weight: bold; margin-top: -15px; margin-bottom: 25px; }
.customise-switch { color:#ffffff; text-decoration:none; }
.customise-fine-print{ padding-top:10px;}
.customise-fine-print h4 { font-size: 12px; font-weight: bold;}
.customise-fine-print a { font-size: 12px;  text-decoration:none; color:#4d4d4d;}
.customise-fine-print a:after {content: url("/images/brother-main/orange-arrow-link.png");padding-left: 10px;}
.customise-buynow { text-align: left; background:#ffffff; padding:10px; }
.customise-buynow p { display: inline; }
.customise-buynow-buttons { text-align: left; background:#ffffff; padding:10px; }
.Customise-toc { padding-top:10px; }
.customise-cancel { background-color: #ffffff; border: medium none; color: #0d2ea0; cursor: pointer; font-size: 11px; }
.customise-cancel:after { content: url("/images/brother-main/orange-arrow-link.png");}

/* summary table */
.customise-basket-background{ background:#ffffff; border-top: solid 1px #EBA200; }
.customise-basket-summary .customise-summary-grid { width: 100%; margin: 20px 0; float: left; color: #393939; background-color:#ffffff; }
.customise-basket-summary .customise-summary-grid > .row { width: 100%; float: left; height: 30px; line-height: 30px; }
.customise-basket-summary .customise-summary-grid > .header.row { background: #e0e0e0; color: #393939; font-weight: bold; }
.customise-basket-summary .customise-summary-grid > .row.product { margin-top: 20px; height: 87px;}
.customise-basket-summary .customise-summary-grid > .row.product > .column { height: 77px; padding-top: 10px;}

.customise-basket-summary .customise-summary-grid > .row { font-size: 12px; }
.customise-basket-summary .customise-summary-grid > .row.odd { background: #f8f8f8; }
.customise-basket-summary .customise-summary-grid > .row.even { background: #f1f1f1; }
.customise-basket-summary .customise-summary-grid > .row > .column { text-indent: 24px; float: left; min-width: 100px; border-left: 1px solid #d2d2d2; }
.customise-basket-summary .customise-summary-grid > .row > .column:first-child { border-left: none; }

/* column catergory types */
.customise-basket-summary .customise-summary-grid .item { width: 278px; }
.customise-basket-summary .customise-summary-grid .type { width: 170px; }
.customise-basket-summary .customise-summary-grid .cost { width: 269px; }
.customise-basket-summary .customise-summary-grid .remove { width: 229px; }
.customise-basket-summary .customise-summary-grid .remove input[type="submit"] { color: #0036a1; text-decoration: underline; font-size: 12px; cursor: pointer; border: 0 none; background: none}
.customise-basket-summary .customise-summary-grid > .row.product > .column.item > img { float: left; margin-left: 8px;max-height: 68px;max-width: 95px;} /* change Max-width: 140px BRO-10644*/
.customise-basket-summary .customise-summary-grid > .row.product > .column.item > div.label { text-indent: 0; position: relative; padding-top: 10px; padding: 0;margin-left: 10px; float: left; width: 120px;}
.customise-basket-summary .customise-summary-grid > .row.product > .column.item > div.label > span.title { display: block; line-height: 11px;float: left; font-weight: bold}
.customise-basket-summary .customise-summary-grid > .row.product > .column.item > div.label > span.product-id { display: block; float: left;}
.customise-header-summary { padding-left:20px; padding-top: 20px; }

.grey-pods { background-color: #d4d4d4; color: #4d4d4d; float: left; height: 55px; margin: 1px; padding: 25px; width: 268px; } /*changed height: 60px, width: 265px - BRO-10644*/
.grey-pods p { font-size: 16px; font-weight: bold; margin-bottom:10px;} /*changed font-size: 20px - BRO-10644 */
.grey-pods span { font-size: 32px; font-weight: bold; } /*changed font-size: 40px - BRO-10644 */

.contact-us-submit{ padding-top: 10px; }
.contact-us-padding{ padding:20px; }

.relative-height{}

.popup-message {top: 22px;margin-top: 12px;margin-left: 10px;}
.popup-message {background: url("/images/omnijoin/info-icon-16.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 18px;width: 20px;}
.popup-message:hover .tooltip-balloon { display: block }
.popup-message .tooltip-balloon {background: url("/images/omnijoin/bg-tooltip.png") no-repeat -186px bottom ;position: absolute;text-indent: 0;bottom: 3px;left: -135px;display:none;}
.popup-message .tooltip-balloon span {display:block;position:absolute;top:15px;right:15px;height:20px;width:20px;}
.popup-message.show .tooltip-balloon {display:block;}
.popup-message .tooltip-balloon-inner {background: url("/images/omnijoin/bg-tooltip-no-close.png") no-repeat top left;margin-bottom: 40px;width: 125px;padding: 40px 40px 5px 20px;}
.popup-message .tooltip-balloon-inner p { color: #666666 !important; font-size: 11px !important;padding: 0 !important;}
.popup-message .tooltip-balloon span{ background: none repeat scroll 0 0 #FFFFFF;}
.popup-message .tooltip-balloon .tooltip-balloon-inner { padding: 25px 20px 5px 20px;width: 145px;}

.tooltip { position: relative; display: inline-block; }
.tooltip:hover .message { display: block }
.tooltip .message { display: none; position: absolute; bottom: 20px; left: -10px; padding-left: 20px; width: 160px; }
.tooltip .message p { font-size: 12px !important; color: white !important; padding: 5px !important; margin: 0 !important; float: none !important; width: 150px !important; background: #0d2ea0; }
.tooltip .message p a { color: white; text-decoration: underline; }
.tooltip .message .pointer { height: 21px; width: 100%; background: url("/images/omnijoin/tooltip-pointer.png") no-repeat; }