/**********************************
 *
 * General Styles
 *
 * ********************************/

body
{
	margin:0px;

	background-color: #60A9E1;
}

a
{
	color:#B25680;
}

a:hover
{
	color:#8E4968;
}

h2
{
	/*
	font-family: 'Open Sans', sans-serif;
	*/
	color:#FFF;
	font-weight: 100;
	font-size:26px;
	margin-bottom:5px;
	margin-top:0px;
}


h1
{
	/*
	font-family: 'Open Sans', sans-serif;
	*/
	color:#000;
	font-weight: 100;
	font-size:34pt;
	margin-bottom:5px;
	margin-top:0px;
}


	

h5
{
	margin-bottom:5px;	
}

.background
{
	background-image:url(../img/background.jpg);
	background-size:cover;
	width:100%;
	height:100%;
	position:fixed;
}

.interface {
	
}

.hand {
	cursor:pointer;
}

.close_button_positioner
{
	position: absolute;
	right: 10px;
	top:10px;
	width:27px;
	height: 27px;
	visibility: inherit;
}

.close_button
{
	background-image: url("../img/button_close.png") !important;
}

.close_button:hover
{
	background-position: -27px 0px;
}

.close_button:active
{
	background-position: -54px 0px;
}

.normal_window
{
	width:80%;
	top:180px;
	height:425px;
	background-color: #fff;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	padding: 0px;
	overflow: auto;
	display:none;
	max-width: 960px;
	z-index:95;
}

#sitemap
{
	display:none;
}



/**************************************
 *
 * Terms and conditions styles
 *
 * ************************************/




/**************************************
 *
 * Interface Top
 *
 * ************************************/

.interfacetop
{
	width:100%;
	height:200px;
	/*border:5px solid #f00;*/
	position:fixed;
	top:0px;
	z-index:101;
}
.enquiry
{
	width:230px;
	height:515px;
	position:absolute;
	right:0px;
	background-color:#000;
	color:#FFF;
	padding:10px;
	top:-535px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	z-index: 9999999 !important;
	pointer-events:all;
}

.enquiry_container
{
	width:250px;
	height:435px;
	position:fixed;
	right:0px;
	overflow:hidden;
	top:93px;
	/*border:1px dotted #a00;*/
	pointer-events:none;
	background:none !important;
	z-index:102;
	
}

.custom_menu
{
	color:#FFF;	
	font-size:14pt;
	font-weight:lighter !important;
	line-height: 20px;
}

.logo
{
	padding:20px;
	top:30px;
	float:left;
	position:fixed;
}

.menu
{
	/*border:1px solid #0f0;*/
	padding:20px;
	position:fixed;
	top:35px;
	left:300px;
	z-index:101;
}

.secondary_menu
{
	color:#ddd;
	line-height:10px;
	margin-top:5px;
}

.menu_item
{
	line-height: 5px;
}

.social_icons
{
	/*border:1px solid #f00;*/
	width:180px;
	margin-bottom:5px;
}



.rhs_header 
{
	background-color:#000;
	width:250px;
	margin:0px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

.rhs_special_message
{
	background-color:#b00;
	width:250px;
	margin:0px;
	/*
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	z-index:-100 !important;
	
}

.holiday_message_mob
{
	display:none;
}

.rhs_phone
{
	text-align:left;
}

.rhs_phone a
{
	color:#fff;
	text-decoration:none;
}

.rhs_enquire_button 
{
	background-image:url("../img/dropdown_menu_button.png") !important;
	position:relative;
	margin:5px 10px 10px 0px;
	padding:0px;
}

.rhs_enquire_button:hover
{
	background-position: -27px 0px;
}

.rhs_section
{
	position:absolute;
	right:0px;
	top:0px;
	z-index:102;
}

/* customisation of bootstrap */
.nav-pills > li > a {
  line-height: 9px;
	padding-bottom:5px;
}

.nav-pills .dropdown-menu {
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}

.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}

li {
/*line-height: 0px;*/
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #000;
  border-color: #000;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #000;
	color:#fff;
	
}











/***************************************
 *
 * Left Hand Menu Styles
 *
 * *************************************/

.lhs_menu
{
	margin:0px;
	width:250px;
	top:40%;
	position:absolute;
	z-index:20;
}

.lhs_nav 
{
	background-color:#000;
	width:250px;
	margin:0px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

.lhs_nav_diy
{
	background-color:#b00000;
	width:250px;
	margin:0px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

.lhs_heading_nav
{
	text-align:right;
	padding-right:10px;
	text-decoration:none;
}

.lhs_slides_menu
{
	/*
	position:absolute;
	*/
}

.lhs_security_menu
{
	
}

.lhs_nav_button 
{
	background-image:url(../img/lhs_menu_button.png) !important;
	position:relative;
	margin:10px 0px 10px 0px;;
	padding:0px;
	
 } 
.lhs_nav_button:hover
{
	background-position: -27px 0px;

}

.lhs_nav_button:active
{
	background-position: -54px 0px;

}









/************************************
 *
 * Footer Styles
 *
 ************************************/

.footer_callnow_heading
{
	font-size:20pt;
}
.footer
{
	position:fixed;
	bottom:0px;
	width:100%;
	background-color:#000;
	height:105px;
}

.footer_mob
{
	display:none;
}

.footer_phone
{
	text-align:center;
	padding:5px;
	width:380px;
	margin-left:auto;
	margin-right:auto;
	
}

.footer_phone a
{
	text-decoration: none;
}

.social_icons_low
{
	display: none;
}

.footer_calltoaction
{
	color:#994F6D;
	margin:0px;
	padding: 0px;
	text-decoration: none;
}
.copyright
{
	padding:3px 0px 3px 6px;
	background-color:#333;
	color:#999;
	font-size:10pt;
	position:fixed;
	bottom:0px;
	width:100%;
	height:23px;
}

.footer_icon
{
	float:left;
}











/***************************************
 *
 * slider styles
 *
 * *************************************/

#slider
{
	width:100%;
	height:90%;
	bottom:105px;
	position:absolute;
	overflow:hidden;
	pointer-events:none;
	max-height:60%;


}
#slide
{
	position:absolute;
	bottom:0px;
	min-width:800px;
	margin-left:auto;
	margin-right:auto;
	border:1px dotted #f00;
	width:100%;
	text-align:center;
}

#slide0
{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	white-space:nowrap;
	height:100%;
}

/* NEW SLIDE POSITIONS FOR FADING */
#slide1
{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	display:none;
	white-space:nowrap;
	height:100%;

}

#slide2
{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	display:none;
	white-space:nowrap;
	height:100%;

}

#slide3
{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	display:none;
	white-space:nowrap;
	height:100%;
}

#slide4
{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	display:none;
	white-space:nowrap;
	height:100%;
}


/* OLD METHOD INVLOVING SLIDING SLIDES
#slide1
{
	position:absolute;
	left:2000px;
	bottom:0px;
	min-width:800px;
}

#slide2
{
	position:absolute;
	left:2000px;
	bottom:0px;
	min-width:800px;
}

#slide3
{
	position:absolute;
	left:2000px;
	bottom:0px;
	min-width:800px;
}

#slide4
{
	position:absolute;
	left:2000px;
	bottom:0px;
	min-width:800px;
}
*/

#sliderDots
{
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	bottom:0px;
	z-index:99;
	width:100%;
	text-align:center;
	pointer-events:all;
}

#sliderDots img {
	margin:3px;
}



.message
{
	vertical-align:middle;
	max-height:210px;
	width:auto;
	max-width:30%
}

.slide_girl
{
	max-height:inherit;
	height:100%;
	width:auto;
	
}











/*********************************
 *
 *  PRODUCT STYLES
 *
 *******************************/

/*
#products
{
	width:80%;
	top:180px;
	height:425px;
	background-color: #fff;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	padding: 0px;
	overflow: auto;
	display:none;
	max-width: 960px;
	z-index:95;
	
}
*/

#products_close
{
	background-image: url("../img/button_close.png");
}

#products_close:hover
{
	background-position: -27px 0px;
}

#products_close:active
{
	background-position: -54px 0px;
}

.close_products_screen
{
	position: absolute;
	right: 10px;
	top:10px;
	width:27px;
	height: 27px;
}

.small_product_image
{
	background-color: #000;
	background-image: url("../img/loading_small.png");
	width:168px;
	height:126px;
	
}

.category_heading
{
	color:#333;
	margin-left: 20px;
	margin-top:20px;
}

.product_display
{
	display: inline;
	float:left;
	margin-left: 20px;
	margin-top:20px;
	min-height: 350px;
	min-width: 205px;
}

.brief_description
{
	max-width: 168px;
	color: #999;
}

.product_heading
{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:16pt;
	margin-bottom: 5px;
	margin-top: 5px;
	max-width: 168px;
	line-height: 20pt;
	
}

.expand_button
{
	width:27px;
	height:27px;
	background-image: url("../img/dropdown_menu_button.png");
	margin: 5px 5px 5px 0px;
}

.expand_button:hover
{
	background-position: -27px 0px;
}

.expand_button:active
{
	background-position: -54px 0px;
}

.products_container
{
	/*border: 1px dotted #f00;*/
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width:auto;
}

/*
#product
{
	width:80%;
	top:180px;
	height:425px;
	background-color: #fff;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	padding: 0px;
	overflow: auto;
	display:none;
	max-width: 960px;
	z-index:95;
}
*/

#single_product_container
{
	/*border: 1px solid #f00;*/
	/*position: absolute;*/
	top:0px;
	left:0px;
	width:100%;
	padding:0px;
	margin: 0px;
}

#single_product_heading
{
	color:#333;

}

#single_product_description
{
}

.single_product_image
{
	float:left;
	display : inline;
	background-color: #000;
	background-image: url("../img/loading_large.png");
	height:425px;
	width:425px;
	overflow: hidden;
}

.prodtuct_shot
{

	position: absolute;
	clip:rect(0px,425px,425px,0px);
	height:100%;
}

.single_product_text
{
	display : inline;
	float:left;
	padding:20px 0px 0px 20px;
	max-width: 400px;
	min-width: 400px;
	/*border: 1px dotted #f00;*/
}

.single_product_desciption
{
	display : inline;
	/*border: 1px dotted #f00;*/
	float:left;
	padding:20px;
}

#close_product_screen
{
	position: absolute;
	right: 10px;
	top:10px;
	width:27px;
	height: 27px;
}
#product_close
{
	background-image: url("../img/button_close.png") !important;
}

#product_close:hover
{
	background-position: -27px 0px;
}

#product_close:active
{
	background-position: -54px 0px;
}

.product_image_dots
{
	position: absolute;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	/*border:1px solid #0f0;*/
	width:425px;
	text-align:center;
}

.product_dot
{
	display:inline;
	margin:auto 3px 6px auto;
	/*border: 1px solid #f00;*/
}

.enquire_button
{
	padding:10px;
	background-color: #39f;
	color: #ddd;
	text-decoration: none;
	text-align:center;
}

.enquire_button:hover
{
	color: #fff;
}



.diy_button
{
	padding:10px;
	background-color: #ddd;
	color: #333;
	text-decoration: none;
	text-align:center;
	margin-top:10px;
}

.diy_button:hover
{
	color: #fff;
}











/*****************************************
 * 
 * Ancillary Window CSS
 *
 * ***************************************/

.googlemap
{
	float: left;
	display: inline;
	margin: 0px;
}

.larger_map_link
{
	background: rgba(0, 0, 0, 0.75);
	text-align: center;
	position: absolute;
	bottom:0px;
	padding: 10px;
}

.about_us_copy_container
{
	float: left;
	display: inline;
	margin: 0px;
	padding: 20px;
	width:495px;
	height:345px;
}

.about_us_copy
{
	overflow: auto;
	height:100%;
}

.contact_us_copy
{
	float: left;
	display: inline;
	margin: 0px;
	padding: 20px;
}

.lrg_testimony_copy
{
	float: left;
	display: inline;
	margin: 0px;
	padding: 20px;
}

.faqs_copy
{
	float: left;
	display: inline;
	margin: 0px;
	padding: 20px;
}

.gallery_copy
{
	float: left;
	display: inline;
	margin: 0px;
	padding: 20px;
}

.our_products_copy
{
	float: left;
	display: inline;
	margin: 0px;
	padding: 20px;
}









/*****************************************
 * 
 * Testimony Window CSS
 *
 * ***************************************/

.testify_container
{
    min-height: 10em;
    display: table-cell;
    vertical-align: middle;
		height:340px;
		bottom: 0px;
		margin-top: 0px;
}


.lrg_testimony_name
{
	text-align: right;
	margin: 15px auto auto auto;
}

.smallTestimonyBox
{
	/*background-color:#1E517A;*/
	background-color: rgba(31, 81, 122, 0.9);
	width:230px;
	margin:20px 0px 0px 0px;
	padding:10px;
}

.smallTestimonyBox a
{
	color:#C0E7FF;
	margin: 0px;
}

.smallTestimonyBox img
{
	vertical-align: top;
}

.smallTestimonialText
{
	font-size:12pt;
	color: #eee;
}

.testify_previous 
{
	background-image:url(../img/test_left.png) !important;
	position:relative;
	padding:0px;
	height:23px;
	width:25px;
}

.testify_previous:hover
{
	background-position: -25px 0px;
}

.testify_previous:active
{
	background-position: -50px 0px;
}

.testify_next 
{
	background-image:url(../img/test_right.png) !important;
	position:relative;
	padding:0px;
	height:23px;
	width:25px;
}
 
.testify_next:hover
{
	background-position: -25px 0px;
}

.testify_next:active
{
	background-position: -50px 0px;
}

.next_prev
{
	text-align: right;
}

.next_prev_testimony
{
	position:absolute;
	bottom: 20px;
	width:100%;
	text-align: center;
}

.testify_previous_lrg
{
	background-image:url(../img/button_prev.png) !important;
	position:relative;
	padding:0px;
	height:40px;
	width:40px;
}

.testify_previous_lrg:hover
{
	background-position: -40px 0px;
}

.testify_previous_lrg:active
{
	background-position: -80px 0px;
}

.testify_next_lrg
{
	background-image:url(../img/button_next.png) !important;
	position:relative;
	padding:0px;
	height:40px;
	width:40px;
}

.testify_next_lrg:hover
{
	background-position: -40px 0px;
}

.testify_next_lrg:active
{
	background-position: -80px 0px;
}





/*****************************************
 * 
 * Gallery Window CSS
 *
 * ***************************************/

.gallery_thumbs_container
{
	width:377px;
	overflow: auto;
	height:340px;
	display: inline;
	float: left;
}

.gallery_image_container
{
	width:515px;
	overflow: hidden;
	height:340px;
	display: inline;
	float: left;
	margin-right:20px;
	display: table-cell;
	vertical-align: middle;
}

.gallert_image
{
	vertical-align: middle;
}

.gallery_image_loading
{
	background-image: url('../img/loading_large.png') !important;
	background-color: #000;
	position: absolute;
	width:515px;
	overflow: hidden;
	height:340px;
	background-repeat:no-repeat;
	background-position: center;
}

#interchangableGalleryImage
{
	width:515px;
	overflow: hidden;
	height:340px;
	position: absolute;
}










/*****************************************
 * 
 * Contact Us Window CSS
 *
 * ***************************************/
.contact_info
{
	display : inline;
	float:left;
	max-width: 400px;
	min-width: 400px;
	/*border: 1px dotted #f00;*/
}

#contact_form
{
		display : inline;
	float:left;
	padding:0px 0px 0px 20px;
	max-width: 400px;
	min-width: 400px;
	/*border: 1px dotted #f00;*/
}

.contact_page_heading
{
	font-size: 16pt;
	color:#666;
	margin:0px auto 0px auto;
}

.large_text
{
	font-size: 14pt;
	color: #666;
	font-weight: lighter;
}

/**************************************
 *
 * Terms and conditions styles
 *
 * ************************************/
 
.terms_container
{
	margin:40px 20px 20px 20px;
}

.terms_h2
{
	color:#333;
	line-height:30px;
}

#w_left
{
	width:49%;
	display:inline-block;
	float:left;
	padding-top:20px;
}

#w_right
{
	width:49%;
	float:left;
	padding-top:20px;
}

.warranty_list
{
	font-size:large;
	color:#999;
}

.warranty_list li
{
	margin-bottom:20px;
}

/* new stuff */
hr
{
	color:#fff;
	height:1px;
	margin:10px;
}

.nav .dropdown-toggle .caret 
{
	color:#fff;
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.nav .dropdown-toggle .caret:hover
{
	color:#fff;
	border-top-color: #fff;
	border-bottom-color: #fff;
}
a:focus .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
opacity: 1;
filter: alpha(opacity=100);
}

#slides h1
{
	/*font-family: 'Codystar', cursive;font-family: 'Pacifico', cursive;
	font-family: 'Permanent Marker', cursive;
	font-family: 'Dynalight', cursive;font-family: 'Italianno', cursive;*/
	
/*
font-family: 'Dynalight', cursive;
*/
font-family: 'Lobster', cursive;	color:#fff;	
	font-size:65px;
	/*
	text-align:left;
	*/
	line-height:55px;
	text-shadow:2px 2px 4px #000000;
}

#slides p
{
	color:#eee;
	font-size:20px;
	background:#222;
	line-height:20px;
	margin-top:20px;
	padding:10px;
}

.slide-inner
{
	padding:20px;
	max-width:400px;
	/*
	
	border:1px dotted #f00;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
	*/
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #8E4968;
  *background-color: #8E4968;
  background-image: -moz-linear-gradient(top, #A85A81, #8E4968);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A85A81), to(#8E4968));
  background-image: -webkit-linear-gradient(top, #A85A81, #8E4968);
  background-image: -o-linear-gradient(top, #A85A81, #8E4968);
  background-image: linear-gradient(to bottom, #A85A81, #8E4968);
  background-repeat: repeat-x;
  border-color: #8E4968 #8E4968 #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffA85A81', endColorstr='#ff8E4968', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #A85A81;
  *background-color: #A85A81;
}

.optional_extras
{
	display:none;
}