body
{
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 10pt;
	background-color: #fffccc; /* eee */
}

div.list
{
	height: 10em; 
	overflow: scroll;
	border: dotted 1px #ccc;
}

.manage input, .manage  select/*, .manage option*/
{
	margin-left: 1em;
	margin-bottom: 1em;
	font-family: Verdana;
	font-size: 9pt;
}

p
{
	margin: 1em;
}

/* Main DIV container */
#main
{
	background-color: #fff;
}

.floatleft
{
	display:block;
	float:left;
	height: 200px;
	width: 256px;
	margin: 10px 15px 0px 15px;

}

.floatright
{
	display:block;
	float:right;
	width:200px;
	height:200px;
	margin: 10px 15px 0px 15px;
	
}

.floatrightlarge
{
	display:block;
	float:right;
	width:366px;
	height:253px;
	margin: 10px 15px 10px 15px;
	
}


.floatrightwide
{
	display:block;
	float:right;
	width:345px;
	height:200px;
	margin: 10px 15px 0px 15px;
	
}

.clear
{
	clear:both;
}


.contactform
{
	width:300px;
	background-color:#eeeeee;
	float: right;
	margin: 0px 0px 20px 20px;
	padding: 15px 15px 15px 15px;
	
	
	
}

.red
{
	color:#900;
}

#blue
{
	color:#06c;
}

#contactform ol 
{ 
	margin:0; 
	padding:0; 
	list-style:none;
}

#contactform p 
{ 
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color:#222;
}

#contactform li 
{ 
	margin:0; 
	padding:0; 
	background:none; 
	border:none; 
	display:block; 
}


#contactform label 
{ 
	float:left; 
	margin:0; 
	width:100px; 
	padding:5px 0; 
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color:#222; 
	text-transform:capitalize;
}


#contactform label span 
{ 
	font:normal 10px Arial, Helvetica, sans-serif;
}


#contactform input.text 
{ 
	width:180px; 
	border:1px solid #e8e8e8; 
	margin:5px 0; 
	padding:5px 2px; 
	height:15px; 
	background:#f8f8f8;
}


#contactform textarea 
{ 
	width:285px; 
	border:1px solid #e8e8e8; 
	margin:10px 0; 
	padding:2px; 
	background:#f8f8f8; 
	height:100px;
}


#contactform li.buttons input 
{ 
	padding:3px 0; 
	margin:0 0 0 370px; 
	border:0; 
	color:#FFF;
}



/* Main DIV container */

/* Navigation Menu */
#navmenu
{
	background-image: url(Images/Common/navmenu.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: solid 1px #aaa;
	text-align: center;
	padding: .5em 0;
	margin: 0;
	list-style-type: none;
}

#navmenu li
{
	list-style-image: none;
	display: inline;
	text-align: center;
}

#navmenu li a
{
	border-right: solid 1px transparent;
	border-left: solid 1px transparent;
	padding: .5em 1em;
	text-decoration: none;
}

#navmenu li a:hover
{
	/*
	border-right: solid 1px #aaa;
	border-left: solid 1px #aaa;
	background-color: #eee;
	*/	
	background-color: #fffccc;
	text-decoration: underline;
	background-image: url(Images/Common/navmenu_hover.gif);
	background-repeat: repeat-x;
	background-position: top;
}
/* Navigation Menu */

/* Solutions Menu*/
#solutions
{
	float: left;
	margin: 0;
	margin-top: .5em;
	width: 9em;
	padding: .25em 0;
	list-style-type: none;
}

#solutions li
{
	margin: 0;
	list-style-image: none;
	background: url(Images/Common/sol.gif) repeat-x bottom;
	border: solid 1px #000;
	border-top: 0px none;
}

#solutions li:first-child
{
	border-top: solid 1px #000;
}

#solutions li:hover
{
	background-color: #fffccc;
	/*background-image: url(Images/Common/navmenu_hover.gif);
	background-repeat: repeat-x;
	background-position: top;*/
}

#solutions li:hover a
{
	background-color: #fffccc;
	background-image: url(Images/Common/bullet.gif);
	background-repeat: no-repeat;
	background-position: right;
	
}

div.solutionpnl
{
	display: none;
	font-size: 10pt;
	padding-right: 8em; 
	margin-left: 9em; 
	padding-top: 1em;
	 
	height: 290px;
}

#sol_transport
{
	background: url(Images/Common/transport_solutions.jpg) no-repeat top right;
}

#sol_service
{
	background: url(Images/Common/service_management.jpg) no-repeat top right;
}

#sol_gps
{
	background: url(Images/Common/tracking_products.jpg) no-repeat top right;
}

#sol_rental
{
	background: url(Images/Common/rental_operations.jpg) no-repeat top right;
}
/* Solutions Menu*/

/* Page Sub Menu Links */
a.submenu
{
	font-size: 9pt; 
	display: block;
}

/* Page Sub Menu Links  */

/* Footer */
#footer
{
	font-size: small;
	padding: .25em .5em;
	color: #fff;
	background-color: #0066CC;
	text-align: right;
	
}
/* Footer */

/*  SideBar Panel  */
div.sidebarcontainer
{
	margin: 1em 1em 1em 0;
}

div.sidebarpanel
{
	clear: both;
	margin: 0;
	color: #fff;
	background-color: #0066CC;
	font-size: small;
	border: solid 1px #555;
	border-top: solid 1px transparent;
}

h4.sidebarpanel
{
	margin: 0;
	color: #000;
	font-size: small;
	font-size: 8pt;
	border: solid 1px #555;
}

div.sidebarpanel a
{
	color: #fff;
}

div.sidebarpanel p, div.sidebarpanel input, table tr td label,  div.sidebarpanel span
{
	font-size: 8pt;
	text-indent: 0;
}
/*  SideBar Panel  */

img
{
	margin: 0;
}

h5
{
	font-size: 8pt;
	font-style: italic;
	margin: 1em;
}

h4
{
	background: #ddd url(Images/Common/h42.gif) repeat-x bottom;
	border: solid 1px #555;
	font-size: 10pt;
	background-color: #eee;
	padding: .35em;
	margin: 1em 0 0 0;
}

h4:first-child
{
	margin-top: 1em;
}

span.submenu
{
	display: block;
	color: #0066CC;
	font-size: 10pt;
	font-weight: bold;
	margin: 1em 1em 1em .5em;
}

ul.submenu
{
	margin: -.5em 1em 2em .5em; 
	padding: 0;
}

ul.submenu li a
{
	font-size: 8pt;
}

h3.solution
{
	clear: none;
	font-size: 12pt;
	text-align: center;
	margin: 0;
}

h3
{
	color: #0066CC;
	font-size: 11pt;
	margin: 1em;
	clear: both;
}

a
{
	color: #000;
}

a.solution
{
	padding: .5em;
	display: block;
}

span.h4lbl
{
	float: right; 
	margin: -1.75em .65em .4em .4em;
}

span.h4subtitle
{
	float:left;
	display: inline;	
	margin-top: -2em;
	margin-left: 11.5em;
	padding: .35em 0;
}

.big
{
	color: #0066CC;
}

.bigger
{
	color: #0066CC;
	font-weight: bold;
}

div.block
{
	margin: 1em 1em 2em 1em;
}

div.manage
{
	margin: 1em;
}

div.contact
{
	text-align: left;
	float: left;
	width: 17em;
	margin: 1em 2em;
}

table tr td input
{
	margin: 0 0 0 1em;
	padding: 0;
}

td.corner
{
	height: 15px;
	width: 15px;
	background-repeat: no-repeat;
}

td.tl
{
	background-position: left;
	background-image: url(Images/Common/tl.gif);
}

td.tr
{
	background-position: right;
	background-image: url(Images/Common/tr.gif);
}

td.bl
{
	background-position: left;
	background-image: url(Images/Common/bl.gif);
}

td.br
{
	background-position: right;
	background-image: url(Images/Common/br.gif);
}

table.border
{
	margin: 1em auto;
}

td.hborder
{
	background-color: #fff;
	height: 15px;
	width: 775px;
}

td.vborder
{
	background-color: #fff;
	width: 15px;
}


.button
{
	display: block;
	margin: 1em auto;
}

/*	Survey */
div.surveycontainer
{
	width: 500px; 
	margin: 1em 1em 3em 2em;
}

div.barcontainer
{
	border: solid 1px #BBB;
	height: 1.5em; 
	margin-bottom: .3em;
}

div.bartext
{
	position: relative; 
	left: 0; 
	top: 0; 
	line-height: 1.5em; 
	text-align: center;
}

span.bartext
{
	line-height: 1.5em; 
	font-size: smaller;
}

div.bar
{
	line-height: 1.5em; 
	margin-top: -1.5em; 
	background-color: #FFFFCC;
}
/*	Survey */

li
{
	margin-left: 1em;
	list-style-position: outside;
	list-style-image: url(Images/Common/bullet2.gif);
}