/**
 * @author Bilal Cinarli
 * @copyright 2008
 * @company Icon Perception Management Co.
 * @contact contact@icon-pm.com
 * @web www.icon-pm.com
 **/
 
/*  ------------------- Page Skeleton  ------------------- */
 body { background: #770200; }
 
	 #wrapper { background: #770200 url(../media/image/template_images/body.png) bottom left repeat-x; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto -179px; position: relative; text-align: left; width: 100%; }
		 #inner { margin: 0 auto; position: relative; width: 971px; z-index: 99; }
 		
	 		#header { background: url(../media/image/template_images/header_transparent.png) top right no-repeat; height: 89px; margin: 0 auto; width: 971px; z-index: 99; }
	 		#header.home { background: #d02028 url(../media/image/template_images/header_transparent.png) top right no-repeat; }
	 		#headerContent { background: #fff url(../media/image/template_images/header_transparent.png) top right no-repeat; height: 89px; margin: 0 auto; width: 971px; z-index: 99; }
	 			
	 		#menubg { background: url(../media/image/template_images/menu_transparent.png) top left no-repeat; height: 47px; position: absolute; right: 18px; top: 27px; width: 437px; z-index: 100; }
	 		#navigation { height: 42px; padding: 0px 0 0 3px; position: absolute; right: 18px; top: 29px; width: 431px; z-index: 100; }

		#content { color: #fefefe; font: 1.1em Tahoma; margin: 0 auto; position: relative; width: 971px; z-index: 1; }
		#content.page { background: url(../media/image/template_images/page.png) top right repeat-y; color: #fefefe; font: 1.1em Tahoma; margin: 0 auto; position: relative; width: 971px; z-index: 1; }
 		
 		#push { height: 179px; }
		
		#footer { background: url(../media/image/template_images/footer.png) bottom left no-repeat; color: #dd4c00; font: 1.2em Tahoma; height: 129px; margin: 0 auto; padding: 40px 0 10px; position: relative; width: 971px; }
/* ------------------- Page Skeleton ------------------- */

/* ------------------- Header Content ------------------- */
	h1 { display: none; }
	
	img#logo { left: 54px; position: absolute; top: 20px; }
	
	#chief { background: url(../media/image/template_images/chief.png) top left no-repeat; height: 116px; left: 390px; position: absolute; top: 5px; width: 181px; z-index: 100; }
/* ------------------- Header Content ------------------- */

/* ------------------- Main Navigation  ------------------- */
	#navigation li { color: #640200; cursor: pointer; display: inline; float: left; font: bold 13px/35px Arial; }
		#navigation li a, #navigation li span { background: url(../media/image/template_images/menu_seperator.png) left center no-repeat; color: #640200; display: block; float: left; padding: 0px 7px; }
		#navigation li a:hover, #navigation li.activeNav a, #navigation li.activeNav span { background: url(../media/image/template_images/menu_rollover.png) left center no-repeat; }
		#navigation li.home a { background: url(../media/image/template_images/homepage.png) top center no-repeat; height: 0px; padding: 35px 0 0; margin: 1px 3px 0 10px !important; margin: 1px 3px 0 5px; overflow: hidden; width: 35px; }
		#navigation li.home a:hover { background: url(../media/image/template_images/homepage.png) top center no-repeat; }
/* ------------------- Main Navigation ------------------- */
/* ------------------- Sitemap ------------------- */
	#sitemap { margin: 10px 10px 10px 15px;  }
		#sitemap h2.mapHead { background: url(../images/titlea.png) left bottom no-repeat; color: black; font: bold 14px Arial; margin-bottom: 20px; padding-bottom: 2px; }
		#sitemap h2.mapHead a { color: black;  }
	    .mapElement { margin-bottom: 20px; }
	    .mapElement li { float: left; margin: 0 35px 10px 0; width: 240px; }
	    .mapElement li a { color:#000; }
	    .mapElement li a:hover { color:#841111; }
	    .mapElement li span { font-weight: bold; }
	    .mapElement li ul { margin: 2px 0 5px 10px; }
	    .mapElement li li { float: none; margin: 0 0 2px; }
/* ------------------- Sitemap ------------------- */


/* ------------------- Submenu Navigation ------------------- */
	#submenu { background: url(../media/image/template_images/sidebar.gif) top right no-repeat; height: auto !important; height: 278px; min-height: 278px; }
	#submenu.sub, #submenu.activeSub { background: none; }
	 #submenu ul { margin-bottom: 75px; }
		#submenu ul li {  }
			#submenu ul li a, #submenu ul li span { background: url(../media/image/template_images/submenu.png) 0 0 no-repeat; color: #b24500; cursor: pointer; display: block; font: bold 12px/22px Arial; height: 30px; padding: 0 15px 0 0; }
			#submenu ul li a:hover, #submenu ul li span:hover, #submenu ul li span.hover, #submenu ul li.activeNav a, #submenu ul li.activeNav span { background: url(../media/image/template_images/submenu.png) 0 -34px no-repeat; color: #e78200; }
		#submenu ul ul { display: none; margin: -10px 0 0 0; }
		#submenu ul ul li a, #submenu ul li.activeNav li a { background: none; color: #c55d04; font: normal 11px/25px Arial; height: 25px; margin: 2px 0px; }
		#submenu ul ul li a:hover, #submenu ul li.activeNav li.activeNav a { background: url(../media/image/template_images/submenu.png) 0 -66px no-repeat; color: #feb373; }
/* ------------------- Submenu Navigation ------------------- */
/* ------------------- Poll ------------------- */
	.poll {color:#000000;width:100%; width: 350px;}
	.poll ul {margin:0px; list-style-type: none;}
	.poll li {display:block; margin-bottom:2px; }
	.poll li.title {display:block; background-color: #bbb; padding:4px; color: #000000;}
	.poll li.question {display:block; background-color: #bbb; padding:4px; color: #000000;}
	.poll li.submit {margin-top:10px; text-align: center;}
	form.pollform {margin: 0px; padding:0px;}
	.bargraph {padding:3px;color:#ffffff;border:0px solid #808080; font-size:90%; text-align:right; background: url("../images/barbg.png");}
/* ------------------- Page Content ------------------- */
/* ------------------- Common Styles ------------------- */
	p { margin-bottom: 10px; }
	h2 { color: #ce171f; font: 22px Arial; margin-bottom: 10px; }
	h2.hideTitle { display: none; }
	h4 { color: #ce171f; font: 14px Arial; }
/* ------------------- Common Styles ------------------- */

/* ------------------- Homepage ------------------- */
/* ------------------- Content Boxes ------------------- */
	a#poll {  }
	#news_summary, #new_branch, #sms, #franchise { border-left: 1px dotted #d02028; display: inline; float: left; height: 200px; overflow: hidden; padding: 10px; position: relative; }
	#news_summary { border: none; width: 250px; }

	#new_branch { cursor: pointer; text-align: right; position: relative; width: 226px; }
		#new_branch a { color: #fff; }
		#new_branch .small_logo { display: block; text-align: left; position: relative; z-index: 99; }
		#new_branch h3 { color: #f3000b; font: 34px Tahoma; margin-top: -15px; position: relative; text-align: left; z-index: 99; }
		#new_branch h3.sIFR-replaced { margin-top: -25px; position: relative; width: 175px; z-index: 99; }
		#new_branch span { display: block; text-align: left; padding-right: 75px; position: relative; z-index: 99; }
		#new_branch #open { left: 160px; position: absolute; top: 50px; z-index: 1; }
		#new_branch ol { margin-top: 15px; text-align: left; }
			#new_branch ol li { display: inline; float: left; width: 100px; }
			#new_branch ol a { color: #f2aa1f; font: 14px Tahoma; }
			#new_branch ol a:hover { color: #f3000b; font: 14px Tahoma; }

	#sms { color: #ec6700; font: italic 20px Tahoma; letter-spacing: -1px; text-align: center; width: 212px; }
		#sms a { border-top: 1px dotted #d02028; display: block; margin: 10px -10px 0 -10px; padding-top: 10px; text-align: center; width: 232px; }
		#sms span { display: block; }

	#franchise { background: url(../media/image/template_images/franchise.jpg) top right no-repeat; height: 100px; padding: 120px 0 0 20px; width: 196px; }
		#franchise h3 { color: #f10000; font: bold 30px Tahoma; margin-bottom: 5px; }
		#franchise a { color: #ec6700; }

/* ------------------- Content Boxes ------------------- */
/* ------------------- Homepage ------------------- */

/* ------------------- Pages ------------------- */
	#text_top { background: url(../media/image/template_images/content_top_without_submenu.png) top left no-repeat; height: 22px; right: 0 !important; right: -1px; position: absolute; width: 735px; z-index: 99; }
	#text_top_with_banner { background: url(../media/image/template_images/content_top_without_submenu.png) top left no-repeat; height: 22px; right: 0 !important; right: -1px; position: absolute; width: 735px; z-index: 99; }
	
	#text_bottom { background: url(../media/image/template_images/content_bottom.png) top right no-repeat; height: 30px; margin: 0 auto; width: 971px; }
	
	#submenu { display: inline; float: left; margin: 0 0 0 11px; position: relative; text-align: right; width: 225px; }
	#submenu.hasBanner {  }
	
	#pageText, #branchText { background: #fff url(../media/image/template_images/page.png) top left repeat-y; color: #000; display: inline; float: left; font: 12px Tahoma; margin-top: 15px; padding: 20px; position: relative; width: 695px; z-index: 97; }
	#pageText.hasBanner, #branchText.hasBanner { padding: 70px 20px 10px; }
		
	#branchText #text { display: inline; float: left; min-height: 10px; width: 452px; }
	#branchText #sidebar { background: url(../media/image/template_images/sidebar.png) top left no-repeat; display: inline; float: left; height: 230px; margin-left: 10px; min-height: 230px; padding-left: 20px; width: 200px; }
	#branchText #sidebar h3 { color: #ce171f; font: italic 15px Arial; }
	
	#map { height: 258px; margin-top: 10px; width: 452px; }
/* ------------------- Pages ------------------- */

/* ------------------- 404 Page ------------------- */
	.error404 { font: 13px Verdana; }
	.map_element li { list-style: decimal inside; margin: 0 0 2px; }
	.map_element li a { }
/* ------------------- 404 Page ------------------- */

/* ------------------- News ------------------- */
/* ------------------- News Ticker ------------------- */
	#news_summary ul.news li { height: 120px; position: relative; }
	#news_summary ul.news li.hide { display: none; }
	#news_summary span.date { color: #fff; font-weight: bold; }
	#news_summary h3 { font: bold 11px/18px Tahoma; }
	#news_summary h3 a { color: #f6b321; }
	#news_summary h3 a:hover { color: #dd4c00; }
	#news_summary span.summary { line-height: 18px; }
	#news_summary li a.details { bottom: -20px; color: #f6b823; display: block; left: 0; position: absolute; text-align: center; width: 90px; }
	#news_summary li a.details:hover { color: #dd4c00; }
	
	.news_navigation { background: url(../media/image/template_images/news.png) top left no-repeat; height: 32px; margin-left: -7px; padding: 3px 0 0 5px; width: 195px; }
		.news_navigation li { display: inline; float: left; line-height: 20px; }
		.news_navigation li.details { height: 23px; margin-right: 1px; text-align: center; width: 90px; }
		
		.news_navigation a.prev, .news_navigation a.next { cursor: pointer; display: block; float: left; height: 0px; overflow: hidden; padding-top: 23px; width: 25px; }
		.news_navigation a.prev { background: url(../media/image/template_images/next_prev.png) 0 0 no-repeat; margin-right: 1px; }
		.news_navigation a.prev:hover { background: url(../media/image/template_images/next_prev.png) 0 -23px no-repeat; }
		.news_navigation a.next { background: url(../media/image/template_images/next_prev.png) 0 -46px no-repeat; }
		.news_navigation a.next:hover { background: url(../media/image/template_images/next_prev.png) 0 -69px no-repeat; }
		
		.news_navigation li.current { font: bold 1em Tahoma; padding-top: 5px; text-align: center; width: 50px; }
			.news_navigation span.now { color: #f4ba23; }
/* ------------------- News Ticker ------------------- */

/* ------------------- News Summary ------------------- */
		#pageText .pagination { float: right; font: 1em Verdana;}
			#pageText .news-summary { margin-bottom: 10px; }
				
				#pageText h4.title { font: 16px Verdana; }
				
				#pageText .exp { float: left; margin: 2px 5px 0px 0px;}
				
				#pageText span.details, #pageText span.back { display: block; }
			
				#pageText .pages { float: left;}
			
				#pageText .pagination ol { margin: 0; padding: 0; }
				
				#pageText .pagination ol li { float: left; padding: 0; }
				
				#pageText .pagination ol li a, #pageText .pagination ol li span, #pageText .pagination ol li.currentpage span { background-color: #111; color: #fff; border: 1px solid; display: block; padding: 0px 4px; margin: 0 2px; float: left; }
				
				#pageText .pagination ol li span { background: none; border: none; margin: 0; }
				
				#pageText .pagination ol li a:hover, #pageText .pagination ol li.currentpage span { background-color: #999; border: 1px solid #fff; color: #111; font-weight: bold; }
			
			.backlink { margin: 20px 0px; border: 1px transparent; text-align: left;}
			
				#pageText .backlink a{ border: none;}
/* ------------------- News Summary ------------------- */


/* ------------------- News ------------------- */

/* ------------------- Products ------------------- */
	#products_top { background: url(../media/image/template_images/products_top.png) top left no-repeat; height: 22px; right: 0 !important; right: -1px; position: absolute; width: 960px; z-index: 99; }
	
	#productText { background: #fff url(../media/image/template_images/products_page.png) top left repeat-y; color: #000; font: 12px Tahoma; margin-left: 11px; padding: 20px 10px 20px 20px; position: relative; width: 930px; z-index: 97; }
	
	#product_bottom { background: url(../media/image/template_images/products_bottom.png) top right no-repeat; height: 30px; margin: 0 auto; width: 971px; }
	
	#productText li.category { display: inline; float: left; height: 150px; margin-bottom: 20px; position: relative; width: 310px; z-index: 1; }
	#productText li.category.lastrow { margin-left: 200px; }
		#productText li.category span.title { border-bottom: 1px solid #e61b23; color: #640200; display: block; font: 14px Arial; padding-left: 5px; width: 135px; }
		#productText li.category ul { margin: 5px 0 0 5px; }

		#productText li.category li.hover span.product { color: #640200; }
		#productText li.category li span.product { color: #010101; cursor: pointer; font: 12px Arial; margin: 0; position: relative; }
		#productText li.category li img { display: none; position: relative; }
		div#image { background: #fff; border: 1px solid #e61b23; display: none; padding: 2px; position: absolute; z-index: 9998; }

/* ------------------- Products ------------------- */

/* ------------------- Photo Gallery ------------------- */
	#gallery { margin: 10px 0px; }
		#gallery .thumb { border: 1px solid #b2b2b2; float: left; height: 60px; margin: 0px 4px 4px 0px; overflow: hidden; width: 60px; }
		#gallery .end { margin: 0px 0px 4px 0px; }
/* ------------------- Photo Gallery ------------------- */

/* ------------------- Banners ------------------- */
/* ------------------- Homepage Banners ------------------- */
	#banner { background: url(../media/image/template_images/homepage_banners.png) top left no-repeat; height: 304px; margin-bottom: 10px; position: relative; width: 100%; }
		#hosta_taste { background: url(../media/image/template_images/hosta_taste2.jpg) top right; height: 286px; left: -10px; position: absolute; width: 721px; z-index: 98; }
		#call_hosta { background: url(../media/image/template_images/call_hosta.jpg) top left no-repeat; height: 275px; position: absolute; right: 18px; top: 0; width: 232px; }
			#call_hosta span { display: none; }
		#discover_taste{ bottom: 18px; left: 0; position: absolute; z-index: 99; }
/* ------------------- Homepage Banners ------------------- */

/* ------------------- Page Banners ------------------- */
/* ------------------- Header Image ------------------- */
	img.header_banner { left: 243px; position: absolute; top: -33px; z-index: 98; }
/* ------------------- Header Image ------------------- */

/* ------------------- Page Banners ------------------- */

/* ------------------- Banners ------------------- */

/* ------------------- Forms ------------------- */
	.form { margin-top: 10px; }
/* ------------------- Form Elements ------------------- */
	fieldset{ border: none; margin-bottom: 15px; padding: 0; }
	
		legend{ color: #ce171f; float: left; font: bold 1.2em Verdana; }
		
		label{ margin: 0px 10px 0px 0px; }
	
		fieldset ol{ padding: 0; }
		
		fieldset ol li{ background: none; margin: 8px 0px; width: 600px; }
		fieldset ol li li{ background: none; margin: 8px 0px; width: 400px; }

		.inputlabel{ float: left; font: 12px Arial; font-weight: bold; }
		.inputlabelFull{ float: left; font: 12px Arial; font-weight: bold; width: 100%; }
		.headLabel{ display: inline; float: left; font: 12px Arial; font-weight: bold; margin: 0px 5px 5px 5px; width: 180px; text-align: center; }
		.head2Label{ display: inline; float: left; font: 12px Arial; font-weight: bold; margin: 0px 5px 5px 5px; width: 145px; text-align: center; }
		.radioLabel{ display: inline; float: left; font: 12px Arial; margin: 0px 5px 5px 5px; width: 70px; text-align: center; }
	
		.inputbox{ background: none; border: 1px solid #c0c0c0; float: left; font: 12px Arial; margin-right: 5px; }
		
		.add { background: url(../media/image/template_images/add.png) center left no-repeat; color: #445402; padding-left: 20px; }
		.added { position: relative; }
		.close { position: absolute; right: -20px; top: 0px; }
		
		.check { display: block; }
		
		.input { margin-left: 155px; padding: 0; }
		
		/*.submit.tr { background: url(../media/image/template_images/send_tr.png) top left no-repeat; border: none; cursor: pointer; height: 39px; margin-left: 70px; overflow: hidden; padding-top: 39px; width: 95px; }
		.submit.en { background: url(../media/image/template_images/send_en.png) top left no-repeat; border: none; cursor: pointer; height: 39px; margin-left: 70px; overflow: hidden; padding-top: 39px; width: 95px; }*/
		
		.size{ width: 230px; }		
		.size2{ width: 130px; }			
		.size5{ width: 165px; }			
		.size3{ width: 300px; }			
		.size4{ width: 50px; }
		
		.width01 { width: 25px; }
		.width02 { width: 50px; }
		.width03 { width: 75px; }
		.width04 { width: 100px; }
		.width05 { width: 150px; }
		.width06 { width: 200px; }
		.width07 { width: 250px; }
		.width08 { width: 300px; }
		.width09 { width: 350px; }
		.width10 { width: 400px; }
		.width11 { width: 500px; }
		.width12 { width: 600px; }
		
		.height01 { height: 25px; }
		.height02 { height: 35px; }
		.height03 { height: 50px; }
		.height04 { height: 75px; }
		.height05 { height: 100px; }
		.height06 { height: 125px; }
		.height07 { height: 150px; }
		.height08 { height: 200px; }
		.height09 { height: 250px; }

		.mediumtextarea { height: 50px; width: 300px; }			
	
		.submit{ font-weight: bold; margin: 0px 0px 0px 10px; }
		
		.hide { display: none; }
				
		#search #q { border: 1px solid #5e730a; font: 1.2em Verdana; position: relative; top: 0; width: 200px; }
		#search #submit { background: url(../media/image/template_images/search.png) top left no-repeat; border: none; color: #445402; font: bold 1.3em Verdana; height: 20px; width: 50px; }
/* ------------------- Form Elements ------------------- */

/* ------------------- Form Errors ------------------- */
	.warn { color: #ee1a3b; font-weight: bold; }
	
	.result { color: #f90; font: 12px Arial; font-weight: bold; margin: 10px; text-align: center; }
	
	label.error{ color: red; display: block; float: left; font-style: italic; margin-left: 5px; width: 500px; }
	
	div.error { position: absolute; top: 0; left: 350px; }
	div.error label.error { display: block; float: none; width: 180px; }
	div.container { display: none; font-size: 1.2em; font-weight: bold; }
	div.container h4 { color: red; font-weight: bold; }
/* ------------------- Form Errors ------------------- */
/* ------------------- Forms ------------------- */

/* ------------------- Page Content ------------------- */

/* ------------------- Footer Content ------------------- */
	#footer .content { border-top: 1px solid #895047; bottom: 60px; padding-top: 5px; position: absolute; width: 960px; }
	
/* ------------------- Partners ------------------- */
	ul#partners { margin: 10px auto !important; margin: 0 auto; width: 197px; }
	ul#partners li { display: inline; cursor: pointer; float: left; }
		ul#partners li a { display: block; cursor: pointer; float: left; height: 0px; padding-top: 42px; overflow: hidden; }
		ul#partners li.camlica a { background: url(../media/image/template_images/camlica.png) top left no-repeat; width: 46px; }
		ul#partners li.feast a { background: url(../media/image/template_images/feast.png) top left no-repeat; width: 51px; }
		ul#partners li.pepsi a { background: url(../media/image/template_images/pepsi.png) top left no-repeat; width: 58px; }
		ul#partners li.haz a { background: url(../media/image/template_images/haz.png) top left no-repeat; width: 42px; }
/* ------------------- Partners ------------------- */

/* ------------------- Footer Navigation ------------------- */
	ul#footermenu, ul#langs { display: inline; float: left; }
		ul#footermenu li, ul#langs li { display: inline; padding: 0px 5px; }
		ul#footermenu li a, ul#langs li a { color: #dd4c00; text-transform: lowercase; }
		ul#footermenu li a:hover, ul#langs li a:hover { color: #b90007; }
/* ------------------- Footer Navigation ------------------- */

/* ------------------- Info ------------------- */
	ul#info { position: absolute; right: 0; }
		ul#info li { color: #b90007; display: inline; float: left; padding: 0px 5px; }
			ul#info li a { color: #b90007; display: block; float: left; overflow: hidden; }
			ul#info li a:hover { color: #dd4c00; display: block; float: left; overflow: hidden; }
			ul#info li img { vertical-align: middle; }
			ul#info li.dan a { background: url(../media/image/template_images/dan.png) top left no-repeat; height: 0; margin-left: 15px; padding-top: 14px; width: 30px; }
			ul#info li.icon a { background: url(../media/image/template_images/icon.png) top left no-repeat; height: 0; padding-top: 14px; width: 49px; }
/* ------------------- Info ------------------- */

/* ------------------- ICON Signature ------------------- */
	#icon { height: 6px; overflow: hidden; right: 15px; bottom: 9px !important; border: 3px; }
		#icon a { background: url(../media/image/template_images/icon.gif) top left no-repeat; display: block; padding-top: 6px; width: 21px; }
/* ------------------- ICON Signature ------------------- */

/* ------------------- Copyright ------------------- */
	#copyright { bottom: 0px; display: none; left: 20px; line-height: 24px; position: absolute; text-align: left; width: 250px; }
/* ------------------- Copyright ------------------- */
/* ------------------- Footer Content ------------------- */