/* @override 
	http://www.villaandhut.co.uk/css/styles.css
	http://www.villaandhut.co.uk/css/styles.css?v=2
	http://www.villaandhut.co.uk/css/styles.css?v=3
   ================================================== */
#lbOverlay {
 position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer;
}
#lbCenter, #lbBottomContainer {
 position: absolute; left: 50%; overflow: hidden; background-color: #FFF;
}
.lbLoading {
 background: #FFF url(/images/1_loading.gif) no-repeat center
}
#lbImage {
 background-repeat: no-repeat; border: 7px solid #fff;
}
#lbPrevLink, #lbNextLink {
 display: block; position: absolute; top: 0; width: 50%; outline: none;
}
#lbPrevLink {
 left: 0
}
#lbPrevLink:hover {
 background: transparent url(/images/1_prev.png) no-repeat 0 30%
}
#lbNextLink {
 right: 0
}
#lbNextLink:hover {
 background: transparent url(/images/1_next.png) no-repeat 100% 30%
}
#lbBottom {
 font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #333; line-height: 16px; text-align: left; border: 7px solid #fff; border-top-style: none;
}
#lbCloseLink {
 display: block; float: right; width: 80px; height: 16px; background: transparent url(/images/1_close.png) no-repeat center; margin: 0;
}
#lbCaption, #lbNumber {
 margin-right: 14px
}
#lbCaption {
 font-weight: 700
}
/* ===[ Main Website styles ]=== */
.clearance {
 display: block; clear: both;
}
img {
 border: none
}
body {
 font: 100% Arial, Helvetica, sans-serif; color: #301210; background: #FFE7B5 url(../images/site_bg.jpg) repeat fixed center center; margin: 0; padding: 0; height: 100%; text-align: center;
}
#container {
 width: 900px; display: block; margin: 0 auto; background: url(../images/content_bg.png) repeat-y center 10px; padding-right: 20px; padding-left: 20px;
}
#container #header {
 background: #301210; display: block; text-align: left; position: relative;
}
#container #header ul {
 font-size: 80%; text-align: center; position: absolute; top: 15px; right: 15px; background-color: #1c0705; padding: 10px; margin: 0; list-style: none;
}
#container #header li {
 display: inline
}
#container #header li a {
 color: #FFF; text-decoration: none; padding-left: 10px; padding-right: 10px;
}
#container #header li a:hover {
 text-decoration: underline
}
#container #centermenu {
 background: #630; list-style: none; margin: 0; padding: 0; height: 42px; border-top: 5px solid #FFF; font-size: 80%;
}
#container #centermenu li {
 float: left
}
#container #centermenu li a {
 color: #FFF; text-align: center; padding: 13px 15px; display: block; background: #630; text-decoration: none;
}
#container #centermenu li em {
 color: #FFF; text-align: center; padding: 13px 15px; display: block; background: #630; text-decoration: none;
}
#container #centermenu li a:hover {
 background: #4b2703
}
#container #maincontent {
 background: #e1d6bb url(../images/content_bg.gif) repeat-y center top; text-align: left; position: relative;
}
#container #bottom {
 background: #630; display: block; margin: 0; padding: 10px; clear: both; list-style: none; font-size: 70%; color: #FFF; text-align: center;
}
#container #maincontent #bodycontent {
 margin: 0; padding: 10px; float: left; width: 640px; background: #fffbf1; min-height: 600px; border-right: 1px solid #FFFBF1; display: block; position: relative;
}
#container #maincontent #rightside {
 text-align: center; margin-left: 660px;
}
#search {
 background: #cec2a8; font-size: 80%; margin: 0; padding: 10px 5px; height: 160px;
}
#tagcloud {
 list-style: none; display: block; margin: 0 auto; padding: 20px 5px 5px;
}
#tagcloud li {
 display: inline
}
#tagcloud a {
 color: #301210; padding-right: 5px; padding-left: 5px; display: inline-block;
}
#tagcloud img {
 display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto;
}
#rightside h3 {
 font-size: 100%; font-style: italic; line-height: 130%; margin: 0; padding: 20px; text-align: left; color: #630; margin-left: 20px; display: block;
}
#slideshow {
 margin: -10px -10px 10px
}
#container #maincontent #bodycontent #newslister {
 font-size: 70%; display: block; margin: 20px -10px -10px; padding: 0; list-style: none; color: #301210;
}
#newslister li {
 display: block; padding: 15px; clear: both; line-height: 130%; margin-bottom: 2px; background: #f0e7d1; min-height: 150px;
}
#newslister img {
 border: 1px solid #301210; margin-left: auto; margin-right: auto;
}
#newslister strong {
 font-size: 130%; display: block; padding-bottom: 10px;
}
#newslister strong a {
 color: #301210; text-decoration: none; display: block; padding-bottom: 5px;
}
#newslister li:hover {
 background: #CEC2A8
}
#newslister .readmorenews {
 color: #630; font-size: 110%; display: block; padding-top: 0;
}
#newslister a {
 color: #301210; text-decoration: none;
}
#bodycontent #newspic {
 float: right; margin: 10px;
}
#bodycontent h1 {
 font-size: 140%; margin: 0; padding: 10px 10px 5px;
}
#smallcart {
 background: #cec2a8; font-size: 70%; padding: 5px; padding-bottom: 10px;
}
#smallcart table {
 text-align: left; border-collapse: collapse; border-bottom: 1px dotted #FFFBF1; font-size: 90%; margin: 10px 0 0 15px; width: 200px;
}
#smallcart #paypalcheckout {
 margin: 5px auto; display: block;
}
#smallcart a {
 font-weight: 700; color: #FFFBF1;
}
#bodycontent #productpic {
 font-size: 70%; font-style: italic; font-weight: 400; color: #630; text-decoration: none; text-align: center; padding: 5px; max-width: 300px; position: relative; float: right;
}
#bodycontent #addcart {
 margin: 0; padding: 5px; font-size: 90%; float: left; max-width: 300px;
}
#bodycontent #addcart h3 {
 margin: 0; padding: 10px 0 10px 10px; font-size: 120%; font-weight: 700; display: block;
}
#addcart h4 {
 font-style: italic; float: left; margin: 0; padding: 3px 40px 0 0; font-size: 90%; font-weight: 400; display: block;
}
.KT_topbuttons input:hover {
 background: #1C0705
}
.KT_bottombuttons input:hover {
 background: #301210; color: #FEFAF0;
}
.KT_tngform fieldset {
 border-top: 1px solid #E1D6BB; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 5px; margin-bottom: 10px;
}
.KT_tngform legend {
 font-size: 90%; font-style: italic; font-weight: 700; color: #630;
}
.formelements {
 font-size: 90%; display: block; clear: left; margin-top: 10px; margin-bottom: 10px;
}
.formelements label {
 font-size: 90%; font-style: italic; font-weight: 700; color: #630; float: left; width: 140px; padding-top: 5px;
}
.editorelement label {
 font-size: 80%; font-style: italic; font-weight: 700; color: #630; display: block; padding-bottom: 5px; padding-top: 5px;
}
.formelements input {
 font-size: 90%; color: #301210; background: #E1D6BB; width: 450px; border: 1px solid #E1D6BB; padding: 1px;
}
.formelements select {
 font-size: 90%; color: #301210; background: #E1D6BB; width: 450px; border: 1px solid #E1D6BB; padding: 1px;
}
.formelements input:focus, select:focus {
 border: 1px solid #301210; background: #FFF;
}
#rightside h4 {
 font-size: 90%; color: #630; font-weight: 400; text-align: left; margin: 0; padding: 5px 10px 5px 20px; margin-left: 20px;
}
.view_products {
 color: #000; text-decoration: none; background: #F0F0F0; padding: 3px 4px; border-top: 2px solid #fff; border-right: 2px solid #666; border-bottom: 2px solid #666; border-left: 2px solid #fff;
}
.view_products:hover {
 color: #000; background: #F0F0F0;
}
#bodycontent p {
 font-size: 80%; line-height: 120%; margin: 0; padding: 5px 10px; display: block;
}
#bodycontent table {
 font-size: 80%; border-collapse: collapse; clear: both; background-color: #FFFBF1;
}
#bodycontent h3 {
 font-size: 110%; font-weight: 400; color: #603000; margin: 0; padding: 5px 10px;
}
#container #maincontent #bodycontent #categories {
 margin: 0 -10px 2px; padding: 0; font-size: 80%; color: #301210; list-style: none;
}
#container #maincontent #bodycontent #categories li {
 display: block; padding: 0; background: #FFFBF1; border-bottom: 1px dotted #E1D6BB; margin-bottom: 2px; text-decoration: none; padding-bottom: 5px;
}
#categories li strong a {
 color: #301210; text-decoration: none; padding: 5px 15px; display: block; font-size: 120%;
}
#categories li:hover a {
 text-decoration: underline
}
#categories img {
 margin: 0 auto
}
#container #maincontent #bodycontent #prodslister {
 display: block; margin: 0; padding: 0; list-style: none; font-size: 70%;
}
#prodslister img {
 display: block; margin: 0 auto;
}
#container #maincontent #bodycontent #prodslister li {
 float: left; margin: 2px; padding: 10px; border: 1px solid #E1D6BB; display: block; background: #FFFBF1; text-align: center; height: 190px; width: 187px; position: relative;
}
#container #maincontent #bodycontent #prodslister li:hover {
	border: 1px solid #b1a993;
	background: #fff;
}
#prodslister strong a {
 text-decoration: none; display: block; padding-bottom: 3px; padding-top: 5px;
}
#prodslister a {
 color: #301210; text-decoration: none;
}
#popup {
 background: #FFF url(none); text-align: left; margin: 0; padding: 5px; font-size: 80%; height: 380px; width: 680px; overflow: hidden;
}
#popup #productpic {
 float: left; border-right: 20px solid #FFF;
}
#popup h1 {
 font-size: 140%
}
#productpic img {
 margin: 10px auto; padding: 1px; border: 1px solid #E1D6BB;
}
#productpic:hover img {
 border: 1px solid #301210
}
#container #bottom a {
 color: #DACFB5; text-decoration: none; margin-left: 10px; margin-right: 10px;
}
#search #searcher {
 padding: 7px 6px; width: 150px; border: 1px solid #630; float: left; margin-right: 0; margin-left: 10px;
}
#search label {
 display: block; padding-bottom: 10px;
}
#bodycontent #addcart #KT_Insert2 {
 font-size: 110%; font-weight: 700; color: #E1D6BB; background: #630; padding: 5px; border: 1px solid #301210; cursor: pointer; margin-left: 10px;
}
#bodycontent #addcart #KT_Insert2:hover {
 background: #301210
}
#NewsHorizontal {
 width: 900px; height: 25px; display: block; overflow: hidden; position: relative; background: #301210; border-top: 1px solid #301210; border-bottom: 1px solid #301210; color: #F0E7D1;
}
#TickerHorizontal {
 height: 20px; display: block; list-style: none; margin: 0; padding: 0; text-align: center; padding-left: 10px; width: 1500px;
}
#TickerHorizontal li, #TickerHorizontal li a {
 display: block; color: #FFE8B6; text-align: center; font-size: 80%; margin: 0; padding: 5px 35px; float: left;
}
#prodslister em {
 font-size: 110%; color: #630; display: block; padding-top: 3px;
}
#prodslister .prodimg {
 height: 140px; display: block;
}
#addcart h1 em {
 display: block; font-size: 70%; font-style: italic; font-weight: 400; padding: 5px 0 0;
}
#addcart h1 a {
 color: #630; text-decoration: none;
}
#bodycontent #sorter {
 font-size: 80%; color: #630; margin: 5px 0 10px; padding: 5px 10px; clear: both;
}
#sorter a {
 color: #630; padding-left: 3px; padding-right: 3px;
}
#sorter .pagination {
 float: right
}
#sorter a:hover {
 color: #301210
}
#newslister .respics {
 float: right; text-align: center; margin-left: 30px; width: 150px;
}
#container #maincontent #bodycontent #newslister h3 {
 font-size: 140%; font-weight: 700; padding-top: 5px; padding-bottom: 5px; padding-left: 0;
}
#newslister .newsitempic {
 float: right; margin-left: 30px;
}
#container #maincontent #bodycontent ul {
 font-size: 80%; line-height: 120%; list-style: square outside; margin: 10px 5px; padding: 0 0 0 15px;
}
#container #maincontent #bodycontent li {
 padding-bottom: 10px
}
#bodycontent h4 {
 font-size: 100%; color: #630; margin: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 10px;
}
#bodycontent h2 {
 font-size: 120%; color: #630; margin: 0; padding: 5px 5px 10px 10px;
}
#container #maincontent #bodycontent #categories .desc {
 padding: 5px 15px
}
#container #maincontent #bodycontent #categories .desc a {
 color: #301210; text-decoration: none;
}
#container #maincontent #bodycontent #categories .desc p {
 padding: 0; margin: 0;
}
.formelements_date {
 font-size: 80%; display: block; padding: 5px 5px 5px 0;
}
.formelements_date input {
 background: #E1D6BB; border: 1px solid #630; font-size: 90%; color: #301210; padding: 1px; margin-right: 1px;
}
.formelements_date label {
 font-style: italic; font-weight: 700; color: #630; width: 140px; float: left; padding-top: 5px;
}
#bodycontent #newslister p {
 margin: 0; padding: 3px 0; font-size: 90%; text-decoration: none;
}
#bodycontent #newslister p strong {
 font-size: 110%; padding: 3px 0;
}
#bodycontent #newslister p a {
 font-weight: 700; text-decoration: underline;
}
.rssummary {
 font-size: 95%; background: #E1D6BB; padding: 1px; border: 1px solid #E1D6BB; margin-left: 140px; color: #301210;
}
.rssummary:focus {
 background: #fff; border: 1px solid #630;
}
#addcart h4 a {
 font-weight: 700; color: #301210;
}
.prdlistdetails {
 width: 187px; position: absolute; bottom: 5px;
}
#bodycontent #sitemap {
 margin: 0; padding: 0; list-style: none;
}
#container #maincontent #bodycontent #sitemap {
 margin: 10px 0; padding: 0; list-style: none;
}
#container #maincontent #bodycontent #sitemap li {
 display: inline
}
#container #maincontent #bodycontent #sitemap li a {
 color: #301210; text-decoration: none; background: #CBBFA5; display: block; padding: 5px;
}
#container #maincontent #bodycontent #sitemap li ul {
 margin: 0; padding: 0; list-style: none;
}
#container #maincontent #bodycontent #sitemap li ul li a {
 background: #FFFBF1
}
#container #maincontent #bodycontent #sitemap li a:hover {
 color: #FFF; background: #630;
}
#container #maincontent #bodycontent #sitemap li ul li a:hover {
 background: #ECE6DA; color: #630;
}
#container #maincontent #rightside #smallcart table th {
 border-bottom: 1px dotted #FFFBF1; color: #FFFBF1;
}
#container #maincontent #rightside #smallcart h3 {
 font-size: 110%; color: #301210; padding: 5px; text-align: center; font-style: normal; width: 200px;
}
#container #maincontent #rightside #smallcart h3 em {
 color: #630; font-weight: 400;
}
#container #maincontent #rightside #smallcart form {
 display: inline
}
#contact {
 font-size: 80%; padding: 5px; margin: 10px 0; width: 520px;
}
#contact .contactelements {
 display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 10px;
}
#contact .contactelements label {
 float: left; width: 100px;
}
#contact .contactelements input {
 font-size: 90%; color: #301210; border: 1px solid #CEC2A8; width: 400px;
}
#contact .contactelements textarea {
 font-size: 90%; color: #301210; border: 1px solid #CEC2A8; width: 400px;
}
#contact .contactelements #privacy {
 width: 20px
}
#container #maincontent #bodycontent #contact #KT_Insert1 {
 font-size: 110%; font-weight: 700; color: #FFFBF1; background: #630; padding: 5px 15px; border: 1px solid #630; margin-left: 110px; cursor: pointer; float: left;
}
#container #maincontent #bodycontent #contact #KT_Insert1:hover {
 background: #301210
}
#contact .contactelements #privacylabel {
 float: none; width: 200px;
}
#contact .contactelements input:focus {
 border: 1px solid #301210
}
#contact .contactelements textarea:focus {
 border: 1px solid #301210
}
#container #maincontent #bodycontent #contact .privacyelement {
 display: block; font-size: 80%; text-align: right; margin-right: 10px;
}
#container #maincontent #bodycontent #contact .form_validation_field_error_error_message {
 color: #FFF; background: #C00; display: block; font-style: italic; font-size: 90%; font-weight: 700; padding: 5px; margin-left: 100px; margin-right: 10px;
}
#container #maincontent #bodycontent .KT_tng .KT_tngform fix_content_enlarge #form1 .formelements #mce_editor_0_parent {
 margin-left: 100px
}
#statusreasons {
 font-size: 80%; margin-right: 10px; margin-left: 10px; height: 25px; border-bottom: 1px solid #630;
}
#statusreasons a {
 color: #301210; text-decoration: none; display: block; padding: 5px; float: left;
}
#statusreasons a:hover {
 background: #E1D5BB
}
#container #maincontent #bodycontent #orders {
 list-style: none; margin: 10px; padding: 0;
}
#container #maincontent #bodycontent #orders li {
 display: inline
}
#container #maincontent #bodycontent #orders li a {
 color: #630; text-decoration: none; display: block; padding: 5px; margin: 0 0 2px; border-bottom: 1px solid #E1D5BB;
}
#container #maincontent #bodycontent #orders li a strong {
 display: block; padding: 2px 0;
}
#container #maincontent #bodycontent #orders li a:hover {
 background: #E1D5BB
}
#container #maincontent #bodycontent #statusreasons em {
 display: block; padding: 5px; float: left;
}
#container #maincontent #bodycontent #orders a em {
 padding-right: 10px
}
#container #maincontent #bodycontent #orderdetails {
 font-size: 90%; list-style: none; margin: 10px; padding: 0; border-bottom: 1px solid #630;
}
#container #maincontent #bodycontent #ordercontents {
 margin: 10px; padding: 0; list-style: none;
}
#container #maincontent #bodycontent #ordercontents li {
 display: block; border-bottom: 1px solid #E1D6BB; margin-bottom: 5px;
}
#container #maincontent #bodycontent #ordercontents strong {
 font-size: 110%
}
#container #maincontent #bodycontent #ordercontents li strong {
 font-size: 90%
}
#container #maincontent #bodycontent #orderdetails a {
 color: #301210
}
#container #maincontent #bodycontent #newsletter {
 width: 510px; text-align: left; display: block; margin: 5px 0; border-bottom: 1px dotted #CEC2A8; clear: left;
}
#container #maincontent #bodycontent #newsletter #address {
 font-size: 90%; color: #301210; padding: 1px; border: 1px solid #CEC2A8; width: 200px; float: left; margin-left: 110px;
}
#container #maincontent #bodycontent #newsletter #submit {
 font-size: 80%; font-weight: 700; color: #FFFBF1; background: #630; padding: 1px 15px; border: 1px solid #630; cursor: pointer;
}
#container #maincontent #bodycontent #newsletter #submit:hover {
 background: #301210
}
#container #maincontent #bodycontent #newsletter #address:focus {
 border: 1px solid #301210
}
#container #maincontent #bodycontent #contact p {
 font-size: 100%; padding: 0 0 10px 10px;
}
#container #maincontent #bodycontent #newsletter p {
 padding: 10px 0 10px 10px; font-size: 70%; font-style: italic;
}
#container #maincontent #bodycontent #newsletter strong {
 font-size: 100%; font-style: normal;
}
#container #maincontent #rightside #newslettersmall {
 font-size: 70%; margin: 0 0 0 10px; padding: 0; color: #630; height: 160px;
}
#container #maincontent #rightside #newslettersmall #address {
 padding: 7px 6px; width: 150px; border: 1px solid #630; float: left; margin-right: 0; margin-left: 10px;
}
#container #maincontent #rightside #newslettersmall #submit {
 font-weight: 400; color: #F7F3E9; cursor: pointer;
}
#container #maincontent #rightside #externallinks a {
 color: #630; text-decoration: none; font-size: 70%; border-style: none; display: block; margin-bottom: 30px; margin-top: 10px;
}
#container #maincontent #rightside #externallinks img {
 border-style: none; display: block; margin-right: auto; margin-left: auto;
}
#container #maincontent #rightside #externallinks strong {
 display: block
}
#container #maincontent #rightside #newslettersmall p {
 padding-right: 5px; padding-left: 5px; display: block;
}
#container #header img {
 margin: 10px 10px -5px 20px
}
#topback {
 background: url(../images/header_bg.png) no-repeat center bottom; text-indent: -9000px; display: block; margin: 0 auto; padding: 0; height: 15px; width: 920px; overflow: hidden;
}
#container #maincontent #bottom li {
 display: inline
}
#container #maincontent #bodycontent #categories .catlistpic {
 display: block; float: right; height: 50px; width: 50px; position: relative; text-decoration: none; text-align: center; overflow: hidden; margin-top: 5px; margin-right: 5px;
}
#container #maincontent #bodycontent #form1 #KT_Update1 {
 font-size: 120%; color: #FFF; background: #630; padding: 10px; border: 1px solid #000; cursor: pointer;
}
#bodycontent #allpopular {
 margin: 0; padding: 0; list-style: none; line-height: 140%; text-align: center; font-size: 150%;
}
#bodycontent #allpopular li {
 display: inline
}
#bodycontent #allpopular a {
 color: #301210; text-decoration: none; padding: .5em;
}
#bodycontent #allpopular a:hover {
 text-decoration: underline
}
#bodycontent .villahutlocation h1 {
 font-size: 100%; padding: 0; margin: 0;
}
#bodycontent .villahutlocation p {
 font-size: 70%; margin: 0 0 5px; padding: 0;
}
#bodycontent #map_canvas {
 margin-bottom: 10px
}
#bodycontent #map_canvas2 {
 margin-bottom: 10px
}
#socialiselinks {
 list-style-type: none; padding: 0; margin: 0;
}
#socialiselinks li {
 display: inline
}
#latest_twits {
 text-align: center; display: block; margin: 0px auto 30px auto; padding: 0px; list-style: none; width: 220px; font-size: 70%; border: 1px solid #2f100e; overflow: hidden; height: 390px; background-color: #fffbf1;
}
#latest_twits li {
 display: block; padding: 10px; height: 50px;
}
#latest_twits #titler {
 background: #2f100e; height: auto;
}
#latest_twits a {
 color: #2e0e0c; font-weight: bold;
}
#graffiti_slideshow {
 display: block; width: 640px; margin-bottom: 10px; background: #000; border-top: 10px solid #000; border-bottom: 10px solid #000;
}
#murallink {
 color: #fffbf1; font-size: 100%; background: #2f100e url(../images/front_mural.jpg) no-repeat right top; display: block; text-decoration: none; padding: 40px 330px 40px 10px; margin: 10px 50px 9px 50px; text-align: left; font-weight: bold; font-style: italic; border: 3px double #fffbf1;
}
#murallink:hover {
 text-decoration: underline
}
.notinymce {
 font-size: 90%; color: #301210; background: #E1D6BB; width: 450px; border: 1px solid #E1D6BB; padding: 1px; height: 50px;
}
#javascript_stuff {
 display: block; border: 1px solid #E1D6BB; margin: 0px 10px; padding: 10px; clear: both;
}
#container #maincontent #bodycontent #salelister {
 list-style: none; padding: 0; margin: 0;
}
#container #maincontent #bodycontent #salelister li {
 border-bottom: 1px solid #2f100e; display: block; padding: 10px 0px; font-size: 120%;
}
#salelister li a {
 color: #630; text-decoration: none;
}
#salelister li:hover a {
 text-decoration: underline
}
#bodycontent #salelister li a p {
 display: table
}
#salelister li a.prodimg {
 float: left; display: block; margin-right: 20px; border: 1px solid #630;
}