html {
        min-height:101%;
}
body {    
    color: #333;
    font-family: Arial, Sans-Serif;
    font-size: 0.8em
}
 
/* Main container */
#big-container {
    width: 1150px; margin: 10px auto 10px auto; position:relative; 
}
#container {
    width: 971px; margin: 10px auto 10px auto; background-color: #FFF; position:relative; float:left;
}

#skyscraper
{
	float:left;
	margin-top: 10px;
	padding-left:10px;
	width:140px;
	height:600px
}

.banner
{
	width: 548px; 
	margin: 10px auto 10px auto;
	padding-right:80px
}


/* Splash page */

#splash-holder 
{
    width: 1080px; margin: 50px auto 10px auto; text-align:center; height:100%; overflow:hidden
}

#splash-holder h1
{
    color: #ffffff; font-size:3.5em;  margin-bottom:20px; margin-right:20px; letter-spacing:3px
}
.splash {
    width: 465px; height: 530px;  background-color:White;
    text-align: center; float:left; margin-left:25px; 
    padding:20px; background-color: #F1F3F2; 
    background-image: url('/images/splash-background.jpg');
    background-repeat:repeat-x;
    display:inline;
    border-radius:10px;
    -moz-border-radius:    10px;
    -webkit-border-radius: 10px;

    
}

.splash p {
    margin-top: 30px; margin-bottom: 10px; font-size: 1.25em
}


.splash p.strapline {
    font-size: 1.55em; margin-top:45px; margin-bottom: 36px; font-weight: bold
}

.oldhousestrap{
    margin-top: 20px!important;
}

.oldhouseselect{
    margin-top: 55px!important;
}



.splash ul.splash-buttons li
{
    float:left;
    list-style-type: none;
    margin-left: 10px
}

 
/* Masthead */
#masthead       {}

#masthead div.logo a {float:left}
#masthead div.logo            {position:absolute; width: 200px; padding: 8px;}
#masthead div.functions       {float: right; width: 600px; padding: 8px; text-align: right}
#masthead div.functions a, #masthead div.functions span {
    color: #333; font-size: 0.85em; text-decoration: none; margin-left: 12px
}
#masthead div.functions select {
    font-size: 0.9em; 
}
div.inline   {
    display: inline
}

#masthead div.search      {float: right; position:relative; text-align: right; margin-right: 16px; display: inline; padding-top: 3px;}
#masthead div.search div.rounded {
    background: url('../images/Search.png') no-repeat left top;
    float: left; width: 159px; height: 22px;
    margin-bottom:2px;
}
#masthead div.search input.search {
    float: left;
    background-color: #FFF;
    border: none;
    width: 100px;
    height: 13px;
    color: #666666; font-size: 11px; 
    margin-top:3px;
    margin-left:10px;
}
#masthead div.search input.button {
    position:absolute;
    top:6px; left:125px;
}


/* Main navigation */
#navBar                 {border-bottom: solid 4px; margin-bottom: 16px; background-color: #F5F3E3;}
#navBar ul.nav          {float: left; width: 850px; margin: 0px 0px 0px 2px; padding: 0px; list-style-type: none;}
#navBar ul.nav li       {float: left; margin-left: 2px}
#navBar ul.nav li.off   {padding-top: 5px}
#navBar ul.nav li img   {display: block}


/* Sub-navigation */
#subNav       {float: left; width: 191px; margin: 0px 24px 16px 12px; display: inline; border: solid 1px #999999}
#subNav div.head_on {
    background-color: #B3B3B3;
    background: url('../images/left_nav_top_bg.jpg');
    padding: 4px;
    color: #000000;    
    font-size: 11px;
    text-transform: uppercase;
    border-bottom: solid 1px #999999;
    font-weight:bold;
}
#subNav .head {
    background: url('../images/left_nav_head_bg.png'); padding: 4px; padding-left: 8px;
    font-size: 11px;
    text-transform: uppercase;
    border-bottom: solid 1px #999999;
    font-weight:bold;
}
#subNav a.item {
    padding: 5px 8px 5px 8px;
    font-size: 11px;
    border-bottom: solid 1px #E4E4E4;
    display: block;
}
#subNav a.item:hover {
    background-color: #CCCCCC;
}
#subNav a.itemSelected {
    padding: 5px 8px 5px 8px;
    font-size: 11px;
    border-bottom: solid 1px #E4E4E4;
    display: block;
    color: #FFFFFF;
    background-color: #CCCCCC;
}
#subNav a       {text-decoration: none}

#tabNav {
    border: solid 1px #B0B0B0;
    background: url('../images/tabs/1px.png');
    height: 31px
}
#tabNav a {
    float: left; 
    text-transform: uppercase;
    font-size: 0.8em;
    color: #FFF;
}
#tabNav img {
    float: left; 
}
#tabNav img.right {
    border-right: solid 2px #FFF;
}

div.topMargin {
    margin-top: 10px
}

/* Buttons */
div.button {
    height: 18px;
}
div.button img {
    float: left;
    margin-left: 0px !important    
}
div.button a {
    float: left;
    text-transform: uppercase;
    border-bottom: solid 1px #B2B2B2;
    background: url('../images/gb_1px.png');  
    font-size: 10px; line-height: 10px;
    padding: 4px 6px 3px 6px;         
    color: #333333;
}
div.button a.red {
    background: url('../images/GBR_1px.png');
    color: #FFFFFF;
    border-bottom: none;
    padding: 4px 6px 4px 6px;
}
div.button a.red:hover {
    color: #999999;
}
div.button .shireLinkButton {
    text-decoration:none !important;
}

/* Main content area */
#main div.mainPanel     {float: left; width: 551px; margin: 0px 24px 16px 0px; display: inline}
#main div.mainPanel div.row                 {}
#main div.mainPanel div.row div.mpu         {float: left; width: 300px; margin-right: 18px; display: inline}
#main div.mainPanel div.row div.content     {float: left; width: 233px;}
#main div.mainPanel div.row div.content div.panel    {height: 248px}
#main div.mainPanel div.row div.content div.journalPanel div.text {width: 100%;}
#main div.mainPanel div.row div.content div.journalPanel h4 {margin-bottom: 6px}
#main div.mainPanel div.row div.content div.journalPanel p {margin-top: 0px}
#main div.mainPanel div.row div.content div.panel div.inner    {padding: 8px}


/* Right bar */

#main div.sideBar {
    float: left;
    width: 159px;
}

#shire-fb-share 
{
    margin-left: 10px;
}

#shire-fb-share a
{ 
    margin-right:10px;
}


#main div.sideBar div.head {
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px; 
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
    font-size: 11px
}
#main div.sideBar div.panel {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-bottom: solid 1px #CBCBCB;
    border-top: none;
    padding: 8px;
    margin-bottom: 0;
}
#main div.sideBar input {
    width: 125px;
}

#main div.sideBar img.panelImage {
    border:solid 1px silver;
    width: 134px;
}

#main div.sideBar p {
    font-size: 0.85em;
    margin-bottom: 8px;
}
#main div.sideBar img {
    margin-bottom: 10px;
}
#main div.sideBar div.sep {
    height: 10px; font-size: 1px
}
#homeScrollerContainer div.panel {
    border: none;
    background: none;
}
#homeScrollerContainer div.panel table {
    text-align: center;
}
#homeScrollerContainer div.panel table {
    text-align: center;
}
tr.buttons div.button {
    padding-left:15px;
}

div.rss {    
    margin-bottom: 8px;
    margin-top:6px
}
div.rss img {    
    vertical-align: middle
}
div.rss a {    
    font-size: 0.9em
}

div.bookVote .bookList{
	font-size:0.85em; width: 100%; margin-bottom: 12px
}
div.bookVote .bookList input {
	width: 20px !important
}

/* Journal */

div.journalStandfirst {
    position:relative;
    padding-bottom:20px;
}
div.journalStandfirst img.topImage {
    position:absolute;
    top:-15px;right:10px;
}
#journalStandfirst {
    color: #666666;
    width: 430px;
    margin-bottom: 15px;
}
#journalContainer {
    border-top: solid 3px #653333;
    float:left;
    width:100%;
}
#journalContainer div.articleList {
    padding:0;
}
#journalContainer div.pagingspacer {
    padding:0;
    margin-bottom:15px;
    background-image:url('../images/blog-grad-header.jpg');
    padding-top:5px;
}
#journalContainer div.pagingspacer td.paging {
    padding:0;
    padding: 0px 8px 5px 8px;
}
#journalContainer div.pagingspacer td.paging span.pageinfo {
    font-size:11px;
}
#journalContainer div.list {
    margin:0;
}
#journalContainer div.list h2, #journalContainer div.list p, #journalContainer div.list div.postedBy {
    padding:0px 15px 0px 15px;
    width:450px;
}
#journalContainer div.list h2 {
    font-weight:bold;
}
#journalContainer div.list hr{
    margin-bottom: 10px;
}
#journalContainer div.list div.postedBy {
    color:#333333;
}
#journalContainer div.list p.shireSummary {
    color:#666666;
}
#journalContainer div.list p {
    margin:7px 0px 7px 0px;
}

/* Paging controls */
div.pagingspacer td     {font-size: 11px; font-weight: normal; padding-right: 8px}
div.pagingspacer select {font-size: 11px}

/* Article lists controls */
div.articleList div.list    {margin: 12px}
div.articleList div.list h2 {border-bottom: none; font-weight: normal; font-size: 1.2em}
div.articleList div.list h2 a {text-decoration: none}
div.postedBy        {color: #211F20}

/* Article display controls */
div.articleDisplay div.copyAndLinks {
    margin-bottom: 10px;
}
div.articleDisplay .author {
    display: block; color: #585858; margin-bottom: 8px
}
div.articleDisplay .date {
    font-size: 0.85em; 
}
div.articleDisplay h1 {
    width: 400px
}
div.articleDisplay div.copyAndLinks {    
    margin-top: 16px; 
    width: 551px
}
div.articleDisplay div.copyAndLinks div.copy {
    float: left; width: 382px; display: inline; padding-right: 12px; 
    padding-top: 8px; margin-right: 16px;
    border-top: solid 1px #C7C6C7; 
}
div.articleDisplay div.copyAndLinks div.copy .standfirst {
    margin-bottom: 12px; font-weight: bold; display: block;
}

div.articleDisplay div.copyAndLinks div.copy a
{
	text-decoration:underline
}

div.articleDisplay div.copyAndLinks div.links {
    float: left; width: 147px; display: inline; 
}
div.articleDisplay div.copyAndLinks div.links div.head {
    margin-top: 0px !important; 
    background: transparent !important;
    border-top: solid 1px #C7C6C7;
    border-bottom: dashed 1px #C7C6C7;
    text-transform: none !important;
    color: #585858 !important;
    font-size: 0.9em !important;
    padding: 6px !important;
    padding-top: 8px !important;
    padding-left: 2px !important  
}
div.articleDisplay div.copyAndLinks div.links div.panel {
    border: none !important;
    background: transparent !important;
    padding-left: 2px !important   
}
div.articleDisplay div.copyAndLinks div.links a, div.articleDisplay div.copyAndLinks div.links div.author, div.articleDisplay div.copyAndLinks div.links div.date {
    font-size: 0.85em; font-weight: normal; margin-bottom: 2px;
    display: block
}
div.articleDisplay div.copyAndLinks div.links div.date {
    margin-bottom: 8px;
}
div.head2   {margin-top: 12px; margin-bottom: 12px; font-weight: bold}

/* Quiz */
div.quiz {
    border-top: solid 1px #DDDDDD; margin-top: 12px
}
div.quiz span.number {
    border: solid 1px #DDDDDD; padding: 2px 4px 2px 4px;
    margin-right: 12px; 
}
div.quiz span.question {
    font-weight: bold; line-height: 1.5em
}
div.quiz span.radio {
    display: block;
}
div.quiz span.radio input {
   margin: 4px 8px 0px 32px; 
}

/* Blog */
#ucBlogArticle_pnlComment div.head2 {
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px; 
    font-weight: bold;
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
    margin-bottom: 0px;
}
#ucBlogArticle_pnlComment div.panel {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-bottom: solid 1px #CBCBCB;
    border-top: none;
    padding: 8px;
}
table.postForm th, table.postForm td {
    vertical-align: top; padding-right: 16px;
    text-align: left;
    font-weight: normal;
    font-size: 0.9em
}
table.postForm td input {
    font-size: 1.0em; 
    border: solid 1px #C1C0C0;
    background-color: #FFFFFF    
}
table.postForm td textarea {
    font-size: 11px; 
    border: solid 1px #C1C0C0;
    background-color: #FFFFFF;
    font-family: Arial, Sans-Serif;    
}
table.postForm td input.button {
    width: 100px
}
div.articleDisplay div.head2 {
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px; 
    font-weight: bold;
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
    margin-bottom: 0px;
}
div.articleDisplay div.panel {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-bottom: solid 1px #CBCBCB;
    border-top: none;
    padding: 8px;
}
div.articleDisplay div.panel div.commentDetails {
    width: 530px;
    border-bottom: solid 1px #DDDDDD;
    margin-top: 8px; margin-bottom: 8px
}
div.articleDisplay div.commentDetails div.user {
    float: left; width: 140px; font-weight: bold;
    font-size: 0.9em; 
}
div.articleDisplay div.commentDetails div.date {
    float: left; width: 200px;
}

/* Login panel */
#loginPanel {
    position: relative; top: -10px; left: 40px; z-index: 1;
    width: 280px; height: 156px; 
    background: url('../images/login-panel.png');
    display: none
}
#loginPanel div.close {
    float: right; margin-right: 6px; margin-top: 6px; display: inline
}
#loginPanel p {
    color: #333333; margin: 0px 12px 6px 39px; padding-top: 36px; font-size: 0.85em
}
#loginPanel p a {
    color: #333333; text-decoration: underline
}
#loginPanel table {
    color: #333333; margin: 12px; margin-top: 0px; font-size: 0.85em
}
#loginPanel input {
    width: 160px
}

/* Author list */
div.letterHeader {
    font-size: 4.0em; color: #B1B1B1; font-weight: bold; margin-top: 8px; 
}
div.letterIndex {
    background: url('../images/left_nav_head_bg.jpg'); padding: 4px; padding-left: 8px;
    font-size: 12px;
}
div.letterIndex a {
    margin-right: 6px
}
hr.listSep  {display: none}
table.authorList td {padding-left: 12px}
div.backToTop {
    margin-top: 8px; text-align: right; padding-right: 24px; font-size: 0.8em
}
div.backToTop a {
    color: #818181
}
div.backToTop img {
    display: none
}

/* Author profile */
div.authorProfileFrame  {    
}
div.authorProfileFrame div.head {    
    display: none
}
div.authorProfileFrame div.panel {    
    border: none
}
div.authorProfile {    
    
}
div.authorProfile div.pic {
    float: left; width: 270px;
}
div.authorProfile div.text {
    float: left; width: 300px;
}
.authorText {
    width: 75%;
}
div.authorProfile div.textNoPic {
    float: none; width: 100%;
}
div.authorPosts {
}
div.authorPosts div.col1a {
    float: left; width: 300px; margin-right: 10px
}
div.authorPosts div.col2a {
    float: left; width: 300px
}
div.authorPosts div.head2 {
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px; 
    font-weight: bold;
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
    margin-bottom: 0px;
}
div.authorPosts div.head2 div.title {
    float: left;
}
div.authorPosts div.head2 div.link {
    float: right; margin-right: 8px; display: inline; text-transform: none; font-size: 80%
}
div.authorPosts div.panel {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-bottom: solid 1px #CBCBCB;
    border-top: none;
    padding: 8px;
}
div.authorPosts div.panel div.userDetails {
    font-size: 0.8em; color: #838282;
    margin-bottom: 16px
}


/* Search results */

#searchResultsContainer div.head 
{
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px; 
    font-weight: bold;
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
}
#searchResultsContainer div.panel {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-bottom: solid 1px #CBCBCB;
    border-top: none;
    padding: 8px;
}
#searchResultsContainer .pageinfo {
    font-size:0.9em;
}
div.articleList {           
    padding-left: 16px; 
    padding-right: 16px; 
}
div.articleList h2 {           
    margin-bottom: 4px
}

/* Sitemap */
#siteMapContainer div.head 
{
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px; 
    font-weight: bold;
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
}
#siteMapContainer div.panel {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-bottom: solid 1px #CBCBCB;
    border-top: none;
    padding: 8px;
}
div.siteMap div.col1, div.siteMap div.col2 {
    float: left; width: 50%
}
div.siteMap div.col1 div, div.siteMap div.col2 div {
    margin-bottom: 8px; font-size: 0.85em
}
div.siteMap div.indent1 {
    margin-left: 12px
}

/* Login */
#loginContainer div.head {
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px; 
    font-weight: bold;
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
}
#loginContainer div.panel {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-bottom: solid 1px #CBCBCB;
    border-top: none;
    padding: 8px;
}
#loginContainer table.userForm {
    width:360px;
}

/* Register */
#registerContainer div.head {
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px; 
    font-weight: bold;
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
}
#registerContainer div.panel {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-bottom: solid 1px #CBCBCB;
    border-top: none;
    padding: 8px;
}

/* stores */
#storesContainer div.head {
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px; 
    font-weight: bold;
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
}
#storesContainer div.panel {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-bottom: solid 1px #CBCBCB;
    border-top: none;
    padding: 8px;
}
#storesContainer .pageinfo {
    font-size:0.9em;
}

/* Individual Book */
#bookContainer div.head {
    height: 24px;
    background: url('../images/book_head_grad.jpg');
    background-repeat: repeat-x; 
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
    font-size: 1em;
    font-weight: bold;
    padding: 6px 0px 0px 15px;
}
#bookContainer div.panel {
    border-top: none;
    background: none;
    padding-bottom: 8px;
    margin-left: 0px;
}
#bookContainer div.bookCol1 {
    margin-left: 10px;
}
#bookContainer .bookText {
    color: #666666;
}
#bookContainer div.panel h1.bookTitle {
    font-size: 1.3em;
    font-weight: bold;  
}
#bookContainer div.panel h1.bookSubTitle {
    margin-bottom: 20px;
}
#bookContainer div.panel span.bookPrice {
    font-size: 1.3em;
    font-weight: bold;
}
#bookContainer div.panel div.shireText {
    font-weight: bold;
    font-size: 0.9em;
}
#bookContainer div.panel div.bookPadding {
	padding-bottom:10px;
	padding-top:10px;
}
#bookContainer div.panel div.bookCurrency {
    font-size: 0.7em;
    color: #666666;
}
#bookContainer div.panel div.shireBookFooter {
    font-size: 1em;
}
#bookContainer div.bookCol1 img {
   border: 10px;
}
#bookContainer div.bookCol1 img.bookImage {
	border:solid 1px black;

}

/* Book Section */
#sectionContainer {
    border-top: solid 3px #A62015;
}
#sectionContainer div.panel {
    background: none;
    border: solid 1px #999999;
}
#sectionContainer div.BookListPanel {
    padding-left: 0px;
    padding-right: 0px;
}
#ucBookList_dlBooksList td {
    padding-left: 10px;
}
#ucBookList_dlBooksList td div.seriescode {
    text-align:left;
    padding-bottom:10px;
}
#sectionContainer div.BookThumb img {
    border: solid 1px #CBCBCB;
}
#sectionContainer tr.shireSectionHead {
    background: #FFFFFF url('../images/section_grad_head.jpg') repeat-x;
}
#sectionContainer td.paging {
    border-bottom: solid 1px #C1C0BC;
    padding-left: 8px;
    white-space: nowrap;
}


#sectionContainer div.paging {
    padding: 0; margin: 0;
    border-bottom: solid 1px #C1C0BC;
    padding-left: 8px;
    font-size: 1.2em;
}
#sectionContainer td.shirePaging {
    border-bottom: solid 1px #C1C0BC;
    padding-bottom: 10px;
}
#sectionContainer div.bookListItem {
    text-align: center;
}
#sectionContainer div.seriescode {
    text-align: center;
}
#ucBookList_dlBooksThumbs {
    margin-left: 10px;
}

/* Noticeboard */
p.noticeboard {
    width: 475px;
}
#forumStandfirst {
    position:relative;
}
#forumStandfirst img.topImage {
    position:absolute;
    top:-15px;right:0px;
}
table.forum {
    width: 100%; 
    margin-top: 10px;
    border-top: solid 3px #481D49;
    border-left: solid 2px #CDCDCD;
    border-right: solid 2px #CDCDCD;
}
table.forum th {
    text-align: left;
    font-weight: bold;
    color: #333333;
    font-size: 0.9em;
    padding: 4px 0px 4px 8px;
    border-right: solid 1px #ADACA8;
    border-bottom: solid 1px #ADACA8;
    vertical-align: top;
    background-color: #FFFFFF;
    background-image: url(../images/forum_head_grad.jpg);
}
table.forum th.lastInRow {
    border-right: none;
}
table.forum td {
    text-align: left;
    color: #333333;
    font-size: 0.9em;
    padding: 6px; padding-left: 8px;
    border-right: solid 1px #CACACA;
    border-bottom: solid 1px #CACACA;
    vertical-align: top;
}
table.forum td.paging {
    text-align: right;
    border-right: none;
    border-bottom: solid 1px #7E7F7A;
    background-image: url(../images/forum_head_grad.jpg);
    padding: 4px 0px 4px 8px;
}
table.forum td.paging a {
    display: inline;
}
table.forum td.paging span.colored {
    color: #481D49;
    font-weight: bold;
    padding-bottom: 0px;
}
table.forum td a {
    color: #481D49;
    font-size: 1.1em;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 2px;
    display: block;
}
table.forum td.posts {
    text-align: center;
    padding-left: 4px;
    background-color: #FFFFFF;
    width: 92px;
}
table.forum td.latest {
    border-right: none;
    width: 270px;
}
div.paging {
    font-size: 0.85em; 
}
div.paging div.total, div.paging div.filter {
    float: left; width: 38%; padding-bottom: 4px
}
div.paging div.links {
    float: right; width: 58%; text-align: right; padding-bottom: 4px
}
div.paging div.links a {
    text-transform: uppercase; 
}
div.paging select {
    font-size: 0.9em; margin-right: 12px; vertical-align: middle
}
#forumThread div.panel {
    padding: 8px;
}
#forumThread div.panel p {
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px;
}
#forumThread div.head {
    font-weight: normal;
    font-size: 0.85em;
    text-transform: uppercase;
    padding: 4px 0px 4px 8px;
    background-image: url(../images/forum_head_grad.jpg);
    border-top: solid 1px #D3D3D3;
    border-left: solid 1px #D3D3D3;
    border-right: solid 1px #D3D3D3;
}
#forumThread div.head2 {
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 0.85em;
    padding: 4px 0px 4px 8px;
    background-image: url(../images/forum_head_grad.jpg);
    border-top: solid 1px #D3D3D3;
    border-left: solid 1px #D3D3D3;
    border-right: solid 1px #D3D3D3;
}
table.forumResponses {
    border: solid 1px #D3D3D3; width: 100%
}
table.forumResponses td {
    text-align: left;
    color: #797A7A;
    font-size: 0.85em;
    padding: 12px; padding-left: 8px;
    border-bottom: solid 1px #68839B;
    background-color: #F5F3E3;
    vertical-align: top;
    width: 80%
}
table.forumResponses tr.alt td {
    background-color: #FFFFFF; 
}
table.forumResponses td.author {
   font-size: 0.9em;
   color: #000000;
   width: 20%
}
table.forumResponses td div.number {
   border-bottom: solid 1px #797A7A;
   margin-bottom: 6px
}
table.forumResponses td div.number span {
   border: solid 1px #797A7A; 
   border-bottom: none;
   padding: 2px 4px 0px 4px;
   background-color: #FFFFFF;
   font-weight: bold;
   font-size: 1.1em;
   color: #000000
}
table.forumResponses tr.alt td div.number span {
   background-color: #EBEFF2;
}
table.forumResponses td div.date {
   color: #000000; margin-top: 4px
}
/* Post Topic */
#postTopicContainer div.head2 {
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px; 
    font-weight: bold;
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
    margin-bottom: 0px;
}
#postTopicContainer div.panel {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-bottom: solid 1px #CBCBCB;
    border-top: none;
    padding: 8px;
}
/* Post Reponse */
#postResponseContainer div.head2 {
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px; 
    font-weight: bold;
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
    margin-bottom: 0px;
}
#postResponseContainer div.panel {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-bottom: solid 1px #CBCBCB;
    border-top: none;
    padding: 8px;
}
#postResponseContainer div.threadTitle {
    border-top: solid 1px #CBCBCB;
}

/* Archive */
#seriesSelect {
    margin-top: 20px;
}
#seriesSelect div.head {
    background-image: url(../images/archive_select_grad.jpg);
    border: solid 1px #CBCBCB;
    border-bottom: solid 1px #737270;
    background-repeat: repeat-x; 
    padding: 7px 0px 7px 8px; 
    font-weight: bold;
}
#seriesSelect div.content {
    background-color: #878684;
    border-right: solid 1px #CBCBCB;
    border-bottom: solid 1px #CBCBCB;
    border-left: solid 1px #CBCBCB;
    color: #FFFFFF;
}
#seriesSelect div.content a {
    color: #FFFFFF;
}
#seriesSelect div.content a:hover {
    text-decoration: none;
    color: #9e2216;
}
#seriesSelect div.content div.contentHead {
    padding: 3px 0px 4px 8px;
    border-bottom: solid 1px #A4A3A1;
    font-size: 1em;
}
#seriesSelect div.content div.links {
    padding: 15px 0px 15px 8px;
}
#seriesSelect div.content table {
    width: 505px;
    font-size: 1em;
}
#seriesSelect div.content table td {
    padding-bottom: 7px;
}

#archiveContainer {
    margin-top: 20px;
}
#archiveContainer table tr.seriesHeader {
    font-size: 1.8em;
}
#archiveContainer table tr.seriesHeader a {
    color: #9e2216;
}
#archiveContainer table tr.seriesHeader a:hover {
    text-decoration: none;
}
#archiveContainer table tr.seriesHeader td {
    padding-bottom: 10px;
}
#archiveContainer table tr.tableHeadings {
    background-image: url(../images/archive_select_grad.jpg);
    background-repeat: repeat-x; 
    font-weight: bold;
}
#archiveContainer table tr.tableHeadings td {
    border-top: solid 1px #C4C3BF;
    border-left: solid 1px #C4C3BF;
    padding: 7px 10px 7px 8px;
}
#archiveContainer table tr.tableHeadings td.right {
    border-right: solid 1px #C4C3BF;
}
#archiveContainer table tr.content td {
    border-top: solid 1px #C4C3BF;
    border-left: solid 1px #C4C3BF;
    padding: 7px 10px 7px 8px;
}
#archiveContainer table tr.content td.left {
    white-space: nowrap
}
#archiveContainer table tr.content td.right {
    border-right: solid 1px #C4C3BF;
    white-space: nowrap;
    width: 110px;
}
#archiveContainer table tr.backToTop {
    text-align: right;
}
#archiveContainer table tr.backToTop td {
    border-top: solid 1px #C4C3BF;
    padding-top: 15px;
    padding-bottom: 15px;
}
p.archiveStandfirst {
    color:#666666;
    width:430px;
}

/* Competition */
#ucStandardArticle_imgHead {
    margin-bottom: 10px;
}
#ucStandardArticle_pnlCompetitionQuestion, #ucStandardArticle_pnlCompetitionTextEntry {
    margin-top: 10px;
}

/* Store Details */
#storeDetailsContainer div.head {
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px; 
    font-weight: bold;
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
}
#storeDetailsContainer div.head2 {
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px; 
    font-weight: bold;
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
    margin-bottom:0px;
}
#storeDetailsContainer div.panel {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-bottom: solid 1px #CBCBCB;
    border-top: none;
    padding: 8px;
}

/* My Shire */
#myShireContainer div.myShire {
    padding:0;margin:0;
    border:none;
    background-image:none;
    padding-top:10px
}
#myShireContainer ul {
    padding:0;margin:0;
    padding-left:15px;
    padding-bottom:10px;
}
#myShireNav div.head_on {
    background-image:url('../images/left-nav-1px-header.png');
    color:#FFFFFF;
}
#myShireNav div.head {
    background-image:url('../images/left-nav-1px-nav.png');
    color:#333333;
}
#myShireNav a.enterButton {
    display:block;
    width:192px;
    height:65px;
    background-image:url('../images/enter-my-account.png');
}
#myShireNav a.enterButton:hover {
    display:block;
    width:192px;
    height:65px;
    background-image:url('../images/enter-my-account_over.png');
}
#myShireNav div.membersLogin {
    position:absolute;
    top:170px; left:0px;
}

#myShireContainer div.noBackground
{
	 background: none;
	 background-color: #FFFFFF; 
	 height:225px;
	 padding:12px
}

#myShireContainer div.headMyShire {    
    background: url('../images/left_nav_head_bg.jpg');
    height: 19px; 
    padding-top: 5px;
    padding-left: 12px;   
    font-size: 11px;
    border:solid 1px #D6D6D6;
    font-weight:bold
    
}

#myShireContainer div.myShireBox {    

	float:left;
	width:175px; 
	margin-right:12px;
	
	padding-bottom:12px
}


#myShireContainer div.right {    
	margin-right:0px
}

#bookListNavWishlist {
    background:none;
    background-image:url('../images/tabs/my-wishlist.png');
    width:102px;
    height:31px;
    display:block;
}
#bookListNavWishlist span {
    display:block;
	width:0;
	height:0;
	overflow:hidden;
}
#bookListNavWishlist.on {
    background-image:url('../images/tabs/my-wishlist_over.png');
}
#bookListNavLibrary {
    background:none;
    background-image:url('../images/tabs/my-library.png');
    width:102px;
    height:31px;
    display:block;
}
#bookListNavLibrary span {
    display:block;
	width:0;
	height:0;
	overflow:hidden;
}
#bookListNavLibrary.on {
    background-image:url('../images/tabs/my-library_over.png');
}
#divWishList, #divLibrary {
    border-top:none;
    padding: 8px;
}

/* Trade */
#tradeContainer div.head {
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px; 
    font-weight: bold;
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
}
#tradeContainer div.head2 {
    background: url('../images/left_nav_head_bg.jpg');
    background-repeat: repeat-x; 
    padding: 4px 0px 4px 8px;
    margin-bottom: 0px;
    font-weight: bold;
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-top: solid 1px #CBCBCB;
}
#tradeContainer div.panel {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    border-bottom: solid 1px #CBCBCB;
    border-top: none;
    padding:8px;
}
#divLatestBooks div.panel {
    padding:8px 0px 8px 0px;
}
#divBestSellers div.panel {
    padding:8px 0px 8px 0px;
}
#tradeNavHome {
    background:none;
    background-image:url('../images/tabs/Trade_home.png');
    width:102px;
    height:31px;
    display:block;
}
#tradeNavHome span {
    display:block;
	width:0;
	height:0;
	overflow:hidden;
}
#tradeNavHome.on {
    background-image:url('../images/tabs/Trade_home_over.png');
}
#tradeNavInfo {
    background:none;
    background-image:url('../images/tabs/useful_info.png');
    width:102px;
    height:31px;
    display:block;
}
#tradeNavInfo span {
    display:block;
	width:0;
	height:0;
	overflow:hidden;
}
#tradeNavInfo.on {
    background-image:url('../images/tabs/useful_info_over.png');
}
#tradeNavContact {
    background:none;
    background-image:url('../images/tabs/contact_info.png');
    width:102px;
    height:31px;
    display:block;
}
#tradeNavContact span {
    display:block;
	width:0;
	height:0;
	overflow:hidden;
}
#tradeNavContact.on {
    background-image:url('../images/tabs/contact_info_over.png');
}
#tradeNavDetails {
    background:none;
    background-image:url('../images/tabs/my_account.png');
    width:102px;
    height:31px;
    display:block;
}
#tradeNavDetails span {
    display:block;
	width:0;
	height:0;
	overflow:hidden;
}
#tradeNavDetails.on {
    background-image:url('../images/tabs/my_account_over.png');
}
#tabNavStore {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
    padding: 8px;
}
#tabNavStore a {
    margin-right:10px;
    margin-top:8px;
    font-weight:bold;
}
#tabNavStore a.on {
    color: #770A06;
}

/* Footer */
#footer, #credits {
    padding: 16px;
    padding-bottom:0px;
    font-size: 0.85em;
}
#footer a,  #credits a {
    margin-left: 4px; margin-right: 4px;
}

#credits {
    text-align: right;
	padding-bottom:16px;
}

/* General styles */
h1          {margin: 0px 0px 4px 0px; padding: 0px; color: #211F20; font-weight: normal}
h2          {margin: 0px 0px 8px 0px; padding: 0px; color: #211F20; font-size: 1.4em; border-bottom: solid 2px; font-weight: normal}
h3          {margin: 0px 0px 8px 0px; padding: 0px; color: #211F20; font-size: 1.3em}
h4          {margin: 0px 0px 8px 0px; padding: 0px; color: #211F20; font-size: 1.0em}
a           {color: #211F20; text-decoration: underline}
a:hover     {text-decoration: underline}
img         {border: 0px}

div.strapline    {font-weight: bold; border-bottom: solid 2px; color: #666; padding-bottom: 10px; margin-bottom: 8px}

div.panel                                   {background: url('../images/Ipx-box-gradient.png'); background-position: center bottom; background-repeat: repeat-x; background-color: #FFF; border: solid 1px #CBCBCB; margin-bottom: 16px; }
div.panel div.head, div.panel div.pagingspacer
                              {background: url('../images/Box-grad-centre-head.jpg'); background-repeat: repeat-x;  max-width:100%; padding: 4px 0px 4px 8px; font-weight: bold;}
div.panel div.pics, div.panel div.text      {float: left; width: 50%}
div.panel div.inner                         {padding: 24px}
div.panel div.text p                        {font-size: 0.9em}

div.clear   {clear: both}

p.panelText {
    width: 75%
}
p.compact  {
    margin-bottom: 2px;
}

/*Book and content list styles*/

.currentPage 
{
	font-weight:bold;
	color:black;
	cursor:default;
	font-size:1em
}

a
{
	text-decoration:none
}

.pagingspacer
{
	margin-top:2px;
	margin-bottom:10px
}

.sortby
{
	
	font-size:0.8em;
}

.listtypebutton
{
	float:left;
	font-size:0.8em;
	padding-top:3px;
	padding-left:3px;
	padding-right:12px
}

.paging
{
	font-size:0.9em; 
	color:#74767B;
	padding-bottom:10px;
	
}

.pagingText
{
	font-size:0.9em; 
	color:Black;
}

.pagingText:inactive
{
	color:Black;
}

.pageinfo 
{
	font-size:0.8em
}

.ContentThumbholder
{
	vertical-align:top;
	margin:12px;
	border:solid 1px silver;
	padding:12px
}

.ContentTitle
{
	text-align:left;
	padding-bottom:6px
}

.BookListPanel
{
	padding-left:15px;
	padding-right:15px;
	border-top:solid 20px black;
	
}

.bookInListItem 
{
	padding-right:24px;
	padding-top:2px;
	padding-bottom:2px;
	vertical-align:top
}

.BookThumbHolder
{
	padding-left:14px; 
	padding-right:14px; 
	padding-top:12px; 
	padding-bottom:12px;
	
}

.BookThumb
{
	padding-bottom:6px;
	min-height:135px;

}

.bookCol1
{
	float:left;
	margin-right:25px;
	margin-left:20px;
	width:190px;
	margin-top:15px
}

.bookCol2
{
	float:left;
	width:280px;
	margin-top:15px
}

.bookListItem
{
	font-weight: bold; 
	color: #2E2E2F; 
	font-size: 0.85em; 
	text-align: left;
    width: 100px; 
    text-decoration:none; 
    margin-bottom: 2px
}

.seriescode
{
	font-size:0.70em;
	font-weight:normal;
	height:10px;
	text-align:left
}


.seriesbox
{
	width:150px
	
}

.bookSubTitle
{
font-size: 0.9em
}

/*scroller */
div.scrollingPanel {
    height: 600px; overflow: scroll
}

img.scrollControl {
    cursor: pointer
}

div.scroll {
    float: left; width: 38px; display: inline; text-align: center;
    padding-top: 80px;
   
}
div.scrollerFrame {
    float: left; display: inline;
    margin: auto;
    width: 470px;
    overflow: hidden;
    position:relative;
   
}
#scrollerInner {
 
  width: 10000px;
  position:relative 
}

img.shireBookKeyline {
    border: solid 1px #CBCBCB !important;
}


#map 
{
	width: 533px; 
	height: 360px
}

.passwordReminder
{
	color:black
}

.noBorder 
{
	border:solid 0px white
}

div.catalogueListHead div {
    float: left; font-size: 9px
}
div.catalogueListHead div span {
    float: right; padding: 2px 10px 2px 4px;
    text-align: center
}
div.catalogueListHead div span.left {
    border-right: solid 1px #585858
}
table.catalogueList {
    width: 75%; margin-top: 12px; margin-bottom: 12px;
}
table.catalogueList td {
    vertical-align: top
}
table.catalogueList td.selections {
    vertical-align: bottom; padding-right: 28px; 
    padding-bottom: 12px;
}
table.catalogueList td.book {
    padding-bottom: 12px; width: 360px
}
table.catalogueList td div.seriesTitle {
    font-size: 0.8em; text-transform: uppercase;
    margin-bottom: 2px
}
table.catalogueList td div a {
    float: left; display: block;
    margin-right: 12px; font-size: 0.85em
}
table.catalogueList td div input {
    float: left; width: 20px;
}

.comingSoon
{
	font-size:1.3em;
}
.underline
{
    text-decoration:underline;
}

 
 .Price
 {
	font-size:12px;font-weight:bold
 }
 
.Discounted {color:#BD0003}
.CrossedOut {text-decoration:line-through}