body { margin: 0; color: #777; font: 12px/18px arial, helvetica, sans-serif; min-width:999px; background:#f0f0f0; }

/* General reset */
form,
fieldset { margin: 0; padding: 0; border-style: none; }
img { border-style: none; }
input,
select,
textarea { vertical-align: middle; font: 12px arial, helvetica, sans-serif; }
a { color:#666666; text-decoration: underline; }
a:hover { text-decoration: none; }
.clear{clear:both; line-height:0px; font-size:0px; line-height:0px;}

/* General settings */
#w1 { width: 100%; overflow: hidden; position: relative; min-height:100%; }
* html #w1 { height:100%; overflow:visible; }
#w2 { width: 1030px; position: relative; float: left; left: 50%; }
#w3 { width: 1030px; position: relative; float: left; left: -50%; }

/* wrapper */
#wrapper { width:986px; margin:0 auto; position:relative; padding:0 22px; background: url(../images/bg-wrapper.gif) repeat-y 50% 0; }
/* header */

.header_nav{z-index:100000; position:relative; clear:both; height:auto;}
#header { width:900px; padding:0 44px 0 42px; height:auto; display:block; background:#FFF;}

/* logo */
#header .logo { overflow:hidden; float:left; margin:0; }
#header .logo a { background:url(../images/logo.gif) no-repeat; width:205px; height:67px; display:block; text-indent:-9999px; }

/* slogan */
#header .slogan { float:left; background:url(../images/slogan.gif) no-repeat; width:266px; height:15px; overflow:hidden; margin:53px 0 0 10px; display:inline; }
#header .slogan span { display:none; }

/* contact */
#header .contact { float:right; margin:23px 0 0; padding:0; list-style:none; overflow:hidden; height:1%; }
#header .contact li { float:left; width:122px; border-left:2px solid #bfbfbf; margin:0 2px 0 -2px; text-align:center; font-size:11px; color:#666; display:inline; }
#header .contact li.first { text-align:left; padding:0 0 0 24px; width:98px; }
#header .contact li.last { text-align:right; }
#header .contact li strong { font-weight:bold; display:block; font-size:11px; line-height:14px; padding:2px 0 0; }
#header .mail { float:right; background:url(../images/bull-email.gif) no-repeat 100% 4px; padding:0 23px 0 0; font-style:italic; color:#666; clear:right; margin:15px 3px 0 0; width:143px; }
#header .mail:hover { text-decoration:none; }
#header .view_full { float:right; padding:0 0px 0 0; font-style:italic; color:#666; margin:15px 0 0 10px; width:auto; text-align:right;}

/* main navigation */
.nav { margin:0px; padding:0; list-style:none; margin-left:50px; clear:both; position:relative; z-index:100; float:left;}
.nav li { float:left; margin:5px 0px 0 0; display:inline; position:relative; z-index:100;}
.nav li a { height:16px;  display:block; background:url(../images/bg-mainnav.jpg) no-repeat; }
.nav li a span {display:none;}

.nav li.furnishings a {width:128px; background-position: 0px 0px;}
.nav li.furnishings a.active,
.nav li.furnishings a:hover{background-position: 0px -16px;}

.nav li.hearth a { width:112px; background-position: -127px 0px;}
.nav li.hearth a.active,
.nav li.hearth a:hover{background-position: -127px -16px;}

.nav li.custom a { width:109px; background-position: -238px 0px;}
.nav li.custom a.active,
.nav li.custom a:hover{background-position: -238px -16px;}

.nav li.play a { width:89px; background-position: -347px 0px;}
.nav li.play a.active,
.nav li.play a:hover{background-position: -347px -16px;}

.nav li.closeouts a { width:75px; background-position: -435px 0px;}
.nav li.closeouts a.active,
.nav li.closeouts a:hover{background-position: -435px -16px;}

.nav li.about a { width:70px; background-position: -510px 0px;}
.nav li.about a.active,
.nav li.about a:hover{background-position: -510px -16px;}


.nav li.dropper{background:#00FF00;}
/*| DROPDOWN STYLES |*/

.nav li ul {position:absolute; margin:0px; padding:0px; height:auto;  border:#dfdfdf solid; border-width:1px 1px 1px; width:178px; padding:0 3px; background:#fff; display:none; z-index:10;}

.nav li ul li {border-top:1px solid #dfdfdf; margin:0px; height:auto; float:none; background-image:none; display:inherit; margin-top:-1px; margin-bottom:0px; position:relative; z-index:100; width:180px;}

.nav li ul li a {color:#666; display:block; background:none; text-decoration:none; padding:2px; width:175px !important; height:auto;  }
.nav li ul li a:hover {color:#999; background:#eee; height:auto;}

.nav li ul li ul { left:178px; height:auto; z-index:150; position:absolute; top:5px; background:#eee; display:none; border:1px solid #dfdfdf;}
.nav li ul li ul li a{padding:2px; margin:0px;}
.nav li ul li ul li a:hover {background:#ddd; color:#777;  }

/* content */
#main { width:100%; padding:0px; clear:both;}
#content { width:900px; overflow:hidden; padding:0 44px 0 42px; }

/* visual */
#content .visual { width:924px; overflow:hidden; margin:0 0 0 -12px; }
#content .visual img { vertical-align:top; float:left; }
.visual .t { background:url(../images/bg-visual-t.jpg) no-repeat; width:924px; height:24px; overflow:hidden; }
.visual .b { background:url(../images/bg-visual-b.jpg) no-repeat; width:924px; height:24px; overflow:hidden; }
.visual .c { padding:0 24px; background:url(../images/bg-visual.jpg) repeat-y; width:876px; overflow:hidden; }

.image_display{width:597px; height:408px; background-image:url(../images/image01.jpg); background-repeat:no-repeat; float:left;}

/*| == main image on page ==|*/
.img_grill{background-image:url(../images/img_grill04.jpg);}
.img_acc{background-image:url(../images/img_accessories05.jpg);}
.img_cast_alum{background-image:url(../images/cast_alum_05.jpg);}
.img_wrought_alum{background-image:url(../images/wrought_alum_05.jpg);}
.img_stainless{background-image:url(../images/stainless_05.jpg);}
.img_wrought_iron{background-image:url(../images/wrought_iron_05.jpg);}
.img_wicker{background-image:url(../images/wicker_05.jpg);}
.img_extrud_alum{background-image:url(../images/extruded_alum_01.jpg);}
.img_allweather{background-image:url(../images/allweather_01.jpg);}
.img_wood{background-image:url(../images/wood_01.jpg);}
.img_teak{background-image:url(../images/teak_01.jpg);}
.img_cypress{background-image:url(../images/cypress_05.jpg);}
.img_mixed{background-image:url(../images/mixed_05.jpg);}
.img_gasfire{background-image:url(../images/gasfire_05.jpg);}
.img_woodfire{background-image:url(../images/woodfire_01.jpg);}
.img_ventfreefire{background-image:url(../images/ventfreefire_04.jpg);}
.img_elecgelfire{background-image:url(../images/elecgelfire_01.jpg);}
.img_gaslogvent{background-image:url(../images/gaslogvent05.jpg);}
.img_gaslogventless{background-image:url(../images/gaslogventless01.jpg);}
.img_glassdoors{background-image:url(../images/glass01.jpg);}
.img_fireaccessories{background-image:url(../images/fireaccessories05.jpg);}
.img_rainbow{background-image:url(../images/rainbow05.jpg);}
.img_trampolines{background-image:url(../images/trampoline01.jpg);}
.img_t3customs{background-image:url(../images/custom01.jpg);}
.img_basketball{background-image:url(../images/basketball02.jpg);}
.img_cabinets{background-image:url(../images/stoneage01.jpg);}



.visual h2{font-size:14px;}
.visual textarea{width:300px; margin-bottom:5px;}
.visual #contact input{width:200px;}
.visual #contact #submit{width:80px;}
.visual #contact textarea{width:300px; height:200px;}
#content .visual .txt { width:230px; float:right; background:#eae9e7; padding:56px 18px 52px; text-align:center; height:300px; overflow:hidden;}
#content .visual .txt .grills { overflow:hidden; background: url(../images/txt-grills.jpg) center top; width:210px; height:49px;  font-size:0; line-height:0; margin:0 auto 24px; }
#content .visual .txt .accessories { overflow:hidden; background:url(../images/txt-accessories.jpg) center top; width:210px; height:49px;  font-size:0; line-height:0; margin:0 auto 24px; }

#content .visual .txt img{margin-bottom:10px;}

#content .visual .txt .grills span { display:none; }
#content .visual .txt p { clear:both; text-align:center; margin:0; font-size:13px; color:#777; line-height:20px; }

/* foto */
#content .photo { margin:-10px 0 0 -12px; padding:0 0 22px; list-style:none; width:1000px; overflow:hidden; position:relative; }
#content .photo li { float:left; width:183px; overflow:hidden; padding:24px; background: url(../images/bg-img-shadow.jpg) no-repeat 0 0; }
#content .photo li img { vertical-align:top; height:126px; width:184px; cursor:pointer;}
#content .ttl { width:100%; overflow:hidden; border-top:1px solid #ebebeb; padding:39px 0 30px; }
#content .ttl .we-provide { margin:0 auto; overflow:hidden; background: url(../images/txt-we-provide.gif); width:873px; height:35px; font-size:36px; }
#content .ttl .we-provide_acc { margin:0 auto; overflow:hidden; background: url(../images/txt-we-provide_acc.gif); width:873px; height:35px; font-size:36px; }
#content .ttl .our-products { margin:0 auto; overflow:hidden; background: url(../images/txt-our-products.gif); width:873px; height:35px; font-size:36px; }


#content .ttl .we-provide span,
#content .ttl .our-products span,
#content .ttl .we-provide_acc span { display:none; }

/* banners */
#content .banners { border-top:1px solid #ebebeb; width:100%; overflow:hidden; padding:24px 0 26px; }
#content .banners ul { margin:0; padding:0 0 21px; list-style:none; width:100%; overflow:hidden; text-align:center; }
#content .banners li {padding:8px 21px; margin-top:5px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
#content .banners li a{display:block;}
#content .banners li img { vertical-align:top; }

/* featured */
.feature { width:1000px; overflow:hidden; margin:-11px 0 19px -17px; padding:0 0 18px 2px; list-style:none; background:url(../images/sep-feature-b.gif) no-repeat 17px 100%; }
.feature li { float:left; width:310px; background:url(../images/sep-feature-m.gif) repeat-y 100% 0; margin:16px 0 0; }
.feature li .frame { width:310px; background:url(../images/sep-feature.gif) no-repeat 100% 12px; position:relative; }
* html .feature li .frame { background:url(../images/sep-feature.gif) no-repeat 100% 0; }
.feature li .frame .holder { padding:0 3px 0 3px; width:304px; background:url(../images/sep-feature-side.gif) no-repeat 100% 100%; }
.feature li .box { position:relative; margin:-18px 0 0; }
.feature li .content-holder { width:283px; margin:0 0 0 10px; }
.feature li strong { float:right; background:url(../images/txt-featured-product.jpg) no-repeat; width:102px; height:9px; text-indent:-9999px; margin:8px 0 0; }
.feature li h2.featured { margin:0 0 15px; background:url(../images/txt-newly.jpg) no-repeat; width:260px; height:19px; line-height:14px; text-indent:-9999px; }
.feature li h2.windham { margin:0 0 15px; background:url(../images/txt-windham.jpg) no-repeat; width:87px; height:16px; line-height:16px; text-indent:-9999px; }
.feature li h2.christmas { margin:0 0 15px; background:url(../images/txt-christmas.jpg) no-repeat; width:174px; height:19px; line-height:16px; text-indent:-9999px; }
.feature li h2.current { margin:0 0 15px; background:url(../images/txt-current.gif) no-repeat; width:174px; height:19px; line-height:16px; text-indent:-9999px; }

.feature li h2.fireplace { margin:0 0 15px; background:url(../images/txt-fireplaces.jpg) no-repeat; width:277px; height:54px; line-height:16px; text-indent:-9999px; }
.feature li .image-holder { background:url(../images/bg-feature.jpg) no-repeat; width:256px; height:126px; padding:24px; margin:0 0 8px; position:relative; }
.feature li .image-holder .stripe { position:absolute; top:12px; left:12px; }
.feature li p { margin:0; }
.feature li p a { color:#398471; font-size:12px; font-weight:bold; background:url(../images/bull-more.gif) no-repeat 100% 50%; padding:0 10px 0 0; text-decoration:none; }
.feature li p a:hover { text-decoration:underline; }
.feature li.discount { background:none; }
.feature li.discount p a { background:url(../images/bull-red.gif) no-repeat 100% 50%; color:#d00; }
#main.main-bg { background: url(../images/bg-main.gif) repeat-x 0 10px;}
#main.main-bg .banners { padding:33px 0 26px; }

/* furniture images */
.furniture { width:900px; margin:-11px 0 19px -17px; padding:0 10px 18px 10px; list-style:none; background:url(../images/sep-feature-b.gif) no-repeat 17px 100%; text-align:center;}
.furniture li{vertical-align:top; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.furniture li .frame {width:150px; background:url(../images/bg-img-shadow_square.jpg) no-repeat; margin:0px 0 0; padding:20px;}
.furniture li .content-holder h2,
.furniture li .content-holder a {text-align:center; color:#398471; font-family:Arial, Helvetica, sans-serif; font-size:16px;  text-transform:lowercase; text-decoration:none; margin:0px; margin-top:15px;}
.furniture li .content-holder a:hover {text-decoration:underline;}
.furniture li .frame .image-holder img{width:150px; height:150px;}

/* closeouts */
#content h2.closeouts { margin:24px 0; background: url(../images/txt-closeouts.gif) no-repeat; width:146px; height:26px; text-indent:-9999px; }
#content .closeouts h2 span { display:none; }

/* items */
#content .items { width:100%; overflow:hidden; padding:0 0 11px; }
#content .items ul { margin:0; padding:0 0 8px; list-style:none; width:920px; overflow:hidden; }
#content .items li { float:left; width:164px; margin:0 20px 0 0; }
#content .items span { display:block; border:1px solid #ccc; padding:9px 5px; margin:0 0 7px; }
#content .items span img { vertical-align:top; }
#content .items h3 { margin:2px 0 5px; font-size:12px; line-height:14px; }
#content .items h3 a { color:#333; text-decoration:none; }
#content .items h3 a:hover { text-decoration:underline; }
#content .items a img { vertical-align:top; }
#content .items del { font-size:14px; color:#f00; }
#content .items .price { color:#666; font-size:14px; font-style:normal; display:block; }

/* footer */
#footer { width:986px; overflow:hidden; position:relative; margin:0 auto 0; background:#5e5e5e; }

/* footer icons */
#footer .icons { margin:0; padding:20px 0 15px 42px; list-style:none; width:944px; overflow:hidden; background:#aaa url(../images/bg-icons.gif) repeat-x; border: solid #bebebe; border-width:3px 0; }
#footer .icons li { float:left; margin:0 17px 0 0; }
#footer .icons li img { vertical-align:top; }
#footer .hold { width:100%; overflow:hidden; background: url(../images/bg-footer.gif) repeat-x; }

/* subnav */
#footer .hold .subnav { float:left; margin:0; padding:5px 0 0; list-style:none; width:260px; overflow:hidden; }
#footer .hold .subnav li { float:left; width:115px; }
#footer .hold .subnav ul { margin:0 11px 0 -11px; padding:0 0 0 10px; list-style:none; border-left:1px solid #b3b3b3; width:104px; }
#footer .hold .subnav ul li { float:none; vertical-align:top; line-height:14px; }
#footer .hold .subnav ul li a { text-decoration:underline; font-size:10px; color:#ccc; letter-spacing:-1px; }
#footer .hold .subnav ul li a:hover { text-decoration:none; }

/* ftr-txt */
#footer .hold .ftr-txt { float:right; margin:5px; margin-right:42px; padding:0; list-style:none; overflow:hidden;}
#footer .hold .ftr-txt li { float:left; overflow:hidden; margin:0 0 0 9px; }
#footer .hold .ftr-txt li span { display:none; }
#footer .hold .ftr-txt .txt1 { background: url(../images/ftr-txt1.gif); width:133px; height:56px; display:block;}
#footer .hold .ftr-txt .txt2 { background: url(../images/ftr-txt2.gif); width:171px; height:56px; display:block;}
#footer .hold .ftr-txt .txt3 { background: url(../images/ftr-txt3.gif); width:155px; height:56px; display:block;}
#footer .hold .ftr-logo { float:right; overflow:hidden; text-indent:-9999px; background: url(../images/logo-ftr.gif); width:132px; height:56px; }

/* bottom */
#footer .bottom { width:901px; overflow:hidden; padding:11px 0 13px 0; margin:0 43px 0 42px; border-top:1px solid #8a8a8a; }
#footer .bottom .copy { margin:0; padding:0; list-style:none; float:left; width:300px; overflow:hidden; }
#footer .bottom .copy li { float:left; color:#ccc; font-size:10px; padding:0 5px; margin:0 6px 0 -6px; border-left:1px solid #ccc; line-height:14px; }
#footer .bottom .copy li a { color:#ccc; font-size:10px; }

/* columns */
#footer .columns { width:901px; overflow:hidden; padding:0 0 16px; margin:0px 0 0; position:relative; }
#footer .columns .ttl { display:block; padding:10px 0 0; }
#footer .columns .ttl a { color:#fff; }

/* column-one */
#footer .column-one { width:460px; float:left; margin-left:40px; _margin-left:20px;}
#footer .column-one .ttl { font-size:13px; }
#footer .columns .cont { width:100%; overflow:hidden; margin:0; padding:0; list-style:none; }
#footer .column-one .cont li { float:left; width:153px; }
#footer .column-one .cont .other { width:130px; }
#footer .column-one .cont li strong { display:block; padding:10px 0 0; line-height:14px; }
#footer .column-one .cont li strong a { color:#fff; text-decoration:none; }
#footer .column-one .cont li strong a:hover { text-decoration:underline; }
#footer .column-one .cont li ul { margin:0; padding:0; list-style:none; width:100%; overflow:hidden; }
#footer .column-one .cont li ul li { width:100%; vertical-align:top; line-height:14px; }
#footer .column-one .cont li ul li a { font-size:10px; line-height:14px; color:#ccc; text-decoration:none; position:relative; }
#footer .column-one .cont li ul li a:hover { text-decoration:underline; }

/* column-two */
#footer .column-two { width:290px; float:left; }
#footer .column-two .ttl,
#footer .column-three .ttl { padding:10px 0; }
#footer .column-two .cont li { width:138px; float:left; }
#footer .column-two .cont li strong { display:block; line-height:13px; }
#footer .column-two .cont li strong a { color:#fff; text-decoration:none; }
#footer .column-two .cont li strong a:hover { text-decoration:underline; }
#footer .column-two .cont li ul { margin:0; padding:0 0 12px; list-style:none; width:100%; overflow:hidden; }
#footer .column-two .cont li ul li { width:100%; vertical-align:top; line-height:13px; }
#footer .column-two .cont li ul li a { font-size:10px; color:#ccc; text-decoration:none; position:relative; }
#footer .column-two .cont li ul li span a { color:#fff; }
#footer .column-two .cont li ul li a:hover { text-decoration:underline; }

/* column-three */
#footer .column-three { width:110px; float:left; }
#footer .column-three .wrap { width:100%; overflow:hidden; }
#footer .column-three .wrap strong { display:block; line-height:13px; }
#footer .column-three .wrap strong a { color:#fff; text-decoration:none; }
#footer .column-three .wrap strong a:hover { text-decoration:underline; }
#footer .column-three .wrap ul { margin:0; padding:0 0 12px; list-style:none; width:100%; overflow:hidden; }
#footer .column-three .wrap ul li { width:100%; float:left; vertical-align:top; line-height:13px; }
#footer .column-three .wrap ul li a { font-size:10px; color:#ccc; text-decoration:none; position:relative; }
#footer .column-three .wrap ul li span a { color:#fff; }
#footer .column-three .wrap ul li a:hover { text-decoration:underline; }

/* ftr-menu */
#footer .bottom ul { margin:0 -10px 0 0; display:inline; padding:0; list-style:none; float:right; height:1%; overflow:hidden; }
#footer .bottom ul li { float:left; color:#ccc; font-size:10px; padding:0 5px; margin:0 6px 0 -6px; border-left:1px solid #ccc; line-height:13px; }
#footer .bottom ul li a { color:#ccc; font-size:10px; }
#footer .bottom p { font-size:10px; color:#ccc; font-size:10px; margin:0; line-height:11px; }
#footer .bottom a { color:#ccc; font-size:10px; }