/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_horizontal.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {font-family: arial, sans-serif; width:200px; height:237px; position:relative; font-size:12px; z-index:9999;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; width:180px; height:30px; border:none;  background:transparent  /*url(../images/opaque.png);*/ line-height:29px; font-size:11px; padding-right:10px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative; text-align:right;}
.menu ul li ul {display: none; margin-left:43px;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#000;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:131px; width:565px; background:transparent;}
.menu ul li:hover ul li {float:left;}
.menu ul li:hover ul li a {display:block; background:url(../webgraphics/opaque.png) transparent; color:#000; width:130px; float:left;}
.menu ul li:hover ul li a:hover {background:#000; color:#fff;}
/* END CSSPLAY.CO.UK COPYRIGHT NOTICE*/

/*tabbed content */
#tabmain{position:relative; margin-top:25px;}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../webgraphics/tab2.png) no-repeat;
}
.ui-tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.ui-tabs-nav .ui-tabs-selected a {
    color: #000;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100%  -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav a span {
    width: 700px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 7px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-nav .ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}
/*prettyphoto stylings*/
ul.gallery {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px;
}
ul.gallery li {
display:block;
float:left;
margin:0 5px 0 0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.clearfix {
display:inline-block;
}
ul.gallery li a {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:2px solid #000000;
display:block;
line-height:0;
padding:2px;
}
ul.img a{
	border:none;
}

.tabContent{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding:8px;
}
.tabContent a{
	color:#333;
	text-decoration:none;
}
.tabContent a:hover{
	color:#000;
	text-decoration:underline;
}
.tabContent p{
	margin-top: 3px;

}

#contactForm{
	height:650px;
	overflow:hidden;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background:url(../webimages/transparent.png);
}
#contactForm2{
	height:620px;
	overflow:hidden;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#aboutUs{
	height:100%;
	overflow:hidden;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding:15px;
}
a.hotspot-2
{
	width: 107px;
	height: 34px;
	position: absolute;
	top: 477px;
	left: 1322px;
	border: /*1px solid red; /*this is used only to help see where the link is being displayed - remove when done.*/
}
a.hotspot-3
{
	width: 118px;
	height: 34px;
	position: absolute;
	top: 476px;
	left: 1449px;
	border: /*1px solid red; /*this is used only to help see where the link is being displayed - remove when done.*/
}
a.hotspot-1
{
	width: 336px;
	height: 155px;
	position: absolute;
	top: 11px;
	left: 678px;
	border: /*1px solid red; /*this is used only to help see where the link is being displayed - remove when done.*/
}
a.hotspot-4
{
	width: 431px;
	height: 34px;
	position: absolute;
	top: 401px;
	left: 856px;
	border: /*1px solid red; /*this is used only to help see where the link is being displayed - remove when done.*/
}
/*rounded corners*/
/* first example */

 /* set background images for corners */
.rbroundbox { background: url(../webimages/transparent.png); }
.rbtop div  { background: url(../webgraphics/lefttop.png) no-repeat top left; }
.rbtop      { background: url(../webgraphics/righttop.png) no-repeat top right; }
.rbbot div  { background: url(../webgraphics/leftbottom.png) no-repeat bottom left; }
.rbbot      { background: url(../webgraphics/rightbottom.png) no-repeat bottom right; }
 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 710px;
	height: 14px;
	font-size: 1px;
}
.rbcontent  { margin: 0; }
.rbroundbox {  }

.layoutPics{
	padding:5px;
}
.smallTextBold{
	font-size:10px;
	font-weight:bold;
	text-indent:30px;
}
.smallText{
	font-size:9px;
	font-style:italic;
}
#thanks { 
display:none;
position:absolute; 
margin-left:150px;
margin-top:-500px;
width:300px;
height:220px;
background:url(../webgraphics/popupbg.png) no-repeat transparent center;
z-index:9999999;
}
#thankyou { 
display:none;
position:absolute; 
margin-left:150px;
margin-top:-500px;
width:300px;
height:220px;
background:url(../webgraphics/popupbg.png) no-repeat transparent center;
z-index:9999999;
}
.thanks{
	color:#fff;
}
.thanks a:link{
	color:#fff;
	text-align:center;
	text-decoration:none;
	
}

p.contactpop{
	padding:0 15px 0;
	margin:0px;
	text-align:center;
	font-size:12px;
}
a.thanks:link{
	color:#999;
	text-decoration:none;
}

.popup{
	color:#FFF;
	padding:5px;
	text-align:center;
	margin: 10px 0 0;
}
p.close{
color:#999999;
font-size:9px;
position:absolute;
vertical-align:bottom;
margin-left:7px;
margin-top:-20px;
}