@charset "utf-8";
.enter-address-form-bottom { min-height: 150px; padding:0 0 20px; background: url(../img/design/enter-address-form-bgrd-bottom.png) no-repeat  0 100%;}


.timetable-wrap {
    position: relative;}

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

}

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

}

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

}


/* 01.Generic */
body { width: 100%; height: 100%; color: #000; background: #fff; font-family: 'ProximaNovaSemibold', Arial, Helvetica, sans-serif; font-size: .75em; line-height: 1.333em; }
/* 02.Headings */
h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height: 100%; }
h1 {  color:#F4F4F4; font: 26px 'ProximaNovaSemibold', Arial, Helvetica, sans-serif;
text-shadow: 1px 2px 2px #606b78;
filter: dropshadow(color=#606b78, offx=1, offy=2); text-transform: uppercase;}

h2 { color:#191F2C; font: 16px 'ProximaNovaSemibold', Arial, Helvetica, sans-serif; padding: 12px 0 15px; }

h3 { }
/* 03.Paragraphs */
p { margin: 0 0 1em; }
p.santa { position:absolute; right:515px; bottom: 20px; float: left; z-index: 100; cursor: pointer; height: 30px;}
p.crow { position:absolute; right:360px; bottom: 723px; float: left; z-index: 100; cursor: pointer; height: 9px;}
p.social { width:100%;  text-align:center;} 
p.error-msg { display:none; color: #D60A16; font: 15px 'ProximaNovaSemibold',Arial,Helvetica,sans-serif;} 
@media screen and (max-width: 950px) {
 p.santa {
	 right: auto;
	 bottom: auto;
	 left:418px; 
	 top: 710px;
  }
}
p.that-is { padding:12px 0 0; font-size:10px;}

/* 04.Lists */
ul { }
ul.ttbl { padding:0 0 0 104px;  background:url(../img/design/routes-table-roll.png) 0 0 repeat-y; }
ul.ttbl li { margin:0 0 12px; background:url(../img/design/ttbl-li-back.jpg) 0 0 repeat-x; }
/*ul.ttbl li.big { height:376px;}*/
ul.ttbl li.small {position: relative; }


ul.ttbl li.last-tt { margin:0;}
ul.ttbl li li { margin:0; padding:0 0 0 84px; border-bottom:1px solid #4B5260; background: none; color:#807F83; font: 21px 'ProximaNovaRegular', Arial, Helvetica, sans-serif;  }

ul.ttbl li li li {  width:735px; padding:0; border-bottom:1px solid #DFDFE0; }
ul.ttbl li li.route { height: 79px; border-top: 7px solid #D60A16;  background:url(../img/design/icons/sled.png) 10px 8px no-repeat;}

ul.ttbl li li.recharge, ul.ttbl li li.discharge, ul.ttbl li li.munch { height: 45px; background:url(../img/design/icons/recharge.png) 7px 2px no-repeat;}
ul.ttbl li li.recharge ul, ul.ttbl li li.discharge ul, ul.ttbl li li.munch ul { height:100%; padding:0 42px 0 12px; border-left: 2px solid #A5A8AF; background:url(../img/design/xmas-dots.png) 0 0 repeat;}
ul.ttbl li li.recharge ul li, ul.ttbl li li.discharge ul li, ul.ttbl li li.munch ul li { height:100%; font: 22px 'ProximaNovaRegular', Arial, Helvetica, sans-serif; border-bottom:none; }
ul.ttbl li li.recharge ul li span, ul.ttbl li li.recharge ul li span strong, ul.ttbl li li.discharge ul li span, ul.ttbl li li.discharge ul li span strong,  ul.ttbl li li.munch ul li span, ul.ttbl li li.munch ul li span strong  { display: inline-block; height:100%;  line-height:45px;}
 
 
ul.ttbl li li.discharge {background:url(../img/design/icons/discharge.png) 7px 2px no-repeat;}
ul.ttbl li li.munch {background:url(../img/design/icons/cake.png) 7px 2px no-repeat;}
ul.ttbl li.big li.last ul {background:none !important;}

ul.ttbl li li span.time {  float:right; width:163px; padding:0 30px 0 5px; font-size:30px;  text-align: left;}

ul.ttbl li li.recharge span.time,ul.ttbl li li.discharge span.time,ul.ttbl li li.munch span.time { padding: 0 0 0 5px ;}

span.route-num { display:block; float:left; height: 100%; padding: 0 0 0 12px; border-left: 2px dashed red; color:#D60A16; font: 40px 'ProximaNovaSemibold', Arial, Helvetica, sans-serif;  }
span.time-slot { display:block; float:right; width:200px; height:100%; padding: 0 0 0 70px; background:url(../img/design/clock.png) 0 10px no-repeat; color:#D60A16; font: 40px 'ProximaNovaSemibold', Arial, Helvetica, sans-serif; }

li.big ul { background:url(../img/design/top-snow-pile-1.png) 100% 6px no-repeat;}
li.small ul { background:url(../img/design/top-snow-pile-2.png) 0 0 no-repeat;}
li.big ul ul, li.small ul ul { background:none; border-left: 2px solid #A5A8AF;}

ul.ttbl li strong { font-family: 'ProximaNovaSemibold', Arial, Helvetica, sans-serif;} 

ul.ttbl li li.presents { background:url(../img/design/icons/present.png) 7px 2px no-repeat;}

ul.ttbl li li.presents li { clear:both;}
ul.ttbl li li.presents ul { padding:0 0 8px 12px;}
ul.ttbl li.small li.presents ul{ padding:0 0 0 12px;}
ul.ttbl li li.presents ul li { height:46px; line-height:46px; padding:0; width:100%;} 
ul.ttbl li li.presents ul li.last { border-bottom: none;}
ul.ttbl li li.presents li.user-address { background:url(../img/design/low-priority.png) 0 3px no-repeat;}



/* 05.Images */
img { }
a img { border: none; }
/* 06.Semantic */
strong.time { color:#4B515F; }
strong.see-you { display:inline-block; margin:20px 0; width: 198px; height:29px; background:url(../img/design/see-you-all-in-2012.png) 0 0 no-repeat; text-indent:-9999px;}
/* 07.Non-semantic and Presentational */
span { }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.hidden { display: none; }
.clear { clear: both; display:block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }

/* 08. Tables */
table {}
th { }
td { }
/* 09.Widgets */
form { }
fieldset { margin: 0; padding: 0; border: none; } 
fieldset.enter-address-form { float:left; width:217px; min-height:138px; padding: 96px 0 0 0;  background:url(../img/design/enter-address-form-bgrd.png) 0 0 no-repeat; text-align:center;}
fieldset.enter-address-form label { display:none; } 
fieldset.enter-address-form input { display:block; width: 111px; height: 27px;  padding: 0px 50px 2px 8px; border:none; background:url(../img/design/address-field-back.png) 0 0 no-repeat; color:#B1B4BD; font: 15px 'ProximaNovaSemibold', Arial, Helvetica, sans-serif; }

fieldset.enter-address-form input.button { display:block; position:absolute; right:28px; top: 0;  width:54px; height:27px; padding:0; border:none; background:url(../img/design/bo-butt.png) 0 0 no-repeat; text-indent:-99999px; cursor: pointer; outline:none; 
-webkit-transition: all 0.2s ease-in-out; 
-moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
}


p.find-out { font:15px 'ProximaNovaSemibold', Arial, Helvetica, sans-serif; text-shadow: 0 0 3px #fff; } 
p.credits { float:left; width:217px; position:absolute; bottom:16px; left:26px; font:10px 'ProximaNovaSemibold', Arial, Helvetica, sans-serif; text-align:center; line-height: 12px;}
p.credits a { color:#D60A16; text-decoration:none;}
p.credits a.tweet, p.credits a.share { display: inline-block; width: 21px; height:22px; margin-bottom: 5px; background:url(../img/design/social-icons.png) 0 0 no-repeat; text-indent: -9999px;}
p.credits a.tweet:hover { background-position:0 -22px;}
p.credits a.share { background-position: -21px 0;}
p.credits a.share:hover { background-position: -21px -22px;}
.section p.credits  { position:absolute; left:-150px; bottom 40px;}


p.address-field { position: relative; padding:0 0 0 28px;}

legend { }
label { }
input { }
input[type="text"] { }
textarea { }
select { }
optgroup { }
option { }
input[type="checkbox"], input.checkbox { }
input[type="radio"], input.radio { }
input[type="file"], input.file { }
button { }
input[type="submit"], input.submit { }
input:focus, select:focus, option:focus, textarea:focus { }
/* 10.Links */
a:link, a:visited, a:hover, a:focus, a:active { color: #D60A16; text-decoration: none; outline: none; }
a:hover { color: #CC3333; text-decoration: underline; }
a:focus, a:active { }

a.click-here { display:inline-block; width:218px; height:29px; background:url(../img/design/click-here.png) 0 0 no-repeat; text-indent:-9999px; 
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	-webkit-perspective: 1000;
}

a.slideright {
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
}
a.slideright:hover {
	-webkit-transform: translate(20px, 0pt);
	-moz-transform: translate(20px, 0pt);
	-o-transform: translate(20px, 0pt);
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
}

input.slideright {
/* -webkit-transform-style: preserve-3d;
 -webkit-perspective: 1000;*/
 -webkit-backface-visibility: hidden;
}


input.slideright:hover {
-webkit-transform: translate(8px, 0pt);
 -moz-transform: translate(8px, 0pt);
 -o-transform: translate(8px, 0pt);
 -webkit-perspective: 1000;
 -webkit-backface-visibility: hidden;
}



a.santa {
	display:block; 
	/*-webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);*/
	 margin-top: 10px;
	-webkit-transition: all 0.1s ease-in-out;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
}



a.santa-over {
	/*-webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);*/
	margin-top: 0;
	-webkit-backface-visibility: hidden;
} 


a.crow {
	display:block;
	cursor:default; 
	/*-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-webkit-perspective: 1000;
	-webkit-transition: all 0.1s ease-in-out;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;*/
	width: 14px; 
	height: 9px;
	text-decoration: none;
	background: url("../img/design/crow.png");
}

/*
a.crow:hover {
		-webkit-transform: rotate(70deg);
		-webkit-transform-origin: 20% 90%;
		-moz-transform: rotate(70deg);
		-moz-transform-origin: 35% 90%;
		-o-transform: rotate(70deg);
		-o-transform-origin: 35% 90%;
		-ms-transform: rotate(70deg);
		-ms-transform-origin: 35% 90%;
	  background-position: 0 0;		
}*/

div.lights{
	z-index:1;
	position:absolute; 
	bottom:650px; 
	right:60px; display:block; width: 490px; height: 91px;
	background:url(../img/design/xmas_lights.gif) 0 0 no-repeat;
	outline:none;
}

.santa-hand a { 
z-index:1000;
position:absolute; 
bottom:50px; 
right:-140px; display:inline-block; opacity:0; width: 101px; height: 35px; background:url(../img/design/next.png) 0 0 no-repeat; text-indent:-9999px; outline:none; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
 }
a.see_you {
	display: inline-block;
	margin: 20px 0;
	width: 198px;
	height: 29px;
	background:url(../img/design/see-you-all-in-2012.png) 0 0 no-repeat;
	text-indent:-9999px;
}

.merry-xmas .social a.tweet { display:inline-block; width: 63px; height:20px; padding:74px 0 0 0; background:url(../img/design/social-icons-twitter.png) 0 0 no-repeat; font: 11px 'ProximaNovaSemibold', Arial, Helvetica, sans-serif; text-align:center; color:#4B525F; text-decoration:none; }
.merry-xmas .social a.tweet:hover { background-position:-63px 0;}
.merry-xmas .social a.share { display:inline-block; width: 63px; height:20px; padding:74px 0 0 0; background:url(../img/design/social-icons-fb.png) 0 0 no-repeat; font: 11px 'ProximaNovaSemibold', Arial, Helvetica, sans-serif; text-align:center; color:#4B525F; text-decoration:none;}
.merry-xmas .social a.share:hover { background-position:-63px 0;}

.section-wrap { width:100%; position:absolute; height:auto;}
.section-wrap section { float:right;} 
.section-wrap p.credits {  float:left; position:absolute; bottom: 20px; width:60px;}