/* AVAILABILITY CALENDAR
====================================== */
#availabilityContainer {clear:both;cursor:default; display:block; height:auto;padding:0;margin:0 auto 0px auto;width:100%;z-index:4;}
#availabilityContainer h1{margin:0;padding:0;height:0}
#availabilityContainer .iBox{margin:0;padding:0;}

#availabilityCalendar {clear:both;display:block;width:100%;padding:0;margin:0 auto 8px;overflow:hidden;}
/* ie6 hack */ /* * html #availabilityCalendar { margin-left:-2px;} */


.calContent{background: #FFF url(#../images/upshade.png) 0 bottom repeat-x;border: solid 0px #CCC;padding: 0 0 8px;}
.availabilityCalendarPanel {clear:both;display:block;float:left;width:100%;}
.availabilityCalendar,
.overviewCalendar {display:block;height:auto;margin:0 auto 16px auto;padding:0 0 0 6px;width:auto;background: transparent url(../images/bghordiv.gif) 0 0 repeat-x;  }
div.availabilityDays,
li.CalMonth{ background:transparent; width:326px; display:block; float:left; height:auto }   
li.CalMonth{ margin: 12px 19px 10px 5px; padding-bottom:2px; font-size:14px; font-weight:bold; height:240px}
.overviewDays{width:100%;}
div#overviewCalendar div.CalMonth{font-size:14px;font-weight:bold;padding:12px 2px 0; clear:left;/*background: #FFF;*/}

div.availabilityDays span,
div.availabilityCalendar span { background: #F4F4F4; color: #BBB; display: block; float: left; 
                                font-size: 10px; height: 28px; line-height:14px; 
                                margin: 2px 0px 0px 2px; padding:0; text-align:center; vertical-align:top; 
                                width: 43px; border: solid 1px #EEE; border-left:none; border-top:none;}
div.overviewDays li,
div.overviewCalendar li {background:#F4F4F4;color:#BBB;display:block;float:left; 
                                font-size: 10px; height: 16px; line-height:16px; 
                                margin: 1px 0px 0px 1px; padding:0; text-align:center; vertical-align:top; 
                                width: 18px; border:none;overflow:hidden;}

div.CalProds {}
div.CalProds em{ font-style:normal; margin:0 3px 0 8px}
div.productName{margin:0;clear:both;padding:3px 0 0}

div.availabilityDays span {background:#CCC;color:#444;border:solid 1px #BBB;border-left:none;border-top:none;}
div.overviewDays li {background:#F4F4F4;}
    
div.availabilityCalendar span.ava a {color:#555;cursor:pointer;display:block;height:100%;text-decoration:none;}
div.availabilityCalendar span:first-line,
div.availabilityCalendar span.ava a:first-line, 
div.availabilityCalendar span.una:first-line {font-size:12px;font-weight:bold;}
div.availabilityCalendar span.ava a:hover,
div.availabilityCalendar span.ava.sel a:hover{background-color:#006600;color:#FFF;}
div.availabilityCalendar span.ava{background:#24AA1D;}
div.availabilityCalendar span.ava a{color:#FFF}
div.availabilityCalendar span.una{ background:#B1F274; color:#555}
div.availabilityCalendar span.sres{ background:#FE3636;}
div.availabilityCalendar span.sel{ background:#FFA940;color:#FFF}
div.availabilityCalendar span.ava.sel a{ background:#FF8C00;color:#FFF}

div.description{ font-size:10px;}
div.description span.color {background:#ECECEC;border:solid 1px #EDEDED;float:left;height:11px;margin:0 3px 0 5px;width:11px;}
div.description span.ava,
div.description span.una,
div.description span.res,
div.description span.ar,
div.description span.rr,
div.overviewCalendar li { background-color:#EEE; background-image: url(../images/states.png);background-position: -60px 0px;background-repeat:no-repeat;}

div.overviewCalendar li a {background:transparent;font-size: 16px;color:#000;cursor:pointer;display:block;height:100%;text-decoration:none;}
div.overviewCalendar li.ava,
div.overviewCalendar li.av {background:#24AA1D;background-position: 0px -82px}
div.overviewCalendar li.ah {background-position: -140px -42px}
div.overviewCalendar li.ar {background-position: -140px -62px}
div.overviewCalendar li.au {background-position: -140px -82px}
div.overviewCalendar li.bh {background-position: -60px -42px}
div.overviewCalendar li.ba {background-position: -60px -82px}
div.overviewCalendar li.bu {background-position: -60px -22px}
div.overviewCalendar li.br {background-position: -60px -62px}
div.overviewCalendar li.ha {background-position: -100px -82px}
div.overviewCalendar li.ho {background-position: -100px -42px}
div.overviewCalendar li.hu {background-position: -100px -22px}
div.overviewCalendar li.hr {background-position: -100px -2px}
div.overviewCalendar li.hh {background-position: -40px -42px}
div.overviewCalendar li.una,
div.overviewCalendar li.un {background-position: -80px -22px}
div.overviewCalendar li.uh {background-position: -80px -42px}
div.overviewCalendar li.ur {background-position: -80px -62px}
div.overviewCalendar li.rh {background-position: -120px -62px}
div.overviewCalendar li.ra {background-position: -120px -82px}
div.overviewCalendar li.res,
div.overviewCalendar li.re {background-position: -120px -62px}
div.overviewCalendar li.sres,
div.overviewCalendar li.rr {background-position: -140px -62px}
div.overviewCalendar li.ru {background-position: -120px -22px}
div.overviewCalendar li.ava a:hover{/*background-position: -140px -82px;*/background:#006600;}
/*div.overviewCalendar li.sel:first-child{margin-left:1px;width:18px}*/
div.overviewCalendar li.sel{ background:#FFC630;color:#FFF;/*border-left:1px solid #FFA940;*/width:19px;margin-left:0px}

div.overviewCalendar li.sel:hover{ background:#FF7F00;}
div.overviewDays li {background:#D1D1D1;color:#717171;}
div.overviewDays li.markDay{ background:#A4A4A4;color:#FFF;}
div.overviewCalendar li.ava:hover,div.overviewCalendar li.sel:hover{
/*-webkit-transform: scale(1.33);
-moz-transform: scale(1.33);
position: relative;
z-index: 5;-moz-box-shadow: 0px 0px 4px #999;-webkit-box-shadow: 0px 0px 4px #999;-box-shadow: 0px 0px 4px #999;*/background:#006600;}
div.description {border-top:solid 1px #CCC;display:block;margin:20px 0px 0px;padding:6px 0 12px; clear:both}
div.description div {display:block;float:left; color:#717171}
div.description span.ava{background-position: 0px -82px}
div.description span.una{background-position: -80px -22px}
div.description span.res{background-position: -120px -62px}
div.description span.ar{background-position: -80px -69px}
div.description span.rr{background-position: -100px -42px}

/* TOOLTIP */ 
.tooltip { display:none;background:url(../images/white.png) center bottom no-repeat;height:49px;padding:30px 0px 30px 15px;width:189px;font-size:12px;color:#222;z-index:999;text-align:left;} 
.tooltip .label {color:yellow;width:35px;} 
div.overviewCalendar li div.tooltip a {height:auto;color:#D02329;font-size:12px; text-decoration:underline;}
div.overviewCalendar li div.tooltip a:hover { text-decoration:none}

.calHead{background:#FFF url(../images/upshade.png) 0 bottom repeat-x;border-bottom: solid 1px #CCC;display:block;margin:5px 0 0;height:50px;}
.calHead .buttons{float:right;font-size:12px; margin: 10px 10px 0 0}
.periodSelect { float:left;clear:none; display:block;padding: 10px 10px 0; }
.periodSelect span {font-weight:bold; margin-right:4px;/*background:transparent;border:none;  float:left;margin:0;padding:0;width:auto;*/}
.periodSelect select {/*float:left;margin:4px 4px 0;*/}

/*
.CalendarNavigateBox{float:left;}
.CalendarNavigate{background:transparent url(../images/month_select.png) 0 0 no-repeat;float:left; display:block; height:29px;margin:10px 0 0;padding:0;}

.MonthSelect{margin:0px 0 0;padding:0;display:block;float:left;}
.MonthSelect input{ background:transparent;border:none;font-size:14px;font-weight:bold;line-height:28px;}
*/

/* BUTTONS */
.searchButton{ visibility:hidden;display:none}
.buttons {float:right;margin:0;padding:0;width:auto;}
.buttons span{background:transparent;display:block;float:left;margin-left:4px;padding:0;}
span.button, 
span.button a, 
span.button:active a {background-image: url(../images/button4.png); background-repeat: no-repeat; background-attachment: scroll;}
span.button {background-position:right 0;margin-left:8px;display:block;}
span.button a, 
span.button:active a {background-position:0 0;color:#414141;display:block;padding:0px 9px 0 8px; line-height:24px;text-decoration:none}

span.button:hover {background-position:right -24px}
span.button:hover a{background-position:0 -24px;color:#707F89}


span.CalPrevButton,
span.CalNextButton,
span.CalPrevButton a,
span.CalNextButton a,
span.CalPrevButton:active a,
span.CalNextButton:active a{background-image: url(../images/calnav.png); background-repeat: no-repeat; background-attachment: scroll; height:24px;margin:0;padding:0;float:left;display:block}
span.CalNextButton,
span.CalPrevButton{margin-left:8px}
span.CalPrevButton{background-position: right top;}
span.CalPrevButton a,
span.CalPrevButton:active a{background-position:left 0; color:#FFF; font-size:11px; display:block;height:24px;margin:0;padding:0 8px 0 14px;}
span.CalNextButton{background-position: right -25px;}
span.CalNextButton a,
span.CalNextButton:active a{background-position:left -25px; color:#FFF; font-size:11px;display:block;height:24px; margin:0;padding:0 14px 0 8px;}

span.CalPrevButton:hover{background-position: right -50px;}
span.CalPrevButton:hover a{background-position:left -50px; color:#FFF;}
span.CalNextButton:hover{background-position: right -75px;}
span.CalNextButton:hover a{background-position:left -75px; color:#FFF;}




#qsContainer span.button, 
#AddonsContainer span.button,
span.button.continue{background-position: right -48px;}
#qsContainer span.button a, 
#qsContainer span.button:active a, 
#AddonsContainer span.button a,
span.button.continue a{background-position: 0 -48px;color:#FFF;font-weight:bold;font-size:12px;}
#qsContainer span.button:hover, 
#AddonsContainer span.button:hover, 
span.button.continue:hover{background-position: right -72px;}
#qsContainer span.button:hover a, 
#AddonsContainer span.button:hover a, 
span.button.continue:hover a{background-position: 0 -72px;}
#qsContainer span.button a, 
#AddonsContainer span.button a{text-transform:uppercase}

.collapseButton {background:transparent;cursor:pointer;float:right;font-size:12px;padding-left:8px;}    
.collapseButton span {color:#444;text-decoration:none;}
.collapseButton img {background:transparent;vertical-align:middle;}
.collapseButton span:hover{color:#D02329;}

#qsContainer .buttons{padding: 0 5px 5px;}
#qsContainer .collapseButton {border-bottom:solid 1px #EAEAEA;clear:both;float:left;font-size:12px;font-weight:bold;padding:0;margin:5px 0 0 -3px;text-indent:5px;line-height:26px;width:220px;}
#qsContainer .collapseButton span{text-decoration:none;float:left; }
#qsContainer .collapseButton img{ vertical-align:middle;float:left;margin:7px 0px 0 3px} 
/* AddCart Button */
span.button.AddCart {background-position: right -144px;}
span.button.AddCart a {background-position: 0 -144px;color:#222;font-weight:bold;font-size:12px;}
span.button.AddCart:hover {background-position: right -168px;}
span.button.AddCart:hover a{background-position: 0 -168px;color:#996611;}


.SavedOk{background:#E9FAD0 url(../../../images/ok.png) 5px center no-repeat;border:solid 1px #AEE756;color:#666;display:block;margin:4px;padding:8px 8px 8px 30px;}