/* reset everything */
img	{ display: block; border: 0; }
body, div, table, th, td { border: 0; padding: 0; margin: 0; }	
a, ul, ol, li, dl, dt, dd, input, textarea, label, select { padding: 0; margin: 0; }	
div.cb { height: 0; width: 0; clear: both; }

/* base aesthetic */
body { font-family: trebuchet ms, sans-serif; font-size: .9em; color: #333; background: #cacaca url('../assets/biv_main_background.gif') repeat-x; }
a, p, dd, li, td { font-family: trebuchet ms, sans-serif; }
label, input, textarea, select { font-family: trebuchet ms, sans-serif; }
th, dt { font-weight: bold; }
td { vertical-align:top; }
li { list-style: none; }
form, input, textarea, label { display: block; }
h1, h2, h3, h4, h5, h6, p {	margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: trebuchet ms, sans-serif; font-weight: normal; color: #608133; padding-bottom: .1em; }
p { padding-bottom: .5em; line-height: 1.2em; }
a, a:visited { color: #c00; text-decoration: underline; }
a:hover { text-decoration: none; }
.error { color: #c33; font-weight: bold; }
.smallcopy { font: xx-small arial narrow, sans-serif; }
label { font-size: 11px; }

/* structure */
div#wrap { width: 775px; padding: 0; margin: 0 auto; position: relative; }
div#head { width: 775px; height: 206px; background: #000 url('../assets/biv_header_background.gif') no-repeat; margin: 0px; position: relative; }

div#logo { position: absolute; left: 0; top: 0; }
div#logo_print { display: none; position: absolute; left: 0; top: 0; height: 0; width: 0; }
div#company_name { position: absolute; right: 40px; top: 58px; }

#mainnav { position: absolute; bottom: 0px; right: 20px; }
* html #mainnav { left: 42px; }
#mainnav ul { margin: 0; line-height: 1.4; }
#mainnav ul li { display: block; float: left; margin-left: 16px; }
#mainnav ul li a { display: block; float: left; font-family: arial, serif; font-weight: bold; color: #eee; text-decoration: none; text-transform: uppercase; }
#mainnav ul li a:hover { color: #69c; }
#mainnav ul li.on { }
#mainnav ul li.on a { color: #69c; }
#mainnav ul li.first { }
#mainnav ul li.last { }

#content { width: 775px; margin: 0; padding: 0; position: relative; background: transparent url('../assets/biv_body_background.gif') repeat-y; }  

div.wide { width: 775px; margin: 0; padding: 20px 40px; }
html>body div.wide { width: 695px; }

#bottomnav { color: #555; font-size: .8em; margin: 10px auto; text-align: center; }
#bottomnav a { color: #555; font-size: .8em; }

#footer { width: 775px; height: 72px; margin: 0; padding: 0;  background: #fff url('../assets/biv_body_bottom_background.gif') no-repeat; }  

div#sitecredit { float: right; padding: 55px 9px 0 0; font-family: arial, sans-serif; font-size: 10px; color: #999; }
div#sitecredit a { color: #999; text-decoration: none; }
div#sitecredit a:hover { text-decoration: underline; }

div#copyright { float: left; padding: 55px 0 0 9px;  font-family: arial, sans-serif; font-size: 10px; color: #999; line-height: 11pt; }
div#copyright a { color: #999; text-decoration: none; }
div#copyright a:hover { text-decoration: underline; }

div.block { border: 1px solid #d7d7d7; margin-top: 10px; padding: 10px; }
div.block label { float: left; margin-right: 5px; margin-bottom: 5px; }
html>body div.block label { margin-right: 10px; }
div.block input.inputtext { border: 1px solid #d7d7d7; padding: 3px; background-color: #ffd; font-size: 12px; font-style: normal; color: #666; }
div.block select { color: #666; }
div.block h4.error { color: #c00; }

div.form { width: 448px; float: left; clear: both; margin: 10px 0; }
form dl { float: left; }
form dt { width: 200px; margin: 0 0 10px 0; float: left; clear: both; }
form dd { width: 240px; margin: 0 0 10px 0; float: left; }
input.px200 { width: 220px; }

#contactform { width: 300px; float: right; padding: 20px; background-color: #fbe7ff; }
#contactform label { font-weight: bold; color:#3c9ca4; }
#contactform input { font: small arial, sans-serif; color:#3c9ca4; width: 280px; margin-bottom: 10px; }
#contactform textarea { font: small arial, sans-serif; color:#3c9ca4; width: 280px; height: 100px; margin-bottom: 10px; }
#contactform .button { width: auto; margin-bottom: 10px; color:#333; }

input, select, textarea, label { font-size: .9em; padding: 2px; border: 0; display:block; color: #333; }	
select { padding: 1px; }	
input, select, textarea { background-color: #fff; border: 1px solid #999;}	
input.btnimg { border: 0; }
label {	margin-bottom: 4px; float: left; }
html>body div.wide { width: 695px; }

input {	margin-bottom: 4px;	}
.hidden { display: none; }
.show { display: block; }
.checkbox {	display: inline; border: none;	}			
.btnimg, .radio, .checkbox { background: none; }
.btn { width: 100px; color: #fff; font-weight: bold; font-size: 12px; background-color: #72796a; color: #fff; font-weight: bold; font-size: 12px; border-bottom: 1px solid #62695a; border-left: 1px solid #82897a; border-top: 1px solid #82897a;  border-right: 1px solid #62695a; }
.required { color: #c00; }


div#secure_submit { background: transparent url('../assets/securesubmit.gif') no-repeat; padding: 20px; height: 550px; }
div#contact_info { display: block; clear: left; padding-top: 15px; }
div#cc_info { display: block; clear: left; padding-top: 15px; }
div#billing_info { display: block; clear: left; padding-top: 15px; }

table.ccexp { clear: left; }
table.ccexp td { font-size: .9em; padding: 2px; }

table.orders { margin: 20px auto; border-collapse: collapse; }
table.orders td { font-size: 11px; padding: 4px; }

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