/* CSS Document */
.partner img {
    max-height: 100%;
    margin: auto;
    vertical-align: middle;
    max-width: 100%;
    width: auto!important;
}
.mega-menu .nav-header {
    padding: 0 !important;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    color: #3555a1;
    border-bottom: 1px solid #3555a1;
}
.mega-menu .nav-header a {
    text-transform: uppercase;
    font-weight: bold;
    color: #3555a1;
    font-size:15px !important;
}
.categorymenu ul li a:hover, .categorymenu .open > a {
    background: #3555a1;
    color: #fff;
}
.mega-menu li a:hover {
	background:none!important;
	color:#3555a1 !important;
}
.banner {
	text-align:center;
	margin-bottom:30px;
}
.banner img {
	width:100%;
}
.banner .outainer, .primary .outainer {
	width:93%;
}
.sidebar {
    width: 25%;
    float: left;
    padding-right: 15px;
}
.main-content {
    width: 75%;
    float: left;
    padding-left: 15px;
	position:relative;
}
.main-content_search {
    width: 100%;
    float: left;
    padding-left: 15px;
	position:relative;
}
.product-view li {
    width: 33.3%;
    float: left;
    padding: 0 15px;
	margin-bottom:30px;
}
.product-view li > div , .product-view_search li > div {
	background:#ebebeb;
	padding:10px;
}
.product-view_search li {
    width: 25%;
    float: left;
    padding: 0 15px;
	margin-bottom:30px;
}
.sidemod {
    border: 1px solid #dbdbdb;
}
.sidebar h3 {
    margin: 0;
    border-bottom: 1px solid #dbdbdb;
    padding: 20px;
    font-size: 16px;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
}
.sidebar ul.listcat {
	padding:20px;
	margin:0;
}
ul.listcat a {
    text-transform: uppercase;
    color: #333;
    padding: 8px 0 8px 15px;
    display: block;
	background:url(../images/cat.png) no-repeat left center;
}
ul.listcat>a:hover, ul.listcat li:hover > a, ul.listcat>li.active > a, ul.listcat>li.active>ul>li.active>a {
	background:url(../images/cat-hover.png) no-repeat left center;
	color:#ff0003;
}
ul.listcat ul a {
	background:url(../images/catchild.png) no-repeat left center;
	text-transform:none;
	border-bottom: 1px dotted #d1d1d1;
}
ul.listcat ul li:last-child a {
	/*border: none;*/
}
ul.listcat>li>ul>li>a>ul>li>a:hover, ul.listcat ul ul>li.active>a , .listcat ul ul li:hover, .listcat ul ul li > a:hover{
	background:url(../images/catchild-hover.png) no-repeat left center;
	color:#ff0003;
}

ul.listcat ul {
	padding-left: 15px;
	display:none;
}
ul.listcat li.parent:hover ul, ul.listcat li.parent.active ul {
	display:block;
}
.main-content h3 {
    border: 1px solid #dbdbdb;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 17px 20px;
    font-size: 20px;
    text-transform: uppercase;
    color: #747474;
}
.shorby {
    position: absolute;
    right: 10px;
    top: 12px;
    color: #666666;
}
.shorby select {
    border: 1px solid #e8e8e8;
    padding: 8px 10px;
    background: #fafafa;
}
.pagination li {
  display: inline-block;
  color:#666666;
  margin-left: -5px;
}
.pagination li a, .pagination li span, .pagination a {
  display: inline-block;
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 3px 12px;
  color: #666666;
}

.pagination {
  text-align: right;
  margin-bottom:50px;
}
.pagination li.active span, .pagination li:hover a, .pagination li span:hover, .pagination a:hover {
  background: #3555a1;
  color: #fff;
  border: 1px solid #3555a1;
}
 .pagination strong {
     display: inline-block;
  background: #3555a1;
  border: 1px solid #3555a1;
  padding: 3px 12px;
  color: #fff;
 }
 .page span span {
     display: inline-block;
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 3px 12px;
  color: #666666;
 }
 .page a:first-child, .page a:last-child {
     display:none;
 }
 .page img {
     /*display:none;*/
 }
  .page span span {
     display:none;
 }
li .pro-img {
	position:relative;
}
.quickview {
    position: absolute;
    left: 24%;
    background: #3555a1c2;
    padding: 8px 13px;
	visibility:hidden;
	top:0;
	webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	opacity: 0;
	white-space:nowrap;
}
.pro-img:hover .quickview {
	visibility:visible;
    top: 45%;
	opacity: 1;
}
.quickview img {
    max-width: 100%;
    width: auto!important;
    float: left;
    margin-right: 5px;
}
.quickview a, .quickview a:hover {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.scrollToTop {
    left: 47%;
}
.component {
    width: 75%;
    float: left;
    padding-right: 15px;
}
.siderright {
    width: 25%;
    float: left;
    padding-left: 15px;
}
.compo-top {
    border: 1px solid #dcdcdc;
    padding: 15px;
	overflow:hidden;
	margin-bottom:20px;
}
.compo-img {
    width: 50%;
    float: left;
    padding-right: 15px;
}
.img-big img {
    width: 100%;
}
.compo-text {
    width: 50%;
    float: left;
    padding-left: 15px;
}
.component h1 {
    margin-top: 0;
    color: #333333;
    font-size: 34px;
}
.compo-text > div {
    margin: 15px 0;
    display: block;
    color: #333333;
    font-size: 14px;
}
.compo-text span {
    color: #747474;
}
.text-intro {
    font-style: italic;
    color: #747474!important;
}
.text-price span {
    color: #333333;
    font-size: 18px;
}
span.textline {
    text-decoration: line-through;
}
.text-sale span {
    color: #ff0003;
    font-weight: bold;
    font-size: 24px;
}
.text-sale {
    margin-top: 0px!important;
}
.text-price {
    margin-bottom: 5px!important;
}
.img-small .bx-wrapper .bx-pager {
    display: none;
}
.img-small .bx-prev {
  background: rgba(0, 0, 0, 0) url("../images/pre-pro.png") no-repeat scroll 0 0!important;
  left: 0;
}
.img-small .bx-next {
	right: 0;
	background: url(../images/next-pro.png) no-repeat!important;
}
.img-small .bx-prev:hover {
  background: rgba(0, 0, 0, 0) url("../images/pre-pro.png") no-repeat scroll 0 0!important;
}
.img-small .bx-next:hover {
	background: url(../images/next-pro.png) no-repeat!important;
}
.img-small .bx-controls-direction a {
  height: 13px!important;
  outline: 0 none;
  position: absolute;
  text-indent: -9999px;
  width: 39px!important;
  z-index: 9999;
  top: 45%;
}
.img-small .bx-wrapper {
    margin: 0 auto;
    padding: 0 45px;
    margin-top: 15px;
}
.img-small .bx-wrapper img {
    border: 1px solid #dcdcdc;
    padding: 7px;
}
.tag {
    color: #333333;
    font-size: 16px;
    padding: 0 20px;
	margin-bottom:30px;
}
.tag a {
    font-size: 13px;
    color: #4e4e4e;
    border: 1px solid #e4e4e4;
    padding: 8px;
	display:inline-block;
}

/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}
 
/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
	display:block;
	clear:both;
	content:'';
}
.tab-links li {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #dbdbdb;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  float: left;
  list-style: outside none none;
  margin: 0 2px -1px;
}
.tab-links li:first-child {
  margin-left: 0;
}
.tab-links a {
    background: #ededed none repeat scroll 0 0;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    padding: 15px 17px 4px;
    transition: all 0.15s linear 0s;
    text-transform: uppercase;
    font-weight: bold;
}
.tab-links a:hover {
  background: #fff;
  color:#333;
}
.tab-links li.active a, .tab-links li.active a:hover {
  background: #fff none repeat scroll 0 0;
  color: #333;
}
ul.tab-links {
    margin: 0;
}
/*----- Content of Tabs -----*/
.tab-content {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #dbdbdb;
  color: #333333;
  line-height: 25px;
  padding: 15px 20px;
}
.tab-content p {
  margin-bottom: 10px;
}
.tab {
	display:none;
}

.tab.active {
	display:block;
}
.compo-bot {
    margin-bottom: 20px;
}
.siderright h3 {
    color: #333333;
    font-size: 16px;
    margin-top: 0;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #dbdbdb;
    padding: 15px;
}
.siderright li > div {
    background: #ebebeb;
    padding: 10px;
}
.siderright li {
	margin-bottom: 30px;
	padding: 0 15px;
}
/*----------------------------------------------------------------------*/
@media (min-width:1200px) {
	
}
@media (min-width:992px) {
}
@media (max-width:1200px) {
	
}
@media (max-width:991px) {
	.sidebar {
		display:none;
	}
	.main-content {
		width: 100%;
		float: none;
		padding-left: 0;
		position: relative;
	}
    .main-content_search {
		width: 100%;
		float: none;
		padding-left: 0;
		position: relative;
	}
	.component {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	.siderright {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	.siderright li {
		margin-bottom: 30px;
		padding: 0 15px;
		width: 33.3%;
		float: left;
	}
    .categorymenu .dropdown-menu ul {
		background: none;
		position: static;
		width:auto;
	}
	.categorymenu ul li {
		display: block;
		margin: 0;
		float: none;
	}
	.categorymenu ul.collapse.in {
		display: block;
		overflow: auto;
		min-height: 165px;
		max-height: 500px;
	}
    .menu_1 {background-image:none !important;}
}
@media (max-width:800px) {
	.menu_1 {background-image:none !important;}
}

@media (max-width:768px) {
	.product-view li, .product-view_search li {
	    width: 50%;
	}
    .menu_1 {background-image:none !important;}
}
@media (min-width:721px) {
	.compo-content {
		display:none;
	}
}
@media (max-width:720px) {
	.compo-img {
		width: 100%;
		float: none;
		padding-right: 0;
		margin-bottom: 30px;
	}
	.compo-text {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	.tabs {
		display:none;
	}
	.compo-content {
		border: 1px solid #dbdbdb;
		padding: 0 20px 20px;
	}
	.cont-title {
		color: #333;
		text-transform: uppercase;
		font-weight: bold;
		margin: 20px 0 10px;
		font-size:14px;
	}
    .menu_1 {background-image:none !important;}
}
@media (max-width:600px) {
	.menu_1 {background-image:none !important;}
}
@media (max-width:480px) {
	.product-view li, .siderright li,.product-view_search li {
	    width: 100%;
		float:none;
	}
	.shorby {
		position: static;
		margin-bottom: 15px;
	}
	.banner img {
		display:none;
	}
	.banner {
	    border-bottom: 1px solid #e8e8e8;
	}
    .quickview {display:none;}
    .menu_1 {background-image:none !important;}
}
@media (max-width:360px) {
	.tag {
    	padding: 0;
	}
    .quickview {display:none;}
    .menu_1 {background-image:none !important;}
}

.component table{
    width:100%;
}
.addthis_button_pinterest_pinit, addthis_button_google_plusone
 {width: 50px !important;}