/* ------------------------ -----------------------
Client: Turkish Grill, Kuwait
Website URL: http://www.tgkuwait.com
CSS Author: Mauritius N. D'Silva
Author E-mail : mauritiusdsilva@gmail.com
--------------------------------------------------- */

/* ------------------------ resets ----------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0 }
body { font: 62.5% Arial, Verdana, Tahoma; text-transform:lowercase }
*:focus { -moz-outline: none }
/* ------------------------ /resets ----------------- */

/* ------------------------ defaults ----------------- */
h1, h2, h3, h4, h5, h6 { font-family:Arial, Verdana, Tahoma }
h1 { font-size:1.6em }
h2 { font-size:1.4em }
h3 { font-size:1.2em }
h4 { font-size:1em }
h5 { font-size:0.8em }
h6 { font-size:0.6em }
.clear, .clear5, .clear10, .clear12, .clear15, .clear18, .clear20 { clear:both; height:0 }
.clear5 { height:0.5em }
.clear10 { height:1em }
.clear12 { height:1.2em }
.clear15 { height:1.5em }
.clear18 { height:1.8em }
.clear20 { height:2em }
img { border:0 }
a:link, a:active, a:visited { color:#5c5b5b; text-decoration:none }
a:hover { color:#f57921 }
a:focus { outline:none }
textarea, input { border:0.1em solid #9d9d9d; font-size:0.9em }
.btn { width:2.1em; height:2.4em; border:0; background:url(../images/goBtn.gif) no-repeat; cursor:pointer; padding:0 0 0.3em 0; margin:0 0 0 0.2em }
/* ------------------------ /defaults ----------------- */

/* ------------------------ structure ----------------- */
#wrapper { width:101em; border:0 solid red; margin:0 auto }
#topCvr, #btmCvr { width:101em; height:0.3em; background:url(../images/topCvr.gif) no-repeat; float:left }
#btmCvr { background:url(../images/btmCvr.gif) no-repeat }
#content { width:100.8em; border:0 solid red; background:url(../images/bodyBg.gif) repeat-y; float:left; padding:0 0 0 0.3em }
#header { float:left; width:100.2em; margin:0 }
#logo { width:18.2em; float:left }
#logo h1 { width:7em; margin:.5em 2em 0.3em 1.6em }
#logo h1 a { display:block; width:8.9em; height:3.0em; background:url(../images/tgLogo.gif) no-repeat }
#logo h1 a span { display:none }
#logoAnim { width:8.6em; height:8.7em; margin:2.0em 0 0 4.6em }
#logo h1 span a:hover { text-decoration:none }
#rtBox { float:right; margin:4.5em 2.5em 0 0 }
#search label { margin:0.2em 0 0 1em }
#langSelect { float:right; width:22em; height:1em; text-align:right }
#footer { width:95.2em; height:2.5em; background:url(../images/footerBg.gif) repeat-x; padding:1.3em 2.5em 0 }
#fLt { float:left }
#pageHeading { padding:1.2em 0 0; margin:0 0 0.22em 0 }
.pageText { padding:0 2em 0 0 }
.btnHolder { display:block; float:left; padding:0 20.3em 0 0 }
.btnHolder .moreDetails { width:11em; height:2.8em; border:0; background:url(../images/uploadCv.gif) no-repeat; cursor:pointer; margin:0 }
.line { border:0.1em solid #d4d4d4 }
ul#loc { width:51em; float:left; list-style:none; margin:0; padding:0 }
ul#loc li { width:13em; height:1.7em; float:left; text-align:right; background:url(../images/arrw.gif) no-repeat right top; padding:0 2.5em 2em 0 }
#menuShow { width:60.9em; float:left }
#menuCard { width:48.1em; background:url(../images/menuCrdBg.gif) repeat-y left #fdd900; padding:0 0.9em }
#menuBtmCvr { width:48.1em; height:3.6em; background:url(../images/menuBtmCvr.png) no-repeat; position:relative; z-index:56; margin:-2.5em 0 0; padding:0 0.9em }
#menuCardNav { width:11em; float:right; position:relative; margin:2em 0 0 }
#menuCardNav ul { list-style:none; margin:0; padding:0 }
#menuCardNav ul li.active a, #menuCardNav ul li a { width:10.4em; height:2.2em; background:url(../images/menuNavActive.gif) no-repeat right top; display:block; padding:0 0 0 0.5em }
#menuCardNav ul li a { background:url(../images/menuNav.gif) no-repeat right top }
#menuCardNav ul li a:hover { background:url(../images/menuNavActive.gif) no-repeat right top; color:#fff }
#menuCardNav ul li.menuDl a { background:url(../images/menuDl.gif) no-repeat right top }
#menuCardNav ul li.menuDl a:hover { background:url(../images/menuDlActive.gif) no-repeat right top }
#menuItemCont { background:url(../images/menuCardGradBg.gif) repeat-x; float:left }
#menuItemCont p { width:23.3em; height:9em; display:block; float:left; padding:0.5em 0 0 0.5em }
#menuItemCont p a.ifrm { width:1.9em; height:2em; position:relative; text-align:center; background:url(../images/menuNumBg.png) no-repeat top center; float:left; margin:-8.5em 0 0 20.9em; padding:0.4em 0 0 }
#menuItemCont p a { margin:0; padding:0 }
#search, #fRt { float:right }
.navClassF, .navClassLang { font-size:1.1em }
.navClassLangAr { font-size:1.2em; font:bold 1.1em Tahoma, Arial, Helvetica, sans-serif }
.navClassD, .navClassL { font-size:1.4em }
.navClassD a.current, .current { color:#F57921 }
.rtP { float:right; text-align:right }
#redBg { width:47.2em; height:9.0em; background:#D12127; float:left; margin:0 0 0 0.5em }
.frmLabel { width:27.2em; text-align:right }
/* ------------------------ /structure ----------------- */

/* ------------------------ fonts ----------------- */
.navClass, .navClassD, .navClassA, .navClassQ, .navClassL, .navClassSearch, .navClassLang, .navClassH, .navClassPTxt, .frmLabel, .ogHeading, .crListTxt, .crListDet, .menuNum, .menuTxt, .svQs, .svM, .svMP, .svChoice, .priceP { font-family:Tahoma, Verdana, Arial Rounded MT Bold; color:#5c5b5b }
.homeD, .navClassF { font-family: Arial Rounded MT Bold; color:#5c5b5b }
.navClassP { color:#5c5b5b }
.navClassSearch { font-size:1.2em; color:#5c5b5b }
.svQs { text-align:right;font-size:1.4em; color:#eb7923 }
.svM { text-align:right; font-size:1.9em; background:#EA7722; color:#fff; padding:0 0.4em 0.2em 0.4em }
.svMP { text-align:right;font-size:1.3em; color:#000; margin:0.2em 0 0 0; }
.svChoice, .svChoice a:link,.svChoice a:visited { font-size:1.2em; color:#F57921; margin:-0.2em 0 0 0; text-align:left; direction:rtl }
.svChoice a:link { padding:0 0.5em 0 0 }
.navClassP { font-size:2em }
.navClassA { font-size:1.3em; color:#fff; margin:0; padding:0 }
.navClassQ { font-size:1.2em }
.Txt, .frmLabel { font-size:1.3em }
.navClassH { font-size:4.7em }
.navClassPTxt { font-size:1.3em; text-align:right; width:56.0em }
.menuNum { font-size:1em; color:#000 }
.menuTxt { font-size:1.5em }
.priceP { font-size:0.7em; color:#9F9F9F }
.homeD { font-size:2.0em; color:#000; line-height:1.2em; width:24.9em; text-align:center }
.homeD span.delNo { font-size:1.40em; color:#000 }
.txtSmall { font-size:0.7em; font-style:normal }
.ogHeading { font-size:1.8em; color:#F57921; text-align:right }
.crListTxt, .crListDet { font-size:1.4em; float:left; display:block; width:21.6em; padding:0 .2em 0 0; text-align:right; direction:rtl }
.crListDet { font-size:1em; color:#919191; float:left }
/* ------------------------ /fonts ----------------- */

/* ------------------------ menu ----------------- */
#nav { float:right }
#nav ul li { float:left; list-style:none; background:url(../images/menuSep.gif) no-repeat right; margin:0 0 0 1em; padding:0 1em 0 0 }
#nav ul li.last { background:none; margin:0 0 0 1em; padding:0 }
/* ------------------------ /menu ----------------- */

/* ------------------------ slideshow ----------------- */
#midContent { width:100.2em; float:left }
.sImg { width:40.6em; height:43.3em; z-index:0; border:0 solid red; float:left }
.sImg img { width:40.6em; height:43.3em; margin:1.5em 0 0 }
.sMask { width:100.2em; height:52.6em; position:relative; float:left;/*background:url(../images/slideshowCont.png) no-repeat;*/ z-index:1; margin:-43.3em 0 0 }
#rightCont { float:right; width:56.5em; height:52.6em; position:relative; z-index:999; margin:-52.6em 0.6em 0 0 }
#descCont { float:left; width:41.2em; height:8.5em; margin:4.6em 0 0; direction:rtl}
.LDesc { width:13.2em; height:7.5em; float:left; text-align:justify; overflow:hidden; line-height:1.2em}
.price { width:6.3em; height:4.0em; float:left; text-align:center; overflow:hidden; white-space:nowrap; line-height:1em; margin:0 0 0 0 }
.controls { width:6.6em; height:1.8em; float:left; margin:2.5em 0 0 3em }
.controls p { float:left; padding:0 0 0 0.6em }
.LDesc p, .price p { display:block; background:#FBE4D3; direction:rtl; text-align:right }
/* ------------------------ /slideshow ----------------- */

/* ------------------------ inside page banner ----------------- */
.sImgS { width:23.9em; height:26.8em; z-index:0; border:0 solid red; float:left }
.sMaskS { width:100.2em; height:35.2em; position:relative; float:left;/*background:url(../images/slideshowContS.png) no-repeat;*/ z-index:7; margin:-26.8em 0 0 }
#mainContentS { position:relative; float:left; z-index:9; margin:-35.2em 0 0 26.2em }
/* ------------------------ /inside page banner ----------------- */

/* ------------------------ ads ----------------- */
#ads { width:54.2em; height:10.7em; float:left; margin:1.2em 0 0 }
#ads .hd { width:11.6em; height:1.7em; background:url(../images/adv.gif) no-repeat left; float:right; padding:0.5em 0 0 0.7em }
#ads .hd p.tt { margin:0; padding:0 }
#ads #adThumbs { width:52em; float:left; margin:1.3em 0 0 }
#ads #adThumbs img { padding:0.6em }
/* ------------------------ /ads ----------------- */

/* ------------------------ find us ----------------- */
#followUs { height:3em; float:right; margin:0 2.5em 0 0 }
#followUs p { float:left }
#followUs img { float:left; padding:0 0 0 0.5em }
/* ------------------------ /find us ----------------- */

/* ------------------------ feedback box ----------------- */
#fbBox { width:41.1em; float:left; margin:0 0 0 1.8em }
#fbBox p.boxHeading { height:2.3em; position:relative; background:url(../images/boxHeadingBg.gif) no-repeat; font:normal 1.9em Tahoma, Verdana, Arial Rounded MT Bold; color:#fff; line-height:0.8em; padding:1em 1.6em 0 1em; text-align:right }
#fbBox .cont { background:url(../images/boxBg.gif) repeat-y; padding:0.8em 2em }
#fbBox .btmCvr { height:2.6em; background:url(../images/boxBtmBg.gif) no-repeat }
#fdForm { margin:0; padding:0 }
#fbBox label { width:17em; display:block; float:left }
#fbBox inputH { float:left }
#fbBox select, #fdForm input { width:11.5em; border:1px solid #b4b4b4; font:normal 1.2em Arial, Helvetica, sans-serif; color:#5c5b5b; float:left }
#fbBox .btnH { float:left; margin:0 0 0 30em }
#fbBox .btnSub { width:7em; height:1.5em; border:0; background:url(../images/subBtn.gif) no-repeat; margin:0 25em 0 0 }
#fbBox .rt { float:right }
#commentForm .btnFrmSub { width:7em; height:1.8em; border:0; background:url(../images/subBtn.gif) no-repeat; margin:0 0 0 27em }
#svBox { width:28.4em; height:26.4em; float:left; margin:0 1.8em 0 0 }
#surveyBoxMsk { width:28.4em; height:29.0em; background:url(../images/feedbackGrillBg.png) no-repeat; position:relative; z-index:60; margin:-19.7em 0 0 }
#svBox #svQ { width:24.7em; height:9.4em; position:relative; z-index:65; margin:-9.6em 0 0; padding:0 2em; overflow:hidden }
#svBox #srvDscPr { width:21.4em; float:left; margin:3.9em 0 0 1em }
#logoSml { width:6em; height:5.9em; background:url(../images/x.gif) no-repeat; float:left }
#cLst { width:30.2em; float:left }
#svBox #svMsg { width:14.9em; height:5.4em; position:relative; z-index:65; margin:-6.2em 0 0; padding:0 2em; }
/* ------------------------ /feedback box ----------------- */

/* ------------------------ quick-navigation ----------------- */
#qNav { width:56.4em; height:13.5em; float:left }
#qNavS { width:74em; height:2.6em; float:left }
#navCont { float:right; margin:0 4.3em 0 0 }
/* ------------------------ /quick-navigation ----------------- */

/* ------------------------ IE 6 ----------------- */
.ie6 #wrapper { width:101em }
.ie6 #content { width:101.2em }
.ie6 #rtBox { margin:4.5em 1.8em 0 0 }
.ie6 #qNav { width:56.6em; height:13.6em }
.ie6 #topCvr, .ie6 #btmCvr { width:101.4em; background:url(../images/topCvr-ie6.gif) no-repeat; float:left }
.ie6 #btmCvr { background:url(../images/btmCvr-ie6.gif) no-repeat }
.ie6 #footer { width:95.8em }
.ie6 #rightCont { margin:-52.6em 0.1em 0 0 }
.ie6 #mainContentS { width:74em; float:right }
.ie6 #qNavS { width:74em; height:2.6em; float:left }
.ie6 #navCont { float:right; margin:0 0.8em 0 0 }
.ie6 #fbBox { width:40.3em }
.ie6 #fbBox p.boxHeading { line-height:1em }
.ie6 #fbBox div.btmCvr { height:2.6em }
.ie6 #fdForm label { width:16em }
.ie6 #fdForm select, .ie6 #fdForm input { width:12.2em }
.ie6 #fdForm .btnH { padding-left:29.7em; height:2.6em; text-align:right; margin:0 }
.ie6 #fdForm .btn { height:2.5em; width:5em }
.ie6.btnHolder { display:block; float:left; padding:0 0 0 20.3em }
.ie6.btnHolder .moreDetails { width:11.2em }
.ie6 .sMask, .ie6 .sMaskS { width:100.9em }
/* ------------------------ /IE 6 ----------------- */

/* ------------------------ IE 7 ----------------- */
.ie7 #rtBox { margin:4.5em 3.0em 0 0 }
.ie7 #content { width:101em; background:url(../images/bodyBg-ie7.gif) repeat-y }
.ie7 #topCvr { background:url(../images/topCvr-ie7.gif) no-repeat }
.ie7 #btmCvr { background:url(../images/btmCvr-ie7.gif) no-repeat }
.ie7 #fbBox .btnSub { margin:0 30em 0 0 }
.ie7 .sMaskS { width:101em; background:url(../images/slideshowContS-ie7.png) no-repeat }
.ie7 #footer { width:95.8em }
.ie7 #pageHeading { padding:1.2em 0 0.19em; width:17.0em; height:0.52em; margin:0 0 0.7em 0; float:left }
.ie7 .pageText { position:absolute }
.ie7 #menuShow { width:61.2em }
.ie7 #menuItemCont { width:48.4em; float:left; clear:both }
.ie7 #commentForm .btnFrmSub { margin:0 0 0 28.4em }
.ie7 #surveyBoxMsk { width:28.7em; height:29.8em; margin:-19.9em 0 0 }
.ie7 #svBox #svQ { margin:-10.1em 0 0 }
.ie7 #wrapper, .ie7 #header { width:101em }
.ie7 #menuCard, .ie7 #menuBtmCvr { width:48.4em }
.ie7 .btn { margin:0 0 -0.3em 0 }
/* ------------------------ /IE 7 ----------------- */

/* ------------------------ IE 8 ----------------- */
.ie8 #content { width:101em; background:url(../images/bodyBg-ie7.gif) repeat-y }
.ie8 #topCvr { background:url(../images/topCvr-ie7.gif) no-repeat }
.ie8 #btmCvr { background:url(../images/btmCvr-ie7.gif) no-repeat }
.ie8 #pageHeading { padding:1.2em 0 0.19em; width:17.0em; height:0.52em; margin:0 0 0.7em 0; float:left }
.ie8 #menuShow { width:61.2em }
.ie8 #menuItemCont { float:left }
.ie8 #menuItemCont p a.ifrm { top:9.3em; left:-0.3em; padding:0.4em 0 0 0; float:right; clear:both; position:relative }
.ie8 #commentForm .btnFrmSub { margin:0 0 0 28.4em }
.ie8 #surveyBoxMsk { width:28.7em; height:26.8em; margin:-19.9em 0 0 }
.ie8 #wrapper, .ie8 #header { width:101em }
.ie8 #menuCard, .ie8 #menuBtmCvr { width:48.4em }
.ie8 .btn { margin:0 0 -0.3em 0.6em; float:right }
.ie8 #surveyBoxMsk { width:28.7em; height:29.9em; margin:-20em 0 0 }
.ie8 #svBox #svQ { margin:-10.6em 0 0 }
.ie8 .btn { margin: -0.2em 0.6em 0 0; float:left }
.ie8 #search label { margin:0.2em 0 0 1em; float:right }
.ie8 .navClassSearch input { float:left }
/* ------------------------ /IE 8 ----------------- */

/* ------------------------ Safari ----------------- */
/*.safari .btn { width:2.1em; height:2.4em; margin:-2.0em 0 0 0.2em; background:url(../images/goBtn.gif) no-repeat; cursor:pointer; float:right }*/
/* ------------------------ /Safari ----------------- */

/* ------------------------ contact form ----------------- */
form { padding:0 }
#formLeft { width:32em; float:left; padding-left:3em }
#addr { float:right; width:26em; height:26em; border-left:0.1em solid #e5e5e5 }
#formLeft input { float:left; width:32em; border:0.1em solid #CCC; background:none; font:normal 1.1em Arial, Helvetica, sans-serif; margin:0 1.0em 0 0 }
#formLeft .input-bg { }
#formLeft textarea { float:left; width:32em; height:16em; background:none; font-size:1.2em; border:0.1em solid #CCC; font:normal 1.1em Arial, Helvetica, sans-serif; padding:0 }
#formLeft .message-bg { width:40em; height:18.5em; float:left }
#formLeft label { display:block; font-size:1.2em; font-weight:700 }
#formLeft label.error { position:absolute; top:-1.6em; right:0; color:#da3939; font-size:1.1em; text-align:right; font-weight:400; padding:0 }
#formLeft input.submit-button { float:right; width:8.2em; height:1.7em; border:0 }
/* ------------------------ /contact form ----------------- */

/* ------------------------ ads page ----------------- */
#ads-show{width:70.0em;float:left}
#ads-show ul#ads_thumbs{list-style:none;margin:0;padding:0}
#ads-show ul#ads_thumbs li{width:11.0em;height:5.6em;float:left;margin:2.0em 3.0em}
/* ------------------------ /ads page ----------------- */