/************************
************************
Hamza ERBAY
24 Mart 2010
ie6, ff, opera, chrome, safari
************************
************************/
/* Css Sifirlama */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption, tbody, tfoot, thead, th {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; text-decoration:none;}


ol, ul { list-style: none; 
line-height: 1.2;}

blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus, a:focus, a:active{    outline: 0; }

/* remember to highlight inserts somehow! */
ins{ text-decoration: none; }
del{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse: collapse; border-spacing: 0;}

/* float uygulanan elemanlari kapsayamama sorunu */
.kapsayamamaSorunu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.kapsayamamaSorunu {display: inline-block;}
/* IE-mac de bu bolumu sakla \ */
* html .kapsayamamaSorunu {height: 1%;}
.kapsayamamaSorunu {display: block;}
/* IE-mac bu bolumu saklam artik */

/* Css Sifirlama */
/*------------------------------------------------------Header------------------------------------------------------------------------------*/
#header
{
	display:block;
	width:100%;
	height:122px;
	background:url(../images/headerBg.jpg) no-repeat center #f5f5f5;;
}
#header .head
{
	
	width:950px;
	display:block;
	margin:auto;
	position:relative;
	height:121px;
}
#header .head .logo
{
	float:left;
	margin-top:10px;
}
#header .head .turkey
{
	float:right;
	margin-top:10px;
}
#header .head #menu
{
	display:block;
	position:absolute;
	right:0px;
	bottom:-9px;
}
#header .head #menu li
{
	display:inline;
	font-size:14px;
}
#header .head #menu li a
{
	color:#888;
	display:block;
	float:left;
	height:32px;
	width:131px;
	text-align:center;
	padding-top:13px;
}
#header .head #menu li a:hover
{
	color:#fff;
	background:url(../images/menuBg.png) no-repeat;
}
/*------------------------------------------------------Body--------------------------------------------------------------------------------*/
body
{
	font-family:arial, Helvetica, sans-serif,Tahoma;
	font-size:12px;
	color:#fff;
	background:#bd0d0d;
	line-height:140%;
}
html, body, #main {height: 100%;}
body > #main  {height: auto; min-height: 100%;}
#wrapper
{
	background:url(../images/bodyBg.jpg) repeat-x;
	display:block;
	width:100%;
}
#wrapper #content
{
	display:block;
	width:965px;
	padding:20px 5px 10px 5px;
	margin:auto;
}
h5.products
{
	background:url(../images/headerProducts.png) no-repeat;
	text-indent:-9999px;
	width:124px;
	height:47px;
	display:block;
	margin-bottom:5px;
}
h5.useful
{
	background:url(../images/headerUseful.png) no-repeat;
	text-indent:-9999px;
	width:147px;
	height:47px;
	display:block;
	margin-bottom:5px;
}
h5.cookhead
{
	background:url(../images/headermutasTarif.png) no-repeat;
	text-indent:-9999px;
	width:212px;
	height:47px;
	display:block;
	margin-bottom:5px;
}
h4
{
	color:#fffbd7;
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}
#content .sliderArea
{
	display:block;
	float:left;
}
#content .productsArea
{
	float:left;
	display:block;
	width:275px;
}
#content .productsArea .productPagination
{
	/*
    height:21px;
	display:block;
	margin-top:10px;
	background:url(../images/productSlideItem.png) no-repeat center top;
	text-align:center;
	padding-left:112px;*/
    
    display:block;
    margin:auto;
    position:relative;
    text-align:left;
    width:100%;
    height:15px;
}
/*
#content .productsArea .productPagination a
{
	display:block;
	height:9px;
	float:left;
	width:9px;
	margin:5px;
	text-indent:-9999px;
	background:url(../images/sliderItem.png) no-repeat top;
}*/
#content .productsArea .productPagination a:hover
{
	background-position:1px -21px;
}
#content .bottomArea
{
	background:url(../images/pattern.png) no-repeat center;
    position: relative;
    left:40px;
}
.bottomArea p span
{
    padding-left:40px;
}

/*#content a:link, #content a:visited { color:white; text-decoration:underline; font-size: 16px;}
#content a:hover             { color:black; text-decoration:underline; font-size: 16px;}
#content a:active            { color:white; text-decoration:underline; font-size: 16px;}
*/
/*--------------------------------------------------slider--------------------------------------------------------*/
.container { width:263px; height:118px; overflow:hidden; position:relative;  }
.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
.slides li { position:absolute; top:0; width:263px; display:none; padding:0; margin:0; }
/*
 * Optional
*/
#newsSlider
{
    
}
#loopedSlider,#newsSlider { margin:0 auto; width:263px; position:relative; clear:both; }
.slides li { padding-bottom:20px; min-height:115px; }
ul.pagination { list-style:none; padding:0; margin:0; min-width:170px; }
ul.pagination li  { float:left; }
ul.pagination li a { margin:2px; text-indent:-9999px; height:9px; width:9px; display:block; background:url(../images/sliderItem.jpg) no-repeat left top;}
ul.pagination li.active a {background-position:0px -21px;  color:white;  }
.rightSliderPagination
{
    display:block;
    margin:auto;
    position:relative;
    text-align:left;
    width:100%;
    height:15px;
}
#newsSlider 
{
    width:100%;
}
#newsSlider  .container
{
    width:900px;
    height:118px;
}
#newsSlider  .slides li { position:absolute; top:0; width:900px; display:none; padding:0; margin:0; }
/*------------------------------------------------------------------------------------------------------------------------*/
.bottomArea
{
    width:900px;
    display:block;
    margin:auto;
    padding-bottom:80px;
    padding-left:60px;
}           
.bottomArea a
{
    color:#fff;
    font-size:14px;
    font-weight: bold;
}
.bottomArea .tse
{
	margin:8px;
	width:170px;
	display:block;
	float:left;
	padding:28px 15px 15px 15px
}
.bottomArea .iso
{
	margin:8px;
	width:170px;
	text-align:right;
	display:block;
	float:left;
	padding-top:36px;
}
.bottomArea .usefulInfo
{
	width:255px;
	float:left;
	display:block;
	margin:8px;
}
.bottomArea .cook
{
	margin:8px;
	width:255px;
	float:left;
	display:block;
}
.contactAddress
{
    display:block;
}
.contactAddress .contact-main
{
    display:block;
    float:left;
    margin-right:90px;
}
.contactAddress .contact-main li
{
    text-align:left
}
.contactAddress .contact-main li:first-child
{
    font-weight:bold;
}
/*----------------------------------------------------------rightBlock------------------------------------------------------------------------*/
#rightBlock .login
{
	margin-top:10px;
}
/*----------------------------------------------------------footer----------------------------------------------------------------------------*/
#footer
{
	background:url(../images/footerBg.jpg) repeat-x;
	height:75px;
	height:80px;
	margin-top:-80px;
	position:relative;
	clear:both;
}
#footer .foot
{
	width:960px;
	display:block;
	margin:auto;
	position:relative;
	text-align:center;
	padding-top:5px;
}
#footer .foot .menu
{
	display:block;
	position:absolute;
	right:0px;
	top:10px;
}
#footer .foot .copy
{
	display:block;
	position:absolute;
	left:0px;
	top:10px;
}
#footer .foot .copy a
{
    color:#ffffff;
}
#footer .foot .menu a
{
	color:#fff;
}
#footer .foot .menu a:hover
{
	color:#ccc;
}
#footer .foot .contact
{
    display:block;
    float:left;
    margin-right:90px;
}
#footer .foot .line
{
    background:url(../images/hr.jpg) repeat-x;
    display:block;
    height:1px; /*2px;*/
    margin:20px 0px 0px 0px; /*30px 0px 0px 0px;*/
}
/*-----------------------------------------------------Other(left,right, clear)---------------------------------------------------------------*/
.left
{
	float:left;
}
.right
{
	float:right;
}
.clear
{
	clear:both;
}
div.hr hr {
display:none;
}
div .hr {
border-top:dashed 1px #ccc;
display:block;
height:2px;
margin:2px 0;
width:100%;
}