/* COMMON */
html,body{
height: 100%;
margin: 0;
font-size: 12px;
font-family: arial,verdana;
text-decoration: none;
}
#body_table{
margin: auto;
text-align: left;
background-color:  #FFFFFF;
border-top: 6px solid #FFFFFF;
border-left: 6px solid #FFFFFF;
border-right: 6px solid #FFFFFF;
}
.spacer{
clear: both;
margin: 0;
padding: 0;
line-height: 0;
}
.bold{
font-weight: bold;
}
form{
margin: 0;
padding: 0;
}
a{
cursor: pointer;
outline: none;
}
img{
border: none;
}
strong{
font-weight: normal;
}
.centered{
text-align: center;
}
.left{
float: left;
}
.right{
float: right;
}
.nomargin{
margin: 0;
padding: 0;
}

/* BANNER */
#banner{
background-image: url('/images/common/banner.jpg');
background-repeat: no-repeat;
background-position: right top;
background-color: #222222;
}
#banner .title{
position: relative;
top: 58px;
width: 594px;
color: #FFFFFF;
font-size: 24px;
font-weight: bold;
text-align: center;
}
#banner .title h1{
display: inline;
margin: 0;
padding: 0;
font-size: 24px;
}

/* UPPERCONTENT */
/* LOWERCONTENT */
#uppercontent,
#lowercontent{
text-align: justify;
font-size: 14px;
}

/* NAV_TOP */
#nav_top{
height: 26px;
margin-top: 130px;
background-color: #0066ca;
}
#nav_top .nav_block_lvl1{
z-index: 150;
position: relative;
display: inline;
float:left;
width:135px;
margin-top: 4px;
margin-left: 12px;
}
#nav_top .nav_block_lvl1 a.nav_top_lvl1{
display: block;
height: 22px;
color: #FFFFFF;
font-weight: bold;
text-decoration:none;
}
#nav_top .nav_block_lvl2{
position: absolute;
left: 0;
top: 22px;
width: 400px;
background-color: #0066ca;
}
#nav_top .nav_block_lvl2 .nav_block_lvl2_inner{
zoom: 100%;
}
#nav_top .nav_block_lvl2 .nav_block_lvl2_inner .column{
}
#nav_top .nav_block_lvl2 .nav_block_lvl2_inner a{
display: block;
color: #FFFFFF;
text-decoration: none;
}
#nav_top .nav_block_lvl2 .nav_block_lvl2_inner a span{
display: block;
padding: 8px;
}
#nav_top .nav_block_lvl2 .nav_block_lvl2_inner a:hover,
#nav_top .nav_block_lvl2 .nav_block_lvl2_inner a.nav_top_lvl2_selected{
text-decoration: underline;
}

/* COLUMN LEFT */
div#column_left{
width: 170px;
margin-right: 4px;
padding-top: 22px;
padding-bottom: 22px;
}

/* NAV_LEFT */
#nav_left{
margin-top: 4px;
}
#nav_left a{
display: block;
width: 202px;
margin-top: 1px;
margin-left: 2px;
background-color: #0066ca;
color: #FFFFFF;
font-weight: bold;
}
#nav_left a span{
display: block;
padding: 4px;
}

/* PAGE */
.page{
padding-left: 12px;
padding-right: 12px;
border-left: 4px dashed #d7d7d7;
border-right: 4px dashed #d7d7d7;
border-bottom: 12px solid #FFFFFF;
}

/* LOWERCAPTION */
#lowercontent{
}
#lowercontent p{
padding-left: 34px;
padding-right: 24px;
text-align: justify;
}

/* INTRO */
.intro{
background-image: url('/images/common/large_quote.gif');
background-repeat: no-repeat;
background-position: 6px top;
font-size: 14px;
}

/* THE AUTHOR */
.the_author{
text-align: center;
}

/* INSTRUCTIONS */
.instructions{
padding: 6px;
}

/* PRODUCT STRIP */
#product_strip{
position: relative;
top: -12px;
font-size: 14px;
}
#product_strip .product{
margin-top: 12px;
}
#product_strip .product .product_name{
font-weight: bold;
}
#product_strip .product .product_description{
clear: both;
display: block;
padding-left: 22px;
color: #7a7a7a;
text-align: justify;
}

/* ORDER_BUTTON */
div.order_button{
margin-top: 12px;
margin-bottom: 12px;
text-align: center;
}
input.order_button{
width: 198px;
height: 70px;
border: 1px solid #a6caed;
border: none;
background-image: url('/images/common/buy_button.gif');
background-repeat: no-repeat;
background-color: #a6caed;
font-size: 24px;
text-align: center;
cursor: pointer;
}

/* FAQs */
.faqs{
padding-left: 16px;
padding-right: 16px;
padding-bottom: 8px;
border: 1px solid #0066ca;
background-image: url('/images/common/faqs.gif');
background-repeat: repeat-x;
background-position: left top;
background-color: #6ba6e1;
}
.faqs h2{
font-size: 16px;
text-align: left;
}
.faqs h2 span{
display: block;
}
.faqs .entry{
margin-top: 6px;
padding: 5px;
border: 1px solid #000000;
background-color: #FFFFFF;
}
.faqs .entry .question{
background-image: url('/images/common/faqs_q.gif');
background-repeat: no-repeat;
background-position: left top;
font-weight: bold;
text-align: justify;
}
.faqs .entry .question .text{
padding-left: 24px;
}
.faqs .entry .answer{
margin-top: 12px;
background-image: url('/images/common/faqs_a.gif');
background-repeat: no-repeat;
background-position: left top;
text-align: justify;
}
.faqs .entry .answer .text{
padding-left: 24px;
padding-right: 6px;
}

/* FOOTER */
#footer{
padding: 4px;
background-color: #d7d7d7;
text-align: right;
}

/* FORM VALIDATION */
.required{
color: #000000;
border: 2px solid #d69a43;
}
.required_error{
color: red;
border: 2px solid red;
}
.required_ok{
color: green;
border: 2px solid green;
}