@import url("shared.css");

.title                          { width:255px; height: 74px; color: #5BC4BF; padding: 40px 10px 30px 0px; position: relative; float: left; }
.title h4                       { font: bold 40px/29px Calibri; color: #5BC4BF; letter-spacing:-2px; background: url(../images/title-icon.png) no-repeat 0px 35px; padding: 14px 0px 0px 0px;}
.title p                        {  position: relative;left: 22px;font: italic 12px/16px Calibri;color: #e49001;}

.navi                           { font-size:12px; position:relative; left: 0px; top: 31px;}
.navi a                         { color: #C3C3C3;}
.navi a:hover                   { text-decoration:underline}

.banner                         { float: right; width: 670px;z-index: 1;position: relative; height: 144px; overflow: hidden; background: #fff url(../images/bannerbg.png) no-repeat top left; line-height: 177px; }
.banner img                     { width: 100%; min-height: 100%; display: block; }
.slider-mask                    { width:145px; height:363px; position:absolute; right:-143px; top:0px; float:left; background:url(../Images/slider-back.png) left top no-repeat; z-index: 0; }
#main				            { margin: 0px auto 2px auto; z-index:2; }
.content-top		            { width:960px; height: 144px; float:left; position:relative;padding:0px 0px; background-color: #fff; }
.content-main		            { width: 960px;  float:left; background-color:#fff; position:relative;  }
.content-bottom	                { width:960px; height:19px; float:left; background-color:#fff; position:relative;  }

.content-top .actions			{ height:11px; position:absolute; right:382px; top:22px; z-index:2; }
.content-top .actions li		{ float:left; margin-left:8px; }
.content-top .actions li:first-child	{ margin-left:0px; }
.content-top .actions li.write	{ border-right:1px solid #c9c9c9; padding-right:8px; }
.content-top .actions li.write a{ background:url(../Images/write.png) left center no-repeat; padding-left:21px; }
.content-top .actions li a		{ height:11px; font-size:11px; color:#9d9d9d; }
.content-top .actions li a.minus{ font-size:12px; font-weight:bold; }
.content-top .actions li a.plus	{ font-size:13px; font-weight:bold; }
  
.content-left			        { width: 620px;min-height:452px; float:left; font-size: 13px; padding: 20px 20px; line-height: 22px; text-align:justify; border: 1px solid #ddd; color: #939393;}
.content-left_dt    	        { width: 918px;min-height:452px; float:left; font-size: 13px; padding: 20px 20px; line-height: 22px; text-align:justify; border: 1px solid #ddd; color: #939393;}
.content-left h2		        { font-size: 18px; line-height:18px; color:#47B5AE; text-align: justify; margin-bottom:12px; font-family: calibri; font-weight: bold;}
.content-left h3		        { font-size:14px; line-height:18px; color:#404040; margin-bottom:8px; }
.content-left .text	            { font-size:12px; line-height: 19px; color:#404040; text-align: justify;}
.content-left .content-image	{ width:100%; padding:12px 0px; }
.content-right		            { width:292px; float:left; margin-top: -49px; position:relative; z-index:3; }
.menu-container		            { width: 272px; float:right; }
.menu-top			            { width: 187px; height: 49px; margin-left: 1px;float:left; background:url(../Images/menu-top.png) left top no-repeat; padding: 0px 44px 0px 61px; line-height: 49px; font-size: 18px; font-weight: lighter; color:#fff; }
.menu-main			            { width: 277px; float:left;margin-left: 1px; padding: 0px 0px;}
.menu-bottom		            { width:300px;  float:left;  }
	

/* ### right menu ### */


.menu-main li a                 { display: block; background-color: #f3f5f5; text-decoration: none; /* padding: 10px 44px; */ color: #646464; border-bottom: 1px solid #d3d3d3; -webkit-transition: background-color 0.2s, color 0.2s; -moz-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s; line-height: 40px; position: relative;}
.menu-main li a:before          { content: "\f105"; display: block; position: absolute; right: 84%; top: 0; padding: 0 10px; color: #fff; background-color: #0FA3C2; font: 18px/46px "FontAwesome"; height: 100%; opacity: 0; text-align: center; width: 13%; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; }
.menu-main li a:last-child      { border-bottom: 0 none; }
.menu-main li a:hover, 
.menu-main li a.active { background-color: #2ebedc; color: #FFF; }
.menu-main li a:hover:before, 
.menu-main li a.active:before { opacity: 1; filter: alpha(opacity=100); }
.menu-main li                   { display: block; background-color: #f3f5f5; text-decoration: none; clear: both; color: #fff; /* padding: 10px 25px 5px; */ font-size: 18px; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; height: 37px; margin-bottom: 4px;}
.menu-main li span              { margin: 0px 10px 7px 0; }
.menu-main li:hover             { background-color: #2ebedc; }

.menu-main li a i               { float: left; width: 44px; height: 40px; /* padding-right: 16px; */ font-size: 19px; text-align: center; font-weight: lighter; line-height: 37px; color: #ddd;
                                -webkit-transition: color 0.2s, background-color 0.2s; 
                               -moz-transition: color 0.2s, background-color 0.2s; 
                               -ms-transition: color 0.2s, background-color 0.2s; 
                               -o-transition: color 0.2s, background-color 0.2s; 
                               transition: color 0.2s, background-color 0.2s;
                                 background-color: #efefef; margin-right: 19px;

}
.menu-main li a:hover i               { opacity:0}





/* ### right menu icon ### */



.buttons                        { float: left;margin-top:5px;}

.portfolio                      { float: left; width: 90px; position: relative;margin-right: 4px;}
.portfolio a                    { display: block; margin: 0; background-color: #24c591; text-align: center; height: 60px; line-height: 90px; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; column: #fff; position: relative; font-weight: bold; font-size: 24px; font-family: 'Open Sans'; font-weight: normal;}
.portfolio a span               { background: url(../images/icons.png) no-repeat -345px -53px;display: inline-block;overflow: hidden;margin: 1px 2px 0;vertical-align: text-top; -webkit-transition: opacity 0.2s, transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); margin-top: 15px;}
.portfolio a i                  { font-size: 17px;position: absolute; left: 0; top: 50%; margin-top: -10px; z-index: 1; font-style: normal; width: 100%; line-height: normal; opacity: 0; filter: alpha(opacity=0); color: #fff; -webkit-transition: opacity 0.2s, transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); }
.portfolio a:hover              { background-color: #24c591; }
.portfolio a:hover span         { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); }
.portfolio a:hover i            { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.def-icon-port                  { background-position: 0 -53px; width: 67px;height: 55px;margin: 0px auto;}

.makina                         { float: left; width: 90px; position: relative;margin-right: 4px;}
.makina a                       { display: block; margin: 0; background-color: #0ca2c3; text-align: center; height: 60px; line-height: 90px; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; column: #fff; position: relative; font-weight: bold; font-size: 24px; font-family: 'Open Sans'; font-weight: normal;}
.makina a span                  { background: url(../images/icons.png) no-repeat -345px -7px;display: inline-block;overflow: hidden;margin: 1px 2px 0;vertical-align: text-top; -webkit-transition: opacity 0.2s, transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); margin-top: 15px;}
.makina a i                     { font-size: 16px;position: absolute; left: 0; top: 36%; margin-top: -10px; z-index: 1; font-style: normal; width: 100%; line-height: normal; opacity: 0; filter: alpha(opacity=0); color: #fff; -webkit-transition: opacity 0.2s, transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); }
.makina a:hover                 { background-color: #0ca2c3; }
.makina a:hover span            { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); }
.makina a:hover i               { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.def-icon-mak                   { background-position: 0 -53px;width: 67px;height: 55px;margin: 0px auto;}

.hizmet                         { float: left; width: 90px; position: relative;}
.hizmet a                       { display: block; margin: 0; background-color: #5ac4be; text-align: center; height: 60px; line-height: 90px; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; column: #fff; position: relative; font-weight: bold; font-size: 24px; font-family: 'Open Sans'; font-weight: normal;}
.hizmet a span                  { background: url(../images/icons.png) no-repeat -345px -91px;display: inline-block;overflow: hidden;margin: 1px 2px 0;vertical-align: text-top; -webkit-transition: opacity 0.2s, transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); margin-top: 15px;}
.hizmet a i                     { font-size: 16px;position: absolute; left: 0; top: 50%; margin-top: -10px; z-index: 1; font-style: normal; width: 100%; line-height: normal; opacity: 0; filter: alpha(opacity=0); color: #fff; -webkit-transition: opacity 0.2s, transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); }
.hizmet a:hover                 { background-color: #5ac4be; }
.hizmet a:hover span            { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); }
.hizmet a:hover i               { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.def-icon-hiz                   { background-position: 0 -53px;width: 67px;height: 55px;margin: 0px auto;}


/* ### right menu icon end ### */



/* ### Contact Page ### */
.contact-container				{ width:614px; float:left; }
.contact-left					{ width:384px; float:left; margin:-18px 0px 0px -21px; }
.contact-left table				{ width:384px; }
.contact-left table tbody tr.odd{ background:#eeeeee; }
.contact-left table tbody tr td:first-child	{ font-size:13px; font-weight:bold; color:#233531; padding-left:20px; }
.contact-left table tbody tr td.identifier	{ width:48px; }
.contact-left table tbody tr td { padding:12px 6px; font-size:12px; color:#233531; line-height:18px; }
.contact-left table tbody tr td a{font-size:12px; color:#233531; line-height:18px; }
.contact-left table tbody tr td a:hover{ text-decoration:underline; }
.contact-right					{ width:239px; height:590px; float:left; margin:-18px 0px 0px -7px; position:relative; }
.contact-right img			    { position:relative; z-index:1; }
.contact-right .contact-pin		{ width:68px; height:434px; position:absolute; left:-2px; top:0px; z-index:2; background:url(../Images/contact-pin.png) left top no-repeat; }


.form-container					{ width:321px; float:left; margin:24px 0px 0px 14px; }
.form-container	.identifier		{ width:321px; float:left; font-size:12px; color:#2b342a; line-height:24px; }
.form-container .form-element	{ width:321px; margin-bottom:6px; }
.form-container input[type="text"]{ width:257px; height:18px; padding:9px 14px; background:transparent url(../Images/textbox.png) left top no-repeat; font-size:11px; color:#2b342a; }
.form-container textarea		{ width:293px; height:122px; padding:9px 14px; background:transparent url(../Images/textarea.png) left top no-repeat; font-size:11px; color:#2b342a; }
.form-container input[type="submit"]{ width:79px; height:34px; background:transparent url(../Images/button.png) left top no-repeat; font-size:12px; color:#fff; font-weight:bold; cursor:pointer; }


/* ### Accordion ### */
#accordion-container, .accordion-content, .accordion-content > li				{ width: 624px; float:left; }
.accordion-content li		    { margin-bottom: 4px; }
.accordion-content li.active	{ margin-bottom:0px; }
.accordion-content li h2		{ width: 601px; height:47px; float:left;  border: 1px solid #ddd;  font-size: 17px; color: #888888; padding-left: 19px; line-height:47px; cursor:pointer; margin-bottom:0px; position:relative; font-weight: normal;}
.accordion-content li h2:hover,.accordion-content li.active h2	{ color: #5BC4BF;  -webkit-transition: all .30s ease-in-out;-moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out;}

.accordion-content li .content	{ width: 552px; float:left; margin: -1px 5px 0px 0px; padding:22px 34px; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
.accordion-content li .content p{ font-size:12px; color:#414141; line-height:17px; }
.accordion-content li.active:last-child	{ padding-bottom:2px; border-bottom: 1px solid #ddd;}	
.accordion-content li ul li	    { width:33%; float:left; text-align:center; background:url(../Images/brand-seperator.png) left center no-repeat; }
.accordion-content li ul li.first-item	{ background:none; }
   
.accordion-content li h2 span	{ width:69px; height:47px; display:block; position:absolute; right: -2px; top:0px; background:url(../Images/accordion-icons.png) 0px 0px no-repeat; }
.accordion-content li h2 span img	{ display:none}
.accordion-content li h2 .icon2	{ background-position:0px -51px; }
.accordion-content li h2 .icon3	{ background-position:0px -105px; }
.accordion-content li h2 .icon4	{ background-position:0px -158px; }
.accordion-content li h2 .icon5	{ background-position:0px -212px; }
.accordion-content li h2 .icon6	{ background-position:0px -266px; }
.accordion-content li h2 .icon7	{ background-position:0px -320px; }
.accordion-content li h2 .icon8	{ background-position:0px -374px; }
.accordion-content li h2 .icon9	{ background-position:0px -428px; }
.accordion-content li.active h2 .icon1,.accordion-content li h2:hover .icon1		{ background-position:-69px 0px; }
.accordion-content li.active h2 .icon2,.accordion-content li h2:hover .icon2		{ background-position:-69px -51px; }
.accordion-content li.active h2 .icon3,.accordion-content li h2:hover .icon3		{ background-position:-69px -105px; }
.accordion-content li.active h2 .icon4,.accordion-content li h2:hover .icon4		{ background-position:-69px -158px; }
.accordion-content li.active h2 .icon5,.accordion-content li h2:hover .icon5		{ background-position:-69px -212px; }
.accordion-content li.active h2 .icon6,.accordion-content li h2:hover .icon6		{ background-position:-69px -266px; }
.accordion-content li.active h2 .icon7,.accordion-content li h2:hover .icon7		{ background-position:-69px -320px; }
.accordion-content li.active h2 .icon8,.accordion-content li h2:hover .icon8		{ background-position:-69px -374px; }
.accordion-content li.active h2 .icon9,.accordion-content li h2:hover .icon9		{ background-position:-69px -428px; }

.SepetMenu                       { float:left; height:113px; width:297px;background:url(../Images/basket-bg.jpg) 0px 0px no-repeat; position:relative}
.SepetMenu span                       {width: 210px;margin-top: 12px;float: right;font: normal 14px/18px Calibri;color: #fff;}
.Sepetegit                       {float: right;width: 200px;margin-top: 17px;font: bold 18px/18px Calibri;color: #fff;}
.Sepetegit:hover                       { text-decoration:underline;}
#SepetMenu                          {display:none}

#MenuModule                      { width: 209px;  height: 50px;  float: left;     font-size: 16px;  font-weight: bold;  margin:-36px 0px -16px 55px; color: #FFFFFF;}

/* ### �r�n List ### */
#Product_List                    { float:left;}
#Product_List li                 { float:left; width:305px; height:264px; margin-left:7px; margin-bottom:10px; position:relative}
#Product_List .urunresim         { width: 301px; height:225px; border:solid 2px #fea611 ;overflow:hidden}
#Product_List .mask              {}
#Product_List p                  {}
#Product_List .Price             {}
.Product_triangle                { position: absolute;right: -42px;top: 0;height:39px;width:112px;background: url(../Images/productlist-icon-arrow.png) left center no-repeat; }
.Product_Title                   { width: 262px; height:40px; background-color:#fea611 ; float:left; position: relative;}
.Product_Title h2                { padding: 10px 5px 5px 47px;background: url(../Images/productlist-icon.png) 14px 6px no-repeat; font-family:Calibri; font-size:20px; font-weight:normal;letter-spacing: -1px;}
.ekle_Link                       { display:none;}


#Product_Dt                      { float:left; min-height: 403px; position:relative}
#Product_Dt .mask                { float:left; top:0px; left:0px; width: 323px; height: 338px; position: absolute; border: solid 2px #fea611;z-index:1}
#Product_Dt img                  { float:left; border: solid 1px #ddd; margin: 10px 20px 10px 10px; position:relative; z-index:5}
#Product_Dt h2                   { float:left;background: url(../Images/product-deatil-title.jpg) left top no-repeat; padding: 9px 0px 14px 43px; width: 253px; font-weight: normal; margin-left: -10px; margin-bottom: 5px;}
#Product_Dt h4                   { font: normal 20px/21px Calibri; color:#6c2b13; margin-bottom: 6px;}
#Product_Dt p                    { font: normal 14px/18px Calibri; color: #939393;}
#Product_Dt .fiyat               { float:left; width: 172px; text-align: center; line-height: 40px; font: bold 20px/49px Calibri;}
#Product_Dt .Sepet_Link          { float:left; padding: 9px; font: bold 19px/20px Calibri; letter-spacing: -1px; color: #fff;}
.price-basket                    { float:left; width: 325px; height: 50px; border:1px solid #ddd; margin-top: 2px; position:absolute; top: 344px; left: 0;}
.price-basket .fiyat             { }
.price-basket .basket-add        {background: url(../Images/basket-button.jpg) left top no-repeat; width: 145px; margin-top: 6px;height: 39px; float:left}
.price-basket .basket-add:hover  { opacity: 0.9;    filter: alpha(opacity=90);}


.Other_Products                 { float:left;}
#othertitle                     { float:left;background: url(../Images/othertitle-bg.jpg) left top no-repeat; width: 573px; height:35px; padding: 8px 0px 0px 52px; font-weight: normal; color: #bdbdbd; margin-bottom: 0;}


.Other_Products #Product_List                    { float:left; margin:0; position:relative; width:614px}

.Other_Products #Product_List li:first-child     { margin-left:0px;}
.Other_Products #Product_List li                 { float:left; width:194px; height:264px; margin-left: 16px; margin-bottom:10px; position:relative}
.Other_Products #Product_List .urunresim         { width: 195px; height: 189px; border: solid 1px #DADADA;overflow:hidden}
.Other_Products #Product_List .urunliste_resim .urunresim img        { height: 195px; float: left;}
.Other_Products #Product_List .mask              {}
.Other_Products #Product_List p                  {display:none}
.Other_Products #Product_List .Price             {display:none}
.Other_Products .Product_triangle                { position: absolute;right: -42px;top: 0;height:39px;width:112px;background: url(../Images/productlist-icon-arrow.png) left center no-repeat; }
.Other_Products .Product_Title                   { width: 262px; height:40px; background-color:#fea611 ; float:left; position: relative;}
#Product_Title                                   { padding: 9px 0 7px 23px; background: url(../Images/othertitle.jpg) -3px 6px no-repeat; font-family:Calibri; font-size: 17px; font-weight:normal; width: 200px; letter-spacing: -1px; margin-top: -6px; margin-bottom: 0; color: #939393;}
.Other_Products .ekle_Link                       { display:none;}
.Other_Products .Dt_Link                         { display:none;}





.sube                                   { float:left; background:url(../Images/navi.jpg) 518px 65px no-repeat;}
.iletisim                               { display:block; float :left; /* background:url(../Images/navi.jpg) 518px 65px no-repeat; */ /* width: 420px; */ margin-top:25px;}
.iletisim h4                            { float:left; width: 600px; height: 30px; background-color: #FE8D0E; font: normal 18px/20px Calibri; color:#fff;padding: 9px 0px 0px 19px;}
.iletisim h4 a                          { float: right;margin-right: 25px;color: #fff;font-size: 14px;}
.iletisim h4 a:hover                    { text-decoration:underline}
.iletisim ul                            { float: left;margin-bottom: 20px;}
.iletisim ul li                         { float:left;width: 453px; height:40px;background-color: #F7F7F7;margin-bottom: 5px;margin-right: 5px;}
.iletisim ul li i                       { margin-right:20px}
.iletisim ul li i.def-icon-marker       { float:left;width:37px; height:37px;background:url(../Images/contact-icon.png) left top no-repeat; }
.iletisim ul li i.def-icon-phone        { float:left;width:37px; height:37px;background: url(../Images/contact-icon.png) left -41px no-repeat; }
.iletisim ul li i.def-icon-fax          { float:left;width:37px; height:37px;background: url(../Images/contact-icon.png) left -83px no-repeat; }
.iletisim ul li i.def-icon-mail         { float:left;width:37px; height:37px;background: url(../Images/contact-icon.png) left -125px no-repeat; }
.iletisim ul li span                    { float: left;      font: normal 17px/38px Calibri;    color: #767676;}
.iletisim ul li span a                  { color: #5BC4BF;  float: left;      font: normal 17px/38px Calibri;}
.iletisim ul li span address            { float: left;     font: normal 17px/16px Calibri;    margin-top: 5px;}






/*Kontroller*/
.spanone                                {float: right;width: 100%;}

div.fx_area					            { width:645px; height:172px; float:left; background:url(../Images/Gnc_Area.png) left top no-repeat;}
div.fx_area textarea			        { width: 621px; height:130px; padding:6px; float:left; background:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5E5E5E; border: 1px solid #D7D7D7;} 
input.fx_btn					        {border: none; float:right; height:37px; width: 80px; background:url(Images/Gnc_Btn.png) left top no-repeat; text-align:center; font-size:15px; color: #FFF; background-color: #5BC4BF;margin-right: 17px;}
.spanone input.fx_btn					        {border: none; float:right; height:37px; width: 80px; background:url(Images/Gnc_Btn.png) left top no-repeat; text-align:center; font-size:15px; color: #FFF; background-color:#5BC4BF;margin-right: 0px;margin-top: 0px;}
input.fx_btn:hover                      { text-decoration:underline; opacity:0.9;filter:alpha(opacity=90); cursor:pointer; }
div.fx_identifier span img	            { float:left; position:relative; }
div.fx_identifier span.fx_error         { color:#D22229; font-size:11px;  margin-left:10px;}
 div.fx_input span.filesize             { height:24px; line-height:26px; display:inline-block; position:absolute; right:16px; top:-26px; }
 div.fx_cont					        { width:315px; float:left; margin-right:-3px; } 
 .spanone .fx_cont					    { width:315px; float:none; margin-right:-3px; } 


span.SuccessedMessage                    { width:560px; float:left; font-size:12px; color:red; margin-left:10px; margin-top:-28px; }

.fx_input textarea#ContentPlaceHolder1_ctl00_ctl00_tbxBody{   width:564px; height:101px; float:left; background:url(../Images/Gnc_Area.png) left top no-repeat;}

table.fx_table[accesskey='accordion']   { display:none; }
h2.table_selector                       { width:100%; height:32px; float:left; line-height:32px; color:#525252; cursor:pointer; }

div.fx_radio				            { width:100%; }
div.fx_radio label			            { color:#6D6D6D; font-size:12px; margin-left:3px; margin-right:10px; float:left;}
div.fx_radio input			            { float:left;}
div.radio_items				            { width:100%; height:20px; float:left; }
div.radio_items input		            { width:16px; height:16px; float:left; margin:0px 6px 0px 0px; }
div.radio_items label		            { float:left; line-height:16px; }

.spanone table.fx_table					    	{ width: 100%; float:left; margin-top:10px; position:relative; z-index:999; }
table.fx_table					    	{ width:630px; float:left; margin-top:10px; position:relative; z-index:999; }
	table.fx_table tr td			    { padding-bottom:5px; }
.spanone table.fx_table tr:nth-child(3) td .fx_identifier {
        padding-bottom: 5px;
        position: absolute;
        left: 412px;
        top: -1px;
    }    
    div.fx_identifier				    { width:100%; float:left; margin-bottom:2px; font-size:11px; color:#6D6D6D; position:relative; }
	div.fx_identifier span			    { font-size:12px; float:left; margin-right:3px; font-family:Arial, Helvetica, sans-serif;}
	div.fx_input input[type="text"]     {width: 299px;height: 40px;box-shadow: none;border: solid 1px #D7D7D7;}
	.spanone .fx_input input[type="text"]     {width: 390px;height: 40px;box-shadow: none;border: solid 1px #D7D7D7;}
div.Gnc_Area					        {  width:564px; height:101px; float:left; background:url(../Images/Gnc_Area.png) left top no-repeat;}
div.Gnc_Area textarea			        { width:564px; padding:6px; float:left; background:transparent; border:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#494949; } 
div.itembig_VRight input		        { float: right; height:30px; margin-right: 10px; background:transparent url(../Imagess/Gnc_Btn.jpg) left top repeat-x; cursor:pointer; text-align:center; font-size: 14px; width:84px; color: #FFFFFF; background-color: #B51714; padding:0px 12px; margin-top: -19px;}
div.fx_area_short textarea	    	    { width: 611px;border: solid 1px #D7D7D7;height: 162px;}
.spanone .fx_area_short textarea	    { width: 504px;border: solid 1px #D7D7D7; height: 241px;position: absolute;right: 0; top: 24px;}





.image_list                             { margin: 27px 0 0px 0px;    padding: 0;    list-style: none;    display: inline-block; }
.image_list li                          { position:relative;        width: 141px;height: 139px;overflow: hidden;padding: 5px 7px 0 0;margin: 0 9px 11px 0;      float: left; }
.image_list li:nth-child(4n+4)          { margin-right: 0; }
.image_list li:nth-child(8n+8)          { margin-right: 0; }
.image_list li:nth-child(12n+12)        { margin-right: 0; }
.image_list li:nth-child(16n+16)        { margin-right: 0; }
.image_list li a span                   { display: block;padding: 0 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.image_list li a span i                 { vertical-align: bottom;margin: 0 5px 0 0; }
.image_list li a img                    { position: relative;}
.image_list li a                        { border:solid 1px #F5F5F5;width: 150px; position:absolute; top:0px; left:0px;  height: 150px;         }




#Gallry_Dt_Module                       { margin: -7px 0 0px 4px;padding: 0;list-style: none;display: inline-block; }
#Gallry_Dt_Module li                    { position:relative;width: 140px;height: 109px;overflow: hidden;padding: 5px 7px 0 0;margin: 0 9px 11px 0;      float: left; }
#Gallry_Dt_Module li:nth-child(4n+4)    { margin-right: 0; }
#Gallry_Dt_Module li a span             { display: block;padding: 0 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
#Gallry_Dt_Module li a span i           { vertical-align: bottom;margin: 0 5px 0 0; }
#Gallry_Dt_Module li a img              { position: relative;}
#Gallry_Dt_Module li a                  { border:solid 1px #F5F5F5;width: 150px; position:absolute; top:0px; left:0px;  height: 112px;         }
div.photo_mask		                     {background-image: url(../Images/Photogalery_mask.png);z-index: 9;background-repeat: no-repeat;background-position: center center;position: absolute; display: none; height: 227px; width: 302px;top: -50px;left: -81px;}		
ul#Gallry_Dt_Module li:hover .photo_mask { display:block}

              	
ul#Gallry_List						     { margin: -10px 0px 0px 6px; float:left; width: 700px;}
    ul#Gallry_List li				     { background:url(../images/galeri_list_b.png) no-repeat; width: 297px; margin: 0px 21px 0px 0px; padding:1px; float:left; position:relative; /* margin-bottom:5px; */}
    ul#Gallry_List li img			     { float:left; margin:0px 0px 0px 0px; font-size:13px; color:#d22229; z-index: 3; position: relative; top: 3px; left:0px;}
    ul#Gallry_List li p				     { font-size:11px; margin:2px 0px 0px 5px; width:140px; float:left;  width:150px;display: none; color:#3f3f3f; }
    ul#Gallry_List li h2			     { margin: -48px 9px 29px -15px; float:left; color: #FFFFFF; width: 192px; font-weight:bold; position: relative; font: normal 16px/16px Calibri;  z-index: 9; padding: 11px; background: url(../images/phototitle.jpg) no-repeat 0px -4px; padding-left: 56px;}
    ul#Gallry_List li h2 .iconphoto      { width: 52px; height: 25px; position: absolute; right: -1px; top: 7px; background: url(../images/icons.png) no-repeat -1px -174px;
                                           -webkit-transition: color 0.2s, background-color 0.3s;
                                            -moz-transition: color 0.2s, background-color 0.3s;
                                            -ms-transition: color 0.2s, background-color 0.3s;
                                            -o-transition: color 0.2s, background-color 0.3s;
                                            transition: color 0.2s, background-color 0.3s;
                                            -webkit-transition: all 0.2s ease-in-out;
                                            -moz-transition: all 0.2s ease-in-out;
                                            transition: all 0.2s ease-in-out;
                                                    }
ul#Gallry_List li a:hover h2	        { }
ul#Gallry_List li:hover .iconphoto	    { right:-10px}
ul#Gallry_List li:hover .galeri_box	    { display:block;
                                        -webkit-transition: all 0.2s ease-in-out;
                                        -moz-transition: all 0.2s ease-in-out;
                                        transition: all 0.2s ease-in-out;
}
div.galeri_box				            {background-image: url(../Images/Photogalery_mask.png);z-index: 9;background-repeat: no-repeat;background-position: center center;position: absolute; display: none; height: 227px; width: 302px;top: -20px;left: -5px;}		

    
 /*DUYURU FINNISH*/

ul.Announ-list                          { float: left; margin: 0px 0 0 0px;position: relative;}
ul.Announ-list li a span                { color: #4D4D4D;   background: url(../Images/annoum-icon.png) 14px 11px no-repeat; font-family:Arial;   font-size: 14px; margin:0px 0 0px 0px; position:relative;  float: left; width:auto;  padding: 12px 5px 0px 48px;}  
ul.Announ-list li a .span2              { color: #CFCFCF; font-family:Arial; font-size:12px; margin:0px 0 0px 0px;   background: url(../Images/clock.png) 9px 13px no-repeat; position:relative;  float: right; width:auto;  padding: 13px 5px 0px 28px;}  
ul.Announ-list li a p:hover             { color:#8c8c8c; }
ul.Announ-list li a                     { float:none;  color:#323232; font-family:Arial; font-size:12px; margin:0px 0 0px 0px; position:relative;left:10px; top:0px; width:auto; }
ul.Announ-list  li h2                   { float:left; width:721px; margin:-0px 0px 0px 0px; font-size:16px; font-family:Myriad Pro; font-weight:normal; color:rgb(194, 116, 0); }
ul.Announ-list a li:hover               { background:url(../Images/duyuruhover.jpg) left bottom no-repeat;}
      
    #main .main-content #ctl00_ContentPlaceHolder1_ctl00_ctl00_divContent p{ width:700px; font-size:12px; color:#5c5c5c; line-height:17px; margin:7px 0px 0px 19px }


.st-Announ-detail .span1                { font: normal 23px/15px Calibri; color: #C72D21;}
.st-Announ-detail .span2                { float:right; color: #CFCFCF; font-family:Arial; font-size:12px; margin:-17px 0 0px 0px;   background: url(../Images/clock.png) 9px 13px no-repeat; position:relative;  float: right; width:auto;  padding: 13px 5px 0px 28px;}
.st-Announ-detail strong                { float:left; font: normal 17px/15px Calibri; color: #7B7B7B; margin: 11px 0px 6px 0px;}
.st-Announ-detail p                     { float:left; font: normal 14px/15px Calibri; color: #5E5E5E; line-height: 19px;}


div.Announ-image-mask                   { background:url(../Images/duyuru_mask.png) no-repeat; float:left; position: absolute; width:185px; height:165px; margin: 0px 0px 0px 0px; left:0px; top:0px; }
ul.Announ-list li img                   { float:left; margin-bottom:15px;left: 0px; }
#ContentPlaceHolder1_ctl00_ctl00_divContentList ul.Announ-list li.pictless a p { float:left; position: relative; margin:0px 0px 0px 0px;width:700px;font-size: 12px;line-height: 16px; color: #7a7a7a;z-index: 9;font-family:Arial, Helvetica; left:0}
#ContentPlaceHolder1_ctl00_pnlControl #ContentPlaceHolder1_ctl00_ctl00_divContent h2 {float:left; width:702px; font-family:Calibri; font-size:15px; font-weight:bold; color:#f33428; padding:0 0 5px 0px;margin:0px 0 0px 22px;  }

ul.Announ-list li.pictless              { width: 625px;height: 40px;padding: 0px 0 0 0px;float: left; margin-bottom: 2px; border-bottom:dashed 1px #ddd; background-color: #F9F9F9;}
ul.Announ-list li.pictless:hover        { background-color: #F2F2F2 ;}
#ContentPlaceHolder1_ctl00_ctl00_divContentList ul.Announ-list li.pictless a h2 {float:left; width:610px; font-family:Calibri; font-size:15px; font-weight:bold; color:#f33428; padding:0 0 0px 0px;margin:0px 0 0px 0px;  }
ul.Announ-list li.pictless a            { font-size:11px; float:left; width:620px; margin:0px 0 0 0px; color:#333; left: 0px;top: 0px;}
ul.Announ-list li.pictless a:hover      { text-decoration:underline; }	

div.other-Announ                        { margin-top: 40px; float:left; }
div.other-Announ h4                     { font: normal 16px/15px Calibri; border-bottom: 1px solid #D3D3D3; width: 625px; padding-bottom: 15px;}
div#ContentPlaceHolder1_ctl00_ctl00_divContent div.other-Announ h2 {width:637px;padding: 0px 0px 0px 0px;height:30px;margin: 0px 0px 0px 10px;float: left; border-bottom:1px dashed #ddd;  font-family: Arial,Helvetica;;font-size: 14px;font-weight: normal;color:rgb(59, 65, 87); }
div.Other_Products 					    { float:left;margin-top:30px;}
div.Other_Products ul					{ float:left; margin:12px 0px 0px 5px;}
div.Other_Products img					{ margin:-3px 3px 0px 0px;}
div.Other_Products ul li			    { margin:0px 0px 5px 0px; width:600px;float:left; padding-bottom:4px;}
div.Other_Products ul li a			    {height:18px;color:#fff; font-size:11px; }
div.Other_Products ul li a:hover	    { text-decoration:underline;}

ul.other-Announ                         {float: left;margin: 0px 0 0 0px;width: 652px;position: relative; }
ul.other-Announ li                      { width: 624px;height:37px;background: url(../Images/duyuru.png) left bottom repeat-x;margin:0px 0 0px 0px;float: left; border-bottom: 1px dashed #EDEDED;line-height: 38px; }
ul.other-Announ li:hover                { background: url(../Images/other_announhover.png) left bottom no-repeat;width:700px; }
ul.other-Announ li a                    { float: left; position: relative; margin: 0px 0px 0px 0px; font-size: 13px;font-weight:normal;color:#5e5e5e;width:700px; font-family:Lucida Sans Unicode; padding:0 0 0px 0px; background:url(../Images/duyuru_h2.png) left center no-repeat; z-index: 9;}
ul.other-Announ li a:hover              { color:#3a3a3a;}
ul.other-Announ li p                    { margin: 0px 15px 20px 15px;width: 613px;font-size: 12px;line-height: 16px;color: #727272;z-index: 9;position: relative;font-family: Arial;}
 /*DUYURU FINNISH*/



 /* --- Videolar   --- */

#Video_Gallry_List				            { width: 670px;float: left;margin:0px 0px 0px 19px;}
#Video_Gallry_List h1			            { float:left; color:#000; }
#Video_Gallry_List li				        { background:url(../images/galeri_list_b.png) no-repeat; position: relative; width:197px; height:171px; float:left;margin-right: 26px;margin-bottom: 39px}
#Video_Gallry_List li img			        { display:block; margin:0px auto; position:relative;left:0px;}
#Video_Gallry_List li a span		        { display:none; font-size:11px; margin:2px 0px 0px 5px; width:150px; float:left; color:#b8b8b8;  }
#Video_Gallry_List li h2			        { margin: -2px 2px 1px 34px;   float: left;   width: 143px;  font-weight:normal; font-size:14px;   font-family: neo sans pro; color:#424242;   height: 24px;   background-color: rgba(13, 95, 128, 0.12);   padding: 0px 9px 0px 10px;  line-height: 27px; text-decoration:none;}
.video_mask					                { width:197px;height:171px;background: url(../Imagess/photolist_mask.png) no-repeat;position: absolute;left: 0px;top: 0px;margin: 0px;z-index: 99;}
.video_mask:hover			                { width:197px;height:171px;background: url(../Imagess/photolist_mask_hover.png) no-repeat;position: absolute;left: 0px;top: 0px;margin: 0px;z-index: 99;}

ul#Video_Gallry_List_dt					    { float:left; margin:0px 0px 0px 12px; width:660px }
ul#Video_Gallry_List_dt li				    { width:147px; height:140px; float:left; position:relative; margin:-11px 16px 16px 0px }
ul#Video_Gallry_List_dt li a img	        { float: none;z-index: 9;display: block;height: 122px;margin: 2px auto;}
ul#Video_Gallry_List_dt li a h2		        { margin: -13px 2px 1px 36px;float: left; width: 90px;font-weight: normal; font-size: 12px;font-family: neo sans pro;color: #424242; height: 19px;background-color: rgba(13, 95, 128, 0.12);padding: 0px 9px 0px 10px; line-height: 21px;text-decoration: none;}
ul#Video_Gallry_List_dt li a p		        { float:left; margin:0px 0px 0px 2px; font-size:10px; color:#b8b8b8; display:none;}
ul#Video_Gallry_List_dt p:hover		        { text-decoration:underline;}
ul#Video_Gallry_List_dt .video_category_mask{ width:162px; height:130px; position:absolute; margin:0px 0px 0px 0px; z-index:99;background:url(../Imagess/videomask.png) no-repeat top left; left:0px; top:0px;}
ul#Video_Gallry_List_dt .video_category_mask:hover  { width:162px; height:125px; position:absolute; margin:0px 0px 0px 0px; z-index:99;background:url(../Imagess/videomask_hover.png) no-repeat top left; left:0px; top:0px;}


ul#Video_Gallry_List_dt_random			    { float:left; margin:5px 5px 5px -3px; width:660px }
ul#Video_Gallry_List_dt_random li		    { width:149px; height:140px; float:left; position:relative; margin:-11px 16px 16px 0px }
ul#Video_Gallry_List_dt_random li a img	    { float: none;z-index: 9;display: block;height: 122px;margin: 2px auto;}
ul#Video_Gallry_List_dt_random li a h2	    { margin: -13px 2px 1px 36px;float: left; width: 90px;font-weight: normal; font-size: 12px;font-family: neo sans pro;color: #424242; height: 19px;background-color: rgba(13, 95, 128, 0.12);padding: 0px 9px 0px 10px; line-height: 21px;text-decoration: none;}
ul#Video_Gallry_List_dt_random li a p	    { float:left; margin:0px 0px 0px 2px; font-size:10px; color:#b8b8b8; display:none;}
ul#Video_Gallry_List_dt_random p:hover	    { text-decoration:underline;}
ul#Video_Gallry_List_dt_random li .videomask{ width:162px; height:130px; position:absolute; margin:0px 0px 0px 0px; z-index:99;background:url(../Imagess/videomask.png) no-repeat top left; left:0px; top:0px;}
ul#Video_Gallry_List_dt_random li .videomask:hover  { width:162px; height:125px; position:absolute; margin:0px 0px 0px 0px; z-index:99;background:url(../Imagess/videomask_hover.png) no-repeat top left; left:0px; top:0px;}

div#ContentPlaceHolder1_ctl00_divVideo	    { float:left; margin:-12px 0 0 20px;width: 640px; }
div#ContentPlaceHolder1_ctl00_divVideo h3#other_videos_title { font-weight: normal;background-color:#f7f7f7; height:auto; padding: 10px;padding-left: 16px; ;width:638px;margin:13px 0px 13px -20px;float: left;  font-family:'Neo Sans Pro';font-size: 16px;color:#1f1f1f; border:none }
div#ContentPlaceHolder1_ctl00_divVideo h2#video_title { background-color:#f7f7f7; height:auto; padding: 10px;padding-left: 16px; ;width:638px;margin: 0px 0px 0px -20px;float: left;  font-family:'Neo Sans Pro';font-size: 16px;color:#1f1f1f; }
div#ContentPlaceHolder1_ctl00_divVideo p    { float: left;width: 580px;font-family: Arial;font-size: 12px;color: #323232;text-align: justify;margin: 10px 0 10px 0; }

div.Video_View						        { width: 627px;height: 333px;float: left;padding: 7px;border: 1px solid#DDD;margin-top: 0px;margin-left: 0px;}

ul#Video_Gallry_List_dt_other			    { float:left; position:relative; width:160px; height: 363px;  margin:0px 0 0 2px; overflow:hidden;display: none;}
ul#Video_Gallry_List_dt_other li 		    { width:150px; float:left; position:relative; cursor:pointer; margin:-3px 0px 0px 10px}
ul#Video_Gallry_List_dt_other h2		    { color: #2B87AA;margin: 3px 0px 3px 4px;width: 100px;font-size: 12px;float: left;font-weight: bold;z-index: 100;}
ul#Video_Gallry_List_dt_other li a p        { display: none;float:left; margin:0px 0px 0px 2px; font-size:11px; }
ul#Video_Gallry_List_dt_other p:hover	    { text-decoration:underline;}
ul#Video_Gallry_List_dt_other li a .video_other { float:left; width:125px; height:105px; position:absolute;background:url(../Images/video_other.png) no-repeat; margin:0px 0 0 0px; left:0px; top:0px; z-index:99; }
ul#Video_Gallry_List_dt_other li a img      { float:left; margin:0px 0px 0px 0px; font-size:13px; color:#d22229;position: relative; z-index:1; }

ul#Video_Gallry_List_dt h2			        { color:#444; padding:0px 0px 0px 0px;margin:10px 0px 0px 2px; width:150px; font-family:Arial; font-weight:bold; font-size:12px; }
ul#Video_Gallry_List_dt p:hover		        { text-decoration:underline;}

div.videoss                                 { float: left;position: relative;width: 600px;}
div.videoss h2                              { float: left;position: relative;width: 600px; margin:30px 0 0 20px; }
div#ContentPlaceHolder1_ctl00_ctl00_pnlGallery  {float: left;position: relative;width: 600px; margin:15px 0 0 0px; }
div#ContentPlaceHolder1_ctl00_ctl00_pnlGallery ul li .Video_Module h2 { width: 640px;padding: 10px 0px 0px 0px; margin: 0px 0px 5px 10px;float: left;font-size: 14px;font-family:'Neo Sans Pro';font-weight: normal;color:#414141;}
	
div#Video_View iframe                       { width: 580px;height: 333px;float: left;padding: 7px;border: 1px solid#DDD;margin-top: 0px;margin-left: 10px; }
div#Video_div iframe                        { width: 626px;height: 333px;float: left;padding: 7px;border: 1px solid#DDD;margin-top: 0px; }
h3#other_videos_title				        { font-variant:normal; margin:2px 0px 0px 15px; float:left; font-size:13px; color:#0a3d4c; width:598px; height: 24px; z-index:9; position:relative;font-family:Arial; border-bottom:#CCC solid 1px  }
div.Photo_Module2                           { position:relative; float:left; width:610px;margin-top: 10px;}



ul#Picture_TitleLink				        { margin: 0px 0px 0px 0px; float:left; position: relative; width: 700px;}
ul#Picture_TitleLink li				        { background:url(../images/galeri_list_b.png) no-repeat; width: 200px; margin: 10px 11px 5px 0px; float:left; padding: 0px; overflow: hidden; position:relative;}
ul#Picture_TitleLink li a   		        { width: 197px;height: 254px;float: left;z-index: 999;}
ul#Picture_TitleLink li img			        { float:left; margin:0px 0px 0px 0px; font-size:13px; color:#d22229; z-index: 3; position: relative; top: 3px; left:0px;}
ul#Picture_TitleLink li h2			        { margin:-35px 0px 0px 0px; float:left; color: #5A5A5A; width: 189px; font-weight:bold; position: relative; font: normal 16px/16px Calibri;  z-index: 9; padding: 6px 0px 5px 0px; /* background: #ddd; */ text-align: center;}
div.photo_maskk				                { width:200px; height:253px; background:url(../Images/sertifika-mask.png) no-repeat; position: absolute; left: 0px; top: -2px; z-index: 4;}

ul#Picture_Title						    { margin: -25px 0px 0px -5px; float:left; position: relative; width: 700px;}
ul#Picture_Title li				            { width: 310px; margin: 10px 11px 5px 0px; float:left; padding: 0px; overflow: hidden; position:relative; height: 173px;}
ul#Picture_Title li a   		            {}
ul#Picture_Title li a:hover		            { background:url(../images/plus.png) no-repeat; width: 197px; height:254px;}
ul#Picture_Title li img			            { float:left; margin:0px 0px 0px 0px; font-size:13px; color:#d22229; z-index: 3; position: relative; top: 3px; left:0px;
                                            -moz-transition: color 0.2s, background-color 0.3s;
                                            -ms-transition: color 0.2s, background-color 0.3s;
                                            -o-transition: color 0.2s, background-color 0.3s;
                                            transition: color 0.2s, background-color 0.3s;

                                            -webkit-transition: all 0.2s ease-in-out;
                                            -moz-transition: all 0.2s ease-in-out;
                                            transition: all 0.2s ease-in-out;
}
ul#Picture_Title li p				        { font-size:11px; margin:2px 0px 0px 5px; width:140px; float:left;  width:150px;display: none; color:#3f3f3f; }
ul#Picture_Title li h2			            { margin: 0px 0px 0px 0px; float:left; color: #FFFFFF; min-width: 189px; font-weight:bold; position: absolute; font: normal 20px/16px Calibri;  z-index: 9; padding: 13px; left: -163px; top: 111px; text-align: left; letter-spacing: -1px; background: #5AC4BE url(../images/icons.png) no-repeat 168px -165px;
                                            -moz-transition: color 0.2s, background-color 0.3s;
                                            -ms-transition: color 0.2s, background-color 0.3s;
                                            -o-transition: color 0.2s, background-color 0.3s;
                                            transition: color 0.2s, background-color 0.3s;

                                            -webkit-transition: all 0.2s ease-in-out;
                                            -moz-transition: all 0.2s ease-in-out;
                                            transition: all 0.2s ease-in-out;
}
ul#Picture_Title li:hover h2		        { left:0px; text-decoration:none}
ul#Picture_Title li:hover img		        { opacity: 0.8;filter: alpha(opacity=80); /* For IE8 and earlier */}
    

     
div.mask_urun				                { position: absolute; left: 0px; top: -2px; z-index: 4;}
.Picture_Titlemask                          {height: 248px;overflow: hidden;}


ul#Resimbaslik						        { margin: 0px 0px 0px 0px; float:left; position: relative; width: 700px;}
ul#Resimbaslik li				            { background:url(../images/galeri_list_b.png) no-repeat; width: 200px; margin: 10px 11px 5px 0px; float:left; padding: 0px; overflow: hidden; padding: 5px; position:relative; border: 1px solid #ddd;}
ul#Resimbaslik li a   		                { background: url(../images/plus.png) no-repeat;width: 197px;height: 254px;float: left;z-index: 999;}
ul#Resimbaslik li a:hover		            { background:url(../images/plus.png) no-repeat; width: 197px; height:254px;}
ul#Resimbaslik li img			            { float:left; margin:0px 0px 0px 0px; font-size:13px; color:#d22229; z-index: 3; position: relative; top: 3px; left:0px;}
ul#Resimbaslik li p				            { font-size:11px; margin:2px 0px 0px 5px; width:140px; float:left;  width:150px;display: none; color:#3f3f3f; }
ul#Resimbaslik li h2			            { margin: 3px 0px 0px 0px; float:left; color: #5A5A5A; width: 200px; font-weight:bold; position: relative; font: normal 16px/16px Calibri;  z-index: 9; padding: 6px 0px 5px 0px; background: #ddd; text-align: center;}
ul#Resimbaslik li a:hover h2	            { text-decoration:underline; }
.resimmask                                  {height: 248px;overflow: hidden;}

ul#Picture_deatil						    { margin: -11px 0px 0px 0px; float:left; position: relative; width: 700px;}
ul#Picture_deatil li				        { background:url(../images/galeri_list_b.png) no-repeat; width: 293px; margin: 0px 11px 15px 0px; float:left; padding: 0px; overflow: hidden; padding: 5px; position:relative; border: 1px solid #ddd;}
 

/* ---Link Listeleme (Ba�l�k + A��klama Link)   --- */

ul#Links_PageBox                            { width: 616px; margin:-10px 0 0 0px; float:left;}
ul#Links_PageBox li                         { margin:0px;float:left; width: 627px; cursor:pointer; height:40px; padding:0px 0 0 0px;background:url(../Images/link_list.png) no-repeat left top;margin-top: 4px; border-bottom: 1px solid #DADADA;}
ul#Links_PageBox h2                         { margin: 0px 0px 0px 0px;padding: 8px 0px 0px 14px;}
ul#Links_PageBox li a                       { height:18px;width: 645px;  margin-left: 25px; color: #7E7E7E; font-size: 14px; font-weight:normal; line-height: 20px;}
ul#Links_PageBox li:hover a                 { color: #5BC4BF; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}



.urun_list						            { margin: -26px 0px 0px 0px; float:left; position: relative;}
.urun_list li				                { width: 619px; margin: 10px 0px 0px 0px; float:left; overflow: hidden; position:relative; background-color: #5BC4BF; border: 1px solid #ddd;
                                           -webkit-transition: color 0.2s, background-color 0.2s; 
                                            -moz-transition: color 0.2s, background-color 0.2s; 
                                            -ms-transition: color 0.2s, background-color 0.2s; 
                                            -o-transition: color 0.2s, background-color 0.2s; 
                                            transition: color 0.2s, background-color 0.2s;
}
.urun_list li a   		                    {}
.urun_list li img			                { float: right; margin: 0; font-size:13px; color:#d22229; z-index: 3; position: relative; top: 0px; left:0px; border: brown;}
.urun_list li:hover 			            { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */}
.urun_list li p				                { font-size:11px; margin:2px 0px 0px 5px; width:140px; float:left;  width:150px;display: none; color:#3f3f3f; }
.urun_list li h2			                { margin: 0; float:left;  color: #FFFFFF; font-weight:bold; position: absolute; font: lighter 25px/16px Calibri;  z-index: 9; padding: 0; top: 49px; left: 54px;}
.urun_list li a:hover h2	                {}
.triangle                                   { position: absolute; left: 240px; top: 0; height: 0; width: 0; border-style: solid; border-width: 109px 30px 0px 73px; border-color: transparent transparent #8EF0EA #5BC4BF;  z-index: 3;
                                             -webkit-transition: color 0.2s, background-color 0.2s; 
                                            -moz-transition: color 0.2s, background-color 0.2s; 
                                            -ms-transition: color 0.2s, background-color 0.2s; 
                                            -o-transition: color 0.2s, background-color 0.2s; 
                                            transition: color 0.2s, background-color 0.2s;}



#Fancy_Box                                  {}
#Fancy_Box li                               {float:left ; width:600px; background:url(../images/fancybg.jpg) repeat-x left bottom; margin-bottom:25px;position:relative}
#Fancy_Box li h2                            {font-size: 21px;  line-height: 18px;color: #2e7da8;  text-align: justify;  margin-bottom: 12px;  font-family: calibri;font-weight: normal;background: url(../images/fancybg.jpg) repeat-x left bottom;padding-bottom: 20px;letter-spacing: -1px;}
#Fancy_Box li h3                            {font-size: 13px;  line-height: 18px;color: #ADADAD;  margin-bottom: 8px;font-weight: normal;}
#Fancy_Box li span                          {position: absolute;top: 4px;left: 316px;font-size: 0;background: url(../images/icons.png) no-repeat 0px -102px;width: 25px;height: 20px;}
#Fancy_Box li p                             {}
#Fancy_Box li img                           { float:right; margin-bottom: 19px;}

#Fancy_Box li:nth-child(2n+2)               { float:left ; width:600px; background:url(../images/fancybg.jpg) repeat-x left bottom; margin-bottom:25px;}
#Fancy_Box li:nth-child(2n+2) h2            { font-size: 21px;  line-height: 18px;color: #2e7da8;  text-align: justify;  margin-bottom: 12px;  font-family: calibri;font-weight: normal;background: url(../images/fancybg.jpg) repeat-x left bottom;padding-bottom: 20px;letter-spacing: -1px;}
#Fancy_Box li:nth-child(2n+2) h3            { font-size: 13px;  line-height: 18px;color: #ADADAD;  margin-bottom: 8px;font-weight: normal;}
#Fancy_Box li:nth-child(2n+2) span          { position: absolute;top: 38px;left: 336px;font-size: 0;background: url(../images/icons.png) no-repeat 0px -102px;width: 25px;height: 20px;}
#Fancy_Box li:nth-child(2n+2) p{}
#Fancy_Box li:nth-child(2n+2) img           { float:left; margin-bottom: 19px;}
#Fancy_Box li:nth-child(2n+2) span          { position: absolute;top: 0px;left: 574px;font-size: 0;background: url(../images/icons.png) no-repeat 0px -102px;width: 25px;height: 20px;}


#Fancy_Box li:nth-child(4n+4)               { float:left ; width:600px; background:url(../images/fancybg.jpg) repeat-x left bottom; margin-bottom:25px;}
#Fancy_Box li:nth-child(4n+4) h2            { font-size: 21px;  line-height: 18px;color: #2e7da8;  text-align: justify;  margin-bottom: 12px;  font-family: calibri;font-weight: normal;background: url(../images/fancybg.jpg) repeat-x left bottom;padding-bottom: 20px;letter-spacing: -1px;}
#Fancy_Box li:nth-child(4n+4) h3            { font-size: 13px;  line-height: 18px;color: #ADADAD;  margin-bottom: 8px;font-weight: normal;}
#Fancy_Box li:nth-child(4n+4) span          { position: absolute;top: 38px;left: 336px;font-size: 0;background: url(../images/icons.png) no-repeat 0px -102px;width: 25px;height: 20px;}
#Fancy_Box li:nth-child(4n+4) p             {}
#Fancy_Box li:nth-child(4n+4) img           { float:left; margin-bottom: 19px;}
#Fancy_Box li:nth-child(4n+4) span          { position: absolute;top: 0px;left: 574px;font-size: 0;background: url(../images/icons.png) no-repeat 0px -102px;width: 25px;height: 20px;}

#Fancy_Box li:nth-child(6n+6)               { float:left ; width:600px; background:url(../images/fancybg.jpg) repeat-x left bottom; margin-bottom:25px;}
#Fancy_Box li:nth-child(6n+6) h2            { font-size: 21px;  line-height: 18px;color: #2e7da8;  text-align: justify;  margin-bottom: 12px;  font-family: calibri;font-weight: normal;background: url(../images/fancybg.jpg) repeat-x left bottom;padding-bottom: 20px;letter-spacing: -1px;}
#Fancy_Box li:nth-child(6n+6) h3            { font-size: 13px;  line-height: 18px;color: #ADADAD;  margin-bottom: 8px;font-weight: normal;}
#Fancy_Box li:nth-child(6n+6) span          { position: absolute;top: 38px;left: 336px;font-size: 0;background: url(../images/icons.png) no-repeat 0px -102px;width: 25px;height: 20px;}
#Fancy_Box li:nth-child(6n+6) p             {}
#Fancy_Box li:nth-child(6n+6) img           { float:left; margin-bottom: 19px;}
#Fancy_Box li:nth-child(6n+6) span          { position: absolute;top: 0px;left: 574px;font-size: 0;background: url(../images/icons.png) no-repeat 0px -102px;width: 25px;height: 20px;}


#Fancy_Box li:nth-child(8n+8)               { float:left ; width:600px; background:url(../images/fancybg.jpg) repeat-x left bottom; margin-bottom:25px;}
#Fancy_Box li:nth-child(8n+8) h2            { font-size: 21px;  line-height: 18px;color: #2e7da8;  text-align: justify;  margin-bottom: 12px;  font-family: calibri;font-weight: normal;background: url(../images/fancybg.jpg) repeat-x left bottom;padding-bottom: 20px;letter-spacing: -1px;}
#Fancy_Box li:nth-child(8n+8) h3            { font-size: 13px;  line-height: 18px;color: #ADADAD;  margin-bottom: 8px;font-weight: normal;}
#Fancy_Box li:nth-child(8n+8) span          { position: absolute;top: 38px;left: 336px;font-size: 0;background: url(../images/icons.png) no-repeat 0px -102px;width: 25px;height: 20px;}
#Fancy_Box li:nth-child(8n+8) p             {}
#Fancy_Box li:nth-child(8n+8) img           { float:left; margin-bottom: 19px;}
#Fancy_Box li:nth-child(8n+8) span          { position: absolute;top: 0px;left: 574px;font-size: 0;background: url(../images/icons.png) no-repeat 0px -102px;width: 25px;height: 20px;}

#Fancy_Box li:nth-child(10n+10)             { float:left ; width:600px; background:url(../images/fancybg.jpg) repeat-x left bottom; margin-bottom:25px;}
#Fancy_Box li:nth-child(10n+10) h2          { font-size: 21px;  line-height: 18px;color: #2e7da8;  text-align: justify;  margin-bottom: 12px;  font-family: calibri;font-weight: normal;background: url(../images/fancybg.jpg) repeat-x left bottom;padding-bottom: 20px;letter-spacing: -1px;}
#Fancy_Box li:nth-child(10n+10) h3          { font-size: 13px;  line-height: 18px;color: #ADADAD;  margin-bottom: 8px;font-weight: normal;}
#Fancy_Box li:nth-child(10n+10) span        { position: absolute;top: 38px;left: 336px;font-size: 0;background: url(../images/icons.png) no-repeat 0px -102px;width: 25px;height: 20px;}
#Fancy_Box li:nth-child(10n+10) p           {}
#Fancy_Box li:nth-child(10n+10) img         { float:left; margin-bottom: 19px;}
#Fancy_Box li:nth-child(10n+10) span        { position: absolute;top: 0px;left: 574px;font-size: 0;background: url(../images/icons.png) no-repeat 0px -102px;width: 25px;height: 20px;}

/* --- Sepet Liste --- */

div.sepetlist                               { width:632px; float:left; padding-bottom:10px; position:relative; z-index:999999;}
div.sepetlist ul                            { float:left; padding-bottom:10px;width:632px; border-bottom:1px solid #C0C0C0; margin-top: 10px;}
div.sepetlist ul li                         { float:left;color:#393939; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; text-align: center;}
div.sepetlist ul li.image                   { padding-top:0px;}
div.sepetlist ul li.image img               { border:1px solid #ccc; padding:3px;}
div.sepetlist ul li.name                    { width: 256px; height: 130px; border-right: 1px solid #ddd;}
div.sepetlist ul li.one                     { width: 97px;  height: 130px;  border-right: 1px solid #ddd;}
div.sepetlist ul li.price                   { display:block; width: 153px; text-align: center; margin-top: 50px; font-weight: bold; font-family: Calibri; font-size: 18px; color: #CA303C;}
   
a#urunname                                  { color: #89520B; font-family: Calibri; font-size: 18px; width: 255px; margin-top: 50px; float: left; font-weight: normal; letter-spacing: -1px;}
a#urunname:hover                            { color: #CA303C; text-decoration:underline}
a.btnbtn                                    { height:26px; display:block; float:left; color:#fff; margin: 3px 0px 0px 6px; width:13px; }
a.btndelete                                 { color: #393939;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 10px; float:left; margin:-2px 0px 0px 10px; }
a.btndelete:hover                           { text-decoration:underline;}

div.sepetlist input                         {  width:21px; height:17px; margin:5px 0px 0px 0px; text-align:center; float:left;background:none;}
div.sepetlist div                           { float:left; }
div.sepetlist .art                          { background:url(../images/art.png) no-repeat; width:63px; height:26px; float:left; margin: 44px 0px 0px 16px;}
   
.sepettitle		                            { width:632px; top:0px; float:left; /* margin-left:5px; */ position:relative; z-index:9999;}
.sepettitle ul li                           { float:left; padding-top:12px;color:#fff; font-family: Calibri; font-size: 17px;}
.sepettitle ul li.info                      { width:360px;margin-left: 0px;color: #fff;background-color: #F0A341;padding-left: 20px;padding-bottom: 13px;}
.sepettitle ul li.one                       { width: 97px;color:#fff; text-align:center;background-color: #E7962F;padding-bottom: 13px;}
.sepettitle ul li.price                     { display:block; width:155px; color:#fff; text-align:center;background-color: #D6851E;padding-bottom: 13px;}
   
.sepetbottom                                { background:#ddd; width:632px;float:left; top:0px; position:relative; height:41px; padding-top:5px; z-index:9999; /* margin-left:5px; */}
.sepetbottom ul li                          {  float:left; padding-top:6px;color:#fff; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; margin-left:5px;}
.sepetbottom ul li.more                     { margin-left:20px; width:80px; }
.sepetbottom ul li.total                    { display:block; margin-left:260px; color: #868686; font-family: Calibri; font-weight: bold; line-height: 24px;}
.sepetbottom ul li.price                    { display:block; color:#1e1e1e; width: 121px;text-align: right; float:right; background-color: #B6B6B6; padding: 11px 31px 11px 0px; margin-top: -2px; margin-right: 2px; font-weight: bold; font-family: Calibri; font-size: 18px;}
.basketform                                 { float:left; width: 507px;}
.basketform p                               { font: normal 12px/12px Calibri;color: red;position: absolute;bottom: 23px;}
.sepetbottom ul li.more a                   { color:#fff;  }    
	

.filter_inputdrp                            { width:152px;font-family:Lucida Sans Unicode;color: #666;font-size: 11px;padding-left: 6px;padding-right: 0px; margin-right:5px; line-height: 30px; float:left;height:32px;}
.filter_inputdrpText                        { position:absolute;left:0;top:0;font-family:Lucida Sans Unicode;color: #666;font-size: 11px;line-height: 30px;padding-left:10px;}
.filter_inputdrpParent                      { width:540px; height:31px; background-image:url("../images/contact_tbx_input.png");background-color:#e2e2e2;text-align:right;background-position:right top;background-repeat:no-repeat;position:relative;float:left;margin:10px 0 0 0;}
select.filter_inputdrp                      { position: relative; z-index: 5; }

.inputdrp                                   { width: 313px;font-family:Lucida Sans Unicode;color: #666;font-size: 11px;padding-left: 6px;padding-right: 0px;border-color: #D7D7D7; margin-right:0px; margin-left:-1px; line-height: 30px; float:left;height: 39px;}
.inputdrpText                               { position:absolute;left:0;top:0;font-family:Lucida Sans Unicode;color: #666;font-size: 11px;padding-left:10px;}
.inputdrpParent                             { width:540px; height:31px; background-image:url("../images/contact_tbx_input.png");text-align:right;background-position:right top;background-repeat:no-repeat;position:relative;float:left;margin:0px 0 0 0;}

.null                                       { float: left;margin-top: 15px;color: red;}

.list                                       { float:left; margin-top:25px;}
.list li                                    { float:left; padding:10px; background-color:#fff;width:600px;font: normal 15px/15px Calibri;}
.list li.green                              { float:left; padding: 10px; background-color:#5BC4BF; font: normal 15px/15px Calibri; color: #fff;}