/*  Info
--------------------------------------------------------------------------------------*/
/*  Styles for Apetito.co.uk (Default)
    Created by Mez Hopking
    18th September 2007, Revised 2nd July 2009
--------------------------------------------------------------------------------------*/



/* 1st Primary navigation 
--------------------------------------------------------------------------------------*/

#nav {float: left; width: 920px; background: url(../images/navBg.gif) repeat-x top right #7a0c0d; font-size: 1em; line-height: normal; border-bottom: 3px solid #099046; }
#nav ul {width: 100%; margin: 0 0 0 7px; list-style: none; text-align: center; margin-top: -1px;}
#nav li {float: left; background: url(../images/left.gif) no-repeat left top; margin: 0 0 0 0 ; padding: 0 0 0 4px; border-right: 1px solid #fff;}
#nav a {float: left; display: block; background:url(../images/right.gif) no-repeat right 0px; padding: 12px 28px 10px 23px !important; text-decoration:none; color:#fff}
#nav a:hover {color: #ffd650;}

#nav li.first {background-image: url(../images/navFirstLast.gif); background-position: 0px 1px}
#nav .last a {background-image: none; background-position: 0px 1px;}
#nav .last {border-right: none !important;}

#nav #current {background-image:url(../images/left_on.gif); background-position: 0px 0px; border-right: none; background-color: #099046; font-weight: bold;}
#nav #current a {background-image:url(../images/right_on.gif); color:#fff;}

#nav #current.first {margin: 0 0 0 -7px}

#nav #current.last a {margin: -1px 0 1 0; background-image:url(../images/right_on.gif) !important; background-position: 100% 0%; color:#fff;}

#nav #current + li {margin-left: -3px;}

#nav.narrow li a {padding: 12px 11px 10px 6px !important}
#nav.narrow {background: url(../images/navBgNarrow.gif) top left no-repeat #7a0c0d; width: 650px}


/* 2nd Primary navigation 
--------------------------------------------------------------------------------------*/

#navSecondary {float: left; position: relative; display: block; width: 920px; min-width: 650px; background-color: #098f46; border-bottom: 1px solid #fff; padding: 0 0 10px 0}
#navSecondary ul {list-style: none; margin: 5px 0px; position: relative;}
#navSecondary li {float: left; display: inline; margin:3px 0px; position: relative;}
#navSecondary a {text-decoration: none; color: #fff; padding: 0px 28px 0px 28px; font-size: 1em; border-right: 1px solid #fff;}
#navSecondary li a:hover {color: #000;}
#navSecondary li:last-child a {border: none;}
#navSecondary .subCurrent a {color: #fff; font-weight: bold;}
#navSecondary .subCurrent a:hover {color: #000; font-weight: bold;}
#navSecondary.narrow li a {padding: 0 25px }
#navSecondary.narrow {width: 650px;}


/* Foundation Layout
--------------------------------------------------------------------------------------*/

* {font-size: 100%; margin: 0; padding: 0; line-height: 1.6em; color: #222}
body {position: relative;  background: url(../images/bkg.gif) top center repeat-x #ffd650; font: 70% Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333; text-align: center; padding: 20px;}
#container {display: block; max-width: 980px; min-width: 692px; margin: 0 auto; text-align: left; }
#innercontainer {float: left; display: block; border: 1px solid #ffd650; background: url(../images/page_top.gif) top repeat-x #fff;}
#inner2 {padding: 0 20px; min-height: 600px;}
#header {position: relative; padding-left: 20px; min-height: 80px;}
#cornerTL, #cornerTR {position: absolute; top: -1px; display: block; width: 15px; height: 15px; overflow: hidden;}
#cornerTL {left: -21px; background: url(../images/cornerTL.gif) top left no-repeat;}
#cornerTR {right: -21px; background: url(../images/cornerTR.gif) top right no-repeat;}
#cornerBL, #cornerBR {position: absolute; bottom: 0px; display: block; width: 15px; height: 15px; overflow: hidden;}
#cornerBL {left: 0px; background: url(../images/cornerBL.gif) bottom left no-repeat;}
#cornerBR {right: 0px; background: url(../images/cornerBR.gif) bottom right no-repeat;}
#logo {position: absolute; top: 15px; left: 0; display: block; width: 170px; height: 51px; background: url(../images/logo.gif) top left no-repeat; overflow: hidden; text-indent: -5000px;}
#logo a {display: block; width: 170px; height: 51px;}
#printLogo {display: none !important;}
#tools {float: right; margin: 0 0 0 190px; text-align: right;}
#bottomCorners  {position: relative; background-color: #fff; min-height: 30px; clear: both}
#footer {position: relative; clear: both; padding: 10px}
#footer p {font-weight: bold;}


/* Tools and Search box 
--------------------------------------------------------------------------------------*/

#tools {padding-top: 30px}
#tools ul {float: left; list-style: none;}
#tools li {display: inline;}
#tools li a {text-decoration: none; color: #555; font-weight: bold; padding: 5px 0 0 10px;}
#tools li a:hover {color: #dd0000}
#tools span {border-right: 1px solid #ccc; padding: 0 10px 0 0;}

#search {float: left; display: block; width: 290px;}
#search fieldset {border: none;}
.sButton {width: 55px; padding: 3px 0;}
.field {padding: 3px; width: 190px;}
#search label {display: none;}


/* Splash image
--------------------------------------------------------------------------------------*/

#mainpic, #subpic {position: relative; float: left; clear: both; display: block; width: 100%; background-repeat: no-repeat; background-position: top left; overflow: hidden;}
#mainpic img, #subpic img {border: none; margin: 0px; padding: 0px}
.home {height: 210px;}
.sub1 {height: 118px;}

#mainpic a {display: block; width: 100% !important; height: 100%; text-decoration: none !important;}


/* Foundation columns
--------------------------------------------------------------------------------------*/

#maincol {float: right; width: 650px; position: relative;}
#midcol-wide {float: right; width: 650px; background: url(../images/mainBg.png) top left repeat-x; position: relative;}
#leftcol {float: left; width: 250px; margin-right: 20px; padding-top: 6px; position: relative;}
#midcol {float: left; width: 380px; background: url(../images/midBg.png) top left repeat-x; margin-right: 20px; position: relative;}
#rightcol {float: left; width: 250px; position: relative;}
#rightcol.vacancy {background: url(../images/rightBgVac.png) top left repeat-x !important;}
#midcol-wide.vacancy {background: url(../images/mainBgVac.png) top left repeat-x !important;}
.clearFix {clear: both; margin: 30px 0px;}


/* Breadcrumbs
--------------------------------------------------------------------------------------*/

#breadCrumbs {position: relative; text-align: right; margin: 5px}
#breadCrumbs ul {color: #000; font-weight: bold; list-style: none;}
#breadCrumbs li {margin: 0; color: #005225; display: inline;}
#breadCrumbs li a {text-decoration: none; color: #911114}
#breadCrumbs li a:hover {text-decoration: underline; color: #911114}
#breadCrumbs .current {color: #333;}
.landing {margin: 5px 18px 5px 5px !important;}


/* Customer login & email subscription
--------------------------------------------------------------------------------------*/

#customerLogin {position: relative; float: left; margin: 0 0 10px 0;}
#customerLogin .textField {float: left; width: 190px; padding: 2px; margin: 0 0 5px 0}
#customerLogin .login {float: right; height: 48px; width: 46px}
#customerLogin h2 {margin: 5px 0px !important; color: #005225 !important; font-size: 130% !important;}

.subscribeForm {margin: 15px 0 20px 0;} 
.subscribeForm h2 {margin: 0px !important; font-size: 140% !important;}
.subscribeForm a {color: #911114; background: url(../images/subnav_left-arrow.png) 0 50% no-repeat; padding: 0 0 0 10px;}
.subscribeForm a:hover {color: #000;}

.sButtonOnlineOrdering {background: #FDF2A2 url(/images/yellowfade.jpg) repeat-x; width: 247px; height: 35px; font-weight: bold;}
.sButtonStaffInfo {background: #FDF2A2 url(/images/yellowfade.jpg) repeat-x; width: 247px; height: 25px;}
.onlineOrderingForm {margin-bottom: 5px;}


/* Newsletter signup
--------------------------------------------------------------------------------------*/

#newsletter {position: relative; float: left; margin: 10px 15px; position: relative; width: 250px;}
#newsletter .textField {float: left; width: 160px; padding: 2px; margin: 0 0 5px 0}
#newsletter .login {float: right; height: 48px; width: 46px; margin: 0 30px 0 0; cursor: pointer;}
#newsletter h2 {color: #911114 !important; font-size: 130% !important; font-weight: bold !important;}


/* Left column specific - latest news / vacancies / testimonials / related links
--------------------------------------------------------------------------------------*/

#latestNews {margin: 0; float: left; position: relative; width: 250px; clear: both;}
#vacancies {positon: relative; float: left; width: 250px; clear: both;}
#testimonial {position: relative; clear: left; padding: 10px 0 0 0;}
#peopleLinks {margin: 0 0 40px 0; float: left; width: 250px; clear: both;}
#peopleLinks>img {border: none; padding: 0 0 10px 10px; float: left; clear: both;}

.leftBlockBg ul {position: relative; list-style: none;}
.leftBlockBg li {/*padding: 0 0 10px 0; font-size: 120%;*/}
.leftBlockBg li a {text-decoration: none; color: #555; display: block;}
.leftBlockBg li a:hover {text-decoration: underline;}
.leftBlockBg .date {font-style: italic;}
.leftBlockBg .title {font-weight: bolder; color: #000;}
.leftBlockBg .closingDate {color: #006e32;}

.leftBlockBg {position: relative; background: url(../images/leftBlockBg.gif) top left no-repeat; min-height: 168px; padding: 15px 0 0 20px; margin-bottom: 20px;}

.leftBlockBg.related {float: left; background-image: url(../images/leftBlockBg_related.gif) !important; width: 100%;}
.leftBlockBg.related img {border: 1px solid #ccc; background-color: #fff; padding: 2px;}
.leftBlockBg.related ul {list-style: none;}

.leftBlockBg.related li {padding: 0 0 0 0px; list-style-type: none; font-size: 110%; }
.leftBlockBg.related li a {color: #005225;}

.relatedItem .title {padding: 10px 0 0 0px;}
.relatedItem .description {}

.leftBlockBg.journalArchive {background-image: url(../images/leftBlockBg_related.gif) !important;}
.leftBlockBg.orange {background-image: url(../images/leftBlockBg_orange.gif) !important;}
.rss {color: #ff6600; !important}

.leftBlockBg.related.people .thumb {float: left; position: relative; margin: 0 10px 0 0;}
.leftBlockBg.related.people .name {font-weight: bold;}
.leftBlockBg.related.people li {clear: both; border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin: 0pt 28px 8px 0 !important; font-size: 90%;}



/* Sub navigation
--------------------------------------------------------------------------------------*/

.subnav-container .current {color: #911114 !important; font-weight: bold; background: url(../images/subNavBg_active.png) top left repeat-x #eabbbb;}
.subnav-container .current:hover {border-color: #00aaed !important; background: url(../images/subNavBg_active.png) top left repeat-x #eabbbb;}
.subnav-container .subcurrent {color: #333 !important; font-weight: bold; border-color: #00aaed !important; background: url(../images/subNavBg_subActive.png) 100% repeat-x !important;}
.subnav-container {padding: 0; background-color: #fff; color: #333; margin: -7px 0 30px -7px}
.subnav-container ul {list-style: none; margin-left: 0; padding: 0; border: none;}
.subnav-container li {border-bottom: 1px solid #fff; margin: 0; }
.subnav-container li a {display: block; padding: 5px 5px 5px 10px; background: url(../images/subNavBg.png) top left repeat-x #eaeaea; color: #5a5a5a; text-decoration: none; width: 100%; font-weight: normal;}
html>body .subnav-container li a {width: auto; }
.subnav-container li a:hover {color: #005225; background: url(../images/subNavBg_hover.png) top left repeat-x #4db57d; text-decoration: none;}
.subnav-container li li {border-top: 1px solid #fff; border-bottom: 0; margin: 0; background: url(../images/subNavBg.png) bottom left repeat-x}
.subnav-container li li a {display: block; padding: 5px 5px 5px 20px; color: #5a5a5a; text-decoration: none; width: 100%; background: url(../images/subnav_left-arrow.png) 8px 50% no-repeat; font-weight: normal}


/* Welcome block / Feature block / Image block (centre column on 3col, right column on 2col)
--------------------------------------------------------------------------------------*/

#welcomeBlock {margin: 10px 15px; position: relative;}
#welcomeBlock h1 {color: #000; font-size: 180%; font-weight: normal;}
#welcomeBlock .tagLine {color: #666; font-size: 90%}
#featureBlock {background: url(../images/featureBlockBg.png) top left repeat-x #fff; width: 340px; padding: 5px; margin: 10px 0px; position: relative; border-bottom: 1px solid #ccc}
#featureBlock img {margin-right: 7px;}
#featureBlock tr p {font-weight: bold;}
#featureBlock table {margin: 0 0 10px 0}
#featureBlock tr {vertical-align: top;}
#featureBlock ul {position: relative; list-style: none; margin: 10px 0px;}
#featureBlock li {background: url(../images/featureBlockBullet.png) 0% 50% no-repeat; padding: 0 0 0 10px; list-style-type: none;}
#featureBlock li a {text-decoration: none; color: #005225;}
#featureBlock li a:hover {text-decoration: underline;}
.featureBlock {background: url(../images/featureBlockBg.png) top left repeat-x #fff; width: 340px; padding: 5px; margin: 10px 0px; position: relative; border-bottom: 1px solid #ccc}
.featureBlock img {margin-right: 7px;}
.featureBlock tr p {font-weight: bold;}
.featureBlock table {margin: 0 0 10px 0}
.featureBlock tr {vertical-align: top;}
.featureBlock ul {position: relative; list-style: none; margin: 10px 0px;}
.featureBlock li {background: url(../images/featureBlockBullet.png) 0% 50% no-repeat; padding: 0 0 0 10px; list-style-type: none;}
.featureBlock li a {text-decoration: none; color: #005225;}
.featureBlock li a:hover {text-decoration: underline;}
#randomFeatureBlock {position: relative; margin: 20px 0px; padding: 0 0 20px 0}
#randomFeatureBlock img {float: left; padding: 0 10px 0 0;}
#randomFeatureBlock .title {color: #000; font-weight: bold;}
#randomFeatureBlock .links a {color: #000;}

#imageBlock {background: url(../images/featureBlockBg.png) top left repeat-x #fff; padding: 5px; margin: 10px 15px 15px 0; position: relative; float: left;}


/* Market solutions (graphical list of buttons)
--------------------------------------------------------------------------------------*/

#marketSolutions {float: left; width: 220px; padding: 10px 15px; margin: 0 0 20px 0; position: relative; background: url(../images/rightBg.png) top left repeat-x;}
#marketSolutions ul {position: relative; list-style: none; margin: 20px 0px}
#marketSolutions li {position: relative; font-size: 130%; font-weight: bold; margin: 0 0 10px 0; list-style-type: none;}
#marketSolutions li a {background-position: -210px 0px; background-repeat: no-repeat; text-decoration: none; display: block; width: 210px; height: 58px; color: #000}
#marketSolutions li a:hover {background-position: 0px 0px !important; color: #fff}
#marketSolutions .text {position: absolute; bottom: 5px; left: 5px;}

#marketSolutions .consumer a {background-position: -210px 0px; background-repeat: no-repeat;}
#marketSolutions .hospitality a {background-position: -210px 0px; background-repeat: no-repeat;}
#marketSolutions .wholesale a {background-position: -210px 0px; background-repeat: no-repeat;}
#marketSolutions .education a {background-position: -210px 0px; background-repeat: no-repeat;}
#marketSolutions .healthcare a {background-position: -210px 0px; background-repeat: no-repeat;}
#marketSolutions .authorities a {background-position: -210px 0px; background-repeat: no-repeat;}


/* Case studies
--------------------------------------------------------------------------------------*/

#caseStudies {margin: 10px 15px; position: relative;}
#caseStudies img {margin: 10px 0px;}
#caseStudies ul {position: relative; list-style: none;}
#caseStudies li {font-size: 100%; margin: 0 0 10px 0; border-bottom: 1px solid #8fc1a5; padding: 0 0 10px 0; list-style-type: none;}
#caseStudies li a {text-decoration: none; color: #333; display: block;}
#caseStudies li a:hover {color: #000; text-decoration: underline;}
#caseStudies #featured {font-size: 110%;}
#caseStudies .title {color: #000; font-weight: bold;}


/* Typography 
--------------------------------------------------------------------------------------*/

#leftcol h2 {color: #bb0000; font-size: 160%; font-weight: normal; margin: 0 0 5px 20px}
#rightcol h2 {color: #000; font-size: 160%; font-weight: normal; margin: 0 0 5px 20px}
#rightcol .tagLine {color: #005225; font-size: 80%}

#vacancies h2 {color: #bb0000; font-size: 160% !important;}
.relatedItem h3 {color: #01803b; font-size: 120%; padding: 0 0 0px 0}

#relatedLinks {margin: 0 0 15px 0;}
#relatedLinks h2 {color: #01803b;}

#caseStudy h2 {color: #911114;}

.printOnly {display: none;}

.bold {font-weight: bold;}
p {padding: 5px 0 10px 0;;}
p a {color: #881b18}
p a:hover {color: #269954;}
.red {color: #911114;}

q {font-style: italic;}

acronym {border-bottom: 1px dotted #911114; cursor: help;}

#maincol h2 {font-size: 130%}
#maincol h3 {font-size: 110%}
#maincol h4 {font-size: 100%}
#maincol .mainBodyText {position: relative; list-style: inside; margin: 5px 0px;}
#maincol .mainBodyText li {list-style-type: square; font-weight: normal; color: #000; list-style-position: inside;}
#maincol .mainBodyText li a {color: #333;}
#maincol .mainBodyText li a:hover {color: #269954;}

#testimonial p {color: #aaa; margin: 10px 0 0 0;}
#testimonial p a {color: #555;}
#testimonial p a:hover {color: #000}

blockquote {font-size: 150%; font-style: italic; font-weight: normal; line-height: 1.4em; letter-spacing: 0.05em; background: url(../images/quoteTL.png) top left no-repeat; padding-left: 30px; margin: 10px 0px}
blockquote span {background: url(../images/quoteBR.png) bottom right no-repeat; padding-right: 30px;}

#caseStudy blockquote {font-size: 150%; font-style: italic; font-weight: normal; line-height: 1.4em; letter-spacing: 0.05em; padding-left: 10px; margin: 10px 0px; background: none; border-left: 5px solid #8ab61a; margin: 10px; position: relative; float: right; width: 200px}
#caseStudy blockquote span {background: none; padding-right: 30px; position: relative;}

.newsItem blockquote {color: #ca2432; font-size: 150%; font-style: italic; font-weight: normal; line-height: 1.4em; letter-spacing: 0.05em; background: url(../images/quoteTL.png) top left no-repeat; padding-left: 30px; margin: 10px 0px}
.newsItem blockquote span {background: url(../images/quoteBR.png) bottom right no-repeat; padding-right: 30px;}

ul, li {list-style: none; margin: 0; padding: 0;  position: relative !important;}

ol li {list-style: decimal !important; list-style-position: inside !important; background: none !important; padding: 0px !important;}

img {padding: 2px; border: 1px solid #c5c5c5; background-color: #fff;}
.imgLeft {float: left; margin: 0 10px 10px 0;}
.imgRight {float: right; margin: 0 0 10px 10px;}

div.imgRight {background-color: #eee; padding: 0; border: 1px solid #ccc}
div.imgRight p {padding: 3px; margin: -5px 0 0 3px; font-weight: bold;}

div.imgLeft {background-color: #eee; padding: 0; border: 1px solid #ccc}
div.imgLeft p {padding: 3px; margin: -5px 0 0 3px; font-weight: bold;}

div.vidRight {float: right; clear: left; border: none; padding: 0 0 15px 15px;}
div.vidLeft {float: left; clear: right; border: none; padding: 0 15px 15px 0;}

.Testimonial #flashContentContainer {float: right; position: relative; clear: left; padding: 0 0 15px 15px}

#tagLine {position: relative; margin-top: -23px; padding: 5px 0 5px 0;}
#tagLine h2 {color: #098f46; font-style: italic; font-size: 130%; font-weight: bold; font-family: arial black; letter-spacing: .02em;}


.mainBodyText {}
.mainBodyText table {border-collapse: collapse;}
.mainBodyText table th {background-color: #aaa; padding: 0 10px; border: 1px solid #ececec}
.mainBodyText table th + th {}
.mainBodyText table th + th + th {}
.mainBodyText table td {padding: 2px 10px; border: 1px solid #ececec; background-color: ebebeb;}
.mainBodyText table tr.odd {background-color: #e2e2e2;}
.mainBodyText table tr.even {background-color: #ccc;}
.mainBodyText table .odd .col1 {background-color: #ebebeb}
.mainBodyText table .odd}
.mainBodyText table .even .col1 {background-color: #dbdbdb}
.mainBodyText table .desc {}
.mainBodyText table .odd .col3 {background-color: #ebebeb}
.mainBodyText table .even .col3 {background-color: #dbdbdb}

.mainBodyText table .title {font-weight: bold;}
.mainBodyText table .title .col1 {background-color: #aaa}
.mainBodyText table .title .col2 {background-color: #b9b9b9}
.mainBodyText table .title .col3 {background-color: #aaa}
.mainBodyText table .title .col4 {background-color: #b9b9b9}

.mainBodyText table .ref {}
.mainBodyText table .file a {background: url(../images/layout/downloadIcon.png) 0px 0px no-repeat; padding: 0 0 2px 20px;}
.mainBodyText table {}
.mainBodyText table {}


/* Landing pages & content boxes
--------------------------------------------------------------------------------------*/

.box {position: relative; margin: 0 0 20px 0; float: left; width: 650px}
.box h2 {font-weight: normal; border-bottom: 1px solid #ccc; margin: 0 0 10px 0;}
.box img {border: 1px solid #aaa; padding: 2px; background-color: #fff;}
.box a {text-decoration: none;}
.box a:hover {text-decoration: underline;}

.box .testimonial {}
.box .news {}
.box .caseStudy {}

.box .usp {}
.usp h3 img {border: none; float: none; background: none; position: relative; margin: 0px 5px !important; padding: 0px !important; vertical-align: middle;}
.usp h3 {}

ul.inBoxList {position: relative; clear: left; margin: 10px 0 !important}
.inBoxList li {margin: 0px; border: none; background: url(../images/subnav_left-arrow.png) 0 50% no-repeat; padding: 0 0 0 10px;}
.inBoxList li a {color: #911114;}
.inBoxList .title {padding: 0px; background: none;}

.box .name {font-weight: bold;}
.box .more {font-weight: bold; border-bottom: 1px solid #ddd;}
.box .more a {color: #911114; background: url(../images/subnav_left-arrow.png) 0 50% no-repeat; padding: 0 0 0 10px;}
.box .title {font-weight: bold;}
.box .date, .box .industry {color: #911114;}
.box .description {}

.box ul {margin: 10px 0 !important; padding: 0px !important;}
.box .text li {margin: 0 0 0px 0; padding: 0; clear: both;background: url(../images/subnav_left-arrow.png) 0 50% no-repeat; padding: 0 0 0 10px; border: none; min-height: 0;}
.boxThreeFifth img, .mBox7 img, .boxTwoThird img, .mBox8 img, .boxFull img, .mBox12 img, .text img {float: left; margin: 0 8px 8px 0;}
.box li {clear: left; border-bottom: 1px solid #ddd; min-height: 75px; padding: 0 0 10px 0; margin: 0 0 10px 0;}

.mBox12 li, .rssfeed li {padding: 0 0 10px 0; margin: 0 0 10px 0;}
.news li {min-height: 0;}
.mBox12 ul, .rssfeed ul {margin: 10px 0px !important;}

.boxThird,.mBox4 {position: relative; float: left; width: 180px; margin: 0 16px 0 0; min-height: 100px; padding: 10px;}
.boxTwoThird,.mBox8 {position: relative; float: left; width: 396px; margin: 0 16px 0 0; min-height: 100px; padding: 10px;}
.boxHalf,.mBox6 {positon: relative; float: left; width: 289px; margin: 0 16px 0 0; min-height: 100px; padding: 10px;}
.boxTwoFifth,.mBox5 {position: relative; float: left; width: 224px; margin: 0 16px 0 0; min-height: 100px; padding: 10px;}
.boxThreeFifth,.mBox7 {position: relative; float: left; width: 354px; margin: 0 16px 0 0; min-height: 100px; padding: 10px;}
.boxFull,.mBox12 {position: relative; float: left; width: 614px; margin: 0 16px 0 0; min-height: 100px; padding: 10px;}

.boxThird.bgGreen,.mBox4.bgGreen {background: url(../images/boxThird_green.png) top left no-repeat;}
.boxThird.bgBlue,.mBox4.bgBlue {background: url(../images/boxThird_blue.png) top left no-repeat;}
.boxThird.bgFeed,.mBox4.bgFeed {background: url(../images/boxThird_feed.png) top left no-repeat;}
.boxTwoThird.bgGreen,.mBox8.bgGreen {background: url(../images/boxTwoThird_green.png) top left no-repeat;}
.boxTwoThird.bgBlue,.mBox8.bgBlue {background: url(../images/boxTwoThird_blue.png) top left no-repeat;}
.boxTwoThird.bgFeed,.mBox8.bgFeed {background: url(../images/boxTwoThird_feed.png) top left no-repeat;}
.boxHalf.bgGreen,.mBox6.bgGreen {background: url(../images/boxHalf_green.png) top left no-repeat;}
.boxHalf.bgBlue,.mBox6.bgBlue {background: url(../images/boxHalf_blue.png) top left no-repeat;}
.boxHalf.bgFeed,.mBox6.bgFeed {background: url(../images/boxHalf_feed.png) top left no-repeat;}
.boxTwoFifth.bgGreen,.mBox5.bgGreen {background: url(../images/boxTwoFifth_green.png) top left no-repeat;}
.boxTwoFifth.bgBlue,.mBox5.bgBlue {background: url(../images/boxTwoFifth_blue.png) top left no-repeat;}
.boxThreeFifth.bgGreen,.mBox7.bgGreen {background: url(../images/boxThreeFifth_green.png) top left no-repeat;}
.boxThreeFifth.bgBlue,.mBox7.bgBlue {background: url(../images/boxThreeFifth_blue.png) top left no-repeat;}
.boxThreeFifth.bgFeed {background: url(../images/boxThreeFifth_feed.png) top left no-repeat;}
.boxFull.bgGreen,.mBox12.bgGreen {background: url(../images/boxFull_green.png) top left no-repeat;}
.boxFull.bgBlue,.mBox12.bgBlue {background: url(../images/boxFull_blue.png) top left no-repeat;}
.boxFull.bgFeed {background: url(../images/boxFull_feed.png) top left no-repeat;}


/* Contact form
--------------------------------------------------------------------------------------*/

.form input.inp, .form textarea.inp, #se_form input.inp {border: 1px solid #222; font: 100% Verdana, Arial, Helvetica, sans-serif; width: 582px; background: #fff; color: #555; padding: 3px; margin-bottom: 10px; outline: none;}
.form input.inp:focus, .form textarea.inp:focus, #se_form input.inp:focus, .ddl:focus {background-color: #ebf6d4 !important; border: 1px solid #f60;}
.form input.inp:hover, .form textarea.inp:hover, #se_form input.inp:hover, .ddl:hover {border: 1px solid #f60;}
.form p {margin-bottom: 3px; font-weight: normal;}
.req {color: #ff0000; font-weight: normal; border-color: #ff0000 !important;}
input.req {background-color: #ffeeee !important;}
.error input {color: #ff0000; font-weight: normal; border-color: #ff0000 !important;}
.error input {background-color: #ffeeee !important;}
.form .title {font-weight: bold;}

.form .ddl {border: 1px solid #222; color: #555; width: 200px; padding: 1px;}
.form .ddl:hover {border: 1px solid #f60;}
.form .radio {margin: 0 5px 0 5px}
.form .chkbx { margin: 6px 8px 0px 6px;}
.form .buttonSubmit {padding: 5px; margin: 10px 10px 0 0; width: 80px;}

.form-error h2 {color: #ff0000 !important; font-size: 120% !important; margin: 10px 0 5px 0 !important; padding: 0px !important}
.form-error p {margin: 0px 0 10px 0; !important; padding: 0px !important; color: #000 !important; font-weight: bold;}

.formError {background: url(../images/icon-formerror.gif) 0% 50% no-repeat; padding: 1px 0 0 20px; margin: 0 0 0 10px; color: #ff0000;}
.form fieldset {border:0; margin: 8px 0 5px 0;}

input.fFileBrowser {height: 15px; padding: 5px !important;}

#formdiv li {margin: 0px; border: none; background: url(../images/subnav_left-arrow.png) 0 50% no-repeat; padding: 0 0 0 10px;}
#formdiv p {float:left;}


/* Sitemap
--------------------------------------------------------------------------------------*/

.sitemap li {list-style: none !important; line-height: 1.6em; width: 100%;}
.sitemap li a {display: block; color: #444; text-decoration: none;}
.sitemap li a:hover {background-color: #bedf75; border-right: 2px solid #78bb3f; color: #3a5009; /* border-bottom: 1px solid #ddd; margin-bottom: -1px */}
.sitemap ul li {background: url(../images/sitemap_arrow1.png) 0px 8px no-repeat; padding: 0 0 0 15px;}
.sitemap ul li a {margin-right: 10px}
.sitemap ul ul li {background: url(../images/sitemap_arrow2.png) 0px 8px no-repeat; padding: 0 0 0 15px;}
.sitemap ul ul li a {margin-right: 25px;}
.sitemap ul ul ul li {background: url(../images/sitemap_arrow3.png) 0px 8px no-repeat; padding: 0 0 0 15px;}
.sitemap ul ul ul li a {margin-right: 40px;}
.sitemap ul ul ul ul li {background: url(../images/sitemap_arrow4.png) 0px 8px no-repeat; padding: 0 0 0 15px;}
.sitemap ul ul ul ul li a {margin-right: 55px;}
.topLevel {font-weight: bold;}


/* Case Studies / Testimonials / Resources / News / Search
--------------------------------------------------------------------------------------*/

.listingRSS {right: 0px; top: 12px; position: absolute; border: none; background: none !important;}
.listingRSS a {border: none !important;}
.listingRSS img {border: none !important;}

.listPagination {display: block; clear: both; position: relative; margin: 10px 0 15px 0; border-bottom: 1px dashed #555; border-top: 1px dashed #555; padding: 8px 0 8px 0;}
.listPagination .previous {background: url(../images/newsNavArrow-l.png) 0% 50% no-repeat; padding: 0 0 0 10px; position: absolute; top: 5px; left: 0px}
.listPagination .next {background: url(../images/newsNavArrow-r.png) 100% 50% no-repeat; padding: 0 10px 0 0; margin-right: 10px; position: absolute; top: 5px; right: 0px}
.listPagination .page {float: left; margin: -8px 0pt 0pt; text-align: center; width: 100%;}
.listPagination .current {color: #222; font-weight: bold;}

.filterResults {border-top: 1px dashed #098f46; text-align: left; padding: 3px 0;}
.filterTitle {color: #333; font-size: 100%; font-weight: bold; margin: 0 10px 0 0;}
.searchTitle {color: #333; font-size: 100%; font-weight: bold; margin: 0 7px 0 0;}
.filterResults input {margin: 0 0 0 10px; padding: 0 6px 0 3px}
.filterResults submit {width: 100px}
.filterResults select {width: inherit !important; min-width: 100px;}
.filterButton {margin: 0 0 0 10px; width: 50px; padding: 2px; cursor: pointer;}

.listing ul,.testimonialList ul {}
.listing li, .testimonialList li {border-top: 1px dotted #ccc; padding: 10px 0; margin: 0 0 15px 0; display: block; background-image: none !important; clear: both;}
.listing li a, .testimonialList li a {text-decoration: none;}
.listing li:hover, .testimonialList li:hover {background-color: #e1f8ce}
.listing li img {float: left; margin: 0 10px 10px 0; border: 1px solid #ccc; padding: 2px; position: relative;}
.listing .last, .testimonialList .last {border-bottom: 1px dotted #ccc;}
.listing .title, .testimonialList .title {font-weight: bold; font-size: 110%;}
.listing .title a, .testimonialList .title a {}
.listing .description, .testimonialList .description {}
.listing .description a, .testimonialList .description a {}
.listing .fieldTitle, .itemDetails .fieldTitle {font-weight: bold; padding: 0 5px 0 0;}
.listSearch {border-top: 1px dotted #ccc; margin: 5px 0 0 0; padding: 5px 0 0 0;}
.listSearch .search {height: 18px;}
.listSearch .button {}
.mainSearch .search {}
.mainSearch .button {}
.testimonialList .viewTestimonial {font-weight: bold; color: #911114; font-size: 110%;}
.testimonialList li img {float: right; margin: 0 0 10px 10px; border: 1px solid #ccc; padding: 4px; position: relative; background-color: #fff}
.flashButton {border: none; margin: 5px 0px;}

.searchKeyword {font-weight: bold; color: #911114}
.uri {color: #0000bb;}
.searchResults {text-align: right;}
.searchResults .resultsLocation, .searchResults .resultsNumber, .searchResults .searchTerm {font-weight: bold;}

#noResults p {font-weight: bold; font-size: 110%; color: #911114}
#noResults ul {}
#noResults li {padding: 5px 0 5px 10px; font-weight: bold; color: #555; margin: 0px; background: url(../images/newsNavArrow-r.png) 0 50% no-repeat !important;}
#noResults li a {color: #911114; text-decoration: underline;}
#noResults li a:hover {color: #000;}

.testimonialPlay {float: left; margin: 0 15px 15px 0px; padding: 5px; background-color: #fff; border: 1px solid #ccc;}

.resourceItemFilename {font-weight: normal; padding: 0 10px 0 5px}
.resourceItemFileType {background-position: 100% !important; background-repeat: no-repeat !important; font-weight: normal; padding: 2px 20px 2px 5px; margin-right: 5px}
.resourceItemFileSize {padding: 0 10px 0 5px; color: #098f46; font-weight: normal;}

.vacancyApply {font-size: 120%; font-weight: bold;}
.vacancyApply a {text-decoration: none; color: #f60; background: url(../images/greenArrow.png) 0% 50% no-repeat; padding: 0 0 0 13px; display: block}
.vacancyApply a:hover {color: #78bb3f}
.vacancyApply span {}

.doc, .txt, .rtf {background: url(../images/icon-doc.gif)}
.xls, .csv {background: url(../images/icon-xls.gif)}
.jpg, .jpeg, .gif, .png, .bmp {background: url(../images/icon-image.gif)}
.ppt {background: url(../images/icon-ppt.gif)}
.pdf {background: url(../images/icon-pdf.gif)}
.xxx {background: url(../images/icon-xxx.gif)}
.exe {background: url(../images/icon-exe.gif)}


/* News stories (home / details / archive)

--------------------------------------------------------------------------------------*/

#newsHome {}

#newsDetail {}

#newsArchive {}

#newsArchive #pagination {}


/* Vacancies

--------------------------------------------------------------------------------------*/

.featuredVacancy {position: relative; float: left; margin: 15px 0 20px 0; }
.featuredVacancy#one {width: 155px; padding: 0 10px 0 0;}
.featuredVacancy#two {width: 154px; border-left: 1px solid #78bb3f; padding: 0 0 0 10px;}

.featuredVacancy .title {color: #00ad4e}
.featuredVacancy .salary {color: #78bb3f}
.featuredVacancy .reference {color: #000; font-weight: bold;}
.featuredVacancy .description a {color: #555; text-decoration: none; display: block}
.featuredVacancy .description a:hover {color: #911114;}
.opportunities {color: #911114 !important; font-size: 140% !important;}


/* Vacancy testimonials
--------------------------------------------------------------------------------------*/

#leftcol #vacanciesTestimonial {margin: 0px;}
#vacanciesTestimonial {margin: 10px 15px; position: relative;}
#vacanciesTestimonial img {margin: 5px 0 0 0; padding: 2px; border: 1px solid #ccc; background-color: #fff;}
#vacanciesTestimonial ul {position: relative; list-style: none;}
#vacanciesTestimonial li {font-size: 100%; margin: 0 0 10px 0; border-bottom: 1px solid #8fc1a5; padding: 0 0 10px 0; list-style-type: none;}
#vacanciesTestimonial li a {text-decoration: none; color: #333}
#vacanciesTestimonial li a:hover {color: #000; text-decoration: underline;}
#vacanciesTestimonial #featured {font-size: 110%;}
#vacanciesTestimonial .name {color: #000; font-weight: bold;}

#vacanciesTestimonial .more {text-align: right; font-weight: bold; font-style: italic;}


/* Vacancy search
--------------------------------------------------------------------------------------*/

#vacancySearch {margin: 10px 15px; position: relative;}
#vacancySearch form {}
#vacancySearch #searchBox {position: relative; margin: 10px 0 15px 0; border-bottom: 1px solid #911114; padding: 0 0 40px 0; width: 100%;}
#vacancySearch .vacancyField {width: 150px; padding: 4px; border: 1px solid #aaa;}
#vacancySearch .vacancyField:hover {border: 1px solid #86b917;}
#vacancySearch .vacancyField:focus {border: 1px solid #86b917; background-color: #ebf6d4}
#vacancySearch .vacancyButton {width: 54px; padding: 3px 0;}


/* Application form
--------------------------------------------------------------------------------------*/

.applicationForm fieldset {border: none;}
.applicationForm legend {font-weight: bold; font-size: 130%; color: #911114; margin: 10px 0;}
.applicationForm legend .step {padding: 0 0 0 15px; color: #666}
.applicationForm legend .step .stepCurrent {padding: 0 5px; color: #ff0000}
.applicationForm legend .step .stepComplete {color: #aaa; text-decoration: line-through}
.applicationForm input, .applicationForm textarea {padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #bbb}
.applicationForm input:hover, .applicationForm textarea:hover {border-color: #666}
.applicationForm input:focus, .applicationForm textarea:focus {border-color: #555; background-color: #f1f1f1}
.applicationForm .textAreaSml {width: 50px;}
.applicationForm .textAreaMed {width: 140px;}
.applicationForm .textAreaLge {width: 300px;}
.applicationForm .textAreaHalf {width: 285px;}
.applicationForm .textAreaFull {width: 580px;}
.applicationForm .textAreaEmploy1 {width: 162px;}
.applicationForm .textAreaEmploy2 {width: 105px;}
.applicationForm .textAreaEmploy3 {width: 162px;}
.applicationForm .textAreaEmploy4 {width: 110px;}

.applicationForm .chkbx {margin: 1px 5px; border: none !important;}
.applicationForm .radio {margin: 1px 5px; border: none !important;}

.applicationForm .buttonPrev, .applicationForm .buttonNext {float: right; margin: 5px; border: 1px solid #911114; padding: 5px;}
.applicationForm .buttonPrev:hover, .applicationForm .buttonNext:hover {border-color: #86b917; cursor: pointer; background-color: #fff;} 
.applicationForm .buttonSubmit {border: 1px solid #911114; padding: 5px; float: right; margin: 5px 30px 5px 5px;}
.applicationForm .buttonSubmit:hover {border-color: #86b917; cursor: pointer; background-color: #fff;} 

.applicationForm .textFieldSml {height: 16px; width: 50px;}
.applicationForm .textFieldMed {height: 16px; width: 140px;}
.applicationForm .textFieldLge {height: 16px; width: 300px;}
.applicationForm .textFieldHalf {height: 16px; width: 285px;}
.applicationForm .textFieldFull {height: 16px; width: 580px;}

.applicationForm table {border-collapse: collapse;}
.applicationForm td {padding: 2px; vertical-align: top; text-align: left}
.applicationForm tr:hover {background-color: #eee}


/*  Form field styles
--------------------------------------------------------------------------------------*/

.formCellSubmit {display: block; margin: 10px; clear: both;}

.formCellFull {position: relative; clear:both; width: 600px; margin: 0 10px 10px 0;}
.formCellFull label {width: 280px; margin: 0 10px 10px 0; float:left;}
.formCellFull input {height: 16px; width: 280px; margin: 0 10px 10px 0; float:left;}
.formCellFull textarea {height: 180px; width: 580px; float:left;}

.formCellFullMedium {position: relative; clear:both; width: 620px; margin: 0 10px 10px 0;}
.formCellFullMedium label {width: 280px; margin: 0 10px 10px 0; float:left;}
.formCellFullMedium input {height: 16px; width: 150px; margin: 0 10px 10px 0; float:left;}
.formCellFullMedium textarea {height: 16px; width: 200px; float:left;}

.formCellFullShort {position: relative; clear:both; width: 620px; margin: 0 10px 10px 0;}
.formCellFullShort label {width: 415px; margin: 0 10px 10px 0; float:left;}
.formCellFullShort input {height: 16px; width: 80px; margin: 0 10px 10px 0; float:left;}
.formCellFullShort textarea {height: 16px; width: 300px; float:left;}

.formCellHalf {position: relative; float: left; width: 280px; margin: 0 10px 10px 0;}
.formCellHalf label{display: block; width: 125px; margin: 0 10px 0 0; float: left;}
.formCellHalf input{height: 16px; width: 130px; margin: 0; float: left;}
.formCellHalf textarea {width: 130px; margin: 0; float: left;}

.formCellHalfClear {position: relative; float: left; width: 280px; margin: 0 10px 10px 0; clear: both;}
.formCellHalfClear label{display: block; width: 125px; margin: 0 10px 0 0; float: left;}
.formCellHalfClear input{height: 16px; width: 130px; margin: 0; float: left;}
.formCellHalfClear textarea {width: 130px; margin: 0; float: left;}

.formCell2ColWide {position: relative; float: left; width: 270px; margin: 0 10px 10px 0;}
.formCell2ColWide label{display: block; width: 270px; margin: 0; float: left;}
.formCell2ColWide input{height: 16px; width: 270px; margin: 0; float: left;}
.formCell2ColWide textarea {width: 270px; height: 280px; margin: 0; float: left;}

.formCellGroupInline {position: relative; clear:both; width: 620px; margin: 0 10px 15px 0;}
.formCellGroupInline label {width: 280px; margin: 0 10px 10px 0; float:left;}
.formCellGroupInline .inputGroup {display: block; float: left; width: 290px;}
.formCellGroupInline .inputGroup label {display: block; float: left; width: auto; margin: 0 2px 0 0;}
.formCellGroupInline .inputGroup input {display: block; float: left; width: auto; margin: 3px;}
.formCellGroupInline .inputGroupItem {display: block; float: left; width: auto; margin: 0 10px 0 0;}

.formCellGroupList {position: relative; clear:both; width: 620px; margin: 0 10px 10px 0;}
.formCellGroupList label {width: 280px; margin: 0 10px 10px 0; float:left;}
.formCellGroupList .inputGroup {display: block; float: left; width: 290px; margin: 0 0 5px 0;}
.formCellGroupList .inputGroup label {display: block; float: left; width: auto; margin: 0 10px 0 0;}
.formCellGroupList .inputGroup input {display: block; float: left; width: auto; margin: 0 10px 0 0;}
.formCellGroupList .inputGroupItem {clear:left;}

.formCellGroup2Col {position: relative; clear:both; width: 620px; margin: 0 10px 15px 0;}
.formCellGroup2Col label {display:block; width: 600px; margin: 0 10px 10px 0;}
.formCellGroup2Col .inputGroup {display: block; width: 600px;}
.formCellGroup2Col .inputGroupItem {display: block; float: left; width: 270px; margin: 0 20px .7em 0;}
.formCellGroup2Col .inputGroup label {display: block; float: left; width: 240px; margin: 0 5px 0 0;}
.formCellGroup2Col .inputGroup input {display: block; float: left; width: auto; margin: .3em 5px 0 0;}

.formCellGroup4Col {position: relative; clear:both; width: 620px; margin: 0 10px 15px 0;}
.formCellGroup4Col label {display:block; width: 600px; margin: 0 10px 10px 0;}
.formCellGroup4Col .inputGroup {display: block; width: 600px;}
.formCellGroup4Col .inputGroupItem {display: block; float: left; width: 135px; margin: 0 15px .7em 0;}
.formCellGroup4Col .inputGroup label {display: block; float: left; width: auto; max-width: 115px; margin: 0 10px 0 0;}
.formCellGroup4Col .inputGroup input {display: block; float: left; width: auto; margin: .3em 0 0 0;}

.formCellNavWide {position: relative;}
.formCellNavWide input {display: block; width: 170px; margin: 5px; padding: 2px;}





.formCellNavSubmit {float: right; position: relative;}
.formCellNavSubmit input {position: relative; z-index:100; height: 48px; width: 56px;}


.formFieldTitle {width: 120px !important;}
.formFieldTitleMed {width: 240px !important;}
.formFieldTitleWide {width: 283px !important;}

#formdiv .hide {display:none;}


/* Journal Specific
--------------------------------------------------------------------------------------*/

#journal {margin: 10px 15px; position: relative;}
#journal #header {background: url(../images/journalHeader.png) top left no-repeat; width: 620px; height: 77px; position: relative; margin: 15px 0 0 0 !important; padding: 0 0 5px 0;}
#journal #header {background: url(../images/journalHeader.png) top left no-repeat; width: 620px; height: 77px; position: relative; margin: 15px 0 0 0 !important; padding: 0 0 5px 0;}
#journal #header h1 {text-indent: -2000px; border: none;}
#journal h1 {font-size: 140%; padding: 0 0 5px 0;}
#journal h1 .red {color: #911114;}

.postDetails {border-bottom: 1px dotted #c5c5c5; margin: 0 0 5px 0; font-weight: bold; color: #666;}
.journalPost {border-bottom: 1px dotted #c5c5c5; padding: 0 0 10px 0; margin: 0 0 20px 0;}
.journalPost img {padding: 2px; border: 1px solid #c5c5c5;}
.journalPost .imgLeft {float: left; margin: 0 10px 10px 0;}
.journalPost .imgRight {float: right; margin: 0 0 10px 10px;}
.journalPost h2 {font-size: 150% !important; color: #444;}
.journalPost h2 a {color: #444; text-decoration: none;}
.journalPost h2 a:hover {text-decoration: underline;}
.journalSubNav a {color: #fff !important; font-weight: bold !important;}
.journalSubNav a:hover {color: #000 !important;;}

#categories {position: relative; clear: left;}

.postComment .textFieldLge {height: 16px; width: 345px;}
.postComment .textAreaLge {width: 345px;}
.postComment input, .postComment textarea {padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #bbb}
.postComment input:hover, .postComment textarea:hover {border-color: #666}
.postComment input:focus, .postComment textarea:focus {border-color: #555; background-color: #f1f1f1}

.comment, .postComment {border: 1px dotted #c0c0c0; padding: 10px; margin: 10px 0; background-color: #fff; position: relative;}
.commentAuthor, .commentDate, .commentTime {font-weight: bold; color: #555;}
.commentAuthor a {color: #911114; text-decoration: none;}

.comment.apetito {border: 1px dotted #911114; background-color: #ffeded}

.postComment table {border-collapse: collapse;}
.postComment td {padding: 2px; vertical-align: top;}

.journalPreview, .journalSubmit  {width: 174px; height: 30px; background-color: #eee;}

.journalSubmit:hover, .journalPreview:hover {border-color: #86b917; cursor: pointer; background-color: #fff;}

.comments h3 {font-size: 130% !important; color: #444; font-weight: bold;}
.comments h3 .postComments {color: #911114;}

.journalSearchTerm, .journalSearchResults, .journalArchiveName, .journalArchiveResults {color: #911114;}

.postReadMore {font-size: 100%; font-weight: bold; background: url(../images/subnav_left-arrow.png) 0% 50% no-repeat; padding: 0 0 0 10px;}
.postReadMore a {text-decoration: none; color: #911114;}
.postReadMore a:hover {text-decoration: underline;}

.journalCategory {}
.journalArchive {}
.journalRecent {}
.journalRecent a {}
.journalRecent a:hover {}
.journalRecent .date {font-weight: bold; font-style: normal; color: #666;}
.journalRecent .desc {color: #666;}

#journalSearch {position: relative; margin: 22px 0 6px 0; float: left;}
.journalSearchField {width: 181px !important; height: 18px !important; padding: 2px 0 0 2px !important; border: 1px solid #999 !important}
.journalSearchField:hover {border-color: #333;}
.journalSearchField:focus {border-color: #333; background-color: #eee;}
.journalSearchButton {width: 60px !important; padding: 2px !important; margin: 0 0 0 3px;}
.journalSearchButton:hover {cursor: pointer;} 

.commentInfo img {border: 0px; margin: 0 2px; vertical-align: middle;}

#Tags {margin: 20px 0 20px 0; position: relative;}
#Tags ul {}
#Tags li {}
#Tags span.tagRssIcon a {background-image: none !important; margin: 0px; padding: 0px;}
#Tags img.rssSubscribe {position: absolute; right: 10px; top: 0px}

.blog #midcol-wide li {margin: 0px; border: none; background: url(../images/subnav_left-arrow.png) 0 5px no-repeat; padding: 0 0 5px 10px;}
.blog #midcol-wide ul {margin: 0 0 10px 0;}


/* Round Boxes
--------------------------------------------------------------------------------------*/

.roundBox {position: relative; width: 620px; background-position: top left; background-repeat: repeat-y; background-color:Transparent; margin: 15px 0 30px 0; color: #222}
.roundBox .top {position: relative; width: 620px; height: 9px; background-position: top left; background-repeat: no-repeat; background-color: Transparent; top: -9px}
.roundBox .bottom {position: relative; width: 620px; height: 9px; background-position: bottom left; background-repeat: no-repeat; background-color: Transparent; bottom: -9px;}
.roundBox .content {padding: 0px 15px; margin: -9px 0;}

.roundBoxSml {position: relative; width: 590px; background-position: top left; background-repeat: repeat-y; background-color: Transparent; margin: 15px 0 30px 0; color: #222}

.roundBoxSml .top {position: relative; width: 590px; height: 9px; background-position: top left; background-repeat: no-repeat; background-color: Transparent; top: -9px}
.roundBoxSml .bottom {position: relative; width: 590px; height: 9px; background-position: bottom left; background-repeat: no-repeat; background-color: Transparent; bottom: -9px;}
.roundBoxSml .content {padding: 0px 15px; margin: -9px 0;}

.roundBox.green {background-image: url(../images/roundBoxMid_green.png);}
.roundBox.green .top {background-image: url(../images/roundBoxTop_green.png) !important; background-image: url(../images/roundBoxTop_green.gif);}
.roundBox.green .bottom {background-image: url(../images/roundBoxBot_green.png) !important; background-image: url(../images/roundBoxBot_green.gif);}

.roundBox.orange {background-image: url(../images/roundBoxMid_orange.png);}
.roundBox.orange .top {background-image: url(../images/roundBoxTop_orange.png) !important; background-image: url(../images/roundBoxTop_orange.gif);}
.roundBox.orange .bottom {background-image: url(../images/roundBoxBot_orange.png) !important; background-image: url(../images/roundBoxBot_orange.gif);}

.roundBox.red {background-image: url(../images/roundBoxMid_red.png);}
.roundBox.red .top {background-image: url(../images/roundBoxTop_red.png) !important; background-image: url(../images/roundBoxTop_red.gif);}
.roundBox.red .bottom {background-image: url(../images/roundBoxBot_red.png) !important; background-image: url(../images/roundBoxBot_red.gif);}

.roundBox.thinGray {background-image: url(../images/roundBoxMid_thinGray.png);}
.roundBox.thinGray .top {background-image: url(../images/roundBoxTop_thinGray.png) !important; background-image: url(../images/roundBoxTop_thinGray.gif);}
.roundBox.thinGray .bottom {background-image: url(../images/roundBoxBot_thinGray.png) !important; background-image: url(../images/roundBoxBot_thinGray.gif);}

.roundBoxSml.thinGraySml {background-image: url(../images/roundBoxCommentsMid_thinGray.png);}
.roundBoxSml.thinGraySml .top {background-image: url(../images/roundBoxCommentsTop_thinGray.png) !important; background-image: url(../images/roundBoxCommentsTop_thinGray.gif);}
.roundBoxSml.thinGraySml .bottom {background-image: url(../images/roundBoxCommentsBot_thinGray.png) !important; background-image: url(../images/roundBoxCommentsBot_thinGray.gif);}

.roundBox.form-error {background-image: url(../images/roundBoxMid_formError.png);}
.roundBox.form-error .top {background-image: url(../images/roundBoxTop_formError.png) !important; background-image: url(../images/roundBoxTop_formError.gif);}
.roundBox.form-error .bottom {background-image: url(../images/roundBoxBot_formError.png) !important; background-image: url(../images/roundBoxBot_formError.gif);}

.roundBox.itemSummary .content {font-weight: bold; font-style: italic; font-size: 110%;}
.roundBox.listNavigation {margin-bottom: 25px}
.roundBox.listNavigation .content {text-align: left; font-style:italic; font-size: 120%;}

.roundBox.itemDetails .content p {line-height: 2em !important;}

.roundBox.journal .content {}

.roundBox.applicationForm .content {}


/*  Feed Specific
--------------------------------------------------------------------------------------*/

.box .feedSeparator {background: url(../images/feedSeparator.png) 50% 0 no-repeat; height: 21px; margin: 0 0 15px 0;}

#rightcol .rssFeeds, #leftcol .rssFeeds {position: relative; float: left; margin: 20px 0; background: url(../images/rssSideBg.png) top left no-repeat; width: 250px;}

#rightcol .feedSeparator, #leftcol .feedSeparator {background: url(../images/feedSeparator.png) 0 0 no-repeat; height: 21px;}

#rightcol .rssFeeds .feedContainer, #leftcol .rssFeeds .feedContainer {padding: 8px 15px 0px 15px;}

.feedContainer h2 {margin: 0 0 5px 0 !important; padding: 0px !important; color: #444 !important;}
.feedContainer h2 a {text-decoration: none;}
.feedContainer h2 a:hover {text-decoration: underline;}
.feedContainer .last {border: none !important;}
.feedContainer ul {}
.feedContainer li {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #ddd;}
.feedContainer li a {text-decoration: none; color: #333 !important; display: block}
.feedContainer li a:hover {text-decoration: underline}
.feedContainer .title {font-weight: bold;}
.feedContainer .title a {margin-bottom: -15px !important;}
.feedContainer .date {color: #ff6600; margin-top: -0px !important; padding: 0px !important}
.feedContainer .description {}

.rssSubscribe {border: none !important; float: right !important; margin: 5px -5px 0 0 !important; background: none;}
.box .rssSubscribe {margin: 4px 0px 0 0 !important;}

p.feedDescription {margin: 0 0 5px 0; border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; color: #000}
.box p.feedDescription {margin: 0 0 5px 0; border-bottom: 1px dotted #ddd; border-top: none; color: #000;}

#rssFeed {position: relative; margin: 10px 0 10px 25px; float: left; clear: left;}
#rssFeed p {outline: none; background: url(../images/rssFeed.jpg) 0px 5px no-repeat; padding: 0 0 0 50px; height: 62px;}
#rssFeed p a {color: #ff6600; text-decoration: none; font-size: 120%; font-weight: bold; line-height: 1em !important; display: block;}
#rssFeed p a:hover {text-decoration: underline;}


/*  Gallery stuff
--------------------------------------------------------------------------------------*/


.galleryImageDiv {float: left; display: block; width: 196px; margin: 0 0 15px 0;}
.galleryImageDiv .buttonPlan, .galleryImageDiv .buttonNoPlan {clear: both; margin: 6px 11px 0 11px;}
.galleryImg {float: left; position: relative; display: block; width: 174px; height: 180px; padding: 6px 6px 3.3em 6px; border-bottom: 1px solid #fff; text-align: center; text-decoration: none}
.galleryImg img {padding: 1px; border: 5px solid #ccc; margin: auto; max-width: 162px; height: auto; max-height: 162px; text-align: center;}
.galleryImg span {position: absolute; bottom: 5px; left: 13px; display: block; width: 162px; height: 3em; overflow: hidden; text-align: center;}
.galleryImg:hover {padding: 5px 5px 3.3em 5px; border: 1px dotted #ccc; cursor: pointer; background-color: #e1f8ce;}
.galleryImg:hover span {left: 12px;}

.galleryImgDetail {display: block; width: 100%; text-align: center;}
.galleryImgDetail img {max-width: 584px;}
.galleryImgDetail span {position: relative; float: left; clear: both; width: 590px; margin: 10px 0 20px 0;  text-align: left;}

.pagesbar {border-bottom:1px dotted #888; border-top:1px solid #888; display:block; float:left; margin: 10px 0 25px; padding:10px 0pt; position:relative; top:-1px; width:100%; }



#customerLogin form {display: block; width: 250px;}
#customerLinks {float: left; display: block; width: 250px; background: url(../images/customerLinks.gif) bottom no-repeat; padding-bottom: 5px; margin-bottom: 20px;}
#customerLinks h2 {display: block; padding: 10px 10px 5px; margin: 0; background: url(../images/customerLinks.gif) top no-repeat;}
#customerLinks h3 {padding: 5px 10px 10px; font-weight: normal;}
#customerLinks img {float: left; border: none; margin: 0 0 5px 10px; padding: 3px 0;}
#customerLinks a {float: left; margin: 0; padding: 0;}
#customerLinks br {display: none;}

.inputGroup input {float: left; width: auto;}
.inputGroupItem {clear: both; text-indent: 20px;}
.inputGroupItem label {color: #555;}