/*
body {
	font: normal 80% arial;
	color: #222;
	margin: 0px auto;
}
*/

/* Onederfo Limited Default */
.onederfo_link {text-decoration: none;color: #334345;}
.float_left {float:left}
.float_right {float:right}
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}/* mark for html5 */article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark {display: block;}

/*************************************************************************/

body {
	font-family:gothambook, MyriadProRegular/*, MyriadProLight*/, Arial, sans-serif;
	margin:0px;
	padding:0px;
}

a {
	outline:none;
}

.clear {
	clear:both;
	height:0;
}

body > .wrapper {
	position:relative;
}

body > .wrapper > .header,
body > .wrapper > .content,
body > .wrapper > footer {
	min-width:1215px;
	z-index:0;
}

.view_container {
	width:1215px;
	margin-left:auto;
	margin-right:auto;
}

body > .wrapper > .header {
	height:108px;
	background-image:url(../images/bg_inner_header.png);
}

.header > .menu_bg {
	top:0;
	width:100%;
	height:84px;
}

.logo_container {
	position:absolute;
	z-index:3000;
}
.logo {
}

.menu {
	float:right;
}

.menu > .item {
	display:block;
	float:left;
	margin-top:30px;
	margin-left:70px;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
	font-size:16px;
}
.menu > .item:first-child {
	margin-left:0px;
}
.menu > .item:hover {
	text-decoration:none;
}
.menu > .item > a {
	color:#fff;
	text-decoration:none;
}
.menu > .item > a:hover {
}

#cat_menu_toggler > .tri {
	position:absolute;
	display:none;
	width:100px;
	height:50px;
	top:25px;
}
#cat_menu_toggler:hover > .tri {
	display:block;
}
#cat_menu_toggler > .tri .placeholder {
	background-image:url(../images/my-tri.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	*background-position:left bottom;
	position:relative;
	display:block;
	width:200px;
	height:50px;
	margin-left:-64px;
}

#cat_menu_toggler > .cat_menu {
	position:absolute;
	display:none;
	z-index:10000;
	top:72px;
	left:0px;
	width:100%;
	padding-top:33px;
	background-color:#252525;
	overflow:hidden;
}
#cat_menu_toggler:hover > .cat_menu {
	display:block;
}

.cat_menu > .view_container {
	position:relative;
	width:1000px;
}

.cat_menu > .view_container > .logo_container {
	position:absolute;
	top:-105px;
	left:-108px;
}

.cat_menu > .view_container > hr {
	float:left;
	width:100%;
	*width:1000px;
	border:0;
	border-top:1px solid #444;
	background-color:    #444;
	color:               #444;
}

.cat_menu > .view_container > a.item {
	position:relative;
	display:block;
	float:left;
	margin-left:33px;
	margin-bottom:40px;
	overflow:hidden;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	cursor:pointer;
}
.cat_menu > .view_container > a.item.first {
	margin-left:0px;
}
.cat_menu > .view_container > a.item:hover {
	text-decoration:none;
}

.cat_menu > .view_container > a.item > .title {
	text-align:center;
}

.cat_menu > .view_container > a.item > .img,
.cat_menu > .view_container > a.item > .img > .mask,
.cat_menu > .view_container > a.item > .img > .mask {
	width: 173px;
	height:173px;
}
.cat_menu > .view_container > a.item > .img {
	overflow:hidden;
}
.cat_menu > .view_container > a.item > .img > table {
	width:173px;
	height:173px;
}
.cat_menu > .view_container > a.item > .img > table > tbody > tr > td {
	vertical-align:middle;
	text-align:center;
}
.cat_menu > .view_container > a.item > .img > img,
.cat_menu > .view_container > a.item > .img > .mask {
	position:absolute;
	left:0;
	top:0;
}

.nav_bg {
	background-color:#363634;
	width:100%;
	height:24px;
	overflow:hidden;
}

.nav_bg > .view_container > .nav {
	float:right;
	color:#aaa;
	font-family:gothamlight, MyriadProLight, Arial, sans-serif;
	font-size:14px;
	line-height:24px;
}

.nav_bg > .view_container > .nav > a {
	color:#aaa;
	text-decoration:none;
}
.nav_bg > .view_container > .nav > a:hover {
	text-decoration:underline;
}

.category_bg {
	padding-top:15px;
	width:100%;
	background-color:#1f1f1f;
	/*
	background-image:url(../images/bg_inner.png);
	background-repeat:repeat;
		*/
	color:#fff;
}

.category_bg > .view_container {
}

.back_container {
}

.back_container > .back_button_container,
.back_container > .back_nav {
	float:left;
}

.back_container > .back_button_container,
.back_container > .back_button_container > .back_button,
.back_container > .back_button_container > .main_cat_button {
	width:73px;
	height:73px;
}

.back_button {
	position:relative;
	display:block;
	background-image:url(../images/btn_back.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.back_button:hover {
	background-position:0px -73px;
}

.main_cat_button {
	display:block;
	background-image:url(../images/btn_maincat_list.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
/*
.main_cat_button:hover {
	background-position:0px -73px;
}
*/

.back_container > .back_nav {
	position:relative;
	margin-left:10px;
	font-family:gothamlight, MyriadProLight, Arial, sans-serif;
	color:#fff;
}

.back_container > .back_nav > .title_bg {
	position:absolute;
	top:-40px;
	right:-80px;
	z-index:1;
}

.back_container > .back_nav > .level1 {
	font-size:33px;
}
.back_container > .back_nav > .level2 {
	font-size:24px;
}

.back_container > .back_nav > .top {
	margin-top:3px;
}
.back_container > .back_nav > .middle {
	margin-top:17px;
}

.back_container > .pdf_button_container {
	float:right;
	margin-top:10px;
}

.pdf_button_container,
.pdf_button_container > a.pdf_button {
	display:block;
	width:52px;
	height:52px;
}
.pdf_button_container > a.pdf_button {
	background-image:url(../images/btn_pdf.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.pdf_button_container > a.pdf_button:hover {
	background-position:0px -52px;
}

.items_container {
	padding-top:95px;
	overflow:hidden;
}

.items_container > hr {
	float:left;
	margin-bottom:60px;
	margin-left:3%;
	width:94%;
	border:0;
	border-top:1px solid #444;
	background-color:    #444;
	color:               #444;
}

.items_container > .item {
	float:left;
	position:relative;
}

.items_container > .item > a.href {
	display:block;
	position:relative;
	text-decoration:none;
	background-image:url(about:blank);
	width:405px;
	height:331px;
	overflow:hidden;
	cursor:pointer;
}

.items_container > .item > a.href > .title {
	font-size:19px;
	color:#fff;
	text-align:center;
	width:100%;
}
.items_container > .item > a.href > .product_title {
	font-family:gothamlight, MyriadProLight, Arial, sans-serif;
}

.items_container > .item > a.href > .img,
.items_container > .item > a.href > .img > table,
.items_container > .item > a.href > .img > .mask,
.items_container > .item > a.href > .img > .mask > img {
	width: 405px;
	height:311px;
}
.items_container > .item > a.href > .img > .mask {
	position:absolute;
	left:0;
	top:0;
}
.items_container > .item > a.href > .img > table {
	position:relative;
}
.items_container > .item > a.href > .img > table > tbody > tr > td {
	vertical-align:middle;
	text-align:center;
}

.product_detail_container {
	padding-top:60px;
	padding-bottom:40px;
}

.product_detail_container > .row {
	overflow:hidden;
}
.product_detail_container > .row > .image_slider_container,
.product_detail_container > .row > .spec_container {
	float:left;
}
.product_detail_container > .row > .image_slider_container {
	position:relative;
	overflow:hidden;
	width:60%;
}
.product_detail_container > .row > .spec_container {
	width:40%;
}

.product_detail_container > .row > .image_slider_container > .image_slider {
	float:left;
	margin-left:60px;
	overflow:hidden;
	position:relative;
	z-index:0;
}
.product_detail_container > .row > .image_slider_container > .image_slider > .mask {
	position:absolute;
	z-index:10;
}
.product_detail_container > .row > .image_slider_container > .image_slider > .mask,
.product_detail_container > .row > .image_slider_container > .image_slider > .mask > img {
	width:600px;
	height:auto;
}
.product_detail_container > .row > .image_slider_container > .image_slider > table {
	position:relative;
	z-index:100;
	margin-left:0px;
}
.product_detail_container > .row > .image_slider_container > .image_slider,
.product_detail_container > .row > .image_slider_container > .image_slider > table > tbody > tr > td,
.product_detail_container > .row > .image_slider_container > .image_slider > table > tbody > tr > td > img {
	width:600px;
}
.product_detail_container > .row > .image_slider_container > .image_slider > table > tbody > tr > td > img {
	height:auto;
}

.product_detail_container > .row > .image_slider_container > .nav {
	margin-left:60px;
	width:600px;
}
.product_detail_container > .row > .image_slider_container > .nav,
.product_detail_container > .row > .image_slider_container > .nav > .prev,
.product_detail_container > .row > .image_slider_container > .nav > .next,
.product_detail_container > .row > .image_slider_container > .nav > .titles_container {
	float:left;
	overflow:hidden;
}
.product_detail_container > .row > .image_slider_container > .nav > .next {
	float:right;
}
.product_detail_container > .row > .image_slider_container > .nav > .prev,
.product_detail_container > .row > .image_slider_container > .nav > .next {
	width:19px;
	height:37px;
	cursor:pointer;
}
.product_detail_container > .row > .image_slider_container > .nav > .prev {
	background-image:url(../images/btn_arrow_l.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.product_detail_container > .row > .image_slider_container > .nav > .prev:hover {
	background-position:0px -37px;
}
.product_detail_container > .row > .image_slider_container > .nav > .next {
	background-image:url(../images/btn_arrow_r.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.product_detail_container > .row > .image_slider_container > .nav > .next:hover {
	background-position:0px -37px;
}
.product_detail_container > .row > .image_slider_container > .nav > .titles_container {
	width:560px;
	height:37px;
}
.product_detail_container > .row > .image_slider_container > .nav > .titles_container > table {
	margin-left:0px;
}
.product_detail_container > .row > .image_slider_container > .nav > .titles_container > table > tbody > tr > td {
	font-size:16px;
	overflow:hidden;
	vertical-align:middle;
	text-align:center;
}
.product_detail_container > .row > .image_slider_container > .nav > .titles_container > table > tbody > tr > td > .title_container {
	width:184px;
}
.product_detail_container > .row > .image_slider_container > .nav > .titles_container > table > tbody > tr > td > .title_container > .title {
	display:inline-block;
	*display:block;
	*zoom:1;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	color:#7569b6;
}
.product_detail_container > .row > .image_slider_container > .nav > .titles_container > table > tbody > tr > td > .title_container > .selected {
	background-image:url(../images/img_product_detail_thu_o.png);
	background-repeat:no-repeat;
	background-position:top;
	color:#fff;
}

.product_detail_container > .row > .spec_container > .title {
	margin-bottom:13px;
	font-size:29px;
	color:#7569b6;
}

.product_detail_container > .row > .spec_container > .spec {
	padding-top:   7px;
	padding-bottom:7px;
	padding-left:10px;
	border-top:1px dotted #616161;
}
.product_detail_container > .row > .spec_container > .spec > .title {
	font-size:15px;
	color:#fff;
}
.product_detail_container > .row > .spec_container > .spec > .spec_content {
}
.product_detail_container > .row > .spec_container > .spec > .spec_content > ul {
}
.product_detail_container > .row > .spec_container > .spec > .spec_content > ul > li {
	padding-top:9px;
	font-size:13px;
	list-style-type:none;
	color:#fff;
}

.product_detail_container > .descriptions_container {
	margin-top:50px;
	margin-bottom:17px;
	padding-top:15px;
	border-top:1px solid #444;
}
.product_detail_container > .descriptions_container > table {
	width:100%;
}
.product_detail_container > .descriptions_container > table > tbody > tr > td {
	padding-left:40px;
	padding-top:   15px;
	padding-bottom:15px;
	width:50%;
	border-bottom:1px dotted #444;
	vertical-align:top;
}
.product_detail_container > .descriptions_container > table > tbody > tr > td:first-child {
	border-right:1px dotted #444;
}
.product_detail_container > .descriptions_container > table > tbody > tr > td > .title {
	font-size:21px;
	color:#7569b6;
}
.product_detail_container > .descriptions_container > table > tbody > tr > td > .desc_content {
}
.product_detail_container > .descriptions_container > table > tbody > tr > td > .desc_content > ul {
}
.product_detail_container > .descriptions_container > table > tbody > tr > td > .desc_content > ul > li {
	margin-left:24px;
	padding-top:   4px;
	padding-bottom:4px;
	list-style-type:disc;
	color:#fff;
}

.product_detail_container > .content_images_container {
}
.product_detail_container > .content_images_container > .content_image {
	border-top:1px solid #444;
	padding-top:32px;
	margin-bottom:40px;
}
.product_detail_container > .content_images_container > .content_image:first-child {
	border-top:0px;
}
.product_detail_container > .content_images_container > .content_image > .title {
	padding-bottom:20px;
	font-family:gothamlight, MyriadProLight, Arial, sans-serif;
	font-size:34px;
	text-align:center;
	color:#fff;
}
.product_detail_container > .content_images_container > .content_image > .img {
}
.product_detail_container > .content_images_container > .content_image > .img > img {
	width:1215px;
	height:auto;
}

.footer {
	padding-top:8px;
	padding-bottom:8px;
	height:20px;
	font-size:13px;
	line-height:15px;
	color:#aaa;
}

.footer a {
	color:#aaa;
	text-decoration:none;
}
.backtotop {
	background-image: url(../images/btn_back_to_top.png);
	width: 64px;
	height: 64px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 1000;
	display: none;
}