

/* Key Features */
.keyfeatures {position: relative; width: 730px; height: 445px; margin: 0 auto;}

.keyfeatures .layer{position: absolute;}

.keyfeatures .images{z-index: 1; }
.keyfeatures .images img{position: absolute; }


.keyfeatures .arrows{z-index:2; top: 200px; width: 730px; display: none;}
.keyfeatures .arrows a{cursor: pointer; display: block; width:38px; height:38px; background-repeat: no-repeat; }
.keyfeatures .arrows a:hover{background-position: 0 -64px; }
.keyfeatures .arrows a.prev{float:left; margin-left: 5px; background-image: url(../img/keyfeatures/keyfeatures-arrow-left.png);}
.keyfeatures .arrows a.next{float:right; margin-right: 5px; background-image: url(../img/keyfeatures/keyfeatures-arrow-right.png);}


.keyfeatures .shade,
.keyfeatures .video-shade{z-index:3; bottom:0; width: 730px; height: 445px; background: url(../img/keyfeatures/keyfeatures-overlay-bg.png);}
.keyfeatures .video-shade{z-index:6; display: none;}

.keyfeatures .info{z-index:4; bottom: 0; color: white; width: 730px; display: none; }
.keyfeatures .info .column{padding: 20px; margin-bottom:7px; background: url(../img/keyfeatures/keyfeatures-separator.png) repeat-y; }
.keyfeatures .info .copy{float:left; width:520px; padding: 0 38px 25px; font-size: 11px; background: none; }
.keyfeatures .info .copy h3#key_feature_title{margin: 0 0 5px; font-size: 15px;color: white;}
.keyfeatures .info .copy #key_feature_copy,
.keyfeatures .info .copy #key_feature_copy p{ color: white; font-size: 13px; line-height: 13px; padding-bottom: 0;}
.keyfeatures .info .copy p.legal { font-size: 11px; }
.keyfeatures .info .video{float:right; text-align: center; padding: 8px 20px 23px; height:54px; }
.keyfeatures .info .video a{color: white; text-decoration: none;}
.keyfeatures .info .video a span{display: block; font-size: 11px; text-transform: uppercase;}
.keyfeatures .info .all-key-features{float:right;  padding: 18px 20px 12px ;width: 92px;}
.keyfeatures .info .all-key-features a{display: block; color:white; font-size: 12px; text-transform: uppercase; text-decoration: none; background-image: url(../img/keyfeatures/keyfeatures-arrow-up.png); background-position: right top; background-repeat: no-repeat; padding-right: 20px; height: 20px; margin: 0; padding-top:1px; text-align: left;}
.keyfeatures .info .all-key-features a:hover{background-position: right -28px;}

.keyfeatures .selector{z-index:5;  width: 680px; padding: 50px 25px; }
.keyfeatures .selector .close,
.keyfeatures .video-shade .close{display: none;position: absolute; top:10px; right:10px; width:16px; height:16px; background-image: url(../img/keyfeatures/keyfeatures-close-btn.png);background-repeat: no-repeat;}
.keyfeatures .selector .close:hover,
.keyfeatures .video-shade .close:hover{background-position: 0 -28px; }

.keyfeatures .selector h2{color: white; text-transform: uppercase; font-size: 22px; border-bottom: 1px solid #777; padding: 0 0 18px 0; margin: 0 0 25px;}
.keyfeatures .selector .feature {width:125px; margin: 0 13px 37px 0; display: inline-block; vertical-align: top;}
.keyfeatures .selector .last-in-row{margin-right:0;}
.keyfeatures .selector .feature .thumb {width:121px; height: 66px; overflow: hidden; margin: 2px; display: block; zoom:1;position: relative; }
/*.keyfeatures .selector .feature .thumb img { margin-left: -80px; margin-top:-45px;}*/
.keyfeatures .selector .feature .title{color: white; font-size:12px; padding-top: 5px; margin-left: 2px;text-transform: uppercase;}
.lt-ie7 .keyfeatures .selector .feature .title { line-height: 1.1; }
.lt-ie7 .keyfeatures .selector .feature .title sup { font-size: 8px;vertical-align: top;}
.lt-ie7 .keyfeatures .selector .feature{display: inline; zoom:1;}

.keyfeatures .video-container{z-index:6; left: 200px; top: 50px; width: 600px; height: 342px; display: none; }
