@charset "utf-8";
/* CSS Document */

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:72.5%;
	margin:0;
	
}

h2{
	font-size:13px;
	color:#000000;
	background:#e8e7e7;
	height:36px;
	line-height:20px;
	padding:0px 5px;
	margin:0px;
}
.clear{
	clear:both;
}

.sbl { background: url('images/bubbles/bl2.gif') bottom left no-repeat #E9E9E9; width: 530px; text-align: left; min-width: 100px; }
.sbr { background: url('images/bubbles/br2.gif') bottom right no-repeat; }
.stl { background: url('images/bubbles/tl2.gif') top left no-repeat; }
.str { background: url('images/bubbles/tr2.gif') top right no-repeat; padding: 10px; } 
.sb { padding: 2px 0px 10px 50px; background: url('images/bubbles/b2.gif') 30px top no-repeat; }

.wrapper{
	width:1000px;
	margin:0 auto;
	background: #f1f1f1;
}
.content{
	background:#f1f1f1;
}
form {
margin: 0;
padding: 0;
}


/* ----------------------- Header ----------------------- */

.header{
	background:#f1f1f1 url(images/bg_header.gif) no-repeat top left;
	height:216px;
	position:relative;

}

.logo{
	background:#f19e22 url(images/logo.gif) no-repeat top left;
	height:166px;
	display:block;
	float:left;
	width:384px;
	margin:13px 0px 0px 15px;
	position:absolute;
}

.login{
	width:260px;
	position:absolute;
	top:40px;
	right:150px;
	font-size:15px;
}
.login input{
	background:#d5d3cf;
	border:1px solid #FFFFFF;
	width:140px;
	_width:136px;
}
.login label{
	color:#FFF;
	font-weight:bold;	
}
.login .btn{

}
.login .btn span{
	color:#FFF;
	font-weight:bold;
	background:url(images/btn_right.gif) no-repeat top right;
	width:12px;
	padding:2px 40px 5px 30px;
}
.login .btn a{
	color:#FFF;
	font-weight:bold;
	background:url(images/btn_left.gif) no-repeat top left;
	float:left;
	margin-top:5px;
	padding:2px 0 5px 7px;
	font-size:12px;	
	text-decoration:none;
	margin-left:28px;
}
.lang{
	float:right;
	margin-right:10px;
	margin-top:10px;
}
.lang select{
	background:#333333;
	color:#CCCCCC;
	font-size:10px;
	border:1px solid #000000;;
}
.lfield{
	float:left;
	width:90px;
	text-align:right;
	padding:5px;
}
.rfiled{
	float:left;
	width:75px;
	padding:3px;
}


/* ----------------------- dude ----------------------- */
.dude{
	float:left;
	width:195px;
}
	.dude .callout{
		background:url(images/dude_callout.gif) top left no-repeat;
		width:195px;
		height:130px;
	}
		.dude .callout .text{
			padding-top:30px;
			margin:0 auto;
			width:140px;
			height:75px;
			text-align:center;
			overflow:hidden;
		}
	.dude .cell{
		background:url(images/dude_cell.gif) top left no-repeat;
		width:195px;
		height:183px;
	}
	.dude .bottom{
		background:url(images/dude_bottom.gif) top left no-repeat;
		width:195px;
		height:252px;
	}	


/* ----------------------- dudette ----------------------- */
.dudette{
	float:right;
	width:195px;
}
	.dudette .callout{
		background:url(images/dudette_callout.gif) top left no-repeat;
		width:195px;
		height:130px;
	}
		.dudette .callout .text{
			padding-top:30px;
			margin:0 auto;
			width:148px;
			height:90px;
			text-align:center;
			overflow:hidden;
		}
	.dudette .cell{
		background:url(images/dudette_cell.gif) top left no-repeat;
		width:195px;
		height:183px;
	}
	.dudette .bottom{
		background:url(images/dudette_bottom.gif) top left no-repeat;
		width:195px;
		height:252px;
	}	

/* ----------------------- content main area ----------------------- */
.content-body{
	float:left;
	width:auto;
}
.menu{
	height:44px;
	margin:2px 10px 3px 4px;
	*margin-bottom:-2px;
}
.shadetabs{
	list-style:none;
	margin:0px;
	padding:0px;
}
.shadetabs li{
	display:inline;
	
}
#default-tab{
	display:none !important;
}
.shadetabs li a{
	width:95px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding:15px 0px 15px 0px;
	display:block;
	float:left;
	text-align:center;
	background:url(images/main_btns.gif) top left no-repeat;
	outline:none;
}
.menu .selected{
	width:96px;
	color:#b13a48;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding:15px 0px 15px 0px;
	display:block;
	float:left;
	text-align:center;
	background:url(images/main_btns_hover.gif) top left no-repeat;
}
.menu span.gap{
	width:3px;
	height:44px;
	background:url(images/menu_gap.gif) top left  repeat-y;
	display:block;
	float:left;
	margin-top:1px;

}

.desc{
	width:599px;
	margin:0px 0px 0px 5px;
}
.desc .top{
	background:url(images/desc_t.gif) top left no-repeat;
	height:6px;
	font-size:0px;
}
.desc .middle{
	background:url(images/desc_m.gif) top left repeat-y;
	padding:5px 8px;
	color:#000000;
}
.desc .bottom{
	background:url(images/desc_b.gif) bottom left no-repeat;
	height:6px;
	margin-bottom:8px;
	font-size:0px;	
}

.paymentbox{
	background:#FFF;
	border:5px solid !ebb462;
	float:left;
	margin:5px 3px;
	border:1px solid #b4b4b4;
	width:500px;
	table          { border-collapse: collapse;
                 border: 5px solid yellow; }
}

.started{
	width:419px;
	float:left;
	margin-left:3px;
}

.started .text{
	width:400px;
	float:left;
	margin:5px;
	color:#666666;
	font-weight:bold;
}

.number_bg{
	background:url(images/bg_number.gif) top left no-repeat;
	display:block;
	width:16px;
	height:33px;
	color:#e8e7e7 !important;
	text-align:center;
	font-size:14px;
	margin-top:2px;
	margin-right:5px;
	float:left;
	line-height:16px;
}
.box{
	background:#FFF;
	border:1px solid !ebb462;
	float:left;
	margin:5px 3px;
	border:1px solid #b4b4b4;
	width:408px;
}
.box h2.start{
	width:398px;
	font-size:13px;
	color:#000000;
}

.box input{
	height:14px;
	font-size:10px;
	padding:0px;
	border:none;
	background:#d5d3cf;
	width:110px;
	font-size:9px;
}

.box select{
	height:14px;
	font-size:10px;
	padding:0px;
	border:none;
	background:#d5d3cf;
	width:110px;
	font-size:9px !important;
	padding:0px;
}

.box .lfield{
	color:#707072;
	float:left;
	width:140px;
	text-align:left;
	font-size:11px;
	font-family:tahoma,arial,sans-serif;
	font-size:11px;
}

.box .rfiled{
	color:#707072;
	border:1px solid #000000;
	background:#d5d3cf;
	border-spacing:0px;
	border-width:1px;
	padding:1px;
	margin:1px;
	float:left;
	font-size:11px;
	font-weight:bold;
	width:110px;
	text-align:left;
}

.box .efield{
	color:#707072;
	float:left;
	width:124px;
	text-align:left;
	padding:5px;
	font-size:11px;
	font-family:tahoma,arial,sans-serif;
	font-size:11px;
}

.cellphone{
	background:url(images/cellphone.gif) top left no-repeat;
	width:182px;
	height:258px;
	float:left;
	margin-top:5px;
}

.cellphone textarea{
	width:130px;
	height:127px;
	border:none;
	background:#d7d7d7;
	margin:41px 0 0 28px;
	overflow-y:auto;
	font-size:11px;
}
.cellphone .btn-udpate{
	display:block;
	margin-top:40px;
	text-align:center;
	background:url(images/btn_update.gif) top left no-repeat;
	height:19px;
	width:50px;
	margin:50px auto 0px auto;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:3px;
	_margin-top:44px;
}

.started .btn{
	margin:0 auto;
	width:120px;
}
.started .btn span{
	color:#FFF;
	font-weight:bold;
	background:url(images/btn_lunch_right.gif) no-repeat top right;
	width:12px;
	padding:8px 50px 7px 40px;
}
.started .btn a{
	color:#FFF;
	font-weight:bold;
	background:url(images/btn_lunch_left.gif) no-repeat top left;
	float:left;
	font-size:15px;
	margin-top:5px;
	padding:8px 0px 7px 7px;
	text-decoration:none;
}
.options{
	width:599px;
	margin-left:6px;
}
.small {
	width:140px;
	height:220px !important;
	float:left;
	color:#666666;
	font-size:10px;
	font-weight:bold;
	
}
.small .check {
	line-height:18px;
	float:none;
	font-size:9px;
	clear:both;

}
.small .check input{
	width:auto;
	float:left;
	background:#FFFFFF;
	margin:3px;
}

.small .text{
	padding:0px 10px;	
	font-weight:normal;
	font-family:tahoma,arial,sans-serif;
	font-size:11px;
	word-spacing: -0.5px
}

a.calendar {
	background:transparent url(images/calendar.gif) no-repeat scroll right top;
	display:block;
	float:left;
	height:18px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
	width:24px;
}
.footer{
	background:url(images/footer_bg.gif) top left repeat-x;
	height:255px;
	text-align:center;
	color:#FFF;
	font-size:11px;
	padding-top:10px;
	margin-top:20px;
}

form#feedback_form label, form#comment_form label {
  display: block;
  float: left;
  width: 100px;
}
form#feedback_form input, form#feedback_form textarea, form#comment_form input, form#comment_form textarea {
  display: block;
  float: left;
}
form#feedback_form textarea {
  width: 300px;
  height: 80px;
}
form#comment_form textarea {
  width: 350px;
  height: 60px;
}
form#feedback_form div, form#comment_form div {
  margin: 10px 40px;
  padding: 10px 0;
  clear: both;
}
form#feedback_form input[type="submit"], form#comment_form input[type="submit"] {
  margin-left: 100px;
}
.feedback {
  margin: 10px 0;
}
.feedback h3 {
  color: #333;
}
.comment {
  margin: 10px 40px;
  padding: 1px 10px;
  background: #f1f1f1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}