@import url('reset.css');

body 
{
	/*
font: normal 11px Tahoma,Arial, Helvetica, sans-serif; 
	color:#000;
*/
	/*background:url(../images/SidebarImages/background.jpg) repeat-y;*/
}
.side_container
{
	float:right;
	height: 700px;
	background-color:e5e5e5;
	position:absolute;
}
.side 
{
	background:url(../images/SidebarImages/bg.png) repeat-y;
	float:right;
	width:83px;
	filter: alpha(opacity=80); 
	opacity: .8;
	position:relative;
	top:2px;
	right:0px;
/*	left:1009px;
	<!--[if IE 6]>
	
		left:-10px;
	<![endif]-->
*/	
}
.side:hover
{
	background:url(../images/SidebarImages/bg.png) repeat-y;
	float:right;
	width:83px;
	filter: alpha(opacity=100); 
	opacity: 1
}
.side h2
{
	background:url(../images/SidebarImages/title-bg.png) repeat-x;
	
	
	font-size:12px;
	font-family:Arial;
	color:#d0cbbd;
	height:34px !important;
	padding-top:10px !important;
	
	height:44px ;
	padding-top:6px;
	width:83px; /*Added by ANkita*/
	float:right; /*Added by ANkita*/
	text-align:center;
	
}

.side ul{list-style-type: none;
}
.side ul li {clear:both;}
.side ul li a 
{
	float:left;
	height:31px;
	text-indent:-99999px;
	outline-style:none
}

/*Price*/
.side .price1 a
{
	background:url(../images/SidebarImages/price1.png) no-repeat 7px 0px ;width:34px;
}

.side .price1 a:hover
{
	background:url(../images/SidebarImages/price1-hover.png) no-repeat 2px 0px;width:34px;
}

.side .price1.selected a
{
	background:url(../images/SidebarImages/price1-selected.png) no-repeat 2px -1px;width:34px;
}

.side .price1.selected a:hover
{
	background:url(../images/SidebarImages/price1-hover.png) no-repeat 2px 0px;width:34px;
}

.side .price2 a
{
	background:url(../images/SidebarImages/price2.png) no-repeat 7px 0px;width:45px;
}

.side .price2 a:hover
{
	background:url(../images/SidebarImages/price2-hover.png) no-repeat 2px 0px;width:45px;
}

.side .price2.selected a
{
	background:url(../images/SidebarImages/price2-selected.png) no-repeat 2px -1px;width:45px;
}

.side .price2.selected a:hover
{
	background:url(../images/SidebarImages/price2-hover.png) no-repeat 2px 0px;width:45px;
}


.side .price3 a
{
	background:url(../images/SidebarImages/price3.png) no-repeat 7px 0px;width:59px;
}

.side .price3 a:hover
{
	background:url(../images/SidebarImages/price3-hover.png) no-repeat 2px 0px;width:59px;
}

.side .price3.selected a
{
	background:url(../images/SidebarImages/price3-selected.png) no-repeat 2px 0px;width:59px;
}

.side .price3.selected a:hover
{
	background:url(../images/SidebarImages/price3-hover.png) no-repeat 2px 0px;width:59px;
}
/*Color*/
.side .color1 a
{
	background:url(../images/SidebarImages/color1.png) no-repeat 7px 0px;width:59px;
}

.side .color1 a:hover
{
	background:url(../images/SidebarImages/color1-hover.png) no-repeat 2px 0px;width:59px;
}

.side .color1.selected a
{
	background:url(../images/SidebarImages/color1-selected.png) no-repeat 2px 0px;width:59px;
}

.side .color1.selected a:hover
{
	background:url(../images/SidebarImages/color1-hover.png) no-repeat 2px 0px;width:59px;
}

.side .color2 a
{
	background:url(../images/SidebarImages/color2.png) no-repeat 7px 0px;width:74px;
}

.side .color2 a:hover
{
	background:url(../images/SidebarImages/color2-hover.png) no-repeat 2px 0px;width:74px;
}

.side .color2.selected a
{
	background:url(../images/SidebarImages/color2-selected.png) no-repeat 2px 0px;width:74px;
}

.side .color2.selected a:hover
{
	background:url(../images/SidebarImages/color2-hover.png) no-repeat 2px 0px;width:74px;
}

.side .color3 a
{
	background:url(../images/SidebarImages/color3.png) no-repeat 7px 0px;width:63px;
}

.side .color3 a:hover
{
	background:url(../images/SidebarImages/color3-hover.png) no-repeat 2px 0px;width:63px;
}

.side .color3.selected a
{
	background:url(../images/SidebarImages/color3-selected.png) no-repeat 2px 0px;width:63px;
}

.side .color3.selected a:hover
{
	background:url(../images/SidebarImages/color3-hover.png) no-repeat 2px 0px;width:63px;
}
/*size*/
.side .size1 a
{
	background:url(../images/SidebarImages/size1.png) no-repeat 7px 0px;width:67px;
}

.side .size1 a:hover
{
	background:url(../images/SidebarImages/size1-hover.png) no-repeat 2px 0px;width:67px;
}

.side .size1.selected a
{
	background:url(../images/SidebarImages/size1-selected.png) no-repeat 2px 0px;width:67px;
}

.side .size1.selected a:hover
{
	background:url(../images/SidebarImages/size1-hover.png) no-repeat 2px 0px;width:67px;
}

.side .size2 a
{
	background:url(../images/SidebarImages/size2.png) no-repeat 7px 0px;width:67px;
}

.side .size2 a:hover
{
	background:url(../images/SidebarImages/size2-hover.png) no-repeat 2px 0px;width:67px;
}

.side .size2.selected a
{
	background:url(../images/SidebarImages/size2-selected.png) no-repeat 2px 0px;width:67px;
}

.side .size2.selected a:hover
{
	background:url(../images/SidebarImages/size2-hover.png) no-repeat 2px 0px;width:67px;
}


.side .size3 a
{
	background:url(../images/SidebarImages/size3.png) no-repeat 7px 0px;width:59px;
}

.side .size3 a:hover
{
	background:url(../images/SidebarImages/size3-hover.png) no-repeat 2px 0px;width:59px;
}

.side .size3.selected a
{
	background:url(../images/SidebarImages/size3-selected.png) no-repeat 2px 0px;width:59px;
}

.side .size3.selected a:hover
{
	background:url(../images/SidebarImages/size3-hover.png) no-repeat 2px 0px;width:59px;
}

/*texture*/

.side .texture1 a
{
	background:url(../images/SidebarImages/texture1.png) no-repeat 7px 0px;width:81px;height:48px
}

.side .texture1 a:hover
{
	background:url(../images/SidebarImages/texture1-hover.png) no-repeat 2px 0px;width:81px;height:48px
}

.side .texture1.selected a
{
	background:url(../images/SidebarImages/texture1-selected.png) no-repeat 2px 0px;width:81px;height:48px
}

.side .texture1.selected a:hover
{
	background:url(../images/SidebarImages/texture1-hover.png) no-repeat 2px 0px;width:81px;height:48px
}

.side .texture2 a
{
	background:url(../images/SidebarImages/texture2.png) no-repeat 7px 0px;width:81px;
}

.side .texture2 a:hover
{
	background:url(../images/SidebarImages/texture2-hover.png) no-repeat 2px 0px;width:81px;
}

.side .texture2.selected a
{
	background:url(../images/SidebarImages/texture2-selected.png) no-repeat 2px 0px;width:81px;
}

.side .texture2.selected a:hover
{
	background:url(../images/SidebarImages/texture2-hover.png) no-repeat 2px 0px;width:81px;
}

#cross
{
	background:url(../images/SidebarImages/cross.png) no-repeat;
	position:absolute;	
	width:21px;
	height:30px;

}
.side h3
{
	text-indent:-99999px;
	margin-bottom:8px;	
	margin-top:2px;
	margin-left:12px;
}
.price-title
{
	background:url(../images/SidebarImages/price-title.png) no-repeat;
	float:left;
	width:71px;
	
	
}
.texture-title
{
	background:url(../images/SidebarImages/texture-title.png) no-repeat;
}
.color-title
{
	background:url(../images/SidebarImages/color-title.png) no-repeat;
}
.size-title
{
	background:url(../images/SidebarImages/size-title.png) no-repeat;
}
.ruler
{
	background:url(../images/SidebarImages/ruler.png) 0px 10px no-repeat;
	clear:both;
	height:20px;	
	margin-bottom:10px;
}
.side-bottom
{
	background:url(../images/SidebarImages/side-bottom.png);		
	height:9px;
	margin-top:5px;
}
.clear
{
clear:both;
}