body,html {/* commented backslash hack - hides from Mac IE5 \*/height: 100%;/* end hack */}

body {margin:0px; padding:0px; font: 76% Arial, Verdana, Helvetica, sans-serif; color:#2a2a2c; background:#2a2a2c}

*  { margin: 0; padding: 0; border: 0} 
h1, h2, h3, h4, h5, p {font-weight:normal; padding-bottom:10px}
.clearboth {clear:both}
a {text-decoration:none;border-bottom-style:none; border-bottom:0px}
.fc { font-weight:bold}



.shell {text-align:center; top:0; left:0; overflow:visible; padding-top:5px; min-height:500px}
#holder {margin:0px auto; width:970px}

.home {background: url('images/bkgLeicester.jpg') center top no-repeat}
.bangor {background: url('images/bkgBangor.jpg') center top no-repeat}
.cardiff {background: url('images/bkgCardiff.jpg') center top no-repeat}
.chester {background: url('images/bkgChester.jpg') center top no-repeat}
.derby {background: url('images/bkgDerby.jpg') center top no-repeat}
.leicester {background: url('images/bkgLeicester.jpg') center top no-repeat}
.llandudno {background: url('images/bkgLlandudno.jpg') center top no-repeat}
.london {background: url('images/bkgLondon.jpg') center top no-repeat}
.northampton {background: url('images/bkgNorthampton.jpg') center top no-repeat}
.nottingham {background: url('images/bkgNottingham.jpg') center top no-repeat}
.stoke {background: url('images/bkgStoke.jpg') center top no-repeat}
.wrexham {background: url('images/bkgWrexham.jpg') center top no-repeat}

.home .topnav  {background: url('images/topnav_orange.png') center top no-repeat}
.bangor .topnav  {background: url('images/topnav_lblue.png') center top no-repeat}
.cardiff .topnav  {background: url('images/topnav_pink.png') center top no-repeat}
.chester .topnav  {background: url('images/topnav_lgreen.png') center top no-repeat}
.derby .topnav  {background: url('images/topnav_red.png') center top no-repeat}
.leicester .topnav  {background: url('images/topnav_orange.png') center top no-repeat}
.llandudno .topnav  {background: url('images/topnav_purple.png') center top no-repeat}
.london .topnav  {background: url('images/topnav_dred.png') center top no-repeat}
.northampton .topnav  {background: url('images/topnav_blue.png') center top no-repeat}
.nottingham .topnav  {background: url('images/topnav_green.png') center top no-repeat}
.stoke .topnav  {background: url('images/topnav_lilac.png') center top no-repeat}
.wrexham .topnav  {background: url('images/topnav_bgreen.png') center top no-repeat}

.topnav {float:left; width:970px; text-transform:lowercase; padding:5px 0px 0px 5px; text-align:left; padding-bottom:20px}
.topnavLeft {float:left; width:336px}
.topnavRight {float:right; text-align:right; padding-right: 20px}

ul.topnavTop {list-style-type:none; margin-top:15px; padding-right:20px}
ul.topnavTop li { display:inline}
ul.topnavTop li a {color:#fff; padding-left:10px}
ul.topnavTop li a:hover {color:#000}

ul.topnavBtm  {list-style-type:none; margin-top:35px; padding-right:20px}
ul.topnavBtm li { display:inline; padding-left:14px}
ul.topnavBtm li a {color:#fff; font-size:120%; cursor:pointer}
ul.topnavBtm li a:hover {color:#000}

#homeWrap {width:960px; margin:0px auto}
#homeLeft {width:608px; float:left; margin-top:68px}

#fctv {width:608px; text-align:left}
#fctv h1 {color:#fff; font-size:160%}
.vidTop {float:left; background:url('images/fc_tv.png') left top no-repeat; width:598px; padding:5px 0px 0px 10px}
.vidHolder {background: url('images/fc_tv_grad.png') left top repeat-y; width:608px; height:383px}

#fcvenues {width:608px; text-align:left; background:#cacaca; min-height:558px}
.msg_list {margin:0px; padding:5px 5px 5px 6px; width:594px; background:#cacaca; list-style-type:none}

.msg_list a {color:#000; display:block; padding: 7px 10px 5px 10px; margin-bottom: 3px; cursor: pointer; background: url('images/panel_btn.gif') left no-repeat; position: relative; font-size:16px; font-weight:bold}
.msg_list a:hover {background: url('images/panel_btnOn.gif') left no-repeat;} 

.msg_body_bangor a {padding:0px 0px 7px 0px; height:146px; background:url('images/bangor.jpg') left top no-repeat}
.msg_body_bangor a:hover {padding:0px 0px 7px 0px; height:146px; background:url('images/bangor.jpg') left top no-repeat}
.msg_body_cardiff a {padding:0px 0px 7px 0px; height:146px; background:url('images/cardiff.jpg') left top no-repeat}
.msg_body_cardiff a:hover {padding:0px 0px 7px 0px; height:146px; background:url('images/cardiff.jpg') left top no-repeat}
.msg_body_chester a {padding:0px 0px 7px 0px; height:146px; background:url('images/chester.jpg') left top no-repeat}
.msg_body_chester a:hover {padding:0px 0px 7px 0px; height:146px; background:url('images/chester.jpg') left top no-repeat}
.msg_body_derby a {padding:0px 0px 7px 0px; height:146px; background:url('images/derby.jpg') left top no-repeat}
.msg_body_derby a:hover {padding:0px 0px 7px 0px; height:146px; background:url('images/derby.jpg') left top no-repeat}
.msg_body_leicester a {padding:0px 0px 7px 0px; height:146px; background:url('images/leicester.jpg') left top no-repeat}
.msg_body_leicester a:hover {padding:0px 0px 7px 0px; height:146px; background:url('images/leicester.jpg') left top no-repeat}
.msg_body_llandudno a {padding:0px 0px 7px 0px; height:146px; background:url('images/llandudno.jpg') left top no-repeat}
.msg_body_llandudno a:hover {padding:0px 0px 7px 0px; height:146px; background:url('images/llandudno.jpg') left top no-repeat}
.msg_body_london a {padding:0px 0px 7px 0px; height:146px; background:url('images/london.jpg') left top no-repeat}
.msg_body_london a:hover {padding:0px 0px 7px 0px; height:146px; background:url('images/london.jpg') left top no-repeat}
.msg_body_northampton a {padding:0px 0px 7px 0px; height:146px; background:url('images/northampton.jpg') left top no-repeat}
.msg_body_northampton a:hover {padding:0px 0px 7px 0px; height:146px; background:url('images/northampton.jpg') left top no-repeat}
.msg_body_nottingham a {padding:0px 0px 7px 0px; height:146px; background:url('images/nottingham.jpg') left top no-repeat}
.msg_body_nottingham a:hover {padding:0px 0px 7px 0px; height:146px; background:url('images/nottingham.jpg') left top no-repeat}
.msg_body_stoke a {padding:0px 0px 7px 0px; height:146px; background:url('images/stoke.jpg') left top no-repeat}
.msg_body_stoke a:hover {padding:0px 0px 7px 0px; height:146px; background:url('images/stoke.jpg') left top no-repeat}
.msg_body_wrexham a {padding:0px 0px 7px 0px; height:146px; background:url('images/wrexham.jpg') left top no-repeat}
.msg_body_wrexham a:hover {padding:0px 0px 7px 0px; height:146px; background:url('images/wrexham.jpg') left top no-repeat}

/*------- FOOTER styles styles -------*/
#footerWrap {margin:0px auto; width:960px; color:#7f7f7f; text-align:left; padding:20px 0px}
.footerLeft {float:left; width:495px}
.footerRight {float:right; width:205px; text-align:right}

.footerLeft ul { list-style-type:none; margin-bottom:10px}
.footerLeft ul li { display: inline}
.footerLeft ul li a {color:#7f7f7f; font-size:80%; padding-right:18px; text-transform:uppercase; cursor:pointer}
.footerLeft ul li a:hover {color:#fff}
.footerLeft p {font-size:90%; padding-bottom:5px}
.footerLeft .oegen a {color:#7f7f7f; background: url('images/oegenLogo.gif') left no-repeat; padding-left:12px; margin-left:3px; text-decoration:underline}
.footerLeft .oegen a:hover {color:#fff; text-decoration:none}

.spaceLeft {padding-left:125px}



/*------- MAIN CONTENT styles -------*/
#contentLeft {width:608px; float:left; margin-top:60px; text-align:left; padding:0px}

/*------- MAIN FULL styles -------*/
#contentFull {width:960px; float:left; margin-top:90px; text-align:left; padding:0px}
#mainContentFull {float:left; width:812px; padding:9px; background: url('images/maincontent_bkg.png') top left repeat}




#contentLeft .light {font-weight:normal; text-transform:lowercase; font-size:110%}
#contentLeft .strong {font-weight:bold}

#mainContent {float:left; width:463px; padding:9px; background: url('images/maincontent_bkg.png') top left repeat}
#mainContent .Inner {float:left; color:#232323; font-size:110%; padding:13px; width:437px; background: url('images/maincontent_bkg02.png') top left repeat; margin-top:-12px}

#mainContent .Inner ul { list-style-type:none; margin-top:-5px; font-size:90%}

#mainContent .InnerSection {float:left; color:#232323; font-size:100%; padding:13px; width:437px; background: url('images/maincontent_bkg02.png') top left repeat; margin-top:3px}

#mainContent .InnerSection .left {float:left; width:280px}
#mainContent .InnerSection .left p {font-size:90%}
#mainContent .InnerSection .left ul {list-style-type:none; margin-top:-5px}
#mainContent .InnerSection .left ul li {padding-bottom:2px}
#mainContent .InnerSection .left ul li a { text-decoration:none; color:#232323; font-size:110%; font-weight:bold; background: url(images/section_arras.gif) right no-repeat; padding-right:14px}
#mainContent .InnerSection .left ul li a:hover {color:#ff5a00; background: url(images/section_arrasOn.gif) right no-repeat}
#mainContent .InnerSection .left a {color:#232323; font-weight:bold; text-decoration:underline}
#mainContent .InnerSection .left a:hover { text-decoration:none}
#mainContent .InnerSection .right img {border:2px solid #fff}
#mainContent .InnerSection .right {float:right; width:147px}

/*------- leftnav styles -------*/
#leftnav {float:left; width:127px; background: url('images/leftnav_bkg.png') top left repeat; padding-bottom:20px}
#leftnav h2 {padding:5px; margin-top:5px; color:#fff; text-transform:uppercase; font-size:170%; font-weight:bold; letter-spacing:-1px; padding-bottom:6px;line-height: 90%}
#leftnav .light {font-weight:normal; text-transform:lowercase}

/*------- RIGHTNAV styles -------*/

#contentRight {width:348px; float:right; margin-top:116px}

#contentRight ul { list-style-type:none; text-align:left}
#contentRight ul li { margin-bottom:5px}
#contentRight ul li a {width:348px}

#contentRight ul li.banner {height:159px}

#contentRight ul li.spread {display:block; background:#3F4148 url('images/leftnav_spreadword.gif') left top no-repeat; padding-bottom:10px}
#contentRight ul li.blog {display:block; background:#3F4148 url('images/leftnav_blogspot.gif') left top no-repeat; padding-bottom:10px}
#contentRight .spreadLeft {float:left; width:100px}
#contentRight .spreadRight {float:right; width:200px; text-align:right; padding-top:10px}
#contentRight .icons {display:inline}

#contentRight ul li.rewards {background:#3f4148 url('images/leftnav_rewards.gif') left top no-repeat; padding:10px 0px 0px 0px}
#contentRight .rewardsTxt {display:block; padding:30px 20px 0px 16px; color:#fff}
#contentRight .rewardsLink {display:block; padding:7px 20px 10px 16px; color:#fff}
#contentRight .rewardsLink a { display:block; color:#fff; padding:0px 0px 0px 12px; font-size:100%; width:300px; background: url('images/txtLink_arra.gif') left no-repeat;}
#contentRight .rewardsLink a:hover {color:#aebcd8; background: url('images/txtLink_arraOn.gif') left no-repeat;}

#contentRight ul li.catlovin a {display:block; background: url('images/leftnav_catlovin.jpg') left top no-repeat; height:186px}
#contentRight ul li.catlovin a:hover {background: url('images/leftnav_catlovinOn.jpg') left top no-repeat}

#contentRight ul li.menu a {display:block; background: url('images/leftnav_menus.jpg') left top no-repeat; height:186px}
#contentRight ul li.menu a:hover {background: url('images/leftnav_menusOn.jpg') left top no-repeat}

#contentRight ul li.recruit a {display:block; background: url('images/leftnav_recruit.jpg') left top no-repeat; height:186px}
#contentRight ul li.recruit a:hover {background: url('images/leftnav_recruitOn.jpg') left top no-repeat}

#contentRight .txt { display:block; color:#fff; padding:45px 0px 0px 16px; width:180px; font-size:90%; cursor: pointer}
#contentRight .txtLink { display:block; color:#fff; padding:0px 0px 0px 10px; font-size:110%; background: url('images/txtLink_arra.gif') left no-repeat; margin:6px 0px 0px 16px}



/*------- CONTENT styles styles -------*/
#contentWrap {width:960px; margin:0px auto}
#contentWrap h1 {color:#fff; text-transform:uppercase; font-size:260%; font-weight:bold; letter-spacing:-1px; line-height:30px}

/*------- CMS TABLE styles -------*/



tr.fullImage td {padding:0px}
tr.fullImage td img {border:0px solid #fff}

table {border-collapse:collapse; width:463px; background: url('images/maincontent_bkg02.png') top left repeat; margin-top:-4px; margin-bottom:10px}
table td {padding:10px}
table img {border:1px solid #fff}

table h2 {color:#000; font-size:160%; padding-top:5px; font-weight:bold}
table h3 {color:#232323; text-transform:uppercase; font-size:120%; font-weight:bold; letter-spacing:-1px; padding-bottom:3px;}
table h4 {color:#232323; text-transform:uppercase; font-size:110%; font-weight:bold; padding-bottom:3px; margin-top:10px}

table .light {font-weight:normal; text-transform:lowercase}
table .strong {font-weight:bold}

table ul { list-style-type:none; font-size:100%}
table ul li {padding-bottom:2px}
table ul li a { text-decoration:none; color:#232323; font-size:110%; font-weight:bold; background: url(images/section_arras.gif) right no-repeat; padding-right:14px}
table a {color:#232323; font-weight:bold; text-decoration:underline}
table a:hover { text-decoration:none}

.largeImage {float:left; margin-bottom:10px; width:463px; display:block}

.bangor table ul li a:hover {color:#9eb0d6; background: url(images/section_arrasBangor.gif) right no-repeat} 
.cardiff table ul li a:hover {color:#e000e0; background: url(images/section_arrasCardiff.gif) right no-repeat} 
.chester table ul li a:hover {color:#64c295; background: url(images/section_arrasChester.gif) right no-repeat} 
.derby table ul li a:hover {color:#d50109; background: url(images/section_arrasDerby.gif) right no-repeat} 
.leicester table ul li a:hover {color:#de6b2f; background: url(images/section_arrasOn.gif) right no-repeat} 
.llandudno table ul li a:hover {color:#b200b2; background: url(images/section_arrasLlandudno.gif) right no-repeat} 
.london table ul li a:hover {color:#c00045; background: url(images/section_arrasLondon.gif) right no-repeat} 
.northampton table ul li a:hover {color:#0090c5; background: url(images/section_arrasNorthampton.gif) right no-repeat} 
.nottingham table ul li a:hover {color:#00968a; background: url(images/section_arrasNottingham.gif) right no-repeat} 
.stoke table ul li a:hover {color:#c5a3dc; background: url(images/section_arrasStoke.gif) right no-repeat} 
.wrexham table ul li a:hover {color:#06d301; background: url(images/section_arrasWrexham.gif) right no-repeat} 

table ul.rewardsLink  {margin-bottom:20px}
table ul.rewardsLink li  {margin-bottom:20px; border:solid 1px #000}
table ul.rewardsLink li a {display:block; font-size:120%; background:none; padding:5px}
table ul.rewardsLink li a:hover {background:#adadae; color:#000}

hr {
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
text-align: left;
margin-bottom:10px
}

/*------- PAGING styles -------*/
.pagingWrap { text-align:center}

.prev, .btn {background-repeat: no-repeat;background-position: left center;padding: 0px 6px 0px 14px; font-size:80%; text-transform:uppercase}
.prev:link, .prev {background-image: url('images/btn_prev.gif');color: #fff; text-decoration:none}
.prev:hover {color:#2a2a2c; background-image: url('images/btn_prev_on.gif')}

.next {background-repeat: no-repeat;background-position: right center;padding: 0px 16px 0px 6px; font-size:80%; text-transform: uppercase}
.next:link, .next {background-image: url('images/btn_next.gif');color: #fff; text-decoration:none}
.next:hover {color:#2a2a2c;background-image: url('images/btn_next_on.gif')}
a.no:link, a.no {padding: 0px 2px 0px 2px;border: 1px solid #fff; background-color: #888; color:#fff; font-size:90%; text-decoration:none}
a.no:visited {color: #fff;  background-color: #000}
a.no:hover {color: #fff; background-color: #2a2a2c}

/*------- right nav buttons styles -------*/

.carouselBtnTop {float:left; width:348px; height:14px; background:#2a2a2c}
.carouselBtnBtm {float:left; width:348px; height:12px; background:#2a2a2c}
.vertcarousel {float:left; width:348px}
.vertcarousel a {cursor: pointer}

a.prev {float:left; display:block; width:288px; cursor: pointer; background: url('images/prev_disabled.png') center top no-repeat}
a:hover.prev {cursor: pointer; background: url('images/prev_active.png') center top no-repeat}   
    
a.next {float:left; display:block; width:288px; cursor: pointer; background: url('images/next_disabled.png') center bottom no-repeat}
a:hover.next {cursor: pointer; background: url('images/next_active.png') center bottom no-repeat;}

.form {width:740px}
.form table { background:#cbcbcc}
.form .frmRow {width:790px; float:left}
.form .frmLeft { float:left; width:300px; padding:5px 5px 5px 5px}
.form .frmRight { float:right; width:390px; padding:5px 5px 5px 5px}

.form .frmRight .textbox {border:#7f7f80 solid 1px; padding:1px 0px}

.recruitBtn {background:#2a2a2c; padding:3px; color:#fff; cursor:pointer; border:2px solid #fff}