*{
margin: 0;
padding: 0;
}
body{
margin: 0;
background: #828282;
font-family:"arial",sans-serif;
}
#center{
background: #efc2c2;
background-image:url('img/center_bg.jpg');
width:  1000px;
height: 635px;
text-align: left;
}
#footer{
background: #fff;
width: 100%;
height: 46px;
background-image:url('img/footer_bg.jpg');
background-repeat:repeat-y;
background-position:right;
margin: 0;
padding: 0;
border-style: none;
}
.margins{
background-image:url('img/margins_bg.jpg');
background-repeat:repeat-x;
background-position:top;
}
#clear{
clear: left;
}
.margins_right{
background-image:url('img/right_bg.jpg');
background-repeat:no-repeat;
background-position:left;
width: 100%;
height: 100%;
}

div.model{
background:url(img/model.png) no-repeat; 
background-position:bottom;
width:408px;
height:635px; 
z-index: 1;
}
body .model {
position: absolute; /*ie6 and above*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/model.png' ,sizingMethod='crop');
left: 50%;
margin-left: -700px;
float: left;
}

#social{
width: 337px;
height: 46px;
float: left;
}

#social a img{
margin-top: 6px;
margin-left: 6px;
float: left;
border-style: none;
border: none;
}

div.logo_avon{
background:url(img/logo_avon.png) no-repeat; 
width: 137px;
height: 46px;
z-index: 1;
}
body .logo_avon{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo_avon.png' ,sizingMethod='crop');
float: right;
}

#maincontent{
position: absolute;
width: 421px;
height: 635px;
border: 0px solid;
margin-left: 260px;
background: #fff;
}

#logo{
position: absolute;
width: 238px;
height: 140px;
border: 0px solid;
margin-left: 730px;
}
#menu{
position: absolute;
width: 180px;
height: 240px;
border: 0px solid;
margin-left: 780px;
margin-top: 390px;
text-align: center;
}

#menu .menu_item a{
display: block;
margin: 0 auto;
color: #c61f49;
text-decoration: none;
font-size: 16px;
width: 170px;
background: #fff;
border-top: 0px solid #ccc;
margin-top: 3px;
padding: 2px;
}
#menu .menu_item a:hover{
background: #c61f49;
color: #fff;
}

.transparent{
float: left;
width: 238px;
height: 81px;
background:url(img/logo.png) no-repeat; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png' ,sizingMethod='crop');
}

.headline{
font-size: 18px;
color: #c61f49;
text-align: center;
}
.opacity { 
	width: 100%;  /* Required for IE 5, 6, 7 , ...or something to trigger hasLayout, like zoom: 1; */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Theoretically for IE 8 - 9 (more valid) ,  ...but not required as filter works too , should come BEFORE filter */
	filter: alpha(opacity=70); /* This works in IE 8 - 9 too   ... but also 5, 6, 7 */
	-moz-opacity:0.7; /* Older than Firefox 0.9 */
	-khtml-opacity: 0.7; /* Safari 1.x (pre WebKit!) */ 
	opacity: 0.7; /* Modern!  Firefox 0.9+, Safari 2?, Chrome any? ,  Opera 9+, IE 9+ */
}
.opacity2 { 
	width: 100%;  /* Required for IE 5, 6, 7 , ...or something to trigger hasLayout, like zoom: 1; */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* Theoretically for IE 8 - 9 (more valid) ,  ...but not required as filter works too , should come BEFORE filter */
	filter: alpha(opacity=90); /* This works in IE 8 - 9 too   ... but also 5, 6, 7 */
	-moz-opacity:0.9; /* Older than Firefox 0.9 */
	-khtml-opacity: 0.9; /* Safari 1.x (pre WebKit!) */ 
	opacity: 0.9; /* Modern!  Firefox 0.9+, Safari 2?, Chrome any? ,  Opera 9+, IE 9+ */
}

#hidden{
display: none;
}
#productscontainer a{
cursor: pointer;
}

#shade{
padding: 0px;
display: inline;
}
#shade img{
display: block;
width: 69px;
margin: 0;
}