body {
	background-color:	#f5f5f5;
	color:			#000;
	font-family:		Helvetica, Arial, sans-serif;
	font-size:		x-small;
	line-height:		150%;
	margin:			0;
	width:			auto;
}

#gradient {
	background:		#fff url("/img/bg-tile.gif") repeat-x bottom;
	margin:			auto;
}

#ryobi {
	background:		#f5f5f5 url("/img/ryobi.jpg") 50% 100% no-repeat;
	margin:			auto;
}

#outer {
	background-color:	#fff;
	position:		relative;
	margin:			auto;
	width:			784px;
}

#container {
	margin:			auto;
}


#header {
	height:			135px;
	clear:			both;
}

#header-right-outer {
	width:			255px;
	display:		block;
	position:		absolute;
	top:			24px;
	left:			529px;
}

#header-right {
	margin:			0 30px 0 0;
	padding:		0;
}

#header-logo {
	width:			529px;
	display:		block;
	position:		absolute;
}

#header-left-outer {
	width:			529px;
	display:		block;
	position:		absolute;
	top:			90px;
}

#header-left {
	margin:			0;
	padding:		0;
}

#tabs {
	width:			529px;
}

#tabs-inner {
	margin:			0;
 	border-top:		solid #000 5px;
 	border-bottom:		solid #000 5px;
	height:			35px;
}

#tabs ul {
	list-style:		none;
	padding:		0;
	margin:			0;
}

#tabs li.empty {
	background:		transparent url("/img/nav-empty-tile.gif") repeat-y left bottom;
	display:		block; 
	float:			left;
	width:			29px;
	height:			35px;
}

#tabs li.nav {
	background:		#fff url("/img/nav-nav-tile.gif") repeat-y left bottom;
	display:		block; 
	float:			left;
	width:			125px;
	height:			35px;
}

#tabs li.current {
	background:		#5fa4d9 url("/img/nav-current-tile.gif") repeat-y left bottom;
	display:		block; 
	float:			left;
	width:			125px;
	height:			35px;
}

#tabs a {
	display:		block;
	padding:		10px 0 0 16px;
	margin:			0;
	background-color:	transparent;
	font-size:		110%;
	font-weight:		normal;
}

#tabs a:link, #tabs a:visited {
	color:			#000;
}

#tabs a:hover {
	color:			#5fa4d9;
}

#tabs a:active {
	color:			#000;
}

#tabs li.current a, #tabs li.current a:hover {
	color:			#fff;
	font-weight:		bold;	
}

#sub-navigation-outer {
	clear:			both;
	height:			40px;
}

#sub-navigation {
	padding:		12px 0 0 44px;
	font-size:		110%;
}

#sub-navigation a {
	font-weight:		normal;
}

#sub-navigation a.current {
	font-weight:		bold;
}

#sub-navigation a:link, #sub-navigation a:visited {
	color:			#000;
}

#sub-navigation a:hover {
	color:			#5fa4d9;
}

#sub-navigation a:active {
	color:			#000;
}

#content {
	clear:			both;
	font-size:		120%;
	min-height:		415px;
/*	height:			415px; originally for 4 elements */
	margin:			0;
}

.homePage {
	min-height:		520px;
/*	height:			415px; originally for 4 elements and normal */
/*	height:			670px; originally for 5 elements */
}

#main-outer {
	width:			534px; 
	display:		block;
	position:		relative;
	float:			left;
	z-index:		0;
}

#main {
	margin:			0 40px 0 44px;
}

#main-col {
	margin: 0;
}

#news-outer {
	width:			250px;
	display:		block;
	position:		absolute;
	right:			0;
	z-index:		3; 
}

.login {
	background:		#fff url("/img/footer-tile.gif") bottom repeat-x;  
	font-size:		x-small;
	line-height:		100%;
	padding:			0px 13px 1px 13px;
	margin:			0 30px 10px 0;
}

#news {
	background:		#fff url("/img/bg-tile.gif") repeat-x bottom left;
	margin:			0 30px 0px 0;
	overflow:		auto; 
}

#news-items {
	margin:			15px 13px 30px 13px;
}

#news-items p {
	padding:		0 0 3px 0;
}

#footer-outer {
	padding:		50px 0 0 0;
	clear:			both;
	display:		block;
	height:			130px;
}

#footer {
	clear:			both;
	background:		#fff url("/img/footer-tile.gif") bottom repeat-x;  
	margin:			0 30px 40px 34px;
	padding:		35px 13px 15px 10px;
	font-size:		110%;
	display:		block;
	position:		relative;
}

#footer-inner {
}

.gradient {
	background:		#fff url("/img/footer-tile.gif") bottom repeat-x;  
	padding:			0px 13px 10px 13px;
	margin:			0 0 10px -10px;
}

.banner {
	display:		block;
	position:		relative;
	left:			-10px;
	margin:			0 0 5px 0;
	font-size:		x-small;
}

.ontop-banner {
	display:		block;
	position:		absolute; 
	top:			45px;
	left:			11px;
	z-index:		1;
	margin:			0;
 	font-size:		120%;
}

.banner-col-right {
	display:		block;
	position:		absolute;
	margin:			0 0 5px 0;
	font-size:		x-small;
}

.banner-col-left {
	display:		block;
	position:		relative;
	margin:			0 0 5px 0;
	font-size:		x-small;
}

.photo {
	display:		block;
	position:		absolute;
	left:			35px;
	z-index:		2;
	margin:			0;
}

.clear {
	display:		block;
	clear:			both;
	margin:			6px 0 12px 0;
}

.right {
	text-align:		right;
}

.print-image {
	clear:			left;
	display:		block;
	position:		relative;
	float:			left;
	z-index:		2;
	margin:			0 10px 0 0;
}

.print {
	clear:			right;
	display:		block;
	position:		relative;
	float:			right;
	margin:			0;
}

.product {
	width:			335px;
}

.input {
	font-size:		x-small;
}
strong, .strong, b, .bold {
	text-transform:		uppercase;
	font-weight:		bold;
}

em, .em {
	font-weight:		bold;
}

a {
	text-decoration:	none;
}

a:link {
	color:			#5fa4d9;
	background-color:	transparent;
	font-weight:		bold;
}

a:visited {
	background-color:	transparent;
	font-weight:		bold;
}

a:hover {
	color:			#71b2e3;
	background-color:	transparent;
}

a:active {
	background-color:	transparent;
}

h1 {
	font-family:		Helvetica Narrow, Arial Narrow, Helvetica, Arial, sans-serif;
	font-size:		x-large;
	line-height:		110%;
	font-weight:		bold;
	text-transform:		uppercase;
	margin:			22px 0 10px 0;
}

h2 {
	font-size:		small;
	font-weight:		bold;
	text-transform:		uppercase;
	margin:			16px 0 6px 0;
}

ul, dl {
	margin:			0 0 6px 30px;
	list-style:		square;
}

dt {
	font-family:		Helvetica, Arial, sans-serif;
	font-size:		x-small;
	line-height:		110%;
	margin:		0 0 0 -20px;
}

hr {
	margin:			0 10px 0 0;
	height:			2px;
	background:		white; 
	border-style:		none;
	border-bottom:		solid #000 2px;
}