/* CSS Document */

body {width:100%; margin:0; background:url(img/bg.gif); line-height:16px; }
#page {width:850px; margin: 0 auto; padding:5px; border:#000; background-color:#fff; border:#333333 1px solid;}
#header {background: url(img/header.jpg) no-repeat; height:267px; position:relative;}
#home #header {height:254px;}
#header a.fireplaces, #header a.houses, #header a.outdoor {position:absolute; top:203px; height:42px; display:block; width:243px; left:37px;}
#header a.houses {left:305px;}
#header a.outdoor {left:574px;}

#footer * { font-weight:100; font-size:10px;}
#footer {font-size:10px; line-height:10px; padding:5px; background:url(img/footer-bg.gif) repeat-x; color:#eee; text-align:right;}
#footer a {color:#FFFFFF; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

body, div, p, td {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}

#maintable {width:100%; margin-bottom:10px;}
#maintable td {vertical-align:top; padding:5px;}

td#right ul, td#right li {padding:0; margin:0; display:block; list-style:none;}
td#right ul {padding-left:24px;}
td#right li {padding-left:14px; background:url(img/bul.gif) no-repeat; padding-bottom:12px;}
td#right li h1 {font-size:12px; display:inline; border-bottom:none;}

td#left p {padding:0 5px 20px 5px;}

#upperNav {position:absolute; top:10px; left:10px; width:830px; font-size:10px;}
#upperNav a {color:#CCCCCC; text-decoration:none; font-size:12px;}
#upperNav a:hover {text-decoration:underline; color:#FFFFFF; font-size:12px;}

#title {font-size:9px; width:850px; margin:3px auto; text-align:center; color: #555; padding:0; border:none; font-weight:100;}

h1 {font-size:18px; border-bottom:#099 dashed 1px; color:#666; padding:2px 0; margin:0 0 12px 0;}
h2 {font-size:16px; border-bottom:#666 dashed 1px; color:#099; padding:2px 0; margin:0 0 3px 0;}
h3 {font-size:14px; border-bottom:#CC6 dashed 1px; color:#666600;/*#CC6;*/ padding:2px 0; margin:0 0 3px 0;}
h4 {font-size:12px; color:#666;}

p {margin:0; padding-bottom:12px;}

a { font-family:Arial, Helvetica, sans-serif; color:#003333; }


/* Fireplace/Fireplace Inserts */
div.fireplace { width:250px; height:300px; float:left; padding:12px; text-align:center; }
div.fireplace a { text-decoration:none; }

/* Grills/Outdoor Kitchens */
div.grills { width:300px; height:300px; float:left; padding:12px 25px; text-align:center; }
div.grills a { text-decoration:none; }

/* Store Categories */
#categories {width:600px; padding-bottom:20px;}
#categories div {padding:20px; float:left; width:150px; height:170px; text-align:center;}
#categories h4 {padding:0 0 10px 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:12px; font-weight:bold;}
#categories div p {padding:0 0 10px 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:14px;}
#categories a {padding:0; margin:0;}

#inventory {width:600px; padding-bottom:20px;}
#inventory div {padding:20px; float:left; width:150px; height:200px; text-align:center;}
#inventory h4 {padding:0 0 10px 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:14px; font-weight:bold;}
#inventory div p {padding:0 0 10px 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:14px;}
#inventory a {padding:0; margin:0;}

#viewItem {width:600px; padding:20px 20px 0 0;}
#viewItem h4 {padding:0 0 2px 0; margin:0; font-size:14px; font-weight:bold; width:100%;}
#viewItem p {padding:0 10px 10px 20px; margin:0; font-size:14px;}
#viewItem p {padding:0 10px 10px 0; margin:0; font-size:14px;}



/* ORDER FORM */
#orderForm h1 { font-size:16px; color:#333333; }
#orderForm label { display:block; float:left; width:250px; }
#orderForm input { color:black; }



/*Forms*/
ul.form {padding:0 0 10px 25px;}
ul.form li {list-style:none; padding-bottom:10px;}
ul.form li label {width:670px; clear:both;}
ul.form li input, .form li select {width:485px; border:1px solid #999; height:20px;}
ul.form li textarea {width:485px; border:1px solid #999;}