/*****
 Banner Global Style tabs css
 *****/
.banner { position:relative; height:303px;}
.css-panes { background:#FFF; margin:0px 5px 0px 5px;}
ul.css-tabs { margin:0px 5px 0px 5px; padding:0px; list-style-type:none; position: absolute; bottom:0; background: url(/images/banner-style/active-tabs-sprite.png) 0 0 no-repeat; }
ul.css-tabs li { padding:0px; color:#6b6b6b; float:left; margin:0px; height:84px; display:block;}

/***** WHY TAB STYLE *****/
ul.css-tabs li.why { /*border-left:#000 solid 1px; border-right:#666 solid 1px; */ }
ul.css-tabs li.why a, 
ul.css-tabs li.why a:link, 
ul.css-tabs li.why a:active, 
ul.css-tabs li.why a:visited { color:#FFF; font-size:20px; font-weight:bold; text-decoration:none; text-transform:uppercase; display:block; padding:30px 0px 0px 10px; height:54px; width:225px; }
ul.css-tabs li.why a.current,
ul.css-tabs li.why a.current:link,
ul.css-tabs li.why a.current:active,
ul.css-tabs li.why a.current:visited,
ul.css-tabs li.why a.current:hover,
ul.css-tabs li.why a:hover { background:url(/images/banner-style/active-tabs-sprite.png) 0px -84px no-repeat; width:225px; height:54px; display:block;}
ul.css-tabs li.why .disc { font-size:11px; color:#c2c2c2; text-transform:lowercase; font-weight:normal;}

/***** WHAT TAB STYLE *****/
ul.css-tabs li.what {}
ul.css-tabs li.what a, 
ul.css-tabs li.what a:link, 
ul.css-tabs li.what a:active, 
ul.css-tabs li.what a:visited { color:#FFF; font-size:20px; font-weight:bold; text-decoration:none; text-transform:uppercase; display:block; padding:30px 0px 0px 10px; height:54px;  width:230px; }
ul.css-tabs li.what a.current,
ul.css-tabs li.what a.current:link,
ul.css-tabs li.what a.current:active,
ul.css-tabs li.what a.current:visited,
ul.css-tabs li.what a.current:hover,
ul.css-tabs li.what a:hover { background:url(/images/banner-style/active-tabs-sprite.png) -235px -84px no-repeat; width:230px; height:54px; display:block;}
ul.css-tabs li.what .disc { font-size:11px; color:#c2c2c2; text-transform:lowercase; font-weight:normal;}

/***** HOW TAB STYLE *****/
ul.css-tabs li.how { }
ul.css-tabs li.how a, 
ul.css-tabs li.how a:link, 
ul.css-tabs li.how a:active, 
ul.css-tabs li.how a:visited { color:#FFF; font-size:20px; font-weight:bold; text-decoration:none; text-transform:uppercase; display:block; padding:30px 0px 0px 10px; height:54px; width:230px; }
ul.css-tabs li.how a.current,
ul.css-tabs li.how a.current:link,
ul.css-tabs li.how a.current:active,
ul.css-tabs li.how a.current:visited,
ul.css-tabs li.how a.current:hover,
ul.css-tabs li.how a:hover { background:url(/images/banner-style/active-tabs-sprite.png) -475px -84px no-repeat; width:230px; height:54px; display:block;}
ul.css-tabs li.how .disc { font-size:11px; color:#c2c2c2; text-transform:lowercase; font-weight:normal;}

/***** WHAT IF TAB STYLE *****/
ul.css-tabs li.what-if { }
ul.css-tabs li.what-if a, 
ul.css-tabs li.what-if a:link, 
ul.css-tabs li.what-if a:active, 
ul.css-tabs li.what-if a:visited { color:#FFF; font-size:20px; font-weight:bold; text-decoration:none; text-transform:uppercase; display:block; padding:30px 0px 0px 10px; height:54px;width:225px;}
ul.css-tabs li.what-if a.current,
ul.css-tabs li.what-if a.current:link,
ul.css-tabs li.what-if a.current:active,
ul.css-tabs li.what-if a.current:visited,
ul.css-tabs li.what-if a.current:hover,
ul.css-tabs li.what-if a:hover { background:url(/images/banner-style/active-tabs-sprite.png) -715px -84px no-repeat; width:225px; height:54px; display:block;}
ul.css-tabs li.what-if .disc { font-size:11px; color:#7f7f7f; text-transform:lowercase; font-weight:normal;}

/*****Banner backgrounds *****/
.bannerWhy { background:url(/images/banner-style/banner-why-bg.jpg) no-repeat top right; height:234px; padding:10px 500px 20px 0px; font-size:15px;}
.bannerWhy h1 {color:#000; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; background:none;}
.bannerWhy h2 { color:#000; margin:0px 0px 5px 0px; background:none; border:none;}
.bannerWhy p { color:#333; padding-bottom:4px; padding-top:4px;}
.bannerWhy .ReadMore
.bannerWhy .ReadMore a, 
.bannerWhy .ReadMore a:link, 
.bannerWhy .ReadMore a:active, 
.bannerWhy .ReadMore a:visited { background:url(/images/page-structure/read-more-bg.jpg) #7b7b7b no-repeat right; padding:2px 25px 2px 2px; color:#FFF; text-decoration:none; margin:10px 0px 0px 0px; float:right;}
.bannerWhy .ReadMore a:hover { color:#FFF; text-decoration:underline; margin:10px 0px 0px 0px; float:right;}
.bannerWhy ul { list-style:none; margin:0px; padding:0px;}
.bannerWhy li { padding:2px 0px 5px 0px;}

.bannerWhat { background:url(/images/banner-style/banner-what-bg.jpg) no-repeat top right; height:234px; padding:10px 500px 20px 0px; font-size:15px;}
.bannerWhat h1 { color:#000; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; background:none;}
.bannerWhat h2 { color:#000; margin:0px 0px 5px 0px; background:none; border:none;}
.bannerWhat p { color:#333333; padding-bottom:4px; padding-top:4px;}
.bannerWhat .ReadMore
.bannerWhat .ReadMore a, 
.bannerWhat .ReadMore a:link, 
.bannerWhat .ReadMore a:active, 
.bannerWhat .ReadMore a:visited { background:url(/images/page-structure/read-more-bg.jpg) #7b7b7b no-repeat right; padding:2px 25px 2px 2px; color:#FFF; text-decoration:none; margin:10px 0px 0px 0px; float:right;}
.bannerWhat .ReadMore a:hover { color:#FFF; text-decoration:underline; margin:10px 0px 0px 0px; float:right;}
.bannerWhat ul { list-style:none; margin:0px; padding:0px;}
.bannerWhat li {padding:2px 0px 5px 0px;}

.bannerHow { background:url(/images/banner-style/banner-how-bg.jpg) no-repeat top right; height:234px; padding:10px 500px 20px 0px;  font-size:15px;}
.bannerHow h1 { color:#000; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; background:none;}
.bannerHow h2 { color:#000; margin:0px 0px 5px 0px; background:none; border:none;}
.bannerHow p { color:#333333; padding-bottom:4px; padding-top:4px;}
.bannerHow .ReadMore
.bannerHow .ReadMore a, 
.bannerHow .ReadMore a:link, 
.bannerHow .ReadMore a:active, 
.bannerHow .ReadMore a:visited { background:url(/images/page-structure/read-more-bg.jpg) #7b7b7b no-repeat right; padding:2px 25px 2px 2px; color:#FFF; text-decoration:none; margin:10px 0px 0px 0px; float:right;}
.bannerHow .ReadMore a:hover { color:#FFF; text-decoration:underline; margin:10px 0px 0px 0px; float:right;}
.bannerHow ul { list-style:none; margin:0px; padding:0px;}
.bannerHow li {padding:2px 0px 5px 0px;}

.bannerWhatIf { background:url(/images/banner-style/banner-what-if-bg.jpg) no-repeat top right; height:234px; padding:10px 500px 20px 0px; font-size:15px;}
.bannerWhatIf h1 { color:#000; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; background:none;}
.bannerWhatIf h2 { color:#000; margin:0px 0px 5px 0px; background:none; border:none;}
.bannerWhatIf p { color:#333333; padding-bottom:4px; padding-top:4px;}
.bannerWhatIf .ReadMore
.bannerWhatIf .ReadMore a, 
.bannerWhatIf .ReadMore a:link, 
.bannerWhatIf .ReadMore a:active, 
.bannerWhatIf .ReadMore a:visited { background:url(/images/page-structure/read-more-bg.jpg) #7b7b7b no-repeat right; padding:2px 25px 2px 2px; color:#FFF; text-decoration:none; margin:10px 0px 0px 0px; float:right;}
.bannerWhatIf .ReadMore a:hover { color:#FFF; text-decoration:underline; margin:10px 0px 0px 0px; float:right;}
.bannerWhatIf ul { list-style:none; margin:0px; padding:0px;}
.bannerWhatIf li {padding:2px 0px 5px 0px;}