
.btn-hvr {
	background: none;
	margin-top: 0;
}

.tab-content {
	padding: 0;
}

#topMain>li>a {
	height:96px;
	line-height:76px;
}
#topMain.nav-pills>li>a {
	color:#1F262D;
	font-weight:400;
	background-color:transparent;
} 
#topMain.nav-pills>li:hover>a, 
#topMain.nav-pills>li:focus>a {
	color:#1F262D;
	background-color:rgba(0,0,0,0.03);
}
#topMain.nav-pills>li.active>a {
	color:#007CC2;
}

#topMain.nav-pills>li>a.dropdown-toggle {
	padding-right:25px;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
#topMain.nav-pills>li>a.dropdown-toggle:after {
	display: block;
	content: "\f107";
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -5px 0 0;
	font-family: FontAwesome;
	font-size: 12px;
	opacity: .3;
	line-height: 1em;

	-webkit-transition: -webkit-transform .2s ease-in;
	-moz-transition: -moz-transform .2s ease-in;
	-ms-transition: -ms-transform .2s ease-in;
	-o-transition: -o-transform .2s ease-in;
	transition: transform .2s ease-in;
}
#header.bottom.dropup #topMain.nav-pills>li>a.dropdown-toggle:after {
	content: "\f106";
}

#topNav .navbar-collapse {
	float:right;
}

#topNav a.logo {
	height:96px;
	line-height:96px;
	overflow:hidden;
	display:inline-block;
}



@media only screen and (max-width: 1215px) {
	#topMain.nav-pills>li>a {
		font-size:13px;
	}
}


@media only screen and (max-width: 992px) {
	/* Force 60px */
	#header {
		height:60px !important;
	}
	#header #topNav a.logo {
		height:60px !important;
		line-height:50px !important;
	}
	#header #topNav a.logo>img {
		max-height:60px !important;
	}
	#header #topNav #topMain>li>a {
		height:40px !important;
		line-height:40px !important;
		padding-top:0;
	}


	#topMain>li {
		border-bottom:rgba(0,0,0,0.1) 1px solid;
	}
	#topMain>li:last-child {
		border-bottom:0;
	}

		#header li.search .search-box {
			margin:0 !important;
			position:fixed;
			left:0; right:0;
			top:60px !important;
			width:100%;
			background-color:#fff;
			border-top:rgba(0,0,0,0.1) 1px solid;
		}
}




	#topBar2.dark {
		color:#ccc;
		background-color:#363839;
		border-bottom-color:rgba(255,255,255,0.1);
	}
	#topBar2.dark .dropdown-menu a,
	#topBar2.dark ul.top-links>li>a {
		color:#fff;
	}
	#topBar2.dark .dropdown-menu a:hover {
		color:#fff !important;
		background-color:#333;
	}
	#topBar2.dark ul.top-links>li {
		border-right: rgba(255,255,255,0.1) 1px solid;
	}
	body.boxed #topBar2.dark ul.top-links>li {
		border-right:0;
	}
	#topBar2.dark .dropdown-menu {
		background-color:#363839;
	}
	#topBar2.dark .dropdown-menu .divider {
		background-color:#444;
	}
	#topBar2.dark>.border-bottom {
		border-bottom-color:rgba(255,255,255,0.1);
	}
	#topBar2.dark>.border-top {
		border-top-color:rgba(255,255,255,0.1);
	}
	
	#header.dark #topMain.nav-pills>li.active>a {
		color: #FFFF00;
	}
	@media only screen and (max-width: 992px) {
		#topMain.nav-pills>li>a {
			background: #CC0001;
		}
		#header.dark #topMain.nav-pills>li.active>a {
		    background-color: rgba(0,0,0,0.8);
		    color: #fff;
		}
	}

	#header.dark {

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e454f+1,3a3e49+49,353943+51,2c3039+100 */
		background: #3e454f; /* Old browsers */
		background: -moz-linear-gradient(top,  #3e454f 1%, #3a3e49 49%, #353943 51%, #2c3039 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #3e454f 1%,#3a3e49 49%,#353943 51%,#2c3039 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #3e454f 1%,#3a3e49 49%,#353943 51%,#2c3039 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e454f', endColorstr='#2c3039',GradientType=0 ); /* IE6-9 */

	}
	#header.fixed.dark {
		background-color: #363839 !important;
	}

	.whitebox h2,
	.whitebox p
	{
		color: #fff !important;
		text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
	}
	.blackbox h2,
	.blackbox p
	{
		color: #000 !important;
		text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
	}

/*
	.nav-tabs>li>a, 
	.nav-tabs>li>a:focus, 
	.nav-tabs>li>a:hover
	{
		background: #fff;
	}
	.nav-tabs>li.active>a, 
	.nav-tabs>li.active>a:focus, 
	.nav-tabs>li.active>a:hover
	{
		color: #fff !important;
		background: #CC0001;
	}
	.nav-tabs {
		border-bottom: 0;
	}
*/

	/* REALTIME SEARCH */
	.tt-dropdown-menu {text-align: left;}
	.typeahead, .tt-query, .tt-hint {}
	.typeahead {background-color: #FFFFFF;}
	.typeahead:focus {}
	.tt-query {}
	.tt-input {
		font-size:32px;
		font-weight:bold;
		background-color:transparent;
		height:inherit;
		position:absolute;
		top:50%; left:0;
		width:100%;
		margin-top:-10px;
		padding-left:40px;
		padding-right:60px;
		border:0;
		box-shadow:none;
	}
	.tt-hint {color: #999999;}
	.tt-dropdown-menu {background-color: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 8px 8px 8px 8px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);margin-top: 12px;padding: 8px 0;width: 422px;}
	.tt-suggestion.tt-cursor {background-color: #0097CF;color: #FFFFFF;}
	.tt-suggestion p {margin: 0;}
	.tt-suggestion {font-size: 18px;line-height: 24px;padding: 3px 20px;}
	.tt-suggestion .img {float: left;padding-right: 5px;}
	.tt-suggestion .img img {width: 50px;}
	.tt-suggestion .name {font-size: 80%;}
	.tt-suggestion .artno {font-size: 80%; float: left;}
	.tt-suggestion .price {font-size: 80%; float: right}
	.tt-suggestion .discount {display: none; font-size: 80%; color: red;}
	.twitter-typeahead {float:left; width:100%}


	div.twpfna {
		padding-bottom: 10px;
		width: 25%;
		float: left;
		padding-right: 15px;
		padding-left: 15px;
		position: relative;
		min-height: 1px;
		color: #666;
	}
	.twpfna {
		font-size: 12px;
		line-height: 120%;
	}
	p.twpfna {
		padding: 0;
		margin: 0;
		font-weight: bold;
		color: #666;
	}


	div.shop-item>.thumbnail>a.shop-item-image1 {
		display:block;
		position:relative;
	}
	div.shop-item>.thumbnail>a.shop-item-image1>img {
		position:absolute;
		left:0; top:0;
		z-index:10;

		opacity:0;
		filter: alpha(opacity=0);

		-webkit-transition: all .500s;
		   -moz-transition: all .500s;
			 -o-transition: all .500s;
				transition: all .500s; 
	}

	div.shop-item>.thumbnail>a.shop-item-image1>img.activeImage {
		position:relative;
		opacity:1;
		filter: alpha(opacity=100);
	}

	.variant-thumb {
		width: 30px;
		height: 30px;
	}

