@import url("menu.css");



html {
font-size: 100%;
background: #3f342e  /*372821  3e2a21 43342d 640022 5c0412 5b0510 55100a 51170b 382720 3b2d25 3f2e27*/ url(images/bg.jpg) top center repeat-y;
}

body {
margin: 0 auto 0 auto;
padding: 0;
font-family: verdana, arial, sans-serif;
}

* body {
font-size: 76%;
background: #3f342e url(images/bg.jpg) top center repeat-y;
}

#wrapper {
background: #fcf9ef /*fffced*/;
color: #4f4238 /*4f3f38 433a36 594944  433a36 5d514C 5e5439 5d4e44 5f4f45*/;
margin: 0 auto 0 auto;
padding: 0;
width: 770px;
}

* html #wrapper {
	position:absolute;
	left:50%; 
	MARGIN:69px 0 0 -385px;
	PADDING:0; 
	WIDTH:770px;
}


/*    HEADERS
=======================================================  */
#headerlogo {
background: #fff url(images/headerlogo.jpg) left top no-repeat;
margin: 0 auto 0 auto;
PADDING:0;
width: 770px;
height: 69px;
}

* html #headerlogo {
	position:absolute;
	background: #fff url(images/headerlogo.jpg) left top no-repeat;
	left:50%; 
	MARGIN:0 0 0 -385px;
	PADDING:0; 
	WIDTH:770px;
	height: 69px;
}
#headerlogo p {
margin: 0;
padding: 0px;
}


#header {
background: #fff url(images/headerpanel_120_wood.jpg) left top no-repeat; 
/*headerpanel_120_springfresh.jpg  headerpanel_120_christmas.jpg  headerpanel_120_wood.jpg*/
width: 770px;
clear: both;
color: #fff;
margin: 0 0 0 0;
padding: 5px 0 0 0;
height: 122px;
text-align: center;
}

#header .topticker {
color: #fff;
margin: 50px 0 0 0;
padding: 0px;
font-size: 2.33em;
font-family: 'Arial Black', arial, verdana, sans-serif;
}

*html #header .topticker {
margin: 54px 0 0 0;
}

#header h2 {
color: #fff;
margin: 10px 0 0 0;
padding: 0;
font-size: 1.10em;
}

#header p {
margin: 0;
padding: 0;
}

#header a {
text-decoration: none;
color: #fff;
}

#header a:hover {
text-decoration: underline;
color: #fff;
}

#headerlogobar {
	background-color: #816f62  /*816f63 6b5b4e 665548 4b3d31 3f3531*/;
	color: #ffffff  /*f5eee2 d2bea7 433a36*/;
	border-bottom: 1px #e5d2aa solid;
	width: 100%
	height: 50px;
	padding: 5px;
	margin: 0  0 0 0;
	text-align: center;
	vertical-align: middle;
	display: block;
}

#headerlogobar a {
text-decoration: none;
color: #ffffff  /*f5eee2 433a36*/;
}

#headerlogobar a:hover {
text-decoration: underline;
color: #fff;
}


/* ---- START LOGO LINK HEADER ---- */

#headernav {
	MARGIN:0;
	PADDING:5px;
	background: #fcf9ef;
	border: 1px #bdb0a0 solid;
}

#headernav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#headernav li {
    margin:0;
    padding:8px;
	font-size: 12px;
	letter-spacing:1px;
	text-align: center;
}

#headernav a {
    display:block;
}


/* ---- END LOGO LINK HEADER ---- */



/* ----- LEFT ------  */

#leftmenu {
border-top: 0px solid #e5d2aa;
clear: left;
float: left;
width: 150px;
margin: 0;
padding: 0;
font-size: 0.9em;
}

* html #leftmenu {
margin: 0 0 0 0;
}

.panelindent { 
background: #fff;
width: 90%;
margin: 10px 0 0 0; 
padding: 5px; 
border: 1px solid #bdb0a0;
text-align: left;
}

#leftmenu h1 {	
background: #816f62 /*eae3d6*/;
color: #fff  /*433a36  0066cc*/;
font-size: 1.33em;
font-weight: bold;
margin:  0;
padding: 5px;
border: 1px solid #bdb0a0;
}

#leftmenu h2 {
background: #816f62;
color: #fff;
font-size: 1.33em;
font-weight: bold;
margin:  0;
padding: 5px;
border: 1px solid #bdb0a0;
}

#leftmenu h3 {
color: #433a36;
font-size: 1.0em;
font-weight: 800;
margin: 0;
padding: 10px 10px 0 10px;
}

.special { 
background: #fff url(images/collateral/on-sale-bg.gif) repeat;
font-weight: 800;
width: 90%;
margin: 10px 0 0 0; 
padding: 5px; 
border: 1px solid #bdb0a0;
text-align: center;
}

.dropdown {
margin: 10px 0 10px 0;
padding: 10px;
width: 130px;
background: #eaeef7 url(images/bg_article.gif);
border-top: #e5d2aa 1px solid;
border-bottom: #e5d2aa 1px solid;
line-height: 1.33em;
}

/* ----- END LEFT ----- */

/* ---------------- RIGHT SIDE --------------------*/

#right {
float: right;
width: 128px;
margin: 0 6px 0 0;
padding: 0 0 0 0;
font-size: 0.9em;
text-align: left;
border: 0px solid #e5d2aa;
}

* html #right {
width: 133px;
margin: 0 0 0 0;
}

.rightpanel { 
width: 90%;
margin: 10px 0 0 0; 
padding: 5PX 5px 5px 5px; 
text-align: center;
}

.rightpanel p { 
margin: 0 0 10px 0; 
}

.panel { 
background: #fff;
width: 90%;
margin: 10px 0 0 0; 
padding: 5PX 5px 5px 5px; 
border: 1px solid #bdb0a0;
text-align: center;
}

.panel p { 
margin: 0 0 5px 0; 
padding: 0; 
text-align: center;
}

.special0 { 
background: #6a5b51 url(images/collateral/vertical-banner-ad-0-bg.jpg) center bottom;
color: #ffffff /*4f3f38 002a53 336600*/;
font-weight: bold;
text-decoration: none;
width: 108px;
padding: 2px; 
border: 2px solid #735b41; /*4f3f38*/
}

.special1 { 
background: #81c24a url(images/collateral/green-flooring-bg.gif) center bottom;
color: #003300;
font-weight: normal;
text-decoration: none;
width: 108px;
padding: 2px;
border: 2px solid #669933;
}

.special2 { 
background: #6a5b51 url(images/collateral/special-1-bg.jpg) center top;
color: #fff /*002a53 336600*/;
font-weight: bold;
text-decoration: none;
line-height:1.5em;
width: 110px;
padding: 3px; 
border: 0px solid #6a5b51;
}

.special3 { 
background: #0b4681 url(images/collateral/solid-sound-bg.jpg) center top no-repeat;
color: #ffffff /*336600*/;
font-weight: normal;
text-decoration: none;
width: 108px;
padding: 2px;
border: 2px solid #003366  /*e5d2aa 000066 122543*/;
}

#right .special0 a { 
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

#right .special1 a { 
color: #003300;
font-weight: normal;
text-decoration: none;
}

#right .special2 a { 
color: #ffffff;
font-weight: bold;
text-decoration: none;
}


#right .special3 a { 
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

/* --------- alysia advertising ---------- */

#advertisement {
margin: 10px 0 10px 0;
padding: 0px;
width: 100%;
}

#advertisement .adpocket {
background: #0149a3 url(images/public/beach_bg.jpg) 0 0 no-repeat;
padding: 1px;
color:#fff;
width: 124px;
text-align: center;
border: #cc00cc 1px solid;
position: relative;
}

#advertisement h1 {
margin: 0;
padding: 0;
font-size: 1.2em;
line-height: 1.2em;
text-align: center;
}

#advertisement p {
margin: 12px 0 12px 0;
padding: 0;
font-size: 1.1em;
font-weight: bold;
line-height: 1.2em;
text-align: center;
}

#advertisement .phone {
color: #ff00cc/*ea02c1*/;
font-size: 1.33em;
font-weight: bold;
letter-spacing: -0.05em;
margin: 0;
padding: 0;
}

/* -----   CONTENT ----- */

#content {
background: #f5eee2 /*eae3d6 f8f3da fcfcfc fffcf2 fffbf4 fdfbf8*/;
border-right: 1px solid #bdb0a0;
border-left: 1px solid #bdb0a0;
border-bottom: 1px solid #bdb0a0;
width: 442px;
margin: 0 140px 0 150px;
font-size: 1.0em;
padding: 12px 14px 20px 14px;
text-align: left;
}

*html #content, #gallery {
width: 442px;
padding: 12px 14px 20px 14px;
margin: 0 130px 0 147px;
}

#gallery {
background: #fffcf2/*fffbf4 fdfbf8*/;
border: 1px solid #e5d2aa/*af8053*/;
width: 442px;
margin: 0 140px 0 150px;
font-size: 1.0em;
padding: 15px 14px 20px 14px;
text-align: center;
}

#content p {
margin: 5px 0 10px 0;
line-height: 1.5em;
}

#gallery img {
border: 0px #e2af5f solid;
}

#content img {
border: 1px #bdb0a0 solid;
}

#content h1 {
color: #665548 /*8b7563 669966*/;
font-family: arial, sans-serif, verdana, Trebuchet MS;
font-size: 2em;
font-weight: BOLD;
letter-spacing: -0.045em;
margin: 0.5em 0 0.6em 0;
padding: 0;
}

#content .h1 {
color: #665548 /*8b7563 669966*/;
font-family: arial, sans-serif, verdana, Trebuchet MS;
font-size: 2.33em;
font-weight: BOLD;
letter-spacing: -0.045em;
margin: 0.5em 0 0.6em 0;
padding: 0;
width: 100%; 
text-align:center;
display: none;
}

#content h2 {
font-size: 1.2em;
font-weight: 800;
margin: 10px 0 10px 0;
padding: 0;
}

#content h3 {
/*color: #ff3300 ef5624 c22703 c22703  336699 4a66ad 876645 c02d1e c0311e cc3300 074993 b17040 b16b37 9b7045 9b5e32 955e36 c0441e c15627 c8380c c51b05 c52505*/;
font-size: 1.1em;
font-weight: bold;
letter-spacing: -0.025em;
margin: 10px 0 10px 0;
padding: 0;
}

#content h4 {
font-size: 1.1em;
font-weight: bold;
/*color: #0066cc;*/
margin: 5px 0 8px 0;
padding: 2px;
border: 1px solid #bdb0a0;
background: #fffced;
text-align: center;
}

#content h5 {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
}

#content h6 {
font-size: 0.95em;
font-weight: normal;
margin: 0;
padding: 0;
}

div.hr {
  height: 15px;
  background: transparent url(images/hr1.gif) no-repeat scroll center;
	margin: 0 0 10px 0;	
}
div.hr hr {
  display: none;
}

.holiday {
background: #fffced url(images/collateral/fall_bg.jpg);
border: 1px solid #e5d2aa;
margin: 8px 0 8px 0;
padding: 6px;
}

.products p {
background: #fcf9ef;
border: 1px solid #bdb0a0;
padding: 5px;
width: 435px;
}

.products table {
background: #fcf9ef;
border: 1px solid #bdb0a0;
border-collapse: collapse;
text-align: center;
width: 100%;
}

.products td {
padding: 5px;
text-align: center;
}

.itemvertical {
background: #fcf9ef;
border: 1px solid #bdb0a0;
margin: 0;
padding: 7px;
width: 200px;
height:530px;
vertical-align: top;
text-align: center;
}

.itemvertical_header  {
background: #7c6b5e;
font-size: 1.0em;
font-weight: bold;
color: #fff;
margin: 2px 0 6px 0;
padding: 2px;
border: 1px solid #bdb0a0;
width: 192px;
text-align: center;
}

.itemvertical_subheader {
font-size: 1.0em;
font-weight: 800;
letter-spacing: -0.025em;
}

table.verticaltable {width: 440px; padding: 3px; text-align: center;}

.merchandise table {width:440px; margin:0; padding:0 5px 0 5px;}
.merchandise td { background-color: #fcf9ef; width:49%; margin:0; padding:5px; text-align:left; vertical-align: top; font-size: 0.75em;}


.item {
background: #fcf9ef /*ffe3ba ffe1ba  #f8f4ec url(images/bg_item.gif)*/;
border: 1px solid #bdb0a0;
margin: 8px 0 8px 0;
padding: 6px;
}

.item_header  {
background: #7c6b5e  /*6b5b4e  fffced fffef8 f6ecdd eaeef7 url(images/bg_article.gif)*/;
font-size: 1.2em;
font-weight: bold;
color: #fff;
margin: 2px 0 8px 0;
padding: 2px;
border: 1px solid #bdb0a0;
width: 99%;
text-align: center;
}

.item_subheader {

font-size: 1.33em;
font-weight: 800;
letter-spacing: -0.025em;
margin: 10px 0 10px 0;
padding: 0;
} 

.item td {
vertical-align: top;
width: 28%;
margin: 0;
padding: 0;
}

.item ul {
margin-top: 0;
padding-top: 0;
}

.item li {
margin:  0 0 3px 0;
padding: 0;
list-style: circle;
}

.item li a, a:hover{
font-weight: bold;
}

.smallprint {
font-size: 0.8em;
margin: 3px 0 3px 0;
line-height: 1.2em;
}

.special_header  {
background: /*#e1fa9c fffef8 f6ecdd eaeef7 url(images/bg_article.gif)*/;
font-size: 1.33em;
font-weight: bold;
/*color: #0066cc;*/
margin: 2px 0 8px 0;
padding: 2px;

width: 99%;
text-align: center;
}


td {
margin:0;
}

.logo {
margin: 8px 0 0 0;
padding: 0;
}

.price {
color: #e91b00 /*ff3300*/;
font-size: 1.33em;
font-weight: bold;
line-height: 1.5em;
margin: 0;
padding: 0;
}

table.descriptions {width: 99%}

.type {text-align: right; border-right: 1px solid #d4cabc; padding: 1px 8px 1px 0;}

.value {padding: 1px 0 1px 7px; font-weight: bold}

dl {
margin: 15px 0 15px  0;
padding: 0;
}

dt {
font-size: 1.25em;
font-weight: bold;
margin: 0 0 9px 0;
padding: 0;
}

a {
text-decoration: none;
color: #0066cc/*600021 669933 b30000 6600ff 6666ff 003366 074993 0066cc*/;
}

a:hover {
text-decoration: underline;
color: #0066cc;
}

a img {
border: 0;
}

.left {
margin: 10px 10px 5px 0;
float: left;
overflow: hidden;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

.phone {
font-weight: bold;
color: #0066cc;
}

/*    category product boxes
================================================  */
.splitright {
width: 49%;
float: right;
overflow: hidden;
}
.splitleft {
width: 49%;
float: left;
overflow: hidden;
}

.weather {
text-align: center;
background: url(images/cloudsBG.jpg) 0 0;
border-top: #e5d2aa 1px solid;
border-bottom: #e5d2aa 1px solid;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
position: relative;
}

/* ----FOOTER----- */
#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
width: 770px;
text-align: center;
color: #4f3f38;
font-size: 0.75em;
}
#footer a {
color: #4f3f38;
text-decoration: none;
font-weight: 400;
}
#footer a:hover {
color: #4f3f38;
text-decoration: none;
font-weight: 400;
}
.smallcopy {
font-size: 85%;
}