/*----------------------
	Imports
-----------------------*/

@import url('content.css');
@import url('header.css');
@import url('mainmenu.css');


/*----------------------
	HTML Items
-----------------------*/

body
	{
		margin:0;
		padding:0;
		font: 72.5%/120% verdana,geneva,sans-serif;
		color: #555;
		background-color: #fff;
		text-align: center;
	}

h1,h2,h3 { font: bold 1.7em tahoma,verdana,geneva,sans-serif; color: #369; }
h1 { margin: 0 0 -7px 0; padding-top:0}
h2 { border-bottom: 4px solid #ccc; color: #903; font-size: 1.5em; margin-bottom: 0; padding-bottom: 0 }
h3, h4 { color: #903; font-size: 1.1em; }

a { color: #06c; }
a:hover { color: #999; text-decoration: none; }
a:active { color: #903; }

img { border: none; }

blockquote
    {
        font-style:italic;
        color: #555;
        font-size:8pt;
        padding:10px;
        border: #ccc 1px solid;
    }

/*----------------------
	Layout Items
-----------------------*/

#wrapper
	{
	position: relative;
	padding: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	background: #fff url('../images/body-bg.gif') repeat-x 0 0;
	}

#header, #content, #footer, #banner
	{
	position: relative;
	width: 870px;
	height: auto;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	}

#header 
	{
	z-index: 30;
	top: 2px;
	background: url('../images/header-bg.gif') no-repeat -5px 0;
	height: 127px; 
	}

#banner
	{
	z-index: 1;
	text-align: left;
	height: 34px;
	background: url('../images/header-banner.jpg') no-repeat 0 0;
	clear: both;
	width: 870px;
	}

#content 
	{
	height: auto;
	margin-top: 1em;
	overflow-y: visible;
	overflow-x: hidden;
	background: url('../images/spacer-light-grey.gif') repeat-y 190px 0;
	}

#contentBody 
	{
	position: relative;
	width: 660px;
	float: right;
	overflow: hidden;	
	right: 8px;
	}
	
#midPanel
	{
	position: relative;
	height: auto;
	width: 465px;
	float: left;
	padding: 0;
	line-height: 1.6em;
	}

#leftPanel
	{
	position: relative;
	z-index: 100;
	height: auto;
	width: 190px;
	overflow: hidden;
	padding: 8px 0 0 0;
	margin-bottom: 15px;
	float: left;
	font-size: 0.9em;
	}
	
#rightPanel
	{
	position: relative;
	height: auto;
	width: 180px;
	padding: 0;
	float: right;
	font-size: 0.9em;
	margin-top: 18px;
	}

#footer
	{
	    width: 870px;
	    height: auto;
	    clear: both;
	    overflow: auto;
	    margin: 1.8em auto;
	    background: url('../images/footermenu-bg.png') no-repeat 0 0;
	    color: #777;
	    padding: 0 2px;
	    overflow:hidden;
	}


/*----------------------
	FooterMenu Items
-----------------------*/

#footerMenu	
	{
		position: relative;
		padding: 10px 0 3px 0;
		text-align: center;
		width: 100%;
		overflow: auto;
		font-weight: bold;
		font-size: 1em;
	}

#footerMenu li { padding: 0 5px; }

#footerMenu a {text-decoration: none;}

#copyright, #addressInfo
	{
		position: relative;	
		overflow: auto;
		padding: 0;
		font-size: 0.9em;
		line-height: 1.5em;
	}

#copyright
	{
		float: left;
		text-align: left;
		width: 680px;
		margin: 0 0 0 10px;
	}

#copyright p { margin:0; padding: 0 0 8px 0}


#addressInfo
	{
		float: right;
		text-align: left;
		width: 330px;
		height:160px;
		margin: 20px 10px 2px 0;
	}
	
#addressInfo h4 { margin: 0;padding:0}

#addressCan { float: right; margin-right: 20px; }
	
#addressUSA { float: right;}



/*----------------------
	Base Classes
-----------------------*/

.adobe { background: url('../images/adobe.gif') no-repeat 0 0; padding-left: 25px; } 
 
.tBold { font-weight:bold; }
.tItalic { font-style:italic; }
.tUnder { text-decoration: underline; }
.tBlue { color: #001CE3; }
.tGrey { color: #979797; }

.clear {clear: both; }

.imgR { float: right; margin: 0.8em 0 0.8em 1em; }
.imgL { float: left; margin: 0.8em 1em 0.8em 0; }

.adobe { padding-left: 20px; background: url('../images/adobe.gif') no-repeat 0 0;}

.tableText { font-size: 1em; }
.tableTextSm { font-size: 0.9em; line-height: 1.3em; }
.tableTextSm img { display: table-cell; margin-bottom: -12px; }

.horizBorder { width: 100%; height: 1px; border-top: 1px solid #ccc; }

 .Instructions
	{
	display: block;
	color: #666; 
	background-color: #fff5e2; 
	padding: 8px;
	border: 1px solid #bbb;
	font-size: 0.9em !important;
	line-height: 1.5em;
	margin-bottom: 15px;
	}

 .highlightBox
	{
	display: block;
	color: #666; 
	background-color: #9fe5ff; 
	padding: 8px;
	border: 1px solid #bbb;
	font-size: 0.9em !important;
	line-height: 1.5em;
	margin-bottom: 15px;
	}

.smText
	{
		font-size: 8pt;
	}

.Instructions
	{
	display: block;
	color: #666; 
	background-color: #fff5e2; 
	text-align: left;
	padding: 8px;
	border: 1px solid #ccc;
	font-size: 0.9em !important;
	line-height: 1.5em;
	margin-bottom: 15px;
	}

#footerLinkTable
	{
	clear:both;
	top:0;
	float:left;
	margin: 0px 0 0 10px;
	height: 115px;
	width:380px;
	font-size:9pt;
	color:#3d3d3d;
	height:160px;
	}

#footerLinkTable ul
	{
		list-style:none;
		list-style-position:outside;
		margin: 10px 0 0 -2px;
	}

#footerLinkTable li
	{
		display:block;
		height:20px;
		width:200px;
	}

#footerLinkTable a
	{
		color:#898989;
		height:15pt;
		text-decoration:none;
	}

#footerLinkTable a:hover
	{
		display:block;
		color:#06c;
		height:20px;
		width:200px;
		background-color:#eee;
	}

.tWhite
    {
        color: #fff;
    }

/************************************************************/
/*  Mouseover PopBox for Call Answer Guarantee   */
/***********************************************************/

a.callPopBoxLink
    {
        position:absolute;
        top:5px;
        left:300px;
        z-index:1400;
    }

a.callPopBoxLink span
    {
        display:none;
        z-index:1400;
    }

a.callPopBoxLink:hover
    {
        cursor:default;
        z-index:1400;
    }

a.callPopBoxLink:hover
.callPopbox 
	{
	    display:block;
	    position:absolute;
	    top:10px;
	    left:-180px;
	    width:250px;
	    height:auto;
	    overflow-y: auto;
	    background-color:#eaeaea;
	    color:#555;
	    border:1px solid #4173a4;
	    padding:1ex;
	}