body {background: white; text-align: left; padding: 0px; font-family: Verdana, "Trebuchet MS", Tahoma; margin: 0px; padding: 0px; font-size: 76%; }
html {overflow-y: scroll;}

body, a, a:visited { color: rgb(130,124,0);}

h1, .h1 {font-size: 180%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h2, .h2 {font-size: 160%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h3, .h3 {font-size: 130%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h4, .h4 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h5, .h5 {font-size: 100%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
p {margin: 0px 0px 10px 0px; padding: 0px;}
h1, h2, h3, h4, h5, p {position: relative; left: 0px; top: 0px;}

img {border: none; margin: 0px; padding: 0px; vertical-align: bottom; }
ul { text-align: left;}
li {padding-left: 6px;}
div {margin: 0px; padding: 0px;}
td {vertical-align: top;}
form {padding: 0px; margin: 0px;}

/* generic css */
.logo {width: 308px; height: 100px; border: none; padding-top:20px;}
.clear {clear: both; font-size: 1px; height: 1px;}
.clear img, .clear div {width: 100%; height: 1px;}
.textonly {display: none;}
.formErr {display: block; color: red; padding-left: 180px; }
.formNoErr {display: none; }
.page404 {text-align: center;}
.bold {font-weight: bold;}
.btn {border: none; height: 24px; overflow: visible; padding: 0px 8px; font-weight: bold; cursor: pointer}
.txtfield, .txtarea { border: 1px solid rgb(165,172,178); padding: 0px 0px;}
.selfield { border: 1px solid rgb(165,172,178);  }
.chkbox {position: relative; top: 2px; left: 0px;}
.imgbtn {padding: 0px; border: 0px; margin: 0px;}
.accesskeys {display: none;}

em {font-family:georgia, serif; font-weight:normal; font-size:145%; font-style:italic; }
strong { display:block; padding:10px; border:1px solid rgb(130,124,0); background:rgb(244,244,232); font-style:normal; font-weight:normal; }

/* standard content css */
.content { line-height:1.5em; }
.content li {margin-bottom: 4px;}

/* layout css */
#pagewrapper {width:100%; margin: 0px; padding:0px;  background:url(/images/header-bg.gif) 0px 0px repeat-x;  }
.page {width:960px; margin: 0px 0px 0px 10px; text-align: left; padding:0px; }

.header { height: 163px; text-align: right; }
.header, .header a, .header a:visited { text-decoration: none;}
.header .lcol {float: left; width: 440px; display:inline; position:relative;}
.header .rcol {float: left; width: 520px; display:inline; }
.header .rcol #strapline {display:block; width:520px; margin-top:95px; text-align:right; }
.header .rcol #strapline h2 {font-family:georgia, serif; font-weight:normal; font-size:170%; font-style:italic; }

.header .logo {width: 401px; height: 107px; border: none; padding:20px 0px 0px 23px;}

.topmenu { height: 70px; font-family: georgia, serif; font-size:110%; font-weight:normal; padding-top:10px;}
.topmenu .menu {float: left; margin-left:70px; width: 500px; height: 25px; display: inline;}
.topmenu .menu a, .topmenu .menu a:visited {font-weight: bold; text-decoration: none; padding:5px;}
.topmenu .menu a:hover { background:rgb(224,224,190); }
.topmenu .menu .sel a, .topmenu .menu .sel a:visited { background:rgb(224,224,190); }
.topmenu .menu .item {float: left; height: 25px; }
.topmenu .menu .item p { margin: 0px; padding: 5px 5px 0px 4px; text-align: center; }
.topmenu .menu .sep {float:left; display:inline; position:relative; top:4px; height:20px; width:1px; border-left:1px solid rgb(204,199,143); }

#rightmenu {display:block; width:380px; overflow:hidden; }

.sidemenu { margin:0px 0px 24px 0px;  }
.sidemenu .menu { padding: 15px 0px 15px 0px; background:rgb(244,244,232) url(/images/sidemenu-base.gif) left bottom no-repeat;}
.sidemenu .menu a, .sidemenu .menu a:visited {font-weight: normal; text-decoration: none; color:rgb(80,77,0);}

.sidemenu .menu .item a {display:inline; padding: 5px 10px 5px 15px; }
.sidemenu .menu a:hover {background: rgb(224,221,188);}
.sidemenu .menu .sel a {background: rgb(204,199,143);}
.sidemenu .menu p {padding: 5px 0px 5px 0px; margin: 0px; }

/* homepage styles */

.home .featurebox {position:absolute; top:196px; }
.home .featurebox .mask {position:absolute; width:380px; background:url(/images/gallerymask.png) 0px 0px no-repeat; z-index:10; }
*html .home .featurebox .mask {background:url(/images/gallerymask.gif) 0px 0px no-repeat; }
.home .featurebox .imagegal {position:relative;}
.home .featurebox .imagegal .galImg { width:380px; height:255px; position:absolute; visibility:hidden; }
.home .featurebox .book_link {display:block; position:relative; width:380px; height:59px;}
.home .featurebox .book_link a, .home .featurebox .book_link a:visited { display:block; position:relative; top:256px; height:39px; padding:20px 0px 0px 10px; background:url(/images/book-link-bg.gif) 0px 0px no-repeat; color:rgb(80,77,0); font-family: georgia, serif; font-size:135%; font-weight:normal; text-decoration:none;  }
.home .featurebox .book_link a:hover { background:url(/images/book-link-bg.gif) 0px -59px no-repeat; }
.home .featurebox #img0 {visibility:visible;}

.home .home-logos { position: relative; top: 295px; width: 380px; text-align: center; }
.home .home-logos .logoImg { visibility:hidden; position: relative; right: 85px; }
.home .home-logos #logoimg0 {visibility:visible;}
.home .home-logos a.link { position: relative; top: 110px; text-decoration: none; font-family:georgia, serif; font-weight:normal; font-size:95%; font-style:italic;  }

/* default page styles */
.pageBody { margin: 0px 0px 0px 85px; padding: 0px 0px 0px 0px;  }
.pagearea { height: 340px;}

.pagearea .nextlink {float:right; }
.pagearea .nextlink a, .pagearea .nextlink a:visited { font-family:georgia, serif; font-size:140%; text-decoration:none; }
.pagearea .nextlink a:hover {text-decoration:underline; }
html>body .pagearea {height: auto; min-height: 340px;}

.home { height: 420px; }
html>body .home {height: auto; min-height: 420px;}

.pageBody .bcrumb {font-size: 90%; margin-bottom: 16px; }
.pageBody .bcrumb a, .bcrumb a:visited { color: rgb(89,89,89); text-decoration: none;}
.pageBody .bcrumb a:hover {text-decoration: underline;}

.pageBody .lcol {float: left; width: 405px; padding-top:20px;}
.pageBody .rcol {float: left; width: 380px; margin-left: 85px;}

.pageBody table { border-collapse: collapse;}
.pageBody table td {border: 1px solid rgb(166, 167, 169); padding: 4px 5px; margin: 0px;}
.pageBody .th {font-weight: bold;}

.sectionTitle {  display:block; position:relative; top:-1px; width:380px; height:59px; margin-bottom: 2px; border-top:1px solid white; background:rgb(204,199,143);}
.sectionTitle h1 {text-align: left; padding:15px 0px 0px 25px; }
.sectionTitle h1 a, .pageTitle h1 a:visited {text-decoration: none; color: rgb(255,255,255); font-family:georgia, serif; font-size: 27px; font-weight: normal; cursor: default;}

.pageTitle {  margin-bottom: 20px; }
.pageTitle h1 {text-align: left; padding:0px 0px 0px 0px; }
.pageTitle h1 a, .pageTitle h1 a:visited {text-decoration: none; color: rgb(80,77,0); font-family:georgia, serif; font-size: 22px; font-weight: normal; cursor: default;}

.logo-box { margin: 20px 0px; padding-bottom: 20px; border-bottom: 2px solid rgb(204,199,144); text-align: center; }

#rightmove {position:absolute; top:1px; display:block; opacity:0.99; filter: alpha(opacity=99); }

.people .title {margin-bottom:20px; }
.people .title h2 { font-family: georgia, serif; font-weight:normal; font-size:145%; color:rgb(80,77,0); }
.people .pic {float:left; margin:0px 20px 20px 0px; }
.people .content {margin:0px 0px 20px 0px; }

.properties .title { margin-bottom:20px; }
.properties .title h2 { font-family: georgia, serif; font-size:135%; font-weight:normal;  color:rgb(130,124,0); text-decoration:none; }
.properties .title h2 a:hover {text-decoration:none; }
.properties .pic {float:left; margin:0px 20px 20px 0px; }
.properties .content {margin:0px 0px 20px 0px; }

.testimonials { margin:20px 0px 0px 0px; background:url(/images/openquote.gif) left top no-repeat;  }
.testimonials .content {padding:10px 50px 10px 55px; background:url(/images/closequote.gif) right bottom no-repeat; }
.testimonials .client {float:right; margin:0px 0px 0px 0px; font-family: georgia, serif; font-weight:normal; font-size:120%; color:rgb(80,77,0); }

/* contact page styles */
.contactform h4 { font-family:georgia, serif; padding-bottom: 10px;}
.contactform .row {width:405px; display:block; height:30px;  }
.contactform .c1 {float:left; text-align: right; display:inline; width:160px; }
.contactform .c2 {float:left; display:inline; margin-left:20px; width:220px; }
.contactform .messagerow {width:405px; display:block; height:100px; }

.contactform input { }
.contactform .row input, .contactform  textarea {display:block; width:220px; border: 1px solid #CCC78F; color: #504D00; }
.contactform .submitrow {float:right; padding-right:3px;}
.contactform .submitrow input { width:80px; }
.contactform .btn {border: none; height: 24px; overflow: visible; padding: 0px 0px; margin-top:10px; background:rgb(244,244,232); color:#827C00; font-weight: bold;  cursor: pointer; font-family:georgia, serif; border: 1px solid #CCC78F;}

#footerwrapper {width:100%; margin-top: 20px; border-top:20px solid rgb(204,199,143); }
.footer {text-align: left; padding: 0px 0px; }
.footer, .footer a, .footer a:visited {rgb(204,199,143); text-decoration: none; }
.footer a:hover {text-decoration: underline;}
.footer .menu {font-size: 90%; float: left; width:500px; margin:10px 0px 0px 0px; padding-left: 110px; text-align: center; }
.footer .menu .item {display: inline; float:left; padding-top: 10px;}
.footer .menu .sep {display: inline; float:left; border-right: 1px solid rgb(204,199,143); height: 16px; margin-top: 10px;}
.footer .menu p {margin: 0px; padding: 0px 8px 0px 15px; text-align: center; display: inline;}
.footer .menu .tab { margin: 0px 4px; padding: 0px;}
.footer .logos { float: left; text-align: center; padding-top: 10px;margin-bottom: 10px; margin-left: 10px; width: 300px; }

/* home page */
.pageBody .home td {border: none; padding: 0px; margin: 0px;}

/* default page layout 2-col */
.default{}
.default .lcol {}
.default .rimage {float: right; margin-left: 20px; }




/* basic page layout 1-col */
.basic {background-color: rgb(155, 154, 170);}


/* site map */
.sitemap li {margin-bottom: 10px;}
.sitemap li a, .sitemap li a:visited {text-decoration: none;}
.sitemap li a:hover {text-decoration: underline;}
.sitemap .level1 {float: left; margin: 0px 15px; display: inline;}

/* generic login form */
.loginForm {}
.loginForm .row {}
.loginForm .warning {color: red;}

/* generic class css */
/* messages used by multiple classes on the site */
.messages {padding: 3px; background-color: rgb(215, 236, 236); border: 1px solid rgb(180, 180, 180); margin: 0px 0px 20px 0px;}
.pagearea .messages {margin: 0px 0px 20px 0px;}
.messages .warning {color: red}
.messages .message {color: green;}
.messages .title {}
.messages ul {}
.messages li {}

/* shop class */
.shoppagearea {height: 380px; }
html>body .shoppagearea {height: auto; min-height: 380px;}
.shop {}
.shop .label {font-weight: bold;}

/* shop home page */


.shop .root a, .shop .root a:visited {text-decoration: none;}
.shop .root a:hover {text-decoration: underline;}
.shop .root h2 {position: relative; top: -4px; left: 20px;}
.shop .root .header {border-bottom: 1px solid rgb(211,217,210); margin-bottom: 20px; }
.shop .root .lcol {float: left; width: 220px; margin-left: 20px; display: inline;}
.shop .root .mcol {float: left; width: 250px;}
.shop .root .rcol {float: left; width: 220px;}
.shop .root .item {margin-bottom: 10px; font-size: 110%; margin-left: 20px;}

/* shop category list */
.shop .cat_cat {margin-left: 20px; margin-bottom: 10px; font-size: 110%;}
.shop .cat_cat a, .shop .cat_cat a:visited {text-decoration: none;}
.shop .cat_cat a:hover {text-decoration: underline;}

/* shop item list */
.shop .itemtable {margin: 0px; padding: 0px; width: 540px;}
.pageBody .shop .itemtable td {border: none; padding: 18px 15px; margin: 0px; vertical-align: bottom; }
.shop .item_list { }
.shop .item_list a, .shop .item_list a:visited {text-decoration: none;}
.shop .item_list h4 {font-size: 120%; font-weight: normal;}
.shop .item_list .info {margin: 4px 0px 0px 0px; height: 54px;}
.shop .item_list .subinfo {margin-bottom: 10px;}
.shop .item_list .price {margin: 10px 0px 4px 0px; font-size: 110%; font-weight: bold;}
html>body .shop .item_list .info {height: auto; min-height: 54px;}
.shop .item_list form {text-align: right;}
.shop .item_list .btn {margin-top: 10px; }
.shop .catTitle {width: 170px; text-align: left;}
.shop .catTitle form {padding-top: 6px; text-align: right;}
.shop .catTitle .selfield {width: 120px; font-size: 90%;}
.shop .catImg {float: right;}
.shop .linkstr {text-align: center;  font-size: 95%; padding-top: 10px;}
.shop .linkstr a, .shop .linkstr a:visited {text-decoration: none; }
.shop .linkstr a:hover {text-decoration: underline;}
.shop .linkstr .link {display: inline;}
.shop .linkstr .link p {display: inline;}
.shop .linkstr .small { padding: 0px 2px;}
.shop .linkstr .large {padding: 0px 10px;}
.shop .linkstr .showall {padding-left: 10px;}

/* shop individual item */
.shop .item_detail {}
.shop .item_detail .info {margin-left: 50px;}
.shop .item_detail .infoleft {float: left; width: 240px; margin-bottom: 20px;}
.shop .item_detail .inforight {float: left; width: 298px; margin-bottom: 20px; background-color: rgb(215, 236, 236); border: 1px solid rgb(180, 180, 180);}
.shop .item_detail .inforight .subcon {padding: 8px}
.shop .item_detail .project {font-weight: bold; text-decoration: underline; margin-bottom: 3px;}
.shop .item_detail .title {font-weight: bold; font-size: 120%; }
.shop .item_detail .writing {margin-top: 8px;}
.shop .item_detail .code { margin-top: 8px;}
.shop .item_detail .price {font-weight: bold; margin-top: 8px;}
.shop .item_detail .infoleft .label {margin-top: 40px;}
.shop .item_detail .venues {margin-top: 0px;  padding-left: 0px; margin-left: 30px;}
.shop .item_detail .venues li {margin: 1px 0px 2px 0px}
.shop .item_detail .inforight table {width: 100%; margin: 0px 0px; padding: 0px; border-collapse: collapse}
.shop .item_detail .inforight table td { vertical-align: top; margin-left: 0px; padding-left: 0px;}
.shop .item_detail .inforight .label {padding: 6px 0px 3px 0px;}
.shop .item_detail form {  }
.shop .item_detail form select { padding: 0px; margin-left: 0px; width: 266px;}
.shop .item_detail .inforight .btn { width: auto; padding-left: 4px; padding-right: 4px; margin-right: 12px; margin-top: 5px;}
.shop .item_detail .txtfield {width: 35px;}
.shop .item_detail .delegates {overflow-y: scroll; position: relative; width: 266px;}
.shop .item_detail .inforight .input {padding-left: 15px;}

.shop .item_detail .add {margin-top: 20px;}
.shop .item_detail .add .title { padding-bottom: 5px;}
.shop .item_detail .add .imgcon {float: left; width: 80px; margin-left: 40px;}
.shop .item_detail .sim {margin-top: 20px;}
.shop .item_detail .sim .title { padding-bottom: 5px;}
.shop .item_detail .sim .imgcon {float: left; width: 60px; margin-right: 30px;}

.item_thumb img {float: left; margin: 1px 6px 1px 0px;}


/* basket class (also used on the checkout & account page) */
.basket {}
.basket .summary {width: 100%; margin: 0px 0px 18px 0px;}
.basket .summary td {border: 1px solid rgb(206, 206, 206); padding: 3px; }
.basket .summary a {text-decoration: none;}
.basket .summary .label {background-color: rgb(254, 247, 221);}
.basket .summary .prod_img {width: 50px; float: left; margin-right: 5px;}
.basket .summary .total {font-weight: bold; background-color: rgb(215, 236, 236);}
.basket .summary .btn {border: none; width: 125px; padding: 0px 0px 2px 0px; margin-right: 10px;}
.basket .summary .buttons {background-color: rgb(215, 236, 236)}

.basket .start {width: 100%;}
.basket .formbox h3, .basket .formbox h4 {margin-bottom: 2px;}
.basket .formbox p {margin-bottom: 17px;}
.basket .start td {width: 50%;} /* watch out for how these few lines override each other to get a specfic result */
.basket .formbox {}
.basket .start td, .checkout .formbox { padding: 11px; background-color: rgb(215, 236, 236); border: 1px solid rgb(180, 180, 180);}
.basket .start td .formbox {width: auto; display: block; padding: 0px; background-color: transparent; border: none;}

/* checkout also used on the account page */
.checkout {}
.checkout .txtfield {width: 170px; margin-left: 0px;}
.checkout .btn {padding: 1px 4px;}
.checkout .row { padding-top: 4px; padding-bottom: 2px; height: 28px; }
.checkout .highrow { padding-top: 4px; padding-bottom: 2px; height: 40px;}
.checkout .row .label {margin-right: 2px;}
.checkout .row .value {font-weight: bold; margin-left: 5px;}
.checkout .form_c1 { display: inline; }
.checkout .form_c2 { display: inline; margin-left:10px; }
.checkout .short { float: left; width: 60px; position: relative; top: 4px; left: 0px;}
.checkout .form_c1 .txtfield {}

.checkout .stage {font-size: 130%; font-weight: bold; margin-bottom: 20px;}
.checkout .stage, .checkout .stage a {color: black; text-decoration: none;}
.checkout .stage .step {}
.checkout .stage .done, .checkout .stage .done a {color: rgb(0, 123, 132);}

.checkout .paytable {border: 1px solid rgb(206, 206, 206); width: 100%;}
.checkout .paytable td {vertical-align: top; padding: 3px 3px; }
.checkout .paytable .label {background-color: rgb(215, 236, 236); font-weight: bold; border-bottom: 1px solid rgb(206, 206, 206);}
.checkout .confirm .txtarea {width: 515px; height: 60px;}

.checkout .faillink {text-align: center;}

.checkout_popup {}
.checkout_popup li {margin-bottom: 10px;}

/* account */
.account .start {}
.account .start .txtfield {width: 160px;}
.account .newuser {width: 200px;}

/* search */
.searchpage {}
.searchpage .search {margin-bottom: 20px;}
.searchpage .search .txtfield {margin-left: 0px;}
.searchpage .string {text-decoration: none;}

/* generic page */
.generic h3 {margin-bottom: 18px;}
.generic h4 {margin-bottom: 5px;}
.generic .summary {margin-bottom: 22px;}
.generic .summary a {text-decoration: none;}

/* form css */
.waitMsg {display: none; background: rgb(99, 99, 99); border: 3px solid rgb(255, 173, 99); width: 300px; text-align: center; position: absolute; top: 0px; left: 0px;}
.waitMsg p {padding: 10px 20px; font-size: 140%; color: white;}
.waitMsg .wImg {margin-bottom: 10px;}