/*@charset "UTF-8";/
/* CSS Document */
img { max-width: 100% !important;
}
iframe { max-width: 97.5% !important;
}
#centercontentwide iframe { max-width: 97.5% !important;
}


html
{
	margin: 0px;
	padding: 0px;
}

body { width: 100% !important; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);	margin: 0px;
	padding: 0px;
	font-size: 62.5%; }

a, strong
{
	color: #00529b;
}
a:hover
{
		color: #d31145;
	}
#maincontainer

{ width: 100% !important; float: left !important; margin: 0 !important; padding: 0 !important; }
#mobilelogo
{ width: 100% !important; float: left !important; margin: 0 !important; padding: 0 !important; margin-top:1.3em !important; display: block !important; }
#awcmenu
{
	display: none !important;
}
#awcvideo
{
	display: none !important;
}
#logobanner
	{ width: 100% !important; float: left !important; margin: 0 !important; padding: 0 !important; border-bottom-width: 2px;
	 border:none !important;}
#logobanner .logobannerlogo
{
	display: none !important;
	width: 1px !important;
}
#logobanner h1
{
	float:left !important;
	font-family: "Century Gothic", Futura, Verdana, Arial, Sans-Serif !important;
	font-size: 1.8em !important;
	font-style: oblique !important;
	color: #00529b !important;
	font-weight: normal !important;
	line-height: 1.6em !important;
	padding-left: 0.7em !important;
	padding-right: 0.7em !important;
	clear: both !important;
}
.leftsidesmall, .leftsidenews 
{
	display: none !important;

}

#contentarea
{
	padding-top: 13px;
}
#contentarea td.maintable
{ width: 100% !important; float: left !important; margin: 0 !important; padding: 0 !important;
}






/* INFOBOXES */



#infoboxes
{ width: 326px !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: both !important;
padding-bottom: 1.4em !important;
}
#infoboxes ul
{  
	list-style-type: none !important; 
	list-style-position: outside !important; 
}
#infoboxes li
{
	padding: 0 !important;
	list-style-type: none !important;
	margin-bottom: 7px !important;
}
#infoboxes li.ratequote
{
	background-image: url(https://www.allstates-worldcargo.com/images/1-ratequote.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#infoboxes li.ratequote:hover
{
	background-position: left -89px;
}
#infoboxes li.prodserv
{
	background-image: url(https://www.allstates-worldcargo.com/images/2-prodsservices.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#infoboxes li.prodserv:hover
{
	background-position: left -89px;
}
#infoboxes li.aim
{
	background-image: url(https://www.allstates-worldcargo.com/images/3-aimsystem.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#infoboxes li.aim:hover
{
	background-position: left -89px;
}
/* END OF INFOBOXES */














#logobanner ul
{
	width: 185px !important;
	list-style-type: none !important;
	list-style-position: outside !important;
	float: none !important;
	clear: both !important;
	margin-top: 2.2em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#logobanner li
{
	list-style-type: none !important;
	height: 36px !important;
	width: 50px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: inline !important;
	margin-bottom: 1.0em !important;
	padding-right: 0.7em !important;
}
#logobanner li.ratequotesmall
{
	background-image: url(https://www.allstates-worldcargo.com/images/rate-quote-small.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#logobanner li.ratequotesmall:hover
{
	background-position: left -36px;
}
#logobanner li.prodservsmall
{
	background-image: url(https://www.allstates-worldcargo.com/images/products-small.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#logobanner li.prodservsmall:hover
{
	background-position: left -36px;
}
#logobanner li.aimsmall
{
	background-image: url(https://www.allstates-worldcargo.com/images/aim-small.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#logobanner li.aimsmall:hover
{
	background-position: left -36px;
}
#centercontent
{ width: 97.5% !important; float: left !important; margin: 0 !important; padding: 0 !important; margin-left:0.7em !important;
padding-bottom: 1.4em !important; border:none !important;
}
#centercontentwide
{ width: 97.5% !important; float: left !important; margin: 0 !important; padding: 0 !important; margin-left:0.7em !important; border:none !important; padding-bottom: 1.4em !important;
}
#centercontentnarrow
{ width: 97.5% !important; float: left !important; margin: 0 !important; padding: 0 !important; margin-left:0.7em !important; border:none !important; padding-bottom: 1.4em !important;
}
#centercontentmap
{ width: 97.5% !important; float: left !important; margin: 0 !important; padding: 0 !important; margin-left:0.7em !important; border:none !important; padding-bottom: 1.4em !important;
}
.leftsidedouble
{ width: 97.5% !important; float: left !important; margin: 0 !important; padding: 0 !important; margin-left:0.7em !important; border:none !important; padding-bottom: 1.4em !important;
}
.leftsidenews
{ width: 97.5% !important; float: left !important; margin: 0 !important; padding: 0 !important; margin-left:0.7em !important; border:none !important; padding-bottom: 1.4em !important;
}
.leftsidesmall p, .leftsidenews p, .leftsidesmall h3, .leftsidedouble p, .leftsidedouble h3, .leftsidenews h3
{
	margin:0;
	display:inline;
}
.downloadprint
{
	background-image: url(https://www.allstates-worldcargo.com/images/downloadprint.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.downloadprint:hover
{
	background-image: url(https://www.allstates-worldcargo.com/images/downloadprint.gif);
	background-repeat: no-repeat;
	background-position: left -33px;
}
#centercontent h2, #centercontentwide h2, #centercontentnarrow h2, .leftsidesmall h3, .leftsidedouble h3, .leftsidenews h3
{
	font-family: "Century Gothic", Futura, Verdana, Arial, Sans-Serif !important;
	font-size: 1.6em !important;
	font-style: oblique !important;
	color: #00529b !important;
	font-weight: bold !important;
}
.leftsidesmall p, .leftsidedouble p, #centercontent p, table, #centercontentwide p, #centercontentnarrow p, .leftsidedouble p, .leftsidenews p, #centercontent li, #centercontentnarrow li, #centercontentwide li
{
	font-family: "Century Gothic", Futura, Verdana, Arial, Sans-Serif !important;
	font-size: 1.2em !important;
	color: #333 !important;
	text-align: left !important;
	line-height: 1.4em !important;
	padding-right: 0.7em !important;
	padding-left: 0.7em !important;
}
#contentarea p, #contentarea h2, #contentarea h3
{
	display: block !important;
	margin-bottom: 9px !important;
padding-right: 0.7em !important;
	padding-left: 0.7em !important;
	}
#contentarea li
{
	display: block !important;
}
#centercontent li, #centercontentnarrow li, #centercontentwide li {
	list-style-position: outside;
	margin-left: -14px;
	background-image: url(../SpryAssets/ul-diamond-blue.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 14px;
	list-style-type: none;
}
#centercontent ul, #centercontentnarrow ul, #centercontentwide ul {
	padding-bottom: 6px;
}
#centercontent ul ul, #centercontentnarrow ul ul, #centercontentwide ul ul {
	padding-bottom: 0px;
}
#centercontent ul ul li, #centercontentnarrow ul ul li, #centercontentwide ul ul li{
	background-image: url(../SpryAssets/ul-square-black.gif);
	background-repeat: no-repeat;
	background-position: 2px 8px;
	list-style-type: none;
}

#centercontent .social
{
	float: left;
	padding-left: 0.7em;
}
#centercontent .social img
{
	margin-right: 3px;
}
#rightforms
{ width: 100% !important; float: left !important; margin: 0 !important; padding: 0 !important; margin-left:0.7em !important;
padding-bottom: 1.4em !important;
margin-left: auto !important;
margin-right: auto !important;
}
#homefooter
{
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #f3f3f4;
	clear: both;
}
#homefooter p, #homefooter p a
{
	font-family: "Century Gothic", Futura, Verdana, Arial, Sans-Serif !important;
	font-size: 1.1em !important;
	color: #000 !important;
	text-align: center !important;
}


/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: https://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 8.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-image: url(https://www.allstates-worldcargo.com/images/inside-button.gif);
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	width: 160px;
	padding-top: 7px;
	padding-bottom: 10px;
	font-weight: bold;
	letter-spacing: .5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #d1d3d4;
}
ul.MenuBarHorizontal a.leftmenu
{
	background-image: url(https://www.allstates-worldcargo.com/images/leftbutton.gif);
	width: 155px;
	background-position: left top;
}
ul.MenuBarHorizontal a.leftmenu:hover
{
	background-position: left -33px;
}
ul.MenuBarHorizontal a.rightmenu
{
	background-image: url(https://www.allstates-worldcargo.com/images/rightbutton.gif);
	border: none;
	width: 155px;
	background-position: left top;
}
ul.MenuBarHorizontal a.rightmenu:hover
{
	background-position: left -33px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a.menuitem:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #58585a;
	background-image: none;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #58585a;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}



/* MOBILE MENU */

#mobilemenu
	{
	width: 97.5% !important;
	float: left !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;

	}
#mobilemenu ul
{
	list-style-type: none !important;
	margin: 0px !important;
	padding: 0px !important;
	list-style-position: outside !important;
	padding-left: 0.7em !important;
	padding-right: 0.7em !important;
	width: 97.5% !important;
}
#mobilemenu li
{
	list-style-type: none;
	height: 34px;
	width: 97.5%;
	margin-bottom: 7px;
	margin-left: 0px;
	background-color: #66676a;
	background-image: url(https://209.34.243.92/images/mobilemenu/mobilemenuimage.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: "Century Gothic", Futura, Verdana, Arial, Sans-Serif !important;
	font-size: 1.6em !important;
	color: #ffffff !important;
	font-weight: normal !important;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0.7em;
	line-height: 2.1em;
}
#mobilemenu a
{
	text-decoration: none;
}














#map, #dot-sanfran, #dot-lax, #dot-sandiego, #dot-dal, #dot-hou, #dot-laredo, #dot-sanantonio, #dot-kc, #dot-stl, #dot-chi, #dot-ind, #dot-det, #dot-nash, #dot-birm, #dot-atl, #dot-jax, #dot-orl, #dot-mia, #dot-ral, #dot-pit, #dot-phi, #dot-new, #dot-bos, #dot-corp, .dot
{	display:none !important; }

.mobilemap
{
	display: block !important;
}
.mobilemap h2
{
	font-family: Futura, "Century Gothic", Verdana, Arial, Sans-Serif;
	font-size: 22px;
	font-style: oblique;
	color: #00529b;
	font-weight: normal !important;
	line-height: 24px;
	margin-left: -0.35em;
}
.mobilemap p, .mobilemap a, .mobilemap pre 
{
	font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
	font-size: 13px;
	color: #333;
	text-align: left;
	line-height: 19px;
}
.mobilemap p 
{
	padding-bottom: 12px;
}
.mobilemap a, .mobilemap pre 
{
	margin-left: 0.7em;
}








.TabbedPanelsMobile {
	color: #333333 !important;
	display: block !important;
	padding-bottom: 32px !important;
		font-family: "Century Gothic", Futura, Verdana, Arial, Sans-Serif !important;
}
.TabbedPanelsMobile strong {
	font-style: oblique !important;
	font-weight: bold !important;
	color: #00529b !important;
}
.TabbedPanelsMobile h1 {
	font-size: 20px !important;
	color: #00529b !important;
	font-weight: bold !important;
	padding: 0px !important;
	text-transform: uppercase !important;
	line-height: 23px !important;
	font-style: italic !important;
	display: block !important;
	margin-top: 16px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 0.35em !important;
}
.TabbedPanelsMobile h2 {
	font-size: 18px !important;
	color: #00529b !important;
	font-style: oblique !important;
	font-weight: bold !important;
	padding: 0px !important;
	margin-top: 19px !important;
	display: block !important;
}
.TabbedPanelsMobile p {
	padding: 0 !important;
	margin-bottom: 9.5px !important;
	margin-left: 0px !important;
	display: block !important;
	font-size: 13px !important;
}


.TabbedPanelsContentGroup, .TabbedPanelsTabGroup
{display:none;}