.container { margin-right: auto; margin-left: auto; padding-left: 0px; padding-right: 0px;}
.headerlinkbar li b { font-size:11pt; color: #004990;}
.global-header {background:#FFF;min-height:33px;}
.logo img {max-height:57px;max-width:297px;}
.wide-head-top, .wide-head-top a, .wide-head-top a:hover {color: #999999;}
.wht-strapline {float:left; font-size:9pt; font-weight:400; text-transform:uppercase;}
.head_buttons a{color:#999999;}
.head_caption {color:#999999;}
.header-call {margin:15px 0 0 0;}
#head_right .searchbox {float:right; width:250px; padding:2px; background:#ECF0F1; border:1px solid #D3DCDE; border-radius:5px; overflow:auto; box-sizing:border-box;}
#head_right .searchbox .txt_search{background:#FFF; border:1px solid #D3DCDE; border-radius:5px; width:80%; color:#000;}
#head_right .searchbox .btn_search{ width:15%; margin:0px; padding:5px; color:#FFF;}
#head_right .searchbox .btn_search:hover{}

.searchbox .search-btn {}
.search-results {margin:0 0 15px 0;}
ul.topnav {max-height:50px;overflow:hidden;}
.tnsub div.lev2 li {margin: 3px 0 0 0;}
.tnsub ul li {padding:0;font-size:10pt;}
.tnsub ul li a {font-size:10pt;}
.tnsub-inner {padding:20px 20px; overflow:auto;}
.tnsub-inner .drp {float:left; width:25%; min-height:200px; box-sizing:border-box;}
.tnsub-inner .drp-inner {padding:0 5%;}
.tnsub-inner .drp h4, .tnsub-inner .drp h4 a {font-size:13pt;}

.breadcrumb { background-color: #FFFFFF; border-radius: 0px;  border-bottom: solid 1px #E7E7E7; padding:8px 0px;}
.list-view-buttons i {color: #ADADAD; font-size: 18pt; margin: 0 5px; }
p {line-height:155%;}
.pay-sim .tablebox {margin: 10px auto;}
.pay-sim .tablebox .tableheads td {padding: 5px; font-size:12pt; font-weight:bold;}
.pay-sim .form-control {margin: 5px 0;}
.popcats .col-sm-2 {margin: 0 0 35px 0;}
.faux-addit {display:none;}
h1.lrg {font-size: 30px; font-weight:normal;}
.spinner {width:100px;}
.text-info, .text-info:hover {color: #999999;}
.itemadded {color:#004990;}
#popalerttext {font-size: 13pt; font-weight:normal;}
.social-logos img {background:#004990;border-radius:50%; }
.social-logos img:hover {background:#004990; }
.social-logos img {width:40px;margin:0 10px 0 0; }
.text-muted, .text-muted a {color: #777777;}
.cust-addr {background:#5B80C3;}
.welcome, .welcome a {color:#333;font-size:12pt;}
.acc-orders .btn-status {color:#3399CC;font-size:100%;} 
.fm-box-info i {font-size: 16pt; color: #999999; }
.fm-box-info i:hover {font-size: 16pt; color: #3399CC; }
.tooltips span {background:#3399CC;}
.tooltips span:after {border-bottom: 8px solid #3399CC;}

.brand-logos {width:100%; overflow:hidden; border-bottom:1px solid #CCC;}
.brand-logo {float:left;width:20%; text-align:center;}
.brand-logo img{width:auto; max-height:60px; margin:0 auto;}
.mob-social-networking ul li a {color:#FFF;}
#content_right {}
#catlist li h4 { background: #FFF;}
#catlist .pageing {background:#ECF0F1;}
.cat-list-categories li {width: 19.9%;}
.cat-list .prodListItem {width:20%;height: 420px;background:#FFF; box-sizing:border-box;}
.cat-list .prodListbox {height:auto;min-height: 420px;}
.cat-list .prodImg {position:relative;}
.cat-list .prodInfo { width: 100%; height: 140px; padding: 0;}
.cat-list .prodInfo p {text-align:center;}
.cat-list .prodInfo p a {color:#004990; font-size:12pt;}

.cat-list .prodSku { display:block; width: 100%; padding: 0; font-size: 11px; color: #999; text-align: center; }
.cat-list p.prodTitle {line-height:120%;}
.cat-list .prodStock {display:none;}
.cat-list .prodUnitofStock { text-align: center;}
/*.cat-list .prodText {display:none;} */
.cat-list .prodInfo .prodText {text-align:center; height:auto; line-height:110%; margin:10px 0 0 0;}
.cat-list .prodInfo .prodText .product-shortdesc, .product-shortdesc {text-align:center; height:40px;color:#3399cc;font-weight:900;}
.cat-list .prodInfo .prodText p {line-height:120%;}
.cat-list .overlay-special {position:absolute;top:0px;right:0px;background-image:url(/content/1/skin/overlay-special.png);background-position: top 3px right 3px; background-size:50px 50px; background-repeat:no-repeat; width:70px; height:70px;}
.cat-list .qbrk-panel {display:none;}  
#overlay-preview {background: #f1f1f1;}
.qblist .prodInfo .prodText {display:inline-block;}
.qblist .prodInfo .prodText .product-shortdesc {text-align:left;}
.tabs {border-bottom: solid 1px #c5c5c5; }
a.tab.active {background:#FFF; border: solid 1px #c5c5c5; border-bottom:solid 1px #FFF;}
a.tab:hover  {background: #F5F8FA;}

.tabbed {background:#FFF; padding: 10px; box-sizing:border-box;}
.tableheads td {background:#E0E0E0;color:#000000;}
td.cart_title {color:#000000;}
td.cart_quantity, td.cart_remove {text-align:center;}

.cat-list .overlay-new {position:absolute;top:0px;right:0px;background-image:url(/content/1/skin/overlay-new.png); background-position: top 3px right 3px; background-size:50px 50px; background-repeat:no-repeat; width:70px; height:70px;}
.prodListItem .overlay-new {position:absolute;top:0px;right:0px;background-image:url(/content/1/skin/overlay-new.png); background-position: top 5px right 10px; background-size:40px 40px; background-repeat:no-repeat; width:60px; height:60px;}
#productPhoto {position:relative;}
.productdetail .overlay-new {position:absolute;top:5px;right:5px;background-image:url(/content/1/skin/overlay-new.png); background-position: top 0px right 0px; background-size:90%; background-repeat:no-repeat; width:70px; height:70px;z-index:99;}

.homepanels {background:#FFFFFF;}
.homepanel-photo {width: 100%; margin-bottom: 10px;background-size:cover; min-height:350px;}
.homepanel-header {text-align: center;  background-color: rgba(0, 0, 0, 0.4); box-sizing: border-box; width: 90%; margin: auto; padding: 5%; position: relative; top: 20px;}
.homepanel-header h1 {text-transform:uppercase;}
.homepanel-header h1,.homepanel-header h2,.homepanel-header h3 {color:#FFFFFF;}
.homepanel-header h2,.homepanel-header h3 {font-weight:normal;}
.homepanel-logo {text-align:center;}
.homepanel-logo img {width:100%;max-width:300px;}
.homepanel-text {text-align:center;margin:0 0 10px 0;line-height: 155%;}
.homepanel-button {text-align:center;}
.homepanels .column-inner {padding-bottom:20px;}

.rowbgdark, .rowbgdark td {color:#000;background:#EFEFEF}
.rowbgmid, .rowbgmid td {color:#000;background:#EBEBEB}
.rowbglight, .rowbglight td {color:#000;background:#FFFFFF}
.rowbglighter, .rowbglighter td {color:#000;background:#FFFFFF}

.productdetail .prodSuplogo { float: none; width:100%; text-align:center;}
.productdetail .prodSuplogo img {display:inline; width:100%; max-width:170px; margin:20px auto}
.productdetail .prod-short-desc {}
.productdetail .prod-barcode {display:none;}
.productdetail .label {font-weight: normal; color: #999;}
.productdetail .data {font-weight: bold; color: #000;}
.productdetail #prod-short-desc {color:#3399CC;font-weight:900;}
.price-now .title {text-transform:none; color:#777; font-size:12pt;}
.cart-table {border-top:solid 1px #CCC;}
.cart-heads {font-weight: 700; background-color: #FFF !important; border-bottom:solid 1px #CCC;}
.cart-row:nth-of-type(odd) {background-color: #FFF !important; border-bottom:solid 1px #CCC;}
.cart-row:nth-of-type(even) {background-color: #FFF !important; border-bottom:solid 1px #CCC;}
.cart-remove input[type="checkbox"] {display: none;}
.cart-remove input[type="checkbox"] + label { background: url('/images/trash.png') no-repeat; background-size: 20px 20px; width: 20px; height: 20px; display:inline-block; padding: 0 0 0 0px;}
.cart-remove input[type="checkbox"]:checked + label { background: url('/images/trash.png'); width: 20px; height: 20px;}
.cart-quantity, .cart-rrp, .cart-remove {width:13%}
.cart-price {width:20%}
.cart-item-special-offer {font-weight:bold;color:#CC0000;}
.custom-navbar .nav.navbar-nav.navbar-right li>a {color: #FFFFFF;}
.custom-navbar .nav.navbar-nav.navbar-right li>a:hover {color: #FFFFFF;}
.custom-navbar .navbar-toggle {background-color: #004990; border-color: #004990;}
footer .container:before {content:"";}
#globalfooter {width:100%;background:#FFF;}
.global_footer {width:100%;background:#FFF;}
.footer {width:100%;background:#FFF;}
.pay-logos img {margin:5px;}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background:#ffffff none;border:1px solid #cccccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{border:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);}
form .col-sm-6,form .col-sm-12,.col-sm-4.padme{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.address-block {line-height:140%;}
.fnb {width:20%; margin:0; box-sizing:border-box;}
.fnb h3 {font-size:13pt;}
.fnb ul {font-size:10pt; line-height:150%;}
.fnb li, .fnb p {font-size:10pt; line-height:150%;}
.fnb li a {font-size:10pt;}
.fnb-inner li {padding:0;}
.fnb-inner .address-block {font-size:10pt;line-height:150%;}
.module-products .mod-prod {margin: 20px; box-sizing:border-box;}
.module-products .mod-prod .mod-prod-inner {padding: 10px; text-align:center; border:1px solid #CCC; box-sizing:border-box;}
.module-products .mod-price {font-size:16pt; color:#CC0000; font-weight:700; text-align:center; box-sizing:border-box;}
.mod-doc { border-top: none; }
.mod-doc img {width: 40px;}
.mod-doc {height:auto;line-height:100%; padding:0; margin:10px 0;overflow:inherit;border:none;}
.mod-doc img{float:left;width:40px; margin-right:10px;}
.mod-doc h5 {display:inline-block; padding:8px 0 0 0;font-weight:300;width:80%;}
#content_threecol .module-products .mod-prod {float:left; width:33.33%; margin: 0; box-sizing:border-box;}
#content_threecol .module-products .mod-prod .mod-prod-inner {margin: 10px; min-height:330px;}

.button.checkout {font-size:16pt; background:#2ead41;}
.button.checkout:hover {background:#1CBD2C;}
.button.hilite {background:#3399CC;}
.button.hilite:hover {background:#004990;}
.headerlinkbar li {width:25%;}
.delivery_options {width: auto; position: relative; background: #EFEFEF; padding: 10px; margin: 10px 0; border-radius: 5px;}

.callout-panel { background: #EFEFEF; padding: 10px; border: solid 1px #EFEFEF; border-radius: 6px; margin: 20px 0; box-sizing: border-box;}
.callout-panel h2{ font-size:13pt; padding:5px 0;margin:0;}
.module h2 { background: none; color: #004990;}
.receipt-ordernum {font-size:13pt;}
#cboxLoadedContent {padding:10px;}
#content_foot .pagearea {text-align:left; padding:20px 3%;}
/* iphone and Mobile */
@media only screen and (min-width: 100px) and (max-width: 767px) {

.global-header {background:#004990;position:fixed;z-index:999;}
ul.topnav {max-height: 2000px;}
.tnsub-inner .drp {float:left; width:100%; min-height:auto; box-sizing:border-box;}  
.cust-addr {background:#5B80C3;}
.welcome {color:#FFF;}
.welcome a{color:#FFF;}
.head_buttons a{color:#fff;}
.head_caption {color:#FFF;}
.mob-social-networking ul li a {color:#FFF;}
#content_right {}
#catlist li h4 { /*background: #EFEFEF;*/}
#catlist .prodListItem {background:#FFF;}
.cat-list li, .cat-list-categories li { width: 50%;}
.cat-list .prodListItem {float: none; width: 100%; height: auto;}
.cat-list .prodListbox {float: none; width: 100%; height: auto; min-height:auto;}
#overlay-preview {background: #f1f1f1;}
a.tab:hover  {background: #F5F8FA;}
.tabbed {background:#FFF;}
td.cart_title {color:#000000;}
.homepanels {background:#FFFFFF;}
.brand-logo {float:left; width:50%; text-align:center;}
.fnb { width: 100%; padding: 0 0 0 10px; box-sizing: border-box; }
.fnb-inner, .fnb li a, .fnb-inner, .fnb-inner ul li,  .fnb-inner ul li a, .fnb-inner .address-block, .fnb-inner p { font-size:12pt; }
.save-cart-tip {display:none;}
.saveorder {text-align:center;}
#content_threecol .module-products .mod-prod {float:none; width:100%; margin: 0; box-sizing:border-box;}  
}

@media only screen and (max-width: 480px) and (min-width: 323px) {
 .fnb { width: 100%; padding: 0 0 0 10px; box-sizing: border-box; }
}


@media only screen and (min-width: 768px) and (max-width: 1200px)  {
 #head_left {width:38%;}
 #head_center {width:24%;}
 #head_right {width:38%;}
 .logo img {max-height:40px;max-width:100%;}  
 ul.topnav {padding-left:15px;}
 ul.topnav li a { font-family: arial; font-stretch: condensed; padding: 16px 4px 18px 4px; font-size: 100%;}
}

@media only screen and (min-width: 768px) and (max-width: 900px)  {
    ul.topnav li a { font-family: arial; font-stretch: condensed; padding: 16px 4px 18px 4px; font-size: 85%;}
}