﻿
/* Start bracket selector */
.bracketSelector:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.bracketSelector{background: #c5e2f0;clear: both;overflow: hidden;line-height:28px;}
.bracketSelector div.section{width:140px;height:150px;margin:10px 10px;float:left;position:relative;}
.bracketSelector label{display: block;text-align:center;font-size:18px;}
.bracketSelector input.submitBtn{clear:left;float:right;margin:10px 16px 12px 0;}
.bracketSize{background: url('/images/iconSize.jpg') no-repeat 50% 50%; margin-left: 20px !important;}
.bracketSize input{font-size:23px;left:41px;padding-left:7px;position:absolute;top:62px;width:38px;border:0;}
.bracketSize span,.bracketWeight span{color:#fff;display:block;font-size:23px;font-weight:bold;left:90px;position:absolute;top:63px;}
.bracketSelector div.sliderWrapper{position:absolute;bottom:-4px;left:0px;width:135px;height:23px;background:url('/images/sliderTrack.gif') no-repeat 0 50%;}
.bracketSelector div.slider1,.bracketSelector div.slider2{width:122px;height:100%;position:relative;}
.bracketSelector a.ui-slider-handle{display:block;position:absolute;width: 18px;height:23px;background:url('/images/sliderButton.png') no-repeat 0 0;}
.bracketWeight{background: url('/images/iconWeight2.jpg') no-repeat 50% 50%;}
.bracketWeight input{font-size:23px;left:29px;position:absolute;top:73px;width:47px;border:0;text-align:center;}
.bracketWeight span{left:80px;top:75px;}
.bracketVesa{background: url('/images/iconVesa.jpg') no-repeat 50% 50%;}
.bracketMount{background: url('/images/iconBracket.jpg') no-repeat 50% 50%;margin-right:0 !important;}
.bracketSelector select{position:absolute;bottom:0px;left:3px;width:130px;}

/* End bracket selector */
.bracketSelectorSmallWrapper{
	padding-bottom: 2px;
}
.bracketSelectorSmallWrapper div.whiteBg{
	padding: 10px 5px;
	margin: 5px 10px 10px;
	background: #fff;
}
.bracketSelectorSmallWrapper div.whiteBg p{margin-bottom: 1em;}
.bracketSelectorSmall{
	padding-bottom: 5px;
}
.bracketSelectorSmall div{
	width: 300px;
	overflow:hidden;
	margin-bottom: 5px;
}
.bracketSelectorSmall label{
	display: block;
	width: 55px;
	float: left;
	text-align:right;
	margin-right: 10px;
}
.bracketSelectorSmall input{
	width: 50px;
	float: left;
}
.bracketSelectorSmall span{
	float: left;
	padding-left: 5px;
}
.bracketSelectorSmallBtn{
	width: 100px;
	margin-left: 74px;
	margin-bottom: 5px;
}