/*------------------------------------------------
Main Style Sheet

Version:	1.0
Author:		Michael Walsh
Website:	www.enov8.co.uk
Created:	01/05/08
------------------------------------------------*/

/* IE5.5+ PNG FIX */

h1 a, #frame-bg, #secondary-frame, #backtotop, .scrollButtons.right, .scrollButtons.left {behavior:url(/Includes/css/iepngfix.htc)}

/*HTML TAGS*/

body {
  margin:0;
  padding:0;
  color:#000;
  font:70% Arial, Helvetica, sans-serif;
  text-align:center;
  background:#FFF url(../../images/interface/wood-top.gif) repeat-x;
}

html {
     overflow: -moz-scrollbars-vertical;
}

#flash {
	width:964px;
	position:relative;
	height:194px;
	z-index:10;
}

#header {
	width:964px;
	position:relative;
	height:202px;
}

#lamp {
	position:absolute;
	top:0;
	right:137px;
	background:url(../../images/interface/lamp.jpg) no-repeat;
	width:200px;
	height:54px;
}

h1 {
	position: absolute;
	top: 66px;
	left: 38px;
	margin: 0;
	font-size: 2px;
}

h1 a {
	display: block;
	text-indent: -700em;
	text-decoration: none;
	width:402px;
	height:123px;
	background:url(../../images/interface/logo.png) no-repeat;
}

p, h3, h4 {
	border:0;
	margin:0;
	padding-top:1em;
}

h3, h4 {
	text-align:left;
}

table {
	margin-top:1.4em;
	margin-bottom:0.4em;
}

h2 {
	margin:0;
	border:0;
	padding:0;
	font-size:1.7em;
	color:#000;
	font-weight:normal;
}

h3 {
	font-size:1.2em;
	color:#000;
	font-weight:normal;
}

#home h3 {
	padding:0;
}

h4 {
	color:#666;
	font-size:1.1em;
}

em {
	color:#FFF;
}

abbr, acronym {
  border-bottom: 1px dotted #858585;
  cursor: help;
}

blockquote {
	padding:0 20px;
	margin:0.4em 2em;
	font-style:italic;
	overflow:visible;
	height:1%;
	font-size:1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/*blockquote p {
	padding-top:0;
}*/

cite {
	font-style:normal;
	font-weight:bold;
	font-size:0.9em;
	margin-top:1em;
	color:#999;
	display:block;
}

img {
	border: 0px none; 
}

ul {
	text-align:left;
}

/* FORM */

.form, #thanks {
	padding:20px;
	padding-top:10px;
	float:right;
	margin-top:1.0em;
	background-color:#e2e2e2;
	margin-left:2em;
}

.jsenabled .form {
	padding:0;
	background-color:transparent;
}

.form-tl {
	padding:20px;
	padding-top:10px;
}

#thanks {
	width:408px;
	height:282px;
}

input.clearonfocus, input.text, textarea.clearonfocus, textarea.text, select.text {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:244px;
	padding:3px;
	/*border:1px solid #bfbfbf;
	background:#FFF url(../../images/interface/bg-input.gif) top left no-repeat;*/
	color:#666;
	border:0;
	margin:4px;
}

select.text {
	width:250px;
	margin:3px 4px;
}

.form label {
	width:150px;
	display:block;
	float:left;
	text-align:left;
}

.form span {display:block; float:left;}
.input-tl {background:#FFF url(../../images/interface/input-tl.gif) top left no-repeat;}
.input-tr {background:url(../../images/interface/input-tr.gif) top right no-repeat;}
.input-br {background:url(../../images/interface/input-br.gif) bottom right no-repeat;}
.input-bl {background:url(../../images/interface/input-bl.gif) bottom left no-repeat;}
.form-tl {background:url(../../images/interface/form-tl.gif) top left no-repeat;}
.form-tr {background:url(../../images/interface/form-tr.gif) top right no-repeat;}
.form-br {background:url(../../images/interface/form-br.gif) bottom right no-repeat;}
.form-bl {background:url(../../images/interface/form-bl.gif) bottom left no-repeat;}

input.clearonfocus:focus, input.text:focus, textarea.clearonfocus:focus, textarea.text:focus {
	color:#000;
}

.form p {
	clear:both;
	padding-top:0.6em;
}

.button {
	margin-left:150px;
}

fieldset {
	border:0;
	padding:0;
	margin:0;
}

* html fieldset {float:left;}

legend {
	padding:0;
	margin:0;
	border:0;
	font-size:1.3em;
	color:#000;
	padding:1em 0 0.5em 0;
	font-weight:normal;
}

* html legend {margin-left:-0.5em;}
*+html legend {margin-left:-0.65em;}

.validation {
	padding:20px;
	margin:0;
	padding-top:10px;
	width:350px;
	margin-top:1em;
	background:url(../../images/interface/validation-icon.gif) top left no-repeat;
	padding-left:40px;
}

* html .validation {margin-top:1.5em;}
*+html .validation {margin-top:1.5em;}

/*.button {
	margin-left:150px;
	width:75px;
	background-color:#4279c0;
	border:1px solid #94b3db;
	border-bottom:1px solid #315b90;
	border-right:1px solid #315b90;
	color:#FFF;
	font-weight:bold;
	font-size:0.9em;
	background-image:none !important;
}

.buttonHover {
	margin-left:150px;
	width:75px;
	background-color:#72aee9;
	border:1px solid #afd1f2;
	border-bottom:1px solid #5582af;
	border-right:1px solid #5582af;
	color:#FFF;
	font-weight:bold;
	font-size:0.9em;
	background-image:none !important;
}*/

/*ACCESSIBILITY*/

.skipLink {
	position: absolute;
	left: -999px;
	width: 990px;
}

.hide {
	display:none;
	clear:both;
}

/* CLASSES */

.image {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:1em;
	position: relative;
	width:275px;
	height:285px;
}

.imageleft {
	float:left;
	margin-bottom:20px;
}

.imageright {
	float:right;
	margin-bottom:20px;
	margin-left:20px;
}

.image span {
	width:275px;
	height:285px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../../images/interface/image-frame-secondary.gif);
}

.guarantee {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:0.4em;
}

.download {

}

.center {
	text-align: center;
}

.clear {
	clear:both;
}

.datatable {
	width:100%;
	line-height:normal;
	border:1px solid #ac592f;
}

.datatable th {
	background:#ac592f url(../../images/interface/tile-table-heading.gif) top repeat-x;
	font-size:1em;
	padding:0.4em 0.8em 0.5em 0.8em;
	vertical-align:top;
	font-weight:bold;
	color:#FFF;
	text-align:left;
}

.datatable td {
	background-color:#e2e2e2;
	font-size:0.9em;
	padding:0.5em 0.8em;
	vertical-align:top;
	text-align:left;
	color:#000;
}

.datatable th a {
	color:#FFF !important;
	text-decoration:none;
}

.datatable th a:hover{
	color:#FFF !important;
	text-decoration:underline;
}

.datatable tr:hover td {
	background-color:#FFF !important;
}

.datatable tr:nth-child(2n+1) td, .datatable tr:nth-child(odd) td {
	background-color:#d6d6d6;
}

.datatable tr.odd td {
  background-color: #d6d6d6;
}

.datatable tr.disabled td {
	color:#999 !important;
	text-decoration:line-through !important;
}

/* HEADER */

#header {
	font-size:1.3em;
}
 
#header ul {
	display:block;
	position:absolute;
	bottom:148px;
	left:35px;
	margin:0;
	padding:0;
	border:0;
	list-style: none;
}

#header li {
	float: left;
	background: transparent url("../../images/buttons/primary.gif") 100% 0px no-repeat;
	padding: 0 10px 0 0;
	margin: 0;
}
#header ul a {
	float: left;
	display: block;
	height:38px;
	padding: 13px 0 0 10px;
	background: transparent url("../../images/buttons/primary.gif") 0% 0px no-repeat;
	color: #fff;
	text-decoration: none;
	voice-family: "\"}\""; voice-family:inherit;
	height:27px; /*box model hack for IE5*/
}
#header ul li:hover a { background-position: 0% -200px; }
#header ul li:hover { background-position: 100% -200px; }
#header ul #current a, #header ul #current a:hover { 
	background-position: 0% -400px;
	padding: 13px 9px 0 19px;
	color:#000;
}
#header ul #current, #header ul #current li:hover { background-position: 100% -400px; padding: 0 10px 0 0;}

/*NAVIGATION*/

#navigation {
	width:189px;
	font-size:1.1em;
	float:left;
	background:#000 url(../../images/interface/bg-nav-curve-top.gif) top left no-repeat;
}

#navigation h3 {
	position: absolute;
	left: -9999px;
	width: 990px;
}
 
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-bottom:21px;
	padding-left:17px;
	padding-top:19px;
	background:url(../../images/interface/bg-nav-curve-btm.gif) bottom left no-repeat;
}

#ranges #navigation ul {
	min-height:232px;
}

* html #ranges #navigation ul {height:232px;}

#navigation li {
	padding: 0;
	margin: 0;
}

#navigation ul a {
	display: block;
	padding: 3px 20px 3px 10px;
	color:#FFF;
	text-decoration: none;
	background:url(../../images/buttons/secondary.gif) no-repeat;
	height:1%;
}

#navigation ul a:visited {
	background-position:0 -300px;
}

#navigation ul .current a, #navigation ul .current a:hover, #navigation ul .current-cat a, #navigation ul .current-cat a:hover {
	background-position:0 -200px !important;
	color:#000;
	padding: 6px 20px 7px 10px;
}

#navigation ul .sub a, #navigation ul .sub a:hover {
	background-position:0 -400px !important;
}

#navigation ul .current, #navigation ul .current-cat {
	margin:4px 0;
}

#navigation ul a:hover {
	background-position:0 -100px;
}

#navigation ul ul {
	padding:4px 0 4px 7px;
	background:#404040 url(../../images/interface/tertiary-nav-curve-btm.gif) bottom left no-repeat;
	/*margin-left:10px;*/
}

#navigation ul ul a, #navigation ul ul a:visited {
	padding: 3px 20px 3px 18px !important;
	background:url(../../images/buttons/tertiary.gif) top left no-repeat !important;
	color:#CCC !important;
}

#navigation ul ul a:visited {
	background:url(../../images/buttons/tertiary.gif) 0 -200px no-repeat !important;
}

#navigation ul li.current ul a:hover {
	background-position:0 -100px !important;
}

#navigation ul ul .current {
	margin:0 !important;
}

#navigation ul ul .current a {
	font-weight:bold;
	padding: 3px 20px 3px 18px !important;
	color:#FFF !important;
}

#navigation ul ul .current a:hover {
	font-weight:bold;
	background-position:0 -100px !important;
	padding: 3px 20px 3px 18px !important;
}

/* IDs */
	
#wrapper {
	width:964px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#bodywrapper {
	height:1%;
	width:964px;
	float:left;
	padding:0 12px;
	margin-top:28px;
	margin-bottom:-40px;
	/* Add for IE6 */
	position:relative;
	z-index:1;
	/* End IE6 */
	background:url(../../images/interface/bg-bodywrapper.gif) bottom right no-repeat;
	voice-family: "\"}\""; voice-family:inherit;
	width:940px; /*box model hack for IE5*/
}

#home #bodywrapper {
	padding:0;
	margin:0;
	background:none;
	position:static;
}

#ranges #bodywrapper {
	margin:28px 0;
	position:static;
	background:url(../../images/interface/bg-bodywrapper-ranges.gif) bottom left no-repeat;
}

#mBody {
	height:1%;
	font-size:1.1em;
	line-height:1.6;
	text-align:justify;
	color:#666;
	min-height:235px;
	width:751px;
	float:right;
	padding:20px 28px;
	padding-top:17px;
	background:url(../../images/interface/bg-body.gif) top right no-repeat;
	voice-family: "\"}\""; voice-family:inherit;
	width:695px; /*box model hack for IE5*/
}

#home #mBody {
	width:419px;
	float:none;
	background:none;
	padding:0;
	min-height:0;
	padding-left:40px;
	padding-top:1.5em;
	voice-family: "\"}\""; voice-family:inherit;
	width:379px; /*box model hack for IE5*/
}

#ranges #mBody {
	float:left;
	width:270px;
	background-position:top left;
	padding-right:68px;
	text-align:left;
	voice-family: "\"}\""; voice-family:inherit;
	width:210px; /*box model hack for IE5*/
}

#image-frame {
	position:absolute;
	right:7px;
	top:54px;
	z-index:100;
	width:506px;
	height:533px;
}

#frame-bg {
	position:absolute;
	width:506px;
	height:533px;
	background-image:url(../../images/interface/frame.png);
}

* html #mBody {height:235px;} 
* html #home #mBody {height:0;} 
#home #mBody p {padding-top:0;} 

#mBody ul {
	list-style-type:none;
	/*text-align:left;*/
	margin-bottom:0;
	margin-top:1em;
}

#mBody ul ul {margin-top:0;}

#mBody ul li {
	padding-left:15px;
	background:url(../../images/interface/bullet.gif) no-repeat 0 0.6em;
	margin-left:-15px;
}

#mBody ol li {
	padding-left:0;
	margin-left:-15px;
}

#mBody a {
	color:#ac592f;
	text-decoration:none;
}

#mBody a:hover {
	text-decoration:underline;
}

/*#mBody a:visited {
	background:url(../../images/interface/tick.gif) right no-repeat;
	padding-right:15px;
}*/

#breadcrumb {
	position:absolute;
	right:27px;
	top:313px;
	/*top:368px;*/
	color:#597FB9;
	font-size:0.9em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#breadcrumb a {
	color:#597FB9;
	text-decoration:none;
}

#breadcrumb a:hover {
	text-decoration:underline;
}

/*FOOTER*/

#footer {
	background:url(../../images/interface/wood-btm.gif) repeat-x;
	clear:both;
	height:139px;
}

*+html #ranges #footer {margin-top:28px;}

#footercontainer {
	width:940px;
	height:139px;
	padding:75px 27px 0 28px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:url(../../images/interface/footer.png) bottom no-repeat;
	voice-family: "\"}\""; voice-family:inherit;
	height:64px; /*box model hack for IE5*/
	width:885px;
}

* html #footercontainer {background:url(../../images/interface/footer.gif) bottom no-repeat;}

#footer a {
	text-decoration:none;
}

#footer h3 {
	position: absolute;
	left: -9999px;
	width: 990px;
	background:none;
}

#backtotop {
	float:right;
	background:url(../../images/buttons/btt.png) no-repeat;
	color:#FFF;
	padding-top:14px;
	width:147px;
	height:58px;
	color:#a9a3a1;
	voice-family: "\"}\""; voice-family:inherit;
	height:46px; /*box model hack for IE5*/
}

#backtotop:hover {
	background-position:0 -100px;
	text-decoration:underline;
	color:#FFF;
}

#footer ul {
	float:left;
	margin:0;
	padding:0;
	border:0;
	padding-top:14px;
	list-style: none;
}

#footer li {
	float:left;	
}

#footer ul a {
	float: left;
	display: block;
	padding-right: 10px;
	color:#a9a3a1;
}

#footer ul a:hover {
	color:#FFF;
	text-decoration:underline;
}

#copyright {
	font-size:0.8em;
	clear:both;
	padding:10px 0;
	color:#bfbfbf;
	height:1%;
	text-align:center;
	text-transform:uppercase;
}

#copyright a {
	color:#bfbfbf !important;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}

#copyright strong {
	color:#FFF !important;
}

/* HOMEPAGE */

#home-panel {
	background:url(../../images/interface/home-panel.gif) no-repeat;
	padding:16px 28px 0 29px;
	margin-top:2em;
	margin-bottom:2em;
	color:#999;
	font-size:1.2em;
	height:126px;
}

#lifetime-guarantee, #dealer-locator {
	float:left;
	width:190px;
	padding:38px 10px 12px 10px;
	color:#999;
	display:block;
	text-decoration:none;
	text-align:left;
	background:url(../../images/interface/home-link-hover-frame.png) top no-repeat;
}

* html #lifetime-guarantee, * html #dealer-locator {background:url(../../images/interface/home-link-hover-frame.gif) top no-repeat;}

#lifetime-guarantee:hover, #dealer-locator:hover {
	background-position:0 -200px;
	color:#FFF;
}

#lifetime-guarantee strong, #dealer-locator strong {
	position: absolute;
	left: -9999px;
	width: 990px;
}

/*.pics img {
	margin-top:38px;
	margin-left:33px;
}*/

/* html .pics img {margin-left:0;}*/

/* RANGES */

#image-container {
	position:relative;
	padding-top:38px;
	padding-left:33px;
}

#bigImg {
	
}

#thumbs {
	position:absolute;
	top:429px;
	margin:0 !important;
	border:0;
	border:0;
	list-style: none;
	background-color:#333;
	padding:10px 11px 10px 5px !important;
	width:424px;
	height:48px;
	overflow:hidden;
}

* html #thumbs {padding:10px 11px 10px 0px !important; width:429px;}

#thumbs li {
	float: left;
	padding: 0 !important;
	background-image:none !important;
	margin: 0 0 0 5px !important;
	width:48px;
	height:48px;
}

#thumbs a {
	display:block;
	width:48px;
	height:48px;
	text-indent: -99999px;
	voice-family: "\"}\""; voice-family:inherit;
}

#thumbs a:hover {
	background-position:0 -100px !important;
}

#thumbs a.active, #thumbs a.active:hover {
	background-position:0 -200px !important;
}

#thumbnail-instructions {
	position:absolute;
	top:402px;
	width:440px;
	background:#000 url(../../images/interface/click-thumbnails.gif) no-repeat;
	padding-top:27px;
	overflow:hidden;
	height:27px;
	voice-family: "\"}\""; voice-family:inherit;
	height:0px;
}

#loading {
	position:absolute;
	width:440px;
	height:364px;
	background:url('../../images/interface/loading.gif') top no-repeat;
	display:none;
}

#loading div {
	width:440px;
	height:364px;
	background:url('../../images/interface/ajax-loader.gif') 201px 169px no-repeat;
}

/* SECONDARY */

#secondary-frame {
	position:absolute;
	right:10px;
	top:-176px;
	width:478px;
	height:148px;
	background:url(../../images/interface/secondary.png) no-repeat;
}

#sec-lifetime-guarantee, #sec-dealer-locator {
	position:absolute;
	right:29px;
	top:-123px;
	width:193px;
	padding:38px 10px 12px 10px;
	color:#999 !important;
	text-decoration:none;
	display:block;
	font-size:1.1em;
	text-align:left;
	z-index:200;
	line-height:1.2;
	background:url(../../images/interface/sec-link-hover-frame.png) top no-repeat;
}

* html #sec-lifetime-guarantee, * html #sec-dealer-locator {background:url(../../images/interface/sec-link-hover-frame.gif) top no-repeat;}

#sec-lifetime-guarantee:hover, #sec-dealer-locator:hover {
	background-position:0 -100px;
	color:#FFF !important;
	text-decoration:none !important;
}

#sec-lifetime-guarantee {
	right:256px;
}

#sec-lifetime-guarantee strong, #sec-dealer-locator strong {
	position: absolute;
	left: -9999px;
	width: 990px;
}

/* WHO's WHO */

#contact .vcard {
	width:305px;
	min-height:125px;
	float:left;
	padding:15px;
	background:#e2e2e2;
	margin-top:2em;
}

* html #contact .vcard {height:125px;}

.right {
	float:right !important;
}

.vcard .org {
	display:none;
}

.vcard .title {
	display:block;
	font-weight:bold;
}

.vcard abbr {
	border:0;
	cursor:default;
}

.vcard .fn {
	font-size:1.3em;
	color:#000;
	padding:0;
}

.vcard-tl, .vcard-tr, .vcard-br, .vcard-bl {display:block; float:left; width:335px;}
.vcard-tl {background:url(../../images/interface/form-tl.gif) top left no-repeat;}
.vcard-tr {background:url(../../images/interface/form-tr.gif) top right no-repeat;}
.vcard-br {background:url(../../images/interface/form-br.gif) bottom right no-repeat;}
.vcard-bl {background:url(../../images/interface/form-bl.gif) bottom left no-repeat;}

.vcard-tl {
	padding:15px;
	padding-top:13px;
	padding-right:18px;
	width:302px;
	min-height:125px;
}

* html .vcard-tl {height:125px;}

#contact.jsenabled .vcard {
	width:335px;
	padding:0;
}

.vcard img {
	float:right;
	margin-top:0.4em;
}

.vcard {
	text-align:left;
}

/* CONTACT US MAP */

#mapWrapper {
	width:415px;
	height:432px;
	position:relative;
	float:right;
	background:url(../../images/interface/google-map-frame.gif) no-repeat;
}	

#map {
	width:359px;
	height:376px;
	position:absolute;
	top:28px;
	left:28px;
}

#map strong{
	color:#000;
	display:block;
}

/* DEALERS */

#dealerresults  {
	width:255px;
	margin-top:1.5em;
}

#dealerresults .dealerinfo {
	width:255px;
	background:#FFF url(../../images/interface/dealers-info-btm.gif) bottom no-repeat;
	position:relative;
}

.dealerinfo .tel, .dealerinfo .adr, .dealerinfo .email, .dealerinfo .url {
	padding:0 15px;
}

.dealerinfo .tel {
	padding-top:10px;
}

#dealerresults a.org {
	cursor:pointer;
	display:block;
	padding:3px 8px 0 8px;
	text-decoration:none;
	color:#FFF !important;
	background:url(../../images/interface/dealer-wood-bar.gif) top no-repeat;
	position:relative;
	margin-top:5px;
	font-size:1.1em;
	height:28px;
}

#dealerresults a strong {
	position:absolute;
	font-size:0.9em;
	font-weight:bold;
	right:8px;
}

#dealerresults a.org {
	text-decoration:none !important;
}

.map {
	padding-left:20px;
}

.directions {
	padding-left:26px;
}

.tools {
	/*padding-top:10px;
	padding-bottom:11px;*/
	position:absolute;
	bottom:11px;
}

.dealerinfo img {
	float:right;
	/*margin:15px;*/
	margin-top:15px;
	margin-right:15px;
}

.adr {
	height:115px;
}

#dealerresults a.org:hover, #dealerresults a.selected {
	background-position:0 -100px;
}

.dealerinfo .tel {
	color:#ac592f;
}

/* PAGING CONTROLS */

.paging {
	background-color:#e2e2e2;
	margin-top:1em;
	height:28px;
	border:1px solid #ac592f;
}

.paging span a, .paging span.selectedpage {
	display:block;
	padding:4px 10px;
	color:#333;
	float:left;
	border-right:1px solid #FFF;
}

.paging span a:hover {
	background-color:#ac592f;
	color:#FFF !important;
	text-decoration:none !important;
}

.paging span.selectedpage {
	background:#ac592f url(../../images/interface/tile-table-heading.gif) top repeat-x;
	color:#FFF;
	font-weight:bold;
}

/* BLOG */

.post h2 a {
	text-decoration:none;
}

.postdate {
	color:#999;
	font-size:0.8em;
}

.postmetadata {
	font-size:0.9em;
	background-color:#E2E2E2;
	display:block;
	padding:4px 8px;
	padding-top:3px;
	margin-top:1.5em;
	margin-bottom:2em;
}

.postmetadata span {display:block; float:left;}
.blog-tl {background:url(../../images/interface/form-tl.gif) top left no-repeat;}
.blog-tr {background:url(../../images/interface/form-tr.gif) top right no-repeat;}
.blog-br {background:url(../../images/interface/form-br.gif) bottom right no-repeat;}
.blog-bl {background:url(../../images/interface/form-bl.gif) bottom left no-repeat;}

.jsenabled .postmetadata {
	padding:0;
	background-color:transparent;
	margin-bottom:0;
}

.blog-tl {
	width:679px;
	padding:4px 8px;
	padding-top:3px;
}

.blog-br {
	margin-bottom:2em;
}

* html .blog-br {margin-bottom:0;}

.postmetadata a {
	color:#000 !important;
}

.post-teaser a {
	color:#000 !important;
}

.postmetadata a:visited {
	background-image:none !important;
	padding-right:0 !important;
}	

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

/* SLIDER */

#slider {
    width: 620px;
    margin: 0 auto;
    position: relative;
}

.scroll {
	height: 348px;
    width: 618px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	border-top:2px solid #c0c0c0;
	border-left:2px solid #c0c0c0;
}

.scrollContainer div.panel {
    padding: 20px 40px;
    height: 340px;
    width: 540px;
	background-color:#FFF;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
	position:absolute;
	top:-15px;
	right:0px;
}

ul.navigation li {
    float:left;
	margin:0;
	padding:0;
	background-image:none !important;
}

ul.navigation a {
	height:26px;
	padding-top:3px;
	float:left;
	width:29px;
	display:block;
    color: #000;
    text-decoration: none;
	text-align:center;
	background:url(../../images/buttons/benefits-selected.gif) top no-repeat;
}

ul.navigation a:hover {
    background-position:0 -100px;
	text-decoration: none !important;
}

ul.navigation a.selected {
    background-position:0 -200px;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 195px;
    cursor: pointer;
	z-index:100;
	width:35px;
	height:35px;
}

.scrollButtons.left {
    left: -17px;
	background-image:url(../../images/interface/arrow-left.png);
}

.scrollButtons.right {
    right: -17px;
	background-image:url(../../images/interface/arrow-right.png);
}

.scroll-tl, .scroll-tr, .scroll-br, .scroll-bl {display:block;}
.scroll-tl {background:url(../../images/interface/form-tl.gif) top left no-repeat;}
.scroll-tr {background:url(../../images/interface/form-tr.gif) top right no-repeat;}
.scroll-br {background:url(../../images/interface/form-br.gif) bottom right no-repeat;}
.scroll-bl {background:url(../../images/interface/form-bl.gif) bottom left no-repeat;}

.scroll-tl {
	padding:20px;
	padding-top:25px;
	padding-bottom:35px;
	margin:1em 0;
	height:1%;
}

.jsenabled .scroll {
	padding:0;
}

#slider h3 {
	padding:0;
	padding-bottom:1em;
}

.panel ul {
	margin-top:2em !important;
}

.panel p {
	padding-top:3em !important;
}

.panel ul.nomargin {
	margin-top:1em !important;
}

.panel {
	text-align:left;
}

.panel ul li {
	margin-top:1em !important;
}

.panel ul.nomargin li {
	margin-top:0 !important;
}

.panel ul li {
	padding-left:15px;
	background:url(../../images/interface/bullet.gif) no-repeat 0 0.6em !important;
	margin-left:0px !important;
}

.panel ul {
	margin-left:0 !important;
	padding-left:0 !important;
}

/*.panel .image span {
	background-image:url(../../images/interface/frame-benefits.png);
}*/

/* html .panel .image span {
	background-image:url(../../images/interface/frame-benefits.gif);
}*/

* html .panel ul {
	margin-left:0px !important;
	list-style:disc !important;
}

* html .panel ul li {
	padding-left:0 !important;
	margin-left:15px !important;
}

/* Finishes */

#finishes {
	width:695px;
	height:621px;
	/*border-top:1em solid #FFF;
	border-bottom:1em solid #FFF;*/
}

/* DEALER COVERAGE AREA HOVERBOX */

/*.hoverboxWrapper {
	position:static;
	display:inline;
	position:relative;
}

.hoverboxWrapper
{
	cursor: default;
	list-style: none;
}

.hoverboxWrapper a
{
	cursor: default;
}



.hoverboxWrapper img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverboxWrapper li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverboxWrapper .map
{
	width: 279px;
	height: 342px;
}

.hoverboxWrapper a
{
	position: relative;
}

.hoverboxWrapper a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}



.hoverboxWrapper a:hover .map
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverboxWrapper a .map
{
	display: none;
}

.hoverboxWrapper li
{
	position: static;
}

*/

.hoverbox
{
	cursor: default;
	display:inline;
}

.hoverbox .map
{
	width: 279px;
	height: 342px;
}

.hoverbox:hover
{
	display: block;
}

.hoverbox:hover .map
{
	display: block;
	position: absolute;
	top: 160px;
	left: 420px;
	z-index: 1;
}

.hoverbox .map
{
	display: none;
}

* html .hoverbox
{
	display: none;
}

*/

/* SIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 18px;
}

/* RANGE IMAGES */

	
#thumbs-outer {
	position:absolute;
	top: 429px;
	padding: 10px 14px !important;
	overflow:visible;
	background-color: #333333;
	height: 48px;
	width:412px;
	left: 33px;
}

#thumbs {
	overflow: visible;
	position:absolute;left:5px;top:0;
	padding: 0 !important;
	background-color: transparent !important;
	height: 68px;
}

#thumbs li {
	padding-top: 10px !important;
}
	
#next, #previous {
	display: block;
	width: 32px; height: 68px;
	background:url(/images/interface/imagebuttons.gif) no-repeat top left;
	position:absolute;
	bottom: -88px;
	left: 33px;
	text-indent: -999999px; 
	outline: none;
}
		
#next {
	background:url(/images/interface/imagebuttons.gif) no-repeat top right;
	left:441px;
}
		
#next:hover {
	background-position: bottom right;
}
	
#previous:hover {
	background-position: bottom left;
}
		
.image-number {
	display: block;
	background: url(/images/interface/blacktrans.png);
	width: 36px;
	text-align:center;
	height: 24px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	color: #ffffff;
	position:absolute;
	top: 44px; right: 40px;
}

#thumbs a:focus {
	outline: none;
}

.image-scroll-outer {
	left:65px !important;
	width:356px !important;
}

.image-scroll {
	left: 0 !important;
}

* html #thumbs-outer {
	left: 0;
}

* html #thumbs {
	left: 0;
	top: -10px;
}

* html #next, * html #previous {
	left: 0;
	bottom: 35px;
}

* html #next {
	left: 408px;
}

* html .image-scroll-outer {
	left: 32px !important;
	width: 348px !important;
}

* html .image-scroll {
	left: -5px !important;
}
