@charset "utf-8";
/* CSS Document of hummus bar*/

body {padding: 0; margin: 0; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 12px; color: #3d3a37; background: url(../images/main-bg.gif) #e0b600 center 0 no-repeat; }

/* removing default borders from hyperlinked images in ff3: */
a {border: none; outline-style: none; -moz-outline-style: none;}
a:visited {border: none; outline-style: none; -moz-outline-style: none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none;}
a:active {border: none; outline-style: none; -moz-outline-style: none;}

a {font-family: Arial, Georgia, Helvetica, sans-serif; text-decoration: none; color: #3d3a37;}
p, ul, label {font-family: Arial, Georgia, Helvetica, sans-serif; color: #000; font-weight: normal; text-transform: none; margin: 0; font-size: 12px;}
h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #857c26; font-weight: 400; text-transform: none; margin: 0; padding: 0; font-size: 22px; letter-spacing: 1px;}
h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #857c26; font-weight: 900; margin: 0; padding: 0; font-size: 16px; letter-spacing: 1px; text-align: left; text-transform: uppercase; line-heigh: 16px;}
h3 {font-family: Arial, Georgia, Helvetica, sans-serif; color: #333333; font-weight: 500; text-transform: none; margin: 0; padding: 0; font-size: 22px; text-align: left;}
span {font-family: Arial, Georgia, Helvetica, sans-serif;}
br {font-size: 7px;}

img {vertical-align: bottom;}
* html img {font-size: 0; } /* hack for ie 6*/

.clear {clear: both; font-size: 0; height: 0; padding: 0; margin: 0;} /* hack for gecko browsers */
.spacer5 {position: relative; height: 5px; padding: 0; margin: 0; font-size: 0;}
.spacer10 {position: relative; height: 10px; padding: 0; margin: 0; font-size: 0;}
.spacer20 {position: relative; height: 20px; padding: 0; margin: 0; font-size: 0;}
.spacer40 {position: relative; height: 40px; padding: 0; margin: 0; font-size: 0;}
.leftalign {text-align: left;}
.centerpos {position: relative; width: 100%; text-align: center;}
.floatleft {float: left;}
.floatright {float: right;}
.noborder {border: none;}
.imgborder {padding: 1px; border: 1px solid #C9B78E;}
.imgborder:hover {padding: 1px; border: 1px solid #968D30;}
.bold {font-weight: 900;}
.upper {text-transform: uppercase;}
.italic {font-style:italic;}
.underline {text-decoration: underline;}


/* for safari and google chrome - removing the default focus */
select, input, textarea, button {outline:none; resize:none;}

form {margin: 0; padding: 0;}
input, textarea {margin: 0; padding: 0; font-family: Arial, Georgia, Helvetica, sans-serif;}
input {padding: 0 0 0 3px;}

.main {position: relative; padding: 0; margin: 0 auto 0 auto;}
.sitebody {position: relative; width: 908px; height: 933px; padding: 0 0 100px 6px; margin: 0 auto 0 auto; background: url(../images/sitebody-vega.jpg) 0 0 no-repeat; text-align: left;}

/* header navigation */
.header-main {position: relative; width: 902px; height: 287px; padding: 0; margin: 0; }
.hummus-toppic {position: absolute; top:0; right: 23px;}

.header-lang {position: absolute; width: 105px; height: 24px; top:5px; right: 4px; padding: 6px 0 0 0; z-index: 2222;}
.header-lang a, .header-lang p {position: relative; display: inline; color: #968D30; font-weight: 900; margin: 0 3px 0 3px; z-index: 22223; padding: 0 0 1px 0;}
.header-lang a:hover, #currentlang {color: #867C25; background: url(../images/lang-hover-vega.gif) bottom left repeat-x;}

.header-message {position: relative; width: 896px; height: 20px; padding: 12px 0 0 6px; margin: 0;}
.header-message p {color: #867C25; font-size: 11px;}
.header-logoline {position: relative; width: 902px; height: 131px; padding: 0; margin: 46px 0 0 0;}
.header-logo {position: absolute; width: 222px; height: 131px; top:0; left: 0; cursor: pointer; display: block;}
.header-img1 {position: absolute; width: 636px; height: 131px; top:0; right: 23px;}
.header-navigation {position: absolute; width: 902px; height: 66px; left: 0; bottom: 0; padding: 0; margin: 0; background: url(../images/nav.jpg) 0 0 no-repeat;}
.navigation-right {position: absolute; right: -30px; top: 0; }
.navigation-left {position: absolute; left: -15px; top: 0; }

.content-main {position: relative; width: 902px; height: 580px; margin: 0;}

/* pane left */
.left-pane {position: relative; float: left; width: 225px; padding: 0; height: 550px; background: transparent; text-align: left;}
.left-box1 {position: relative; width: 225px; padding: 29px 0 0 0; height: 323px; background: url(../images/left-box1.jpg) transparent 0 0 no-repeat; text-align: left;}
.left-box1side {position: absolute; left: -24px; top: 1px; }
.left-box1-frame {position: relative; display: block; width: 190px; height: 107px; padding: 7px 0 0 9px; background: url(../images/left-box1-frame.jpg) 0 0 no-repeat; margin: 3px 0 3px 0;}
.left-box1-frame:hover {background-position: 0 -114px;}

#slideshow {position: relative; width: 190px; height: 107px; overflow: hidden; display: block; padding: 7px 0 0 9px; background: url(../images/left-box1-frame.jpg) 0 0 no-repeat; margin: 3px 0 3px 0;}
#slideshow img { display:none; position:absolute; top:7px; left:9px; height:100px; width:183px; opacity: -0.01;}
#slideshow:hover {background-position: 0 -114px;}

.left-box2 {position: relative; width: 225px; padding: 0; height: 191px; padding: 23px 0 0 0; background: url(../images/left-box2-vega.jpg) transparent 0 0 no-repeat; text-align: left;}
.left-box2side {position: absolute; left: -21px; top: 0; }
.videothumb {padding: 0 0 0 16px; display: block;}

/* pane right  aka content*/
.right-pane {position: relative; float: right; width: 655px; margin: 18px 5px 0 0; padding: 0 5px 0 0; height: 510px; text-align: left; }
* html .right-pane {display: inline; position: relative; float: right; width: 655px; margin: 18px 0 0 0; padding: 0 5px 0 0; height: 510px; text-align: left;}

/* scroller script */
#mycustomscroll {position: relative; width: 660px; height: 510px; overflow: auto; outline-style: none; -moz-outline-style: none;}
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {float: right; width: 15px; background: #E3D1A3 url(../images/basebarcaps_verticalbarbody2.png) 0px 0px repeat-y;}
.vscrollerbar {width: 15px; background: url(../images/basebarcaps_verticalbarbody2.png) -15px 0px repeat-y;}
.hscrollerbase {height: 15px; background: #D7EBDF url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;}
.hscrollerbar {height: 15px; background: #99CBCB url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;}
.vscrollerbar, .hscrollerbar {padding: 15px; z-index: 2;}
.vscrollerbarbeg {background: url(../images/basebarcaps_verticalbarbody2.png) -45px -30px no-repeat; width: 15px; height: 15px !important;}
.vscrollerbarend {background: url(../images/basebarcaps_verticalbarbody2.png) -45px 0px no-repeat; width: 15px; height: 15px;}
.vscrollerbasebeg {background: url(../images/basebarcaps_verticalbarbody2.png) -30px -30px no-repeat; width: 15px; height: 15px !important;}
.vscrollerbaseend {background: url(../images/basebarcaps_verticalbarbody2.png) -60px -30px no-repeat; height: 15px; width: 15px;}

/* index pager */
.index-pager {position: relative; width: 637px; height: 200px; background: url(../images/index-pager-bg-vega.jpg) transparent 0 bottom no-repeat;}
.sliderwrapper{position: relative;width: 637px; height: 168px; padding: 0; overflow: hidden;}
.sliderwrapper .contentdiv{visibility: hidden; position: absolute; left: 0; top: 0; width: 617px; padding: 21px 10px 0 10px; height: 142px; margin: 0; 
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.pagination{width: 630px; text-align: center; margin: 6px 0 0 0; padding: 0 0 0 7px; background: transparent; text-align: left;}
.pagination a{padding: 0; margin: 0 5px; text-decoration: none; color: #fff; font-weight: 800;}
.pagination a:hover, .pagination a.selected{color: #F0E3C3; font-weight: 800; text-decoration: underline;}
.pager-title {margin: 0;}
.pager-text {display: block; padding: 5px 0 0 3px; color: #fff; height: 94px; width: 432px; overflow: hidden; font-size: 13px; font-weight: 900;}
.index-pagerlink {position: absolute; right: 5px; bottom: 5px; color: #fff; font-size: 12px; font-weight: 800; text-decoration: underline;}
.pager-img {position: absolute; right: 3px; top: 0;}

.index-textarea {position: relative; float: left; width: 388px; height: 291px; padding: 18px 0 0 0;}
.index-textarea p {line-height: 16px; margin: 12px 0 0 0;}
.index-textarea a {color: #968D30; text-decoration: underline;}
.index-textarea a:hover {color: #7B731E; text-decoration: none;}

.index-rightbans {position: relative; float: left; width: 224px; height: auto; padding: 18px 0 0 0; margin: 0 0 0 24px;}
.home-delivery {position: relative; display: block; width: 224px; height: 201px; background: url(../images/home-delivery-bg-vega.jpg) 0 0 no-repeat;}
.home-delivery-hu {position: relative; display: block; width: 224px; height: 201px; background: url(../images/home-delivery-bg-vega-hun.jpg) 0 0 no-repeat;}
.home-delivery p, .home-delivery-hu p {color: #fff; text-align: center; font-size: 14px; padding: 38px 0 0 0; font-weight: 400; line-height: 19px;}
.home-delivery p span, .home-delivery-hu p span {font-size: 19px; font-weight: 400;}
.events {position: relative; width: 224px; height: 80px; display: block; background: url(../images/events-vega.jpg) 0 0 no-repeat; margin: 9px 0 0 0;}
.events p {color: #fff; text-align: left; font-size: 12px; padding: 34px 0 0 19px; font-weight: 400; text-decoration: underline;}

.events-hu {position: relative; width: 224px; height: 80px; display: block; background: url(../images/events-vega-hun.jpg) 0 0 no-repeat; margin: 9px 0 0 0;}
.events-hu p {color: #fff; text-align: left; font-size: 12px; padding: 34px 0 0 19px; font-weight: 400; text-decoration: underline;}
.events p:hover, .events-hu p:hover {text-decoration: none;}

.bottom-box {position: absolute; bottom: 0; left: 0; width: 380px; height: 78px;}
.sport-main {position: relative; float: right; width: 223px; height: 77px; background: url(../images/sport1-vega.jpg) 0 0 no-repeat;}
.sport-main-en {position: relative; float: right; width: 223px; height: 77px; background: url(../images/sport1-vega-en.jpg) 0 0 no-repeat;}
.sporthover {position: absolute; display: block; width: 213px; height: 51px; padding: 10px 0 0 10px; background: url(../images/sport2-vega.jpg) 0 0 no-repeat; top: 21px; left: 0; cursor: pointer;}
#lid_0 {color: #fff;}
#did_0 {margin: -262px 0 0 -10px; height: 211px; width: 202px; background: url(../images/focikep-vega2.jpg) 0 0 no-repeat; color: #fff; padding: 2px 10px 10px 10px;}
#did_0 p {color: #fff;}
#did_0 p span {color: #fff; font-size: 12px;}
.popuptitle {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; font-size: 16px; font-weight: 900; margin: 0 auto 0 auto; text-align: center;}


/* subpages */
.text-area {position: relative; height: auto; width: 640px;}
.text-area p {margin: 12px 0 0 0;}
.text-area  a {color: #968D30; text-decoration: underline;}
.text-area  a:hover {color: #7B731E; text-decoration: none;}


/* menu */
.full-line {position: relative; width: 100%; height: auto; padding: 0 0 10px 0;}
.full-line h2 span {font-size: 12px; text-transform: none; font-weight: 400;}
.menu {position: relative; float: left; width: 510px; height: auto; margin: 20px 0 0 0;}
.menu1 {position: relative; width: 452px; height: auto; padding: 0 0 10px 0;}
.menu1 h2 span {font-size: 12px; text-transform: none; font-weight: 400;}
.menu-title {position: relative; width: 640px; height: 25px;}
.menu-title1 {position: relative; float: left; width: 293px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5a1a16; font-weight: 900; margin: 0; padding: 0; font-size: 14px; letter-spacing: 1px; text-align: left; text-transform: capitalize; vertical-align: bottom;}
.menu-title1b {position: relative; float: left; width: 293px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5a1a16; font-weight: 900; margin: 0; padding: 0; font-size: 16px; letter-spacing: 1px; text-align: left; text-transform: uppercase; vertical-align: bottom;}
.menu-title2 {position: relative; float: left; width: 91px; text-align: left; padding: 2px 5px 0 0; font-weight: 900; vertical-align: bottom;}
.menu-text {position: relative; float: left; width: 480px; height: auto; padding: 8px 0 0 4px;}
.menu-text p {line-height: 18px; margin: 0;}

.menu-text1 {position: relative; float: left; width: 260px; padding: 0 0 7px 0; height: auto;}
.menu-text2 {position: relative; float: left; width: 60px; padding: 0 36px 7px 0; height: auto; text-align: right;}
.menupics {position: relative; float: left; width: 100px; height: 100px; margin:0;}
.menu-img {position: relative; width: 150px; height: 100px; margin: 70px 0 0 0;}
.clickonlarge {position: absolute; top: 0; right: 28px; font-size: 10px;}

.pseudolist  span {margin: 0; padding: 0 0 0 10px; background: url(../images/separator2.gif) 0 7px no-repeat; display: block; font-weight: 400;}

/* contact us */
.contact-col {position: relative; float: left; width: 196px; margin: 0 5px 0 0;}

/* hummusology */ 
.hummusology {position: relative; float: left; margin: 12px 7px 1px 0;}

/* galery */
.sliderwrapper2 {position: relative;width: 615px; height: 415px; padding: 0; margin: 0; background: url(../images/gallery-bg.jpg) 0 0 no-repeat; overflow: hidden;}
.sliderwrapper2 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 7px;  /*leave as is*/
top: 7px;  /*leave as is*/
width: 600px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 400px;
padding: 0;
margin: 0;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.pagination2{
width: 600px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
margin: 5px auto 0 auto;
}
.pagination2 a{
padding: 0;
margin: 0 5px;
text-decoration: none;
color: #000;

}
.pagination2 a:hover, .pagination2 a.selected{
color: #000; text-decoration: underline;

}


/* catering */
.catering-gallery a {position: relative; float: left; margin: 5px 5px 0 0; padding: 0;}


/* footer */
.footer {position: relative; width: 902px; height: 56px; margin: 0; padding: 0; background: url(../images/footer-bg.jpg) 0 0 no-repeat;}
.footer p, .footer a {font-size: 11px; color: #cdc578;}
.footer-navigation {position: relative; width: 100%; height: 25px; text-align: center;}
.footer-navigation a {color: #dbd599; display: inline; margin: 0 10px 0 10px;}
.footer-navigation a:hover {color: #f8efd8;}
.footer-sub {position: relative; width: 866px; height: 20px; padding: 10px 0 0 0; border-top: 1px solid #cdc578; margin: 0 auto 0 auto;}
.copyright {position: relative; float: left;}
.credits {position: relative; float: right;}
.credits a:hover {color: #dbd599;}


/* !!!!!!!!! must be at the end !!!!!!!!! */
.noborder {border: none;}
.margin0 {margin:0;}
.nobg {background: transparent;}
.small {font-size: 9px;}