:after,:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

#left_column,#right_column{width:20%;}
#left_column{padding-right:1%;}
#right_column{padding-left:1%;}
#center_column{width:100%;}

#kbox #center_column>*{    -webkit-touch-callout: initial!important;
    -webkit-user-select: initial!important;
    -khtml-user-select: initial!important;
    -moz-user-select: initial!important;
    -ms-user-select: initial!important;
    user-select: initial!important;}


/**
 *
 * PAGE EVENTS
 *
 */
#page > div.container.isLoading{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:aplha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
#loader{display:none;font-size:47px;position:fixed;right:0;left:0;margin:auto;text-align:center;bottom:0;top:0;height:47px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:aplha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:1000;}
#loader:after {content: "Loading";font-size: 10px;display: block;margin: 0;padding: 0;position: absolute;bottom: -43px;text-align: center;left: 0;right: 0;margin: auto;}

/**
* ----------------------------------
* @section FIXES
* ----------------------------------
* Various fixes for browsers
*/
.clearfix:after{clear:both;display:block;height:0;font-size:0;visibility:hidden;content:".";}
@media screen and (max-width: 400px) {@-ms-viewport {width: device-width;}}
* html .clearfix{zoom:1;}
*:first-child+html .clearfix{zoom:1;}
@-ms-viewport{width:device-width;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
html{-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}

/**
 * --------------------------------
 * @section HELPER CLASSES
 * --------------------------------
 */
/* prevents text selection */
.no-select {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.no-select-all, .no-select-all *{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/**
 * --------------------------------
 * @section Site Components 
 * --------------------------------
 */
@media all {
    /* INPUTS */
    input[type="number"],input[type="text"],input[type="password"],textarea,select{background:#FFF;border: 1px solid #ccc;border-radius:3px;color: #666;padding: 5px 2%;outline: none;}
    .std-input-wrap>label{display:block;margin:5px 0;font-weight:bold;}
    input[type="text"]:disabled,input[type="password"]:disabled,textarea:disabled{background:rgb(235, 235, 228);}
    input[type="text"]:focus,input[type="password"]:focus,textarea:focus{border:1px solid #888;}
    em.optional{position:absolute;top:0;right:0;}
    input.currency{max-width:100px;}
    input.cc_number,input.cc_name{max-width:300px;}

    /* Filter Boxes */
    .filter >input[type="checkbox"]{position: relative;bottom: 1px;vertical-align: middle;}
    #filter_box h3{font-size:12px;padding:5px;margin:0px;}
    #filter_box h3 i{float:right;padding-top:1px;padding-right:2px;}
    #filter_box ul{max-height: 185px;overflow-x: hidden;overflow-y: auto;margin:0;padding:5px;}
    #filter_box li{font-size:12px;cursor:pointer;padding:0px;list-style:none;margin:2px 0;color:#440e62;}
    #filter_box li.hidden{display:none;}

    /* Recently Viewed */
    #recently_viewed{text-align:center;}
    #recently_viewed h2, #recently_viewed h3, #recently_viewed h4{margin-top:0;}
    #recently_viewed li a{display:block;text-align:center;}
    .horizontal #recently_viewed ul li{float:left;}
    .horizontal #recently_viewed{text-align:left;}
    
    /* Block Cart */
    #cart_block div.product_info{background:#FFF;color:#000;}
}

/**
 * -----------------------------------
 * @section Print View
 * -----------------------------------
 */
@media print {
    #header,#footer,#right_column,#left_column,#topbar{display:none;}
    .mobile{display:none!important;}
    
    /* Size Charts */
    #size_chart_container table{display:block!important;width:100%;}
    #size_chart_container .tab-container{display:none;}
    #size_chart_container th, #size_chart_container td{font-size:12px;padding:4px;}
    #size_chart_container h2{text-align:left;}
    #size_chart_container h3{font-size:12px;margin-top:0!important;-webkit-margin-before:0!important;}
    #size_chart_container .stdbut{display:none;}
    #size_chart_container .menu-bar{display:none;}
}



/**
* -----------------------------------
* @section Tablet View
* -----------------------------------
*/
@media screen and (min-width: 768px) and (max-width:1000px) {
    #right_column{display:none;}
    #header .col:nth-child(3){display:none;}
    
    #size_chart_container table.freeze tr td{font-size:14px;padding:5px 2%;white-space:nowrap;}
    #size_chart_container table tr td  {padding: 5px 1px;font-size: 12px;}
    #size_chart_container table tr th{padding-left:2%;padding-right:2%;font-size:12px;}
}

/**
* -----------------------------------
* @section Tablet + Desktop
* -----------------------------------
*/
@media screen and (min-width: 768px) {
    .mobile,.mobile img{display:none!important;}
}

#center_column>.row {
    margin-left: 0;
    margin-right: 0;
}

/**
* --------------------------------
* @section STD MODULES
* --------------------------------
*/
@media all {
    /* TABLES */
    .std-table{display:table;width:100%;}
    .std-table.fixed{table-layout:fixed;}
    .std-tr{display:table-row;}
    .std-td{display:table-cell;}
    
    /* PAGES */
    .std-page-print{margin-left:auto;margin-right:auto;max-width:670px;} /*formatting for full page print */
    .std-page-print table{width:100%;}

    /* TRUNCATION */
    .std-truncate-1{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1!important;}
    .std-truncate-2{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2!important;}
    .std-truncate-4{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 4!important;}
    
    /* COLUMNS */
    .std-col-row{display:table-row;width:100%;}
    .std-col{display:table;width:100%;box-sizing:border-box;position:relative;}
    .std-col.fixed{table-layout:fixed;}
    .std-col>.col,.std-col-row .col{display:table-cell;vertical-align:top;}
    .std-col>.resp{display:block;float:left;}
    .t .t-break, .m .t-break{clear:left;}
    .t .t-50, .m .t-50{width:50%;box-sizing:border-box;}

    .std-col-image-left{width:30%;padding-right:1%;position:relative;min-height: 140px;text-align:center;}
    .std-col-image-right{width:69%;}
    .std-col-left-20{width:19%;padding-right:1%;}
    .std-col-left-25{width:24%;padding-right:1%;}
    .std-col-left-30{width:29%;padding-right:1%;}
    .std-col-left-40{width:39%;padding-right:1%;}
    .std-col-left-50{width:49%;padding-right:1%;}
    .std-col-left-60{width:59%;padding-right:1%;}
    .std-col-left-70{width:69%;padding-right:1%;}
    .std-col-left-80{width:79%;padding-right:1%;}
    .std-col-right-80{width:80%;}
    .std-col-right-70{width:70%;}
    .std-col-right-60{width:60%;}
    .std-col-right-50{width:50%;}
    .std-col-right-40{width:40%;}
    .std-col-right-30{width:30%;}
    .std-col-right-25{width:25%;}
    .std-col-right-20{width:20%;}
    .std-col-right-10{width:10%;}
    .col.std-valign-top{vertical-align:top;}
    .col.std-valign-middle{vertical-align:middle;}

    
    /* GENERAL ELEMENTS */
    .std-block{display:block;}
    .std-name{font-weight:bold;text-transform:uppercase;}
    .std-desc{font-weight:bold;text-transform:uppercase;}
    .std-hide{display:none;}
    .std-clear{clear:both;}
    
    /* BUTTONS */
    .stdbut{cursor:pointer;display:inline-block;}
    .stdbut.expand{display:block;width:100%!important;padding-left:0!important;padding-right:0!important;}
    .stdbut.red{background:#e24141;color:#FFF;white-space:nowrap;border-width:0;}
    .stdbut.red:hover{background:#e52020;}
    
    /*
    * Collapse Elements
    * Structure <.ui-collapse><h4></h4><div></div></.ui-collapse>
    * .ui-no-collapse contains same styling/structure without collapsible features
    */
    .ui-collapse:not(.nsp),
    .ui-no-collapse:not(.nsp){padding:0 15px 8px;}/*force style on aggressive elements*/
    .ui-collapse,
    .ui-no-collapse{position:relative;}
    .ui-collapse:not(.ui-no-border):not(.nsp),
    .ui-no-collapse:not(.ui-no-border):not(.nsp){border-top:1px solid #DDD;}
    .ui-collapse.ui-no-border h4:after,
    .ui-no-collapse.ui-no-border h4:after{right:9px;}
    .ui-collapse:not(.nsp) h4, .ui-collapse:not(.nsp) .title,
    .ui-no-collapse:not(.nsp) h4, .ui-no-collapse:not(.nsp) .title {padding:0;display:block;text-transform:uppercase;margin:0 14px 0 0;padding-top:10px;font-size:18px;font-weight:bold;}
    .ui-collapse h4, .ui-collapse .title,
    .ui-no-collapse h4, .ui-no-collapse .title{cursor:pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .ui-collapse h4:not(.no-sign):after,
    .ui-collapse>.title:not(.no-sign):after{content:"+";clear:both;font-size: 27px;line-height: 22px;position:absolute;right:4px;/*top:10px; check*/}
    .ui-collapse h4.open:not(.no-sign):after,
    .ui-collapse>.title.open:not(.no-sign):after{padding-right:4px;content:"-";line-height:16px;}
    .ui-collapse:not(.nsp)>div:not(.no-margin),
    .ui-no-collapse:not(.nsp)>div:not(.no-margin){margin-top:10px;}
    .ui-collapse>div{display:none;}
    .ui-collapse>div>ul{margin:0 0 10px;list-style:none;}
    .ui-collapse>div>ul li{margin-bottom:10px;}
    .ui-collapse>div>ul li a{color:#440e62;font-size:16px;text-decoration:underline;}
    .ui-collapse .std-alert-box{margin:10px 0 10px;}
    /* Fix for scroll down */
    .ui-collapse form>p.extended:first-of-type,.ui-collapse form>p.extended:first-of-type>label, .ui-collapse>div>p:first-child{margin-top:0!important;}
    .m .ui-collapse,.m .ui-no-collapse{padding:0 15px 8px;}/*force style on aggressive elements*/
    .m .ui-margin{margin-left:15px;margin-right:15px;}

    /* CONCAT */
    .std-truncate{overflow:hidden;position:relative;z-index:0;}
    .std-truncate:before{background:#FFF;bottom:0;position:absolute;right:0;content:'\2026';padding-right:5px;}
    .std-truncate:after{content:'';background:#FFF;position:absolute;height:50px;width:100%;z-index:1;}

    /* WRAPPERS */
    .std-option-wrapper{margin: 0 0.4em 18px;text-align: left;font-size: 14px;}
    .std-option-wrapper:last-child{margin-bottom:0;}
    .std-input-wrap{margin-bottom:10px;}
    .std-image-wrap img { width:100%; height:100%; }

    /* SPECIAL ELEMENTS */
    .std-item-title{font-weight: bold;font-size: 18px!important;margin: 0;clear: both;line-height:1.2em;}
    .std-item-id,.std-upc{display:block;margin:0;text-align:left;}
    .std-item-price-red{color:#FD0100;font-size: 26px;font-weight:bold;}
    .std-your-price{color: #000;font-size:20px;font-weight:bold;margin:10px 0;}
    .std-address-block{margin:0 0 10px;list-style:none;}
    .std-address-block .title{font-weight:bold;text-transform:uppercase;}

    /* CALLOUTS */
    .std-callout{position:relative;border:1px solid #eee;border-left-width: 5px;border-radius: 3px;padding:20px;margin:10px 0;overflow:hidden;}
    .std-callout>i{position:absolute;top:0;left:0;font-size:180px;height:180px;margin:auto;opacity:0.1;z-index:0;}
    .std-callout ul{padding-left:20px;}
    .std-callout.info{border-left-color:#8ed9f6;}
    .std-callout.info h4{color:#8ed9f6;}
    .std-callout.info i {color:#8ed9f6;}
    div>.std-callout:first-child{margin-top:0;}

    .std-callout h4:first-child{margin-top:0;}
    .std-callout h4{text-transform:capitalize;font-weight:bold;line-height: 1.1;font-size: 18px;}
    .std-callout>*:last-child{margin-bottom:0 !important;}
    .std-callout>*:not(i){position:relative;}
    .std-callout>*{z-index:1;}
    .std-callout i.fa-history{top:-23px;left:auto;right:10px;}

    /* ROW
    * Specifies a line of specific data, often used on receipts such as cart related pages
    */
    .std-row{display:table;width:100%;position:relative;border-bottom:1px solid #000;padding:8px 0;/*margin:0 2% 0;*/}
    .std-row:after{clear: both;display: block;height: 0;font-size: 0;visibility: hidden;content: ".";}
    .std-row .name{text-align:left !important;padding:0 0 0 4%;font-size:14px;font-weight:bold;text-transform:uppercase;}
    .std-row .name span{font-size:12px;font-weight:normal;text-transform:capitalize;}
    .std-row .price,.std-row .value{text-align:right !important;padding:0 4% 0 4%;font-weight:bold;font-size:20px;}
    .std-row>.name,.std-row>.price,.std-row>.value{display:table-cell;vertical-align:middle}
    .std-row>.checkbox{display:table-cell;vertical-align:middle;}
    .m .std-row>.checkbox{padding-right:2%;padding-left:4%;}
    .std-row.insurance_total .name{padding-left:0;}
    .std-row.navigation{width:92%;padding:10px 4%;}
    
    .std-tooltip{color:#069;position:relative; border-bottom: 1px dotted #069;}
    .std-tooltip>span{display:none;}
    .std-tooltip:hover>span{display:inline;position:absolute;bottom:25px;right:0;width:160px;border:1px solid #DDD;background:#FFF;font-size:12px;}
    .std-tooltip:hover>span>span{padding:8px;display:block;color:#4F66A5;padding-right:32px;}
    .std-tooltip>span>i{position:absolute;display:block;font-size:20px;float:right;padding:11px;right:0;top:0;bottom:0;height:19px;margin:auto;}
    .std-tooltip.no-tip{color:#069;border-bottom:none;}

    .std-navigation {overflow: hidden;padding: 5px 0px;clear: both;border-bottom: 0;}
    .std-navigation.buttons a:first-child,.std-navigation.buttons .stdbut.left{text-align:left;float:left;}
    .std-navigation.buttons a:last-child,.std-navigation.buttons .stdbut.right{text-align:right;float:right;}

    /* Breadcrumbs */
    ol.breadcrumb,ul.breadcrumb{-webkit-padding-start: 0;-moz-padding-start:0;list-style-type:none;}
    .breadcrumb li{float:left;}
    
    /* Size Charts */
    #size_chart_container table{clear:both;width:100%;border-color:#4C3B31;}
    #size_chart_container>table{margin:10px auto;}
    #size_chart_container table tr td{padding:5px;}
    #size_chart_container table tr th{padding:5px;border: 1px solid;border-color: inherit;}
    #size_chart_container table>thead>tr:first-child>th{padding:10px;font-size:16px;font-weight:bold;}
    #size_chart_container table>tfoot>tr:first-child>th{font-size:10px;}
    #size_chart_container .wrap{width:100%;text-align:center;}
    #size_chart_container .menu-bar{margin-top:10px;margin-left:10px;}
    
    #size_chart_container .menu-bar .stdbut{margin:0;}
    #size_chart_container h2{clear:both;}


    #size_chart_container .tab-container{display:none;}
    
    #size_chart_container .tab-container .tab {display:table-cell;padding:1%;padding-bottom:50px;cursor:pointer;text-align:center;}

    #size_chart_container table.freeze{border-collapse: collapse;display: block;width: 100%;max-width: 100%;overflow: scroll;padding-bottom:8px;}
    #size_chart_container table.freeze tbody{display: block;margin-left: 22%;}
    #size_chart_container table.freeze tr th:first-child{left: 0; position:absolute; width:20%}
    
    .std-drop-down {display: none;position: absolute;top: 40px;left: 0;z-index: 100;background: #FFF;box-shadow: 3px 3px 6px #DDD;border: 1px solid #CDCDCD;border-radius: 5px;}
    
    /* Amazon Order Screens/Components */
    .m .std-page-amazon{margin:0 2%;}
    .amazon-component {width:100%!important;margin-bottom:10px;}
    .amazon-component>.widget-container{width:100%!important;}
    .amazon-component>.widget-container iframe{width:100%!important;}
    
    /**
* @component Review Preview Box
* Used for short summaries of top reviews
* Optimal Structure
*  <div.std-review-preview>
*      <div.left>
*          <img/>      // Item Image
*      <div.right>
*          <.title/>   // Item Title
*          <ratings>   // Item Avg Rating
*      <div.body>
*          <.title/>   // Review Title
*          <.author/>  // Review Author
*          <.date/>    // Review Date
*          <.content/> // Review Content
*          <a>Read More</a>
*/
.std-review-preview{display:block;padding:0 10px;}
.m .std-review-preview{display:block !important;margin-left:10px;border-left:5px solid #d1f1fa;margin-bottom:15px;}
.std-review-preview .left{text-align:center;float:left;width:40%;}
.std-review-preview .left img{margin:auto;max-height:130px;max-width:100%;}
.m .std-review-preview .left img{max-height:90px;}
.std-review-preview .right{float:right;width:60%;}
.std-review-preview .right>.title{margin-bottom:5px;}
.std-review-preview>.body{clear:both;}
.std-review-preview>.body>.title{font-weight:bold;}
.std-review-preview>.body>*:not(.content){margin:0;}

#searchbox{position:relative;}
#categories_box>h4:first-child{margin-top:0;}
}


/**
* ---------------------------------------------------
* @section Individual Page Components
* ---------------------------------------------------
* Some components need specific styling and only apply to a single page
*/

/**
* VIEW PRODUCT PAGE
*/
#product .purchase-container{margin-top:10px;margin-bottom:15px;}
#product div.photos{text-align:center;}
#product div.photos #bigpic{max-height:400px;max-width:400px;}
.badge_big {width:60px;height:60px;position:absolute;right:0;z-index:4;top:0;background-position:top right;}
#product div.photos ul li{background:#FFF;}


/**
 * -----------------------------------
 * @section Mobile View
 * -----------------------------------
 */
@media screen and (max-width: 767px) {
    .no-mobile,.no-mobile img{display:none!important;}
    #left_column,#right_column{display:none;}
    
    /* Header */
    #header{margin-bottom:0;background:#FFF;position:relative;width:100%;}
    #header .col:first-child  {width:100%;text-align:center;display:block;}
    #header .col:nth-child(2) {display:block;width:100%;margin-top:5px;background:#DDD;padding:8px 0;}
    #header .col:nth-child(3){display:none;}
    #header .container a.logo{height:auto;width:140px;margin:auto;padding-top:2px;position:absolute;left:0;right:0;top:0;}
    #header a.logo img {width:140px;height:60px;margin-top:4px;}
    
    /* Top Bar */
    #topbar,#topbar .container,#cart_block{height:0!important;background:transparent;}
    #topmenu { display:none; }
    #cart_block{margin-top:0!important;}
    #topbar #cart_block>a,#cart_block>button{display:none;}
    #cart_dropdown{top:0!important;right:0!important;left:auto!important;}

    
    /* NAVIGATION */
    #mobile-left-btn, #mobile-right-btn {cursor:pointer;width:72px;height:72px;text-align:center;line-height:6.5em;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    #mobile-left-btn {float:left;}
    #mobile-right-btn{float:right;position:relative;}
    #mobile-left-btn i,#mobile-right-btn i{font-size: 60px;color: #a186be;}
    #mobile-right-btn .cart-has-items{position:absolute;top:6px;right:6px;height:16px;z-index:100;width:16px;line-height:1em;border-radius:50%;background:#FFF;color:#000;}
    #mobile-right-btn .cart-has-items>span{position: absolute;top: 0;bottom: 0;left: 0;right:0;height:16px;margin:auto;font-size:12px;}
    #navmenu{z-index:5;height:25px;width:100%;display:none;position:absolute;top:76px;left:0px;margin:0;height:400px;}
    #navmenu ul{display:block;}
    #navmenu ul li{position:relative;float:none;width:100%;background:#a186be;border-bottom:1px solid #ddd;}
    #navmenu ul li.mobile i{position:absolute;right:0;top:0;bottom:0;margin:auto;height:20px;font-size:20px;margin-right:10px;width:30px;text-align:center;}
    #navmenu ul li,#navmenu ul li a{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    #navmenu ul li.category-header{padding:5px 0 5px 10px;background:#ddd;color:#FFF;}
    #navmenu ul li.button-holder{padding-top:1px;text-align:center;background: #ddd;color:#FFF;}
    #navmenu ul li.button-holder a.stdbut{width:80%;display:block;padding-left:0;padding-right:0;}
    #navmenu ul li:not(.button-holder) a{display:block;text-transform:capitalize;padding:7px 0;text-align:left;margin-left:10px;color:#FFF;}
    #navmenu ul li:first-child a{font-size: 1.2em;margin-left:0;color: #ffb400;font-weight: bold;text-align:center;}
    
    /* FOOTER */
    #footer,.push{height:4.75em;}
    #footer{background:#FFF;padding:0;margin:0 0 40px 0;width:100%;}
    #footer .container{text-align:center;font-size:11px;}
    
    .col.std-m-break:not(.std-callout){display:block!important;width:100%;}
    .col.std-m-break.std-callout{display:block!important;width:auto;}
    .std-col.std-m-break >.col{display:block!important;width:100%;}
    .std-col.std-m-break{display:block!important;}
    
    /* COLUMNS */
    .m-break{clear:left;}
    .m-50{width:50%!important;box-sizing:border-box;}
    
    #size_chart_container h3{font-size:14px;}
    #size_chart_container h2.table-tab {display:none;}
    #size_chart_container .menu-bar{text-align:center;display:block;width:100%;}
    #size_chart_container .menu-bar .stdbut{padding-left:0;padding-right:0;width:50%;}
    #size_chart_container table.freeze tr th, #size_chart_container table.freeze tr td{font-size:14px;padding:5px 2%;white-space:nowrap;}
    #size_chart_container table.freeze tr th{padding:5px 2%;white-space:pre;}
    #size_chart_container p.note{padding-left:2%;padding-right:2%; font-size:14px;}
    #size_chart_container .tab-container{box-shadow: 0px 0px 3px #000;width:100%;display:table;position:fixed;bottom:0;left:0;right:0;background:#FFF;}
    #size_chart_container table tr th{padding-left:2%;padding-right:2%;font-size:12px;}
    #size_chart_container table tr td{padding: 5px 2%;font-size: 12px;}
    
    #bigpic{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    #product>div.info,#product>.std-col>div.info {width: auto;float: none;border-top: 1px solid #ddd;padding: 10px 0 0;}
    #product div.info .header_block {position: absolute;top: 0;left: 2%;width: 96%;}
    #product>div.info div.sub {width: 94%;margin-top: 0px;border: none;padding: 0 3%;position: relative;}
}