/*GENERAL RULES*/
/* Arial */
@font-face{
font-family:'Arial Bold';
src:url('fonts/ARIALBD.eot?iefix') format('eot'),
url('fonts/ARIALBD.woff') format('woff'),
url('fonts/ARIALBD.ttf') format('truetype'),
url('fonts/ARIALBD.woff2') format('woff2');
}

@font-face{
font-family:'Arial';
src:url('fonts/Arial.eot?iefix') format('eot'),
url('fonts/Arial.woff') format('woff'),
url('fonts/Arial.ttf') format('truetype'),
url('fonts/Arial.woff2') format('woff2');

}
@font-face { font-display: swap;
    font-family: 'BentonSansCompBold';
    src: url('fonts/BentonSansCompBold.eot?iefix') format('eot'), 
        url('fonts/BentonSansCompBold.ttf') format('truetype'), 
        url('fonts/BentonSansCompBold.woff') format('woff'), 
        url('fonts/BentonSansCompBold.woff2') format('woff2');
}

/* Address validation */

        .adColorBoxContent {
            padding: 0px; 
            background: #ffffff; 
            border:none;
             border-radius:8px; 
            margin:10px;
            width:400px;
        }
           .adColorBoxtxt {
            padding: 10px 20px; 
        }
        .adColorBoxPanelBox { 
            padding: 10px 20px; 
            background: #f9e059; 
            border: 0px solid #cdcdcd;  
             border-radius:8px 8px 0 0; 
           
        }
        /*.avCandidatePanel {
            padding: 6px 10px; font-size:20px; clear: both;
        }
        .avCandidatePanel h2 { margin: 0; color: #0664bc; }
        .avCandidatePanel li { display: inline-block; zoom: 1; *display: inline; padding: 0 10px; }
        .avCandidatePanel a { display: inline-block; zoom: 1; *display: inline; padding: 0 5px; }*/
        .avCandidate {
            border: 2px solid #eeeeee;           
            border-radius: 5px; 
             color:#000000;
             /*font-size:20px;*/
             background: #ffffff;
        }
        .selectedCandidate{
            border: 2px solid #f9e059;
            border-radius: 5px; 
            font-weight: normal;
            color:#000000;  
            /*font-size:20px;*/
            background: #eeeeee;
        }
        .avCandidate:hover {
            border: 2px solid #f9e059;
            border-radius: 5px; 
            font-weight: normal;
            color:#000000;  
            background: #eeeeee;
        }

body { font-family: 'Arial', Sans-Serif;  font-size: 14px; background: url(images/bg.png) #cfcfcf; color: #333; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
h1, h2, h3, h4 { color: #2e2e5e; font-family: 'Arial', Sans-Serif; }
h1 { font-size: 1.75em; }
h2 { font-size: 1.5em; }
p { line-height: 1.3em; }
a { color: #2E6BA4; text-decoration: none; }
a:hover { text-decoration: underline; color: #349cfd; }
th { background: #e9e9e9; }
td, th { padding: 3px 10px; border: 1px solid #ddd; border-collapse: collapse; text-align: left; }


#main .control { background: url(images/control-bg.png) top repeat-x; color: #fff; }

#title h1 { border-bottom: 1px solid #d9d9d9; padding-bottom: 5px; }
#title p { font-size: 1.1em; }

.bigButton { background: url('images/button-bg.png') top right repeat; font-family: Arial, Sans-Serif; font-style:normal; font-weight: bold; color: #fff; display: inline-block; zoom: 1; *display: inline; height: 38px; line-height: 38px; font-size: 1.3em; text-align: center; text-transform: uppercase; width: auto; padding: 0 15px; border-radius: 6px; border: 1px solid #3e4073; }
.bigButton.medium { background-image: url('images/button-mid-bg.png'); font-family: 'Arial Bold';  font-weight:normal; height: 29px; line-height: 29px; padding: 0 10px; font-size: 1.0em; }
.bigButton.gr { background-image: url('images/button-gr-bg.png'); border: 1px solid #6c6d82; }
.bigButton.red { background-image: url('images/button-red-bg.png'); border: 1px solid #6c6d82; }
.bigButton:hover { background-position: bottom right; color: #fff; }
.control { display: inline-block; zoom: 1; *display: inline; padding: 0 10px; line-height: 24px; height: 24px; background: url(images/login-bg.png) bottom repeat-x; border-radius: 5px; border: 1px solid #616161; color: #333367; }
#main .control.gr { background: #f7f1e5; background: -moz-linear-gradient(top, #f7f1e5 0%, #f7f1e5 49%, #eee2cc 51%, #eee2cc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f1e5), color-stop(49%,#f7f1e5), color-stop(51%,#eee2cc), color-stop(100%,#eee2cc)); background: -webkit-linear-gradient(top, #f7f1e5 0%,#f7f1e5 49%,#eee2cc 51%,#eee2cc 100%); background: -o-linear-gradient(top, #f7f1e5 0%,#f7f1e5 49%,#eee2cc 51%,#eee2cc 100%); background: -ms-linear-gradient(top, #f7f1e5 0%,#f7f1e5 49%,#eee2cc 51%,#eee2cc 100%); background: linear-gradient(to bottom, #f7f1e5 0%,#f7f1e5 49%,#eee2cc 51%,#eee2cc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f1e5', endColorstr='#eee2cc',GradientType=0 ); }
#main .control.yl { background: #fee19f; background: -moz-linear-gradient(top, #fee19f 49%, #fccd61 51%, #fee3a0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#fee19f), color-stop(51%,#fccd61), color-stop(100%,#fee3a0)); background: -webkit-linear-gradient(top, #fee19f 49%,#fccd61 51%,#fee3a0 100%); background: -o-linear-gradient(top, #fee19f 49%,#fccd61 51%,#fee3a0 100%); background: -ms-linear-gradient(top, #fee19f 49%,#fccd61 51%,#fee3a0 100%); background: linear-gradient(to bottom, #fee19f 49%,#fccd61 51%,#fee3a0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee19f', endColorstr='#fee3a0',GradientType=0 ); }
#main .control.gr, #main .control.yl { color: #333; border-color: #999; }
#main .control.gr:hover { background: #f7f1e5; color: #444; }
#main .control.yl:hover { background: #fee19f; color: #444; }
.control:hover { text-decoration: none; color: #fff; }

.outline { outline: 1px solid #929191; }
.bold { font-family: 'Arial Bold'; font-weight:normal; font-smooth: auto; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.border { border: 1px solid #707070; }
.botBorder { border-bottom: 1px solid #d9d9d9; }
.odd { background: #f0f0f0; }
.wide { margin: 0 -20px 10px; }
.arrow { padding-left: 8px; background: url('images/icons/arrow-sm.png') left center no-repeat; }
.xltext {font-size: 1.75em}
.lgtext {font-size: 1.25em}
.suptext { font-size: 1.1em; }
.subtext { font-size: 0.9em; }
.mintext { font-size: 0.75em; }
.em { color: #2E2E5E; }
.emph { color: #c90909; }
.emph2 { color: #e47911; }
.emph3 { color: #004b91; }
.demph { color: #aaa; }
.sep { border-right: 1px solid #777; }
.borderless, .borderless td { border: none; }
.padless, .padless td { padding: 0px; }

/*PAGE MODULES*/
.wpanel { margin: 12px 10px; font-size: 0.95em; }
.wpanel .bold { color: #2e2e5e; }
.wpanel p { float: left; margin-right: 20px; font-weight: bold; }
.wpanel ul { overflow: hidden; }
.wpanel li { display: inline-block; zoom: 1; *display: inline; padding-right: 20px; }
.wpanel .tight li { display: inline-block; zoom: 1; *display: inline; padding-right: 10px; }

.panel2 { background: #e0e0e0; padding: 10px 20px; }
.panel { background: #eee; padding: 6px 10px; font-size: 0.9em; clear: both; }
.panel h2 { margin: 0; color: #0664bc; }
.panel li { display: inline-block; zoom: 1; *display: inline; padding: 0 10px; }
.panel a { display: inline-block; zoom: 1; *display: inline; padding: 0 5px; }

.mod { border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; overflow: hidden; }
.mod h2, .mod h4 { background: #ededed; padding: 5px 10px; margin-bottom: 0px; }
.mod .content { padding: 10px; }

.maglist { overflow: hidden; }
.underRow { border-bottom: 1px solid #ddd; overflow: hidden; }
.magitem { padding: 10px 0; font-size: 0.9em; position: relative; display: inline-block; zoom: 1; *display: inline; float: left; overflow: hidden; }
.magitem a > img { width: 100%; }
.magitem a:hover { color: #349cfd; }



.postIt { width: 190px; background: url('Images/additionalOrderingOptions.png') top left no-repeat; padding-top: 82px; }
.postIt .buttons { padding: 10px 20px; background: #ffffeb; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; }
.postIt .bottom { background: url('Images/additionalorderingoptionsbot.png') top center; height: 13px; }
.postIt a { font-weight: bold; color: #e47911; padding-left: 30px; display: block; margin-bottom: 5px; }
.postIt .new { background: url('Images/icons/new_icon.png') left center no-repeat; }
.postIt .renew { background: url('Images/icons/renew_icon.png') left center no-repeat; }
.postIt .help { background: url('Images/icons/help_icon.png') left center no-repeat; }
.postIt .gift { background: url('Images/icons/gift_icon.png') left center no-repeat; }

.alert { background: url('images/alert.jpg') bottom left repeat-x; border-radius: 5px; border: 1px solid #d0cfcf; padding: 5px 20px; overflow: hidden; margin-bottom: 10px; }
.alert h1, #title.alert h1 { border: none; padding-bottom: 0; font-weight: normal; color: #e47911; }
.alert h3 { font-weight: normal; color: #004b91; }

/* MASTER RULES*/
#container { margin: 0 auto 20px; width: 990px; }
#header { padding-top: 10px; padding-bottom: 10px; color: #fff; }
#header .search { box-shadow: 0 0 5px #000; }
#lnkHome { background: url(images/logo.png) no-repeat; display: inline-block; zoom: 1; *display: inline; width: 225px; height: 32px; text-indent: -2000px; }
#content { background: #FFF; border-radius: 5px; box-shadow: 0 0 10px #333; }
#main { padding: 15px 20px; }

#nav { margin: 15px 20px; overflow: hidden; font-weight: normal; font-family: "Arial Bold"; font-size: 15px; color: #eb8835; font-smooth: always; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
#nav li { float: left; }
#nav .right { float: right; background: url(images/icons/phone.png) left no-repeat; padding-left: 25px; }
#nav a { display: inline-block; zoom: 1; *display: inline; padding-right: 20px; }
#nav a:hover { color: #349cfd; }

#pnlPromos { border-radius: 10px; border: 1px solid #ccc; }
#lnkHim, #lnkHer, #lnkKids, #lnkPromo { display: inline-block; zoom: 1; *display: inline; float: left; width: 207px; height: 88px; background-position: top left; }
#lnkHim:hover, #lnkHer:hover, #lnkKids:hover { background-position: bottom left; color: Transparent; text-decoration: none; }
#pnlPromos #lnkPromo { width: 556px; height: 264px; }

#footer { background: #f2f2f2; border-top: 1px solid #c9c8c8; padding: 15px 40px 20px; overflow: hidden; border-radius: 0 0 5px 5px; font-size: 12px; }
#footer h4 { color: #e47911; margin: 5px 0; }
#footer ul { height: 110px; }
#footer li { margin-bottom: 2px; }
#footer a { font-weight: bold; font-size: 11px; }
#footer .segment { margin-right: 35px; float: left; }
#footer .search { border: 2px solid #99b7d2; width: 200px; }
#footer .search button { background: url(images/icons/search-gr.png) 50% 50% no-repeat transparent; box-shadow: none; width: 20px; }
.facebook { display: inline-block; zoom: 1; *display: inline; width: 41px; height: 41px; margin-right: 5px; background: url(images/facebook.png) no-repeat; text-indent: -2000px; }
.twitter { display: inline-block; zoom: 1; *display: inline; width: 42px; height: 42px; margin-right: 5px; background: url(images/twitter.png) no-repeat; text-indent: -2000px; }
.google { display: inline-block; zoom: 1; *display: inline; width: 42px; height: 42px; margin-right: 5px; background: url(images/google.png) no-repeat; text-indent: -2000px; }
.bbb { display: inline-block; zoom: 1; *display: inline; width: 117px; height: 60px; background: url(images/bbb.png) no-repeat; text-indent: -2000px; }
.tenyrs { display: inline-block; zoom: 1; *display: inline; width: 136px; height: 60px; background: url(images/10-years.png) no-repeat; text-indent: -2000px; }

.search { overflow: hidden; background: #FFF; position: relative; border-radius: 5px; font-weight: bold; letter-spacing: 1px; font-size: 12px; }
.search input { width: 100%; position: relative; background: transparent; z-index: 1; border: none; margin-bottom: 0; }
.search button { background: url(images/icons/search.png) 92% 50% no-repeat #fbbc3f; height: 25px; position: absolute; top: 0; right: 0; padding: 1px 20px 4px 10px; font-weight: bold; color: #af0303; letter-spacing: 1px; font-size: 12px; box-shadow: 0px 0px 3px #740500 inset; }
.search button:hover { background-color: #FBD58A; }
.search button:active { box-shadow: 0px 0px 6px #740500 inset; }
.search p { position: absolute; top: 0; left: 0; height: 25px; line-height: 25px; padding-left: 5px; color: #AAA; z-index: 0; }

.homeNav { background: url(images/nav-bg.png) repeat-x bottom; border-top: 1px solid #DDD; padding: 5px 20px; }
.homeNav h2 { margin-top: 12px; }
.homeNav .search { border: 1px solid #ddd; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; font-size: 14px; margin-top: 8px; }
.homeNav .search input { padding: 6px; }
.homeNav .search button { height: 28px; padding: 3px 20px 4px 10px; }
.homeNav .search p { height: 28px; line-height: 28px; padding-left: 6px; }

/*DEFAULT PAGE*/
#mainCategories a { font-weight: bold; }
#mainCategories a:hover { text-decoration: none; color: #349cfd; }
#mainCategories a:hover .lrg { text-decoration: underline; }
#mainCategories .sml { color: #aaa; font-size: 12px; padding-left: 5px; }
#mainCategories a:hover .sml { color: #FF9503; text-decoration: none; }

/*INFO PAGE*/
#info ul, #info p { margin-bottom: 20px; }
#info li { margin-bottom: 2px; }
#info h3, #info .mod h4 { color: #e47911; margin-bottom: 5px; }
#info .mod h4 { margin-top: 10px; background: #fff; padding: 0; }
#info h3 a { display: inline-block; zoom: 1; *display: inline; margin-left: 10px; text-decoration: underline; font-size: 0.7em; }
#info h4 { color: #004b91; margin-bottom: 5px; }
#info h4 a { display: inline-block; zoom: 1; *display: inline; margin-left: 10px; text-decoration: underline; font-size: 0.9em; }
#info .section { margin-bottom: 20px; border-bottom: 1px solid #d9d9d9; overflow: hidden; }
#info p a { display: inline-block; zoom: 1; *display: inline; margin-left: 5px; text-decoration: underline; }
#info .mod a { display: list-item; list-style: disc; margin: 0 0 5px 20px; font-size: 0.9em; }

/*MAGAZINE PAGE*/
#offers { background: #eee; margin-bottom: 0px; }
#magazine #offers { min-height: 335px; }
.more { background: #d1d1d1; }
.line { border-top: 1px solid #bebebe; }
.midOff { border: 1px solid #bbb; }
.inOff { border: 5px solid #DDD; padding: 5px 20px; }
.summary { margin: 10px 0 20px; }
.cost { color: #2e2e5e; font-weight: bold; }
.savings { font-size: .9em; }
.cost span, .savings span { color: #900; }
.item-price {font-size: 1.3em; font-family: Arial, Sans-Serif;}

/*SUBSCRIBE PAGE*/
#offers #title h2 { font-size: 2.3em; }
#addresses { background: #F4F4F4; }
#delivery { border-bottom: 0; margin-bottom: 0px; }
/*#delivery { border-bottom: 1px solid #BDBDDB; margin-bottom: 0px; }*/
#billing { border: none; outline: none; }
#delivery, #billing, #mail { padding: 10px 20px; border-top: 1px solid #FFF; }
#mail { background: #fff; margin: 0 10px 10px; }
#mail p { margin-left: 0px; }
#subscribe p#ar { margin-top: 0px; padding: 10px; background: #FFF; }
#submit { text-align: center; padding-bottom: 20px; }
#offers h1 { border-bottom: none; }
#subscribe .panel { clear: none; background: #ffffff; padding: 10px 40px 10px 20px; }
#hiddenGift { border: none; outline: none; border-top: 1px solid #BDBDDB; background: transparent; }
#hiddenGift .section { background: #fff; border: 1px solid #aaa; padding: 10px; }
#hiddenGift .section h2 { padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #ccc; }
#hiddenGift li { margin: 4px 0; }
.newOpt input { margin: 5px 10px 5px 0; }


/* UPSELLS & ADDED_OFFER */
#upselloffers{ background:#fefce5; border-radius: 15px; border: 3px solid #e5e5e5; margin: 20px 40px; padding: 10px 5px 5px 0px;font-size: 16px;font-family:"GothamNarrow Book", Arial, sans-serif;}
#upselloffers h1 {font-size: 36px; color: #01a2db; font-family:"GothamNarrow Bold", Arial, sans-serif; text-transform:uppercase; font-weight:400; letter-spacing:-.5px; padding:0; margin:0;}
#upselloffers h3 {font-size: 20px; color: #000000;}
#upselloffers .emph {font-size: 18px; color:#e71d1f;}
#upselloffers a {font-size: 18px; color: #e71d1f;}
#upselloffers .subtext a {color: #000000; font-size:16px;}
#upselloffers input[type="checkbox"] {margin-top:4px;}
#upselloffers #imgSingle {z-index: 1;position:absolute; top:135px; left:300px; }



#AddedOffer { background:#fff; border-radius:20px; border:5px solid #ddd; overflow:hidden;}
#AddedOffer img{margin-bottom:10px;}
#AddedOffer > div { overflow:hidden;}
#AddedOffer .actions { margin-bottom:20px;}
#AddedOffer .bigButton.close {background:transparent; border:none; color:#666; font-weight:normal;text-decoration:underline;}
#AddedCovers, #AddedDetails {margin:10px;}
#AddedCovers {float: Right; padding-right:100px; border-right:1px solid #999;}
#AddedDetails #title { height: 67px; line-height:67px; margin-bottom:10px; font-size:2.8em; font-weight:normal;}


#cardImages { padding-left: 80px; padding-top:5px; }
.fadeCard { vertical-align: top; }
.radioSm { display: block; overflow: hidden; margin-bottom: 2px; }
.radioSm input { margin: 0 5px; }

.error { background: #cc0904; color: #FFF; border-radius: 4px; margin-left: 5px; margin-top: 2px; font-size: 0.8em; padding: 2px 4px; display: inline-block; zoom: 1; *display: inline; white-space: nowrap; font-weight: bold; position: absolute; }
.renew { background: url(images/icons/renew_icon.png) top left no-repeat; padding-left: 25px; line-height: 20px; }
.help { background: url(images/icons/help_icon.png) top left no-repeat; padding-left: 25px; line-height: 20px; }


#AddedOffer { background:#fefdcd; border-radius:20px; border:5px solid #ddd; overflow:hidden;}

/*JQUERY UI CUSTOM*/
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index: 1000 !important;
}
.ui-autocomplete .ui-state-focus { border: none; background: #eee; }
.ui-autocomplete span { height: 1em; }

.ac-title, .ac-subtitle { display: table-cell; padding-right: 10px; vertical-align: middle; }
.ui-autocomplete .ac-title { font-size: 15px; padding-left: 5px; }
.ui-autocomplete .ac-subtitle { font-size: 11px; }
.ui-autocomplete a { color: #555; }
.ui-autocomplete a:hover { color: #444; }
.ui-autocomplete { padding: 0px; border-radius: 0 0 5px 5px; border: none; border-top: 1px solid #eee; box-shadow: 0 3px 6px #333; }

.ui-widget {font-size: 1.1em;}
.multiUpsell h1 { padding-top: 5px; }

/*announcement*/
.announce {
    background-color: #fefdcd;
    padding: 5px;
    font-weight: bold;    
    font-size: .9em;
}
.announce_border {
    background-color: #fefdcd;
    padding: 5px;
    border: 1px solid #cfcfcf;
}


#receiptinfo {border:1px solid #bebebe; border-collapse:collapse; background: #eee;}

#cvvBox{ background: #fff !important;border-radius: 20px;font-size: 1.2em;color: #2e2e5e;}


/*Latest*/
#Latest{}
    #Latest h1 {
        color: #3f417c;
        font-family: 'BentonSansCompBold', Arial, sans-serif;
        font-size: 2em;
        font-weight: normal;
        letter-spacing: .25px;
    }

    #Latest .Save {
     color: #c90909;
    }

    #Latest .LowPrice {
        font-size: 21px;
        font-family: 'BentonSansCompBold', Arial, sans-serif;
        color: #3f417c;
        line-height: 28px;
        letter-spacing: 1px;
        font-style: normal;
    }

    #Latest .offer {
        color: #3f417c;
        font-family: 'Arial Bold', sans-serif;
        font-size: 1.9em;
        font-weight: normal;
        letter-spacing: -.25px;
    }

    #Latest .smTitle {
        color: #3f417c;
        font-family: 'BentonSansCompBold', Arial, sans-serif;
        font-size: 1.7em;
        font-weight: normal;
        letter-spacing: .5px;
        margin: 0 0 10px 5px;
    }

    #Latest .Savesmall {
        font-family: 'Arial Bold', sans-serif;
        color: #c90909;
        font-size: 1.4em;
        font-weight: normal;
    }

.taxfontregular {
    font: 14px 'Arial'
}

.taxfonttotal {
    font: 16px 'Arial Bold'
}

.taxlabel {
    width: 50px;
    text-align: right;
}

.taxdata {
    width: 100px;
    text-align: right;
}



.taxdivider {
    border-top: solid 0.5px dimgrey;
    width: 150px;
    margin-left: 30px;
    max-width: 200px;
    padding:2px;
}