html {
	overflow-y: scroll;
	height: 100%;
}

body {
	background: #444;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#container {
	width: 960px;
	margin: 15px auto 0 auto;
	height: 100%;
}

#header {
	width: 100%;
	background:  url(header_bg.gif) repeat-x;
}

#top-menu {
	margin: 0;
	height: 50px;
}

#top-menu .left {
	background: url(menu_left.gif) no-repeat;
	height: 50px;
	width: 70px;
	float: left;
	margin-left: 140px;
}

#top-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 540px;
	height: 50px;
	background:url(menu_bg.gif) repeat-x;
}

#top-menu ul li {
	float: left;
	height: 20px;
	white-space: nowrap;
	padding: 14px 18px;
}

.siparis_menu {
	background: url(siparis_menubg.gif) center center no-repeat;
}

#top-menu ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

#top-menu .right {
	background: url(menu_right.gif) no-repeat;
	height: 50px;
	width: 70px;
	float: left;
}

#header-btm {
	clear: both;
	padding: 15px 21px;
	background: url(divider.gif) bottom left repeat-x;
	height: 55px;
}

#header-btm a{
	float: left;
}

#header-btm .phone {
	float: right;
}

.slogan1{
	margin: 35px 0 0 5px;
}

.slogan2{
	float: left;
	clear: both;
}


.inner_page {
	clear: both;
	float: left;
	width: 918px;
	padding: 21px;
	background: url(divider.gif) #fff top left repeat-x;
}


.page {
	clear: both;
	float: left;
	width: 918px;
	padding: 21px;
	background: url(divider.gif) #fff top left repeat-x;
}

.inner_page {
	background: #fff;
}

.inner_page h1 {
	float: left;
	width: 600px;
	font-size: 22px;
	color: #b10000;
	padding-bottom: 10px;
}

.inner_page h1 b{
	color: #000;
}

.inner_page .left {
	width: 600px;
	float: left;
}

.inner_page .left p {
	width: 600px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}

.inner_page .right {
	width: 300px;
	float: right;
}

#footer {
	width: 900px;
	padding: 20px 30px;
	background: #b10000;
	color: #fff;
	float: left;
}

#footer a{
	color: #fff;
	text-decoration: none;
	font-size: 13px;
}

#footer small {
	float: left;
	margin-top: 5px;
}

.alm_footer {
	float: right;
	width: 111px;
	height: 40px;
	background: url(alm_footer.gif) no-repeat;
	margin: 0;
	padding: 0;
}

#head_image {
	width: 918px;
	padding: 10px 21px;
	height: 250px;
	background: url(header1.jpg) #fff center center no-repeat;
	clear: both;
}

#head_image p {
	width: 450px;
	padding-left: 174px;
	margin: 100px 0 0 0;
	float: left;
}

.siparis_buton {
	width: 203px;
	height: 37px;
	margin: 10px 0 0 0;
	background: url(siparis_buton.gif) 0 0 no-repeat;
	float: left;
	clear: both;
}

#head_image .siparis_buton {
	margin-left: 170px;
}

.siparis_buton:hover {
	background: url(siparis_buton.gif) 0 -37px no-repeat;
}

.icerik123 {
	width: 918px;
	float: left;
	clear: both;
	margin-top: 10px;
}

.icerik123 p {
	float: left;
	padding: 0 0 0 42px;
	margin: 0;
}

p a {
	color: #b30000;
	font-weight: bold;
}

b {
	color: #b30000;
	font-weight: bold;
}

p a:hover {
	color: #009aaf;
}

.icerik123 .icerik1{
	width: 325px;
	background: url(1.gif) 0 5px no-repeat;
}

.icerik123 .icerik2{
	width: 150px;
	margin-left: 20px;
	background: url(2.gif) 0 5px no-repeat;
}

.icerik123 .icerik3{
	width: 270px;
	margin-left: 20px;
	background: url(3.gif) 0 5px no-repeat;
}

.block1 {
	width: 282px;
	height: 186px;
	background: url(block1.jpg) no-repeat;
	float: left;
	padding-left: 18px;
}

.block1 p {
	float: left;
	width: 165px;
	margin-top: 50px;
}

.block2 {
	width: 220px;
	height: 186px;
	background: url(block2.jpg) no-repeat;
	float: left;
	margin-left: 18px;
	padding-left: 80px;
}

.right .block2 {
	margin: 20px 0 0 0;
}

.block2 p {
	float: left;
	width: 150px;
	margin-top: 50px;
}

.block3 {
	width: 166px;
	height: 186px;
	background: url(block3.jpg) no-repeat;
	float: left;
	margin-left: 18px;
	padding-left: 115px;
}

.block3 p {
	float: left;
	width: 150px;
	margin: 50px 0 0 0;
}

.more {
	width: 105px;
	height: 20px;
	background: url(more.gif) 0 0 no-repeat;
	float: left;
	clear: both;
	margin-top: 5px;
}

.more:hover {
	background: url(more.gif) 0 -20px no-repeat;
}

.popup {
	height: 450px;
	width: 540px;
	padding: 0 30px;
}

.popup .more_link {
	float: left;
	text-decoration: none;
	color: #555;
	width: 300px;
	clear: both;
	margin-top: 20px;
	font-size: 11px;
}

.popup .siparis_buton {
	margin-top: 20px;
}

.popup p {
	float: left;
	margin: 0;
}

.popup1 {
	background: url(popup1.jpg) no-repeat;
}

.popup1 p {
	padding: 145px 0 0 0;
	width: 320px;
}

.popup2 {
	background: url(popup2.jpg) no-repeat;
}


.popup2 p {
	padding: 125px 0 0 0;
	width: 320px;
}

.popup3 {
	background: url(popup3.jpg) no-repeat;
}

.popup_tesekkur {
	height: 300px;
	background: url(popup_tesekkur.jpg) no-repeat;
}

.popup_tesekkur p {
	width: 350px;
}


.siparis_popup {
	background: url(siparis_popup.jpg) no-repeat;
}

.siparis_popup p {
	padding: 60px 0 0 0;
	width: 500px;
}


#sub_header {
	width: 100%;
	float: left;
	height: 80px;
	background: url(subheader.jpg) no-repeat;

}

#sub_header h1 {
	float: left;
	color: #fff;
	padding: 27px 21px;
	font-size: 20px;
	width: 400px;
}

#sub_header .siparis_buton {
	float: right;
	clear: none;
	margin: 22px 53px 0 0;
}

.srisk {
	width: 203px;
	height: 37px;
	background: url(srisk.gif) 0 0 no-repeat;
	margin: 22px 53px 0 0;
	float: right;
}


#accordion-left {
	float: left;
	width: 600px;
}

.toggler-left {
	color: #b10000;
	margin-bottom: 4px;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 0 6px 0;
	cursor: pointer;
}

.element-left {
	display: none;
}

.button {
	display: none;
}

.btn {
	height: 33px;
	display: block;
	text-decoration: none;
	width: auto !important;
	float: left;
}

.btn .l {
	float: left;
	width: 5px;
	height: 33px;
	background: url(button.gif) no-repeat 0 0;
}

.btn:hover .l {
	background: url(button.gif) no-repeat 0 -99px;
}

.btn:hover .c {
	background: url(button.gif) repeat-x 0 -132px;
}

.btn:hover .r {
	background: url(button.gif) no-repeat 0 -165px;
}

.btn .c {
	float: left;
	height: 17px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding: 8px;
	background: url(button.gif) repeat-x 0 -33px;
}

.btn .r {
	float: left;
	width: 5px;
	height: 33px;
	background: url(button.gif) no-repeat 0 -66px;
}


.reasons {
	float: left;
	margin: 0 0 0 30px;
	padding: 0;
	list-style: none;
	width: 860px;
}

.reasons li {
	float: left;
	width: 350px;
	margin: 10px 0 0 0;
	padding: 10px 10px 10px 70px;
	height: 50px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #eee;
}

.reasons li a {
	color: #4b87a8;
}