/* CSS Document */

.skipLink {display:none}

html, body{
	min-height:101%;
	margin-top:25px;
	padding:1px;
	background-color: #333333;	
}

body{
	font: 13px Georgia,verdana,arial,helvetica,sans-serif;
	color:#333;
	

}

p{margin:0 10px 10px}
a:link{color: #3399FF; text-decoration:none; font-weight:bold}
a:visited{color: #3399FF; text-decoration:none; font-weight:bold}
a:hover{color: #008000; text-decoration:none; font-weight:bold}
h1{font-size: 18px; color: #000D1A; margin:10px 0 10px 10px}
h2{font-size: 16px;color: #000D1A; margin:10px 10px 0 0 }
h3{font-size: 16px;color: #000D1A; margin:10px 0 0 10px }
h4{font-size: 16px;color: #000D1A; margin:0 0 20px 0 }
h5{font-size: 16px;color: #000D1A; margin:0 0 0 0 }


div#copy{color: #FFFFFF; font-size: 10px;}
div#copy a:link{color: #FFFFFF; font-size: 10px; text-decoration:none; font-weight:normal}
div#copy a:visited{color: #FFFFFF; font-size: 10px; text-decoration:none; font-weight:normal}
div#copy a:hover{color: #66CC33; font-size: 10px; text-decoration:none; font-weight:normal}

.myBox
{
    margin: 0 auto;
	margin-top: 0;
	margin-bottom: 25px;
    border: 0px solid #ffffff;
    color: #333;
    width: 800px;
    padding: 0;
    background-color: #ffffff;
    border: 0 solid #ffffff;
    /*
    background-image: url(back_test2.jpg);
    background-repeat: no-repeat;
    */
}

#BannerTable
{
background:#fff;
border:solid #006600 2px;
}

#eXbannerTable
{
background:#fff;
border:solid #ddd 0px;
}

#menu
{
padding:10px 0 0 10px;

}


.box_slideshow
{
margin:10px;
border: 0px solid #006600;
}

.featureBoxDark
{
margin:10px;
font-weight:normal;
font-size:100%;
line-height: 24px;
padding:0 0 10px 10px;
margin-bottom:5px;
margin-top:5px;
border: 1px solid #006600;
width: 330px;
background-image: url(images/cell_bg.jpg);
}

.submit_contact
{
color: #fff;
width: 120px;
height: 22px;
margin-left: 44px;
font: 12px Tahoma,Verdana,Arial,Sans-Serif;
font-weight:bold;
background: #008000;
border: 1px solid #d7b9c9;
}

.submit_contact:hover {
    border: 1px solid #008000;
    background: #3CB371;
}

.submit_postcode
{
color: #fff;
width: 120px;
height: 22px;
margin-left: 2px;
font: 12px Tahoma,Verdana,Arial,Sans-Serif;
font-weight:bold;
background: #008000;
border: 1px solid #d7b9c9;
}

.submit_postcode:hover {
    border: 1px solid #008000;
    background: #3CB371;
}

.featureBoxLight
{
border: solid #cc99cc 1px;
margin:10px;
font-weight:bold;
font-size:90%;
}

.contentCell
{
padding-top:5px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #FFFFFF;
}


.thumbnail:hover img{
border: 1px solid #FFFFFF;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: FFFFFF;
padding: 3px;
left: -100px;
border: 1px solid #FFFFFF;
visibility: hidden;
color:FFFFFF;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 150px;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*entire image viewing area - if change background, also change all other same color code in this div class*/
#gallery {width:752px; height:338px; padding:10px; margin-left:10px; border:1px solid #FFFFFF; background: #FFFFFF; position:relative; }

/*large image area - this is the default static image*/
#gallery b.default {position:absolute; left:12px; top:10px; width:450px; height:338px; text-align:center;}

/*border around large image - disabled*/
/*#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}*/

/*descriptive text format*/
/*#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:13px; width:450px; margin:0 auto;}

/*width position of right side thumbnail area*/
#gallery ul {list-style:none; padding:0; margin:0; width: 300px; position:relative; float:right;}

/*position of thumbnails*/
#gallery ul li {display:inline; width:70px; height:70px; float:left; margin:0 0 15px 30px;}

/*thumbnail container cell size and formating*/
#gallery ul li a {display:block; width:70px; height:70px;}

#gallery ul li a span {display:none;}

/*thumbnail image size*/
#gallery ul li a img {display:block; width:70px; height:70px; border:0;}

/*thumbnail on hover*/
#gallery ul li a:hover 
{
background-image:  url(images/gallery_mouseover_image.jpg);

}

/*must match up with viewing area and large image area above*/
#gallery ul li a:hover b {position:absolute; left:-450px; top:0; width:450px; height:338px; text-align:center; background:#fff; z-index:20;}

#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:350px; margin:0 auto;}

/*larger image produced after mouseover*/
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:0 solid #fff; border-color:#fff #fff #fff #fff;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#fff #fff #fff #fff; background:#fff;}

/*larger overlay image produced if user clicks on a thumbnail*/
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-450px; top:0; width:450px; height:338px; text-align:center; background:#fff; z-index:10;}

#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:450px; margin:0 auto;}

/*controls border of larger overlay image*/
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:0 solid #fff; border-color:#fff #fff #fff #fff;}