body, a {
	font:normal 11px/13px "Trebuchet MS",tahoma,verdana,sans-serif;
	color:#666;
	text-decoration:none
	}
a {text-decoration:none}
a:hover {text-decoration:underline}
body {
	text-align:center;
	background: #fff url(images/bg.gif);
	}
body, form, p, ul, h1 {
	margin:0;
	padding:0
	text-align: center; 
	}
img {border:none}
ul {list-style:none}
.floatleft {float:left}
.floatright {float:right}
.clear {clear:both}
input {vertical-align:middle}
.bold {font-weight:bold}

#container { width: 758px; background-color: #FFF; }
#main {
	text-align:left;
	width:748px;
	margin:0 auto;
	background-color: #FFF;
	}
	#main:after {
		clear: both;
	        content: ".";
	        display: block;
	        height: 0;
	        visibility: hidden;
        	}
#header {
	position:relative;
	width:748px;
	height:102px;
	background: #FFF url(images/bg-header.gif) no-repeat left top;
	margin:0 0 6px 0
	}
* html #header { margin-left: 4px; }
a.logo {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:243px;
	height:77px;
	background:url(images/logo.gif) no-repeat left top
	}
	
#header form {
	position:absolute;
	top:77px;
	left:13px;
	padding:3px 0 0 41px;
	background:url(images/bg-search.gif) no-repeat left top
	}
#header form input {
	float:left
	}
#header form .text {
	width:158px;
	height:19px;
	padding:2px 0 0 2px;
	border:1px solid #fff;
	background:#D9DCCB;
	margin:0 4px 0 0;
	font:11px/13px tahoma,sans-serif
	}
* html #header form .text {
	margin:0 1px 0 0
	}
#header form .btn {
	margin:0
	}
#header ul {
	position:absolute;
	top:77px;
	right:0
	}
#header ul li {
	float:left;
	padding:0 14px 0 0;
	height:25px;
	background:url(images/bg-top-nav.gif) no-repeat right
	}
#header ul a {
	display:block;
	height:25px;
	overflow:hidden;
	width:10px;
	text-indent:-999px
	}
#header ul .cart {
	background:none;
	padding:0
	}
#header ul .home a {
	width:42px;
	background:url(images/btn-home.gif)
	}	
#header ul .about a {
	width:58px;
	background:url(images/btn-about-us.gif) no-repeat;
	}
#header ul .color a {
	width:88px;
	background:url(images/color-swatch.gif)
	}
#header ul .policy a {
	width:81px;
	background:url(images/btn-policy.gif)
	}
#header ul .service a {
	width:101px;
	background:url(images/btn-service.gif)
	}
#header ul .cart a {
	width:62px;
	background:url(images/btn-cart.gif)
	}
	
#middle {
	width:748px;
	background: #FFF url(images/bg-middle.gif) repeat-y left;
	margin:0 0 6px 0
	}
* html #middle { margin-left: 3px; }
.left-column {
	width:163px;
	padding:0 0 226px 0
	}
.right-column {
	width:579px
	}
	
div.mail {
	float:left;
	width:163px;
	background:url(images/join-list.gif) no-repeat left top;
	padding:28px 0 0 0;
	color:#61625D;
	border-bottom:6px solid #fff
	}
div.mail .bottom {
	float:left;
	width:145px;
	background:url(images/bg-mail.gif) no-repeat left bottom;
	padding:0 7px 8px 11px
	}
* html div.mail .bottom {
	width:100%
	}
div.mail p {
	margin:0 0 6px 0
	}
div.mail input {
	float:left
	}
div.mail .text {
	width:125px;
	height:19px;
	padding:2px 0 0 7px;
	border:1px solid #C9CDB6;
	background:#fff;
	margin:0 4px 0 -5px;
	font:11px/13px tahoma,sans-serif;
	color:#ADB28C
	}
* html div.mail .text {
	margin:0 1px 0 -5px
	}
	
.left-column ul {	
	position:relative;
	z-index:999;
	width:163px;
	background:url(images/bg-shop-store.gif) no-repeat left top;
	padding:28px 0 0 0;
	}
.left-column ul a {
	display:block;
	padding:5px 11px;
	color:#61625D
	}
* html .left-column ul a {
	width:100%
	}
.left-column ul a:hover {
	background:#F8F9F2;
	color:#89A2D8;
	text-decoration:none
	}
	
#footer {
	position:relative;
	width:748px;
	height:90px;
	padding:5px 0 0 0;
	line-height:14px;
	color:#D2D6BA;
	background:url(images/bg-footer.gif) no-repeat left top
	}
* html #footer { margin-left: 3px; }
#footer a {
	color:#D2D6BA
	}
#footer .visual {
	position:absolute;
	top:-255px;
	left:0;
	background:url(images/vis.jpg) no-repeat left bottom;
	width:163px;
	height:249px
	}
* html #footer .visual { margin-left: 0px; }
#footer .design {
	float:left;
	padding:0 0 0 10px
	}
#footer ul {
	float:right;
	padding:0 11px 0 0
	}
#footer ul li {
	display:inline
	}
#footer ul li a {
	background:url(images/bg-footer-nav.gif) no-repeat right;
	padding:0 10px 0 8px
	}
#footer ul li.last a {
	padding:0 0 0 8px;
	background:none
	}
#footer .copyright {
	clear:right;
	float:right;
	white-space:nowrap;
	padding:16px 11px 0 0;
	color:#999
	}
	
	
.featured-products {
	width:295px;
	background:url(images/bg-featured-products.gif) no-repeat left top;
	padding:31px 0 0 0
	}
.featured-products .list {
	float:left;
	width:295px;
	background:url(images/bg-feat-list-top.gif) no-repeat left top;
	padding:5px 0 0 0
	}
.featured-products .list .bottom {
	float:left;
	width:295px;
	background:url(images/bg-feat-list-bot.gif) no-repeat left bottom;
	padding:0 0 5px 0
	}
.featured-products .list .border {
	float:left;
	width:289px;
	padding:0 3px;
	background:url(images/bg-feat-list.gif) repeat-y left;
	}
* html .featured-products .list .border {
	width:295px;
	}
	
div.item {
	text-align:center
	}
div.item .image {
	width:100%;
	position:relative;
	height:100px;
	margin:0 0 8px 0
	}
div.item .image a {
	display:block;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	text-align:center
	}
div.item p.name {
	margin:0 0 4px 0
	}
div.item p.name a {
	font-weight:bold;
	color:#666;
	text-decoration:underline
	}
div.item p.name a:hover {
	text-decoration:none
	}
.price {
	color:#8C8C8C
	}
.sale {
	color:#89A2D8;
	font-weight:bold
	}
.save {
	color:#8A915D;
	font-weight:normal
	}
	
.featured-products .item {
	width:142px
	}
.featured-products .row {
	float:left;
	width:100%;
	padding:5px 0 10px 0
	}
	
#welcome {
	width:278px
	}
#welcome .visual {
	width:278px;
	padding:5px 0 0 0;
	background:url(images/bg-index-visual-top.gif) no-repeat left top;
	text-align:center;
	margin:0 0 18px 0
	}
#welcome .visual .bottom {
	width:278px;
	padding:0 0 5px 0;
	background:url(images/bg-index-visual-bot.gif) no-repeat left bottom
	}
#welcome .visual .border {
	border-left:1px solid #E5E8EF;
	border-right:1px solid #E5E8EF;
	}
#welcome h2 {
	background:url(images/welcome.gif) no-repeat left top;
	margin:10px 0 12px 9px;
	text-indent:-999px;
	height:10px;
	overflow:hidden
	}
#welcome .msg {
	font-size:12px;
	line-height:14px;
	margin:0 5px 10px 9px
	}
#welcome p img { margin: 0 7px; }
#welcome p img.cards { margin-top: -53px; }
	
/* item page */
#breadcrumbs {
	padding:6px 6px 6px 9px;
	font-size:10px
	}
#breadcrumbs a {
	font-size:10px;
	padding:0 12px 0 0;
	margin:0 3px 0 0;
	background:url(images/breadcrumbs.gif) no-repeat right
	}
h1 {
	padding:0 0 0 11px;
	height:25px;
	margin:0 0 6px 0;
	background:#7B8BAD url(images/h1.gif) no-repeat left top;
	font-size:12px;
	line-height:25px;
	color:#fff
	}
	
#item {
	clear:both;
	width:100%;
	padding:0 0 10px 0
	}
#item .image {
	padding:5px 0 0 0;
	background:url(images/bg-item-image-top.gif) no-repeat left top;
	text-align:center;
	width:242px
	}
#item .image .bottom {
	padding:0 0 5px 0;
	background:url(images/bg-item-image-bot.gif) no-repeat left bottom;
	text-align:center;
	width:242px
	}
#item .image .border {
	border-left:1px solid #E5E8EF;
	border-right:1px solid #E5E8EF;
	padding:6px 6px 12px 6px
	}
#item .image .other {
	padding:10px 0 22px 0;
	margin:0 0 10px 0;
	background:url(images/bg-color-swith.gif) no-repeat center bottom
	}
#item .image .other a {
	margin:0 5px
	}
.item-table {
	width:331px;
	padding:5px 0 0 0;
	background:url(images/bg-item-table-top.gif) no-repeat left top
	}
.item-table .bottom {
	float:left;
	width:331px;
	padding:0 0 5px 0;
	background:url(images/bg-item-table-bot.gif) no-repeat left bottom
	}
.item-table .border {
	float:left;
	width:316px;
	border-left:1px solid #E5E8EF;
	border-right:1px solid #E5E8EF;
	padding:6px 6px 12px 7px
	}
* html .item-table .border {
	width:331px
	}
.item-table .table {
	padding:0 6px
	}
.item-table .table .name {
	color:#8C8C8C;
	margin:0 0 10px 0
	}
.item-table .table .name strong {
	color:#333
	}
.item-table .table div.price {
	margin:0 0 8px 0
	}
.item-table .table span.price {
	color:#666
	}
.item-table .table .select {
	float:left;
	width:300px;
	margin:0 0 6px 0;
	color:#666;
	font-weight:bold
	}
.item-table .table .select label {
	display:block;
	width:86px;
	float:left;
	padding:2px 0 0 0
	}
.item-table .table select {
	float:left;
	font-size:10px
	}
.item-table .table .qty {
	float:left;
	font:11px/12px tahoma,sans-serif;
	width:30px;
	height:19px;
	text-align:right;
	padding-top:2px
	}
.item-table .button {
	clear:both;
	text-align:center;
	background:#EAEDD9;
	padding:12px;
	margin:0 0 15px 0
	}
* html .item-table .button {
	width:100%
	}
.products {
	float:left;
	width:316px
	}
.products .qnt {
	width:50px;
	float:left;
	padding:20px 0 0 0;
	text-align:center
	}
.products .qnt input {
	font:11px/12px tahoma,sans-serif;
	width:30px;
	height:19px;
	text-align:right;
	padding-top:2px
	}
.products .img {
	width:66px;
	float:left;
	text-align:center;
	overflow:hidden
	}
.products .text {
	width:185px;
	float:right;
	overflow:hidden;
	padding:6px 0 0 0
	}
.products .text .price {
	margin:0 15px 0 0
	}
.products .select {
	float:left;
	margin:4px 0 6px 0;
	color:#666;
	font-weight:bold
	}
.products .select label {
	float:left;
	padding:2px 5px 0 0
	}
.products select {
	float:left;
	font-size:10px
	}
.products .line,
.line {
	clear: both;
	width:100%;
	margin:6px 0;
	height:1px;
	overflow:hidden;
	background:#EAEDD9
	}
.line {
	margin:0 0 10px 0
	}
	
div.product-description {
	float:left;
	width:235px;
	padding:10px 0 10px 7px
	}
* html div.product-description {
	width:242px
	}
div.product-description p {
	margin:0 0 8px 0;
	font:12px/14px "Trebuchet MS",tahoma,verdana,sans-serif;
	}
	
div.also-interested {
	float:left;
	width:100%;
	background:url(images/also-interested.gif) no-repeat left top;
	padding:41px 0 10px 0
	}
div.aslo-interested .item {
	width:144px
	}
div.aslo-interested .row {
	float:left;
	width:100%;
	margin:0 0 10px 0;
	background:url(images/also-interested1.gif) repeat-y left
	}
	
.related {
	width:100%;
	text-align:center;
	padding:0 0 20px 0
	}
.related h2 {
	clear:both;
	font-size:12px;
	margin:0 0 6px 0
	}
.related a {
	color:#000;
	text-decoration:underline
	}
.related a:hover {
	text-decoration:none
	}
	
#section {
	float:left;
	width:100%
	}
#section div.text {
	width:100%;
	background:url(images/bg-section-text-top.gif) no-repeat left top;
	padding:5px 0 0 0;
	margin:0 0 6px 0;
	font-size:12px
	}
#section .text .bottom {
	float:left;
	width:100%;
	background:url(images/bg-section-text-bot.gif) no-repeat left bottom;
	padding:0 0 5px 0
	}
#section .text .border {
	float:left;
	width:559px;
	border-left:1px solid #E5E8EF;
	border-right:1px solid #E5E8EF;
	padding:9px 9px 0 9px
	}
* html #section .text .border {
	width:579px;
	}
#section .text p {
	margin:0 0 10px 0
	}
	
div.styles {
	width:290px;
	padding:10px 0
	font-size: 11px;
	}
div.styles h2 {
	margin:0 0 10px 0;
	font-size:12px;
	background:url(images/bg-dotted.gif) repeat-x bottom;
	padding: 0 0 10px 10px;
	color: #333;
	}
div.styles td img {
	padding:0 0 0 10px;
	_margin: 0 0 0 10px; 
	}
div.styles td a:hover {
	color:#89A2D8;
	}
	
.sample {
	width:276px;
	background:#EAEDD9 url(images/bg-sample-top.gif) no-repeat left top;
	padding:5px 0 0 0;
	text-align:center
	}
.sample .bottom {
	width:276px;
	background:url(images/bg-sample-bot.gif) no-repeat left bottom;
	padding:0 0 5px 0
	}
.sample h2 {
	margin:0 0 10px 0;
	font-size:12px;
	color:#8A915D;
	padding:5px 0 10px 0
	}
.sample .row {
	width:256px;
	padding:10px
	}
* html .sample .row {
	width:276px
	}
.sample .row .one {
	width:120px;
	text-align:center
	}
.sample .one .image {
	height:106px;
	margin:0 0 6px 0;
	position:relative
	}
.sample .one .image a {
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	left:0
	}
.sample .one .image a img {
	border:1px solid #fff
	}
#seo-related-links {
    width: 550px;
    }
    #seo-related-links:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        }
    #seo-related-links h3 {
        color: #000;  
        font: bold 12px/1.2 trebuchet ms, arial, sans-serif;
        text-align: center;
        }
    #seo-related-links ul {
        margin:0; padding: 0;
	padding-top: 10px;
        list-style: none;
        }
    #seo-related-links ul.seo-links li {
        width: 49%;
        float: left;
	text-align: left;
        display: inline;
        background: url(images/bul.gif) 5px center no-repeat;
        margin:0; 
        padding:0;
        }
        #seo-related-links ul.seo-links li a {
            text-decoration: none;
            padding-left: 25px;
            display: block;
            _width: 100%;
            }
            #seo-related-links ul.seo-links li a:hover {
                text-decoration: underline;
                }
.visibleborder{
	border:2px solid #000000 !important;
}
.invisibleborder{
	border:2px solid #FFFFFF !important;
}
#titleBar{
	cursor:move;
	background-color: #8A915D;
	color:#FFFFFF;
}
#imgplaceholder{
	visibility:hidden;
	position:absolute;
	z-index: 100;
	background-color: #FFFFFF;
}
.close{
	font: bold 12px Arial, Helvetica, sans-serif;
	border: 2px outset;
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
}
.close:hover{
	font: bold 12px Arial, Helvetica, sans-serif;
	border: 2px inset;
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
}

#product-info-table             {font: normal 11px trebuchet ms, arial; }
#product-info-table TH          {font: bold 11px trebuchet ms, arial; color: #656564; text-align: left;}
#product-info-table TD          { }
#product-info-table .name 	{ color: #000; }
#product-info-table .price      {color: #656565;}
#product-info-table .sale-price {color: #6182CB; font-weight: bold;}
	#product-info-table .sale-price span.you-save {
		font-weight: normal;
		color: #8A915D;
		}
#qty-contents td { font: normal 11px trebuchet ms, arial; color: #8C8C8C; }
	#qty-contents td a { color: #000; }
#qty-contents td.price { font: normal 11px trebuchet ms, arial; color: #8C8C8C; }
#qty-contents td.sale-price { font: bold 11px trebuceht ms, arial; color: #6183CB; }
	#qty-contents td.price span.sale-price { font: bold 11px trebuceht ms, arial; color: #6183CB; }
#qty-contents td.inp input { text-align: right; }
.insetimg { width: 134px; font: normal 11px trebuchet ma, arial; padding-bottom: 20px; color: #333; }