﻿/*GLOBAL RE-SET*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, label { padding: 0; margin: 0; }

html { }
body ul li { list-style: none; }
body img { border: none; }
body { text-align: center; font-size: 62.5%; height: 100%; }
body fieldset { border: none; }
body fieldset legend { display: none; }
body a { text-decoration: underline; }
body a:focus { border: none; }
body a:hover { text-decoration: underline; }

h1 { display: none; }
h2 { display: none; }
h4 { font-size: 1.1em; }

ol{list-style-position:inside}

.access { display: none; }
.clear { clear: both; display: block; }
.external { height: 10px; width: 10px; }
.external_link { display: none; }
.hide { display: none; }

/*LAYOUT-PANES*/
/*outer containing elements */
/*background graphic/drop shadow can be set inside this element and set to repeat-y*/
#outer { text-align: center; margin: 0; min-width: 760px; }
/*inner container*/
.wrapper { min-width: 760px; margin: 0; text-align: left; }
* html .wrapper { margin: 0 auto; text-align: left; }
/*Utilities Containing div (contact us sign up etc..)*/
.utilities { background: #fff; text-align: right; font-size: 1.1em; }

/*TOP UTILITY NAV CONTROLS*/
.utilities .navigation { height: 23px; margin: 3px 6px 4px 0; text-align: right; float: right; }
.utilities .navigation ul { margin-top: 6px; }
.utilities .navigation li { display: inline; }
.utilities .navigation li:first-child { }
.utilities .navigation a { padding: 1px 7px 0 7px; text-decoration: none; }
.utilities .navigation a:hover { text-decoration: underline; padding: 1px 7px 0 7px; }

/*SEARCH CONTROLS*/
.utilities fieldset.search { text-align: right; float: right; margin: 5px 5px 0 0; }
.utilities .search label { padding: 4px 5px 0 0; text-align: right; float: left; }
.utilities .search input.searchfield { width: 117px; height: 14px; padding: 1px 0 1px 2px; font-size: 1em; display: inline; }
.utilities .search input { display: inline; }
.utilities .search span { display: none; }
.utilities .search .btn_search { margin-left: 3px; background: transparent url(images/master/Btn_go.gif) no-repeat; width: 60px; height: 20px; font-size: 11px; font-weight: 700; padding-bottom: 3px; cursor: pointer; }


.utilities .search .option { display: none; }

.branding, .branding_welsh { width: 100%; height: 87px; background: url(images/master/Branding.jpg) repeat-x; }

.branding H3 { margin: 0; padding: 0; }
.logo { width: 600px; height: 85px; display: block; background: url(images/master/logo.jpg) no-repeat; }

.branding_welsh .logo{background: url(images/master/logo_welsh.jpg) no-repeat; }
.flashBanner { width: 100%; height: 209px; }
.contentPane .flashContent { width: 400px; margin: 0 0 10px 10px; height: 209px; }
.contentPane_wide .flashContent { width: 580px; height: 209px; margin-bottom: 10px; }

/*breadcrumbs*/
.breadcrumbs { width: 748px; font-size: 1.1em; margin-bottom: 5px; }

.breadcrumbs ul { padding: 0; list-style: none; padding: 3px 0 0 16px; }
.breadcrumbs li { float: left; margin: 0; padding: 0; font-size: 1em; width: 730px; }
.breadcrumbs a span.breadcrumb { font-size: 1em; font-weight: bold; white-space: nowrap; text-decoration: none; }
.breadcrumbs a:hover span.breadcrumb { font-size: 1em; font-weight: bold; white-space: nowrap; text-decoration: underline; }
.breadcrumbs a span.current { white-space: nowrap; }

.breadcrumbs span.current { font-size: 1em; text-decoration: none !important; }
.breadcrumbs span.current:hover { text-decoration: none !important; }

/*.pageBody{margin:0 8px}	*/
.pageBody { margin: 0 8px; min-height: 500px; height: auto !important; height: 500px; }

.contentPane div div, .contentPane_wide div div { margin: 0 10px 0 0; }
.contentPane div div div, .contentPane_wide div div div { margin: 0; }
.contentPane p, .contentPane_wide p { margin-left: 10px; }

.contentPane, .contentPane_wide { padding: 0 0 0 10px; text-align: left; overflow: hidden; font-size: 1.2em; line-height: 1.3em; }
/*
Fluid options 
*/
.inner { width: 100%; }
.float-wrap { float: left; width: 100%; /*** Same length as .outer border-left but with negative value ***/ }
#content { float: right; background: #fff; width: 100%; }
* html #content { position: relative; }
.leftPane { float: left; width: 170px; margin: 0px; font-size: 1em; }
* html .leftPane { position: relative; /*** IE needs this  ***/ }
.rightPane { float: right; width: 150px; padding: 0 10px 0 8px; margin-right: -158px; font-size: 1em; z-index: 1; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/ ;}
* html .rightPane { position: relative; /*** IE needs this  ***/ }

.threeCol { border-left: 170px solid #E5EDEF; /*** This is the width and the color for our left column ***/ border-right: 150px solid #FFF; /*** This is the width and the color for our right column ***/ }
.threeCol .float-wrap { margin-left: -170px; /*** Same length as .outer border-left but with negative value ***/ }
.threeCol #content { margin-right: -170px; }

.twoCol { border-left: none; border-right: 150px solid #FFF; /*** This is the width and the color for our right column ***/ }
.twoCol .float-wrap { margin-left: 0; /*** Same length as .outer border-left but with negative value ***/ }
.twoCol #content { margin-right: 0px; }
.twoCol .leftPane { display: none; }
.twoCol .rightPane { padding: 0; margin: 0 -150px 0 0; }


.ourBobbywrapper{width:100%;margin-bottom:10px; }
.ourBobbyinner{background: transparent url(images/tweaks/ourbobby_bg.jpg) repeat-x;}
.ourBobby fieldset{}
.ourBobby{height:161px;background: transparent url(images/tweaks/ourbobby_bg2.jpg) no-repeat top right;}

.ourBobby .obleft{height:161px;background: transparent url(images/tweaks/ourbobby_left.jpg) no-repeat;}
.ourBobby .obleft_welsh{height:161px;background: transparent url(images/tweaks/ourbobby_left_welsh.jpg) no-repeat;}

.obleft p,.obleft_welsh p{padding:0px 10px 10px 15px;margin:0;}
* html .obleft p,* html .obleft_welsh p{padding:0px 20px 10px 15px;margin:0;}
.obleft p a,.obleft_welsh p a{height:80px;width:250px;display:block;float:none;}
.ourbobbySearch{margin-top:5px;display:block;}
.ourBobby .obleft input.postcodeSend,.ourBobby .obleft_welsh input.postcodeSend{width:123px;height:19px;cursor:pointer;font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif;background: transparent url(images/tweaks/ourbobby_button.gif) no-repeat;border:none;color:#FFF;font-weight:700;}
.ourBobby .obleft input.postcodeSend_welsh,.ourBobby .obleft_welsh input.postcodeSend_welsh{cursor:pointer;background: transparent url(images/tweaks/ourbobby_button_welsh.gif) no-repeat;border:none;color:#FFF;font-weight:700;width:123px;font-size:12px;}
.ourBobby .obleft input.postcode,.ourBobby .obleft_welsh input.postcode{border:1px solid #BDBDBB;width:109px;height:15px;float:left;margin:1px 5px 0 0;padding:1px 4px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;}


.bottomPane { clear: both; height: 10px; }

.footer { clear: both; width: 100%; height: 25px; font-size: 1.1em; }
.footer ul { padding: 0; list-style: none; }
.footer li { float: left; margin: 0; padding: 0px; background: url(images/master/separator.gif) right no-repeat; height: 21px; }
.footer a { display: inline; padding: 5px 12px 6px 2px; text-decoration: none; }

.footer .right { float: right; padding-top: 6px; background-image: none;margin-right:10px; }
.footer .left { float: left; padding: 6px 0 0 10px; }

/*SEARCH/PAGINATION AND LISTINGS*/
ol.search-results { margin: 0 0 10px 10px; }
.searchNumber { margin-left: 10px; }
.searchterm { font-weight: bold; }

.paging { width: 100%; }
.paginginfo { display: block; float: left; width: 150px; padding: 10px 0 8px 10px; text-align: left; }
.paging .pagelinks br { clear: both; display: block; }
.paging .pagelinks { float: right; text-align: right; display: block; width: auto; height: 18px; margin: 10px 20px 8px 0; }

a.paginglink { display: block; float: left; margin: 0 5px; height: 18px; }
a.paginglink:hover { text-decoration: none; }
a.paginglink_active { display: block; float: left; margin: 0 5px; font-weight: bold; border: none; height: 18px; }

ol.search-results li { margin: 10px 10px 0 20px; }
ol.search-results li a { font-size: 1.2em; padding-bottom: 1px; text-decoration: none; line-height: 1.6em; }
ol.search-results li a:hover { text-decoration: underline; }

.btnNext { width: 18px; height: 17px; background: transparent url(images/webparts/icons/btn_next.gif) no-repeat top right; display: block; float: left; border: none; margin-right: 10px; padding-left: 5px; }
.btnNext_disabled { width: 18px; height: 17px; background: transparent url(images/webparts/icons/btn_next_disabled.gif) no-repeat top right; display: block; float: left; margin-right: 10px; padding-left: 5px; }

.btnPrevious { width: 18px; height: 17px; padding-right: 5px; background: transparent url(images/webparts/icons/btn_previous.gif) no-repeat; display: block; float: left; }
.btnPrevious_disabled { width: 18px; height: 17px; padding-right: 5px; background: transparent url(images/webparts/icons/btn_previous_disabled.gif) no-repeat; display: block; float: left; }

.btnSubmit { }
.btnSubmit_disabled { }

.SiteMap ul { padding-left: 10px; }
.SiteMap ul lu { padding-left: 0; }
.SiteMap .TreeView-Collapse { display: none; }
.SiteMap li { padding: 0 0 5px 10px; }
