html, body, #frame {height: 100%; margin:0;}
body > #frame {height: auto; min-height: 100%}

body { font-family: arial, sans-serif; text-align:justify; }

a:link { color:navy; text-decoration:none; }

a:visited { color:navy; text-decoration:none; }

a:hover { color:navy; text-decoration:underline; }

a img { border-color:white; }

p { text-align:justify; text-indent: 0; }

input,
textarea,
select { border:solid 1px #bbb; }

input.quantity {
width:25px;
font:bold 9pt Arial;
font-weight:bold;
text-align:right;
border:solid 1px #bbb;
padding:1px 2px 1px 1px;
}

input.btn {
  border:none;
  border:solid 1px #bbb;
  background-color:#eee;
  padding:4px 4px 4px 4px;
  font:bold 9pt Arial;
  color:#4c6c23;
}

th { text-align:left; } /* fix ie */

#main { padding-bottom: 150px; margin:0} 

/* FRAME */
div#frame {
    width:1000px;
    margin: 0 auto;
    padding:0;
    text-align:left;
}

/* TOP */

div#top {
top:0;
left:0;
height:100px;
border-top:solid 5px #c1d9f6;
padding:2px 0 0 0;
border-bottom:solid 2px #c1d9f6;
}

div#top div.top-left { width:400px; float:left; }

div#top div.top-right { width:590px; height:100px; float:left; }

div#top div.slogan { font:normal 8pt Arial; color:#777; padding-left:66px; }


/* TOP MENU */

div.top-menu-bar { padding-bottom:24px; }

ul.menu-top {
  float:none;
  clear:both;
  list-style:none;
  margin-bottom:22px;
  background-color:#edeff3;
  padding:8px 0 8px 40px;
  cursor:default;
}

ul.menu-top li {
  float:left;
  padding:0 64px 0 7px;
  color:#804f04;
  font:normal 12pt Arial;
  border-left:solid 3px #88d1d7;
  margin:0;
}

ul.menu-top li  a {
  color:#d2831c;
  cursor:pointer;
  display:block;
}

ul.menu-top li ul {
  display:none;
  height:auto;
  filter:alpha(opacity=98);
  opacity:0.98;
  position:absolute;
  width:225px;
  z-index:2000;
  list-style:none;
  background-color:#edeff3;
  padding:10px 0 0 14px;
}

ul.menu-top li:hover ul {  display:block; }

ul.menu-top li ul li {  border-left:none; padding:8px 0 14px 0; float:none; }

ul.menu-top li.caption { color:#777; font:normal 9pt sans-serif; border-bottom:solid 1px white; }

/* CENTER */
div#center {
float:left;
width:560px;
padding:0;
margin:0 40px 0 40px;
font-size:80%;
}

div#center a { font-weight:bold; }

div#center table { border-collapse:collapse; width:500px; }

div#center ul li,
div#center ol li { padding:10px 0 0 0; }

div#center ul,
div#center ol { padding-bottom:6px; }

/* LEFT */

div#left {
float:left;
padding:0;
width:150px;
font-size:70%;
}

div#left select { width:130px; }

div#left p, div#right p { text-indent: 0; }

div#left div.box {
width:150px;
padding:0 5px 10px 5px;
border:solid 1px #c1d9f6;
background-color:#e7eef6;
}

div#left div.box div.caption
{
width:140px;
margin:0 0 5px -5px;
padding:3px;
background-color:#c1d9f6;
color:#777;
}

/* RIGHT */

div#right {
padding:0;
float:left;
width:210px;
font-size:70%;
}

/* LEFT 'n' RIGHT */

div#right div.box {
width:190px;
padding:0 5px 10px 5px;
border:solid 1px #c1d9f6;
background-color:#e7eef6;
}

div#right div.box div.caption{
width:180px;
margin:0 0 5px -5px;
padding:3px;
background-color:#c1d9f6;
color:#777;
}


/* BOTTOM */

div#bottom {
position: relative;
margin: -152px auto 0 auto; /* negative value of footer height */
height: 50px;
padding-top:100px;
clear:both;
width:1000px;
border-bottom:solid 2px #c1d9f6;
} 

div#bottom div.content {
  height:20px;
  padding:20px 0 10px 0;
  background-color:#ddd;
  font:normal 9pt Arial;
  color:#5b6674;
  text-align:center;
}

/* CLEAR FIX*/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* PRODUCT LIST */

table.product-list .btn,
div#center table.pricing input.btn {
  padding:1px 3px 1px 2px;
  margin-left:3px;
  color:#456521;
}

/* CHECKOUT FORM */
form.checkout-form1 table td {
  padding:6px 0 3px 0;
}