/*Your CSS file*/
html  { margin: 0; padding: 0; width: 100%; height: 100% }
body  { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height: 1em; background-color: white; margin: 0 auto 50px }
#promo_drawer      { color: #fff; background-color: #666; text-align: center; margin: 0; padding: 0; width: 100%; height: auto; float: left }
.promo  { width: 680px }
form { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; margin: 0; padding: 0 }
.promoBox   { color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 15px; margin-right: 20px; margin-bottom: 20px; width: 210px; height: auto; float: left }
img  { margin: 0; padding: 0 }
.promoBox img  { font-size: 2em; font-weight: bold; margin: 0 0 5px; padding: 0; border: solid 1px #666 }
h3 { color: #ffd200; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0 }
p { margin: 0 0 3px; padding: 0 }
.eye_1x3 { color: #999; font-size: 9px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 9px; text-transform: uppercase }
#tabs a:link, #tabs a:visited, #tabs a:active   { color: #fff; font-size: 10px; font-weight: bold; text-decoration: none; margin: 0; padding: 0 }
.tab a:hover     { color: #fff; font-size: 10px; font-weight: bold; text-decoration: underline }
#sort a:link, #sort a:visited, #sort a:active { color: #999; font-size: 10px; font-weight: bold; text-decoration: none; margin: 0; padding: 0 }
#sort a:hover { color: #999; font-size: 10px; font-weight: bold; text-decoration: underline }
.container_2x3 { font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 15px; text-align: left; margin-right: 10px; width: 430px; height: auto; float: left }
.container_3x3 { font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 15px; text-align: left; margin: 0 0 20px; padding: 0; width: 660px; height: auto; float: left }
.container_1x3 { font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 15px; text-align: left; margin-right: 10px; width: 210px; height: auto; float: left }
.title_1x3  { color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; line-height: 11px; background-color: #000; text-align: left; margin: 0 0 1px; padding: 5px; width: 200px; height: auto; float: left }
.ad_leaderboard  { background-color: #333; text-align: center; margin: 0; padding: 20px; height: auto; border-top: 1px none #000; border-left: 1px none #000 }
.top_bar    { background-color: #000; width: 100%; height: auto; vertical-align: middle;}
.print_bar  { width: 100%; height: auto }
#main   { width: 560px; height: auto }
.logo_area   { text-align: left; vertical-align: middle; margin: 0; padding: 20px 0 10px; width: 560px; height: auto }
#tabs     { color: #fff; margin: 10px 0 0; padding: 0; width: 560px; height: auto; float: left }
#sort { color: #999; font-weight: bold; text-align: right; margin: 10px 0 0; padding: 0; width: 560px; height: auto; float: left }
.k { color: #000 }
.manufacturer  { text-align: left; margin: 10px 0 0; padding: 0; width: auto; height: auto; float: left }
.tab     { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #666; text-align: left; margin: 0 0 0 10px; padding: 5px 5px 7px; width: 60px; height: auto; float: right }
.menu_item { color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: black; margin: 0; padding: 10px 40px 10px 10px; width: auto; height: auto; float: left; border-right: 1px solid #fff }
.menu_item_R { color: #000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #ffd200; margin: 0; padding: 10px 50px 10px 10px; width: auto; height: auto; float: left }
.menu_item_on { color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #515d69; margin: 0; padding: 10px 50px 10px 10px; width: auto; height: auto; float: left; border-right: 1px solid #fff }
#grid  { text-align: left; margin: 20px 0 0; padding: 0; width: 560px; height: auto; float: left }
#list { font-size: 12px; line-height: 1.5em; text-align: left; margin: 20px 0 0; padding: 0; width: 560px; height: auto; float: left }
.grade  { margin: 0 0 50px; padding: 0; width: 100%; height: auto; float: left }
.grade_name { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; padding: 10px 0 30px; width: 100%; height: auto; float: left }
#rail { background-color: #f0f0f0; margin-top: 0; width: 320px; height: 1900px; float: right }
.logo_bar { margin: 0; padding: 10px 0; width: 980px; height: auto; float: left }
.article_1x3 { margin: 0 0 20px; padding-top: 20px; width: 210px; height: auto; float: left; border-top: 1px dotted #999 }
.form_area  { margin: 20px auto; width: 580px; height: auto }
.input { font-size: 10px }
.product { margin: 20px 0 0; padding: 0; width: auto; height: auto; float: left }
#cv_list { background-color: #ccc; width: 100px; height: auto; float: left }
table { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; text-decoration: none }
td       { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px }
a:link, a:visited, a:active    { color: #6e6e6e; text-decoration: none }
a:hover          { color: #000 }
a.bold_white:link, a.bold_white:visited, a.bold_white:active    { color: white; text-decoration: none }
a.bold_white:hover { color: #000 }
a.bold_black:link, a.bold_black:visited, a.bold_black:active    { color: black; text-decoration: none }

.printOnly {display: none;}