body {
	margin: 0;
	font: 100%/1.5 Arial, Helvetica, sans-serif;
	color: #C2C2C2;
	background: #000;
}

body.mceContentBody { font-size: 82.5% }

.wrap {
	position: relative;
	width: 882px;
	margin: 0 auto;
	font-size: 80%;
}
#index .wrap { width:800px }
	#content {
		position: relative;
		clear: both;
		overflow: hidden;
		background: url(/images/col_divider.png) 242px 0 repeat-y
	}
	#index #content { background-position: 590px 0 }
		.col-top, .col-btm {
			position: absolute;
			width: 1px;
			height: 69px;
			left: 242px
		}
		.col-top {
			top: 0;
			background: url(/images/col_divider_top.png) no-repeat
		}
		.col-btm {
			bottom: 0;
			background: url(/images/col_divider_btm.png) no-repeat
		}
		#index .col-top, #index .col-btm { left: 590px }
	
		#text {
			float: right;
			width: 620px;
			padding-bottom: 2em
		}
		#index #text {
			float: left;
			width: 590px;
			padding-bottom: 0
		}
		
		#sidebar {
			float: left;
			width: 242px;
		}
		#index #sidebar { 
			float: right;
			width: 197px;			
		}

/*------ general styles ------*/
a { text-decoration: none; color: #FFF; font-weight: bold; }
body.mceContentBody a { color: #FFF !important }
a:hover, a:focus, a:active { text-decoration: underline }
a:focus { -moz-outline-style: none }
a:active { outline: none }
h1, h2, h3, h4, h5 { 
	margin: 1em 0 .2em; 
	line-height: 1.2;
	color: #00BFF3
}
h1 { 
	margin: 0 0 .8em;
	color: #FFF;
	font-size: 150%; 
	line-height: 1;
	text-transform: uppercase;
}
h2 { font-size: 110%; }
h3 { margin-top: 1.5em; font-size: 100% }
p { margin: 0 0 1em; line-height: 1.5 }
iframe + p { clear:left; margin-top:1em }
ul, ol { padding-left: 1.5em; margin: 0 0 1em 1.5em }
li { margin-bottom: .5em }
ul { list-style: disc }
ul ul { list-style: circle }
ol { list-style: decimal }
.alpha { list-style: lower-alpha }
.roman { list-style: lower-roman } 
.no-bullet { padding-left: 0; list-style: none }
img { border: 0 }
abbr { border-bottom: 1px dotted }
abbr:hover { cursor: help }
strong, em, .em { font-weight: bold }
em { font-style: normal }
address { font-style: normal }
blockquote { margin: 0;font-style: italic }
blockquote, q { quotes: none }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
cite {
	position: relative;
	margin: -.5em 0 1em;
	color: #00BFF3;
	display: block;
	font-style: normal;
	font-weight: bold
}

.clear { 	
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}

.offset { 
	position: absolute;
  left: -999em;
  overflow: hidden; 
}

/*------ header ------*/
#header { 
	position: relative;
	background: #FFF
}
	#header .wrap { padding-top: 1px }
		#logo { margin: 35px 0 9px 0 }

		#menu {
			clear: both;
			margin-bottom: 3em;
			background: #00BFF3;
			border-bottom: 2px solid #FFF
		}
			#header #menu ul {
				position: relative;
				margin: 0 auto;
				padding: .5em 0;
				list-style: none;
			}
				#header #menu li {
					display: inline;
					margin: 0 10px 0 0
				}
				#header #menu #live {
					margin-right:0;
					position: absolute;
					top: -2.8em;
					right: 0;
				}
					#menu a { font-weight: normal }
	
		#header .wrap p {
			margin:0;
			position:absolute;
			top: 35px;
		}
		#header .returns { right:385px }
		#header .shipping { right:200px }
		#header .wrap ul {
			list-style:none;
			margin:0;
			padding:0;
			position:absolute;
			right:0;
			top:10px;
		}
			#header .wrap li {
				display:inline;
				margin-left:10px;
			}

/*------ content ------*/
/* sIFR */
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash { visibility: hidden !important }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important }

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0; 
  padding: 0; 
  overflow: auto; 
  letter-spacing: 0; 
  float: none;
}

/* home page */
#flash { margin-bottom: 2em }
	.flash-replaced .alt {
		overflow: hidden;
		position: absolute;
		width: 0;
		height: 0;	
	}

.sIFR-active #text h1 {
  visibility: hidden;
  font-size: 18px;
	margin: 0;
}

.intro h2 {
	float: left;
	width: 225px;
	margin: 0;
	padding-bottom: 200px;
	font-size: 190%;
	color: #00BFF3;
	text-align: center;
	background: url(/images/diagram.png) 50% 100% no-repeat
}

.intro p { margin: 0 15px 1em 240px; font-size: 102.5% }

.dealer {
	position: relative;
	z-index: 10;
	margin: 0 auto;
	background: url(/images/footer_bdr_wide.png) 50% 0 no-repeat;
	line-height: 1
}

.dealer a { 
	display: block;
	margin: 0 auto;
	width: 590px;
	height: 131px;
	/*background: url(/images/authorised_on.png) 0 1px no-repeat*/
}
/*.dealer a:hover { visibility: visible }
* html .dealer a:hover { margin-bottom: 1px }
.dealer a:hover img, .dealer a:focus img { display: none }
	.dealer img { vertical-align: bottom; margin-top: 1px } */

/*#index .dealer { 
	text-align: center;
	border-top: 1px solid #464646; 
	background: none
}
	.dealer a { margin-left: 234px }
	#index .dealer a { 
		margin-left: auto; 
		background: url(/images/authorised_home_on.png) 0 0 no-repeat
	}
	#index .dealer img { margin-top: 0 }*/
	
.contact p { margin: 0 }
.contact a { line-height: 3 }

/* video reviews */
.videos {
	margin: 0;
	padding: 0;
	list-style: none
}
	.videos li, .divider {
		width: 100%;
		overflow: hidden;
		padding-bottom: 1em;
		margin-bottom: 1em;
		border-bottom: 1px solid #464646
	}
	.videos li:last-child { border: 0 }
		.videos h2 a { color: #00BFF3 }
		.videos .date { font-weight: bold; color: #FFF }
			.videos abbr { border: 0 }
		.videos img {
			float: left;
			margin: 5px 15px 0 0;
			border: 2px solid #464646
		}
		.videos a:hover img, .videos a:focus img, .videos a:active img { border-color: #FFF }
		.videos .link {
			margin-left: 145px;
			padding-left: 25px;
			background: url(../images/video_icon.png) 0 50% no-repeat
		}
		
.review h3 { margin: 0 0 1.5em; color: #C2C2C2 }
.youtube { margin: .5em 0 1.5em }

	.divider h2, form h2 { font-size: 100% }
	#text .review h2 { font-size: 110% }
	.divider ul {
		margin: 0;
		padding: 0;
		list-style: none
	}
		.divider li { margin: 0 }
			.divider li a { font-weight: normal }

	#comments li { margin-bottom: 1em }
		#comments blockquote { margin: 0; padding: 0 }
		#comments .author { margin-bottom: .2em; color: #FFF }
		
.social {
	overflow:hidden;
	width:100%;
}
	.social li {
		display:inline;
		margin-right:5px;
	}

/* Testimonials */
#text blockquote { 
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #464646
}

#text h1 + blockquote, #index #text blockquote { 
	margin-top: 0;
	padding-top: 0;
	border-top: 0
}

#index .testimonials { 
	width: 100%;
	padding: 1em 0;
	border-top: 1px solid #464646;
	overflow: hidden
}
	#index .testimonials div {
		float: left;
		width: 130px
	}
		#index .testimonials h3 {
			margin: 0;
			font-size: 140%;
			text-transform: uppercase
		}
		#index .testimonials h3 a, #sidebar h3 a {
			color: #FFF;
			font-size: 75%;
			text-transform: none
		}
	#index .testimonials blockquote {
		float: right;
		display: inline;
		width: 420px;
		margin-right: 10px
	}
		
/* forms */
fieldset {
	margin: 2em 0;
	padding: 0;
	border: 0
}

#comment_form { margin: 1em 0 }
#comment_form h2 { margin-bottom: 1em }

label {
	position: relative;
	float: left;
	clear: left;
	width: 110px;
	margin: 0 15px .2em 0
}

.challenge label { width: 225px }

label img { 
	position: absolute;
	top: 5px; right: -7px
}

#comment_form label { width: 60px }

input, textarea {
	padding: 2px 4px;
	font-size: 12px;
}

button { 
	clear: both;
	margin: 1em 0;
	border: 0; 
	font-weight: bold 
}
button:hover { cursor: pointer }
#contact-form button { margin-left: 125px }
#contact-form .challenge button { margin-left: 240px }

input, textarea, select { 
	width: 150px;
	margin-bottom: .5em;
	border: 1px solid #C3C3C3
}
textarea { width: 275px }

input:hover, textarea:hover, input:focus, textarea:focus { background-color: #EFFCFF }

input[type=checkbox] {
	width: auto;
	padding: 0;
	border: 0;
	background: none
}
.ie input[type=checkbox] {
	position: relative;
	top: 5px
}

label.error, #comment_form label.check { 
	display: block;
	float: none;
	width: auto;
	color: #00BFF3;
	margin-left: 125px;
	text-align: left;
}
label.error { 
	position: relative;
	top: -25px;
	margin: 0 0 -38px 298px 
}
textarea + label.error { 
	position: relative;
	top: -180px;
	margin: 0 0 -38px 418px 
}
.ie textarea + label.error { top: -175px }
#comment_form label.check { 
	display: inline;
	margin-left: 5px; 
	color: #FFF 
}
#comment_form button, #comment_form input[type=checkbox] { margin-left: 75px }

input.error, textarea.error { background: #DFFAFF; border-color: #FFF }

.captcha { margin-left:6em }
	#comment_form .captcha label {
		display:block;
		color:#FFF;
		float:none;
		width:auto;
	}
	.captcha input { width:130px }

/* buttons */
a.blue, .blue a, button.blue { background: #00BFF3 }
a.grey, .grey a, button.grey { background: #898989 }
.grey:hover, .grey:focus, .grey:active { background: #FFF }
a.grey { margin-right: 10px }

a.btn, .btn a, button {
	padding: .2em .5em;
	color: #000;
	font-size: 92.5%;
	text-transform: uppercase;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
}
a.btn:hover, .btn a:hover, a.btn:focus, .btn a:focus, a.btn:active, .btn a:active { 
	cursor: pointer;
	text-decoration: none 
}
* html a.btn, * html .btn a { width: 6em; text-align: center }

/*------ sidebars ------*/
#sidebar { font-size: 92.5% }

	#sidebar p { line-height: 1.2 }
	#sidebar strong { color: #00BFF3 }
	#sidebar h3 { 
		margin-top: 0;
		padding-right: 10px;
		font-size: 140%;
		text-transform: uppercase 
	}
		#sidebar h3 a { margin-left: 10px }

	#index #sidebar h3 { font-size: 147.5% }

	.sIFR-active #sidebar h3, .sIFR-active #index #sidebar h3 {
		visibility: hidden;
		font-size: 14px;
		margin: 0;
	}

	#sidebar h3:not(:first-child), #sidebar .testimonials h3 { 
		padding-top: 1em;
		border-top: 1px solid #464646
	}
	
	#sidebar h4 { margin-bottom: 0; font-size: 100% }
	#sidebar p { margin-right: 40px }
	#sidebar blockquote p { margin-right: 10px }

	#sidebar h3 + a { 
		display: block;
		width: 188px;
		height: 48px;
		margin-bottom: .5em;
		background-repeat: no-repeat
	}
	#eight { 
		border-top: 1px solid #464646;
		display: block;
		width: 242px;
		height: 47px;
		padding-top:10px;
		margin-bottom: 1em;
		background: url(/images/8things-on.gif) 0 10px no-repeat
	}
	#refer {
		border-top: 1px solid #464646;
		padding-top:10px;
		padding-left:40px;
		margin-bottom: 1em;
		}
	#sidebar h3 + #link-blog { width: 186px; height: 41px }
	#sidebar h3 + #link-specials { height: 33px }
	#link-store { background-image: url(/images/store_link_on.jpg) }
	#link-video { background-image: url(/images/video_link_on.jpg) }
	#link-forum { background-image: url(/images/forum_link_on.jpg) }
	#link-quote { background-image: url(/images/quote_link_on.png) }
	#link-challenge { background-image: url(/images/test_link_on.png) }
	#link-blog { background-image: url(/images/blog_link_on.png) }
	#link-specials { background-image: url(/images/specials_link_on.png) }
	#sidebar a:hover, #sidebar .watch a:hover { visibility: visible }
	#sidebar a:hover img, #sidebar a:focus img { display: none }
	#sidebar .watch h3 + a { 
		height: auto; 
		width: auto;
		overflow: hidden
	}
	#sidebar .watch a img { display: block }
	
	.watch { 
		position: relative; 
		width: 197px;
		padding-bottom: 1em 
	}
		.watch * { min-height: 0 }
		#sidebar .watch p, #index #sidebar p { margin-right: 0 }
		.price { margin: -.9em 0 0 }
		.watch span { display: block }
		.watch .price + p {
			margin: .5em 0 0;
			text-align: right
		}
		.watch .grey { margin-right: 2px }
		
	#sidebar ul {
		margin: 0 0 1em;
		padding: 0;
		list-style: none
	}
		#sidebar ul a { color: #C2C2C2; font-weight: normal }
		
	#sidebar .testimonials h3 + p {
		position: relative;
		top: -1.7em;
		margin-bottom: -1em;
		text-align: right
	}

/*------ footer ------*/

#footer {
	clear: both;
	position: relative;
	width: 882px;
	padding: 3em 0;
	color: #898989;
	background: url(/images/footer_bdr_wide.png) 50% 0 no-repeat;
	font-size: 67.5%;
	overflow: hidden
}
#index #footer { background-image: url(/images/footer_bdr.png); width:800px; }
		#footer ul {
			margin: 0 0 1em;
			padding: 0;
			list-style: none;
		}
		#footer .inline { float: left; display: inline; margin: 0 }
		#footer ul.inline { margin-left: 10px }
			#footer li {
				display: inline;
				margin: 0 10px 0 0;
				padding: 0 10px 0 0;
				background: url(/images/footer_nav_line.png) 100% 50% no-repeat
			}
			#footer li:last-child { margin-right: 0; padding-right: 0; background: none }
		#footer p { margin: 0 }
		#footer img { float: right }
		#footer li img { float: none }
			#footer a { color: #898989; font-weight: normal }
			#footer a:hover, #footer a:focus, #footer a:active { color: #FFF }
			#footer p a { padding: 0 3px }