@charset "utf-8";
/* CSS Document */

body { font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 auto 0 auto;
background:url(/assets/images/bg1.jpg) repeat-x #eae6df; }

/* specific styles */

.clear { clear:both;}

.dotty {  height:1px;
width:730px;
margin:15px 10px;
border-bottom:1px dotted #d1ccc2;}

/* specific divs */

#container { width:940px;
margin:0 auto;}

#container img.logo { margin:20px 0 30px 0px;
float:left;
width:97px;}

#container #nav { float:right;
width:750px;
margin:88px 0 0 0;}

/*#container #nav .liverpool { background:url(/assets/images/liverpool-skyline.jpg) no-repeat;
width:167px;
height:58px;
float:right;
margin:30px 0 0 0;}*/

#container #nav.red ul { background:/*url(/assets/images/nav-bg-red.jpg) repeat-x*/ #ee4035;}
#container #nav.purple ul { background:/*url(/assets/images/nav-bg-purple.jpg) repeat-x*/ #89579b;}
#container #nav.green ul { background:/*url(/assets/images/nav-bg-green.jpg) repeat-x*/ #02aa51;}

#container #nav ul { background:/*url(/assets/images/nav-bg-blue.jpg) repeat-x */#0071b8;
list-style:none;
color:#fff;
margin:0;
padding:10px 0 0 0;
clear:right;}

#container #nav ul:after { content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

#container #nav ul li { /*display:inline;
font-size:74%;*/
float:left;
font-weight:bold;
/*padding:0 32px;*/
padding:0 30px;
margin:0;}

#container #nav ul li a { color:#fff;
text-decoration:none;}

#container #nav ul li a:hover { color:#ffd203;}

/* middle section */

#container #middle { }

/* homepage boxes */

#container #middle .box { width:307px;
float:left;
margin:0 0 10px 6px;}

#container #middle .box .boxmiddle { height:150px;
background:#fff;
margin:0;
padding:2px 0 0 0;}

#container #middle .box .top-boxmiddle { height:245px;
background:#fff;
margin:0;
padding:2px 0 0 0;}

#container #middle .box#one { width:614px;
margin-right:5px;}
#container #middle .box.red .top-boxmiddle { background:url(/assets/images/red-bg.jpg) no-repeat #ef4035;
width:614ppx;
padding:0;
/*position:relative;
z-index:1;*/}

#container #middle .box h1 { font-size:260%;
color:#000;
margin:0;
padding:10px 8px 0 8px;}

#container #middle .box p { font-size:70%;
margin:0 15px 0 8px;
padding:5px 0;}

#container #middle .box h2 { font-size:130%;
margin:0;
padding:0px 8px 0px 8px;
font-weight:bold;}

#container #middle .box h2.bigger { font-size:260%;
margin:0;
padding:0;}

#container #middle .box h2.bg { margin:7px 0;
padding:5px 0 0 8px;
background:#ffd204;
color:#000;
width:200px;}

#container #middle .box h2.bg.lola { height:30px;
margin:5px 0;}

#container #middle .box h2.normal { padding-top:10px;}

#container #middle .box p.more { text-transform:uppercase;
font-weight:bold;
margin:20px 10px 0 8px;
padding:0;}

#container #middle .box p.more.view { margin-top:15px;}

#container #middle .box p.more.about { margin:44px 10px 0 8px;}

#container #middle .box ul { text-transform:uppercase;
font-weight:bold;
margin:5px 10px 0 8px;
padding:0 0 5px 0;
width:400px;
font-size:70%;
border-bottom:1px dotted #fff;
list-style:none;}

#container #middle .box ul li { background:url(/assets/images/white-arrow.jpg) no-repeat center left;
padding:0 0 0 20px;}

#container #middle .box ul li a { color:#fff;
text-decoration:none;}

#container #middle .box img.img { margin:0 10px 0 8px;}
#container #middle .box img.img.one { margin:7px 10px 7px 8px;}

#container #middle .box-bottom { background:url(/assets/images/bottom-corner.jpg) no-repeat;
width:307px;
height:26px;
margin:-5px 0 0 0;}

#container #middle .box#one .box-bottom { background:url(/assets/images/red-bottom.jpg) no-repeat;
width:614px;
height:25px;
margin:-4px 0 0 0;
/*position:relative;
z-index:0;*/}

/* first box */

#container #middle .box#one h2 { padding:0 8px;
/*font-size:150%;*/}

/* red box */
#container #middle .box.red h2 { color:#f0493e;}
#container #middle .box.red h2.bg { background:#f26532;}
#container #middle .box.red p.more { background:url(/assets/images/red-arrow.jpg) no-repeat 0 30%;
border-bottom:1px dotted #ef4136;
padding:0 0 5px 15px;
color:#ef4136;}
#container #middle .box.red p.more a { color:#ef4136;
text-decoration:none;}
#container #middle .box.red p.more a:hover { color:#6f0c05;}

/* red box one */
#container #middle .box.red#one h2 { color:#fff;}
#container #middle .box.red#one p.more { background:url(/assets/images/white-a-blue.jpg) no-repeat 0 30%;
border-bottom:1px dotted #fff;
padding:0 0 5px 15px;
color:#fff;}
#container #middle .box.red#one p.more a { color:#fff;
text-decoration:none;}
#container #middle .box.red#one p.more a:hover { color:#8bd3f5;}


/* blue box */
#container #middle .box.blue h2 { color:#3d8cc5;}
#container #middle .box.blue#bottombox h2 { background:#8bd3f5;
color:#000;
width:200px;}
#container #middle .box.blue p.more { background:url(/assets/images/blue-arrow.jpg) no-repeat 0 30%;
border-bottom:1px dotted #3d8cc5;
padding:0 0 5px 15px;
color:#3d8cc5;}
#container #middle .box.blue p.more a { color:#3d8cc5;
text-decoration:none;}
#container #middle .box.blue p.more a:hover { color:#0b3f65;}


/* purple box */
#container #middle .box.purple h2 { color:#3d8cc5;}
#container #middle .box.purple#bottombox h2 { background:#79288c;
color:#000;
width:200px;}
#container #middle .box.purple p.more { background:url(/assets/images/purple-arrow.jpg) no-repeat 0 30%;
border-bottom:1px dotted #79288c;
padding:0 0 5px 15px;
color:#79288c;}
#container #middle .box.purple p.more a { color:#79288c;
text-decoration:none;}
#container #middle .box.purple p.more a:hover { color:#2f0738;}



/* green box */

#container #middle .box.green#bottombox h2 { background:#c1d72e;
color:#000;
width:200px;}
#container #middle .box.green p.more { background:url(/assets/images/green-arrow.jpg) no-repeat 0 30%;
border-bottom:1px dotted #00a950;
padding:0 0 5px 15px;
color:#00a950;}
#container #middle .box.green p.more a { color:#00a950;
text-decoration:none;}
#container #middle .box.green p.more a:hover { color:#024823;}


/* news box - articles */

#container #middle .box .news { background:url(/assets/images/news-box-bg.jpg) repeat-x #89579b;
border-bottom:1px solid #89579b;
padding:0 0 5px 0;
margin:0 10px 0 0;}
#container #middle .box .news h3 { color:#fff;
font-size:74%;
margin:0;
padding:5px 5px 2px 5px;}
#container #middle .box .news p { font-size:70%;
padding:0 5px;
margin:0;
color:#fff;}

/* brand asvocates box */

#container #middle .box.advocate { background:url(/assets/images/frank.jpg) no-repeat;
width:307px;
height:174px;}

/* internal boxes for now */

#container #middle .box#david { background:url(/assets/images/david-morrisey.jpg) no-repeat;
width:305px;
height:173px;}

#container #middle .box#ken { background:url(/assets/images/ken-perry.jpg) no-repeat;
width:305px;
height:173px;}

#container #middle .box#ceri { background:url(/assets/images/ceri-hand.jpg) no-repeat;
width:305px;
height:173px;}

/* yellow title bar needs placing over the boxes */

#container #middle .title-bar { background:url(/assets/images/title-bar-yellow.png) no-repeat;
width:837px;
height:29px;}



/* internal page */

/* side menu */

#container #middle ul#sub-nav { list-style:none;
margin:0;
padding:0;
font-size:70%;
width:180px;
float:left;}

#container #middle ul#sub-nav.brand { position:absolute;
z-index:2;}

#container #middle ul#sub-nav li { background:url(/assets/images/sub-nav-bg.jpg) repeat-x #216197;
padding:7px;
border-bottom:1px solid #0f5c92;
border-top:1px solid #1e7fbd;
color:#fff;
font-weight:bold;}

#container #middle ul#sub-nav.red li { background:url(/assets/images/sub-nav-bg-red.jpg) repeat-x #ce3925;
border-bottom:1px solid #fcd9cc;
border-top:none;}

#container #middle ul#sub-nav.red li.inactive { background:url(/assets/images/sub-nav-bg-red-inactive.jpg) repeat-x #d1867c;
color:#785550;}

#container #middle ul#sub-nav.purple li { background:url(/assets/images/sub-nav-bg-purple.jpg) repeat-x #7a2c91;
border-bottom:1px solid #7a2c91;
border-top:none;}

#container #middle ul#sub-nav.green li { background:url(/assets/images/sub-nav-bg-green.jpg) repeat-x #00a94f;
border-bottom:1px solid #00a94f;
border-top:none;}

#container #middle ul#sub-nav li.title { border-bottom:1px solid #fff;}

#container #middle ul#sub-nav li a { color:#fff;
text-decoration:none;}

#container #middle ul#sub-nav li a:hover { color:#ffd401;}

#container #middle ul#sub-nav.red li.on { background:#ffd204;}
#container #middle ul#sub-nav.purple li.on { background:#c4abd3;}
#container #middle ul#sub-nav.green li.on { background:#c1d82f;}

#container #middle ul#sub-nav li.on { background:#8bd3f5;
border-top:none;
border-bottom:1px solid #fff;
color:#000;}

#container #middle ul#sub-nav li.on a { color:#000;
text-decoration:none;}

#container #middle ul#sub-nav li.active { color:#ffd401;
border-bottom:1px solid #ffd401;}

#container #middle ul#sub-nav li.active a { color:#ffd401;}

#container #middle ul#sub-nav li a.on { color:#ffd401;} 

/* middle column */

#container #middle #middle-column { float:left;
width:455px;
margin:0 0 0 10px;}

#container #middle #middle-column .middle-column-content { background:#fff;
padding:5px 0;
height:425px;}

#container #middle #middle-column .middle-column-content h3.lola { width:540px;}
#container #middle #middle-column .middle-column-content h3.lola-grey { width:540px;}
#container #middle #middle-column .middle-column-content h3.lola-purple { width:540px;}

/* sitemap */

#container #middle #middle-column .middle-column-content ul { margin:10px 0;
padding:0 0 0 40px;
list-style:none;}

#container #middle #middle-column .middle-column-content ul li { font-weight:bold;
padding:2px 0;}

#container #middle #middle-column .middle-column-content ul li a { background:url(/assets/images/black-arrow.jpg) no-repeat left center;
padding:0 0 0 15px;}

#container #middle #middle-column .middle-column-content ul li ul { margin:5px 0;
padding:0 0 0 20px;}

#container #middle #middle-column .middle-column-content ul li ul li { font-weight:normal;}

#container #middle #middle-column .middle-column-content a { color:#000;
text-decoration:none;}

#container #middle #middle-column .middle-column-content a:hover { color:#0071b8;}

#container #middle #middle-column .middle-column-content.ad{ background:#fff;
height:190px;}

#container #middle #middle-column .middle-column-content.adopters { background:#fff;
height:80px;}

#container #middle #middle-column .content-area { background:#fff;
padding:5px 0;}

#container #middle #middle-column .content-area h3 { font-size:80%;} 

#container #middle #middle-column .content-area a { color:#0172b9;
text-decoration:none;
font-weight:bold;}

#container #middle #middle-column .content-area a:hover { text-decoration:underline;}

#container #middle #middle-column.full .content-area { width:750px;}

#container #middle #middle-column h1 { margin:10px 10px 20px 10px;
padding:0;
color:#0071b8;
font-size:200%;
font-weight:bold;}

#container #middle #middle-column h1.lola-red { font-size:150%;}
#container #right-column .right-middle h3.lola-red { font-size:100%;}

#container #middle #middle-column h1.lola-green { font-size:150%;}
#container #middle #middle-column h1.lola-green-new { font-size:350%;}
#container #right-column .right-middle h2.lola-green { font-size:220%;}
#container #right-column .right-middle h3.lola-green { font-size:100%;}

#container #right-column .right-middle h2.lola#register { margin:10px 0;
font-size:130%;}

#container #middle #middle-column h1.lola-purple { font-size:150%;}

#container #middle #middle-column h3 { font-size:150%;
margin:10px;}

#container #middle #middle-column.advocate-detail { background:none;}

#container #middle #middle-column.advocate-detail .content-middle { background:#fff;
min-height:422px;
padding:5px 0;}

#container #middle #middle-column.advocate-detail .brand-bottom { background:url(/assets/images/middle-bottom.jpg) no-repeat bottom;
padding:0 0 12px 0;
margin:-20px 0 0 0;
width:455px;
height:23px;}

#container #middle #middle-column.advocate-detail h1 { float:left;
margin-bottom:0;
color:#000;}
#container #middle #middle-column.advocate-detail p.quote { font-size:170%;
color:#0071b8;
font-weight:bold;
margin:10px 0 10px 10px;}
#container #middle #middle-column.advocate-detail p.detail { color:#0071b8;
width:200px;
margin:50px 10px 20px 10px;}

#container #middle #middle-column.advocate-detail p.detail.purple { color:#89579b;}

#container #middle #middle-column.advocate-detail p.detail.green { color:#00a950;}

#container #middle #middle-column.advocate-detail p.detail.red { color:#ef4035;}

#container #middle #middle-column.advocate-detail p.next { border-bottom:1px dotted #0071b8;
width:200px;
font-weight:bold;
color:#0071b8;
background:url(/assets/images/blue-arrow.jpg) no-repeat center left;
padding:0 0 2px 20px;}
#container #middle #middle-column p.next a { color:#0071b8;
text-decoration:none;
font-weight:bold;}
#container #middle #middle-column p.next a:hover { color: #8bd3f5;}


#container #middle #middle-column.advocate-detail p.next.purple { border-bottom:1px dotted #79288c;
color:#79288c;
background:url(/assets/images/purple-arrow.jpg) no-repeat center left;}
#container #middle #middle-column.advocate-detail p.next.purple a { color:#79288c;
text-decoration:none;
font-weight:bold;}
#container #middle #middle-column.advocate-detail p.next.purple a:hover { color: #ceaed5;}

#container #middle #middle-column.advocate-detail p.next.green { border-bottom:1px dotted #00a950;
color:#00a950;
background:url(/assets/images/green-arrow.jpg) no-repeat center left;}
#container #middle #middle-column.advocate-detail p.next.green a { color:#00a950;
text-decoration:none;
font-weight:bold;}
#container #middle #middle-column.advocate-detail p.next.green a:hover { color: #49d188;}



#container #middle #middle-column.advocate-detail p.next.red { border-bottom:1px dotted #ef4035;
color:#00a950;
background:url(/assets/images/red-arrow.jpg) no-repeat center left;}
#container #middle #middle-column.advocate-detail p.next.red a { color:#ef4035;
text-decoration:none;
font-weight:bold;}
#container #middle #middle-column.advocate-detail p.next.red a:hover { color: #ff7269;}




#container #middle #middle-column.advocate-detail p.next a { color:#0071b8;
text-decoration:none;}

#container #middle #middle-column.advocate-detail p.next a:hover { color:#8bd3f5;}

#container #middle #middle-column.half-full.brand { margin:0 0 0 10px;
width:750px;
float:left;} 

#container #middle #middle-column.half-full .middle-column-content { width:750px;}

#container #middle #middle-column.half-full.brand h1 { margin-bottom:0;}
#container #middle #middle-column.half-full.brand p { margin-top:0;}

#container #middle #middle-column p { font-size:70%;
margin:10px 60px 10px 10px;}

#container #middle #middle-column p.last { color:#2988c3;}

#container #middle #middle-column .middle-column-bottom { background:url(/assets/images/middle-bottom.jpg) no-repeat;
width:455px;
height:23px;}

#container #middle #middle-column .middle-column-bottom.brand { background:url(/assets/images/middle-bottom.jpg) no-repeat bottom;
padding:0 0 12px 0;}

#container #middle #middle-column.half-full.brand .middle-column-bottom { background:url(/assets/images/bottom-corner-full.jpg) no-repeat;
width:750px;}

/* middle column full width */

#container #middle #middle-column.full { width:750px;}

#container #middle #middle-column.full .middle-column-content { width:750px;}

#container #middle #middle-column.full h1 { margin:10px 10px 0 10px;}

#container #middle #middle-column.full h2.lola { font-weight:bold;
margin:10px 10px 0 10px;
padding:0;}

#container #middle #middle-column.full h2.lola.second { margin:0 10px;}

#container #middle #middle-column.full p { /*font-size:170%;
font-weight:bold;*/
margin:0 10px;
padding:0;}

#container #middle #middle-column.full .content-area h2 { margin:10px;
font-size:90%;}

#container #middle #middle-column.full .content-area a { color:#000;
text-decoration:none;
font-weight:bold;}

#container #middle #middle-column.full p.details { font-size:70%;
font-weight:normal;
margin:20px 10px 0 10px;
width:410px;}

#container #middle #middle-column p.details.red { color:#ef4035;}

#container #middle #middle-column p.details.red a { color:#ef4035;}
#container #middle #middle-column p.details.red a:hover { color:#000;}

#container #middle #middle-column.full.brand-values p { margin:10px 10px 0 10px;}

#container #middle #middle-column.full p .first { color:#006db6;}

#container #middle #middle-column.full p.first { margin:10px 10px 0 10px;}

#container #middle #middle-column.full p.next { font-size:70%;
margin:50px 10px 10px 10px;
border-bottom:1px dotted #79288c;
color:#79288c;
padding:0 0 5px 15px;
background:url(/assets/images/purple-arrow.jpg) no-repeat 0 35%;}

#container #middle #middle-column.full p.next a { color:#79288c;}
#container #middle #middle-column.full p.next a:hover { color:#ceaed5;}

#container #middle #middle-column.full p.next.red { color:#ef4035;
background:url(/assets/images/red-arrow.jpg) no-repeat 0 35%;
border-bottom:1px dotted #ef4035;}

#container #middle #middle-column.full .middle-column-bottom { background:url(/assets/images/bottom-corner-full.jpg) no-repeat;
width:750px;}

#container #middle #middle-column.full p.next.values { margin-top:260px;}
#container #middle #middle-column.full p.next.values-warm { margin-top:330px;}
#container #middle #middle-column.full p.next.values-sparky { margin-top:300px;}

/* bottom */

#container #middle #bottom { margin:50px 0 0 0;}

/* right column */

#container #middle #right-column { float:right;
width:285px;}

#container #middle #right-column.adopters { background:url(/assets/images/red-right.jpg) no-repeat;
width:285px;
height:447px;}

#container #middle #right-column.adopters p { border-bottom:1px dotted #ffffff;
color:#fff;}

#container #middle #right-column p.red { color:#ef4035;
border-bottom:none;}

#container #middle #right-column p.red.right { float:right;
margin:5px 5px 15px 0;
padding:0;}
#container #middle #right-column p.red.top { clear:right;}
#container #middle #right-column p.red.bottom { width:220px;
border-bottom:1px dotted #ef4035;}
#container #middle #right-column p.red a { color:#ef4035;
font-weight:bold;
text-decoration:none;}
#container #middle #right-column p.red a:hover { color:#000;}

#container #middle #right-column p.green-text { border:none;
color:#000;}

#container #middle #right-column .right-middle { background:#fff;
padding:5px 10px;}

#container #middle #right-column .right-middle.bottom { margin-top:10px;}

#container #middle #right-column .right-bottom { background:url(/assets/images/right-bottom.jpg) no-repeat;
width:284px;
height:23px;}

#container #middle #right-column p { font-size:70%;
color:#167bbb;
border-bottom:1px dotted #167bbb;
padding:0 0 5px 0;}

#container #middle #right-column #myGallery2 p { border-bottom:none;}

#container #middle #right-column p span { font-weight:bold;}

#container #middle #right-column.brand { margin:90px 0 0 0;}

#container #middle #right-column.brand p { color:#ef4035;
border:0;
font-weight:bold;
text-transform:uppercase;
background:url(/assets/images/more-arrow.jpg) no-repeat right center;
text-align:right;
padding:0 15px 0 0;}

#container #middle #right-column .side-img-corner { height:26px;
width:24px;
margin:-24px 0 0 261px;
position:relative;
z-index:500;
background:url(/assets/images/side-img-corner.png) no-repeat;
behavior: url(iepngfix.htc);}

#container #middle #right-column .next-prev p { border:none;
margin:0;
padding:5px;
text-transform:uppercase;
font-weight:bold;}

#container #middle #right-column .next-prev p.next { float:right;
padding-right:10px;}

#container #middle #right-column .next-prev p.previous { float:left;
}

#container #middle #right-column .next-prev p.next a { color: #79288c;
text-decoration:none;
background:url(/assets/images/purple-arrow1a.png) no-repeat right center;
padding:0 10px 0 0;
behavior: url(iepngfix.htc);}

#container #middle #right-column .next-prev p.previous a { color: #79288c;
text-decoration:none;
background:url(/assets/images/purple-arrow2a.png) no-repeat left center;
padding:0 0 0 10px;
behavior: url(iepngfix.htc);}

#container #middle #right-column .next-prev p a:hover { color: #ceaed5;}

/* email form */

#container #middle #right-column form {}

#container #middle #right-column form label { font-size:70%;
width:80px;
float:left;
margin:0 0 5px 0;
padding:2px;}

#container #middle #right-column form input { width:170px;
margin:0 0 5px 0;
border:1px solid #30cc79;
color:#00a84f;
background:#ecfaf3;
font-size:70%;
padding:2px;}

#container #middle #right-column form textarea { width:170px;
margin:0 0 5px 0;
border:1px solid #30cc79;
color:#00a84f;
background:#ecfaf3;
font-size:90%;
padding:2px;}

#container #middle #right-column form input.btn { background:url(/assets/images/sub-nav-bg-green.jpg) repeat-x;
color:#fff;
font-weight:bold;
border:1px solid #00a950;
margin:0 0 5px 84px;
width:175px;}

/* email form - contact page */

#container #middle #right-column form#contact input { border:1px solid #0069ad;
color:#0069ad;
background:#e4eef4;}

#container #middle #right-column form#contact textarea { border:1px solid #0069ad;
color:#0069ad;
background:#e4eef4;}

#container #middle #right-column form#contact input.btn { background:url(/assets/images/sub-nav-bg.jpg) repeat-x;
border:1px solid #0069ad;
color:#fff;}

/* register form */


#container #middle #right-column form#register1 input { border:1px solid #ef3a2e;
color:#ef3a2e;
background:#f9efee;}

#container #middle #right-column form#register1 label.accept { width:240px;}
#container #middle #right-column form#register1 input.checkbox { width:20px;}

#container #middle #right-column form#register1 textarea { border:1px solid #ef3a2e;
color:#ef3a2e;
background:#f9efee;}

#container #middle #right-column form#register1 input.btn { background:url(/assets/images/sub-nav-bg-red.jpg) repeat-x;
color:#fff;
font-weight:bold;
border:1px solid #ef3a2e;
margin:0 0 5px 84px;
width:175px;}

/* register form middle */

#container #middle #middle-column form { width:400px;
margin:20px 10px;}

#container #middle #middle-column form fieldset { border:none;
margin:0 0 10px 0;
padding:10px;
width:400px;
border:1px solid #ef4035;
background:#f9f4f4;}

#container #middle #middle-column form fieldset legend { font-size:80%;
font-weight:bold;
margin:5px 0;}

#container #middle #middle-column form label { font-size:70%;
width:210px;
float:left;
margin:0 10px 5px 0;
padding:2px;}

#container #middle #middle-column form input { width:170px;
margin:0 0 5px 0;
border:1px solid #ef3a2e;
color:#ef3a2e;
background:#f7eceb;
font-size:70%;
padding:2px;}

#container #middle #middle-column form select { width:175px;
margin:0 0 5px 0;
border:1px solid #ef3a2e;
color:#ef3a2e;
background:#f9efee;
font-size:70%;
padding:2px;}

#container #middle #middle-column form label.accept { width:365px;}
#container #middle #middle-column form input.checkbox { width:20px;}

#container #middle #middle-column form textarea { width:170px;
margin:0 0 5px 0;
border:1px solid #ef3a2e;
color:#ef3a2e;
background:#f7eceb;
font-size:90%;
padding:2px;}

#container #middle #middle-column form input.btn { background:url(/assets/images/sub-nav-bg-red.jpg) repeat-x;
color:#fff;
font-weight:bold;
border:1px solid #ef3a2e;
margin:0 0 5px 235px;
width:175px;}


/* footer */

#container #footer { margin:20px 0;
padding:0 0 10px 0;}

#container #footer ul { font-size:70%;
color:#7e7a78;
list-style:none;
border-left:1px solid #7e7a78;
margin:0;
padding:0 5px;}

#container #footer ul li { display:inline;
border-right:1px solid #7e7a78;
padding:0 5px;}

#container #footer ul li a { text-decoration:none;
color:#7e7a78;}
#container #footer ul li a:hover { text-decoration:underline;}

#container #footer ul.left { float:left;}
#container #footer ul.right { float:right;}

/* brand advocates/values page */

.corner { background:url(/assets/images/corner.png) no-repeat;
width:25px;
height:24px;
float:right;
margin:-7px 0 0 0;}

#container #people { margin:5px 0 0 0;
position:relative;}

#container #people.values { margin:10px 0 0 0;}

#container #people .person { width:304px;
height:173px;
float:left;
margin:0 9px 10px 0;}

#container #people .person h3 { background:#fff;
width:200px;
font-size:70%;
color:#ed2e22;
padding:2px 5px;
text-transform:uppercase;
margin:140px 0 0 0;}

#container #people .person h3 a { color:#ed2e22;
background:url(/assets/images/brand-arrow.jpg) no-repeat left center;
text-decoration:none;
padding:0 0 0 12px;}

#container #people .person.logos h3 { background:#ef4035;
color:#fff;}

#container #people .person.logos h3 a { color:#fff;
background:url(/assets/images/white-arrow.jpg) no-repeat left center;}

#container #people .person.chris { background:url(/assets/images/chrismarhsall.jpg) no-repeat;}
#container #people .person.gary { background:url(/assets/images/gary.jpg) no-repeat;}
#container #people .person.james { margin:0;
background:url(/assets/images/james.jpg) no-repeat;}
#container #people .person.shaun { background:url(/assets/images/shaun.jpg) no-repeat;}
#container #people .person.frank { background:url(/assets/images/frank.jpg) no-repeat;}
#container #people .person.amrit { margin:0;
background:url(/assets/images/amrit.jpg) no-repeat;}
#container #people .person.deborah { background:url(/assets/images/debgem.jpg) no-repeat;}
#container #people .person.sean { background:url(/assets/images/sean.jpg) no-repeat;}
#container #people .person.abi { margin:0;
background:url(/assets/images/abychloe.jpg) no-repeat;}
#container #people .person.ceri { background:url(/assets/images/cerihand.jpg) no-repeat;}
#container #people .person.matt { background:url(/assets/images/matt.jpg) no-repeat;}
#container #people .person.ken { margin:0;
background:url(/assets/images/ken.jpg) no-repeat;}
#container #people .person.justine { background:url(/assets/images/justine.jpg) no-repeat;}
#container #people .person.bob { background:url(/assets/images/bob.jpg) no-repeat;}
#container #people .person.janet { margin:0;
background:url(/assets/images/janet.jpg) no-repeat;}
#container #people .person.lindsey { background:url(/assets/images/lindsey.jpg) no-repeat;}
#container #people .person.richard { background:url(/assets/images/richard.jpg) no-repeat;}

#container #people .person.logos { background:url(/assets/images/logos.jpg) no-repeat;}
#container #people .person.photography { background:url(/assets/images/drip.jpg) no-repeat;}
#container #people .person.graphic { margin:0;
background:url(/assets/images/blue-swirl.jpg) no-repeat;}

#container #people.values .person.frank { margin:0 10px 10px 10px;}
#container #people.values .person.sean  { margin:0;}
#container #people.values .person.ceri { margin:0;}
#container #people.values .person.shaun { margin:0 10px 10px 10px;}
#container #people.values .person.gary { margin:0;}
#container #people.values .person.chris { margin:0 10px 10px 10px;}

/* yellow strip on brand values page over the top of the people */

#container .yellow-strip { position:absolute;
margin:20px 0 0 0;
z-index:10;}

#container .yellow-strip h2 { background:#ffd204;
float:left;
width:800px;
margin:0;
padding:5px 5px 0 5px;
font-size:130%;}

#container .yellow-strip.elements h2 { width:250px;}

/* a-z listing */

#container #middle #middle-column .content-area ul#a-zlisting { list-style:none;
margin:0 10px 20px 10px;
padding:2px 0 2px 7px;
font-size:72%;
background:#ecf6f1;
border-bottom:1px solid #00a94f;
border-top:1px solid #00a94f;
color:#006e34;}

#container #middle #middle-column .content-area ul#a-zlisting li { display:inline;}

#container #middle #middle-column .content-area ul#a-zlisting li a { color:#006e34;
text-decoration:none;
padding:0 2px;
font-weight:normal;}

#container #middle #middle-column .content-area ul#a-zlisting li a:hover { background:#bfdccd;}

/* back the brand page - individual comments */

#container #middle #middle-column .back { background:url(/assets/images/quote-right.jpg) no-repeat 85% 100%;
margin:0 0 20px 0;}

#container #middle #middle-column .back p { margin:0px 60px 0 10px;
padding:10px 0 0 5px;
background:url(/assets/images/quote-left.jpg) no-repeat top left;}
#container #middle #middle-column .back p.name { font-weight:bold;
padding:0px 0 0 5px;
background:none;}

#container #middle #middle-column .line { border-bottom:1px dotted #cceedc;
margin:10px;}

#container #middle #middle-column .line.purple { border-bottom:1px dotted #e7d8f0;}

/* news page */

#container #middle #middle-column .article { margin:10px 60px 0 0px;}
#container #middle #middle-column .article h3 { font-size:80%;
margin:0 10px;}
#container #middle #middle-column .article p { font-size:70%;
font-weight:normal;}

/* sitemap */

ul#sitemap { font-size:70%;}

img.logo-images { margin:10px 10px 0 10px;}

ul.downloads { font-size:70%;
font-weight:bold;
margin:10px;
padding:0;
width:200px;
list-style:none;
border-top:1px dotted #000;}

ul.downloads li { border-bottom:1px dotted #000;
padding:2px 0 2px 15px;
background:url(/assets/images/black-arrow.jpg) no-repeat center left;}

ul.downloads li a { color:#000;
text-decoration:none;}

#container #middle #middle-column .content-area ul.downloads li a:hover { color:#ef4035;}

/* video content area */

.video { background:#eae5df;
padding: 10px;
margin:10px;
width:480px;
height:295px;
text-align: center;}

.video-sm { background:#eae5df;
padding: 10px;
margin:10px;
width:400px;
height:246px;
text-align: center;}

#videos { margin:0 0 0 10px;}

#videos img { background:#eae5df;
padding: 5px;
margin:0 0 5px 0;}

h4.lola { margin:0 10px;}
img.credit-logo { margin:0 0 20px 6px;}

/* logo download page */

#container #middle form#logo-download-form img { margin:0 0 5px 0;}
#container #middle form#logo-download-form label { width:20px;
margin:0 8px;
padding:0;
font-size: 70%;}

#container #middle form#logo-download-form input.normal-checkbox { width:20px;
background:none;
border:none;}
#container #middle form#logo-download-form input.checkbox { width:65px;
background:none;
border:none;}

.logo-downloads { width:65px;
margin:5px 0;
padding:0 10px 0 0;
float:left;}

.logo-downloads.one { margin-left:10px;}

.new-line { border-bottom:1px dotted #000;
margin:0 0 5px 0;
width:74px;
height:25px;}

/* download form */

/*#container #middle form#logo-download-form { width:220px;}*/

#container #middle form#logo-download-form.logos input.checkbox { width:50px;
margin:5px 0;
background:none;
border:none;}
#container #middle form#logo-download-form label.logo-name { width:150px;}

#container #middle form#logo-download-form input.btn  { background:url(/assets/images/sub-nav-bg-red.jpg) repeat-x;
border:1px solid #ef3a2e;
margin:5px 0 0 0;
font-weight:bold;
color:#fff;
width:210px;}

#container #middle form#logo-download-form label { width:220px;
margin:0;
padding:0;}

#container #middle form#logo-download-form select { font-size:70%;
border:1px solid #ef3a2e;
color:#ef3a2e;
background:#f9efee;
width:210px;
margin:0 0 5px 0;}
#container #middle form#logo-download-form input { border:1px solid #ef3a2e;
color:#ef3a2e;
background:#f9efee;
width:205px;}
#container #middle form#logo-download-form textarea { border:1px solid #ef3a2e;
color:#ef3a2e;
background:#f9efee;
width:205px;}
#container #middle form#logo-download-form input.checkboxside { width:35px;
margin:0;
padding:0; 
background:none;
border:none;}

#container #middle form#logo-download-form .bottom-section { width:220px;}

/* form errors */

ul.errors { margin:0 0 20px 0;
padding:0;
list-style:none;
font-size:70%;
color:#ef4035;
font-weight:bold;}

ul.errors li { background:url(/assets/images/error.jpg) no-repeat center left;
padding:1px 0 1px 10px;}


#container #middle #middle-column.full p.next.purple-new { border-bottom:1px dotted #79288c;
color:#79288c;
background:url(/assets/images/purple-arrow.jpg) no-repeat center left;
margin:10px 15px;}
#container #middle #middle-column.full p.next.purple-new  a { color:#79288c;
text-decoration:none;
font-weight:bold;}
#container #middle #middle-column.full p.next.purple-new  a:hover { color: #ceaed5;}