body {
background-color: #fcf5f8;
margin: 0px;
font-size: 18px;
font-family: serif;
}

.skip,#docnav{display: none;}
.fluff{display:inherit;}
.top {display: block;visibility: hidden;}
.sect:hover .top { visibility: visible; }

.lft {float: left;}
.rgt {float:right;}
.ctr {display:block;text-align:center;}

hr{
border: 0;
border: 0 transparent none;
height: 25px;
width: 580px;
background-image: url(http://greerink.com/img/hr.png);
background-repeat: no-repeat;
}




/*header*/
#nav{
overflow: hidden;
margin-bottom: 6px;
}

#topnav
{
background-image: url(http://greerink.com/img/top.jpg);
background-repeat: repeat-x;
}

#gkart{
display:block;
position: absolute;
top: 2px;
right: 8px;
text-align: center;
vertical-align: middle;
font-size: smaller;
font-family: sans-serif;
}
#gkart a{color:black;padding-top: 4px;display:block;}
#gkart a:hover{color:red;}

.hlist{
background:#C0C0C0 url("http://greerink.com/img/navback.png") repeat-x scroll right center;
border-top:1px solid #FFF;
/*display:inline;
float:left; not needed; NS4.08 still has trouble*/
line-height:0;
overflow:hidden;
position:relative;
width:100%;
}
.hlist ul{
border-left:1px solid #AAA;
border-right:1px solid #FFF;
display:inline;
float:left;
margin:0 0 0 50px;
padding:0;
}
#nav ul{
margin-left:0px;
}
.hlist ul li {
border-left:1px solid #FFF;
border-right:1px solid #AAA;
display:inline;
float:left;
font-size:1em;
line-height:1em;
list-style-type:none;
margin:0;
padding:0;
}
.hlist ul li a, .hlist ul li strong {
background:transparent none repeat scroll 0 0;
color:#000;
display:block;
font-size:1em;
font-weight:bold;
margin:0;
padding:0.5em 0.8em;
text-decoration:none;
width:auto;
}
.hlist ul li a:focus,
.hlist ul li a:hover,
.hlist ul li a:active{
color: #FFF;
background: #EEE;
color: #333;
text-decoration: none;
}
.hlist ul li.active a{color: #FFF;}
.hlist ul li.active{
background: #272727 url("http://greerink.com/img/navback_active.png") repeat-x center right;
border-left: 1px #444 solid;
border-right: 1px #888 solid;
}
.hlist ul li.active strong,
.hlist ul li.active a:focus,
.hlist ul li.active a:hover,
.hlist ul li.active a:active{ background: transparent; color: #FFF; text-decoration: none; }




/*footer*/
#footer{
padding: 8px;
font-size: smaller;
text-align: center;
}
li,#footer,#footer div{
padding-bottom: 4px;
padding-top: 4px;
}

.vcard .org{
font-size: 4ex;
font-family: Academy Engraved LET,Academy Engraved,serif;
color: black;
}
.vcard div{
padding-bottom: 0.2ex;
}





/*new*/
.col2{
font-family: Arial,sans-serif;
font-size: 18px;
padding-top: 24px;
text-align: center;
}
.col2 a{color:black;display:block;}
.col2 a:hover{color:red;}
.colmask{
background-image: url(http://greerink.com/img/bar.jpg);
background-repeat: no-repeat;
background-position: left top;
}



.iconview{
width: 100%;
}
.iconview img{
margin:0;padding:0;
}
.iconview td a { color: black;display:block;}
.iconview a{
font-family: papyrus, plato, serif;
font-size: larger;
}
.iconview td
{
vertical-align: middle;
padding: 4px;
padding-bottom: 8px;
padding-top: 8px;
border-bottom: thin #CCC solid;
page-break-inside: avoid;
}









/*legacy*/
#vspace{
position:relative;
width:10px;
background-color:red;
}

#bright {
padding-left: 32px;
padding-right: 32px;
}





#main,#disclaimer,#return {
padding: 4px;
text-align: left;
margin-right: 1cm;
margin-left: 1cm;
z-index: 10;
}

h2,h3,#footer{
text-align: center;
}
h2,h3{
font-family: Georgia;
font-size: 24pt;
font-weight: bold;
}
h3{
font-size: 18pt;
}
h2 img, h3 img{
vertical-align: middle;
}


.twocol{
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px;
}


.rgt img,.lft img{
padding-bottom: 16px;
}
.lft img{
padding-right: 16px;
}
.rgt img{
padding-left: 16px;
}
.rgt .rgttd,.lft .lfttd,.toprw{
display: none;
}
.ctr img{padding-bottom: 1em;}



.detail h3,.detailer h3{
font-size: inherit;
text-align: left;
}
.detail .flip,.detailer .flip{
background-image: url(http://greerink.com/detail.gif);
background-repeat: no-repeat;
background-position: left center;
height: 40px;
padding-left: 72px;
padding-top: 15px;
text-decoration: underline;
color: blue;
cursor: pointer;
}
.detail .ddata,.detailer .ddata
{
display: none;
margin-left: 3mm;
padding-left: 3mm;
border-left: 3px #6c8d00 dotted;
margin-right: 3mm;
padding-right: 3mm;
border-right: 3px #6c8d00 dotted;
}
.detail .ddata{
max-height: 4in;
overflow: auto;
}


/*
incase of javascript error-- do it 2 ways
*/
.detail:hover .ddata{
display: block;
}


.price{
color: rgb(170, 0, 0);
font-size: 3ex;
text-align: left;
}
.price i, .price .dot{
font-size: 1ex;
vertical-align: middle;
padding-bottom: 2ex;
}
.price i{
padding-right: 4px;
}
.price img{
vertical-align: middle;
padding: 4px;
}
.price .weight{
display: none;
}
.price p{
display: inline;
}

#disclaimer, #return{
/*font-size: 1.9ex;*/
color: red;
font-weight: bold;
/*min-height: 10em;*/
}
#return .ddata{
color: black;
font-weight: normal;
margin: 0;
padding: 0;
border: 0;
}
#disclaimer div{
color: black;
font-weight: normal;
font-size: 1.4ex;
}

#disclaimer:hover div{
font-size: 2ex;
}