body { font-family : Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 14px; background-color: #9bbb59; color: #111; }

body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre, form { margin: 0; padding: 0; }

p, li, h1, h2, h3, h4, h5, h6, input { font-weight: normal; font-size: 12px; color: #111; text-decoration: none; } 

img { border: 0; }
table { border-collapse: collapse; }
input { vertical-align: middle;}
body {  height: 100.1%; }
html { height: 100.1%; }
#page_wrapper { margin: 0 auto; width:980px; background: url(/images/layout/background_page.jpg) top left repeat-y; background-color: #9bbb59; }

#header { margin-top: 40px; height: 150px; background: url(/images/layout/background_header.jpg) top left no-repeat; }


#main_menu ul { clear: both; }
#main_menu ul li { list-style: none; float: left; text-align: center; padding-top: 12px; height: 33px;  width: 163px; background: url(/images/layout/background_button.gif) top left no-repeat;  }
#main_menu ul li a { color: white; text-decoration: none; font-size: 16px; }
#main_menu ul li a:hover { color: #111; text-decoration: none; font-size: 16px; }
#main_menu ul li:hover { padding-top: 10px; height: 35px; background: url(/images/layout/background_button_active.gif) top left no-repeat; } 
#main_menu ul li.active a { color: #111; text-decoration: none; font-size: 16px; }
#main_menu ul li.active { padding-top: 10px; height: 35px; background: url(/images/layout/background_button_active.gif) top left no-repeat; } 


#sub_menu ul { clear: both; height: 33px; padding-top: 12px; background: url(/images/layout/background_sub_menu.gif) top left no-repeat; }
#sub_menu ul li { list-style: none; float: left; width: 163px; text-align: center; }
#sub_menu ul li a { color: white; text-decoration: none; font-size: 14px;  }
#sub_menu ul li a:hover { color: #111; font-weight: bold; }
#sub_menu ul li.active a { color: #111; font-weight: bold; }
#footer { margin-bottom: 40px; clear: both; height: 78px; padding-top: 60px; text-align: left; padding-left: 150px; background: url(/images/layout/background_footer.jpg) top left no-repeat; }

#flash {  padding: 5px; }
#flash p { font-size: 20px; color: red; text-align: center; }

#card_link { text-align: right; padding-right: 60px; }
#card_link a { font-weight: bold; text-decoration: none; color:  #9bbb59; }
#card_link a:hover { color:  #000; }
#card_link img { vertical-align: middle; }

#left_column { float: right; width: 245px; }
.box_1 { width: 237px; float: left; padding: 4px; }
.box_1_body { background: url(/images/layout/background_box_1_body.gif) top left repeat-y; }
.box_1_footer { height: 38px; background: url(/images/layout/background_box_1_footer.gif) top left no-repeat; }

.box_2 { width: 482px; float: left; padding: 4px; }
.box_2_body { background: url(/images/layout/background_box_2_body.gif) top left repeat-y; }
.box_2_footer { height: 38px; background: url(/images/layout/background_box_2_footer.gif) top left no-repeat; }

.box_3 { width: 727px; float: left; padding: 4px; }
.box_3_body { background: url(/images/layout/background_box_3_body.gif) top left repeat-y; }
.box_3_footer { height: 38px; background: url(/images/layout/background_box_3_footer.gif) top left no-repeat; }

.box_4 { width: 972px; float: left; padding: 4px; }
.box_4_body { background: url(/images/layout/background_box_4_body.gif) top left repeat-y; }
.box_4_footer { height: 38px; background: url(/images/layout/background_box_4_footer.gif) top left no-repeat; }


.box_height_1_org { height: 160px; }
.box_height_2_org { height: 366px; }
.box_height_3_org { height: 572px; }
.box_height_4_org { height: 778px; }
.box_height_5_org { height: 984px; }

.box_height_1 { height: 180px; }
.box_height_2 { height: 406px; }
.box_height_3 { height: 632px; }
.box_height_4 { height: 858px; }
.box_height_5 { height: 1084px; }

.box { padding-top: 15px; padding-left: 20px; padding-right: 20px; }
.box_content { }
.box_content p { color: white; text-align: left; line-height: 16px; padding-bottom: 5px; padding-top: 5px; }
.box_content h1 { padding-bottom: 3px; padding-top: 3px; font-size: 20px; }
.box_content h1 a { color: black; text-decoration: none; }
.box_content h1 a:hover { color: white; }
.box_content h2 {  padding-bottom: 3px; padding-top: 3px; font-size: 14px; font-weight: bold; color: red; }
.box_content ul { padding-left: 30px; }
.box_content img {  }
.box_content a { text-decoration: underline; color: blue; }

.title_wrapper { height: 100px; }

.price_table { width: 95%; }
.price_table th { text-align: left; }

.card_table { width: 99%; }
.card_table th { font-size: 10px; }
.card_table td { padding: 2px; color: white; font-size: 10px; font-weight: bold; border-bottom: 1px solid white; vertical-align: top;  }  

.order_table { width: 99%; }
.order_table th { font-size: 12px; }
.order_table td { padding: 2px; color: white; font-size: 12px; font-weight: bold; border-bottom: 1px solid white; vertical-align: top;  }  

.address_table td { padding: 5px; padding-right: 40px; }
.download_table td { padding: 5px; padding-right: 40px; }

p.right { text-align: right;}
.right { text-align: right;}
.button-to div { text-align: right; }
.center { text-align: center; }
.text_field { border: 1px solid #111; padding: 2px;  }
input { border: 1px solid grey; padding: 2px; }
select { border: 1px solid grey; padding: 2px; }
.field_with_errors input { border: 2px solid red; }
.field_with_errors select { border: 2px solid red; }
.formError { color: red; }
.price { font-weight: bold; font-size: 16px;}
.button { padding-top: 7px; height: 26px; width: 190px; display: block; text-align: center; background: url(/images/layout/background_link.gif) top left no-repeat; }
a.button { color: black; text-decoration: none; font-size: 14px;}
.button a:hover { color: white;}

.clear { clear: both;}
p.center { text-align: center; }
.float_left { float: left; }
.thumbs_wrapper { overflow: hidden; padding-right: 3px; }
.thumb_padding_right { padding-right: 10px; }

.mini_thumbs { padding: 7px; }

.image_thumbs_separator { float: left; width: 10px; }
.image_wrapper_thumb { float: left; margin-bottom: 5px; }
.image_style_border { float: left; padding: 5px; background-color: white; border: 1px solid black; margin-bottom: 10px; }

.price_box { height: 100px; }
.teaser_box { height: 185px; }

.small { color: black; font-size: 10px; font-weight: normal; }
.large { color: black; font-size: 18px; font-weight: normal; }
p.small { color: black; font-size: 10px; font-weight: normal; }
p.large { color: black; font-size: 18px; font-weight: normal; }