@import url("fmSkin.css");

p.conditions{
float: right;
text-align: right;
margin-top: 100px;
}
p.conditions_top{margin-top:15px;text-align: rigth;float:none;}
.conditions_top_wrap{
	display:block;
	height:75px;
	overflow:hidden;
}

div#taxonomies, div#details{
/*margin-top: 0.8em;*/
float: left;
margin-bottom: 0.8em;
}

div#taxonomies h4, div#details h4{
font-size: 1.3em;
color: #C5D1E3;
width: 300px;
float: left;
padding-bottom: 0.6em;
}

div#taxonomies a.button1, div#details a.button1{
float: right;

}

div#taxonomies ul, div#details ul{
background: #F3F4F9;
width: 94%;
float: left;
padding: 2% 3% 2% 3%;
}
div#taxonomies ul{list-style-position:inside;}

div#details ul{
list-style: none;
}

div#details em{
font-weight: bold;
font-style: normal;
}

div#taxonomies ul li{
padding: 4px 0;
}

#booking-progress, #booking-progress2{
display: block;
width: 910px;
height: 50px;
border: 1px solid #ADB7C6;
margin-bottom: 5px;
overflow:hidden
}

#booking-progress2{
	width: 364px;
}

#booking-progress:after, #booking-progress2:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#booking-progress ol, #booking-progress2 ol{
list-style: none;
display: block;
width: 100%;
height: 50px;

}

#booking-progress ol li, #booking-progress2 ol li{
background: url(../images/progress2.png) no-repeat top left;
display: block;
width: 192px;
float: left;
clear: none;
color: #003970;
text-transform: uppercase;
font-size: 1.2em;
padding: 7px 10px 15px 24px; /* added by dev. ori: padding: 15px 10px 15px 24px; */
margin-right: -25px;
margin-left: -20px;
z-index: 100;
cursor:pointer;		/* added by dev */
}


#booking-progress ol li.ok, #booking-progress2 ol li.ok{
background: url(../images/progress2ok.png) no-repeat top left;
color: #fff;
z-index: 10;
}
#booking-progress ol li.ok.blue{
background: url(../images/booking-progress2back.png) no-repeat top left;
}

#booking-progress ol li#progress1, #booking-progress2 ol li#progress1{
background: url(../images/progress1ok.png) no-repeat top left;
width: 172px;
margin-left: 0px;
z-index: 10;
padding: 7px 6px 15px 11px; /*added by dev. ori: padding: 15px 6px 15px 11px;*/
margin-right: 0px;
}
#booking-progress ol li#progress1.blue{
background: url(../images/booking-progress1back.png) no-repeat top left;
}

#booking-progress ol #progress2.ok, #booking-progress2 ol #progress2.ok{
z-index: 100;
background: url(../images/progress2ok.png) no-repeat  top left;
color: #fff;
}
#booking-progress ol #progress2.ok.blue{
background: url(../images/booking-progress2back.png) no-repeat top left;
}


#booking-progress ol li#progress5, #booking-progress2 ol li#progress5, #booking-progress2 ol li#progress2{
background: url(../images/progress5.png) no-repeat top right;
width: 162px;
padding-left: 34px;
margin-left: -28px;
}

#booking-progress ol li#progress5.ok, #booking-progress2 ol li#progress5.ok{
background: url(../images/progress5ok.png) no-repeat top right;
}


#booking-progress ol li span, #booking-progress2 ol li span{
color: #003970;
padding: 0px 15px 0px 10px;
font-size: 1.3em;
float:left;			/* added by dev */
padding-top:8px;	/* added by dev */
}
#booking-progress ol li table, #booking-progress2 ol li table{/* added by dev */
height:37px;
width:126px;
}
#booking-progress ol li table td, #booking-progress2 ol li table td{/* added by dev */
color: #003970;
text-transform: uppercase;
font-size: 1.2em;
}

#booking-progress ol li.ok span, #booking-progress2 ol li.ok span{
color: #99CC00;
}



#booking-progress.has365{}
#booking-progress.has365 li{}
#booking-progress.has365 li#progress1{width:144px;}
#booking-progress.has365 li#progress15{width:150px;}
#booking-progress.has365 li#progress2{width:150px;}
#booking-progress.has365 li#progress3{width:150px;}
#booking-progress.has365 li#progress4{width:165px;}
#booking-progress.has365 li#progress5{width:162px;}

#booking-progress.has365 ol li table{width:93px;}


/* BUTTON positioning */

a.button3{
display: block;
float: right;
margin-right: 15px;
margin-top: 10px;
}




/* ACCORDION */

#accordion{

}

a.accordion-title{
background: url(../images/puce1.gif) no-repeat center left;
color: #003970;
font-weight: bold;
font-size: 1.3em;
padding: 5px 0px 5px 20px;
margin: 5px 0;
line-height: 25px;


}

a.accordion-title.active{
background: url(../images/puce2.gif) no-repeat center left;
}
.accordion-nest{
background:transparent url(../images/separator1.gif) repeat-x left bottom;
padding-bottom:3px;
}
.accordion-content{
color: #000;
height: 2px;
overflow: hidden;
/*background:transparent url(../images/separator1.gif) repeat-x left bottom;*/
}
.accordion-nest-0 a.accordion-title{cursor:auto;}
.accordion-nest-0 a.accordion-title:hover{text-decoration:none;}

.visible{
display: block;
height: auto;
padding-bottom: 5px;
}


#accordion ul{
list-style: none;
margin-left: 20px;
margin-top: 5px;
}

#accordion ul li{
width: 370px;
float: left;
display: block;
margin:0px 0px 10px 60px;
}

#accordion ul li a img{
border: #C4CFE0 4px solid ;
margin: 0 5px 10px -60px;
float: left;
}

#accordion ul li a:hover img{
border: #99CC00 4px solid ;

}


#accordion h5{
font-size: 1em;
width: 260px;
float: left;
cursor:pointer;
}

.accordion-content ul li a.button1{
float: right;
clear: none;
top: 0px;
}

.col1 .accordion-content ul li p{ /* dev mod: #col1 -> .col1 */
float: left;
display: block;
width: 260px;
margin: 0 0;
padding: 5px 0;
}

.accordion-content ul li em{
display: block;
width: 260px;
font-style: normal;
font-weight: bold;
float: left
}



/* itemGroupList */
#content .itemGroupList{margin:0;padding:0;list-style:none;}
#content .itemGroupList li{font-size:16px;position:relative;}
#content .itemGroupList li.cart{background:#EEE;}
#content .itemGroupList li.cart span{padding:3px 0 3px 5px;}
#content .itemGroupList li.search{margin-bottom:5px;}
#content .itemGroupList li.search input{border:1px solid #CCC;padding:4px 2px 4px 23px;width:173px;background:transparent url(../images/magnifier_16.png) no-repeat 4px center;}
#content .itemGroupList li.hasChild span{font-weight:normal;background:transparent url(../images/itemGroup-hasChild_open.jpg) no-repeat right center;}
#content .itemGroupList li.hasChild.closed span{font-weight:normal;background:transparent url(../images/itemGroup-hasChild.jpg) no-repeat right center;}
/*#content .itemGroupList li.hasChild.open span{font-weight:bold;}*/
#wrap #content .itemGroupList li.noChild span{background:none;font-weight:normal;} 
#content .itemGroupList li span{display:block;padding:5px 0 5px 5px;border-bottom:1px solid #DDD;cursor:pointer;}
#content .itemGroupList li span span.r{border-bottom:none;position:absolute;right:5px;top:-1px;}
#content .itemGroupList li ul{margin-left:17px;list-style:none;}
#content .itemGroupList li ul li{border-bottom:none;font-size:14px;}
#content .itemGroupList li ul li span{border-bottom:none;padding:1px 0 0 5px;}


#content .itemList{}
#content .itemList li{width:160px;height:190px;border:1px solid #CCC;float:left;list-style:none;margin:0 10px 10px 0;position:relative;}
#content .itemList li.title{height:auto;width:678px;border:none;}
#content .itemList li.title h2{float:left;font-size:23px;}
#content .itemList li.title h2 a{color:#333;}
#content .itemList li.title h2 span{font-size:19px;color:#999;}
#content .itemList li.title .orderby{border-top:1px solid #CCC;clear:both;margin-top:5px;padding-top:5px;}
#content .itemList li.title .subcat{clear:both;}
#content .itemList li.title .list-style-toggler{float:right;border:1px solid #CCC;} 
#content .itemList li.title .list-style-toggler a{width:22px;height:22px;float:left;}
#content .itemList li.title .list-style-toggler .grid{background:transparent url(../images/list-style-grid.png) no-repeat center center;}
#content .itemList li.title .list-style-toggler .list{background:transparent url(../images/list-style-list.png) no-repeat center center;border-left:1px solid #CCC;}
#content .itemList li.title .subcat td{font-size:12px;}
#content .itemList li.title .subcat td.label{padding-right:5px;}
#content .itemList li.found-cats{font-size:15px;}
		
#content .itemList li .descr{height:146px;overflow:hidden;padding:7px;cursor:pointer;}
#content .itemList li .descr img{float:left;margin:0 5px 2px 0;}
#content .itemList li .descr h3{margin:0 0 7px 0;font-size:15px;font-weight:bold;line-height:20px;color:#000;}
#content .itemList li .bar{height:29px;overflow:hidden;border-top:1px solid #CCC;position:relative;}

#content .itemList li .bar .price{font-size: 18px;margin: 4px 0 0 7px;width: 60px;}
#content .itemList li .bar .cart{position:absolute;top:0;right:0;width:74px;text-align:right;}
	#content .itemList li .bar .buy{width:30px;height:30px;background:transparent url(../images/cart-24x24.png) no-repeat center center;cursor:pointer;float:right;}
	#content .itemList li .bar .qty{display:none;padding-top:3px;}
	#content .itemList li .bar .qty .minus{height:22px;width:15px;text-indent:99px;overflow:hidden;display:block;background:transparent url(../images/increment_icon_minus.png) no-repeat center center;float:left;}
	#content .itemList li .bar .qty input{padding:3px;border:1px solid #CCC;width:35px;float:left;}
	#content .itemList li .bar .qty .plus{height:22px;width:15px;text-indent:99px;overflow:hidden;display:block;background:transparent url(../images/increment_icon_plus.png) no-repeat center center;float:left;}

#content .itemList li.inCart .bar{background:#EEE;}
#content .itemList li.inCart .bar .cart .buy{display:none;}
#content .itemList li.inCart .bar .cart .qty{display:block;}

#content .compact .itemList li{width:676px;float:none;height:auto;border:none;border-bottom:1px solid #CCC;padding-bottom:0;margin-bottom:0;overflow:hidden;}
#content .compact .itemList li:hover{background:#DDD;}
#content .compact .itemList li.title:hover{background:transparent;}
#content .compact .itemList li.title{border:none;}
#content .compact .itemList li .descr{height:auto;padding:0;float:left;}
#content .compact .itemList li .descr h3{margin:0;font-size:15px;font-weight:bold;}
#content .compact .itemList li .descr .text{display:none;}
#content .compact .itemList li .descr img{display:none;}
#content .compact .itemList li .bar{border:none;height:auto;float:right;width:230px;}
#content .compact .itemList li .bar .buy{height:25px;position:relative;top:-3px;}
#content .compact .itemList li .bar .price{margin:0;font-size:14px;width:100px;text-align:right;}
#content .compact .itemList li.inCart{padding-bottom:0;}
#content .compact .itemList li.inCart .bar{height:29px;background:transparent;}
#content .compact .itemList li.inCart .bar .price{margin:0;}
#content .compact .itemList li.inCart .descr h3{margin-bottom:1px;}

#pibook-item-splash{width:360px;height:300px;margin:0 auto;/*background:transparent url(../images/pibook-item-splash.jpg) no-repeat center center;*/padding-top:60px;text-align:center;}
#pibook-item-splash .openboostcat{cursor:pointer;}
#pibook-itemList-loading{width:600px;height:300px;display:none;}
#pibook-addToCartAnim{width:160px;height:190px;border:1px solid #AAA;display:none;position:absolute;}
/*
#bookingPage #efUI-popup-content div.item table{border-left:1px solid #BBB;border-top:1px solid #BBB;}
#bookingPage #efUI-popup-content div.item table td,#bookingPage #efUI-popup-content div.item table th{
	border-right:1px solid #BBB;
	border-bottom:1px solid #BBB;
}*/

/* TABLES */

span.quantity{
text-align: center;
float: right;
width: 40%;
height: 1em;
vertical-align: text-top;
line-height: 1em;

}

a.decrease{
background: url(../images/increment_icon_minus.png) no-repeat top left;
height: 9px;
width: 9px;
text-indent: 9999px;  /* this one is right aligned */
margin: 0 0;
padding: 0 0;
/* position: absolute;
left: 50%; removed by dev */
overflow:hidden;/* added by dev */
display:block; /* added by dev */
}

a.increase{
background: url(../images/increment_icon_plus.png) no-repeat top left;
height: 9px;
width: 9px;
text-indent: -9999px;
margin: 0 0;
padding: 0 0;
/*position: absolute;
left: 60%; removed by dev */
overflow:hidden;/* added by dev */
display:block; /* added by dev */
}

span.quantity .button1{
margin-left: 10px;
float: right;
}

table#total,table.total{
border-bottom: none;
color: #003970;
font-weight: bold;
font-size: 1em;
margin-top: 4px;
}

table#total tr, table#total td,table.total tr, table.total td{
padding: 4px 0px;

}

table#total tfoot td,table.total tfoot td{
background: #C7D2E3;
padding: 4px 4px 4px 4px;
border: none;
font-size: 1.1em;
}

table#total tfoot span,table.total tfoot span{
font-weight: normal;
font-size: 0.9em;
}



/* Table Step 2 */

.table-step2{
width: 100%;
table-layout: auto;
font-size: 1.1em;
padding-bottom: 5px;
border-bottom: #000 dotted 1px;
margin-bottom: 10px;
line-height: 1.4em;
}

.table-step2 a.button1{
font-weight: normal;
}

.table-step2 td, .table-step2 tr {
border: none;
}

.table-step2 h4{
color: #99CC00;
padding-top: 0.4em;
}

.table-step2 tr.teaser p { /* added by dev */
	padding:10px 7px 7px 18px;
	background:url(../images/light_bulb.png) no-repeat 0 7px;
	font-style:italic;
}


/*table width: 387 */
.table-step2 .table-col1{ /* product name */
padding: 4px 2px 0px 0;
text-align: left;
width: 240px;
}
.table-step2 .table-col2,.table-step2 .table-col4{ /* +- buttons */
width: 10px;
text-align:left;
}
.table-step2 .table-col2{text-align:right;padding-right:4px;}
.table-step2 .table-col3{ /* quantity */
width: 15px;
text-align:center;
font-size:11px;
}
.table-step2 .table-col5{ /* deleted btn */
width: 55px;
text-align:center;
}
.table-step2 .table-col6{
padding: 4px 0px 0px 2px;
text-align: right;
width:57px;
/*width: 20%; removed by dev */
}

/* table step 5 */

.table-step5{
width: 100%;
table-layout: auto;
font-size: 1.1em;
padding-bottom: 10px;
margin-bottom: 10px;
line-height: 1.4em;

}

.table-step5 a.button1{
font-weight: normal;
}

.table-step5 thead{
padding: 10px 0;
}

.table-step5 thead tr{
background: none;
height: 25px;
padding: 10px 0;
}



.table-step5 td, .table-step5 tr {
border: none;
background: #F3F4F9;
}

.table-step5 h4{
font-size: 1.2em;
color: #C5D1E3;
padding-top: 0.4em;
}


.table-step5 th.table-col1, .table-step5 th.table-col2{
padding: 4px 2px 8px 4px;
}


.table-step5 .table-col1{
padding: 4px 2px 4px 4px;
text-align: left;
width: 80%;
}


.table-step5 .table-col2{
padding: 4px 4px 4px 2px;
text-align: right;
width: 20%;
}


/* ------------------ FORMS ------------------- */

/* Register */

form#register{
width: 96%;
}

form#register button.button3{
float: right;
margin-right: -20px;
}

form#register fieldset{
margin: 5px 0;
background: #F3F4F9;
width: 96%;
padding: 2% 4% 2% 4%;
}
form#register.yv fieldset{
	width: 68%;
}

form#register label{
width: 100%;
color: #003970;
}

form#register input{
margin: 10px 0px;
width: 96%;
padding: 8px; /* ori: 2% */
line-height: 1.4em;
border: 1px solid #C5D1E3;

font-size:17px; /* added by dev */
}

form#register h4{
color: #003970;
font-size: 1.3em;
line-height: 1.5em;
font-weight: normal;
}

form#register h3, #content #col2-wide h3{
font-size: 1.4em;
line-height: 2em;
}

#zip-container {
width: 25%;
float: left;

}

form#register #zip-container input{
padding: 8px;/* ori: 8% 4%;*/
}

#city-container{
width: 70%;
float: left;
padding-left: 5%;
}

form#register #city-container input{
padding: 8px;/* ori: 3% 2%;*/
width:94% /* added by dev */
}

form#register select{
height: 35px;
margin: 10px 0px;
width: 100%;
padding: 1%; /* ori: 2% */
line-height: 1.4em;
background: #fff;
/*url(../images/puce2.gif) no-repeat 96% 50%*/
border: 1px solid #C5D1E3;
color: #003970;

font-size:17px; /* added by dev */

}

form#register.yv td.yv_modules input{
	width:111px;
	margin-right:25px;
}
form#register.yv td.yv_modules input.last{margin-right:0;}

a#login.button3{
float: left;
}

#pibook-info-email_onCorrectEmail p{margin-bottom:15px;display:none;} /* added by dev */
#pibook-info-email_onCorrectEmail p.email_ok{padding-left:20px;background:transparent url(../images/accept.png) no-repeat 0 0;}
#pibook-info-email_onCorrectEmail p.email_ko{padding-left:20px;background:transparent url(../images/error.png) no-repeat 0 0;}
#pibook-info-email_onCorrectEmail p.email_ko a{font-weight:bold;text-decoration:underline;}

/* Taxonomies */

form#taxonomies{
width: 910px;
margin: 10px 0;
float: left;
clear: both;
}

form#taxonomies a.button1{
float: right;
}

form#taxonomies ul{
list-style: none;
}

form#taxonomies ul li{
display: block;
float: left;
width: 420px;
padding: 5px 0;

}

form#taxonomies input{
margin-right: 5px;
background: #fff;
color: #003970;
border: 1px solid #003970;
padding: 0px 0px;
}

form#taxonomies .button3{
float: right;
margin-right: 0px;
}

form#taxonomies fieldset{
margin: 5px 0;
background: #F3F4F9;
width: 96%;
padding: 1% 2% 1% 2%;
float: left;
clear: left;
}

form#taxonomies h3{
font-size: 1.4em;
line-height: 1.5em;
float: left;
clear: left;
width: 500px;
}

/* Confirmation */

#related{

}

#related h4{
color: #C5D1E3;
font-size: 1.3em;
}

#related p{
margin: 0.4em 0;
}

#related ul{
margin: 10px 0;
}

#related ul li{
width: 100%;
float: left;
display: block;
margin:0px 0px 10px 0px;
border-bottom: #000 dotted 1px;
}

#related ul li a img{
border: #C4CFE0 4px solid ;
margin: 0 5px 10px 0px;
float: left;
}

#related ul li a:hover img{
border: #99CC00 4px solid ;
}

#related ul li a.button1{
float: right;
}

#related h5{
color: #99CC00;
font-size: 1.2em;
}

#related ul li em{
font-weight: bold;
font-style: normal;
}


#related ul li em.place {
float: right;
}

ul#redirect-options{
list-style: none;
margin-bottom: 40px;
}

ul#redirect-options li{
display: inline;
margin-right: 10px;
}
/* added by designer 1/10/09 */
#booking-progress ol li.back{
background: url(../images/progress2back.png) no-repeat top left;
color: #fff;
z-index: 10;
}
#booking-progress ol li#progress1.back{
background: url(../images/progress1back.png) no-repeat top left;
width: 172px;
margin-left: 0px;
z-index: 10;
padding: 15px 6px 15px 11px;
margin-right: 0px;
}
#booking-progress ol #progress2.back{
z-index: 100;
background: url(../images/progress2back.png) no-repeat  top left;
color: #fff;
}


.descriptionData img{margin-right:10px;}

/* invert order of the 2 btns under the fm, only in booking*/
#map .get_pdf_booking{position:relative;top:58px;}
#under_map_next_booking{position:relative;right:-9px;top:-57px;}

.booster-teaser{
	font-size:1.2em;
	padding-bottom:5px;
}



/* online365 step */

.piBook-o365{width:912px;margin-top:16px;float:left;}
.piBook-o365 .cont{border:2px solid #A0A9C2;background:#F3F5FF;float:left;width:48%;color:#061B4B;position:relative;}
.piBook-o365 .cont .i{padding:15px 15px 64px 15px;}
.piBook-o365 .cont.right{float:right;}
.piBook-o365 .bigTitle{font-size:30px;font-weight:bold;margin-bottom:4px;}
.piBook-o365 .bigTitle sup{font-size:14px;}
.piBook-o365 .tagline{color:#87C40F;font-size:16px;margin-bottom:15px;clear:both;font-weight:bold;}
.piBook-o365 p{font-size:14px;margin:0 0 15px 0;color:#061C4B;}
.piBook-o365 a{font-weight:bold;text-decoration:underline;}
#content .piBook-o365 ul{list-style:outside;font-size:14px;margin-left:17px;}
.piBook-o365 ul li{}
.piBook-o365 .cols{clear:both;overflow:hidden;}
.piBook-o365 .colLeft{float:left;width:48%;}
.piBook-o365 .colRight{float:right;width:48%;}
.piBook-o365 .bottom{position:absolute;bottom:0;width:98%;}
.piBook-o365 .bottom .price{font-size:25px;font-weight:bold;float:left;position:absolute;bottom:8px;}
.piBook-o365 .bottom .button3{float:right;}
