/*
===============================================================================
/products/css/products_public.css
===============================================================================*/

/*-----------
Shared Styles
-------------*/


/*------------
Element Styles
--------------*/

/* Menu For CategoryTop [Cascaded from public.css]
===============================================================================*/
#menu_top {
	background-image:url("../images/categoryindex/menu/top_on.gif");
}
#menu_about {
	background-image:url("../images/categoryindex/menu/about_on.gif");
}
#menu_products {
	background-image:url("../images/categoryindex/menu/product_on.gif");
}
#menu_contact {
	background-image:url("../images/categoryindex/menu/contact_on.gif");
}

/* Category List
===============================================================================*/
#categoryList {
	width:600px;
}
#categoryList td {
	width:150px;
	padding:0;
	margin:0;
	
	height:300px;
	
	vertical-align:top;

	background:transparent url("../../images/table_cell_bg.gif") no-repeat left top;
}
#categoryList .photo {
	display:block;
	margin:1px;
}
#categoryList .name {
	display:block;
	margin:19px 0 0;

	height:1.4em;
	line-height:1.25em;

	padding-left:16px;
	padding-top:1px;
	background:transparent url("../../images/arrow_off.gif") no-repeat 0em 0.1em;
}
/* hide from IE5 Mac \*/
#categoryList .name {
	background-position:0em 0.2em;
}
/* */

#categoryList .name:hover {
	background-image:url("../../images/arrow_on.gif");
}
#categoryList .last td {
	height:253px;
}





/*------------
Product Index
--------------*/

/* Designer Info
===============================================================================*/
#designerInfo {
	position:absolute;
	display:block;
	
	top:147px;
	left:823px;

	width:87px;
	height:13px;
	
	background:transparent url("../../images/designerinfo_on.gif") no-repeat left top;
}
#designerInfo:hover {
	visibility:visible;
}
#designerInfo:hover img {
	visibility:hidden;
}

/* News
===============================================================================*/
#lead {
	position:absolute;
	top:180px;
	left:330px;
	
	height:130px;

/*	background:transparent url("../images/index/news_wrapper_bg.jpg") no-repeat left top;*/
	background:transparent;

	width:580px;
}
#lead iframe {
/* 	width:580px;
 */
	width:567px;
	height:130px;
}

/* News Navigation [Cascaded from public.css]
===============================================================================*/
.scroller .navi {
	top:2px;
	left:567px;

	width:11px;
	height:32px;
}

/* Contents Package
===============================================================================*/
#contentsPackage {
	padding:330px 0 0 330px;

	width:914px;
/*	height:914px;*/
	height:784px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:584px;
/*	height:584px;*/
	height:454px;
}
html>body #contentsPackage {width:584px;height:auto;min-height:454px;}
#airframe.productIndex #contentsPackage {
	background:transparent url("../airframe/images/index/contentspack_bg.jpg") no-repeat left top;
}
#boomerang.productIndex #contentsPackage {
	background:transparent url("../boomerang/images/index/contentspack_bg.jpg") no-repeat left top;
}
#sofa.productIndex #contentsPackage {
	background:transparent url("../sofa/images/index/contentspack_bg.jpg") no-repeat left top;
}
#chair.productIndex #contentsPackage {
	background:transparent url("../chair/images/index/contentspack_bg.jpg") no-repeat left top;
}
#drawer.productIndex #contentsPackage {
	background:transparent url("../drawer/images/index/contentspack_bg.jpg") no-repeat left top;
}




/*------------
Product Index > Iframe Lead
--------------*/

/* [HTMLTag] BODY
===============================================================================*/
body.iframe {
	background:#000;
	padding:10px 10px;
}
#airframe.iframe {
	background:#000 url("../airframe/images/index/lead_bg.jpg") fixed left top;
}
#boomerang.iframe {
	background:#000 url("../boomerang/images/index/lead_bg.jpg") fixed left top;
}




/*------------
Product Detail
--------------*/

/* Product Detail
===============================================================================*/
#productDetail {
	background:#fff url("../images/detail_body_bg.jpg") repeat-y left top;
}
#productDetail #contentsPackage {
	height:914px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:584px;
}
/* hide from IE5 Mac \*/
html>body#productDetail #contentsPackage {height:auto;min-height:584px;}
/* */

body.airframe #contentsPackage {
	background:transparent url("../airframe/images/detail/contentspack_bg.jpg") no-repeat left top;
}
body.boomerang #contentsPackage {
	background:transparent url("../boomerang/images/detail/contentspack_bg.jpg") no-repeat left top;
}
body.sofa #contentsPackage {
	background:transparent url("../sofa/images/detail/contentspack_bg.jpg") no-repeat left top;
}
body.chair #contentsPackage {
	background:transparent url("../chair/images/detail/contentspack_bg.jpg") no-repeat left top;
}
body.drawer #contentsPackage {
	background:transparent url("../drawer/images/detail/contentspack_bg.jpg") no-repeat left top;
}

/* Product Detail > Menu
===============================================================================*/
#productDetail #menu_top {
	background-image:url("../images/index/menu/top_on.gif");
}
#productDetail #menu_about {
	background-image:url("../images/index/menu/about_on.gif");
}
#productDetail #menu_products {
	background-image:url("../images/index/menu/product_on.gif");
}
#productDetail #menu_contact {
	background-image:url("../images/index/menu/contact_on.gif");
}
/* ProductDetail > Photo
===============================================================================*/
#productInfo {
	position:absolute;
	display:block;
	top:180px;
	left:330px;

	width:580px;
	height:280px;

	z-index:1;
	
}
#productInfo #caption {
	position:absolute;
	left:445px;
	bottom:0px;
	
	color:#969BA1;
}
#productInfo #caption a:link, #productInfo #caption a:visited {
	color:#969BA1;
	text-decoration:underline;
}
#productInfo a {
	width:430px;
}
#productInfo a img {
	display:inline;
}

/* ProductDetail > Name
===============================================================================*/
#productDetail #name {
	position:absolute;
	top:179px;
	left:780px;

	z-index:2;
	
	margin:0;
	padding:0;
}

/* ProductDetail > Copyright
===============================================================================*/
#productDetail #copyright {
	display:none;
}

/* ProductDetail > Spec
===============================================================================*/
#productDetail #spec {
	position:absolute;
	top:480px;
	left:330px;
	
	height:130px;

	background:transparent;

	width:430px;
}
#productDetail #spec iframe {
	width:417px;
	height:130px;
}

/* ProductDetail > Spec Navigation [Cascaded from public.css]
===============================================================================*/
#productDetail .scroller .navi {
	top:2px;
	left:417px;

	width:11px;
	height:32px;
}

/* ProductDetail > Photo Controller 
===============================================================================*/
#photoController {
	position:absolute;

	z-index:3;
	
	left:780px;
	top:330px;
	
	width:130px;
	height:11px;
}
#photoController li.prev {
	float:left;
}
#photoController li.next {
	float:right;
}
#photoController a {
	display:block;
	margin:0;
	padding:0;

	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
}
/* hide from IE4/Win, IE5.0/Win, IE4.5/Mac, Opera5,6,7 */
html*#photoController a {
	width:35px;
	height:11px;
}
/* For Opera5,6,7 */
html>body #photoController a {
	width:35px;
	height:11px;
}
#photoController a:hover {
	visibility:visible;
}
#photoController a:hover img {
	visibility:hidden;
}
#photoController .prev a {
	background-image:url("../../images/prev_on.gif");
}
#photoController .next a {
	background-image:url("../../images/next_on.gif");
}


/*------------
Product Detail > Iframe Product Spec
--------------*/

/* ProductSpec (BODY)
===============================================================================*/
#productSpec {
	background:#000 url("../images/detail/lead_bg.gif") fixed left top;

	padding:10px 10px;
}

/* ProductSpec > Table
===============================================================================*/
#productSpec th, #productSpec td {
	vertical-align:top;
	
	line-height:1.25em;
}
#productSpec th {
	padding:5px 6px 5px 0;
}
#productSpec td {
	padding:6px 0 5px;
}
#productSpec th span {
	display:block;
	font-weight:normal;
	text-align:center;
	background:#97A0A9;
	padding:3px 6px 1px;
}
/* hide from IE5 Mac \*/
#productSpec th span {padding-top:1px;}
/* */
#productSpec #designerInfo {
	position:static;
	width:auto;
	height:auto;

	background:none;
	
}
#productSpec #designerInfo a {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	background:#97A0A9;
	color:#fff;
	padding:1px 6px;
}