/* signature
atu, august 2009 / kaan yżlmaz  
*/


/* General-Styles */  
  
body {  
        background: #e6e6e6;
		line-height:1;
		margin: 0 auto;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size:11px;
		color:#2d2d2d;
        }
		
a, a:link, a:visited {text-decoration:none; color:#acacac;}
a:hover{text-decoration:none;cursor: pointer;color:#fff;}

.cleaner {clear:both;}
.floatLeft {float:left;}
.floatRight {float:left;}
.spacer {width:20px; height:20px; float:left; background: transparent;}

/* Main Styles Start */ 

#wrapper {
		 margin: 0 auto;
		 height:100%;
		 position: relative;
	     }
		
#container {
	      width: 960px;
		  height: 100%;
	      position: relative; 
	      margin: 0 auto;
	      }
		  
#leftBack, #rightBack { 
		 width: 10px;
		 position: relative;
		 margin:0 top;
		 float:left;
		 background:transparent;
	     }
		 		 
#content { 
         background: #d4d2d1 url(../images/bg_content.jpg) repeat-x center top;
		 width: 938px;
		 height: 100%;
		 position: relative;
		 float:left;
		 z-index:1;
	     }
		 
     /* Top Part Styles Start */ 
#top {   
         width: 870px;
		 height: 232px;
         margin: 0 34px;
		 position: relative;
		 z-index:2;
	     }
		 
#logo {top:45px; position:relative; float:left;}

/* Top Navigation Styles */
#topNavWrapper {top:85px; position:relative; float:right;}
.topNav {position:relative; background:url(../images/topnav/back_line.png) repeat-x; height:32px; width:639px}
.topNav ul {list-style:none; position:absolute; z-index:100; padding:0;}
.topNav li {float:left;}
#topNavSlider {position:absolute; bottom:0; height:2px; background:#ce1b24; z-index:101}
/* Top Navigation Styles */

#topMiniNavWrapper { top:45px; height:55px; position:relative; float:right; }
.topMiniNav ul { list-style:none;  z-index:100; padding:0;}
.topMiniNav li {float:left;}
.topMiniNav li.english {padding:11px 2px 0 0;}

a.buttonEng { background:url(../images/english-sprite.png) repeat 0px 0px; width:54px; height:24px; display: block;}
a.buttonEng:hover { background: url(../images/english-sprite.png) repeat 0px -24px; }	 
     /* End Of Top Styles */ 
		 	 		 		 

       /* Footer Styles */ 		 
#footer { 
         background: url(../images/back_footer.jpg) no-repeat;
		 width: 938px;
		 height: 229px;
		 text-align:left;
	     }
		 
#footer ul{ float:left; margin:65px 0 0 0; padding:0; font-size:9px; list-style:none; }
#footer ul li{ background: url(../images/footer_red_sqr.gif) no-repeat 0 8px; line-height:13px;}	
#footer ul li a {padding-left:10px; color:#505050; text-decoration:none;}
#footer ul li a:hover {padding-left:6px;color:#d02128; border-left:4px solid #e51e26;}

#footer ul#nav-a li  {width:143px; border-bottom:1px solid #9e9d9d; padding:3px 0; margin-left:45px;}
#footer ul#nav-b li  {width:53px; border-bottom:1px solid #9e9d9d; padding:3px 0; margin-left:50px;}
#footer ul#nav-c li  {width:149px; border-bottom:1px solid #9e9d9d; padding:3px 0; margin-left:50px;}
#footer ul#nav-d li  {width:180px; border-bottom:1px solid #9e9d9d; padding:3px 0; margin-left:50px;}
      /* End Of footer */ 	 		

	  
#copyright { 
         background: url(../images/bg_copyright.jpg) no-repeat;
		 width: 938px;
		 height: 35px;
		 font-size:10px;
		 color:#b1b0af;
		 line-height:14px;
		 padding:22px 0 0 43px;
	     }
		 
#copyrightNav { line-height:14px;float:right; top:2px; right:80px;position:relative;}
html > body #copyrightNav {*top:-12px;} /* IE7 Hack */		 		   	 		  		 			 		  
/* End Of Main Styles */ 	


        /** MAIN PAGE **/ 	

/* Slider */	
#FlashSlider { width: 889 px; height:310px; margin:0 25px; padding:7px 17px 0 17px; background: url(../images/back_slider.png) no-repeat;}
/* End of Slider*/	

/* 3 Boxes */	
#Main3Boxes { width: 877px; height:175px; margin:0 31px; padding:13px 0 0 9px; background: url(../images/3box_back.png) no-repeat;}
#Main3Boxes ul { width: 850px; height:150px; margin:0; padding:0 0 0 32px; float:left;}
#Main3Boxes ul li{ width: 230px; height:150px; margin:0 51px 0 0; padding:0; float:left; list-style-type:none; list-style: none; display:inline;}
#Main3Boxes ul li p {margin:35px 0 0 0; padding:0;line-height:15px; text-align: justify;}
#Main3Boxes ul li span.header {margin:0; top:15px; position:relative;}
#Main3Boxes ul li span.icon{margin:0; top:0; float:right; position:relative;}
html > body #Main3Boxes ul li span.icon {*top:-17px;} /* IE7 Hack */

a.button3box { background:url(../images/3box_buton.png) repeat 0px 0px; width: 20px; height: 20px; display: block; float:right;}
a.button3box:hover { background: url(../images/3box_buton.png) repeat 0px -20px; }
/* End 3 Boxes */	

     /** End Of MAIN PAGE **/ 	



		/** INNER PAGE **/ 	

#innerContent {width:894px; height:100%; margin:20px 22px; padding:0; background: url(../images/back_inner_content.png) no-repeat;}
#tabContainer {width:870px; height:100%; margin:0 auto; padding:0;}
#noTabContainer {
	clear: left;
	padding:60px;
	background: #eaeaea;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	line-height:18px;
	text-align:justify;
	width:750px;
}

.innerHeader {margin:30px 0 30px 0;}
.innerIcon {width:67px; height:59px; float:right; margin:0; position:relative; right:30px; top:-13px;  z-index:2;}
.innerContentImgBack { width:761px; height:219px; margin:0; padding:8px 0 0 11px;position:relative; background: url(../images/back_inner_content_img.png) no-repeat;z-index:5;}
.innerContentImgBack2 { width:761px; height:219px; margin-top:-20px; padding:8px 0 0 11px;position:relative; background: url(../images/back_inner_content_img.png) no-repeat;z-index:5;}

#innerNav { width:806px; height:58px; margin:0; top:-60px; left:-61px; padding:0; position:relative;z-index:200;}

/* about page */
.imgFloat {margin:0 30px 30px 0; float:left;}
p.spacer20{margin:20px 0;}
.info {padding:3px 0 5px 20px; background: url(../images/icon_info.png) no-repeat 0 3px; font-style:italic; font-size:10px;}
.info2 {width:600px; padding:3px 0 5px 20px; background: url(../images/icon_info2.png) no-repeat 0 6px; font-style:italic; font-size:10px;}
.iconPromation {top:4px; position:relative;margin:0 2px;}
h2.inner {font-size:13px;font-weight:bold;letter-spacing:2px;margin:30px 0 20px 0;}
h3.inner {font-size:12px;font-weight:bold;letter-spacing:2px;margin:30px 0 20px 0;color:#b71920}
a.inner {text-decoration:underline;color:#c91b23;}
a.inner:hover {text-decoration:none;color:#000;border-top:1px solid #c91b23;}

/* Limitler Table */
table.onSip {width:720px; background:#464646;color:#d4d2d1;}
caption.onSipCap {width:530px; padding:8px 10px; background:#363636; border-bottom:1px solid #555; border-top:1px solid #646464; border-left:4px solid #464646; border-right:2px solid #464646; color:#fff; font-weight: bold; text-align:left;letter-spacing:2px;}

td.onSip1,td.onSip11 {width:50px; padding:0 12px; background:#464646; border-bottom:1px solid #646464; border-top:1px solid #646464; line-height:32px;font-weight: bold;left;letter-spacing:2px;font-size:11px;}
td.onSip1 {color:#87c221;}
td.onSip11 {color:#21acc2;}

td.onSip2 {width:300px; padding:6px 8px; background:#3c3c3c; border-bottom:2px solid #464646;}
td.onSip3 {width:130px;  padding:6px 8px; background:#363636; border-bottom:2px solid #464646;border-left:2px solid #464646; border-right:10px solid #464646;border-top:2px solid #464646;}
td.green {background:#87c221;font-size:11px;color:#363636;}
td.blue {background:#21acc2;font-size:11px;color:#363636;}
/* End Of Limitler Table */

/* end of about page */	


/* customer page */	
#blueList {width:400px; height:100%}
#blueList ul{width:300px; margin:0 20px; padding:0; float:left; display:block;}
#blueList ul li {width:100%; margin:0; padding:3px 0 5px 12px; float:left; display:block; background: url(../images/bullet_blue.gif) no-repeat 0 10px;border-bottom:1px solid #bcbcbc;border-top:1px solid #fff;}

.numBack {background:#b71920;color:#fff;padding:0 3px;font-size:10px;}
.faqIcon {width:208px; height:27px; float:right; margin:0; position:relative; right:-68px; top:-13px;  z-index:5;}

#redList {width:650px; height:100%}
#redList ul{width:600px; margin:0 20px; padding:0; float:left; display:block;}
#redList ul li {width:100%; margin:0; padding:3px 0 5px 12px; float:left; display:block; background: url(../images/bullet_red.gif) no-repeat 0 10px;border-bottom:1px solid #bcbcbc;border-top:1px solid #fff;}

a.buttonOrder { background:url(../images/shopping-sprite.png) repeat 0px 0px; width:248px; height:48px; display: block;float:right;}
a.buttonOrder:hover { background: url(../images/shopping-sprite.png) repeat 0px -48px; }	
/* end of customer page */		


/* shop page */	
#logos {width:100%; height:100%;}
#logos ul{width:700px;display:block;}
#logos ul li {width:131px; margin:40px 40px 0 0; padding:10px; float:left; display:inline;border:1px solid #ccc}
/* end of shop page */	

/* FORM ELEMENTS */

/* change textfield and textarea background field */
.activeField {background-image: none; background-color: #d7d7d7; border: solid 1px #fff;}
.activeField2 {background-image: none; background-color: #fff; border: solid 1px #cecece;}
.changeFormBack {border: solid 1px #fff; background:#fff; background-image: url( '../images/back_textfield.png' ); background-repeat: repeat-x;background-position: top;}

.inputText {height:17px; width:180px; padding:4px 7px 0 5px;color:#363636; line-height:13px;}
.inputText a:focus {height:21px;}

.inputTextArea {height:100%px; width:180px; padding:10px 7px 0 7px; color:#242423;font-size:11px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.inputTextArea a:focus {height:100%px;}


dl#form {width:800px; height:100%; font-size:14px; float:left; margin:0; padding:0 0 30px 0; display:inline;}
dl#form a{color:#404045;text-decoration:underline;}
dl#form dt {float:left; padding:0; margin:0;}
dl#form dd {float:left; margin:0px; line-height:19px;}

dl#form dd.d1 {width:180px; font-size:11px; font-weight:bold; color:#404045;text-align:left;}
dl#form dd.d2 {width:1px; margin:0 15px;float:left;}
dl#form dd.d3 {width:220px; float:left; margin:0 5px; line-height:15px; color:#fff; font-size:11px; color:#404045;}
dl#form dd.d4 {width:180px; font-size:11px; float:left; color:#404045;}
dl#form dd.d5 {width:20px;float:left; margin:0 5px;}
dl#form dd.d6 {width:100%px;float:left;margin:0 10px 0 0;font-size:12px;}
dl#form dd.d7 {width:80px; float:left; margin:0 15px 0 5px; line-height:15px; color:#fff; font-size:11px; color:#404045;}


dl#form dd.title {width:750px;font-size:12px; margin:10px 0; font-weight:bold; color:#b71920; border-top:1px solid #bcbcbc; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; padding:3px 0;}

dl#form.padding15 {padding:0 0 15px 0;}
dl#form.padding5 {padding:0 0 5px 0;}

/* Photo Add */
dl#form #formPhotoAdd {width:210px; height:200px; float:right; margin:0; padding:40px; position:absolute;  background:#fcfcfc url(../images/back_textfield.png) repeat-x top; right:92px; top:929px;  z-index:22; border-top:1px solid #fff; border-bottom:1px solid #bcbcbc; border-left:1px solid #ffffff;border-right:1px solid #bcbcbc;}
html > body dl#form #formPhotoAdd {*top:903px;} /* IE7 Hack */


#divinputfile{background:url(../images/submit_gozat.png) no-repeat 100% 1px; height:28px; width:200px; margin:-30px 0 0 5px; }
#divinputfile #browse{opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); font-size:11px;background:red}
#fakeinputfile{margin-top:-28px;height:14px;}
#fakeinputfile #browse{width:130px; height:19px;font-size:11px;font-family:Arial;}

/* End of Photo Add */


.selectBox1 {width:170px; font-size:11px; color:#404045; background:#d7d7d7;padding:4px;}
html > body .selectBox1 {*margin-left:4px} /* IE7 Hack */
.selectBox2 {width:170px; font-size:11px; color:#404045; background:#d7d7d7;margin-right:20px;}


.hoverSubmit {cursor:pointer;}

#applyHeader {width:729px; height:28px;margin:45px 0;}
#applyHeader ul{float:left; display:inline;}
#applyHeader ul li {margin:0; padding:0; float:left; display:inline;}	 		   	 		  		 			 		  
/* end of change textfield and textarea background field */

/* end of FORM ELEMENTS */	


/* Sitemap Styles Start */
#box-wrap           { font: 14px Arial, Helvetica, sans-serif; background:#3a3839; width: 755px; padding:25px 0; }
#box-wrap div       {width: 675px; margin: 0 auto; }

#box-wrap  a	    { text-decoration: none; color: #eee; display: block; padding: 4px 0;}
#box-wrap  a:hover  { text-decoration: underline; }

#siteMap ul         { font-size:13px; padding: 8px 25px; list-style: none; -webkit-box-shadow: 2px 2px 5px black; background: #282828;} 
#siteMap ul ul      { background: #393939; font-size:13px;}
#ul ul ul			{ background: #4b4b4b; font-size:12px;}
#ul ul ul ul		{ background: #5a5a5a; font-size:12px;}
/* End Of Sitemap Styles */

     /** End Of INNER PAGE **/