/* -------------------------------------------------------------- 
  
   Europ-Assistance styles.fr
	 * Styles for French site
   
-------------------------------------------------------------- */

@import "screen.css";

/* nav */
ul.nav-1.nl1 li a { background-image: url(/layout/default/imgs/nl/nav-text-nl1.gif); }
ul.nav-1.fr1 li a { background-image: url(/layout/default/imgs/nl/nav-text-fr1.gif); }
ul.nav-1.nl2 li a { background-image: url(/layout/default/imgs/nl/nav-text-nl2.gif); }
ul.nav-1.fr2 li a { background-image: url(/layout/default/imgs/nl/nav-text-fr2.gif); }

/* background images  nl1 */

ul.nav-1.nl1 #nav-item1 a { width: 69px; background-position: 0 0; }
ul.nav-1.nl1 #nav-item1 a:hover, #nav-item1 a.active, #nav-item1 a.hover { background-position: 0 -50px; z-index: 99;}

ul.nav-1.nl1 #nav-item2 a { width: 129px; background-position: -58px 0; }
ul.nav-1.nl1 #nav-item2 a:hover, #nav-item2 a.active, #nav-item2 a.hover { background-position: -58px -100px; z-index: 99; }

ul.nav-1.nl1 #nav-item3 a { width: 195px; background-position: -176px 0;}
ul.nav-1.nl1 #nav-item3 a:hover, #nav-item3 a.active, #nav-item3 a.hover { background-position: -176px -150px; z-index: 99; }

ul.nav-1.nl1 #nav-item4 a { width: 72px; background-position: -360px 0;}
ul.nav-1.nl1 #nav-item4 a:hover, #nav-item4 a.active, #nav-item4 a.hover { background-position: -360px -200px; z-index: 99; }

ul.nav-1.nl1 #nav-products a { width: 283px; background-position: -421px 0;}
ul.nav-1.nl1 #nav-products a:hover, #nav-products a.active, #nav-products a.hover { background-position: -421px -250px; z-index: 99; }

ul.nav-1.nl1 #nav-products .nav-dropdown { width: 620px; left: -297px; padding: 0 0 10px 0; }


/* background images  nl2 */
ul.nav-1.nl2 #nav-item1 a { width: 67px; background-position: 0 0; }
ul.nav-1.nl2 #nav-item1 a:hover, #nav-item1 a.active, #nav-item1 a.hover { background-position: 0 -50px; z-index: 99;}
	
ul.nav-1.nl2 #nav-item2 a { width: 139px; background-position: -56px 0; }
ul.nav-1.nl2 #nav-item2 a:hover, #nav-item2 a.active, #nav-item2 a.hover { background-position: -56px -100px; z-index: 99; }

ul.nav-1.nl2 #nav-item3 a { width: 120px; background-position: -184px 0;}
ul.nav-1.nl2 #nav-item3 a:hover, #nav-item3 a.active, #nav-item3 a.hover { background-position: -184px -150px; z-index: 99; }

ul.nav-1.nl2 #nav-item4 a { width: 188px; background-position: -293px 0;}
ul.nav-1.nl2 #nav-item4 a:hover, #nav-item4 a.active, #nav-item4 a.hover { background-position: -293px -200px; z-index: 99; }

ul.nav-1.nl2 #nav-item5 a { width: 65px; background-position: -470px 0;}
ul.nav-1.nl2 #nav-item5 a:hover, #nav-item5 a.active, #nav-item5 a.hover { background-position: -470px -250px; z-index: 99; }

ul.nav-1.nl2 #nav-products a { width: 180px; background-position: -524px 0;}
ul.nav-1.nl2 #nav-products a:hover, #nav-products a.active, #nav-products a.hover { background-position: -524px -300px; z-index: 99; }

ul.nav-1.nl2 #nav-products .nav-dropdown { width: 620px; left: -297px; padding: 0 0 10px 0; }



/* background images  fr1 */
ul.nav-1.fr1 #nav-item1 a { width: 69px; background-position: 0 0; }
ul.nav-1.fr1 #nav-item1 a:hover, #nav-item1 a.active, #nav-item1 a.hover { background-position: 0 -50px; z-index: 99;}
	
ul.nav-1.fr1 #nav-item2 a { width: 166px; background-position: -58px 0; }
ul.nav-1.fr1 #nav-item2 a:hover, #nav-item2 a.active, #nav-item2 a.hover { background-position: -58px -100px; z-index: 99; }

ul.nav-1.fr1 #nav-item3 a { width: 195px; background-position: -213px 0;}
ul.nav-1.fr1 #nav-item3 a:hover, #nav-item3 a.active, #nav-item3 a.hover { background-position: -213px -150px; z-index: 99; }

ul.nav-1.fr1 #nav-item4 a { width: 75px; background-position: -397px 0;}
ul.nav-1.fr1 #nav-item4 a:hover, #nav-item4 a.active, #nav-item4 a.hover { background-position: -397px -200px; z-index: 99; }

ul.nav-1.fr1 #nav-products a { width: 243px; background-position: -461px 0;}
ul.nav-1.fr1 #nav-products a:hover, #nav-products a.active, #nav-products a.hover { background-position: -461px -250px; z-index: 99; }

ul.nav-1.fr1 #nav-products .nav-dropdown { width: 620px; left: -297px; padding: 0 0 10px 0; }


/* background images  fr2 */
ul.nav-1.fr2 #nav-item1 a { width: 67px; background-position: 0 0; }
ul.nav-1.fr2 #nav-item1 a:hover, #nav-item1 a.active, #nav-item1 a.hover { background-position: 0 -50px; z-index: 99;}
	
ul.nav-1.fr2 #nav-item2 a { width: 131px; background-position: -56px 0; }
ul.nav-1.fr2 #nav-item2 a:hover, #nav-item2 a.active, #nav-item2 a.hover { background-position: -56px -100px; z-index: 99; }

ul.nav-1.fr2 #nav-item3 a { width: 159px; background-position: -176px 0;}
ul.nav-1.fr2 #nav-item3 a:hover, #nav-item3 a.active, #nav-item3 a.hover { background-position: -176px -150px; z-index: 99; }

ul.nav-1.fr2 #nav-item4 a { width: 191px; background-position: -324px 0;}
ul.nav-1.fr2 #nav-item4 a:hover, #nav-item4 a.active, #nav-item4 a.hover { background-position: -324px -200px; z-index: 99; }

ul.nav-1.fr2 #nav-item5 a { width: 65px; background-position: -504px 0;}
ul.nav-1.fr2 #nav-item5 a:hover, #nav-item5 a.active, #nav-item5 a.hover { background-position: -504px -250px; z-index: 99; }

ul.nav-1.fr2 #nav-products a { width: 146px; background-position: -558px 0;}
ul.nav-1.fr2 #nav-products a:hover, #nav-products a.active, #nav-products a.hover { background-position: -558px -300px; z-index: 99; }

ul.nav-1.fr2 #nav-products .nav-dropdown { width: 620px; left: -297px; padding: 0 0 10px 0; }


/* link buy online, get quote */
html a.link-get-quote, html a.link-buy-online { background-image: url(/layout/default/imgs/nl/link-buttons.gif);  }





/* forms */

/* Width of form fiels and labels may have to change for NL */

/* form get quote : select your product */
/*
.form-quote-product label { width: 230px; }
.form-quote-product .w-0 { width: 616px; }
.form-quote-product .w-1 { width: 400px !important; }
.form-quote-product .w-2 { width: 30px; margin-right: 5px; }
.form-quote-product .w-3 { width: 114px; margin-right: 5px; }
.form-quote-product .w-4 { width: 135px; margin-right: 5px; }
.form-quote-product .w-5 { width: 80px; margin-right: 5px; }
.form-quote-product .w-6 { width: 590px; }
*/

/* form get quote : select your product */
/*
.form-quote-data label { width: 85px; }
.form-quote-data .w-0 { width: 70px; margin-right: 5px; }
.form-quote-data .w-1 { width: 203px !important; margin-right: 5px; }
.form-quote-data .w-2 { width: 365px !important; }
.form-quote-data .w-3 { width: 35px; }
.form-quote-data .w-4 { width: 60px; }
.form-quote-data .w-5 { width: 411px; }
.form-quote-data .w-6 { width: 162px; }
.form-quote-data .w-7 { width: 115px; margin-right: 5px; }
.form-quote-data .w-8 { width: 50px; margin-right: 5px; }
.form-quote-data .w-9 { width: 73px;  }
.form-quote-data .w-10 { width: 371px; margin-left: 5px; }
.form-quote-data .w-11 { width: 170px !important; }
.form-quote-data .formfield-list { width: 545px; overflow: hidden; } 
.form-quote-data .formfield-list li { zoom: 1; display: block; } 
*/

/* form jobs */
/*
.form-jobs label { width: 120px; }
.form-jobs input, .form-jobs select, .form-jobs textarea { }
.form-jobs .formfield { width: 168px; display: block;  }

.form-jobs fieldset { margin: 0 0 16px 0; }
.form-jobs .w-0 { width: 100px; }
.form-jobs .w-1 { width: 184px; margin-right: 5px; }
.form-jobs .w-2 { width: 185px;  }
.form-jobs select.w-2 { width: 191px; }
.form-jobs .w-3 { width: 240px; }
.form-jobs .w-4 { width: 62px; margin-right: 0; }
.form-jobs .w-5 { width: 235px; }
.form-jobs .w-6 { width: 100px; }
*/

/* form contact */
/*
.form-contact label { width: 130px; }
.form-contact .w-1 { width: 210px; }
.form-contact .w-2 { width: 340px; }
.form-contact select.w-2 { width: 346px; }
*/

/* why europ assistance > guides voyage > search destination */
/*
.form-search-destination { padding: 16px 0; }
.form-search-destination input.txt { width: 445px; margin-right: 5px; }
*/