/**
 * General styles for whole site should include here
 * May overwrite bootstrap and font owsome styles here
 * If site has, many templates, then should use template.css file to overwrite this common styles
 *
 * @created             6-Sep-2014
 * @created by          Apache
 * @type                core
 * @version             1.0
 * @last modified       5-Nov-2014
 * @last modified by    Apache
 */

/**************************************************************/
/*************************** common styles ********************/
/************ which are use throughout the site***************/

body {
	font-family: inherit; 
	background-color: transparent; 
	color: #333333;
	font-size: 14px;
	width: 100%;
	height: 100%;
	line-height: 1.4em;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.el_container {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	background-color: #ffffff;
	display:block;
	margin-right:auto!important;
	margin-left:auto!important;
}

a {
	color: #333333;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #c60007;
	text-decoration: underline;
}

.bg-no { background: none; }
.bg-gray {	background-color: #E0E0E0;}
.bg-prime { background-color: #ede1d9;}
.bg-prime-dk {	background-color: #efe6e0;} 

.font-white { color: #FFF;}
.font-red { color: #ee4055;}
.font-gray { color: #999;}
.font-lgray { color: #c8c8c8;}
.font-purple { color: #9966cc;}
.font-black { color: #333;}
.font-pink { color: #ee4055; }
.font-green { color: #719430; }

.font-zero-pt-five 	{ font-size: 0.5rem; } /* 7px*/
.font-one-pt-two 		{ font-size: 1.2rem; } /* 16px*/
.font-one-pt-five	 	{ font-size: 1.5rem; } /* 21px*/
.font-two 				{ font-size: 2.0rem; } /* 28px*/
.font-two-pt-two 		{ font-size: 2.2rem; } /* 32px*/
.font-two-pt-five 	{ font-size: 2.5rem; } /* 35px*/

/**************************************************************/
/***************** bootstrap overwrite  ***********************/
/**** general bootstrap classes should be overwrite here ******/
/**************************************************************/

.container {
}
/*
.row {
	margin: 5px 0 0 0;
} */

.modal-top-banner {
	width: 700px;
}

.breadcrumbs {
  padding: 5px 15px;
  background: #F9F9F9;
  font-size: 12px;
  margin: 10px 0 0;
}

form.oc-frm-review {
    margin-top: 15px;
}

.btn-default, .btn-secondary {
  color: #333333;
  background-color: #8E8E8E;
  border-color: #cccccc;
}
.btn-secondary:hover {
  color: #efefef;
  background-color: #333333;
}

.btn {
  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
}

/**************************************************************/
/***************** bootstrap like classes ********************/
/*************************************************************/

.margin-top-0 { margin-top: 0 !important; }
.margin-top-5 { margin-top: 0.5em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }
.margin-top-50 { margin-top: 5.0em; }
.margin-top-60 { margin-top: 6.0em; }

.margin-top-minus-5 { margin-top: -0.5em; }
.margin-top-minus-10 { margin-top: -1.0em; }
.margin-top-minus-15 { margin-top: -1.5em; }
.margin-top-minus-20 { margin-top: -2.0em; }
.margin-top-minus-25 { margin-top: -2.5em; }
.margin-top-minus-30 { margin-top: -3.0em; }
.margin-top-minus-50 { margin-top: -5.0em; }
.margin-top-minus-60 { margin-top: -6.0em; }

.margin-bottom-0 { margin-bottom: 0 !important; }
.margin-bottom-5 { margin-bottom: 0.5em; }
.margin-bottom-10 { margin-bottom: 1.0em; }
.margin-bottom-15 { margin-bottom: 1.5em; }
.margin-bottom-20 { margin-bottom: 2.0em; }

.margin-left-10 { margin-left: 1.0em; }

.margin-top-no { margin-top: 0; }
.margin-right-no { margin-right: 0 !important; }
.margin-bottom-no { margin-bottom: 0; }
.margin-left-no { margin-left: 0; }

.padding-all { margin: 1.5rem; }
.margin-top { margin-top: 1.5rem; }
.margin-right { margin-right: 1.5rem; }
.margin-bottom { margin-bottom: 1.5rem; }
.margin-left { margin-left: 1.5rem; }
.margin-top-no { margin-top: 0; }
.margin-right-no { margin-right: 0; }
.margin-bottom-no { margin-bottom: 0; }
.margin-left-no { margin-left: 0; }
.margin-top-neg { margin-top: -1.5rem; }
.margin-right-neg { margin-right: -1.5rem; }
.margin-bottom-neg { margin-bottom: -1.5rem; }
.margin-left-neg { margin-left: -1.5rem; }

.padding-top-5 { padding-top: 0.5em; }
.padding-top-10 { padding-top: 1.0em; }
.padding-top-15 { padding-top: 1.5em; }

.padding-bottom-5 { padding-bottom: 0.5em; }
.padding-bottom-10 { padding-bottom: 1.0em; }

.no-right-padding { padding-right: 0!important; }
.no-left-padding { padding-left: 0!important; }
.no-left-right-padding {
	padding-left: 0!important;
	padding-right: 0!important;
}

.float-right { float: right; }
.float-left { float: left; }

.no-border { border: none; }
.border-dark { border: solid #666 1px; }
.border-top { border-top: solid #CCC 1px; }
.border-right { border-right: solid #CCC 1px; }
.border-bottom { border-bottom: solid #CCC 1px; }
.border-left { border-left: solid #CCC 1px; }

.border-top { border-top: 1px solid #c8c8c8; }

.border-red { border: 1px solid red!important; }


.oc-widget.no-shadow {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.padding-right-10{padding-right:10px;}
.padding-right-20{padding-right:20px;}


.img-block-center{display:block;margin:0 auto;}


.minus-margin-left-right-15{margin-left: -15px !important;margin-right: -15px !important;}

.font-weight-100 {font-weight: 100;}
.font-weight-200 {font-weight: 200;}
.font-weight-300 {font-weight: 300;}
.font-weight-400 {font-weight: 400;}
.font-weight-500 {font-weight: 500;}
.font-weight-600 {font-weight: 600;}
.font-weight-700 {font-weight: 700;}
.font-weight-800 {font-weight: 800;}
.font-weight-900 {font-weight: 900;}


.width-100{width:100%;}
.width-50{width:50%;}
.width-25{width:25%;}

.position-fixed{position:fixed;}
.position-absolute{position:absolute;}
.position-relative{position:relative;}


.padding-top { padding-top: 1.0em !important; }
.padding-top-0 { padding-top: 0 !important; }
.padding-top-5 { padding-top: 0.5em !important; }
.padding-top-10 { padding-top: 1.0em !important; }
.padding-top-15 { padding-top: 1.5em !important; }
.padding-top-20 { padding-top: 2.0em !important; }
.padding-top-25 { padding-top: 2.5em !important; }
.padding-top-30 { padding-top: 3.0em !important; }
.padding-top-50 { padding-top: 5.0em !important; }
.padding-top-60 { padding-top: 6.0em !important; }

.padding-bottom { padding-bottom: 1.0em !important; }
.padding-bottom-0 { padding-bottom: 0 !important; }
.padding-bottom-5 { padding-bottom: 0.5em !important; }
.padding-bottom-10 { padding-bottom: 1.0em !important; }
.padding-bottom-15 { padding-bottom: 1.5em !important; }
.padding-bottom-20 { padding-bottom: 2.0em !important; }


.padding-left { padding-left: 1.0em !important; }
.padding-left-0 { padding-left: 0 !important; }
.padding-left-5 { padding-left: 0.5em !important; }
.padding-left-10 { padding-left: 1.0em !important; }
.padding-left-15 { padding-left: 1.5em !important; }
.padding-left-20 { padding-left: 2.0em !important; }
.padding-left-25 { padding-left: 2.5em !important; }
.padding-left-30 { padding-left: 3.0em !important; }
.padding-left-50 { padding-left: 5.0em !important; }
.padding-left-60 { padding-left: 6.0em !important; }

.padding-right { padding-right: 1.0em !important; }
.padding-right-0 { padding-right: 0 !important; }
.padding-right-5 { padding-right: 0.5em !important; }
.padding-right-10 { padding-right: 1.0em !important; }
.padding-right-15 { padding-right: 1.5em !important; }
.padding-right-20 { padding-right: 2.0em !important; }
.padding-right-25 { padding-right: 2.5em !important; }
.padding-right-30 { padding-right: 3.0em !important; }
.padding-right-50 { padding-right: 5.0em !important; }
.padding-right-60 { padding-right: 6.0em !important; }

/**************************************************************/
/****************bootstrap modal related **********************/
/*************************************************************/

.modal-large {
	width: 1024px !important;
}
.modal .alert {
	margin-bottom: 0 !important;
	padding: 10px !important;
}

/**************************************************************/
/*************************** BUTTON ***************************/
/**************************************************************/
/* size */
.btn {
	padding: 1.2rem 2rem;	
}

/* color */
.btn-main{
	color: #ffffff;
	background-color: #ee4055;
}

.btn-main:hover {
	color: #efefef;
	background-color: #76D2F0;
}

.btn-secondary{
	color: #ffffff !important;
	background-color: #ffa0a3; 	
}

.btn-secondary:hover {
	color: #efefef;
	background-color: #333333;
}

/**************************************************************/
/*************************** FORM *****************************/
/**************************************************************/
select { 
	background-image:none !important;
}

select.select-inline {
	display: inline !important;
}

select.select-sm {
	/*width: 80px !important;*/
	padding: 2px !important;
	/* height: 24px; */
}

/**************************************************************/
/************  add-edit-delete tools related ***** ***********/
/**************************************************************/

.oc-aed-tools {
	font-size: 18px!important;
	z-index: 100;
	position: absolute!important;
	margin: 0;
	padding: 0;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 3px;
	max-width: 65px;
	min-width: 65px;
}
.oc-aed-tools a {
	float: left!important;
	text-decoration: none;
	padding: 3px!important;
	opacity: .7;
	display: inline-block;
}
.oc-aed-tools a:hover {
	opacity: 1;
}
.oc-aed-tools a.o-add {
	color: #9ECF29!important;
}
.oc-aed-tools a.o-edit {
	color: #DEDEDE!important;
}
.oc-aed-tools a.o-del {
	color: #FF0000!important;
}
.oc-show {
	display: block;
}

/**************************************************************/
/************  xxxxxxxxxxxxxxxxxxxxxxxxxx ****************/
/**************************************************************/

/** 
 * header section styles
 * 
 */
.page-header {
	margin-top: 0;
	padding-top: 15px;
	border-bottom: none;
	margin-bottom: 0;
}

/** 
 * general widget related styles
 *
 * site specific styles should be overwitten in site template.css
 * 
 */

/** location map */
.location-map-widget .inner {
	padding: 20px;
}
.location-map-widget p {
}
.location-map-widget {
	border-top: 1px solid rgb(98, 98, 98);
}

/** 
 * featured products
 * 
 */

/** 
 * top banner
 * 
 */
.nivo-caption {
	background: none;
}


ul.left-menu {
    margin: 0;
	font-size:14px;
}

/*
Widget specific
*/
.oc-widget{
	/*-webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);*/
	margin: 10px 0;
	padding: 0;
}

.oc-widget h2{
	margin-top: 0;
}

.oc-alert {		
	color: #D28065;
	padding: 5px;
	border: 1px solid #ee4055; 
}

.oc-widget .title {
	font-weight: bold;
	color: #fff;
	padding: 9px 10px;
	font-size: 16px;
	background: rgb(98,98,98);
	background: -moz-linear-gradient(top,  rgba(98,98,98,1) 0%, rgba(89,89,89,1) 26%, rgba(62,62,62,1) 76%, rgba(54,54,54,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,98,98,1)), color-stop(26%,rgba(89,89,89,1)), color-stop(76%,rgba(62,62,62,1)), color-stop(100%,rgba(54,54,54,1)));
	background: -webkit-linear-gradient(top,  rgba(98,98,98,1) 0%,rgba(89,89,89,1) 26%,rgba(62,62,62,1) 76%,rgba(54,54,54,1) 100%);
	background: -o-linear-gradient(top,  rgba(98,98,98,1) 0%,rgba(89,89,89,1) 26%,rgba(62,62,62,1) 76%,rgba(54,54,54,1) 100%);
	background: -ms-linear-gradient(top,  rgba(98,98,98,1) 0%,rgba(89,89,89,1) 26%,rgba(62,62,62,1) 76%,rgba(54,54,54,1) 100%);
	background: linear-gradient(to bottom,  rgba(98,98,98,1) 0%,rgba(89,89,89,1) 26%,rgba(62,62,62,1) 76%,rgba(54,54,54,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#363636',GradientType=0 );
	border-radius: 5px 5px 0 0;
}


.oc-widget .block-content {
	overflow: hidden;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 7.5px;
}


/*
Pagination
*/
.yiiPager .page.current a, #oc-products-list .pager .current a {
background: #626262;
color: white;
}

/*
Products list
*/

.prod-sorter{
	margin-bottom:1em !important;
	text-align: right;
	padding-right: 15px;
	padding-left: 15px;
}

.prod-sorter label{
	display:inline-block !important;
}
.prod-sorter select{
	margin-bottom:0!important;
}

#oc-products-list{
	margin-top: -2em;
}

#prodListView .prod-list-single-prod {
	min-height: 350px;
	max-height: 400px;
}


/*
Single product page
*/

.prod-reviews{
	padding-top: 2em;
}



/*
Cart - Basket
*/

#crumbs ul li a {
	line-height: 1em;
	min-width: 159px;
	text-shadow: 0 1px 0 #FFFFFF;
	margin: 0 5px 0 0;
	padding: 20px 10px 10px 40px;
}
#crumbs ul li:first-child a {
Submitpadding-left: 30px;
}


/************** Fine Tuning Slider ********/


.slider-inner{
	padding: 15px;
	margin-left: -10px;
	margin-bottom: 0;
}


#bx-pager-prod-details .col-md-4{
	height: 120px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: solid 1px rgb(223, 223, 223);
	margin-right:1%;
	width:32.3%;
	margin-bottom: 10px;
	margin-top: 10px;
}
#bx-pager-prod-details .col-md-4:last-child{
	margin-right:none;
}



.banner { position: relative; overflow: auto;}
.banner ul { margin:0; padding: 0;}
.banner li { list-style: none; }
.banner ul>li { float: left; height: 330px; width: 100%; background-size:cover;display: block; position:relative;}
.banner ul li>a {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.banner ul li>a:hover {
	opacity:.8;
	text-decoration:none;
}
.banner ul li p.caption-container{
	background: rgba(0, 0, 0, 0.57);
	padding: 15px;
	color: white;
	position: absolute;
	width: 100%;
	display: block;
	margin: 0;
	bottom:0;
}


ol.unslider-nav {
	margin: 0 auto;
	position: absolute;
	display: block;
	bottom: 0;
	width: 100%;
	text-align: center;
	margin-left:-1%;
}
.unslider-nav ol li {
    display: inline-block;
    background: rgba(255, 255, 255, 0.59);
    border-radius: 50%;
    width: 15px;
    height: 15px;
    text-indent: -999999em;
    border: 3px solid black;
    margin-right: 0px;
    opacity: .5;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 10px;
    line-height: 1em;
    margin-bottom: 10px;
}

.unslider-nav ol li.unslider-active {
	opacity: 1;
	border-color: white;
	background: black;
}

nav.unslider-nav {
    position: relative;
    margin-top: -18px;
    z-index: 10;
}






/* Blog Styling */

.col-md-6.single-news-thumb {
	min-height: 180px;
	margin-bottom:10px;
}

.col-md-12.blog-post-img{
	margin-bottom:10px;
}

.col-md-12.blog-post-img img{
	max-height: 330px;
	display: block;
	margin: 0 auto;
	min-height: 330px;
}

.col-md-6.single-news-thumb h3 {
	margin-top: 0;
}

.row.next-prev-posts {
	border-bottom: 1px solid;
	border-top: 1px solid;
	padding: 10px;
	border-color: rgb(229, 229, 229);
}

.next-prev-posts .prev-post {
	border-left: solid 1px;
}
.next-prev-posts h5 {
	font-style:italic;
	margin-bottom: 0;
}
.next-prev-posts h3 {
	margin-top: 5px;
}

.col-md-6.single-news-thumb.big-news-thumb {
    min-height: 520px;
}

/* Comment Styling */

.user-comment {
	padding: 10px;
	background: rgb(210, 210, 210);
	margin-left: -10px;
}

.user-img{
	margin-top:10px;
}

.user-img img {
	display: block;
	margin: 0 auto;
}

.user-img h5{
	text-align: center;
}

.user-comment:before {
	content: "";
	position: absolute;
	bottom: 79px;
	left: -50px;
	border-width: 60px 20px 0;
	border-style: solid;
	border-color: rgb(210, 210, 210) transparent;
	display: block;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	width: 0;
	top: 10px;
}




/******************  Site preview styling  ****************/

.site-preview-hide {
    position: fixed !important;
    right: 0;
    top: 0;
    color:white;
    z-index:9999;
}
.site-preview-hide:hover {
	background: gainsboro;
}
.hide-with-navbar {
    margin-top: 50px;
}
.navbar-admin-preview-pane {
    z-index: 99999 !important;
    display: block;
}




.cart-img-thumb{
  display: block;
  margin: 0 auto;
  max-height: 55px;
  vertical-align: middle;
}

.basket .title, .widget .title{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 9px 10px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: rgb(98,98,98);
  background: -moz-linear-gradient(top, rgba(98,98,98,1) 0%, rgba(89,89,89,1) 26%, rgba(62,62,62,1) 76%, rgba(54,54,54,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,98,98,1)), color-stop(26%,rgba(89,89,89,1)), color-stop(76%,rgba(62,62,62,1)), color-stop(100%,rgba(54,54,54,1)));
  background: -webkit-linear-gradient(top, rgba(98,98,98,1) 0%,rgba(89,89,89,1) 26%,rgba(62,62,62,1) 76%,rgba(54,54,54,1) 100%);
  background: -o-linear-gradient(top, rgba(98,98,98,1) 0%,rgba(89,89,89,1) 26%,rgba(62,62,62,1) 76%,rgba(54,54,54,1) 100%);
  background: -ms-linear-gradient(top, rgba(98,98,98,1) 0%,rgba(89,89,89,1) 26%,rgba(62,62,62,1) 76%,rgba(54,54,54,1) 100%);
  background: linear-gradient(to bottom, rgba(98,98,98,1) 0%,rgba(89,89,89,1) 26%,rgba(62,62,62,1) 76%,rgba(54,54,54,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#363636',GradientType=0 );
  text-shadow: none;
}




.cust-layout{
	padding-left: 15px;
	padding-right: 15px;
}

a.auth-link.zocial:hover, a.auth-link.zocial:focus {
  text-decoration: none;
}

ul.bxslider li {
    display: flex;
	vertical-align: middle;
}



.form-control.oc-qty{
  min-width: 60px;
  text-align: center;
}





/*Show dropdown on hover*/


.dropdown-menu.dropdown-hover li:hover .sub-menu {
    visibility: visible;
}

.dropdown.dropdown-hover:hover .dropdown-menu {
    display: block;
}




.txt-prodname{text-align:center;/* min-height: 65px; */}
.txt-prodname .item-price{color:gray;font-size:20px;}




.add-edit-product-ajax-panels{  max-height: 310px;  min-height: 310px;overflow: auto;}

/*.sitelogo{display:block;}*/

.sitelogo img {
    max-height: 200px;
}

.mini-banner-v-wrap li img {
    width: 100%;
}






/* Related products */


.oc-related-prods .jscarousal-horizontal{
    width: 100%;
    background: transparent;
    padding-top: 0;
    margin-top: 0;
}

.oc-related-prods .jscarousal-contents-horizontal{
    width: calc(100% - 32px);
    height: 215px;
    text-align: center;
}

.oc-related-prods .jscarousal-contents-horizontal img{
	height:100%;
}

.oc-related-prods .jscarousal-contents-horizontal .thumbnail-inactive{
	opacity: .8;
	transition: all .3s ease;
	width: calc(20% - 16px);
	background: rgba(255, 255, 255, 0.2);
}

.oc-related-prods .jscarousal-contents-horizontal .thumbnail-active {
    width: calc(20% - 16px);
    background: rgba(255, 255, 255, 0.32);
}

.oc-related-prods .jscarousal-horizontal-back, .oc-related-prods .jscarousal-horizontal-forward {
  height: 185px;
}



/* Update - 3.31.2015


.nicEdit-pane{width: 600px !important;}
.nicEdit-pane textarea{width: 100% !important;height:300px !important}


 */

 /* Update - 5.5.2015 */

 img.img-center {display:block;margin-left:auto;margin-right:auto;}
 .prod-grid-single-prod {
    background-color: white;
    margin-bottom: 30px;
}



#prodListView>.col-md-12>.col-md-3>.item-wrap {
    background-color: white;
    margin-bottom: 30px;
}
#prodListView>.col-md-12>.col-md-3 {
    padding: 0 15px;
}
.oc-qty {
    -webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.oc-qty.oc-qty-large {
    font-size: 28px;      font-weight: bold; color:red;
}


/*Horizontal Orientation CSS*/
.jscarousal-horizontal
{
    width: 100%;
    height: 124px;
    margin: 15px 0;
    padding: 5px 0 5px 1px;
    background-color: rgba(0, 0, 0, 0.09);
    position: relative;
    /*overflow: hidden;*/
}
.jscarousal-horizontal-back, .jscarousal-horizontal-forward
{
    float: left;
    width: 16px;
    height: 124px;
    position: relative;
    top: -5px;
    cursor: pointer;
}
.jscarousal-horizontal-back
{
    background-image: url(../images/left_arrow.jpg);
    background-repeat: no-repeat;
    background-position: left;
}
.jscarousal-horizontal-forward
{
    background-image: url(../images/right_arrow.jpg);
    background-repeat: no-repeat;
    background-position: right;
    float: right;
}
.jscarousal-contents-horizontal
{
    width: calc(100% - 32px);
    /* height: 114px; */
    float: left;
    padding-top: 1px;
    position: relative;
    overflow: hidden;
}
.jscarousal-contents-horizontal > div
{
    position: absolute;
    width: 100%;
    height: 97px;
}
.jscarousal-contents-horizontal > div > div
{
    float: left;
    margin-left: 8px;
    margin-right: 8px;
    width: calc(20% - 16px);
}
.jscarousal-contents-horizontal img
{
    max-width: 100%;
    height: 114px;
    display: block;
    margin: 0 auto;
}
/*Horizontal Orientation CSS Ends*/

.oc-newsletter-sub .alert {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 4px;
}



/* Update - 6-25-2015*/

#prodListView .prod-list-single-prod .btn-group {
    bottom: 0;
    opacity: .5;
    /* margin-top: -38px; */
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
}
#prodListView .prod-list-single-prod:hover .btn-group {
    opacity: 1;
}
.prod-attr-exp ul li.col-md-3 {
    text-align: center;
    margin-bottom:10px;
}
.prod-attr-exp ul li.col-md-3 img{
    border: solid 1px           
    rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    overflow: hidden;
}
.prod-attr-exp ul li.col-md-3 .oc-aed-tools {
    text-align: center;
    margin: 0 auto;
    margin-left: 30px;
}
img.oc-size-chart{
	max-width:100%;
	display: block;
	margin: 0 auto;
}
.wishlist-items .row:nth-child(odd)/*, #prodListView .prod-list-single-prod:nth-child(odd)*/{background: rgba(0, 0, 0, 0.04);}
#prodListView .items .row{border-bottom: solid 1px rgba(0, 0, 0, 0.1);padding: 5px;}
.select-shipping-err-msg{margin-top:0;}
img#oc-loadImg {margin: 0 auto;}



.widget {
    margin-bottom: 10px;
}
.widget .widget-body {
    padding: 10px;
	border: solid 1px;
}


div#prodListView .single-product-item-listView {
    margin-bottom: 10px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
div#prodListView .single-product-item-listView .col-xs-3 {
    text-align: center;
}
div#prodListView .single-product-item-listView .item-price {
    text-align: center;
}
div#prodListView .single-product-item-listView .col-xs-3 img{
    
max-width: 100%;
}




.footer-top-widget a .oc-aed-tools {
    margin-top: -20px;
}
.text-white{color:white;}
.cust-care-nav .oc-aed-tools {
    margin-top: -15px;
}


.search-input-group .input-group-addon{
    background: white !important; 
}
.search-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.search-input-group button{
    border:0;
    background:transparent;
}



/*8-6-2015*/

.prod-attr-exp h4 {
    text-align: left !important;
}
.prod-attr-exp.show-img h4 {
    text-align: center !important;
}
.prod-attr-exp ul {
    padding-left: 0;
}
.prod-attr-exp ul li {
    list-style: none;
}

ul.cust-care-nav {
    margin-left: 0;
    padding-left: 0;
}

ul.cust-care-nav li {
    list-style: none;
}

ul.cust-care-nav ul{
	margin-left:10px !important;
}

.uppercase{text-transform:uppercase;}
.question-container blockquote{font-size:inherit;}




/* Update - 8/24/15 */
.center-block {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon, 
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 40px;
}

.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-left: 0;
    left: 11px;
    top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: -1px
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #2580db;
}


form#logo-dropzone .dz-message {
    display: none;
}


li.lang-switch select {
    background: transparent;
    border: none;
    /*padding: 0;
    height: auto;*/
    font-weight: bold;
}

div[name=position-4x-mid] .sitelogo img {
    display: block;
    margin: 0 auto;
}

.featured-products ul.list-inline {
    margin: 0;
}



.navbar-default .navbar-brand {
    display: none;
}
select.oc-lang-change.on-mobile {display: none;}
button.navbar-toggle.collapsed.login-btn {
    padding: 6px 13px;
}

@media (max-device-width: 767px) {

	.navbar-brand{
		display: block !important;
	}
}







/*mega menu styling*/

.mega-dropdown { position: static !important; }
.mega-dropdown-menu {
  padding: 20px 15px 15px;
  text-align: center;
  width: 100%;
}
.mega-dropdown-menu>li{float:left;}

.mega-dropdown-menu .mm-content{
	float:right;
}


/*//////////// product listing pagination ////////////  */
.product-list-summary > div{
	text-align: left !important;
}