@charset "UTF-8";
body {
	margin: 0;
	text-align:center;
	padding:10px 0;
	font: 100% "Lucida Grande", Arial, Helvetica, Verdana;
	height:100%;
	background-color:#393735;
	/*background:#393735 url(../images/body_picholder.jpg) top center repeat-x;*/
}
a, a:visited {
	color:#831000;
	text-decoration:underline;
}
a:hover, a:active {
	color:#a5241f;
	text-decoration:underline;
	border:none;
}
img {
	border:none;
}
a#logo {
	background: url(../images/logo.png) no-repeat;
	display: block;
	height: 119px;
	position: absolute;
	left: -41px;
	text-indent: -9999px;
	top: 50px;
	width: 290px;
	z-index:9999;
}

a#logo:hover {
	background-position: 0 -120px;
}
#wrapper {
	width: 920px;
	margin: 0 auto; 
	padding: 0;
	text-align: center; 
	background:#393735 url(../images/backdrop.png) top center no-repeat;
	position:relative;
	height:480px;
	background-position:0 100px;
}
#wrappercart {
	width: 920px;
	margin: 0 auto; 
	padding: 0;
	text-align: center; 
	background:#393735url(../images/backdrop_cart.png) top center no-repeat;
	position:relative;
	height:480px;
	background-position:0 100px;
}
#wrapperbooks {
	width: 920px;
	margin: 0 auto; 
	padding: 0;
	text-align: center; 
	background:#393735 url(../images/backdrop_books.png) top center no-repeat;
	position:relative;
	height:480px;
	background-position:0 100px;
}
#wrapperfurniture {
	width: 920px;
	margin: 0 auto; 
	padding: 0;
	text-align: center; 
	background:#393735 url(../images/backdrop_furniture.png) top center no-repeat;
	position:relative;
	height:480px;
	background-position:0 100px;
}
#wrapperlighting {
	width: 920px;
	margin: 0 auto; 
	padding: 0;
	text-align: center; 
	background:#393735 url(../images/backdrop_lighting.png) top center no-repeat;
	position:relative;
	height:480px;
	background-position:0 100px;
}
#wrappersmalls {
	width: 920px;
	margin: 0 auto; 
	padding: 0;
	text-align: center; 
	background:#393735 url(../images/backdrop_smalls.png) top center no-repeat;
	position:relative;
	height:480px;
	background-position:0 100px;
}
#wrapperoutdoor {
	width: 920px;
	margin: 0 auto; 
	padding: 0;
	text-align: center; 
	background:#393735 url(../images/backdrop_outdoor.png) top center no-repeat;
	position:relative;
	height:480px;
	background-position:0 100px;
}
#wrapperstaging {
	width: 920px;
	margin: 0 auto; 
	padding: 0;
	text-align: center; 
	background:#393735 url(../images/backdrop_staging.png) top center no-repeat;
	position:relative;
	height:480px;
	background-position:0 100px;
}
#wrappercontact {
	width: 920px;
	margin: 0 auto; 
	padding: 0;
	text-align: center; 
	background:#393735 url(../images/backdrop_contact.png) top center no-repeat;
	position:relative;
	height:480px;
	background-position:0 100px;
}
#wrapperConstruction {
	width: 850px;
	margin: 40px auto; 
	padding: 20px 0;
	text-align: center; 
	background:#393735 url(../images/under_construction.png) top center no-repeat;
	position:relative;
	min-height:400px;
}

#notice {
	width: 920px;
	text-align:right;
	float:left;
	height:90px;
	padding-top:10px;
}
#noticeUC {
	width: 100%;
	text-align:center;
	height:60px;
	padding:0;
	margin:20 60px;
}
#wayfinding {
	font:85% Helvetica, "Lucida Grande", Arial, Verdana;
	color:#fff;
	line-height:1.5em;
	padding: 20px 0;
	text-align:right;
	float:left;
	width:750px;
}
#wayfindingUC {
	font:85%  Georgia, "Times New Roman", Times, serif;
	color:#fff;
	line-height:1.5em;
	padding: 20px 0 10px;
	text-align:center;
}
#notice a {
	color:#fff;
	text-decoration:underline;
}
#notice a:hover {
	color:#f7e7c1;
	text-decoration:underline;
}
#notice {
	color:#F6E6C0;
	padding: 0 3px 0 3px;
}
#noticeUC a {
	color:#fff;
	text-decoration:underline;
}
#noticeUC a:hover {
	color:#f7e7c1;
	text-decoration:underline;
}
#noticeUC span {
	color:#F6E6C0;
	padding: 0 3px 0 3px;
}
#search {
	float:right;
	font: 80% "Lucida Grande", Arial, Helvetica, sans-serif;
	padding:20px 0;

}
.search-box input.cat_textbox_small {
margin:0 3px 0 0;
}
.cat_textbox_small, .cat_listbox_small {
width:130px;
	font: 80% "Lucida Grande", Arial, Helvetica, sans-serif;
}
.search-result {
	font: 100% Helvetica, "Lucida Grande", Arial, sans-serif;
	color:#990000;
}
.cat_button {
	margin:10px 0;
	float:left;
}
#closed {
	background:url(../images/closed_sign.png) top right no-repeat;
	margin:12px 8px 0 12px;
	width:90px;
	height:60px;
	float:right;
	display:block;
}
#open {
	background:url(../images/open_sign.png) top right no-repeat;
	margin:12px 8px 0 12px;
	width:90px;
	float:right;
	display:block;
	height:60px;
	
}
#open span, #closed span {
	visibility:hidden;
		font:20%;

}
#photoarea {
	width:612px;
	height:251px;
	float:right;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#contentTop {
	width:920px;
	float:right;
	text-align:center;
	padding:0;
	margin:0;
}
#contentTopRight {
	width:745px;
	float:right;
	text-align:center;
	margin:0;
	padding:0;
	position:relative;
}
#cmsContentArea {
	padding:10px 20px 20px 20px;
	background:#fff;
	margin:0;
	border-top:1px solid #e8d9b5;
	border-left:1px solid #e8d9b5;
	border-bottom:1px solid #d0c2a2;
	border-right:1px solid #d0c2a2;
	color:#333;
}
#cmsContentArea p {
	font:85% Georgia, "Times New Roman", Times, serif;
	line-height:18px;
}
#cmsContentArea a {
	text-decoration:none;
	color:#333;
}
#cmsContentArea a:hover {
	text-decoration:underline;
	color:#333;
}
#leftMain {
	width:140px;
	float:left;
}
.leftMainLinks {
	position:relative;
	float:left;
	margin:70px 0 15px 0;
	width:158px;
	padding:0;
	clear:both;
	height:100%;
}
/* begin specials */
#specials {
		font: 90% "Lucida Grande", Arial, Helvetica, Verdana;
		color:#fcecc5;
		line-height:16px;
		width:290px;
		float:left;
		padding:20px 10px 0 70px;
		margin:0;
		text-align:left;
	}
#specials h1{
		font: 165% "Gill Sans", Helvetica, Futura, Arial, "Lucida Grande";
		color:#fff;
		line-height:18px;
		padding:0;
	}
#specials h2{
		font: 80% "Lucida Grande", Arial, Helvetica, Verdana;
		color:#fff;
		line-height:16px;
		padding:0;
	}
#specials h2 a{
		color:#fff;
		text-decoration:underline;
	}
#specials h2 a:hover{
		color:#fcecc5;
		text-decoration:underline;
	}
	
/* Begin Main Content Specials */
#specialsMain {
		font: 90% "Lucida Grande", Arial, Helvetica, Verdana;
		color:#fcecc5;
		line-height:16px;
		width:600px;
		float:left;
		padding:35px 0 0 50px;
		margin:0;
		text-align:left;
		height:195px;
}
#specialsMain .pagetitle {
		font: 200% Helvetica, Futura, Arial, "Lucida Grande";
		color:#fff;
		padding:20px;
		background-color:#000000;
		filter:alpha(opacity=65);
		-moz-opacity:.65;
		opacity:.65;
	}
#homespecials {
		font: 90% "Lucida Grande", Arial, Helvetica, Verdana;
color:#FCECC5;
float:left;
font:90%/16px "Lucida Grande",Arial,Helvetica,Verdana;
margin:0;
padding:40px 0 0 45px;
text-align:left;
width:350px;
}
#homespecials .hometitle {
background-color:#333333;
color:#FFFFFF;
font:200% Helvetica,Futura,Arial,"Lucida Grande";
opacity:0.65;
padding:5px 20px 10px;
	}
#homespecials span {
		font: 60% Helvetica, Futura, Arial, "Lucida Grande";
		color:#fff;
		line-height:20px;
		padding:20px 0 20px 0;
	}
#homespecialslinks {
		font: 100% Helvetica, Futura, Arial, "Lucida Grande";
		color:#fff;
		line-height:20px;
		padding:10px 0 0 10px;
	}
#homespecialslinks a {
		color:#fff;
		text-decoration:none;
	}
#homespecialslinks a:hover {
		color:#fff;
		text-decoration:underline;
	}
#specialsMain span {
		font: 50% "Lucida Grande", Arial, Helvetica, Verdana;
		color:#fff;
		line-height:20px;
		padding:20px 0 20px 0;

	}
#specialsMain a{
		color:#fff;
		text-decoration:underline;
	}
#specialsMain  a:hover{
		color:#fcecc5;
		text-decoration:underline;
	}
	
/* begin photoframe on home page */
.photoFrame {
		position:relative;
		z-index:20;
		width:294px;
		height:210px;
		background:url('../images/photo_frame.png') no-repeat;
		padding:25px 20px 0 28px;
		float:right;
		margin:0;
		top:-8px;
		right:0;
	}
	
	.photoFrame .image-looper {
		overflow:hidden;
		position:relative;
		width:240px; height:175px;
		margin:0; padding:0; }
	
	.photoFrame ul { width:9999px; display:block; margin:0; padding:0; list-style:none }
	.photoFrame ul li { display:block; margin:0; padding:0; float:left }
	.photoFrame img {
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	margin:0;
}
	
	.photoFrame .pagination {
		position:absolute;
		font-size:54px;
		cursor:pointer;
		color:#f4d793; }

	.photoFrame .pagination#next {
	top:80px;
	right:15px;
}
	.photoFrame .pagination#previous { display:none; left:-23px; top:80px; }
	
	.photoFrame .paperclip {
	width:30px;
	height:110px;
	position:absolute;
	right:117px;
	top:7px;
	background:url('../images/paperclip.png') no-repeat
}
		
		
/* boxes */
#midbox {
	position:relative;
	left:-7px;
	width:752px;
	top:-12px;
}
/* Top border and right corner */
.bt {
background:url(../images/graybox_noleft.png) no-repeat 100% 0;
margin:0 0 0 80px;
height:25px;
}
/* Top left corner */
.bt div {
height:25px;
width:25px;
position:relative;
left:-25px;
background:url(../images/graybox_noleft.png) no-repeat 0 0;
}
/* Bottom border and right corner */
.bb {
background:url(../images/graybox_noleft.png) no-repeat 100% 100%;
margin:0 0 0 80px;
height:25px;
}
/* Bottom left corner */
.bb div {
height:25px;
width:25px;
position:relative;
left:-25px;
background:url(../images/graybox_noleft.png) no-repeat 0 100%;
}
/* Left border */
.i1 {
padding:0 0 0 25px;
background:url(../images/graybox_noleft-borders.png) repeat-y 0 0;
}
/* Right border */
.i2 {
padding:0 25px 0 0;
background:url(../images/graybox_noleft-borders.png) repeat-y 100% 0;
}


#hometext {
position:relative;
width:752px;
float:right;
margin-top:255px;
left:5px;
}

/* begin red box */

.red .cb {margin:0;}
	/* Top corners and border */
.red .bt {
	height:25px;
	margin:0 0 0 25px;
	background:url(../images/redbox.png) no-repeat 100% 0;
}
.red .bt div {
	position:relative;
	left:-25px;
	width:25px;
	height:25px;
	background:url(../images/redbox.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.red .bb {
	height:25px;
	margin:0 0 0 25px;
	background:url(../images/redbox.png) no-repeat 100% 100%;
}
.red .bb div {
	position:relative;
	left:-25px;
	width:25px;
	height:25px;
	background:url(../images/redbox.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.red .i1 {
	padding:0 0 0 25px;
	background:url(../images/redborders.png) repeat-y 0 0;
}
	/* Right border */
.red .i2 {
	padding:0 25px 0 0;
	background:url(../images/redborders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.red .i3 {
	display:block;
	margin:0;
	padding:1px 15px 1px 15px;
	background:#831000;
	text-align:left;
	line-height:1.5em;
	color:#fff;
	font: 95% Georgia, "Times New Roman", Times, serif;
}
.red .i3 a, .red .i3 a:visited {
	color:#fff;
	text-decoration:underline;
}
.red .i3 a:hover, .red .i3 a:active {
	color:#fcecc5;
	text-decoration:underline;
}
.red .i3 span {
	font: 135% Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.red .i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.red .i3 {display:inline-block;}
.red .i3 {display:block;}


/* begin yellow box */

.yellow .cb {margin:0.5em 0;}
	/* Top corners and border */
.yellow .bt {
	height:25px;
	margin:0 0 0 25px;
	background:url(../images/yellowbox.png) no-repeat 100% 0;
}
.yellow .bt div {
	position:relative;
	left:-25px;
	width:25px;
	height:25px;
	background:url(../images/yellowbox.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.yellow .bb {
	height:25px;
	margin:0 0 0 25px;
	background:url(../images/yellowbox.png) no-repeat 100% 100%;
}
.yellow .bb div {
	position:relative;
	left:-25px;
	width:25px;
	height:25px;
	background:url(../images/yellowbox.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.yellow .i1 {
	padding:0 0 0 25px;
	background:url(../images/yellowborders.png) repeat-y 0 0;
}
	/* Right border */
.yellow .i2 {
	padding:0 25px 0 0;
	background:url(../images/yellowborders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.yellow .i3 {
	display:block;
	margin:0;
	padding:5px;
	background:#fcecc5;
	text-align:left;
	line-height:1.5em;
	color:#333333;
	font: 100% Georgia, "Times New Roman", Times, serif;
}
.yellow .i3 a, .yellow .i3 a:visited {
	color:#333;
	text-decoration:none;
}
.yellow .i3 a:hover, .yellow .i3 a:active {
	color:#333;
	text-decoration:underline;
}
.yellow .i3 span {
	font: 135% Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.yellow .i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.yellow .i3 {display:inline-block;}
.yellow .i3 {display:block;}




/* end boxes */
#bottom {
	position:relative;
	top:-10px;
}
#homebottomleft {
position:relative;
float:left;
margin:10px 0 10px 0;
width:620px;
}
#homebottomright {
position:relative;
float:right;
margin:10px 0 10px 8px;
width:285px;
right:0;
}
#footer {
	position:relative;
	top:-10px;
	clear:both;
}	
#footerboxleft {
	position:relative;
	float:left;
	margin:0 0 10px 0;
	width:614px;
	padding:0 0 0 168px;
	font: 70% "Lucida Grande", Arial, Helvetica, Verdana;

}
#footerboxleft p {
	text-align:left;
	font-family:"Lucida Grande", Arial, Helvetica, Verdana;
}
#footerboxright {
	position:relative;
	float:left;
	margin:0 0 10px 8px;
	width:125px;
	right:-5px;
}
#workhorsesig {
	background: url(../images/design-workhorse.gif) top left no-repeat;
	position:relative;
	display:block;
	left:-15px;
}
#workhorsesig span{
visibility:hidden;
}

/* begin ecommerce layout */
.smallimage {
	background:url(/images/shadow.gif) no-repeat right bottom;
	float:left;
}
.smallimage div {
	background:url(/images/mask.png) no-repeat left top !important;
	background:url(/images/mask.gif) no-repeat left top;
	padding: 0 6px 6px 0;
	float:left; /* Fixes problem in IE5.2/Mac */
}
.smallimage img {
    padding:4px;
	background-color:#FFFFFF;
	border:1px solid #d1d1d1;
}
.smallimagetitle {
    margin:5px 0 0 5px;
    padding:0 0 5px 0;
	color:#333333;
	font-weight:bold;
	font: 70% "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration:none;
	clear:left;
	list-style:none;
	width:125px;
}
.smallimagetitle a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
.smallimagetitle a:hover {
	text-decoration:underline;
}
.smallimageprice {
	width: 160px;
    margin:0 0 20px 5px;
    padding:0 0 10px 0;
	color:#333;
	font-weight:normal;
	font: 75% "Lucida Grande", Arial, Helvetica, sans-serif;
}
.mediumimage {
	background:url(/images/shadow.gif) no-repeat right bottom;
	float:left;
}
.mediumimage div {
	background:url(/images/mask.png) no-repeat left top !important;
	background:url(/images/mask.gif) no-repeat left top;
	padding: 0 6px 6px 0;
	float:left; /* Fixes problem in IE5.2/Mac */
}
.mediumimage img {
    padding:4px;
	background-color:#FFFFFF;
	border:1px solid #d1d1d1;
}
.paginationstyle {
    margin:0 0 20px 25px;
	padding-right: 5px;
}
.productfeaturelist {
	list-style:none;
	text-align:left;
	padding:10px;
	margin:0;	
}
.productfeaturelist ul {
	padding:0;
	margin:0;
}
.productfeaturelist li {
	list-style:none;
	color:#333;
	text-decoration:none;
}
.smallimagetitle li a {
	font-weight:normal;
	text-decoration:none;
}
.shop-main .breadcrumbs {
float:left;
width:50%;
font: 135% Helvetica, "Lucida Grande", Arial, sans-serif;
color:#990000;
text-decoration:none;
}
.shop-main .breadcrumbs a {
color:#990000;
text-decoration:none;
}
.shop-main .header {
border-bottom:1px solid #EEEEEE;
height:37px;
line-height:37px;
margin:10px 0 18px;
}
.shop-product-large {
	font: 80% "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height:18px;
	text-align:center;
	margin:0;
	padding:0;
	border:none;
}
#largeimage {
	width:250px;
	float:left;
}
#leftimage {
	width:250px;
	padding:0 15px;
	float:left;
}
#righttext {
	width:325px;
	padding:0 15px;
	float:right;
	text-align:left;
	font: 85% "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height:18px;
}
#righttext .description {
	font: 105% "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:18px;

}
#righttext h1 {
	font: 145% "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
}

.shop-main .cart-summary {
float:right;
width:40%;
color:#333;
}
.cartSummaryTable {
	color:#333;
}
#pagination span {
	color:#333333;
	text-decoration:underline;
}
#pagination a {
	color:#333333;
	text-decoration:underline;
}
#pagination a:hover {
	color:#990000;
	text-decoration:underline;
}
#pagination a:active {
	color:#333;
	text-decoration:underline;
}
#pagination a:visited {
	color:#666;
	text-decoration:underline;

}
.productItem {
	padding:0 10px 0 10px;
}
.productPopletsItem {
	margin:5px;
}
.browsepoplet {
	font: 95% "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 20px 0 0 0;
	color: #333;
	text-align:center;
}
.poplets {
border-top:1px solid #EEEEEE;
margin-top:2px;
padding:10px 0;
}
#contactwrapper {
	width:100%;
	margin:0;
	padding:0;
}
.contactformleft {
	width:300px;
	float:left;
	padding:20px 15px;
	font: 85% Helvetica, "Lucida Grande", Arial, sans-serif;
	text-align:left;
}
.contactformright {
	width:275px;
	float:left;
	padding:20px 0 0 20px;
	font: 85% Helvetica, "Lucida Grande", Arial, sans-serif;
	text-align:left;
}
.contactwebform {
	width:300px;
	float:left;
	clear:both;
	}