@import url('reset.css');

#wrapper {
	width: 100%;
	min-width: 990px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../imgs/content_bg.jpg) no-repeat center #730202 scroll;
	background-position-y: 206px;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 206px;
	background: url(../imgs/header_bg.jpg) no-repeat top center;
}
#header #center { width: 990px; height: 206px; position: relative; margin: 0 auto; }

#header #center h1 a{
  width: 208px;
  height: 111px;
  display: block;
  text-indent: -9999px;
  background: url(../imgs/logo.png) no-repeat;
  background-position-y: 30px;
}

#header #center #nav { width: 644px; height: 111px; background: url(../imgs/nav_bg.png) no-repeat; position: absolute; right: 0; top: 0; }
#header #center #nav ul#menu { width: 595px; height: 35px; margin: 0; padding: 0; position: absolute; top: 75px; right: 24px; }
#header #center #nav ul#menu li { list-style: none; position: absolute; }
#header #center #nav ul#menu li a { height: 35px; display: block; position: relative;	}	
#header #center #nav ul#menu li a { text-indent: -9999px; text-decoration: none; }	
#anasayfa a { width: 119px; background: url(../imgs/menu.png) 0 0 no-repeat; }
#kurumsal a { width: 123px; background: url(../imgs/menu.png) -119px 0 no-repeat; }
#urunler a { width: 140px; background: url(../imgs/menu.png) -242px 0 no-repeat; }
#tarifler a { width: 110px; background: url(../imgs/menu.png) -382px 0 no-repeat; }
#iletisim a { width: 103px; background: url(../imgs/menu.png) -492px 0 no-repeat; }
#anasayfa { left: 0; } #kurumsal { left: 119px; } #urunler { left: 242px; } #tarifler { left: 382px; } #iletisim { left: 492px; }

#anasayfa a:hover { width: 119px; background: url(../imgs/menu.png) 0 -35px no-repeat; }
#kurumsal a:hover { width: 123px; background: url(../imgs/menu.png) -119px -35px no-repeat; }
#urunler a:hover { width: 140px; background: url(../imgs/menu.png) -242px -35px no-repeat; }
#tarifler a:hover { width: 110px; background: url(../imgs/menu.png) -382px -35px no-repeat; }
#iletisim a:hover { width: 103px; background: url(../imgs/menu.png) -492px -35px no-repeat; }


/* Middle
-----------------------------------------------------------------------------*/
#content {
	width: 950px;
	height: auto !important;
	min-height: 450px;
	margin: 0px auto;
	border-collapse: collapse;
	border: 0px solid #000000;
	padding: 0px 20px 135px 20px;
	margin: 20px auto 0 auto;
	position: relative; display: block;
}

#content #page { height: auto; min-height: 600px; position: relative; }

#content .cell { padding: 0px; border: 0px solid #000000; vertical-align: top; }
#content .col1 { width: 230px; }
#content .col2 { width: 25px;  }
#content .col3 { width: 695px; }
#content .col4 { width: 15px; }
#content .col5 { width: 705px; }

#content h1 {
	font-family: 'NeoSansPro-Regular', 'Arial Narrow', sans-serif;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #730202;
	margin: 0;
	padding: 24px 0 16px 0;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 0 #fff;
}
#content h2 {
	font-family: 'NeoSansPro-Regular', 'Arial Narrow', sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #730202;
	margin: 0;
	padding: 9px 0 3px 0;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 0 #fff;
}
#content p {
	font-family: "Lucida Grande", Tahoma, Arial;
	font-size: 12px;
	color: #644a4a;
	text-align: justify;
	font-weight: normal;
	line-height: 20px;
	padding-bottom: 20px;
}
#content ul.submenu {
	width: 198px;
	height: auto;
	list-style-type: none;
	padding: 0 0 0 32px;
}
#content ul.submenu h1 {
	font-family: 'NeoSansPro-Regular', 'Arial Narrow', sans-serif;
	font-size: 16px;
	font-weight: lighter;
	letter-spacing: -1px;
	color: #730202;
	margin: 0;
	padding: 26px 0 9px 0;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 0 #fff;
}
#content ul.submenu li {
	font-family: "Lucida Grande", Tahoma, Arial;
	font-size: 12px;
	color: #644a4a;
	font-weight: normal;
	line-height: 30px;
}
#content ul.submenu li a {
	color: #644a4a; text-decoration: none; display: block;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    -o-transition: all 150ms ease;
	transition: all 150ms ease;
}
#content ul.submenu li a:visited {
	color: #644a4a; text-decoration: none; display: block;
}
#content ul.submenu li a:hover {
	color: #730202;
	text-decoration: none;
	padding-left: 10px;
}

#content ul.submenu.about { background: url(../imgs/submenu_about.jpg) no-repeat; height: 267px; }
#content ul.submenu.contact { background: url(../imgs/submenu_contact.jpg) no-repeat; height: 237px; }
#content ul.submenu.products { background: url(../imgs/submenu_products.jpg) no-repeat; height: 357px; }
#content ul.submenu.recipes { background: url(../imgs/submenu_recipes.jpg) no-repeat; height: 417px; }

#content .img-right { width: 356px; height: 271px; right: 0; right: -14px\9; margin: -6px 0 5px 10px; position: relative; float: right; }
ul#display-inline-contact,
ul#display-inline-contact li { margin: 0; display:block; }
ul#display-inline-contact li { 
	font-family: "Lucida Grande", Tahoma, Arial;
	font-size: 12px;
	color: #644a4a;
	font-weight: normal;
	line-height: 20px;
	float: left;
	display: inline-block; width: 80px;
}
#content #google-map { background: url(../imgs/contact_map_bg.jpg) no-repeat; width: 687px; height: 336px; padding: 4px; }
#content #google-map #map { width: 685px; height: 334px; border: 1px solid #e6e6e6; }

#content ul#recipe-list { width: auto; height: auto; margin: 0 0 13px 0; padding: 0; list-style-type: none; }
#content ul#recipe-list li { font-family: "Lucida Grande", Tahoma, Arial; line-height: 20px; color: #644a4a;  }

#product-details { }


#product-details h1 {
	font-family: 'NeoSansPro-Regular', 'Arial Narrow', sans-serif;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #730202;
	margin: 0;
	padding: 24px 0 10px 10px;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 0 #fff;
}
#product-details h2 {
	font-family: 'NeoSansPro-Regular', 'Arial Narrow', sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #730202;
	margin: 0;
	padding: 19px 0 3px 10px;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 0 #fff;
}
#product-details p {
	font-family: "Lucida Grande", Tahoma, Arial;
	font-size: 12px;
	color: #644a4a;
	text-align: justify;
	font-weight: normal;
	line-height: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#product-details ul#product-thumbs { margin: 0; padding: 0; list-style-type: none; position: relative; display: table; }
#product-details ul#product-thumbs li { width: 166px; height: 211px; float: left; margin-left: 10px; }
#product-details ul#product-thumbs li a:link, #product-details ul#product-thumbs li a:visited, #product-details ul#product-thumbs li a:hover { border: none; outline: none; }

/* Form
-----------------------------------------------------------------------------*/
#order-form { width: 695px; border-collapse: collapse; border: none; margin-left: 10px; margin-top: 6px; }
#order-form p { padding: 0; margin: 0 0 4px 0; text-shadow: 0 1px 0 #ffffff; }
#order-form .cell { padding: 0px; border: none; }
#order-form .col1 { width: 335px; border: none; }
#order-form .col2 { width: 25px; border: none; }
#order-form .col3 { width: 335px; border: none; }
#order-form input.input-1 { width: 311px; height: 31px; margin: 0 0 11px 0; padding: 0 12px; line-height: 31px; border: none; background: url(../imgs/form_ui.png) no-repeat; text-transform: capitalize; }
#order-form input.input-2 { text-transform: uppercase; }
#order-form input.input-3 { text-transform: lowercase; }
#order-form textarea.input-2 { width: 671px; margin: 0 0 11px 0; padding: 3px 12px; line-height: 21px; height: 65px; border: none; background: url(../imgs/form_ui.png) no-repeat 0px -64px; text-transform: capitalize; overflow: auto; }

#order-productslist { width: 695px; height: auto; margin: 0 0 0 10px; }
#order-productslist p { margin: 0 0 4px 0; padding: 0; }

#order-productslist .remove { width: 32px; height: 31px; background: url(../imgs/form_ui.png) no-repeat; background-position: -588px 0; display: block; text-indent: -9999px; }

#productstitle { width: 695px; height: auto; margin: 0 0 0 10px; padding: 0; }
#productstitle .productname { width: 335px; height: auto; margin: 0 25px 0 0; float: left; }
#productstitle .type { width: 142px; height: auto; margin: 0 10px 0 0; float: left; }
#productstitle .quantity { width: 141px; height: auto; margin: 0 10px 0 0; float: left; }
#productstitle .productname p, #productstitle .type p, #productstitle .quantity p { padding: 0; margin: 0 0 4px 0; }

#productslist { width: 695px; height: 31px; margin: 0 0 10px 10px; }
#productslist p { margin: 0 0 10px 0; padding: 0; }
#productslist p:first-child { margin: 0 0 4px 0; padding: 0; }
#productslist .productname { width: 335px; height: 31px; margin: 0 25px 10px 0; float: left; }
#productslist .type { width: 142px; height: 31px; margin: 0 10px 10px 0; float: left; }
#productslist .quantity { width: 141px; height: 31px; margin: 0 10px 10px 0; float: left; }
#productslist a.remove:link { width: 32px; height: 31px; margin: 0 0 10px 0; float: left; background: url(../imgs/form_ui.png) no-repeat -555px 0; }
#productslist .deactivate { width: 32px; height: 31px; margin: 0 0 10px 0; float: left; background: url(../imgs/form_ui.png) no-repeat; background-position: -588px 0; }

#productbuttons { width: 695px; height: auto; margin: 0 0 20px 10px; display: table; }
#productbuttons a.addproduct:link, #productbuttons a.addproduct:visited { width: 124px; height: 30px; background: url(../imgs/form_ui.png) no-repeat -479px -32px; text-indent: -9999px; display: table; margin: 0 10px 0 0; float: left; }
#productbuttons input.clearform { width: 76px; height: 30px; background: url(../imgs/form_ui.png) no-repeat -604px -32px; text-indent: -9999px; display: table; margin: 0 10px 0 0; float: left; border: none; cursor: default; }
#productbuttons input.submitform { width: 75px; height: 30px; background: url(../imgs/form_ui.png) no-repeat -479px 0; text-indent: -9999px; display: table; margin: 0; float: left; border: none; cursor: default; }

#productslist input.quantity {
	width: 117px; height: 31px;
	line-height: 31px;
	background: url(../imgs/form_ui.png) no-repeat -336px 0;
	border: none; text-transform: capitalize;
	padding: 0 12px;
}
/*
select {
	padding: 5px 12px;
	font-family: "Lucida Grande", Tahoma, Arial;
	font-size: 11px;
	line-height: 31px;
}

*/

select {
-webkit-appearance:none;

padding: 0 12px; padding: 6px 12px\9;
line-height: 29px;
width: 100%;

background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
-webkit-appearance: none;
-webkit-box-shadow: 1px 1px 1px #fff;
-webkit-border-radius: 0.5em;

border: 1px solid #D0D0D0;
background: #FBFBFB;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 11px;
color: #444;
}

select:focus {
background: #fff;
border: 1px solid #52A8E8;
-webkit-box-shadow: 0 0 1px 1px #eee;
box-shadow: 0 0 1px 1px #eee;
-moz-box-shadow: 0 0 1px 1px #eee;	
}


select {
border: 1px solid #D0D0D0;
background: url(http://www.quilor.com/i/select.png) no-repeat right center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ededed));
background: -moz-linear-gradient(19% 75% 90deg,#ededed, #fbfbfb);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
color: #444;
}

select:focus {
background: #fff url(http://www.quilor.com/i/select.png) no-repeat right center;
}


/*div#productslist p span.productname,*/
/*
.customStyleSelectBox {
	width: 312px;
	height: 31px;
	line-height: 31px;
	background: url(../imgs/form_ui.png) no-repeat 0px -32px;
	padding: 0 12px;
	display: block;
	cursor: default;
	font-family: "Lucida Grande", Tahoma, Arial;
	font-size: 11px;
}
select { width: 335px; height: 31px; display: block; }
*/

/*span.customStyleSelectBox { font-size:11px; background-color: #f5f0de; color:#7c7c7c; padding:5px 7px; border:1px solid #e7dab0; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px; line-height: 11px; width: 250px; } span.customStyleSelectBox.changed { background-color: #f0dea4; } .customStyleSelectBoxInner { background:url(images/arrow.gif) no-repeat center right; }*/

/*div#productslist p span.productname .deneme { font-size:11px; background-color: #f5f0de; color:#7c7c7c; padding:5px 7px; border:1px solid #e7dab0; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px; line-height: 11px; width: 250px; }
*/

/*fieldset, img {border:0}

ol, ul, li {list-style:none}

:focus {outline:none}

select {
	font-family: "Lucida Grande", Tahoma, Arial;
	font-size: 11px;
}
*/
/*form {
background: #fff;
padding: 22px;
}*/
/*
input,
textarea,
select {
-webkit-appearance:none;

padding: 0.5em;

line-height: 1.2em;
width: 100%;

background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
-webkit-appearance: none;
-webkit-box-shadow: 1px 1px 1px #fff;
-webkit-border-radius: 0.5em;

border: 1px solid #D0D0D0;
background: #FBFBFB;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 11px;
color: #444;
line-height: 31px;
}

input[type="text"]:focus,
select:focus,
textarea:focus {
background: #fff;
border: 1px solid #52A8E8;
-webkit-box-shadow: 0 0 1px 1px #eee;
box-shadow: 0 0 1px 1px #eee;
-moz-box-shadow: 0 0 1px 1px #eee;	
}

select {
border: 1px solid #D0D0D0;
background: url(http://www.quilor.com/i/select.png) no-repeat right center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ededed));
background: -moz-linear-gradient(19% 75% 90deg,#ededed, #fbfbfb);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
color: #444;
}

select:focus {
background: #fff url(http://www.quilor.com/i/select.png) no-repeat right center;
}

::-webkit-input-placeholder {
color: #444;
}

:-moz-placeholder {  
color: #444;
}
*/