﻿* html .spotlight, * html  .footer-col { overflow-x: hidden;}
* html #features { overflow-x: hidden;}

/**********************************************
 ****************** FEATURES ******************
 **********************************************/

#features { display: inline; float: left; margin: 30px 0 0 0; width: 940px; height: 310px; overflow: hidden; width: 100%; }
#features .bottom{ background: url(/img/container-border.jpg) repeat-x; width:100%; height:12px; position:absolute; left:0; /* top:567px;*/}
#feature-container { background-color: #ffffff; height: 310px; position: absolute; width: 100%; left: 0; z-index: 100; overflow: hidden; line-height:0;}

/* fix for IE8 */
#feature-container{margin-top:-2px\0/;}

/* fix for FF */
html>/**/body #feature-container, x:-moz-any-link, x:default #feature-container {margin-top:-2px;}

/* fix for chrome, safari */
@media screen and (-webkit-min-device-pixel-ratio:0){ #feature-container {margin-top:-2px;}}

#feature-container #feature-nav { position: absolute; z-index: 110; width: 100%; text-align: center; }
#feature-container #feature-nav-shim { margin: 0 auto; width: 18px; height: 18px; display: none;}
#feature-container #feature-slider { position: relative;}
#feature-container img { float: left;}
.feature-step { position: absolute;}
.feature-step a{ width: 25px; height: 25px; display: block;}
#feature-step-left {background:url(/img/previous.png) no-repeat;}
#feature-step-right { background:url(/img/next.png) no-repeat; right:0px;}
#features .step-container{z-index: 125; top:120px; margin-left:auto; margin-right:auto; position:relative; width:980px; height:1px; }


/**********************************************
 ***************** SPOTLIGHTS *****************
 **********************************************/

.spotlight-container{width: 200px; z-index: 350; cursor:pointer; height: 50px; float:left; padding:0; display:inline;}
.spotlight-menu{ background:url(/img/spotlight-bar.png) no-repeat; z-index: 420; width:820px; padding:0; margin-top:-42px; position:relative; height:50px;  margin-left:auto; margin-right:auto;}

/**********************************************
 ************* SPOTLIGHTS OVERLAY *************
 **********************************************/

 #overlay{position:relative; margin-left:auto; margin-right:auto; width: 800px; height: 30px; margin-top: 270px; z-index: 350; left:15px; }
.overlay-container{ position: absolute; z-index: 360;  width: 774px; height: 252px; margin-top:-268px;}
* html .overlay-container{ overflow-x: hidden;}
.close{width:20px; height:20px; position:absolute; top:4px; left:750px; cursor:pointer;}

#overlay-a{background:url(/img/overlay-a.png) no-repeat; color:#393838;}
#overlay-b{background:url(/img/overlay-b.png) no-repeat; color:#393838;}
#overlay-c{background:url(/img/overlay-c.png) no-repeat; color:#393838;}
#overlay-d{background:url(/img/overlay-d.png) no-repeat; color:#393838;}

.overlay-arrow{ width:25px; height:25px; background:url(/img/overlay-arrow.png) no-repeat;}

#arrow-a{margin-left:80px; margin-top:-30px;}
#arrow-b{margin-left:270px; margin-top:-30px;}
#arrow-c{ margin-left:470px; margin-top:-30px;}
#arrow-d{ margin-left:670px; margin-top:-30px;}

.overlay-container p{ font-size:1.2em;}
.overlay-container .info{ width:98%; height:98%; padding:10px;}
.overlay-container .sep{ border-right:dotted 1px #474646; width:1px; height:150px; float: left; display: inline;}
.overlay-container a{ color:#2f69b0; text-decoration:none;}
.overlay-container a:hover{ text-decoration:underline;}

/*  OVERLAY-A  */
#overlay-a .cols{ width: 293px; height: 120px; float: left; display: inline; margin-left: 7px; position:relative; margin-top:3px; }
#overlay-a .graphic{ float:left;}
#overlay-a .img{ width: 147px; height: 140px; float: left; display: inline;}
#overlay-a .plans{ float:left; margin-left:5px;}
#overlay-a h2{padding-top:9px; color:#393838;}
#overlay-a h2, #overlay-a h3{ font-size:1.4em; color:#393838; line-height:0.1em;}
#overlay-a p{margin:0; padding:0; font-size:1.2em;}
#overlay-a h4{ font-weight:bold; margin:0 0 3px 0; padding:0; font-size:1.2em;}
#overlay-a UL.green{ list-style: none; margin:-3px 0 0 -12px; padding: 0; font-size:1.2em; color:#669933;}
#overlay-a UL.green LI{ background: url(/img/green-bullet-point.png) no-repeat 12px 7px; line-height:1.1em; }
#overlay-a UL.green LI a{color:#669933; text-decoration:underline;}
#overlay-a UL.green LI a:hover{text-decoration:none;}
#overlay-a .container{margin:3px 0 0 10px; float:left; width:555px; line-height:1em; z-index:1;}
#overlay-a .container p{ line-height:1em; }
#overlay-a .plan-link{ position:absolute; top:90px; left:140px;} 

/*  OVERLAY-B  */
#overlay-b h2{font-size:2.0em; color:#393838; line-height:0.5em; padding-top:7px;} 
#overlay-b h3{font-size:1.7em; color:#393838; line-height:0.5em;} 
#overlay-b .img{ width: 130px; height: 150px; float: left; display: inline;}
#overlay-b .cols{ width: 295px; height: 130px; float: left; display: inline; margin-left: 6px; }
#overlay-b  UL.green{ list-style: none; margin:0; padding:0; font-weight:600; font-size:1.3em;  line-height:1.2em;}
#overlay-b  UL.green LI{ background: url(/img/left-closed-arrow.png) no-repeat 12px 5px; margin-bottom:5px;}
#overlay-b  UL.green LI span{font-size:0.9em; margin:0; padding: 0; display:block; font-weight:normal;}
#overlay-b  UL.common{ list-style: none; margin:0; padding:0; }
#overlay-b  UL.common LI{ background: url(/img/blue-bullet-point.png) no-repeat 12px 7px; font-size:1.1em; }
#overlay-b  UL.common LI a, #overlay-b  UL.green LI a{color:#393838;}
#overlay-b p{margin:5px 0 0 0; padding:0;}
#overlay-b p.newsletter{font-weight:bold; margin-left:25px; margin-top:3px;}


/*  OVERLAY-C  */
#overlay-c h2{padding-top:7px;}
#overlay-c h2, #overlay-c h3{ font-size:1.5em; color:#393838; line-height:0.3em;}
#overlay-c .img{ width: 160px; height: 150px; float: left; display: inline;}
#overlay-c .cols{ width: 187px; height: 150px; float: left; display: inline; margin-left: 5px; margin-right: 5px;}


/*  OVERLAY-D  */
#overlay-d h2{font-size:1.7em; color:#393838; text-align:center; padding-top:7px; line-height:0.5em;}
#overlay-d h3{font-size:2.0em; color:#393838; text-align:center; line-height:0.5em;}
#overlay-d p{margin:2px; padding:0;}
#overlay-d #group-quotes{width:260px; height:130px; margin-left:210px; margin-top:38px; float:left;}
#overlay-d #group-quotes button{margin-top: 5px;}
#overlay-d #links{width:225px; height:150px; float:left; margin-left:35px; margin-top:-15px;}
#overlay-d UL.green{ list-style: none; margin:0; padding: 0; }
#overlay-d UL.green LI{ background: url(/img/left-closed-arrow.png) no-repeat 12px 6px; margin-bottom:3px; font-size:1.2em; line-height:1.2em;}
#overlay-d UL.green a{  font-weight:bold;color:#393838;}
#overlay-d UL.green LI span{display:block; font-size:0.9em; }

