html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background: none repeat scroll 0 0 white;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: 100
}

img { 
	outline: 0; 
	border: 0;
}
a:focus, a  { 
	outline: 0
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#container {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -300px 0 0 -495px
}
.container_inner {
	width: 990px;
	height: 580px;

}
#header {
	border-bottom: 1px solid #757575;
	margin-bottom: 1px;
	width: 100%;
	height: 30px;
}
#header ul {
	/*position: relative;
	top: 0;
	left: 0;*/
	
	float:left;
	margin: 5px 0 0 0;
	width: 700px;

}
#header ul li {
	display: inline;
    float: left;
    height: 20px;
    margin: 0 15px 0 0;
    padding: 0 0 0 25px;
}

#header ul li#official_site {
	background:url(../img/icons.png) 0 0 no-repeat
}

#header ul li#become_representative {
	background:url(../img/icons.png) 0 -20px no-repeat;
}

#header ul li#find_representative {
	background:url(../img/icons.png) 0 -40px no-repeat;
}

#header ul li a {
	color: #cf3d86;
	font-style:italic;
	text-decoration: none;
	line-height: 20px;
	text-transform: uppercase;
	white-space: nowrap;
	display: inline
}

#header .new_offer {
	position: absolute;
	top: 0;
	right: 0;
	float: right;
	background:url(../img/new_offer.png) no-repeat left center;
	padding: 0 0 0 30px;
	line-height: 20px;
	color: #cf3d86;
	font-style:italic;
	text-transform: uppercase;
	height: 30px;
	text-align: right;
	white-space: nowrap
}
#header .new_offer span {
	font-size: 20px;
    position: relative;
    top: 2px;
	font-family: "OpenSansBoldItalic";
	font-style: normal !important;
	padding: 0 0 0 3px;
	
}

div.days_container {
	position: relative;
	height:100%;
	width: 100%;
	border-top: 2px solid #757575
	
}

div.days_container h1 {
	width: 354px;
	height: 400px;
	position:absolute;
	bottom: 60px;
	left: 30px
}

div.days_container h6.logo_avon {
	background:url(../img/logo_avon.png);
	width: 354px;
	height: 85px;
	position: absolute;
	top: 25px;
	left: 40px;
}

div.days_container h2 {
	cursor: pointer;
    height: 70px;
    padding: 0;
    position: absolute;
    right: 354px;
    top: 50px;
    width: 83px;
}

div.days_container h2 img, div.days_container h1 img {
	background: transparent !important; 
    filter:none;
}

div.days_container span {
	font-family: "OpenSansLight";
	font-size: 23px;
	font-weight: 100;
	color: White;
	text-shadow: 2px 0 3px #512400;
	position: absolute;
	cursor: default;
	opacity: 0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

div.days_container span.past {
	font-family: "OpenSansSemibold";
	font-size: 28px;
	font-weight: 100;
	color: White;
	text-shadow: 2px 0 3px #512400;
	cursor: pointer;
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
div.days_container span.active {
	font-family: "OpenSansSemibold";
	font-size: 28px;
	display: block !important;
	cursor: pointer;
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	
}
/* EVERYDAY BG and ARROW */

#d1 { 
	background:url(../img/bg_d1.jpg) no-repeat 0 0
}
#d1 .arrow {
	background:url(../img/arr_1.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d2 { 
	background:url(../img/bg_d2.jpg) no-repeat 0 0
}

#d2 .arrow {
	background:url(../img/arr_2.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d3 { 
	background:url(../img/bg_d3.jpg) no-repeat 0 0
}

#d3 .arrow {
	background:url(../img/arr_3.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d4 { 
	background:url(../img/bg_d4.jpg) no-repeat 0 0
}

#d4 .arrow {
	background:url(../img/arr_4.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d5 { 
	background:url(../img/bg_d5.jpg) no-repeat 0 0
}

#d5 .arrow {
	background:url(../img/arr_5.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d6 { 
	background:url(../img/bg_d6.jpg) no-repeat 0 0
}

#d6 .arrow {
	background:url(../img/arr_1.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d7 { 
	background:url(../img/bg_d7.jpg) no-repeat 0 0
}

#d7 .arrow {
	background:url(../img/arr_7.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d8 { 
	background:url(../img/bg_d8.jpg) no-repeat 0 0
}

#d8 .arrow {
	background:url(../img/arr_8.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d9 { 
	background:url(../img/bg_d9.jpg) no-repeat 0 0
}

#d9 .arrow {
	background:url(../img/arr_9.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d10 { 
	background:url(../img/bg_d10.jpg) no-repeat 0 0
}

#d10 .arrow {
	background:url(../img/arr_10.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d11 { 
	background:url(../img/bg_d11.jpg) no-repeat 0 0
}

#d11 .arrow {
	background:url(../img/arr_11.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d12 { 
	background:url(../img/bg_d12.jpg) no-repeat 0 0
}

#d12 .arrow {
	background:url(../img/arr_12.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d13 { 
	background:url(../img/bg_d13.jpg) no-repeat 0 0
}

#d13 .arrow {
	background:url(../img/arr_13.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d14 { 
	background:url(../img/bg_d14.jpg) no-repeat 0 0
}

#d14 .arrow {
	background:url(../img/arr_14.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d15 { 
	background:url(../img/bg_d15.jpg) no-repeat 0 0
}

#d15 .arrow {
	background:url(../img/arr_15.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d16 { 
	background:url(../img/bg_d16.jpg) no-repeat 0 0
}

#d16 .arrow {
	background:url(../img/arr_16.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}


#d17 { 
	background:url(../img/bg_d17.jpg) no-repeat 0 0
}

#d17 .arrow {
	background:url(../img/arr_17.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d18 { 
	background:url(../img/bg_d18.jpg) no-repeat 0 0
}

#d18 .arrow {
	background:url(../img/arr_18.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d19 { 
	background:url(../img/bg_d19.jpg) no-repeat 0 0
}

#d19 .arrow {
	background:url(../img/arr_19.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d20 { 
	background:url(../img/bg_d20.jpg) no-repeat 0 0
}

#d20 .arrow {
	background:url(../img/arr_20.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

#d21 { 
	background:url(../img/bg_t3.jpg) no-repeat 0 0
}

#d21 .arrow {
	background:url(../img/arr_21.png) no-repeat 0 0 transparent;
	width: 100%;
	height: 100%;
}

span#day1 {
	right: 77px;
    top: 80px;
}
span#day2 {
	right: 205px;
    top: 153px;
}
span#day3 {
    right: 25px;
    top: 190px;
}
span#day4 {
    right: 70px;
    top: 240px;
}
span#day5 {
	right: 259px;
	top: 195px;
}
span#day6 {
	right: 192px;
    top: 288px;
}
span#day7 {
    right: 20px;
    top: 268px;
}
span#day8{
	right: 433px;
    top: 269px;
}
span#day9{
	right: 404px;
	top: 352px;
}
span#day10 {
	right: 134px;
    top: 328px;
}
span#day11 {
	right: 175px;
    top: 375px;
}
span#day12 {
	right: 553px;
    top: 375px;
}
span#day13 {
	right: 449px;
	top: 384px;
}
span#day14 {
	right: 585px;
    top: 498px;
}
span#day15 {
	right: 388px;
	top: 484px;
}
span#day16 {
	right: 329px;
	top: 511px;
}
span#day17 {
	right: 230px;
    top: 455px;
}
span#day18 {
	right: 126px;
	top: 408px;
}
span#day19 {
	right: 156px;
    top: 495px;
}
span#day20 {
	right: 60px;
    top: 360px;
}
span#day21 {
    right: 85px;
    top: 480px;
}

.facebookBtn {
	bottom: -45px;
	right: 0;
    height: 30px;
    position: absolute;
}

a.offer_window {
	width: 100%;
	height: 100%;
	display: block;
}

#popup2, #popup3 {
    background: url("../img/fancybox/offer_Bg.png") no-repeat scroll 0 0 transparent;
    display: none;
    height: 575px;
    left: 50% !important;
    margin: -255px -79px;
    min-height: 575px;
    min-width: 570px;
    opacity: 1 !important;
    position: absolute !important;
    right: 0;
    top: 50% !important;
    width: 570px;
    z-index: 9999 !important;
}

.bModal {
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	margin: -266px 0 0 -495px !important;
	width: 990px !important;
	height: 552px !important;
}

.bClose, .bClose {
    cursor:pointer;
    position:absolute;
    right:10px;
    top:5px;
	background:url(../img/fancybox/fancybox_sprite.png) no-repeat 0 0;
	width: 38px;
	height: 40px;
	z-index: 9999;
}

/*  PRODUCT IN LIGHTBOX */


.content h3.price {
	bottom: 191px;
    color: White;
    font-family: 'OpenSansBold', 'OpenSansSemibold';
    font-size: 58px;
    font-weight: 100;
    margin: 0;
    position: absolute;
    right: 95px;
    -moz-text-shadow: 3px 0 0 #9D1661;
	-webkit-text-shadow: 3px 0 0 #9D1661;
	text-shadow: 3px 0 0 #9D1661;
    width: 130px;
	z-index:102;
}

.content span.discount, .content2 span.discount {
    color: White;
    font-family: "Times New Roman";
    font-size: 30px;
    height: 30px;
    position: absolute;
    right: 50px;
    text-align: center;
    top: 52px;
    white-space: nowrap;
    width: 110px;
    z-index: 600;
}

.content span.discount small {
	font-size: 25px;
	white-space: nowrap
}

.content h3.price small {
    font-size: 40px;
    line-height: 65px;
    padding: 0 0 0 3px;
    vertical-align: text-top;
    z-index: 103;
}

.content h3.price small.from {
    font-size: 25px;
    line-height: 65px;
    padding: 0 0 0 3px;
	vertical-align: baseline;
    z-index: 106	
}

.content a.purchase {
	background: url("../img/popup_cart.png") no-repeat scroll 50% 50% transparent;
    bottom: 209px;
    display: block;
    height: 38px;
    position: absolute;
    right: 35px;
    width: 56px;
	z-index: 104;
}

.content div.desc {
    left: 35px;
    position: absolute;
    top: 35px;
    width: 180px;
	z-index:10;
}

.content div.desc h1 {
	font-size: 25px;
	color: #cf3d86;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight: 100;
}

.content div.desc span {
	font-size: 12px;
	color: #000000;
	font-family: "OpenSansSemibold";
	margin: 5px 5px 10px 0;
	height: 25px;
	line-height: 25px;
}

.content div.desc span a img {
	text-align: left
}

.content div.desc p {
	font-size: 13px;
	color: #000000;
	font-family: "OpenSansSemibold";
	padding: 0;
	margin: 0;
}

.content div.desc h5 {
	font-size: 12px;
	color: #000000;
	font-family: "OpenSansSemibold";
	padding: 0 0 5px 0;
}

.content div.desc strong {
	font-family: "OpenSansBold";
	
}

.content div.desc h6 {
	color: #565656;
	font-size: 12px;
	font-family: "OpenSansSemibold";
	text-decoration: line-through;
	padding: 5px 0;
}


.content .product {
    height: 365px;
    left: 0;
    position: absolute;
    top: 0;
    width: 525px;
    z-index: 2;
}

.product img {
    bottom: 0;
    position: absolute;
    right: 0;
    text-align: right;
}

.content .pink_bow {
    background: url("../img/fancybox/bow.png") no-repeat scroll 0 0 transparent;
    height: 300px;
    left: 15px;
    position: absolute;
    top: 365px;
    width: 568px;
    z-index: 100;
}