@CHARSET "ISO-8859-1";
@import "ui.base.css";
@import "ui.theme.css";

body {
	-x-system-font:none;
	font-family:Futura Book Bt,sans-serif;
	font-size:0.8125em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.4em;
	text-align: center;
	margin:0 auto;
	background: #eeeeee url(../images/back.jpg) top repeat-x;
}
@font-face
        {font-family:"Futura Book Bt";}
A { 
	text-decoration: none;
}

ul {
	list-style: none;
}	

img { 
	border: none;
}
h3 {
	float: left;
	color: #dd0075;
	font-size: 12pt;
	margin: 0;
	padding-bottom: 5px;
	margin-left: 3px;
	
}
h2 {
	float: left;
	color: #dd0075;
	font-size: 12pt;
	margin: 0 0;
	padding-bottom: 5px;
	margin-left: 3px;
	
}
 p {
	float: left;
	color: #999;
	font-size: 10pt;
}

#main_content {
	width: 870px;
	margin: 0 auto;
}

#main {
	width: 870px;
	float:left;
	margin: 0 auto;
}

#header {
	clear: both;
	float: left;
	height: 203px;
	text-align: center;
	overflow:hidden;
}

#header_image {
	clear: both;
	float: left;
	height: 125px; 
}

#header_image img {
	margin: auto 15px;
}

#header_links {
	clear: both;
	float: left;
	width: 870px;
	height: 71px;
	margin-top: 8px;
	
}
#spnleft {
	float:left;
	background: url(../images/headerleft.jpg) repeat-x;
	width: 46px;
	height: 71px;
	
}
#spnright {
	float:right;
	background: url(../images/header_right.jpg) repeat-x;
	width: 47px;
	height: 71px;
	
}
#spncenter{
	float:left;
	width: 777px;
	height: 71px;
	background: url(../images/links_back.jpg) repeat-x;
	overflow: hidden;
}
#header_links ul {
	display: inline;
	float: left;
	overflow: hidden;
}

#header_links li {
	display: inline;
	
}
#header_links li a {
	float: left;
	color: #FFF;
	font-size: 14pt;
	margin: 15px 15px;
}

#header_links li a:hover {
	color: #6c0139;
}

#content {
	clear: both;
	float: left;
	text-align: left;
	background: #FFF;
	width: 868px;
	background:#FFF url(../images/borderright.jpg) right repeat-y;

}

#content_left {
	float: left;
	width: 415px;
	background: url(../images/borderleft.jpg) left repeat-y;
	overflow:hidden;
}
#left_up {
	clear: both;
	float: left;
	height: 270px;
	width: 390px;
	margin-left: 10px; 
	margin-bottom: 15px;
	margin-top: 5px;
	padding-left: 10px;
	padding-top: 10px;
}
#galery {
	clear: both;
	float: left;
	height: 240px;
	width: 390px;
	overflow:hidden;
}

#banner {
	clear: both;
	float: left;
	height: 30px;
	width: 390px;
	background: url(../images/slaytbanner.jpg) repeat-x;
}

#left_down {
	clear: both;
	float: left;
	width: 390px;
	height: 575px;
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 150px;
}
#left_down img{
	float: left;
}

#content_right {
	float: left;
	width: 430px;
	margin-left: 15px;
	margin-top: 5px;
}
#right_up {
	clear: both;
	float: left;
	height: 270px;
	width: 415px;
	margin-bottom: 15px;
	margin-top: 15px;
}
#right_up img{
	float: left;	
}
#right_up span {
	clear: both;
	float: left;	
}

#right_up strong {
	color: #dd0075;	
}

#right_up li  {
	background: url(../images/list.jpg) left no-repeat ;
	padding-left: 20px;
	padding-top: 15px;
}
 
#right_up li a {
	color: #6b6b6b;
}
#right_up li a:hover {
	color: #C06;	
}
#right_down {
	clear: both;
	float: left;
	width: 415px;
	overflow: hidden;
	 margin-bottom: 10px;
}
#right_down img{
	padding: 2px;
	border: 1px solid #dcdcdc;
	margin:20px auto;	
}
#right_down p {
	color: #999;
	font-size: 10pt;
}
#footer {
	clear: both;
	float: left;
	height: 105px;
	width: 100%;
	background: url(../images/footerback.jpg) repeat-x;

}

#footer_left {
	float: left;
	background: url(../images/footerleft.jpg) repeat-x;
	width: 10px;
	height: 95px;
}
#footer_center {
	float: left;
	width: 735px;
}
#footer_info {
	clear: both;
	float: left;
	height: 25px;
	width: 848px;
	text-align: center;
	margin-top: 10px;
	color: #FFF;
}
#footer_info strong {
	color: #3b001f;	
}

#footer_pic {
	text-align: center;
	clear: both;
	float: left;
	height: 32px;
	width: 615px;
	margin-left: 70px;
	background: url(../images/footerimg.jpg) center repeat-x;
}
#footer_right {
	float: right;
	background: url(../images/footerright.jpg) repeat-x;
	width: 11px;
	height: 95px;
}
#contact {
	clear: both;
	float: left;
	width: 100%;
	background: url(../images/borderleft.jpg) left repeat-y;
}
#warning { margin: 10px auto 10px 20px; float: left; color: #FFF; background-color:#dd0075; border: 1px solid #dcdcdc; line-height: 1.4em; padding: 5px; font-size: 10pt; margin-right: 400px;}
#joinForm { clear: both; float: left;margin-left:20px;}
#joinForm input[type='text']{ width: 300px; height:20px; line-height:20px; border: 1px solid #dcdcdc; color: #666666;}
#joinForm input[type='text']:hover { border: 1px solid #dd0075; }
#joinForm textarea{ height: 150px; width: 300px; border: 1px solid #dcdcdc;}
#joinForm textarea:hover { border: 1px solid  #dd0075; }
#joinForm input[type='submit']{ width: 100px; height:25px; line-height:20px; border: 1px solid #dcdcdc; color: #666666;}	

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.gallery_demo{width:850px;margin:5px auto; }
.gallery_demo li{width:68px;height:50px;border:3px solid #999;margin: 0 2px;background:#999;}
.gallery_demo li div{left:240px;}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

.nav{clear:both; font:80% 'helvetica neue',sans-serif;letter-spacing:3px; text-transform:uppercase;  float: right; margin-right:350px;}
.demo{position:relative;margin-top:2em;  text-align: center; }
#temp {
	float: left;
	width: 860px;
	background: url(../images/borderleft.jpg) left repeat-y;
	padding-bottom: 50px;
}
#news_adv{
	float: left;
	width: 850px;
}
#news_title {
	float: left;
	width: 300px;
	color: #906;
	font-size: 12pt;
	margin-left:20px;
	margin-top: 10px;
}

#news_exp {
	clear: both;
	float: left;
	color: #333;
	font-size: 10pt;
	width: 800px;
	margin:5px auto;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
}

#news_image{
	float: right;
	width: 300px;
	margin-right: 80px;
	margin-bottom: 100px;
	margin-top: 15px;
	margin-left:20px;
}
#news {
	float: left;
	width: 850px;
	background: url(../images/borderleft.jpg) left repeat-y;
}
#news_smpl {
	clear: both;
	float: left;
	width: 800px;
	margin: 10px 20px;
	overflow: hidden;
}
#news_image_smpl {
	float: left;
	height: 150px;
	width: 150px;
	margin: auto 10px;
	overflow: hidden;
}
#news_name_smpl {
	float: left;
	height: 30px;
	width: 600px;
	color: #C06;
	font-size: 12pt;
	margin-left: 10px;
}
#news_exp_smpl {
	float: left;
	height: 50px;
	width: 600px;
	color: #666;
	font-size: 10pt;
	margin-left: 10px;
}
#more {
	float: right;
}
#more a{
	color:#C06;
	font-size: 10pt;
	text-decoration:underline;
}
#more a:hover{
	color: #666;
}


#gcat {
	width: 154px;;
	float: left;
	margin: 15px 25px;
}
#rsm {
	height:	112px;
	width: 150px;
	padding: 1px;
	border: 1px solid #dcdcdc;
}
#ttl {
	margin-top: 2px;text-align: center;
}
#gcat a{
	
	font-size: 12pt;
	color: #C03;
	text-decoration: underline;
}
#gcat a:hover{
	color:#333;
	text-decoration: none;
}


#genel {
	float: left;
	width: 865px;
	background: url(../images/borderleft.jpg) left repeat-y;
}
#genel span{
	clear: both;
	float: left;
	overflow: hidden;
}
#genel span img{
	padding: 2px;
	border: 1px solid #dcdcdc;
	margin:20px auto;
}
#sol {
	float: left;
	width: 400px;
	margin-left: 15px;
	margin-top: 10px;	
	margin-bottom: 20px;
	overflow: hidden;
	padding-left:10px;
}
#sag {
	float: left;
	width: 400px;
	margin-left: 20px;
	margin-top: 10px;
	
	overflow: hidden;
}
#title {
	width: 800px;
	float: left;
	margin-left:25px;
	margin-top:15px;
	
}
#title img {
	float: left;
	
}
#category_sale {
	float: left;
	width: 865px;
	background: url(../images/borderleft.jpg) left repeat-y;
	
}
#category_sale_left {
	float: left;
	width: 400px;
	margin-left: 15px;
	margin-top: 10px;	
	padding-bottom: 20px;
	overflow: hidden;
	padding-left:10px;
}
#category_sale_right {
	float: left;
	width: 400px;
	margin-left: 20px;
	margin-top: 10px;
 	overflow: hidden;
}

.demo{
	clear:both;
	float: left;
	width:400px;
}

#siparisForm { clear: both; float: left; margin-bottom: 20px; }
#siparisForm input[type='text']{ width: 300px; height:20px; line-height:20px; border: 1px solid #dcdcdc; color: #666666;}
#siparisForm input[type='text']:hover { border: 1px solid #dd0075; }
#siparisForm textarea{ width: 300px; border: 1px solid #dcdcdc;}
#siparisForm textarea:hover { border: 1px solid #dd0075; }
#siparisForm input[type='submit']{ width: 100px; height:25px; line-height:20px; border: 1px solid #dcdcdc; color: #666666;}
#galeri {
	float: left;
	width:840px;
	background: url(../images/borderleft.jpg) left repeat-y;
	padding-left: 25px;
	padding-top: 20px;
	text-align: center;
}

.slideshowContainer {
	width: 805px;
	height: 600px;
	margin-bottom: 5px;
}

.loading {
	background: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 4px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 4px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	border: 1px solid #C06;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	text-align: left;
	overflow: hidden;
}
#slideshowmain {
    position:relative;
    height: 260px;
    overflow: hidden;
	
}
#slideshowouter{
	height: 262px;
	padding: 3px;
	border: 3px solid #dcdcdc;
}

#slideshowmain IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	
    
}

#slideshowmain IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshowmain IMG.last-active {
    z-index:9;
}
#product_category {
	clear: both;
	float: left;
	width: 200px;
}
#product_category ul {
	padding: 0;
	
}
#product_category li{
	line-height: 1.4em;
	margin-top: 5px;
	margin-left: 30px;
}
#product_category li a{
	color:#C06;
	font-size: 12pt;
}
#product_category li a:hover{
	color:#666;
	text-decoration: underline;
}
#product_list {
	float: left;
	width:640px;
}	
#product {
	float: left;
	width: 310px;
	margin-right: 10px;
	margin-bottom: 25px;
	
}
#product_img {
	float: left;
	width: 155px;
	height: 120px;
	overflow:hidden;
}	
#product_img img {
	border: 3px solid #CCC; 
}
#product_simple {
	float: left;
	width: 142px;
	margin-left: 10px;
}

#product_title {
	float: left;
	width: 140px;
	color: #C06;
	font-size: 10pt;
}
#product_code {
	float: left;
	width: 140px;
	color: #666;
	font-size: 10pt;	
}
#product_exp {
	float: left;
	width: 140px;
	color: #666;
	font-size: 10pt;
}

#product_link {
	clear: both;
	float: left;
	width: 290px;
	margin-top: 10px;
		
}
#product_link a {
	color:#C06;
	padding: 5px;
	background-color: #dcdcdc;
	margin-right: 3px;
	font-size: 12pt;
	
}
#product_link a:hover {
	color:#FFF;
	background-color: #C06;
	
}

#pagination {
	float: left;
	width: 520px;
	text-align: center;
	margin-top:  50px;
	padding-bottom: 30px;
}
#pagination a{
	color: #8e969a;	
	font-size: 10pt;
	color: #333;
	word-spacing: 6px;
}
#pagination a:hover{
	color: #F06;	
}
#pagination strong {
	color: #C03;	
}