/* commented backslash hack v2 \*/
html, body{height:100%;}
/* end hack */
body {
padding:0;
margin:0;
background: #FCEFC3 url(/images/leftsidebg.gif) repeat-y left top;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
}
#outer{
min-height:100%;
margin-left:150px;
background: url(/images/tabbkgnd.jpg) repeat top right;
margin-bottom:-27px;
color: #000000;
}
* html #outer{height:100%} /*for IE as IE treats height as min-height anyway*/
#header{
position:absolute;
top:0;
left:0;
width:100%;
height:79px;
background: #FFFFCC;
overflow:hidden;
color: #000000;
}
#left {
position:relative;/*ie needs this to show float */
width:150px;
float:left;
margin-left:-149px;/*must be 1px less than width otherwise won't push footer down */
z-index:100;
left:-1px;
}
* html #left {padding-bottom:27px ;margin-right:-3px;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/
#left p {padding-left:3px;padding-right:2px}
#footer {
width:100%;
clear:both;
height:25px;
border-top: 3px double #D6B58C; background: #D6B58C;
color: #000000;
text-align:center;
position:relative;
}
* html #footer {/*only ie gets this style*/
\height:27px;/* for ie5 */
he\ight:25px;/* for ie6 */
}
#clearheader{height:79px;}/*needed to make room for header*/
#clearfooter{clear:both; height:27px;}/*needed to make room for footer*/
* > html #clearfooter {float:left; width:100%;}/* ie mac styles */
div,p {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%; margin-bottom:12px}/* combat IE's 3 pixel jog */
#centrecontent {position:relative; z-index:1; padding: 0 1% 12px 15px;}
/* css stuff below is just for presentation and not needed for the demo */
@media all and (min-width: 0px){
#left a:hover span {
top:150px;
}
}
html > body #minHeight{float:left; width:0px; height:100%; margin-bottom:-27px;} /*safari wrapper thanks to Tim Connor*/
#left table {margin-top: 0px;}
#left td {border-bottom: 1px solid #A98763; font-size: 82%; padding: 0 0 .32em 0.33em;}
#left ul#sublist {padding: 0; margin: 0.3em 0 0 0.5em; font-size: 75%; list-style-type: none;}
#left ul#sublist a:hover {background: #996666; color: White; text-decoration: underline;}
#left ul#sublist sup {font-size: 60%;}
#footer #feedback {text-align: left; padding: 0.2em; font-size: 85%; background: #D6B58C;}
#footer #tg {position: relative; margin-top: -17px; font-size: 67%; text-align: center;}
a:link {color: #990000; text-decoration: none;}
a:hover {color: #663300; text-decoration: underline;}
a:visited {color: #990099; text-decoration: none;}
a:visited:hover {color: #663300; text-decoration: underline;}
.text1 {font-size: 80%;}
h1 {font: bold 135% Arial, Helvetica, Verdana, sans-serif;
color: #602020; border-bottom: 3px solid #804040;
margin: 0px 0px 14px 0px; padding-top:2%; padding-bottom: 3px;}
#text {font-size: 80%;}
h3 {background: #D6B58C; color: #024; margin: 0 0 0.25em; padding: 5px 0 5px;
font-size: 90%;}
#header h1 {
background-color: #FFFFCC;
padding:0;
margin: 0;
background: #FFFFCC url(http://www.graystonecreations.com/images/header1.jpg) repeat-y right;
}
#header {
width; 100%;
}
#advert {position: relative; float:right; right: 0px;
text-align: right; margin-top: -60px; padding: 0px;}
#content-top {margin: 0px; color: white; background: #997753;}
#sidetop {width:150px; margin:0px; background: #663300; font: bold 100% Arial, Helvetica, Verdana, sans-serif; }
#sidetop a:link {color: white;}
#sidetop a:visited {color: white;}
#crumbs {width: 100%; position: relative; float: left; left: 150px; margin-top: -16px; background: #997753; font: bold 90% Arial, Helvetica, Verdana, sans-serif;}
*html #crumbs {padding: 0px; margin-top: -16px;} /* combat IE's pixel jog */
#crumbs a:link {color: white;}
#crumbs a:visited {color: Silver;}
#crumbs b {display: none;}
#crumbs a {text-decoration: none; padding: 2px 0.5em;}
#crumbs a:hover {color: Black; background: #DEB887; border-bottom-width: 4px;}
div#text6 {text-align: justify; font-size: 90%;}
div#text6 p {line-height: 20px; text-align: justify; font-size: 13px; width: 98%;}
div#text6 span {font-weight: bold; padding-right: 8px;}
div#text6 img.img1 {float: left; width: 300px; height: 190px; margin: 1% 1% 1% 0;}
div#text6 img.img2 {float: left; width: 300px; height: 228px; margin: 1% 1% 1% 15%;}
div#text6 img.img3 {margin-top: 93px; width: 300px; height: 143px;}
div#text6 img.img4 {float: left; width: 300px; height: 204px; margin: 1% 1% 1% 15%;}
div#text6 img.img5 {margin-top: 11px; width: 300px; height: 204px;}
div#text6 img.img6 {float: left; margin: 1% 1% 1% 5%; width: 800px; height: 413px;}
div#text6 img.img7 {width: 250px; height: 176px; margin-left: 10px;}
div#text6 img.img8 {width: 300px; height: 137px; margin-right: 10px;}
div#text6 img.img9 {width: 300px; height: 201px; margin-left: 10px;}
div#text6 img.img10 {margin-right: 15px; margin-bottom: 3px;}
div#text6 img.img11 {margin-left: 15px;}
div#text6 i {font-size: 11px;}
div#text6 img {padding: 5px 10px 5px 0px;}
div#text6 div#subtext {margin-left: 236px;}
div#text6 div#subtext ul{padding: 0px; margin: 1% 0px 0px 25px;}
div#text6 div#subtext2 {margin-left: 170px;}
div#text6 div#subtext2 ul{padding: 0px; margin: 1% 0px 0px 30px;}
table#tabletext {font-size: 95%; width="100%"}
* table#tabletext {font-size: 85%; width="100%"}
div#text6 .topmargin {margin-top: 6px;}
td.menutable {text-align: center; width: 25%; line-height: 18px; padding-bottom: 45px;
font-size: 80%;}
img.menuimg {margin-bottom: 15px;}
td.menutable2 {text-align: center; width: 50%; line-height: 15px;
padding-bottom: 50px;}
td.menutable2 span {text-align: left;}
td.headimg {text-align: center; width: 33%;}
.redcolor { color: red; font-weight: bold;}
table {width: 100%; margin: 0;}
table td {padding: 0; border-width: 0; vertical-align: top;}
#centrecontent #tableborder table {
border: 1px solid #997753;
}
#centrecontent #tableborder caption {
margin: 0 0 21px 0;
padding: 0px;
font-size: medium;
font-family: "MS Serif", "New York", serif;
background: transparent;
}
#centrecontent #tableborder td {
border: 1px solid silver;
padding: 1px;
text-align: center;
}
#centrecontent th {padding: 2px;
background: #D6B58C; color: black; text-align: center;}
#centrecontent td { padding: 1px;}
table.infotable td {text-align: center; font-size: 12px;}
table.infotable caption {
text-align: left;
color: Maroon;
font-weight: bold;
}
table#statuarytable {padding: 2px; border: 0px;}
table#statuarytable td {text-align: center; font-size: 12px; vertical-align: bottom; line-height: 20px;}
td.price {text-align: center; vertical-align: top; font-weight: bold;}
div.clearspace {clear: left; height: 18px;}
tr.even1 td {background: #FFFFCC; vertical-align: middle;}
tr.odd1 td {vertical-align: middle;}
td.pic {height: 190px; width: 160px; padding: 0px; margin: 0;}
td.pic img {border: none; background-color: #A6A97A;}
td.ls img {height: 150px; width: 150px; margin:0;}
td.pt img {height: 150px; width: 150px; margin: 0 16px;}
td.pic ul {width: 152px; margin: 0.25em 0 0; padding: 0; font: 70% Verdana, Arial, sans-serif;}
li.title {display: block; list-style: none; text-align: center; font-weight: bold;}
li.size, li.price {display: block; list-style: none; text-align: center; margin-top: 4px;}
li.price form {padding: 0; margin: 6px 0;}
li.price input {font: 86% Verdana, Arial, sans-serif;}
li.moreinfo {list-style: none; text-align: center; margin: 0px; padding: 0;}
td.cartline form {margin: 0; padding: 0; text-align: center;}
td.cartline input {font: 86% Verdana, Arial, sans-serif;}
div.text2 {text-align: justify; font-size: 80%;}
h5 {margin: 0; font-size: 85%;}
td.pic2 {height: 196px; width: 215px; padding: 0; margin: 0; border: 1px solid blue;}
td.pic2 img {border: none; background-color: #A6A97A; border: 1px solid red;}
td.ls2 img {height: 156px; width: 165px; margin: 0; padding:0; border: 1px solid green;}
td.pic2 ul {width: 215px; margin: 0 1px 0 0; padding-left: 3px; font: 80% Verdana, Arial, sans-serif;}
li.title2 {display: block; list-style: none; font-weight: bold; margin-bottom: 5px;}
li.desc2 {display: block; list-style: none; text-align: justify;}
li.price2 {display: block; list-style: none; margin-top: 4px;}
td.price2 {display: block; text-align: center;}
td.order form {padding: 0; margin: 0; text-align: center;}
td.order input {font: 85% Verdana, Arial, sans-serif;}
table.pricetable {display: block; width: 385px; font: 12px Verdana, Arial, sans-serif;}
table.pricetable td {vertical-align: middle;}
td.ln {text-align: justify; margin:0; padding: 0; font-size: 80%;}
td.ln img {border: none; background-color: #A6A97A;}
td.ln2 img {height: 156px; width: 165px; margin: 0 7px 0 0; padding:0;}
td.ln h5 {display: block; font: bold 105% Verdana, Arial, sans-serif; margin-bottom: 5px; padding-right: 10px;}
td span.desc {display: block; padding-right: 10px;}
.shipping {
color: red; font-size: 140%; font-weight: bold;
}
.rightjustify span {padding-left: 60px;}
.table9 {width: 100%; padding: 0px;}
.table9 td {padding: 0px; vertical-align: top;}
.table9 img {padding: 0px; margin-right: 10px;}
.table9 h4 {padding: 0 0 5px 0; font-size: 100%;}
.table10 table {
text-align: center;
}
.table10 td {
font-size: small;
font-family: "MS Sans Serif", Geneva, sans-serif;
}
.table10 h5 {
text-align: center;
padding-bottom: 3px;
}
.msg {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: justify; margin-bottom: 20px;}
.msg a {text-decoration: underline;}
.space1 {padding: 0; margin: 0;}
.desc5 {text-align: justify;}
.img4 {padding: 0; margin-right: 15px; border: none;}
.msg {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; text-align: justify; margin-bottom: 20px;}
.lineheight {
line-height: 1.5em;
}