/*-------------------------------------

	timeR Web CSS

	Author:	Andras Nemeseri
	Type: Main CSS
	Supported browsers: [n/a]

--------------------------------------- */


/* =Common
--------------------------------------- */

	* {
		margin: 0;
		padding: 0;
	}

	body {
		font: 12px/16px "Trebuchet MS", Verdana, serif;
		color: #000;
		background-color: #2f383d;
	}

	table {
		border-collapse: collapse;
	}

	img	{
		border: 0;
	}

	ul {
		list-style: none;
	}

	a, a:visited, a:active {
		text-decoration: none;
		color: blue;
	}

	em {
		font-style: normal;
		color: #4ba7be;
	}

	/* Common classes */

	.before,
	.after {
		display: block;
	}

	.clrfloat:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.dsp_none {
		display: none;
	}

/* =Layout
--------------------------------------- */

	/* 100% height hack */
/*
	html, body {
		height: 100%;
	}

	#container {
		position: relative;
		background: #eceded url(../img/web_container_grad.gif) repeat-x bottom left;
		min-height: 100%;
	}

	#content_bg {
		width: 900px;
		border: 1px solid red;
		position: absolute;
		bottom: 50px;
		left: 15%;
	}
*/

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

	#header {
		height: 49px;
		background: #2b3338 url(../img/web_header_grad.gif) repeat-x;
		border-bottom: 1px solid #50575a;
	}

	#header_content {
		width: 870px;
		padding: 0 15px;
		margin: 0 auto;
	}

	#header_content img {
		float: left;
		margin-top: 10px;
		font-size: 20px;
		font-weight: bold;
		color: #fff;
	}

	#header_status {
		float: right;
		width: 346px;
		height: 35px;
		margin-top: 7px;
		background-color: #2b3338;

		font-size: 13px;
		line-height: 35px;
		font-weight: bold;
		color: #fff;
	}

	#header_status span {
		float: left;
	}

	#header_status .before,
	#header_status .after {
		width: 9px;
		height: 35px;
	}

	#header_status .before {
		float: left;
		margin-right: 9px;
		background: url(../img/web_header_status_l.gif) no-repeat;
	}

	#header_status .after {
		float: right;
		margin-left: 9px;
		background: url(../img/web_header_status_r.gif) no-repeat;
	}


	#header_separator {
		display: block;
		width: 6px;
		height: 6px;
		margin: 14px 11px 0 11px;
		background: url(../img/web_header_status_bullet.gif) no-repeat;
	}

	#header_weekday {
		text-transform: uppercase;
	}

	#header_status #big_time {
		display: block;
		float: right;

		font-size: 22px;
		font-weight: bold;
		color: #4ba7be;
	}

	.back_button {
		display: block;
		width: 108px;
		height: 36px;
		padding: 15px 0 0 70px;
		font-size: 20px;
		line-height: 22px;
		font-weight: bold;
		color: #fff !important;
		text-transform: uppercase;
		background: url(../img/web_common_button_back.png) no-repeat;
	}


/* =Main
--------------------------------------- */

	#main {
		background: #eceded url(../img/web_main_grad.gif) repeat-x bottom left;
		padding-top: 4px;
	}

	#main_content {
		width: 900px;
		margin: 0 auto;
		padding-top: 9px;
		background: #fff url(../img/web_main_content_grad.gif) repeat-x bottom left;
	}


	/* ==Top nav
	--------------------------------------- */

		#top_nav {
			width: 870px;
			height: 22px;
			line-height: 22px;
			font-size: 12px;
			font-weight: bold;
			margin: 0 auto 20px;
			background-color: #4ba7be;
		}

		#top_nav .before,
		#top_nav .after {
			width: 10px;
			height: 22px;
		}

		#top_nav .before {
			float: left;
			margin-right: 7px;
			background: url(../img/web_main_topnav_l.gif) no-repeat;
		}

		#top_nav .after {
			float: right;
			background: url(../img/web_main_topnav_r.gif) no-repeat;
		}

		#top_nav a {
			color: #fff;
		}

		#top_nav li {
			margin: 0 6px 0 0;
			padding-left: 12px;
			float: left;
			background: url(../img/web_main_topnav_bullet.gif) no-repeat center left;
		}

		#top_nav li.firstchild {
			margin-left: 5px;
			padding-left: 0;
			background-image: none;
		}

		#top_nav a.selected {
			color: #2c363c;
		}


	/* ==Main Menu / Sub Menu
	--------------------------------------- */

		#hmmenu,
		#hsmenu {
			color: #2b3338;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
			margin-bottom: 20px;
		}

		#hmmenu {
			margin-top: 42px;
		}

		#main_menu,
		#sub_menu,
		.sub_menu {
			width: 842px;
			margin: 0 auto 30px;
			padding: 0 14px;
			overflow: hidden;
		}

		#main_menu li,
		#sub_menu li,
		.sub_menu li,
		.siteItem {
			height: 55px;
			margin-bottom: 2px;
			float: left;
			background: url(../img/web_main_menu_buttonbase_bg.png) repeat-x;
		}
		
		.siteItem {
			float: none;
		}

		#main_menu li {
			width: 391px;
			margin-right: 37px;
		}

		#sub_menu li,
		.sub_menu li,
		.siteItem {
			width: 254px;
			margin-right: 22px;
		}

		#main_menu .lastinrow,
		#submenu .lastinrow {
			margin-right: 0;
		}

		#main_menu li,
		#sub_menu li,
		.sub_menu li,
		.siteItem {
			cursor: pointer;
		}

		#main_menu li .before,
		#sub_menu li .before,
		.sub_menu li .before,
		.siteItem .before {
			width: 7px;
			height: 55px;
			float: left;
			margin-left: -7px;
			background: url(../img/web_main_menu_buttonbase_l.png) no-repeat;
		}

		#main_menu li .after,
		#sub_menu li .after,
		.sub_menu li .after,
		.siteItem .after {
			width: 10px;
			height: 55px;
			float: right;
			margin-right: -10px;
			background: url(../img/web_main_menu_buttonbase_r.png) no-repeat;
		}


		#main_menu li .bullet,
		#sub_menu li .bullet,
		.sub_menu li .bullet,
		.siteItem .bullet {
			width: 47px;
			height: 45px;
			margin: 4px 0 0 -3px;
			float: left;
			background: url(../img/web_main_menu_bullet_bg.png) no-repeat;
		}

		#main_menu li .bullet div,
		#sub_menu li .bullet div,
		.sub_menu li .bullet div,
		.siteItem .bullet div {
			width: 21px;
			height: 23px;
			margin: 11px 0 0 14px;
			background: url(../img/web_main_menu_bullet.png) no-repeat;
		}

		#main_menu li .txt,
		#sub_menu li .txt,
		.sub_menu li .txt,
		.siteItem .txt {
			float: left;
			height: 45px;
			margin: 4px 0 0 9px;
			background: url(../img/web_main_menu_buttontxt_bg.gif) repeat-x top left;
		}

		#main_menu li .txt {
			width: 334px;
		}

		#sub_menu li .txt,
		.sub_menu li .txt,
		.siteItem .txt {
			width: 197px;
		}

		#main_menu li .txt,
		#main_menu li .txt .before,
		#main_menu li .txt .after,
		#sub_menu li .txt,
		#sub_menu li .txt .before,
		#sub_menu li .txt .after,
		.sub_menu li .txt,
		.sub_menu li .txt .before,
		.sub_menu li .txt .after,
		.siteItem .txt,
		.siteItem .txt .before,
		.siteItem .txt .after {
			height: 45px;
		}

		#main_menu li .txt .before,
		#sub_menu li .txt .before,
		.sub_menu li .txt .before,
		.siteItem .txt .before {
			width: 7px;
			float: left;
			margin-left: -7px;
			background: url(../img/web_main_menu_buttontxt_l.gif) no-repeat top left;
		}

		#main_menu li .txt .after,
		#sub_menu li .txt .after,
		.sub_menu li .txt .after,
		.siteItem .txt .after {
			width: 8px;
			float: right;
			margin-right: -8px;
			background: url(../img/web_main_menu_buttontxt_r.png) no-repeat top left;
		}

		#main_menu li .txt p.wcaption {
			/*margin-top: 0px;*/
			line-height: 21px;
			margin-top: 1px;
		}

		#main_menu li .txt p.wcaption span {
			display: block;
			font-size: 12px;
			line-height: 28px;
		}


		#main_menu li .txt p {
			font-size: 19px;
			text-align: center;
			line-height: 45px;
		}

		#sub_menu li .txt p,
		.sub_menu li .txt p,
		.siteItem .txt p  {
			margin-left: 5px;
			line-height: 45px;
			font-size: 15px;
		}

		#sub_menu li .txt p.two_row,
		.sub_menu li .txt p.two_row,
		.siteItem .txt p.two_row {
			line-height: 17px;
			margin-top: 6px;
		}

		#main_menu li:hover .txt p,
		#sub_menu li:hover .txt p,
		.sub_menu li:hover .txt p,
		.siteItem:hover .txt p  {
			color: #17758d;
		}

		#mbutton_back {
			margin: 0 auto 15px;
		}


	/* ==Table time
	--------------------------------------- */

		#table_time {
			margin-bottom: 32px;
		}

		#table_time:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		#table_time h1 {
			font-size: 20px;
			font-weight: bold;
			display: block;
			margin: 0 auto 20px;
			text-align: center;
			color: #2b3338;
		}

		#tabletime_side {
			float: right;
		}

		.button_help {
			display: block;
			width: 208px;
			height: 27px;
			padding-top: 8px;
			background: url(../img/web_weekday_button_help.gif) no-repeat;
			text-align: center;
			font-size: 16px;
			line-height: 18px;
			font-weight: bold;
			color: #4ba7be !important;
			text-transform: uppercase;
		}

		#table_time .button_help {
			margin-top: 7px;
		}

		/* Calendar */

		#calendar {
			margin: 12px 20px 5px 5px;
			width: 198px;
			height: 150px;
			background: url(../img/totem_calendar_bg.gif) repeat-x;
		}

		#calendar .before {
			display: block;
			float: left;

			height: 150px;
			width: 13px;
			background: url(../img/totem_calendar_l.gif) no-repeat;
		}

		#calendar .after {
			display: block;
			float: right;

			height: 150px;
			width: 13px;
			background: url(../img/totem_calendar_r.gif) no-repeat;
		}

		#cinner {
			margin: 5px auto 0;
			position: relative;
			width: 186px;
		}

		#calendar h2 {
			font-size: 16px;
			padding: 5px 12px 4px 0;
			text-transform: uppercase;
			text-align: center;
		}

		#calendar .cheader {
			color: #4ba7be;
			background-color: #e2f3f7;
			border: 2px dotted #ceebf2;
			border-width: 2px 0;
			height: 13px;
			margin-bottom: 5px;
			padding: 0 10px;
			text-transform: uppercase;
		}

		#calendar .cheader li,
		#calendar .crow li {
			float: left;
			font-size: 11px;
			font-weight: bold;
			line-height: 14px;
			width: 23px;
			text-align: center;
		}

		#calendar .crow {
			height: 14px;
			padding: 0 10px;
		}

		#calendar .crow li {
			height: 14px;
		}

		#calendar li.selected {
			height: 12px;
			background-color: #4ba7be;
			border: 1px solid #95cbd9;
			border-width: 1px 0;
			line-height: 12px;
			color: #fff;
		}

		#calendar li .before {
			width: 6px;
			height: 14px;
			margin: -1px 0 0 -6px;
			background: #4ba7be url(../img/totem_calendar_selw_l.gif) no-repeat top left;
		}

		#calendar li .after {
			width: 8px;
			height: 14px;
			margin: -1px -8px 0 0;
			background: #4ba7be url(../img/totem_calendar_selw_r.gif) no-repeat top right;
		}

		/* Calendar END */

		/* Week selector */

		#weekNav {
			width: 208px;
			margin: 5px 10px 0 0;
		}

		.week_bttn {
			display: block;
			width: 67px;
			height: 36px;
			padding-top: 6px;
			text-transform: uppercase;
			font-size: 12px;
			font-weight: bold;
		}

		.week_bttn:link,
		.week_bttn:visited {
			color: #fff;
			text-decoration: none;
		}

		#weeksel_perv {
			float: left;
			padding-left: 37px;
			background: url(../img/web_week_perv.png) no-repeat;
		}

		#weeksel_next {
			float: left;
			padding-right: 37px;
			text-align: right;
			background: url(../img/web_week_next.png) no-repeat;
		}

		#weekNav em {
			display: block;
			margin: 8px auto 5px;
			text-transform: uppercase;
			font-size: 12px;
			font-style: normal;
			font-weight: bold;
			color: #0d4654;
			text-align: center;
		}

		#weekinfo {
			width: 188px;
			height: 65px;
			padding-top: 9px;
			margin: 8px 0 9px 10px;
			background: url(../img/web_weekinfobox_bg.gif) repeat-x;
			text-align: center;
			color: #fff;
			font-size: 16px;
			font-weight: bold;
		}

		#weekinfo .before {
			display: block;
			float: left;
			width: 10px;
			height: 74px;
			margin: -9px 0 0 -10px;
			background: url(../img/web_weekinfobox_l.png) no-repeat;
		}

		#weekinfo .after {
			display: block;
			float: right;
			width: 10px;
			height: 74px;
			margin: -9px -10px 0 0;
			background: url(../img/web_weekinfobox_r.png) no-repeat;
		}

		#weekinfo_arrow {
			display: block;
			width: 22px;
			height: 17px;
			margin: 6px auto 0;
			background: url(../img/web_weekinfobox_arrow.gif) no-repeat;
		}

		/* Week selector END */

		/* Timetable */
		
		.infobox {
			margin: 7px 0 7px 15px;
			background: #ddd;
			padding: 10px;
			width: 597px;
			float: left;
			text-align: center;
		}
		
		.notime {
			color: red;
			font-weight: bold;
			font-size: 16px;
			margin-top: 0;
		}

		#weekday_bars {
			float: left;
		}

		.weekday_bar {
			clear: both;
			height: 50px;
			width: 596px;
			margin: 0 0 7px 26px;
			position: relative;
			background: #d9dbdd url(../img/web_weekday_bar_bg.gif) repeat-x 0 19px;
		}

		.weekday_bar .before,
		.weekday_bar .after {
			display: block;
			height: 50px;
			width: 10px;
		}

		.weekday_bar .before {
			float: left;
			margin-left: -10px;
			background: url(../img/web_weekday_bar_l.png) no-repeat;
		}

		.wb_disabled .before {
			background-image: url(../img/web_weekday_bardis_l.png)
		}

		.weekday_bar .after {
			float: right;
			margin-right: -10px;
			background: url(../img/web_weekday_bar_r.png) no-repeat;
		}

		.wb_disabled .after {
			background-image: url(../img/web_weekday_bardis_r.png)
		}

		.wb_disabled .dis_layer {
			position: absolute;
			top: 0;
			left: 0;
			height: 50px;
			width: 596px;
			opacity: 0.8;
			background-color: gray;
		}

		.weekday {
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			line-height: 21px;
			display: block;
			padding-top: 1px;
			height: 18px;
			margin-left: 2px;
		}

		.weekday em {
			color: #4ba7be;
			font-style: normal;
		}

		.weekday_bar .freebar {
			height: 29px;
			position: relative;
		}

		.weekday_bar .freeblocks li,
		.weekday_bar .freebar a {
			display: block;
			height: 29px;
			position: absolute;
			top: 0;
			background: url(../img/web_weekday_bar_free_bg.gif) repeat-x;
		}

		.weekday_bar .freebar a {
			background-image: none;
			outline: 0;
		}

		.weekday_bar .openhours {
			position: absolute;
			height: 29px;
			width: 596px;
			overflow: hidden;
			top: 0;

			font-size: 12px;
			font-weight: bold;
		}

		.weekday_bar .openhours li {
			display: block;
			float: left;
			height: 29px;
			line-height: 29px;
			color: #fff;
			border-right: 2px dotted #adb2b5;
			text-align: center;
		}

		.weekday_bar .openhours .first {
			border-left: 2px dotted #adb2b5;
		}

		/* Timetable END */

		/* FineTune Box */

		#shadow_layer {
			display: none;
			width: 100%;
			height: 100%;
			padding-top: 13px;
			position: absolute;
			top: 0;
			left: 0;
			background-color: #666;
			opacity: 0;
		}

		#ftb_cover {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			display: none;
		}

		#fine_tune_box {
			display: none;
			margin: 100px auto 0;
			width: 496px;
			padding: 0 10px 20px;
			/* min-height: 329px; */
			opacity: 0.4;
			background: #fff url(../img/web_finetuneb_bg_simp.gif) repeat-x 0 100%;
			border: 2px solid #4ea6bc;
		}

		#fine_tune_box .before {
			display: block;
			display: none;
			float: left;
			margin-left: -10px;
			width: 10px;
			height: 329px;
			background: url(../img/web_finetuneb_l.png) no-repeat;
		}

		#fine_tune_box .after {
			display: block;
			display: none;
			float: right;
			margin-right: -10px;
			width: 10px;
			height: 329px;
			background: url(../img/web_finetuneb_r.png) no-repeat;
		}

		#ftbox_body h1,
		#ftbox_success h1,
		#ftbox_error h1,
		#ftbox_ctinfo h1 {
			color: #2b3338;
			font-size: 17px;
			text-align: center;
			padding-top: 24px;
		}

		#ftbox_body .timeinfo {
			width: 459px;
			height: 66px;
			background-color: #e1e2e3;
			margin: 18px auto 0;
			text-align: center;
			padding-top: 8px;
			line-height: 28px;
		}

		#ftbox_body .timeinfo .before {
			display: block;
			float: left;
			width: 10px;
			height: 105px;
			margin: -8px;
			background: url(../img/web_finetuneb_info_l.gif) no-repeat;
		}

		#ftbox_body .timeinfo .after {
			display: block;
			float: right;
			width: 10px;
			height: 105px;
			margin-top: -8px;
			background: url(../img/web_finetuneb_info_r.gif) no-repeat;
		}

		.timeinfo span {
			font-size: 23px;
			font-weight: bold;
			color: #2d363b;
		}

		.timeinfo em {
			font-style: normal;
			color: #4ba7be;
		}

		#scale {
			margin-top: 20px;
			height: 18px;
		}

		#scale_start {
			display: block;
			float: left;
			margin-left: -5px;
		}

		#scale_end {
			display: block;
			float: right;
			margin-right: -5px;
		}

		#timebar {
			width: 464px;
			height: 28px;
			margin: 0 auto;
			background: url(../img/web_finetuneb_bar_bg.gif) repeat-x;
			position: relative;
			overflow: hidden;
		}
		
		#captcha_wrp {
			margin: 15px 0;
			text-align: center;
		}
		
		#control_wrp {
			margin-top: 15px;
			clear: both;
		}

		#security {
			vertical-align: middle;
		}

		#timebar .before {
			display: block;
			float: left;
			position: relative;
			width: 9px;
			height: 28px;
			margin: 0;
			background: url(../img/web_finetuneb_bar_l.gif) no-repeat top left;
		}

		#timebar .after {
			display: block;
			float: right;
			position: relative;
			width: 9px;
			height: 28px;
			margin: 0;
			background: url(../img/web_finetuneb_bar_r.gif) no-repeat top left;
		}

		#slidebar {
			height: 28px;
			position: absolute;
			top: 0;
			background: url(../img/web_finetuneb_bar_free_bg.gif) repeat-x;
		}

		#timebar ul {
			position: absolute;
			top: 2px;
			left: 0;
			width: 653px;
		}

		#timebar li {
			display: block;
			float: left;
			height: 24px;
			width: 25px;
			border-left: 2px dotted #adb2b5;
		}

		#timebar li.first {
			border: 0;
			padding-left: 2px;
		}

		#timebar a {
			display: block;
			position: absolute;
			top: 2px;
			height: 24px;
		}

		.time_bttn {
			height: 34px;

			padding-top: 12px;
			margin-bottom: 10px;

			display: block;
			float: left;

			text-decoration: none;
			font-size: 10px;
			line-height: 11px;
			color: #2d363b;
			font-weight: bold;
		}

		a.time_bttn:link,
		a.time_bttn:visited {
			color: #2d363b;
			text-decoration: none;
		}

		.time_bttn span {
			font-size: 13px;
		}

		#ftb_perv_time {
			width: 41px;
			margin-left: 17px;
			padding-left: 49px;
			background: url(../img/web_finetuneb_bttn_perv.gif) no-repeat;
		}

		#ftb_next_time {
			width: 71px;
			margin-left: 21px;
			padding-left: 19px;
			background: url(../img/web_finetuneb_bttn_next.gif) no-repeat;
		}

		#ftb_submit_bttn,
		#ftb_error_bttn {
			display: block;
			width: 249px;
			height: 34px;
			text-align: center;
			font-size: 22px;
			line-height: 24px;
			color: #fff !important;
			padding-top: 12px;
			text-transform: uppercase;
		}

		#ftb_submit_bttn {
			margin: 0 0 0 21px;
			float: left;
			background: url(../img/web_finetuneb_bttn_submit.png) no-repeat;
		}

		#ftb_error_bttn {
			margin: 0 128px 0;
			clear: both;
			background: url(../img/web_finetuneb_bttn_cancel.png) no-repeat;
		}

		#ftbox_success,
		#ftbox_error,
		#ftbox_ctinfo {
			display: none;
			text-align: center;
		}

		#ftbox_success img,
		#ftbox_error img {
			margin-top: 16px;
		}

		#ftbox_success .infobox,
		#ftbox_error .infobox {
			width: 439px;
			/* height: 147px; */
			margin: 12px auto 0;
		}

		#ftbox_ctinfo_msg {
			margin: 12px auto 0;
			width: 439px;
			height: 184px;
			padding: 10px;
			overflow: auto;
			background-color: #dedfe0;
			text-align: left;
		}

		#ftbox_success .infobox {
			/* background: #dedfe0 url(../img/web_finetuneb_infob_success.gif) no-repeat center center; */
			background-color: #dedfe0;
		}

		#ftbox_error .infobox {
			background: #dedfe0 url(../img/web_finetuneb_infob_error.gif) no-repeat 50% 15px;
		}

		#ftbox_success .infobox .before,
		#ftbox_error .infobox .before,
		#ftbox_success .infobox .after,
		#ftbox_error .infobox .after {
			display: block;
			width: 10px;
			height: 147px;
		}

		#ftbox_success .infobox .before,
		#ftbox_error .infobox .before {
			float: left;
			margin-left: -10px;
			background: url(../img/web_finetuneb_infob_l.gif) no-repeat;
		}

		#ftbox_success .infobox .after,
		#ftbox_error .infobox .after {
			float: right;
			margin-right: -10px;
			background: url(../img/web_finetuneb_infob_r.gif) no-repeat;
		}

		#ftbox_error #error_str {
			color: red;
			font-weight: bold;
			padding-top: 65px;
		}

		#ftbox_success input,
		#ftbox_error input {
			font-size: 24px;
			padding: 10px;
		}

		#ftbox_success h1 span {
			color: green;
		}

		#ftbox_success_msg {
			display: block;
			text-align: left;
			font-size: 12px;
			line-height: 17px;
			width: 457px;
			padding-top: 15px;
		}

		#ftbox_success_msg em {
			color: #247e95;
			font-weight: bold;
			font-size: 15px;
		}

		#ftbox_success_msg span {
			font-weight: bold;
			font-size: 15px;
		}
		
		#ftbox_error h1 span {
			color: red;
		}

		.ok_button {
			display: block;
			width: 111px;
			height: 26px;
			padding: 9px 39px 0 0;
			text-align: center;
			color: #fff !important;
			font-size: 16px;
			line-height: 18px;
			text-transform: uppercase;
			margin: 10px auto 0;
			background: url(../img/web_button_ok.png) no-repeat top left;
		}

		/* FineTune Box END */


	/* ==Filter
	--------------------------------------- */

		#filter .button_help {
			margin-left: auto;
			margin-right: auto;
		}

		/* Filter Options */

		#filter_options_web {
			float: left;
			/* margin: 0 22px 75px 43px; */
			margin: 13px 22px 75px 43px;
		}

		#filter_options_head,
		#filter_options_foot {
			height: 34px;
			width: 432px;
			margin: 0 17px;
			background-color: #c8c8c8;
		}

		#filter_options_head .before,
		#filter_options_head .after,
		#filter_options_foot .before,
		#filter_options_foot .after {
			width: 17px;
			height: 34px;
		}

		#filter_options_head .before,
		#filter_options_foot .before {
			float: left;
			margin-left: -17px;
			background: url(../img/totem_custinput_win_tl.png) no-repeat;
		}

		#filter_options_head .after,
		#filter_options_foot .after {
			float: right;
			margin-right: -17px;
			background: url(../img/totem_custinput_win_tr.png) no-repeat;
		}

		#filter_options_foot .before {
			background: url(../img/web_custinput_option_bl.png) no-repeat 0% 100%;
		}

		#filter_options_foot .after {
			background: url(../img/web_custinput_option_br.png) no-repeat 0% 100%;
		}

		#filter_options {
			border: 2px solid #c8c8c8;
			border-width: 0 2px;
		}

		#filter_options img {
			display: block;
			float: left;
			margin: -19px 20px 0 0;
			padding: 5px;
			width: 46px;
			height: 46px;
			background: url(../img/web_ctfilter_option_frame.gif) no-repeat;
		}

		#filter_options .row2 img {
		}

		#filter_options a {
			text-decoration: none;
			font-size: 16px;
			color: #000;
			display: block;
			height: 41px;
			width: 440px;
			padding: 25px 1px 1px 21px;
			outline: 0;
		}

		#filter_options .row2 a {
		}

		#filter_options a:hover,
		#filter_options a.focus {
			color: #3899b1;
			padding: 24px 0 0 20px;
			border: 1px solid #4ba7be;
			background: url(../img/totem_ctfilter_option_bullet.gif) no-repeat 0% 50%;
		}

		#option_help {
			float: right;
			/* margin: 63px 91px 0 0 !important; */
			margin: 13px 91px 0 0 !important;
		}

		#filter_o_submit {
			float: right;
			margin: 31px 76px 0 0;
			background: url(../img/web_button_forward.png) no-repeat;
		}

		#filter_o_cancel {
			float: right;
			margin: 14px 76px 0 0;
			background: url(../img/web_main_custinp_button_cancel.png) no-repeat;
		}

		#filter_latest {
			width: 322px;
			height: 55px;
			margin: 34px 36px 0 0;
			float: right;
			background: url(../img/web_button_latest.png) no-repeat;
		}

		/* Keyboard num */

		#filter em {
			display: block;
			margin: 50px 0 0;
			color: #4ba7be;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
		}

		#keyboard_num {
			width: 183px;
			margin: 30px auto 50px;
		}

		#keyboard_num li {
			margin: 0 5px 4px 0;
			float: left;
		}

		#keyboard_num a {
			display: block;
			width: 56px;
			height: 56px;
			background-repeat: no-repeat;
			background-position: 0% 0%;
			outline: 0;
		}

		#keyboard_num a:hover,
		#keyboard_num a.focus {
			background-position: 0% 100%;
		}

		/* Keys */

		#key_0 a {
			background-image: url(../img/totem_key_0.png);
		}

		#key_1 a {
			background-image: url(../img/totem_key_1.png);
		}

		#key_2 a {
			background-image: url(../img/totem_key_2.png);
		}

		#key_3 a {
			background-image: url(../img/totem_key_3.png);
		}

		#key_4 a {
			background-image: url(../img/totem_key_4.png);
		}

		#key_5 a {
			background-image: url(../img/totem_key_5.png);
		}

		#key_6 a {
			background-image: url(../img/totem_key_6.png);
		}

		#key_7 a {
			background-image: url(../img/totem_key_7.png);
		}

		#key_8 a {
			background-image: url(../img/totem_key_8.png);
		}

		#key_9 a {
			background-image: url(../img/totem_key_9.png);
		}

		/* Filter Win */

		#fltr_input_text_win {
			margin: 30px auto 0;
			width: 496px;
			padding-bottom: 12px;
			background: url(../img/web_custinput_win_b.png) no-repeat bottom left;
		}

		#fltr_input_text_win h2,
		#fltr_input_num_win h2 {
			font-size: 15px;
			text-align: center;
			color: #fff;
			height: 50px;
			margin: 0 17px;
			line-height: 50px;
			background-color: #c8c8c8;
		}

		#fltr_input_text_win .before,
		#fltr_input_text_win .after {
			width: 17px;
			height: 50px;
		}

		#fltr_input_text_win .before {
			float: left;
			margin-left: -17px;
			background: url(../img/totem_custinput_win_tl.png) no-repeat;
		}

		#fltr_input_text_win .after {
			float: right;
			margin-right: -17px;
			background: url(../img/totem_custinput_win_tr.png) no-repeat;
		}

		#fltr_input_text_win div {
			border: 1px solid #c8c8c8;
			border-width: 0 2px;
			background: #fff;
			padding: 11px 14px 0;
			height: 51px;
		}

		#filter_web_input {
			width: 462px;
			height: 19px;
			border: 1px solid #22788e;
			margin-bottom: 10px;
			text-align: center;
			padding: 2px 0;
		}

		#fltr_input_text_win div p {
			text-align: center;
			text-transform: uppercase;
			color: #c8c8c8;
			font-size: 13px;
		}
		
		
		/* Filter LotOptions */

		#keyboard_lotoption {
			display: none;
		}

		#lotoptions {
			position: relative;
		}

		#lotoptions ul {
			width: 722px;
			margin: 20px auto 0px;
			font-weight: bold;
		}

		#lotoptions ul ul {
			margin: 0;
			width: auto;
		}

		#darrow_u,
		#darrow_d,
		#arrow_u,
		#arrow_d {
			position: absolute;
			margin: 0;
			background-repeat: no-repeat;
		}

		#darrow_u,
		#darrow_d {
			width: 31px;
			height: 43px;
		}

		#darrow_u {
			top: 3px;
			right: 0;
			background-image: url(../img/totem_ctfilter_option_darrow_u.gif);
		}

		#darrow_d {
			top: 3px;
			right: 0;
			background-image: url(../img/totem_ctfilter_option_darrow_d.gif);
		}

		#arrow_u,
		#arrow_d {
			width: 54px;
			height: 54px;
		}

		#arrow_u {
			top: 58px;
			right: 94px;
			background-image: url(../img/totem_ctfilter_option_arrow_u.png);
		}

		#arrow_d {
			top: 120px;
			right: 94px;
			background-image: url(../img/totem_ctfilter_option_arrow_d.png);
		}

		#lotoptions li {
			font-size: 22px;
		}

		#lotoptions ul ul li {
			padding-left: 18px;
			line-height: 44px;
			height: 44px;
			color: #bdb6b6;
		}

		#lotoptions #lotoption_list {
			height: 132px;
			overflow: hidden;
			border: 1px solid #c8c8c8;
			border-width: 0 2px;
		}

		#lotoptions li.selected {
			color: #338da3;
			background: #fff url(../img/totem_ctfilter_option_bullet.gif) no-repeat 0% 50%;
		}

		#lotoptions > ul > li:first-child,
		#lotoptions > ul > li:last-child {
			background: #c8c8c8;
			margin: 0 17px;
			position: relative;
			line-height: 50px;
			height: 50px;
			color: #fff;
		}

		#lotoptions li:first-child .before,
		#lotoptions li:first-child .after,
		#lotoptions li:last-child .before,
		#lotoptions li:last-child .after {
			display: block;
			width: 17px;
			height: 50px;
		}

		#lotoptions li:first-child .before {
			float: left;
			margin-left: -17px;
			background: url(../img/totem_custinput_win_tl.png) no-repeat;
		}

		#lotoptions li:first-child .after {
			float: right;
			margin-right: -17px;
			background: url(../img/totem_custinput_win_tr.png) no-repeat;
		}

		#lotoptions li:last-child .before {
			float: left;
			margin-left: -17px;
			background: url(../img/web_custinput_option_bl.png) no-repeat 0% 100%;
		}

		#lotoptions li:last-child .after {
			float: right;
			margin-right: -17px;
			background: url(../img/web_custinput_option_br.png) no-repeat 0% 100%;
		}

		#lotoptions q:before,
		#lotoptions q:after {
			content: "";
		}



		/* Bottom Buttons */

		#filter_submit,
		#filter_cancel {
			margin: 50px 28px 100px 22px;
		}

		#filter_submit {
			margin-left: 185px;
			background: url(../img/web_button_forward.png) no-repeat;
		}

		#filter_cancel {
			background: url(../img/web_main_custinp_button_cancel.png) no-repeat;
		}


	/* ==Customer Input
	--------------------------------------- */


		#customer_input {
			margin-bottom: 32px;
		}

		#customer_input h1,
		#filter h1 {
			font-size: 20px;
			font-weight: bold;
			display: block;
			margin: 0 auto 20px;
			text-align: center;
			color: #2b3338;
		}

		#customer_input .button_help {
			margin: 25px auto 0;
		}

		.input_panel {
			margin: 20px auto 28px;
			width: 374px;
			background-color: #4ba7be;
			padding-bottom: 9px;
			position: relative;
		}

		.input_panel.odd,
		.input_panel.even {
			float: left;
		}

		.input_panel.odd {
			clear: left;
			margin-left: 65px;
			margin-right: 23px;
		}

		.input_panel .before {
			display: block;
			width: 374px;
			height: 6px;
			position: absolute;
			top: -6px;
			left: 0;
			background: url(../img/web_main_custinp_panel_inp_t.png) no-repeat;
		}

		.input_panel .after {
			display: block;
			width: 374px;
			height: 6px;
			position: absolute;
			bottom: -6px;
			left: 0;
			background: url(../img/web_main_custinp_panel_inp_b.png) no-repeat;
		}

		.input_panel h2 {
			height: 38px;
			line-height: 32px;
			background-color: #3591a8;
			text-align: center;
			color: #fff;
			font-size: 18px;
			margin-bottom: 15px;
		}

		.input_panel label {
			display: block;
			width: 121px;
			padding: 0 10px;
			color: #fff;
			font-size: 13px;
			line-height: 27px;
			text-align: right;
			text-transform: uppercase;
			font-weight: bold;
			float: left;
			clear: left;
		}

		.input_panel input {
			border: 1px solid #22788e;
			width: 217px;
			height: 17px;
			float: left;
			margin-top: 3px;
		}

		#input_checkb {
			position: relative;
			clear: both;
			width: 599px;
			padding: 5px 5px 6px 33px;
			margin: 7px auto 8px;
			background: url(../img/web_main_custinp_panel_checkb_bg.png) repeat-y;
		}

		#input_checkb .before,
		#input_checkb .after {
			display: block;
			position: absolute;
			left: 0;
			width: 637px;
		}

		#input_checkb .before {
			top: -7px;
			height: 7px;
			background: url(../img/web_main_custinp_panel_checkb_t.png) no-repeat;
		}

		#input_checkb .after {
			height: 8px;
			bottom: -8px;
			background: url(../img/web_main_custinp_panel_checkb_b.png) no-repeat;
		}

		#input_checkb h2 {
			color: #4ba7be;
			font-size: 17px;
			float: left;
		}

		#input_checkb label {
			color: #2b3338;
			font-weight: bold;
			font-size: 13px;
			display: block;
			float: left;
			margin-left: 17px;
		}

		#input_checkb input {
			margin-right: 15px;
			border: 1px solid #265886;
			color: #0d990d;
		}

		button  {
			width: 238px;
			height: 56px;
			margin-top: 21px;
			float: left;
			cursor: pointer;
			border-width: 0;
		}

		#custinp_submit {
			float: none;
			display: block;
			margin: 21px auto;
			color: #fff;
			font-size: 24px;
			line-height: 26px;
			padding: 15px 66px 0 0;
			width: 172px;
			height: 41px;
			text-align: center;
			text-transform: uppercase;
			background: url(../img/web_button_forward.png) no-repeat;
		}

		#custinp_cancel {
			background: url(../img/web_main_custinp_button_cancel.png) no-repeat;
		}

		/* ==Web Car Search
		--------------------------------------- */
		
		.webcarsearch {
			min-height: 337px;
		}

		.webcarsearch .searchbox {
			width: 691px;
			clear: both;
			padding: 25px 7px 25px 55px;
			margin: 10px auto;
			position: relative;
			background: url(../img/manage_wssum_graph_bg.gif) repeat-y;
		}

		.webcarsearch .searchbox:after {
		    content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		}

		.webcarsearch .searchbox .before,
		.webcarsearch .searchbox .after {
			display: block;
			position: absolute;
			width: 754px;
			height: 14px;
			background-repeat: no-repeat;
		}

		.webcarsearch .searchbox .before {
			top: 0;
			left: 0;
			background-image: url(../img/manage_wssum_graph_t.gif);
		}

		.webcarsearch .searchbox .after {
			bottom: 0;
			left: 0;
			background-image: url(../img/manage_wssum_graph_b.gif);
		}
		
		.webcarsearch .searchbox label {
			float: left;
			margin-right: 20px;
		}
		
		.webcarsearch .searchbox br {
			display:  none;
		}
		
		.webcarsearch .searchbox label br {
			display: block;
		}
		
		.webcarsearch .searchbox .check {
			margin-top: 15px;
			clear: both;
		}
		
		.textbutton_green {
	        margin-top: 10px;
	        margin-left: 15px;
	        display: block;
	        height: 27px;
	        float: left;
	        background: url(../img/textbutton_green_right.gif) no-repeat 100% 0;
	        font: bold 12px/27px "Trebuchet MS",Verdana,serif;
	        color: #fff;
	        text-decoration: none;
	        text-align: center;
		}
		
		.textbutton_green:hover {
		        color: #fff;
		        text-decoration: none;
		}

		.textbutton_green:visited {
		        color: #fff;
		        text-decoration: none;
		}

		.textbutton_green span {
		        display: block;
		        padding: 0 20px;
		        background: url(../img/textbutton_green_left.gif) no-repeat;
		}
		
		.webcarsearch .searchbox .textbutton_green {
			position: absolute;
			top: 26px;
			left: 550px;
		}
		
		.webcarsearch #sites {
			clear: left;
			float: left;
			width: 290px;
			margin: 15px 15px 15px 83px;
		}
		
		.webcarsearch #sites strong {		
			margin-bottom: 2px;
			font-size: 14px;
			line-height: 16px;
			display: block;
		}
		
		.webcarsearch #site {
			display: none;
			width: 380px;
			float: left;
			margin: 15px 0;
			padding: 25px;
			background: #fff;
			border:  1px solid #96ccda;
		}
		
		.webcarsearch #site dl {
			font-size: 13px;
			line-height: 15px;
		}

		.webcarsearch #site dt {
			font-weight: bold;
		}
		
		.webcarsearch #site dt,
		.webcarsearch #site dd {
			display: inline;
		}

		.webcarsearch #site a {
			color: #17758d;
		}
		
		.webcarsearch #site a:hover {
			text-decoration: underline;
		}
		
		.webcarsearch h3 {
			font-size: 14px;
			line-height: 16px;
			margin-bottom: 5px;
			font-weight: bold;
		}
		
		.webcarsearch #site li {
			position: relative;
			min-height: 22px;
			line-height: 22px;
			padding-left: 28px;
			margin-bottom: 3px;
			background: url(../img/ico_time.gif) no-repeat 0 50%;
		}
		
/* =Footer
--------------------------------------- */

	#footer {
		clear: both;
		height: 22px;
		background: #262829 url(../img/web_footer_grad.gif) repeat-x;

		line-height: 22px;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}

	#footer .before,
	#footer .after {
		height: 22px;
		width: 20px;
	}

	#footer .before {
		background: #262829 url(../img/web_footer_l.gif) no-repeat;
		float: left;
	}

	#footer .after {
		background: #262829 url(../img/web_footer_r.gif) no-repeat;
		float: right;
	}
	
	#footer a {
		color: #fff;
	}

	#bottom_grad {
		height: 67px;
		background: #2f383d url(../img/web_bottom_grad.gif) repeat-x;
	}