/*Top Menu Styles*/
/*main headings*/
div#menu UL {
	PADDING:0px 0 0 190px; 
	MARGIN: 0px; 
	LIST-STYLE-TYPE: none;
	font-size:16px;
}


/*This floats the menu so they appear side by side and not on top of eachother.*/
div#menu UL LI {
	POSITION: relative;
	float:left;
}

UL LI.topnavtab {
	padding-top:7px;
	padding-bottom:8px;
	background-position:top left;
	background-repeat:no-repeat;
}

/*This changes the position and appearance of the submenus*/
LI UL {
	DISPLAY: none; 
}

div#menu UL LI UL {
	POSITION: absolute;
	padding:8px 0 0 0;
	margin:0;
	text-align:left;
}

div#menu UL LI UL LI {
	float:left;
	white-space:nowrap;
	padding-right:15px;
	padding-left:0;
	margin-left:0;
	text-align:left;
}

/*This changes the top level menu's links*/
div#menu UL LI A {
	PADDING:0px;
	DISPLAY:block;
	COLOR:#FFFFFF;
	TEXT-DECORATION:none;
}


/*This changes the hover for all links in the menu div*/
div#menu UL LI A:hover {
	color:#FFFFFF;
}

div#menu UL LI UL LI A:hover {
	color:#FFFFFF;
}


/*This changes the submenu links*/
div#menu LI UL LI A {
	PADDING:5px 3px;
	color:#000000;
	font-size:13px;
	text-align:left;
}


/*This makes the submenu list display in the hover. Do not change either of the commands listed below.*/
LI:hover UL {
	DISPLAY: block;
}

LI.over UL {
	DISPLAY: block;
}
/*Please note that each of the main menus can have a class added to them and then each given a different width. The 
same can be done for the submenus. Each sub UL can be given a class and then each given a different width */

/*Top Menu Widths*/

#top_customers {
	width:150px;
}
#top_carriers {
	width:160px;
}

#top_agents {
	width:157px;
}

#top_articles {
	width:157px;
}

/*Sub Menu Widths*/

div#menu .sub-customers {	
	width:698px;
}

div#menu .sub-carriers {	
	width:650px;
}

div#menu .sub-agents {	
	width:398px;
}

ul#menu_nav {
	padding:0;
	margin:0;
}

ul#menu_nav li {
	padding:0;
	margin:0;
	float:left;
	display:block;
	list-style-type:none;
}


/*Footer Navigation Styles*/
ul#footer_nav {
	padding:0;
	margin:0;
}

ul#footer_nav li {
	padding:0 20px 0 0;
	margin:0;
	float:left;
	display:block;
	list-style-type:none;
}

ul#footer_nav li a {
	color:#FFFFFF;
	text-decoration:none;
	padding:0;
	margin:0;
}

/*Right Navigation*/
#main_right a {
	color:#FFFFFF;
	cursor:pointer;
	text-decoration:none;
}

#right_text a{
	color:#1D4777;
	text-decoration:underline;
	font-weight:bold;
}

#right_text a:hover {
	color:#FE9C01;
}

/*Top Navigation Styles*/

#menu_top_text {
	width:303px;
	padding:0 10px 0 685px;
	margin:0;
	float:left;
	font-size:13px;
}

#menu_top_text .topnav {
	padding:0;
	margin:0 0 0 0;
	float:left;
}

#topnav_home {
	width:86px;
}

#topnav_about {
	width:108px;
}

#topnav_contact {
	width:109px;
}

#menu_top_text .topnav a {
	color:#000066;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	padding:0;
	margin:0;
}

#menu_top_text .topnav a:hover {
	color:#FE9C01;
}

#menu_top_text .topnav img {
	border:none;
	margin:0 2px 0 0;
}

#menu_top_text .topnav_pic {
	float:left;
	cursor:pointer;
}

#menu_top_text .topnav_text {
	padding-top:8px;
	float:left;
	cursor:pointer;
}


/*Left Menu Styles*/

#left_container h3 {
	font-size:20px;
	color:#FE9C01;
	padding:0 0 10px 0;
	margin:0;
}

#left_container ul {
	list-style-type:none;
	padding:0;	
	margin:9px 0 0px 2px;
}

#left_container li {
	background-image:url(../images/bg_left_menu.jpg);
	background-repeat:no-repeat;
	background-position:1px 4px;
	padding:0 0 9px 15px;
	line-height:170%;
}

#left_container a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}

#left_container a:hover {
	color:#FE9C01;
}

.left_menu {
	visibility:hidden;
	display:none;
	padding:30px 5px 135px 45px;
}

/*Carriers*/
body#loads div#navcarriers,
body#preferred div#navcarriers,
body#packet div#navcarriers,
body#billing div#navcarriers,
body#whycarrier div#navcarriers,
/*Customers*/
body#rate div#navcustomers,
body#proof div#navcustomers,
body#pickup div#navcustomers,
body#ltl div#navcustomers,
/*body#packet div#navcustomers,*/
body#whycustomer div#navcustomers,
/*Agents*/
body#agent div#navagents,
body#agentapp div#navagents,
/*No side menu*/ 
body#about div#navnone,
body#locate div#navnone,
body#contact div#navnone,
body#home div#navnone{
	visibility:visible;
	display:block;
}

body#about a#aboutnav,
body#home a#homenav,
body#locate a#locatenav,
body#contact a#contactnav,
body#rate .ratenav,
body#proof .proofnav,
body#pickup .pickupnav,
body#ltl .ltlnav,
body#whycustomer .whycustomernav,
body#loads .loadsnav,
body#preferred .preferrednav,
body#billing .billingnav,
body#whycarrier .whycarriernav,
body#agentapp .agentappnav,
body#agent .agentnav {
	color:#FE9C01;
}

/*Tabs*/
body#loads .topcarriernav,
body#preferred .topcarriernav,
body#billing .topcarriernav,
body#whycarrier .topcarriernav,
body#rate .topcustomernav,
body#proof .topcustomernav,
body#pickup .topcustomernav,
body#whycustomer .topcustomernav,
body#ltl .topcustomernav,
body#ltl .topltlnav,
body#rate .topratenav,
body#proof .topproofnav,
body#pickup .toppickupnav,
body#packet .toppacketnav,
body#whycustomer .topwhycustomernav,
body#loads .toploadsnav,
body#preferred .toppreferrednav,
body#billing .topbillingnav,
body#whycarrier .topwhycarriernav,
body#agent .topagentnav,
body#agentapp .topagentappnav {
	color:#FFFFFF;
}

body#loads #top_carriers,
body#preferred #top_carriers,
body#billing #top_carriers,
body#whycarrier #top_carriers,
body#agent #top_agents,
body#articles #top_articles  {
	background-image:url(../images/menu_active.jpg);
}

body#ltl #top_customers,
body#rate #top_customers,
body#proof #top_customers,
body#pickup #top_customers,
body#packet #top_customers,
body#whycustomer #top_customers{
	background-image:url(../images/menu_active_carriers.jpg);
}