@charset "utf-8";
/* CSS Document */
* {
border: 0;
padding: 0;
margin: 0;
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
}
body {background:#fec465; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; color:#61411d}
p {font-size:1.5em; margin-bottom:10px; line-height:1.4em;}
strong {font-weight:bold}
#container {width:980px; height:768px; background:url(../images/fullPanel.jpg) no-repeat top #ffffff; margin:0 auto;}
.header h1 a {background:transparent url(../images/logo.gif) no-repeat scroll 0 0;
display:block;
float:left;
height:201px;
margin-top:24px;
margin-left:25px;
_margin-left:15px;
position:relative;
text-indent:-999em;
width:330px;
margin-bottom:-42px}
.header {width:100%; height:225px; _height:100px;}
.navigation {width:456px; height:33px; float:right; margin-top:63px;}
.navigation ul {}
.navigation li {border-right:1px solid #67411A;
float:left;
font-size:1.1em;
font-weight:bold;
letter-spacing:1px;
list-style-type:none;
margin:0 3px;
padding-right:7px;
text-transform:uppercase;
}
.navigation li a {text-decoration:none; color:#67411a;}
.navigation li a:hover { color:#e75012;}
.navigation li a.current { color:#e75012;}

.content {width:980px; height:768px;}
.contentWelcome {width:980px; height:768px;  background:url(../images/pita.jpg) no-repeat bottom right }

.contentHome {width:980px; height:768px;  background:url(../images/watermark.gif) no-repeat 20px 393px }
.contentAbout {width:980px; height:768px; background:url(../images/headquarters.jpg) no-repeat bottom right}
.contentRecipes {width:980px; height:768px; background:url(../images/recipes.jpg) no-repeat bottom right}
.contentKhobz {width:980px; height:768px; background:url(../images/khobz.jpg) no-repeat bottom right}
.contentSorj {width:980px; height:768px; background:url(../images/sorj.jpg) no-repeat bottom right}
.contentPocketPita {width:980px; height:768px; background:url(../images/pocket-pita.jpg) no-repeat bottom right}
.contentFamilyPita {width:980px; height:768px; background:url(../images/family-pita.jpg) no-repeat bottom right}
.contentTurkish {width:980px; height:768px; background:url(../images/turkishPide.jpg) no-repeat bottom right}
.contentPittes {width:980px; height:768px; background:url(../images/souvlakiPittes.jpg) no-repeat bottom right}
.contentBreadCrumbs {width:980px; height:768px; background:url(../images/breadCrumbs.jpg) no-repeat bottom right}


.contentTextProduct {margin-left:60px; float:left; _margin-left:33px; }
.contentText {margin-left:201px; float:left; _margin-left:104px; _width:765px;}
.contentTextContact {margin-left:200px; float:left; clear:left; _margin-left:104px;}
h2.welcome {background:url(../images/title-welcome.gif) no-repeat; width:209px; height:86px; text-indent:-999em; display:block; margin-top:-37px; 
_margin-top:0; }
h2.About {background:url(../images/title-about.gif) no-repeat; width:244px; height:86px; text-indent:-999em; display:block; margin-top:-37px; _margin-top:0; }
h2.Products {background:url(../images/title-products.gif) no-repeat; width:390px; height:86px; text-indent:-999em; display:block; margin-top:-37px; _margin-top:0; }
h2.Recipes {background:url(../images/title-recipes.gif) no-repeat; width:384px; height:86px; text-indent:-999em; display:block; margin-top:-37px; _margin-top:0; }
h2.Contact {background:url(../images/contact.gif) no-repeat; width:292px; height:86px; text-indent:-999em; display:block; margin-top:-37px; _margin-top:0; }
h2.Khobz {background:url(../images/title-khobz.gif) no-repeat; width:159px; height:86px; text-indent:-999em; display:block; margin-top:-37px; _margin-top:0; }
h2.Sorj {background:url(../images/title-sorj.gif) no-repeat; width:307px; height:86px; text-indent:-999em; display:block; margin-top:-37px; _margin-top:0; }
h2.pocketPita {background:url(../images/title-pocket-pita.gif) no-repeat; width:305px; height:86px; text-indent:-999em; display:block; margin-top:-37px; _margin-top:0; }
h2.familyPita {background:url(../images/title-family-pita.gif) no-repeat; width:294px; height:86px; text-indent:-999em; display:block; margin-top:-37px; _margin-top:0; }
h2.turkish {background:url(../images/title-turkish.gif) no-repeat; width:189px; height:86px; text-indent:-999em; display:block; margin-top:-37px; _margin-top:0; }
h2.pittes {background:url(../images/title-pittes.gif) no-repeat; width:158px; height:86px; text-indent:-999em; display:block; margin-top:-37px; _margin-top:0; }
h2.crumbs {background:url(../images/title-crumbs.gif)no-repeat; width:372px; height:86px; text-indent:-999em; display:block; margin-top:-37px; _margin-top:0; }


.scrollable {width:601px; height:151px; overflow:auto; margin-top:2px; float:left; padding-bottom:5px;}
.scrollableProducts {width:532px; height:151px; overflow:auto; margin-top:2px; float:left; padding-bottom:5px; margin-right:20px;}

.pullout {float:right;
margin-right:10px;
margin-left:10px;
width:140px;}
.pulloutProducts {float:right;
margin-right:10px;
margin-left:10px;
width:182px;}
.pulloutHQ {margin-top:102px; height:67px; width:165px;}
.pullout p, .pulloutProducts p {color:#e75325; font-weight:normal; font-size:1.3em; line-height:1.2em}
/*======= scrollbars =======*/

.scrollablecontent {height:100%; width:565px; float:left }
.scrollablecontentProducts {height:100%; width:500px; float:left }

.breadImageOne {float:right; margin-top:4px; _margin-top:20px;}
.breadImageTwo {float:right; margin-top:30px; _margin-top:36px;}
.badges {float:left; margin:14px 0 0 50px; _margin-left:100px;}
.thumbnails {width:251px; height:269px; float:left; margin-left:58px }
.thumbnails ul {list-style-type:none; float:left}
.thumbnails li {float:left}

/*======= sub Nav ===========*/
.subNav {width:107px; height:200px;  float:left; margin:48px 0 0 34px}
.subNav ul {float:left}
.subNav li {
border-bottom:1px solid #DBD2C8;
font-size:1.4em;
font-weight:normal;
list-style-type:none;
padding:4px 0;
}
.subNav li a {text-decoration:none; color:#67401a}
.subNav li a.current {color:#e75113}


.infoBox {
clear:left;
float:left;
margin:20px 0 0;
width:280px;}
.infoBox p {font-size:1.2em;}
.infoBox ul {height:87px;}
.infoBox li {background:transparent url(../images/pdf.jpg) no-repeat scroll 0 0;
height:87px;
list-style-type:none;
padding-left:77px;
width:125px;
padding-top:13px;}

.infoPDF ul {height:87px;}
.infoPDF li {background:transparent url(../images/pdf.jpg) no-repeat scroll 0 0;
height:87px;
list-style-type:none;
padding-left:77px;
width:125px;
padding-top:13px;}





.infoBox li a, .infoPDF li a { color:#61411d; font-size:1.2em}

.nonscroll {width:230px; float:left; clear:left; margin-top:31px}
.nonscroll p {font-size:1.4em;}
.nonscroll a {text-decoration:underline; color:#67401a}
.nonscroll p.smaller {font-size:1.2em;}