@charset "utf-8";
@import "typography.css";

/* CSS Document */
#page-layout {margin: 0px auto; display:block; width: 971px;}
#page-header-outer{ padding-top: 15px; background: url(../images/page_banner_pd_top.jpg) no-repeat top center; display:block; }
#page-header-bg{background: url(../images/page_banner_bg_x.jpg) center; display:block; }
#page-header{ background: url(../images/page_banner_bg_main.jpg) repeat-y top center; display:block; position:relative; height:150px;}
	#page-header-outer img {border:0px; display:block;}
	#page-header .col-left { float:left;  width: 30px; height: 150px; background-color:#000000;}
	#page-header .col-right { float:right; width: 30px; height: 150px; background-color:#000000;}
	#page-header-outer .pd-bottom { background:url(../images/page_banner_pd_bottom.gif); display:block; height:10px;}
	#page-header img {border:0px;}
	#logo {padding-top: 25px; padding-bottom: 10px; margin: 0px auto; display:block; width: 600px; text-align:center;}
	#page-header .gray-line { width: 570px;  margin: 0px auto; display:block;}
	
#page-nav {margin: 0px auto; display:block; text-align:center;width: 970px;}
	#page-nav a {color: #42332A; text-decoration: none;}
	#page-nav .text {padding: 5px 15px; display:block;}
	#page-nav td{ padding: 0px 15px;}

#page-body{ display:block; clear:both;}	
#body-layout {display:block; height: 425px; background:url(../images/page_layout_footer.jpg) bottom center no-repeat; overflow: auto; position:relative;}
	#body-content{ width: 560px; position:absolute; left: 390px; top: 5px; height: 360px; overflow:auto;}
#page-footer {height: 30px; display:block; color:#A0A0A0; font-size: 0.9em;}
	#page-footer a {color:#A0A0A0; text-decoration:none;}
	#page-footer .col-left{ float:left;}
	#page-footer .col-right{ float:right;}
	
/* PRODUCTS */	
#product-layout { background:url(../images/page_content_footer.jpg) no-repeat bottom; padding: 10px 0px 58px 0px; display:block;}
#product-layout .breadcum {display:block; margin-bottom: 15px;}
.list-categories {display:inline;}
.category-item	{ width: 200px; display:inline}
.category-item img {border: 0px;}
.category-item .title {margin-top: 5px;}
.category-item .title a, .category-item a .text{ display:block; text-align: center; color:#FFFFFF; font-weight:bold;}
	
.list-products {display:inline;}
.product-item	{ width: 200px; display:inline; float:left;}
.product-item img {border: 0px;}
.product-item .title {margin-top: 5px;}
.product-item .title a, .category-item a .text{ display:block; text-align: center; color:#FFFFFF; font-weight:bold;}
	
.product-details {display:block; padding: 0px;}
	.product-details td {vertical-align: top;}
	.product-details .text-layout{ width: 470px;}
	.product-details .name { font-size: 1.4em; font-weight: bolder; color:#FFFFFF;}
	.product-details .description { margin-top: 15px; color:#CCCCCC; font-size: 1.2em;}
	.product-details .image { width: 420px;}
	.product-details .image-tool {display:block; text-align:center; color:#FFFFFF;}
	.product-details .image-tool img {border: 0px;}
	.product-details .image-tool a {color:#FFFFFF;}
	.product-details .options {display:block; margin: 10px 0px; clear:both; width: 150px;}
	.options  .option-name { font-weight:bold; display:block; margin: 15px 0px 15px 0px; font-size: 1.0em; text-decoration:underline}
	.options  .option-item { margin: 0px 10px 10px 0px; display:inline; float:left; cursor: pointer;}
	.options  .option-item img { border-width: 1px; border-color:#FFFFFF; width: 40px; height:40px;}


/* CSS Font Style */
.gray-line {background:url(../images/gray-line.gif) repeat-x; height:1px;}