body,html {
height:100%;
}
body {
background-color:#5E5F3D; /* b2a9b2 */
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image:url(images/bg.png);
background-repeat:repeat-y;
background-position:center;
}
body, td, p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
p {
line-height:18px;
}
h1 {
font-size:16px;
font-weight:bold;
padding-top:10px;
}
h2 {
font-size:14px;
font-weight:bold;
}
h3 {
font-size:12px;
font-weight:bold;
}
h1,h2,h3,h4,h5,h6 {
color: #660066;
}
a,b,strong {
color:#660066;
}
p,h1,h2,h3 {
margin:0 0 1em 0;
}
#banner{
margin:0 0 10px -11px;
}
form {
margin:0; padding:0;
}
div#masthead {
width:800px;
background-color:#660066;
background-image:url(images/toptopleft.gif);
background-repeat:no-repeat;
}
div#topimg {
margin-left:329px;
width:384px;
border-left:3px solid white;
border-right:3px solid white;
}
#topimg img {
border-left: 5px solid #B0BD1B;
border-right: 5px solid #B0BD1B;
}
div#maincontainer {
width:760px;
/*height:336px;*/
overflow:auto;
padding:20px;
margin-top:15px;
}
div#topmenu {
border-top:4px solid #fff;
height:34px;
background-repeat:repeat-x;
position:relative;
}
div#topmenu div#topmenulinks {
position:absolute;
left:0; top:0;
width:610px;
}
div#topmenusearch {
position:absolute;
left:600px; top:0;
width:200px;
height:27px;
background-color:#B0BD1B;
padding-top:3px;
margin:0;
}
div#topmenu div#topmenusearchsubmit {
position:absolute;
left:760px; top:6px;
}
div#topmenusearch input.searchbox {
width:90px;
padding:0;
margin:0;
margin-top:1px;
}
div#search-bar{
position:absolute;
left:0; top:30px;
width:788px;
height:27px;
background-color:#660066;
padding:5px 0 3px 12px;
margin:0;
color:#fff;
}
div#search-bar input.searchbox {
width:446px;
padding:0;
margin:3px 0 0 5px;
}
div#search-button{
position:absolute;
left:610px; top:38px;
}
/* old left menu
div#leftmenu {
margin:24px 0 0 14px;
padding:0 10px;
}
div#leftmenu ul {
padding:0;margin:0;
}
div#leftmenu ul li {
padding:0;margin:0;
font-size:10px;
color:#fff;
line-height:1.2em;
}
*/
/* new collapsing left menu */
div#leftmenu {
margin:14px 0 0 5px;
padding:0 10px;
/* min height hax - doesn't work for ie 5.5 http://www.dustindiaz.com/min-height-fast-hack */
min-height:380px;
height:auto !important;
height:380px;
}
div#leftmenu a {
text-decoration:none;
}
div#leftmenu ul {
padding:0;margin:0;
list-style-type:none;
}
div#leftmenu ul li {
padding:0;margin:0;
font-size:10px;
color:#fff;
line-height:1.2em;
padding-left:3px;
}
div#leftmenu h2 {
font-size:13px;
line-height:1.4em;
padding:0;
margin:0;
font-weight:bold;
}
/* product table */
.prodTable #col01 {
width:290px;
padding-left:10px;
}
.prodTable #col02 {
width:110px;
}
.prodTable #col03 {
width:110px;
}
.prodTable #col04 {
width:110px;
}
.prodTable td {
padding:6px 3px 6px 3px;
border-bottom:1px solid #B0BD1B;
}
.prodTable #toprow td {
background-color:#660066;
color:#fff;
padding:9px 10px 9px 3px;
}
/*.prodTable #row01 {
background-color: #DAB6B9;
}*/
input.numeric {
text-align:center;
}
/* home page boxes */
div#box1a, div#box2b {
color:#fff;
}
div#box1a {
height:38px;
padding:7px 7px 0 7px;
}
div#box1b {
height:130px;
}
div#box2a {
float:left;
}
div#box2b {
margin-left:165px;
margin-top:10px;
}
div#contactBottom {
padding:10px;
}
div#contactBottom strong, div#contactBottom b{
color:#CDD81F;
}
div#contactBottom p {
color:#fff;
text-align:center;
font-size:10px;
line-height:1em;
}
div#contactBottom a, div#contactBottom a:visited {
color:#CDD81F;
}
a.info1 {
position:relative; /*this is the key*/
z-index:24;
text-decoration:none;
color:#000;
}
a.info1:visited {
}
a.info1:hover{ z-index:25; background:url(images/spacer.gif);}
a.info1 span{display: none; }
a.info1:hover span { /*the span will display just on :hover state*/
display:block;
position:absolute;
top:-5px; left:40px; width:15em;
border:4px solid #808;
background-color:#606; color:#fff;
text-align: center;
text-decoration:none;
width:60px;
font-size:10px;
}
a.info2 {
position:relative; /*this is the key*/
z-index:24;
text-decoration:none;
color:#000;
}
a.info2:visited {
}
a.info2:hover { z-index:25; background:url(images/spacer.gif); }
a.info2 span{display: none; }
a.info2:hover span { /*the span will display just on :hover state*/
display:block;
position:absolute;
top:-5px; left:-115px; width:15em;
border:4px solid #808;
background-color:#606; color:#fff;
text-align: center;
text-decoration:none;
width:100px;
font-size:10px;
}
a.info3 {
position:relative; /*this is the key*/
z-index:24;
text-decoration:none;
color:#000;
}
a.info3:visited {
}
a.info3:hover{ z-index:25; background:url(images/spacer.gif);}
a.info3 span{display: none; }
a.info3:hover span { /*the span will display just on :hover state*/
display:block;
position:absolute;
top:-3px; left:300px;
border:4px solid #808;
background-color:#606; color:#fff;
text-align: center;
text-decoration:none;
width:80px;
font-size:10px;
}
pre.notfixed {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
.product{
padding:0;
list-style-type:none;
margin:20px 0 0;
}
.product li {
padding:7px 5px 7px 30px;
display:block;
margin:0;
font-size:14px;
line-height:18px;
border-bottom:1px solid #B0BD1B;
}
.product li a{
text-decoration:none;
color:#000;
}
/*.stripe {
background:#c7c1c7;
border-bottom:2px solid #660066;
}*/
#cart{
margin:-90px 0 38px 620px;
}
.padright {
padding-right:8px;
}
.padtop {
padding-top:8px;
}
#contactForm {
padding-top:20px;
}
div#leftmenu ul.social_media {
list-style:none;
padding:7px 0 15px 0;
}
div#leftmenu ul.social_media li {
display:block;
float:left;
width:24px;
height:24px;
padding:0 9px 0 0;
}
div#leftmenu ul.social_media li a {
display:block;
}
ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}