#disclaimer{
        font-family:tw cen mt, sans-serif;
        text-align:Center;
        margin:0;
        top:-20px;
        color:White;
        font-size:15px;
        position:relative;}

    body{
        /*background:black;padding-top:92px;*/
        width:100%;margin:0}

    #header{
        padding:3px 5px 15px;
        text-align:Center}

    #header h1{
        position:relative;
        margin:0px auto;
        font-size:50px;
        color:white;
        font-family:TW Cen MT, Arial, sans-serif;}

    #callout{
        display:block;
        font-size:14px;
        font-family:arial, sans-serif;
        color:white;
        font-style:italic;}
	
    #background {
        border:3px solid;
        border-color: #600707;
        -webkit-border-image: url(/productimages/xmas/red.jpg) 30 round; /* Safari 3.1-5 */
        -o-border-image: url(/productimages/xmas/red.jpg) 30 round; /* Opera 11-12.1 */
        border-image: url(/productimages/xmas/red.jpg) 30 round;
        background:url(/productimages/xmas/background.jpg);background:cover;background-repeat:no-repeat;}
	
    #day-container{
        zoom:58%;
        overflow:auto;
        margin:0px auto;border:0px solid red}

    #days-left{
        margin:0 auto;
        width:95%;
        border:0px solid red;}
	
    .day{
	position:relative;z-index:888;
	width:100px;height:100px;
	float:left; margin:0px 5px 5px 0;
        text-align:Center;	
        background: none;
        transition: 1s transform linear;
        transform-origin: left;
        cursor: pointer;    
        -webkit-perspective: 450;
        position: relative;
        display: inline;
        padding: 5px;
        border-radius: 3px;		
    }
	
    .gift{
        display:none;
        position:Relative;z-index:333;}

    .gift img {
        width: 109%;
        position: absolute;
        left: -5px;
        top: -5px;}

    .todayborder {
        border:5px solid;
        border-color: #600707;
        -webkit-border-image: url(/productimages/xmas/red.jpg) 30 round; /* Safari 3.1-5 */
        -o-border-image: url(/productimages/xmas/red.jpg) 30 round; /* Opera 11-12.1 */
	border-image: url(/productimages/xmas/red.jpg) 30 round;}
	
	
    .day h6{
        font-size: 60px;
        color: #484743;
        margin: 22px auto;
        text-align: Center;
        font-family: TW Cen Mt, arial, sans-serif;}

    .past, .past .day, .day .past{
        border:5px solid;border-radius: 3px;
        background:none;
        border-color: #600707;
        -webkit-border-image: url(/productimages/xmas/gold.jpg) 30 round; /* Safari 3.1-5 */
        -o-border-image: url(/productimages/xmas/gold.jpg) 30 round; /* Opera 11-12.1 */
        border-image: url(/productimages/xmas/gold.jpg) 30 round;}

    .past .promo, .past .notyet {
        display:none}

    .past h6{
        display:none}	
	
    .today{
        border:5px solid;
        position:relative;z-index:999;
        top:-5px;
        left:-12px;
        border-color: #600707;
        -webkit-border-image: url(/productimages/xmas/red.jpg) 30 round; /* Safari 3.1-5 */
        -o-border-image: url(/productimages/xmas/red.jpg) 30 round; /* Opera 11-12.1 */
	border-image: url(/productimages/xmas/red.jpg) 30 round;
        transition: 1s transform linear;
        background: url(/productimages/xmas/pearl.jpg);
        width: 109px;
        height: 100px;
	padding:5px;
        position: absolute;
        border-radius: 3px;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .0) inset;
        transition: 1s transform linear;
        transform-origin: left;
        cursor: pointer;
    }
	
    .notyet{top:-5px;
        left:-5px;
	border: 5px solid transparent;
	-webkit-border-image: url(/productimages/xmas/gold.jpg) 30 round; 
        border-color: #daba69;
        -o-border-image: url(/productimages/xmas/gold.jpg) 30 round; 
        border-image: url(/productimages/xmas/gold.jpg) 30 round;
	transition: 1s transform linear;
   	background: url(/productimages/xmas/pearl.jpg);
        width: 100px;
        height: 100px;
	padding:5px;
        position: absolute;
        border-radius: 3px;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .0) inset;
        transition: 1s transform linear;
        transform-origin: left;
        cursor: pointer;
    }  
		
    .day h3{
        color:white !important;
        font-weight:normal;
        font-size:11px;
        font-family:Arial,sans-serif;margin:0}
	
    .day h3 span{
        color:#e7017d;
        font-weight:bold;
        font-size:12px}   
	
    .OpenDoor{
        transform: rotateY(-90deg);
        transform-origin: 8px;
        transition: .5s linear;
    }


    @keyframes go {
        100%{
            opacity:1;
            transform:rotateY(0deg);
        }
    }

	
/*MOBILE*/
/* ------ Smartphones (portrait and landscape) ----- */
	
    @media only screen and (max-height : 736px) and (max-width : 414px){	
	#day-container {zoom:64%}
    }
	
    @media only screen and (max-height : 846px) and (max-width : 412px){
	#day-container {zoom:74%}
    }	
	
    @media only screen and (max-height : 740px) and (max-width : 360px){	
	#day-container {zoom:64%}	
    }	
	
    @media only screen and (max-height :640px) and (max-width : 360px){	
	#day-container{zoom:54.5%;}
    }
	
    @media only screen and (max-height : 570px) and (max-width : 320px){	
	#day-container {zoom:47%}	
    }
	
    @media only screen and (max-height : 534px) and (max-width : 320px){	
	#day-container {zoom:43%}	
    }