body {
	margin: 0px;
	padding: 0px;
	
	background-image: url("/assets/images/global/bg.jpg");
	background-color: #0c191f;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#root {
	position: relative;
	z-index: 1;
	top: 20px;
	left: 20px;
	
	width: 953px;
	height: 582px;
	overflow: hidden;
}

#root #logoOneplus {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	
	width: 149px;
	height: 52px;
}

#root #logoRyobi {
	position: absolute;
	z-index: 2;
	top: 0px;
	right: 0px;
	
	width: 149px;
	height: 52px;
}

#root #naviMain {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 159px;
	
	width: 635px;
	height: 52px;
	overflow: hidden;
}
#root #naviMain .edgeLeft,
#root #naviMain .edgeRight {
	position: absolute;
	z-index: 3;
	top: 0px;
	
	width: 2px;
	height: 52px;
	overflow: hidden;
	
	background-repeat: no-repeat;
}
#root #naviMain .edgeLeft {
	left: 0px;
	
	background-image: url(/assets/images/global/naviMain_edgeLeft.gif);
}
#root #naviMain .edgeRight {
	right: 0px;
	
	background-image: url(/assets/images/global/naviMain_edgeRight.gif);
}
#root #naviMain #naviMainTable {
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 2px;
	
	width: 631px;
	height: 52px;
	overflow: hidden;
}
#root #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: 12px;
	font-weight: bold;
	
	cursor: pointer;
}
#root #naviMain #naviMainTable .item:hover {
	background-image: url(/assets/images/global/naviMain_highlight.gif);
}
#root #naviMain #naviMainTable .last {
	padding-left: 23px;
	padding-right: 23px;
	
	background-position: left top;
}
#root #naviMain #naviMainTable td a {
	color: #000;
	text-decoration: none;
}

#root #search {
	position: absolute;
	z-index: 2;
	top: 62px;
	left: 0px;
	
	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 #search .searchField {
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 0px;
	
	width: 145px;
	height: 16px;
	
	padding: 0px;
	margin: 0px;
	
	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: 92px;
	left: 0px;
	
	width: 149px;
	height: 374px;
	overflow: hidden;
}
#root #naviSub .edgeTop,
#root #naviSub .edgeBottom {
	position: absolute;
	z-index: 3;
	left: 0px;
	
	width: 149px;
	height: 2px;
	overflow: hidden;
	
	background-repeat: no-repeat;
}
#root #naviSub .edgeTop {
	top: 0px;
	
	background-image: url(/assets/images/global/naviSub_edgeTop.gif);
}
#root #naviSub .edgeBottom {
	bottom: 0px;
	
	background-image: url(/assets/images/global/naviSub_edgeBottom.gif);
}
#root #naviSub #naviSubItems {
	position: absolute;
	z-index: 3;
	left: 0px;
	
	width: 149px;
	overflow: hidden;
	
	background-image: url(/assets/images/global/naviSub_background.gif);
	background-repeat: repeat-y;
}
#root #naviSub #naviSubItems {
	top: 2px;
	height: 370px;
}
#root #naviSub #naviSubItems #plus {
	margin-top: 4px;
	margin-left: 64px;
}
#root #naviSub #naviSubItems #naviSpecial {
	padding-top: 1px;
	
	background-image: url(/assets/images/global/naviSub_ruler.gif);
	background-position: left top;
	background-repeat: no-repeat;
		line-height: 21px;
}
#root #naviSub #naviSubItems .item {
	width: 100%;
	
	padding-left: 8px;
	padding-right: 10px;
	
	background-image: url(/assets/images/global/naviSub_ruler.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	
	line-height: 21px;
	font-size: 11px;
	font-weight: bold;
	
	cursor: pointer;
}
#root #naviSub #naviSubItems .item a {
	color: #000;
	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: #000;
	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: 62px;
	left: 159px;
	
	width: 794px;
	height: 20px;
	overflow: hidden;
	
	background-color: #0072BA;
	
	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;
	
	overflow: hidden;
}
#root .title {
	top: 62px;
	left: 159px;
	
	width: 794px;
	height: 404px;
}
#root .main {
	top: 92px;
	left: 159px;
	
	width: 794px;
	height: 374px;
}

#root .main .centerCont {
	position: absolute;
	z-index: 3;
	
	top: 0px;
	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 #0072BA;
}
#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: #000;
}
#root #content h1 {
	font-size: 12px;
	margin: 0px;
	margin-top: 8px;
	padding: 0px;
}

#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 .movieWide {
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 0px;
	
	width: 794px;
	height: 217px;
}
#root .main .listItem {
	position: absolute;
	z-index: 3;
	bottom: 0px;
	
	height: 147px;
	overflow: hidden;
	
	cursor: pointer;
}
#root .main .listItem .edgeLeft,
#root .main .listItem .edgeRight {
	position: absolute;
	z-index: 4;
	top: 0px;
	
	width: 2px;
	height: 147px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#root .main .listItem .edgeLeft {
	left: 0px;
	
	background-image: url(/assets/images/global/listItem_edgeLeft.gif);
}
#root .main .listItem .edgeRight {
	right: 0px;
	
	background-image: url(/assets/images/global/listItem_edgeRight.gif);
}
#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 .oneOFsix   {left: 0px; width: 124px;}
#root .main .twoOFsix   {left: 134px; width: 124px;}
#root .main .threeOFsix {left: 268px; width: 124px;}
#root .main .fourOFsix  {left: 402px; width: 124px;}
#root .main .fiveOFsix  {left: 536px; width: 124px;}
#root .main .sixOFsix   {right: 0px; width: 124px;}
#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: 120px;}

#root .main .oneOFfive   {left: 0px; width: 150px;}
#root .main .twoOFfive   {left: 160px; width: 151px;}
#root .main .threeOFfive {left: 321px; width: 151px;}
#root .main .fourOFfive  {left: 482px; width: 151px;}
#root .main .fiveOFfive  {right: 0px; width: 151px;}
#root .main .oneOFfive .item,
#root .main .twoOFfive .item,
#root .main .threeOFfive .item,
#root .main .fourOFfive .item,
#root .main .fiveOFfive .item {width: 147px;}

#root .main .oneOFfour   {left: 0px; width: 191px;}
#root .main .twoOFfour   {left: 201px; width: 191px;}
#root .main .threeOFfour {left: 402px; width: 191px;}
#root .main .fourOFfour  {right: 0px; width: 191px;}
#root .main .oneOFfour .item,
#root .main .twoOFfour .item,
#root .main .threeOFfour .item,
#root .main .fourOFfour .item {width: 187px;}

#root .main .oneOFthree   {left: 0px; width: 258px;}
#root .main .twoOFthree   {left: 268px; width: 258px;}
#root .main .threeOFthree {right: 0px; width: 258px;}
#root .main .oneOFthree .item,
#root .main .twoOFthree .item,
#root .main .threeOFthree .item {width: 254px;}

#root .main .oneOFtwo   {left: 0px; width: 392px;}
#root .main .twoOFtwo   {right: 0px; width: 392px;}
#root .main .oneOFtwo .item,
#root .main .twoOFtwo .item {width: 388px;}

#root .main .edgeLeft,
#root .main .edgeRight {
	position: absolute;
	z-index: 4;
	top: 0px;
	
	width: 2px;
	height: 374px;
	overflow: hidden;
	
	background-repeat: no-repeat;
}
#root .main .edgeLeft {
	left: 0px;
	
	background-image: url(/assets/images/global/main_edgeLeft.gif);
}
#root .main .edgeRight {
	right: 0px;
	
	background-image: url(/assets/images/global/main_edgeRight.gif);
}
#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: 62px;
	right: 12px;
	
	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;
	right: 0px;
	
	width: 271px;
	height: 22px;
	background-image: url(/assets/images/global/naviDetail_edgeLeft.gif);
	background-repeat: no-repeat;
}
#root .main #naviDetail .item {
	position: absolute;
	z-index: 5;
	top: 0px;
	
	width: 90px;
	height: 22px;
	overflow: hidden;
	
	background-image: url(/assets/images/global/naviDetail_background.gif);
	background-repeat: no-repeat;
	
	text-align: center;
	line-height: 22px;
	
	cursor: pointer;
}
#root .main #naviDetail .active {
	background-image: url(/assets/images/global/naviDetail_active.gif);
}
#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: 22px;
	right: 0px;
	
	width: 270px;
	height: 350px;
}
#root .main .init {
	border-left: solid 1px #FFF;
	background-color: #FFF;
}
#root .main .selected {
	border-left: solid 1px #99A0A2;
	background-color: #EFEFEF;
}
#root .main #itemDetail .itemContent {
	position: absolute;
	z-index: 5;
	top: 0px;
	left: 0px;
	
	width: 230px;
	height: 325px;
	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 {
	position: absolute;
	z-index: 5;
	bottom: 8px;
	right: 281px;
	
	width: 105px;
	height: 52px;
	
	padding-top: 3px;
	
	border: solid 2px #C2C2C2;
	background-color: #F5AE3C;
	
	text-align: center;
}
#root .main #itemDetail #itemPrice .highlight {
	font-size: 18px;
	font-weight: bold;
}
#root .main .edgeBottom {
	position: absolute;
	z-index: 4;
	bottom: 0px;
	right: 0px;
	
	width: 271px;
	height: 2px;
	overflow: hidden;
	
	background-image: url(/assets/images/global/itemDetail_edgeBottom.gif);
	background-repeat: no-repeat;
}
#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;
	bottom: 0px;
	left: 0px;
	
	width: 953px;
	height: 116px;
	overflow: hidden;
}