/* CSS Document */

* {margin: 0px; padding: 0px;}

html {font-size: 12px; height: 100%;}
body {height: 100%; font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.22em; background: #fff;}
* html body {height: 100%;}

ul {margin: 10px 0 10px 15px;}
ol {margin: 10px 0 10px 2em;}
table {border-collapse: collapse;}
p {margin-bottom: 12px;}
a {color: #005db3; text-decoration: underline;}
a:hover {text-decoration: none;}
a img {border: none;}


h1 {font: normal 2em Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.17em; margin: 0 0 .7em 0; color: #333;}
h2 {font: normal 1.5em Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.22em; margin: 0 0 .3em 0; color: #666;}
h3 {font: normal 1.5em Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.22em; margin: 0 0 .3em 0; color: #666;}

/* --- container
----------------------- */

#container {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 0 auto;  
width: 964px; position: relative; font-size: 1.2em; line-height: 1.56em; color: #212121;}


/* top_line */

.top_line {background: #d4d0c8; height: 15px; padding: 1px 5px 0 7px; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #363636; min-width: 988px;}
.top_line a {color: #363636; text-decoration: none;}
.top_line a:hover {text-decoration: underline;}
.top_line .top_line_right {float: right; color: #fff;}
#top_menu {height:auto; margin:0 0 20px 0;}

/* --- header
----------------------- */
#header {margin:0 auto; width:988px; height:277px;}

#header .logo {width:340px; height:234px; float:left; background:url("logo.jpg"/*tpa=/images/logo.jpg*/) 0 40% no-repeat;}

#header .topplace {margin:23px 0 20px 20px; padding:0; width:303px; float:left; background:url("top_hotspot_a_2.gif"/*tpa=/images/top_hotspot_a_2.gif*/) top left repeat-y;}

#header .topplace_1 {width:303px; height:6px; background:url("top_hotspot_a_1.gif"/*tpa=/images/top_hotspot_a_1.gif*/) top left no-repeat; }
#header .topplace_2 {width:303px; height:194px; padding:15px 20px 10px 25px; background:url("top_hotspot_a_3.gif"/*tpa=/images/top_hotspot_a_3.gif*/) bottom left no-repeat; }
#header .topplace_2 .title {font-size:1.6em;}

#header .menu {clear:both; margin:20px 0 0 0; width:988px; }
#header .menu_center {width:966px; height:45px; float:left; background-image:url("menu_bg.gif"/*tpa=/images/menu_bg.gif*/);}
#header .menu_left {width:11px; height:45px; float:left; background:url("menu_bg_left.gif"/*tpa=/images/menu_bg_left.gif*/);}
#header .menu_right {width:11px; height:45px; float:left; background:url("menu_bg_right.gif"/*tpa=/images/menu_bg_right.gif*/);}

#header .menu_center a, #header .menu_center a.right {display:block; padding:0 15px; width:auto; height:45px; float:left; font-size:1.2em; line-height:40px; color:#ffffff; text-decoration:none; background: url("menu_bg_w.gif"/*tpa=/images/menu_bg_w.gif*/) right top no-repeat;}
#header .menu_center a.right {background:none;}
#header .menu_center a.active {background:url("menu_active.gif"/*tpa=/images/menu_active.gif*/);}
#header .menu_center a:hover {text-decoration:underline;}



/* --- center
----------------------- */

#center {margin:0 auto; width:988px; font-size:13px;}

#center .nav {margin:20px 20px 20px 0; padding:0; width:303px; float:left; background:url("top_hotspot_a_2.gif"/*tpa=/images/top_hotspot_a_2.gif*/) top left repeat-y;}

#center .nav_1 {width:303px; height:6px; background:url("top_hotspot_a_1.gif"/*tpa=/images/top_hotspot_a_1.gif*/) top left no-repeat; }
#center .nav_2 {width:303px; height:auto; padding:10px 20px 10px 25px; background:url("top_hotspot_a_3.gif"/*tpa=/images/top_hotspot_a_3.gif*/) bottom left no-repeat; }

#center .nav_2 ul {margin:0 39px 0 3px;}
#center .nav_2 ul li {list-style:url("menu_li.gif"/*tpa=/images/menu_li.gif*/); margin: 0 0 5px 0; padding:0 0 0 5px;}

#center .text_wrap {margin:20px 0 0 0; width:665px; height:auto; float:left;}


#center .text_info_block {margin:0 0 20px 20px; padding:0; width:259px; float:right; }

#center .text_info {margin-top:25px; width:259px; background:url("menu_left_bg.gif"/*tpa=/images/menu_left_bg.gif*/) top left repeat-y;}
#center .text_info_1 {width:259px; height:6px; background:url("menu_left_bg_top.gif"/*tpa=/images/menu_left_bg_top.gif*/) top left no-repeat; }
#center .text_info_2 {width:239px; height:auto; padding:10px 10px 10px 10px; background:url("menu_left_bg_bottom.gif"/*tpa=/images/menu_left_bg_bottom.gif*/) bottom left no-repeat; }

#center .text {padding:0 0 30px 10px;}

#search {margin:0 0 15px 0; padding:0 0 0 10px; width:665px; height:auto; text-align:right;}


/* --- footer
----------------------- */
#footer {clear:both; margin:0 auto; width:988px; height:127px; background:url("footer_bg.gif"/*tpa=/images/footer_bg.gif*/) repeat-x; }
#footer a {color:#e7cb71; padding:0 10px;}

#footer .ft_left_cor {width:988px; height:6px; background:url("footer_left_corner.gif"/*tpa=/images/footer_left_corner.gif*/) left no-repeat; }
#footer .ft_right_cor {width:988px; height:6px; background:url("footer_right_corner.gif"/*tpa=/images/footer_right_corner.gif*/) right no-repeat; }


#footer .ft_info {width:988px; padding:15px 20px; margin-top:10px; color:#ffffff;}
#footer .ft_conter {width:100px; float:right; padding-right:50px;} 

/* classes */

.red {color: #da1500;}
.blue {color: #0c4b84;}

.table_more td {padding: 0 20px 0 0;}


/* --- Product page
----------------------- */
.product td {padding:5px 20px 5px 10px; border-bottom:solid 1px #F2F2F2;}
.product .name {font-size:110%;}
.product a {color:#373737; text-decoration:none}
.product a:hover {text-decoration:underline}