@charset "utf-8";
/******************************************************************************************
 * Search Term Banners
 * These banners will be going above predetermined search-results pages.
 * Copyright (c) 20011, B & H Foto & Electronics Corp. All rights reserved.
 * //www.bhphotovideo.com
 * Author: Yakov Kravetz
******************************************************************************************/
#searchTermBannerMain {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
}
#searchTermBannerMain #searchTermBannerHead {
	height: 39px;
	padding-left: 16px;
	background: url(//www.bhphotovideo.com/banners/searchTermBanner_head-bg.jpg) repeat-x 0px 0px;
}
#searchTermBannerMain #searchTermBannerHead h2 {
	text-align: left;
	font-size: 13px;
	color: #165485;
	line-height: 40px;
	padding: 0px;
	margin: 0px;
	-moz-text-shadow: 0px 1px 0px #ffffff; 
	-webkit-text-shadow: 0px 1px 0px #ffffff; 
	text-shadow: 0px 1px 0px #ffffff; 
	font-weight:bold;
}
#searchTermBannerMain #searchTermBody {
	background-color:#fff;
	height:auto;
}
#searchTermBannerMain #searchTermBody #searchTermLinksWrap {
	text-align: center;
	margin-left: 2px;
	overflow: hidden;
	/*height: 145px;*/
	margin-bottom: 10px;
}
#searchTermBannerMain #searchTermBody #searchTermLinksWrap a.searchTermLink {
	display: block;
	float: left;
	padding: 10px 10px 0px;
	text-align: center;
	border-right: dotted 1px #dbdbdb;
	border-bottom: 2px solid white;
	text-decoration: none;
}
/* ## CONDITIONAL STYLES ## */
/* --> Two */
#searchTermBannerMain #searchTermBody #searchTermLinksWrap a.searchTermLink_two {
	width: 50%;	
}
/* --> Three */
#searchTermBannerMain #searchTermBody #searchTermLinksWrap a.searchTermLink_three {
	width: 33%;	
}
/* --> Four */
#searchTermBannerMain #searchTermBody #searchTermLinksWrap a.searchTermLink_four {
	width: 25%;
}
/* --> Five */
#searchTermBannerMain #searchTermBody #searchTermLinksWrap a.searchTermLink_five {
	width: 20%;
}
/* --> Six */
#searchTermBannerMain #searchTermBody #searchTermLinksWrap a.searchTermLink_six {
	width: 16.6%;
}

#searchTermBannerMain #searchTermBody #searchTermLinksWrap a.searchTermLinkLast {
	border-right: 0px;
}
#searchTermBannerMain #searchTermBody #searchTermLinksWrap a.searchTermLink:hover {
	border-bottom-color: #165485;
}
#searchTermBannerMain #searchTermBody #searchTermLinksWrap a.searchTermLink .searchLinkImage {
	display: block;
	text-align: center;
}
.searchLinkImage img {
	width: 70px;
}
#searchTermBannerMain #searchTermBody #searchTermLinksWrap a.searchTermLink .searchLinkName {
	display: block;
	font-size: 11px;
	color: #165485;
	height: 26px;
	margin-top: 5px;
	font-weight: bold;
}
/*new Quasi designs*/
.quasi{
	width:760px;
	font-family: Arial;
	float:left;
	border-radius: 4px;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 1px #ddd;
	margin-bottom:10px;
}
.quasiA .head{
	position:relative;
	height: 46px;
	line-height: 46px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.quasiA .head,.quasiB  .head li{
	background: #eaeaea; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #eaeaea 1%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom,  #eaeaea 1%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom,  #eaeaea 1%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom,  #eaeaea 1%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to top,  #eaeaea 1%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
.quasiA .head h3{
	display:inline-block;
	float: left;
	margin: 0 0px 0 20px;
	font-weight: normal;
	font-size:18px;
	line-height: 46px;
}
.quasiA .head .controll{
	float: right;
	display: inline-block;
	margin: 0 20px 0 0;
	cursor: pointer;
	text-indent: -9999px;
	display: inline-block;
	float: right;
	height: 0;
	position: absolute;
	right: 4px;
	top: 40%;
	width: 0;
}
.quasiA .head .controll::after{
	content: ".";
	border-radius: 25px;
	position: absolute;
	height: 24px;
	left: -12px;
	top: -7px;
	width: 24px;
	box-shadow: 0px 2px 8px black;
	background-color: black;
	opacity: 0.115;
}
.quasiA .head .expand::after {
	top: -16px;
}
.quasiA .head .expand{
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 9px solid #949494;
}
.quasiA .head .collapse{
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 9px solid #949494;
}
.quasiA .content{
	float:left;
	width:100%;
	padding:16px 8px 28px;
}
.quasiA .cat{
	float: left;
	display: inline-block;
	width:25%;
	text-align: center;
}
.quasiA .cat img{
	margin: 0 auto;
	display:block;
}
.quasiA .list{
	text-align: left;
	border-left: 1px dotted #303030;
	padding-bottom: 14px;
	margin-bottom: 14px;
}
.quasiA .first .list{
	border-left: none;
}
.quasiA .list h4{
	margin: 0px 0px 14px 20px;
	color: #1B4D88;
	font-size: 14px;
	font-weight: bold;
	padding-top: 14px;
}
.quasiA .list ul{
	margin: 0px;
	list-style-type: none;
	padding: 0 20px;
	font-size: 11px;

}
.quasiA .list li{
	padding-left: 8px;
	position: relative;
}
.quasiA .list li::before{
	content : "";
	border-bottom: 3px solid transparent;
	border-top: 3px solid transparent;
	border-left: 4px solid #b07e39;
	display: inline-block;
	position: absolute;
	height: 0;
	left: 0px;
	top: 4px;
	width: 0;
}
.ie8 .quasiA .list li, .ie7 .quasiA .list li{
	background: url("/images/quasiSprite.png") no-repeat scroll -18px -98px transparent;
}
.quasiA .list a{
	color:#303030;
	text-decoration: none;
}
.quasiA .list a:hover{
	text-decoration: underline;
}
/*
	QuasiB

*/
.quasiB{
	text-align: center;
}
.quasiB .head{
	clear:both;
	width: 100%;
	float:left;
	height: 100%;
}
.quasiB ul {
	list-style-type: none;
	margin:0;
	padding: 0px;
	float: left;
	width: 100%;
}
.quasiB .head li{
	width:24.9%;
	height: auto;
	padding-top: 10px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}


.quasiC .head li{
	width:16.55%;
}
.ie .quasiC .head li{
	width:16.51%;
}
.quasiD .head li{
	width:19.87%;
}
.quasiB li{
	float: left;
	margin: 0px;
}
.quasiB  .head a{
	font-family: arial;
	font-size: 12px;
	color:#1b4d88;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	max-width: 157px;
}
.quasiC  .head a{
	max-width: 94px;
}
.quasiB  .head a:hover{
	text-decoration: underline;
}
.quasiB .head li.last{
	border-right:none;
}
.quasiB .head li.selected{
	border-bottom:none;
	background: none;
	filter:none;
}
.quasiB .content .nav{
	float: left;
	display:inline-block;
	width: 30px;
	position: relative;
}
.quasiB .content{
	margin-top: 20px;
	float: left;
}
.quasiB .content .prev{
	margin-right: 2px;
	margin-left: 18px;
	text-indent: -9999px;
}
.quasiB .content .disabled{
	opacity: .4;
}
.quasiB .content .next{
	margin-left: 2px;
	margin-right: 18px;
	text-indent: -9999px;
}
.ie8 .quasiB .content .nav, .ie7 .quasiB .content .nav{
    position: relative;
    top: 20px;
}
.ie8 .quasiB .content .next, .ie7 .quasiB .content .next{
    background: url("/images/quasiSprite.png") no-repeat scroll 0 -44px transparent;

}
.ie8 .quasiB .content .prev, .ie7 .quasiB .content .prev{
    background: url("/images/quasiSprite.png") no-repeat scroll 0 5px transparent;
}
.quasiB .next::before{
	content: "";
	border-bottom: 26px solid transparent;
	border-top: 26px solid transparent;
	border-left: 18px solid #cdcdcd;
	display: inline-block;
	position: absolute;
	height: 0;
	left: 10px;
	top: 24px;
	width: 0;
}
.quasiB .next::after{
	content: "";
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
	border-left: 14px solid #fff;
	display: inline-block;
	position: absolute;
	height: 0;
	left: 10px;
	top: 30px;
	width: 0;

}
.quasiB .prev::before{
	content: "";
	border-bottom: 26px solid transparent;
	border-top: 26px solid transparent;
	border-right: 18px solid #cdcdcd;
	display: inline-block;
	position: absolute;
	height: 0;
	left: 10px;
	top: 24px;
	width: 0;
}
.quasiB .prev::after{
	content: "";
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
	border-right: 14px solid #fff;
	display: inline-block;
	position: absolute;
	height: 0;
	left: 14px;
	top: 30px;
	width: 0;

}
.quasiB  .tab .list{
	width:660px;
	overflow: hidden;
	position:relative;
	float: left;
}
.quasiB  .tab ul{
	position: relative;
	left:0px;
}
.quasiB .tab li{
	width:110px;
}
.quasiB .tab a{
	font-family: arial;
	font-size: 12px;
	text-decoration: none;
	color:#303030;
	display:inline-block;
	padding-bottom: 28px;
}
.quasiB .tab img{
	margin-bottom: 16px;
}
.ie .quasiB .tab img{
	float:left;
}
.quasiB .tab a:hover{
	text-decoration: underline;
}