body  { margin:  0 0 0 0; font-family: Tahoma, Geneva, Arial, sans-serif; background-position:center; background-image: url(img/bg_site.jpg); background-color:#F3EBCA; background-position: top;}
body.popup { background-image: none; background-color:#7A1912;}

#container {margin-top: 5px; margin-left: auto; margin-right: auto; width: 726px;}
#banner { }
#navigation { margin: 0px; height: 22px; background-color: #FEFFCD; border-bottom: 4px solid #C4BD96;}
#navigation ul {margin: 0px 0px 0px 20px; padding: 0px; display: inline;}
#navigation li {margin: 0px; padding: 0px 25px 0px 25px; display: inline; text-transform: uppercase; font-size: 75%; font-weight: bold; font-family: arial; color: #3A3934; letter-spacing: 1px;}
#navigation li.divider { border-right: 1px solid #3A3934;}

/* sets the background colour for each page */
#main_home { background-color: #EDE8C9; width: 726px; float: left; height:485px;}
#main_bathstone { background-color: #7A1912; width: 726px; float: left;}
#main_grand { background-color: #7A1912; width: 726px; float: left; height:485px;}
#main_service { background-color: #DDD372; width: 726px; float: left; height:485px;}
#main_faq { background-color: #7A1912; width: 726px; float: left; height:485px;}
#main_popup { background-color: #7A1912; width: 726px; float: left; height:405px;}

/* the left column */
#left { float: left; width: 477px;margin: 8px 8px 0px 8px;}
#left_content { height: 202px; overflow: auto; background-color: #F8F6EA; padding: 8px;}
#left_content_request {  background-color: #F8F6EA; padding: 8px;height: 410px;}
#left h1 { color: #791111; font-size: 100%;margin-bottom: 10px;}
#left h1.bathstone { color: #fff; font-size: 100%; margin-bottom: 10px;}
#left p { font-size: 70%;}
/* right column */
#right { float: left; width: 223px; height: 464px; margin: 8px 8px 10px 0px; background-image: url(img/bg_right_panel.gif);}

/* layout for the products */
.product {width: 470px; height: 170px; background-color: #FEFFCD; float:left; margin-bottom: 10px;}
.productpic {float: left; padding: 10px 0px 10px 10px;}
.productcopy {float: left; padding: 10px 0px 10px 10px; width: 250px;}
.productcopy p {float: left; width: 250px; font-size: 80%;}
.productcopy h2 { font-size: 100%; font-family: Tahoma, Geneva, Arial, sans-serif; margin: 0px 0px 8px 0px; }

/* layout for the product detail page */
.product_d {width: 700px; height: 330px; background-color: #FEFFCD; float:left; margin-bottom: 10px; margin-left: 4px;}
.productpic_d {float: left; padding: 1px 0px 1px 1px;}
.productpicsm_d {float: left; padding: 29px 0px 0px 25px;}
.productcopy_d {float: left; padding: 0px 0px 0px 0px; width: 250px;}
.productcopy_d p {float: left; width: 260px; font-size: 80%;padding: 0px 0px 0px 25px;}
.productcopy_d h2 { font-size: 100%; font-family: Tahoma, Geneva, Arial, sans-serif; margin: 0px 0px 8px 0px;}

.info { float: left; font-size: 55%;padding: 8px 0px 0px 3px;}


#pod1 { width: 179px; margin: 18px 0px 0px 23px;}
#pod2 { width: 179px; margin: 8px 0px 0px 23px;}

#pod1 img { border-color: #fff;}
#pod2 img { border-color: #fff;}

table {  font-size: 70%;}

a { color: #020204; text-decoration: none;}
a:hover { color: #020204; text-decoration: underline;}

.line1 { background-color: #000; color: #fff; font-size: 80%; line-height: 28px; text-align: center;}
.line2 { background-color: #FEFFCD; color: #020204; font-size: 70%; line-height: 16px;padding: 0px 0px 0px 10px;}
.line2 a { color: #020204; text-decoration: none;padding: 0px 0px 0px 80px;}

/* footer */
#footer { width: 726px; clear: left; height: 30px; background-color: #020204; margin: 0px 0px 0px 0px; }
.footer1 { color: #C2BB94; font-size: 75%; padding: 7px 0px 0px 10px; float: left;}
#footer a { color: #C2BB94; text-decoration: underline; }
.footer2 { color: #C2BB94; font-size: 75%; padding: 7px 10px 0px 0px; float: right;}