/*
 * File: style.css
 * Type: CSS File
 *
 * Author:
 * Extreme Web Technologies
 * P. O. Box 14001, Dar Es Salaam, Tanzania
 * Tel: +255 784 870811, +255 744 803887
 * Email: info@extremewebtechnologies.com
 * Website: www.extremewebtechnologies.com
 */

/* Body Styles */ 

body { 
	margin:0; 
	padding:0; 
	background-color:#20292E;
}
form { 
	margin:0; 
	padding:0; 
}
body,td,th {
	font-family: Verdana;
	font-size: 11px;
	color: #646464;	
}

td,th {
	text-align: left;
}

#siteframe {
	background:url(/images/body_bg.gif) top repeat-x;
}

#sitebody {
	width:1000px;
}

/* Links / Other Styles */ 
a { 
	color: #377DC8; 
	text-decoration: underline;
}
a:hover { 
	color: #377DC8; 
	text-decoration: none;
}

.red_link {
	color: #E00000;
	text-decoration: none;
}
.red_link:hover {
	color: #E00000;
	text-decoration: underline;
}

strong a { 
	color: #377DC8; 
	text-decoration: underline; 
}
strong a:hover { 
	color: #377DC8; 
	text-decoration: none; 
}
.red {
	color: #E00000;
}

/* Headings Styles */ 

.print_title {
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

h1 {
	font-size: 12pt;
	color: #E00000 /* #DF6326*/;
	font-weight: bold;
	font-family: Arial;
}

.h1_img {
	font-size: 12pt;
	color: #e61e02;
	font-weight: bold;
	font-family: Arial;
	margin: 0;
}

h2 { 
	font-size: 13px;
}

.alert {
	color: #E00000;
}

.heading {
	font-size: 14px;
	font-weight:bold;
	text-align:right;
}

/* Header and Footer Styles */ 

#header {
	height: 93px;
	background:url(/images/banners/small.jpg) top left no-repeat;
}
/*
#header {
	height: 178px;
	background:url(/images/top_bg_general.jpg) top left no-repeat;
}
*/

#header_vehicles {
	height: 178px;
	background:url(/images/top_bg_vehicles.jpg) top left no-repeat;
}

#header_services {
	height: 178px;
	background:url(/images/top_bg_services.jpg) top left no-repeat;
}

#header_rates {
	height: 178px;
	background:url(/images/top_bg_contact.jpg) top left no-repeat;
}

#header_contact {
	height: 178px;
	background:url(/images/top_bg_contact.jpg) top left no-repeat;
}

#header_guide {
	height: 178px;
	background:url(/images/top_bg_guide.jpg) top left no-repeat;
}

/*
.header_logo {
	margin-top: 44px;
	margin-left: 19px;
}
*/
.header_logo {
	margin-left: 19px;
}
.top_links {
	margin-right: 25px;
	margin-top: 20px;
}
.top_links a, .top_links a:link, .top_links a:active {
	font-weight: bold;
	text-decoration: none;
	color: #282425;
}
.top_links a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #f26522;
}

#content {
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
}

#footer {
	font-size:9px;
	color:#000000; 
	font-weight: bold;
	text-decoration:none; 
	text-transform:uppercase; 
	padding-bottom: 5px;
	border-top: 2px solid #888888;
}

.footer_divider {
	background:url(/images/cen_bot_bg.gif) bottom repeat-x;
}

.footer_cell {
	background:url(/images/bot_bg.jpg) bottom left no-repeat #FFFFFF;
}

#footer a {
	color:#A5A5A5; 
	text-decoration:underline; 
	text-transform:uppercase; 
}

#footer a:hover {
	text-decoration:none;
}

/* Table Styles */ 

.table_layout {
	border: 1px solid #0A367F; 
	background-color: #FFFFFF;
}

.table {
	border-collapse: collapse;
}

.contract td, .contract th {
	font-size: 10px;
}

.header_row {
	background-color: #2C3289;
	font-weight: bold;
	color: #FFFFFF;
}

.alternate_row_1 {
	background-color: #FFFFFF;
}

.alternate_row_2 {
	background-color: #EEEEEE;
}

/* Miscellanneous Styles */ 

.message {
	background-color: #EEEEEE; 
	color: #FF0000; 
	font-weight: bold; 
	border: 1px solid #FF0000;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: justify;
}

.message2 {
	background-color: #EEEEEE; 
	color: #FF0000; 
	font-weight: bold; 
	border: 1px solid #FF0000;
	text-align: justify;
}

.message_green {
	background-color: #EEEEEE; 
	color: #66CC00; 
	font-weight: bold; 
	border: 1px solid #66CC00;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: justify;
}

.required {
	color: #FF0000; 
}

/***** */
.r1 ul { margin:0; padding:0; list-style:none;}
.r1 li a {line-height:13px; color:#377DC8; text-decoration:underline; font-weight:normal; background-position:left center;}
.r1 li a:hover { text-decoration:none; color:#377DC8;}
.r2 ul { margin:0; padding:0; list-style:none;}
.r2 li a {line-height:18px; color:#377DC8; text-decoration:underline; font-weight:normal; background-position:left center;}
.r2 li a:hover { text-decoration:none; color:#377DC8;}


input, select, textarea{ color:#646464; font-family:tahoma; font-size:11px; }

.kn a{font-size:8px; line-height:13px; color:#363636; vertical-align:top; text-align:left; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
.kn a:hover{ text-decoration:underline}

.form td input{ 
	width:177px; 
	background-color:#DEDEDE; 
	padding:1px 0 1px 6px; 
	color:#DF6326; 
	font-weight:bold; 
	font-family:tahoma; 
	font-size:11px; 
	border:0; 
	margin:0;
}
.form td textarea { 
	width:177px; 
	background-color:#DEDEDE; 
	padding:1px 0 1px 6px; 
	color:#DF6326; 
	font-weight:bold; 
	font-family:tahoma; 
	font-size:11px; 
	overflow:auto; 
	border:0; 
	margin:0; 
}

.input_nostyle {
	padding: 0px; 
}

.line {
	margin:15px 0 10px 0;
}

.inside_content {
	 padding-left: 20px;
}

.inside_content_right {
	 padding-right: 10px;
}

.left_table_0 {
	background:url(/images/w_bgr.jpg) repeat-y; 
	height:100%;
}

.left_table_1 {
	background:url(/images/w_top.jpg) top no-repeat; 
	width:319px; 
	height:100%;
}

.left_table_2 {
	background:url(/images/w_bot.jpg) bottom no-repeat; 
	height:408px;
}

.height_100 {
	height:100%;
}

.user_info {
	padding-left: 5px;
	padding-top: 5px; 
	padding-bottom: 5px;
	padding-right: 5px;
}

.status_cancelled {
	background-color: #DF6326;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align:center;
}
.status_complete {
	background-color: #2F832B;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align:center;
}
.status_pending {
	background-color: #FFFF72;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	text-align:center;
}
.highlight {
	background-color: #FFFF72;
}
.highlight_border {
	color: #2A2A2A; 
	font-weight: bold; 
	border: 1px solid #f3cb2b;
}
.highlight_padding {
	padding: 5px;
}
.transfers {
	font-weight:normal; margin-top: 5px; padding: 5px; padding-top: 0px;
}

/* TOP BUTTONS */
.top_buttons {
	background-color: #EEEEEE;
	font-weight: bold;
	font-size: 9px;
}
.top_buttons td a {
	text-decoration: none;
}
.top_buttons td a:hover {
	text-decoration: underline;
}
.top_buttons td {
	font-size: 9px;
}
.top_button_1 {
	border-left: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}
.top_button_2 {
	border-left: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}
.top_button_3 {
	border-left: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}
.top_button_4 {
	border-left: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
}
.top_button_info {
	background-color: #FFFFFF;
}
#top_orange {
	height: 5px;
	background-color: #fb5a0e;
}
.login_box {
	border: 1px solid #D8D8D8;
	background-color: #FFFFFF;
}
.box_border {
	border: 1px solid #D8D8D8;
}
/* Price Boxes */
.price_box {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.price_row_1 {
	/* background-color: #ef6524;  
	color: #FFFFFF; */
	color: #000000;
	font-size: 9px;
	font-weight: bold;
}
.price_row_2 {
	/* background-color: #D8D8D8; */
	color: #000000;
	font-size: 9px;
	font-weight: bold;
}
.price_title {
	color: #000000;
	font-size: 9px;
	font-weight: bold;
}
.price_link {
	color: #E00000;
	text-decoration: none;
	font-size: 9px;
	font-weight:bold;
	text-transform:uppercase;
}
.price_link:hover {
	color: #E00000;
	text-decoration: underline;
	font-size: 9px;
	font-weight:bold;
	text-transform:uppercase;
}
.rate_title {
	color: #008cba;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
}
/* Guide */
.guide_title {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}
.guide_info {
	font-size: 10px;
	text-align: justify;
	line-height: 14px;
}
/* Rates */
.rates_title {
	color: #FFFFFF;
	background-color: #E00000;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	vertical-align: middle;
}
.rates_row {
	font-size: 10px;
	height: 25px;
	vertical-align: middle;
}
.rates_row_2 {
	font-size: 10px;
	border-bottom: 1px solid #D8D8D8;
	height: 25px;
	vertical-align: middle;
}

/* NEW DESIGN */

.c_text { color:#4c4646; font-family:Arial; font-size:11px; line-height:17px; font-weight:bold; }
.c_text a{ color:#4c4646 ; font-weight:bold;}
.c_text span {color:#4c4646;}
.c_text span a{color:#4c4646;}

table {border-collapse:collapse; border:0px;}

td { vertical-align:top; padding:0px;}

.box_border_outside {
	width:288px;
	background:url(/images/border.gif) right repeat-y
}

.box_border_inside {
	background:url(/images/border.gif) left repeat-y;
}

.box_border_bottom {
	background:url(/images/border.gif) bottom repeat-x;
	height:1px;
}

.box_border_outside2 {
	width:178px;
	background:url(/images/border.gif) right repeat-y
}

.box_border_inside2 {
	background:url(/images/border.gif) left repeat-y;
}

.box_border_bottom2 {
	background:url(/images/border.gif) bottom repeat-x;
	height:1px;
}

.form_text {color:#666666; font-size:12px; line-height:13px}
.form_text strong{color:#333333;}

.form_text2 td{color:#666666;}
.form_text2 strong{color:#333333;}
.form_text2 a{color:#F43729;}


.read_more { color:#0099CC; font-weight:bold; text-decoration:none}
.read_more:hover{ text-decoration:underline;}

.no_class, form, .no_class td
	{
		width:auto;
		height:auto;
		margin:0px;
		padding:0px;
		border:0px;
	}

.input { vertical-align:middle; width:203px; height:31px; padding:6px 0 0 7px; font-size:12px; border:1px solid #0099CC;}	
.input_blue { vertical-align:middle; padding-left:5px; border:1px solid #0099CC;}	
.input1 { vertical-align:middle; width:153px; height:20px; padding-left:5px; color:#FF3333; font-size:12px;}
.input2 { vertical-align:middle; width:116px; height:18px; padding-left:5px; color:#FF3333; font-size:12px;}
.input3 { vertical-align:middle; width:108px; height:18px; padding-left:5px; color:#FF3333; font-size:12px;}

.list1  { vertical-align:middle; width:78px; height:20px; font-size:12px;}
.list2  { vertical-align:middle; width:34px; height:20px; font-size:12px; margin:0 6px 0 5px}
.list3  { vertical-align:middle; width:78px; height:20px; font-size:12px; margin:0 0 0 5px}
.list4  { vertical-align:middle; width:125px; height:20px; font-size:12px; margin:0 7px 0 0}

.list5  {vertical-align:middle; width:150px; height:18px; font-size:10px; margin:0 7px 0 0}
.list6  {vertical-align:middle; width:138px; height:18px; font-size:10px; margin:0 7px 0 0}
.list7  {vertical-align:middle; width:91px; height:18px; font-size:10px; margin:0 7px 0 0}

.checkbox {margin:0 0 0 0}

/* textarea {width:203px; height:166px; padding-left:5px; overflow:auto; border:1px solid #0099CC;} */
.textarea_blue { padding-left:5px; overflow:auto; border:1px solid #0099CC;}

.div { height:1px; background:#ADD4FF;}

ul { margin:0; padding:0; list-style:none;}
.ul li { background:url(/images/a1.gif) no-repeat 0 3px; line-height:17px; margin:0px; padding:0px; padding-left:16px;}
.ul li a { color:#333333; text-decoration:none}
.ul li a:hover {text-decoration:underline}

.ul2 li { background:url(/images/a2.gif) no-repeat 0 5px; line-height:13px; margin:0px; padding:0px; padding-left:10px; font-size:11px}
.ul2 li a { color:#333333; text-decoration:none}
.ul2 li a:hover {text-decoration:underline}

.ul3 li { background:url(/images/a2.gif) no-repeat 0 6px; line-height:16px; margin:0px; padding:0px; padding-left:12px; text-align:left;}
.ul3 li a { color:#333333; text-decoration:none}
.ul3 li a:hover {text-decoration:underline}

.ul4 li { background:url(/images/a1.gif) no-repeat 0 4px; margin:0px; padding:0px; padding-bottom:17px}
.ul4 li { color:#333333; text-decoration:none; line-height:15px; padding-left:16px;}
.ul4 li a {color:#0099CC; text-decoration:none;}
.ul4 li a:hover {text-decoration:underline}

.reservation_title {
	padding-top: 6px;
	padding-bottom: 6px;
}

.description {
	font-size: 9px;
	line-height: 16px;
}
.desc_stroke {
	border-top: 1px dashed #CCCCCC;
}