/**
 * @author Bilal Cinarli
 * @copyright 2008
 * @company Icon Perception Management Co.
 * @contact contact@icon-pm.com
 * @web www.icon-pm.com
 * @project www.icon-pm.com
 **/
 
 /*  ------------------- Global Settings  ------------------- */
	html, body { border:0; height: 100%; margin:0; padding:0; }
	body { font:10px/1.25 Verdana; overflow: -moz-scrollbars-vertical; }

	.clear { clear:both; }
	.clearfix:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
	* html .clearfix {height: 1%;}
	.border { border: 1px solid; }
/*  ------------------- Global Settings  ------------------- */
 
/*  ------------------- Page Skeleton  ------------------- */
	body { background: #e6e6e6; }
	#wrapper { background: #f4f4f4 url(../media/image/template_images/wrapper.jpg) top left repeat-y; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto -34px; position: relative; width: 990px; }

		#header { background: url(../media/image/template_images/header.png) top left repeat-x; height: 152px; position: relative; width: 100%; z-index: 99; }

		#content { display: inline; float: left; margin: 20px; position: relative; width: 743px; z-index: 1; }
		
		#sidebar { display: inline; float: left; position: relative; width: 205px; z-index: 1; }

 		#push { height: 34px; }

	#footer { background: url(../media/image/template_images/footer.png) top right repeat-x; color: #fff; font: 10px/30px Tahoma; height: 34px; margin: 0 auto; position: relative; width: 990px; z-index: 100; }
/* ------------------- Page Skeleton ------------------- */

/* ------------------- Header Content ------------------- */
	#navigation { bottom: 0; font: 13px/22px Trebuchet MS; position: absolute; right: 120px; }
    #langs{bottom: 11px; font: 13px/22px Trebuchet MS;height: 11px; position: absolute; right: 0; width: 108px;}
        #langs li { background: url(../media/image/template_images/langmenu.png) center repeat-x; }
        #langs li a { background: url(../media/image/template_images/flags.png) no-repeat; color: #900000; display: block; font: 13px/22px Trebuchet MS; text-align: right; padding-right: 40px; }
        #langs li.turkish a { background-position: 0 -22px; }
        #langs li.english a { background-position: 0 0; }
    
    
	#logo { height: 115px; overflow: hidden; position: absolute; top: 14px; }
	#returnhome { display: block; height: 115px; position: absolute; text-indent: -9999px; top: 14px; width: 230px; z-index: 99; }
	h1 { display: none; }
	#hBanner { position: absolute; right: 0; top: 14px; }
/* ------------------- Header Content ------------------- */

/* ------------------- Navigation  ------------------- */
/* ------------------- Main Menu  ------------------- */
	#navigation li { float: left; position: relative; }
		#navigation li a, #navigation li.activeNav.home a, #navigation li span { background: url(../media/image/template_images/menu.png) 0 0 no-repeat; color: #fff; cursor: pointer; display: block; float: left; height: 23px; padding: 0 18px;  }
		#navigation li a:hover, #navigation li:hover a, #navigation li.activeNav a, #navigation li.hover a, #navigation li.hover span, #navigation li.activeNav span { background: url(../media/image/template_images/menu.png) 0 -23px no-repeat; color: #fff; }
		
        #navigation ul { display: none; left: 0; position: absolute; top: 23px; width: 150px; z-index: 100; }
		#navigation ul li, #navigation ul li a { float: none; }
		#navigation ul li { height: auto !important; height: 24px; margin: 0; position: relative; }
		#navigation ul li a { background: white; border-bottom: 1px solid #d8d8d8; color: black; }
		#navigation ul li a:hover { background: #da0000; color: white; }
		
		#navigation ul ul { display: none; left: 150px; top: 0; z-index: 101; }
		
		#navigation li a:hover li a, #navigation li:hover li a , #navigation li.activeNav li a, #navigation li.hover li a { background: white; border-bottom: 1px solid #d8d8d8; color: black; }
		#navigation li a:hover li:hover a, #navigation li:hover li a:hover , #navigation li.activeNav li a:hover, #navigation li li.hover, #navigation li li.hover a { background: #da0000; color: white; }
		#navigation li li.hover li a { background: white; color: black; }
/* ------------------- Main Menu  ------------------- */

/* ------------------- SideBar  ------------------- */
	#sidemenu { margin: 0 auto; width: 180px; }
		#sidemenu li { list-style: disc inside; margin-bottom: 5px; }
			#sidemenu li a { color: black; font: bold 11px Tahoma; }
			#sidemenu li a:hover { color: #a10608; }
/* ------------------- SideBar  ------------------- */
/* ------------------- Navigation ------------------- */

/* ------------------- Sidebar ------------------- */
/* ------------------- Sidebar ------------------- */

/* ------------------- Page Content ------------------- */
/* ------------------- Common Styles ------------------- */
 	h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; }

	p, ul, ol { margin:0; padding:0; }

	ul, ol { list-style:none; }

	blockquote { margin:22px 40px; padding:0; }

	small { font-size:0.85em; }

	img { border:0; }

	sup { bottom:0.3em; position:relative; vertical-align:baseline; }

	sub { bottom:-0.2em; position:relative; vertical-align:baseline; }

	acronym, abbr { border-bottom:1px dashed; cursor:help; letter-spacing:1px; }
	
	h2.hideTitle { color: #fff; font: 14px/32px Trebuchet Ms; height: 36px; padding: 0 10px; }
		h2.hideTitle span { display: none; }

    #pageText { color: #000000; font: 1.2em/1.6em Tahoma; }
	
/* ------------------- Link Styles ------------------- */
    a, a:visited { outline: none; text-decoration:none; }
/* ------------------- Common Styles ------------------- */

/* ------------------- Homepage ------------------- */
	#homepage { }
	    #homepage #pageText {  }
	    #homepage #pageText h2.title { color: #ff0001; font: 24px Tahoma; }
	    
	    #homepage #month, #homepage #events, #homepage #news { display: inline; float: left; margin: 10px 12px 0 0; width: 233px; }
	    #homepage #news { margin-right: 0; }
	    
	    #month h3,  #events h3, #news h3 { background: url(../media/image/template_images/small_title.png) top left no-repeat; color: white; font: 12px/18px Tahoma; height: 22px; margin-bottom: 5px; padding-left: 22px; }
	    #month .text,  #events .text, #news .text { background: white; border: 1px solid #c6c6c6; font: 11px/16px Tahoma; height: 265px; position: relative; width: 229px; }
	    #month a, #events a, #news a { color: #f00; font: bold 11px Tahoma; }
	    #month span.desc { display: block; margin: 5px; }
	    #month a.details { bottom: 5px; position: absolute; right: 5px; }
	    
	    #events .event { border-bottom: 1px solid #c6c6c6; margin: 15px 10px; padding-bottom: 15px; }
		    #events .event h3 { background: none; color: #f00; font: bold 11px Tahoma; height: auto; margin: 0; padding: 0; }
		    #events .event span.desc { display: block; }

		#news .text h3 { display: none; }
/* ------------------- Homepage ------------------- */

/* ------------------- Pages ------------------- */
	#page { margin-left: 92px; width: 651px; }
	#page #pageText { position: relative; }
	#page h2.title { background: url(../media/image/template_images/pagetitle.png) top left no-repeat; color: #a10608; height: 26px; font: bold 11px/26px Tahoma; text-indent: 20px; }
		#page h2.hideTitle { background: url(../media/image/template_images/pagetitle.png) top left no-repeat; color: #a10608; height: 26px; font: bold 11px/26px Tahoma; text-indent: 20px; }
			#page h2.hideTitle span { display: none; }
  		#page h3 { color: #a10608; font: bold 11px Tahoma; }

	#text { padding: 10px 10px 10px 20px; }

	p { margin-bottom: 10px; }
	#pageText a { color: #555; }
	#pageText a:hover, #pageText a:visited { color: #f00; }
	
	#certificates li { display: inline; float: left; margin-left: 8px; }
	
	#usage li { color: #c00000; float: left; list-style: inside square; width: 300px; }
		#usage li a, #usage li a:visited { border-bottom: none; color: #000; font: bold 12px Tahoma; }
		#usage li a:hover { color: #a10608; }
		
	#product { margin: 10px 0; }
		#product h3 { background: url(../media/image/template_images/accordion.png) 0 0 no-repeat; font: bold 12px/34px Tahoma; height: 34px; margin: 0; text-indent: 20px; width: 651px; }
		#product .category h4 { background: url(../media/image/template_images/accordion.png) 0 -133px no-repeat; color: #333; cursor: pointer; font: bold 12px/33px Tahoma; height: 33px; text-indent: 55px; width: 651px; }
		#product .category h4.selected { background: url(../media/image/template_images/accordion.png) 0 -34px no-repeat; }
		#product .subcategory h4 { background: url(../media/image/template_images/accordion.png) 0 -100px no-repeat; color: #565656; cursor: pointer; font: bold 12px/33px Tahoma; height: 33px; text-indent: 95px; width: 651px; }
		#product .subcategory h4.selected { background: url(../media/image/template_images/accordion.png) 0 -67px no-repeat; }
		#product ul { background: #fff; border: 1px solid #c3c3c3; border-top: none; padding: 0 0 0 55px; }
		#product .subcategory ul { padding-left: 90px; }
		#product li { height: auto !important; height: 74px; min-height: 74px; padding: 10px 0; position: relative; }
		
		#product li img { margin-right: 5px; }
		#product li .desc { float: left; margin: 0 0 0 10px; }
		#product li h5 { color: #a10608; font: bold 12px Tahoma; }
		#product li p { margin-right: 175px !important; margin-right: 185px; position: relative; }
		#product li a.details { background: url(../media/image/template_images/product_btn.png) top left no-repeat; border-bottom: none; display: block; font: bold 10px Tahoma; text-transform: lowercase; height: 41px; line-height: 39px; position: absolute; right: 85px !important; right: 90px; text-align: center; width: 92px; }
		#product li a.details:hover { color: #a10608; }
		#product li a.web { top: 8px; }
		#product li a.detail { top: 46px; }
		#product li a.brand { border: 1px solid #c3c3c3; display: block; height: 72px; position: absolute; right: 10px; top: 10px; width: 72px; }

	#pageText img.logo { border: 1px solid #c3c3c3; left: -105px; position: absolute; top: 0; }
	
	#pageText #categories { margin: 10px 0 0 20px; }
	#pageText #categories li { border-bottom: 1px solid #c3c3c3; margin-bottom: 10px; padding-bottom: 10px; position: relative; }
	#pageText #categories li div.image { display: inline; float: left; height: 98px; margin: 0 10px 10px 0; width: 98px; }
	#pageText #categories li div.image a { border-bottom: none; }
	#pageText #categories li div.dets { display: inline; float: left; width: 520px; }
	#pageText #categories li h2 a { border-bottom: none; color: #a10608; font: bold 12px Tahoma; }
	
	ul#brandProducts { margin: 10px 0 0 20px; }
	ul#brandProducts li { border-bottom: 1px solid #c3c3c3; margin-bottom: 10px; padding-bottom: 10px; }
	ul#brandProducts li .img { display: inline; float: left; height: 57px; width: 84px; }
	ul#brandProducts li h3 a { border-bottom: none; color: #a10608; font: bold 12px Tahoma; }
	ul#brandProducts li .desc { float: left; margin: 0 0 0 10px; width: 520px; }

/* ------------------- 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 ul.news li { height: 223px; padding: 10px; position: relative; }
	#news ul.news li.hide { display: none; }
	#news span.date { color: #f00; display: block; font-weight: bold; }
	#news h3 { font: bold 11px/18px Tahoma; }
	#news h3 a { color: #f6b321; }
	#news h3 a:hover { color: #dd4c00; }
	#news span.summary { line-height: 18px; }
	#news li a.details { bottom: -17px; color: #fff; display: block; left: 10px; position: absolute; text-align: left; width: 121px; z-index: 99; }
	#news li a.details:hover { color: #f00; }

	.news_navigation { background: url(../media/image/template_images/news.png) top left no-repeat; height: 22px; width: 229px; }
		.news_navigation li { display: inline; float: left; line-height: 20px; }
		.news_navigation li.details { height: 22px; margin-right: 1px; text-align: center; width: 126px; }

		.news_navigation a.prev, .news_navigation a.next { cursor: pointer; display: block; float: left; height: 22px; margin-right: 2px; text-indent: -9999px; width: 24px; }
		/*.news_navigation a.prev { background: url(../media/image/template_images/next_prev.png) 0 0 no-repeat; }
		.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 { color: white; font: bold 1em Tahoma; padding-top: 5px; text-align: center; width: 50px; }
			.news_navigation span.now { }

/* ------------------- 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 ------------------- */

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

/* ------------------- Page Banners ------------------- */
/* ------------------- Header Image ------------------- */
	#pageBanner { height: auto !important; height: 288px; min-height: 288px; width: 721px; }
/* ------------------- Header Image ------------------- */
/* ------------------- Page Banners ------------------- */

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

/* ------------------- Forms ------------------- */
	form { margin:0; padding:0; }

	input, select, textarea { font:1em arial, helvetica, sans-serif; }

	textarea { line-height:1.25; }

	label { cursor:pointer; }
/* ------------------- Form Elements ------------------- */
	fieldset{ border: none; margin-bottom: 15px; padding: 0; }

		legend{ color: #a10608; 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: 570px; }

		.inputlabel{ float: left; font: 12px Arial; font-weight: bold; width: 145px; }
		.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; }
		
	.width01 { width: 25px; }
	.width02 { width: 50px; }
	.width03 { width: 75px; }
	.width04 { width: 100px; }
	.width05 { width: 125px; }
	.width06 { width: 150px; }
	.width07 { width: 200px; }
	.width08 { width: 250px; }
	.width09 { width: 300px; }
	.width10 { width: 400px; }
	.width00 { width: 98%; }
	.width33 { width: 33%; }
	
	.marginLeft07 { margin-left: 200px; }
	
	.size{ width: 230px; }
		.size2{ width: 130px; }
		.size5{ width: 165px; }
		.size3{ width: 300px; }
		.size3a{ width: 367px; }
		.size4{ width: 50px; }
		.size6{ width: 150px; }
		.size7{ width: 170px; }
		.size8{ width: 380px; }

		.mediumtextarea { height: 50px; width: 300px; }

		.submit{ font-weight: bold; margin: 0px 0px 0px 10px; }

		.hide { display: none; }
		
	#hr input[type="text"], #hr textarea, #hr select { background: none; border: 1px solid #aaa; }
	#hr .inputlabel { width: 145px; }
		#hr option { background: #eee; padding: 0px 5px; }
		#hr .ftitle { float: left; font-weight: bold; margin-right: 5px; text-align: left; }
		#hr .title0 { width: 75px; }
		#hr .title1 { width: 109px; }
		#hr .title2 { width: 137px; }
		#hr .title3 { width: 150px; }
		#hr .title4 { width: 175px; }
		#hr .title5 { width: 250px; }
		#hr .end { margin-right: 0; }
		#hr label.small { color: #666; font-size: 0.9em; margin: 0; }		

/* ------------------- Form Elements ------------------- */

/* ------------------- Search Form ------------------- */
	#search { background: url(../media/image/template_images/search.png) top left no-repeat; height: 26px; margin: 20px auto; position: relative; width: 198px; }
		#search #q { color: black; border: 1px solid white; font: 12px Tahoma; height: 12px; margin: 3px 0 0 5px; width: 160px; }
		#search #submit { background: none; border: 1px white; display: block; position: absolute; right: 4px; top: 3px; width: 25px; }
/* ------------------- Search Form ------------------- */

/* ------------------- 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 ------------------- */
	#copyright { background: url(../media/image/template_images/copyright.png) top left no-repeat; height: 34px; padding-left: 32px; position: absolute; width: 200px; }
/* ------------------- Footer Navigation ------------------- */
	#footer-navigation { left: 232px; position: absolute; }
		#footer-navigation li { display: inline; margin-left: 10px; }
		#footer-navigation li a { color: #fff; }
		#footer-navigation li a:hover { color: #fff; }
/* ------------------- Footer Navigation ------------------- */


/* ------------------- Infos ------------------- */
	#info { color: black; font: 12px Tahoma; height: 60px; position: absolute; right: 15px; text-align: right; top: 120px; }
		#info li { border-left: 1px solid black; display: inline; float: left; height: 60px; margin-right: 3px; padding: 0 5px; }
		#address { width: 120px; }
		#contact { width: 140px; }
		#copyright { margin-right: 0; padding-right: 0; }
/* ------------------- Infos ------------------- */

/* ------------------- Footer Content ------------------- */

/* ------------------- CSS3 Specific ------------------- */

/* ------------------- Fonts ------------------- */

/* ------------------- Fonts ------------------- */