body {
	margin: 0px;
	padding: 0px;
	
	background-color: #e4eaed;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    text-align:center;
}

#root {
	position: relative;
	z-index: 1;
	top: 20px;
    margin:auto;
	
	width: 990px;
	height: 640px;
	overflow: hidden;
	
	background-color: #cad5db;
    text-align:left;
}

#root #onepluslayer {
	position:absolute;
	z-index:3;
	top:484px;
	left:20px;
}

#root #head {
	position: relative;
	z-index: 1;
	top: 0px;
	left: 0px;
	
	width: 990px;
	height: 150px;
}

#root .home {
	background-image: url(/assets/images/global/bg_head_home.jpg);
	background-repeat: repeat-y;
}

#root .null {
	background-image: url(/assets/images/global/bg_head_one.jpg);
	background-repeat: repeat-x;
}

#root .one {
	background-image: url(/assets/images/global/bg_head_elektro.jpg);
	background-repeat: no-repeat;
}

#root .two {
	background-image: url(/assets/images/global/bg_head_benzin.jpg);
	background-repeat: no-repeat;
}

#root .three {
	background-image: url(/assets/images/global/bg_head_home.jpg);
	background-repeat: repeat-y;
}

#root #head #logoRyobi {
	position: absolute;
	z-index: 2;
	top: 60px;
	left: 20px;
	
	width: 300px;
	height: 52px;
}

#root #head #naviMain {
	position: absolute;
	z-index: 2;
	top: 60px;
	left: 330px;
	
	width: 640px;
	height: 52px;
	
	overflow: hidden;
}
#root #head #naviMain .edgeLeft,
#root #head #naviMain .edgeRight {
	position: absolute;
	z-index: 3;
	top: 0px;
	
	width: 2px;
	height: 52px;
	overflow: hidden;
	
	background-repeat: no-repeat;
}
#root #head #naviMain .edgeLeft {
	left: 0px;
	
	background-image: url(/assets/images/global/naviMain_edgeLeft.gif);
}
#root #head #naviMain .edgeRight {
	right: 5px;
	
	background-image: url(/assets/images/global/naviMain_edgeRight.gif);
}
#root #head #naviMain #naviMainTable {
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 2px;
	
	width: 631px;
	height: 52px;
	overflow: hidden;
}
#root #head #naviMain #naviMainTable .item {
	padding-left: 20px;
	padding-right: 20px;
	
	background-image: url(/assets/images/global/naviMain_background.gif);
	background-repeat: no-repeat;
	background-position: right top;
	
	text-align: center;
	line-height: 52px;
	font-size: 13px;
	font-weight: bold;
	
	cursor: pointer;
}

#root #head #naviMain #naviMainTable .item:hover {
	background-image: url(/assets/images/global/naviMain_highlight.gif);
}

#root #head #naviMain #naviMainTable .active {
	background-image: url(/assets/images/global/naviMain_down.gif);
	color: #FFF;
}

#root #head #naviMain #naviMainTable .last {
	padding-left: 23px;
	padding-right: 23px;
	
	background-position: left top;
}

#root #head #naviMain #naviMainTable td a {
	color: #000;
	text-decoration: none;
}

#root #head #searchBg {
	position: absolute;
	z-index: 2;
	top: 125px;
	left: 0px;
	width: 990px;
	height: 25px;
	background-color: #3d505a;
}

#root #head #searchBg #search {
	position: absolute;
	z-index: 2;
	top: 2px;
	left: 20px;
	
	width: 147px;
	height: 18px;
	overflow: hidden;
	
	border-left: solid 1px #808080;
	border-top: solid 1px #808080;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}

#root #head #searchBg #search .searchField {
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 0px;
	
	width: 145px;
	height: 16px;
	
	padding: 0px;
	margin: 0px;
	padding-left:2px;
	
	border-left: solid 1px #404040;
	border-top: solid 1px #404040;
	border-right: solid 1px #D0D0D0;
	border-bottom: solid 1px #D0D0D0;
	
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#root #naviSub {
	position: absolute;
	z-index: 2;
	top: 170px;
	left: 20px;
	
	width: 149px;
	height: 374px;
	overflow: hidden;
	
	background-color: #3d505a;
}

#root #naviSub #naviSubItems {
	position: absolute;
	z-index: 3;
	left: 0px;
	
	width: 149px;
	overflow: hidden;

}
#root #naviSub #naviSubItems {
	top: 2px;
	height: 370px;
}
#root #naviSub #naviSubItems #plus {
	margin-top: 4px;
	margin-left: 64px;
}
#root #naviSub #naviSubItems #naviSpecial {
	padding-top: 1px;
	
	line-height: 20px;

}
#root #naviSub #naviSubItems .item {
	width: 100%;
	
	padding-left: 8px;
	padding-right: 10px;
	
	
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	
	cursor: pointer;
	
	border-bottom: solid 1px #FFF;
}
#root #naviSub #naviSubItems .item a {
	color: #FFF;
	text-decoration: none;
}
#root #naviSub #naviSubItems .subItem {
	width: 100%;
	
	padding-left: 8px;
	padding-right: 10px;
	
	line-height: 15px;
	font-size: 11px;
	font-weight: normal;
		
	cursor: pointer;
}
#root #naviSub #naviSubItems .subItem a {
	color: #9eba8b;
	text-decoration: none;
}
#root #naviSub #naviSubItems .first {
	margin-top: 5px;
}
#root #naviSub #naviSubItems .last {
	margin-bottom: 5px;
}

#root .hide {
	display: none;
}

#root #path {
	position: absolute;
	z-index: 2;
	top: 127px;
	left: 180px;
	
	width: 794px;
	height: 20px;
	overflow: hidden;
		
	line-height: 20px;
	color: #FFF;
}
#root #path .pathInfo {
	margin-left: 12px;
	margin-right: 12px;
}
#root #path .pathInfo a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#root #content {
	position: absolute;
	z-index: 2;
	left: 180px;
	
	height: 375px;
	width: 789px;
	
	background-color: #FFF;
overflow:hidden;
	

}

#root #content #products {
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 0px;
			
	width: 685px;
	height: 375px;
  background-color:#FFFFFF;

}

#root #content #products #prdlist{
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 0px;
			
	width: 630px;
	height: 375px;
}

#root #content #products #products_button{
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 635px;
			
	width: 50px;
	height: 375px;
	overflow: hidden;
}

#root #content #products #products_button #products_button_img{
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 0px

}

#root #content #video {
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 0px;
			
	width: 737px;
	height: 375px;
  background-color:#FFFFFF;

}
#root #content #video #vidlist{
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 62px;
			
	width: 630px;
	height: 375px;
	visibility:hidden;
}


#root #content #video #video_button{
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 687px;
			
	width: 50px;
	height: 375px;
	overflow: hidden;
	
}

#root #content #video #video_button #video_button_img {
	position: absolute;
	z-index: 3;
	top: 0px;
	left: -100px;	
}

#root #content #tipps {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
			
	width: 790px;
	height: 375px;
  background-color:#FFFFFF;

}
#root #content #tipps #tiplist{
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 110px;
			
	width: 630px;
	height: 375px;
	visibility:hidden;
}

#root #content #tipps #tipps_button{
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 739px;
			
	width: 50px;
	height: 375px;
	overflow: hidden;
}
#root #content #tipps #tipps_button #tipps_button_img {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: -100px;	
}




#root #content #textLeft {
	position: absolute;
	z-index: 3;
	width:460px;
	left: 10px;
}

#root #content #imageRight {
	position: absolute;
	z-index: 3;
	width:304px;
	left: 485px;
	overflow:hidden;
}

#root #contentHome {
	position: absolute;
	z-index: 2;
	
	height: 375px;
	width: 990px;
	
	overflow: hidden;
	
}

#root #content #overview {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 640px;
	
		
	width: 152px;
	height: 375px;
	

	
}

#root #content #overview .item {	
	width: 50px;
	height: 375px;
	float: left;
	
	background-color: #80c241;
}


#root #content #overview .item img {
	margin-left: 0px;
}

#root #main #content .floatingElement:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}


#root #content #overview .active {
	width: 50px;
	background-color: #00692a;
	
}

#root #content #overview .border {
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
	
}

#root #content .nameLayer {
	position: absolute;
	z-index: 5;
	top: 0px;
	left: 0px;
	padding: 4px;
	
	width: 140px;
	height: 60px;
	
	background-color: #e4eaed;
	color: #9eba8a;
	
	font-size: 12px;
	font-weight: bold;

}

#root #content .nameLayer .nameLayerSubline {
	padding-left: 10px;
	margin-top: 0px;
	
	background-color: #e4eaed;
	color: #3d505a;
	
	font-size: 10px;
	font-weight: bold;
	
	border-left: solid 2px #9eb98c;

}

#root #content .nameLayer .nameLayerSubline h1 {
	color: #000;
	
	font-size: 12px;
	font-weight: bold;

}

#root #content .nameLayer .nameLayerSubline .newIcon {
	position: absolute;
	z-index: 5;
	top: 0px;
	right: 0px;
}


#root .title {
	top: 170px;
	left: 180px;
	
	width: 794px;
	height: 490px;
	overflow:hidden;
}

#root .scroll {
	top: 170px;
	left: 180px;
	
	width: 794px;
	height: 490px;
	overflow: auto;
}

#root .titleHome {
	top: 170px;
	left: 20px;
	
	width: 990px;
	height: 490px;
}

#root #contentHome .imageOne {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 20px;
}

#root #contentHome .imageTwo {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 340px;
}

#root #contentHome .imageThree {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 660px;
}

#root .main {
	top: 170px;
	left: 180px;
	
	width: 950px;
	height: 490px;
}

#root .main .centerCont {
	position: absolute;
	z-index: 3;
	
	top: 150px;
	left: 2px;
	
	width: 790px;
	height: 374px;
	overflow: hidden;
	
	background-color: #FFF;
}
#root .main #scrolledContent h2 {
	margin-top: 24px;
	margin-bottom: 12px;
	font-size: 12px;
}
#root .main #scrolledContent .pageLink {
	text-decoration: none;
}
#root .main #scrolledContent .pageLinkActive {
	text-decoration: none;
	font-weight: bold;
}
#root .main #scrolledContent .contentTable {
	margin-top: 8px;
}
#root .main #scrolledContent .contentTable td {
	padding-right: 12px;
}
#root .main #scrolledContent .dealerTable {
	margin-top: 8px;
}
#root .main #scrolledContent .dealerTable td {
	padding-left: 6px;
}
#root .main #scrolledContent .dealerTable thead td {
	background-color: #EEE;
	border-bottom: solid 3px #339933;
}
#root .main #onlineResellers {
	position: absolute;
	z-index: 4;
	
	bottom: 8px;
}

#root .splash {
	top: 62px;
	left: 0px;
	
	width: 953px;
	height: 520px;
	overflow: hidden;
}
#root #content p,
#root #content li,
#root #content td {
	font-size: 11px;
}
#root #content a {
	color: #9eba8b;
}
#root #content h1 {
	font-size: 12px;
	margin: 0px;
	margin-top: 8px;
	padding: 0px;
}

#root #content h2 {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	margin-top: 8px;
}

#root #content h3 {
	font-size: 13px;

	color:#009900;
}

#root #content .movieSmall {
	position: absolute;
	z-index: 3;
	width: 254px;
	height: 194px;
	overflow: hidden;
}




#root .title .oneOFsix {
	top: 0px;
	left: 0px;
}
#root .title .twoOFsix {
	top: 0px;
	left: 270px;
}
#root .title .threeOFsix {
	top: 0px;
	right: 0px;
}
#root .title .fourOFsix {
	bottom: 0px;
	left: 0px;
}
#root .title .fiveOFsix {
	bottom: 0px;
	left: 270px;
}
#root .title .sixOFsix {
	bottom: 0px;
	right: 0px;
}

#root .main .wide {
	position: relative;
	z-index: 3;
	top: 0px;
	left: 0px;
	
	width: 630px;
	height: 375px;
	
	background-color: #FFF;
	
	overflow: hidden;
}



#root .main .listItem {
	position: absolute;
	z-index: 3;
	top: 0px;
	
	cursor: pointer;
	
	background-color: #3d505a;
  overflow:hidden;
}

#root .main .listItem .bgImg {
	background-color: #FFF;
	text-align: center;
}


#root .main .listItem .subline {
	position: relative;
	z-index: 4;
	top: 5px;
	left: 0px;
	padding-left: 5px;
	
	height: 38px;
	
	color: #FFF;
	/*border-left: solid 2px #9eba8b;*/
	
	font-size: 10px;
	font-weight: normal;
}

#root .main .listItem .subline a {
	text-decoration: none;
	font-weight: normal;
	color: #9eba8b;
	
	font-size: 11px;
	font-weight: bold;

}

#root .main .listItem .item {
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 2px;
	
	height: 147px;
	
	background-color: #FFF;
	
	text-align: center;
}

#root .main .listItem .item h2 {
	padding: 0px;
	margin: 0px;
	
	font-size: 12px;
}
#root .main .oneOFeight   {left: 0px; width: 150px; height: 180px;}
#root .main .twoOFeight   {left: 160px; width: 150px; height: 180px;}
#root .main .threeOFeight {left: 320px; width: 150px; height: 180px;}
#root .main .fourOFeight  {left: 480px; width: 150px; height: 180px;}
#root .main .fiveOFeight  {top: 195px; left: 0px; width: 150px; height: 180px;}
#root .main .sixOFeight   {top: 195px; left: 160px; width: 150px; height: 180px;}
#root .main .sevenOFeight   {top: 195px; left: 320px; width: 150px; height: 180px;}
#root .main .eightOFeight   {top: 195px; left: 480px; width: 150px; height: 180px;}
#root .main .oneOFeight .item,
#root .main .twoOFeight .item,
#root .main .threeOFeight .item,
#root .main .fourOFeight .item,
#root .main .fiveOFeight .item,
#root .main .sixOFeight .item,
#root .main .sevenOFeight .item,
#root .main .eightOFeight .item {width: 150px;}

#root .main .oneOFseven   {left: 0px; width: 150px; height: 180px; height: 180px;}
#root .main .twoOFseven   {left: 160px; width: 150px; height: 180px; height: 180px;}
#root .main .threeOFseven {left: 320px; width: 150px; height: 180px; height: 180px;}
#root .main .fourOFseven  {left: 480px; width: 150px; height: 180px; height: 180px;}
#root .main .fiveOFseven  {top: 195px; left: 0px; width: 150px; height: 180px; height: 180px;}
#root .main .sixOFseven   {top: 195px; left: 160px; width: 150px; height: 180px; height: 180px;}
#root .main .sixOFseven   {top: 195px; left: 160px; width: 150px; height: 180px; height: 180px;}
#root .main .sevenOFseven .item, 
#root .main .twoOFseven .item,
#root .main .threeOFseven .item,
#root .main .fourOFseven .item,
#root .main .fiveOFseven .item,
#root .main .sixeOFseven .item,
#root .main .sevenOFseven .item {width: 150px;}

#root .main .oneOFsix   {left: 0px; width: 203px; height: 180px;}
#root .main .twoOFsix   {left: 213px; width: 203px; height: 180px;}
#root .main .threeOFsix {left: 426px; width: 203px; height: 180px;}
#root .main .fourOFsix  {top: 195px; left: 0px; width: 203px; height: 180px;}
#root .main .fiveOFsix  {top: 195px; left: 213px; width: 203px; height: 180px;}
#root .main .sixOFsix   {top: 195px; left: 426px; width: 203px; height: 180px;}
#root .main .oneOFsix .item,
#root .main .twoOFsix .item,
#root .main .threeOFsix .item,
#root .main .fourOFsix .item,
#root .main .fiveOFsix .item,
#root .main .sixOFsix .item {width: 203px;}

#root .main .oneOFfive   {left: 0px; width: 203px; height: 180px;}
#root .main .twoOFfive   {left: 213px; width: 203px; height: 180px;}
#root .main .threeOFfive {left: 426px; width: 203px; height: 180px;}
#root .main .fourOFfive  {top: 195px; left: 0px; width: 203px; height: 180px;}
#root .main .fiveOFfive  {top: 195px; left: 213px; width: 203px; height: 180px;}
#root .main .oneOFfive .item,
#root .main .twoOFfive .item,
#root .main .threeOFfive .item,
#root .main .fourOFfive .item,
#root .main .fiveOFfive .item {width: 203px;}

#root .main .oneOFfour   {left: 0px; width: 310px; height: 180px;}
#root .main .twoOFfour   {left: 320px; width: 310px; height: 180px;}
#root .main .threeOFfour {top: 195px; left: 0px; width: 310px; height: 180px;}
#root .main .fourOFfour  {top: 195px; left: 320px; width: 310px; height: 180px;}
#root .main .oneOFfour .item,
#root .main .twoOFfour .item,
#root .main .threeOFfour .item,
#root .main .fourOFfour .item {width: 310px;}

#root .main .oneOFthree   {left: 0px; width: 310px; height: 180px;}
#root .main .twoOFthree   {left: 320px; width: 310px; height: 180px;}
#root .main .threeOFthree {top: 195px; left: 0px; width: 310px; height: 180px;}
#root .main .oneOFthree .item,
#root .main .twoOFthree .item,
#root .main .threeOFthree .item {width: 310px;}

#root .main .oneOFtwo   {left: 0px; width: 310px; height: 375px;}
#root .main .twoOFtwo   {left: 320px; width: 310px; height: 375px;}
#root .main .oneOFtwo .item,
#root .main .twoOFtwo .item {width: 310px;}


#root .main #itemView {
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 2px;
	
	width: 521px;
	height: 374px;
	overflow: hidden;
	
	background-color: #FFF;
}
#root .main #itemView h1 {
	position: absolute;
	z-index: 5;
	top: 0px;
	left: 12px;
}
#root #printButton {
	position: absolute;
	z-index: 99;
	top: 128px;
	right: 20px;
	
	height: 20px;
	line-height: 20px;
}
#root #printButton a {
	color: #FFF;
	text-decoration: none;
}
#root .main #itemView #itemPhoto {
	position: absolute;
	z-index: 5;
	top: 31px;
	left: 0px;
	
	width: 511px;
	height: 341px;
	
	text-align: center;
}
#root .main #itemView #itemFlash {
	position: absolute;
	z-index: 6;
	top: 31px;
	left: 0px;
	
	width: 511px;
	height: 341px;
	
	text-align: center;
	margin: auto;
}
#root .main #itemView #itemPhoto img {
	margin: auto;
}
#root .main #itemView #itemLabel {
	position: absolute;
	z-index: 6;
	bottom: 10px;
	left: 8px;
}
#root .main #naviDetail {
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 517px;
	
	width: 272px;
	height: 22px;
	

}
#root .main #naviDetail .item {
	position: absolute;
	z-index: 5;
	top: 0px;
	
	width: 90px;
	height: 22px;
	overflow: hidden;
	
	color: #FFF;
	background-color: #81c242;
	
	text-align: center;
	line-height: 22px;
	
	cursor: pointer;
	
	border-left: solid 1px #FFF;
	border-bottom: solid 1px #FFF;

}
#root .main #naviDetail .active {
	background-color: #00692a;
}
#root .main #naviDetail #naviFeatures {left: 1px;}
#root .main #naviDetail #naviData {left: 91px;}
#root .main #naviDetail #naviAccessory {right: 0px;}
#root .main #itemDetail {
	position: absolute;
	z-index: 4;
	top: 23px;
	left: 519px;
	
	width: 270px;
	height: 352px;
	
	background-color: #81c242;
	
		
}

#root .main .init {
	background-color: #FFF;
}

#root .main .selected {
}

#root .main #itemDetail .itemContent {
	position: absolute;
	z-index: 5;
	top: 0px;
	left: 0px;
	
	width: 230px;
	height: 332px;
	overflow: auto;
	
	padding: 10px;
	padding-right: 30px;
}

#root .main #itemDetail h2 {
	padding: 0px;
	margin: 0px;
	
	font-size: 11px;
}
#root .main #itemDetail ul {
	padding: 0px;
	margin: 0px;
	margin-left: 16px;
	margin-bottom: 16px;
	line-height: 16px;
}
#root .main #itemDetail td {
	padding-right: 10px;
	line-height: 16px;
}
#root .main #itemDetail #itemPrice,
#root .main #itemDetail #itemPriceOne {
	position: absolute;
	z-index: 5;
	bottom: 8px;
	right: 281px;
	
	width: 105px;
	
	padding-top: 3px;
	
	border: solid 2px #00692a;
	background-color: #81c242;
	
	text-align: center;
}
#root .main #itemDetail #itemPrice {
	height: 52px;
}
#root .main #itemDetail #itemPriceOne {
	height: 62px;
}
#root .main #itemDetail #itemPrice .subline,
#root .main #itemDetail #itemPriceOne .subline {
	font-size: 10px;
	line-height: 10px;
}
#root .main #itemDetail #itemPrice .highlight,
#root .main #itemDetail #itemPriceOne .highlight {
	font-size: 18px;
	font-weight: bold;
}

#root .main #scrolledContent {
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 2px;
	
	width: 770px;
	height: 354px;
	overflow: auto;
	
	padding: 10px;
	
	background-color: #FFF;
}

#root .main .info {
	position: absolute;
	z-index: 5;
	
	color: #C0C0C0;
}
#root .main .row1 {
	left: 0px;
	width: 394px;
	height: 377px;
	
	background-image: url(/assets/images/accessory/akkus.gif);
	background-position: 150px bottom;
	background-repeat: no-repeat;
}
#root .main .row2 {
	left: 407px;
	width: 187px;
	height: 377px;
}
#root .main .row3 {
	right: 0px;
	width: 187px;
	height: 377px;
}
#root .main .diagram {
	margin-top: 30px;
}
#root .main .legend {
	position: absolute;
	z-index: 6;
	bottom: 0px;
}
#root #content .legend p {
	font-size: 10px;
}
#root .main .legend img {
	margin-left: 10px;
}

#root .main .info h2 {
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	
	font-size: 12px;
}
#root .main .info p {
	margin-left: 10px;
}

#root #foot {
	position: absolute;
	z-index: 7;
	top: 565px;
	left: 20px;
	
	width: 960px;
	height: 60px;
}

#root #foot div {
	float: left;
	
	border-right: solid 10px #cad5db;

}

#root #foot .floatingElement:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}