/* drawer.css */
div.drawerContainer{
	width: 676px;
	height: 239px;
	overflow:hidden;
	position:relative;
}
div.drawer{
	position:absolute;
	top:0;
	left:0;
	display:none;
	height: 239px;
	width: 676px;
	padding-left: 250px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 10px;
	padding-top: 10px;
}


div.drawerTrigger{
	width:191px;
	height:255px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
}

div.default{
	display:block;
}
.default{
	background-image: url(../img/products_landing.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.drawerContainer #default h6 {
	font-size: 20px;
	padding-left: 160px;
	color: #10406B;
	line-height: 22px;
}
.drawerContainer #default ul {
	padding-top: 10px;
}

.product1{
	background-image: url(../img/products_SBE_BIGINFO.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 250px;
}
.product2{
	background-image: url(../img/products_PLUS_BIGINFO.jpg);
	background-position: left top;
	padding-left: 250px;
}
.product3 {
	background-image: url(../img/products_PRO_BIGINFO.jpg);
	background-position: left top;
	padding-left: 250px;
}
#drawer1 h3 {
	color: #333333;
	font-size: 22px;
	line-height: 16px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-weight: bold;
}
#drawer2  h3 {
	color: #8B9F2D;
	font-size: 22px;
	padding-bottom: 0px;
	line-height: 16px;
	padding-top: 10px;
	font-weight: bold;
}
#drawer3 h3 {
	color: #0C7DB5;
	font-size: 22px;
	line-height: 16px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-weight: bold;
}
.product_butts {
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

.drawerContainer  h6 {
	color: #333333;
	font-size: 14px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}
.drawerContainer ul {
	padding-bottom: 10px;
}
.drawerContainer  h5 {
	line-height: 14px;
	padding-bottom: 10px;
}

.default h3 {
	color: #333333;
	font-size: 21px;
	line-height: 18px;
	padding-top: 25px;
	padding-left: 150px;
	font-weight: bold;
}
div.drawerWrapper {
	float: left;
	margin-right: 10px;
	margin-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	height: 330px;
	width: 191px;
	text-align: right;
}

#drawer1 li,#drawer2 li,#drawer3 li,#default li {
	background-image: none;
	list-style-type: none;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #333333;
}

#products_container {
	list-style-image: none;
	padding-top: 10px;
	padding-left: 10px;
}
.products {
	width: 700px;
}

#drawer1 ul, #drawer2 ul, #drawer3 ul, #default ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#drawer1   h6, #drawer2   h6, #drawer3   h6 {
	font-size: 12px;
	line-height: 13px;
	margin: 0px;
	padding: 0px;
}