/* general */ 
body {background-image: url(/assets/images/page_bg.jpg);color:#2d2d2d;font:normal 11px Tahoma, sans-serif;text-align:center}
a {color:#414141;text-decoration:none}
a:hover {text-decoration:underline}
p {margin-bottom:8px}
.fl {float:left}
.fr {float:right}
.fc {margin-left: 20%; margin-right: 20%;}

/* HACK */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* layout */
#wrapper {
  text-align:left;
  margin:0 auto;
  width:832px;
  position:relative;
}

#wrapper-bg {
  background:url(/assets/images/wrapper_inner_bg.png) no-repeat !important;
  background:transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/wrapper_inner_bg.png', sizingMethod='scale');
  height:624px;
  width:832px;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}

#wrapper-inner {
  width:832px;
  padding:0px 24px;
  position:relative;
  z-index:2;
  voice-family:inherit;
  voice-family:"\"}\"";
  width:784px
}

#content {
  float:left;
  width:609px
}

/* header */
#header {
  position:relative;
  height:108px;
  margin-bottom:10px;
}

#header #logo {
  position:absolute;
  left:20px;
  top:21px;
}

#header #member {
  position:absolute;
  right:25px;
  top:8px;
  font-size:10px;
  width:158px;
}

#header #member a {
  display:block;
  font-weight:bold;
  line-height:13px;
}

#header #member a.member {
  background:url(/assets/images/icon1.gif) 0 0 no-repeat;
  padding-left:16px;
}

#header #member a.basket {
  background:url(/assets/images/icon2.gif) 0 0 no-repeat;
  padding-left:26px;
}

#header #member .login {
  margin:9px 0 13px 0
}

#header #member .profile {
  margin:13px 0 9px 0
}

#header #member .login input {
  border:solid 1px #858d97;
  color:#101214;
  font:normal 10px Tahoma, sans-serif;
  padding-left:5px;
  width:71px;
  voice-family:inherit;
  voice-family:"\"}\"";
  width:64px;
}

#header #member .login input.username {margin-right:10px}
#header #member .underline a {text-decoration:underline}
#header #member .underline a:hover {text-decoration:none}
#header #member .forget {color:#8a8684;font-weight:normal}
#header #member .ok {background:url(/assets/images/icon3.gif) 0 0 no-repeat;padding-left:21px}

/* nav */
#nav {
  background:url(/assets/images/nav.gif) 0 0 no-repeat;
  float:left;
  margin-right:20px;
  height:282px;
  width:132px;
  position:relative; 
  z-index:10
}

#nav ul li {position:relative}
#nav ul li a {display:block;width:132px; text-indent:-9999px}
#nav ul li a:hover {_position:relative}

#nav a.item1 {height:20px}
#nav a.item2 {height:28px}
#nav a.item3 {height:28px}
#nav a.item4 {height:28px}
#nav a.item5 {height:28px}
#nav a.item6 {height:28px}
#nav a.item7 {height:28px}
#nav a.item8 {height:28px}
#nav a.item9 {height:28px}
#nav a.item10 {height:28px}

#nav a.item1:hover,
#nav .active .item1{background:url(/assets/images/nav.gif) -132px 0 no-repeat}

#nav a.item2:hover,
#nav .active .item2{background:url(/assets/images/nav.gif) -132px -20px no-repeat}

#nav a.item3:hover,
#nav .active .item3{background:url(/assets/images/nav.gif) -132px -48px no-repeat}

#nav a.item4:hover,
#nav .active .item4{background:url(/assets/images/nav.gif) -132px -76px no-repeat}

#nav a.item5:hover,
#nav .active .item5{background:url(/assets/images/nav.gif) -132px -104px no-repeat}

#nav a.item6:hover,
#nav .active .item6{background:url(/assets/images/nav.gif) -132px -132px no-repeat}

#nav a.item7:hover,
#nav .active .item7{background:url(/assets/images/nav.gif) -132px -160px no-repeat}

#nav a.item8:hover,
#nav .active .item8{background:url(/assets/images/nav.gif) -132px -188px no-repeat}

#nav a.item9:hover,
#nav .active .item8{background:url(/assets/images/nav.gif) -132px -216px no-repeat}

#nav a.item10:hover,
#nav .active .item10 {background:url(/assets/images/nav.gif) -132px -244px no-repeat}

#nav .submenu {
  border:solid 1px #f8f8f8;
  background-color:#FFFFFF;
  font-size:12px;
  padding:5px;
  visibility:hidden;
  position:absolute;
  top:0;
  left:132px;
  filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90;
}

#nav table {position:absolute;top:0;left:0;border-collapse:collapse}

#nav .submenu a {color:#9a9a9a;line-height:22px;text-indent:0;text-decoration:none; padding-left:3px;}
#nav .submenu a span {color:#ff7b00; font-weight:bold; padding-left:5px}
#nav .submenu a:hover {color:#ff7b00;}

#nav a:hover .submenu,
#nav li:hover .submenu {visibility:visible}
/* #mainpage */

/* tv */
#content #mainpage-content-row1 #tv {
  background:url(/assets/images/tv_bg.jpg) no-repeat;
  float:left;
  padding:9px 8px 12px 7px;
  height:199px;
  width:330px;
  position:relative;
  voice-family:inherit;
  voice-family:"\"}\"";
  height:178px;
  width:315px;
  }

#content #mainpage-content-row1 #tv .btn {
  background:url(/assets/images/btn_tv_bg.gif) repeat-x;
  border:solid 1px #7e7e7e;
  border-top:none;
  display:block;
  line-height:22px;
  width:79px;
  position:absolute;
  bottom:-13px;
  right:10px;
  text-align:center;
}

/* news */
#content #mainpage-content-row1 #news {
  background:url(/assets/images/news_bg.jpg) 0 0 no-repeat;
  float:right;
  width:268px;
  height:236px;
  padding:16px 26px 0px 22px;
  voice-family:inherit;
  voice-family:"\"}\"";
  width:220px;
  height:220px;
}

#content #mainpage-content-row1 #news h3 {background:url(/assets/images/text_etabaldan_haberler.gif) no-repeat;height:22px;text-indent:-9999px}
#content #mainpage-content-row1 #news li {border-top:solid 1px #dedddd;line-height:20px;padding:6px 0;}
#content #mainpage-content-row1 #news li a span {color:#e08f37; font-size:12px; font-weight:bold}

#content #mainpage-content-row1 {margin-bottom:10px}
#content #mainpage-content-row2 {background:url(/assets/images/degrade_line_1x10.gif) 0 0 repeat-x;padding-top:30px}

#content #mainpage-content-row2 .product {
  background:url(/assets/images/dot_line_4x1.gif) 0 0 repeat-y;
  float:left;
  margin-left:15px;
  padding-left:15px;
  width:210px;
  voice-family:inherit;
  voice-family:"\"}\"";
  width:195px;
}

#content #mainpage-content-row2 .product h3 {height:30px; color:#e08f37; font-size:14px; font-weight:bold}
#content #mainpage-content-row2 .product h3 a {color:#2d2d2d}
#content #mainpage-content-row2 .product p {margin:0}

#content #mainpage-content-row2 .product img {float:right; margin-left:15px}
#content #mainpage-content-row2 .product .bottom {margin-top:5px}
#content #mainpage-content-row2 .product .buy {
  background:url(/assets/images/icon4.gif) no-repeat;
  color:#721d0d;
  display:block;
  line-height:22px;
  padding-left:28px;
  text-decoration:underline
  }
#content #mainpage-content-row2 .product .buy:hover {color:#414141;}
#content #mainpage-content-row2 .product .cost {color:#721d0d; font-weight:bold; font-size:12px; }
#content #mainpage-content-row2 .product .discount {color:#000000; font-weight:bold; text-decoration: line-through}
#content #mainpage-content-row2 .slogan{float:left; width:159px}
#content #mainpage-content-row2 .slogan h3 {background:url(/assets/images/text_bee_happy_bee_healty.gif) 0 0 no-repeat;height:55px;text-indent:-9999px}

/* subpage general */
#content.subpage {color:#3e3e3e;line-height:18px; position:relative }
#content.subpage .subcontent { float:left;width:620px;height:380px;overflow:auto;color:#3e3e3e;line-height:15px; position:relative}
#content.subpage #tv {
  background:url(/assets/images/tv_bg.jpg) no-repeat;
  float:left;
  padding:9px 8px 12px 7px;
  height:199px;
  width:330px;
  position:relative;
}
#content.subpage #tv .buy {
  background:url(/assets/images/icon4.gif) no-repeat;
  color:#721d0d;
  display:block;
  line-height:22px;
  padding-left:28px;
  text-decoration:underline
}
#content.subpage h2 {height:22px; text-indent:-9999px}
#content.subpage h3 {font-size:12px}

#content.subpage h2.text-alisveris {background:url(/assets/images/text_etabal_alisveris.gif) 0 0 no-repeat}
#content.subpage h2.text-apiterapi {background:url(/assets/images/text_etabal_apiterapi.gif) 0 0 no-repeat}
#content.subpage h2.text-aridan {background:url(/assets/images/text_etabal_aridan.gif) 0 0 no-repeat}
#content.subpage h2.text-basinodasi {background:url(/assets/images/text_etabal_basinodasi.gif) 0 0 no-repeat}
#content.subpage h2.text-ekibimiz {background:url(/assets/images/text_etabal_ekibimiz.gif) 0 0 no-repeat}
#content.subpage h2.text-haberler {background:url(/assets/images/text_etabal_haberler.gif) 0 0 no-repeat}
#content.subpage h2.text-galeri {background:url(/assets/images/text_etabal_galeri.gif) 0 0 no-repeat}
#content.subpage h2.text-referans {background:url(/assets/images/text_etabal_referans.gif) 0 0 no-repeat}
#content.subpage h2.text-iletisim {background:url(/assets/images/text_etabal_iletisim.gif) 0 0 no-repeat}
#content.subpage h2.text-kurumsal {background:url(/assets/images/text_etabal_kurumsal.gif) 0 0 no-repeat}
#content.subpage h2.text-makaleler {background:url(/assets/images/text_etabal_makaleler.gif) 0 0 no-repeat}
#content.subpage h2.text-urunler {background:url(/assets/images/text_etabal_urunler.gif) 0 0 no-repeat}
#content.subpage h2.text-uyelik {background:url(/assets/images/text_etabal_uyelik.gif) 0 0 no-repeat}
#content.subpage h2.text-gizlilik {background:url(/assets/images/text_etabal_gizlilik.gif) 0 0 no-repeat}
#content.subpage h2.text-garanti {background:url(/assets/images/text_etabal_garanti.gif) 0 0 no-repeat}
#content.subpage h2.text-yasalsorumluluk {background:url(/assets/images/text_etabal_yasalsorumluluk.gif) 0 0 no-repeat}

#content.subpage .dotted-line {
  background:url(/assets/images/dot_line_2x38.gif) 0 0 repeat-x;
  height:2px;
  margin-bottom:12px;
  font-size:0; /* For ie6 and above */
  line-height:0; /* For ie6 and above */
}

#content.subpage .dotted-line-thin {
  background:url(/assets/images/dot_line_1x2.gif) 0 50% repeat-x;
  clear:both;
  font-size:0; /* For ie6 and above */
  line-height:0; /* For ie6 and above */
  padding:10px 0;
  width:95%;
}

/* news */
#content.subpage #news-list dt {
  font-weight:bold;
  font-size:12px;
}

#content.subpage #news-list dt span {
  color:#ff6c00;
  font-weight:normal;
}

#content.subpage #news-list dd {
  background:url(/assets/images/dot_line_1x2.gif) bottom repeat-x;
  padding-bottom:10px;
  margin-bottom:10px;
}

#content.subpage #news-list dd.last-item {
  background:none;
  padding:0;
  margin:0;
}

/* news detail */
#content.subpage #news-content {float:left; width:581px; font-size:12px; line-height:24px}
#content.subpage #news-content h3 {font-size:14px}
#content.subpage #news-content h3 span { color:#ff6c00; font-weight:normal; }
#content.subpage #news-content .content { float:left;width:609px;height:330px;overflow:auto;color:#3e3e3e;line-height:18px; position:relative}
#content.subpage #news-content ul {position:relative}
#content.subpage #news-content ul li {position:relative}
#content.subpage #news-content a.back {color:#ff6000; font-weight:bold; font-size:11px; text-decoration:underline}
#content.subpage #news-content a.back:hover {color:#414141}

/* productmain */
#content.subpage .productmain {float:left; width:530px; margin-right:15px}
#content.subpage .productmain .product-pic{float:left; width:226px}
#content.subpage .productmain .product-content{color:#5a5a5a; float:right; width:304px}
#content.subpage .productmain .product-content h3 a {color:#e97b04}
#content.subpage .productmain.cat .product-content h3 a{color:#bc6200}
#content.subpage .productmain.cat .buy {
  background:url(/assets/images/icon4.gif) no-repeat;
  color:#721d0d;
  display:block;
  line-height:22px;
  padding-left:28px;
  text-decoration:underline
  }
#content.subpage .productmain.cat .buy:hover {color:#414141;}
#content.subpage .productmain.cat #tv2 {
  background:url(/assets/images/tv_bg2.jpg) no-repeat;
  float:left;
  padding:7px 8px 10px 7px;
  height:130px;
  width:216px;
  position:relative;
  voice-family:inherit;
  voice-family:"\"}\"";
  height:113px;
  width:201px;
  }

/* product */
#content.subpage .product {float:left; width:180px; margin-right:20px}
#content.subpage .product .product-pic{float:left; width:70px}
#content.subpage .product .product-content{color:#5a5a5a; float:right; width:100px}
#content.subpage .product .product-content .cost {color:#721d0d; font-weight:bold; }
#content.subpage .product .product-content .discount {color:#000000; font-weight:bold; text-decoration: line-through}
#content.subpage .product .product-content h3 a {color:#e97b04}
#content.subpage .product.cat .product-content h3 a{color:#bc6200}
#content.subpage .btn {
  background:url(/assets/images/btn_17x66.jpg) no-repeat;
  border:none;
  color:#FFFFFF;
  cursor:pointer;
  display:block;
  font:bold 9px Tahoma, sans-serif;
  height:17px;
  width:66px;
  text-align:center;
  }

/* product detail*/
#content.subpage #other-product-list {
  background:url(/assets/images/icon4.gif) 0 0 no-repeat;
  padding-left:27px;
  width:200px;
  height:22px;
  voice-family:inherit;
  width:173px;
  text-align:right;
  position:absolute;
  right:0;
  top:-4px;
  }
  
#content.subpage #other-product-list select {margin-top:2px;width:173px}

#content.subpage #product-details {margin-top:25px}
#content.subpage #product-details {margin-top:25px}
#content.subpage #product-details .product-pic {float:left; width:171px}
#content.subpage #product-details .product-content {float:right; width:408px}
#content.subpage #product-details .product-content .cost {color:#721d0d; font-weight:bold; }
#content.subpage #product-details .product-content .discount {color:#000000; font-weight:bold; text-decoration: line-through}
#content.subpage #product-details .content { float:left; width:408px; height:250px;overflow:auto;color:#3e3e3e;line-height:18px; position:relative}
#content.subpage #product-details .product-content h3{margin-bottom:10px}
#content.subpage #product-details .product-content .arrow {color:#ff7800; font-weight:bold}

/* bread-crumb */
#content.subpage .bread-crumb {color:#939393; font-weight:bold; margin-bottom:10px; font-size:12px}
#content.subpage .bread-crumb a {color:#939393}
#content.subpage .bread-crumb span {margin:0 3px}  

/* pager */
#content.subpage .pager {
  background:url(/assets/images/dot_line_1x2.gif) 0 0 repeat-x;
  clear:both;
  margin-top:10px;
  padding-top:10px;
  }

#content.subpage .pager a {
  background-color:#f8f8f8;
  color:#ff6c00;
  display:block;
  float:left;
  font-size:10px;
  padding:1px 6px;
  margin-right:6px;
}

#content.subpage .pager a:hover,
#content.subpage .pager a.active {
  background-color:#F0F0F0;
  color:#2d2d2d;
  text-decoration:none
}

/* footer */
#footer {color:#818181;font-size:10px;width:722px;position:absolute;top:617px;left:50px;z-index:3;}
#footer #footer-nav {background:url(/assets/images/dot_line_1x2.gif) 0 100% repeat-x;padding-bottom:7px;margin-bottom:3px}
#footer #footer-nav a {color:#818181}
#footer #logos a {float:left; margin-left:20px}

fieldset {
padding: 0.3em 0.3em;
border:1px solid #ff7b00;
}

legend {
padding: 0.5em 0.5em;
color:#000000;
text-align:right;
}

label{
float:left;
width:25%;
margin-right:0.5em;
padding-top:0.2em;
text-align:right;
font-weight:bold;
}

input, textarea, select {font:normal 11px Tahoma, sans-serif; border: 1px solid #98ABBD;}

input.radio, input.checkbox {width: 13px; height: 13px; border: 0px solid #FFFFFF; }

textarea{
width: 250px;
height: 100px;
}

.boxes{
width: 1em;
}

.button{
margin-left: 90px;
margin-top: 5px;
width: 90px;
border: 1px solid #006;
}

br{
clear: left;
}

.alv1 {color: #747EAB;font-weight: bold;}
.alv2 {color: #95091D;font-weight: bold;}

/*---------------------pagination-----------------------------*/
div.pagination {
  padding:5px;
  margin:5px;
  text-align:center;
  float:left;
  font-size:10px;
}
div.pagination a {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #ddd;
  text-decoration: none; 
  color: #ff6600;
}
div.pagination a:hover, div.pagination a:active {
  border:1px solid #ddd;
  color: #fff;
  background-color: #ff6600;
}
div.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #ddd;
  font-weight: bold;
  background-color: #ff6600;
  color: #FFF;
}
div.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #ddd;
  color: #ccc;
}

/* Galeri */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0; /*position where enlarged image should offset horizontally */
}