* { padding:0; margin:0; outline:0; }


@font-face {
    font-family: 'Gotham Rounded';
    src: url('GothamRoundedLight_21020.eot');
    src: local('font/Gotham Rounded'), local('Gotham Rounded'),
    url('font/GothamRoundedLight_21020.woff') format('woff'),
    url('font/GothamRoundedLight_21020.svg#GraublauWeb') format('svg'),
    url('font/GothamRoundedLight_21020.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

p { 
    font-family: "Gotham Rounded", serif; 
}



body {
	background:#fff  url(../bg2.fw.png) repeat-x 0 0;
	font-family: "Gotham Rounded", serif, Arial, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#343434;
}



.shell { width:990px; margin:0 auto; float:inherit}
.ust { height:24px; width:990px; font-size:12px; padding-top:5px; text-align:left}
.ustsol {  width:495px; float:left}
.ustsag { width:495px; float:right; text-align:right}

.headeralan { height:107px; width:990px}
.headeralanlogo { width:270px; padding-top:26px; float:left; text-align:left}
.menualan { width:650px; padding-top:44px; padding-left:70px; float:right}

#navigation { float:right;  }
#navigation ul{ list-style-type: none; height:64px; font-weight: bold; float:left; font-size:14px; font-weight:bold;}
#navigation ul li{ float:left; display:inline; }
#navigation ul li a{ float:left; height:64px; line-height:64px; text-decoration: none; color:#343434; padding:0 15px;}
#navigation ul li a.active,
#navigation ul li a:hover{ background:#fff; color:#8b0000; }


.icerikustalan {width:1000px;height:285px; margin:0; }
.icerikustalanic {height:285px; margin:0; }
.icbolum { width:990px}
.icbolumsagicon{ width:12px; height:10px; background-image:url(../images/iconhome.jpg); background-position:center; background-repeat:no-repeat;}
.icbolumsagustbaslik { width:100%; float:left; padding-left:45px; padding-top:12px}
.icbolumsol { width:242px; height:581px; background-color:#AD000C; float:left}
.icbolumsag { width:747px; height:100%; float:right}
.icbolumic{ font-size:14px; line-height:25px; padding:45px; padding-top:20px; float:left; text-align:left}
.icbolumsagust { width:100%; height:50px; border-bottom:#D1D3D4 solid 1px; float:left}
.icbaslikbolum{ width:100%; height:50px; float:left; border-bottom:#CCCCCC 1px solid;}
.icbolumbaslik { display:block; font-size:14px; font-weight:bold; text-decoration:none; color:#FFFFFF; text-align:right; padding-right:15px; padding-top:15px}
.icbolumbaslik:hover { text-decoration:none; display:block; color:#B8B8AD}
.flashalan {width:1000px; }
.flashalansag { width:435px; padding-top:6px; height:285px; float:right; background-image:url(../images/flash_alan.fw.png); background-repeat:no-repeat; background-position:right}
.flashalansol { width:565px; float:left; font-size:22px; line-height:35px; text-align:left}

.slogan { width:990px; height:118px; padding-top:44px; font-size:23px; font-weight:bold; text-align:center}

.temizle {clear:both}

.hizmet { width:1000px; height:374px}
.hizmetalan{ width:307px; height:290px}
.boslukver{ height:73px;}
.altbolum{ width:990px; margin:0; height:550px; padding-top:33px}
.altbolumsolhosgeldin{ float:left; width:560px; text-align:left}
h1 { font-size:23px; line-height:25px; float:left; color:#AD000C; font-weight:bold; }

.altbolumsag{ float:right; width:390px; padding-left: 40px; text-align:left}
.markalarimg{ width:162px; height:98px; float:left; margin:10px}
.socialimg{ width:32px; height:32px; float:right; margin:5px;}
.refimg{ width:125px; height:76px; float:left; margin:7px;}

.footer{
  width:100%;
  height:59px;
  position:absolute;

  background-color:#D1D3D4;
 
}



.footer-bg {
    background-color: #D1D3D4;
    position: relative;
    display: block;
    float:left;
    width: 100%;
    padding-bottom: 0;
    min-height: 59px;
}

.footeralan{ float:left; width:990px; height:59; position:relative; padding-top:20px}
.footercopy{ float:left; width:844px; font-size:13px}
.footersocial{ float:right; width:146px; font-size:13px}

input, textarea, select { font-family: "Trebuchet MS", Arial, sans-serif; font-size:12px; }

.field { background:#ebebeb; border:solid 1px #dedede; padding:2px;}

a img { border:0; }

a { color:#8b0000; text-decoration: underline; cursor:pointer; }
a:hover { color:#666; text-decoration: none; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

h2 { font-size:14px; line-height:16px; }
h3 { font-size:12px; line-height:14px; text-transform: uppercase; color:#000; }
h4 { font-size:12px; line-height:14px; text-transform: uppercase; color:#000; }


h1#logo { font-size:0; line-height:0; width:156px; height:64px; float:left; }
h1#logo a{ display:block; height:64px; text-indent: -4000px; background:url(images/logo.gif); }




#cart { float:right; width:160px; top:0; right:0; height:51px; background:#8b0000; color:#fff; padding:13px 10px 0 10px; white-space:nowrap; line-height:20px;}
a.cart-link { color:#fff; background:url(images/cart-link.gif) no-repeat 0 0; padding:0 0 0 32px; text-decoration: none;}
a.cart-link:hover { text-decoration: underline;}

#sidebar { float:left; width:226px;}
#content { float:right; width:724px;}

#main { padding:10px 0 0 0; }

.box { padding:1px; border:solid 1px #dedede; margin-bottom:10px;}
.box h2{ background:#7f7f7f; color:#fff; font-weight: normal; padding:0 5px; position:relative; height:27px; line-height:27px; }
.box h2 span{ position:absolute; width:10px; height:5px; background:url(images/h2-arr.gif); top:27px; right:10px; font-size:0; line-height:0;}
.box-content { padding:5px;}

a.bul { background:url(images/bul.gif) no-repeat 0 center; padding-left:10px;}

.search { min-height:252px;}
.search label { display:block; padding-bottom:3px; }

.search .field { display:block; margin-bottom:10px; }
.search .inline-field label { display:inline; padding:0; }
.search .inline-field .field { display:inline; margin:0; }
.search input.field { width:206px; }
.search select.field { width:212px; }
.search select.small-field { width:50px; }

.search-submit { width:70px; background:#8b0000; border:0; color:#fff; height:27px; display:block; line-height:26px; cursor:pointer; margin:12px 0 10px 0;}

.categories { min-height:383px; }
.categories ul { list-style-type: none; font-size:13px;}
.categories ul li{ border-bottom:dashed 1px #ccc; padding:5px 0;}
.categories ul li.last{ border-bottom:0; padding-bottom:0;}
.categories ul li a{ color:#5f5f5f; text-decoration: none; background:url(images/cat.gif) no-repeat 0 4px; padding-left:17px;}
.categories ul li a:hover{ color:#8b0000; }

#slider { height:252px; position:relative; overflow:hidden; }
#slider-holder { width:720px; height:252px; position:relative; overflow:hidden; }
#slider-holder .jcarousel-clip{ width:720px; height:252px; position:relative; overflow:hidden; }
#slider-holder ul{ width:720px; height:252px; position:relative; overflow:hidden; list-style-type: none;}
#slider-holder ul li{ width:720px; height:252px; position:relative; overflow:hidden; float:left; }

#slider-nav { position:absolute; top:231px; left:644px; z-index:2;}
#slider-nav a{ font-size:0; line-height:0; text-indent: -4000px; width:10px; height:10px; border:solid 1px #8b0000; background:#8b0000; float:left; margin-right:5px; }
#slider-nav a:hover,
#slider-nav a.active { background:#fff;}

.products {}
.products ul{ list-style-type: none;}
.products ul li{ position:relative; padding:1px; border:solid 1px #dedede; float:left; width:231px; margin-right:9px; height:383px; overflow:hidden; }
.products ul li.last{ margin-right:0; }

.product-info{ position:absolute; width:153px; top:194px; left:0;}
.product-info h3{ background:#8b0000; color:#fff; padding:6px 10px; }
.product-info h4{ font-weight: normal;}
.product-info p{ font-size:16px; line-height:18px; text-transform: uppercase; font-weight: bold; color:#000; padding:5px 0 7px 0;}
.product-info .product-desc{ padding:10px; background:url(images/info.png); width:133px; }

.price { display:block; font-size:21px; color:#8b0000; line-height:23px; }
.hizmetbaslik{ font-size:20px; text-decoration:none; color:#343434; text-align:center}
.hizmetbaslik:hover{ text-decoration:none}
.hizmetic{ font-size:14px; text-decoration:none; color:#343434; text-align:center; line-height:20px}
.hizmetic:hover{ text-decoration:none}
.more-products { position:relative; height:290px; overflow:hidden; }
.more-products ul{ list-style-type: none; height:290px; position:relative; overflow:hidden; width:1022px;}
.more-products ul li{ float:left; width:307px; height:290px; padding:0 10px;}
.more-products ul li.last{ border-right:0; }

.more-products-holder { width:1022px; height:290px; position:relative; overflow:hidden; top:10px; left:7px; right:100px}
.more-products-holder .jcarousel-clip{ width:1022px; height:290px; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:40px; left:0; width:30px; height:32px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ background:url(images/sag.fw.png); left:910px;}
.more-nav a.prev{ background:url(images/sol.fw.png); left:20px;}

.cols { padding:15px 0;}
.col { float:left; display:inline; width:217px; margin-right:30px;}
.col-last { margin-right:0;}

h3.ico { background-repeat:no-repeat; background-position:0 2px; padding:6px 0 8px 30px;}
h3.ico1 { background-image:url(images/ico1.gif);}
h3.ico2 { background-image:url(images/ico2.gif);}
h3.ico3 { background-image:url(images/ico3.gif);}
h3.ico4 { background-image:url(images/ico4.gif);}

#footer { height:51px; background:#ebebeb; white-space:nowrap; line-height:50px; padding:0 15px; color:#7b7b7b; margin-top:10px;}
#footer a{ color:#7b7b7b; text-decoration: none;}
#footer a:hover{ color:#000;}
#footer span{ padding:0 2px;}