/*div,header,article,section,table,p,img,a,footer,ul,li {border:1px solid red !important;}*/

@font-face {
    font-family: 'robotolight';
    src: url('../font/roboto-light.eot');
    src: url('../font/roboto-light.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-light.woff') format('woff'),
         url('../font/roboto-light.ttf') format('truetype'),
         url('../font/roboto-light.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansregular';
    src: url('../font/pt_sans-web-regular.eot');
    src: url('../font/pt_sans-web-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/pt_sans-web-regular.woff') format('woff'),
         url('../font/pt_sans-web-regular.ttf') format('truetype'),
         url('../font/pt_sans-web-regular.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html            {background-color:#f8f8f8;}
body            {padding:0; margin:0; width:100%; height:100%;}

a,img           {text-decoration:none; outline:none; border:0;}
.gri            {color:#606060;}
.siyah			{color:#1a1a1a;}
.kirmizi        {color:#cd0000;}
.beyaz          {color:#fff !important;}
.griAcik        {color:#717b87;}
.griacik2       {color:#a8a8a8;}
.koyuGri        {/*color:#343c46;*/ color:#eee;}
.kalin          {font-weight:bold;}
.mauto          {margin:0 auto;}
.dtable         {display:table;}
.fleft          {float:left;}
.fright         {float:right;}
.tleft          {text-align:left;}
.tright         {text-align:right;}
.tcenter        {text-align:center;}
.w980           {width:980px;}
.w100			{width:100% !important;}
.w190			{width:190px !important;}
.w290			{width:290px !important;}
.w50			{width:50%;}
.dnone          {display:none;}
.mt5            {margin-top:5px;}
.dblock         {display:block;}
.lht15          {line-height: 15px;}
.p10			{padding:10px;}
.f12            {font-size:12px;}
.f14            {font-size:14px;}
.f16            {font-size:16px;}
.f18            {font-size:18px;}
.font1          {/*font-family: 'robotolight';*/font-family:arial;}
.font2          {font-family: 'pt_sansregular';}
.b0             {border:0 !important;}



.griZemin           {background-color:#717b87 !important;}
.kirmiziZemin       {background-color:#e0363c !important;}

.z200			{position:relative; z-index:200;}
.z300			{position:relative; z-index:300;}
.z400			{position:relative; z-index:400;}
.z500			{position:relative; z-index:500;}
.z600			{position:relative; z-index:600;}


.bg			            {background-image: url("../img/bg.jpg"); background-position:0 -400px; background-size:cover; height:100%; position:fixed; left:0; width:100%; z-index:100;}
.icons                  {background:url("../img/icons.png") scroll 0 0 no-repeat;}
.header                 {margin-top:10px;}
.logo                   {background-position:0 0; width:180px; height:65px;}
.menuUst                {margin-top:15px; width:705px;}
.menuUst ul             {width:100%; list-style:none; padding:0; margin:0;}
.menuUst ul li          {float:left; margin-left:20px;}
.menuUst ul li a        {float:left; font:400 14px 'robotolight'; color:#606060; padding:10px;}
.menuUst ul li a:hover  {background-color:#e0363c; color:#fff;}

.uyeAlani           {width:785px;}
.uyeAlani a         {font:400 12px arial; color:#606060; margin-left:10px;}
.uyeAlani a:hover   {color:#cd0000;}
.islemrehberi       {background-position:0 -73px; padding-left:35px; padding-top:3px; width:50px;}
.islemrehberi:hover {background-position:0 -95px;}
.uyeOl              {background-position:0 -73px; padding-left:20px; padding-top:3px; width:40px;}
.uyeOl:hover        {background-position:0 -95px;}
.giris              {background-position:-58px -76px; padding-left:25px; padding-top:3px; width:30px;}
.giris:hover        {background-position:-58px -98px;}

.merhaba            {font:400 14px 'robotolight'; padding-right:3px; color:#1a1a1a; font-weight:bold; float:left; margin-top:5px;}

.sepetim            {width:auto; float:left; font:400 14px 'robotolight'; color:#606060; padding:10px; margin-top:-7px; text-align:center;}
.sepetim:hover      {background-color:#e0363c; color:#fff !important;}

.sptEklendi                     {padding-right:3px; color:#cd0000; font-weight:bold;}
.sepetim:hover .sptEklendi     {color:#fff !important;}

.sIcSepet              {padding:10px; width:550px;}
.sepet-a1              {width:127px; text-align:justify; margin-top:0 !important;}  
.sepet-a2              {width:80px; margin-top:0 !important;}  
.sepet-a3              {width:40px; margin-top:0 !important;}  
.sepet-a4              {width:100px; margin-top:0 !important;}  
.sepet-a5              {width:100px; margin-top:0 !important;}  
.sepet-a6              {width:25px; margin-top:0 !important;}  

.main               {margin-top:20px;}
.slideAlani         {width:587px; height:633px; margin-left:-60px;}
.slideAlani img     {float:left;}
.menuYan            {width:400px; height:633px;}
.menuYan ul         {padding:0; margin:0; list-style:none; width:100%;}
.menuYan ul li      {float:left;}
.menuYan ul li a    {float:left; color:#fff; font:400 18px 'robotolight'; text-align:left; padding-left:10px;}
.menuElmn           {float:left; width:175px; height:55px; margin:0 0 10px 10px;}
.maviBg             {background-position:0 -210px; background-color:#3299bb; padding:120px 0 0 5px;}
.kirmiziBg          {background-position:0 -497px; background-color:#e0363c; padding:120px 0 0 5px;}
.yesilBg            {background-position:0 -840px; background-color:#9fb53a; padding:120px 0 0 5px;}
.griBg              {background-position:0 -1173px; background-color:#566270; padding:120px 0 0 5px;}
.pembeBg            {background-position:0 -1520px; background-color:#b157d3; padding:120px 0 0 5px;}
.turuncuBg          {background-position:0 -1787px; background-color:#e98917; padding:120px 0 0 5px;}


.footerBg           {background:url("../img/footerBg.png") scroll 0 0 repeat-x; background-color:#2c2c2c; height:280px; position:relative; bottom:-90px; z-index:100;}
.footerIc           {margin-top:100px;}
.footerIc p         {width:400px; font-size:14px; color:#fff; font-family: 'pt_sansregular'; padding:0; margin:0;}


/*SLIDE ALANI*/
#slides {display:none; width:550px;}
#slides .slidesjs-navigation {margin-top:5px;}
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop {
    background-image: url(../img/slide/btns-next-prev.png);
    background-repeat: no-repeat;
    display:block;
    width:12px;
    height:18px;
    overflow: hidden;
    text-indent: -9999px;
    position:relative;
    margin-top:-12px !important;
    float: left;
    margin-right:5px;
}
a.slidesjs-next {margin-right:10px; background-position:-12px 0;}
a:hover.slidesjs-next {background-position:-12px -18px;}
a.slidesjs-previous {background-position:0 0;}
a:hover.slidesjs-previous {background-position:0 -18px;}
a.slidesjs-play {width:15px; background-position:-25px 0;}
a:hover.slidesjs-play {background-position:-25px -18px;}
a.slidesjs-stop {width:18px; background-position:-41px 0;}
a:hover.slidesjs-stop {background-position:-41px -18px;}
.slidesjs-pagination {margin:-10px 0 0; float:right; list-style:none; position:relative; z-index:300;}
.slidesjs-pagination li {float:left; margin:0 1px;}
.slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(../img/slide/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {background-position:0 -13px;}
.slidesjs-pagination li a:hover {background-position: 0 -26px;}
#slides a:link, #slides a:visited {color: #333}
#slides a:hover, #slides a:active {color: #9e2020}
.navbar {overflow:hidden;}


/*Liste yapısı*/
.listAlani div {}/*SILINECEK*/

.listAlani                  {width:570px; margin-left:0; padding-bottom:50px;}
.listBaslik                 {padding:10px; width:96.5%; background-color:#717b87; margin-bottom:3px;}
.listBaslik-a1              {width:265px;}
.listBaslik-a1 span         {float:left; color:#fff; font:400 14px 'robotolight'; text-align:left; margin:8px 10px 0 0;}
.listBaslik-a1 select       {float:left; border:1px solid #d1d1d1; width:85px; padding:3px;}
.listBaslik-a2              {width:200px;}
.listBaslik-a2 span         {float:right; color:#fff; font:400 14px 'robotolight'; text-align:left; margin:8px 10px 0 0;}
.listBaslik-a2 select       {float:right; border:1px solid #d1d1d1; width:75px; padding:3px;}

.listPager                      {padding:10px; width:96.5%; background-color:#717b87; margin-bottom:3px;}
.listPager a,.listPager span    {padding:0 5px 0 5px; float:left; font:400 14px 'robotolight'; color:#fff;}
.listPager a:hover              {background-color:#e0363c;}
.listPager span span            {background-color:#e0363c;}

.mlr                         {margin:0 10px;}
.listIc                      {}
.listIc *                    {text-align:center;}
.tekliUrun                   {width:183px; /*margin-top:10px;*/ margin: 3px;}
.cokluUrun                   {width:372px; margin: 3px;}
.urunBaslik, .urunAlt        {float:left; width:100%; overflow:hidden;/*sonradan eklendı*/  color:#fff; background-color:#717b87; font:400 14px 'pt_sansregular'; padding:3px 0 3px 0;}
.urunBaslik                  {height:20px;}
.urunAlt                     {height:60px;}
.urunAlt div                 {width:100%; margin-bottom:3px;}
.urunResim                   {width:100%; height:185px;/*sonradan eklendi*/ background-color:#a5b5c7; float:left; padding:5px 0 5px 0;}
.urunResim img               {margin:0 auto;}

.tekliUrun:hover .urunBaslik, .tekliUrun:hover .urunAlt {background-color:#e0363c;}

/*Sayfa satış alanı*/
.satisAlani     {width:558px; margin-left:0; padding:10px 10px 20px 10px; display:table; background:#fff;}
.satisAlaniIc   {padding:10px; width:96.5%;}
.sUrunBaslik    {margin-bottom:20px;}
.sUrunBaslik span    {width:100%; float:left; line-height: 22px;}
.sUrunAltBaslik {width:100%; margin-top:10px; font-size:16px !important;}

/*A1*/
.satisAlani-a1      {width:190px;}
.satisAlani-a1 img  {float:left; margin:15px;width:150px; height:190px;}
.sUrunYazi img      {width:180px !important; height:auto !important;}
.sUrunBg-1          {background:url(../img/cerceve.png) scroll 0 0 no-repeat; width:180px; height:220px;}
.sUrunBg-2          {background:url(../img/kutu.png) scroll 0 0 no-repeat; width:180px; height:240px;}
.sUrunBg-3          {background:url(../img/rulo.png) scroll 0 0 no-repeat; width:180px; height:240px;}
.sUrunFiyat         {padding:5px; width:170px; margin-top:10px;}
.sUrunFiyat p       {margin:0; padding:0; font-family:'robotolight'; color:#fff;}
.sUrunYazi          {font:400 14px 'robotolight'; text-align:center; margin-top:10px; color:#fff; width:180px;}

/*A2*/
.satisAlani-a2      {width:340px;}


/*A3*/
.satisAlani-a3      {border-top:1px solid #3d444c; padding-top:10px; margin-top:10px;}
.geriOk             {background-position:-185px 0; width:120px; padding:10px 0px 0px 35px; height:30px; border:1px solid #717b87; cursor:pointer;}
.sepeteEkle         {background-position:-90px -72px; border:1px solid #717B87; height:37px; padding:0px 0 0 5px; width:130px; cursor:pointer;}
.geriOk:hover       {border:1px dashed #fff;}
.sepeteEkle:hover   {border:1px dashed #fff;}
.gosterBtn          {border:0; font:400 14px 'robotolight'; height:23px; margin-left:5px; outline:none; cursor:pointer; width:70px;}


/*POP UP*/
.pop-up-dis         {background:url(../img/trans.png) scroll 0 0 repeat; width:100%; height:100%; left:0; top:0; position:fixed; float:left; z-index:10000;}
.pop-up-cerceve     {position:relative; top:100px; margin:0 auto; width:600px; display:table;}
.pop-carpi          {float:right; color:#fff; text-align:center; padding:5px; width:30px; font-size:24px; margin:-10px -10px 0 0 ;}
.pop-up-main        {margin-left:15px; width:800px; overflow-y:scroll; overflow-x:hidden; padding:10px; display:table; padding-bottom:20px; background:#fff; position:relative; z-index:10000;}
*:first-child+html .pop-up-main        {margin-left:-100px;}
.sepetBaslik        {background-position:-235px -101px; height:30px; padding:7px 10px 0 5px; font-size:24px; width:135px; color:#717b87;}

.sbaslik            {margin-top:20px; border:0 none !important;}
.sIc                {margin-top:10px; /*border-bottom:1px solid #d1d1d1;*/ padding-bottom:5px;}
.sIGenel            {float:left; color:#606060; font:14px Arial !important; padding:5px; /*margin-right:3px;*/}
.sbGenel            {float:left; color:#fff; font:16px 'robotolight',arial; background-color:#717b87; padding:5px;  margin-right:3px;}
.sb-a1              {width:300px; text-align:justify;}  
.sb-a2              {width:150px;}  
.sb-a3              {width:40px;}  
.sb-a4              {width:100px;}  
.sb-a5              {width:100px;}  
.sb-a6              {width:25px;}  
.silIco             {background-position:-187px -185px; margin-left:10px; height:28px; width:25px; border:0; cursor:pointer;} 
.silIco:hover       {background-position:-214px -185px;}  

.sfooter            {margin-top:20px;}
.sBosalt            {background-position:-238px -143px; width:145px; padding:7px 0 0 5px; height:30px; border:1px solid #fff; cursor:pointer;}
.sBosalt:hover      {border:1px dashed #717b87;}
.satinAl            {background-position:-273px -178px; height:30px; padding:7px 10px 0 5px; width:110px; border:1px solid #fff;  cursor:pointer;}
.satinAl:hover      {border:1px dashed #717b87;}

.toplam             {color:#717b87; font-size:22px; text-align:right; padding-right:5px;}

/*Fatura Alanı*/
.faturaSekmesi      {background:url(../img/sekme.png) scroll 0 0 no-repeat; height:40px;}

.faturaAlani        {width:980px; margin-left:0; padding-bottom:0; margin-top:10px;}
.faturaAlaniIc      {padding:10px; width:97.9%;}
.devamEt            {background-position:-80px -378px; border:1px solid #717b87; height:37px; padding:0px 10px 0 5px; font-size:16px; width:135px; cursor:pointer; border:0;}
.devamEt:hover      {border:1px dashed #fff;}

.faturaAlani-a1     {width:450px;}
.faturaAlani-a2     {width:450px;}
.faturaAlani-a3     {border-top:1px solid #3d444c; margin-top:20px; padding-top:10px;}

.faturaAraBaslik    {border-bottom:1px solid #d1d1d1; margin-bottom:10px; margin-top:20px; padding-bottom:10px;}



/*Ödeme Alanı*/
.odemeSekmesi       {background:url(../img/sekme.png) scroll 0 -43px no-repeat; height:40px;}
.odemeAlani        {width:980px; margin-left:0; padding-bottom:0; margin-top:10px;}
.odemeAlaniIc      {padding:10px; width:97.9%;}

.odemeAlani-a1     {width:480px; margin-left:10px;}
.odemeAlani-a2     {width:450px;}
.odemeAlani-a3     {border-top:1px solid #3d444c; margin-top:20px; padding-top:10px;}
.degistir          {background-position:0 -2137px; float:right; height:23px; width:77px;}
.garantiLogo       {background-position:-265px -2160px; float:left; height:50px; width:100px;}
.garantiBilgi      {float:left; margin-left:10px; width:300px; font-size:14px;}
.kartIco           {background-position:0 -2162px; float:left; height:45px; width:230px; margin-top:30px;}
/*FORM YAPILARI*/

.sutun              {float:left; width:100%; margin-top:10px; color:#fff; font-family:'robotolight';}
.sutun-a1           {float:left; width:135px; font-size:14px;}
.sutun-a2           {float:left; width:190px; margin-right:5px; text-align:justify;}
.sutun-a3           {float:right; width:10px; text-align:center; height:18px;  color:yellow !important;}
.sutun-a3 span           {color:yellow !important;}
.sutun-a4           {float:left; width:290px; text-align:left;}
.sutun-a5           {float:left; width:370px; padding-bottom:10px; text-align:left;}
.sutun-a6           {float:left; width:290px; text-align:left;}
.sutun-a7           {float:left; width:385px;}
.araYildiz          {float:left; width:10px; text-align:center; color:yellow !important;}
.araYildiz span     {color:yellow !important;}

.ozelSecim          {float:left; width:100%;}
.ozelSecim span     {float:left; width:100px;}


.kucukText          {float:left; padding:2px; width:60px; color:#606060;}
.kucukOrtaText      {float:left; padding:2px; width:100px; color:#606060;}
.ortaText           {float:left; padding:2px; width:175px; color:#606060;}
.buyukText          {float:left; padding:5px; width:265px; color:#606060;}
.kucukSelectYapi    {float:left; padding:2px; width:130px; color:#606060;}
.selectYapi         {float:left; padding:2px; width:180px; color:#606060;}
.ikiliSelectYapi    {float:left; padding:2px; width:66px; color:#606060;}
.areaYapi           {float:left; padding:2px; width:174px; height:150px; color:#606060; font:14px Arial;}
.buyukAreaYapi      {float:left; padding:2px; width:270px; height:150px; color:#606060; font:14px Arial;}
.maxAreaYapi        {float:left; padding:2px; width:375px; height:150px; color:#606060; font:14px Arial;}
.radioYapi          {float:left; width:380px;}

/*SISTEMDEN DEGISTIRILEN*/
.attributeselecttable {margin:0 !important;}
.carttable {border:0;}
.carttable td {border:0;}
.carttable tr {border-bottom:1px solid black; float:left;}

.murat {float:left; width:175px;margin-right:5px;}


/*ONCEKI SIPARIS E OZEL CSS*/
.carttable td {font:14px Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;}
.w85  {width:85px !important;}
.w90  {width:90px !important;}
.w95  {width:95px !important;}
.w110 {width:110px !important;}

.detayTablosu {border:1px solid #d1d1d1; float:left; padding:10px;}
.detayTablosu table{float:left; width:100%;}
.detayTablosu table tr{float:left; width:100%;}
.detayTablosu table tr td{float:left; width:100%; margin: 10px 0; text-align:left;}
.basliDetayGrid {font:bold 14px Arial;}
.mainDetayGrid  {font:14px Arial !important; color:#606060 !important; font-weight:normal !important;}
.detayTableAnaBaslik {font:400 18px "robotolight"; color:#1a1a1a;}

/*SOSYAL ICONLAR*/
.sosyalDIV {float:left; width:100%; margin-top:10px;}
.sosyalDIV .twitter-share-button {float:left;}
.sosyalDIV .fb-like {float:left;}
.sosyalDIV .IN-widget {float:left;}
.sosyalDIV .g-plus {float:left;}
iframe {left:0 !important;}

/*fatura bilgi alani*/
.bilgiAlani {float:right; width:70%;}
.bilgiAlani div {float:left; width:100%;}

/*zoom ICON*/
.zoomIcon {background:url(../img/zoom.png) scroll 0 0 no-repeat; float:left; width:32px; height:32px; margin:-40px 0 0 145px;}

/*Tümünü hesapla*/
.hesaplaBtn {
    background-color: #383838;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    float: left;
    margin-left: 135px;
    padding: 10px;
}