/* @override http://scootersurvival:8888/style/style.css */

/* @group General */

/*
Reset browser styles and add basic styling
Andrew Duck, quiqcorp.com
*/

/* @group Body Styles */

/* @end */

/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

body {
	margin: 0 auto;
	position: relative;
	background-color: #f7f7f7;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.41;
	text-align: left;
	text-shadow: rgba(255,255,255,.01) 0 -1px 1px;
}

ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

/* tables may still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group Font sizes */

/* basic font sizes */

p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div {
	font-size: 0.9285em;
}

/* deal with likely (but certainly not all) inherited shrinkage */

ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, blockquote p, form div div, form div p, fieldset div, table form div, li, table {
	font-size: 0.9285em;
}


/* @end */

/* @group Links */

a {
	color: #0054A5;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Headings */

h1 {
	color: #EC1C24;
	border-bottom: 1px solid #E6E8C2;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1;
	padding-top: 0.5428em;
	padding-left: 0.6571em;
	margin-bottom: 0.4em;
	margin-left: 5px;
	text-transform: uppercase;
}

body#about-us h1 { margin-right: 8px; }

h2 {
	background-color: #DFE2AB;
	color: #47695B;
	font-size: 1em;
	font-weight: bold;
	padding-left: 1.1428em;
	padding-top: 0.4285em;
	padding-bottom: 0.4285em;
	text-transform: uppercase;
	margin-left: 28px;
	margin-right: 0;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

h2 a {
	color: #47695B;
}

h3, h4, h5, h6 {
	font-size: 1em;
/*

14px */
}

/* @end */

/* @group Other */

td {
	text-align: center;
}


/* @end */



/* @end */

/* @group Helper Styles */

#acc-logo {
	float: right;
	margin-right: 4em;
	display: inline;
	margin-top: -68px;
}

/* @end */

/* @group Page Structure */

#container {
	background-color: #fff;
	float: left;
	padding-right: 1em;
	width: 65em;
	display: inline;
}

#container2 {
	background-image: url('../images/camo-background.gif');
	background-repeat: no-repeat;
	height: 500px;
	margin-left: 66em;
}

/* @group Header */

#header {
	background-image: url('../images/camo-header.gif');
	background-repeat: no-repeat;
	margin-top: 0.7857em;
}

.header-content {
	background-image: url('../images/header-background.jpg');
	background-repeat: no-repeat;
	height: 8em;
	margin-left: 13em;
/*

186 px */
}

.header-content img {
	padding-left: 20px;
	padding-top: 1.5em;
}

.header-content ul {
	position:  absolute;
	top: 10px;
	left: 770px;
	float: right;
	display: inline;
	margin-right: 1em;
}

.header-content li {
	background-image: url('../images/tab-white-left.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	padding: 0 .5em 0 3px;
}

.header-content li a {
	background-image: url('../images/tab-white-right.gif');
	background-position: bottom right;
	color: #000;
	display: block;
	font-size: 0.8461em;
	padding: 0 7px 6px 4px;
}

.header-content li a:hover {
	text-decoration: none;
}

/* @end */

/* @group Primary Navigation */

#primary-nav ul {
	margin: 1em 0 1em 2.1428em;
	padding: 0 0 1em 0;
}

#primary-nav li {
	display: inline;
}

#primary-nav li a {
	background-image: url('../images/primary-nav.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #333;
	display: block;
	float: left;
	height: 16px;
	font-size: 1.3571em;
	text-indent: -9009px;
}

/* Home */

li#nav-home a {
	background-position: 0 0;
	width: 74px;
}

li#nav-home a:hover {
	background-position: 0 -17px;
}

li#nav-home .on {
	background-position: 0 -34px;
}

/* Riding Guide */

li#nav-riding-guide a {
	background-position: -74px 0;
	width: 147px;
}

li#nav-riding-guide a:hover {
	background-position: -74px -17px;
}

li#nav-riding-guide .on {
	background-position: -74px -34px;
}

/* Scoot Safety */

li#nav-scoot-safety a {
	background-position: -221px 0;
	width: 186px;
}

li#nav-scoot-safety a:hover {
	background-position: -221px -17px;
}

li#nav-scoot-safety .on {
	background-position: -221px -34px;
}

/* Buying Guide */

li#nav-buying-guide a {
	background-position: -407px 0;
	width: 159px;
}

li#nav-buying-guide a:hover {
	background-position: -407px -17px;
}

li#nav-buying-guide .on {
	background-position: -407px -34px;
}

/* Gear Up */

li#nav-gear-up a {
	background-position: -566px 0;
	width: 117px;
}

li#nav-gear-up a:hover {
	background-position: -566px -17px;
}

li#nav-gear-up .on {
	background-position: -566px -34px;
}

/* The Rules */

li#nav-the-rules a {
	background-position: -683px 0;
	width: 103px;
}

li#nav-the-rules a:hover {
	background-position: -683px -17px;
}

li#nav-the-rules .on {
	background-position: -683px -34px;
}

/* @end */

/* @group Body */

#body {
	clear: both;
	margin: 0 0 1em 2em;
}

.main {
	background-image: url('../images/body.png');
	background-position: top right;
	background-repeat: no-repeat;
	float: right;
	width: 43em;
	padding-right: 8px;
	display: inline;
}

.main .inner {
	background-image: url('../images/body-left.gif');
	background-position: 0 -2px;
	background-repeat: no-repeat;
}

.secondary {
	float: left;
	width: 19em;
	display: inline;
	overflow: hidden;
}

.split {
	background-image: url('../images/sml-body-right.png');
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 0px;
}

.split .inner {
	background-image: url('../images/sml-body-left.gif');
	background-position: top left;
	float: left;
	background-repeat: no-repeat;
}

#body p {
	font-size: 0.9285em;
	padding: 1em 2.1538em;
}

.inner ul {
	padding: 0 3.5em 0 28px;
}

.inner ul li {
	padding: .3em 0 .3em 17px;
	background: url('../images/bullet.gif') no-repeat 0 .6em;
}

.inner ul ul {
	font-size:1em;
}

.back-to-top {
	float:right;
	padding: 2em 2em 1em 0;
}

.back-to-top a {
	color: #000;
	text-decoration:none;
}

.back-to-top a:hover {
	text-decoration:none;
}

/* @end */

/* @group Footer */

div#footer {
	background-image: url('../images/footer.gif');
	background-repeat: repeat-x;
	border-top: 5px solid #333;
	clear: both;
	font-size: .8461em;
	padding-top: 25px;
	padding-left: 45px;
}

/* This nasty hack should be in an IE stylesheet but there isn't one, only one for IE6 */
*div#footer { padding-top: 10px; }

#footer a {
	color: #000;
}

#footer a:hover {
	text-decoration: none;
}

/* @group Footer Nav */

#footer ul {
	margin: 0 0 0 -2px;
	padding: 0 0 0.6em;
}

#footer li {
	display: inline;
	font-size: 1em;
}

#footer li a {
	color: #000;
	padding: 0 2px 0 2px;
	text-decoration: none;
}

/* @end */

/* @end */



/*

@end */

/* @group Page Components */

#body p.emphasize {
	color: #47695B;
	font-size: 1.3846em;
	line-height: 1.15;
	padding: 0.1em;
	text-shadow: rgba(255,255,255,.01) 0 -1px 1px;
}

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

/* @group Rounded Boxes */

.rounded-box {
	position: relative;
	margin: 0px auto;
	min-width: 8em;
	max-width: 760px;
	/* based on image dimensions - not quite consistent with drip styles yet */
 	color: #fff;
	z-index: 1;
	margin-left: 12px;
	/* default, width of left corner */
 	margin-bottom: 3.5em;
	/* spacing under dialog */
 	margin-top: 8px;
}

.rounded-box .content,
.rounded-box .t,
.rounded-box .b,
.rounded-box .b div {
	background: transparent url('../images/rounded-green.gif') no-repeat top right;
}

.rounded-box .content {
	position: relative;
	zoom: 1;
	_overflow-y: hidden;
	padding: 0px 12px 0px 0px;
}

.rounded-box .t {
/* top+left vertical slice */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 12px;
	/* top slice width */
 	margin-left: -12px;
	height: 100%;
	_height: 1600px;
	/* arbitrary long height, IE 6 */
 	background-position: top left;
}

.rounded-box .b {
	/* bottom */
 	position: relative;
	width: 100%;
}

.rounded-box .b,
.rounded-box .b div {
	height: 35px;
	/* height of bottom cap/shade */
 	font-size: 1px;
}

.rounded-box .b {
	background-position: bottom right;
}

.rounded-box .b div {
	position: relative;
	width: 12px;
	/* bottom corner width */
 	margin-left: -12px;
	background-position: bottom left;
}

.rounded-box .hd,
.rounded-box .bd,
.rounded-box .ft {
	position: relative;
}

.rounded-box .wrapper {
	position: static;
	max-height: 1000px;
}

.rounded-box h1,
.rounded-box h2,
.rounded-box p {
	margin: 0px;
	/* margins will blow out backgrounds, leaving whitespace. */
 	padding: 0.5em 0px 0.5em 0px;
}

.rounded-box h1 {
	padding-bottom: 0px;
}

.rounded-box.type2 .content,
.rounded-box.type2 .t,
.rounded-box.type2 .b,
.rounded-box.type2 .b div {
	background-image: url('../images/rounded-yellow.gif');
}

.rounded-box.type2 .b,
.rounded-box.type2 .b div {
	height: 10px;
 	font-size: 1px;
}


/* @end */


#face {
	position: absolute;
	top: -42px;
	left: 160px;
	float: right;
}

/* Vertical Split UL */

ul.vertical-split {
	margin: 0;
	padding: 0;
}

.vertical-split li {
	border-top: 2px solid #E6E8C2;
	padding: 2px 0;
}

.vertical-split a {
	background-color: #fff;
	color: #000;
	display: block;
	padding: 1em 0;
	text-decoration: none;
}

.vertical-split img {
	float: left;
	padding-right: 1em;
}

.vertical-split span {
	color: #7B5531;
	font-weight: bold;
	font-size: 1.0769em;


/* 14px, parent was 13 */
}

.vertical-split li.last {
	border-bottom: 2px solid #E6E8C2;
}

.vertical-split a:hover {
	background-color: #E8EEEB;
}

.vertical-split img.video_thumb {
float:none; 
margin-top:5px;
}

#nz-govt {
	

}

.white {
	border-right: 1px solid #fff;
}

.no-float {
	float: none;
}

#home-guarantee {
	margin-left: -10px;
}

#home-face {
	position: absolute;
	top: -65px;
	left: 260px;
	float: right;
}

table {
	margin-left: 20px;
}

td {
	padding: 10px;
	text-align: center;
}

td img {
	display: inline;
	padding: 15px;
	text-align: center;
}

.video-cell {
	color: #47695B;
	float: left;
	font-size: 0.8571em;
	font-weight:bold;
	padding-bottom: 1em;
}

.video-cell img {
	display: block;
	padding: 0 11px 0.5em 0;
}

.video-cell a {
	color: #47695B;
	text-decoration: none;
}

#video-container {
	/*padding: 5px 25px;*/
	padding: 0 25px 5px 25px;
}

#body p.back {
	padding: 1em 0 0 25px; 
}




/* @end */

/* @group Overrides */

#body .rounded-box p {
	font-size: 1.6428em;
	padding: 1em 1em 1.5em 1em;
}

#home .main {
	background-image: none;
	float: left;
	width: 36em;
}

#home .secondary {
	width: 26em;
	float: right;
}

#home .split {
	display: inline;
	width: 49.9%;
	float: left;

	position: relative;
}

#home .vertical-split {
	clear: both;
}

#home .secondary .rounded-box {
	margin-bottom: 2.2em;
	margin-top: 0;
}

#home #body .secondary .rounded-box p {
	font-size: 1.4285em;
	padding: 0.5em 0em 0.5em 0.5em;
}

#home .main .split {
	width: 49%;
}

#home #face {
	left: 260px;
}

#home-guarantee {

	position: absolute;
	top: -258px;
	left: 0px;
}

#home-guarantee2 {
	height: 250px;
}

#home #body .main h2 {
	font-size: 1.7857em;
	margin-left: 0;
}

#home .main .rounded-box p {
	padding: 5px;
}

#home .main .rounded-box .right h2 {
	padding-left: 15px;
}

#home .main .rounded-box .right p {
	padding: 5px 5px 5px 15px;
}

#home .main .rounded-box div.clear {
	font-size: 0;
	clear: both;
}


#home .main .rounded-box #video {
	padding-left: 15px;
	padding-top: 60px;
}

#home .main .rounded-box #show-me-more {
	padding-left: 100px;
	padding-top: 40px;
}

#home .main p, #home .secondary .split p {
	color: #000;
	font-size: 0.8571em;
}

#home .secondary .split h2 {
	background-color: #fff;
	font-size: 1.7857em;
	padding: 0;
	margin-left: 14px;
	margin-right: 0;
	margin-top: 0.6em;
	margin-bottom: 0;
	width: 6.3em;
	padding-left: 3px;
	line-height: 1;
}

#home .secondary .split p {
	color: #333;
	padding-top: 0;
	padding-left: 18px;
	margin: 0;
}

#home .main .split {
	background-image: none;
}

#home .main .split h2 {
	font-size: 1.7857em;
	padding: 0;
	margin-left: 14px;
	margin-right: 0;
	margin-top: 0.6em;
	margin-bottom: 0;
	padding-left: 3px;
	line-height: 1;
}

#body p.emphasize {
	padding: 0 1.5555em 0.5em;
}

#about-us .main {
	width: 100%;
	padding-right: 0;
}

#scoot-safety .secondary h2, #video .secondary h2 {
	background-color: transparent;
	font-size: 1.2857em;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

#scoot-safety .vertical-split, #video .vertical-split {
	clear: both;
	padding-top: 1em;
}

#scoot-safety .vertical-split li, #video .vertical-split li {
	padding-top: 1em;
}

#scoot-safety .main, #video .main {
	width: 39em;
}

#scoot-safety .secondary, #video .secondary {
	width: 23em;
}

#video .main h2 {
	/*margin-top*/
	background-color: transparent;
	font-size: 1.2857em;
	margin-left: 25px;
	padding-left: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
}

div.video-top {
height:10px;
}
p#quote {
width:196px;
}
#home p#quote {
	width: 320px;
}
/* Win survey styples */
.flick_fix {
	height:52px;
	margin:0;
	padding:0;
}
.flick_fix h2 {
margin:0;
padding:18px 0 0 0;
}
.flick_fix_video {
	height:42px;
}
.win_left {
	float:left;
}
.win_video {
	padding:7px 0 15px 25px;
}
.win_wide {
	text-align:center;
	background-color:#DFE2AB;
	margin:2px 0;
}
.win_lines {
	background-color:#DFE2AB;
	height:2px;
	line-height:1px;
	font-size:1px;
}
/* @end */