body,table,td,tr,li,ul,p,span,div, select, input, textarea{color: #5f5f5f; font-family : Tahoma, Arial, sans-serif; font-size: 11px;}
body{background: #fff url(/xtpl/i/bg.gif) repeat-x top; margin:0; padding: 0; text-align:center }

.container{text-align:left; margin: 0 auto; min-width:960px; max-width:1200px; 
width:expression(((document.body.clientWidth)<=1000)?'960':((document.body.clientWidth)>1200)?'1200px':'100%'); padding: 0 20px}


li{ list-style-type : circle; list-style-image : url(/xtpl/i/li.gif); }
ul{ padding: 0px; margin: 0px; }
A{ color: #307DD5; text-decoration : underline; }
form { margin: 0; padding: 0}
table{ border-collapse: collapse; border:0px }
table td{ padding:0 }


#logo {  float: left; }
#logo a{ width: 230px; height: 100px; background: url(/xtpl/i/logo.gif) no-repeat top left; display:block;  }
#logo h1 { display:none;  }
#siteHead { background: url(/xtpl/i/bg0.jpg) no-repeat 30% 0;  }

/* content */
#top{ width: 100%; clear:both; }
#content{ clear:both; margin-top: 15px; float:left; width: 100% }
#content .left{ float:left; }
#content .right{ float:right;  }



/* tabs */
.tab li{ list-style-type: none; list-style-image: none;}
.tab .header{  display:block;  }

/* tm */
#tm { background: url(/xtpl/i/tm_bg_r.gif) no-repeat right; padding-right: 13px; float: right; margin-top: 15px; }
#tm .inner { background: url(/xtpl/i/tm_bg_l.gif) no-repeat left; padding-left: 13px;  }
#tm ul{ _display:inline; text-align: center; background: url(/xtpl/i/tm_bg.gif) repeat-x;  height: 28px; }
#tm li{ list-style-type: none;  list-style-image: none;  font-size: 10px; background: url(/xtpl/i/dd_w.gif) no-repeat 0 10px;  float:left}
#tm  li a{ color: #fff; text-decoration: none; display:block; padding: 7px 20px 0;  }
#tm li a:hover{ background: url(/xtpl/i/tm_arr.gif) no-repeat top; }
#tm .first{ background: none }


/* bottom */
#bottom { clear:both; }
.search{ float:left; height: 24px; }
.search input{ border: 1px solid #ddd; margin-right: 5px; height: 24px; padding: 3px 7px; color: #9C9C9C; width: 82%; margin-left: 25px }
.search img{vertical-align: middle; _margin-top: -10px }
#content .search { border-bottom: 1px solid #ececec; padding-bottom: 13px; width: 100%; position: relative; top:-16px}
#bm .search { width: 40%; text-align: left  }

#bm{ border-bottom: 5px solid #ececec; text-align: right; padding: 7px 0; float:left; width: 100% }
#bm ul{ overflow: hidden; width: auto; margin-top: 5px; _margin-top: 15px}
#bm li{ list-style-type: none; list-style-image: none; padding: 0 20px; display:inline;  border-right: 1px solid #ccc; font-size: 10px; margin-right: -4px; _margin-right: -1px}
#bm  li a{ color: #838383; text-decoration: none; }
#bm  li a:hover{ text-decoration: underline; }

#bottom p{ color: #9c9c9c; margin:5px 0 0; padding: 0 }
#bottom p a{ color: #697D8F }
#tel{ background: url(/xtpl/i/tel.gif) no-repeat 0 0; float:left; width: 30%; min-height: 60px; _height: 60px; }
#tel p{ padding: 0 30px 0 80px;   }
#address { float:left; width: 40%;  }
#address p{ padding-right: 30px;  }
#copyrights { float: right; width: 30% }
#copyrights p{ font-size: 10px; margin-bottom:10px  }
#tel, #address, #copyrights{ margin: 15px 0 30px }


/* common */
.clear{ clear:both }
small a{ text-decoration: none }
small a:hover{ text-decoration: underline}
.tab h4{ display:none;  }
.ico { float:left }
.item { clear:both }
#title h2{ padding: 0 0 10px; margin: 0; font-size: 22px; color: #505050; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif ;}
#title h2 a{ text-decoration: none }
#slider{ clear:both; text-align:center; font-size: 10px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 5px 0;  }

/* news */
#news dl{ margin: 0; padding: 0 }
#news dt{ color: #000; font-size: 10px; background: url(/xtpl/i/date_bg.gif) no-repeat 0 2px; width: 90px;  float:left; clear:left; text-indent: 18px}
#news dd{ font-size: 10px; color: #838383; margin: -2px 0 25px 0 ; display: table; _height: 0; zoom: 1; }
html:first-child #news dd{ margin-left: 90px }
#news dd a{ font-size: 12px; color: #000; display:block; margin-bottom: 5px }
#news dd br{ display:none; }

/* pathway */
#pathway {  font-size: 10px; padding-bottom: 10px; }
#pathway a.first { background: none; padding-left: 0; }
#pathway a { background: url(/xtpl/i/arr0.gif) no-repeat 0 5px; padding: 0 12px 0 15px; color: #9C9C9C; }
#pathway a:hover{ color: #307DD5 }

/* msg */
#msg .ico a{ display:block; border: 1px solid #ddd; text-align: center;  }
#msg .ico{ clear:left; margin-bottom: 20px; margin-right: 20px  }
#msg .ico small { display:block; font-size: 10px;  text-align: center; line-height: 10px; color: #9C9C9C; margin-top: 5px }
#msg ul{ display: table; _height: 0; zoom: 1; }
#msg li{ list-style-type: none;  list-style-image: none;  background: url(/xtpl/i/bullet.gif) no-repeat left 7px; padding-left: 20px;  font-size: 12px; }
#msg p, #msg {font-size: 12px; line-height: 130% }

#msg .number, #msg .price, #msg .more { float:none; clear:both; width: auto ; text-align: left}
#msg .price{ margin-bottom: 20px }
#msg .number{ margin-bottom: 10px }
#msg h1, #msg h2, #msg h3, #msg h4, #msg h5, #msg h6{ color: #307DD5 }


#msg h1{ padding: 0; margin: 0 0 20px 0; font-size: 26px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;  line-height: 25px ;  }
#msg h2{ font-size: 24px}
#msg h3{ font-size: 18px}
#msg h4{ font-size: 14px }
#msg h5{ font-size: 12px}
#msg h6{ font-size: 11px }

#msg th{ border-bottom: 4px solid #ddd; border-top: 1px solid #ddd; padding: 5px; font-size: 10px; font-weight: normal; color: #838383 }
#msg td{ border-bottom: 1px solid #ddd; padding: 5px 10px }


.price{ color: #666; font-size: 24px; font-weight: bold; }
.number span{ font-weight: bold; color: #838383 }
.more a{ font-size: 10px; color: #838383 }
.number, .price, .more{ float:right; clear: right; width: 150px; text-align: right; color: #838383; }
.print{border: 1px dashed #ccc; float:right; width: 150px; margin: 0 0 10px 10px}
.print a{ display:block;  background: url(/xtpl/i/ico_print.gif) no-repeat 18px 8px;  padding-left: 37px; height: 25px; text-decoration: none; line-height: 25px;  }
.print a:hover{ background: #efefef url(/xtpl/i/ico_print.gif) no-repeat 18px 8px;}


/* popup */
.highslide img{ cursor: url(fotozoom/img/zoomin.cur), pointer; outline: none; border:0; margin: 4px; }
.highslide-image { border: 20px solid white; }
.highslide-caption { display: none; border: 2px solid white; padding: 6px 10px 5px; background: #efefef; font-size: 11px }
.highslide-loading { display: block; color: white; font-size: 11px; font-weight: bold; text-decoration: none; padding: 3px; background-color: black; padding-left: 22px; background-image: url(fotozoom/img/loader.gif); background-repeat: no-repeat; background-position: 3px 1px; }
.highslide-move { cursor: move; }
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }

/* list */
#list .ico a{ display:block; border: 1px solid #ddd; margin-right: 20px }
#list .ico img{ margin: 4px }
#list .item{  margin-bottom: -1px; border-bottom: 1px solid #ddd;  padding: 15px 0;  }
#list li{  background: url(/xtpl/i/bullet.gif) no-repeat left 7px; padding-left: 20px;  }
#list { overflow:hidden }