@charset "UTF-8";
/* *********************************************** LAYOUT STYLES *********************************************** */
body {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG.gif); background-repeat:repeat-x;}
.page {width:800px; max-width:800px; margin:0 auto;}

#header, #highlights, #order, .line {margin-bottom:20px;} #logo {padding:12px 0;} #logo img {display:block;}
#header .headline {background:#666; color:#fff;} #orderFormTitle {font-size:13px; font-weight:bold; float:right; padding-top:2px;}

#highlights {width:300px; padding:10px; background:#f6f6f6; float:left; border-radius:0; border:none;} #highlights, #highlights p {font-size:12px; line-height:16px;}

#analyst .photo {margin:0 0 10px 10px;} #analyst .logo {width:150px; margin:0 -30px 0 10px; clear:right;}
#analyst .quote {font-size:16px; line-height:22px; font-weight:bold; font-style:italic;}
#analyst p, #services p {margin-bottom:5px;}

.services-table {width:100%;}
.services-table tr td {padding:4px 3px; line-height:12px;}
.services-table tr td.price {color:#7d7d7d; text-decoration:line-through;}
.services-table tr td.included {text-align:right; font-weight:bold;}
.services-table tr:nth-child(2n+1) td {background:#e0e0e0;}

.services-table tr.highlight td {background:#fffbd7; border:solid #e2d494; border-width:1px 0;}
.services-table tr.highlight td.service {border-left-width:1px;}
.services-table tr.highlight td.included {border-right-width:1px;}

#services .bottomline {padding:5px 0 0; border-top:solid 2px #aaa; margin:5px 0 15px; line-height:1em;}
#services .bottomline span {vertical-align: bottom;}

.option .checkbox {float:left; margin:1px 5px 0 0;}

#guarantees {padding:10px; margin:15px 0 0; border-width:1px; overflow:hidden;}
#guarantees .shield {margin:0 0 5px 5px;}
#guarantees p {margin-bottom:10px;} #guarantees p:last-child {margin-bottom:0;}

#order, .line {width:460px; float:right;}
#order .headline {margin-bottom:26px;}
#order p:last-child {margin-bottom:0;}

#memberCheck {display:none; font-size:13px; line-height:18px;}
#memberCheck .checkbox {margin-top:3px;}

.line {clear:right;}

/* **** FORM ELEMENTS **** */
.line > div[style] {padding-bottom:0 !important;} .line > div[style] > p {margin-bottom:0;}
.unit table {width:100%;} .unit table[style] {margin:0 !important;}

.reg_tbl p {margin:3px 0 0; font-size:13px; line-height: 17px;}
.hd h5, .reg_tbl p.topspc {font-size:20px; line-height:28px; margin:10px 0 5px; font-weight: bold;}
.topspc a {font-size:13px; line-height: 18px;}

input.log_value {width:100%; -webkit-appearance: none; border-radius:3px; border:solid 1px #aaa !important; box-shadow:inset 0px 1px 2px rgba(0,0,0,0.4); padding:3px; outline:none; box-sizing:border-box;}
input.log_value:focus {border-color: #cfe2cf !important;}

select.log_value {width:100%;}
#b_country {width:100% !important;}

#logBox {width:100%; padding:15px; border:solid 2px #cfe2cf; border-radius:5px; box-sizing:border-box; display:block; background:#cddac3; background:linear-gradient(to right, #ffffff 0%,#cddac3 100%);}
#logBox tr td {width:auto;}
#logBox tr td.strong {width:70px; vertical-align:middle;}
#logBox input.log_value {width:100%;}

.reg_tbl td {width:45%; padding:2px !important; box-sizing:border-box;}
.reg_tbl td[colspan=2] {width:auto;}
.reg_tbl .right {text-align: left;}

#b_country {font-size:14px !important; line-height: 1.25em !important;}
input#Submit {width:93px !important;}

/* LOGGED IN 'COMPLETE ORDER' SECTION */
.page.inside {padding:0;} .page.inside table .content {padding:0 !important; font-size:14px;} .page.inside table table {margin:10px 0 !important;} .page.inside table .content p table td {padding:10px !important;}
.page.inside > table {width:460px !important; float:right;}
.page.inside table table + br {display:none;}

/* **** SHOPPING CART ADJUSTMENT CSS **** */
.roundedBorder #shopping_cart_form {width:460px; clear:none; float:right;} 
.roundedBorder .fldGrp {width:100%; float:none;}

/* *********************************************** THEME STYLES *********************************************** */
body.bb {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG-bb.gif);}
.bb #header .headline {background:#181b2c;}

body.ftm {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG-ftm.gif);}
.ftm #header .headline {background:#006600;}

body.gc {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG-gc.gif);}
.gc #header .headline {background:#383838;}

body.hsc {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG-hsc.gif);}
.hsc #header .headline {background:#025354;}

body.it {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG-it.gif);}
.it #header .headline {background:#efac00;}

body.mmt {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG-mmt.gif);}
.mmt #header .headline {background:#6f338a;}

body.opt {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG-opt.gif);}
.opt #header .headline {background:#0d4e54;}

body.rta {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG-rta.gif);}
.rta #header .headline {background:#792305;}

body.st {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG-st.gif);}
.st #header .headline {background:#313439;}

body.su10 {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG-su10.gif);}
.su10 #header .headline {background:#0d948d;}

body.top10 {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG-top10.gif)}
.top10 #header .headline {background:#c25012;}

body.tt {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG-tt.gif)}
.tt #header .headline {background:#345f5f;}

body.zp {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG-zp.gif);}
.zp #header .headline {background:#3b794f;}

body.zu {background-image:url(https://woas.zacks.com/adv/services/images/themes/buy/pageBG-zu.gif);}
.zu #header .headline {background:#efac00;}

/* *********************************************** @media QUERIES *********************************************** */
@media screen and (min-width:0) {
    .page {width:auto; padding:0 20px;}
    #highlights, #order, .line {width:auto; float:none;} .line {width:100%;} .page.inside > table {width:100% !important; float:none;}
    #header {background:#fff; padding:0 20px; margin:0 -20px 20px;} #logo span, #orderFormTitle {display:none;}
    #header .headline {line-height:1.6em; text-align:center; padding:5px; margin:0 -20px;}
    
    /* **** SHOPPING CART ADJUSTMENT CSS **** */
    .roundedBorder #shopping_cart_form {width:100%;} 
}
@media screen and (min-width:550px) { #logo span, #orderFormTitle {display:inline; float:right;} }
@media screen and (min-width:650px) {
    #highlights {width:45%; float:left;}
    #order, .line {width:50%; float:right;}  .page.inside > table {width:50% !important; float:right;}
    
    /* **** SHOPPING CART ADJUSTMENT CSS **** */
    .roundedBorder #shopping_cart_form {width:50%; float:right;}
    .roundedBorder .labelCt {width:auto;}
    .roundedBorder .labelCt .label {display:none;}
    .roundedBorder .inputCt {width:80%;}
    ::-webkit-input-placeholder { color:gray !important; } :-moz-placeholder { color:gray !important; } ::-moz-placeholder { color:gray !important; } :-ms-input-placeholder { color:gray !important; }
}
@media screen and (min-width:720px) {
    #highlights {width:40%;}
    #order, .line {width:55%;} 
    .page.inside > table {width:55% !important;} 
    
    /* **** SHOPPING CART ADJUSTMENT CSS **** */
    .roundedBorder #shopping_cart_form {width:55%;}
    .roundedBorder .labelCt {width:110px;}
    .roundedBorder .labelCt .label {display:inline-block;}
    .roundedBorder .inputCt {width:55%;}
    ::-webkit-input-placeholder { color:white !important; } :-moz-placeholder { color:white !important; } ::-moz-placeholder { color:white !important; } :-ms-input-placeholder { color:white !important; }
}
@media screen and (min-width:840px) {
    .page {padding:0;}
    #header {padding:0; margin:0 0 20px; background:none;} #header .headline {text-align:left; padding:5px 0; margin:0;}
    #highlights {width:300px;}
    #order, .line {width:460px;}  .page.inside > table {width:460px !important;}
    
    /* **** SHOPPING CART ADJUSTMENT CSS **** */
    .roundedBorder #shopping_cart_form {width:460px;}
    .roundedBorder #shopping_cart_form .inputCt {width:55%;}
}