@import url("layout-junior.css");
/*******General***********/
#MainContainer{width:963px; margin:0 auto; background:#fff;}/*Container for the all divs in the page */

/********************content*********************/
#Content{ width:715px; float:right; margin-top:10px; color:#000; }
#Content .inner{ background:url(../images-junior/pattern-white.gif) repeat}
#Content .FirstIntro{ background:url(../images-junior/pattern-white.gif) repeat}

#Content .FirstIntro h2{
	color:#00B1CB;
	/*color:#FCAE09;*/
	font-size:20pt;
	
} 

#Content .FirstIntro02 h2{
/*	color:#00B1CB;*/
	color:#FCAE09;
	font-size:20pt;
	
} 
#Content .FirstIntro p{ color:#000; font-size:14px; }

#Content .pattern{ background:url(../images-junior/pattern-white.gif) repeat}
#Content .pattern p{ font-size:12px;}
#Content .pattern h2{ color:#00b1cb; font-size:20pt; } 

#Content .BlueSecDescripton{ background:url(../images-junior/gradiant-blue.gif) repeat-x bottom}
#Content .BlueSecDescripton { 
   height: expression( this.scrollHeight < 171 ? "170px" : "auto" ); /* sets min-height for IE */
   min-height: 170px; /* sets min-height value for all standards-compliant browsers */
}
#Content .BlueSecDescripton p{ padding-top:30px; color:#000;}
#Content .Title{ background:url(../images-junior/yellow-bullet.gif) left center no-repeat; color:#fcb00e; font-size:18px; padding-left:25px; margin:5px; font-weight:bold }

#Content .Title a{ color:#fcb00e; text-decoration:none;} 
#Content .Title a:hover{ color:#fcb00e; text-decoration:underline}
#Content .YellowShadedBoxCotainer{ width:98%; margin:0 auto;}
#Content .YellowShadedBoxTop{ background:url(../images-junior/topsadedline.gif) no-repeat bottom; height:5px; }
#Content .YellowShadedBoxBottom{ background:url(../images-junior/bottomsadedline.gif) no-repeat top; height:5px; }
#Content .YellowShadedBox{ background:#fff; border-left:2px solid #fcb00e; font-size:12px; padding:10px 3px;}

.MapContainer{ }
.MapContainer .relative{width:310px;  position:relative; top:10px;  text-transform:capitalize;}
.MapContainer .absolute{
	position:absolute;
	text-transform:capitalize;
	width: 234px;
	right: -397px !important;
	right: -406px;
	top: -93px;
	
}

.ImgContainer{ }
.ImgContainer .relative{width:310px;  position:relative; top:10px;  text-transform:capitalize;}
.ImgContainer .absolute{
	position:absolute;
	text-transform:capitalize;
	width: 234px;
	right: -340px !important;
	right: -350px;
	top: -97px;
	
}

#Content .YellowShadedBox .Note1{ background:url(../images-junior/note1.gif) no-repeat; width:150px; float:right}
#Content .YellowShadedBox .Note1 p{ padding-top:60px; }

ul.dot{ margin-left:10px;}
ul.dot li{background:url(../images-junior/dot-black.gif) left 5px no-repeat;padding-left:12px; padding-bottom:3px; }
ul.dash{ margin-left:8px;}
ul.dash li{ background:url(../images/gr_obj/dash.gif) left 8px no-repeat;padding-left:7px; }

#Content .Title2{ background:url(../images-junior/black-bullet.gif) no-repeat left 5px; padding-left:12px; font-weight:bold; font-size:14px; margin-top:8px;}

#Content .NoteIn{ background: url(../images-junior/bg-notein.gif) repeat-x; border:1px solid #34a7db; width:200px; font-size:11px; padding-top:8px; padding-bottom:8px;}

#Content .NoteIn a{ color:#000;}
#Content .NoteIn a:hover{ color:#215998;}
/*-----------souffle section--------------*/
#Content .SouffleTop{ background:url(../images-junior/souffle-logo.png) no-repeat left bottom;  width:621px; height:38px; margin:0 auto;}
#Content .Souffle{ background:#fda400 url(../images-junior/bgsouffle.gif) no-repeat left top ; margin:0 auto; width:621px; color:#fff; font-size:12pt; font-weight:bold;}
#Content  .Souffle span{ font-size:14pt;}

/*----------- calc price --------------*/

/*----------------------------------------*/

/************Left**************/

/**************************/
 ul.Contact{border:0px solid green; margin:2px;padding:2px 0px 2px 0px; font-size:9px;color:#6d6b6b}
 ul.Contact li{padding:4px 4px 4px 27px;border-bottom:1px solid #d5dadd;}
ul.Contact li.Phones{background:url(../images/new-index/phone.gif) left center no-repeat;}
ul.Contact li.Skype{background:url(../images/gr_obj/skype.gif)   left center no-repeat #f2f2f2;}
 ul.Contact li.email{background:url(../images/gr_obj/email.gif)   left center no-repeat;border:0px}
 ul.Contact li.Register{background:url(../images/gr_obj/register2.gif)   left center no-repeat #f2f2f2;}
 /***********************/
.brochure {
    background:url(../images/new-index/brochure.gif) no-repeat left top;
    margin-top:25px;
	padding:15px 0px 15px 15px ;
	width:47%;
	
	 }   
.brochure h3{margin-bottom: 20px ; color:#4b7dae; font-size:12px; text-decoration:underline;} 
.brochure span{color:#779c19}  
 	  

/****************table****************/
 table.table3{ margin:0;}

table.table3 tr.firstspecial{ text-align:center; padding:5px;}
table.table3 tr.firstspecial td{ text-align:center; padding: 5px;}
table.table3 tr.firstspecial td.yellow{background:#F7CB79; border:1px solid #fff; color:#000}

table.table3 tr.firstspecial td.green{background:#85a521; border:1px solid #fff; color:#fff}


table.table3 tr.second2 td{ border-bottom:1px solid #000;border-top:1px dashed #000; padding:5px 2px;}

table.table3  td.bluerspl{border-left:1px solid #adb7c8;}
table.table3  td.bluerspr{border-right:1px solid #adb7c8;}
table.table3  td.greenbg{background:#dae5b2; }
table.table3  td.greenwhitebg{background:#f9ffe4;  }
table.table3 tr.second2 td.bluerfirst{border-right:1px solid #fff;}

table.table3 tr.other2 td{ border-bottom:1px solid #000;padding:5px 2px;}
table.table3 tr.last2 td{ padding:5px 2px;}
table.table3 tr.other2 td.yellow2{background:#FBFDF5;border:solid #fff;}
table.table3 tr.other2 td.bluer{border-right:1px solid #fff;border-left:1px solid #fff;}
table.table3 tr.other2 td.bluerfirst{border-right:1px solid #fff;}
.price-icon { margin-left:330px; margin-top:0px; position:absolute; }
.gr-price-icon { margin-left:20px; margin-top:-5px; position:absolute; }

/****************************************/
/*tabs*/
.tabs {width: 99%; margin-top:20px; float:left; }
.tabNavigation ul {margin:0;padding:10px 10px 0 0px;list-style:none;}
.tabNavigation li {display:inline;padding:0; margin-right:10px;}
.tabNavigation a {
float:left;
background:url(../images-junior/icon-01-left.gif) no-repeat left top;
margin:0;
margin-right:10px;
padding:0 0 0 6px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
text-decoration:none;
text-align:center;
font-weight:bold;
position:relative;
z-index:10; 
top:0px;
text-decoration:none;
color:#000;
}

* html .tabNavigation a{top:-10px;}

.tabNavigation a span {
float:left;
display:block;
background:url(../images-junior/icon-01-right.gif) no-repeat right top;
padding:8px 25px 6px 10px;
margin-right:1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt; 
text-decoration:none; 
text-align:center; 
font-weight:bold; 
text-decoration:none;
}
.tabNavigation a span {float:none;}

.tabNavigation a:hover span {}


.tabNavigation a:hover{/*background-position:0% -65px;*//*color:#333333;*/}

ul.tabNavigation li a.selected {background-position:0% -65px;color:#333333;}
ul.tabNavigation li a.selected span {background-position:100% -65px;color:#000;}

ul.tabNavigation li a.selected01 {background-position:0% -6s5px;color:#333333;}
ul.tabNavigation li a.selected01 span {background-position:100% -6s5px;color:#000;}

.tabNavigation a:hover span{/*background-position:100% -65px;*//*color:#000;*/}



.tabNavigation a strong{ font-size:16px;}
div.tabs > div {clear: both; padding-top:0px;}
#first {width:100%; margin-top:0;_margin-top:-5px; background:#f9bf3d; border-left:1px solid #b1770b;border-right:1px solid #b1770b;border-bottom:1px solid #b1770b;}
#second {width:100%;margin-top:0px;_margin-top:-5px;background:#6a8027}



.title-01 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0f4a87; font-weight:bold; }
ul.box-03 { margin-left:2px; padding:10px; width:95%; }
ul.box-03 li {color:#000000;  font-family:Verdana, Arial, Helvetica, sans-serif; }
ul.box-03 li a {color:#330066; background:url(../images-junior/icon-02.gif) no-repeat left 3px; padding-left:16px; margin-bottom:5px; font-size:12px;font-weight:bold;}
ul.box-03 li a:hover {color:#330066;}
.orange {color:#ff7127;}
.dotss {margin:0px;	padding:0px;border-bottom:1px dashed #777;border-top:0px;border-left:0px;	border-right:0px;line-height:0px;height:1px;display:block; margin-bottom:5px;}
/***************************************************************/
/*-----------Map section--------------*/
.Map{ background:url(../images-junior/map-section.gif) no-repeat left top; padding-top:10px; padding-left:5px; margin-left:8px;}

.MapRus{ background:url(../images-junior/map-section-rus.gif) no-repeat left top; padding-top:10px; padding-left:5px; margin-left:8px;}
#cit{
float:right;
background-image:url(../images-junior/french-map.gif);
width:283px;
height:287px;
font-weight:bold;
margin-right:55px !important;
margin-right:30px;


}
#cit a{ color:#000;} #cit a:hover{ color:#000; text-decoration:underline}
.desantibes a:link {color: #E37904;text-decoration: none;}
.desantibes a:visited {color: #E37904;text-decoration: none;}
.desantibes a:hover {color: #000000;text-decoration: underline;}
#cit p{position:relative;margin:0px;padding:0px;}
#cit p.paris{top:60px;left:140px;}
#cit p.antibes{top:205px;left:205px;color:#FF0000;font-weight:bold;}
#cit p.heyres{top:220px;left:205px;}
#cit p.biarritz{top:175px;left:43px;}
#cit p.cannes{top:165px;left:270px;}
#cit p.nice{top:120px;left:240px;}
/************************************************************/
/*-----------Map section--------------*/
.MapSmall{ background:url(../images-junior/map-section.gif) no-repeat left top; padding-top:10px; padding-left:5px; margin-left:8px;}


#citSmall{
float:right;
background-image:url(../images-junior/french-map-small.gif);
width:228px;
height:233px;
font-weight:bold;
margin-right:55px !important;
margin-right:30px;
}
#citSmall a{ color:#000;} #cit a:hover{ color:#000; text-decoration:underline}
#citSmall p{position:relative;margin:0px;padding:0px;}
#citSmall p.paris{top:60px;left:140px;}
#citSmall p.antibes{top:155px;left:150px;color:#FF0000;font-weight:bold;}
#citSmall p.heyres{top:170px;left:190px;}
#citSmall p.biarritz{top:140px;left:35px;}
#citSmall p.cannes{top:125px;left:210px;}
#citSmall p.nice{top:85px;left:180px;}
/************************************************************/
 ul.arrowgreen{margin-left:15px; }
 ul.arrowgreen li{ background:url(../images-junior/arrow-green.gif) left 5px no-repeat;padding-left:12px; padding-bottom:5px; }
 /*******************************************/
 .RegisterButton{ color:#fff; font-size:9px; font-weight:bold; text-align:center; l;background:url(../images-junior/register-button.gif) no-repeat; width:190px; line-height:38px; margin:0 auto;  }