@font-face {
     font-family: 'Roboto-Regular';
     src: url('../fonts/Roboto-Regular.woff') format('woff');
     font-weight: 900;
     font-style: normal;
}
.arrow {
     height: 200px;
     width : 16px;
     position: absolute;
     top : 0px;
     cursor : pointer;
}
.aleft {
     left : 49px;
}
.aright {
     left : 235px;
}
#arrow_holder {
     position: absolute;
     visibility: hidden;
     z-index: 6 
}
#arrow_left {
     width : 24px;
     height : 200px;
     position : absolute;
     top : 0;
     left: 0;
     background-position:0 50%;
     background-repeat: no-repeat;
}
#arrow_right {
     width : 24px;
     height : 200px;
     position : absolute;
     top : 0;
     left : 0;
     background-position:0 50%;
     background-repeat: no-repeat;
}
#bg_strip {
	position : absolute;
	background-color:#fff;
	width:202px;
	height:250px;
	left:49px;
}
#bg_shadow {
	position : absolute;
	opacity:0;
}
#blocker {
     width: 300px;
     height: 250px;
     opacity : 0;
     position: absolute;
     top: 0;
     left : 0;
     background-color: red;
     cursor: pointer;
     z-index: 10;
}
body {
     margin : 0px;
     padding : 0px;
     font-family: 'Roboto-Regular';
     font-size : 14px;
     color : #FFF;
     cursor: pointer;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing:antialiased;
}
#btn_cta {
     box-shadow: none;
     height: auto;
     left: 0;
     overflow: hidden;
     position: absolute;
     top: 0;
     visibility: hidden;
     width: auto;
     z-index: 9;
     opacity:0;
}
#btn_cta_text {
     position: absolute;
}
#btn_invis {
     width : 298px;
     height : 248px;
     opacity : 0;
     position: absolute;
     top: 0;
     left : 0;
     background-color: red;
     cursor: pointer;
     z-index: 5;
}
#carousel {
     color : #000;
     width : 156px;
     height : 0;
     overflow: hidden;
     position: absolute;
     left : 72px;
     top:195px;
     background: #fff;
     //border:1px solid red;
}
#carousel_holder {
     position: absolute;
     width : 155px;
     top : 13px;
     z-index: 7;
}
#carousel_holder p {
     text-align: center;
     word-break : break-word;
     font-size: 12px;
     opacity:0;
}
#carousel_holder .price_txt {
     text-align: center;
     font-size: 12px;
     opacity:0;
     color:#c61823;
}
#carousel_holder .price_txt_strikeout {
     text-decoration: line-through;
     font-size: 12px;
     color:#666666;
}
#carousel_holder .saleprice_txt {
	text-align: center;
    font-size: 12px;
    color:#c61823;
}
#carousel_left {
     width : 105px;
     height : 195px;
     overflow: hidden;
     position: absolute;
     left : 50px;
     top:0px;
     //border:1px solid red;
     //opacity:0;
}
#carousel_holder_left {
     position: absolute;
     width : 125px;
     top : 13px;
}
#carousel_right {
     width : 105px;
     height : 195px;
     overflow: hidden;
     position: absolute;
     left : 130px;
     top:0px;
     //border:1px solid red;
     //opacity:0;
}
#carousel_holder_right {
     position: absolute;
     width : 125px;
     top : 13px;
}
#extendedBtn_left {
	position: absolute;
	width:49px;
	height:200px;
	z-index: 6;
	cursor:pointer;
}
#extendedBtn_right {
	position: absolute;
	width:48px;
	left:251px;
	height:200px;
	z-index: 6;
	cursor:pointer;
}
#container {
opacity:0;
     width : 298px;
     height : 248px;
     background-color: white;
     overflow : hidden;
     position: absolute;
     border-style: solid;
     border-color: black;
     border-width: thin;
}
.grad {
     background: -webkit-radial-gradient(#EBEBEB,#FFFFFF);
    /* Safari 5.1 to 6.0 */
     background: -o-radial-gradient(#EBEBEB,#FFFFFF);
    /* For Opera 11.6 to 12.0 */
     background: -moz-radial-gradient(#EBEBEB,#FFFFFF);
    /* For Firefox 3.6 to 15 */
     background: radial-gradient(#EBEBEB,#FFFFFF);
    /* Standard syntax */
}
#footer {
    width : 300px;
     height : 250px;
     position: absolute;
     top : 0;
     visibility: hidden;
     opacity:0;
}
#logo {
     position: absolute;
     top : 0px;
     left : 0px;
     z-index: 7;
}
#footerImg {
     position: absolute;
     top : 0px;
     left : 0px;
     z-index: 7;
}
#logoHotSpot {
	position: absolute;
	width:120px;
	height:50px;
	bottom:0;
	z-index: 8;
}
#footerHotSpot {
	position: absolute;
	left:120px;
	width:180px;
	height:50px;
	bottom:0;
	z-index: 8;
}
.product_holder {
     position : absolute;
     width : 155px;
     height: 195px;
     overflow: hidden;
}
.product_holder img {
     position: absolute;
}

.product_holder_left {
     position : absolute;
     width : 105px;
     height: 195px;
     overflow: hidden;
}
.product_holder_left img {
     position: absolute;
}
.product_holder_right {
     position : absolute;
     width : 105px;
     height: 195px;
     overflow: hidden;
}
.product_holder_right img {
     position: absolute;
}
.rotater {
     -ms-transform : scale(-1, 1);
    /* IE 9 */
     -moz-transform : scale(-1, 1);
    /* Firefox */
     -webkit-transform : scale(-1, 1);
    /* Safari and Chrome */
     -o-transform : scale(-1, 1);
    /* Opera */
}
#introAnimation {
     position:absolute;
     z-index:15;
     width:300px;
     height:250px;
     opacity:0;
}
#introAnimation .lifestyle {
     position:absolute;
}
#introAnimation .box {
     position:absolute;
}
#introAnimation .boxflap1, #introAnimation .boxflap2, #introAnimation .boxflap3 {
     position:absolute;
}
#introAnimation .boxflap2, #introAnimation .boxflap3 {
     opacity:0;
}