.half-bottom {margin-bottom: 10px;}
.add-bottom {margin-bottom: 20px;}
.table tbody>tr>td.mid-align{
    vertical-align: middle;
}
.block {display: block;}
.inline-block {display: inline-block;}
.btn:hover, 
.btn:focus{
  outline: none;
  box-shadow: none;
}
.text-left {text-align: left ;}
.text-right {text-align: right ;}
.add-padding-10 {padding: 10px !important;}
.add-padding-left-10{padding-left: 10px !important;}
.add-padding-left-20{padding-left: 20px !important;}
.add-padding-right-10{padding-right: 10px !important;}
.add-padding-right-20{padding-right: 20px !important;}
.add-padbottom {padding-bottom: 10px !important;}
.no-padding {padding: 0px !important;}
.no-padbottom {padding-bottom: 0px !important;}
.no-padleft {padding-left: 0px !important;}
.no-padright {padding-right: 0px !important;}
.bigger {font-size: 16px;}
.better {font-size: 14px;}
.hide {display: none;}
.add-padding {padding: 10px;}
.add-margin-left {margin-left: 10px;}
.table-borderless tr td{border-top: 0 !important;}
.grey {background: #e9e9e9 !important;}
.no-margin {
  margin: 0;
  padding: 0;
}
.absolute {
   position: absolute;
}
ul.unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}
/*Unordered Lists*/
ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before,
ul.arrow li::after,
ul.arrow-double li::after,
ul.tick li::after,
ul.cross li::after,
ul.star li::after,
ul.rss li::after {
  font-family: FontAwesome;
  font-size: 11px;
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before {
  margin-right: 5px;
}
ul.arrow li::before {
  content: "\f105";
}
ul.arrow-double li::before {
  content: "\f101";
}
ul.tick li::before {
  content: "\f00c";
}
ul.cross li::before {
  content: "\f00d";
}
ul.star li::before {
  content: "\f006";
}
ul.rss li::before {
  content: "\f09e";
}
.btn.btn-rounded {
  width: 24px;
  height: 24px;
  text-align: center;
  padding: 0px;
  margin: 0;
  font-size: 14px;
  line-height: 22px;

}
.btn.btn-circle {
  width: 24px;
  height: 24px;
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 24px;
}
.btn.btn-circle {
  width: 24px;
  height: 24px;
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  border-radius: 24px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
.btn:focus {
outline:0px;
}
.well.well-square {
	display: inline-block;
	width: 100%;
    min-height: 20px;
    padding: 19px 0px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 0px solid #ddd;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.well.well-square-mini {
	display: inline-block;
	width: 100%;
    min-height: 20px;
    padding: 12px 0px;
    margin-top: 0px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 0px solid #ddd;
    border-bottom: 1px solid #ddd !important;
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
.cboxPhoto {padding: 30px; z-index: 999999;}
#cboxOverlay{background:rgba(0,0,0,0.8);z-index: 999999;}
#colorbox{outline:0;z-index: 999999;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;z-index: 999999;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; padding:0 10px;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
        
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;
	cursor:move;
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* cloud zoom wrapper styles */
.cloud-zoom-wrap {
    top:0;
    z-index:99;
    position:relative;
}

/* This is the zoom window. */
.cloud-zoom-big {
    left: 1px !important;
    top: 1px !important;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;
	background:#222;
	padding:3px;
	border:1px solid #000;
}


.navbar-scroll {
background-color: #fff;
}


#loadiv{
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .70;
	filter:alpha(opacity=70);
	z-index: 99999999;
}

#loadings{
	width:100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    z-index:999999999;
    overflow: auto;
	display:none;
}
#proaddwish{
    position: fixed;
    top: 35%;
    max-width: 500px;
    min-height: 250px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    background:#fff;
    z-index:999999999;
    overflow: auto;
	display:none;
}
#proaddwish .tidone{
	font-size:14px;
	text-align: center;
	font-weight:bold;
	background:#252322;
	color:#fff;
	padding:5px;
	margin:5px;
	margin-bottom:30px;
}
#proaddwish .btn-group{
	padding:20px;padding-bottom:10px;margin-top:5px;overflow:hidden;
}
#proadd{
    position: fixed;
    top: 35%;
    max-width: 500px;
    min-height: 250px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    background:#fff;
    z-index:999999999;
    overflow: auto;
	display:none;
}
#proadd .tidone{
	font-size:14px;
	text-align: center;
	font-weight:bold;
	background:#252322;
	color:#fff;
	padding:5px;
	margin:5px;
	margin-bottom:30px;
}
#proadd .btn-group{
	padding:20px;padding-bottom:10px;margin-top:5px;overflow:hidden;
}

/* This css is just for preloading images */
#loads{
	display:none;
}
.toolTip { /* This is the hook that the jQuery script will use */
	padding-right: 20px; /* This is need to make sure that the help icon is always visible */
	color: #3366FF;
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}
	.toolTipMid:after {
	content: '';
	display: block;  
	position: absolute;
	left: 100%;
	top: 15px;
	margin-top: -10px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #A1D40A;
}


.toolTipWrapper { /* The wrapper holds its insides together */
	width: 140px;
	text-align: center;
	margin-left: -140px;
	margin-top: -10px;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	left: 0px;
	top: 0;
    display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
	color: #FFF;
	font-weight: bold;
	font-size: 9pt; /* A font size is needed to maintain consistancy */
}
.toolTipMid { /* Middle section of the tooltip */
	padding: 8px 10px;
	background: #A1D40A;
}  



.product-layout.product-grid .cart-overlay {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0;
      -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;

}
.product-layout:hover.product-grid .cart-overlay {
  opacity: 1;

}
.product-layout.product-list .cart-overlay {
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0;
      -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;

}
.product-layout:hover.product-list .cart-overlay {
  opacity: 1;

}
.faq dl {
	position: relative;
}
.faq dt {
	position: relative;
	background-color: rgba(255,255,255,0.4);
}
.faq dt.on:after {
	top: 0;
}
.faq dt:after {
	top: 0;
}
.faq dd {
	padding: 10px 0;
}