﻿* 
{
	outline: none;
}
body {
	font-family: Arial,Helvetica,sans-serif;
	float:left;
	margin:0;
}
input, select 
{
	font-family: Arial,Helvetica,sans-serif;
}
#main {
	width: auto;
	height: auto;
}
#bg {
	width: auto;
	height: auto;
}
#content {
	float: left;
	display: block;
	width: auto;
}
#column2 {
	float: left;
	clear:left;
	background-color:#306091;
	width: 336px;
	color:#fff;
}
#column2 h1 {
	color: #fff;
	font-size: 20px;
	line-height: 38px;
	margin: 0;
}
#column2 h1.second {
	font-size:22px;
	width: 328px;
	float:left;
	line-height: 24px;
	padding-left:8px;
}
#column2 h1 span {
	font-size: 14px;
	line-height: 14px;
	float:left;
	width:336px;
	margin-bottom:10px;
	display:block;
}
#column2 .blue-box {
	float: left;
	background: url(../images/blue-box-bg.gif) no-repeat;background:#306091;
	width: 328px;
	min-height:303px;
	height: auto;
	padding:0 0 12px 0;
	margin:0 0 0 8px;
}
#column2 .blue-box.completed
{
	height:168px;
	padding-top:15px;
}
#column2 .blue-box.first
{
	padding-top:10px;
	height:357px;
	overflow-y:auto;
	overflow-x:hidden;
	padding-bottom:10px;
}
#column2 .blue-box.first a
{
	color:#fff;
	font-size:14px;
	text-decoration:none;
	float:left;
	margin-bottom:5px;
	clear:left;
}
#column2 .blue-box.first a:hover { text-decoration:underline; }
#column2 .blue-box .item-one
{
	background: transparent url(../images/ico-1.png) no-repeat;
	height:19px;
	width:19px;
	float:left;
	margin-right:8px;
}
#column2 .blue-box .item-two
{
	background: transparent url(../images/ico-2.png) no-repeat;
	height:19px;
	width:19px;
	float:left;
	margin-right:8px;
}
#column2 .blue-box .item-three
{
	background: transparent url(../images/ico-3.png) no-repeat;
	height:19px;
	width:19px;
	float:left;
	margin-right:8px;
}
#column2 .blue-box .col {
	float:left;
	width:167px;
	clear:left;
	margin:5px 0 8px 0;
}
#column2 .blue-box.multiple .col {margin:20px 0 10px 0;}
#column2 .blue-box .title {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 1px 0;
	height:21px;
	text-transform: lowercase;
}
#column2 .blue-box .title span.click-time {font-size:11px;font-weight:bold;}
#column2 .blue-box .title span {/*position:relative;top:-4px;*/}
img {
	border: medium none;
}
#column2 .blue-box .link {
	background: transparent url(../images/arrow2.gif) no-repeat scroll 0 11px;
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	line-height: 17px;
	margin: 10px 0 0;
	padding: 0 0 0 30px;
	text-decoration: none;
	height:34px;
}
#column2 .blue-box .roll {
	float: left;
	padding: 5px 0 0 30px;
	position: relative;
	width: 137px;
	z-index: 1000;
	/* nico  border:1px solid red; */
}
#column2 .blue-box .roll .detailCalendar {
	display: none;
	top: 30px;
}
.roll .divCal {
	background-color: #FFFFFF;
	float: left;
	left: 30px;
	position: absolute;
}
#column2 .blue-box .form {
	background: transparent url(../images/arrow2.gif) no-repeat scroll 0 4px;
	float: left;
	margin: 15px 0 0;
	padding: 0 0 0 27px;
}
#column2 .blue-box .form select {
	color: #336699;
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 121px;
}
.form select, .form input, .form textarea {
	vertical-align: middle;width:170px;
}
#column2 .blue-box .form select.personCount option {
	color: #336699;
}
#column2 .blue-box .col2 {
	display:inline;
	float:left;
	margin:6px 0 0 0;
	width:328px;
	clear:both;
}
#column2 .blue-box.multiple .col2 {margin:20px 0 0 0;}
#column2 .blue-box #timesWrapper {
	min-height:82px;
	height: auto;
	width:328px;
	float:left;
	margin-bottom:7px;
}
#column2 .blue-box #timesWrapper.five-boxes
{	
	margin-left:-3px;
}
#column2 .blue-box.multiple #timesWrapper {margin-bottom:5px;}
#timesForSelection {
	float: left;
	overflow: hidden;
	position: relative;
	width: 325px;
}
#NoTimesForSelection div {
	display:block;
	height:35px;
}
#noAvailabilityDetail {font-size:11px;text-align:center;padding-left:25px;padding-right:35px;}
#column2 .blue-box .time {
	margin: 0 0 16px;
	position: relative;
	width: 660px;
	color: #FFFFFF;
	float: left;
	font-size: 13px;
	font-weight: bold;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
}
#column2 .blue-box .time li.green2 {
	background: transparent url(../images/box-green-bg1.gif) no-repeat scroll 0;
	cursor: pointer;
}
#column2 .blue-box .time li {
	background: transparent url(../images/box-grey-bg.gif) no-repeat scroll 0;
	float: left;
	height: 35px;
	line-height: 35px;
	margin: 0 5px 0 0;
	padding: 16px 0 0;
	position: relative;
	text-align: center;
	width: 61px;
}
#column2 .blue-box .time li .top {
	color: #FFFFFF;
	font-size: 9px;
	left: 0;
	line-height: 9px;
	position: absolute;
	text-align: center;
	top: 3px;
	width: 61px;
}
#NoTimesForSelection {
	color: #97C0E6;
	display: none;
	font-size: 20px;
	height: 65px;
	line-height: 65px;
	text-align: center;
}
#column2 .blue-box .prev, #column2 .blue-box .next {
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	width:60px;
}
#column2 .blue-box .next {
	float: right;
	margin: 0 10px 0 0;
	text-align:right;
}
#column2 .blue-box .prev {
	text-align:left;
}
#column2 .affiliate-footer
{
	float: left;
	width: 336px;
	background: transparent url(../images/footer-bg.gif) repeat-x scroll 0 100%;
	height: 34px;
}
#column2 .affiliate-footer .poweredby
{
	font-size: 9px;
	color: #fff;
	width: 90px;
	float: left;
	margin: 5px 0px 0px 8px;
	font-weight: bold;
}
#column2 .affiliate-footer .logo
{
	background: transparent url(../images/small-logo.png) no-repeat 50% 50%;
	width: 150px;
	height: 34px;
	float: right;
}
#login2 .bottom-box .box {
	width: 336px;
	float: left;
	margin: 0;
}
#login2 .bottom-box .box .create-account {
	padding-left: 5px;
	width: 331px;
}
#login2 .bottom-box .box .b-box {
	background: transparent none repeat scroll 0;
	margin-top: 0;
}
#login2 .bottom-box .box .b-box .b-box-inner {
	background: transparent none repeat scroll 0;
	width: 331px;
	float:left;
}
#login2 .bottom-box .box .log-in .b-box-inner h1 , #login2 .bottom-box .box .b-box .b-box-inner h1 {
	color: #fff;
	line-height: 25px;
}
#login2 .bottom-box .box .create-account .b-box-inner h2 {
	color: #336699;
	font-size: 11px;
	margin: 5px 0 10px 0;
}
#login2 .form-row.newAccount {
	color: #fff;
	width: 331px;
}
.form-row {
	float: left;
	height: 40px;
}
.form-row span {
	display: block;
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin: 8px 0 5px;
	width: 120px;
}

.form-row span.information {width:331px;margin:2px 0 2px 0;}
.form-row span.information textarea {width:320px;height:76px;}
.form-row span.newsletter-box {width:350px;}


#login2 .bottom-box .box .b-box .b-box-inner input {
	float:right;
	width:190px;
	position:relative;
	top:4px;
	margin-right:5px;
}
.form-row span.validator {
	float: right;
	font-size: 10px;
	margin: 4px 5px 0 0;
	width: auto;
	font-style:italic;
}
.form-row span em {
	font-size: 11px;
}
#login2 .form-row.newAccount.observation {
	height:auto;
}
#login2 .bottom-box .box .b-box .b-box-inner .form-row span.newsletter-box input {
	width: 20px;
	float: left;
	margin-left: 0;
	top:-2px;
}
#login2 .form-row.newAccount.first-booking,
#login2 .form-row.newAccount.restaurant-newsletter {
	padding: 0;
	height: auto;
	margin:0;
	display:inline;
	padding:0;
	width:100%;
}

#login2 .form-row.newAccount.first-booking table,
#login2 .form-row.newAccount.restaurant-newsletter table {
	margin-top:5px;
}

.form-row .first-question {
	width:210px;
}
#login2 .form-row.newAccount.first-booking span.answer,
#login2 .form-row.newAccount.restaurant-newsletter span.answer{
	margin: 0;
	padding: 0;
	width: auto;
	float:right;
}
#login2 .form-row.newAccount.first-booking span.answer input,
#login2 .form-row.newAccount.restaurant-newsletter span.answer input{
	width: auto!important;
	float:left!important;
	top:0px!important;
	height:13px!important;
	width:13px!important;
	margin:0 3px 0 0!important;
}

#login2 .form-row.newAccount.first-booking span.answer label,
#login2 .form-row.newAccount.restaurant-newsletter span.answer label{
	font-size:13px;
	font-weight:bold;
	color:#fff;
	margin-right:10px;
}

.res-question2 {
	display:inline;
	float:left;
	height:auto;
	padding:0;
	width:100%;
}
.res-question2 .question-line2 {
	float:left;
	margin-right:10px;
	padding:0;
	width:226px;
}
.form-actionset {
	float: left;
	width:331px!important;
	padding:0;
}
.login2 div.agreement {
	color: #fff;
	float: left;
	font-size: 11px;
	height: auto;
	margin: 5px 0 5px 0;
}
#login2 .bottom-box .box .b-box .b-box-inner div.agreement a {
	color: #fff;
	float: none;
	margin: 0;
	margin-top: 5px;
}
#login2 .bottom-box .box .create-account .b-box-inner input.create-btn {
	background:url("../images/account-btn-trans.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF;
	font-size: 12px;
	display:block;
	height:25px;
	line-height:25px;
	margin:auto;
	width:158px!important;
	border:0 none;
	cursor:pointer;
	float:none;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	position:relative;
	left:-5px;
	top:-3px;
}
.restaurant-newsletter {
	height: auto;
}
.form-row.invalid {
	background-color: #B21C3D;
	color: #FFFFFF;
	height:40px;
	left:-3px;
	padding-left:3px;
	position:relative;
}
#login2 .form-row.newAccount.invalid span {
	color: #FFFFFF;
}
#column2 .blue-box .title2 {
	color: #FFFFFF;
	float: left;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	width:208px;
	height:55px;
}
#column2 .blue-box .title2 .stap {
	color: #fff;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 19px;
	margin: 0 10px 0 0;
	text-align: center;padding-bottom:5px;
}

#column2 .blue-box .title2 strong {clear:both;display:block;}

#column2 .blue-box .title2 .stap em {
	color: #97c0e6;
	font-style: normal;
}
#column2 .blue-box .list-info {
	color: #FFFFFF;
	float: left;
	font-size: 15px;
	font-weight: bold;
	line-height: 19px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin:0;
	padding:0;
	width: 100%;
}
#column2 .blue-box .list-info li {
	padding: 0 30px 0 25px;
	background: transparent url(../images/arrow2.gif) no-repeat scroll 0 4px;
	/*float: left;*/
	clear:both;
	margin-bottom:15px;
}

#column2 .blue-box .list-info li:last-child {margin-bottom:0;}

#column2 .blue-box .list-info li strong {
	text-transform: lowercase;
	color: #97C0E6;
}
#column2 .box1 {
	float: left;
	margin: 0;
	width: 336px;
	padding-top: 10px;
	height:110px;
}
#column2 .box1 .side {
	float: left;
	width: 336px;
}
#column2 .box1 .side h2 {
	color: #fff;
	font-size: 20px;
	margin: 0 0 0 8px;
}
#column2 .box1 .side h3 {
	color: #336699;
	font-size: 15px;
	line-height: 16px;
	margin: 12px 0 0 10px;
}
#column2 .box1 .side ul {
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0 0 0 8px;
}
#column2 .box1 .side ul li {
	margin: 5px 0 0;
}
/*Calender CSS*/
fieldset.jcalendar {
	border: none;
	margin-top:5px;
	width:100%;
	padding:0;
	margin:0;
	float: left;
	width: 187px;
}
fieldset.jcalendar div.jcalendar-selects{
	margin-top:10px;
}
fieldset.jcalendar div.jcalendar-selects table
{
	margin:0 auto;
	background: none;
}
fieldset.jcalendar div.jcalendar-selects table tr td 
{
	display:block; 
	float:left; 
	font-weight:bold; 
	font-size:12px;
	padding-right:20px;
}
div.jcalendar-wrapper 
{
	float:left;
	width:100%;
}
div.jcalendar 
{
	border: 2px solid #336699;
}
div.jcalendar table 
{
	width: 183px;
	background: #fff;
	clear: both;
	border-top: solid 1px #fff;
	background-color: transparent;
}
div.jcalendar table th {
	background: #eaf2fa;
	border: none;
	font-size: 11px;
	color: #97c0e6;
	text-transform: lowercase;
	height: 25px;
}
div.jcalendar table td 
{
	padding: 0;
	width: 25px; 
	height: 25px;
	text-align: center;
	line-height: 25px; 
	border-left: solid 1px #e0e0e0;
	border-bottom: solid 1px #e0e0e0;
	font-size: 11px;
	background-color: #fff;
}
div.jcalendar table td a, div.jcalendar table td span 
{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #336699 !important;
}
div.jcalendar table td a.editval
{
	background: transparent url(../images/calender/edit-selected.gif) no-repeat;
}
div.jcalendar table td a.selected, div.jcalendar table td span.selected
{
	color: #fff !important;
	font-weight: bold;
	background: transparent url(../images/calender/selected_bg.jpg) repeat-x;
	width: 25px;
	height: 25px;
	line-height: 25px;	
}
div.jcalendar table td.empty
{
	color: #cccccc !important;
	font-weight: bold;
}
/*no ds*/
div.jcalendar table td.no_day_schedule
{
	color: #cccccc !important;
}
/*end no ds*/
div.jcalendar-links 
{
	width: 183px;
	height: 25px;
	font-size: 14px;
	color: #fff;
	text-align: center; 
	background: transparent url(../images/calender/top_bg.gif) repeat-x;
	line-height: 25px;
}
div.jcalendar-links a.link-prev
{
	float: left;
	width: 18px;
}
div.jcalendar-links a.link-next
{
	float: right;
	width: 18px;
}
div.jcalendar-links img
{
	border: none;
}
div.jcalendar-links div
{
	float:left;
	width: 144px;
	text-align: center;
	font-weight:bold;
}

#column2 .blue-box ul.iframe
{
	height:36px;
	overflow:hidden;
	margin-bottom:5px;
}
#column2 .blue-box #bottom-links
{
	display:none;
	text-align:center;
}
#column2 .blue-box .hide-me
{
	display:none;
}
#column2 .blue-box ul.iframe li 
{
	background: transparent url(../images/box-grey-bg-iframe.gif) no-repeat;
	padding-top:0px;
	height: 36px;
	width: 49px;
	line-height: 45px;
	font-size:11px;
}
#column2 .blue-box ul.iframe li.green2 {
	background: transparent url(../images/box-green-bg-iframe.gif) no-repeat;
	cursor: pointer;
}
.logo-wrapper { float:right; background:transparent url(../images/footer-bg.gif) repeat-x scroll 0 100%; }
.top-left-corner
{
	background: transparent url(../images/redesign/top-left-corner.png) no-repeat;
	float:left;
	width:10px;
	height:10px;
}
.top-right-corner
{
	background: transparent url(../images/redesign/top-right-corner.png) no-repeat;
	float:left;
	width:10px;
	height:10px;
}
.bottom-left-corner
{
	background: transparent url(../images/redesign/bottom-left-corner.png) no-repeat;
	float:left;
	clear:left;
	width:10px;
	height:10px;
}
.bottom-right-corner
{
	background: transparent url(../images/redesign/bottom-right-corner.png) no-repeat;
	float:left;
	width:10px;
	height:10px;
}
.horizontal-row
{
	float:left;
	width:316px;
	height:10px;
	background-color:#306091;
}
.iframe-header {float:left;width:324px;padding-left:8px;padding-top:5px;}
.iframe-header span {font-size:12px;font-weight:bold;float:left;width:195px;}
.calendar-img
{
	color:#fff;
	text-decoration:none;
	line-height:12px;
	font-size:11px;
	font-weight:bold;
	float:left;
}
.calendar-img:hover {text-decoration:underline;}
.calendar-img span {float:left;width:100px;}
.rounded-frame {display:none;}
