body {
font: normal 11px/20px verdana, arial, sans-serif;
color: #5E5F54;
margin: 0;
padding: 0;
background: #fff;
}
div, img, area, form {
margin: 0;
padding: 0;
background: transparent;
border-style: none;
outline: 0;
}
table {
margin: 0;
padding: 0 0 10px 0;
background: transparent;
border-style: none;
}
td {
font: normal 11px/20px verdana, arial, sans-serif;
margin: 0;
padding: 0;
}
h1 {
font: normal 32px/34px "Book Antiqua", palatino, georgia, "Times New Roman", times, serif;
color: #fff;
width: inherit;
margin: 0;
padding: 17px 0 10px 20px;
}
h2 {
font: normal 20px/24px "Book Antiqua", palatino, georgia, "Times New Roman", times, serif;
color: #373832;
width: inherit;
margin: 0;
padding: 10px 0;
clear: both;
}
h4 {
font: normal 16px/20px "Book Antiqua", palatino, georgia, "Times New Roman", times, serif;
color: #5E5F54;
margin: 0;
padding: 0 0 10px 0;
}
#left_blurb h4, #right_blurb h4 {
text-align: center;
}
h4.on {
color: #1A1A51;
}
p {
width: inherit;
margin: 0;
padding: 0 0 10px 0;
clear: both;
}
input {
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 11px;
}
a:link, a:visited, a:hover, a:active {
outline: 0;
}
a:link, a:visited, a:active {
color: #313B6B;
text-decoration: underline;
}
a:hover {
color: #5E5F54;
text-decoration: underline;
}
a:link.opt, a:visited.opt, a:hover.opt, a:active.opt {
color: #5E5F54;
text-decoration: none;
outline: 0;
}
#adm_lk {
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 3px;
z-index: 10;
}
#main_div {
width: 800px;
margin: 0 auto;
padding: 155px 0 0 0;
background: #fff url(../images/header.jpg) center top no-repeat;
}
.logo_img {
position: absolute;
top: 0;
margin: 5px 0 0 345px;
}
#main_menu {
width: 800px;
height: 59px;
}
#homepg_img_div {
width: 801px;
height: 473px;
background: #E3DED3 url(../images/fly_control_home.jpg) left top no-repeat;
}
#text_div {
width: 455px;
padding: 8px 0 0 12px;
}
#order_intro {
padding: 8px 0 0 12px;
}
#sidebar, #whatDiv {
position: absolute;
width: 284px;
}
#sidebar {
margin: 0 0 0 490px;
}
#whatDiv {
margin: 0 0 0 478px;
z-index: 10;
}
.whattext {
margin: 20px 0 0 0;
text-align: center;
}
#sidebar h2, #whatDiv h2 {
width: 275px;
padding: 10px 5px;
}
#sidebar p, #whatDiv p {
width: 275px;
padding: 0 5px 10px 5px;
}
#sidebar.homepg {
position: absolute;
height: 450px;
padding: 8px 13px 15px 13px;
background: transparent;
z-index: 2;
}
#sidebar.usage {
height: 763px;
padding: 13px;
background: #E3DED3 url(../images/sidebar_bkgs/sidebar_usage.jpg) left top no-repeat;
}
#sidebar.science {
height: 488px;
padding: 8px 13px;
background: #E3DED3 url(../images/sidebar_bkgs/sidebar_science.jpg) left top no-repeat;
}
#sidebar.testimonials {
height: 499px;
padding: 13px;
background: #E3DED3 url(../images/sidebar_bkgs/sidebar_testimonials.jpg) left top no-repeat;
}
#sidebar.contact {
height: 278px;
padding: 8px 13px;
background: #E3DED3 url(../images/sidebar_bkgs/sidebar_contact.jpg) left top no-repeat;
}
#sidebar.order {
height: 286px;
margin-top: 288px;
padding: 13px;
background: #E3DED3 url(../images/sidebar_bkgs/sidebar_order.jpg) left top no-repeat;
}
#sidebar.save {
height: 478px;
padding: 13px;
background: #E3DED3 url(../images/sidebar_bkgs/sidebar_save.jpg) left top no-repeat;
}
#sidebar.others {
height: 478px;
padding: 13px;
background: #E3DED3 url(../images/sidebar_bkgs/sidebar_others.jpg) left top no-repeat;
}
.sidebar_img {
display: block;
margin: 0 0 12px 0;
}
.science_img {
float: left;
margin: 7px 16px 3px 0;
}
#whatDiv {
height: 286px;
padding: 13px;
background: #E3DED3 url(../images/sidebar_bkgs/sidebar_order.jpg) left top no-repeat;
visibility: hidden;
}
.button_order_homepg {
position: absolute;
margin: 342px 0 0 0;
}
.button_order_usage {
position: absolute;
margin: 653px 0 0 0;
}
.button_order_science {
position: absolute;
margin: 372px 0 0 0;
}
.button_order_testimonials {
position: absolute;
margin: 389px 0 0 0;
}
.button_order_contact {
position: absolute;
margin: 164px 0 0 0;
}
.button_order_save, .button_order_others {
position: absolute;
margin: 367px 0 0 0;
}
#map_div {
position: absolute;
width: 385px;
height: 255px;
margin: 0 0 0 415px;
background: transparent url(../images/map/map_off.gif) left top no-repeat;
z-index: 10;
}
#map_innerdiv {
position: absolute;
width: 385px;
height: 255px;
background: transparent url(../images/map/map_sp.gif) left top no-repeat;
z-index: 11;
}
input {
font: normal 11px/13px verdana, arial, sans-serif;
color: #5E5F54;
}
#footer {
font: normal 10px/20px arial, sans-serif;
color: #A39E9A;
text-align: center;
width: 800px;
height: 34px;
margin: 10px 0 0 0;
padding: 71px 0 0 0;
background: #fff url(../images/footer.jpg) center top no-repeat;
}
#footer a:link, #footer a:visited, #footer a:active {
color: #A39E9A;
text-decoration: none;
}
#footer a:hover, #footer a:link.linkon, #footer a:visited.linkon, #footer a:active.linkon {
color: #5E5F54;
text-decoration: none;
}
.vline {
vertical-align: 1px;
}
/*  ORDER PAGE CSS  */
#order_trail_div {
position: absolute;
width: 392px;
height: 15px;
margin: -14px 0 0 12px;
}
.blu {
color: #313B6B;
}
.brn {
color: #B59A67;
}
.num_field {
font: normal 11px/13px verdana, arial, sans-serif;
text-align: center;
color: #313B6B;
background: #EAEAEA;
}
#holycow {
color: #313B6B;
display: none;
}
.auto_field, .auto_field_sm, .total_field {
color: #313B6B;
background: transparent;
border-style: none;
}
.auto_field {
font: normal 11px/13px verdana, arial, sans-serif;
text-align: center;
width: 54px;
}
.auto_field_sm {
font: normal 11px/13px verdana, arial, sans-serif;
text-align: center;
width: 15px;
}
#ship_dates {
font: normal 11px/20px verdana, arial, sans-serif;
color: #313B6B;
width: 250px;
text-align: left;
}
.total_field {
font: normal 11px/13px verdana, arial, sans-serif;
text-align: right;
width: 75px;
}
.txt_fld_short, .txt_fld_long, .txt_fld_full, .selection_field {
font: normal 11px/13px verdana, arial, sans-serif;
color: #5E5F54;
background: #EAEAEA;
}
.txt_fld_short {
width: 150px;
}
.txt_fld_long {
width: 215px;
}
.txt_fld_full {
width: 396px;
}
.selection_field {
width: 155px;
}
#summary_div {
width: 400px;
padding: 15px;
margin-bottom: 10px;
background: #EAEAEA;
}
a:link.cclink img, a:visited.cclink img {
vertical-align: -4px;
border: 1px solid #fff;
}
a:hover.cclink img, a:active.cclink img, a:link.cclink_on img, a:visited.cclink_on img, a:hover.cclink_on img, a:active.cclink_on img {
vertical-align: -4px;
border: 1px solid #0f0;
}
.btn {
font: normal 9px/11px verdana, arial, sans-serif;
}
.frmbtn img {
vertical-align: -5px;
}
.err, .msg {
color: #c00;
}
.botrule {
padding: 4px;
border-bottom: 1px solid #d9d5d2;
}
.frmfld, .frmfld_b, .frmfld_2, .frmfld_3, .frmfld_st  {
font: normal 11px/13px verdana, arial, sans-serif;
margin: 0 0 7px 0;
padding: 1px;
}
.frmfld {
width: 427px;
}
.frmfld_b {
font-weight: bold;
}
.frmfld_2, .frmfld_b {
width: 202px;
}
.frmfld_3 {
width: 180px;
}
.frmfld_st {
width: 25px;
}
.ship_div {
float: left;
width: 225px;
margin: 0 25px 10px 0;
}
.name_fld {
width: 100px;
}
.long_fld {
width: 210px;
}
.short_fld {
width: 65px;
}
.tiny_fld {
width: 25px;
}
.disc {
color: #c27d46;
}
#invDiv {
position: absolute;
width: 600px;
top: 0;
left: 0;
z-index: 50;
margin: 250px 0 0 100px;
padding: 20px;
background-color: #eeeeee;
border-top: 1px solid #333333;
border-left: 1px solid #333333;
border-right: 3px outset #cccccc;
border-bottom: 3px outset #cccccc;
visibility: hidden;
}

/*  HEADER BLURBS  */

#left_blurb, #right_blurb {
font: italic 12px/18px "Book Antiqua", palatino, georgia, "Times New Roman", times, serif;
color: #5E5F54;
position: absolute;
top: 0;
width: 285px;
height: 135px;
padding: 0;
z-index: 5;
cursor: pointer;
cursor: hand;
}
#left_blurb {
margin: 14px 0 0 30px;
}
#right_blurb {
margin: 14px 0 0 487px;
}
a:link.blurb, a:visited.blurb, a:active.blurb {
color: #5E5F54;
text-decoration: underline;
}
a:hover.blurb, a:link.blurbon, a:visited.blurbon, a:active.blurbon, a:hover.blurbon {
color: #1A1A51;
text-decoration: underline;
}
.orn {
display: block;
margin: 0 0 9px 0;
}
.pr_date_field {
font-size: 10px;
font-weight: bold;
color: #B59A67;
width: 60px;
background: transparent;
border-style: none;
}

.nonret_eml_box {
font: normal 11px/20px verdana, arial, sans-serif;
color: #5E5F54;
width: 794px;
height: 400px;
margin: 0;
padding: 2px;
}