@media (max-width:767px) {
        body                    { font-size: 12px; }
}

section, footer                 { margin-top: 0px; }
div.clearfix                    { padding: 0 !important; }

.menu                           { margin: 0; padding: 0; }
/* horizon.menu li                        { display: inline-block; }*/


.breadcrumb li                  { padding-left: 15px; }
.breadcrumb li:first-child      { padding-left: 0; }


.rui-hero-banner                { background-position: 50% 50%; }
.rui-hero-banner .container, .rui-hero-banner .content     { min-height: 220px; position: relative; }
.rui-hero-banner .content       { display: table; width: 100%; }
.rui-hero-banner .content > div { display: table-cell; vertical-align: middle; height: 100%; float: none; }
.rui-hero-banner .rui-hero-menu { position: absolute; bottom: 0; width: 100%; background-color: #999; text-align: center; }
.rui-hero-banner .menu          { margin: 0 auto; display: block; }
.rui-hero-banner .menu li a     { display: block; padding: 20px 35px; }
.rui-hero-banner .rui-cta-items { width: 42%; float: right; }
.rui-hero-banner .rui-cta-item  { padding: 30px; }
.rui-hero-banner .rui-cta-item:first-child { border-radius: 25px 25px 0 0; }
.rui-hero-banner .rui-cta-item:last-child { border-radius: 0 0 25px 25px; }
@media (min-width: 768px) {
        .rui-hero-banner .container { min-height: 540px; }
        .rui-hero-banner .content   { height: 540px; }
}


.rui-cta-item                   { background-color: #FFF; display: table; vertical-align: middle; font-size: 1.5em; overflow: hidden; }
.rui-cta-item > *               { display: table-cell; vertical-align: middle; height: 100%; }
.rui-cta-item img               { margin-right: 20px; }
.rui-cta-item p                 { width: 100%; padding-left: 10px; }
@media (max-width:767px) { 
        .rui-cta-item           { line-height: 1.2; margin: 15px 0; }
        .rui-cta-item img       { width: 70px; }
}
@media (min-width: 768px) {
        .rui-cta-item           { margin-top: 5px; margin-bottom: 5px; }
}


.rui-content-block              { margin: 30px 0; font-size:1.3em; font-weight:300; }
.rui-content-block .lead        { font-size:1.4em; font-weight:bold; }
.rui-parafloat                  { padding-left: 140px; position: relative; }
.rui-parafloat > *[class^=rui-icon]:first-child { font-size:5em; position: absolute; left: 20px; top: 10px; }
.rui-cta-blockimage             { position: relative; display: table; margin-top: 5px; padding-left: 0; padding-right: 0; transform-style: preserve-3d; }
.rui-cta-blockimage > img       { width: 100%; }
.rui-cta-blockimage .content    { position: absolute; top: 50%; left: 50px; right:50%; transform: translateY(-50%); font-size: 2em; line-height: 1.1; }
.rui-cta-blockimage .content.content-right { left: 50%; right: 50px; }


.rui-shop-math                  { display:table; }
.rui-shop-math > *              { display:table-cell; height: 100%; vertical-align: middle; text-align: center; }
.rui-shop-math > div            { width: 50%; position: relative; }
.rui-shop-math > div > span     { font-size: 7em; padding-bottom:20px; display: block; }
.rui-shop-math > div a          { position: absolute; bottom: 45px; width: 100%; display: block; color: #000; font-size: 0.9em; font-weight: 400; }
.rui-shop-math > div a span     { font-size: 0.8em; }
.rui-shop-math > span           { width: 30%; font-size: 3em; }
.rui-shop-math > ul             { width: 20%; list-style-type: none; margin: 0; padding: 0; font-size: 2.5em; }
.rui-shop-math > ul li          { padding: 10px 0; }


.rui-link-list                  { list-style-type: none; margin: 0; padding: 0; }
.rui-link-list li               { margin: 10px 0; }
.rui-link-list,
.rui-link-list a                { color: #000; font-size: 0.9em; }
.rui-link-list a                { font-weight: bold; }
.rui-link-list a span           { margin: 0 5px; }


.rui-availability-banner        { background-color: #999; color: #FFF; }
.rui-availability-banner .row   { margin: 30px -30px; }
.rui-availability-banner h2     { margin: 0; }
.rui-availability-banner .rui-content { font-size: 1.2em; font-weight: 300; text-align: right; }
form.form-availability          { display: block; }
form.form-availability input    { display: inline-block; border: 0 none transparent; color: #999; padding: 6px 20px; width: 160px; }
form.form-availability a.btn    { display: inline-block; background-color: #CCC; color: #404040; border-radius: 0; height: 36px; padding: 9px 12px; vertical-align: top; }


.rui-buy-banner                 { background-color: #999; }
.rui-buy-banner .row            { margin-top: 25px; margin-bottom: 25px; }
.rui-buy-banner h2              { margin: 30px 0; }
.rui-buy-banner .rui-content    { padding-left: 50px; font-size: 1.2em; font-weight: 300; }
.rui-buy-banner ul li           { padding-right: 100px; }
.rui-buy-banner ul li span      { margin-right: 10px; }
.rui-buy-banner form            { margin-top: 40px; }
.rui-buy-banner form > span     { margin-right: 25px; }

/*
.rui-help-login                         { background-color:#CCC; font-weight: 300; }
.rui-help-login h2                      { margin-top: 0; font-weight: 300; }
.rui-help-login ul                      { font-size: 1.2em; }
.rui-help-login a                       { color: #000; }
.rui-help-login .button                 { font-size: 1.5em; margin: 5px 0; }
.rui-help-login .row > div              { padding: 30px 15px; }
.rui-help-login .rui-help ul.menu       { font-size: 1.5em; }
.rui-help-login .rui-login .left,
.rui-help-login .rui-login .right       { float: left; width: 50%; }
.rui-help-login .rui-login input        { border: 0 none transparent; clear: left; float: left; margin: 5px 0; color: #999; padding: 12px; font-size: 1.5em; width: 250px; }
.rui-help-login .rui-login .right       { padding: 0 15px 0 0; }
.rui-help-login .rui-login ul           { margin: 0; font-size: 1.3em; }
.rui-help-login .rui-login .bottom      { clear: both; padding-top: 10px; }
.rui-help-login .rui-login .bottom > *  { float: left; margin-top: 10px; margin-bottom: 5px; }
.rui-help-login .rui-login #login-button{ font-size: 1.3em; background-color: #999; text-align: center; width: auto; padding: 7px 40px; border-radius: 6px; color: #FFF; }
.rui-help-login .rui-login a            { display: block; font-size: 1.5em; }
.rui-help-login span                    { padding-left: 5px; }
@media (max-width:767px) {
        .rui-help-login .rui-help .button       { width: 100%; }
        .rui-help-login .rui-help .menu li      { float: left; width: 50%; padding: 5px 0; }
}
@media (min-width:768px) {
        .rui-help-login div.rui-help            { padding-right: 55px; }
        .rui-help-login div.rui-login           { padding-left: 55px; }
        .rui-help-login .rui-login a            { margin-left: 130px; }
        .rui-help-login.rui-help-notopic .rui-login a { margin-left: 40px; }
        .rui-help-login .rui-help ul.menu li    { padding: 0 20px; }
        .rui-help-login.rui-help-notopic .button { margin: 30px 0; }
        .rui-help-login.rui-help-notopic ul.menu li:first-child { padding-left: 0; }
        .rui-help-login.rui-help-notopic .rui-login input               { padding: 6px 12px; }
        .rui-help-login.rui-help-notopic .rui-login .bottom > *         { margin-top: 5px; margin-bottom: 5px; }
        .rui-help-login.rui-help-notopic .rui-login #login-button       { font-size: 1.0em; padding: 5px 20px; }
}

*/
.margin-top-xsmall { margin-top: 2px; }
.margin-top-small { margin-top: 5px; }
.margin-top-medium { margin-top: 15px; }
.margin-top-large { margin-top: 25px; }
.margin-top-xlarge { margin-top: 50px; }


/* PORTAL FIXES */
/* DSO-8655 */
form[id^="prepaidEssentialSelection"] ul[class^="tabsLevel"] li div,
form[id^="n0"] ul[class^="tabsLevel"] li div {
	height:auto!important;
	position: static!important;
}