﻿@charset "utf-8";
body {
	margin: 10px;
}
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
input,
select,
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #333333;}
a{color: #006699;text-decoration: none;}
hr{border: 1px solid #CBDCE8;height: 1px;}
.button {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #333333;border: 1px solid #666666;background-color: #FCDBC4;}

#Container {
	width: 984px;
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
        background-color: #FFFACD;
}
#Body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;}

/* HEADER */
#Header {
	margin-bottom: 10px;
}
#maillist {
	height: 95px;
	width: 200px;
	background-image: url(Imgs/maillist.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-left: 25px;
}
#Banner{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 800px;
	height: 95px;
	background-image: url(Imgs/Banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#MenuBar {
	background-image: url(Imgs/menubar.gif);
	background-repeat: no-repeat;
	height: 43px;
	position: relative;
	padding-left: 10px;
}
#Menu a{
	border-right: 1px solid #ba5d5c;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 43px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	
}
#Menu a:hover{
	background-color: #FFFFCC;
	color: #000000;
}
#Search {
	position: absolute;
	right: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	top: 12px;
	
}
#Search .Keyword{
	background-color: #FFFFFF;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #FFFFCC;
	width: 140px;
}
#Search .Submit{
	background-color: #ff5726;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #FFFFFF;
}
#Language {
	width: 60px;
	position: absolute;
	right: 10px;
	top: 12px;
	border-left: 1px solid #ba5d5c;
	padding-left: 15px;
}
#Language img{
	border: 1px solid #FFFFFF;
	margin-left: 3px;
}

/* BODY */

#Body{
	position: static;
        background-color: #FFFACD;
}

#LeftPane{
	float: left;
	width: 185px;
        background-color: #B8860B;
}
#Catagories{
	margin: 0px 0px 0px 23px;
	padding: 0px;
}

#Catagories {
	border-right: 1px solid #ba5d5c;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#Catagories a{
	color: #FFFFFF;
	text-decoration: none;
} 
#Catagories a:hover{
	background-color: #FFFFCC;
	color: #000000;
}
#RightPane{
	float: left;
	width: 750px;
	position: relative;
	background-image: url(Imgs/vsep.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding-left: 10px;
}
#Footer {
	background-image: url(Imgs/menubar.gif);
	background-repeat: no-repeat;
	height: 43px;
	position: relative;
	padding-left: 10px;
	clear: both;
	line-height: 43px;
	color: #FFFFFF;
	font-size: 11px;
	margin-top: 5px;
}

/* PRODUCT */

.Product{
	height: 128px;
	width: 240px;
	position: relative;
	background-image: url(Imgs/hsep.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.Product .Picture{
	border: none;
	float: left;
	height: 130px;
	width: 115px;
}
.Product .Info{
	float: left;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #800000;
	position: relative;
	text-align: left;
}
.Product .Title{
	color: #800000;
	font-weight: bold;
	margin-bottom: 0px;
	height: 20px;
}
.Product .Label{
	color: #444444;
	float: left;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 55px;
	text-align: left;
	clear: left;
}
.Product .Price{
	color: #b30300;
	margin-right: auto;
	margin-left: auto;
	width: 100px;
	text-align: center;
	line-height: 25px;
	font-size: 13px;
	font-weight: bold;
}
.Product .Sep{
	background-image: url(Imgs/hsep.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 20px;
	font-size: 1px;
}
.Product .Detail{
	background-image: url(Imgs/detailbg.gif);
	height: 22px;
	width: 99px;
	position: relative;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin-top: 6px;
}
.Product hr{
	background-image: url(Imgs/hsep.gif);
	background-repeat: repeat-x;
	border: 1px none #666666;
	height: 1px;
}

/* ÜRÜN DETAY */

.urunbilgi{
	margin-bottom: 4px;
}
.urunbilgi th{
	text-align: left;
}

.urunresimi{
	height: 130px;
	width: 115px;
	border: 1px none #CBDCE8;
	padding: 4px;
	float: left;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 4px;
}

.sayfabasligi{
	height: 10px;
	width: auto;
	margin-bottom: 8px;
	padding: 4px;
	clear: both;
	border: 1px solid #ffd699;
}
.sayfabasligi h1, .sayfabasligi h2{
	float: left;
	font-weight: bold;
	color: #CC3300;
	font-size: 12px;
}
.sayfabasligi a{
	float: right;
}

.sayfalama{
	padding: 8px;
	clear: left;
	text-align: right;
}
.sayfalama .not{
	float: left;
	text-align: left;
	margin-top: 4px;
}

/* sorucevap */
.sorucevap {
	border: 1px solid #ffd699;
	clear: left;
	padding: 5px;
	margin-top: 7px;
}

/* kutular */
.kutular{
	padding: 8px;
}
.kutular .baslik{
	font-weight: bold;
	text-align: center;
	color: #CC3300;
	margin-bottom: 8px;
	margin-top: 0px;
}

