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.quantity {
width:25px;
font-size:70%;
font-weight:bold;
text-align:right;
}

#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;
background-image: url(/img/header_bg.jpg);
background-position: left bottom;
background-repeat: no-repeat;
margin-bottom:20px;
}

/* ===== CENTER ===== */
div#center {
float:left;
width:520px;
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;
}

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

/* ===== 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;
}

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


/* ===== BOTTOM ===== */
div#bottom {
position: relative;
margin-top: -150px; /* negative value of footer height */
height: 50px;
padding-top:100px;
clear:both;
font-size:8px;
color:#9d9d9d;
text-align:center;
border-bottom:solid 4px #cccccc;
} 

/*div#bottom {
clear:both;
top:100%;
left:210px;
width:600px;
height:20px;
font-size:8px;
color:#9d9d9d;
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 */