﻿
html, body {
	margin: 0;
	padding: 0;
	font: normal normal normal 11px/18px Arial, Helvetica, sans-serif;
	color: #505050;
}
body {
	background: #d0d2d2 url('../../images/bg-grad.gif') repeat-x scroll left top;
}
.mHdr , .mApp , .mFtr {
	width: 994px;
	display: block;
	margin: 0 auto 0 auto;
}
.mHdr {
	background: url('../../images/bgRndT.png') no-repeat scroll center bottom;
	height: 69px;
	position:relative;
}
.mHdr #flags {
    font-size: 10px;
    position: absolute;
    right:500px;
    top: 15px;
}
#flags img {
    border: 1px solid #999999;
}

.mFtr {
	background: url('../../images/bgRndF.png') no-repeat scroll 10px top;
	padding: 20px 30px 0 30px;
	width: 934px;
}
.mApp {
	background: url('../../images/bgRndBd.png') repeat-y scroll center center;
	padding:15px 27px 15px 27px;
	/*specify new width minus(-) padding*/
	width:940px;
    display:inline-block;  
}
.mApp:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.social
{
    left:840px;
    position:relative;
    top:-80px;
    width:100px;
}
.social img
{
    border:0;
    padding-right:5px;
}
/* Hides from IE-mac \*/
* .mApp {height: 1%;}
.mApp {display: block;}
/* End hide from IE-mac */
.mApp #mNav{
	margin:-10px 0 0 0; /*move the nav up because the curve is too tall   *//*  set space on bottom of nav*/
	padding:0;
	height:44px; 
	list-style:none;
	display:block;	
}
.mApp #mNav dt, .mApp #mNav dd, .mApp #mNav dd ul li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	float:left;

}
/*logo hotspot*/
.mApp #mNav #logoClx{
	background:url('../../images/logoClgx.png') no-repeat scroll left top;
	width:142px;
	height:26px;
	margin-left:14px;
} 
.mApp #mNav #logoClx a{
	display:block;
	width/**/:142px; /*setting a width breaks link area for PC IE 5*/
	/*\*//*/
	width:142px;
	/**/
	padding:0;
	margin:0;	
	/*get rid of text*/ text-indent:-9999px;
}

.mApp #mNav dd{
	float:right; /*override float from dl shorthand*/
	padding-right:10px;
}
.mApp #mNav dd div.A-Menu-Horizontal
{
    float:left;
}

.mApp #mNav dd ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

.mApp #mNav dd ul li {
	margin:7px  1px 0 3px;
	padding:0;
}
.mApp #mNav dd ul li, .mApp #mNav dd ul li a{
	/*set text properties for nav*/
	font: normal normal normal 11px/18px Arial, Helvetica, sans-serif;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
}
.mApp #mNav dd ul li a{
	
	display:block;
	padding:3px 7px 16px 11px;

}
/*.mApp #mNav dd ul li a:hover{
	color:#000000;
	background:#bcc0d0;
	display:block;
	
}
*/
/*formatting for noscript*/
#mNoScript
{
    margin:0 0 10px 14px;
    color:#7f2525;
}
#mNoScript a
{
    color:#7f2525;
    font-weight:bold;
    font-style:italic;
}
/*formating for copyright area*/
.globalCR{
	font-size:9px;
	color:#626366;
}

/*formating for all definition lists*/
dl, dl dt, dl dd{
	margin:0;
	padding:0;
	list-style:none;
}

a{
	color:#5878B4;
	text-decoration:none;
}
a:hover{
	color:#5878B4;
	text-decoration:underline;
}
.toplinks{position: absolute; left: 490px; top: 0; height: 30px; display: block; width: 450px;margin-top:-60px;}
/*login icon*/
.toplinks a
{
    height:19px;
	background:url('../../images/btns.gif') no-repeat scroll left top;
	padding:1px 14px 0 20px;
	text-align:left;
	cursor:pointer;
	margin-left:10px;
	color:#5b6688;
	display:inline-block;
}
.toplinks a.freight{background:url('../../images/btns.gif') no-repeat scroll -75px top;}
.toplinks a.intl{background:url('../../images/btns.gif') no-repeat scroll -280px top;}
.toplinks a.login{background:url('../../images/btns.gif') no-repeat scroll -170px top;}

.icoRMr {
	display: block;
	text-indent: -9999px;
	background: transparent url('../../images/icoRMr.png') no-repeat scroll left top;
	width: 70px;
	height: 10px;
}
.icoJoin{
	font: normal normal bold 14px/21px Arial, Helvetica, sans-serif;
	color: #ffd655;
	display:block;
}
.icoJoin:hover{
	color: #ffd655;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.sIFR-hasFlash .mApp b.mNavTitle span{
	letter-spacing: -4px;
	visibility: hidden;
	height: 24px;
	padding: 0;
	margin: 0;
	text-transform:uppercase;
	color:#ffffff;
	font-weight:normal;
}


.sIFR-hasFlash .ttlTMS {
	visibility:hidden;
    padding: 11px 0 1px 11px;

}
.sIFR-hasFlash .pnlHmMn dl dt {
    
	font: normal normal bold 13px Arial, Helvetica, sans-serif;
	color: #ffd655;
	float: left;
	display: inline-block;
	padding: 20px 0 3px 10px;
}
.sIFR-hasFlash .pnlTMS dl dt 
{
	padding-left:4px;
}
.sIFR-hasFlash .pnlHmBttm h2{
	visibility:hidden;
	letter-spacing:4px;
	margin-top:7px;
	overflow:hidden;
	display:block;
}
