/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,800,700,300); */
/* @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); */

* { 	-webkit-transition: * 5000ms; -moz-transition:  * 5000ms; -o-transition:  * 5000ms; transition:  * 5000ms; }
/** Base structure **/
body { font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; font-size: 14px; background: #efefef url('../images/layout/body-bg.png'); color: #111; }
.navbar {  margin-bottom: 0; min-height: initial;  }
.footer { padding: 40px 0; color: #999;text-align: center;background-color: #fff;border-top: 1px solid #e5e5e5; margin: 0}
section > .container { padding-top: 20px; }
a { color: #3990D3;}
a:hover { color: #3990D3;}
.clear { clear: both; }
hr { margin-top: 7px; margin-bottom: 7px;  }

h1, h2, h3 { font-family: 'Droid Sans', Arial, Helvetica, sans-serif !important; font-weight: 700;  margin: 0; }
.btn { box-shadow: inset 0 1px 0 rgba(255,255,255,0.15); text-shadow: 0 1px 0 rgba(0,0,0,0.2); }
.btn-primary { color: #fff; background-color: #2C94D4; border-color: #097abf; }
.btn-primary:hover { color: #fff; background-color: #097abf; border-color: #097abf; }

.label-primary { color: #fff; background-color: #2C94D4; border-color: #097abf; }

.content-holder { background: rgba(0,0,0,0.1); padding: 15px;  border-radius: 3px; } 
.content-holder h2, .content-holder .page-title{ font-size: 1.3em; padding: 5px 0 15px; } 
label { font-weight: 600; }


.breadcrumb { background: transparent; padding: 0; font-size: 13px; color: #848383; margin-bottom: 10px; text-transform: capitalize; } 
.breadcrumb>li+li:before { content: "\00BB"; padding: 0 5px; color: #848383; }
.breadcrumb>li>a{ color: #848383; font-weight: 600;  }
.breadcrumb>li>a:hover{ color: #3990D3; }

.front .header { padding-top: 10px; }
.front .header .logo { max-width: 150px !important; margin-right: 10px; }
.front .header .title { color: #343434; font-size: 1.5em; font-weight: 300; padding: 2px 0; text-transform: uppercase; font-family: 'Droid Sans',Arial,Helvetica,sans-serif !important; }
.front .header .title > div { display: block; font-size: 2em; font-weight: 600; margin-top: -15px;}

.front .navbar-inverse { border-color: #3aa3de; background: #2C94D4; }
/*.front .navbar-inverse { border-color: #097abf; background: #2C94D4 url('../images/layout/nav-bg.png');  }*/
.front .navbar-inverse .navbar-nav > li > a { color: #efefef; }
.front .navbar-inverse .navbar-nav > li > a:hover { background: #097abf; }


.side-panel h3 { padding: 7px 10px; background: rgba(0,0,0,0.1); color: #666; font-size: 16px; border-radius: 3px; margin-bottom:  10px ;  }
.side-panel > div { margin-bottom: 20px;  }
.side-panel .basic-menu ul { padding: 0; list-style: none; }
.side-panel .basic-menu ul li { margin: 3px 0; padding: 5px; border-bottom: 1px dotted #ccc;} 
.side-panel .basic-menu ul li a {  color: #666 }
.side-panel .basic-menu ul li:before { content: "\00BB"; padding: 0 5px; color: #848383; }
.side-panel .basic-menu ul li a:hover { color: #3990D3; font-weight: 600; }

.products.thumbview { text-align: center; margin: 0px; }
.products .item { position: relative; margin: 10px auto; padding: 10px; background: #fff; border: 1px solid #ddd; box-shadow: 0 0 5px 1px rgba(0,0,0,0.05); }
.products .item .product-image { display: block; min-height: 300px; position: relative; border: 1px solid #efefef;  background-size: cover;  }
.products .item .product-image > .info {  display: none; position: absolute; bottom: 0; width:100%; }
.products .item .product-image > .info a { margin: 5px;  }
.products .item .product-image:hover  > .info { display: block; }

/* .products .item .product-details h4 a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.85em; line-height: 1.5em; } */
.products .item .product-details h4 a { display: block; font-weight: bold; font-size: 0.85em; line-height: 1.5em; }

.inside-pages { padding-bottom: 50px;  }

.cart-widget {}
.cart-widget .cart-items { border-bottom: 1px dotted #ccc; padding-bottom: 7px; }
.cart-widget .media-object { width: 50px; }
.cart-widget .media-heading { font-size: 1em; font-weight: 600; }
.cart-widget .cart-wg-subtotal { padding: 5px 0 }
.cart-widget .product-details .quantity:after { content: "x"; padding: 0 5px; font-size: 11px; line-height: 14px; }
.side-panel .cart-widget .media-body > .row > div { width: 100%; }

.product-full-view .product-full-view-images { text-align: center;  }
.product-full-view .product-name { font-size: 1.2em; margin-top: 0.25em   } 

.tab-discrip { margin-top: 20px; }
.tab-discrip .tab-content > div { background: rgba(0,0,0,0.1); padding: 15px; }
.tab-discrip .nav-tabs > li > a { background: #f4f4f4; color: #999; }
.tab-discrip .nav-tabs > li.active > a, .tab-discrip .nav-tabs > li.active > a:hover, .tab-discrip .nav-tabs > li.active > a:focus {
	background: rgba(0,0,0,0.1);  color: #333; 
}

table.table { background: #fff; } 
.cart-table { text-align: center;  }
.cart-table thead th { background: #D1D1CF; text-align: center;  }
.cart-table, .cart-table * { border-color: #D1D1CF !important; }
.cart-table td, .cart-table th { vertical-align: middle !important;   }
.cart-table tbody td.cart-product-image { position: relative; }
.cart-table tbody td.cart-product-image span.glyphicon { position: absolute; top: 5px; left: 5px; opacity: 0; } 
.cart-table tbody tr:hover td.cart-product-image span.glyphicon { opacity: 1; }
.cart-subtotal { border-top: 2px solid #aaa; }
.cart-subtotal th, .cart-subtotal td  { padding: 10px 25px !important;  }
.cart-table .cart-product-image > div { position:relative; }
.cart-table .cart-product-image div > a.remove-item { cursor:pointer; }

.badge { border-radius: 1000px }
.header .mycart { text-align: right; font-weight: 400; }
.header .mycart h3 { font-size:1.25em; line-height:1.35em; }
.header .mycart .cart-toggle { background: #fff; padding: 10px; position: absolute; width: 330px;right: 0; top: 2em; z-index: 99; border: 1px solid #ccc; box-shadow: 1px 1px 0 #999; border-radius: 7px; text-align: left; font-size: 12px;	display: none; height: 0;}
.header .mycart .badge { margin: 3px 7px; font-size: 14px; background: #2C94D4; font-weight: 200; }
/*.header .mycart .badge { margin: 3px 7px; font-size: 14px; background-image: url(../images/layout/nav-bg.png); font-weight: 200; }*/
.header .mycart:hover .cart-toggle {  display: block; height: auto; }

.side-panel .mycart .badge { font-size: 14px; background: #2C94D4; font-weight: 200;  }
/*.side-panel .mycart .badge { font-size: 14px; background-image: url(../images/layout/nav-bg.png); font-weight: 200;  }*/
.side-panel .mycart:hover .cart-toggle {  display: block; height: auto; }

.team-listing {  }
.team-listing a.team-item { color: #666 ; text-align: center; display: block; border: 1px solid #ddd; box-shadow: 0 0 5px 1px rgba(0,0,0,0.05);  }
.team-listing a.team-item img { background: rgba(0,0,0,0.1); width: 100%; }
.team-listing a.team-item:hover { text-decoration: none; color: #3990D3; border-color: #3990D3; }
.team-listing a.team-item h4 { font-weight: 600; margin-bottom: 0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.team-listing a.team-item p { font-size: 0.85em; }

.team-product-banner { height: 180px; display: block; width: 100%; background-size: cover; background-position: left center; margin-bottom: 15px; }

.errorMessage{color:red;}

.quantity input.qty { border: 1px solid #D1D1CF;display: inline;height: 30px; margin-top: -3px; padding: 0; text-align: center; width: 30px; }
.quantity input.plus, .quantity input.minus { background: none repeat scroll 0 0 #D1D1CF; border: 1px solid #D1D1CF; color: #000000; cursor: pointer; height: 30px; line-height: 1em; margin-top: -3px; padding: 0; vertical-align: middle; width: 20px; }
.quantity input.plus { border-radius: 0 5px 5px 0; margin-left:-6px; }
.quantity input.minus { border-radius: 5px 0 0 5px; margin-right:-6px; }

.timerContainer { position: relative; }
#countdown { display: block; background: rgba(0,0,0,0.8); float: right; padding: 10px 15px; border-radius: 5px; border: 2px solid #fff; margin: 10px 10px 5px ;}
#countdown h4 { clear: both; margin: 0; padding-top: 10px; text-align: center; font-size: 18px; color: #ffffff; text-transform: uppercase; font-weight: 700; }

#countdown .counterBox-num { float: left; background: #ffffff; box-shadow: 0 1px 0 rgba(0,0,0,0.3); text-align: center; padding: 5px 10px; border-radius: 3px; min-width: 80px; margin-left: 5px; margin-bottom:5px }
/* #countdown .counterBox-num:first-child { margin-left: 0; } */
#countdown .counterBox-num > span { display: block; }
#countdown .counterBox-num > span.countDownTime { font-family: Georgia, Times, "Times New Roman", serif; font-size: 36px; }

/* Fix for specific chrome browser for not rendering fonts and need repaint */
body
{
    -webkit-animation-duration: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix{
	from{ 	opacity: 1; }
	to{	opacity: 1; }
}
/* end fix */
#countdown .counterBox-num > span.countDownText {  font-size: 11px; text-transform: uppercase; font-weight: 600;  }

span.required {color:red;}

.header .mycart > h3 {cursor: pointer;}

ul.yiiPager > li   { 	

	padding: 0px !important; 
	margin: 0px !important;
}


ul.yiiPager > li > a  { 	
	font-size: 14px; 
	padding: 10px 15px 10px 15px !important; 
	border-radius: 0;
	border: none !important;
	margin-left: 3px !important;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #2576bd !important;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	background-color: #2576bd !important;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background-color: #2576bd !important;
}

.products .item .product-details span {font-weight: bold;}
