﻿/* Home Page Promo Boxes */
DIV.group-promo {float:left; width:470px; margin:13px 0px 0px 0px; padding:0px 0px 0px 30px; background:url(../img/bg_promo.gif) 30px 0px repeat-y;}
DIV.promo {float:left; width:235px; margin:0px 0px 0px 0px; padding:0px 0px 18px 0px;}
DIV.promo DIV {float:left; width:226px; background:#E7E8DC; border-top:2px solid #AFBA49;}
DIV.promo DIV DIV {float:left; width:217px; margin:2px 0px 0px 0px; padding:0px 0px 11px 7px; border:1px solid #E7E8DC;}
DIV.promo DIV DIV:hover, DIV.promo DIV DIV.over {background:#FFF; border:1px solid #D6D9D2; cursor:pointer;}
DIV.promo H2 {padding:5px 0px; color:#778026;}
DIV.promo H2 A {color:#778026; text-decoration:none;}
DIV.promo H2 A:hover {color:#778026; text-decoration:underline;}
DIV.promo IMG {float:none;}
DIV.promo P {padding:2px 8px 2px 0px; line-height:1.7em;}
DIV.promo A.btn {display:block; height:24px; width:88px; background:url(../img/btn_learn_more_promo.gif) 0px 0px no-repeat; text-indent:-9000px;}
DIV.promo DIV:hover A.btn, DIV.promo DIV.over A.btn {background-position:0px -24px;}

/* Home Page Quick Links */
DIV.group-quicklink {float:left; width:240px; margin:13px 0px 0px 0px; padding:1px 0px 0px 0px; background:url(../img/border_dotted_green.gif) 0px 0px repeat-x;}
DIV.quicklink {float:left; clear:left; width:229px; padding:8px 0px 11px 11px; background:url(../img/border_dotted_green.gif) 0px 100% repeat-x;}
DIV.quicklink:hover, DIV.group-quicklink DIV.over {background-color:#FFF; cursor:pointer;}
DIV.quicklink IMG {margin:2px 0px 0px 0px;}
DIV.quicklink DIV.txt {float:left; width:185px; padding:0px 0px 0px 5px;}
DIV.quicklink DIV.txt H3 {padding:0px;}
DIV.quicklink DIV.txt H3 A {color:#778026; text-decoration:none;}
DIV.quicklink DIV.txt H3 A:hover {text-decoration:underline;}
DIV.quicklink DIV.txt P {padding:0px; line-height:normal;}

/* Home Page Login */
DIV#login {float:left; width:170px; position:relative; padding:0px 0px 0px 30px; z-index:100;}
DIV#login SPAN#dd_login_action {float:left; height:24px; width:160px; background:url(../img/dd_login.gif) 0px 0px no-repeat; text-indent:-9000px; cursor:pointer; z-index:100;}
DIV#login DIV#dd_login {position:absolute; left:30px; top:0px; width:160px; padding:21px 0px 0px 2px; display:none; background:url(../img/dd_login.gif) 0px 0px no-repeat; }
DIV#login DIV#dd_login A {float:left; clear:left; display:block; width:147px; padding:0px 0px 0px 9px; font-size:12px; font-weight:bold; text-decoration:none; z-index:100;}
DIV#login DIV#dd_login A.client {height:21px; padding-top:7px; background:url(../img/dd_bg_client.gif) 0px 0px no-repeat;}
DIV#login DIV#dd_login A.channel {height:21px; padding-top:3px; background:url(../img/dd_bg_channel.gif) 0px 0px no-repeat;}

/* Home Page Teaser Items */
DIV.group-teaser {float:left; width:180px; padding:0px 0px 0px 20px; z-index:1; position:relative;}
DIV.teaser {float:left; width:170px; margin:6px 0px 0px 0px; padding:15px 0px 25px 10px; background:url(../img/bg_teaser_top.gif) 100% 0px no-repeat; position:relative; z-index:1; }
DIV.teaser:hover, DIV.group-teaser DIV.over {background:#FFF; cursor:pointer;}
DIV.teaser IMG {float:none;}
DIV.teaser H3 {padding:3px 0px; color:#778026;}
DIV.teaser H3 A {color:#778026; text-decoration:none;}
DIV.teaser H3 A:hover {text-decoration:underline;}
DIV.teaser P {padding:0px; line-height:normal;}
DIV.teaser A.more {padding:0px 0px 0px 18px; font-size:1.1em; background:url(../img/bullet_arrow.gif) 0px 50% no-repeat;}
DIV.teaser OBJECT.logo-loop {z-index:1;}

/* Content Teaser */
DIV.teaser-content {float:right; width:190px; padding:10px 0px 0px 10px; cursor:pointer;}
DIV.teaser-content DIV {float:left; width:174px; padding:4px 8px 10px 8px; background:#E7E8DC; border-top:3px solid #AFBA49;}
DIV.teaser-content H3 {padding:2px 0px; color:#778026;}
DIV.teaser-content A.btn {display:block; height:24px; width:144px; margin:10px 0px 0px 0px; background:url(../img/btn_launch_calculator.gif) 0px 0px no-repeat; text-indent:-9000px;}

/* Content Page Quick Links */
DIV.quicklinks {float:left; width:240px; margin:22px 0px 0px 0px;}
DIV.quicklinks H3 {background:url(../img/h3_quick_links.gif) 0px 0px no-repeat; text-indent:-9000px;}
DIV.quicklinks DT {padding:0px; color:#778026; font-size:1.1em; font-weight:bold; line-height:1.5em;}
DIV.quicklinks DD {padding:0px 0px 4px 0px;}
DIV.quicklinks DD A {display:block; padding:0px 0px 0px 16px; background:url(../img/bullet_arrow.gif) 0px 2px no-repeat;}

/* Media Centre Listing */
DIV.group-article {float:left; clear:left; width:470px;}
DIV.article {float:left; width:470px; padding:0px 0px 15px 0px;}
DIV.article H3 {padding:0.2em 0px;}
DIV.article H3 A {color:#6D7898;}
DIV.article CITE {display:block; color:#666; font-size:1.1em; font-style:normal; font-weight:bold;}
DIV.article P {padding:0.3em 0px; line-height:1.7em;}

/* Podcast Listing */
DIV.group-podcast {float:left; width:470px; margin:10px 0px 0px 0px;}
DIV.podcast {float:left; clear:left; width:470px; padding:5px 0px 15px 0px; background:url(../img/border_dotted_green.gif) 0px 0px repeat-x;}
DIV.podcast DIV.player {float:left; width:120px;}
DIV.podcast DIV.txt {float:left; width:350px;}
DIV.podcast DIV.txt H4 {padding:0px; line-height:normal;}
DIV.podcast DIV.txt P {padding:3px 0px;}
DIV.podcast DIV.txt A.more {display:block; padding:0px 0px 0px 18px; background:url(../img/bullet_arrow.gif) 0px 2px no-repeat; font-size:1.1em;}

/* Testimonial Listing */
DIV.group-testimonial {float:left; width:480px; background:url(../img/bg_testimonial.gif) 0px 0px repeat-y;}
DIV.testimonial {float:left; width:160px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
DIV.testimonial DIV {float:left; width:151px; background:#E7E8DC; border-top:2px solid #AFBA49;}
DIV.testimonial DIV DIV {float:left; width:142px; margin:2px 0px 0px 0px; padding:7px 0px 11px 7px; border:1px solid #E7E8DC;}
DIV.testimonial DIV DIV:hover, DIV.testimonial DIV DIV.over, DIV.testimonial DIV DIV.active {background:#FFF; border:1px solid #D6D9D2; cursor:pointer;}
DIV.testimonial H3 {padding:5px 12px 0px 0px; color:#778026;}
DIV.testimonial H3 A {color:#778026; text-decoration:none;}
DIV.testimonial H3 A:hover {color:#778026; text-decoration:underline;}
DIV.testimonial IMG {float:none;}
DIV.testimonial P {padding:2px 0px 5px 2px; line-height:normal;}
DIV.testimonial A.btn {display:block; height:24px; width:88px; background:url(../img/btn_learn_more_promo.gif) 0px 0px no-repeat; text-indent:-9000px;}
DIV.testimonial DIV:hover A.btn, DIV.testimonial DIV.over A.btn {background-position:0px -24px;}

/* Video page */
.video {background: #EDEDED none repeat;}
.video div.body,
.video div.content { width: 730px; display: inline;}

.mainplayer { background: url(../img/bg_videobox.jpg) no-repeat right top; min-height: 330px; overflow: hidden; _zoom: 1;}
.mainplayer .player { float: left; width: 490px; }
.mainplayer .desc h3 { color: #464747; font-size: 14px; font-weight: normal;background:#ffffff url(../img/videotitlebg.gif) no-repeat right bottom; }
.mainplayer .desc p { font-size: 12px; color: #606162; padding-right: 20px; }

.video_s { background: #d8dad4 url(../img/bg_video_s.gif) repeat-x top left; overflow: hidden; _zoom: 1; padding: 12px 0 6px 2px;  }
.video_s div.row{float: left; width: 100%;}
.video_s div.item { float: left; width: 179px; min-height: 126px; height: auto !important; height: 126px; padding: 0; margin: 0 0px 0 0; border-right: 3px solid #D8DAD4; background-color: #fff;}
.video_s div.item a {display: block; width: 179px; padding: 0px 0 0; text-decoration: none;}
.video_s div.item a div.imgs{width: 179px; height: 85px; overflow: hidden;}
.video_s div.item a div.imgs img.hover{margin: -85px 0 0;}
.video_s div.item p { background-color: #fff; line-height: 120%; padding: 6px 6px; font-size: 12px; color: #606162; text-decoration: none;}
.video_s div.item a:hover{cursor: pointer;}
.video_s div.item a:hover p {text-decoration: underline;}
.video_s div.item a.current div.imgs img.hover,
.video_s div.item a:hover div.imgs img.hover{margin: 0;}
