/************************
************************
VISA - http://www.visa.com.tr
PixelPlus Interactive
fatih hayrioglu
01 Tem 2009
ie6, ff, opera. chrome, safari
************************
************************/


ul{list-style:none; margin:0; padding:0;}

.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/*IE-mac de bu bolumu sakla \ */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* IE-mac bu bolumu saklam artik */


#container{text-align:left;width:960px;}
/************************
************************
PixelPlus kodlarinin baslangici 
************************
************************/

/************************************************************ sehir */
div#citiesMenu{margin-top:2px; background-color:#ecae03; padding:4px 0; display:block}
	div#citiesMenu ul{margin:0 auto; /*width:705px*/}
		div#citiesMenu ul li{float:left; background:url(../images/menu_ayrac.gif) right center no-repeat; padding-right:1px}
		div#citiesMenu ul li a{width:136px; height:32px; display:block; text-indent:-9999px; background:url(../images/cities_menu2.gif) 10px 0 no-repeat; outline:none}
		div#citiesMenu ul li.ustson{background:none;}
		div#citiesMenu ul li#link844 a{background-position:-276px 0;}
		div#citiesMenu ul li#link845 a{background-position:-416px 0;}
		div#citiesMenu ul li#link846 a{background-position:-555px 0;}
		div#citiesMenu ul li#link847 a{background-position:2px 0;}
		div#citiesMenu ul li#link848 a{background-position:-138px 0;}
		div#citiesMenu ul li#link1547 a{background-position:-698px 0;}
		div#citiesMenu ul li#link1548 a{background-position:-830px 0;}

/* menu secili*/
		div#citiesMenu ul li#link844 a.mSecili{background-position:-278px -33px;}
		div#citiesMenu ul li#link845 a.mSecili{background-position:-416px -33px;}
		div#citiesMenu ul li#link846 a.mSecili{background-position:-555px -33px;}
		div#citiesMenu ul li#link847 a.mSecili{background-position:0 -33px;}
		div#citiesMenu ul li#link848 a.mSecili{background-position:-138px -33px;}
		div#citiesMenu ul li#link1547 a.mSecili{background-position:-698px -33px;}
		div#citiesMenu ul li#link1548 a.mSecili{background-position:-830px -33px;}
		
div#citiesImage{position:relative; margin:0; padding:0; width:960px; height:250px; clear:left}
	div#selectedIkon{position:absolute; left:467px; top:0; z-index:1000}
div#gallery{position:relative; height:250px;}
	div#gallery img{position:absolute}
/************************************************************ 2 - 3 menu */
div#secondMenu{background-color:#0e0e49; margin:0; padding:0;}
	div#secondMenu ul{width:514px; margin:0 auto; visibility:hidden;}
		div#secondMenu ul li{float:left; position:relative}
			div#secondMenu ul li a{height:40px; text-indent:-9999px; display:block; background:url(../images/secMenu.gif) 0 0 no-repeat; outline:none}
			div#secondMenu ul li.t2MenuAl a{background-position:0 0; width:172px; margin-bottom:0}
			div#secondMenu ul li.t2MenuOt a{background-position:-172px 0; width:172px; margin-bottom:0}
			div#secondMenu ul li.t2MenuRe a{background-position:-344px 0; width:170px; margin-bottom:0}

			div#secondMenu ul li.t2MenuAl a.selectedMenu, div#secondMenu ul li.t2MenuAl a:hover.selectedMenu{background-position:0 -100px; width:172px; margin-bottom:0}
			div#secondMenu ul li.t2MenuOt a.selectedMenu, div#secondMenu ul li.t2MenuOt a:hover.selectedMenu{background-position:-172px -100px; width:172px; margin-bottom:0}
			div#secondMenu ul li.t2MenuRe a.selectedMenu, div#secondMenu ul li.t2MenuRe a:hover.selectedMenu{background-position:-344px -100px; width:170px; margin-bottom:0}
			/* non selected menu items */
			div#secondMenu ul li.t2MenuAl a.nonSelectedMenu{background-position:0 -50px; width:172px; margin-bottom:0}
			div#secondMenu ul li.t2MenuOt a.nonSelectedMenu{background-position:-172px -50px; width:172px; margin-bottom:0}
			div#secondMenu ul li.t2MenuRe a.nonSelectedMenu{background-position:-344px -50px; width:170px; margin-bottom:0}

			div#secondMenu ul li.t2MenuAl a:hover.nonSelectedMenu{background-position:0 -200px; width:172px; margin-bottom:0}
			div#secondMenu ul li.t2MenuOt a:hover.nonSelectedMenu{background-position:-172px -200px; width:172px; margin-bottom:0}
			div#secondMenu ul li.t2MenuRe a:hover.nonSelectedMenu{background-position:-344px -200px; width:170px; margin-bottom:0}
			/* hover */
			div#secondMenu ul li.t2MenuAl a:hover{background-position:0 -150px; width:172px; margin-bottom:0}
			div#secondMenu ul li.t2MenuOt a:hover{background-position:-172px -150px; width:172px; margin-bottom:0}
			div#secondMenu ul li.t2MenuRe a:hover{background-position:-344px -150px; width:170px; margin-bottom:0}
			
div#triMenu{background-color:#ecae03; padding:8px 0; position:relative; z-index:0}
	ul#triMenuList{text-align:center; width:100%}
		ul#triMenuList li{ display:inline; margin-right:15px; }
		ul#triMenuList li.endList{border:0;}
			ul#triMenuList li a{font:14px Arial, Helvetica, sans-serif; color:#000030; text-decoration:none; border-right:1px solid #a57911; padding-right:15px}
			ul#triMenuList li a.altson{border:0}
			ul#triMenuList li a:hover{text-decoration:underline}
			ul#triMenuList li a.acikLink{border:0; padding:0}
			ul#triMenuList li a.kapaliLink{display:none; border:0}
			
/***Almanya icin ozel menu kodu***/
div#secondMenu ul li#link1549 a{ background:url("../images/arac-kiralama.gif") no-repeat scroll 0 0; }
div#secondMenu ul li#link1549.t2MenuAl a.selectedMenu, div#secondMenu ul li#link1549.t2MenuAl a.selectedMenu:hover { background-position:0 7px; margin-bottom:0; width:172px;}


/************************************************************ citiesContent */
div#citiesContent{font:12px/15px Arial, Helvetica, sans-serif; color:#4f4f4f; clear:left; padding:10px 0 40px 30px}
	div#citiesContent a{color:#000030; text-decoration:underline}
	div#citiesContent a:hover{color:#000030; text-decoration:none}
	h1{color:#000030; font:39px Arial, Helvetica, sans-serif; margin:30px 0 15px -5px; height:100px; visibility:hidden;}
	div#citiesContent strong{color:#000030;}
	div#citiesContent em{text-decoration:underline; font-style:normal}
	
	div.contentImage{background:url(../images/image_back.png) 0 0 no-repeat; float:right; width:225px; margin:0 0 10px 10px}
		div.contentImage img{margin:3px 0 16px 16px}
		
/* hotel select image */		
ul#hotelsSelection{width:710px; margin:0 auto;}
ul#hotelsSelection.dortlu{width:960px; margin:0 auto; margin-left:-24px;}
	ul#hotelsSelection li, ul#alisverisSelection li{float:left;}
		ul#hotelsSelection li a, ul#alisverisSelection li a{text-decoration:none; display:block;}
			ul#hotelsSelection li a img, ul#alisverisSelection li a img{border:0}
ul#alisverisSelection.tekli {width:240px;}
ul#hotelsSelection.tekli {width:240px;}
ul#hotelsSelection.ikili {width:475px;}
ul#hotelsSelection.uclu {width:710px;}


ul#alisverisSelection{width:480px; margin:0 auto}
			
/* details page */			
div#citiesContentLeft{float:left; width:560px; margin:20px 10px 0 0;}
	h2{font:20px Arial, Helvetica, sans-serif; color:#000030; margin:5px 0 0 0}
div#citiesContentRight{float:left; width:358px; min-height:415px; height:auto !important; height:415px; background:url(../images/bgyellow.jpg) repeat-x; margin-top:30px; voice-family: "\"}\""; voice-family:inherit;width:315px;} div#citiesContentRight{width:358px;}

h3#avantajHead{ display:block; text-indent:-9999px; background:url(../images/visa_kart_sahiplerine_ayr.gif) 0 0 no-repeat; width:310px; height:24px; margin:0 0 10px 0;}
	div#citiesContentRight ul li{ background:url(../images/right_list_ikon.gif) 3px 5px no-repeat; padding-left:12px; margin-bottom:5px; color:#0e0e49;}
	div#citiesContentRight ul li ul li{ background:url(../images/right_list_ikon2.gif) 3px 5px no-repeat; padding-left:12px; margin-bottom:5px; color:#0e0e49;}
	
	
	div#offersyellow2{float:left; width:358px; min-height:415px; height:auto !important; height:415px; background:url(../images/details_back.png) 0 0 no-repeat; padding:13px 0 0 15px; voice-family: "\"}\""; voice-family:inherit;width:343px;} div#offersyellow2{width:343px;}

h3#avantajHead{ display:block; text-indent:-9999px; background:url(../images/visa_kart_sahiplerine_ayr.gif) 0 0 no-repeat; width:310px; height:24px; margin:0 0 10px 0;}
	div#offersyellow2 ul li{ background:url(../images/right_list_ikon.gif) 3px 4px no-repeat; padding-left:12px; margin-bottom:5px}

#offersyellow{float:left; width:338px; padding-left:20px; padding-top:10px; background-color:#ecae03}

/* select style */
div#otelSelect{position:absolute; right:4px; top:5px;}
ul.otelList {color:#000; width:195px; background:#fff; position:absolute; display:none; border:1px solid #ccc; top:25px; left:0; overflow:auto; z-index:9999;}
	.otelListSelected {width:190px; color:#5a5a5a; font:14px Arial, Helvetica, sans-serif; height:22px; padding:4px 0 0 6px; float:left; background:url(../images/selectBack.png) no-repeat;}
	.otelListSelected:hover {background-position:0 -25px;}
		.otelListSelected span {width:189px; display:block;}
	ul.otelList li {padding:3px 8px; color:#5a5a5a; font:14px Arial, Helvetica, sans-serif;}
	.selectedTxt {width:163px; overflow:hidden; height:17px; padding:0 23px 0 0;}
	.hiLite {background:#0e0e49!important; color:#fff!important;}
	.otelListHover {background:#ccc!important; color:#000!important; cursor:default;}
	.otelListSelHover {cursor:default;}
	.otelListOptionTitle {font-weight:bold;}
		.otelListOptionTitle ul {margin:3px 0 0;}
		.otelListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}
		
/* iletisim */		
a#iletisimLink{display:block; background:url(../images/iletisim_yazi.gif) 0 0 no-repeat; width:128px; height:29px; text-indent:-9999px; outline:none}
div#iletisimContent{display:none; font:11px Arial, Helvetica, sans-serif}
	div#iletisimContent a{color:#0e0e49}
	
/* image gallery */	

#intro { padding-bottom: 10px; }
#slider { width: 480px; margin: 0 auto; position: relative; }

.scroll { overflow: hidden; width: 480px; margin: 0 auto; position: relative; }
.scrollContainer { position: relative; }
	.scrollContainer div.panel { padding:0; width: 174px; height: 318px; }

#left-shadow { position: absolute; top: 0; left: 0; width: 12px; bottom: 0; }
#right-shadow { position: absolute; top: 0; right: 0; width: 12px; bottom: 0; }

.inside{ padding: 10px; }
	.inside img{ display: block; margin: 0; border:2px solid #ecae03; width: 150px; }
#content a{color: #999; text-decoration: none; }

.scrollButtons { position: absolute; top: 127px; cursor: pointer; }
.scrollButtons.left { left: 0; top:165px; cursor:pointer; z-index:1000}
.scrollButtons.right { right: 0; top:165px; cursor:pointer; z-index:1000}

.hide { display: none; }

div.singleImage{width:100%; text-align:center}

h2#dorchesterBaslik{ background:url(../images/dorchester_yazi.gif) 0 0 no-repeat; text-indent:-9999px; width:323px; height:45px;}
h2#landauBaslik{ background:url(../images/landau_baslik.gif) 0 0 no-repeat; text-indent:-9999px; width:498px; height:45px;}
h2#mayBaslik{ background:url(../images/may_fair_baslik.gif) 0 0 no-repeat; text-indent:-9999px; width:358px; height:22px;}
h2#langhamBaslik{ background:url(../images/langham_yazi.gif) 0 0 no-repeat; text-indent:-9999px; width:505px; height:45px;}
p.ikoncan{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bolder; background:url(../images/ikoncan.jpg) 0 0 no-repeat; padding-left:17px; color:#0e0e49;}

p.buyuk{
	color:#4F4F4F;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:13px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bolder;
	line-height:15px;}
	
div#citiesContentLeft ul li{ background:url(../images/right_list_ikon.gif) 3px 8px no-repeat; padding-left:12px; margin-bottom:5px}

/* kampanya kosullari */		
a#kampanyaLink{display:block; background:url(../images/kampkosullari.jpg) 0 0 no-repeat; width:212px; height:29px; text-indent:-9999px; outline:none}
div#kampanyaContent{display:none; font:11px Arial, Helvetica, sans-serif}
div#kampanyaContent a{color:#0e0e49}