﻿div.homeColumns
{
    width:927px;
    margin:auto;
    text-align:left;
    background-image:url(../Image/leftColumnBG.jpg);
    background-position:0 30px;
    background-repeat:repeat-x;
}

/*------------------------------------------------------------------------------------------
homepage styles --------------------------------------------------------------------------*/

div.homeLeftCol
{
    width:618px;
    position:relative;
    top:0;
    left:0;
    background-image:url(../Image/leftColumnBG.jpg);
    background-position:0 -42px;
    background-repeat:repeat-x;
}
div.homeRightCol
{
    width:309px;
    position:absolute;
    top:30px;
    right:37px;
    background-image:url(../Image/rightColumnBG.jpg);
    background-position:top;
    background-repeat:repeat-x;
}
div.homeLeftColDarkBG, div.homeRightColDarkBG
{
    background-image:url(../Image/leftColumnDarkBG.jpg);
    background-position:0 -42px;
    background-repeat:repeat-x;
}
div.homeRightColDarkBG
{
    background-position:top;
}
div.homeRightColNoGridBG
{
    background-image:url(../Image/leftColumnBG.jpg);
    background-position:0 0px;
    background-repeat:repeat-x;
}
.homeOBE
{
	margin: 0px 14px 5px 15px;
	padding: 10px;
	background-color: #ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: solid 1px #c0c0c0;
	font-weight: normal;
}
.homeOBE a
{
	display: block;
	text-align: right;
}


/*------------------------------------------------------------------------------------------
homepage feature cards -------------------------------------------------------------------*/

div.featureCardContainer
{
    margin:0;
}
div.featureCardText
{
    width:588px;
    height:100px;
    color:#FFFFFF;
    font-size:1.25em;
    padding:0 15px 0 15px;
}
div.featureCardText a, div.featureCardText a:visited
{
    color:#02cffc;
    text-decoration:underline
}
div.featureCard
{
    float:left;
    height:127px;
	margin:0pt 2px 0pt 15px;
	width:286px;
}

div.featureCardImage
{
	height:250px;
    margin-top:10px;
	background-image:url(../Image/book_now_bgrd.jpg);
	background-position:0pt 0px;
	background-repeat:repeat-x;
}
div.featureCardNoImage
{
    height:233px;
	margin-top:20px;
    background-image:url(../Image/featureLookingForBG.jpg);
    background-position:top;
    background-repeat:repeat-x;
}
div.featureCardHack
{
	background-color: #268ecd;
	margin-bottom: 10px;
}

div.featureCardNarrow
{
   margin:0pt 0pt 14px;
   width:272px; 
}
div.featureCardDark
{
    height:115px;
    background-image:url("../Image/featureDarkBG.jpg");
    background-position:top;
    background-repeat:repeat-x;
}
div.featureCardDarkRightCol
{
    margin:0 0 0 2px;
    float:none;
}
div.featureCardLookingFor
{
    height:107px;
    width:275px;
    background-image:url("../Image/featureLookingForBG.jpg");
    background-position:top;
    background-repeat:repeat-x;
    margin:0 0 10px 14px;
    float:none;
}
div.featureCardLookingForLighter
{
    background-image:url("../Image/featureLookingForLighterBG.jpg");
    background-position:top;
    background-repeat:repeat-x;
}
div.featureCard img.featureTitle
{
    float:left;
}
div.featureCard span.featureTitleBlue
{
    color:#023D79;
	display:block;
	float:left;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-1px;
	margin:7px 0pt 0pt 8px;
	width:160px;
}
div.featureCard img.moreInfo
{
    float:right;
    border:0;
}

div.featureCard img.MainPic
{
	float:right;
    border:0;	
}

div.featureCard span.featureText
{
    width:270px;
    display:block;
    margin:8px;
    color:#ffffff;
    font-size:1.1em;
    overflow:hidden;
}
div.featureCard span.featureTextWhite
{
	height:70px;
    width:270px;
    display:block;
    margin:8px;
    color:#ffffff;
    font-size:1.1em;
    overflow:hidden;
}
div.featureCard span.featureTextNarrow
{
    width:256px;
}
div.featureCardImage span.featureText, div.featureCardNoImage span.featureText, div.featureCardLookingFor span.featureText
{
    color:#006699;
}
div.featureCardNoImage span.featureTextWhite
{
    color:#FFFFFF;
}
div.featureCard a
{
    text-decoration:none;
    cursor:hand;
}

div.featureCardBottom
{
    float:left;
    height:127px;
    width:286px;
    margin:0 2px 0 15px;
 
}

div.featureCardBottom img.featureTitle
{
    float:left;
    
}
div.featureCardBottom span.featureTitleBlue
{
    display:block;
    float:left;
    width:160px;
    margin:7px 0 0 8px;
    color:#023d79;
    font-weight: bold;
    font-size:20px;
    letter-spacing:-1px;
   
}
div.featureCardBottom img.moreInfo
{
    float:right;
    border:0;
}

div.featureCardBottom img.MainPic
{
	float:right;
    border:0;	
}

div.featureCardBottom span.featureText
{
    width:270px;
    display:block;
    margin:8px;
    color:#ffffff;
    font-size:1.1em;
    overflow:hidden;
}
div.featureCardBottom span.featureTextNarrow
{
    width:256px;
}
div.featureCardBottom span.featureText, div.featureCardNoImage span.featureText, div.featureCardLookingFor span.featureText
{
    color:#006699;
}
div.featureCardBottom a
{
    text-decoration:none;
    cursor:hand;
}
/*------------------------------------------------------------------------------------------
homepage promo cards ---------------------------------------------------------------------*/

div.leftColumnCards
{
    position:relative;
    width:588px;
    background-color:#FFFFFF;
    margin:0 14px 14px 14px;
    min-height:412px;
}
div.leftColLeft
{
    position:relative;
    top:5px;
    left:5px;
    padding: 10px
}
div.leftColRight
{
    position:absolute;
    top:0px;
    right:5px;
    padding: 10px
}

div.leftColBottomLeft
{
    position:absolute;
    top:200px;
    left:5px;
    padding: 10px
}
div.leftColBottomRight
{
    position:absolute;
    top:200px;
    right:5px;
    padding: 10px
}



div.leftColLeft div.prevNext, div.leftColRight div.prevNext
{
    width:272px;
    margin-left:0;
    margin-top:8px;
}
div.promoCard
{
    width:272px;
    margin:0 0 14px 0;
    text-align:left;
    background-color:#FFFFFF;
}
div.promoCardBorder
{
    width:270px;
    border:solid 1px #bbb9ba;
}
div.promoCard h2
{
    margin:8px 0 0 0;
    color:#012c66;
}
div.promoCard p
{
    margin:0 0 0 0;
    color:#007ac3;
}

/*------------------------------------------------------------------------------------------
service selector -------------------------------------------------------------------------*/


div.serviceSelector
{
    width:265px;
    margin-left:21px;
    text-align:left;
}
div.serviceSelectorBody
{
    width:265px;
    margin-left:21px;
    background-color:#ffffff;
    text-align:left;
}
div.serviceSelectorBody ul{
    margin-left:11px;
    padding-left:0;
}
div.serviceSelectorBody ul li
{
    list-style-image:url("../Image/serviceBullet.gif");
    list-style-position:outside;
    color:#666666;
    font-size:1.1em;
    padding:2px 0;
}
div.serviceSelectorBody a{
    text-decoration:none;
    color:#666666;
}

/*------------------------------------------------------------------------------------------
Container Tracking -------------------------------------------------------------------------*/
div.containerTrackingTop
{
	position:relative;
    width:280px;
    top: 21px;
    background-color:Transparent;
    margin:0 14px 14px 14px;
    min-height:35px;
}

div.containerTrackingBottom
{
	position:relative;
    width:280px;
    top: -10px;
    background-color:Transparent;
    margin:0 14px 14px 14px;
    min-height:35px;
}

div.ContainerTracking
{
	position:relative;
    width:280px;
    top: 5px;
    background-color:#FFFFFF;
    margin:0 14px 14px 14px;
    min-height:280px;
}

div.ContainerTracking img.text
{
    float:right;
    margin:12px 39px 0 0;
}
div.ContainerTracking img.arrow
{
    float:right;
    margin:12px 0 0 0;
}
div.TrackingTemplate
{
	position:relative;
	left: 5px;
	top: 20px;	
}
div.homeRightColBottom
{
    position:relative;
    width:280px;
    top: -10px;
    left: 0px;
    margin:0 14px 14px 14px;
    min-height:280px;
    background-image:url("../Image/measuring_cubicgude_outer_bgrd.gif");
    background-position:top;
    background-repeat:repeat-x;
    font-family:  Arial;
    font-weight:bold;
	font-size: 12px;
	color: #4169E1;
}
/*------------------------------------------------------------------------------------------
special promo cards ----------------------------------------------------------------------*/

div.specialPromo
{
    width:276px;
    margin:8px 16px;
    background-color:#FFFFFF;
}
div.specialPromo span.topLeft
{
    width:8px;
    height:8px;
    float:left;
    background-image:url("../Image/topLeft.gif");
    background-position:left;
    background-repeat:no-repeat;
}
div.specialPromo span.top
{
    width:260px;
    float:left;
    border-top: solid 1px #8499b6;
}   
div.specialPromo span.topRight
{
    width:8px;
    height:8px;
    float:right;
    background-image:url("../Image/topRight.gif");
    background-position:right;
    background-repeat:no-repeat;
}
div.specialPromo span.bottomLeft
{
    width:8px;
    height:8px;
    float:left;
    background-image:url("../Image/bottomLeft.gif");
    background-position:left;
    background-repeat:no-repeat;
}
div.specialPromo span.bottom
{
    width:260px;
    height:8px;
    float:left;
    background-color:#FFFFFF;
    border-bottom: solid 1px #8499b6;
}  
div.specialPromo span.bottomRight
{
    width:8px;
    height:8px;
    float:right;
    background-image:url("../Image/bottomRight.gif");
    background-position:right;
    background-repeat:no-repeat;
}
div.specialPromo span.title
{
    display:block;
    width:258px;
    border-left: solid 1px #8499b6;
    border-right: solid 1px #8499b6;
    margin-top:-8px;
    padding:0 8px 8px 8px;
    font-style:italic;
    font-weight:bold;
    color:#032b66;
}
div.specialPromo span.body
{
    display:block;
    width:258px;
    border-left: solid 1px #8499b6;
    border-right: solid 1px #8499b6;
    padding:0 8px;
    font-style:italic;
    color:#032b66;
}
div.specialPromo div.linkArrow
{
    width:239px;
    margin:0;
    padding:5px 0 0 35px;
    background-position: 5px 0;
    border-left: solid 1px #8499b6;
    border-right: solid 1px #8499b6;
}

/*------------------------------------------------------------------------------------------
news box ---------------------------------------------------------------------------------*/

div.whiteSpace
{
    height:238px;
}
iframe.newsBoxFrame
{
    margin:8px 16px;
}
div.newsBox
{
    width:575px;
    height:136px;
    background-color:#FFFFFF;
    background-image:url("../Image/newsBoxBG.jpg");
    background-position:0 22px;
    background-repeat:repeat-x;
    margin:22px 24px;
}
div.newsWrapper
{
    height:104px;
    overflow:hidden;
}
div.newsBox img.latestNews
{
    float:left;
}
div.newsBox span.tab
{
    display:block;
    float:left;
    height:18px;
    margin:0 4px 0 0;
    color:#FFFFFF;
    padding:2px 8px;
    background-image:url("../Image/unselectedTabBG.gif");
    background-position:top;
    background-repeat:repeat;
}
div.newsBox span.selected
{
    background-image:url("../Image/selectedTabBG.gif");
    background-position:top;
    background-repeat:repeat;
}
div.newsBox a, div.newsBox a:hover, div.newsBox a:visited
{
    text-decoration:none;
    cursor:hand;
}
div.newsBox span.newsTitle, div.newsBox span.newsTitle a
{
    display:block;
    margin:16px 8px 0 8px;
    padding:0 0 8px 0;
    font-weight:bold;
    font-size:1.2em;
    text-decoration:none;
    color: #06417b;
}
div.newsBox span.newsText, div.newsBox span.newsText a
{
    display:block;
    margin:0 8px 8px 8px;
    font-size:1.2em;
    text-decoration:none;
    color: #06417b;
}
div.newsBox span.title, div.inFocusBox span.boxTitle
{
    display:block;
    margin:5px 0 0 8px;
    color:#ffffff;
    font-family:Arial Narrow, Arial, Lucida Sans, Helvetica;
    font-weight:bold;
    font-size:18px;
}
div.inFocusBox
{
    float:left;
    width:276px;
    height:180px;
    margin:44px 0 0 0;
    background-color:#FFFFFF;
    background-image:url("../Image/newsBoxBG.jpg");
    background-position:0 0;
    background-repeat:repeat-x;
}
div.inFocus
{
    margin:14px 8px 0 8px;
}
div.inFocus span.title
{
    display:block;
    padding:0 0 8px 0;
    font-weight:bold;
    font-size:1.2em;
    text-decoration:none;
    color: #06417b;
}
div.inFocus span.link
{
    display:block;
    text-align:left;
    color:red;
    font-size:1.0em;
    font-weight:bold;
    margin-top:5px;
}
div.inFocus span.text
{
    display:block;
    text-align:left;
    margin-top:5px;
    color:#06417b
}
div.inFocus a
{
    text-decoration:none;
}
div.prevNext
{
    width:276px;
    height:19px;
    margin:0 0 0 16px;
    background-color:#0270a5;
}
div.prevNext2
{
    float:right;
    margin:6px 4px 0 0;
}
div.linkArrow
{
    width:276px;
    height:20px;
    background:url(../Image/linkArrow.gif) no-repeat left;
    padding:5px 0 0 30px;
    margin:10px 0 0 24px;
    font-size:11px;
    font-weight:bold;
}
div.linkArrow a
{
    color:red;
    text-decoration:none;
}
div.linkArrow a:hover
{
    color:#012c66;
    text-decoration:underline;
}

/*------------------------------------------------------------------------------------------
Global home ------------------------------------------------------------------------------*/

div.globalHeader
{
    margin:0;
    width:1000px;
    height:107px;
}
div.globalHeader img.logo
{
    float:left;
    margin:24px 0 0 34px;
}
div.globalHeader img.globalGateway
{
    float:right;
    margin:0 39px 0 0;
}

div.globalContentContainer
{
    width:922px;
    margin:14px 0 0 34px;
}
div.globalContentContainer img.specialPeople
{
    float:left;
}
div.globalQuoteContainer
{
    float:right;
    width:351px;
    height:138px;
    background-color:#022c66;
    font-family:Georgia, Palatino, Times New Roman, Times, serif;
    font-size:18px;
    line-height:1.4em;
    color:#cbcdc8;
    padding:8px;
}
div.globalRedStripe
{
    width:922px;
    height:34px;
    background-color:#a81002;
}
div.globalRedStripe span.regionName
{
    display:block;
    float:left;
    width:190px;
    background-image:url("../Image/redStripe.gif");
    background-position:top;
    background-repeat:repeat;
    color:#FFFFFF;
    font-family:HelvCondensed, Arial Narrow, Arial;
    font-size:20px;
    margin:0 0 0 15px;
    padding:5px 0 5px 12px;
}
div.globalRedStripe span.selectRegion
{
    display:block;
    float:left;
    width:323px;
    background-image:url("../Image/redStripe.gif");
    background-position:top;
    background-repeat:repeat;
    color:#FFFFFF;
    font-family:HelvCondensed, Arial Narrow, Arial;
    font-size:20px;
    margin:0 15px 0 0;
    padding:2px 9px 8px 0;
}
div.globalRedStripe span.selectRegion input[type="checkbox"]
{
    margin:0;
}
div.globalRedStripe span.selectRegion span.remember
{
    font-size:14px;
    padding-top:0;
}
div.globalRedStripe span.region
{
    display:block;
    float:left;
    width:152px;
    background-image:url("../Image/redStripe.gif");
    background-position:top;
    background-repeat:repeat;
    color:#FFFFFF;
    font-family:HelvCondensed, Arial Narrow, Arial;
    font-size:20px;
    margin:0 15px 0 0;
    padding:5px 0 0 12px;
}
div.globalRedStripe span.region a
{
    color:#FFFFFF;
    text-decoration:none;
}
div.globalContent
{
    width:922px;
    min-height:400px;
    background-image:url("../Image/globalContentBG.gif");
    background-position:top;
    background-repeat:repeat-x;
}
div.regionImage
{
    float:right;
    margin-right:15px;
}
div.graphicLinks img
{
    float:left;
    
}
