/* =============================================== */
/* = Plush Main Stylesheet - Layout, Type, Forms = */
/* =============================================== */

/* = Reference - Colors, Sizes, etc
hi			- Dark Grey = #262626 or whatever
			- Base Font = 11px or whatever	
*/


/* = HTML Tags Etc                                = */
/* ================================================ */
body{color: #777; height: 100%; font-size: 11px; margin:0; padding:0; background: #E9E9E9 url(/images/layout/starburst-bg.gif) top left no-repeat; font-family:verdana;}
h1, h2, h3, h4, h5{}
h1{line-height:19px; font-size:17px; font-family:"Times New Roman",Times, serif; color:#686866;}

h2{line-height:19px; font-size:17px; font-family:"Times New Roman",Times, serif; color:#686866;}
h2.fancy{line-height:19px; font-size:17px; font-family:"Times New Roman",Times, serif; color:#686866; margin-bottom:0;}
.home h2.fancy{font-size:15px; line-height:17px;}
.store h2.fancy {color:#000;}
h3{}
h3.subtitle{margin:0; margin-bottom:5px; line-height:14px; font-size:13px; color:#000000; font-family:Times;}
h4{}
h5{}


ul li{}
a{color: #84AEB3;text-decoration: none; font-weight:bold;}

a:hover{text-decoration: none;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}


/* = Layout Blocks                               = */
/* =============================================== */
#wrapper{display: block; min-height: 600px; min-width: 800px;}
#site{width: 798px; height: 600px; position: absolute; top: 50%; left: 50%; margin-top: -320px; margin-left: -420px; border: 0px solid; background:url(/images/layout/base.png) no-repeat top left; padding:15px 24px 24px 19px;}

#masthead{position: relative; height: 120px;}
#logo{width: 200px; height: 150px; display: block; float: left; background: url(/images/layout/transparent.gif);}
#logo span{display: none;}
#main{padding:0; border:0px solid red; width: 580px;float: right; margin-right:20px; display:inline;}

#content{display: block; clear: both; height:370px; width:550px; overflow:auto; margin-left:11px; margin-top:20px;}
#content p{margin-bottom: 3px;}
.pages{border-top: 1px solid #686866;border-bottom: 1px solid #686866;}
#site .about, #site .contact{border: 0; }
#site .about .rightwide, #site .contact .rightwide{border-top: 1px solid #686866;border-bottom: 1px solid #686866;}


.landing #content{ height:auto;}
.shaded #content{background:url(/images/layout/10_black.png) repeat top left;}
.home #main #content{padding:0; margin-top:0; height:450px; width: 515px; overflow:hidden; background:none !important;}
.home #main{width: 560px; margin-top: 10px;}

#pricing, #swatches{display:none;}
.pricing_spacer{width: 612px;padding: 40px;}


table.pricing-table{padding-bottom:20px; }
table.pricing-table thead{background: url(/images/home/dotted-line.png) repeat-x bottom left; }
table.pricing-table thead td{color:#000; padding-bottom: 10px;}
table.pricing-table tr td{white-space: nowrap;}
table.pricing-table tr td.label{font-weight:bold; color:#666;}
#side{width: 180px;float: left;}
#footer{clear: both;}
/*lightwindow overrides*/
#lightwindow_contents, #lightwindow_contents p{color:#686866;}
#lightwindow_contents p, #lightwindow_contents li, #lightwindow_contents td{line-height:1em;}
#lightwindow_contents p{line-height: 1.5;}
#lightwindow_contents{ background: #fff; font: 11px Verdana, sans-serif;}
#lightwindow_contents h3{font-size: 11px;}
#lightwindow_contents h3 span{text-transform: uppercase;}
#lightwindow_title_bar_close_link{text-transform: uppercase; margin-right: -40px;}


#sleeve{margin:0 10px 0 10px; padding-bottom:20px; padding-top:5px; float:left; display:inline; }
#sleeve h2{width: 510px;}
#sleeve .product-contents h2{width: auto; margin-bottom: 0px;}


#accessories_content{
	margin-top:20px;
	padding-top:10px;
	border:1px solid #999;
	border-left:none;
	border-right:none;
	width:75%;
	
}

#accessories_content #accessory-main-sample, #accessories_content #accessory-main-content{
	float:left;
	display:inline;
}
#accessories_content #accessory-main-content{width:250px; margin-left:20px;}



/* Home Link Boxes */
.home #entry-links{background:blue;}
.home #entry-links .link {width:167px; height:182px; display:block;}
.home #entry-links .link a{background-position:left bottom; background-repeat:no-repeat; display:block; text-decoration:none;}
.home #entry-links .link a:hover{background-position:0 -12px;}

.home #entry-links #store{float:left; margin-right:5px;}
.home #entry-links #custom{float:left; margin-right:5px;}
.home #entry-links #blog{float:right; }
.home #entry-links #store  a{width:167px; height:182px;background-image:url(/images/layout/splash-collection.jpg);}
.home #entry-links #custom a{width:167px; height:182px;background-image:url(/images/layout/splash-custom.jpg);}
.home #entry-links #blog a{width:167px; height:182px;background-image:url(/images/layout/splash-blog.jpg);}




/* = Generic Classes                              = */
/* ================================================ */
.scrollable{overflow:auto;}
.dotted{background:transparent url(/images/home/dotted-line.png) repeat-x; height:3px; border:0;}
.column{float:left; display:inline; width:30%;}
.rightwide{width: 65%;float: right;}
.column.product-image{width:187px; margin-right:20px;}
.column.product-contents{width:275px;}
.store .column.product-image{/*width:275px;*/}
.custom .column.product-image{width:275px;}
#content p.footnote{margin-bottom:25px;}
#store-swf{height: 264px;}

/*Products & Categories */
.product_listing{float: left; clear: both;width: 500px;}
.product{
	
	width:75px; 
	float:left; 
	height:auto; 
	margin: 20px 50px 20px 0; 
	border-top: 1px solid #888;
	padding: 4px 0px 0px; 
	color: #000;
	}
.product h3{text-align:center; margin:0; padding-bottom:3px !important; border-bottom: 1px solid #888;}
.product h3 a{color:#686866; font-size:16px; font-family:"Times New Roman",Times, Serif; font-style: italic; font-weight:normal;}
#product-detail{margin-top:20px;}
#product_pagination{text-align: center; position: relative;}
#product_pagination a{float: left; display: block; color:#333 !important; font-weight:normal;}
#product_pagination #main_product{width: 100%;}
#product_pagination #prev_product{position: absolute; top: 0; left: 0;}
#product_pagination #next_product{position: absolute; top: 0; right: 0;}
#product-detail p{color:#000;}
a.large_image_link{margin-left: 5px;}
a.large_image_link:focus, a.large_image_link:hover{
	color:#84aeb3;
	font-weight:bold;
	text-decoration:underline;
}
.product-image{position: relative;}
.custom .product{width: 172px; height: 257px; margin: 20px 32px 30px 32px; border-top: 1px solid #888;  padding: 4px 0px;}
.custom .product h3{padding-top: 3px; margin-bottom: 0;}
.custom .column.product-contents{float: right; width: 195px;}

.product_buttons{}
.product_buttons a{float: left; display: block;}
.product_buttons a span{float: left; display: block; visibility: hidden; width: 137px; height: 33px;}

a.button{color: #fff; border: 0; font-family: Georgia; line-height: 33px; padding: 0 2px 0 12px; text-transform: uppercase; background: url(/images/layout/button.gif) top left no-repeat; height: 33px; position: relative; margin-right: 15px;}
a.button span{display: block; float: right; width: 12px; height: 33px; background: url(/images/layout/button.gif) top right no-repeat; position: absolute; top: 0; right: -10px; z-index: 100; visibility: visible;}
.order_button{background: url(/images/store/order_form.gif) top left no-repeat;}
.sample_button{background: url(/images/store/request_sample.gif) top left no-repeat;}

.pagination{display: block; clear: both; padding-top: 10px; font-size: 11px; font-family: "Times New Roman", Times;font-family: "Times New Roman", Times, serif;}
.pagination a{}

.zoom_image{position: absolute; t:13px; right:0px; height: 20px; width: 20px; background: url(/images/store/product_zoom_overlay.gif) top left no-repeat;}
.custom .zoom_image{top:275px; left:260px;}
.store .zoom_image{top:220px; }
.no_large .zoom_image{ top: 90px;}


/* = Blog Section	                              = */
/* ================================================ */

.post{border-bottom: 1px solid; float: left; width: 100%; min-height: 90px; padding-top: 10px;}
.post-date{margin: 0; color: #333;}
.post-content{float: left; }
.post img{padding: 0 20px 5px 0; float: left;}

/* = Admin Section	                              = */
/* ================================================ */
#admin_link span{visibility: hidden;}
.admin_link:hover span{visibility: visible;}
.admin_block{float: left; width: 175px; /*border: 1px solid;*/}
.admin_block .scrollable{height: 200px;}
#footer{position:absolute; bottom:0px; right:50px; width:200px;}
#credit a, #credit a:hover{color:#666; font-weight:normal;}