/*  begin common theme stuff*/



*
{
    margin: 0;
    padding: 0;
    font-size: 12px;
}

body
{
    color: #444;
    font: 12px Geneva, Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.6em;
}


h1
{
    font-size: 24px;
}

a
{
    background: inherit;
    color: #444444;
    text-decoration: none;
}

    a:hover
    {
        background: inherit;
        color: #000000;
        text-decoration: underline;
    }

.menu-main .level1
{
    text-transform: uppercase;
}

#gradientimg
{
    width: 40px;
}

#acctbar
{
    width: 240px;
    height: 30px;
    border-top-right-radius: 5px;
}

    #acctbar a
    {
        padding: 0px 15px;
        color: White;
    }

    #acctbar i
    {
        padding-right: 5px;
    }
 
/*p
{
    margin: 0 0 15px 0;
}

h1
{
    margin: 20px 0 0;
}*/

h1 a
{
    background: inherit;
}

h2
{
    margin: 0 0 12px;
    font: normal 1.6em Geneva, Arial, Sans-Serif;
}

#main h3 a
{
    color: #808080;
    text-transform: uppercase;
    font-weight: normal;
    font-size: .84em;
}


img
{
    border: 0;
}


.itemImage
{
    margin: 0 15px 5px 0;
    padding: 1px;
    border: 3px solid #EEEEEE;
}


.emptydata
{
    margin: 20px 20px 20px 20px !important;
    padding-left: 20px;
    height: 30px;
    border-left: solid 3px #eee;
    color: #000;
    line-height: 30px;
}

.error
{
    color: Red !important;
}

.error-summary
{
    color: Red;
}

.wizardStep
{
    padding-top: 5px;
    padding-bottom: 5px;
}

    .wizardStep table, .wizardStep div
    {
        margin-left: 5px;
    }

.imgThumb
{
    margin: 2px 2px 2px 2px;
    border: solid 1px Silver !important;
    cursor: pointer;
}

.imgThumbOn
{
    margin: 2px 2px 2px 2px;
    border: solid 1px Red !important;
    cursor: pointer;
}

#pnlCartSummaryItems
{
    line-height: 15px;
}


#shopcart
{
}

#loginpanel
{
    width: 568px;
    background-color: #FDFDFD;
}


#ServiceMessageResultContainer
{
    border: solid 1px #EAD870;
    background-color: #F6E47A;
}

.newsSummary
{
    color: #C0D3B8;
}


/* end common theme stuff */

.BackgroundWorking
{
    background: url(/_assets/images/loader-small.gif) no-repeat right center;
}

.ac_loading
{
    display: block!important;
    background: white url('/_assets/images/spinner.gif') right center no-repeat;
}

.ac_odd
{
    background-color: #eee;
}

.ac_over
{
    background-color: #0A246A;
    color: white;
    cursor: pointer!important;
}

.ac_results
{
    z-index: 99999;
    overflow: hidden;
    padding: 0px;
    width: 185px!important;
    border: solid 2px #5F5F5F!important;
    border-top: 0px!important;
    background-color: white;
}

    .ac_results li
    {
        display: block;
        overflow: hidden;
        margin: 0px;
        padding: 2px 6px!important;
        font: menu;
        font-size: 12px;
        line-height: 16px;
        cursor: default;
    }

.ac_over b
{
    color: White!important;
}

.ac_results ul
{
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    list-style-position: outside;
}


.pagerBar
{
    margin: 8px 0px 5px 0px;
    height: 20px;
}

.favtr
{
    cursor: pointer;
}

    .favtr :hover
    {
        background-color: #CDCDCD;
        cursor: pointer;
    }

span[id*=Required]
{
    color: red;
}

a.popout
{
    background-image: none !important;
}
/*   override menu style */
/*.atcm_addtocart
{
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}*/
/* override button btn group styling for add to cart button widget */
.txtQuant
{
    color: black;
}

.menu-main
{
    width: 100%!important;
}

#WelcomePanel
{
    margin-bottom: 5px;
}

@media (max-width: 767px)
{
    #MenuTable
    {
        display: none!important;
    }
}

#navbar-search-btn:hover {
    margin-top: 0px !important;
}

.main-search {
    width:170px;
}

/* Item Grid Flow Classes */
.tile
{
    padding: 20px;
    width: 230px;
    height: 360px;
}

.tile-title
{
    font-weight: bold;
}

.tile-itemdescription
{
    overflow: hidden;
    width: 100%;
    height: 60px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tile-itemattributes
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.tile-img
{
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.table-row-warning td
{
    background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
    background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
}

.table-row-danger td
{
    background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
    background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
}

.table-row-success td
{
    background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
    background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
}

/* bootstrap theme fixes */
.input-group .form-control
{
    z-index: auto;
}

input[type=text]:not(.form-control), input[type=password]:not(.form-control)
{
    margin: 5px;
}

.darkpanel
{
    margin: 10px 0px;
    padding: 10px 15px;
    width: 100%;
    border: solid 1px #000;
    border-radius: 5px;
    background-color: #242424;
}

    .darkpanel h1
    {
        color: white;
    }

    .darkpanel hr
    {
        margin: 0px 10px 10px 0px;
        height: 1px;
        color: #000000;
    }

.lightpanel
{
    margin: 10px 0px;
    padding: 15px;
    width: 100%;
    border: solid 1px #CACACA;
    border-radius: 5px;
    background-color: #FDFDFD;
}


/*Item Image List Main Image*/
.tdmain img {
    border: solid 2px #C9C9C9 !important;
}

    .tdmain img:hover
    {
        border: solid 2px #A0A0A0!important;
    }

/* IE10 viewport hack for Surface/desktop Windows 8 bug  */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

@media (max-width: 768px) {
  .btn-responsive {
    padding:2px 4px;
    font-size:95%;

  }
}

/* Category Tree */
li.list-group-item.node-tree
{
    font-size:10px;
    padding:3px 5px;
}
.list-group-item-sm{
    height: 30px; padding: 5px 15px;
}

/* Item List Grid and Filter List */
.detail-notes
{
    padding-top:10px;
    
}
 .detail-notes ul
{
    padding-left: 10px;
}
.filter-check
{
    text-transform:uppercase;
    color:#5F6264;
    width:100%;
    text-align:left;
}
.panel-heading-arrow .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading-arrow .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.panel-heading-radio .accordion-toggle:before {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';  /* essential for enabling glyphicon */
    content: "\f192";    /* adjust as needed, taken from bootstrap.css */
    color: black;         /* adjust as needed */
    margin-right:2px;
}
.panel-heading-radio .accordion-toggle.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "\f10c ";    /* adjust as needed, taken from bootstrap.css */
}
.flow-item-tile
{
    border:solid 1px #ddd;
    border-collapse:collapse;
    padding-bottom:20px;
    min-height:250px;
}
#item_list_grid {
    min-height:150px;
}
.filter-list-nav, .filter-list-control
{
    font-size:larger;
}
    .filter-list-nav:hover, .filter-list-control:hover
    {
        text-decoration:none;
    }

.no-cookies
        {
            background-color: #d9534f;
            color: #fff;
            display: block;
            font-weight: bold;
            padding: 15px 20px;
            text-align: center;
        }

.nav > li > a
{
    padding: 15px 15px;
}
.navbar-brand{
    padding-top:15px;
}
.navbar-form-expanded > .input-group
{
    padding-top:5px;
    padding-bottom:5px;
}
@media (max-width: 767px)
{
    .custom-col
    {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px;
    }
    .text-larger
    {
        font-size:16px;
    }
}
@media (min-width: 768px)
{
    .custom-col
    {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px;
    }
}
.bottom-nav{
    background-color:#EEEEEE;
    background-image:none;
    margin-top:10px;
}

/* auto complete */
.ui-autocomplete {
  z-index: 1050 !important;
}
    .ui-autocomplete .ui-menu-item > a.ui-corner-all
    {
        background-image: none !important;
        background: none !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        border-radius: 0px !important;
    }
     
/* Hide the added href links showing on print (overriding bootstrap style)*/
 @media print {
  a[href]:after {
    content: none;
  }
}   

 /* Credit Card images */
  .mastercard {
    background:url('/_assets/images/icons/mastercard.png') no-repeat 99% center;
}
    .visa {
    background:url('/_assets/images/icons/visa.png') no-repeat 99% center;
}
    .amex {
    background:url('/_assets/images/icons/amex.png') no-repeat 99% center;
}
    .discover {
    background:url('/_assets/images/icons/discover.png') no-repeat 99% center;
}

#summary-coupon{
    color:#43AC6A;
}

.bootbox.modal
{
    z-index:1041 !important;
}

/*multi-item carousel*/

.multi-item-carousel .carousel-control.left,
.multi-item-carousel .carousel-control.right {
  background-image: none;
  z-index:1000;
  width:3em;
  color:#808080;
}
.multi-item-carousel .carousel-control.right
{
    margin-right:-40px;
}
.multi-item-carousel .carousel-control.left
{
    margin-left:-40px;
}

/* hover effect */
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
z-index:499;
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#000;
text-align:center;
position:relative;
font-size:17px;
/*-webkit-transform:translateY(-100px);
-ms-transform:translateY(-100px);
transform:translateY(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;*/
padding:10px;
z-index:500;
}
    .hovereffect p
    {
        color:#fff;
    }

    .hovereffect .btns
    {
        position:absolute;
        bottom:10px;
        right:10px;
    }

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:20px 0 0;
padding:7px 14px;
position:relative;

}

.hovereffect a.cart {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:20px 0 0;
padding:7px 14px;
position:relative;

}

.hovereffect a.info:hover,.hovereffect a.cart:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover h2 {
    opacity:1;
    filter:alpha(opacity=100);
    color:#fff;
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover a.info,.hovereffect:hover a.cart {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0);
}

.hovereffect:hover a.info,.hovereffect:hover a.cart {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}



/* Homepage Carousel */
 .product-carousel-indicators
{
    background: none repeat scroll 0 0 rgba(125,125,125,0.1);
    border-radius: 3px;
    margin-right:100px;
    width: 65px;
    padding-top:2px;
    bottom:0;
    right: 0;
}
.product-carousel-captions
{
    left:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0.3) ;
    color:white;
    width:100%;
}
.product-carousel-captions h3
{
    margin-top:0px;
    margin-bottom:0px;
    color:white;
}

/* Quick Order Box*/
.tab-content {
        border: solid 1px #DDDDDD;
        padding: 10px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top: 0px;
    }
.quickorder-qty { width:50px; text-align:center; }
.quickorder-item {width:100%;}

/* News & Events */
.news-item
{
    padding-right:20px;
    padding-bottom:20px;
    border-bottom: solid 1px #ddd;
}
.news-title a
{
    font-size:14px;
}
.news-title
{
    font-weight:bold;
    font-size:14px;
}

.item-image-list-main
{
    max-height:300px;
}
.flex-direction-nav a
{
    line-height:40px;
}

/* Diagrams */
.diagram-popover-content > .popover-title
{
    /*color:white;*/
}
.diagram-popover-content > .popover-content
{
    background-color:white;
}
.arrow_box {
	position: relative;
	background: #ffffff;
	border: 1px solid #c0c0c0;
    border-top-left-radius:5px; 
    border-top-right-radius:5px;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 65px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 20px;
	margin-top: -20px;
}
.arrow_box:before {
	border-color: rgba(192, 192, 192, 0);
	border-right-color: #c0c0c0;
	border-width: 21px;
	margin-top: -21px;
}
.popover-price-container
{
    font-size:16px;
    font-weight:bold;
    margin-top:8px;
    margin-bottom:8px;
}
.popover-price
{
    font-size:16px !important;
}
.popover-additional-details, .popover-additional-details > a
{
    margin-top:20px;
    font-size:16px;
    font-weight:bold;
}

/* Helpers */
.padding-10{ padding: 20px 20px; }
.padding-20{ padding: 20px 20px; }
@media print { .no-print, .no-print * { display: none !important; } }

/* List Tiles  */
.tilelist-container
{
    border:solid 1px #fff;
}
    .tilelist-container:hover
    {
        border:solid 1px #ccc;
        background-color:rgba(0,0,0,0.5);
    }
    .tilelist-container:hover .tilelist-title-box h2
    {
        color:white;
    }
    
.tilelist-title-box
{
    padding:14px 20px 2px 20px; 
    text-align:center;
    
}
.title-title-box h2
{
    text-transform:uppercase;
}

/* Panel Menu */
.panel-menu-title li a
{
    font-weight:bold;
    padding-left:5px !important;
    color:#62A2D8 !important;
}
.panel-menu-items
{
}

/* CMS Pages*/
.cms-body ul
{
    padding-left:30px;
}