.tEspritJoHeader {
	background: url(05232012_esprit_jo_pheadbg.jpg) left top  no-repeat;
	height: 301px;
	
}
.tPp1204 {
	clear: both;
	float: left;
	overflow: hidden;
	padding: 0;
	width: 980px;
}

.tLinkMatrix {
	float: left;
	overflow: hidden;
	padding: 0 0 13px 0;
	width: 744px;
}

.tLinkMatrix .tMcell {
	display: block;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 13px 10px 0 0;
	width: 238px;
}

.tLinkMatrix .tMcell a {
	background: url(12042012_esprit_jo_blocklinkBg.gif) no-repeat left top;
	color: #666;
	cursor: pointer;
	display: block;
	height: 164px;
	margin: 0;
	padding: 3px;
	text-align: left;
	text-decoration: none;
	width: 232px;
}
.tLinkMatrix .tMcell a .tLbg {
	display: block;
	height: 164px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 232px;
}
.tLinkMatrix .tMcell a .tLinkTitle {
	color: #e20e25 !important;
	display: block;
	font: normal normal 1.4em/1.22 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 10px 0 0 8px;
}
.tLinkMatrix .tMcell a .tLinkText {
	color: #404040 !important;
	display: block;
	font: normal normal 1.1em/1.24 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 11px  0 0 8px;
}
.tLinkMatrix .tMcell a .tMatrixLink {
	background: url(12042012_esprit_jo_blocklinkLink.gif) no-repeat left top;
	bottom: 15px;
	display: block;
	height: 22px;
	left: 8px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-align: left;
	text-indent: 100%;
	white-space: nowrap;
	width: 80px;
}

.tEspritJoHeader  .tEspritJoHeaderMidle { 
	color: #666;
    display: table-cell;
    height: 298px;
    text-align: left !important;
    text-decoration: none;
    vertical-align: middle;
    width: 980px;
}
.tEspritJoHeader .tPushWrap {
	width: 483px !important;
	padding: 0px !important;
	text-align:  center;	
}
.tEspritJoHeader .tPushWrap h1 {
	margin-top: 16px;
}
.tEspritJoHeader .tPushSubTitle {
	font: bold 1.1em/1.22em "Lucida Sans Demi","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	padding-bottom: 13px !important;
}
.tEspritJoHeader .tPushParagraph {
	font: normal 1.1em/1.22em "Lucida Sans Demi",Arial,Helvetica,sans-serif;
	padding-bottom: 13px !important;
}
.tMapContainer {
	float: left;
	padding-bottom: 27px;
}
.tMapContainer .tMap {
	width:  264px;
	float: left;
	padding: 16px 14px 0px 0px;
	font: bold 1.2em/1.22em "Lucida Grande Bold",Arial,Helvetica,sans-serif;
	color: #595a5e;
}
.tMapContainer .tMap p {
	margin-top:  0;
	padding-top: 11px;
}
.tMapContainer .tMapLink {
	width:  205px;
	float: left;
	padding: 29px 14px 0px 0px;
}
.tMapContainer .tMapLink a {
	text-decoration:  none;
}
.tMapContainer .tMapLink dl,
.tMapContainer .tMapLink dt,
.tMapContainer .tMapLink dd {
	padding: 0px;
	margin: 0px;
}
.tMapContainer .tMapLink dt {
	background: url(05232012_esprit_jo_bullet.png) left 2px no-repeat;
	padding-left: 14px;
	text-transform:  uppercase;
	font: bold 1.1em/1.22em "Lucida Grande Bold",Arial,Helvetica,sans-serif;
}
.tMapContainer .tMapLink dt a {
	color: #e3001b;
}
.tMapContainer .tMapLink dd {
	padding: 0px 0px 5px 14px;
	
}
.tMapContainer .tMapLink dd a {
	color:  #595a5e;
	font: normal 1.1em/1.22em "Lucida Grande Bold",Arial,Helvetica,sans-serif;
}
.tMapContainer .tMapLink dd a em {
	font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
}
.tLinkMatrixExt {
	float:  right;
	width: 236px;
	padding-top:  17px;
}
.tLinkMatrixExt .tMcell a {
	background:  url(05232012_esprit_jo_blocklinkBg.png) left top no-repeat;
	height: 209px !important;
}
.tLinkMatrixExt .tLinkTitle,
.tLinkMatrixExt .tLinkText {
	padding-left: 19px !important; 
}
.tLinkMatrixExt .tMatrixLink {
	left: 19px !important;
}
.tFbBannerBg {	
	background:  url(05232012_esprit_jo_lfb.png) right bottom no-repeat;
	height: 200px !important;
	width:  231px !important;
	
}
.tImg {
	float: left;
	margin-right: 11px;
	display: inline;
	border: none;
}
.tText {
	overflow: hidden;
}
.tLinkMatrixExt  .tMcell a  .tLinkText {color: #595a5e !important;}
.tLinkMatrixExt .tImg {
	margin-top:  5px;
}
.tLinkMatrixExt .tText a,
.tLinkMatrixExt ins {
	text-decoration:  none;
} 
.tLinkMatrixExt .tText {
	font: bold 1.214em/1.22em "Lucida Sans Demi","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
}
.tCardMatrix {width: 980px; background: url(05232012_esprit_jo_hdot.png) left top repeat-x; position: relative; z-index: 1;padding-bottom: 7px;}
.tCardMatrix a {background: none !important; padding: 0px !important; width: 236px!important;height:  auto !important;}
.tCardMatrix .tMcell {width: 236px; padding: 13px 0px 0px 12px !important;}
.tCardMatrix .tMFristcell{padding-left: 0px !important;} 
.tCardMatrix .tMcell img, .tMapContainer .tMap img { border:none; display:block;}
.tCardMatrix  .tCardMatrixLink {width: 94px!important; height: 22px!important;
text-indent: -100%; background: url(05232012_esprit_jo_btn_commander.png) left top no-repeat!important;display:block;margin-top:  5px;}
.tCardMatrix  a.tPageToTop { float: right; width: 99px!important; height: 22px!important;
text-indent: -100%; background: url(05232012_esprit_jo_btn_page_to_top.png) left top no-repeat!important;margin-top: 26px;}
.tCardMatrixTitle {
	text-transform: uppercase;
	color: #e3001b;
	font: bold 1.1em/1.22em "Lucida Grande Bold",Arial,Helvetica,sans-serif;
	padding: 7px 0px 0px ;
	display: inline-block;
}
.tCardMatrixDesc{
	font: normal 1.1em/1.22em "Lucida Grande Bold",Arial,Helvetica,sans-serif;
	color: #595a5e;
}
.tCardMatrixDesc em {
	font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
}
