@import url("layout.css");
/*******General***********/
/****************HEADER*****************/
/************Content**************/
.notes{color:#FF0000 ;font:Verdana, Arial, Helvetica, sans-serif bold; font-size:7pt; }
.note { color:#000000; font:Verdana, Arial, Helvetica, sans-serif; font-size:7pt}
#content{ float:right; overflow:hidden; margin:0 2px; width:750px; }
#content #inner{ background:url(../images/gr_obj/bg-container-middle2.gif) repeat-y; margin-left:2px;}


#content #inner2{ background:url(../images/gr_obj/fbg-container-middle2.gif) repeat-y;}
#content #end{ background:url(../images/gr_obj/bg-container-bottom2.gif) no-repeat bottom left; }
#content #inner .tl {background: url(../images/new-layout/top-left.gif) 0 0 no-repeat}
#content #inner .tr {background: url(../images/new-layout/top-right.gif) 100% 0 no-repeat;
					 margin-right:5px;}	
					 
					 
#content1{ width:98%; margin:0 auto;}

#content1 .acoomtypeone{ background:#f4fafd; border:1px solid #c7f2fd; margin-top:20px;}

#content1 #mapcontainer  {border-bottom:5px solid #ff9300;}
#content1 #mapcontainer #mapbox{width:244px; float:left; height:187px; background:url(../images/map-antibes-description.gif) no-repeat top; color:#6c6c6c;}




#content1 #citygallery #accommodescription{ width:277px; color:#656666;}
#content1 .borderolive{ border:1px solid #e4edf7;}

#content1 ul.vrai{ margin-left:5px;}
#content1 ul.vrai li{ background:url(../images/gr_obj/vrai.gif) left 8px no-repeat;padding-left:10px; margin-bottom:4px;}


#content1 ul.arrow-green2{ margin-left:10px;}
#content1 ul.arrow-green2 li{background:url(../images/new-layout/arrow-green2.gif) left 5px no-repeat;padding-left:7px; margin-bottom:4px;}



p.blue1{background:url(../images/gr_obj/arrow7.gif) left 5px no-repeat; padding-left:10px; margin-left:8px;}


.title { border-bottom:2px solid #dad7d6; font-size:14px; padding-left:10px;}

#question{border:1px solid #ff7a0b; background:#f8efe7; padding:10px;}

#content1 .shadowcontainer{ background:url(../images/antibes-bg.jpg) bottom right no-repeat; }

#content1 .dropshadow1{
	float:left;
	clear:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background:transparent  url(../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 2px 12px !important;
	margin: 10px 0 2px 1px;
	width: 564px;
	color:#7b7d7f;}
	
#content1 .dropshadow1 div#xshad{position:relative;bottom:12px;right: 12px;padding:4px;}
#content1 .dropshadow1 .title1{ background:#e5edfc; margin-right:30px;}
#content1 .plusinfocontainer {width:540px; border: 1px solid #e6f2bb; overflow:hidden;}
#content1 .plusinfo{ background: url(../images/gr_obj/arrow6.gif) no-repeat left; padding-left:15px; }

#content1 .plus{ background: url(../images/gr_obj/arrow8.gif) no-repeat left 3px; padding-left:10px; }

 ul.arrow14{ margin-left:8px;}
 ul.arrow14 li{ background:url(../images/gr_obj/arrow15.gif) left 5px no-repeat;padding-left:8px; margin-bottom:6px;}

#content1 .residence_desc_selected{border: 1px solid #bbd366; padding:5px 2px;}

#content1 .residence_desc{padding:5px 2px;}


#content1 ul.dash{ margin-left:8px;}
#content1 ul.dash li{ background:url(../images/gr_obj/dash.gif) left 8px no-repeat;padding-left:7px; }
#content1 .greenbox{background:#f8fdeb; border:2px solid #b4c856; padding:10px 5px 10px 5px}

#content1 .RoomDescContainer{background:url(../images/new-layout/studiosi-desc-bg.gif) no-repeat left top; padding:25px 0 0 20px;  width:525px;}

#moremenu5 { padding:5px;font-weight:bold;}
#moremenu5 p{border:1px solid #669900;float:left;margin:5px ;padding:3px; background:#fff;}

#moremenu5 a{color:#669900;}
#moremenu5 a:hover{color:#ff6600;text-decoration:underline}
/**********for the curve at the top***********/
.glowingtabs{
float:left;
width:719px;
font-size:14px;
background: url(../images/new-layout/top-pattern2.gif) repeat-x;
height:55px;
 
 


}

.glowingtabs h2{margin-left: 30px; display:inline; padding-left:30px; }

.glowingtabs a{
float:left;
background: #fff url(../images/gr_obj/glowtab-left.gif) no-repeat left top;
margin-left:0px;
margin-right: 30px; /*spacing between each tab*/
padding:0 0 15px 9px;
text-decoration:none;
color:#215998;
padding-right:50pox;
}
.glowingtabs a:hover{ text-decoration:none;}
.glowingtabs a span{
float:left;
display:block;
background:url(../images/new-layout/glowtab.gif) no-repeat right top;
padding: 5px 10px 0px 10px;
font-weight:bold;
color:#31668d;
}
.glowingtabs em{ font-size:10pt; float:left; margin-left:10px; color:#656666; font-weight:normal;}

/**********for the curve at the block***********/
.dropshadow1{float:left;width:240px;color:#7b7d7f;}
	
.glowingtabs1{margin-right:0px;}
.tr2 {background: url(../images/gr_obj/tr-green.gif) 100% 0 no-repeat; }

.glowingtabs1 .header2{background:#bbd366; line-height:25px; width:238px; _margin-left:3px;margin-left:3px;}
.glowingtabs1 .header2 span{ background:url(../images/gr_obj/arrow9.gif) no-repeat left; padding-left:10px; margin-left:10px; font-weight:bold; font-size:12px; }

.glowingtabs1 .content{ background:#fafdef; margin-top:5px; padding:5px;}

/*----------------------------*/
.dropshadow2{float:left;width:255px;
background:url(../images/gr_obj/shadow3.gif) no-repeat  top left; 
	color:#7b7d7f; padding-right:5px;}
	
.glowingtabs2{margin-right:0px; background:url(../images/gr_obj/curve2.gif) no-repeat  bottom left;}
.trx2 {background: url(../images/gr_obj/tr-blue.gif) 100% 0 no-repeat; }
.glowingtabs2 .header3{ background:#e4f1fb; line-height:25px; width:245px; margin-left:9px;}
.glowingtabs2 .header3 span{ background:url(../images/gr_obj/arrow10.gif) no-repeat left; padding-left:10px; margin-left:10px; font-weight:bold; font-size:12px; color:#888889;}

.glowingtabs2 .content{ background:#e4f1fb; margin-top:5px; padding:5px; border-bottom:1px solid #e8e8e8; }

/*****************************/
.dropshadow3{float:left;width:235px;
background:url(../images/gr_obj/fade-blue.gif) no-repeat  center right; 
	color:#7b7d7f; }
	
.glowingtabs3{margin-right:0px; background:url(../images/gr_obj/border-bottom.gif) no-repeat left  bottom;}
.glowingtabs3 .header4{ background:#e4f1fb; line-height:25px; width:235px;}
.glowingtabs3 .header4 span{ background:url(../images/gr_obj/arrow10.gif) no-repeat left; padding-left:10px; margin-left:10px; font-weight:bold; font-size:12px; color:#888889;}

.glowingtabs3 .content{ background:#e4f1fb; margin-top:5px; padding:5px; border-bottom:1px solid #e8e8e8; }

.tr3 {background: url(../images/gr_obj/fcurve3.gif) 100% 0 no-repeat; margin-right:10px; }


/***********change opacity for the images when hover**********/

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 1px solid #ccc;
}

.toggleborder:hover img{
border: 1px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}

/***********For prices table****************/
.tablecontainer{width:520px; background:#f3f3ef;margin:2px;}
.table1{margin:2px 1px;}
.verticaltabscontainer{padding-top:30px;}

.verticaltabscontainer .verticaltabs{background:#e2e2da;border-left:none; 
z-index: 1;position: absolute; right: 1px; top: 0px; width:100%; margin:0; padding:0;}

.verticaltabscontainer .selected{background:#fff;   border-left:1px solid #fff; 

     position: absolute; right: 1px; top: 0px; width:100%;   z-index: 1; margin:0; padding:0;}


.verticaltabscontainer .Contain_bg_text{width:99%; height:40px; position: relative; margin:2px 0; top:0px;border:1px solid #a2a2a2; }

.verticaltabscontainer .verticaltabs_text{position: absolute; right: -2px;top: 10px;width:100%; 	z-index: 2; margin:0; padding-left:2px;}





.verticaltabscontainer .verticaltabs a, .verticaltabscontainer .selected a{ display:block;}
.verticaltabscontainer .verticaltabs a:hover, .verticaltabscontainer .selected a:hover{ display:block;}
.tablepricecotainer{background:#fff; margin-left:5px; margin-top:5px; margin-bottom:5px;}
.tableprice{background:#fff; }


table.tableprice tr.first td{ background:#f0fac8 ; border:1px solid #c2c2c2; border-top:none; border-left:none;}
table.tableprice tr.first td.last{  border-bottom:1px solid #c2c2c2;border-right:none;}
table.tableprice tr.first td.first { background:#f0fac8 url(../images/gr_obj/bgtable-header.gif) no-repeat}


table.tableprice tr.other td{border:1px solid #c2c2c2; border-top:none; border-left:none;}

table.tableprice tr.other td.last{  border-bottom:1px solid #c2c2c2;border-right:none;}
table.tableprice tr.other td.first { background:#F1F6F9;}
/*****************for curves*********************/

.bl5 {background: url(../images/curves/bl5.gif) 0 100% no-repeat}
.br5 {background: url(../images/curves/br5.gif) 100% 100% no-repeat}
.tl5 {background: url(../images/curves/tl5.gif) 0 0 no-repeat}
.tr5 {background: url(../images/curves/tr5.gif) 100% 0 no-repeat; padding:4px}
/****************for curves in another color*******************/

.t6 {background: url(../images/curves/dot.gif) 0 0 repeat-x;  }
.b6 {background: url(../images/curves/dot.gif) 0 100% repeat-x}
.l6 {background: url(../images/curves/dot.gif) 0 0 repeat-y}
.r6 {background: url(../images/curves/dot.gif) 100% 0 repeat-y}
.bl6 {background: url(../images/curves/bl6.gif) 0 100% no-repeat}
.br6 {background: url(../images/curves/br6.gif) 100% 100% no-repeat}
.tl6 {background: url(../images/curves/tl6.gif) 0 0 no-repeat}
.tr6 {background: url(../images/curves/tr6.gif) 100% 0 no-repeat; padding:2px}
/**********************for curves in another color**********************/
.t7 {background: url(../images/curves/dot.gif) 0 0 repeat-x;  }
.b7 {background: url(../images/curves/dot.gif) 0 100% repeat-x}
.l7 {background: url(../images/curves/dot.gif) 0 0 repeat-y}
.r7 {background: url(../images/curves/dot.gif) 100% 0 repeat-y}
.bl7 {background: url(../images/curves/bl7.gif) 0 100% no-repeat}
.br7 {background: url(../images/curves/br7.gif) 100% 100% no-repeat}
.tl7 {background: url(../images/curves/tl7.gif) 0 0 no-repeat}
.tr7 {background: url(../images/gr_obj/toptarget.gif) top  no-repeat; }
/*********************************************/
.t8 {background: url(../images/curves/dot.gif) 0 0 repeat-x;  }
.b8 {background: url(../images/curves/dot.gif) 0 100% repeat-x}
.l8 {background: url(../images/curves/dot.gif) 0 0 repeat-y}
.r8 {background: url(../images/curves/dot.gif) 100% 0 repeat-y}
.bl8 {background: url(../images/curves/bl6.gif) 0 100% no-repeat}
.br8 {background: url(../images/curves/br6.gif) 100% 100% no-repeat}
.tl8 {background: url(../images/curves/tl6.gif) 0 0 no-repeat}
.tr8 {background: url(../images/curves/tr6.gif) 100% 0 no-repeat; padding:2px}
/******************Left menu***************/



/***************Footer*****************/

/****************colors******************/

/*************************************/
table.table2{ margin:0;}
table.table2 tr.first{ text-align:center; padding:5px;}
table.table2 tr.first td{ text-align:center; padding:10px 5px;}
table.table2 tr.first td.yellow{background:#f8fdeb; border:solid #fff;}
table.table2 tr.second td{ border-bottom:1px solid #4369a8;border-top:1px dashed #4369a8; padding:10px 2px;}
table.table2 tr.other td{ border-bottom:1px solid #4369a8;padding:10px 2px;}
table.table2 tr.last td{ padding:10px 2px;}




table.table3{ margin:0;}
table.table3 tr.first{ text-align:center; padding:5px;}
table.table3 tr.first td{ text-align:center; padding:10px 5px;}
table.table3 tr.first td.yellow{background:#f8fdeb; border:solid #fff;}

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:#ececec; border:2px solid #fff;}

table.table3 tr.second td{ border-bottom:1px solid #4369a8;border-top:1px dashed #4369a8; padding:10px 2px;}
table.table3 tr.other td{ border-bottom:1px solid #4369a8;padding:10px 2px;}
table.table3 tr.last td{ padding:10px 2px;}
table.table3 tr.last2 td.yellow2{background:#FBFDF5;border:solid #fff;}

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

table.table3 tr.second2 td.bluer{border-right:1px solid #fff;border-left:1px solid #fff;}

table.table3  td.bluerspl{border-left:1px solid #adb7c8;}
table.table3  td.bluerspr{border-right:1px solid #adb7c8;}


table.table3 tr.second2 td.bluerfirst{border-right:1px solid #fff;}

table.table3 tr.other2 td{ border-bottom:1px solid #4369a8;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;}