/* CSS Document */

/***********************************************************************************************
 Setup
***********************************************************************************************/

* {
margin: 0;
padding: 0;
border: 0;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: 0pt;

}

/***********************************************************************************************
 Reference Colours
***********************************************************************************************/

/*
dark grey: #161616; (page bg)
off-black: #0B0B0B; (content bg)
bright red: #FE0000;
*/

/***********************************************************************************************
 Structure & Layout
***********************************************************************************************/

html, body {
height: 100%;
}

body {
background-color: #161616;
background-image:url(../images/structure/page_bg.jpg);
background-repeat:repeat-x;
background-position:top;
}

#wrapper {
margin: 0 auto;
width: 952px;
padding: 0 19px;
background-image: url(../images/structure/wrapper_bg_thin_line.png); /*for two colour bg */
/*background-image: url(../images/structure/wrapper_bg_thin_single.png); /*for single colour bg */
background-repeat:repeat-y;

/*fixed footer */
min-height: 100%;
height: auto !important; /* for fixed footer */
height: 100%;
margin-bottom: -240px; /* footer height */
}

#push { 
height: 240px; /* footer height */
background: none;
}

#wrapper_bottom {
margin: 0 auto;
width: 990px;
padding: 0;
}

#top {
background-image:url(../images/structure/top_banner.jpg);
height: 173px; /* was 229 */
margin-bottom: 30px;
background-repeat:no-repeat;
}

#content {
width: 620px;
padding: 50px;
float: left;
}

#content_wide {
padding: 50px;
}

.dealer_cats {
list-style-image:url(../images/structure/tick.jpg);
list-style-position:outside;
padding-left: 12px;
}

.dealer_table td {
/*border-bottom: 1px dashed #666666;*/
}

/***********************************************************************************************
 Top Nav
***********************************************************************************************/

/* Begin CSS Drop Down Menu */

#menuh-container {
padding-top: 154px; /* was 184 for no border */
width: 950px;
}

#menuh {
width: 100%;
font-size: 1.2em;
font-weight: bold;
float:left;
border: 1px solid #343434;
background-color:#000000;
padding: 0 0 0 3px;
}
		
#menuh a {
text-align: center;
display:block;
white-space:nowrap;
line-height: 3.2em; 
padding: 0 26px;
}

/* menu at rest */
#menuh a:link, #menuh a:visited, #menuh a:active {	
text-decoration: none;
color: #FFFFFF;
cursor: pointer;
background-image: url(../images/structure/top_nav_button.jpg);
background-position: right;
}

/* menu on mouse-over  */
#menuh a:hover {
background-image: url(../images/structure/top_nav_button_over.jpg);
background-position: right;
color: #FE0000;
}	

#menuh ul ul a:link, #menuh ul ul a:visited, #menuh ul ul a:active {	
background-image: none;
background-color: #000000;
border: 1px solid #343434;
}

#menuh ul {
list-style:none;
margin:0;
padding:0;
float:left;
line-height: 3.2em;
/*width:9em;*/	/* width of all menu boxes */
/* NOTE: For adjustable menu boxes you can comment out the above width rule.
However, you will have to add padding in the "#menh a" rule so that the menu boxes
will have space on either side of the text -- try it */
}

#menuh li {
position:relative;
min-height: 1px;		/* Sophie Dennis contribution for IE7 */
vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
}

#menuh ul ul {
position:absolute;
z-index:500;
top:auto;
display:none;
padding: 1em;
margin:-1em 0 0 -1em;
width: 180px; /* added RM */
}

#menuh ul ul a {
text-align: left;
}

#menuh ul ul ul {
top:0;
left:100%;
}

div#menuh li:hover {
cursor:pointer;
z-index:100;
}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */


/* on-page sub nav - NOT DROP DOWN */
#sub_nav {
clear: both;
font-size: 1.3em;
padding: 10px 26px 5px;
background-color:#333333;
line-height: 18px;
background-image: url(../images/structure/submenu_bg.jpg);
background-repeat:repeat-x;
border-bottom: 1px solid #343434;
border-top: 1px solid #000;
}

/***********************************************************************************************
 Right Col
***********************************************************************************************/

#right_col {
float: right;
width: 190px;
padding: 20px 20px;
}

.right_col_element {
margin: 25px 0;
border: 1px solid #262626;
background-image: url(../images/structure/side_section_bg.jpg);
background-repeat:repeat-x;
padding-top: 4px;
}

.grey_border {
/*border: 1px solid #343434; RM */
margin: 8px 0 0;
}

#right_col .feature {
font-size: 1.1em;
list-style: none;
border: 1px solid #000000;
background-color:#000000;
background-image: url(../images/structure/side_nav_bg.jpg);
background-repeat:repeat-x;
padding: 14px 7px;
}

#right_col .headlines {
}

#right_col .headlines ul {
font-size: 1.1em;
list-style: none;
border: 1px solid #000000;
background-color:#000000;
background-image: url(../images/structure/side_nav_bg.jpg);
background-repeat:repeat-x;
padding: 0;
}

#right_col .headlines ul li{
/*line-height: 3.1em;*/
}

#right_col .headlines ul li a{
text-decoration: none;
color: #FFFFFF;
padding: 10px 7px;
cursor: pointer;
border-bottom: 1px solid #000000;
display:block;
}

#right_col .headlines ul li a:hover{
background-color:#000000;
background-image:url(../images/structure/side_nav_button_over.jpg);
background-repeat:repeat-x;
background-position:top;
}

#right_col .okay_submit {
font-size: 1.1em;
}

.right_link {
padding: 5px 7px;
font-size: 1.1em;
}

#right_submenu {
font-size: 1.1em;
}

#right_submenu ul {
list-style-type:none;
text-transform:uppercase;
}

#right_submenu li {
margin: 10px 7px;
}

#right_col .input_field {
width: 75%;
margin: 0 5px 10px 0;
/*padding: 3px;*/
font-size: 1.1em;
border: 1px solid #000000;
float: left;
}

#right_col h4 {
margin-left: 7px;
}

.mini_photo_browser {
text-align: center;
}

.mini_photo_browser img {
border: 1px solid #999999;
margin-bottom: 5px;
}

.feed {
margin-left: 3px;
padding: 0 0 0 19px;
background: url("../images/structure/feed-icon-14x14.png") no-repeat 0 50%;
} 
/***********************************************************************************************
 Content
***********************************************************************************************/

.right_box {
width: 150px;
border: 1px solid #333333;
padding: 25px 5px 25px 40px;
float: right;
margin-left: 40px;
margin-bottom: 50px;
}

.right_box li {
margin-bottom: 0.8em;
}

.right_box_front {
width: 190px;
border: 1px solid #333333;
padding: 25px 5px 25px 40px;
float: right;
margin-left: 40px;
margin-bottom: 50px;
}

.right_box_front li {
margin-bottom: 0.8em;
}

#content ul {
margin-top: 1em;
margin-bottom: 1.3em;
margin-left: 1em;
font-size: 1.2em;
list-style-position:outside;
margin-bottom: 1.3em;
line-height: 150%;
}

#sub_nav {
font-size: 1.2em;
margin-bottom: 2em;
}

/***********************************************************************************************
 Text
***********************************************************************************************/

/* set base font size to equivalent of 10px */
body {
font-size: 62.5%;
color: #FFFFFF;
}

body, input, textarea {
font-family:Arial, Helvetica, sans-serif;
}

p {
font-size: 1.2em;
line-height: 150%;
margin-bottom: 2.3em;
color: #DDDDDD;
}

h1 {
font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 2.4em;
font-weight: normal;
/*line-height: 2.6em;*/
/*margin-bottom: 1em;*/
margin-bottom: 1.0em;
}

h2 {
font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 1.8em;
font-weight: normal;
/*line-height: 2.2em;*/
/*font-style:italic;*/
margin-bottom: 1.0em;
}

.h2_raised {
margin-top: -1em;
font-style: italic;
}

h3 {
font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 1.5em;
/*line-height: 1.8em;*/
font-weight: normal;
margin-bottom: 1.0em;
}

h4 {
font-size: 1.8em;
line-height: 1.8em;
font-weight: normal;
color: #FE0000;
}

h5 {
font-size: 1.4em;
line-height: 1.4em;
font-weight: normal;
color: #BBB;
}

a:link, a:active, a:visited {
color: #CCCCCC;
}

a:hover {
color: #FFFFFF;
}

.redtext a {
color: #FE0000;
}

/***********************************************************************************************
 Buttons
***********************************************************************************************/

.button {
font-size: 1.2em; /*1.3*/
border: 1px solid #666666;
background-color:#666666;
color:#999999;
padding: 0.2em;
background-image: url(../images/structure/side_nav_button.jpg);
background-position: right;

}

.button a {
/*display:block;
text-decoration: none;
color: #FFFFFF;
padding: 0 9px;
cursor: pointer;
background-image: url(../images/structure/side_nav_button.jpg);
background-position: right;*/
}

.button a:hover, .button:hover {
color: #FFFFFF;
background-image: url(../images/structure/side_nav_button_over.jpg);
background-position: right;
border-color: #FFFFFF;
}

.arrow_button {
margin-top: 20px;
}


/***********************************************************************************************
 Products
***********************************************************************************************/

.prod_cat_image {
float: right;
border: 2px solid #333;
margin-left: 2em;
}

#product_breadcrumb{
font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 1.5em;
font-weight: normal;
/*line-height: 2.2em;*/
/*font-style:italic;*/
margin-bottom: 1.0em;
}

#product_breadcrumb li{
list-style:none;
display:inline;
}

#product_breadcrumb_options li{
list-style:none;
display: block; 
font-size: 1.2em;
line-height: 1.8em;

}


/***********************************************************************************************
 News
***********************************************************************************************/

.full_news {
border: 1px solid #343434;
padding: 4em;
}

.full_news .intro {
font-style:italic;
margin-bottom: 2.5em;
}

.full_news .news_image {
float: left;
margin-right: 1.4em;
margin-bottom: 0.8em;
}

.mini_news {
border: 1px solid #343434;
padding: 4em;
margin-top: 4em;
}

.mini_news img {
float: left;
margin-right: 1.4em;
}

/***********************************************************************************************
 Footer
***********************************************************************************************/

#footer {
background-image:url(../images/structure/footer_wheel.jpg);
padding: 25px 50px 80px;
clear: both;
width: 852px;
margin: 0 auto;
}

.sitemap_section ul {
}

#sitemap {
width: 100%;
border: 0;
vertical-align:top;
}

#sitemap td {
}

#sitemap ul {
list-style:none;
}

#footer h3 {
/*border-bottom: 1px solid #343434;*/
}

/***********************************************************************************************
 Misc classes
***********************************************************************************************/

.clearit {
clear: both;
}

hr {
color: #333;
background-color: #333;
height: 1px;
margin: 3em 0;
}

/***********************************************************************************************
 Product tables
***********************************************************************************************/

.product_table {
border: 1px solid #343434;
font-size: 1.1em;
margin: 2em 0;
width: 846px;
clear:both;
border-collapse:collapse;
}

.product_table td {
border: 1px solid #343434;
padding: 6px;
}

.product_table th {
border: 1px solid #343434;
background-image:url(../images/structure/side_nav_button.jpg);
background-repeat:repeat-x;
height: 37px;
}

.product_table .product_price {
font-weight: bold;
color: #990000;
}

.product_table .product_code, .product_table .product_code a {
font-weight: bold;
color: #FE0000;
}

.product_table .info_link, .product_table .info_link a {
font-weight: bold;
color: #FE0000;
}

.product_table span {
	display:none;
	}

.product_table a:hover span {
	display:block;
	position:absolute;
	left:280px;
/* 	width:155px; */
/* 	height:102px; */
	padding:8px;
	background: #CCCCCC;
	/*border:1px dotted #FE0000;*/
	color:#000000;
	font-weight:bold;
	text-align:center;
	z-index:2;
	
	width: 50%;
	
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
	}

select {
margin: 0.5em 3em;
background-color:#000000;
color: #FFFFFF;
border: 1px solid #FFF;
}

.black_field {
font-size: 1.2em; /*1.3*/
border: 1px solid #FFFFFF;
background-color:#000000;
color:#CCC;
padding: 0.2em;
}

.black_form {
margin-bottom: 2em;
}

label {
font-size: 1.1em;
}

.cam_inner td{
border: none;
margin: 0;
padding: 0;
}

.product_image {
border: 2px solid #999999;
float: left;
margin-right: 2em;
}

.product_details {
margin: 2em 0;
}


.product_nav_table {
font-size: 1.2em;
}
/*********************************
 Cam info
*********************************/

.info_box {
display: none;
padding: 5px;
background-color: #ffdd55;
border: 2px solid #fe0000;
color: #000000;
font-size: 1.2em;
font-weight: bold;
}

.cam_info:hover .info_box {
display: block;
position: absolute;
padding-top: 0.5px;
}

/*********************************
 Forms
*********************************/

/* Spacing of form elements */
.content_box form label, .content_box form input, .content_box form textarea, .content_box form select, .content_box .minitext , .date-picker-button, .instructions, .instructions_leader {
margin-top: 0.8em;
margin-right: 1em;
margin-bottom: 0.8em;
display: block;
}

.content_box form textarea {
width: 30em;
}

/* Border styling */
.content_box form input, .content_box form textarea, .content_box form select {
border: 1px solid #666666;
}

/* Text size & spacing */
.content_box textarea {
padding: 0.2em;
font-size: 1em;
}

.content_box fieldset input {
padding: 0.2em;
display: block;
width: 18em;
float: left;
font-size: 1em;
}

.content_box .submit_wrapper {
margin-left: 4em;	
}

.content_box textarea, .content_box select {
float: left;
margin: .5em 1em .5em 0;
padding: 0em;
border: 1px solid #000000;
}

.date-picker-button {
float:left;
vertical-align:baseline;
padding: .3em 0 0 ;
cursor:pointer;
}

.char_counter {
text-align: right;
color: #F00;
font-style:italic;
width: 560px;
}

.content_box label {
position: relative;
width: 8em;
float: left;
font-size: 1em;
text-align: right;
padding-right: 2em;
}

.content_box br {
clear: left;
}

.content_box legend {
padding: 0.5em;
font-weight: bold;
background-color: #CBE2EB;
color: #265161;
border: 1px dotted #265161;
margin-left: 1em;
}

/* Fieldsets */
.content_box form fieldset {
margin: 3em 0;
/*border: 1px dotted #BBBBBB;*/
font-size:1.3em;
padding: 0;
padding-top: 2em;
}

.content_box form em {
font-weight: bold;
font-style: normal;
color: #f00;
}

.content_box form img.thumbnailChoice {
border:1px solid #265161;
margin-bottom: 2em;
}

.content_box form img.normalImage {
border:1px solid #265161;
margin-bottom: 2em;
}

.content_box form fieldset fieldset label {
margin-left: 123px; /* Width plus 3 (html space) */
}

.content_box form fieldset fieldset legend {
padding: 0.5em;
font-weight: normal;
background: none;
color: #265161;
border: none;
margin-left: 1em;
}

.content_box .minitext {
vertical-align:top;
font-style:italic;
}

.content_box .hidden {
visibility: hidden;
height: 0;
padding: 0;
margin: 0;
}

/* KC's classes */

#booking_create {
background: #D8D8D8;
margin: 0 auto 0 auto;
border: solid 1px #FF6600;
}

.left_submit {
float:left;
margin-right: 2em;
}

.instructions, .instructions_leader, .instructions_inline {
color:#999999;
font-weight: normal;
text-align: left;
font-style:italic;
}

.instructions_inline {
margin-left: 1em;
}

.instructions_leader{
margin-left: 1em;
}

.val_error {
color:#F00;
font-weight: bold;
}

.content_box fieldset .date {
width: auto;
}

.submit_button {
padding: 0.5em 1em;
margin: 2em 8em;
text-decoration: none; 
background-image: url(../images/structure/top_nav_button.jpg);
color: #FFFFFF;
border: 1px dotted #FFFFFF;
cursor: pointer;
width: auto;
}

.submit_button:hover, .submit_button_small:hover {
background-image: url(../images/structure/top_nav_button_over.jpg);
}


.contact_form input{

}

fieldset input.hidden_field {
background-color:#000000;
border: 1px solid #000;
width: 1px;

}


.alert {
color:#FF0000;
}

/***********************************************************************************************
 Recordsets
***********************************************************************************************/

#recordsetsHeader {
/*padding: 0 0 0 .5em;
margin-bottom: 4em;
width: 98%;*/
/*border: 1px dotted #BBBBBB;
background-color:#FFFFFF;*/
/*line-height:2.2em;*/
}

#recordsets_search {
float:right;
width: 30%;
text-align: right;
font-size: 1em;
}

#recordsets_search input{
font-size: 1em;
padding: 0.2em;
}

.recordsets{
padding: 2px;
float:left;
text-align: center;
width: 550px;
font-size: 1.0em;
border: 1px solid #666666;
background-color:#333;
background-image:url(../images/structure/side_nav_bg.jpg);
background-repeat:repeat-x;
line-height: 2em;
margin: 4em 0 ;
}

.recordsetResults {
padding: 1em 2em;
float:left;
/*width: 30%;
font-weight: bold;*/
}

.filter, .sortby, .perpage{
padding: 2px;
float: left;
margin-left: 2em;
width: 30%;
}

.filter {
text-align: left;
}

.sortby {
text-align: center;
}

.perpage {
text-align: right;
}

.recordsets ul{
margin: 0 2em;
padding: 0;
text-align: left; /*Set to "right" to right align recordsets interface*/
float:right;
}

.recordsets li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.recordsets a, .recordsets a:visited{
padding: 0 5px;
border: 1px dotted #FFFFFF; /*same as div bg*/
background-color: #AAA; /*same as div bg*/
text-decoration: none; 
color: #161616;
}

.recordsets a:hover, .recordsets a:active{
border: 1px solid #265161;
color: #000;
background-color: #999;
}

.recordsets a.currentpage, recordsets a.currentpage:hover{
background-color: #161616;
color: #FFF !important;
border-color: #FFFFFF;
font-weight: bold;
cursor: default;
}

.recordsets a.disablelink, .recordsets a.disablelink:hover{
background-color: #DDD; /*same as div bg*/
cursor: default;
color: #CCCCCC;
border-color: #FFFFFF; /*same as div bg*/
font-weight: normal !important;
}

.recordsets a.prevnext{
font-weight: bold;
}


/***********************************************************************************************
 Gallery
***********************************************************************************************/

#gallery_area {
	clear: both;
	float: left;
	}

table #gallery_images {
	clear: left;
	float: left;
	}

.gallery_container {
margin: 0 50px 60px 0;
text-align: center;
}

.gallery_container img {
border: 2px solid #999;
margin-bottom: 0.6em;
}