@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:300,500|Satisfy');
@import url('https://fonts.googleapis.com/css?family=Bad+Script|Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,600');
body {font-family: 'Arial', sans-serif; color: #333333; font-size: 12px; line-height: 15px;	width: 100%; /*background-image: url("../image/cream-pixels.png");*/ zoom:90%;}
h1, h2, h3, h4, h5, h6 {color: #333333;}
.regPage{ }
.loginPage{}
.form-group {margin-bottom: 5px !important;}
/* Override the bootstrap defaults */
h1 {font-size: 24px;font-family: 'Oswald', sans-serif;font-weight:400;margin-top: 0px; margin-bottom: 15px;}
h2 {font-size: 1.5em;font-family: 'Raleway', sans-serif;font-weight:200; margin-top:5px;}
h3, .myCartButton {font-family: 'Oswald', sans-serif;font-size: 1.5em;text-align: left;font-weight: 400; margin-bottom: 15px;}
h4 {font-family: 'Oswald', sans-serif;font-size: 1.2em;text-align: left;font-weight: 400; margin-bottom: 5px;}
h5 {font-size: 1.4em; font-weight:bold;}
h6 {font-size: 1.2em; font-weight:bold;}
a {color: #015275;}
a:hover {text-decoration: none;	color:#333333;}
legend {font-size: 16px;padding: 5px 0px;font-family: 'Roboto', sans-serif;font-weight:400;}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {display: inline;}
div.required .control-label:before {content: '* ';color: #F00;font-weight: bold;}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {text-decoration: none;color: #ffffff;background: #f1f1f1;background-repeat: repeat-x;}
.image-responsive img { width: 100%;}
/* top */
#headerTop{background: #039830; color: #ffffff; padding: 10px;}
#navigation{padding: 10px 15px; background: #015275; background-image: linear-gradient(to right, #015275 , #039830);}
#navigation a{color: #ffffff; padding: 10px 15px;margin: 0px 5px 0 10px;font-size: 0.9em; text-transform:uppercase;}
#navigation a:hover{background:#039830;}

.titlePane{padding: 15px; background: #f5f5f5;}
.actionPane{padding: 10px 15px; background: #039830; text-align:right;}
.actionPane a{color: #ffffff;padding: 10px 15px;margin: 0px 3px 0 2px;font-size: 0.9em;}
.actionPane a:hover{background:#efefef; color:#000000 !important;}
.tablePanel{padding: 15px; background: #ffffff;}
/* logo */
#logo {
	margin: 10px 0 10px 0;
}
/* search */
#search {
	margin-bottom: 10px;
}
#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
}
#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 35px;
	text-shadow: 0 1px 0 #FFF;
}

.lpAction{margin-top:20px;}
/* cart */
#cart {margin-bottom: 10px;}
#cart > .btn {font-size: 12px;line-height: 20px;color: #333333;height:40px; border: 1px solid #ccc;}
#cart.open > .btn {box-shadow: none;text-shadow: none;}
#cart.open > .btn:hover {background:#ddd;}
@media (min-width: 1200px)
{
	#cart .dropdown-menu{width:643px !important;}
}
#cart .dropdown-menu {background: #ffffff;z-index: 1001;}
#cart .dropdown-menu {min-width: 100%;}
@media (max-width: 478px) {
	#cart .dropdown-menu {width: 100%;}
}
#cart .dropdown-menu table {margin-bottom: 10px;}
#cart .dropdown-menu li > div {min-width: 427px;padding: 0 10px;}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {min-width: 100%;}
}
#cart .dropdown-menu li p {margin: 20px 0;}

#profile {
    display: none;
    overflow: hidden;
}

#column-left.active #profile {
    display: block;
    padding: 15px 15px;
    overflow: hidden;
	background: #015275;
}
#profile span.name{font-size: 1.3em; color:#fff;}
#profile span.desig{color:#fff;}

/* menu */
#menu,#menu ul,#menu li{padding:0;margin:0;list-style:none}
#menu{margin-bottom:25px}
#menu > li{position:relative}
#menu li a{text-decoration:none;display:block;padding:10px 10px;cursor:pointer;border-bottom:1px solid #eee !important;}
#menu li a i{font-size:14px}
#menu > li > a{color:#333333;font-size:14px;padding-left:13px}
#menu > li > a:hover{background-color:#f1f1f1}
#menu > li > a > span{display:none;margin-left:8px}
#menu li li a{color:#333333}
#menu li li a:hover{color:#f1f1f1!important;background-color:#333333}
#menu li li a:before{content:"\f101";font-size:14px;font-family:FontAwesome;margin-left:10px;margin-right:10px;transition:margin ease .5s}
#menu li li a:hover:before{margin-right:20px}
#menu > li.active > a{color:#f1f1f1;background:#015275;}
#menu li.active li a{color:#333333;}
#menu li li.active > a:last-child{color:#f1f1f1;font-weight:700; background:#039830;}
#menu li li.active a:last-child:before{margin-left:20px;margin-right:10px}
#menu > li > ul{position:absolute;left:50px;top:0;width:210px;background-color:#d6d6d6;visibility:hidden}
#menu li ul{overflow:hidden}
#menu > li:hover > ul{visibility:visible}
#menu li li a.parent:after,#column-left.active #menu > li a.parent:after{font-family:FontAwesome;content:"\f105";float:right;margin-right:8px}
#menu li li.open > a.parent:after,#column-left.active #menu > li.open > a.parent:after{font-family:FontAwesome;content:"\f107";float:right;margin-right:8px;}
#menu li ul a{padding-left:20px}
#menu li li ul a{padding-left:40px}
#menu li li li ul a{padding-left:60px}
#menu li li li li ul a{padding-left:80px}
@media (min-width: 768px) {
	#column-left.active{overflow:auto}
	#column-left.active + #content{margin-left:188px; background:#fff;}
	#column-left.active + #content + #footer{margin-left:188px}
}
@media (max-width: 767px) {
	#column-left.active + #content{position:relative;left:188px; background:#fff;}
	#column-left.active + #content + #footer{position:relative;left:188px}
}
#column-left.active{width:188px;}
#column-left.active #menu li i{font-size:14px}
#column-left.active #menu > li > a > span{display:inline}
#column-left.active #menu > li > ul{position:relative;left:auto;top:auto;width:auto;visibility:visible}
/* content */
#content {}
/* footer */
footer {}
footer hr {border-top: none;border-bottom: 1px dashed #ddd;}
footer a {color: #333333;font-size:0.95em;}
footer a:hover {color: #666666;text-decoration:underline;}
footer h5 {font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 400;color: #565656;border-bottom:0px dotted #ddd;padding-bottom:1px;}

.footer-links {margin: 50px auto;}
.footer-bottom {background: #333333;height: 50px;color: #ffffff;}
.footer-bottom a {line-height: 50px;color: #ffffff;text-decoration: underline;}

/* alert */

.breadcrumb{ margin-bottom:15px; border-radius:0px 0px 5px 5px;}
.pagination{margin: 0;}
/* buttons */
.buttons {margin: 1em 0;}

/* list group */
.list-group a {
	border: 0px solid #fff;
	color: #888888;
	padding: 8px 12px;
	margin-bottom:1px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	/*border: 1px solid #e5e5e5;*/
	margin-bottom: 5px;
	padding-top:0px;
	overflow: hidden;
    background:#ffffff;
	box-shadow: 0 0 10px 1px rgba(102, 102, 102, 0.1);
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	opacity: 0.8;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 15px;
}
}
.product-thumb h4 {
	font-weight: normal;
	text-align:center;
}
.product-thumb .caption {
	padding: 0 5px;
	min-height: 76px;
	text-align:center;
	min-height:90px;
}
.product-thumb .caption p:first-child{
	display:none;
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 0px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 0px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 0px;
}
.rating .fa-stack {
	font-size: 6px;
}
.rating .fa-star-o {
	/*color: #999;*/
	font-size: 15px;
}
.fa-star-o:before {
    content: "";
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	/*color: #E69500;*/
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	font-family: 'Roboto', sans-serif;
    color: #333333;
    font-weight: 600;
}
.product-thumb .price-old {
	color: #993333;
	text-decoration: line-through;
	font-size:0.80em;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.product-thumb .button-group {
	/*border-top: 1px solid #ddd;
	border-top: 3px solid #669900;*/
    background: transparent;
	overflow: hidden;
}
.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button {width: 100%;border: none;display: inline-block;float: left;background: #f1f1f1;color: #333333;
	line-height: 30px;font-weight: 600;text-align: center;text-transform: uppercase; height:40px;}
.product-thumb .button-group .btn-wishlist{ width:50%;}
.product-thumb .button-group .btn-compare{width:50%;}
.product-thumb .button-group button + button {width: 20%;border-left: 1px solid #ddd;}
.product-thumb .button-group button:hover {color: #333333; background: #ddd;text-decoration: none;cursor: pointer;}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 100%;
	}
}
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}
@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}
/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }
	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }
	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}
/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 50%;
}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}
/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background: #df5c39;
}
/* Added by SM to increase the width of drop down menu */
.dropdown-menu{min-width:220px !important;}
.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {border-color: #669900 !important;}
a:focus, a:hover {outline-color:#669900;}
.catTitle{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size: 2.5em !important;
	margin-top:0px !important;
	}
.prodCompare{margin-left:20px;}
/* Saikat has defined these used from bootstrap*/
.navbar{border-radius:0 !important;}
/*EL additional added custom classes */
.tag-link{padding: 2px 15px;font-size: 0.95em;display: inline-block;margin: 0 5px 5px 0;}
.no-product{ margin: 20px auto;}
.form-control:focus { border-color: #333333; outline: 0; -webkit-box-shadow: inset 0 0px 0px #333333,0 0 0px #333333; box-shadow: inset 0 0px 0px #333333,0 0 0px #333333;}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {border-color:transparent;}


.thumbnail {background: #fff;border: none; border-radius: 0px;}


/* Horizontal Tabs */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #555; cursor: default; background: transparent; border:none; border-bottom: 5px solid #039830;}
.nav-tabs>li>a, .nav-tabs>li>a:hover {border:none; border-bottom: 5px solid #ccc;font-weight: 600;text-transform: uppercase;font-size: 1.0em;}
.nav-tabs {border-top: 0px solid #ddd; border-bottom: 0px solid #ddd; background: #fff; }

/* Vertical Tabs */
.nav>li>a {position: relative;  display: block; padding: 7px 10px;}
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none; background-color: #039830;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {color: #fff;  background-color: #015275;}
.nav-pills>li.active>a:after{content: ''; display: block;  position: absolute; left: 100%;	top: 50%;	margin-top: -10px;	width: 0;	height: 0;	
	border-top: 10px solid transparent;	border-right: 10px solid transparent;	border-bottom: 10px solid transparent;	border-left: 10px solid #015275;}



	
.panel {margin-bottom: 20px;background: transparent; border: 1px solid transparent; border-radius: 0px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0);  box-shadow: 0 1px 1px rgba(0,0,0,0); }
.panel-footer {padding: 10px 15px; background: transparent; border-top: 0px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.owl-wrapper-outer {
    border: 0px solid #fff !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0) !important; 
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0) !important;
    -o-box-shadow: 0 1px 4px rgba(0,0,0,0) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0) !important; 
}
.form-control {
    display: block;    width: 100%;    height: 34px;    padding: 6px 12px;    font-size: 14px;
    line-height: 1.42857143;    color: #555;    background: #fff;    background-image: none;
    border: 1px solid #ccc;    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0); 
    box-shadow: inset 0 1px 1px rgba(0,0,0,0); 
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.link-button li{display: inline-flex; margin-bottom: 5px;}
.link-button a{padding: 7.5px 12px; font-size: 12px;border: 1px solid #cccccc;border-radius: 0px; background:#ffffff; color:#777777;}
.link-button a:hover{color:#333333; background:#e6e6e6; border-color: #adadad;}
a.list-group-item{font-weight: 600; }
div.list-group-item{max-height:130px; overflow-y:auto; border:none; padding:0px 10px;}
.addtofev{display: inline;position: absolute;right: 16px;top: 0px;z-index: 111;background: #666666 !important;font-size: 0.8em;padding: 0px 10px;color: #f1f1f1 !important;border-radius: 0 0px 0px 0;text-transform: lowercase;font-weight: 100;width: 33px !important;}
.pane{margin:15px auto;}
.pageTitle{float: left;font-size: 18px;font-family: 'Oswald', sans-serif;text-transform: uppercase; color:#ffffff;}
.tab-pane{background:#ffffff; padding:15px 15px;}
.tab-vertical .tab-pane{padding:0px !important;}
.infoPane{padding:15px 15px; font-style: italic;}
/* Timeline Style 1 */
ul.timeline {list-style-type: none; position: relative;}
ul.timeline:before {content: ' '; background: #d4d9df; display: inline-block; position: absolute; left: 29px;width: 2px; height: 100%; z-index: 400;}
ul.timeline > li {margin: 20px 0; padding-left: 20px;}
ul.timeline > li:before {content: ' '; background: white; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #669900; left: 20px; width: 20px; height: 20px; z-index: 400;}
/* Timeline Style 2 */
ul.timeline1 {list-style-type: none; position: relative;}
ul.timeline1:before {content: ' '; background: #d4d9df; display: inline-block; position: absolute; left: 29px;width: 2px; height: 100%; z-index: 400;}
ul.timeline1 > li.green {margin: 20px 20px; padding-left: 20px; background: #F3F8ED; border: 1px solid #72b92e; color: #3F8100;}
ul.timeline1 > li.green:before {content: ' '; background: #3F8100; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #dddddd; left: 20px; width: 20px; height: 20px; z-index: 400;}
ul.timeline1 > li.blue {margin: 20px 20px; padding-left: 20px; background: #F0F8FD; border: 1px solid #3e93cf; color: #0062A7;}
ul.timeline1 > li.blue:before {content: ' '; background: #0062A7; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #dddddd; left: 20px; width: 20px; height: 20px; z-index: 400;}
ul.timeline1 > li.red {margin: 20px 20px; padding-left: 20px; background: #FFC4BC; border: 1px solid #d25a4b; color: #B71500;}
ul.timeline1 > li.red:before {content: ' '; background: #B71500; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #dddddd; left: 20px; width: 20px; height: 20px; z-index: 400;}
.inline-form-button{padding-top:20px;}
.back-blue{background:#0152755c; padding: 15px 15px;}
.back-green{background:#0398305c; padding: 15px 15px;}
.blockPane{}
.block-header{font-size: 14px;font-weight: 600;padding: 10px 0px;border-bottom: solid 5px #015275; margin-bottom: 5px;}
.block-contnet{}
.block-footer{font-size: 12px;font-weight: 100;padding: 10px 10px;border-top: solid 2px #039830; margin-top: 5px;}
.talkbubble {width: 90%; height: 55px; background: #df5151; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 4px; padding: 20px 20px; color: #ffffff; text-align: center; text-transform: uppercase;}
.talkbubble:before {content: "";position: absolute;left: 100%;top: 15px;width: 0;height: 0;border-top: 15px solid transparent;border-left: 15px solid #df5151;border-bottom: 13px solid transparent;}
.cmd{padding: 15px 15px;width: 100%;clear: both; display: block; text-align: center; border-radius: 3px;  margin-bottom: 10px; text-decoration: none;}
.cmd-primary{background: #039830; color: #ffffff; font-weight:600;}
.cmd-primary:hover{background: #015275; color: #ffffff !important;}
.cmd-important{}
.cmd-default{}
.cmd-additional{}

#header {min-height: 50px; padding: 5px 0px 0px 0px; border-bottom: 5px solid #015275; background: #cccccc; margin-bottom:0px;}
#header a.logo_link{display:inline-block; margin-left:15px;}
#head{min-height: 0; padding: 5px 0px 0px 0px;background: #efefef; margin-bottom:0px;}
#button-menu {padding: 10px 15px;float: left;display: inline-block;cursor: pointer;color: #ffffff;  border-right: 1px solid #f1f1f1;}

#column-left {   
	width: 50px;
    height: 94%;
    background-color: #cccccc;
    position: absolute;
    top: 0;
    margin-top: 50px;
    z-index: 10;
    transition: all .3s;
}
#column-left.active {width: 235px;display: block;}
@media (min-width: 768px){
	#column-left.active {overflow: auto;}
}

#content {
    transition: all .3s;
}
@media (min-width: 768px){
	#column-left.active + #content {
		margin-left: 235px;
	}
}

#column-left + #content {
    margin-left: 50px;
}

@media (max-width: 767px){
	#column-left.active + #content {
		position: relative;
		left: 188px;
	}
}
@media (max-width: 767px){
	#column-left + #content {
		margin-left: 0px;
	}
}


@media (max-width: 767px){
	#column-left {
		overflow: hidden;
		display: none;
	}
}


@media (min-width: 1200px){
	.page-header {
		vertical-align: middle;
		z-index: 11111;
		margin: 5px 0;
		padding: 0;
		border-bottom: none;
	}
}
.page-header {
    vertical-align: middle;
    margin: 0px 0 15px 0;
    padding: 10px 0 0 0;
    border-bottom: solid 2px #efefef;
}

.table-header{display: inline-block;
    width: 100%;
    background: #015275;
    padding: 5px 10px;
    font-size: 1.2em;
    line-height: 2em;
    border-radius: 0px;
    color: #f1f1f1;}
	
	

/* Earthen Store :: Additional CSS Document*/

.fz-11 {font-size:11px;}
.fz-12 {font-size:12px;}
.fz-13 {font-size:13px;}
.fz-15 {font-size:15px;}
.fz-48 {font-size:48px!important;}
.fw100 {font-weight:100;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400!important;}
.fw500 {font-weight:500;}
.f700 {font-weight:700;}

.mt-10 {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-20 {margin-top:20px;}
.mt-25 {margin-top:25px;}
.mt-35 {margin-top:35px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top:50px;}
.mt-60 {margin-top:60px;}
.mt-70 {margin-top:70px;}
.mt-80 {margin-top:80px;}
.mt-100 {margin-top:100px;}
.mt-120 {margin-top:120px;}
.mt-150 {margin-top:150px;}

.ml-0 {margin-left:0!important;}
.ml-5 {margin-left:5px!important;}
.ml-15 {margin-left:15px;}
.ml-20 {margin-left:20px;}
.ml-50 {margin-left:50px;}

.mr-0 {margin-right:0!important;}
.mr-5 {margin-right:5px!important;}
.mr-10 {margin-right:10px;}
.mr-30 {margin-right:30px;}
.mr-50 {margin-right:50px;}

.mb-0 {margin-bottom:0;}
.mb-0-i {margin-bottom:0!important;}
.mb-5 {margin-bottom:5px;}
.mb-15 {margin-bottom:15px;}
.mb-25 {margin-bottom:25px;}
.mb-40 {margin-bottom:40px;}
.mb-50 {margin-bottom:50px;}
.mb-60 {margin-bottom:60px;}
.mb-70 {margin-bottom:70px;}
.mb-80 {margin-bottom:80px;}
.mb-90 {margin-bottom:90px;}
.mb-100 {margin-bottom:100px;}

.pt-0 {padding-top:0;}
.pt-10 {padding-top:10px;}
.pt-15 {padding-top:15px;}
.pt-20 {padding-top:20px;}
.pt-25 {padding-top:25px;}
.pt-30 {padding-top:30px;}
.pt-40 {padding-top:40px;}
.pt-50 {padding-top:50px;}
.pt-60 {padding-top:60px;}
.pt-70 {padding-top:70px;}
.pt-80 {padding-top:80px;}
.pt-90 {padding-top:90px;}
.pt-100 {padding-top:100px;}
.pt-150 {padding-top:150px;}

.pb-0 {padding-bottom:0;}
.pb-10 {padding-bottom:10px;}
.pb-15 {padding-bottom:15px;}
.pb-20 {padding-bottom:20px;}
.pb-25 {padding-bottom:25px;}
.pb-40 {padding-bottom:40px;}
.pb-50 {padding-bottom:50px;}
.pb-60 {padding-bottom:60px;}
.pb-70 {padding-bottom:70px;}
.pb-80 {padding-bottom:80px;}
.pb-90 {padding-bottom:90px;}
.pb-100 {padding-bottom:100px;}
.pb-150 {padding-bottom:150px;}

.pr-30 {padding-right:30px;}
.pl-30 {padding-left:30px;}
.p-40 {padding:40px;}

.float-left {float:left;}
.float-right {float:right;}
.section-half {padding:75px 0;}
.inline-flex {display:inline-flex;}
.flex-grow {-webkit-box-flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
.flex-wrap {-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.flex-left {-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;}
.flex-middle {-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;}
.flex-right {-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end;}
.flex-top {-webkit-align-self:flex-start;-moz-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;}
.flex-center {-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;}
.flex-bottom {-webkit-align-self:flex-end;-moz-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;}
.space-between {-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;}
.space-around {-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around;}
.flex-column {-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-cell {display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}


@media (min-width: 1200px) {
.login-bg{ background: #efefef url(); background-repeat: no-repeat; background-size: 100%; height:675px;}
.signin-bg{background: url(../image/signin-bg.jpg); background-repeat: no-repeat; background-size: 100%; height:675px;}
.block-white{background: rgba(255, 255, 255, 0.9); padding: 20px 0px; margin-top: 15px;margin-bottom: 15px;}
.container {max-width: 1349px !important;width:100%;}
.col-lg-4 {max-width:25% !important;}
 
.titleStrike {line-height: 0.1; text-align: left; font-weight:300; padding:15px 0px;}
.titleStrike span {display: inline-block;position: relative;}
/*.titleStrike span:before, */.titleStrike span:after {content: ""; position: absolute; height: 5px; top: 0;width: 200%;}
/*.titleStrike span:before {right: 99%;margin-right: 15px;}*/ 
.titleStrike span:after {left: 99%;margin-left: 15px;}
.dropdown-menu{}
 }
 
 .action_button{margin: 10px 0 10px 0;}
 
#content .col-lg-2:nth-child(6n+1), #content .col-lg-2:nth-child(6n+1), #content .col-lg-3:nth-child(4n+1), #content .col-lg-4:nth-child(3n+1), #content .col-lg-6:nth-child(2n+1) {clear: none;}
blockquote {padding: 5px 10px; margin: 0 0 10px; font-size: 1.0em !important; line-height:1.2em; border-left: 5px solid #666666;}
.product-grid .product-thumb .detail {display:none;}
.product-grid .product-thumb h4 {font-size:1.2em !important;}
.product-list .product-thumb h4 {font-size:1.3em !important;}
.product-list .product-thumb .button-group {border-left: 0px solid #ddd;}
.product-list .product-thumb {text-align:left;}
.product-list .product-thumb .info {}
.product-list .product-thumb .detail {}
.product-list .product-thumb .caption {text-align:left;margin-left:0px;}
.product-list .product-thumb .image img {width:53%;}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {color: #fff;background: #666666;border-color: #333333;}
.btn-primary.focus, .btn-primary:focus {color: #fff;background: #666666;border-color: #333333;}

.navbar {border-bottom:none;margin-bottom:0px;}
#menu {border:none;border-bottom: 0px solid #999999; background: rgb(219, 219, 219);}
.owl-pagination {top:0px !important;}
.owl-controls .owl-page.active span {background: rgb(131, 190, 62) !important;}
.owl-controls .owl-page span {background: #666666 !important;box-shadow:none !important;	width: 7px !important;	height: 7px !important;	box-shadow: none !important;border-radius:0px !important;}
.dropdown-menu>li>a{padding:10px 20px !important;}

.stockFlag {padding: 2px 10px;background: #333333;color: #f1f1f1;font-size: 0.9em;font-weight: 600;}
a.list-group-item {font-weight: 600;}
div.list-group-item {max-height:none;overflow-y:auto;}
.caption h4 a{color: #333;font-size: 0.9em;font-weight: 500;font-family: 'Roboto', sans-serif; text-align:center;}
.caption h4 a:hover{color:#669933;}	
:focus {outline: solid 0px  #669933 !important; outline-color: #669933 !important; outline-style: solid !important; outline-width: 0px !important;}

.quickMenu{margin:0px 0px 10px; padding:0px;}
.menuTitle{float:left;}
.subcatOption{display:block; float:left; margin:0px; padding:0px;}
.subcatOption li{list-style:none; padding:0px; display:inline; float:left; margin:2px; border:solid 1px #999999;}
.subcatOption li a{ padding:5px 20px; text-transform:uppercase; font-size:0.85em; text-decoration:none; letter-spacing:0px; color:#666666; font-weight:600;}
.subcatOption li a:hover{background: rgba(0, 0, 0, 0.08);}

div.stockBadge{display: inline;position: absolute;left: 15px;top: 0px;z-index: 111;background: #666666;font-size: 0.8em;padding: 0px 10px;color: #f1f1f1;border-radius: 0 0px 0px 0;text-transform: lowercase;font-weight: 100;}
button.iwish{display: inline;position: absolute;right: 10px;top: 5px;z-index: 111;font-size: 0.8em;padding: 0px 0px;color: #f1f1f1;text-transform: lowercase;font-weight: 100;  border:none !important;}
button.icompare{display: inline;position: absolute;right: 10px;top: 30px;z-index: 111;font-size: 0.8em;padding: 0px 0px;color: #f1f1f1;text-transform: lowercase;font-weight: 100; border:none !important;}
.adPane {position: relative;width: 100%;float: left;text-align: center;padding: 15px 0px 15px;border-bottom: 1px solid #eee;
    background: #ffffff url(../image/stripe_narrow.png);}
.adDisplayFull {text-align: center;margin: 0;float: left;width: 100%;}
.adTags {text-align: center;float: left;font: 600 8px helvetica, arial, sans-serif!important;color: #fff;text-transform: uppercase;position: absolute;z-index: 999;background: #000;
    padding: 2px;right: 0px;bottom: 0;}

.social-icons {padding:0px 0px;}
.social-icons li {display: inline-block; vertical-align: middle; margin-right: 8px;position: relative;}
.social-icons li a {display: block;width: 40px; height: 40px; line-height: 40px; text-align: left;}
.social-icons li a img {border-radius:10px;}

.quickAccess{padding: 5px 5px; float:left;}
.quickAccess li{ list-style:none;}
.quickAccess ul{ margin:0px auto; padding:0px;}
.quickAccess ul a{line-height: 30px;}
.quickAccess i.fa{padding:10px 10px;}
.quickAccess ul a:hover	{color: #669933 !important;}
.greenBG{background: rgba(204, 204, 204, 0.4);}
.greyBG{}
.lightGreyBG{background:#ffffff; margin-top:15px;}
#column-left, #column-right {}
.categoryTop{}
.productPriority{}
.vetified-customer{ color:#669900; font-weight:600;}

.alert{border-radius: 0px !important;}
.notice{border-radius: 0px !important;}
button.close{color:#ffffff; margin-left:20px; opacity:1; text-shadow:none;}

.list-group-item:first-child {border-radius: 0px;}
table.productInfo thead td{text-transform:uppercase;}
.attributeName{ width:30%;}
.attributeText{width:70%; border:none;}
h4.myCartButton {padding: 0px;margin: 0px;font-family: 'Oswald', sans-serif;font-weight: 100;font-size: 1.2em; color:#f1f1f1 !important; text-align:center;}

.dropdown-menu{ border: 0px solid #ccc;  border: 0px solid rgba(0,0,0,.15);  border-radius: 0px;}
#top-links .dropdown-menu a{color:#333333 !important;}

.well{background:transparent; border:none; border-radius:0px; box-shadow:none;}
.owl-carousel{background:transparent !important;}
.owl-wrapper-outer {border: 0px solid #fff !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -o-border-radius: 0px !important; border-radius: 0px !important; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0) !important;  -moz-box-shadow: 0 0px 0px rgba(0,0,0,0) !important; -o-box-shadow: 0 0px 0px rgba(0,0,0,0) !important;  box-shadow: 0 0px 0px rgba(0,0,0,0) !important; }
.removeItem:hover{color:#ff0000;}
.checkbox, .radio {margin-top: 2px; margin-bottom: 3px;}
.radio {margin: 5px 20px;}
.checkbox label:hover{color:#669933; font-weight:600;}
.list-group a {border: 0px solid #fff;color: #333333;padding: 8px 12px;margin-bottom: 0px; font-weight:100;}
.list-group a:hover { color: #669933; background: none;  border: 0px solid #DDDDDD;  text-shadow: 0 0px 0 #FFF;}
.list-group-item{border:none;}
.panel>.list-group .list-group-item:hover, .panel>.panel-collapse>.list-group .list-group-item:hover {border-width: 1px;border-radius: 0px; border-color:transparent;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background: rgba(238, 238, 238, 0.5); border-color: transparent;}

.panel-head{padding: 0 0 0 0;}
.advt-table{width:100%;}
.advt-table tr td{padding:5px 5px;}
.advt-table .width-f{width:100%;}
.advt-table .width-m {width:50%;}
.advt-table .width-h{width:25%;}
.advt-table .width-i{width:20%;}
.advt-table .width-q{width:12.5%;}
.advt-table img{border: 0px solid #f1f1f1;}
.registrationForm input, .loginForm input{ }
.callToAction{ background: rgba(102, 102, 102, 0.5); color:#efefef; margin-top:0px;}
/* Add Footer selerate punch line.*/
.impNotice {text-align: left; width: 100%;color: #d8d8d8;padding: 10px 15px;margin: 10px;letter-spacing: 1px;text-transform: uppercase;}
.cartDropdown{width: 600px;}
.cartItemTable{width:100%;}
.cartItemTable tr td:first-child{padding:1px 0px 2px 10px;}
.cartItemTable tr td:last-child{padding:1px 10px 2px 0px;}
/* Time line 
.box{margin:15px 0;overflow: hidden; padding: 0 0 10px 0;}
.box ul{list-style-type: none;margin: 0;padding: 0;position: relative;transition: all 0.5s linear;top:0}
.box ul:last-of-type{top:20px}
.box > ul:before{content: "";display: block; width: 0;height: 100%;border:1px dashed #333333;position: absolute;top:0;left:10px;}
.box ul li{margin: 0px 40px 40px;position: relative;padding: 5px 5px;width: 100%;}
.box ul li ul li{margin: 0px 0px 5px;position: relative; padding: 5px 10px; background:#f1f1f1;color:#333; border-radius: 0px;line-height: 15px;width: 90%;}
.box .groupName{content: "";display: block;width: 100%;height: 100%;position: absolute;top:0;left:0px;padding:0px;margin:0px; color:#333333;}
.box ul li > span.pointer:before{content: "";display: block;width: 10px;height: 10px;border-radius: 50%; background:#ffffff;border:1px solid #333333;position: absolute;left:-5px;}	
.box ul li > span{content: "";display: block;width: 0;height: 100%;border:1px solid #333333;background:#fff;position: absolute;top:15px;left:-30px;}
.box ul li ul li > span{content: ""; display: block;width: 0;height: 100%;border:1px solid #ccc;position: absolute;top:0;left:-35px;}
.box ul li span.pointer:before{content: "";display: block;width: 10px;height: 10px;border-radius: 50%;background:#333333;border:1px solid #333333;position: absolute;  left:-5px;}
.box ul li ul li span.pointer:before{content: ""; display: block; width: 10px;height: 10px;border-radius: 50%;background:#ffffff;border:1px solid #333333;position: absolute; lef:-5px;}
.box ul li > span:before{top:-10px}
.box ul li > span:after{top:95%}
.box .info:first-letter{text-transform: capitalize;line-height: 1.7}
.box .name{margin-top: 10px;text-transform: capitalize;font-style: italic;text-align: right;margin-right: 20px;}
.box .time span{position: absolute;left: -34px;color:#fff;background:#fff;font-size:80%;font-weight: bold;}
.box .time span{top:0%}
*/
/* Tags UI*/
.tag a:nth-child(odd) {background: transparent; color:#666666; text-decoration:none; border: solid 1px #666666;}
.tag a:nth-child(odd):hover {background: rgba(102, 102, 102, 0.5); }

.tag a:nth-child(even) {background: #666666; color:#ffffff; text-decoration:none; border: solid 1px #666666;}
.tag a:nth-child(even):hover {background: rgba(102, 102, 102, 0.5);}



.list-group-item{background:transparent !important;}
.table>thead>tr>td{font-weight:600; text-transform:uppercase;}
 /* Fixed Header on Scroll
.fixedHeader {position: fixed;top: 0;left: 0; width: 100%; z-index:99999; overflow:auto;}*/

body .btn {outline: 0 !important;}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {outline: 0 !important;outline-offset: 0  !important;background-image: none  !important;-webkit-box-shadow: none !important;box-shadow: none  !important;}
.brand-logo{margin:20px 0PX;}
.input-group-addon{border-radius:0px !important;}
/* Show small down arrow right beside all top menu items */
i.arrow-down {border: solid #333333;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;margin-left:5px;margin-top:5px;float:right;transform: rotate(45deg); -webkit-transform: rotate(45deg);}
/* add sponsored tag to all reatured products */
.sponsored{position: absolute;float: left;top: 0px;font-size: 6px !important;padding: 0px 5px;background: #666666;line-height: 15px;color: #ffffff;}
.new-arrival{position: absolute;top: 5px;left: 20px;background: #333333;border: 1px solid #333333;height: 30px;width: 30px;border-radius: 50px;text-align: center;font-size: 0.4em;text-transform: lowercase;line-height: 30px;color: #ffffff;font-weight: 600;	}

.filter-category{background: rgba(204, 204, 204, 0.4); padding: 15px 20px;}
a.category-item{ display:block; color:#333333;}
a.parent{padding:0px 5px;}
a.parent.active{font-weight:600;}
a.child {padding:0px 20px;}
a.child.active{background:#efefef; font-weight:600;}

/* Overview Page CSS Classes */

.blog-box{ margin: 20px 0px; Padding: 15px 0px; background:#ffffff;}
h1.info-title{font-weight:100; color:#333333; margin:50px 0px 20px 0px !important; text-align:center; font-size:2.5em;}
h2.info-subtitle{font-weight:100; color:#222222; margin:0px 0px 50px 0px  !important; text-align:center; font-size:1.5em;}
.info-box{margin: 25px 0px;}
.info-box-single{ height:200px; background-color:#85cdca; margin: 5px 5px;padding:20px; }
.info-box-single {height: 200px;background-color: #85cdca;margin: 5px 5px;padding: 20px;}
.info-box-double {height: 410px;background-color: #40b3a2;margin: 5px 5px;}
.info-box-single h1{line-height:30px; font-weight:400; text-transform:uppercase;}
.info-box-single p{line-height:17px; font-size:1.0em; text-align: justify;}
.info-box-dauble{ height:410px; background-color:#40b3a2; margin: 5px 5px; }
.info-box-double h1{font-weight: 300;text-transform: uppercase;font-size: 3em;line-height: 15px;padding-top: 125px;}
.info-box-double p{line-height: 17px;padding: 20px;text-align: justify;}

.box {margin: 0px 0px 20px 0px; Padding: 15px 15px; border-radius:10px;}

.box.shadow {box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}
.box.bordered {border-top: solid 5px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 2px #cccccc; border-left: solid 1px #cccccc;}

.box-blue	{background:#01527550;}
.box-blue a.cmd {color: #333333; background:#ebe2b9; line-height: 41px; border: 1px solid #efefef; display: inline-block;  padding: 5px 15px;text-align: right ; font-size: 1.2em;cursor:pointer;}
.box-blue a.cmd:hover{background:#daefea;}

.box-green	{background:#03983050;}
.box-green .cmd a{  }
.box-green .cmd a:hover{ }


.box-grey	{background:#f1f1f1;}
.box-grey .cmd a{  }
.box-grey .cmd a:hover{ }


.box-beige	{background:#ebe2b9;}
.box-beige .cmd a{color: #333333; background:#daefea; line-height: 41px; border: 1px solid #efefef; display: inline-block;  padding: 5px 15px;text-align: center ; font-size: 1.2em;cursor:pointer;}
.box-beige a.cmd:hover{background:#ebe2b9;}


.box-white	{background:#ffffff;}
.box-white .cmd a{}
.box-white .cmd a:hover{}







.header-banner{margin:0px auto 15px auto;}
.width-full{width:100%;}
.width-half{width:50%;}
.width-30p{width:30%;}

/* Home Page Call to Action Banners*/
.c2a{margin: 5px 0px;}
.c2a-overlay {position: relative;}
.overlay {position: absolute;bottom: 100%;left: 7.5px;right: 0;background-color: #efefef90;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.c2a-overlay:hover .overlay {bottom: 0;height: 100%;}
.text {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;
    background: #666666;padding: 10px 15px;color: #f1f1f1; font-size:0.75em; line-height:0.75em;}
.text:hover{background: #999999;}
.text a{color #f1f1f1 !important;}
.text a:hover{color #f1f1f1 !important;}
.c2a-overlay img.image{width:100%;}


.list-horizontal li{display:inline; float:left; padding:5px 5px;}
.tool-pane{margin: 10px 0px;background: #ffffff;padding: 5px 10px;}

div.header-top{background: #333333;color: #efefef;padding: 5px 15px;}

.cart-view{}
.cart-checkout{}
.product-promo{margin-top:5px;}
.sale{height: 50px; width: 50px; background:transparent url('../image/sale.png') 100% 100%; background-repeat: no-repeat; background-size: 100%; display: inline-block; position: absolute; top: 0; right: 15px;}

/* Beat The Heat Info Page CSS Class */
.CallToActionList{margin: 0 auto;position: relative;padding: 0px;}
.CallToActionList li{list-style: none; margin: 0px; padding: 0px;}
.CallToActionList li a{line-height: 41px; border: 1px solid #efefef; display: block;  margin-bottom: 5px; padding: 5px 15px;text-align: right ; font-size: 1.2em;  color: #333333; background:#daefea; cursor:pointer;}
.CallToActionList a:hover{background:#ebe2b9;}

/* Seller's Portal */
.sellerMenu{width: 100%;margin: 0 auto; display: block; position: relative; min-height: 40px; background: #9bdaf3; line-height: 40px; padding:0px; text-align:center}
.sellerMenu li{display:inline-block;}
.sellerMenu li a{padding: 10px 20px;margin: 0px 5px;color: #046293;font-weight: 600;border: none;font-size: 1.45em;text-transform: uppercase;cursor: pointer;}
.sellerMenu li a:hover{background:#00a0dc;}
.uspIcon img{background: #bdde7b; border-radius: 15px; border: dotted 1px #669900; padding: 15px;}
.actBenefit{background:#cfedfb;}


/* Tiles */
.tile {margin-bottom: 15px; background-color: #f1f1f1; transition: all 1s;     border-radius: 10px;
    border-top: solid 5px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 2px #cccccc;
    border-left: solid 1px #cccccc;}
.tile:hover {opacity:.95;}
.tile a {color:#015275;}

.tile-heading {padding:5px 10px; color:#015275; font-weight:bold;}
.tile .tile-heading .pull-right {transition:all 1s;opacity:.7;}
.tile:hover .tile-heading .pull-right {opacity:1;}

.tile-body {padding:10px;color:#333;}
.tile .tile-body i {font-size:30px;opacity:.3;transition:all 1s;}
.tile:hover .tile-body i {color:#039830;opacity:1;}
.tile .tile-body h1 {font-size:1.8em; color:#039830;}

.tile-footer {padding:2px 10px; font-size:0.9em;}

.form-button{padding-top:20px; text-align:right;}
.panel-search{background:#6699004f; padding:10px 10px; margin: 10px 0px;}

span[data-toggle="tooltip"]:after, label.control-label span:after {font-family: FontAwesome;color: #1E91CF;content: "\f059";margin-left: 4px;}

.actionPane-grey{padding:15px; background:#efefef; color:#000000;}
.actionPane-green{padding:15px; background:#d7d7d7; color:#000000;}

.tableTitle{ padding:0px 0px; display:inline-block; margin:0px 0px !important;}

.badge-grey{display: inline-block;min-width: 10px;padding: 3px 7px;font-size: 10px;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: middle; background-color: ##cccccc66;border-radius: 10px;}

.bg-dark{background: #015275;    color: #ffffff;    border-top: 15px solid #039830;}

.footer-links{}

.mt-tb-50 {margin-top: 50px;   margin-bottom: 50px;}
ul.info-list {padding: 0px 0px;}
ul.info-list li {display: inline;    vertical-align: middle;   margin: 5px;}


/* Order Progress Tracker */
ol.otracker {margin: 0;padding: 0;  list-style-type: none;}
ol.otracker li {display: inline-block;text-align: center;line-height: 1.5em;}
ol.otracker[data-otracker-steps="2"] li { width: 49%;}
ol.otracker[data-otracker-steps="3"] li { width: 33%;}
ol.otracker[data-otracker-steps="4"] li { width: 24%;}
ol.otracker[data-otracker-steps="5"] li { width: 19%;}
ol.otracker[data-otracker-steps="6"] li { width: 16%;}
ol.otracker[data-otracker-steps="7"] li { width: 14%;}
ol.otracker[data-otracker-steps="8"] li { width: 12%;}
ol.otracker[data-otracker-steps="9"] li { width: 11%;}
ol.otracker li.otracker-done {color: black;border-bottom: 4px solid yellowgreen;}
ol.otracker li.otracker-todo {color: silver;border-bottom: 4px solid silver;}
/*
ol.otracker li:after {    content: "\00a0\00a0";}
ol.otracker li:before {    position: relative;    bottom: -2.5em;    float: left;    left: 50%;    line-height: 1em;}
ol.otracker li.otracker-done:before {    content: "\2713";    color: white;    background-color: yellowgreen;    height: 2.2em;    width: 2.2em;    line-height: 2.2em;    border: none;    border-radius: 2.2em;}
ol.otracker li.otracker-todo:before {    content: "\039F";    color: silver;    background-color: white;    font-size: 2.2em;    bottom: -1.2em;}
*/
.searchPane{background:#efefef;padding: 0px 15px; margin-bottom: 15px; border-radius: 5px; border:solid 1px #f1f1f1;}
.productBlock{min-height:350px;}

.blink{animation: blinker 2s linear infinite;}

table.board{width:100%;}
table.board td{padding:5px;}
table.board tr td:first-child{font-weight:bold; text-align:right;}
table.board .highlight >td{font-size: 18px; color: #f1f1f1; background: #5cb85c; vertical-align: middle; }
table.board .highlight >td:first-child { background:#337ab7; font-weight:bold;}

/* Accordion */
.collaps-panel{margin-bottom:15px;}

.accordion {
	background: #015275;
    background-image: linear-gradient(to right, #015275 , #039830);
    color: white;
    cursor: pointer;
    padding: 10px 15px;
    width: 100%;
    border: solid 1px #efefef;
    text-align: left;
    outline: none;
    font-weight: bold;
	display:block;
}

.accordion.active, .accordion:hover {
	background: #039830;
	background-image: linear-gradient(to right, #039830, #015275);
}

.collapsable {
	padding: 0 15px;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
}
.collapsable p{
	padding: 15px 0px;
	margin:0px
}
button.accordion:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
button.accordion.active:after {
    content: "\2212";
}