body {
    color: #333333;
    /*background: url(/Content/Images/bg-top.png) repeat-x left -50px #F5F6FA;*/
    font-family: "proxima-nova", "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 19px;
    margin-top: 0;
}

header,
#popular-searches,
#read-articles,
#browse-by-dir
{
    display: none;
}

.input-group-search {
    padding: 6px 10px 0 20px;
}

.navbar-header {
    float: left;
    padding: 15px 10px;
}

.navDropdownMenuContainer span.h4 {
    font-weight: bold;
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}

.navbar-form {
    margin: 0;
}

.navbar-header A.img-logo IMG {
    height: 40px;
}

.navbar-toggle {
    /*border-color: #83FFC1;*/
    margin: 15px 0 0 0;    
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

#supplier-info-panel .left-divider {
    min-height: 330px;
}



/**--Change default grid size--**/

@media (min-width: 1200px) 
{
    #store-front-left-container .storefront-left-heading h3 {
        font-size: 13px !important;
    }
}

@media (min-width: 1385px) 
{
    #store-front-left-container .storefront-left-heading h3 {
        font-size: 16px !important;
    }
}

@media (max-width: 1200px) {
    /*.modal-dialog, .side-content{width: 100% !important;}*/
    .static-title-delimeter{display: none;}
    #topSupplierPanel { width: 940px !important; }
}

@media (min-width: 1000px) 
{    
    .container {width: 980px;}
    .navbar-brand{padding-left: 0;}
    .navbar-collapse{padding-right: 0;padding-left: 0;}
    .pull-right.side-content{width: 183px;}
    .main-content{width: 765px;}
    .sfContent.side-content {width: 245px;}
    .sfContent.main-content { width: 703px; position: relative;padding-right: 15px;}
    .search .panel.col-md-9 { width: 728px;}
    .search .panel.col-md-3 {width: 200px;}

    .content-page .main-content{padding-right: 15px;width: 632px; position: relative;}
    .content-page .side-content{ padding-bottom:5px; }

    #marketing .panel-form{position: absolute;  top: -85px; left: 104px;width:720px;}
    #marketing .row-form{min-height: 300px; position:relative;}
    #marketing .form-footer{position: absolute; bottom: 0px;margin-left: 25px;}
    #marketing .panel-title{padding: 0;}
    #marketing .panel-addinfo { font-size: 12px; width: 820px;}
    #marketing .buyers-title {width: 928px;}
    .modal-dialog-center{ margin-top: 15%;}
    #subscribe-modal .modal-body{width: 100%;}
    .panel-subscribe .form-inline .form-group{width: 35%;}
    
    /*Storefront page*/
    .storefront .container {width: 970px;padding: 0;}
    .storefront .generic-carousel .container { width: 100%;}
    
    .storefront ._left-side-content{width: 185px;}
    .storefront ._supplier-info-txt{ width: 760px;}
    
    .storefront .content {width: auto;}
    .storefront .row {margin: 0;}
    
}

@media (min-width: 768px) 
{
    body {
        background-position: left top;
        margin-top: 0;
    }

    header {
        display: block;
    }

    .navbar-header {
        padding: 15px 0;
    }

    .navbar-header A.img-logo IMG {
        height: 50px;
    }

    .navbar-links {
        float: none;
    }
    
    #read-articles,
    #browse-by-dir
    {
        display: block;
    }

    #header-links a {
        padding: 5px 10px;
    }

    .navbar-form {
        margin-top: 10px;
    }

    .input-group-search {
        padding: 26px 20px 0;
    }
    
    #subscribe-modal .sm-title{font-size: 26px !important;}
    #subscribe-modal .sm-desc {font-size: 16px !important;}
    #subscribe-modal.version-2 .sm-desc {font-size: 14px !important;}
    #subscribe-modal .modal-content{width: 350px; margin: 0 auto;}
    .gPlusOne{width: 100%;}
    .navbar-form{ margin-right: 10%;}
}

@media (max-width: 991px) {
    .home-side-content {
        padding-left: 0 !important;
    }

    #supplier-info-panel .left-divider {
        border-left: none !important;
        min-height: auto;
    }

    #storefront-advertise,
    .fb-like-box {
        margin-left: 10px !important;
    }

    #product-info-top > DIV,
    #product-info-top > P {
        margin-right: 0 !important;
    }

    .left-side-content .supplier-directories li,
    .featured-cat-list li {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ddd;
        display: inline-block;
        margin: 0.25em 0.5em 0.25em 0;
        padding: 0.25em 0.75em;
    }

        .featured-cat-list li a {
            text-decoration: none;
        }

    .category-suppliers-row,
    .category-info-row {
        padding-right: 0 !important;
    }

    .sp-header-info {
        width: 350px;
    }

    .category-product-contact-supplier {
        font-size: 1.1em !important;
        padding: 0.75em !important;
    }

    .top-supplier-panel-name {
        font-size: 1em !important;
        width: 400px !important;
    }

    #topSupplierPanel {
        width: 720px !important;
    }

    .modal-btn-container {
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0 10px;
        position: fixed;
        width: 100%;
        z-index: 101;
        margin: 0 0 15px !important;
    }

        .modal-btn-container a {
            padding: 12px;
            font-size: 1.1em;
            width: 100%;
            font-weight: bold;
        }

    .enquiry-form-submitted .modal-btn-container,
    .enquiry-form-focused .modal-btn-container,
    .modal-open .modal-btn-container {
        display: none !important;
    }

    #store-front-left-container {
        width: 100%;
    }

    #enquiry-modal .modal-dialog {
        min-width: 90%;
    }

    .panel-enquiryform .form-control {
        font-size: 16px !important;
    }

    .directory-main-content .supplier-logos .logo-item {
        width: 130px !important;
        margin-bottom: 0.75em !important;
    }

}

@media (max-width: 760px) 
{
    /*.bg-content { width: 95%; }*/

    #followModal .modal-dialog {
        width: auto !important;
    }

    .navbar-btn-tips {left: 0;margin: 0 auto;position: absolute;top: -140px;width: 100%;}
    .header-bottom-line .container{ width: auto !important;}
    .featured-cat-thumb, .featured-cat-thumb .item-thumb{ width: 100% !important;}
    .featured-cat-thumb{padding: 20px !important;}
    ._featured-cat-list{ position: absolute;}
    #subscribe-modal .sm-title{line-height: 25px !important;}
    .sfContent{width: 100%;}
    
    .orHorizontal p{display:none;}
    
    .mainFollowHldr .leftPanel, 
    /*.mainFollowHldr .inputWidth, */
    .mainFollowHldr .rightPanel 
    {
        width: 100% !important;
    }
    
    .mainFollowHldr .leftPanelHldr, 
    .mainFollowHldr .rightPanelHldr 
    {
        width: 100%;
        padding-right: 0; 
        padding-left: 0;
    }

    .followModalBody .dvPassword {
        padding: 10px 0 0 0 !important;
    }

    .followModalBody .register {
        text-align: left;
    }

    .followModalBody .mainFollowHldr .leftPanel {
        height: auto;
        margin-bottom: 2em;
    }

    .followModalBody .leftPanel .LoginHeading {
        margin-bottom: 18px;
    }

    
    /*--Storefront header--*/
    .sp-header-details{padding:5px 10px 10px !important; height: auto !important; }
    .sp-header-info{position: relative !important; display: table-cell;width: auto !important;}
    .sp-header-logo{height: 45px !important; bottom:-50px !important;}
    .storefront .bg-content{padding-top: 0;}
    .sp-header-contact .btn-special{padding: 0 5px;}
    .sp-header-contact .btn-special .glyphicon {padding: 0 8px 0 0 !important;}
    .sp-header-details .menu-buttons li{float: none;}
    .supplier-info-row{margin-top:0 !important;}
    
    .menu-buttons li {
        line-height: 2.3em;
    }
    
    .sp-header-contact{padding:30px; padding-bottom:0;position: relative  !important; text-align: center;}
    .product-content.content-area .image-gallery{width: 100%;}

    #footer-top h3 {
        margin: 1.5em 0 0.5em;
    }

    .product-details {
        height:auto !important;
        padding-bottom:0 !important;
    }
    
    #storefront-advertise, 
    .fb-like-box
    {
        margin-left: 0 !important;
    }

    #storefront-advertise h3 span {
        display: inline !important;
    }

    .form-action {
        text-align: center;
    }

    .popularproduct-item {
        padding: 1em;
        border-bottom: 1px solid #ddd;
    }

    .popularproduct-item:last-child {
        border-bottom: 0;
    }

    .popularproduct-item .item-title {
        height: auto !important;
    }

    .item-cap {
        text-align: center !important;
    }

    .sp-header-logo {
        position: static !important;
        margin-bottom: 1em;
    }

    .sp-header-details .menu-buttons a {
        background: #ccc;
    }

    .sp-header-details .menu-buttons {
        padding-top: 5px !important;
    }

    .sp-header-contact > div {
        display: inline-block;
    }

    .sp-header-contact-button {
        text-align: center !important;
    }

    .sp-header-contactinfo .btn-sm {
        padding: 0 !important;
    }

    #topSupplierPanel { display:none !important; }

    input.search-box {
        font-size: 16px !important;
    }

    .subscribe-sm-obj a.smpl {
        display: none !important;
    }

    /*
    .generic-carousel-item {
        width:60% !important;
    }
    
    body .generic-carousel li {
        height: 250px !important;
    }
    */

}

@media (max-width: 480px) {
    .sp-header-trade-assurance {
        width: 290px !important;
    }
    
    /*
    .container-90 {
        width: 80% !important;
    }*/
    
    div.sp-header-info-simplified .sp-header-title h1,
    h1.article-h1,
    #product-info-top h1, 
    #content-area .title h1
    {
        font-size: 24px !important;
    }    

    .form-group-line .line-info {
        width: 150px;
    }

    #small-subscribe-form .subscriber-form .subscribe-btn,
    .btn
    {
        font-size: 16px !important;
    }

    .catBreadCrumbs .back {
        font-size: 14px !important;
    }

    .directory-main-content .supplier-logos .logo-wrapper {
        margin-right: 0 !important;
        padding: 10px 5px 1.5em !important;
    }

    .category-item-title,
    #directory-container .panel .panel-footer
    {
        font-size: 13px !important;
    }

    .home-articles .articles-control .article-item {
        width: auto !important;
        height: auto !important;
        float: none !important;
    }

    #homeOther .product-image {
        width: 330px;
    }

    .panel-haveyoursayform .haveyoursayCapcha {
        width: 40% !important;
        margin-bottom: 1em;
    }

    .ui-autocomplete {
        font-size: 14px;
    }

    /*
    body #related-articles .generic-carousel-item {
        width: 80% !important;    
        height: 90px !important;
    }
    */

    .category-item, .category-product, .category-supplier, .category-article {
        margin: 0 auto 1em !important;
        width: 95%;
    }

    .directory-main-content .supplier-logos .logo-item {
        width: 30% !important;
        margin: 0 0.25em 0.5em !important;
    }

    .directory-main-content .supplier-logos .logo-item img {
        width: 98%;        
    }
}

@media (max-width: 375px) {

    #homeOther .product-image {
        width: 270px;
    }
    
    .your-brand {
        font-size: 0.9em;
        margin-top:1.5em !important;
    }
    
    body .generic-carousel li {
        height: 215px !important;
    }

    body .generic-carousel-item {
        width: 80% !important;
    }

    /*
    body #related-articles .generic-carousel-item {
        width: 90% !important;    
        height: 90px !important;
    }
    */

}

@media (max-width: 320px) {
    .sp-header-trade-assurance {
        width: 240px !important;
    }

    .form-group-line .line-info {
        width: 100px;
    }

    #homeOther .product-image {
        width: 240px;
    }

    .directory-main-content .supplier-logos .logo-item {
        width: 107px !important;
    }

    /*
    body #related-articles .generic-carousel-item {
        width: 80% !important;
    }
    */
}

@media (min-width: 1000px) {
    
    #header-links a {
        padding: 5px 30px;
    }

    #popular-searches {
        display: block;
    }

    .input-group-search {
        padding-top: 6px;
    }

}

@media (min-width: 2020px) 
{
    .bg{background: url("/content/images/bg-topcontent-is.png") no-repeat scroll center top / 100% rgba(0, 0, 0, 0) !important;}
}

@media (max-width: 630px) 
{
    .bg{ height: 195px !important;}
    .search-panel .list-inline{ line-height: 0;}
    .header-bottom-line{ top: 70px;}
    .navbar-btn-tips{ top: -40px;}
    .navbar-brand img{ height: 45px;}
    .welcome-text{ display: none;}
    .welcome-text div{margin-top: 3%;}
    
    .paging-line a, .catBreadCrumbs a, .searchstate{margin: 10px !important;}

    .storefront .paging-line a {
        margin: 0 !important;
    }
    
    .featured-cat-item, .footer-body div, .panel-srchcategories li{margin-top: 5px;}
    .products-count-tab{ width: 100% !important;}
    .home .featured-cat-column{ margin-top: 65px;}

    #homeOther .product-image {
        max-width: 100%;        
        height: auto;
    }
    
    /*
    .gallery-inline .large-images-control .img-object, 
    .gallery-inline .large-image-item img {    
        width: 250px !important; 
    }
    */
    
    .panel-supplierbox .storefrontInfo {
        position: absolute;
        right: 0;
    }

    .paid-supplier .supplier-products {
        margin: 80px 0 0 0 !important;
    }

    .supplier-products-wrapper {
        margin: 0 !important;
    }

    .galleria-thumbnails  {
        height: auto !important;
    }

    .galleria-image-nav,
    .galleria-thumbnails-container .galleria-image img {
        display: none !important;        
    }
	
	.galleria-theme-classic .galleria-stage {
		bottom: 0 !important;
	}

    .galleria-theme-classic {
        border: none !important;
		/*width:auto !important;*/
    }

    .galleria-thumbnails-container {
        background: none !important;
		height: auto!important;
		padding-top: 0 !important;
    }

    .galleria-thumbnails-container .galleria-image {
        float: none !important;
        width: 8px !important;
        height: 8px !important;
        border: none !important;
		background:transparent !important;
    }

    .galleria-thumbnails-container .galleria-image span.dot {
        display: block;
        background: #ccc;
        width: 8px;
        height: 8px;
		border-radius:4px;
		opacity: 1 !important;
    }

    .galleria-thumbnails-container .active span.dot {
        background: #333;        
    }

    /*
    #loginModal .modal-dialog {
        width: 375px !important;
    }
    */
    
    .modal-dialog {
        left: 0;
        bottom: 0;
        top: 0;
        padding: 0;
    }

    .modal-content {
        border-radius: 0;
    }
    
    #enquiry-modal .modal-header {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    #enquiry-modal .subpanel {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin-bottom: 0 !important;
    }

    #subscribe-modal .modal-dialog {
        top: 5%;
        left: 10px;
        right: 10px;
        width: 95%;
        bottom: auto;
    }

    #subscribeModal .modal-dialog {
        width: 100% !important;
    }

}

/*Add Lato Font*/
@font-face
{
    font-family:'LatoWebSymbol';
    src:url('/Content/bootstrap/fonts/Lato/latowebsymbol-webfont.eot');
    src:url('/Content/bootstrap/fonts/Lato/latowebsymbol-webfont.eot?#iefix') format('embedded-opentype'),
url('/Content/bootstrap/fonts/Lato/latowebsymbol-webfont.woff') format('woff'),
url('/Content/bootstrap/fonts/Lato/latowebsymbol-webfont.ttf') format('truetype');
}

/*
@font-face
{
    font-family:'Helvetica Neue';
    src:url('/Content/fonts/Helvetica/HelveticaNeue.eot');
    src:url('/Content/fonts/Helvetica/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
url('/Content/fonts/Helvetica/HelveticaNeue.woff') format('woff'),
url('/Content/fonts/Helvetica/HelveticaNeue.ttf') format('truetype');
}
*/

@font-face
{
    font-family: 'entypo';
    src: url('/Content/Fonts/entypo/entypo.eot');
    src: url('/Content/Fonts/entypo/entypo.eot?#iefix') format('embedded-opentype'), url('/Content/Fonts/entypo/entypo.woff') format('woff'), url('/Content/Fonts/entypo/entypo.ttf') format('truetype'), url('/Content/Fonts/entypo/entypo.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;
} 

/*.container{padding: 0;}

*/
html 
{
     /*font-family: LatoWebSymbol;*/
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
  font-size: 13px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.close {opacity: 1;}
a {
    color: #333;
    text-decoration: underline;
}
a:hover, a:focus {
    /*color: #3e3b3b;*/
    text-decoration: underline;
}
a:focus {
    outline: thin dotted #333;
    outline-offset: -2px;
}

.btn{text-decoration: none;}

.modal-content .btn,
.btn.form-control {
    -moz-user-select: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background: #333;
    color: #fff0f5;
}

/*
.modal-content .btn {
    background: #ccc;
}
*/


.btn.form-control:hover {
    background: #666;
}
/*.modal-content .btn:hover,
.btn.form-control:hover {
    background: #666;
}*/

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 500;
  line-height: 20px;
}

ul, ol {margin-bottom: 0;  margin-top: 0;}
h1, .h1 { font-size: 26px; font-weight: bold;line-height: 29px; margin: 0; }
div.search-panel-title h1, div.search-panel-title .h1 { font-size: 25px;}
.h3,h3{ font-size: 16px;margin: 0 ; font-weight: bold;font-family: Arial,sans-serif;line-height: 20px;}

.supplier-info-title h2 {
    font-size:20px; margin: 0 ; font-weight: bold;font-family: Arial,sans-serif;line-height: 20px !important;
}
.first-paragraph h2 {
     font-size: 17px;
     margin: 0 ; 
     font-weight: bold;
     font-family: Arial,sans-serif;
     line-height: 21px;
}

h4 { font-weight: bold;margin: 0 ;font-size: 16px;line-height: 22px;}
h2 { line-height: 26px; font-size: 24px;}


.bold{font-weight: bold; font-family: Arial, sens-serif;}
.btn, .form-control, .form-control:focus {border-color: #CCCCCC;}


.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{padding-left: 0px;padding-right:0px;}
.col-xs-12{float: left;}

.panel{-webkit-box-shadow: none;  box-shadow: none; border-radius: 2px;margin-bottom: 10px; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar{margin-bottom:0; border: none;}
.navbar-default{background-color: transparent;}
.navbar-inverse{ background-color: #f2f2f2; border-color: #ebebeb;}

.center { display:table-cell; vertical-align:middle;  float:none;}
.navbar-collapse{padding-top: 20px;}
.btn .caret{margin-left: 5px;}
.btn-sm .glyphicon { padding-left: 8px;}
.btn {background-color: #83FFC1; color: #333333;border: none; }
.btn:focus, a:focus{outline: none;}
.form-control{box-shadow: none; height: 35px;}
.navbar-collapse.in {overflow-y: visible;}

.img-rounded{padding-left: 15px; padding-right: 15px;border-radius: 3px;}

a.btn-follow, a.btn-follow:active,a.btn-follow:focus{margin-right: 5px;padding-bottom: 2px; padding-left: 25px; padding-top: 2px;position: relative;}
[class^="icon-"], [class*=" icon-"]{color:#c0c0c0;}

.btn-follow {
    bottom: -3px;
    position: relative;
    vertical-align: middle;
}

.modal-header{height: 50px;}

.badge{background-color: #C0C0C0;color: #333333;padding: 4px 6px;}

.form-control { border: none;}

.tooltip-inner {
    background-color: #FFFFFF;
    border: 1px solid #333333;
    border-radius: 4px;
    color: inherit;
    max-width: 200px;
    padding: 3px 8px;
    text-align: left;
    text-decoration: none;
}
.tooltip-inner .sptooltipimg{margin-right: 3px;}

.panel-default > .panel-heading {

    border-color: #DDDDDD;
    color: #333333;
    padding-bottom: 7px;
    padding-top: 7px;
}

/*.panel-info {padding-top: 20px;}*/

.btn-black {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active {
  background-color: #000000;
  border-color: #000000;
}
.btn-black.disabled:hover,
.btn-black.disabled:focus,
.btn-black.disabled:active,
.btn-black.disabled.active,
.btn-black[disabled]:hover,
.btn-black[disabled]:focus,
.btn-black[disabled]:active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black:hover,
fieldset[disabled] .btn-black:focus,
fieldset[disabled] .btn-black:active,
fieldset[disabled] .btn-black.active {
  background-color: #000000;
  border-color: #000000;
}