@charset "utf-8";

/* Loader layer. To obfuscate elements as JS rendering is applied */
DIV#ctr-loader{position:absolute;top:0;left:0;width:100%;overflow:hidden;z-index:99;}
DIV#loader{position:relative;width:980px;margin:76px auto 0;background:url('../../images/christmas/ajax-loader.gif') center 250px no-repeat #fff;}

/* Some z-indexing to make sure that things like select boxes behave */
DIV#pageContent{position:relative;z-index:1;}
DIV#mycarousel{z-index:0;}
DIV.dd1{z-index:99;}
DIV.dd2{z-index:98;}

/* These cannot have overflow hidden, otherwise the dropdowns will appear to be cut off. */
DIV.panel-358-mid,
DIV.panel-946-mid,
DIV#menuContainer{overflow:visible;}

/* Adding pos relative here so I can absolutely position my loader. */
DIV#mainContent{position:relative;}

/* Header */
DIV#pageHeader{position:relative;}
h1#lnl-logo{position:absolute; top:0; left:0; width:500px; height:76px; margin:0; padding:0;}
h1#lnl-logo A IMG{border:none;display:block;}

DIV#need-help{position:absolute; top:0; left:632px; width:348px; height:76px;}
DIV#need-help IMG{display:block;}

/* Footer */
DIV#ctr-ftr{width:894px;margin:0;padding:25px 43px;background:#111;}
DIV#ctr-ftr P{margin:0;padding:0 0 8px 0;color:#878787;}
DIV#ctr-ftr P.nomargin{padding:0;}
DIV#ctr-ftr A{color:#878787;text-decoration:none;}

/* Step 1 */
DIV.ctr-fields-step1{width:318px;margin:0 0 7px;}
DIV.ctr-fields-step1 LABEL{float:left;width:114px;margin:5px 9px 0 0;font-size:1.2em;text-align:right;text-transform:uppercase;}
DIV.ctr-fields-step1 DIV.select-type1,
DIV.ctr-fields-step1 DIV.select-type3{float:left;width:189px;}
DIV.panel-358-mid DIV.last{padding:0 0 9px;}
DIV.panel-358-mid P.prevNext{width:311px;margin:0;}
INPUT#btn-next{width:47px;height:13px;text-indent:-9999px;letter-spacing:-999px;background:url('../../images/christmas/btn-next.png');border:none;display:block;overflow:hidden;cursor:pointer;}
DIV.panel-358-bot{margin:0 0 32px;}

/* Step 1.5 */
DIV#ctr-search-results{width:320px;background:url('../../images/christmas/ctr-search-results-bg.png');}
DIV#ctr-search-results H3{width:300px;margin:0;padding:10px 10px 5px 10px;color:#fff;font-size:1.4em;font-weight:normal;background:url('../../images/christmas/ctr-search-results-top.png') 0 0 no-repeat;}
DIV#ctr-search-results P{width:300px;margin:0;padding:0 10px 44px 10px;color:#fff;font-size:1.1em;background:url('../../images/christmas/ctr-search-results-btm.png') 0 bottom no-repeat;}

/* Step 4 */
DIV#ctr-calendar-opts{position:absolute;bottom:6px;left:10px;width:559px;}
DIV.calendar-opts{position:relative;float:left;height:29px;margin:0 6px 0 0;background:url('../../images/christmas/calendar-opts-bg.png') right 0 no-repeat;}
DIV.calendar-opts LABEL{float:left;height:22px;padding:7px 0 0 10px;color:#fff;font-size:1.2em;text-transform:uppercase;background:url('../../images/christmas/calendar-opts-bg.png') left 0 no-repeat;}
DIV.calendar-opts DIV.select-type2{float:left;width:66px;margin:3px 2px 0 6px;}
DIV.calendar-opts DIV.text-type1{float:left;width:36px;margin:3px 2px 0 16px;}
DIV#ctr-confirm-18{float:left;width:160px;margin:1px 0 0;padding:0 0 0 14px;}
DIV#ctr-confirm-18 LABEL{float:left;width:139px;margin:1px 0 0;font-size:1.1em;}

/* Obfuscation layer to prevent people from clicking the select box */
DIV.obfuscate{position:absolute;top:0;left:0;height:29px;overflow:hidden;z-index:9000;}
DIV.calendar-loading{position:absolute;width:100%;height:100%;background:url('../../images/christmas/ajax-loader-calendar.gif') center center no-repeat #F1E4F0;}
DIV.calendar-cell-wrap{position:relative;}

/* Step 5 */
DIV.ctr-extras{width:315px;margin:0 0 30px 0;}
DIV.ctr-extras DIV{width:144px;margin:0 0 8px 0;}
DIV.ctr-extras LABEL{width:202px;margin:1px 0 0;font-size:1.2em;}

/* Step 6 */
DIV.ctr-details{width:286px;margin:0 0 20px;}
DIV.ctr-details DIV.row{width:286px;margin:0 0 8px 0;}
DIV.ctr-details LABEL{float:left;width:100px;margin:4px 20px 0 0;font-size:1.2em;}
DIV.ctr-details DIV.text-type2{float:left;width:156px;}

/* 
 * Form elements. The fields are all replaced dynamically with JS
 *
 */

/* Input type=text */
DIV.type-text{position:relative;height:23px;background:url('../../images/christmas/form-type-text.png') right 0;}
DIV.type-text SPAN{position:relative;float:left;width:10px;height:23px;margin:0 0 0 -10px;background:url('../../images/christmas/form-type-text.png') 0 0;display:inline;}
DIV.type-text INPUT{float:left;height:23px;padding:0 10px 0 0;font:1.1em Arial, Helvetica, sans-serif;line-height:1em;background:none;border:0;}
DIV.type-text INPUT:focus{outline:none;}

/* Specific Input type=text styles */
DIV.text-type1 DIV.type-text{width:36px;}
DIV.text-type1 DIV.type-text INPUT{width:26px;}

DIV.text-type2 DIV.type-text{width:166px;}
DIV.text-type2 DIV.type-text INPUT{width:156px;}

/* Input type=radio */
SPAN.type-radio{width:18px;height:17px;margin:0 10px 0 0;background:url('../img/form-type-radio.png');display:block;overflow:hidden;}
SPAN.radio-checked{background-position:0 -17px;}

/* Input type=checkbox */
SPAN.type-checkbox{width:14px;height:14px;background:url(../../images/christmas/form-type-checkbox.png) no-repeat;display:block;overflow:hidden;}
SPAN.checkbox-checked{background-position:0 -14px;}

/* Specific Input type=checkbox styles */
DIV#ctr-confirm-18 SPAN.type-checkbox,
DIV.ctr-extras SPAN.type-checkbox{float:left;margin:0 5px 0 0;}

/* Textarea */
DIV.textarea{position:relative;height:79px;padding:0 15px 0 0;background:url('../img/form-textarea.png');}
DIV.textarea:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
DIV.textarea SPAN{float:left;width:15px;height:79px;background:url('../img/form-textarea.png');}
DIV.textarea DIV.ctr-textarea{float:left;height:79px;overflow:hidden;}
DIV.textarea textarea{width:400px;height:67px;padding:6px 0;font:0.9em Arial, Helvetica, sans-serif;background:none;border:0;overflow:auto;}

/* Select */
DIV.select-box{position:relative;}
DIV.select-box DIV.ctr-txt{position:absolute;z-index:2;}
DIV.select-box DIV.ctr-txt:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
DIV.select-box SPAN.left-bg{float:left;overflow:hidden;}
DIV.select-box DIV.txt{float:left;overflow:hidden;cursor:default;outline:none;}
DIV.select-box DIV.viewport{position:absolute;left:0;z-index:1;overflow:hidden;visibility:hidden;outline:none;}
DIV.select-box DIV.ctr-dropdown{position:absolute;left:0;outline:none;}
DIV.select-box UL{position:relative;list-style:none;overflow:auto;}
DIV.select-box LI{position:relative;border-bottom:1px solid #ececec;}
DIV.select-box LI.last{border-bottom:none;}
DIV.select-box LI SPAN{position:relative;color:#2f2f2f;text-decoration:none;display:block;cursor:default;}
DIV.select-box LI SPAN.selected, DIV.select-box LI SPAN.hover{background:#ececec;}

/* Specific Select styles */
DIV.select-type1, 
DIV.select-type2,
DIV.select-type3{position:relative;}
DIV.select-type1 DIV.select-box, 
DIV.select-type3 DIV.select-box{width:189px;height:23px;}
DIV.select-type1 DIV.select-box SPAN.left-bg,
DIV.select-type2 DIV.select-box SPAN.left-bg,
DIV.select-type3 DIV.select-box SPAN.left-bg{width:10px;height:23px;background:url('../../images/christmas/form-select-type1.png') 0 0;}
DIV.select-type1 DIV.select-box DIV.txt,
DIV.select-type3 DIV.select-box DIV.txt{width:154px;height:18px;padding:5px 25px 0 0;color:#1a1a1a;font-size:1.1em;background:url('../../images/christmas/form-select-type1.png') right 0;}
DIV.select-type1 DIV.select-box DIV.viewport,
DIV.select-type2 DIV.select-box DIV.viewport{height:70px;}
DIV.select-type1 DIV.select-box DIV.ctr-dropdown,
DIV.select-type3 DIV.select-box DIV.ctr-dropdown{background:url('../../images/christmas/form-select-type1-dropdown-btm.png') 0 bottom no-repeat;}
DIV.select-type1 DIV.select-box DIV.dropdown,
DIV.select-type3 DIV.select-box DIV.dropdown{padding:15px 0 0;background:url('../../images/christmas/form-select-type1-dropdown.png');}
DIV.select-type1 DIV.select-box UL{width:185px;height:49px;margin:0 0 0 4px;padding:0;font-size:1.1em;}
DIV.select-type1 DIV.select-box LI,
DIV.select-type3 DIV.select-box LI{width:185px;}
DIV.select-type1 DIV.select-box LI SPAN,
DIV.select-type3 DIV.select-box LI SPAN{width:173px;margin:-1px 0;padding:6px;}

DIV.select-type2 DIV.select-box{width:66px;height:23px;}
DIV.select-type2 DIV.select-box DIV.txt{width:31px;height:18px;padding:5px 25px 0 0;color:#1a1a1a;font-size:1.1em;background:url('../../images/christmas/form-select-type1.png') right 0;}
DIV.select-type2 DIV.select-box DIV.viewport{height:150px;}
DIV.select-type2 DIV.select-box DIV.ctr-dropdown{background:url('../../images/christmas/form-select-type2-dropdown-btm.png') 0 bottom no-repeat;}
DIV.select-type2 DIV.select-box DIV.dropdown{padding:15px 0 0;background:url('../../images/christmas/form-select-type2-dropdown.png');}
DIV.select-type2 DIV.select-box UL{width:62px;height:129px;margin:0 0 0 4px;padding:0;font-size:1.1em;}
DIV.select-type2 DIV.select-box LI{width:62px;}
DIV.select-type2 DIV.select-box LI SPAN{width:50px;margin:-1px 0;padding:6px;}

DIV.select-type3 DIV.select-box DIV.viewport{height:120px;}
DIV.select-type3 DIV.select-box UL{width:185px;height:99px;margin:0 0 0 4px;padding:0;font-size:1.1em;}

/* dynamic element used for measuring the width of text in select boxes */
DIV.select-box DIV.ruler{visibility:hidden;white-space:nowrap;display:inline;}

DIV.hidden{height:0;overflow:hidden;visibility:hidden;}

/* 
 * Error handling
 *
 */
  
/* Input type=text */
DIV.ctr-errors{background:url('../../images/christmas/bg-errors.png') 0 bottom no-repeat;margin:0 0 0 8px; padding:0 0 10px;}
DIV.ctr-errors H4{background:url('../../images/christmas/bg-errors.png') 0 0 no-repeat;height:20px;margin:0 0 8px 0;padding:9px 0 0 9px;color:#fff;line-height:1em;text-transform:uppercase;}
DIV.ctr-errors UL{margin:0;padding:0;list-style:none;color:#be00ab;}
DIV.ctr-errors LI{margin:0 0 3px 9px;}

DIV.calendar-errors{width:278px;}

DIV.type-text-error DIV.type-text{background-position:right -23px;}
DIV.type-text-error DIV.type-text SPAN{background-position:0 -23px;}
DIV.type-text-error DIV.type-text INPUT{color:#be00ab;}

/* jScrollPane CSS */
DIV.select-box .jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;outline:none;}
DIV.select-box .jScrollPaneTrack{position:absolute;right:0;top:0;height:100%;background:url('../../images/christmas/jscrollpane-track-bg.png');z-index:0;}
DIV#calendarContainer DIV.select-box .jScrollPaneTrack{background:url('../../images/christmas/jscrollpane-track-bg.png');}
DIV.select-box .jScrollPaneTrackTop{position:absolute;top:0;right:0;height:3px;background:url('../../images/christmas/jscrollpane-track-top.png');overflow:hidden;z-index:1;}
DIV.select-box .jScrollPaneTrackBottom{position:absolute;bottom:0;right:0;height:3px;background:url('../../images/christmas/jscrollpane-track-btm.png');overflow:hidden;z-index:1;}
DIV.select-box .jScrollPaneDrag{position:absolute;background:url('../../images/christmas/jscrollpane-drag-bg.png');overflow:hidden;z-index:2;}
DIV#calendarContainer DIV.select-box .jScrollPaneDrag{background:url('../../images/christmas/jscrollpane-drag-bg.png');}
DIV.select-box .jScrollPaneDragTop{position:absolute;top:0;left:0;height:4px;background:url('../../images/christmas/jscrollpane-drag-top.png');overflow:hidden;}
DIV.select-box .jScrollPaneDragBottom{position:absolute;bottom:0;left:0;height:4px;background:url('../../images/christmas/jscrollpane-drag-btm.png');overflow:hidden;}

/* Clearfixed elements */
DIV.type-text:after,
DIV.ctr-fields-step1:after,
DIV.panel-358-mid P.prevNext:after,
DIV.panel-358-mid:after,
DIV.panel-946-mid:after,
DIV#ctr-calendar-opts:after,
DIV.calendar-opts:after,
DIV#ctr-confirm-18:after,
DIV.ctr-extras DIV:after,
DIV.ctr-details DIV:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
