html{
   height:100%;       /*force scrollbar*/
   margin:0 0 1px 0;  /*force scrollbar*/
   padding:0;
}

body{
   margin:0;
   padding:0;
   background:#fff;
   color:#000;
   font:normal normal 70% verdana,sans-serif;
   line-height:1.4em;
}

   /*STANDARD/UNIVERSAL STYLES*/

p{
   margin:5px 0 5px 0;
}

#contentbody p{
   line-height:1.6em;
}

a img{
   border:0px !important;
}

a,
a:active,
a:visited{
   color:#E50278;
   text-decoration:underline;
}

a:hover{
   text-decoration:none;
}

ul{
   list-style-type:disc;
   margin:5px 0 5px 20px;
   padding:0;
}

li{
   margin:0;
   padding:0;
}

h4{
   margin:10px 0 5px 0;
   font-weight:bold;
   padding:0;
   font-size:1.3em;
   line-height:1.5em;
}

select{
   border:1px solid #899DB4;
   padding:0;
   font-size:1.2em !important;
   font-family:verdana,sans-serif !important;
}

option{
   margin:0;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}

.sIFR-replaced {
    visibility: visible !important;
}

span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash span.ResultsHeader {
    visibility: hidden;
    letter-spacing: -9px;
    font-size: 33px;
    line-height:1em;
}

span.ResultsHeader{
    margin:0 0 10px 0;
   padding:0;
   font:bold normal 1.4em verdana,sans-serif;
   color:#47003D;
}

.sIFR-hasFlash h2 {
    visibility: hidden;
    letter-spacing: -9px;
    font-size: 28px;
    line-height:1em;
}

h2{
   margin:0 0 10px 0;
   padding:0;
   font-weight:bold;
   font-size:1.4em;
   color:#47003D;
}

.sIFR-hasFlash h3 {
    visibility: hidden;
    letter-spacing: -9px;
    font-size: 30px;
    float:left;
}

h3{
   position:absolute;
   margin:0;
   padding:0;
   visibility:hidden;
   font-weight:bold;
   font-size:0em;
   line-height:0em;
   color:#E50278;
}

h3{
  float:left;
}


            /*
div.floatleft{     creates a left hand panel for items
   margin:5px 20px 5px 5px;
   float:left;
}         */


div.floatright{    /*creates a right hand panel for items*/
   margin:0 0 5px 17px;
   padding:5px 0 0 20px;
   float:right;
   width:175px;
   border-left:1px dotted #EF2F89;
   text-align:left;
}

.floatright img{
   margin:0 0 0 5px;
}

p.caption{         /*caption paragraph for images*/
   margin:0 0 5px 0;
   text-align:center;
   font-weight:bold;
   font-style:italic;
}


     /*WRAPPERS*/

#wrapper{
   width:870px;
  margin:2px auto 0 auto;
  position:relative;
}

#contentbody{
   width:870px;
   margin:14px 0 0 0;
   height:300px;
   background:url('images/heading.gif') top left #fff no-repeat;
}


/*HEADER, LOGO, STRAPLINE*/

#header{
  width:870px;
  margin:12px auto 0 auto;
  position:relative;
  top:0;
  left:0;
}

#header img{
   margin:10px 0 0 0;
}

h1{
   width:210px;
   height:38px;
   float:right;
   clear:right;
   position:relative;
   margin:0;
   padding:0;
   font-weight:bold;
   font-size:1em;
   line-height:1em;
}

h1 span{
   width:210px;
   height:38px;
   margin:0;
   padding:0;
   position:absolute;
   background:url("images/logo.gif") top right #fff no-repeat;
}

/*container for slideshow*/

#indexslideshow{
    border:0;
    height:147px;
    width:244px;
    background:#fff;
    position:absolute;
    top:0;
    left:0;
    clear:left;
    margin:0;
    padding:0;
}

img.front {
 opacity:1;
 -moz-opacity:1;    /*opacity will not validate*/
 -khtml-opacity:1;
 filter: alpha(opacity=100);
 margin: 0px;
 padding: 0px;
 position: relative;
 background:absolute;
 top: 0px;
}

img.back {
 opacity:0;
 -moz-opacity:0;
 -khtml-opacity:0;
 filter: alpha(opacity=0);
 margin: 0;
 padding: 0px;
 position: absolute;
 top: 0;
}

#ss1-sl1front {
top:0;
    left: 0px;
    height:36px;
    width:578px;
}

#ss1-sl1back {
top:0;
    left: 0px;
    height:36px;
    width:578px;
}
#ss2-sl1front {
    top:0;
    left: 0px;
    height:147px;
    width:244px;
}

#ss2-sl1back {
    top:0;
    left: 0px;
    height:147px;
    width:244px;
}


/*MENU*/

#menu{
   width:855px;
   height:18px;
   clear:both;
   margin:0 auto 0 auto;
   background:#E50278;
   padding:4px 10px 0 5px;
}

#menu img{
   margin:0 10px 0 10px;
}

#date{
   text-align:right;
   padding:0;
   margin:-1px 0 0 0;
}


/*FOOTER*/

#footer{
   clear:both;
   width:870px;
   margin:0 auto 0 auto;
   padding:0;
   position:relative;
   top:0px;
   left:0px;
}

#footer p{
   margin:0;
   line-height:1.4em !important;
}

#footer font{
   color:#E50278;
   font-size:1em;
   font-weight:bold;
}

#footer a,
#footer a:active,
#footer a:visited{
   color:#000;
   text-decoration:none;
   font-weight:bold;
}

#footer a:hover{
   text-decoration:underline;
}

/*SELLING FEATURES TABLE*/

#features{
   border-collapse:collapse;
   width:632px;
   margin:15px 0 0 0;
}

#features td{
    padding:2px 10px 6px 2px;
    vertical-align:top;
}

/*QUICK SEARCH*/

.quicksearch{
   margin:0;
   padding:0;
   float:right;
}

.quicksearchhome{
   margin:10px 20px 0px 10px;
}

#quicksearch{
   float:right;
   clear:right;
   width:175px;
   font-size:0.9em;
}

#quicksearch form{
   width:160px;
   margin:10px auto 0 auto;
}

#quicksearch option,
#quicksearch select{
   width:160px;
   margin:0 0 6px 0;
}

#quicksearch input{
   margin:7px 0 10px 0;
   border:0;
   width:84px;
   height:24px;
}

div.hidecheckboxes{
   display:none;
}



/*HOME PAGE*/

#homecontentbody{
   width:870px;
   margin:0 auto 0 auto;
   padding:14px 0 0 0;
   height:330px;
}

#dodgyhtml{
  clear:both;
}


#homecontentbody h3{
   width:285px;
}
#homecontentbody embed{
   width:285px !important;
}

#homelinksleft{
   width:173px;
   float:right;
   margin:10px 5px 0 0;
}

#homelinksleft img,
#homelinksright img{
   margin:0 0 8px 0;
}

#homelinksright{
   width:171px;
   float:right;
   margin:10px 10px 0 0;
}

#videolink{
  width:295px;
  top:0px;
  position:relative;
  float:left;
}

#fbHome{
  padding:8px 0 0 0;
  background:#fff;
  border-bottom:0px solid #94A3C4;
}

/*CONTACT FORM*/



#contact{
  width:612px;
  margin:20px 0 10px 0;
  border:1px dotted #FE67B7;
  padding:5px;
}

#contact table{
  border-collapse:collapse;
  padding:0;
}

#contact td{
  padding:0 0 0 5px;
  vertical-align:top;
}

#contact fieldset{
   border:1px solid #899DB4;
   margin:0 10px 0 0;

   padding:4px;
}

#contact label{
   font-weight:bold;
   color:#56004E;
   display:block;
   margin:8px 0 0 0;
}

#contact input{
    width:280px;
    border:1px solid #899DB4;
   font:normal normal 1em verdana,sans-serif;
   padding:1px;
    background:#fff !important;
}

#contact textarea{
    width:280px;
    height:100px;
    border:1px solid #899DB4;
   font:normal normal 1em verdana,sans-serif;
   padding:1px;
   overflow:auto;
   margin:0;
}


input.button{
  width:68px !important;
  height:24px !important;
  border:0 !important;
  margin:5px 0 0 0;
}

input.checkbox{
   width:14px !important;
   border:0px !important;
   margin:7px 2px 0 5px !important;
}

/*OVERSEAS CONTACT*/

#overseascontact{
  margin:20px 0 10px 0;
  border:1px dotted #FE67B7;
  padding:5px;
width:553px;
}

#overseascontact table{
  border-collapse:collapse;
  padding:0;
}

#overseascontact td{
  padding:0 0 0 5px;
  vertical-align:top;
}

#overseascontact fieldset{
   border:1px solid #899DB4;
   margin:0 10px 0 0;
   padding:4px;
}

legend{
   font-weight:bold;
   font-size:1.4em;
   color:#E40177;
}

#overseascontact label{
   font-weight:bold;
   color:#56004E;
   display:block;
   margin:8px 0 0 0;
}

#overseascontact select{
   border:1px solid #899DB4;
    width:250px;
   font:normal normal 1em verdana,sans-serif;
   padding:1px;
}

#overseascontact input{
    width:250px;
    border:1px solid #899DB4;
   font:normal normal 1em verdana,sans-serif;
   padding:1px;
    background:#fff !important;
}

#overseascontact textarea{
    width:250px;
    height:100px;
    border:1px solid #899DB4;
   font:normal normal 1em verdana,sans-serif;
   padding:1px;
   overflow:auto;
   margin:0;
}


/*FRIENDS PAGE*/


#friends{
   border-collapse:collapse;
   width:870px;
   margin:10px auto 0 auto;
}

#friends td{
   vertical-align:top;
   padding:0;
   width:50%;
}

#friends p{
   margin:0;
   font-size:0.9em;
}

#friends em,
#friends a{
   font-size:1.1em;
}

#friends img{
   margin:0 10px 30px 10px;
}

.friendsLeft{
  width:430px;
  float:left;
}

.friendsRight{
  width:430px;
  float:right;
}

.locality{
  width:194px;
  margin:0 auto 0 auto;
  padding:0 3px 3px 3px;
  background:#57004E;
}

.locality h4{
  font-size:1.6em;
  font-weight:bold;
  margin:0 0 3px 0;
  padding:0;
  color:#fff;
}

.locality p{
  font-style:italic;
  padding:0 5px 0 5px;
}

a.local,
a.local:active,
a.local:visited,
a.local:hover{
  color:#fff;
  text-decoration:none;
  width:100%;
  display:block;
}

.localFooter{
  border-top:1px dotted #FE67B7;
  padding:2px 0 0 2px;
  margin:20px 0 20px 0;
  width:650px;
  text-align:right;
}

.logo{
   float:left;
   width:202px;
}

.text{
   width:230px;
   float:right;
   margin:0 5px 0 0;
}

.text p{
   margin:0;
}

.horizontalline{
   border-bottom:1px dotted #EF2F89;
   width:100%;
   clear:both;
   margin:0 0 10px 0;
}

.testimonialtext{
   width:375px;
   float:right;
   padding:0 130px 0 0;
}

.testimonialtext p{
   margin:0;
}

.testimonialhorizontalline{
   border-bottom:1px dotted #EF2F89;
   width:570px;
   clear:both;
   margin:0 0 10px 170px;
}


#map{
 border:1px solid #56004E;
 width:500px;
 height:300px;
}

.mapwrap{
   width:500px;
   height:322px;
   margin:10px 0 0 0;
}

.mapwrap h4{
   width:498px;
   height:19px;
   padding:3px 0 0 4px;
   margin:0;
   line-height:1.1em !important;
   background:#56004E;
   color:#fff;
}


/* mark's css added 16/1/08 */
h5{
   text-align:center;
   margin:10px 0 5px 0;
   font-weight:bold;
   padding:0;
   font-size:1.3em;
   line-height:1.5em;
}                           

.vidthumb p{
margin-left:auto;
margin-right:auto;
text-align:center;
}

.vidthumb{
border-color:pink;
border-width:2px;
border-style:dotted;
text-align:center;
}

.vidthumb td{
margin:10px;
}

table.videohead{
    width:100%;
    background-color:#5A004A;
    font-size:130%;
    color:#fff;
    font-weight:bold;
}

.videohead td{
    padding:3px;
}

#vidbox {
  margin-top:20px;
  width: 350px;
  text-align: center;
  padding: 20px 10px 20px 10px;
}

td.leftcell{
    text-align:right;
    font-weight:normal;
}

td.rightcell{
    text-align:left;
    font-weight:bold;
}

#vidtable{
background:transparent;
}
#vidtable ul{
    list-style-type:disc !important;
    margin:10px 0 10px 0;
    padding:0 0 0 10px;
}

#vidtable li{
    font-size:1em;
    list-style-type:disc !important;
}


#resultsmap {
width: 580px;
height : 350px;
background: #FFF;
border:2px solid #57004E !important;
}

a.areatextlinks
{
vertical-align: 11px;
}

em.areatextdividers
{
vertical-align: 11px;
}

#hiddenh2{
  display:none;
  position:absolute;
  font-size:0em;
  color:#fff;
  float:left;
}

#arrangeLinkHome{
  margin:25px 0 0 0;
  height:29px;
  width:195px;
  display:block;
  float:right;
  padding:3px 0px 3px 0px;
  border:1px dotted #e40177;
  text-align:center;
}

#arrangeChatWrap{
  float:right;
  display:inline;
  width:195px;
  margin:-16px 50px 0 0;
}

#aerialSearch{
  float:right;
  margin:15px 44px 0 20px;
}

/*Twitter Widget*/

#twtr-widget-1{
  margin:10px 0 0 0;
}

#fbLike{
  width:132px;
  float:right;
  clear:right;
  margin:0 100px 0 0;
}

#testimonialBox{
  float:right;
  width:549px;
  height:122px;
  margin:0;
  background:#E50278;
  padding:0px 5px 0px 10px;
  color:#FFF;
}

#testimonialBox div{
  clear:both;
  height:122px;
  width:549px;
  display:block;
  padding:0px 5px 0px 10px;
}

#testimonialBox p{
  float:left;
  width:360px;
}

#testimonialBox img{
  margin:5px 0 0 0;
  padding:0;
}

#testimonialBox .title{
  padding-top:5px;
  display:block;
  /*position:absolute;
  bottom:5px;
  left:10px;*/
}

#testimonialBox a,#testimonialBox a:active,#testimonialBox a:visited,#testimonialBox a:hover{
  padding-top:5px;
  display:block;
  position:absolute;
  bottom:5px;
  right:7px;
}

#logosHome{
  clear:both;
  border-top:1px dotted #EF2F89;
  margin:12px auto 0 auto;
  padding:0 0 0 20px;
  height:92px;
  width:827px;
}

#logosHome img{
  float:left;
  margin:10px 20px 0px 0;
  border-bottom:10px solid #fff;
}


#homeRightWrap{
  width:575px;
  float:right;
}

#socialLinks{
  float:right;
  width:175px;
  height:32px;
  margin:15px 0px 30px 0px;
}

#socialLinks img{
  float:left;
  margin:0px 4px 0 0px;
}

a.livezillaImage,a.livezillaImage:active,a.livezillaImage:visited{
  position:relative;
}

.livezillaImage:hover span{
  position:absolute;
  width:171px;
  height:77px;
  background:url('/images/buttons/chat-hover.png') top left no-repeat transparent;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(images/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}