@charset "UTF-8";
html{ color: #333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{ line-height:1.4em; margin:0; padding:0;}
body{ background:#FFF; font-size:0.7em; font-family:Tahoma, Geneva, sans-serif;}
fieldset,img{ border:0;}
input,textarea,select,button{ border: none; font-family:inherit; font-size:inherit;}

/* page wrapper */
.wrap{ width:980px; margin:0 auto; clear:both;}
#main_content{ position: relative; z-index: 1;}
/* top login & co. */
#wai_skip{ position: absolute; top: -100%;}
#topbar{ position:relative; background:#fff url('/images/gradients.png') 0 0; border-bottom:1px dotted #888;}
#fb-root{ display: none;}

/* rootline */
.top_stripe{ background: #fff; height: 22px; padding-top: 3px;}
.top_stripe .wrap{ position: relative;}
.top_icons{ position: absolute; right: 0; top: 0; width: auto;}
.rootline{ float: left; width:700px;}
.rootline p{ height:15px;}
.rootline .uarehere{ padding:0 10px 0 12px; background:url(/images/sprite.png) -750px 0 no-repeat; font-weight:bold;}

/* logo & steps icons */
.logo_bar{ position: relative; z-index: 10; clear:both; height:60px; margin:0 0 10px 0;}
.site_logo{ float:left; margin:0 60px 0 0;}
.logo_bar .fb_global{ float:left; width: 120px;}
#navbar{ float: left; height: 45px; width: 700px; margin: 10px 0 5px 0; padding: 0 10px;
    background: url('/images/sprite.png') 0 -150px;}
#navbar_widgets{ float: left; width: 120px; margin: 13px 0 0 5px;}
#gnav{ float: right;}
#gnav li{ float:left; position: relative; height: 43px; padding: 1px; text-align:center;}
#gnav a{ display: block; height: 20px; padding: 13px 15px 12px 15px; font-family: "Trebuchet MS"; font-size: 130%;}
#gnav li:hover, #gnav li.active{ height: 44px; background: #ccc url('/images/gradients.png') 0 -2000px repeat-x; border: 1px solid #ccc; border-bottom: 0; padding: 0;}
#gnav_home span{ display: block; height: 18px; width: 16px; background: url('/images/sprite.png') -200px 0;}
#gnav_howitworks{ position: relative; z-index: 20;}

#gnav li ul{ display: none; position: absolute; top: 43px; left: -1px; border-bottom: 1px solid #ccc;}
#gnav li:hover ul{ display: block;}
#gnav li li{ height: 29px; width: 130px; padding: 0; background: #fafafa; text-align: left; border: 1px solid #ccc; border-bottom: 0;}
#gnav li li a{ height: 15px; padding: 7px 15px; font-size: 115%; white-space: nowrap;}
#gnav li li:hover{ height: 29px;}

.fb_global #plus_one{ margin-top: 5px;}
.logo_bar .steps{ float:left; width:auto;}

#topbar h3{ line-height: 2em;}
#login_toggle{ float: right; height:50px; padding-top: 5px; width: 610px;}
.top_links{ display: block; float: left; margin-top: 5px; width: 150px;}
.top_links .ilink{ clear:both;}
.loggedin_menu{ min-height: 50px; padding-top:5px;}
.loggedin_menu .button{ float:right; margin-top:10px;}
.duolinks{ float:left; margin:5px 30px 0 0; line-height:20px;}
.duolinks p{ clear:both; float:left; font-size:105%; font-weight:bold;}
.duolinks .icon{ margin-top:0;}
.firm_menu, .respanel_menu, .admin_menu { width: 980px; margin: auto;}
.admin_menu .button{ float: right; margin-top: 5px; }

/* login bar */
.login_bar{ float: left; width:460px;}
.login_bar table{ float:right;}
.login_bar table *{ vertical-align:middle;}
.login_bar .first_row{ height:15px; text-align:right;}
.login_bar .second_row{ height:27px;}
.login_bar td{ padding-left:10px;}
.login_bar .text{ width:125px;}
.login_bar .checkbox{ margin-right:5px; vertical-align:middle;}

#login_link{ float: right; height:15px; padding-right:6px; font-weight: bold;}
#login_link .icon{ margin-right:3px;}

/* footer */
#footer{ display:block; margin-top: 15px; padding:10px; clear:both; text-align:center; background: #fff; border-top:1px dotted #888;}
#footer p{ clear:both; font-size:105%; line-height:1.6em;}
#footer a{ padding:0 5px;}

/* Multilanguage bar and edition */
#multilanguage_box { float: right;}
#multilanguage_box .multilanguage_icon, #multilanguage_box .multilanguage_link { display: inline; float: none; }
#multilanguage_box .multilanguage_icon { margin-left: 8px; }

.multilanguager { width: 50px !important; margin: 0px !important; background-color: transparent; background-position: 20% 50%; background-repeat: no-repeat; color: transparent; font-weight: bold; vertical-align: top; }
.multilanguager option { background-position: 80% 50%; background-repeat: no-repeat; color: #444; }

.multilanguager_for_all { position: absolute; }
.multilanguager_for_all img { display: inline; margin: 0px 0px 2px 4px;}

#customer_service{ background: url('/images/gradients.png') 0 0 repeat-x;
    float:left; position: relative; margin-left:10px; height: 110px; width: 150px;}
#customer_service a{ position: absolute; left: 8px;}
.contact_hours{ line-height: 1em; padding-top: 7px; text-align: center;}
#cs_chat{ top:36px;}
#cs_call{ top:68px;}

/* autocomplete */
.ac_results{ padding:0; border:1px solid black; background-color:#fff;
	overflow:hidden; z-index:99999; font-size:110% !important;}
.ac_results ul{ width:100%; margin:0; padding:0;
	list-style-position:outside; list-style:none;}
.ac_results li{ display:block; margin:0; padding:0;
	cursor:default;	font:menu; line-height:16px; overflow:hidden;}
.ac_results li div{ padding:2px 5px;}
.ac_loading{ background:#fff url(/images/loader.gif) right center no-repeat;}
.ac_results .ac_odd{ background-color:#eee;}
.ac_results .ac_over{ background-color:#0a246a; color:#fff;}

/* loader */
#loader_overlay{ position:absolute; left:0; top:0; width:100%; z-index:9999; background:url(/images/fff.png);}
#loader_msg{ position:fixed; top:30%; left:40%; padding:10px 20px; width:auto; z-index:10000;
    background:#fff; border:2px solid #888; font-size:160%; opacity:0.9; filter:Alpha(Opacity=90);}
#loader_msg p{ float:left; margin:5px 0 0 10px;}
#loader_msg img, .loader_img{ float:left;}

/* icons & co. */
.icon, .icons, .icon32, .big_arrow, button.close{ float: left; background:url('/images/sprite.png');}
.icon{ height:20px; width:20px;}
.icon.circle{ background-position: -300px 0;}
.icon.ok{ background-position:-350px 0;}
.icon.users{ background-position:-400px 0;}
.icon.star{ background-position:-450px 0;}
.icon32{ height:32px; width:32px;}
.icon32.info{ background-position:-200px -100px;}
.icon32.error{ background-position:-250px -100px;}
.icon32.ok{ background-position:-300px -100px;}


.icons, button.close{ height: 11px; width: 11px; display: block;}
.icons{ margin-right: 9px;}
.icons.clock_green{ background-position: 0 -50px;}
.icons.clock_red{ background-position: -50px -50px;}
.icons.home{ background-position: -100px -50px;}
.icons.cuisine{ background-position: -150px -50px;}
.icons.minorder{ background-position: -200px -50px;}
.icons.delivery_time{ background-position: -250px -50px;}
.icons.close, button.close{ background-position: -300px -50px; cursor: pointer;}
.icons.close.active, .icons.close:hover, .icons.close:focus, button.close:hover, button.close:focus{ background-position: -350px -50px;}
.icons.search{ background-position: -400px -50px; width: 14px;}
.icons.arrow_down{ margin: 5px 0 0 5px; background-position: -450px -50px;}

.payment_icon{ margin: 0 10px 0 0;}
.payment_icon.last{ margin-right: 0;}

.iconl{ float: left; height: 25px;}

.arrow_rb{ background-position: -500px -100px; height: 30px; width: 100px;}

.ilink{ float:left; margin:0 0 0 20px; white-space: nowrap;}
.ilink .icon{ margin-right:5px;}

/* forms */
.text, textarea{ padding:2px; border:1px solid #888;}
.text{ height:17px;}

/* general */
h1, h2, h3, h4{ color: #4d4e53; font-family: "Trebuchet MS"; font-weight: bold;}
h1{ font-size: 170%;}
h2{ font-size: 140%;}
h3{ font-size: 125%;}
h4{ font-size: 125%;}
a{ cursor: pointer; font:inherit; text-decoration:none;}
:link{ color: #55a51c;}
:visited{ color: #914c8b;}
a[href]:hover, a[href]:focus{ color: #c13832; text-decoration:underline;}
a img{ display:block; border:0;}
.fsize-h2{ font-size:125%; font-weight:bold;}
.fsmall{ font-size: 90%; font-weight: normal;}
.clear, .clearfix, .spacer10, .spacer20{ clear:both;}
.spacer10{ height:10px;}
.spacer20{ height:20px;}
.float_left{ float:left;}
.float_right{ float:right;}
.inline{ display:inline;}
.alttext, .hide, .hidden{ display:none;}
.show{ display:block !important;}
.dottedline, .dottedline05{ clear:both; height:1em; margin:0 0 1em 0; border-bottom:1px dotted #ccc;}
.dottedline05{ height:.5em; margin:0 0 .5em 0; }
.bold{ font-weight:bold;}
#tooltip{ position: absolute; z-index: 3000; border:2px solid #81bf24; background-color:#fff; padding:5px 10px;}
#tooltip h3, #tooltip .body{ color:#444; font-size:125%; font-weight:normal;}
ul{ list-style:none;}
ul.disc, ul[type=disc]{ padding-left:1.5em; list-style:disc;}
ul.latin{ padding-left: 1.5em; list-style: lower-latin;}
ol{ margin-left: 1.5em; list-style:decimal;}
.arrows{ margin-left:10px;}
.arrows li{ list-style: disc; list-style-image:url('/images/arrowgreen.png');}
.red{ color:#f00;}
.font_l{ font-size: 130%;}
.font_xl{ font-size: 150%;}
.font_xxl{ font-size: 170%;}
.font_xxxl{ font-size: 200%;}
select{ border:1px solid #888; padding:2px;}

/* forms */
.radio{ margin-top:4px; width:16px !important;}

/* dialogs */
.close_disabled .ui-dialog-titlebar-close{ display:none !important;}
.no_titlebar .ui-dialog-titlebar{ display:none !important;}

/* buttons */
.button, input.button, .bigbutton, .ui-dialog .ui-dialog-buttonpane button{ width:auto !important;
    color:#fff; cursor:pointer; font-family: "Trebuchet MS"; font-size:130%; font-weight:bold !important; white-space: nowrap;
    background:#1e8107 url('/images/gradients.png') 0 -2100px repeat-x; border:1px solid #666 !important;
    text-shadow: 0 0 1px #000;
    box-shadow:0 1px 2px #666; -moz-box-shadow:0 1px 2px #666; -webkit-box-shadow:0 1px 2px #666;
}
.button{ padding:2px 10px !important;}
.bigbutton, .ui-dialog .ui-dialog-buttonpane button{ padding:3px 15px !important;}
.button.grey{ background:#ccc url('/images/gradients.png') 0 0 repeat-x; color: #444; text-shadow: 0 0 0;}

.button:hover, .button[href]:hover, .button:focus, .button[href]:focus, .bigbutton:hover, .bigbutton:focus, .ui-dialog .ui-dialog-buttonpane button:hover{
    background-position: 0 -2150px; color:#fcfc9e; text-decoration:none;}
.button:visited, .bigbutton:visited{ color:#fff;}
.button.grey:hover, .button.grey:focus{ color:#444;}
input.bigbutton, button.bigbutton{ font-size:150% !important;}
.button.small{ font-size: 90%; padding:0 2px !important;}
.button_empty{ border: 0;}

.orders_tab{ background:url(/images/orders_tab.png); height:150px; width:35px; position:fixed; left:0; top:20px; z-index:100;}

/* widgets */
.noscript{ background: #fff; color: #f00; padding: 2em;}
.table_grey{ background: #fafafa; border: 1px solid #eee; margin-bottom: 10px; padding: 1px; width: 100%;}
.table_grey th, .table_grey td{ padding: 5px 10px;}
.table_grey th{ background: url('/images/gradients.png') 0 0 repeat-x;
    border-bottom: 1px solid #eee; border-left: 1px solid #f3f3f3; font-size: 120%; text-align: left; vertical-align: text-top;}
.table_grey td{ border-left: 1px solid #fff; border-top: 1px solid #fff; vertical-align: middle;}
.table_grey.zebra td{ border-left: 1px solid #eee; border-top:0;}
.table_grey.zebra tr:nth-child(odd){ background: #fff;}
.table_grey th:first-child, .table_grey td:first-child{ border-left: 0 !important;}

.simple_table{ background: #fff; border-collapse: collapse; margin: 0.5em 0; width: 100%;}
.simple_table th, .simple_table td{ vertical-align: middle;}
.simple_table th{ padding: 5px 3px; text-align: left;}
.simple_table td{ padding: 3px;}
.simple_table thead tr, .simple_table tfoot tr{ background: #eee; border-bottom: 1px solid #c3e452;}
.simple_table thead tr{ font-size: 110%;}
.simple_table tbody tr{ border-bottom: 1px solid #ccc;}
.simple_table tr.highlight{ background: #fff8e7 !important; font-weight: bold;}
.simple_table tbody tr:nth-child(even) { background: #fafafa;}
.simple_table tbody tr.hover{ background: #fff8e7 !important; color: #000; opacity:1;
    -moz-box-shadow:0 0 5px #333; -webkit-box-shadow:0 0 5px #333; z-index: 1; position: relative;}

.text-right{ text-align: right !important;}

#tbox{ width: 240px; padding: 0;}
#tbox p{ padding: 10px;}
#tbox img{ display: block;}

/* join arrows */
.join_left_red, .join_right_red{ height:20px; width:10px; background-image:url('/images/sprite.png');}
.join_left_red{ background-position: -560px 0;}
.join_right_red{ background-position: -570px 0;}

/* feedback */
#feedback_btn{ position:fixed; right:0; bottom:0; z-index:10; height:90px; width:90px;
	background:url(/images/sprite.png) -600px -200px no-repeat; cursor:pointer;}
.en #feedback_btn{ background-position: -700px -200px;}

/* how it works */
#howitworks{ display: none; position: absolute; z-index: 10; top: 50px; right: 0; width: 820px; padding: 10px 20px;
     background: #f5f5f5; background-clip: padding-box;}
#howitworks h3{ font-size: 150%; text-align: center; margin-top: 5px;}
#howitworks .close{ position: absolute; top: 17px; right: 10px;}
#howitworks_steps > li{ float: left; width: 240px; margin-right: 20px; padding: 10px; background: #fff;}
#howitworks_steps > li.last{ margin-right: 0;}
#howitworks_steps h4{ padding-bottom: 10px;}
.howitworks_desc{ min-height: 70px; font-size: 110%;}
ol.howitworks_desc{ margin-left: 20px;}
.howitworks_desc li{ padding: 0;}
#howitworks .readmore{ font-size: 115%; font-weight: bold; margin-top: 10px; text-align: right;}

/* opinions */
.opinions_pager a{ margin-right: 10px;}
.opinions_table{ border-collapse:collapse;}
.opinions_table thead{ font-weight:bold; text-align:left;}
.opinions_table th, .opinions_table td{ border-bottom:1px dotted #ccc; padding:.5em;}

/* round them corners */
#tooltip, .button, .bigbutton, #loader_msg, .corners-5, .table_grey, .payment_methods{
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.corners-10, .highlight_box, #howitworks, #howitworks_steps li, #customer_service, #tbox{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.corners-top-10{ border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0;}
.corners-bottom-10{ border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px;}

/* drop shadow */
.button:hover, .button:focus, .bigbutton:hover, .bigbutton:focus, .ui-dialog .ui-dialog-buttonpane button:hover{
	box-shadow:0 0 3px #333; -moz-box-shadow:0 0 3px #333; -webkit-box-shadow:0 0 3px #333;}

/* rating */
.rating_widget, .rating_widget .rating_box, .rating_widget .rating_count{ float: left;}
.rating_widget{ margin: 0 0 0 15px;}
.rating_box, .rating{ height:13px; background:url('/images/sprite.png');}
.rating_box{ float:left; position:relative; width:65px; margin: 2px 10px 0 0; background-position:-100px -100px;}
.rating{ position:absolute; top:0; left: 0; background-position:0 -100px;}

/* popbox */
.popbox{ background:#eee url('/images/gradients.png') 0 0 repeat-x; border:2px solid #888;}

.highlight_box{ background: #fefecb url('/images/sprite.png') 0 -1000px repeat-x; border: 1px solid #fff0a4;
    padding: 10px;}

/* messages */
.messages{ border-style: solid; border-width: 1px; font-size: 110%; margin-bottom: 10px; padding: 10px;}
.messages.ok{ background: #fff8e7; border-color: #fcefa1; color: #444;}
.messages.error{ background: #fef8f6; border-color: #cd0a0a; color: #cd0a0a;}
.messages ul{ list-style: disc; padding-left: 1em;}

.gscript{ height: 0; overflow: hidden}