/*--------
general
--------*/
*{ margin:0; padding:0; border:none; outline:none;}

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background-image:url(../images/bg_body.jpg); background-position:center 0; background-repeat:repeat-x; background-color:#f7fcff;}
a{ text-decoration:none; color:#003980; font-weight:bold;}
a:hover{ text-decoration:none; color:#009534; font-weight:bold;}
h1, h2, h3{ line-height:normal; font-weight:normal;}
h2{ font-size:18px; color:#003980; padding:0 0 5px 0;}
h2 a, h2 a:hover{ font-weight:normal; display:block;}
h3{ font-size:12px; color:#003980; padding:0 0 5px 0;}
h3 a, h3 a:hover{ display:block; padding:5px 0 0 0;}
div.clear{ clear:both; background:transparent; height:1px;}

div#container{ margin:auto; width:960px; background-color:#fff; padding:0 10px;}

/*--------
header
--------*/
div#header{ height:220px; width:960px; background-image:url(../images/bg_header.gif); background-position:0 10px; background-repeat:no-repeat;}

div#print_logo{ display:none;}

div#flash{ position:absolute;}

/*main_menu*/
ul#main_menu{ position:absolute; list-style:none; margin:180px 0 0 0;}

ul#main_menu li{ float:left; padding:0 0 0 10px;}
ul#main_menu li.on{ float:left; padding:0 10px 0 0;}
ul#main_menu li a{ padding:0; color:#006624; display:block; font-size:14px; /*font-weight:normal;*/ padding:12px 10px 12px 0;}
ul#main_menu li a:hover{ padding:0; color:#003980;  display:block; font-size:14px; /*font-weight:normal;*/ padding:12px 10px 12px 0;}
ul#main_menu li.on a, ul#main_menu li.on a:hover{ display:block; padding:0 0 0 20px; color:#fff; background-image:url(../images/bg_main_menu_item_on.gif); background-position:left 0; background-repeat:no-repeat;}
ul#main_menu li.on a span, ul#main_menu li.on a:hover span{ display:block; padding:12px 20px 12px 0; color:#fff; background-image:url(../images/bg_main_menu_item_on.gif); background-position:right 0; background-repeat:no-repeat;}

ul#main_menu li ul{ list-style: none; margin:1px 0 0 -10px; width:170px; clear:both; position:absolute;}
ul#main_menu li.on ul{ margin:1px 0 0 0; width:170px; clear:both; position:absolute;}
ul#main_menu ul li, ul#main_menu ul li.on, ul#main_menu ul li.on li.on{ display:block; clear:both; padding:0;}
ul#main_menu ul li a, ul#main_menu li.on ul li a, ul#main_menu li.on ul li.on ul li a{ margin:0; padding:7px 10px 6px 10px; display:block; width:150px; background-color:#EBF0F5; color:#006624; border-bottom:1px solid #fff; background-image:none;}
ul#main_menu ul li a:hover, ul#main_menu ul li.on a:hover, ul#main_menu li.on ul li a:hover, ul#main_menu ul li.on a, ul#main_menu ul li.on li.on a, ul#main_menu li.on ul li.on a, ul#main_menu li.on ul li.on li.on a,  ul#main_menu li.on ul li.on a:hover, ul#main_menu li.on ul li.on li.on a:hover{ margin:0; padding:7px 10px 6px 10px; display:block; width:150px; background-color:#1f4f8b; color:#fff; border-bottom:1px solid #fff; background-image:url(../images/bg_main_menu_sub_item_on.gif); background-position:0 0; background-repeat:repeat-x;}

ul#main_menu ul ul, ul#main_menu ul li.on ul, ul#main_menu li.on ul ul{list-style: none; margin:-31px 0 0 170px; padding:0; width:170px; clear:both; position:absolute; background-image:none; border-left:1px solid #fff; border-top:1px solid #fff;}

/*--------
content
--------*/
div#home_content{ padding:10px 0;}
div.home_box_sx{ padding:5px 5px 10px 5px; background-image:url('../images/background_home_box.jpg'); background-position:top left; background-repeat:no-repeat;}
div.home_box{ padding:0 0 10px 0;}

div#content{ padding:10px 0; min-height: 400px; height: auto !important; height: 400px; }

/*left*/
div#left_home_content{ width:470px; float:left;}
div#left_content{ width:750px; float:left;}

div#bread_container{ padding:0 0 8px 0;}
div#home_bread{ float:left;}
ul#bread{ list-style:none; float:left; padding:0 0 0 5px;}
ul#bread li{ float:left; padding:0 5px 0 0;}
ul#bread li a{ background-image:url(../images/bread_crumbs_arrow.gif); background-position:0 4px; background-repeat:no-repeat; display:block; padding:0 0 0 10px;}

/*accodion_content--------------*/
div#gallery_container{ padding:10px 0 0 10px; margin:20px 0 0 0; background-image:url(../images/bg_gallery_container.gif); background-position:0 0; background-repeat:no-repeat;}

div.gallery{ margin:0 0 0 0;}
h3.head_gallery a{padding:0 0 0 20px; display:block; width:700px; background-image:url(../images/gallery_icon_close.gif); background-position:0 8px; background-repeat:no-repeat; font-size:20px; font-weight:normal; line-height:normal; outline:none;}/*header of 1st demo*/
h3.head_gallery a:hover{padding:0 0 0 20px; display:block; width:700px; background-image:url(../images/gallery_icon_close.gif); background-position:0 8px; background-repeat:no-repeat; font-size:20px; font-weight:normal; line-height:normal; outline:none;}/*header of 1st demo*/
h3.open a{padding:0 0 0 20px; display:block; background-image:url(../images/gallery_icon_open.gif); background-position:0 8px; background-repeat:no-repeat; font-size:20px; color:#009534; font-weight:normal; line-height:normal; outline:none;}
h3.open a:hover{padding:0 0 0 20px; display:block; background-image:url(../images/gallery_icon_open.gif); background-position:0 8px; background-repeat:no-repeat; font-size:20px; color:#003980; font-weight:normal; line-height:normal; outline:none;}/*class added to contents of 1st demo when they are open*/
div.thumbs{ padding:5px 0;}
div.thumb{ float:left; width:148px; padding:0 30px 30px 0;}
div.thumb a img{ border:1px solid #003980;}
div.thumb a:hover img{ border:1px solid #009534;}

/*right*/
div#right_home_content{ width:470px; float:right;}

div.product_thumb{ width:148px; float:left; margin:0 12px 12px 0;}
div.product_thumb a img{ border:1px solid #003980;}
div.product_thumb a:hover img{ border:1px solid #009534;}

div#right_content{ width:190px; float:right;}

/*right_menu*/
ul#right_menu{ list-style:none; width:190px; padding:0 0 20px 0;}

ul#right_menu li{ display:block;}
ul#right_menu li a{margin:0; padding:7px 10px 6px 10px; display:block; width:170px; background-color:#9fd7b2; color:#006624; border-bottom:1px solid #fff; background-image:none;}
ul#right_menu li a:hover, ul#right_menu li.on a:hover, ul#right_menu li.on a{margin:0; padding:7px 10px 6px 10px; display:block; width:170px; background-color:#1f4f8b; color:#fff; border-bottom:1px solid #fff; background-image:url(../images/bg_main_menu_sub_item_on.gif); background-position:0 0; background-repeat:repeat-x;}

ul#right_menu li li a, ul#right_menu li.on li a{margin:0; padding:7px 10px 7px 20px; display:block; width:160px; background-color:#efefef; color:#000; border-bottom:1px solid #fff; background-image:none;}
ul#right_menu li li a:hover, ul#right_menu li.on li a:hover, ul#right_menu li li.on a{margin:0; padding:7px 10px 7px 20px; display:block; width:160px; background-color:#3b7bca; color:#fff; border-bottom:1px solid #fff; background-image:none;}

div#right_paragraphs{ line-height:18px;}

/*--------
footer
--------*/
div#footer_container{ background-color:#EBF0F5; border-top:1px solid #ccd7e6;}
div#footer{ margin:auto; width:980px; padding:10px 0;}
div#footer_data{ float:left; width:790px;}
ul#footer_menu{ float:right; list-style:none;}
ul#footer_menu li{ float:left;}
ul#footer_menu li a{ display:block; padding:0 5px;}

/*--------
popup
--------*/
body#popup{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background-image:none; background-color:#fff;}

div#header_popup{ padding:0 10px; height:90px;}

div#logo{ width:225px; float:left; padding:10px 0 0 0;}

ul#action_menu{ float:right; list-style:none;}
ul#action_menu li{ float:left; padding:0 0 0 10px;}
ul#action_menu li.on{ float:left; padding:0 10px 0 0;}
ul#action_menu li a{ display:block; padding:0 0 0 20px; color:#fff; background-image:url(../images/bg_action_menu_item_off.gif); background-position:left 0; background-repeat:no-repeat;}
ul#action_menu li a span{ display:block; padding:12px 20px 12px 0; color:#fff; background-image:url(../images/bg_action_menu_item_off.gif); background-position:right 0; background-repeat:no-repeat;}
ul#action_menu li a:hover{ display:block; padding:0 0 0 20px; color:#fff; background-image:url(../images/bg_action_menu_item_on.gif); background-position:left 0; background-repeat:no-repeat;}
ul#action_menu li a:hover span{ display:block; padding:12px 20px 12px 0; color:#fff; background-image:url(../images/bg_action_menu_item_on.gif); background-position:right 0; background-repeat:no-repeat;}

div#content_popup{ padding:10px 10px 20px 10px; line-height:18px;}

div#footer_container_popup{ background-color:#ecf7ef; border-top:1px solid #ccd7e6; padding:10px;}
div#footer_data_popup{ float:left;}

/*------------
form
------------*/
table input{ margin:5px 0; padding:3px 5px 6px 3px; border:1px solid #b2b2b2; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
table input:hover{margin:5px 0; padding:3px 5px 6px 3px; border:1px solid #3b7bca; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
table td.button{ padding:10px 0 0 0;}
table td.button input{padding:2px 10px 4px 10px; border:1px solid #9fd7b2; background-color:#9fd7b2; text-align:center; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; width:150px; color:#006624;}
table td.button input:hover{ width:150px; padding:2px 10px 4px 10px; border:1px solid #9fd7b2; background-color:#3b7bca; color:#fff; text-align:center; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
table textarea{margin:5px 0; line-height:18px; padding:3px 5px 6px 3px; border:1px solid #b2b2b2; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
table textarea:hover{margin:5px 0; line-height:18px; padding:3px 5px 6px 3px; border:1px solid #3b7bca; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*login-----*/
div#login{ background:#e6f8fc; border:1px solid #ebebeb; padding:10px; margin:20px 0 0 0;}
div#login legend{ text-indent:0px; color:#666; font-weight:bold;}
div.login_row{ width:300px; clear:both; padding:10px 0 0 0;}
div.login_label{ float:left; width:60px; padding:2px 5px 0 0;}
div.login_field{ float:left;}
div.login_field input{  border:1px solid #e0e0e0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
div.login_field input.button{ width:60px; padding:2px 10px 1px 10px; background-color:#9fd7b2;; background-position:0 0; background-repeat:repeat-x; color:#006624; font-weight:bold; border:1px solid #e0e0e0;}
div.login_field input.button:hover{width:60px; padding:2px 10px 1px 10px; background-image:url(../images/bg_main_menu_sub_item_on.gif); background-position:0 0; background-repeat:repeat-x; color:#ffffff; font-weight:bold; border:1px solid #e0e0e0;}




