* {margin: 0;padding: 0;}
body  {background: url(top-bg.jpg) top repeat-x;color:#777;font:13px Arial;}

#banner img {behavior: url(/App_Themes/style1/iepngfix.htc); }

.alert2a {color:#6699cc;font:bold 11px Verdana;}
.alert2b {color:#cc3333;font:bold 11px Verdana;}

.pageContent a {color: #6699cc;font:bold 11px Arial;text-decoration: none;}
.pageContent a:hover {color: #9F080B;}

#footer a {color:#777;text-decoration:none;font:10px Verdana;}
#footer a:hover{border-bottom:1px solid white;}

.lastNews a {color:#777;font:Normal 13px Arial;text-decoration: none;}
.lastNews a:hover {text-decoration:underline;color: #777;}

/*** MAIN STRUCTURE **********************************************/
#page {display:block;width:885px;margin:0 auto;padding-top:18px;}
    #info{width:auto;height:15px;color:#999;font:9px Verdana;text-align:right;padding-top:18px;}
    #banner {width:auto;height:147px;}
    #menu {width:auto;height:75px;}
    #content{width:auto;border-left:3px solid #FAFAFA;border-right:3px solid #FAFAFA;}
        #left {float:left;width:670px;height:auto;padding:15px 20px;}
        #right {float:right;width: 150px;height: auto;padding:15px 19px 15px 0;}
#footer {color:white; background: url(bottom-bg.jpg) repeat-x;width: 100%;height: 134px;}
    #footer-menu {text-align:center;height:15px;padding-top:40px;}
    #sign {height:15px;padding-top:30px;text-align:center;}

/*** SUB SETTINGS ***********************************************************/
.pageContent {margin-bottom:15px;}
.header-1 {padding-bottom:5px;border-bottom:3px solid #FAFAFA;margin-bottom:15px;}
.header-2 {padding-bottom:5px;margin-bottom:5px;}

ul#diger-bayilikler {position:relative;list-style-type: none;list-style: none;}
ul#diger-bayilikler li {text-align:center;border-top:1px solid #f1f1f1;padding:7px 0;}
ul#diger-bayilikler img {border:0;}

.new {position:relative;display:block;width:650px;background:url(graypx.gif) repeat-y 70px;margin-bottom:15px;clear:both;}
.newDate {position:relative;float:left;width:70px;text-align:center;color:#6699cc;font:10px Georgia;}
.newDate .day {display:block;font-size:36px;color:#6699cc;}
.newContent {position:relative;float:left;padding:10px 0 0 10px;width:568px;}
.newContent2 {position:relative;float:left;padding:10px 0 0 10px;width:568px;font-style:italic;color:#6699cc;}

/*** MAIN MENU ************************************************************/
#menu ul {position:relative;list-style-type: none;list-style: none;}
#menu li {display: block;position: absolute;}
#mn-anasayfa {top: 1px;left: 180px;}
#mn-anasayfa a {width: 76px;height: 53px;display: block;background: url(menu.gif) 0 0 no-repeat;overflow: hidden;}
#mn-anasayfa a:hover {background: url(menu.gif) 0 -53px no-repeat;}
#mn-alousta {top: 1px;left: 256px;}
#mn-alousta a {width: 75px;height: 53px;display: block;background: url(menu.gif) -76px 0 no-repeat;overflow: hidden;}
#mn-alousta a:hover {background: url(menu.gif) -76px -53px no-repeat;}
#mn-uygulama {top: 1px;left: 331px;}
#mn-uygulama a {width: 178px;height: 53px;display: block;background: url(menu.gif) -151px 0 no-repeat;overflow: hidden;}
#mn-uygulama a:hover {background: url(menu.gif) -151px -53px no-repeat;}
#mn-urunler {top: 1px;left: 509px;}
#mn-urunler a {width: 107px;height: 53px;display: block;background: url(menu.gif) -329px 0 no-repeat;overflow: hidden;}
#mn-urunler a:hover {background: url(menu.gif) -329px -53px no-repeat;}
#mn-haberler {top: 1px;left: 616px;}
#mn-haberler a {width: 139px;height: 53px;display: block;background: url(menu.gif) -436px 0 no-repeat;overflow: hidden;}
#mn-haberler a:hover {background: url(menu.gif) -436px -53px no-repeat;}
#mn-iletisim {top: 1px;left: 755px;}
#mn-iletisim a {width: 109px;height: 53px;display: block;background: url(menu.gif) -575px 0 no-repeat;overflow: hidden;}
#mn-iletisim a:hover {background: url(menu.gif) -575px -53px no-repeat;}    

/********* CONTACT FORM ********/
#contactForm TH {width:160px;text-align:right;background:#f7f7f7;padding:0 10px;color:#6699cc;font:Bold 0.85em Verdana;}
.textBox, .textArea {background:#f7f7f7;border:1px double #86bee1;color:#666;margin:0px;font:0.85em Verdana;padding:3px;}
.textBox {width:230px;}
.textArea {width:230px;height:100px;}
.btnGonder {width:238px;height:25px;border:none;color:#000;background:#ffcc33;font:bold 0.85em Verdana;}
/******* ************** *******/

/*** PRODUCT CATEGORY *******************************************************/
.tableCategory {border:2px solid #eee;border-top-width:30px; margin:0;padding:10px 5px;}
.subTableTitle {position:absolute;margin:-35px 0 0 5px;font:Bold 13px Verdana;color:#aaa;}
.alternatingItemStyle, .itemStyle {padding:5px 0 5px 35px;}
.alternatingItemStyle {background:#fff url(li-star.gif) no-repeat 10px center;}
.itemStyle {background:#f5f5f5 url(li-star.gif) no-repeat 10px center;}

/*** PRODUCT LIST VIEW ********************************/
#proTitle {width:100%;display:block;clear:both;background:#eee;font:Bold 11px Verdana;}
#proListView {width:100%;display:block;clear:both;background:#f5f5f5;margin:2px 0;font:11px Verdana;}

#proListView .mark, 
#proTitle .mark {border-right:4px solid white;width:107px;float:left;padding:2px 0 2px 3px;overflow:hidden;}
#proListView .model, 
#proTitle .model {border-right:4px solid white;width:443px;float:left;padding:2px 0 2px 3px;}
#proListView .price, 
#proTitle .price {width:85px;float:left;padding:2px 0 2px 3px;}
#proListView .price {text-align:right;}

/*** PRODUCT IMAGE VIEW ********************************/
#proImageView {font-size:11px;width:200px;height:165px;margin:5px;float:left;text-align:center;}
#proImageView .image {width:160px;height:100px;background:url(/userfiles/prodimg/noimage.gif) center center;margin:0 auto;}
#proImageView .mark {font-weight:bold;}
#proImageView .model {}
#proImageView .price {font:Bold 10px Verdana;}
#proImageView .mark {color:#cc3333;}
#proImageView .price {color:#666;}

/*** PRODUCT DETAILS ********************************/
#proDetails {display:block;clear:both;font-size:11px;width:auto;height:120px;padding-top:10px;margin:10px 0;border-top:1px solid #f7f7f7;border-bottom:1px solid #f7f7f7;}
#proDetails .imageDiv {float:left;text-align:center;margin:0 10px 0 0;}
#proDetails .image {width:160px;height:100px;margin:0;background: url(/userfiles/prodimg/noimage.gif) center center;border:0;}
#proDetails .mark {font-size:15px;font-weight:bold;color:#cc3333;padding:5px 0;}
#proDetails .model {font-size:16px;padding:5px 0;border-top:1px solid #fafafa;border-bottom:1px solid #fafafa;}
#proDetails .price {color:#666;font:Bold 12px Verdana;padding:5px 0;}


/*** CSS HACKS *********************************************************/    
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* Forces blocks to enclose their floated children */
/* This can be replaced by the alternative fix below if it doesn't kill CatFish */
/*.clearfix{overflow: hidden;}*//* This alternative fix works fine, but it's disabled to troubleshoot CatFish */
.clearfix {display:block;position:relative}/* Don't know why we'd need this rule, but it was here when CatFish worked */
* html .clearfix{height: 1%;}/* This should be moved to ie.css, as IE7 doesn't support * html *//* END: Forces blocks to enclose their floated children */



/*
h1 {font: bold 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #9F080B;text-transform: uppercase;margin: 23px 0 14px 14px;}
h2 {position: relative;float: left;font: italic 30px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #DFE8F2;text-transform: uppercase;margin: 0 0 0 14px;	display: inline;}
h3 {font: bold 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #8998A9;text-transform: uppercase;margin: -5px 0 -5px 14px;}


ul#anaUrun li {display:inline; list-style-type:none; list-style:none;}