/* Colours
#3E2D7A heading purple
#635B97 menu purple
#D94B9B content link
#FCEBF2 content bg
#7F87B6 left panel bg
#F4D3E4 right panel bg
#BB2B7C right panel text
#F4D3E4 box border
#F4D3E4 link rollovers
#ffffff white
#000000 black
*/

body { font-size: 12px; font-family: Arial, Verdana, sans-serif; color: #666666; margin: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0 0 10px 0; text-align: left !important; }
h1 { font-size: 1.8em; color: #3E2D7A;}
h2 { font-size: 1.6em; color: #3E2D7A; font-weight: normal; }
h3 { font-size: 1.2em; }
a, a:active, a:link, a:visited, a:hover { color: #D94B9B; }
a img { border: none; }

.clear { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.top-margin { margin-top: 15px;}
.hearts-left { position: absolute; bottom: -7px; left: 10px; z-index: 500; }
.hearts-right { position: absolute; bottom: -7px; right: 10px; z-index: 500; }
.centre { text-align: center !important; }
.error, .errorlist { color: #3E2D7A; float: right; font-weight: bold; }
ul.errorlist { margin:0; padding:0; list-style: none; margin-bottom: 15px; }
.shortlist input, .shortlist textarea { width: 350px;}


form { margin: 0; padding: 0; }
form ul { list-style: none; margin-bottom: 15px; }
select, input, textarea { border: 1px solid #ffffff; padding: 2px; background: #7F87B6; color: #ffffff; width: 300px; }
input.submit-button { width: auto !important; float: right; }

.purple-list { background: #635b97; margin: 5em 0px 1em 0px; padding: 10px; color: #ffffff; height: 15px; }
.purple-list img { margin-right: 15px; }
.purple-list a, .purple-list a:active, .purple-list a:link, .purple-list a:visited, .purple-list a:hover { color: #ffffff; text-decoration: none;}
.purple-list a:hover { color: #F4D3E4; }

#container { width: 958px; margin-left: auto; margin-right: auto; background: #FCEBF2; }
#menubar { text-align: center; width: 958px; font-size:12pt; background-color: #635b97; height: 25px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
#menubar a, #menubar a:active, #menubar a:link, #menubar a:visited, #menubar a:hover { color:#FFFFFF; text-decoration: none; margin-left: 1.3em; margin-right: 4em;}
#menubar a:hover { color: #F4D3E4; }
#menubar li { padding: 0 0 0 5px; margin: 0; display: inline; font-size: 8pt; background: url('/media/images/base/lq_heart.jpg') no-repeat; }
#menubar ul {  padding: 0.2em 0 0 0; margin: 0 0 0 3em;  }

#content { background: #FCEBF2;  }
#content ul li { margin-bottom: 1em;  }

#lefthandpanel { width: 194px; background: #7F87B6; color: #ffffff; float: left; padding-bottom: 15px;  }
#lefthandpanel a, #lefthandpanel a:active, #lefthandpanel a:link, #lefthandpanel a:visited, #lefthandpanel a:hover { color: #ffffff; text-decoration: none; }
#lefthandpanel a:hover { text-decoration: underline; }

/* Search Box */
#lefthandpanel div.search h3 { font-size: 1.1em; }
#lefthandpanel div.search { background: url('/media/images/base/leftpanelbg.jpg') top no-repeat; padding: 15px 0 0 15px; height: 105px; position: relative; }
#lefthandpanel div.search th { text-align: left; font-weight: normal;}
#lefthandpanel div.search table { margin: 0; padding: 0; }
#lefthandpanel div.search input { width: 100px; }
#lefthandpanel div.search select { width: 165px; }
#lefthandpanel .searchbutton { padding: 3px 0 0 5px; font-weight: bold; }

/* Shortlist Box */
#lefthandpanel div.shortlist { padding: 15px 0 0 15px; height: 99px; position: relative; background: url('/media/images/base/lq_shortlist_graphic.jpg') top no-repeat;   cursor: pointer;}
#lefthandpanel div.shortlist div.text { width: 50%; float: right; font-size: 1.6em; text-align: right; padding: 13px 10px 0 0;}

/* Random image box */
#lefthandpanel div.randomimage { padding: 0 0 0 10px;  position: relative; }
#lefthandpanel div.randomimage img { margin-bottom: 5px;}
#lefthandpanel div.randomimage h2 { margin-left: 5px; color: #ffffff;font-size: 1.3em; margin-top: 5px; }

#rightpanel { background: #F4D3E4; float: right; padding: 0px; width: 280px; color: #BB2B7C; font-style: italic; font-size: 1.1em; text-align: center; line-height: 1.6em; }
#rightpanel img { margin-bottom: 15px; float: left;}

#maincontent { float: left; width: 425px; padding: 15px; text-align: justify; }
#maincontent div.feature { padding: 15px; background: #ffffff; border: 1px solid #F4D3E4; margin: 15px 0 15px 0; }
#maincontent div.feature h1 { font-weight: normal; font-size: 1.4em; margin: 0 0 15px 0;  }
#maincontent div.feature div.text { float: right; width: 65%; }
#maincontent div.feature img { float: left; margin-right: 15px; }

div#footer { background: #ffffff; padding-top: 5px; text-align: right; }

div.thumbnails { margin-top: 0px; font-style: normal; text-align: right !important; }
div.thumbnails img { margin-bottom: 0 !important; }

.listing { background: #ffffff; margin: 0 0 20px 0; width: 100%;}
.listing .header { background: url('/media/images/base/purplecornice.gif') top right no-repeat #FCEBF2;  height: 34px; margin: 0; padding: 0; }
.listing .header a, .listing .header a:active, .listing .header a:link, .listing .header a:visited, .listing .header a:hover { color: #ffffff; text-decoration: none;  }
.listing .header a:hover { text-decoration: underline; }
.listing .header .text { float: right; margin: 15px 15px 0 0; font-size: 1.1em; font-weight: bold; color: #ffffff; font-weight: bold; }
.listing .content { padding: 15px; color: #3E2D7A; }
.listing .content table th { background: #F4D3E4;  padding: 2px; width: 75px;  margin-right: 5px; }
.listing .content table td { padding: 2px; }
.listing .content .link { float: right; }

.listing-container { margin-bottom: 15px; }
.half-size-listing { width: 48%; }

/* PAGINATOR */
.paginator { font-size:11px; padding-top:10px; padding-bottom:10px; line-height:22px; margin:0;  }
.paginator a:link, .paginator a:visited { padding:2px 6px; border:solid 1px #F4D3E4; background:white; text-decoration:none; }
.paginator a.showall { padding:0 !important; border:none !important; }
.paginator a.showall:hover { color:#036 !important; background:transparent !important; }
.paginator .end { border-width:2px !important; margin-right:6px; }
.paginator .this-page { padding:2px 6px; font-weight:bold; font-size:13px; vertical-align:top; background: #3E2D7A; color: #ffffff; }
.paginator a:hover { color:white; background:#3E2D7A; border-color: #F4D3E4; }

/* LISTINGS */
.object-listing { background: #ffffff; border: 1px solid #F4D3E4; margin: 15px 0 15px 0; padding: 15px; width: 93%;}
.sub-categories {  padding: 15px 15px 30px 15px; margin: 15px 0 15px 0;}
