/*
 * Gridiculous
 *
 * A responsive grid boilerplate that takes you all the way from 1200px on down to 320px.
 *
 * created by c.bavota
 * released under GPL v2
 *
 * March 4th, 2013
 */

/* =Normalize.css v2.1.0 by Nicolas Gallagher - http://necolas.github.com/normalize.css/
-------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:1.25em; margin:0.67em 0; width: 100%;}
h2 {font-size: 1em; margin: 0; width: 100%; overflow: hidden; color: #666; font-weight: bold;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0;}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
footer{width:100%;overflow:hidden;}
body{overflow-x: hidden !important;}
.nav-mobile{height:50px;}
/*
ol li,
ul li { margin-bottom: 5px; }
*/
.content .img-l {
    float: left;
    margin: 3px 20px 15px 0;
  }
.content .img-r {
    float: right;
    margin: 3px 0 15px 20px;
  }

/* =Clearfix by Nicolas Gallagher
-------------------------------------------------------------- */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}
.row:after,.clearfix:after{clear:both}
.row,.clearfix{zoom:1}

/* =Gridiculous
-------------------------------------------------------------- */
.page-wrap  *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
body{font-size:100%;line-height:1.6875; font-family: Arial, Helvetica, sans-serif;}
.grid{margin:0 auto;max-width:1200px;width:100%}
img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px;}
.row{width:100%;margin-bottom:20px}
.row .row{width:auto;margin:0 -20px}
.c1{width:8.33%}
.c2{width:16.66%; *width: 13.66%;}
.c3{width:25%; *width:22%;}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%;}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12{width:100%}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left; padding-left:20px;padding-right:20px; *padding: 0; position:relative; border: solid 0px #000;}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important}
.pad {padding: 0 10px;}

.rednav {background-color: #f80000; height: 60px; clear: both;}

.hide-desktop {display: none;}

/*=== ROWS ===*/
.subrow {margin: 0; padding: 0;}
.latest { margin: 0;}

/*== Row seperator lines ==*/
.rowsep {height: 4px; width: 100%; background-color: #ebebeb; margin: 0 0 20px 0;}
.rowseptop {position: relative; height: 4px; width: 100%; background-color: #ebebeb; margin: 0 0 15px 0;}
.rowsepgradient {position: relative; height: 14px; width: 100%; background: url(../../images/divider-shadow.png) no-repeat top center; margin: 0 0 5px 0;}

/*== Landing Page ROWS ==*/
.latestnews{padding: 0 5px;}
/*.newslead {padding: 0 5px; /*border-bottom: solid 4px #ebebeb; margin: 0 10px 0 0;*/}*/
.newslead img{height:auto; float: left; clear: both;}
.rownews{clear:both; padding: 0px;}
.newssub {margin: 10px 0 0 0;}
.newssub, .catsub {padding: 0 10px;}
.newssub img {margin: 0 0 5px 0;}
.newscontent .newssub{padding-left:4px;}
.catsubtablet {margin: 0; padding: 0; background-color: #FFF;}
.catsidebar{margin: 0 0 20px 0;overflow:hidden;}
.catsidebar .catsub{margin: 0 10px 10px 10px;padding:0;overflow:hidden;}
.catsidebar .lists{height: auto;}
.btmline{border-bottom: 1px solid #ccc;}
.morebutton {margin: 0 5px 0 0; padding: 0; float: right; border: solid 0px #a3aead; text-align: center; float: left;}
.subrhline {border-right: solid 1px #ccc;}
.lhline {border-left: solid 1px #ccc;}
.rhline {border-right: solid 1px #ccc;}
.rhlinetab {border-right: solid 1px #ccc;}
/*=== end of ROWS ===*/


/*=== HEADERS ===*/
.main {font-size:24px/*1.5em*/; margin:0 0 15px 4px; width: 98%; overflow: hidden; line-height: 1em; color: #333; font-weight: normal;}
.lead {font-size: 12px; font-weight: normal; color: #333; margin: 0 0 10px 0; line-height: 1em; height: 15px;display:block;} 
.catlead {font-size: 1em; font-weight: normal; color: #333; margin: 0 0 0px 0; padding: 0; /*border-bottom: solid 1px #e9e9e9;*/ height: 30px; line-height: 0.9em;}
.cattitle {margin: 0}
#lists { margin: 0 0 5px 0; padding: 0; width: 100%; color: #666; font-size: 0.875em; font-weight: bold;}

/* VF H1 */
.landing-banner .left {
  width:320px;
  max-width:320px;
  white-space: nowrap;
}
.landing-banner.no-img h1 {
    padding: 0px 10px 20px;
}
.landing-banner h1 {
    color: #e60000;
    font-family: "vodafoneRegular",Arial;
    font-size: 2.8em;
    font-weight: normal;
    line-height: 40px;
    margin: 0;
    padding: 0;
    text-align: left;
    display: block;
}
.landing-banner h1 span {
  display:block;
  clear:left;
  color:#333;
  font-size:20px;
}

/* Breadcrumbs */
.bread-crumb {
  margin: 0 0 10px 10px;
  display: block;
}
.bread-crumb p {
  color: #666;
  float: left;
  margin: 0 5px 0 0;
}

.bread-crumb p, .bread-crumb ol li{
  font-size: 0.9em;
  float:left;
}
  
.bread-crumb a{text-decoration: underline;}
.bread-crumb a:hover{color: #ef0000;}
.bread-crumb ol{padding: 0;}
  
.bread-crumb ol li{
    color: #666666;
    margin: 0 4px 0 5px;
  float: left;
  display: inline; 
}
.list-inline { list-style: none; margin: 0; overflow: hidden; padding: 0 0 3px; display: inline-block; }

/* Pagination */

.pagination{padding:0;position:relative;width:100%;text-align:center;}
.pagination ul{margin:0 auto;padding:0;display:inline-block}
.pagination li{float:left;margin:0 5px;color:#ccc;padding:0;list-style:none;font-size:0.8em;}
.pagination .disabled{color:#ccc}
.previous-icon{background-position:-10px -570px}
.disabled .previous-icon{background-position:0 -570px}
.disabled .next-icon{background-position:-60px -570px}
.next-icon{background-position:-40px -570px}
.pagination .next-icon{float:right}
.previous-icon,.next-icon{float:left;height:20px;margin:0 5px;width:20px}
.previous-icon,.next-icon,.move-up,.move-down{background-image:url('../images/sprite.png');background-repeat:no-repeat}

/* category navigation icons */

.cat-icons {
  float:right;
  margin:10px 0 0 0;
  padding:15px 0 0 0;
}
.cat-icons ul {
  list-style:none;
  margin:0;padding:0;
}
.cat-icons ul li {
  float:left;
  font-size:0.9em;
  display:table-cell;
  vertical-align:bottom;
  padding-top:40px;
  text-align:center;
  margin:0;
  width:100px;
}
.cat-icons ul li a {
  color:#aaa;
  padding-top:40px;
}
.cat-icons ul span {
  display:block;
  text-align:center;
  font-size:0.8em;
  color:#ccc;
}

/* Category icons background positioning - desktop */


.icon {
  background-image: url("../images/sprite.png");
  background-repeat: no-repeat;
  display: inline-block;
}

.cat-icons ul li.nav-news{background-position: -850px -640px;}
.cat-icons ul li.nav-casestudies{background-position: -850px -700px;}
.cat-icons ul li.nav-analystviews{background-position: -850px -770px;}
.cat-icons ul li.nav-whitepapers{background-position: -850px -825px;}
.cat-icons ul li.nav-videos{background-position: -850px -895px;}
.cat-icons ul li.nav-events{background-position: -852px -958px;}
/*.cat-icons ul li.nav-news{background-position: -890px -990px;}*/

/* Category icons background positioning - mobile */

.nav-menu li.nav-news{background-position: 15px 13px;padding-left: 10px;}
.nav-menu li.nav-casestudies{background-position: 15px -52px;padding-left: 10px;}
.nav-menu li.nav-analystviews{background-position: 15px -118px;padding-left: 10px;}
.nav-menu li.nav-whitepapers{background-position: 15px -178px;padding-left: 10px;}
.nav-menu li.nav-videos{background-position: 15px -248px;padding-left: 10px;}
.nav-menu li.nav-events{background-position: 15px -308px;padding-left: 10px;}
.nav-menu li:last-child{border:none;}


.clearfix { zoom: 1; }
  .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.left { float: left!important; }
.right { float: right!important; }
.nav-icon { display: block; background-image: url(../../images/cat-icon-sprite.png);background-repeat:no-repeat;}


/*=== end of HEADERS ===*/


/*=== TEXT STYLES ===*/
.newsleadtext, .catlistleadtext {position: relative; float: left; display: block; margin: 10px auto 0; padding: 0; width: 100%; /*border: solid 1px green;*/  }
.newsleadtext p {float: left; margin: 0; padding: 0; color: #666; font-size: 0.8em; line-height: 1.125em; min-height: 1.5em; /*max-height: 4em; overflow: hidden;*/ border: solid 0px green;}
.newsleadtext h1{line-height: 1.125em; min-height: 1.5em;font-size: 1em;margin-bottom:15px;}
.catlistleadtext {margin: 0 auto;}
.newssubtext {width: 100%; border: solid 0px green; margin: 10px auto 0;/*height: 5em;*/}
.newssubtext p, .catlistsubtext p {margin: 0; padding: 0; color: #666; font-size: 0.875em; line-height: 1.125em; min-height: 4em; display: block; overflow: visible; border: solid 0px green;}

.catsubtablet {margin: 0; width: 100%; border: solid 0px green;}
.catsubtablet p {margin: 5px auto 0; padding: 0; color: #666; font-size: 0.875em; line-height: 1.125em; height: 50px; display: block; overflow: hidden; border: solid 0px green;}

.catsubtext {width: 100%; border: solid 0px green; margin: 5px auto 0;}
.catsubtext p {margin: 0; padding: 0; color: #666; font-size: 0.875em; line-height: 1.125em; height: 60px; display: block; overflow: hidden; border: solid 0px green;}
.view {float: right; margin: 0 0 10px 0; background-image: url(../../images/viewarrow.png); background-repeat: no-repeat; background-position: left; font-size: 12px; font-weight: 700; color: #333; padding: 0 0 0 10px;}
.readmore {float: right; margin: 0 0 10px 0; background-image: url(../../images/nav-arrow-right-lrg.png); background-repeat: no-repeat; background-position: right; font-size: 12px; color: #666666; padding: 0 15px 0 0;}
.readmore a {color: #666666;}
.published-meta {float: left; margin: 0 0 10px 0; font-size: 12px; color: #aaa; padding: 0 10px 0 0;}
.readmore-link { float: right; font-size: 12px; }
.readmore-link a { color: #666666; }
.readmore-link .view-more { background: url(../../images/nav-arrow-right-lrg.png) no-repeat; width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-left: 5px; }

.catlistsubtext {position: relative; float: left; display: block; margin: 0 auto 0px; padding: 0; width: 100%; height: 147px; font-size: 0.875; /*border: solid 1px green;*/  }
.catlistsubtext h2{line-height: 1.3em;margin-bottom:20px;/*height:50px;*/}
.catlistsubtext p{font-size: 13px;}
.w960 .catarticle {margin:35px 0 20px 0;}
.catarticle .newslead {padding: 0;}


/* == UL LISTS == */
.lists { margin: 0 0 0px 0; border: solid 0px blue; width: 96%; display: inline-block; clear: both; overflow: hidden;}
.lists ul {float: right; margin: 0; padding: 0; position: relative; width: 100%; border: solid 0px red; list-style-image: none; list-style-type: none;}
.lists li{margin: 0 0 5px 0; padding: 0 0 0 15px; width: 100%; color: #666; line-height: 1.125em; background-image: url(../../images/liarrow.png); background-repeat:no-repeat; border: solid 0px green; text-align: left; overflow: hidden; /*text-overflow:ellipsis; white-space: nowrap;*/}
/*orginal code: ul.no-marg li, ol.no-marg li {margin: 0; line-height: 1.5em; font-size: 13px; color: #333;} */
/*modified below line  for defect no 36819 discussed with team*/
ul.no-marg li, ol.no-marg li {margin: 0; margin-left:-25px; line-height: 1.5em; font-size: 13px; color: #333;}




/*=== LINKS ===*/
a { color: #333; text-decoration: none;}
a:hover, a:focus { outline: medium none; text-decoration: underline;}
p a { text-decoration: underline;}
p a:hover, a:focus { text-decoration: none;}

.newsleadtext p a, .newssubtext p a, .catsubtablet p a, .catsubtext a, .lists a, .list-chevron a { color: #666; }

.morebutton a:link, .morebutton a:visited {float: right; margin: 0 5px 0 0; padding: 3px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; font-size: 1em; line-height: 1.65; color: white; background-color: #A4438B; /*height: 26px;*/
  background-image: -moz-linear-gradient(center top , #A4438B, #6A2659); 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#A4438B), to(#6A2659));
  background-image: -webkit-linear-gradient(top, #A4438B, #6A2659);
  background-image: -moz-linear-gradient(top, #A4438B, #6A2659);
  background-image: -ms-linear-gradient(top, #A4438B, #6A2659);
  background-image: -o-linear-gradient(top, #A4438B, #6A2659);
  background-image: linear-gradient(to bottom, #A4438B, #6A2659);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A4438B, endColorstr=#6A2659);

  background-position: left top; border: 1px solid #611C50; color: #FFFFFF;
  background-repeat: repeat-x; display: inline-block; text-decoration: none; vertical-align: middle; transition-duration: 300ms, 300ms; transition-property: color, background; transition-timing-function: linear, ease-in;}

.morebutton a:hover, .morebutton a:active, .morebutton a:focus {
  background-position: left bottom;
  background-image: -moz-linear-gradient(center top , #441238, #6B265A);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#441238), to(#6B265A));
  background-image: -webkit-linear-gradient(top, #441238, #6B265A);
  background-image: -moz-linear-gradient(top, #441238, #6B265A);
  background-image: -ms-linear-gradient(top, #441238, #6B265A);
  background-image: -o-linear-gradient(top, #441238, #6B265A);
  background-image: linear-gradient(to bottom, #441238, #6B265A);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#441238, endColorstr=#6B265A);
}
/*== end of LINKS ==*/

/*=== Visibility ===*/
.hidden {visibility: hidden;}
.visible {visibility: visible;}
.none {display: none;}
.hide-desktop {display: none;}
.show-desktop {display: block;}

/*=== FONT REPLACEMENT ===*/
@font-face{font-family:'VodafoneBold';src:url("../fonts/vodafonergbd-webfont.eot");src:url("../fonts/vodafonergbd-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/vodafonergbd-webfont.woff") format("woff"),url("../fonts/vodafonergbd-webfont.ttf") format("truetype"),url("../fonts/vodafonergbd-webfont.svg#VodafoneBold") format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'VodafoneRegular';src:url("../fonts/VodafoneRgd41d.eot");src:url("../fonts/VodafoneRgd41d.eot?#iefix") format("embedded-opentype"),url("../fonts/VodafoneRg.woff") format("woff"),url("../fonts/VodafoneRg.ttf") format("truetype"),url("../fonts/VodafoneRg.svg#VodafoneRegular") format("svg");font-weight:400;font-style:normal}


/*=== Infographic, Body Images and Video ===*/

#lightbox-content{margin-bottom:30px;}

.body-image-embedded{width:100%;}
.body-image-pop{width:50%;}
.body-image-wrap{float:left;width:50%;margin-right:20px;}

.body-image-embedded{text-align:center;}
.body-image-embedded img{display:block;margin-bottom:0px!important;}
.body-image-pop img,.body-image-wrap img {width:100%;height:auto;display:inline-block;margin-bottom:5px!important;}
.body-image-wrap img{float:left;display:block;margin-right:100px;}
.body-image-embedded span,.video-embedded span{text-align:center;margin-bottom:5px!important;}

.body-image-embedded img,.body-image-pop img,.body-image-wrap img{border:1px solid #000;}

.video-embedded {width: 100%; height: auto;padding:0px;backgrounbd-color:#000;}

.caption{clear:left;display:block;font-size:0.875em;}

/* Poll */

@media screen, print {
  .poll { margin-bottom: 20px; position: relative; }
  .poll .note { display: none;}
  .poll.poll-picture .form-row, .poll.poll-picture .poll-answers { width: 60%; }
  .poll form .radio-box { margin: 5px 0; }
  .poll .poll-image { width: 30%; position: absolute; bottom: 3px; right: 0; }
  .poll-answers .bar-rating { border: 1px solid #ccc; }
  .poll-answers .bar { overflow: hidden; }
  .poll-answers .bar .floatl { float: left; width: 85%; }
  .poll-answers .bar .floatr { float: right; width: 25px; margin: 25px 0 0; }
  .poll-answers p { color: #666; font-weight: 700; }
}

/* Flowplayer */
@media screen, print {
  .player video { width: 100%; }
}


@media screen and (max-width:960px){
.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:20px}
.row .row > div:last-child{margin-bottom:0 !important}
.catsidebar .row {padding-bottom:10px;}
}

@media screen and (max-width:940px){

  .landing-banner .right {
    clear:left!important;
    float:left!important;
  }

  .cat-icons {
    float:left;
    clear:left;
    padding: 0 0 10px 0;
    margin: 0 0 0 -25px;
  }

  .cat-icons ul li:first-child {
    margin-left:0px;
    padding-left:0px;
  }
  .catarticle .newslead {
    padding: 0 10px;
  }

}

html body div.vge-2011 .footer .copy {
    bottom: 0;
    color: #CCCCCC;
    left: 0;
    padding: 10px 15px;
    width: 100%;
    font-size: 1em;
}

.footer .copy {
    padding: 10px 30px;
    text-align: left;
}

.footer .tg-body li.policy {
    clear: both;
    font-weight: bold;
}

.footer .grid {
    min-height: 180px;
}
 
.belt {
max-width: 980px;
    padding: 0 15px;
}

.footer .tg-body.arrow a:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
    border-image: none;
    border-left-color: inherit;
    border-right: 3px solid rgba(0, 0, 0, 0);
    border-style: solid;
    border-top: 3px solid rgba(0, 0, 0, 0);
    border-width: 3px;
    content: "";
    display: inline-block;
    margin: 7px 0 1px 4px;
}


/* =Media query for iPad and tablets
-------------------------------------------------------------- */
@media screen and (max-width: 767px), screen and (max-device-width: 1280px) and (orientation:portrait){
body{font-size:100%}
.row{margin-bottom:0!important}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{width:100%;margin-right:0;margin-left:0;margin-bottom:20px}

.rednav {background-color: green; height: 30px;}
.hide-desktop {display: block;}
header {display: none;}

/*== Row seperator line ==*/
.rowsep {height: 2px; width: 100%; background-color: #ebebeb; margin: 10px 0 20px 0;}


/*== Landing Page rows ==*/
.newslead {padding: 0 10px; width: 100%;}
.newslead img{ float: none; width: 100%;}
.newslead .newssub{clear:both;width:100%;padding: 0px}
.rownews{clear:both; padding: 0 0 0 6px;}
.newssub {margin: 10px 0 0 0; padding: 0 10px; width: 50%}
.catsub {padding: 0 10px; width: 100%;}
.catsub img {float: left; width: 40%; margin: 0 8px;}
.catsidebar .catsub{border-bottom:none;margin:0 0 10px 0;padding:0 10px;overflow:hidden;}
.catsubtablet {position: relative; float: left; background-image: url(../../images/pebbles.png); background-repeat: repeat; background-position: left top; /*border-bottom: 1px solid #999999;border-top:1px solid #999999;*/ -webkit-box-shadow:inset 0 6px 5px -6px rgba(0,0,0,0.6),inset 0 -6px 5px -6px rgba(0,0,0,0.6);-moz-box-shadow:inset 0 6px 5px -6px rgba(0,0,0,0.6),inset 0 -6px 5px -6px rgba(0,0,0,0.6);box-shadow:inset 0 6px 5px -6px rgba(0,0,0,0.6),inset 0 -6px 5px -6px rgba(0,0,0,0.6); margin: 0; padding: 10px 0px; width: 100%;height:auto;}
.rhline {border-right: solid 0px #ccc; /*border-bottom: solid 1px #ccc;*/}
.morebutton {margin: 15px 5px; padding: 0; float: right; border: solid 0px #a3aead; text-align: center;}


/*=== HEADERS ===*/
.main {margin:0 0 10px 10px; font-weight: 700; color: #333; font-size: 22px; width: 90%;}
.lead {font-size: 14px; height: auto;}
.catlead {font-size: 22px; font-weight: normal; color: #e60000; margin: 0 0 5px 0; padding: 0; /*border-bottom: solid 1px #e9e9e9;*/ height: none;}
.cat-icons {display: none;}
/*=== end of HEADERS ===*/


/*=== TEXT STYLES ===*/
.newsleadtext {position: relative; float: left; display: block; margin: 0px auto 0; padding: 0; width: 100%; /*border: solid 1px green;*/  }
.newsleadtext p {float: left; margin: 0 0 10px 0; padding: 0; color: #666; font-size: 1.125em; line-height: 1.250em; min-height: auto; max-height: auto; overflow: visible; border: solid 0px green; width: 100%;}
.newslead .newssub{clear:both;width:100%;margin-bottom:0px;}
.newslead .newssub h1{padding-top:0px;margin-top:0px;}
.newssubtext {width: 100%; border: solid 0px green; margin: 10px auto 0;}
.newssubtext p {font-size: 16px; line-height: 1.250em; min-height: auto; display: block; overflow: visible; border: solid 0px green;}
.catsidebar{padding:0px;}
.catsubtext { display: table; float: right; width: 57%; border: solid 0px green; margin: 5px auto 0;}
.catsubtablet p {display: block; vertical-align: middle; margin: 0; padding: 0; color: #333; font-size: 18px; line-height: 1.250em; height:auto;/*max-height: 100px; overflow: hidden;*/ border: solid 0px green; /*float: right;*/}
.catcontent{padding:0 10px;margin-bottom:0px;}
.view {float: right; margin: 0 0 20px 0; background-image: url(../../images/arrow.jpg); font-size: 15px; font-weight: 700; color: #333; padding: 6px 0 0 14px;}

/*.catlistsubtext,.catlistsubtext h2{height: auto;}*/
.catlistsubtext,.catlistsubtext h2{height: auto;margin-bottom: 10px;}
.catlistsubtext h2{font-size: 1.2em;}
.cat-icons{clear:left;float:left;}

/* == LISTS == */
.lists {margin: 20px 0 5px 0; border: solid 0px blue; width: 100%; display: inline-block; clear: both; height: auto; max-height: none; overflow: visible;}
.lists ul {float: left; margin: 0; padding: 0; position: relative; width: 100%; border: solid 0px red; list-style-image: none; list-style-type: none;}
.lists li {background-position: 0 1px; margin: 0; padding: 0 0 15px 15px; width: 100%; color: #666; max-height: none; line-height: 1.250em; font-size: 1em; border: solid 0px green; text-align: left; overflow: visible; border-bottom: solid 1px #CCC; margin-bottom: 15px; /*text-overflow:ellipsis; white-space: nowrap;*/}
.lists li:last-child { border-bottom: none; }

/*== LINKS == */
.morebutton a:link {/*height: 37px;*/ font-size: 18px; font-weight: 700; line-height: 2.2em;width:98%;}
.catlead a {color: #e60000;}
/*== end of LINKS ==*/


/*== Lightbox resize for iPad ==*/

.ui-dialog{width:750px !important;}


/* additional styles for new DD footer */

.js .footer .fo-social li {
    padding: 0 10px 0 0;
    }

.footer .grid {
    min-height: 275px!important;
}

.footer .copy {
    font-size: 0.9em !important;
}

.js .tg-display li {
  font-size: 0.9em;
}


/* =Media query for small tablet
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 600px), only screen and (max-device-width: 600px) and (orientation:portrait){
body{ font-size:100% }
.row{margin-bottom:0!important}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{width:100%;margin-right:0;margin-left:0;margin-bottom:20px; padding: 0;}

/*.hide-desktop {display: block;}*/
.rednav {background-color: blue; height: 20px;}
header {display: none;}

/*== Row seperator line ==*/
.rowsep {margin: 0; height: 0;}


/*== Landing Page rows ==*/
.newslead {padding: 0 10px; width: 100%;}
.newslead img{float: none; width: 100%;}
.newslead .newssub{clear:both;width:100%;margin-top:5px;}
.newssub {padding: 0 10px; width: 50%;}
.catsub {padding: 0 10px; width: 100%;}
.catsub img {float: left; width: 40%;}
.catsubtablet {position: relative; float: left; margin: 0; padding: 10px 5px; width: 100%;height:auto;}
.rhline {border-right: solid 0px #ccc; /*border-bottom: solid 1px #ccc;*/}
.subrhline {border-right: solid 1px #ccc;}
.morebutton {margin: 10px auto 40px; padding: 0; float: none!important; border: solid 0px #a3aead; text-align: center; width: 99%;}
.catlistsubtext,.catlistsubtext h2{height: auto;}



/*=== HEADERS ===*/
.main {margin:0 0 10px 10px; font-weight: 700; color: #333; font-size: 22px; width: 90%;}
.lead {display: none !important;}
.catlead {font-size: 22px; font-weight: normal; color: #e60000; margin: 0 0 5px 0; padding: 0; /*border-bottom: solid 1px #e9e9e9;*/ height: none;} 
/*=== end of HEADERS ===*/


/*=== TEXT STYLES ===*/
.newsleadtext {position: relative; float: left; display: block; margin: 10px auto 0; padding: 0; width: 100%; /*border: solid 1px green;*/  }
.newsleadtext p {float: left; margin: 0 0 10px 0; padding: 0; color: #666; font-size: 1.125em; line-height: 1.250em; min-height: auto; max-height: auto; overflow: visible; border: solid 0px green;}
.newssubtext {width: 100%; border: solid 0px green; margin: 10px auto 0;/*height: 5em;*/}
.newssubtext p {font-size: 16px; line-height: 1.250em; min-height: auto; display: block; overflow: visible; border: solid 0px green;}
.catsubtext { display: table; float: right; width: 57%; border: solid 0px green; margin: 5px auto 0;}
.catsubtext p {display: table-cell; vertical-align: middle; margin: 0; padding: 0; color: #333; font-size: 18px; line-height: 1.125em; max-height: 100px; overflow: hidden; border: solid 0px green;}
.catcontent{padding:0 10px;margin-bottom:0px;}
.view {float: right; margin: 0 0 20px 0; background-image: url(../../images/liarrow.png); font-size: 14px; font-weight: 700; color: #333; padding: 2px 0 0 12px;}


/* == LISTS == */
.lists {margin: 20px 0 5px 0; border: solid 0px blue; width: 100%; display: inline-block; clear: both; height: auto; max-height: none; overflow: visible;}
.lists ul {float: left; margin: 0; padding: 0; position: relative; width: 100%; border: solid 0px red; list-style-image: none; list-style-type: none;}
.lists li {margin: 15px 0; padding: 0 0 15px 15px; width: 100%; color: #666; max-height: none; line-height: 1.250em; font-size: 1em;border: solid 0px green; text-align: left; overflow: visible; border-bottom: solid 1px #CCC; /*text-overflow:ellipsis; white-space: nowrap;*/}
.lists li:last-child { border-bottom: none; }

.morebutton a:link {float: none; margin: 10px 0 0 0; width: 98%; color: white; /*height: 37px;*/ font-size: 16px; font-weight: 700; line-height: 2.4em;}

/*== end of LINKS ==*/

}


/* =Media query for iphone
-------------------------------------------------------------- */ 
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) and (orientation:portrait){
.rednav {background-color: brown; height: 20px;}


/*== Landing Page rows ==*/
.newslead {margin-bottom: 10px;}
.newslead img{}
.newsleadtext{margin: -20px 0 0 0;position:relative;}
.newssub { width: 100%; margin-bottom: 0;}
.newssub img {display: none;}
.newslead .newssub img {display: block;}
.catsub {}
.catsub img {margin: 0 6px 0 0;}
.catsubtablet {}
.rhline {}
.subrhline {border: none;}
.morebutton {}


/*=== HEADERS ===*/
.main {}
.lead {}
.catlead {height: 25px;}
header {display: none;}
/*=== end of HEADERS ===*/


/*=== TEXT STYLES ===*/
.newsleadtext {border-bottom: solid 2px #ccc; padding: 0 0 15px 0;}
.newsleadtext p {font-size: 16px; font-weight: 700; max-height: auto;}
.newssubtext {}
.newssubtext p {font-size: 14px; font-weight: 700;}
.catsubtext {margin-top: 0;}
.catsubtablet p {margin: 0 auto; font-size: 14px; line-height: 1.125em; height: none; overflow: visible;}
.catcontent{padding:0 10px;margin-bottom:0px;}
.view {font-size: 12px;}


/* == LISTS == */
.lists {}
.lists ul {}
.lists li {padding: 0 0 7px 15px; font-size: 14px;margin-bottom:7px;}
.lists li:last-child {}


/*== LINKS ==*/
.morebutton a:link {}
.newssubtext a {float: right; position: relative; padding: 0 15px 0 0; background-image: url(../../images/arrow.jpg); background-position: center right; background-repeat: no-repeat; color: #333;}
.newsleadtext p a, .catsubtext a, .lists a {color: #333;}
/*== end of LINKS ==*/



/* =Media query for smart phones 320px
-------------------------------------------------------------- */ 
@media handheld, only screen and (max-width: 320px), only screen and (max-device-width: 320px) and (orientation:portrait){
.rednav {background-color: orange; height: 20px;}
header {display: none;}
}