/* ==========================================================================
   PBSA custom styles
   ========================================================================== */

/* General */
.cartBasket{ color:#fff;}
.cartBasket:hover{ color:#000}
.navbar{ border-radius:0; }
.navbar-default { border-color:#99D533;color: #fff; border:0; box-shadow:none; border-radius:0; border-top:5px solid #99D533;border-bottom:10px solid #99D533;background: #fff;	}
.navbar-default .navbar-nav > li > a {    color: #fff;padding-top: 11px;}

.navbar-brand{ padding:0px 0px 10px 0px; height:auto;}
.navserve{background:#99D533; height:50px;}
.imgThumb{ width: 180px; height: 180px;}
.textleft{ text-align: left;}
.bg-info{ padding:15px;}
.center-block{ text-align: center; width:100%; margin:1em auto;}
.center-div{text-align: center; margin:auto;}
.modalBackground{background-color:Gray;filter: alpha(opacity=70);opacity: 0.7}
.th-Right{ text-align: right !important;}
.label{ font-weight:normal !important;}
.caption{ padding-top: 0px !important;}
.caption h3, .caption h4{ margin: 0px;}
.caption h4{ margin-bottom:.5em;}


.list-group{ border: 1px solid #ddd; }
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-image: linear-gradient(to bottom, #3c3c3c  0px, #222 100%);
    background-repeat: repeat-x;
    border-color: #222;
    text-shadow: 0 -1px 0 #222;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #222;
    border-color: #222;
    color: #fff;
    z-index: 2;
}

/* Top Serve */
body{  font-family:'Segoe UI', 'Open Sans'; }
body > form > .container{ background-color: #fff;}
.edge{ margin-right: 0px;}

address a{ color:#000;}
h1, h2, h3{ font-family: 'Work Sans'}
a h4{ color:#333; text-align:center; margin:auto; margin-bottom:0; font-family:'Work Sans'; font-weight:300; font-size:1.2em; }
.productHeading{ font-family:Segoe UI;}
.price{ color:#99D533; font-size:1.5em; font-family:'Work Sans'; font-weight:700; }
.normally{text-decoration: line-through;}
.fb{ color:#3A5795; font-size:2em; line-height:30px;}

.list-group{ border: 1px solid #ddd; }
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {background: linear-gradient(to bottom, #258dc8 0%,#258dc8 100%); background-repeat: repeat-x;border-color: #008661;  }
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { border-color: #008661;color: #fff; z-index: 2;}
.panel-primary { border-color: #198FCF;}
.panel-primary > .panel-heading {background: linear-gradient(to bottom, #198fcf 0%,#2481bf 100%);background-repeat: repeat-x;border-color:#008661;}
a {color:#198FCF;text-decoration: none;}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color:#198FCF;
    border-color:#198FCF;
}
.catalogue{ text-align:center; margin:auto;}
.footer h4{ color:#000;}
.footer > .container > .row > .col-md-3 > p > a{ color:#333;}
.btn-green{background: linear-gradient(to bottom, #93cd44 0%,#99d533 100%); border-color:#93cd44;}
.btn-black{background: linear-gradient(to bottom, #45484d 0%,#000000 100%); border-color:#000;}
.btn-black:focus, .btn-black:hover {background-color: #333;border-color: #333;}
.btn-black.active, .btn-black.focus, .btn-black:active, .btn-black:focus {background-color: #333;border-color: #333;color: #fff;}
.volPrice{ padding-left:1em; padding-right:1em; line-height:1.5em; }
.thumbbuttons{ text-align: center; margin:auto; margin-top:1em;}
.weight-Item{font-style:italic; color:#AC1428;}
.navLrg{ font-family:'Open Sans', Sans-Serif; font-size:1.8em; font-weight:300;}
.navMid{font-family:'Open Sans', Sans-Serif; font-size:1.8em; font-weight:700;color:#000;}
.navMid span{ color: #99D533; }
.navSm{font-family:'Open Sans', Sans-Serif; font-size:1.4em; font-weight:300; line-height:1.8em; color:#000;}
.carousel{ margin-bottom: 2em;}
.hmStrip{ margin-bottom:2em; margin-top:.8em;}
.hmStrip h3{margin-top:.3em; margin-bottom:.3em; padding:0; font-weight:600;}
.hmRed{ color: #C53430; }
.hmGreen{  color: #99D533;  }
.topserve_tile{ text-align: center; margin:auto; margin-bottom:1em;}
.flame{ position: absolute; top:-1.5em; margin:auto; text-align:center; left:47%;}
.dailydeals{ background-color: #fffeee;}
.new{}
.specials{background-color: #EFEFEF;}

.carousel-indicators{ position:relative; width:auto; margin:auto; left:auto; bottom:-25px; position:absolute; left:45%;}
.carousel-indicators li{ border-color:#000;}
.carousel-indicators .active { background-color: #000;}
.carousel-control{width: 5%;}
.breadcrumb{ background-color: #99D533; }
.breadcrumb a{ color: #fff;}
.breadcrumb .active{color: #242F12;}
.eziweb img{ max-width: 100%; height:auto;}


@media all and (max-width:1200px) 
{
    .row .col-xs-4,.row .col-md-,.row .col-xs-4.col-md-4
    {
       width:49.999%;
    }
    /*.caption .catalogue
    {
        height:auto !important;
    }*/
}
@media all and (max-width:650px) 
{
    .row .col-xs-4,.row .col-md-,.row .col-xs-4.col-md-4
    {
        display:block;
        width:100%;
        float:none;
    }
}
.col-xs-4.col-md-4 .thumbnail a>img,.col-xs-4.col-md-4 .thumbnail>img
{
    height:170px !important;
    margin-bottom:10px;
}

		
/* Tree View */
.tree{  width:100%; position:relative; margin-top:-1.5em;}
.tree a{font-size:15px; color:#3c3c3c;  font-family:Arial;}
.tree td{ vertical-align:middle; padding-top:10px; padding-bottom:10px;text-align:left;border-bottom: solid #afafaf 1px; }
.treeHover {color:#C53430;}
.treeHover a:hover{ color:#C53430 !important; text-decoration:none!important; }
.treeSelected a{color:#C53430 !important; font-size:16px !important;  }
.ctl00_tvCategories_1{ width: 100%;} /* this allows the look of bottom borders stretching right across*/
.tree a[id^="ctl00_tvCategoriesn"] { border-bottom:1px !important;}

/* Flex Nav */

.flexnav, .flexnav li ul {margin:0px;padding:0px; box-sizing:content-box;}
/* ------------------Flexnav Base Styles---------------------- */
.flexnav {-webkit-transition: none;-moz-transition: none;-ms-transition: none;transition: none;-webkit-transform-style: preserve-3d;overflow: hidden;margin: 0 auto;width: 100%;max-height: 0; }
.flexnav.opacity {opacity: 0; }
.flexnav.flexnav-show {max-height: 2000px;opacity: 1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out; }
.flexnav li {position: relative;overflow: hidden; }
.flexnav li a {position: relative;display: block;padding: .96em;z-index: 2;overflow: hidden;text-transform:uppercase;letter-spacing:2px;text-decoration:none;border-bottom: 1px solid rgba(0, 0, 0, 0.15); color:#111;}
.flexnav li ul {width: 100%; }
.flexnav li ul li {font-size: 100%;position: relative;overflow: hidden; }
.flexnav li ul.flexnav-show li {overflow: visible; }
.flexnav li ul li a {height:auto;padding-left:40px;display: block;background: #ddd; color:#111; }
.flexnav ul li ul li a {background: #bfbfbc; }
.flexnav ul li ul li ul li a {background: #cbcbc9; }
.flexnav .touch-button {position: absolute;z-index: 999;top: 0;right: 0;width: 50px;height: 48px;display: inline-block;background: #acaca1;background: rgba(0, 0, 0, 0.05);text-align: center; }
.flexnav .touch-button:hover {cursor: pointer; }
.flexnav .touch-button .navicon {position: relative;top: 14px;font-size: 12px;color: #bbb; }

.menu-button {text-align:center;display: block;font-size:1.6em; margin:.5em 0; color:#fff; font-weight:bold; font-family:'Work Sans'}
.menu-button:hover{ color:#99D533;}
.menu-button .touch-button {display:none!important;background: transparent;position: absolute;z-index: 999;top: 0;left: 50%;margin-left:50px;width: 50px;height: 50px;display: inline-block;text-align: center; }
.menu-button .touch-button .navicon {font-size: 16px;position: relative;top: 1em;color: #ccc;}


/******************** Progress Panel Styles *****************************/
.progressPanel{top: 45%;left: 38%;position: absolute;background-color: #fff;position: fixed;z-index: 10002;border: solid 1px #7a7a7a;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.progressPanel_layout{width: auto;color: #7a7a7a;text-align: center;margin: auto;padding:2em;}
.progressPanel_layout span{position: relative;padding-left: .5em; padding-right:.5em;}


/* ------------------END Flexnav Base Styles---------------------- */
@media all and (max-width:1300px)
{
	 .navbar-default .navbar-nav > li > a{padding-left:12px; padding-right:12px}
}

@media all and (min-width:960px) 
{
		.sort-col{ padding-right:0em; padding-left:0em;}
}

@media all and (max-width:1199px) 
{
	.navbar-default .navbar-nav > li > a {color: #000;padding-top: 11px;}
	 .navbar-default .navbar-nav > li > a{padding-left:15px; padding-right:15px}
}

/* 780 - 960: Landscape IPad and Small Desktop Browser */
@media all and (min-width:768px) 
{
	.flexnav {display: none; }
	.menu-button {display: none; } 
	.carousel-control{ visibility: hidden;}
	.carousel-indicators li, .carousel-indicators .active{ margin-left:5px; margin-right:5px;}
	.navbar-brand{ padding-left:15px; }
	.navleft{background-image:url('/images/navLeft.gif'); width:54px;height:50px; }
	.navright{background-image:url('/images/navRight.gif'); width:48px;height:50px;}
	.navbar-form .input-group > .form-control {max-width:180px;}
}


@media all and (max-width:767px)
{
	.navbar-brand, .navbar-text{  padding:0;}
	.navbar-brand{ padding-left: 15px;}
	.navbar-brand img, .navbar-text img{ max-width: 100%;}
	.navbar-text{display:block;}
	.navLrg, .navMid, .navSm{ font-size: small;}
	.flame{ top:-2em;left:44%;}
	.carousel-indicators{visibility: hidden;}
	.navbar{ margin-bottom: 0px;}
	.navbar-default .navbar-nav > li > a, .cartBasket { color: #000;}
	.navserve{ height: auto; background:#fff;}
}

@media all and (max-width:400px)
{
	.navbar-brand { max-width: 80%; padding:15px; height:auto;}
	.navbar-brand img{ max-width: 100%;}

}