body {font-size: 13px;}
a:hover, a:focus {text-decoration: none; outline: none; }

#top-header-bar {}
#top-header-bar .metro-top-link {padding: 10px 7px 5px; display: inline-block;}

.topmenutab{width : 100px;padding: 0px;}
.topmenutabhome{width : 30px;}
.heading{
    background:#8CBBDC;
    color:white;
    width:100%;
    height:18px;
    font-size:4px;
    color:#ffffff;
    font-weight:bold;
}

.form-group {margin-bottom: 13px;}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #8CBBDC;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #8CBBDC;
}
/* ========================= */

.maincontent, .sidebar { padding-top: 15px; padding-bottom: 15px;}
.bold { font-weight: bold;}
.align-center {text-align:  center !important;}
.align-right {text-align: right !important;}
.align-left {text-align: left !important;}
.img-center {display: inline-block;}
.mt5 { margin-top: 5px !important;}
.mb5 { margin-bottom: 5px !important;}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mb10 { margin-bottom: 10px;}
.mr10 { margin-right: 10px;}
.STYLE1 {color: #FF0000;}
.color-alert, .mandatory {color: #FF0000;}
.black-hr {margin: 10px 0;color: #000000;border-color: #000;}
.hr-grey {margin: 10px 0;border-color: #666;}

 /* header */
#header-navbar.nav > li > a {
    text-align: center;
    /*width: 104px;*/
    height: 42px;
    line-height: 1.1;
    padding: 5px 15px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#metro-nav .navbar-toggle {border-color: #dddddd;}
#metro-nav .navbar-toggle .icon-bar {background-color: #888888;}
#metro-nav .navbar-collapse {padding: 0px;}

#metro-nav .navbar-header .navbar-toggle { margin-right: 0px;}

/* Category, Subcategory */

.category-list-div {
    background-color: #F0F7FB;
    border-bottom: 1px solid #CFE3F0;
    color: #333;
    margin: 8px 0;
    overflow: hidden;
    padding: 8px;
}
.sub-category-list-div {
    color:#333;
    background-color:#F0F7FB;
    border-bottom:1px solid #CFE3F0;
    margin: 8px 0;
    overflow: hidden;
    padding: 8px;
}

.top_sort { list-style: none; padding: 10px 10px 0; overflow: hidden;margin: 0;}
.top_sort li { list-style: none; padding: 0px; width: 33%; float: left; }

.top-sort-div {
    padding: 10px;
    background-color: #f0f7fb;
    color: #333;
    border-bottom: 1px solid #cfe3f0;
    margin: 10px 0 0;
}

.top-sort-div .top-sort-div-header {}
.top-sort-div ul {list-style: outside none none;margin: 0;overflow: hidden;padding: 10px 10px 0;}
.top-sort-div ul li { list-style: none; padding: 0px; width: 33%; float: left; }
.top-sort-div ul li a { color:  #0060ff;}

/* Left sidebar */
.sidebar .left-widget {margin-bottom: 10px;}
.sidebar .left-widget .left-widget-title {color: #FFFFFF; text-align: center; font-weight: bold; padding: 2px 0;}
.sidebar .left-widget .left-widget-title .toggle { display: none;}
.sidebar .left-widget .left-widget-body {padding: 10px;overflow: hidden;}
.sidebar .left-widget .left-widget-body ul {margin-bottom: 0px !important;}
.sidebar .left-widget .left-widget-body.no-padding {padding: 0;}
.sidebar .left-widget .left-widget-body label {font-weight: normal;}

.sidebar .left-widget .left-widget-body .list-group-item:last-child,
.sidebar .left-widget .left-widget-body .list-group-item:first-child{
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
}
.left-widget.account .left-widget-body .form-group .control-label {text-align: left;}
.left-widget.account-login .left-widget-body ul li.list-group-item {padding: 4px 15px;}

.left-widget.coupon-list .left-widget-body ul li,
.left-widget.brand .left-widget-body ul li,
.left-widget.custom-suits .left-widget-body ul li,
.left-widget.brand-tm .left-widget-body ul li,
.left-widget.team-action .left-widget-body ul li {
    padding: 0px; border: none;
}

.left-widget.coupon-list .left-widget-body ul li a,
.left-widget.brand-tm .left-widget-body ul li a {
    border: 1px solid #c6c8ca;
    display: block;
    margin: 1px;
    color:#333333;
    /*font-weight:bold;*/
    height: 22px;
    text-align: center;
}

.left-widget.brand-tm .left-widget-body ul li a {
    color:#333333;
}

.left-widget.brand .left-widget-body ul li a,
.left-widget.custom-suits .left-widget-body ul li a {
    border: 1px solid #c6c8ca;
    display: block;
    margin: 1px;
    text-align: center;
    color: #354441;
}

.left-widget.team-action .left-widget-body ul li a {
    border: none;
    display: block;
    margin: 2px;
    color:#ffffff;
    font-weight:bold;
    height: 22px;
    text-align: center;
    line-height: 23px;
}

 .left-widget.category .left-widget-body row {
    border-top: 0px !important;
 }

.left-widget.category .link-div {
    background: none repeat scroll 0 0 #f4f4f4;
    border: 1px solid #c6c8ca;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 0 5px;
}

.left-widget.category .link-div a {
    color: #354441;
    text-decoration: none;
}

.left-widget.category ul.subcategory {list-style:none;padding:0px;clear: both;}
.left-widget.category ul.subcategory a {display:block; padding:1px 10px; color: #333333;}
.left-widget.category ul.subcategory a:hover,
.left-widget.category ul.subcategory a:focus{
    color: #ff0000;
}

/* Home */
.product div.productThumb {
    height         : 300px;
    border         : none;
    margin         : 5px 0;
    padding        : 10px;
    outline        : 1px solid #fff;
    border: 1px solid;
    border-radius: 15px;
}

.product div.productThumb:hover {

    border: 1px solid #3af;

}

.product div.productThumb:active {
    opacity : 0.5;
}

.product div.productThumb img {
    margin-left  : auto;
    margin-right : auto;
    display      : block;
    height       : 125px;
}

.product div.productThumb span {
    font-size : 12px;
}

.product div.productThumb .name {
    font-weight : bold;
    color       : #08e;
    text-decoration: none;
}

.product div.productThumb .name:hover {
    text-decoration : underline;
}

.product div.productThumb .price {
    color : #f00;
}

hr.productRow {border-top-style:dashed; border-color: #666;}

.team-login-box {
    background-color: #EEEEEE; border: 1px solid #0000CC; padding: 15px; margin-bottom: 10px;
}

.product div.productThumb img.img-product-new {
    height: 12px !important;
    width: 36px;
    display: inline !important;
}

/* Product, Category pages */
.category-header {
    text-transform: capitalize;
}

ul#brandFilter {
    list-style : none;
    font-size  : 12px;
    margin     : 0;
    padding    : 0;
    width      : 100%;
}

ul#brandFilter li {
    float        : left;
    border       : none;
    border-right : 1px solid #009;
    margin       : 0;
    padding      : 4px;
    width        : 80px;
    text-align   : center;
}

ul#brandFilter li:last-child {
    border-right : none;
}

ul#brandFilter a {
    color           : #999;
    text-decoration : none;
}

ul#brandFilter li.current a {
    color       : #33c;
    font-weight : bold;
}

ul#suitList {
    clear       : both;
    list-style  : none;
    margin-left : 0;
    margin-top: 5px;
}

ul#suitList li {
    margin  : 0;
    padding : 4px;
}

 /* cart pages */
.table-cart {width: 100%}
.table-cart th { background-color: #afd9ee; font-weight: normal; text-align: center;}
.table-cart td { text-align: center; }
.table-shipping th { background-color: #EFEFEF; font-weight: normal;}
.table-no-border { border: none !important;}
.table-no-border > tbody > tr > td, .table-no-border > tbody > tr > th,
.table-no-border > tfoot > tr > td, .table-no-border > tfoot > tr > th,
.table-no-border > thead > tr > td, .table-no-border > thead > tr > th {
    border: none !important;
}
.phone-field {width:30%;display:inline}
.exp-date-field {width: 45%;}


/* fitting page */

.table-size {border: none; table-layout: fixed; margin: 0px !important;}
.table-size th, .table-size td { border: none !important; padding: 0 !important; width: 32px !important; text-align: center !important; float: left;}
.table-size th input, .table-size td input {width: 30px !important; padding: 0 !important;}

/* Privacy */
.privacy-list {margin: 0px 0px 10px; padding: 0px; overflow: hidden; list-style: none;}
.privacy-list li { margin: 2px; padding: 2px 15px; list-style: none; float: left;}
.privacy-list li a {margin: 0px; padding: 0px; color: black;}
.privacy-list li.active { background-color: #C0C0C0;}

th.heading {background: none; text-align: right;}

/* team menu */
.team-menu { list-style: none; padding: 0; overflow: hidden;background-color: #F0F0F0;}
.team-menu li { list-style: none; float: left; padding: 5px 10px; display: inline-block; }


/* web link pages */
.link-widget {
    height: 220px;
    margin-top: 10px;
}

.weblink-heading-title {
    font-weight: bold;
    color: #990000;
    margin-bottom: 10px;
}

/** RESPONSIVE **/
@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 768px) and (max-width: 991px)  {
  #header-navbar.nav > li > a {
      height: 50px;
      line-height: 1;
      width: 66px;
      padding: 5px;
  }
}

@media (max-width: 767px) {
  .div-scroll-x {
    overflow-x: scroll;
    margin-bottom: 20px;
  }

  .div-scroll-x .table {margin-bottom: 0px;}

  #metro-nav ul#header-navbar {
      width: 100%;
  }
  .nav-pills > li {
      background: none !important;
      /*background-color: #8CBBDC !important;*/
      float: none;
  }

  .nav-pills > li + li {
      margin: 0px;
  }

  #header-navbar.nav > li > a {
      width: 100%;
      height: auto;
       border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      text-align: left;
      line-height: 1.42857;
  }

  .navbar-collapse.collapse.in { margin-bottom: 10px !important;}

  .sidebar .left-widget { margin-bottom: 5px; }
  .sidebar .left-widget .left-widget-title { padding: 0 10px; text-align: left;}
  .sidebar .left-widget .left-widget-title .toggle { display: inline-block; cursor: pointer;}
  .sidebar .left-widget .left-widget-body { display: none;}
  .sidebar .left-widget .left-widget-body.out { display: block;}

}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.mhomeBlue
{
    color: #00001A;font-weight: bold;
}
.selectblackbackground{
    /*background: #0066cc;*/
}
.btn{
    border-radius: 0;

}

@media only screen and (max-device-width: 480px)
{
    .applyPadding
    {
        padding-left: 15px !important;
        padding-bottom: 15px;
    }
}