html, body {
	padding: 0;
	margin: 0;
	text-align: left;
/*	min-height: 100%;*/
}

body {
	padding-bottom: 50px;
	background-color: #000;	
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment:fixed;
}

a {
	color: #f3b42e;
	font-weight: bold;
}

a:hover {
	color: #666;
	font-weight: bold;
}

.genericcontent {
	background-color: #fff;
	padding: 0px 15px 15px;
}

.genericcontent h1 {
	font-size: 350%;
	border-bottom: 1px solid #aaa;
	margin: 0;
	padding-top: 10px;
	margin-bottom: 15px;
}

/* ================== */
/* = JQUERY UI TABS = */
/* ================== */

.ui-tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
	display: block;
	border-bottom: 1px solid #aaa;
	height: 30px;
}

.ui-tabs-nav li {
	list-style: none;
	margin: 0;
	padding: 7px 15px 6px;
	float: left;
	background-color: white;
}

.ui-tabs-nav .ui-tabs-selected a {
	color: #666;
}

.ui-tabs-nav .ui-tabs-selected a:hover {
	color: #f3b42e;
}

.ui-tabs .ui-tabs-selected {
	border: 1px solid #aaa;
	border-bottom: 1px solid #ffffff;
}

.ui-tabs > div {
	clear: both;
}

.ui-tabs-hide {
	display: none;
}


/* ================== */
/* = DEALER LOCATOR = */
/* ================== */
/*

#nav-dealerlocator:hover #locator {
	display: block;
}*/


#locator {
	z-index: 100;
	display: none;
	height: auto;
	/* width: 400px;*/
	background-color: #545F6F;
	position: absolute;
	right: 2px;
	border: 1px solid #f3b42e;
	border-top: none;
	border-bottom: none;
}

#locator .wrap {
/*	margin-top: 23px;*/
/*	background-image: url("http://cdn.yastech.ca/opacity/black-80-percent-opacity.png");*/
	display: block;
}

#locator form {
	display: block;
	margin: 0;
	padding: 25px 5px;
/*	border-bottom: 1px solid #aaa;*/
	position: relative;
}

#locator form label {
	color: #ccc;
	font-size: 85%;
	position: relative;
	left: 25px;
}

#locator form input {
	position: absolute;
	top: 21px;
	right: 25px;
	width: 150px;
/*	height: 30px;*/
	padding: 4px;
	color: #ccc;
	background-color: black;
	border: 1px solid #f3b42e;
	text-align: right;
	text-transform: uppercase;
}

#locator #locatorloading {
	background-image: url(/images/layout/loading.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 11px;
	display: none;
	margin: 0 auto;
}

#locator #locatornumresults,
#locator #locatorresults {
	color: white;
	padding: 0 15px;
}

#locator #locatorresults .name {
	color: #f3b42e;
	float: left;
}

#locator #locatorresults .address {
	color: #ccc;
	float: right;
	text-align: right;
}

#locator #locatorresults ol {
	margin: 0;
	margin-bottom: 15px;
}

#locator #locatorresults li {
	padding: 12px 0;
/*	margin: 8px 0;*/
	float: none;
	display: block;
	border-bottom: 1px solid #f3b42e;
}

/* ========== */
/* = LAYOUT = */
/* ========== */

#tertiary,
#footer {
	background-image: url(http://cdn.yastech.ca/opacity/black-20-percent-opacity.png);
	height: 35px;
	color: #fff;
}

#tertiary a,
#footer a {
	color: #fff;
	font-size: 85%;
	text-decoration: none;
	padding: 0 5px;
	font-weight: normal;
}


#tertiary a:hover,
#footer a {
	color: #f3b42e;
}

#tertiary #disclaimer-text {
	padding-top: 5px;
}

#tertiary #disclaimer-text a {
	padding-left: 15px;
}

#tertiary #contactinfo {
	text-align: right;
	padding-top: 5px;
}

#header {
	background-image: url(http://cdn.yastech.ca/opacity/black-60-percent-opacity.png);
	height: 89px;
	position: relative;
	z-index: 100;
}

#header #logo {
	text-align: center;
/*	background-color: #fff;*/
	height: 64px;
	padding-top: 25px;
}

#header #logo a {
	position: relative;
	top: 7px;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: 26px;
}

#navigation ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

#navigation ul li a {
	display: block;
	border-left: 1px solid #f3b42e;
	height: 40px;
	background-image: url(/images/layout/navigation_sprite.png);
	text-indent: -9999px;
}

#navigation #nav-dealerlocator {
	border-right: 1px solid #f3b42e;
}

#navigation #nav-utvs a					{ width: 56px; 	background-position: 	0 0;}
#navigation #nav-utvs a:hover			{ width: 56px; 	background-position: 	0 -40px;}
#navigation #nav-utvs.current a			{ width: 56px; 	background-position: 	0 -80px;}
#navigation #nav-atvs a					{ width: 55px; 	background-position: 	-57px 0;}
#navigation #nav-atvs a:hover			{ width: 55px; 	background-position: 	-57px -40px;}
#navigation #nav-atvs.current a			{ width: 55px; 	background-position: 	-57px -80px;}
#navigation #nav-dirtbikes a			{ width: 95px; 	background-position: 	-113px 0;}
#navigation #nav-dirtbikes a:hover		{ width: 95px; 	background-position: 	-113px -40px;}
#navigation #nav-dirtbikes.current a	{ width: 95px; 	background-position: 	-113px -80px;}
#navigation #nav-accessories a			{ width: 114px;	background-position: 	-209px 0;}
#navigation #nav-accessories a:hover	{ width: 114px;	background-position: 	-209px -40px;}
#navigation #nav-accessories.current a	{ width: 114px;	background-position: 	-209px -80px;}
#navigation #nav-about a				{ width: 149px;	background-position: 	-324px 0;}
#navigation #nav-about a:hover			{ width: 149px;	background-position: 	-324px -40px;}
#navigation #nav-about.current a		{ width: 149px;	background-position: 	-324px -80px;}
#navigation #nav-service a				{ width: 76px; 	background-position: 	-474px 0;}
#navigation #nav-service a:hover		{ width: 76px;	background-position: 	-474px -40px;}
#navigation #nav-service.current a		{ width: 76px; 	background-position: 	-474px -80px;}
#navigation #nav-dealerlocator a 		{ width: 150px;	background-position: 	-551px 0;}
#navigation #nav-dealerlocator.current a{ width: 150px;	background-position:	-551px -80px;}
#navigation #nav-dealerlocator a.hover	{ width: 150px;	background-position:	-551px -40px;}
#navigation #nav-dealerlocator a:hover	{ width: 150px;	background-position:	-551px -40px;}

#feature {
	text-align: right;
	height: 306px;
	position: relative;
}

#feature div {
	position: absolute;
	z-index: 60;
	right: 0;
	top: 0;
}

#feature img {
	position: absolute;
	right: -100px;
	z-index: 51;
/*	right: 0;*/
	top: 0;
}


.productsection {
	background-color: #fff;
}

.productsection img {
	border-bottom: 1px solid #aaa;
}

.productdetails {
	padding: 0 15px 15px;
	font-size: 93%;
}

.productdetails a.browse {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	display: block;
	color: #f3b42e;
	background-color: #000;
	margin: 5px -15px -15px;
	padding: 8px;
}

.productdetails h2 {
	margin: 0;
	font-size: 220%;
	padding: 3px 0 9px;
}

#news {
	background-color: #fff;
	margin-top: 5px;
	font-size: 90%;
}

#news > div.alpha {
	border-right: 1px solid #dcdcdc;
	margin-right: 4px;
}

#news > div {
	padding-top: 15px;
	padding-bottom: 15px;
}

#news h1 {
	margin: 5px 15px 0;
	font-size: 350%;
	padding-bottom: 5px;
	border-bottom: 1px solid #aaa;
}

#news h2 {
	font-size: 100%;
	text-transform: uppercase;
}

#news h2 a {
	text-decoration: none;
}

#news .newsitem {
	padding: 0 15px;
}

#news a.morelink {
	display: block;
	text-align: right;
	text-transform: uppercase;
	font-size: 90%;;
}

#maincontent {
	background-image: url(http://cdn.yastech.ca/opacity/black-30-percent-opacity.png);
	padding: 5px 0;
}

#footer {
	background-image: url(http://cdn.yastech.ca/opacity/black-30-percent-opacity.png);
	height: 46px;
/*	margin-bottom: 65px;*/
}

#footer #copyright {
	float: left;
	padding: 12px 0 0 15px;
}

#footer #yastech {
	float: right;
	display: block;
	background-color: #fff;
}

#footer #yastech:hover {
	background-color: #DCDCDC;
}

#footer #yastech a {
	height: 27px;
	color: #666;
	display: block;
	padding: 14px 90px 0 15px;
	background-image: url(/images/layout/yastech.png);
	background-repeat: no-repeat;
	background-position: 300px;
}

/* ===================== */
/* = DIRT BIKE FEATURE = */
/* ===================== */

body.dirtbike {
	background-image: url(/images/featureimages/dirtbike-background.jpg);
	background-position: center -40px;
}

/* =============== */
/* = ATV FEATURE = */
/* =============== */

body.atv {
	background-image: url(/images/featureimages/atv-background.jpg);
}

.atv #tertiary,
.atv #footer,
.atv #maincontent {
	background-image: url(http://cdn.yastech.ca/opacity/black-40-percent-opacity.png);
}

/* =============== */
/* = UTV FEATURE = */
/* =============== */

body.utv {
	background-image: url(/images/featureimages/utv-background.jpg);
}

body.utv #locator {
	background-color: #61676f;
}

/* ========= */
/* = FORMS = */
/* ========= */

form .field label {
	float: left;
	width: 150px;
	text-align: right;
	padding: 4px 0 0 0;
}

form .field input,
form .field textarea,
form .field select {
	padding: 2px;
	margin-left: 15px;
}

form .field {
	padding: 10px 0;
}

form#login_form .field label {
	width: 100px;
}

form .button {
	text-align: right;
	width: 275px;
}

form#contactform .button {
	width: auto;
	padding-top: 15px;
	border-top: 1px solid #ccc;
	margin-top: 10px;
	margin-right: -15px;
	padding-right: 15px;
}

form#contactform .field input,
form#contactform .field textarea,
form#contactform .field select {
	width: 250px;
}

form#contactform .field textarea {
	height: 90px;
}

.fields {
	border-right: 1px solid #AAAAAA;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	top: -15px;
}

label.error, .red {
	color: #FF0000;
}

/* ============== */
/* = CATEGORIES = */
/* ============== */

#files table,
#files tr, 
#files th, 
#files td {
	border: none;
	text-align: left;
}

#files table {
	display: block;
}

#files .yui-dt-col-title {
	width: 350px;
}

#categories table,
#categories table tbody,
#categories table tr,
#categories table td {
	display: block;
	padding: 0;
	margin: 0;
}

#categories thead {
	display: none;
}

#categories td {
	border: none;
/*	display: bloc;*/
}

#categories a {
	display: block;
	padding: 0.5em;
/*	margin: 0.5em 0;*/
	text-decoration: none;
}

#categories a.current {
	background-color: #ccc;
	background-color: #F3B42E;
	color: white;
}

#categories a.current:hover {
	
}

#categories table tr.yui-dt-first a {
	margin: 0 0 0.5em 0;
}

.toggledShow {
	display: block !important;
/*	border: 1px solid red !important;*/
}

.toggledHide {
	display: none !important;
}