﻿/* 
    Theme Name: Approved Boats and Yachts
    Author: Atelier Studios
    Author URI: http://www.atelier-studios.com/
    Created: November 2013

==================================================================================================
    
    1. GLOBAL RESETS
    2. TYPOGRAPHY
    3. LINK STYLES
    4. MAIN STRUCTURE
    5. THE FOUNDATION GRID - From Foundation Framework
    6. INNER ELEMEMTS
    7. LISTS
    8. TABLES
    9. CSS3 BUTTONS - From Foundation Framework
    10. MAIN NAVIGATION
    11. SIDEBAR SUB NAVIGATION
    12. MISC STYLES
    13. IMAGE REPLACEMENT HEADINGS
    14. IMAGE REPLACEMENT BUTTONS
    15. FORMS
    16. PRINT STYLES
    17. MOBILE STYLES
    18. IE STYLES
	19. AUTOCOMPLETE STYLES

*/

/*==================================================================================================

    1. GLOBAL RESETS
    
 ====================================================================================================*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html, body {
	height: 100%;
	width: 100%;
}

body {
	position: relative;
	left: 0;
	transition: left .5s;
	margin: 0;
}

	body.opened {
		left: 20em;
	}

	body.opened_right {
		left: -20em;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
}
/* Prevents sub and sup affecting line-height in all browsers - gist.github.com/413930 */

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

table, td, th {
	vertical-align: top;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a img {
	border: none;
}
/* || Reset all margins/padding => */

* {
	margin: 0;
	padding: 0;
}
/* || Gets rid of outlined links in Firefox => */

a {
	outline: none;
}

	a:hover, a:active {
		outline: 0;
	}
/* || No boders on images and displays them as block level elements in IE6 => */

img {
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
}

br {
	clear: both;
	line-height: 10px;
}

div#content br {
	clear: none;
	line-height: 10px;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
/* || HTML 5 Resets taken from normalize.css 17-01-2012- http://github.com/necolas/normalize.css => */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

audio, canvas, video {
	display: inline;
	zoom: 1;
}

	audio:not([controls]), [hidden] {
		display: none;
	}
/* || Form Resets taken from normalize.css 17-01-2012- http://github.com/necolas/normalize.css => */

legend {
	border: 0;
	white-space: normal;
	margin-left: -7px;
	padding: 0;
}

button, input, select, textarea {
	font-size: 100%;
	vertical-align: middle;
	margin: 0;
}

button, input {
	line-height: normal;
}

	button, input[type=button], input[type=reset], input[type=submit] {
		cursor: pointer;
		-webkit-appearance: button;
		overflow: visible;
	}

	input[type=checkbox], input[type=radio] {
		box-sizing: border-box;
		height: 13px;
		width: 13px;
		padding: 0;
	}

	input[type=search] {
		-webkit-appearance: textfield;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}

	button::-moz-focus-inner, input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

textarea {
	overflow: auto;
	vertical-align: top;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

form, input, textarea, label, select, fieldset {
	margin: 0;
	padding: 0;
}

input {
	border: none;
	border: 0px solid #FFFFFF;
	vertical-align: top;
	overflow: visible;
}


/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 1px solid green; }*/



/*==================================================================================================

    2. TYPOGRAPHY
    
 ====================================================================================================*/


body, button, input, select, textarea {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #404041;
}

.align_right {
	text-align: right;
}

.align_left {
	text-align: left;
}

.align_centre {
	text-align: center;
}

/*.red { color: red;  }*/


p {
	padding: 0 0 15px 0;
}

footer p {
	padding: 0 0 10px 0;
}


.extra_small, .extra_small p {
	font-size: 10px;
	line-height: 14px;
}


.small, .small p {
	font-size: 11px;
	line-height: 14px;
}

.medium_text {
	font-size: 14px;
	line-height: 18px;
}

.large_text {
	font-size: 16px;
	line-height: 22px;
}

.larger_text {
	font-size: 18px;
	line-height: 24px;
}

.xlarge_text {
	font-size: 22px;
	line-height: 28px;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.txt-normal {
	font-weight: normal;
}

.uppercase {
	text-transform: uppercase;
}

.normal_text {
	text-transform: none;
}

.middle {
	position: relative;
	top: 5px;
}


.red {
	color: #e13e3e;
}

.black {
	color: #000;
}

.white {
	color: #fff;
}

.blue {
	color: #47aad7;
}

.blueBS {
	color: #008DBC;
}

.blue_q_text {
	color: #0072A7;
}

.dark_blue {
	color: #3d6777;
}

.grey {
	color: #919191;
}

.grey2 {
	color: #666;
}

.grey.inactive {
	color: #ccc;
}

.brown {
	color: #6e3e16;
}

.light_brown {
	color: #bba28a;
}

.orange_text {
	color: #DA6028;
}

.green {
	color: #6fa651;
}

.lightgrey {
	color: #bbb;
}

.yellow {
	color: #e7b541;
}

.dirty_green {
	color: #99aea7;
}

.dark_green {
	color: #0b563f;
}

.shadow {
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
}

.OneMarine-brown {
	color: #C29869;
}

.OneMarine-blue {
	color: #28354C;
}

.VesselbayBlue {
	color: #3A486D;
}

.VesselbayLightblue {
	color: #2BAADF;
}

.normaltextcolour {
	color: #404041;
}

.white_text {
	color: #fff;
}


/*--------------- HEADINGS --------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	color: #242a31;
	font-weight: bold;
}

h1 {
	/*padding: 0 0 15px 0;*/
	font-size: 20px;
	line-height: 24px;
	/*border-radius: 10px 10px;*/
	border: 1px solid #e3a534;
	color: #FFF;
	padding: 8px 15px;
	margin: 0 0 20px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-transform: uppercase;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
	background: #ec8213; /* Old browsers */
	background: -moz-linear-gradient(top, #f2a950 0%, #ec8213 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2a950), color-stop(100%,#ec8213)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2a950 0%,#ec8213 100%); /* W3C */
}

#homebottomstrip h1 {
	font-size: 20px;
	/*font-weight: bold;*/
}

h2 {
	padding: 0 0 15px 0;
	font-size: 18px;
	line-height: 20px;
}

	h2.section_heading {
		/*border-radius: 10px 10px;*/
		color: #FFF;
		padding: 8px 15px;
		margin: 20px 0 20px 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		text-transform: uppercase;
		text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
		border: 1px solid #0072a7;
		background: #4096ee; /* Old browsers */
		background: -moz-linear-gradient(top, #4096ee 0%, #0072a7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(100%,#0072a7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* IE10+ */
		background: linear-gradient(to bottom, #4096ee 0%,#0072a7 100%); /* W3C */
	}

.form_heading h2, .form_heading_first h2 {
	/*border-radius: 10px 10px;*/
	color: #FFF;
	padding: 8px 15px;
	margin: 20px 0 10px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-transform: uppercase;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
	border: 1px solid #0072a7;
	background: #4096ee; /* Old browsers */
	background: -moz-linear-gradient(top, #4096ee 0%, #0072a7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(100%,#0072a7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4096ee 0%,#0072a7 100%); /* W3C */
}

.form_heading_first h2 {
	margin: 0 0 10px 0 !important;
}

h3 {
	padding: 0 0 15px 0;
	font-size: 16px;
	line-height: 18px;
	color: #ec8213;
}

	h3.footerlink {
		font-size: 14px;
		line-height: 18px;
		padding: 0 0 15px 0;
		color: #ec8213;
	}

	h3.banner_title {
		color: #242a31;
		font-weight: normal;
		font-size: 36px;
		line-height: 40px;
	}

	h3.orange {
		color: #ec8213;
	}


h4 {
	padding: 0 0 15px 0;
	font-size: 14px;
	line-height: 20px;
	color: #ec8213;
}

h5 {
	padding: 0 0 15px 0;
	font-size: 14px;
	line-height: 18px;
}


h6 {
	padding: 0 0 15px 0;
	font-size: 12px;
	line-height: 18px;
}



/*--------------- OTHER TEXT STYLES --------------- */

strong {
	font-weight: bold;
	color: #404041;
	font-family: 'open_sansbold', Helvetica, Arial, Verdana, sans-serif;
}

em {
	font-style: italic;
	display: inline;
}

blockquote {
	margin: 0;
	padding: 0;
	border: none;
}

	blockquote cite {
		margin: 5px 0 0;
		display: block;
	}

div#content blockquote {
	float: left;
	color: #333333;
	margin: 0;
	padding: 24px;
	text-align: justify;
}

hr {
	border: 0;
	color: #cfd0d4;
	background-color: #cfd0d4;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 6px 0 10px 0;
	padding: 0;
}

/*==================================================================================================

     3. LINK STYLES
     
================================================================================================== */


a {
	color: #ec8213;
	text-decoration: none;
}

	a:hover {
		color: #ec8213;
		text-decoration: underline;
	}

	.white a, a.white {
		color: #fff;
		text-decoration: none;
	}

		.white a:hover, a.white:hover {
			color: #fff;
			text-decoration: underline;
		}

	.black a, a.black {
		color: #000;
		text-decoration: none;
	}

		.black a:hover, a.black:hover {
			color: #000;
			text-decoration: underline;
		}

.footercredits a {
	color: #fff;
}


/*==================================================================================================

    4. MAIN STRUCTURE
    
==================================================================================================*/

body {
	background: url(/furniture/images/backgrounds/byw-bg-2-09.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/furniture/images/backgrounds/byw-bg-2-09.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/furniture/images/backgrounds/byw-bg-2-09.jpg', sizingMethod='scale')";
}

header {
	/*height: 165px;*/
	z-index: 60;
}

div#content {
	position: relative;
	z-index: 40;
	min-height: 550px;
}

#sidebar {
	position: relative;
	z-index: 50;
}

footer {
}

.footer_black {
	/*border: 1px solid #999;*/
	background: #000000;
}

.footer_logo {
	background: url(/furniture/images/sitewide/footer-logo.png) no-repeat;
	background-position: right;
}


/*==================================================================================================

    5. THE FOUNDATION GRID - Copied from Foundation - Nov 2012 - v3.2 http://foundation.zurb.com
    
==================================================================================================*/

/* ----- ADD BY ATELIER------ ADDED STYLES TO BE ABLE TO FLOAT SIDEBAR LEFT AND CONTENT RIGHT */

.columns.no_margin {
	margin-left: 0;
}

.columns.margin {
	margin-left: 4.4%;
}

/* ----- ADD BY ATELIER ENDS------ */

.container {
	width: 100%;
	float: left;
	clear: both;
}

.inner_container {
	padding-left: 20px;
	padding-right: 20px;
	width: calc(100% - 40px);
	float: left;
	clear: both;
}

.row {
	width: 100%;
	/*18 Oct 2022 - Increased from 980 to 1080 to allow for more columns in listings and not cut off data*/
	/*max-width: 980px;*/
	/*max-width: 1080px;*/
	margin: 0 auto;
	clear: both;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.row.fixed {
		/*18 Oct 2022 - Increased from 980 to 1080 to allow for more columns in listings and not cut off data*/
		/*width: 980px;*/
		/*max-width: 1080px;*/
		width: 100%;
		/*max-width: none !important;*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row .row {
		min-width: 0;
	}
/*div#content ul.row { margin: 0; padding: 0; list-style-type: none; background: transparent; }
    div#content ul.row li { padding: 0; list-style-type: none; background: transparent; }
*/
.column, .columns {
	margin-left: 4.4%;
	float: left;
	min-height: 1px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.column:first-child, .columns:first-child {
		margin-left: 0;
	}


.three_column_repeater .columns {
	margin-right: 4.4%;
	margin-left: 0%;
}

	.three_column_repeater .columns:nth-child(3n+3) {
		margin-right: 0;
		margin-left: 0%;
	}


/*  --------------------------------------------------
    Columns
    -------------------------------------------------- */

.row .one.columns {
	width: 4.3%;
}

.row .two.columns {
	width: 13%;
}

.row .three.columns {
	width: 21.68%;
}

.row .four.columns {
	width: 30.37%;
}

.row .five.columns {
	width: 39.1%;
}

.row .six.columns {
	width: 47.8%;
}

.row .seven.columns {
	width: 56.5%;
}

.row .eight.columns {
	width: 65.2%;
}

.row .nine.columns {
	width: 73.9%;
}

.row .ten.columns {
	width: 82.6%;
}

.row .eleven.columns {
	width: 91.3%;
}

.row .twelve.columns {
	width: 100%;
}

/*  --------------------------------------------------
    Grid Misc Styles
    -------------------------------------------------- */

img {
	max-width: 100%;
	height: auto;
}

	.map img, img.indicator {
		max-width: none;
		height: auto;
		width: auto;
	}

img {
	-ms-interpolation-mode: bicubic;
}

#map_canvas img, .map_canvas img {
	max-width: none !important;
}

/* Nicolas Gallagher's micro clearfix */
.row {
	*zoom: 1;
}

	.row:before, .row:after {
		content: "";
		display: table;
	}

	.row:after {
		clear: both;
	}

.box_sizing {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*  --------------------------------------------------
    ATELIER POSITIONING - MARGIN PADDING ETC
    -------------------------------------------------- */

.inline_block {
	display: block;
}

/*---------- POSITIONING ---------**/

.float_right {
	float: right;
}

.float_left {
	float: left;
}

.float_none {
	float: none !important;
}

.clear {
	clear: both;
}

.no_clear {
	clear: none !important;
}

.centre {
	margin: 0 auto;
}

.clear_both {
	clear: both;
}


.z_index_100 {
	z-index: 100;
}

.z_index_250 {
	z-index: 250;
}

.z_index_500 {
	z-index: 500;
}

.z_index_1000 {
	z-index: 1000;
}

.z_index_2000 {
	z-index: 2000;
}

.z_index_3000 {
	z-index: 3000;
}

.z_index_5000 {
	z-index: 4000;
}

.z_index_9999 {
	z-index: 9999;
}

.z_index_top {
	z-index: 9999;
}

.z_index_middle {
	z-index: 100;
}

.z_index_bottom {
	z-index: 1;
}

.top_minus_20 {
	top: -20px;
}

.viewcoverpanel {
	position: relative;
	top: -2px;
}

.border_top_1px_white_imp.viewcoverpanel {
	position: relative;
	top: -1px;
}

/*---------- HEIGHTS ---------**/

.min_height_500 {
	min-height: 500px;
}

.min_height_160 {
	min-height: 160px;
}

.height_70 {
	height: 70px;
}

.height_80 {
	height: 80px;
}

.height_100 {
	height: 100px;
}

.height_120 {
	height: 120px;
}

.height_140 {
	height: 140px;
}

.height_143 {
	height: 143px;
}

.height_150 {
	height: 150px;
}

.height_160 {
	height: 160px;
}

.height_170 {
	height: 170px;
}

.height_190 {
	height: 190px;
}

.height_220 {
	height: 220px;
}

.height_240 {
	height: 240px;
}

.height_260 {
	height: 260px;
}

.height_280 {
	height: 280px;
}

.height_340 {
	height: 340px;
}

.height_300 {
	height: 300px;
}

.height_420 {
	height: 420px;
}

.height_640 {
	height: 640px;
}


/*---------- WIDTHS ---------**/
.width_55 {
	width: 55px !important;
}

.width_65 {
	width: 65px !important;
}

.width_75 {
	width: 75px !important;
}

.width_85 {
	width: 85px !important;
}


/*---------- MARGINS ---------**/

.margin_none {
	margin: 0 0 0 0 !important;
}

.margin_top_0 {
	margin-top: 0 !important;
}

.margin_top_3 {
	margin-top: 3px;
}

.margin_top_5 {
	margin-top: 5px;
}

.margin_top_10 {
	margin-top: 10px;
}

.margin_top_15 {
	margin-top: 15px;
}

.margin_top_20 {
	margin-top: 20px;
}

.margin_top_30 {
	margin-top: 30px;
}

.margin_top_40 {
	margin-top: 40px;
}

.margin_top_50 {
	margin-top: 50px;
}

.margin_top_60 {
	margin-top: 60px;
}

.margin_top_70 {
	margin-top: 70px;
}

.margin_bottom_0 {
	margin-bottom: 0px !important;
}

.margin_bottom_5 {
	margin-bottom: 5px;
}

.margin_bottom_10 {
	margin-bottom: 10px;
}

.margin_bottom_15 {
	margin-bottom: 15px;
}

.margin_bottom_20 {
	margin-bottom: 20px;
}

.margin_bottom_25 {
	margin-bottom: 25px;
}

.margin_bottom_30 {
	margin-bottom: 30px;
}

.margin_bottom_40 {
	margin-bottom: 40px;
}

.margin_left_5 {
	margin-left: 5px;
}

.margin_left_10 {
	margin-left: 10px !important;
}

.margin_left_15 {
	margin-left: 15px;
}

.margin_left_20 {
	margin-left: 20px;
}

.margin_right_8 {
	margin-right: 8px;
}

.margin_right_10 {
	margin-right: 10px;
}

.margin_right_15 {
	margin-right: 15px;
}

.margin_right_18 {
	margin-right: 18px;
}

.margin_right_20 {
	margin-right: 20px;
}

.margin_right_25 {
	margin-right: 25px;
}

.margin_right_30 {
	margin-right: 30px;
}

.margin_right_40 {
	margin-right: 40px;
}

.margin_right_4p {
	margin-right: 4%;
}


/*---------- PADDING ---------**/

.padding_none {
	padding: 0 0 0 0 !important;
}

.label_padding_none label {
	padding: 0 !important;
}

.padding_bottom_none {
	padding-bottom: 0 !important;
}

.padding_2 {
	padding: 2px;
}

.padding_10 {
	padding: 10px;
}

.padding_15 {
	padding: 15px;
}

.padding_20 {
	padding: 20px;
}

.padding_30 {
	padding: 30px;
}

.padding_40 {
	padding: 40px;
}

.padding_45 {
	padding: 45px;
}

.padding_50 {
	padding: 50px;
}

.padding_top_0 {
	padding-top: 0 !important;
}

.padding_top_2 {
	padding-top: 2px;
}

.padding_top_5 {
	padding-top: 5px !important;
}

.padding_top_10 {
	padding-top: 10px;
}

.padding_top_15 {
	padding-top: 15px;
}

.padding_top_20 {
	padding-top: 20px;
}

.padding_top_24 {
	padding-top: 24px;
}

.padding_top_25 {
	padding-top: 25px;
}

.padding_top_29 {
	padding-top: 29px;
}

.padding_top_30 {
	padding-top: 30px;
}

.padding_top_35 {
	padding-top: 35px;
}

.padding_top_40 {
	padding-top: 40px;
}

.padding_top_45 {
	padding-top: 45px;
}

.padding_top_50 {
	padding-top: 50px;
}

.padding_top_60 {
	padding-top: 60px;
}

.padding_top_70 {
	padding-top: 70px;
}

.padding_top_80 {
	padding-top: 80px;
}

.padding_top_110 {
	padding-top: 110px;
}

.padding_top_120 {
	padding-top: 120px;
}

.padding_bottom_1 {
	padding-bottom: 1px;
}

.padding_bottom_5 {
	padding-bottom: 5px;
}

.padding_bottom_10 {
	padding-bottom: 10px;
}

.padding_bottom_15 {
	padding-bottom: 15px;
}

.padding_bottom_18 {
	padding-bottom: 18px;
}

.padding_bottom_20 {
	padding-bottom: 20px;
}

.padding_bottom_30 {
	padding-bottom: 30px;
}

.padding_bottom_35 {
	padding-bottom: 35px;
}

.padding_bottom_40 {
	padding-bottom: 40px;
}

.padding_bottom_50 {
	padding-bottom: 50px;
}

.padding_bottom_60 {
	padding-bottom: 60px;
}

.padding_bottom_100 {
	padding-bottom: 100px;
}

.padding_top_5_bottom_5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.padding_top_10_bottom_10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding_top_15_bottom_15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.padding_top_20_bottom_20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padding_top_40_bottom_40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.padding_left_5 {
	padding-left: 5px;
}

.padding_left_10 {
	padding-left: 10px;
}

.padding_left_15 {
	padding-left: 15px;
}

.padding_left_20 {
	padding-left: 20px;
}

.padding_left_30 {
	padding-left: 30px;
}

.padding_left_40 {
	padding-left: 40px;
}

.padding_right_5 {
	padding-right: 5px;
}

.padding_right_10 {
	padding-right: 10px;
}

.padding_right_15 {
	padding-right: 15px;
}

.padding_right_20 {
	padding-right: 20px;
}

.padding_right_30 {
	padding-right: 30px;
}

.padding_right_40 {
	padding-right: 40px;
}

.padding_right_50 {
	padding-right: 50px;
}

.padding_left_5_right_5 {
	padding-right: 5px;
	padding-left: 5px;
}

.padding_left_10_right_10 {
	padding-right: 10px;
	padding-left: 10px;
}

.padding_left_15_right_15 {
	padding-right: 15px;
	padding-left: 15px;
}

.padding_left_20_right_20 {
	padding-right: 20px;
	padding-left: 20px;
}

.padding_left_25_right_25 {
	padding-right: 25px;
	padding-left: 25px;
}

.padding_left_35_right_35 {
	padding-right: 35px;
	padding-left: 35px;
}

.padding_left_40_right_40 {
	padding-right: 40px;
	padding-left: 40px;
}

.padding_left_75_right_75 {
	padding-right: 75px;
	padding-left: 75px;
}

.padding_left_80_right_80 {
	padding-right: 80px;
	padding-left: 80px;
}



/*---------- Border ---------**/
.border_orange {
	outline: 1px solid #ec8213;
}

.border_black {
	outline: solid 2px #212121;
}

.border_right_1px {
	border-right: 1px solid #cfcfcf;
}

.border_1px_grey {
	border: 1px solid #dedede;
}

.border_1px_blue {
	border: 1px solid #85b1de;
}

.border_top_orange {
	border-top: 15px solid #ec8213;
}

.border_top_orange_1px {
	border-top: 1px solid #ec8213;
}

.border_top_1px_grey {
	border-top: 1px solid #d8d8d8;
}

.border_top_1px_grey {
	border-top: 1px solid #dedede;
}

.border_top_1px_white {
	border-top: 1px solid #e2e0e1;
}

.border_top_1px_grey_imp {
	border-top: 1px solid #e2e0e1 !important;
}

.border_top_1px_white_imp {
	border-top: 1px solid #FFFFFF !important;
}

.border_bottom_1px_white {
	border-bottom: 1px solid #fff;
}

.border_light_grey_1px {
	border-right: 1px solid #E7E7E7;
}

.border_bottom_white_1px {
	border-bottom: 1px solid #fff;
}

.border_bottom_brown_1px {
	border-bottom: 1px solid #79592e;
}

.border_bottom_dark_grey_1px {
	border-bottom: 1px solid #d2d2d2;
}

.border_bottom_light_grey_1px {
	border-bottom: 1px solid #d8d8d8;
}

.border_light {
	border: 1px solid #dfdfdf;
}

.border_light_grey {
	border: 1px solid #bbb;
}

/*.border_radius_10 {
	-webkit-border-radius: 10px;
	border-radius: 10px;
}*/

/*.border_radius_6 {
	-webkit-border-radius: 6px;
	border-radius: 6px;
}*/

/*.border_radius_4 {
	-webkit-border-radius: 4px;
	border-radius: 4px;
}*/

/*.border_radius_none {
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}*/
/*  --------------------------------------------------
    Panels
    -------------------------------------------------- */
.white_panel {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #FFF;
}

.white_panel_quote {
	background: #fff;
	height: 100%;
}

.light_grey_panel {
	background: #ccc;
}

.lighter_grey_panel {
	background: #E2E0E1;
}

.dark_grey_panel {
	background: #32373f;
}

.dark_grey {
	background: #1c1c1c;
}

.darker_grey {
	background: #666;
}

.black_panel {
	background: #212121;
}

.dark_blue_panel {
	background: #242a31;
}

.green_panel {
	background: #6fa651;
}

.yellow_panel {
	background: #fdda02;
}

.orange_panel {
	background-color: #ec8213;
}

.orange_panel_large {
	border: 1px solid #ec8213;
	color: #FFF;
	background: #ec8213; /* Old browsers */
	background: -moz-linear-gradient(top, #f2a950 0%, #ec8213 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2a950), color-stop(100%,#ec8213)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2a950 0%,#ec8213 100%); /* W3C */
}

.light_blue_panel {
	background-color: rgb(211, 228, 241);
	border: 1px solid rgb(111, 161, 189);
}

.light_blue_panel_2 {
	border: 1px solid #85b1de;
}

.light_blue_panel_3 {
	background-color: #e2e0e1;
	border: 1px solid #85b1de;
}

.red_gradient {
	color: #FFF;
	border: 1px solid #9d2444;
	background: #ca2f58; /* Old browsers */
	background: -webkit-gradient(linear, left top, right top, from(#ca2f58), to(#9d2444));
	background: -webkit-linear-gradient(top, #ca2f58, #9d2444);
	background: -moz-linear-gradient(top, #ca2f58, #9d2444);
	background: -o-linear-gradient(top, #ca2f58, #9d2444);
	background: -ms-linear-gradient(top, #ca2f58, #9d2444);
	background: linear-gradient(top, #ca2f58, #9d2444);
}

.green_gradient {
	background: #13694f; /* Old browsers */
	background: -webkit-gradient(linear, left top, right top, from(#13694f), to(#07422f));
	background: -webkit-linear-gradient(top, #13694f, #07422f);
	background: -moz-linear-gradient(top, #13694f, #07422f);
	background: -o-linear-gradient(top, #13694f, #07422f);
	background: -ms-linear-gradient(top, #13694f, #07422f);
	background: linear-gradient(top, #13694f, #07422f);
	background-color: #13694f;
}




/*-----------  Copied from Foundation - Jan 2012 - v2.1.4 http://foundation.zurb.com -----------------*/

/* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
	display: none;
	visibility: hidden;
}

.displaynone {
	display: none;
}

.overflow_hidden {
	overflow: hidden;
}

.overflow_scroll_y {
	overflow-y: scroll;
}


/* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
	/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
	.visuallyhidden.focusable:active,
	.visuallyhidden.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
	}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations.   nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}



/*==================================================================================================

    6. INNER ELEMEMTS
    
==================================================================================================*/

div.item {
	margin: 0 0 20px 0;
	padding: 20px;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	width: 210px;
	margin-right: 20px;
}

div.print-email input {
	float: left;
	position: relative;
	top: 5px;
	margin: 0 10px;
}

div.assessment-checkbox input {
	float: left;
	position: relative;
	top: 7px;
	margin: 0 10px;
}

/*---------------------------- HOMEPAGE STYLES ----------------------------*/

p.telephone {
	font-size: 20px;
	line-height: 98px;
	color: #ffffff;
	font-weight: bold;
	width: 225px;
	float: right;
	text-align: right;
	padding: 0px;
	z-index: 100;
}


/*---------------------------- HOMEPAGE SLIDER ----------------------------*/

div.slider_wrapper {
	position: relative;
	width: 100%;
	height: 302px;
	z-index: 10;
	/*border-radius: 10px;*/
	border: 1px #fff solid;
	background: rgba(255, 255, 255, 0.7);
}


div.slide_container {
	float: left;
	width: 100% !important;
	height: 100%;
	position: relative;
	z-index: 10;
}



/*---------------------------- JQUERY CYCLE SLIDESHOW - STOP IMAGES JUMPING IN ----------------------------*/

.slide_container img {
	display: none;
}

	.slide_container img:first-child {
		display: block;
	}

/* END */

div.slide {
	width: 100% !important;
	height: 100%;
}

.banner_image {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}

.slide_text {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
	width: 498px;
	padding: 30px 40px;
	font-size: 18px;
	color: #3a3a3a;
	line-height: 24px;
	/*background-color: rgba(81, 112, 150, 0.6);
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;*/
}

	.slide_text h6 {
		font-size: 28px;
		color: #3a3a3a;
		font-weight: normal;
		line-height: 32px;
	}

		.slide_text h6 a {
			color: #3a3a3a;
			text-decoration: none;
		}




/*---------------------------- QUOTE PANEL ----------------------------*/


.homepage_quote_container {
	width: 400px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}


/*---------------------------- QUICK QUOTE PANEL ----------------------------*/

.quick_quote_background {
	/*background: url(/furniture/images/photos/main_quickquote.png) #a0c9e0 no-repeat 0 0; */
}


.quick_quote {
	float: left;
	width: 100%;
	padding: 20px;
	/*border: 1px solid #577aa6;
    background: url(/furniture/images/backgrounds/bannertxtback.png) repeat-y 0 0;*/
	z-index: 10;
}


ul.wizard_steps {
	margin: 0;
	padding: 3px 0 0 0px;
	list-style-type: none;
}

	ul.wizard_steps li {
		margin: 0 12px 0 0;
		height: 24px;
		width: 24px;
		padding: 3px 0 0 0;
		list-style-type: none;
		/*border-radius: 20px;*/
		float: left;
		color: #fff;
		background: #ccc;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

		ul.wizard_steps li.active {
			opacity: 1;
			background: #4096ee; /* Old browsers */
			background: -moz-linear-gradient(top, #4096ee 0%, #0072a7 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(100%,#0072a7)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* IE10+ */
			background: linear-gradient(to bottom, #4096ee 0%,#0072a7 100%); /* W3C */
		}


div.sectionwide {
	width: 680px;
}

#divQuotePanels {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 10;
}

	#divQuotePanels .divQuotePanel {
		width: 100%;
	}

#divQuoteImagePanels {
	float: left;
	height: 100%;
	width: 284px !important;
	position: relative;
	overflow: visible !important;
	z-index: 0;
}

#divWarrantySummaryColumn {
	width: 315px !important;
	/*position: relative;*/
}

#divFloatingWarrantySummary {
	/*width:100%;*/
	width: 315px !important;
}

#divQuoteImagePanels div {
	background-color: transparent !important;
}

/*---------------------------- WIDGET ----------------------------*/

.widget {
	background: url('/furniture/images/backgrounds/widget-bg.jpg') no-repeat;
	background-position: 0px 0px;
	border: none;
	background-size: 100%;
}

.widget_footer {
	color: #ffffff;
	background: url('/furniture/images/backgrounds/widget-base.jpg') no-repeat #151d29;
	background-position: 0px 0px;
	text-align: center;
}

.widget_BS24 {
	background: url('/furniture/images/backgrounds/BS24-header.gif') center 0 no-repeat #f7941d;
	border: none;
	width: 100%;
	height: 100%;
}

.widget_footer_BS24 {
	color: #000000;
	background: url('/furniture/images/backgrounds/BS24-footerAUG-16v3.png') center center no-repeat #f7941d;
	text-align: center;
	width: 100%;
	height: 100%;
}

.widget_BS24_GREY {
	background: url('/furniture/images/backgrounds/BS24-header-grey.gif') center 0 no-repeat #D5D5D5;
	border: none;
	width: 100%;
	height: 100%;
}

.widget_footer_BS24_GREY {
	color: #D5D5D5;
	background: url('/furniture/images/backgrounds/BS24-footer-G.jpg') center center no-repeat #D5D5D5;
	width: 100%;
	height: 100%;
}

.widget_footer_BS24_obar {
	background: url('/furniture/images/backgrounds/orange-background.jpg') center center repeat;
	width: 100%;
	height: 100%;
}

.widget_OneMarine {
	background: url('/furniture/images/backgrounds/OneMarine-header.jpg') center 0 no-repeat #28354c;
	border: none;
	width: 100%;
	height: 100%;
}

.widget_footer_OneMarine {
	color: #28354c;
	background: url('/furniture/images/backgrounds/OneMarine-Footer.jpg') center center no-repeat #28354c;
	text-align: center;
	width: 100%;
	height: 100%;
}

.widget_Vesselbay {
	background: url('/furniture/images/backgrounds/Vesselbay-header.jpg') center 0 no-repeat #2BAADF;
	border: none;
	width: 100%;
	height: 100%;
}

.widget_footer_Vesselbay {
	color: #3A486D;
	background: url('/furniture/images/backgrounds/Vesselbay-Footer.jpg') center center no-repeat #2BAADF;
	text-align: center;
	width: 100%;
	height: 100%;
}

/*---------------------------- UPLOAD DOCUMENTS - SEARCH RESULTS ----------------------------*/

div.numCustomer {
	width: 190px;
	float: left;
}

div.nameCustomer {
	width: 400px;
	float: left;
}



/*---------------------------- RESOURCES SECTION ----------------------------*/


div.resource_border {
	border-bottom: 1px solid #cfcfcf;
	padding: 0 0 30px 0;
	margin: 0 0 20px 0;
}

	div.resource_border:last-child {
		border-bottom: none;
		margin: 0;
		padding: 0 0 10px 0;
	}


/*==================================================================================================

    7. LISTS 
    
==================================================================================================*/

div#content ul {
	margin: 0;
	padding: 5px 0 10px 20px;
	list-style-type: disc;
}

	div#content ul:not(.wizard_steps) li {
		margin: 0;
		padding: 0 0 7px 0;
		list-style-type: disc;
	}

	div#content ul.bullet_list {
		margin: 0;
		padding: 5px 0 10px 0;
		font-size: 14px;
		list-style-type: none;
	}

		div#content ul.bullet_list li {
			margin: 0;
			padding: 7px 0 7px 25px;
			border-bottom: 1px solid #fff;
			list-style-type: none;
			background: url(/furniture/images/sitewide/sitewide_sprite_2.png) no-repeat -585px -222px #eeeeee;
		}

			div#content ul.bullet_list li a {
				color: #000;
				text-decoration: none;
			}

	div#content ul.tick_list {
		margin: 0;
		padding: 5px 0 10px 0;
		list-style-type: none;
	}

		div#content ul.tick_list li {
			margin: 0;
			padding: 0 0 10px 25px;
			list-style-type: none;
			background: url(/furniture/images/sitewide/sitewide_sprite_2.png) no-repeat -586px -283px;
		}

ul.additions_tick_list {
	margin: 0 !important;
	padding: 5px 0 10px 0 !important;
	list-style-type: none !important;
}

	ul.additions_tick_list li {
		margin: 0 !important;
		padding: 0 20px 10px 20px !important;
		list-style-type: none !important;
		background: url(/furniture/images/sitewide/sitewide_sprite_2.png) no-repeat -586px -283px;
		width: 25%;
		float: left;
		height: 30px;
	}

footer ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

	footer ul li {
		margin: 0;
		padding: 0 0 3px 0;
	}


div#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

	div#sidebar ul li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

div#content ol {
	padding: 5px 0 10px 22px;
	margin: 0;
}

	div#content ol li {
		margin: 0;
		padding: 0 0 10px 0;
	}

/*

    background-image: url(../../includes/images/ul_mark.gif);
background-color: rgb(238, 238, 238);
font-size: 16px;
background-repeat: no-repeat;
background-position: 0 13px;
padding: 10px 0px 10px 20px;
margin-top: 3px;
*/




/*==================================================================================================

    8. TABLES
    
 ====================================================================================================*/

table {
	width: 100%;
	border-collapse: collapse;
	/*margin: 0 0 20px 0;*/
}

	table th {
		padding: 7px 15px;
		font-weight: bold;
		color: #FFFFFF;
		border: 1px solid #0072a7;
		background: #4096ee; /* Old browsers */
		background: -moz-linear-gradient(top, #4096ee 0%, #0072a7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(100%,#0072a7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* IE10+ */
		background: linear-gradient(to bottom, #4096ee 0%,#0072a7 100%); /* W3C */
		text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
	}

	table.parts th, table.claimitems th {
		padding: 3px 5px;
	}

	table th.last {
		border-right: none;
	}

	table td {
		padding: 7px 15px;
		/*border-top: 1px solid #85b1de;
    border-bottom: 1px solid #85b1de;*/
	}

		table td.nowrap {
			white-space: nowrap;
		}

	table.parts td, table.claimitems td {
		padding: 3px 5px;
	}

	table.parts input[type=text], table.claimitems input[type=text] {
		padding: 3px;
		margin-bottom: 8px;
	}

	table tr:nth-child(odd) {
		background: #bcd5eb; /* Old browsers */
		background: -webkit-gradient(linear, left top, right top, from(#e0ebf6), to(#bcd5eb));
		background: -webkit-linear-gradient(top, #e0ebf6, #bcd5eb);
		background: -moz-linear-gradient(top, #e0ebf6, #bcd5eb);
		background: -o-linear-gradient(top, #e0ebf6, #bcd5eb);
		background: -ms-linear-gradient(top, #e0ebf6, #bcd5eb);
		background: linear-gradient(top, #e0ebf6, #bcd5eb);
	}

	table.nobg tr {
		background: none;
	}

	table tr:nth-child(even) {
		background: #FFF;
	}


	table.stats {
		width: 100%;
		border-collapse: collapse;
		margin: 0px;
		/*margin: 0 0 20px 0;
    border-top: 1px solid #85b1de;
    border-bottom: 1px solid #85b1de;*/
	}

		table.stats td {
			padding: 10px 10px;
			/*border-top: 1px solid #85b1de;
    border-bottom: 1px solid #85b1de;*/
		}

			table.stats td:first-child {
				font-weight: bold;
			}

		table.stats tr:nth-child(even) {
			background: #bcd5eb; /* Old browsers */
			background: -webkit-gradient(linear, left top, right top, from(#e0ebf6), to(#bcd5eb));
			background: -webkit-linear-gradient(top, #e0ebf6, #bcd5eb);
			background: -moz-linear-gradient(top, #e0ebf6, #bcd5eb);
			background: -o-linear-gradient(top, #e0ebf6, #bcd5eb);
			background: -ms-linear-gradient(top, #e0ebf6, #bcd5eb);
			background: linear-gradient(top, #e0ebf6, #bcd5eb);
		}

		table.stats tr:nth-child(odd) {
			background: #FFF;
		}

	/*table.chkListBusDescription,
    table.chkListAffiliateType { margin-top:8px; }

    table.chkListBusDescription input,
    table.chkListAffiliateType input { margin-top:11px; }

    table.chkListBusDescription label,
    table.chkListAffiliateType label { width:195px; }*/

	table.checkboxlist {
		margin-top: 8px;
	}

		table.checkboxlist input {
			margin-top: 11px;
			float: left;
			margin-right: 5px;
		}

		table.checkboxlist label {
			/*width: 195px;*/
			/*width: calc(100% - 13px);*/
			width: auto;
			margin-right: 5px;
			padding-top: 8px;
		}


/*==================================================================================================

    9. BUTTONS
    
==================================================================================================*/

.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	position: relative;
	cursor: pointer;
	border: none;
	/*border-radius: 20px;*/
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	color: #fff;
}

input[type=submit].button {
	-webkit-appearance: none;
}

/* Sizes ---------- */
.xsmall.button {
	font-size: 12px;
	padding: 6px 5px;
	width: auto;
}

.small.button {
	font-size: 12px;
	padding: 6px 15px;
	width: auto;
}

.medium.button {
	font-size: 13px;
	padding: 8px 25px;
	width: auto;
}

.medium_layout.button {
	font-size: 13px;
	padding: 8px 0;
	width: auto;
}

.large.button {
	font-size: 15px;
	padding: 9px 20px 9px 20px;
	width: auto;
	font-weight: bold;
}

.fullwidth.button {
	font-size: 20px;
	padding: 12px 20px 12px 20px;
	width: 85%;
	font-weight: bold;
}

.large.button-w {
	font-size: 15px;
	padding: 9px 20px 9px 20px;
	width: auto;
	font-weight: bold;
}

.large.button-onemarine {
	font-size: 15px;
	padding: 9px 20px 9px 20px;
	width: auto;
	font-weight: bold;
}

.large.button-vesselbay {
	font-size: 15px;
	padding: 9px 20px 9px 20px;
	width: auto;
	font-weight: bold;
}

/*-------- GREEN BUTTON ---------- */

.button.green {
	color: #fff;
	background: #0CC01A; /* Old browsers */
	background: -moz-linear-gradient(top, #4BF182 0%, #0CC01A 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4BF182), color-stop(100%,#0CC01A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4BF182 0%,#0CC01A 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4BF182 0%,#0CC01A 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4BF182 0%,#0CC01A 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4BF182 0%,#0CC01A 100%); /* W3C */
	border: 1px solid #0CC01A;
	cursor: pointer;
}

	.button.green:hover {
		color: #fff;
		background: #535353; /* Old browsers */
		background: -webkit-gradient(linear, left top, right top, from(#535353), to(#2b2b2b));
		background: -webkit-linear-gradient(top, #535353, #2b2b2b);
		background: -moz-linear-gradient(top, #535353, #2b2b2b);
		background: -o-linear-gradient(top, #535353, #2b2b2b);
		background: -ms-linear-gradient(top, #535353, #2b2b2b);
		background: linear-gradient(top, #535353, #2b2b2b);
		border: 1px solid #000;
		text-decoration: none;
		transition: background .5s ease-out, border .2s ease-out;
		-moz-transition: background .5s ease-out, border .2s ease-out;
		-webkit-transition: background .5s ease-out, border .2s ease-out;
		-o-transition: background .5s ease-out, border .2s ease-out;
	}



/*-------- ORANGE BUTTON ---------- */

.button.orange {
	color: #fff;
	background: #ec8213; /* Old browsers */
	background: -moz-linear-gradient(top, #f2a950 0%, #ec8213 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2a950), color-stop(100%,#ec8213)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2a950 0%,#ec8213 100%); /* W3C */
	border: 1px solid #ec8213;
	cursor: pointer;
}

	.button.orange:hover {
		color: #fff;
		background: #535353; /* Old browsers */
		background: -webkit-gradient(linear, left top, right top, from(#535353), to(#2b2b2b));
		background: -webkit-linear-gradient(top, #535353, #2b2b2b);
		background: -moz-linear-gradient(top, #535353, #2b2b2b);
		background: -o-linear-gradient(top, #535353, #2b2b2b);
		background: -ms-linear-gradient(top, #535353, #2b2b2b);
		background: linear-gradient(top, #535353, #2b2b2b);
		border: 1px solid #000;
		text-decoration: none;
		transition: background .5s ease-out, border .2s ease-out;
		-moz-transition: background .5s ease-out, border .2s ease-out;
		-webkit-transition: background .5s ease-out, border .2s ease-out;
		-o-transition: background .5s ease-out, border .2s ease-out;
	}

	.button.orange.selected {
		color: #fff;
		background: #4096ee; /* Old browsers */
		background: -moz-linear-gradient(top, #4096ee 0%, #0072a7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(100%,#0072a7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* IE10+ */
		background: linear-gradient(to bottom, #4096ee 0%,#0072a7 100%); /* W3C */
		border: 1px solid #4096ee;
		text-decoration: none;
	}


.button-w.orange {
	color: #fff;
	background: #ec8213; /* Old browsers */
	background: -moz-linear-gradient(top, #f2a950 0%, #ec8213 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2a950), color-stop(100%,#ec8213)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2a950 0%,#ec8213 100%); /* W3C */
	border: 1px solid #ec8213;
	cursor: pointer;
}

	.button-w.orange:hover {
		color: #fff;
		background: #535353; /* Old browsers */
		background: -webkit-gradient(linear, left top, right top, from(#535353), to(#2b2b2b));
		background: -webkit-linear-gradient(top, #535353, #2b2b2b);
		background: -moz-linear-gradient(top, #535353, #2b2b2b);
		background: -o-linear-gradient(top, #535353, #2b2b2b);
		background: -ms-linear-gradient(top, #535353, #2b2b2b);
		background: linear-gradient(top, #535353, #2b2b2b);
		border: 1px solid #000;
		text-decoration: none;
		transition: background .5s ease-out, border .2s ease-out;
		-moz-transition: background .5s ease-out, border .2s ease-out;
		-webkit-transition: background .5s ease-out, border .2s ease-out;
		-o-transition: background .5s ease-out, border .2s ease-out;
	}



/*-------- OneMarine Widget BUTTON ---------- */
.button-onemarine {
	color: #fff;
	background: #c29869; /* Old browsers */
	background: -moz-linear-gradient(top, #f2a950 0%, #c29869 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2a950), color-stop(100%,#c29869)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2a950 0%,#c29869 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2a950 0%,#c29869 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2a950 0%,#c29869 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2a950 0%,#c29869 100%); /* W3C */
	border: 1px solid #c29869;
	cursor: pointer;
}

	.button-onemarine:hover {
		color: #fff;
		background: #535353; /* Old browsers */
		background: -webkit-gradient(linear, left top, right top, from(#535353), to(#2b2b2b));
		background: -webkit-linear-gradient(top, #535353, #2b2b2b);
		background: -moz-linear-gradient(top, #535353, #2b2b2b);
		background: -o-linear-gradient(top, #535353, #2b2b2b);
		background: -ms-linear-gradient(top, #535353, #2b2b2b);
		background: linear-gradient(top, #535353, #2b2b2b);
		border: 1px solid #000;
		text-decoration: none;
		transition: background .5s ease-out, border .2s ease-out;
		-moz-transition: background .5s ease-out, border .2s ease-out;
		-webkit-transition: background .5s ease-out, border .2s ease-out;
		-o-transition: background .5s ease-out, border .2s ease-out;
	}

/*-------- Vesselbay Widget BUTTON ---------- */
.button-vesselbay {
	color: #fff;
	background: #2BAADF; /* Old browsers */
	background: -moz-linear-gradient(top, #2BAADF 0%, #c29869 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2BAADF), color-stop(100%,#2BAADF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2BAADF 0%,#2BAADF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2BAADF 0%,#2BAADF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2BAADF 0%,#2BAADF 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2BAADF 0%,#2BAADF 100%); /* W3C */
	border: 1px solid #2BAADF;
	cursor: pointer;
}

	.button-vesselbay:hover {
		color: #fff;
		background: #3a486d; /* Old browsers */
		background: -webkit-gradient(linear, left top, right top, from(#3a486d), to(#3a486d));
		background: -webkit-linear-gradient(top, #3a486d, #3a486d);
		background: -moz-linear-gradient(top, #3a486d, #3a486d);
		background: -o-linear-gradient(top, #3a486d, #3a486d);
		background: -ms-linear-gradient(top, #3a486d, #3a486d);
		background: linear-gradient(top, #3a486d, #3a486d);
		border: 1px solid #3a486d;
		text-decoration: none;
		transition: background .5s ease-out, border .2s ease-out;
		-moz-transition: background .5s ease-out, border .2s ease-out;
		-webkit-transition: background .5s ease-out, border .2s ease-out;
		-o-transition: background .5s ease-out, border .2s ease-out;
	}

/*-------- RED BUTTON ---------- */


.red.button {
	color: #FFF;
	border: 1px solid #9d2444;
	background: #e75555; /* Old browsers */
	background: -webkit-gradient(linear, left top, right top, from(#e75555), to(#e03a3a));
	background: -webkit-linear-gradient(top, #e75555, #e03a3a);
	background: -moz-linear-gradient(top, #e75555, #e03a3a);
	background: -o-linear-gradient(top, #e75555, #e03a3a);
	background: -ms-linear-gradient(top, #e75555, #e03a3a);
	background: linear-gradient(top, #e75555, #e03a3a);
}

	.red.button:hover {
		background: #535353; /* Old browsers */
		background: -webkit-gradient(linear, left top, right top, from(#535353), to(#2b2b2b));
		background: -webkit-linear-gradient(top, #535353, #2b2b2b);
		background: -moz-linear-gradient(top, #535353, #2b2b2b);
		background: -o-linear-gradient(top, #535353, #2b2b2b);
		background: -ms-linear-gradient(top, #535353, #2b2b2b);
		background: linear-gradient(top, #535353, #2b2b2b);
		color: #fff;
		text-decoration: none;
		border: 1px solid #000;
		transition: background .5s ease-out, border .2s ease-out;
		-moz-transition: background .5s ease-out, border .2s ease-out;
		-webkit-transition: background .5s ease-out, border .2s ease-out;
		-o-transition: background .5s ease-out, border .2s ease-out;
	}



/*-------- GREEN BUTTON ---------- */

.button-w {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	position: relative;
	cursor: pointer;
	border: none;
	/*border-radius: 0px;*/
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	color: #fff;
}

.green.button-w {
	color: #FFF;
	border: 1px solid #68a01c;
	background: #0cc01a; /* Old browsers */
}

	.green.button-w:hover {
		background: #535353; /* Old browsers */
		background: -webkit-gradient(linear, left top, right top, from(#535353), to(#2b2b2b));
		background: -webkit-linear-gradient(top, #535353, #2b2b2b);
		background: -moz-linear-gradient(top, #535353, #2b2b2b);
		background: -o-linear-gradient(top, #535353, #2b2b2b);
		background: -ms-linear-gradient(top, #535353, #2b2b2b);
		background: linear-gradient(top, #535353, #2b2b2b);
		color: #fff;
		text-decoration: none;
		border: 1px solid #000;
		transition: background .5s ease-out, border .2s ease-out;
		-moz-transition: background .5s ease-out, border .2s ease-out;
		-webkit-transition: background .5s ease-out, border .2s ease-out;
		-o-transition: background .5s ease-out, border .2s ease-out;
	}



/*-------- BLUE BUTTON-W ---------- */

.blue.button-w {
	color: #FFF;
	border: 1px solid #0072a7;
	background: #4096ee; /* Old browsers */
	background: -moz-linear-gradient(top, #4096ee 0%, #0072a7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(100%,#0072a7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4096ee 0%,#0072a7 100%); /* W3C */
}

.blue.button.darkBorder {
	border: 1px solid #336EAA;
}

.blue.button-w.nav {
	border: none;
}

.blue.button-w:hover {
	background: #535353; /* Old browsers */
	background: -webkit-gradient(linear, left top, right top, from(#535353), to(#2b2b2b));
	background: -webkit-linear-gradient(top, #535353, #2b2b2b);
	background: -moz-linear-gradient(top, #535353, #2b2b2b);
	background: -o-linear-gradient(top, #535353, #2b2b2b);
	background: -ms-linear-gradient(top, #535353, #2b2b2b);
	background: linear-gradient(top, #535353, #2b2b2b);
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
	transition: background .5s ease-out, border .2s ease-out;
	-moz-transition: background .5s ease-out, border .2s ease-out;
	-webkit-transition: background .5s ease-out, border .2s ease-out;
	-o-transition: background .5s ease-out, border .2s ease-out;
}

.blue.button-w.nav:hover {
	border: none;
}



/*-------- BLUE BUTTON ---------- */

.blue.button {
	color: #FFF;
	border: 1px solid #0072a7;
	background: #4096ee; /* Old browsers */
	background: -moz-linear-gradient(top, #4096ee 0%, #0072a7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(100%,#0072a7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4096ee 0%,#0072a7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4096ee 0%,#0072a7 100%); /* W3C */
}

	.blue.button.darkBorder {
		border: 1px solid #336EAA;
	}

	.blue.button.nav {
		border: none;
	}

	.blue.button:hover {
		background: #535353; /* Old browsers */
		background: -webkit-gradient(linear, left top, right top, from(#535353), to(#2b2b2b));
		background: -webkit-linear-gradient(top, #535353, #2b2b2b);
		background: -moz-linear-gradient(top, #535353, #2b2b2b);
		background: -o-linear-gradient(top, #535353, #2b2b2b);
		background: -ms-linear-gradient(top, #535353, #2b2b2b);
		background: linear-gradient(top, #535353, #2b2b2b);
		color: #fff;
		text-decoration: none;
		border: 1px solid #000;
		transition: background .5s ease-out, border .2s ease-out;
		-moz-transition: background .5s ease-out, border .2s ease-out;
		-webkit-transition: background .5s ease-out, border .2s ease-out;
		-o-transition: background .5s ease-out, border .2s ease-out;
	}

	.blue.button.nav:hover {
		border: none;
	}



/*-------- BLACK BUTTON ---------- */

.black.button {
	color: #FFF;
	background: #535353; /* Old browsers */
	background: -webkit-gradient(linear, left top, right top, from(#535353), to(#2b2b2b));
	background: -webkit-linear-gradient(top, #535353, #2b2b2b);
	background: -moz-linear-gradient(top, #535353, #2b2b2b);
	background: -o-linear-gradient(top, #535353, #2b2b2b);
	background: -ms-linear-gradient(top, #535353, #2b2b2b);
	background: linear-gradient(top, #535353, #2b2b2b);
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
	transition: background .5s ease-out, border .2s ease-out;
	-moz-transition: background .5s ease-out, border .2s ease-out;
	-webkit-transition: background .5s ease-out, border .2s ease-out;
	-o-transition: background .5s ease-out, border .2s ease-out;
}

	.black.button:hover {
		border: 1px solid #7abcff;
		background: #7abcff; /* Old browsers */
		background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */
		background: linear-gradient(to bottom, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */
		text-decoration: none;
		transition: background .5s ease-out, border .2s ease-out;
		-moz-transition: background .5s ease-out, border .2s ease-out;
		-webkit-transition: background .5s ease-out, border .2s ease-out;
		-o-transition: background .5s ease-out, border .2s ease-out;
	}




/*==================================================================================================

    10. MAIN NAVIGATION - CSS DROP DOWN MENU WITH JQUERY FADE IN EFFECT - ALTERED BY ATELIER - INSPIRED BY - http://www.webinterfacelab.com/snippets/tabbed-navigation
    
==================================================================================================*/

nav {
	width: 100%;
}

	nav.main {
		width: 60%;
	}

	nav.portalmain {
		width: 60%;
		float: right;
		clear: both;
	}

.clearfix {
	width: 100%;
	float: left;
	clear: both;
}

/*------ MAIN NAV ITEMS ---------*/

ul.main_nav {
	z-index: 80;
	width: calc(100% - 2px);
	height: 46px;
	/*border-radius: 10px 10px;*/
	border: 1px solid #999;
	/*background: url(/furniture/images/backgrounds/back_coolMetalHorizShort_2.png) repeat-x 0 0;*/
	margin: 0 0 10px 0;
	background: rgb(242,169,80);
	background: -moz-linear-gradient(180deg, rgba(242,169,80,1) 0%, rgba(236,130,20,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(242,169,80,1) 0%, rgba(236,130,20,1) 100%);
	background: linear-gradient(180deg, rgba(242,169,80,1) 0%, rgba(236,130,20,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2a950",endColorstr="#ec8214",GradientType=1);
}

	ul.main_nav > li {
		float: left;
		/*width: 12.5%;*/
		width: 14.286%;
	}

		ul.main_nav > li > a {
			display: block;
			height: 46px;
			font-size: 14px;
			/*padding: 12px 34px 6px 34px;*/
			text-align: center;
			padding: 12px 0 0 0;
			color: #fff;
			text-decoration: none;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

		ul.main_nav > li.liright > a {
			/*padding: 12px 35px 6px 35px;*/
		}

		ul.main_nav > li > a:hover,
		ul.main_nav > li.current > a:not(.blue),
		ul.main_nav > li > a:active,
		ul.main_nav > li.dropdown:hover > a {
			background: rgba(0,0,0,0.3);
			color: #FFFFFF;
			text-decoration: none;
		}

		ul.main_nav > li:first-child > a {
			/*border-radius: 8px 0 0 8px;*/
		}

		ul.main_nav > li:last-child > a {
			/*border-radius: 0 8px 8px 0;*/
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0;
		}

/*ul.main_nav > li:last-child { float: right!important; }*/


/*------ SECONDARY MAIN NAV ITEMS ---------*/

.secondary_main_nav {
	width: 100%;
	height: 36px;
	position: relative;
	z-index: 0;
	/*border-radius: 10px 10px;*/
	border: 1px solid #999;
	background: rgba(0,0,0,0.9);
	margin: 0 0 20px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

	.secondary_main_nav > ul {
		height: 36px;
		float: left;
		position: relative;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

		.secondary_main_nav > ul > li {
			float: left;
		}

			.secondary_main_nav > ul > li > a {
				display: block;
				font-size: 14px;
				padding: 8px 35px 8px 34px;
				color: #fff;
				text-decoration: none;
			}

				.secondary_main_nav > ul > li > a:hover,
				.secondary_main_nav > ul > li.current > a,
				.secondary_main_nav > ul > li > a:active,
				.secondary_main_nav > ul > li.dropdown:hover > a {
					background: rgba(0,0,0,0.3);
					color: #FFFFFF;
					text-decoration: none;
				}

			.secondary_main_nav > ul > li:first-child > a {
				/*border-radius: 8px 0 0 8px;*/
			}

/*ul.secondary_main_nav  > li:last-child > a { 
        border-radius: 0 8px 8px 0; 
        }

        ul.secondary_main_nav  > li:last-child { float: right!important; }*/

div.loggedIn {
	font-size: 12px;
	padding: 8px 24px 8px 24px;
	color: #fff;
	text-decoration: none;
	float: right;
}


/*------ CASCADING STYLES FOR DROP DOWN LINK STYLES ---------*/


li.dropdown li {
	display: block;
	overflow: visible;
	float: left;
	width: 100%;
}

	li.dropdown li a {
		display: block;
		color: #666;
		padding: 10px 5px 10px 20px;
		float: left;
		min-width: 125px;
		border-top: 1px solid #eee;
		text-decoration: none;
		width: calc(100% - 25px);
		position: relative;
	}

		li.dropdown li a.snapper:before {
			content: '';
			position: absolute;
			top: calc(50% - 5px);
			left: 4px;
			width: 0;
			height: 0;
			border-top: 5px solid transparent;
			border-bottom: 5px solid transparent;
			border-left: 10px solid #ec8213;
		}

		li.dropdown li a.snapper:hover:before {
			border-left: 10px solid #FFFFFF;
		}

		li.dropdown li a.snapper.snapped:before {
			transform: rotate(90deg);
		}

	li.dropdown li:first-child a {
		border-top: none;
	}

	li.dropdown li:last-child a {
		/*border-radius: 0 0 8px 8px;*/
	}

	li.dropdown li a:hover {
		color: #fff;
		background: #ec8213;
		text-decoration: none;
	}

/*------ DROP DOWN LEVEL ONE ---------*/

li.lileft {
	border-right: 1px solid #999;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

li.dropdown {
	position: relative;
	border-right: 1px solid #999;
	z-index: 9999;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

	li.dropdown:last-child {
		border-right: none;
	}

.secondary_main_nav ul li.liright {
	border-right: 1px solid #999;
}

li.dropdown ul.sub_menu {
	display: none;
	position: absolute;
	top: 47px;
	left: -1px;
	/*min-width: 180px;*/
	width: 100%;
	background: #fff;
	/*border-radius: 0 0 8px 8px;*/
	border-bottom: 1px solid #b9c3cd;
	border-left: 1px solid #b9c3cd;
	border-right: 1px solid #b9c3cd;
	-webkit-box-shadow: 0px 3px 5px 2px rgba(145, 145, 145, 0.2);
	box-shadow: 0px 3px 5px 2px rgba(145, 145, 145, 0.2);
}

li.dropdown:last-of-type ul.sub_menu {
	right: 0;
	left: auto;
}

/*------ DROP DOWN LEVEL TWO ---------*/

li.dropdown > ul > li.page_item {
	position: relative;
}

	li.dropdown > ul > li.page_item ul {
		display: none;
		position: absolute;
		top: -1px;
		left: 180px;
		min-width: 180px;
	}

/* ---------- This is only need if your not using the jQuery fade in functionality, switching this on would make pure CSS menus work

    li.dropdown:hover ul {
        display: block;
        }
    
    li.dropdown > ul > li.page_item:hover ul {
        display: block;
        }

*/





/*==================================================================================================

    11. SIDEBAR SUB NAVIGATION
    
==================================================================================================*/

ul.sidebar_nav {
	float: left;
	width: 100%;
}

	ul.sidebar_nav > li {
		float: left;
		clear: both;
		width: 100%;
	}

		ul.sidebar_nav > li > a {
			display: block;
			padding: 12px 20px 12px 10px;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			border-left: 1px solid #cfcfcf;
			border-right: 1px solid #cfcfcf;
			border-bottom: 1px solid #cfcfcf;
			font-size: 14px;
			/*background: url(/furniture/images/sitewide/sitewide_sprite_2.png) no-repeat -575px -80px #fff;
    background: #edba4f;*/
			background: #ec8213;
			background: -moz-linear-gradient(top, #f2a950 0%, #ec8213 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2a950), color-stop(100%,#ec8213));
			background: -webkit-linear-gradient(top, #f2a950 0%,#ec8213 100%);
			background: -o-linear-gradient(top, #f2a950 0%,#ec8213 100%);
			background: -ms-linear-gradient(top, #f2a950 0%,#ec8213 100%);
			background: linear-gradient(to bottom, #f2a950 0%,#ec8213 100%);
		}

			ul.sidebar_nav > li > a:hover,
			ul.sidebar_nav > li.current > a,
			ul.sidebar_nav > li.current > a:hover {
				background: #a76a25;
			}


		ul.sidebar_nav > li.toplevel > a {
			text-decoration: none;
			color: #fff;
			/*background-image: url(/furniture/images/sitewide/sitewide_sprite_2.png), url(/furniture/images/backgrounds/back_coolMetalHorizShort_2.png);
        background-repeat: no-repeat, repeat;
        background-position: -575px 10px, 0 0;*/
		}

		/* ul.sidebar_nav > li.current > a,
        ul.sidebar_nav > li.current > a:hover {
        text-decoration: none;
        color: #fff;
        background: url(/furniture/images/sitewide/sitewide_sprite_2.png) no-repeat -575px -146px #e3a534;
        }*/

		ul.sidebar_nav > li:first-child > a {
			/*-webkit-border-radius: 6px 6px 0 0;
			border-radius: 6px 6px 0 0;*/
		}

	/*ul.sidebar_nav > li:last-child > a { -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }*/


	/* --------------------- SECOND LEVEL NAVIGATION ------------------------- */

	ul.sidebar_nav li ul {
		display: block;
		clear: both;
		float: left;
		width: 100%;
		list-style: none;
	}

		ul.sidebar_nav li ul li {
			clear: both;
			width: 100%;
		}

			ul.sidebar_nav li ul li a {
				display: block;
				padding: 12px 20px 12px 40px;
				color: #000;
				font-size: 13px;
				text-decoration: none;
				border-left: 1px solid #cfcfcf;
				border-right: 1px solid #cfcfcf;
				border-bottom: 1px solid #cfcfcf;
				background: url(/furniture/images/sitewide/sitewide_sprite_2.png) no-repeat -570px -110px #fafafa;
			}

				ul.sidebar_nav li ul li.current a,
				ul.sidebar_nav li ul li a:hover {
					text-decoration: none;
					color: #ffffff;
					background: url(/furniture/images/sitewide/sitewide_sprite_2.png) no-repeat -570px -110px #ec8213;
				}


/* --------------------- SECONDARY NAV ------------------------- */


ul.seconday_nav {
	padding: 0;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
	background: rgba(0, 0, 0, 0.2);
	/*-webkit-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;*/
}

	ul.seconday_nav li {
		float: right;
		list-style-type: none;
	}

		ul.seconday_nav li:first-child {
			padding: 0 0 0 0;
		}

		ul.seconday_nav li:last-child {
			padding: 0 0 0 10px;
		}

		ul.seconday_nav li a {
			display: block;
			padding: 10px 15px 11px 23px;
			font-size: 11px;
			line-height: 13px;
			color: #919191;
			text-decoration: none;
			background-image: url(/furniture/images/sitewide/sitewide_sprite_2.png);
			background-repeat: no-repeat;
		}

		ul.seconday_nav li.contact a {
			background-position: -473px -39px;
		}

		ul.seconday_nav li.chat a {
			background-position: -473px -15px;
		}

		ul.seconday_nav li.quote a {
			background-position: -473px 10px;
		}

		ul.seconday_nav li a:hover {
			text-decoration: underline;
		}


/*==================================================================================================

    12. MISC STYLES
    
==================================================================================================*/


.ui-datepicker {
	z-index: 1000 !Important;
}

.skip-link {
	position: absolute;
	top: -200px;
	left: 0px;
	width: 10px;
	height: 10px;
	z-index: 100;
}

div.pagination {
	float: left;
	width: 100%;
	padding: 20px 0 0 0;
}

#map {
	height: 380px;
	margin: 0 0 10px 0;
}

.recaptcha_only_if_privacy {
	display: none;
}





/* --------------------- DATEPICKER ------------------------- */


/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	position: absolute;
	left: -99999999px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ui-helper-clearfix {
	display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
	height: 1%;
}

.ui-helper-clearfix {
	display: block;
}
/* end clearfix */
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0);
}

#ui-datepicker-div {
	display: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.1em;
}

	.ui-widget .ui-widget {
		font-size: 1em;
	}

	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
		font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
		font-size: 1em;
	}

.ui-widget-content {
	border: 1px solid #dddddd;
	background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
	color: #333333;
}

	.ui-widget-content a {
		color: #333333;
	}

.ui-widget-header {
	border: 1px solid #e78f08;
	background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}

	.ui-widget-header a {
		color: #ffffff;
	}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
	border: 1px solid #cccccc;
	background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #1c94c4;
}

	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color: #1c94c4;
		text-decoration: none;
	}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	border: 1px solid #fbcb09;
	background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #c77405;
}

	.ui-state-hover a, .ui-state-hover a:hover {
		color: #c77405;
		text-decoration: none;
	}

.ui-state-active, .ui-widget-content .ui-state-active {
	border: 1px solid #fbd850;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #eb8f00;
}

	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color: #eb8f00;
		text-decoration: none;
	}

.ui-widget :active {
	outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	border: 1px solid #fed22f;
	background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
	color: #363636;
}

	.ui-state-highlight a, .ui-widget-content .ui-state-highlight a {
		color: #363636;
	}

.ui-state-error, .ui-widget-content .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
	color: #ffffff;
}

	.ui-state-error a, .ui-widget-content .ui-state-error a {
		color: #ffffff;
	}

.ui-state-error-text, .ui-widget-content .ui-state-error-text {
	color: #ffffff;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_228ef1_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_ffd27a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
	background-position: 0 0;
}

.ui-icon-carat-1-ne {
	background-position: -16px 0;
}

.ui-icon-carat-1-e {
	background-position: -32px 0;
}

.ui-icon-carat-1-se {
	background-position: -48px 0;
}

.ui-icon-carat-1-s {
	background-position: -64px 0;
}

.ui-icon-carat-1-sw {
	background-position: -80px 0;
}

.ui-icon-carat-1-w {
	background-position: -96px 0;
}

.ui-icon-carat-1-nw {
	background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
	background-position: -144px 0;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px;
}

.ui-icon-arrow-4 {
	background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px;
}

.ui-icon-extlink {
	background-position: -32px -80px;
}

.ui-icon-newwin {
	background-position: -48px -80px;
}

.ui-icon-refresh {
	background-position: -64px -80px;
}

.ui-icon-shuffle {
	background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px;
}

.ui-icon-folder-open {
	background-position: -16px -96px;
}

.ui-icon-document {
	background-position: -32px -96px;
}

.ui-icon-document-b {
	background-position: -48px -96px;
}

.ui-icon-note {
	background-position: -64px -96px;
}

.ui-icon-mail-closed {
	background-position: -80px -96px;
}

.ui-icon-mail-open {
	background-position: -96px -96px;
}

.ui-icon-suitcase {
	background-position: -112px -96px;
}

.ui-icon-comment {
	background-position: -128px -96px;
}

.ui-icon-person {
	background-position: -144px -96px;
}

.ui-icon-print {
	background-position: -160px -96px;
}

.ui-icon-trash {
	background-position: -176px -96px;
}

.ui-icon-locked {
	background-position: -192px -96px;
}

.ui-icon-unlocked {
	background-position: -208px -96px;
}

.ui-icon-bookmark {
	background-position: -224px -96px;
}

.ui-icon-tag {
	background-position: -240px -96px;
}

.ui-icon-home {
	background-position: 0 -112px;
}

.ui-icon-flag {
	background-position: -16px -112px;
}

.ui-icon-calendar {
	background-position: -32px -112px;
}

.ui-icon-cart {
	background-position: -48px -112px;
}

.ui-icon-pencil {
	background-position: -64px -112px;
}

.ui-icon-clock {
	background-position: -80px -112px;
}

.ui-icon-disk {
	background-position: -96px -112px;
}

.ui-icon-calculator {
	background-position: -112px -112px;
}

.ui-icon-zoomin {
	background-position: -128px -112px;
}

.ui-icon-zoomout {
	background-position: -144px -112px;
}

.ui-icon-search {
	background-position: -160px -112px;
}

.ui-icon-wrench {
	background-position: -176px -112px;
}

.ui-icon-gear {
	background-position: -192px -112px;
}

.ui-icon-heart {
	background-position: -208px -112px;
}

.ui-icon-star {
	background-position: -224px -112px;
}

.ui-icon-link {
	background-position: -240px -112px;
}

.ui-icon-cancel {
	background-position: 0 -128px;
}

.ui-icon-plus {
	background-position: -16px -128px;
}

.ui-icon-plusthick {
	background-position: -32px -128px;
}

.ui-icon-minus {
	background-position: -48px -128px;
}

.ui-icon-minusthick {
	background-position: -64px -128px;
}

.ui-icon-close {
	background-position: -80px -128px;
}

.ui-icon-closethick {
	background-position: -96px -128px;
}

.ui-icon-key {
	background-position: -112px -128px;
}

.ui-icon-lightbulb {
	background-position: -128px -128px;
}

.ui-icon-scissors {
	background-position: -144px -128px;
}

.ui-icon-clipboard {
	background-position: -160px -128px;
}

.ui-icon-copy {
	background-position: -176px -128px;
}

.ui-icon-contact {
	background-position: -192px -128px;
}

.ui-icon-image {
	background-position: -208px -128px;
}

.ui-icon-video {
	background-position: -224px -128px;
}

.ui-icon-script {
	background-position: -240px -128px;
}

.ui-icon-alert {
	background-position: 0 -144px;
}

.ui-icon-info {
	background-position: -16px -144px;
}

.ui-icon-notice {
	background-position: -32px -144px;
}

.ui-icon-help {
	background-position: -48px -144px;
}

.ui-icon-check {
	background-position: -64px -144px;
}

.ui-icon-bullet {
	background-position: -80px -144px;
}

.ui-icon-radio-off {
	background-position: -96px -144px;
}

.ui-icon-radio-on {
	background-position: -112px -144px;
}

.ui-icon-pin-w {
	background-position: -128px -144px;
}

.ui-icon-pin-s {
	background-position: -144px -144px;
}

.ui-icon-play {
	background-position: 0 -160px;
}

.ui-icon-pause {
	background-position: -16px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-icon-seek-start {
	background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
	background-position: -80px -160px;
}

.ui-icon-stop {
	background-position: -96px -160px;
}

.ui-icon-eject {
	background-position: -112px -160px;
}

.ui-icon-volume-off {
	background-position: -128px -160px;
}

.ui-icon-volume-on {
	background-position: -144px -160px;
}

.ui-icon-power {
	background-position: 0 -176px;
}

.ui-icon-signal-diag {
	background-position: -16px -176px;
}

.ui-icon-signal {
	background-position: -32px -176px;
}

.ui-icon-battery-0 {
	background-position: -48px -176px;
}

.ui-icon-battery-1 {
	background-position: -64px -176px;
}

.ui-icon-battery-2 {
	background-position: -80px -176px;
}

.ui-icon-battery-3 {
	background-position: -96px -176px;
}

.ui-icon-circle-plus {
	background-position: 0 -192px;
}

.ui-icon-circle-minus {
	background-position: -16px -192px;
}

.ui-icon-circle-close {
	background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px;
}

.ui-icon-circle-check {
	background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
}

.ui-corner-tr {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.ui-corner-bl {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.ui-corner-br {
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.ui-corner-top {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.ui-corner-bottom {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.ui-corner-right {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.ui-corner-left {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
	opacity: .50;
	filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
	opacity: .20;
	filter: Alpha(Opacity=20);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* Datepicker
/* Slider
----------------------------------*/
.ui-slider {
	position: relative;
	text-align: left;
}

	.ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 1.2em;
		height: 1.2em;
		cursor: default;
	}

	.ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		font-size: .7em;
		display: block;
		border: 0;
		background-position: 0 0;
	}

.ui-slider-horizontal {
	height: .8em;
}

	.ui-slider-horizontal .ui-slider-handle {
		top: -.3em;
		margin-left: -.6em;
	}

	.ui-slider-horizontal .ui-slider-range {
		top: 0;
		height: 100%;
	}

	.ui-slider-horizontal .ui-slider-range-min {
		left: 0;
	}

	.ui-slider-horizontal .ui-slider-range-max {
		right: 0;
	}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

	.ui-slider-vertical .ui-slider-handle {
		left: -.3em;
		margin-left: 0;
		margin-bottom: -.6em;
	}

	.ui-slider-vertical .ui-slider-range {
		left: 0;
		width: 100%;
	}

	.ui-slider-vertical .ui-slider-range-min {
		bottom: 0;
	}

	.ui-slider-vertical .ui-slider-range-max {
		top: 0;
	}
/* Datepicker
----------------------------------*/
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
}

	.ui-datepicker .ui-datepicker-header {
		position: relative;
		padding: .2em 0;
		width: 99%;
	}

	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
		position: absolute;
		top: 2px;
		width: 1.8em;
		height: 1.8em;
	}

	.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
		top: 1px;
	}

	.ui-datepicker .ui-datepicker-prev {
		left: 2px;
	}

	.ui-datepicker .ui-datepicker-next {
		right: 2px;
	}

	.ui-datepicker .ui-datepicker-prev-hover {
		left: 1px;
	}

	.ui-datepicker .ui-datepicker-next-hover {
		right: 1px;
	}

	.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -8px;
		top: 50%;
		margin-top: -8px;
	}

	.ui-datepicker .ui-datepicker-title {
		margin: 0 2.3em;
		line-height: 1.8em;
		text-align: center;
	}

		.ui-datepicker .ui-datepicker-title select {
			font-size: 1em;
			margin: 1px 0;
		}

	.ui-datepicker select.ui-datepicker-month-year {
		width: 100%;
	}

	.ui-datepicker select.ui-datepicker-month,
	.ui-datepicker select.ui-datepicker-year {
		width: 49%;
	}

	.ui-datepicker table {
		width: 100%;
		font-size: .9em;
		border-collapse: collapse;
		margin: 0 0 .4em;
	}

	.ui-datepicker th {
		padding: .7em .3em;
		text-align: center;
		font-weight: bold;
		border: 0;
	}

	.ui-datepicker td {
		border: 0;
		padding: 1px;
	}

		.ui-datepicker td span, .ui-datepicker td a {
			display: block;
			padding: .2em;
			text-align: right;
			text-decoration: none;
		}

	.ui-datepicker .ui-datepicker-buttonpane {
		background-image: none;
		margin: .7em 0 0 0;
		padding: 0 .2em;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}

		.ui-datepicker .ui-datepicker-buttonpane button {
			float: right;
			margin: .5em .2em .4em;
			cursor: pointer;
			padding: .2em .6em .3em .6em;
			width: auto;
			overflow: visible;
		}

			.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
				float: left;
			}

/* Datepicker tables */
table.ui-datepicker-calendar th, table.ui-datepicker-calendar tr {
	background: none !important;
}

table.ui-datepicker-calendar th {
	text-shadow: none !important;
	color: #333333 !important;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

	.ui-datepicker-multi .ui-datepicker-group table {
		width: 95%;
		margin: 0 auto .4em;
	}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}

	.ui-datepicker-rtl .ui-datepicker-prev {
		right: 2px;
		left: auto;
	}

	.ui-datepicker-rtl .ui-datepicker-next {
		left: 2px;
		right: auto;
	}

	.ui-datepicker-rtl .ui-datepicker-prev:hover {
		right: 1px;
		left: auto;
	}

	.ui-datepicker-rtl .ui-datepicker-next:hover {
		left: 1px;
		right: auto;
	}

	.ui-datepicker-rtl .ui-datepicker-buttonpane {
		clear: right;
	}

		.ui-datepicker-rtl .ui-datepicker-buttonpane button {
			float: left;
		}

			.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
				float: right;
			}

	.ui-datepicker-rtl .ui-datepicker-group {
		float: right;
	}

	.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
		border-right-width: 0;
		border-left-width: 1px;
	}

	.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
		border-right-width: 0;
		border-left-width: 1px;
	}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
	display: none; /*sorry for IE5*/
	display /**/: block; /*sorry for IE5*/
	position: absolute; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	top: -4px; /*must have*/
	left: -4px; /*must have*/
	width: 200px; /*must have*/
	height: 200px; /*must have*/
}


/* TIME PICKER STYLES */

div.ui-timepicker-div {
	float: left;
	clear: both;
	width: 204px;
	padding: 20px 10px 10px 10px;
}

	div.ui-timepicker-div dl,
	div.ui-timepicker-div dl dt,
	div.ui-timepicker-div dl dd {
		float: left;
		clear: both;
		width: 100%;
		font-style: normal;
		font-weight: bold;
		margin: 0;
		text-align: left;
	}

		div.ui-timepicker-div dl dt.ui_tpicker_time_label {
			float: left;
			clear: none;
			width: 60px;
			margin: 8px 0;
		}

		div.ui-timepicker-div dl dd.ui_tpicker_time {
			float: left;
			clear: none;
			width: 128px;
			margin: 8px 0;
			font-size: 14px;
			color: #FFFFFF;
			padding: 5px;
			background: #f6ad36;
			border: 1px solid #e78f08;
			-moz-border-radius: 4px 4px 4px 4px;
			-webkit-border-radius: 4px 4px 4px 4px;
			border-radius: 4px 4px 4px 4px;
			text-align: center;
		}

		div.ui-timepicker-div dl dt.ui_tpicker_hour_label,
		div.ui-timepicker-div dl dt.ui_tpicker_minute_label {
			margin: 8px 0;
			width: 60px;
		}

		div.ui-timepicker-div dl dd.ui_tpicker_hour,
		div.ui-timepicker-div dl dd.ui_tpicker_minute {
			float: left;
			clear: none;
			width: 130px;
			margin: 8px 0;
		}











/*==================================================================================================

    14. IMAGE REPLACEMENT
    
==================================================================================================*/

/*------------- IMAGE REPLACEMENT BUTTON RESETS - ADD ALL BUTTON CLASSES HERE -----------------*/
/*, div.divRenewCustomerWarranty a */
a.logo, span.logo, a.next, a.previous, p.social_icons a, a.money_back, span.money_back {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
}

/*-------- ICON BUTTONS ---------- */

/*div.divRenewCustomerWarranty a {
	margin-left: 10px;
	height: 17px;
}*/

/*div.divRenewCustomerWarranty a:hover, div.divExistingAssessments a:hover, div.divViewClaim a:hover {
		background-position: 0 -17px;
	}*/

a.btn-printOut {
	width: 20px;
	background: url('/furniture/images/buttons/btn-printOut.png') no-repeat 0 0;
	text-indent: -9999px;
}

a.btn-renewWarranty {
	width: 17px;
	height: 17px;
	background: url('/furniture/images/buttons/btn-renewWarranty.png') no-repeat 0 0;
	text-indent: -9999px;
}

a.btn-payexcessClaim {
	width: 17px;
	height: 17px;
	background: url('/furniture/images/buttons/btn-pay.png') no-repeat 0 0;
	text-indent: -9999px;
}

a.btn-viewDetails {
	width: 17px;
	height: 17px;
	background: url('/furniture/images/buttons/btn-completeDetails.png') no-repeat 0 0;
	text-indent: -9999px;
}

a.btn-completeDetails {
	width: 17px;
	height: 17px;
	background: url('/furniture/images/buttons/btn-completeDetails_2.png') no-repeat 0 0;
	text-indent: -9999px;
}

a.btn-viewInvoice {
	width: 17px;
	height: 17px;
	background: url('/furniture/images/buttons/btn-viewInvoice.png') no-repeat 0 0;
	text-indent: -9999px;
	z-index: 9999;
}

a.btn-linkTransfer {
	width: 21px;
	height: 17px;
	background: url('/furniture/images/buttons/btn-transfer.png') no-repeat 0 0;
	text-indent: -9999px;
}

a.btn-cancelClaim {
	width: 17px;
	height: 17px;
	background: url('/furniture/images/buttons/btn-cancelClaim.png') no-repeat 0 0;
	text-indent: -9999px;
}

a.btn-bin {
	width: 17px;
	height: 17px;
	background: url('/furniture/images/buttons/btn-bin.png') no-repeat 0 0;
	text-indent: -9999px;
}

a.btn-markComplete {
	width: 17px;
	height: 17px;
	background: url('/furniture/images/buttons/btn-markComplete.png') no-repeat 0 0;
	text-indent: -9999px;
}

a.btn-menuOptions {
	width: 20px;
	/*height: 17px !important;
	background: url(/furniture/images/buttons/btn-menuOptions.png) no-repeat 0 0;
	text-indent: -9999px !important;*/
	cursor: pointer !important;
	overflow: hidden !important;
	border: none !important;
	margin: 0 auto !important;
	text-decoration: none;
	display: block;
}

.menu_options {
	position: absolute;
	right: 0;
	top: 25px;
	/*right: 22px;
	top: 20px;*/
	background-color: white;
	z-index: 1;
	border: solid 1px #ec8213;
	/*margin: 10px;*/
	width: 155px;
}

	.menu_options:before {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 15px solid #ec8213;
		border-top: 10px solid transparent;
		content: '';
		/*display: block;*/
		display: none;
		position: relative;
		left: 146px;
		bottom: 15px;
		width: 0;
		height: 0;
		margin: -10px;
	}

	.menu_options a {
		display: table-row;
		margin: 10px;
		text-indent: 0 !important;
	}


/*------------- BUTTON RESETS ENDS -----------------*/

a.logo, span.logo {
	width: 399px;
	height: 98px;
	z-index: 4000;
	float: left;
	position: relative;
	overflow: hidden;
}

a.logo {
	max-width: 399px;
	width: 60%;
}

span.logo {
	background: url(/furniture/images/sitewide/sitewide_sprite_2.png) no-repeat 0 0;
}

.badge_telephone {
	float: right;
}

a.money_back, span.money_back {
	width: 105px;
	height: 90px;
	float: right;
	z-index: 4000;
	/*top: 13px;*/
	background: url(/furniture/images/sitewide/sitewide_sprite_2.png) no-repeat -417px 0;
	position: relative;
	overflow: hidden;
	margin: 4px 0 0 0;
}

.pagination a {
	display: inline-block;
	border-right: 1px solid #ccc;
	padding: 0 10px;
}

	.pagination a:last-child {
		border-right: none;
	}

.paging a {
	margin-right: 10px;
}

a.print_product {
	display: inline-block;
	padding: 0 0 0 30px;
	background: url(/furniture/images/sitewide/sitewide_sprite_2.png) no-repeat -370px -3px;
}

a.blog_rss_link {
	padding: 0 0 0 30px;
	display: block;
	background: url(/furniture/images/sitewide/sitewide_sprite_2.png) no-repeat -241px 0px;
}

p.social_icons {
	float: right;
	width: 70px;
}

	p.social_icons a {
		background-image: url(/furniture/images/sitewide/sitewide_sprite_2.png);
		width: 20px;
		height: 20px;
		float: left;
		margin: 0 0 0 15px;
	}

		p.social_icons a:hover {
			opacity: 0.7;
		}

a.facebook_icon {
	background-position: -195px 0;
}

a.twitter_icon {
	background-position: -213px 0;
}



/*==================================================================================================

    15. FORMS

 ====================================================================================================*/


/*============ FORM ELEMNET STYLES ================*/

form.page_form {
	float: none;
}

input, textarea, select, label {
	color: #333;
	margin: 0 0 10px 0;
}


/*============ LABEL STYLES ================*/

label {
	float: left;
	padding: 5px 0 0 0;
}

	label.extra_short {
		width: 20%;
		clear: both;
	}

	label.short, span.short {
		width: 30%;
		clear: both;
	}

	label.medium_small {
		width: 35%;
		clear: both;
	}

	label.medium {
		width: 50%;
		clear: both;
	}

	label.long {
		width: 80%;
		clear: both;
	}

	label.width_auto {
		width: auto !important;
	}

	label.check_box_label, .checkbox_container label {
		float: none;
		padding: 0 0 0 5px;
		margin: 0;
	}

	label.small_text_checkbox {
		font-weight: normal;
	}
/*Add this so span text aligns with labels*/
#content span {
	padding: 5px 0 0 0;
	/*27 Apr 2022 - Commented block as buttons were not aligning up on renewal page*/
	/*display: block;*/
}

#content .divAdditionContent span {
	padding: 0;
}
/*============ SELECT STYLES ================*/
select {
	float: left;
	font-size: 12px;
	padding: 5px; /*3px;*/
	/*height: 25px;*/
	margin: 0 0 15px 0;
	border: 1px solid #85b1de;
	background: url(/furniture/images/backgrounds/blue_bg.png) repeat-x 0 0 #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	select.short {
		width: 23%;
	}

	select.medium {
		width: 50%;
	}

	select.medium_long {
		width: 65%;
	}

	select.long_small {
		width: 80%;
	}

	select.long {
		width: 94%;
	}

	select.longer {
		width: 95%;
	}

	select.full_width {
		width: 99%;
	}

option {
	/* wrap text in compatible browsers */
	-moz-white-space: pre-wrap;
	-o-white-space: pre-wrap;
	white-space: pre-wrap;
	/* hide text that can't wrap with an ellipsis */
	overflow: hidden;
	text-overflow: ellipsis;
	/* add border after every option */
	border-bottom: 1px solid #DDD;
}

	option:before {
		white-space: break-spaces;
	}

.pnlAffiliatesDashboard select.long {
	width: 75%;
}
/*============ FIELDSET STYLES ================*/
fieldset {
	clear: both;
	border: none;
}
/*============ TEXT FIELD STYLES ================*/

input[type=text],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email],
input[type=password] {
	float: left;
	padding: 5px;
	margin: 0 0 15px 0;
	border: solid 1px #85b1de;
	background: url(/furniture/images/backgrounds/blue_bg.png) repeat-x 0 0 #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


input.extra_short {
	width: 20%;
}

input.short {
	width: 30%;
}

.payment_details input.short {
	width: 23%;
}

input.medium {
	width: 50%;
}

input.form_medium {
	width: 70%;
}

input.long {
	width: 75%;
}

input.long_small {
	width: 80%;
}

input.longer {
	width: 95%;
}

input.full_width {
	width: 99%;
}


input[type=checkbox] {
	margin-top: 3px;
}


/*============ TEXT AREA STYLES ================*/

textarea {
	float: left;
	height: 100px;
	margin: 0 0 15px 0;
	padding: 10px;
	border: solid 1px #85b1de;
	background: url(/furniture/images/backgrounds/blue_bg.png) repeat-x 0 0 #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	textarea.short {
		width: 20%;
	}

	textarea.medium {
		width: 50%;
	}

	textarea.long75 {
		width: 75%;
	}

	textarea.long {
		width: 99%;
	}

.textarea_div_replacement {
	float: left;
	height: 350px;
	margin: 15px 0 15px 0;
	padding: 10px;
	border: solid 1px #85b1de;
	background: url(/furniture/images/backgrounds/blue_bg.png) repeat-x 0 0 #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* PREVENT LONG URLs BREAKING OUT OF CONTAINER */
	-ms-word-break: break-all;
	/* Be VERY careful with this, breaks normal words wh_erever */
	word-break: break-all;
	/* Non standard for webkit */
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

	.textarea_div_replacement.short {
		width: 20%;
	}

	.textarea_div_replacement.medium {
		width: 50%;
	}

	.textarea_div_replacement.long {
		width: 99%;
	}

/*============ CHECK BOXES ================*/

.checkbox_container {
	float: left;
	clear: both;
}

span.checkbox input {
	margin-left: 10px;
	position: relative;
	top: 3px;
}

div.check_marketing {
	text-align: center;
}

/*============ UPLOAD INPUT STYLES ================*/

.fileContainer {
	overflow: hidden;
	position: relative;
}

	.fileContainer [type=file] {
		cursor: inherit;
		display: block;
		font-size: 999px;
		filter: alpha(opacity=0);
		min-height: 100%;
		min-width: 100%;
		opacity: 0;
		position: absolute;
		right: 0;
		text-align: right;
		top: 0;
	}

/* New stylistic flourishes */

.fileContainer {
	color: #fff;
	background: #ec8213; /* Old browsers */
	background: -moz-linear-gradient(top, #f2a950 0%, #ec8213 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2a950), color-stop(100%,#ec8213)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2a950 0%,#ec8213 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2a950 0%,#ec8213 100%); /* W3C */
	border: 1px solid #ec8213;
	cursor: pointer;
	font-size: 13px;
	padding: 8px 25px;
	width: auto;
	display: inline-block;
	/*border-radius: 20px;*/
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}


	.fileContainer:hover {
		color: #fff;
		background: #535353; /* Old browsers */
		background: -webkit-gradient(linear, left top, right top, from(#535353), to(#2b2b2b));
		background: -webkit-linear-gradient(top, #535353, #2b2b2b);
		background: -moz-linear-gradient(top, #535353, #2b2b2b);
		background: -o-linear-gradient(top, #535353, #2b2b2b);
		background: -ms-linear-gradient(top, #535353, #2b2b2b);
		background: linear-gradient(top, #535353, #2b2b2b);
		border: 1px solid #000;
		text-decoration: none;
		transition: background .5s ease-out, border .2s ease-out;
		-moz-transition: background .5s ease-out, border .2s ease-out;
		-webkit-transition: background .5s ease-out, border .2s ease-out;
		-o-transition: background .5s ease-out, border .2s ease-out;
	}

	.fileContainer [type=file] {
		cursor: pointer;
	}


/*--------- STOP ADDRESSES RUNNING UNDER LABEL -----------*/

div.address_block {
	width: 70%;
}


/*--------- ERROR MARKERS -----------*/

span.required_field {
	float: left;
	display: block;
	width: 1px;
	padding: 0 0 0 5px;
	margin: 0;
	font-size: 14px;
	line-height: 14px;
	color: #FF0000;
}

/*--------- ERROR MESSAGE STYLES -----------*/

div#divValidationSummary {
	margin: 0 0 20px 0;
}

	div#divValidationSummary p strong {
		margin: 0 0 20px 0;
		color: #E13E3E;
	}

	div#divValidationSummary:empty {
		margin: 0px;
	}

div#messages {
	margin: 0 0 20px 0;
}

div.ValidationSummary, .errorMessageContainer, div.confirmMessageContainer {
	float: left;
	width: 100%;
	margin: 0px 0 20px 0;
	margin: 0 0 20px 0;
	background: url(/dashboard/furniture/images/message_icons/warning.png) no-repeat 30px 20px #eb9a85;
	/*border: 1px solid #FFCC33;*/
	font-size: 1.2em;
}

	div.ValidationSummary.card-errors {
		background-image: none;
	}

div.ValidationSummary, .errorMessageContainer {
	/*background: #eb9a85;*/
	padding: 15px 0 15px 15px;
	/*-webkit-border-radius: 6px;
	border-radius: 6px;*/
}

div.ValidationSummary {
	padding: 0;
}

div.confirmMessageContainer {
	background: #cee67b;
	padding: 15px;
	/*-webkit-border-radius: 6px;
	border-radius: 6px;*/
	width: calc(100% - 30px);
}

/*=================== TEXT STYLES =====================*/

p.partnermessage, p.partnermessage {
	line-height: 20px;
	text-align: left;
	/*padding: 5px 5px 5px 0;*/
	margin: 0;
	font-weight: bold;
	/*color:#000;*/
	background: #cee67b;
	padding: 15px 0 15px 15px;
	/*-webkit-border-radius: 6px;
	border-radius: 6px;*/
	margin: 0px 0 20px 0;
}


div.confirmMessageContainer p,
div.ValidationSummary p,
div.errorMessageContainer p,
.errorMessageContainer span {
	line-height: 20px;
	text-align: center;
	padding: 20px 0 5px 0;
	margin: 0;
	font-weight: bold;
}

div.errorMessageContainer ul li {
	font-weight: bold;
}

div.ValidationSummary p,
div.errorMessageContainer p, div.errorMessageContainer ul li {
	color: #CC0000;
}

div.confirmMessageContainer p {
	color: #006633;
}

div.ValidationSummary ul {
	margin: 0 0 30px 0;
}

	div.ValidationSummary ul li, div#content div.ValidationSummary ul li {
		padding: 4px 20px 4px 20px;
		margin: 0;
		text-align: center;
		list-style-type: none;
		color: #CC0000;
		background: none;
	}


/*==================================================================================================

    18. IE STYLES - This is for all IE specfific style less than IE9 
    
==================================================================================================*/


.ie7 img {
	-ms-interpolation-mode: bicubic;
}

.old_browser_warning,
.old_browser_warning.hide {
	display: none;
}

#ie7 .old_browser_warning {
	background: #EB424D;
	color: #fff;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 9999;
	width: 100%;
	display: block;
}

#ie7 .cookie_notification, #ie8 .cookie_notification {
	background: #000;
}



/*==================================================================================================

    COOKIES POP UP

==================================================================================================*/

/*---------- INITIAL POP UP NOTIFICATION -----------*/


div.cookie_notification p, div.cookie_notification a.cookie_link {
	font-size: 13px;
	line-height: 14px;
	text-align: left;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
}

.js_OpenCookieFancyBox, .js_CloseFancyBox, .cookie_save {
	cursor: pointer;
}

.cookie_button_popup {
	padding-bottom: 10px;
}

div.cookie_notification a.cookie_link, div#cookie_settings_box a.cookie_link {
	color: #333333;
	text-decoration: underline !important;
}

.cookie_notification {
	position: fixed;
	width: 90%;
	left: 0;
	bottom: 0;
	padding: 15px 5% 5px 5%;
	background: rgba(0, 0, 0, 0.9);
	opacity: 0.95;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	z-index: 99999;
}

/*---------- FANCY BOX POP UP -----------*/

h2.cookie_heading {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	line-height: 18px;
	padding: 0 0 15px;
	text-transform: none;
}

h4.cookie_heading_smaller {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	padding: 0 0 25px;
	color: #333333;
}

	h4.cookie_heading_smaller.will {
		background: url(/furniture/images/cookies/accept.png) no-repeat 0 0;
		padding: 5px 0 15px 30px;
		text-align: left;
		color: #339900;
	}

	h4.cookie_heading_smaller.will_not {
		background: url(/furniture/images/cookies/delete.png) no-repeat 0 0;
		padding: 5px 0 15px 30px;
		text-align: left;
		color: #CC0000;
	}

div#cookie_settings_box p {
	padding: 0 0 15px;
}

ul.cookie_list {
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0;
	color: #4c4c4c;
	font-size: 11px;
}

	ul.cookie_list li {
		padding: 0 0 10px 15px;
		font-size: 11px;
		line-height: 14px;
		margin: 0;
		position: relative;
		background: url(/furniture/images/cookies/bullet_arrow.png) no-repeat 0 4px;
	}

/*-- Slider Styles --*/

.cookie_details {
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 30px;
	/*height: 215px;*/
	background-color: #fff2e9;
	border: 1px solid #f57421;
	z-index: 50;
	text-align: left;
	/*border-radius: 12px;*/
}

.width_700 {
	width: 700px;
}

.pop_up {
	padding: 40px;
}

.slider_point {
	float: left;
	font-weight: bold;
	color: #f57421;
	width: 33%;
}

	.slider_point a.selected {
		color: #1c94c4;
	}

	.slider_point a {
		text-decoration: none;
		font-size: 16px;
		color: #F57421;
		font-weight: bold;
	}

	.slider_point.second {
		text-align: center;
		padding-left: 0 !important;
	}

	.slider_point.third {
		float: left !important;
		text-align: right;
	}

.slider_labels {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 3px;
	padding-top: 10px;
}


/*-- Misc Styles --*/

.width_300 {
	width: 260px;
	padding: 0 0 0 40px;
}

.width_200 {
	width: 200px;
}

.cookie_buttons {
	text-align: right;
}

	.cookie_buttons .cookie_link {
		float: left;
	}

div.cookie_buttons a {
	color: #000000;
	text-decoration: underline;
}


/*--------- Footer Link -----------*/

p.cookiefooter {
	background: url(/furniture/images/cookies/mixer.png) no-repeat 0 0;
	background-position: 1px 5px;
	background-repeat: no-repeat;
	color: #515151;
	padding: 5px 0 0 27px;
	margin: 0;
	line-height: 14px;
	text-align: left;
	width: 95px;
	height: 30px;
	position: absolute;
	z-index: 200;
	top: 55px;
	right: -5px;
}

/*--------- PRIVACY LEVEL SLIDER STYLES - JQUERY UI STYLES -----------*/

div#cookie_settings_box .ui-widget-content {
	border: 1px solid #dddddd;
	background: #eeeeee 50% top repeat-x;
	color: #333333;
}

div#cookie_settings_box div.js_CookieSlider a.ui-state-default.ui-slider-handle {
	border: none;
	font-weight: bold;
	color: #1c94c4;
}

div#cookie_settings_box .ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div#cookie_settings_box .ui-slider {
	position: relative;
	text-align: left;
}

	div#cookie_settings_box .ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 25px;
		height: 29px;
		cursor: pointer;
		background: url(/furniture/images/cookies/slider_button.png) no-repeat 0 0;
	}

	div#cookie_settings_box .ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		font-size: .7em;
		display: block;
		border: 0;
		background-position: 0 0;
	}

/*div#cookie_settings_box .ui-slider-horizontal {
	height: .8em;
	margin: 0 0 0 33px;
	width: 641px;
	clear: both;
}*/
div#cookie_settings_box .ui-slider-horizontal {
	height: .8em;
	margin: 0;
	width: 98%;
	clear: both;
}

	div#cookie_settings_box .ui-slider-horizontal .ui-slider-range-min {
		left: 0;
	}

	div#cookie_settings_box .ui-slider-horizontal .ui-slider-range-max {
		right: 0;
	}

	div#cookie_settings_box .ui-slider-horizontal .ui-slider-handle {
		top: -1em;
		margin-left: -1em;
	}

	div#cookie_settings_box .ui-slider-horizontal .ui-slider-range {
		top: 0;
		height: 100%;
	}

/*--------- PRIVACY LEVEL SLIDER STYLES - ADDED STYLES -----------*/

.ui-slider-range-min {
	background: #1c94c4;
}

#cookie_settings_box p strong {
	font-size: 14px;
	padding: 0;
}

.slider_point {
	width: 33%;
}

	.slider_point.second {
		text-align: center;
		padding-left: 0 !important;
	}

	.slider_point.third {
		float: left !important;
		text-align: right;
	}






/*==================================================================================================

    19. AUTOCOMPLETE STYLES

==================================================================================================*/

span.spanAutoCompleteContainer {
	position: relative;
	display: inline-block;
	width: 65%;
}

	span.spanAutoCompleteContainer.long {
		position: relative;
		display: inline-block;
		width: 95%;
	}

div.white_panel_quote span.spanAutoCompleteContainer {
	width: 100%;
}


input.txtAutoComplete {
	width: 77% !important;
}

	input.txtAutoComplete.long {
		width: 95% !important;
	}

div.white_panel_quote span.spanAutoCompleteContainer input.txtAutoComplete {
	width: 80% !important;
}

input.txtAutoComplete.full_width {
	width: 153px !important;
}

div.quick_search_results {
	position: absolute;
	z-index: 9999;
	width: 323px;
	top: 30px;
	left: 0px;
	background: #ffffff;
	color: #000000;
	border: 1px solid #85b1de;
	display: none;
}


	div.quick_search_results table {
		width: 100%;
		float: left;
	}

		div.quick_search_results table td {
			width: 100%;
			font-size: 10px;
			border-bottom: 1px solid #FFFFFF;
			background: #ffffff !important;
			padding: 0px !important;
		}

			div.quick_search_results table td a {
				display: block;
				width: 100%;
				text-align: left;
				color: #000000;
				text-decoration: none;
				padding: 7px 15px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}

				div.quick_search_results table td a:hover {
					text-decoration: underline;
					background: #bcd5eb; /* Old browsers */
					background: -webkit-gradient(linear, left top, right top, from(#e0ebf6), to(#bcd5eb));
					background: -webkit-linear-gradient(top, #e0ebf6, #bcd5eb);
					background: -moz-linear-gradient(top, #e0ebf6, #bcd5eb);
					background: -o-linear-gradient(top, #e0ebf6, #bcd5eb);
					background: -ms-linear-gradient(top, #e0ebf6, #bcd5eb);
					background: linear-gradient(top, #e0ebf6, #bcd5eb);
				}

				div.quick_search_results table td a.selected {
					text-decoration: underline;
					background: #bcd5eb; /* Old browsers */
					background: -webkit-gradient(linear, left top, right top, from(#e0ebf6), to(#bcd5eb));
					background: -webkit-linear-gradient(top, #e0ebf6, #bcd5eb);
					background: -moz-linear-gradient(top, #e0ebf6, #bcd5eb);
					background: -o-linear-gradient(top, #e0ebf6, #bcd5eb);
					background: -ms-linear-gradient(top, #e0ebf6, #bcd5eb);
					background: linear-gradient(top, #e0ebf6, #bcd5eb);
				}





/*---------------------------- FOOTER SCROLLER ----------------------------*/

/* Container DIV - automatically generated */
.simply-scroll-container {
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

	.simply-scroll-list li {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		.simply-scroll-list li img, .simply-scroll-list li a {
			border: none;
			display: block;
		}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll {
	/*width: 576px;*/
	width: 100%;
	height: 60px;
	margin-bottom: 1em;
}

	/* Clip DIV */
	.simply-scroll .simply-scroll-clip {
		/*width: 576px;*/
		width: 100%;
		height: 60px;
	}

	/* Explicitly set height/width of each list item */
	.simply-scroll .simply-scroll-list li {
		float: left; /* Horizontal scroll only */
		/*width: 290px;
	height: 200px;*/
		margin-right: 40px;
		height: 80px;
	}

#google_translate_element img {
	display: inline-block !important;
}

.goog-te-gadget-simple {
	width: 156px !important;
}

.w-50 {
	width: 50px;
}

.w-150 {
	width: 150px;
}

.w-180 {
	width: 180px;
}

.w-1pc {
	width: 1% !important;
}

.w-2pc {
	width: 2% !important;
}

.w-3pc {
	width: 3% !important;
}

.w-4pc {
	width: 4% !important;
}

.w-5pc {
	width: 5% !important;
}

.w-6pc {
	width: 6% !important;
}

.w-7pc {
	width: 7% !important;
}

.w-8pc {
	width: 8% !important;
}

.w-9pc {
	width: 9% !important;
}

.w-10pc {
	width: 10% !important;
}

.w-15pc {
	width: 15% !important;
}

.w-20pc {
	width: 20% !important;
}

.w-25pc {
	width: 25% !important;
}

.w-30pc {
	width: 30% !important;
}

.w-35pc {
	width: 35% !important;
}

.w-40pc {
	width: 40% !important;
}

.w-45pc {
	width: 45% !important;
}

.w-50pc {
	width: 50% !important;
}

.w-55pc {
	width: 55% !important;
}

.w-60pc {
	width: 60% !important;
}

.w-65pc {
	width: 65% !important;
}

.w-67pc {
	width: 67% !important;
}

.w-70pc {
	width: 70% !important;
}

.w-75pc {
	width: 75% !important;
}

.w-80pc {
	width: 80% !important;
}

.w-85pc {
	width: 85% !important;
}

.w-90pc {
	width: 90% !important;
}

.w-95pc {
	width: 95% !important;
}

.w-100pc {
	width: 100% !important;
}

/*==================================================================================================

    20. PAGE PEEL

==================================================================================================*/

#peel-small {
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 75px;
	background: url(https://www.boatsandyachtswarranty.com/furniture/images/pagepeel/pp-spooky-small-2022.png) no-repeat scroll 0% 0%;
	border: 0px none transparent;
	-webkit-transition: 3s;
	/* For Safari 3.1 to 6.0 */
	transition: width 3s, height 3s;
	z-index: 2000;
}

	#peel-small:hover {
		border: 0px none transparent;
		width: 500px;
		height: 500px;
	}

		#peel-small:hover #peel-large {
			opacity: 1;
			transition: opacity 0.1s;
		}

#peel-large {
	position: absolute;
	background: linear-gradient(225deg, rgba(255, 255, 255, 0), rgba(243, 243, 243, 0.3) 45%, rgba(221, 221, 221, 0.3) 50%, rgb(170, 170, 170) 50%, rgb(187, 187, 187) 56%, rgb(204, 204, 204) 62%, rgb(243, 243, 243) 80%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%, transparent url(https://www.boatsandyachtswarranty.com/furniture/images/pagepeel/pp-spooky-large-2022.png) repeat scroll 0% 0%;
	width: 100%;
	height: 100%;
	opacity: 0;
	border: 0px none transparent;
	transition: opacity 0.1s 2.9s;
	z-index: 2000;
}

#peel-corner {
	position: absolute;
	background: linear-gradient(225deg, rgba(255, 255, 255, 0), rgba(243, 243, 243, 0.3) 45%, rgba(221, 221, 221, 0.3) 50%, rgb(170, 170, 170) 50%, rgb(187, 187, 187) 56%, rgb(204, 204, 204) 62%, rgb(243, 243, 243) 80%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%, transparent no-repeat scroll 0% 0%;
	width: 100%;
	height: 100%;
	z-index: 2000;
}



#google_translate_element {
	float: right;
	z-index: 3000;
	position: absolute;
	bottom: 0;
	right: 0;
}

.togglenav, .toggleportalnav {
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 3em;
	padding: 13px;
	display: none;
	background-color: #FF8200;
	line-height: 17px;
}

	.togglenav:hover, .toggleportalnav:hover {
		color: #000000;
		text-decoration: none;
	}

.toggleportalnav {
	float: right;
}
/*.mainmenu_sidenav {
	position: fixed;
	display: block;
	background: #333;
	left: -20em;
	top: 0;
	width: 20em;
	height: 100%;
	transition: left .5s;
	z-index: 100;
	overflow: auto;
}*/
.mainmenu_sidenav {
	display: block;
	background: #333;
	width: 100%;
	height: 100%;
	overflow: auto;
}

	/*.mainmenu_sidenav.opened {
		left: 0;
	}*/

	.mainmenu_sidenav li {
		/*padding: .5em 0;*/
	}

	.mainmenu_sidenav a {
		color: white;
	}


ul.main_mainmenu_sidebar_nav, ul.portal_mainmenu_sidebar_nav {
	float: left;
	width: 100%;
	font-size: 14px;
	background: #EEE;
}

	ul.main_mainmenu_sidebar_nav li, ul.portal_mainmenu_sidebar_nav li {
		float: left;
		clear: both;
		width: 100%;
	}


		ul.main_mainmenu_sidebar_nav li a, ul.portal_mainmenu_sidebar_nav li a {
			display: block;
			padding: 8px 20px 8px 30px;
			color: #4d4f53;
			text-decoration: none;
			border-bottom: 1px solid #fff;
			width: calc(100% - 50px);
			min-width: 0;
			/*background: url(/furniture/images/sitewide/sitewide_sprite.png) no-repeat 11px -63px;*/
		}

			ul.main_mainmenu_sidebar_nav li.current > a,
			ul.portal_mainmenu_sidebar_nav li.current > a,
			ul.main_mainmenu_sidebar_nav li.current > a:hover,
			ul.portal_mainmenu_sidebar_nav li.current > a:hover,
			ul.main_mainmenu_sidebar_nav li a:hover,
			ul.portal_mainmenu_sidebar_nav li a:hover,
			ul.main_mainmenu_sidebar_nav li.toplevel > a,
			ul.portal_mainmenu_sidebar_nav li.toplevel > a {
				text-decoration: none;
				color: #ff8200;
			}

.mainmenu_sidenav ul.main_mainmenu_sidebar_nav li a, .mainmenu_sidenav ul.portal_mainmenu_sidebar_nav li a {
	padding: 10px 20px 10px 20px;
	/*border-radius: 0;*/
	font-weight: bold;
}

	.mainmenu_sidenav ul.main_mainmenu_sidebar_nav li.current > a,
	.mainmenu_sidenav ul.portal_mainmenu_sidebar_nav li.current > a,
	.mainmenu_sidenav ul.main_mainmenu_sidebar_nav li.current > a:hover,
	.mainmenu_sidenav ul.portal_mainmenu_sidebar_nav li.current > a:hover,
	.mainmenu_sidenav ul.main_mainmenu_sidebar_nav li a:hover,
	.mainmenu_sidenav ul.portal_mainmenu_sidebar_nav li a:hover,
	.mainmenu_sidenav ul.main_mainmenu_sidebar_nav li.toplevel a,
	.mainmenu_sidenav ul.portal_mainmenu_sidebar_nav li.toplevel a {
		/*background: url(/furniture/images/sitewide/sitewide_sprite.png) no-repeat -475px -69px #9d2444;*/
	}

/* --------------------- SECOND LEVEL NAVIGATION ------------------------- */

ul.main_mainmenu_sidebar_nav li ul.level_2, ul.main_mainmenu_sidebar_nav li ul.level_3,
ul.portal_mainmenu_sidebar_nav li ul.level_2, ul.portal_mainmenu_sidebar_nav li ul.level_3 {
	display: block;
	clear: both;
	float: left;
	width: 100%;
	list-style: none;
}

	ul.main_mainmenu_sidebar_nav li ul.level_2 li, ul.main_mainmenu_sidebar_nav li ul.level_3 li,
	ul.main_mainmenu_sidebar_nav li ul.level_2 li, ul.main_mainmenu_sidebar_nav li ul.level_3 li {
		clear: both;
		width: 100%;
	}

	ul.portal_mainmenu_sidebar_nav li ul.level_2 li a, ul.portal_mainmenu_sidebar_nav li ul.level_3 li a {
		display: block;
		padding: 8px 20px 8px 50px;
		text-decoration: none;
		border-bottom: 1px solid #fff;
	}

		ul.main_mainmenu_sidebar_nav li ul.level_2 li.current a, ul.main_mainmenu_sidebar_nav li ul.level_3 li.current a,
		ul.portal_mainmenu_sidebar_nav li ul.level_2 li.current a, ul.portal_mainmenu_sidebar_nav li ul.level_3 li.current a,
		ul.main_mainmenu_sidebar_nav li ul.level_2 li a:hover, ul.main_mainmenu_sidebar_nav li ul.level_3 li a:hover,
		ul.portal_mainmenu_sidebar_nav li ul.level_2 li a:hover, ul.portal_mainmenu_sidebar_nav li ul.level_3 li a:hover {
			text-decoration: none;
			/*color: #fff;*/
		}

.mainmenu_sidenav ul.main_mainmenu_sidebar_nav li ul.level_2 li a, .mainmenu_sidenav ul.main_mainmenu_sidebar_nav li ul.level_3 li a,
.mainmenu_sidenav ul.portal_mainmenu_sidebar_nav li ul.level_2 li a, .mainmenu_sidenav ul.portal_mainmenu_sidebar_nav li ul.level_3 li a {
	padding: 7px 20px 7px 30px;
	font-size: 0.85em;
}

	.mainmenu_sidenav ul.main_mainmenu_sidebar_nav li ul.level_2 li.current a,
	.mainmenu_sidenav ul.portal_mainmenu_sidebar_nav li ul.level_2 li.current a,
	.mainmenu_sidenav ul.main_mainmenu_sidebar_nav li ul.level_3 li.current a,
	.mainmenu_sidenav ul.portal_mainmenu_sidebar_nav li ul.level_3 li.current a,
	.mainmenu_sidenav ul.main_mainmenu_sidebar_nav li ul.level_2 li a:hover,
	.mainmenu_sidenav ul.portal_mainmenu_sidebar_nav li ul.level_2 li a:hover,
	.mainmenu_sidenav ul.main_mainmenu_sidebar_nav li ul.level_3 li a:hover,
	.mainmenu_sidenav ul.portal_mainmenu_sidebar_nav li ul.level_3 li a:hover {
	}

body.opened #main-container, body.opened_right #main-container {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.mobile_secondary_nav {
	display: none;
}

a.spanPortalPage {
	display: inline-block;
	float: left;
	text-align: left;
	margin-left: 20px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	padding: 0 0 0 20px;
	overflow: hidden;
	cursor: pointer;
	border: none;
	background: url('/furniture/images/sitewide/up-down-arrows.png') no-repeat 0 -31px;
	width: auto;
	height: auto;
}

	a.spanPortalPage.open {
		background: url('/furniture/images/sitewide/up-down-arrows.png') no-repeat 0 5px;
	}

a.portalmenu {
	margin-right: 20px;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
	line-height: 43px;
}

	a.portalmenu span {
		width: 40px;
		height: 30px;
		position: relative;
		display: block;
		float: right;
		background: url(/furniture/mobile/images/sitewide/menu-icon-small.png) no-repeat 1px 3px;
	}


.submenu_sidenav {
	position: fixed;
	display: block;
	/*background: #333;*/
	right: -20em;
	top: 0;
	width: 20em;
	height: 100%;
	transition: right .5s;
	z-index: 100;
	overflow: auto;
	background: #2f2f2f;
}

	.submenu_sidenav.opened {
		right: 0;
	}

.responsive_label, #content span.responsive_label {
	display: none;
	font-weight: bold;
	width: 145px;
	text-align: right;
}

.show_580, .show_490, .show_665, .show_720, .show_920 {
	display: none;
}

.payment_fieldset {
	margin: 0 15px 20px 0;
	padding: 5px;
	border-style: none;
	background-color: #c5daed;
}

	.payment_fieldset #card-element {
		padding: 5px 15px 5px 0;
	}


.ajax_loader {
	display: none;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
	/*background-color: #100C0C;*/
	/*border-radius: 5px;*/
	padding: 5px;
	height: 60px;
	width: 60px;
}

.data-loading {
	-webkit-animation: ajaxanim-rotate 1s linear infinite;
	animation: fancybox-rotate 1s linear infinite;
	background: transparent;
	border: 4px solid #888;
	border-bottom-color: #fff;
	border-radius: 50%;
	height: 50px;
	/*margin: -25px 0 0 -25px;*/
	opacity: .7;
	padding: 0;
	position: absolute;
	top: 6px;
	left: 6px;
	width: 50px;
	z-index: 99999;
}

@-webkit-keyframes ajaxanim-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes ajaxanim-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.homepage_boxes {
	width: max-content;
}

.mobile_navigation {
	display: none;
}

.RefreshCSS {
	position: fixed;
	right: 0;
	top: 0;
	background-color: #0072A7;
	z-index: 5000;
	border: none;
	padding: 5px;
	/*border-radius: 3px;*/
}

.position_relative {
	position: relative;
}

.table_as_dropdown {
	border: 1px solid #85b1de;
	font-size: 12px;
	margin: 0;
	cursor: pointer;
	border-collapse: separate;
}

	.table_as_dropdown tr {
		background-image: none !important;
		background-color: #FFFFFF !important;
	}

		.table_as_dropdown tr td {
			padding: 3px;
		}

			.table_as_dropdown tr td:first-of-type {
				width: calc(100% - 20px);
			}

			.table_as_dropdown tr td:last-of-type {
				width: 20px;
				text-align: center;
				vertical-align: middle;
			}

				.table_as_dropdown tr td:last-of-type span {
					display: inline-block;
					font-weight: bold;
					line-height: 10px;
					font-size: 14px;
					color: #4d4d4d;
					margin-left: 2px;
					transform: rotate(90deg);
					/* Legacy vendor prefixes that you probably don't need... */
					/* Safari */
					-webkit-transform: rotate(90deg);
					/* Firefox */
					-moz-transform: rotate(90deg);
					/* IE */
					-ms-transform: rotate(90deg);
					/* Opera */
					-o-transform: rotate(90deg);
					/* Internet Explorer */
					filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
				}

.table_as_dropdown_result {
	display: none;
	border: 1px solid #85b1de;
	font-size: 12px;
	margin: 0 0 15px 0;
	cursor: pointer;
}

	.table_as_dropdown_result.open {
		display: table;
	}

	.table_as_dropdown_result tr {
		background-image: none !important;
		background-color: #FFFFFF !important;
	}

		.table_as_dropdown_result tr:hover {
			background-color: #eeeeee !important;
		}

		.table_as_dropdown_result tr td {
			padding: 5px;
			width: 100%;
		}

.float_right_default {
	float: right;
}

.float_left_default {
	float: left;
}

.divRepairerAssessmentForm label {
	padding: 0;
}

.divRepairerAssessmentForm .assessment-checkbox label {
	padding: 5px 0 0 0;
}

.font_size_10 {
	font-size: 10px;
}

.font_size_12 {
	font-size: 12px;
}

.display_content {
	display: contents;
}

.vertical_align_middle tr td {
	vertical-align: middle;
}


/* End of main styles, start of media queried styles*/

/*==================================================================================================

    21. FLUID MEDIA

==================================================================================================*/

.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

/*==================================================================================================

    22. FLUID IFRAME QUICK QUOTE

==================================================================================================*/

.framequote-container {
    position: relative;
    padding-bottom: 123%; // (429 ÷ 350 = 1.23 = 123%)
    height: 0;
    overflow: hidden;
}

.framequote-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media only screen and (max-width:1110px) {
	.row.footer_logo {
		width: 96%;
	}
}

@media only screen and (max-width:1080px) {
	.telephone {
		margin-right: 5px;
	}

	div.slider_wrapper {
		/*border-radius: 0;*/
	}

	.row.homepage_boxes {
		max-width: 540px;
		width: 100%;
	}

		.row.homepage_boxes a {
			margin: 0 auto 8px auto;
			padding: 0 10px;
		}

			.row.homepage_boxes a img {
				max-width: 239px;
				width: 100%;
			}

	ul.main_nav {
		z-index: 80;
		width: 100%;
		height: 55px;
		/*border-radius: 0;*/
		border: 1px solid #999;
		/*background: url(/furniture/images/backgrounds/back_coolMetalHorizShort_2.png) repeat-x 0 0;*/
		margin: 0 0 10px 0;
	}

		ul.main_nav > li > a {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0;
			height: 55px;
		}

		ul.main_nav > li:first-child > a, ul.main_nav > li:last-child > a {
			/*border-radius: 0;*/
		}

		ul.main_nav li.current a {
			border-bottom: none;
			padding: 10px 3px 10px 15px;
			/*width: calc(100% - 6px);*/
			width: 100%;
			/*background: #edae1d;
			background: -moz-linear-gradient(top, #edae1d 0%, #ffcc00 50%, #edae1d 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edae1d), color-stop(50%,#ffcc00), color-stop(100%,#edae1d));
			background: -webkit-linear-gradient(top, #edae1d 0%,#ffcc00 50%,#edae1d 100%);
			background: -o-linear-gradient(top, #edae1d 0%,#ffcc00 50%,#edae1d 100%);
			background: -ms-linear-gradient(top, #edae1d 0%,#ffcc00 50%,#edae1d 100%);
			background: linear-gradient(to bottom, #edae1d 0%,#ffcc00 50%,#edae1d 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edae1d', endColorstr='#edae1d',GradientType=0 );*/
			/*-webkit-box-shadow: inset -1px 1px 1px 0px rgba(255,213,116,1);
			-moz-box-shadow: inset -1px 1px 1px 0px rgba(255,213,116,1);
			box-shadow: inset -1px 1px 1px 0px rgba(255,213,116,1);*/
		}

		ul.main_nav li a {
			min-width: inherit;
			/*padding: 10px 3px;*/
			/*display: block;*/
			font-size: 0.9em;
			text-decoration: none;
		}

	.pgfootercredits {
		width: 96%;
		margin: 0 auto;
	}

	li.dropdown ul.sub_menu {
		top: 56px;
	}
}

@media only screen and (max-width:980px) {
	.row.fixed {
		width: 100%;
	}


	section.icons {
		display: inline-block;
	}

		section.icons a {
			color: #ffffff;
			text-decoration: none;
			line-height: 1.75em;
			margin: 0 0 0 6px;
		}

			section.icons a label {
				padding: 0;
			}

				section.icons a label span {
					margin: 0 6px 0 0;
				}

	#menu-button {
		display: inline-block;
		float: left;
		line-height: 4.5;
		cursor: pointer;
	}


	.panel {
		position: fixed;
		left: -16.5em;
		width: 16.5em;
		background: #2f2f2f;
		overflow-y: scroll;
		-webkit-box-shadow: inset -20px 0px 40px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: inset -20px 0px 40px 0px rgba(0,0,0,0.5);
		box-shadow: inset -20px 0px 40px 0px rgba(0,0,0,0.5);
	}

	div.slider_wrapper {
		position: relative;
		width: 100%;
		height: 302px;
		z-index: 10;
		/*border-radius: 0px;*/
		border: 1px #fff solid;
		background: rgba(255, 255, 255, 0.7);
	}

	div.orange_panel_large, div.row.white_panel {
		/*border-radius: 0;*/
	}

	.homepage_boxes {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 600px;
	}

	.secondary_main_nav {
		/*border-radius: 0;*/
	}

		.secondary_main_nav > ul > li > a {
			font-size: 0.9em;
		}

	#divQuoteImagePanels {
		display: none !important;
	}

	#divFormWrapper.eight.columns {
		width: 100%;
	}

	#divQuotePanels input.medium, #divQuotePanels select.medium {
		width: 60%;
	}

	#divQuotePanels .divCraftEngineHoursItem input.medium, #divQuotePanels .divCraftEngineHoursItem select.medium {
		width: 50%;
	}

	#divQuotePanels input.txtAutoComplete {
		width: 92.3% !important;
	}

	#divQuotePanels .row .columns.two a, #divQuoteYourEngine .row .columns.two a {
		float: right;
		margin-right: 38%;
	}

	#divQuoteYourBoat .ddlCraftValueCurrencyID {
		width: 15%;
	}

	#divQuoteYourBoat .txtCraftValue {
		width: 25%;
	}

	.divEngineDealerWarranty .row .columns.six input.long, .divAdditionDealerWarranty .row .columns.six input.long {
		width: 100%;
	}

	.divEngineDealerWarranty .row .columns.six select.long_small, .divAdditionDealerWarranty .row .columns.six select.long_small {
		width: 100%;
	}

	#divWarrantySummaryColumn {
		margin-top: 5%;
	}

	#content .basket td span {
		padding: 0;
	}

	#side_bar_quote .columns.twelve select.long_small {
		width: 100%;
	}

	#side_bar_quote span.spanAutoCompleteContainer input.txtAutoComplete {
		width: 100% !important;
	}

	#side_bar_quote .row input.button {
		margin: 0 auto 10px auto;
		width: 100%;
	}

	#divQuoteSummary span {
		padding: 0;
	}

	#divQuoteSummary .row h4 > span {
		width: 100%;
	}

	#divRenewCustomerWarranty .columns.twelve input.button {
		float: right;
		margin-left: 0;
	}
}

@media only screen and (max-width:970px) {
	.basket table.checkboxlist label {
		width: 85%;
	}

	.basket table.checkboxlist input {
		margin-top: 11px;
		margin-left: 10px;
	}
}

@media only screen and (max-width:920px) {

	.show_920 {
		display: block;
	}

	.responsive_table_920 tr.header {
		display: none;
	}

	.responsive_table_920 tr {
		display: table;
		width: 100%;
		margin-bottom: 15px;
	}

	.responsive_table_920 td {
		display: block;
		padding: 0 0 0 10px;
	}

	.responsive_table_920 .responsive_label, #content .responsive_table_920 span.responsive_label {
		display: inline-block;
		float: left;
		margin-right: 5px;
		padding: 0;
	}

		.responsive_table_920 .responsive_label.responsive_label_width_auto {
			width: auto !important;
		}

	div#content .responsive_table_920 td br, div#content .responsive_table_920 td br, .responsive_table_920 td br {
		line-height: 18px;
		clear: both;
	}

	.responsive_table_920 .btn-menuOptions {
		float: left;
		width: auto;
		margin-left: 20px !important;
	}
}

@media only screen and (max-width:875px) {
	ul.main_nav > li > a {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
	}
}

@media only screen and (max-width:850px) {
	.hide_850 {
		display: none;
	}

	.divViewExistingCustomerQuote table th, .divViewExistingCustomerQuote table td {
		padding: 3px 3px;
	}
}

@media only screen and (max-width: 830px) {
	.homepage_quote_container {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 100;
	}

	div.slider_wrapper {
		display: none;
	}

	div.row.white_panel_quote {
		/*border-radius: 0;*/
	}

	.homepage_quote_container select.long_small {
		width: 90%;
	}

	.homepage_quote_container input.button {
		margin-right: 5%;
	}

	.homepage_quote_container div.white_panel_quote span.spanAutoCompleteContainer input.txtAutoComplete {
		width: 90% !important;
	}

	.basket table.checkboxlist label {
		width: 80%;
	}
}

@media only screen and (max-width: 790px) {
	#side_bar_quote .row input.button {
		font-size: 13px;
		padding: 8px 18px;
	}

	a.money_back {
		display: none;
	}

	p.telephone {
		font-size: 18px;
		line-height: 30px;
	}

	#peel-small {
		display: none;
	}
}

@media only screen and (max-width:720px) {

	nav.main, nav.portalmain {
		/*background-color: rgba(0,0,0,0.8);*/
		/*display: flex;*/
		margin-bottom: 0;
		display: none;
	}

		nav.main.opened, nav.portalmain.opened {
			/*background-color: rgba(0,0,0,0.8);*/
			display: block;
			position: absolute;
			top: 43px;
			z-index: 4001;
		}

		nav.main.opened {
			left: 0;
		}

		nav.portalmain.opened {
			right: 0
		}

	#sidebar .subnav {
		display: none;
	}

	.togglenav, .toggleportalnav {
		display: block;
	}

	.main_nav {
		display: none;
	}

	.secondary_main_nav > ul > li > a {
		font-size: 10px;
		padding: 0;
	}

	div.loggedIn {
		font-size: 10px;
		padding: 8px 5px 8px 5px;
		float: none;
		text-align: center;
	}

	div.secondary_main_nav {
		padding: 0 0 10px 0;
		font-size: 0.7em;
		height: auto;
		/*border-radius: 0;*/
		border: 0 none;
		background: none;
		margin: 0;
	}

		div.secondary_main_nav ul {
			height: auto;
		}

		div.secondary_main_nav li {
			display: inline-block;
			float: left;
			text-align: left;
			width: 100%;
			padding: 0 10px 0px 40px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}

	li.dropdown {
		border-right: 0 none;
	}

	.secondary_main_nav {
		/*border-radius: 0;*/
	}

	.row.footer_logo .three.columns {
		width: 31%;
	}

	.desktop_secondary_nav, .desktop_navigation {
		display: none;
	}

	.mobile_secondary_nav, .mobile_navigation {
		display: block;
	}

	aside {
		display: none;
	}

	.secondary_nav label {
		float: none;
		text-align: right;
		padding: 0;
	}

	#content.columns.nine {
		width: 100%;
	}

	#content .columns.twelve select.medium {
		width: 67%;
		margin-right: 1%;
	}

	input.medium {
		width: 67%;
		margin-right: 1%;
	}

	input.txtAutoComplete {
		width: 100% !important;
	}

	span.spanAutoCompleteContainer {
		width: 67%;
	}

	.secondary_main_nav > ul > li > a:hover, .secondary_main_nav > ul > li.current > a, .secondary_main_nav > ul > li > a:active, .secondary_main_nav > ul > li.dropdown:hover > a {
		background: none;
	}

	.submenu_sidenav ul.sidebar_nav > li:first-child > a {
		/*border-radius: 0;*/
	}

	.submenu_sidenav ul.sidebar_nav > li > a {
		background: none;
		font-size: 1em;
	}

	.submenu_sidenav ul.sidebar_nav li.current a {
		border-bottom: none;
		background: #edae1d; /* Old browsers */
		background: -moz-linear-gradient(top, #edae1d 0%, #ffcc00 50%, #edae1d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edae1d), color-stop(50%,#ffcc00), color-stop(100%,#edae1d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #edae1d 0%,#ffcc00 50%,#edae1d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #edae1d 0%,#ffcc00 50%,#edae1d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #edae1d 0%,#ffcc00 50%,#edae1d 100%); /* IE10+ */
		background: linear-gradient(to bottom, #edae1d 0%,#ffcc00 50%,#edae1d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edae1d', endColorstr='#edae1d',GradientType=0 ); /* IE6-9 */
		-webkit-box-shadow: inset -1px 1px 1px 0px rgba(255,213,116,1);
		-moz-box-shadow: inset -1px 1px 1px 0px rgba(255,213,116,1);
		box-shadow: inset -1px 1px 1px 0px rgba(255,213,116,1);
	}
	/*Why was the below css added?*/
	/*.payment_details .columns.two {
		width: 20%;
	}*/

	.payment_details .columns.eight {
		width: 75%;
	}

		.payment_details .columns.eight input.medium {
			width: 70%;
		}

	/*#divViewExistingCustomerQuote .columns.twelve select.medium,*/
	/*#divRenewCustomerWarranty .columns.twelve select.medium {
		width: 50%;
		margin-right: 0;
	}*/

	.loginpage .content.columns.six {
		width: 35%;
	}

	.loginpage .columns.six.accountlogin, .loginpage .columns.six.forgotpasswordpanel {
		width: 60%;
	}

	.repairerlogin .accountlogin.columns.nine {
		width: 100%;
		padding-right: 40px;
		margin-left: 0;
	}

	.formbuilder .row .three.columns {
		width: 25%;
	}

	.formbuilder .row .nine.columns {
		width: 70%;
	}

	.formbuilder input[type=text].medium {
		width: 100%;
	}

	.formbuilder textarea.medium {
		width: 100%;
	}

	.divRepairerAssessmentForm .assessment-checkbox .columns.three {
		width: 43.36%;
	}

		.divRepairerAssessmentForm .assessment-checkbox .columns.three:nth-child(2n+1) {
			clear: both;
			margin-left: 0;
		}


	.show_720 {
		display: block;
	}

	.responsive_table_720 tr.header {
		display: none;
	}

	.responsive_table_720 tr {
		display: table;
		width: 100%;
		margin-bottom: 15px;
	}

	.responsive_table_720 td {
		display: block;
		padding: 0 0 0 10px;
	}

	.responsive_table_720 .responsive_label, #content .responsive_table_720 span.responsive_label {
		display: inline-block;
		float: left;
		margin-right: 5px;
		padding: 0;
	}

		.responsive_table_720 .responsive_label.responsive_label_width_auto, .responsive_label_width_auto {
			width: auto !important;
			clear: none !important;
		}

	div#content .responsive_table_720 td br, div#content .responsive_table_720 td br, .responsive_table_720 td br {
		line-height: 18px;
		clear: both;
	}

	.responsive_table_720 .btn-menuOptions {
		float: left;
		width: auto;
		margin-left: 20px !important;
	}

	.responsive_table_720 input.full_width {
		width: 70%;
	}

	.responsive_table_720 select.full_width {
		width: 70%;
	}

	.responsive_table_720 select.w-90pc {
		width: 58% !important;
	}

	.responsive_table_720 input[type="text"], .responsive_table_720 input[type="text"], .responsive_table_720 select {
		margin-bottom: 8px !important;
		width: calc(100% - 150px) !important;
	}

	div#content #divAffiliateEmailTemplate ul li {
		word-wrap: break-word;
	}
}

@media only screen and (max-width: 665px) {

	.show_665 {
		display: block;
	}

	.divViewExistingCustomerQuote table td a, .divRenewCustomerWarranty table td a {
		font-size: 0.9em;
	}

	.homepagelogin .row .three.columns {
		width: 47%;
	}

	#divWarrantyQuotation .row .columns.seven, #divWarrantyAdditionQuotation .row .columns.seven {
		width: 100%;
		margin: 0;
	}
	/*Why was the below css added?*/
	/*#divWarrantyQuotation .row .columns.five {
		width: 25%;
	}*/
	#divWarrantyAdditionQuotation h4 {
		padding: 0;
	}

	#divWarrantyAdditionQuotation .row .columns.five {
		width: 100%;
	}

		#divWarrantyAdditionQuotation .row .columns.five a.cmdProductAdditionAddAnother {
			margin-bottom: 5px;
		}

	#divQuotePanels .stage_buttons .columns.five {
		width: auto;
		margin-left: 0;
	}

	#divQuotePanels .stage_buttons .columns.three {
		width: 80px;
		float: right;
	}

		#divQuotePanels .stage_buttons .columns.three a {
			float: left;
			margin-top: 0;
		}

	.manage_table input.medium {
		width: 95%;
	}

	.basket .row .four.columns {
		width: 100%;
		margin-left: 0;
	}

	.basket .stage_buttons.row .four.columns {
		width: 30.37%;
		margin-left: 4.4%;
	}

	table.collapse665 td, table.collapse665 th {
		display: inline-block;
		width: calc(100% - 30px);
	}

	div.assessment-checkbox input[type=text] {
		float: left;
		position: relative;
		margin: 0;
		width: 100%;
		top: 0;
	}

	.repairer_list_container .align_centre {
		text-align: left;
	}

	.responsive_table_665 tr.header {
		display: none;
	}

	.responsive_table_665 tr {
		display: table;
		width: 100%;
		margin-bottom: 15px;
	}

	.responsive_table_665 td {
		display: block;
		padding: 0 0 0 10px;
	}

	.responsive_table_665 .responsive_label, #content .responsive_table_665 span.responsive_label {
		display: inline-block;
		float: left;
		margin-right: 5px;
		padding: 0;
	}

		.responsive_table_665 .responsive_label.responsive_label_width_auto {
			width: auto !important;
		}

	div#content .responsive_table_665 td br, div#content .responsive_table_665 td br, .responsive_table_665 td br {
		line-height: 18px;
		clear: both;
	}

	.divRepairerAssessmentForm input.medium {
		width: 100%;
		margin-right: 0;
	}

	#content .divRepairerAssessmentForm .columns.twelve select.medium {
		width: 100%;
		margin-right: 0;
	}

	.divRepairerAssessmentForm span.spanAutoCompleteContainer {
		width: 100%;
	}
}

@media only screen and (max-width: 635px) {
	table.checkboxlist label {
		width: 90%;
	}

	.loginpage .content.columns.six {
		display: none;
	}

	.loginpage .columns.six.accountlogin, .loginpage .columns.six.forgotpasswordpanel {
		width: 100%;
		padding-left: 0;
	}

	.basket .payment_details .row .three.columns {
		width: 45%;
	}

	.basket .payment_details .row .six.columns {
		width: 50%;
		margin-left: 5%;
	}

	.basket .payment_details .row.dd_stage2 .columns.six {
		width: 100%;
		margin: 0;
	}

	.basket .payment_details .row.dd_stage2 .three.columns {
		width: 21.68%;
	}

	.divRepairerAssessmentForm .columns.four, .divRepairerAssessmentForm .columns.eight {
		width: 45%;
	}

		.divRepairerAssessmentForm .columns.eight label {
			width: auto !important;
			margin: 0 0 10px 0 !important;
		}
}

@media only screen and (max-width: 600px) {
	.divCraftEngineHoursItem.row .columns.four, .divSerialNumPanel.columns.four, .divAdditionEngineHoursItem .columns.four {
		width: 100%;
		margin-left: 0;
	}

	.divCraftEngineHoursItem.row .columns.eight, .divSerialNumPanel.columns.eight, .divAdditionEngineHoursItem .columns.eight {
		width: 100%;
		margin-left: 0;
	}

	#divAdditionalVesselInformation .divSerialNumPanel input.medium {
		width: 76%;
	}

	/*#divWarrantyConfirmEngineHours .divCraftEngineHoursItem input.medium, #divWarrantyConfirmEngineHours .divAdditionEngineHoursItem input.medium {
		width: 71%;
	}*/

	.divEngineDealerWarranty .row .columns.six, .divAdditionDealerWarranty .row .columns.six {
		width: 100%;
		margin-left: 0;
	}

	.divAdditionContent ul.additions_tick_list li {
		width: 39%;
	}

	#divAdditionalVesselInformation .stage_buttons, #divWarrantyConfirmEngineHours .stage_buttons {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

		#divAdditionalVesselInformation .stage_buttons .columns.six, #divWarrantyConfirmEngineHours .stage_buttons .columns.six {
			width: 100%;
			display: flex;
			justify-content: center;
			margin: 0 !important;
		}

		#divAdditionalVesselInformation .stage_buttons :nth-child(2), #divWarrantyConfirmEngineHours .stage_buttons :nth-child(2) {
			order: 0;
		}

		#divAdditionalVesselInformation .stage_buttons :nth-child(1), #divWarrantyConfirmEngineHours .stage_buttons :nth-child(1) {
			order: 1;
		}

		#divAdditionalVesselInformation .stage_buttons :nth-child(3), #divWarrantyConfirmEngineHours .stage_buttons :nth-child(3) {
			order: 2;
		}

		#divAdditionalVesselInformation .stage_buttons .columns.two, #divWarrantyConfirmEngineHours .stage_buttons .columns.two {
			width: 50%;
			margin-left: 0;
		}

			#divAdditionalVesselInformation .stage_buttons .columns.two a, #divWarrantyConfirmEngineHours .stage_buttons .columns.two a {
				float: right;
				margin-top: 20%;
				margin-right: 10%;
			}

		#divAdditionalVesselInformation .stage_buttons .columns.four, #divWarrantyConfirmEngineHours .stage_buttons .columns.four {
			width: 50%;
			margin-left: 0;
		}

			#divAdditionalVesselInformation .stage_buttons .columns.four a, #divWarrantyConfirmEngineHours .stage_buttons .columns.four a {
				float: left;
				margin-top: 20%;
				margin-left: 10%;
			}

	.pnlAffiliatesDashboard .columns.six {
		width: 100%;
		margin: 0;
	}
}

@media only screen and (max-width: 580px) {

	.show_580 {
		display: block;
	}

	.hide_580 {
		display: none;
	}

	.divViewExistingCustomerQuote table tr:first-of-type, .divRenewCustomerWarranty table tr:first-of-type, .responsive_table_580 tr.header {
		display: none;
	}

	.divViewExistingCustomerQuote table tr, .divRenewCustomerWarranty table tr, .responsive_table_580 tr {
		display: table;
		width: 100%;
		margin-bottom: 15px;
	}

	.divViewExistingCustomerQuote table td, .divRenewCustomerWarranty table td, .responsive_table_580 td {
		display: block;
		padding: 0 0 0 10px;
	}

	.responsive_label {
		display: inline-block;
		float: left;
		margin-right: 5px;
	}

		.responsive_label.responsive_label_width_auto {
			width: auto !important;
		}

	a.btn-menuOptions {
		margin-top: 10px !important;
		width: auto;
		float: left;
	}

	.divViewExistingCustomerQuote table td a, .divRenewCustomerWarranty table td a {
		float: left;
		font-size: 1em;
	}

	/*.divViewExistingCustomerQuote table td.list_icons a:first-of-type, .divRenewCustomerWarranty table td .btn-menuOptions {
		margin-left: 125px;
	}*/

	.divViewExistingCustomerQuote table td.list_icons a, .divRenewCustomerWarranty table td.list_icons a {
		margin-right: 10px;
		margin-top: 5px;
	}

	div#content .divViewExistingCustomerQuote table td br, div#content .divRenewCustomerWarranty table td br, .responsive_table_580 td br {
		line-height: 18px;
		clear: both;
	}

	.menu_options::before {
		left: 0;
		bottom: 24px;
		margin: -11px;
	}

	.menu_options {
		left: 0;
		padding: 10px;
	}

	.divAdditionContent.row .columns.eight {
		width: 0;
	}

	.divAdditionContent.row .columns.four {
		margin-left: 0;
		width: 100%;
	}

	.divEngineDOLSItem.row .columns.four, .divAdditionDOLSItem.row .columns.four {
		width: 100%;
	}

	.divEngineDOLSItem.row .columns.eight, .divAdditionDOLSItem.row .columns.eight {
		width: 100%;
		margin-left: 0;
	}

	#divRelevantDates .divEngineDOLSItem input.medium, #divRelevantDates .divAdditionDOLSItem input.medium {
		width: 76%;
	}

	#divRelevantDates .stage_buttons {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

		#divRelevantDates .stage_buttons .columns.six {
			width: 100%;
			display: flex;
			justify-content: center;
			margin: 0 !important;
		}

		#divRelevantDates .stage_buttons :nth-child(2) {
			order: 0;
		}

		#divRelevantDates .stage_buttons :nth-child(1) {
			order: 1;
		}

		#divRelevantDates .stage_buttons :nth-child(3) {
			order: 2;
		}

		#divRelevantDates .stage_buttons .columns.two {
			width: 50%;
			margin-left: 0;
		}

			#divRelevantDates .stage_buttons .columns.two a {
				float: right;
				margin-top: 20%;
				margin-right: 10%;
			}

		#divRelevantDates .stage_buttons .columns.four {
			width: 50%;
			margin-left: 0;
		}

			#divRelevantDates .stage_buttons .columns.four a {
				float: left;
				margin-top: 20%;
				margin-left: 10%;
			}

	#content span.responsive_label {
		display: block;
		padding: 0;
		width: 100%;
		text-align: left;
		margin-top: 5px;
	}

	.responsive_table_720 input[type="text"], .responsive_table_720 input[type="text"], .responsive_table_720 select {
		width: 100% !important;
	}

		.responsive_table_720 select.w-90pc {
			width: 90% !important;
		}

	.columns.twelve > select.medium {
		width: 95%;
		margin-right: 2%;
	}

	.pgheader .logo.six {
		width: 276px;
	}

	.pgheader .badge_telephone.six {
		width: auto;
	}

	p.telephone {
		width: auto;
	}

	/*.divViewExistingCustomerQuote input.medium {
		width: 70%;
	}*/

	/*, #divRenewCustomerWarranty .columns.twelve select.medium {*/
	/*#divViewExistingCustomerQuote .columns.twelve select.medium { 
		width: 70% !important;
		margin-bottom: 15px !important;
	}*/

	/*.divViewExistingCustomerQuote input[type="submit"][id*="cmdSearch"].button {
		clear: both;
		float: left
	}*/

	.basket .payment_details .row.dd_stage2 .row .five.columns, .basket .payment_details .row.row .four.columns, .basket .payment_details .row.row .three.columns {
		width: 100%;
		margin: 0;
	}

		.basket .payment_details .row.dd_stage2 .row .five.columns a.button, .basket .payment_details .row.row .three.columns a.button {
			float: none;
			margin: 0 auto;
			width: 150px;
			display: block;
		}

		.basket .payment_details .row.row .three.columns a.button {
			margin-top: 10px;
		}

	.basket ul.wizard_steps {
		width: 80px;
		margin: 0 auto !important;
	}

	.menu_options {
		top: 35px;
	}

	.responsive_table_920 .btn-menuOptions {
		margin-left: 0 !important;
	}

	#divMarketingMaterial .columns.four {
		width: 43.36%;
	}

		#divMarketingMaterial .columns.four:nth-child(2n+1) {
			clear: both;
			margin-left: 0;
		}
}

@media only screen and (max-width: 565px) {
	/*.payment_details .columns.two {
		width: 20%;
	}*/

	.payment_details .columns.eight {
		width: 75.6%;
	}

		.payment_details .columns.eight input.medium {
			width: 70%;
		}

	.float_right_default {
		float: left;
	}

	.repairer_list_container .columns.five {
		width: 100%;
		margin: 0;
	}

		.repairer_list_container .columns.five .margin_top_30 {
			margin-top: 10px;
		}

	.repairer_list_container .columns.seven {
		width: 100%;
		margin: 0;
	}

	.repairer_list {
		margin-left: 0 !important;
		margin-top: 20px;
	}
}

@media only screen and (max-width: 540px) {

	#divQuotePanels .stage_buttons .columns.six {
		width: 100%;
		margin-left: 34%;
	}

	#divWarrantStartDate .stage_buttons .columns.five {
		width: 100%;
		display: flex;
		justify-content: center;
		margin: 0;
	}

	#divWarrantStartDate .stage_buttons .columns.four {
		width: 50%;
		margin-left: 0;
	}

	#divWarrantStartDate .stage_buttons .columns.three {
		width: 50%;
		margin-left: 0;
	}

		#divWarrantStartDate .stage_buttons .columns.three a {
			float: right;
			margin-top: 20%;
			margin-right: 7%;
		}

	#divQuotePanels .stage_buttons .columns.two {
		width: 50%;
		margin-left: 0;
	}

		#divQuotePanels .stage_buttons .columns.two a {
			float: right;
			margin-top: 20%;
			margin-right: 10%;
		}

	#divQuotePanels .stage_buttons .columns.four {
		width: 50%;
		margin-left: 0;
	}

		#divQuotePanels .stage_buttons .columns.four a {
			float: left;
			margin-top: 20%;
			margin-left: 10%;
		}


	#divQuotePanels .stage_buttons {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

		#divQuotePanels .stage_buttons :nth-child(2) {
			order: 0;
		}

		#divQuotePanels .stage_buttons :nth-child(1) {
			order: 1;
		}

		#divQuotePanels .stage_buttons :nth-child(3) {
			order: 2;
		}

	#divQuoteYourWarrantyQuotation .stage_buttons .columns.six {
		width: 100%;
		display: flex;
		justify-content: center;
		margin: 0;
	}

	#divWarrantyQuotation .row .columns.seven .columns.three {
		width: 50%;
	}

	/*#divWarrantyConfirmEngineHours .divCraftEngineHoursItem input.medium,
	#divWarrantyConfirmEngineHours .divAdditionEngineHoursItem input.medium {
		width: 67%;
	}*/

	#content.columns.nine p {
		clear: left;
	}

	#divWarrantyQuotation .row .columns.five,
	#divWarrantyQuotation .row .columns.seven,
	#divWarrantyAdditionQuotation .row .columns.five,
	#divWarrantyAdditionQuotation .row .columns.seven {
		width: 100%;
		margin: 0;
	}

	#divAffiliateEmailTemplate .columns.four {
		width: 50%;
		margin: 0 0 30px 0;
	}
}

@media only screen and (max-width: 520px) {
	.row.footer_logo .three.columns {
		width: 100%;
	}

	.footer_black {
		border: 1px solid #999;
		background: url(/furniture/images/backgrounds/back_coolMetalHoriz.png) repeat-x 0 0;
		background-size: contain;
	}

	footer_logo.column:first-child, footer_logo.columns:first-child {
		margin-left: 4.4%;
	}

	.row.footer_logo ul {
		margin-bottom: 8px;
	}

	footer .columns {
		margin-left: 0;
	}

	#cke_pastebin > h3 > img {
		display: none;
	}

	#divQuoteYourBoat select.medium, #divQuoteYourBoat input.medium,
	#divQuotePanels select.medium, #divQuotePanels input.medium {
		width: 97%;
	}

	#divQuotePanels span.spanAutoCompleteContainer {
		position: relative;
		display: inline-block;
		width: 100%;
	}

	#divQuotePanels input.txtAutoComplete {
		width: 98% !important;
	}

	#divQuoteYourBoat label.medium_small, #divQuotePanels label.medium_small {
		width: 100%;
		clear: both;
	}

	#divQuoteYourBoat .ddlCraftValueCurrencyID {
		width: 30%;
	}

	#divQuoteYourBoat .txtCraftValue {
		width: 45%;
	}

	#divQuoteYourBoat .stage_buttons .columns.six, #divQuoteYourBoat .stage_buttons .columns.two,
	#divQuotePanels .stage_buttons .columns.six {
		width: 100%;
		display: flex;
		justify-content: center;
		margin: 0;
	}

		#divQuoteYourBoat .stage_buttons .columns.two a {
			float: none;
			margin: 10% 2% 0 0;
		}

	#divQuoteYourBoat .stage_buttons .columns.four {
		display: none;
	}

	/*Added the below for the Our Warranty > Warranty Additions page*/
	ul.additions_tick_list li {
		width: calc(100% - 40px);
	}

	div#content ul.tick_list {
		width: 100%;
		clear: both;
		padding-top: 15px;
	}

	.divQuoteSummary h2 .orange_text {
		clear: both;
		width: 100%;
		display: inline-block;
		padding: 5px 0 0 0 !important;
	}

	#divResourcesWidget .columns.six {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (max-width: 490px) {
	input[type="text"], input[type="url"], input[type="tel"], input[type="number"], input[type="color"], input[type="email"], input[type="password"] {
		margin-bottom: 0;
	}

	.loginpage input[type="text"],
	.loginpage input[type="email"],
	.loginpage input[type="password"],
	.divSerialNumPanel input[type="text"],
	.divCraftEngineHoursItem input[type="text"],
	.divEngineDOLSItem input[type="text"] {
		margin-bottom: 5px;
	}

	.divEngineWarrantyStartDate input[type="text"] {
		margin-bottom: 20px;
	}

	input.txtAutoComplete.full_width {
		margin-bottom: 15px;
	}

	.divViewExistingCustomerQuote .columns.twelve .button {
		margin-top: 10px;
	}

	.show_490 {
		display: block;
	}

	.homepagelogin .row .four.columns {
		width: 100%;
	}

	.homepagelogin .row .three.columns {
		width: 100%;
		margin-left: 0;
	}

	.homepagelogin .row .two.columns {
		margin-left: 0;
	}

	.homepagelogin .row.homepage_boxes a {
		margin: 0.5%;
	}

	.divQuoteSummary label.short {
		width: 35%;
	}

	/*.columns.twelve > label.short {*/
	.columns.twelve label.short {
		width: 100%;
		margin: 10px 0 0 0;
	}

	select.medium_long {
		width: 100%;
	}

	#content .columns.twelve select.medium, input.medium, textarea.medium {
		width: 100%;
	}

	#content .columns.twelve input.button {
		margin-top: 10px;
	}

	span.spanAutoCompleteContainer {
		width: 100%;
	}

	#content .columns.twelve select.medium {
		/*Commented out 60% as this was causing issues on make a claim > craft location drop downs at 490px width*/
		/*width: 60%;*/
		margin-right: 0;
		margin-bottom: 5px;
	}

	.manage_table input.medium {
		width: 60%;
	}

	.tblWarrantyStartDate tr:first-of-type {
		display: none;
	}

	.tblWarrantyStartDate tr {
		display: table;
		width: 100%;
		margin-bottom: 15px;
	}

	.tblWarrantyStartDate td {
		display: table-row;
	}

	#content span.responsive_label {
		display: block;
		padding: 0;
		width: 100%;
		text-align: left;
		margin-top: 5px;
	}

	.columns.twelve > select.medium {
		width: 95%;
		margin-right: 2%;
	}

	/*#divWarrantyQuotation .row .columns.seven {
		width: 60.6%;
	}

	#divWarrantyQuotation .row .columns.five {
		width: 35%;
	}*/

	/*#divWarrantyAdditionQuotation .row .columns.seven .columns.three {
		width: 50%;
		margin-left: 0;
	}*/

	.basket .columns.six {
		width: 100%;
		margin-left: 0;
	}

	#divAdditionalVesselInformation .divSerialNumPanel input.medium, #divRelevantDates .divEngineDOLSItem input.medium,
	#divRelevantDates .divAdditionDOLSItem input.medium {
		width: 71%;
	}

	.divAdditionContent ul.additions_tick_list li {
		width: 80%;
		padding: 0 20px 0px 20px !important;
		height: 25px;
	}

	#divWarrantyConfirmEngineHours .divCraftEngineHoursItem input.medium,
	#divWarrantyConfirmEngineHours .divAdditionEngineHoursItem input.medium {
		width: 61%;
	}

	#divViewExistingCustomerQuote .columns.twelve > label.short {
		width: 30%;
		margin: 0;
	}

	/*#divViewExistingCustomerQuote .columns.twelve select.medium {
		width: 50%;
		margin-right: 0;
		margin-bottom: 15px;
	}*/

	/*#divRenewCustomerWarranty .columns.twelve select.medium {
		width: 75%;
		margin-right: 0;
		margin-bottom: 15px;
	}*/

	/*#divRenewCustomerWarranty .columns.twelve input.medium {
		width: 75%;
	}*/
	#divRenewCustomerWarranty .columns.twelve .button {
		margin-top: 10px;
	}

	.badge_telephone {
		float: left;
	}

	p.telephone {
		float: left;
		text-align: left;
	}

	.pgheader .logo.six {
		width: 100%;
		margin-bottom: 15px;
	}

	.pgheader .badge_telephone.six {
		width: auto;
	}

	#google_translate_element {
		bottom: 15px;
	}

	.payment_details input.medium {
		width: 100%;
	}

	.repairer_list {
		margin-right: 0 !important;
	}

	.divInvoicesCreditNotes .columns.twelve .button {
		margin-top: 10px;
		float: left;
	}

	.divRepairerAssessmentForm .address_block.float_right {
		float: left;
	}
}

@media only screen and (max-width: 460px) {

	.payment_details .columns.two {
		width: 100%;
	}

	.payment_details .columns.eight {
		width: 100%;
		margin-left: 0;
	}

		.payment_details .columns.eight input.medium {
			width: 95%;
		}

		.payment_details .columns.eight img {
			margin-bottom: 10px;
			margin-left: 0;
			margin-right: 20px;
		}

		.payment_details .columns.eight select.short {
			width: 45%;
		}

		.payment_details .columns.eight input.short {
			width: 45%;
		}

	#divViewExistingCustomerQuote .columns.twelve > label.short {
		width: 100%;
		margin: 0;
	}

	/*#divViewExistingCustomerQuote .columns.twelve select.medium,*/
	/*#divRenewCustomerWarranty .columns.twelve select.medium {
		width: 74%;
		margin-right: 0;
		margin-bottom: 15px;
	}*/

	/*#divViewExistingCustomerQuote .columns.twelve input.medium,*/
	/*#divRenewCustomerWarranty .columns.twelve input.medium {
		width: 74%;
	}*/

	.divQuoteYourWarrantyQuotation h3 {
		padding: 15px 0 0 0;
	}


	.divQuoteYourWarrantyQuotation .row .three.columns {
		width: 30%;
		margin-left: 5%;
	}

	.divQuoteYourWarrantyQuotation .row .nine.columns {
		width: 65%;
	}

	.xsmall.button {
		padding: 4px 0px;
	}

	.basket select.medium {
		width: 95% !important;
	}

	.basket .row .seven.columns, .basket .row .five.columns {
		width: 100%;
		margin-left: 0;
	}

	.button.orange {
		margin-bottom: 5px;
	}

	.divQuoteSummary .button.orange {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 420px) {
	div.confirmMessageContainer p, div.ValidationSummary p, div.errorMessageContainer p, .errorMessageContainer span {
		padding: 20px 5px 5px 5px;
	}

	.border_radius_10, ul.main_nav {
		/*border-radius: 0;*/
	}

	.homepage_quote_container .row .five, .homepage_quote_container .row .seven {
		width: 100%;
	}

	.homepage_quote_container .columns {
		margin-left: 0;
	}

	.homepage_quote_container select.long_small {
		width: 100%;
	}

	.homepage_quote_container div.white_panel_quote span.spanAutoCompleteContainer input.txtAutoComplete {
		width: 100% !important;
	}

	.homepage_quote_container input.margin_right_40 {
		margin-right: 0;
	}

	#pnlWarrantyQuotationDetails .row .columns.six {
		width: 100%;
		margin-left: 0;
	}

		#pnlWarrantyQuotationDetails .row .columns.six.engine_cover {
			width: 50%;
			margin-left: 0;
		}

		#pnlWarrantyQuotationDetails .row .columns.six.engine_cover_text {
			width: 30%;
			margin-left: 5%;
		}

	#divAdditionContent .column.four {
		width: 100%;
		margin: 0;
	}

	/*a.logo, span.logo {
		width: 92%;
		height: auto;
		background-size: 150%;
		background-position: 0 0;
		max-width: 399px;
		margin: 0 4% 0 4%;
		padding-bottom: 20%;
	}

	p.telephone {
		line-height: 45px;
	}*/

	.footer_logo {
		background-position: 0 100%;
		padding-bottom: 80px;
	}

	.divViewExistingCustomerQuote .medium.button {
		font-size: 12px;
		padding: 5px 15px;
		width: auto;
	}

	.divQuoteSummary label.short {
		width: 100%;
		font-weight: bold;
		margin: 10px 0 0 0;
	}

	.divQuoteSummary input[type=text].medium {
		width: 100%;
	}

	#divAdditionalVesselInformation .divSerialNumPanel input.medium, #divRelevantDates .divEngineDOLSItem input.medium,
	#divRelevantDates .divAdditionDOLSItem input.medium {
		width: 66%;
	}

	#divWarrantyConfirmEngineHours .divCraftEngineHoursItem input.medium,
	#divWarrantyConfirmEngineHours .divAdditionEngineHoursItem input.medium {
		width: 56%;
	}

	.divAdditionContent.row .columns.four {
		margin: 10px 0 0 0;
		width: 100%;
	}

	#content.columns.nine img[src="/cms/images/by_img_pg_content_vesselvault.png"] {
		height: 200px !important;
		width: 175.2px !important;
	}

	#divQuoteSummary .row h4:first-of-type {
		padding: 0;
	}

	#divQuoteSummary .row h4:not(:first-of-type) {
		padding: 30px 0 0 0;
	}

	div.ValidationSummary, .errorMessageContainer, div.confirmMessageContainer {
		background-image: none;
	}

	div#content div.ValidationSummary ul {
		padding: 5px 10px 10px 10px;
	}

	.repairerlogin .accountlogin .columns.five, .repairerlogin .accountlogin .columns.seven {
		width: 100%;
		margin-left: 0;
	}

	.repairerlogin .accountlogin.columns.nine {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin-left: 0;
	}

	label.short, span.short {
		width: 95%;
		clear: both;
	}

	select.longer {
		width: 100%;
	}

	input.longer {
		width: 100%;
	}

	input.medium {
		width: 100%;
	}

	textarea.medium {
		width: 100%;
	}

	table:not(.ui-datepicker-calendar):not(.table_as_dropdown):not(.table_as_dropdown_result):not(.tableFileManager):not(.AutoSuggestResultsTable) td,
	table:not(.ui-datepicker-calendar):not(.table_as_dropdown):not(.table_as_dropdown_result):not(.tableFileManager):not(.AutoSuggestResultsTable) th {
		display: inline-block;
		width: calc(100% - 30px);
	}

	.basket table td.align_right {
		text-align: left;
	}

	table.checkboxlist input {
		margin-top: 8px;
		float: left;
		width: 15px;
		margin-right: 5%;
	}

	table.checkboxlist label {
		width: calc(100% - 5% - 15px);
	}

	#content .columns.twelve select.medium, select.medium {
		width: 100%;
	}

	span.spanAutoCompleteContainer {
		width: 100%;
	}

	/*input.txtAutoComplete {
		width: 98% !important;
	}*/

	/*.formbuilder.padding_20 {
		padding: 0;
	}*/

	.formbuilder .row .three.columns {
		width: 100%;
		margin-left: 0;
	}

	.formbuilder .row .nine.columns {
		width: 100%;
		margin-left: 0;
	}

	.formbuilder input[type=text].medium {
		width: 100%;
	}

	.formbuilder span.required_field {
		display: none;
	}

	.search_repairer_button {
		margin-left: calc(50% - 56.5px);
		margin-bottom: 10px;
	}

	.new_repairer_button {
		margin-left: calc(50% - 119px);
	}

	.divRepairerAssessmentForm .assessment-checkbox .columns.three {
		width: 100%;
		margin-left: 0;
		clear: both;
	}

	.remove_item.float_right {
		float: left;
	}

	#divMarketingMaterial .columns.four {
		width: 100%;
		clear: both;
		margin-left: 0;
	}

	#divAffiliateEmailTemplate .columns.four {
		width: 100%;
		margin: 0 0 30px 0;
	}
}

@media only screen and (max-width: 380px) {

	/*#divWarrantyQuotation .row .five.columns {
		width: 39.1%;
		margin-left: 4.4%;
	}*/

	#divWarrantyConfirmEngineHours .divCraftEngineHoursItem input.medium,
	#divWarrantyConfirmEngineHours .divAdditionEngineHoursItem input.medium {
		width: 51%;
	}

	.divQuoteYourWarrantyQuotation #divWarrantyQuotation .padding_20 {
		padding: 10px;
	}

	#divWarrantySummaryColumn {
		margin-top: 5%;
		margin-right: 10px;
		width: calc(100% - 20px) !important;
		position: relative;
	}

	#divFloatingWarrantySummary {
		width: 100% !important;
	}

		#divFloatingWarrantySummary .columns.eight {
			width: 60%;
		}

		#divFloatingWarrantySummary .columns.four {
			width: 35%;
			margin-left: 5%;
		}

	#divAdditionalVesselInformation .divSerialNumPanel input.medium,
	#divRelevantDates .divEngineDOLSItem input.medium,
	#divRelevantDates .divAdditionDOLSItem input.medium,
	#divWarrantyConfirmEngineHours .divCraftEngineHoursItem input.medium,
	#divWarrantyConfirmEngineHours .divAdditionEngineHoursItem input.medium {
		width: 100%;
	}

	.cmdAddLater, .cmdNoEngineHours {
		margin-left: 0 !important;
	}

	.basket .payment_details .row .three.columns, .basket .payment_details .row .six.columns {
		width: 100%;
		margin: 0;
	}
}

@media only screen and (max-width: 350px) {
	.badge_telephone {
		display: none;
	}

	.loginpage .columns.four, .loginpage .columns.eight {
		width: 100%;
		margin: 0;
	}

	#divQuotePanels .stage_buttons {
		margin-top: 20px;
	}

		#divQuotePanels .stage_buttons a.button {
			margin-top: 20px !important;
		}

	#divQuoteYourBoat .ddlCraftValueCurrencyID {
		width: 49%;
	}

	.quick_quote {
		padding: 0;
	}


	#qquotepanel {
		background-color: #FFF;
	}

	#divActionButtons .button {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}

	.widget_footer.padding_top_30 {
		padding-top: 20px;
	}
}
