body, h1, h2, h3, h4, p, ul, ol, menu, li, table, td, form, iframe {margin:0; padding:0}

ul li { margin-left: 20px;}

h1 { color: #364b94; font-size: 200%; font-weight: bold; }
h2 { color: #6878af; font-size: 160%;}
h3 { color: #c6222b; font-size: 140%; font-weight: bold;}
h4 { color: #364b94; font-size: 120%; font-weight: bold; }

img {border:0;}

body {position:relative; font-size:75%; font-family:Arial, Helvetica, sans-serif; line-height:1.25; color:#666; background-color:#FFF;}

pre { font-size:12px;}

fieldset legend {  }

#page-main { width: 970px; min-height: 500px; margin: auto; background: url(imgs/page_bg.gif) repeat-y; padding: 0; }
#page-main #top { width: 970px; height: 20px; background: url(imgs/page_top_bg.gif) no-repeat;}
#page-main #bottom { width: 970px; height: 20px; background: url(imgs/page_bottom_bg.gif) no-repeat;}
#copyright { width: 930px; margin: auto; padding: 5px 20px 10px 20px; }

#page { padding: 0px 20px 0px 20px; }

#page #logo { width: 320px; height: 50px; float: left; }
#page #lang { width: 500px; height: 20px; float: right; text-align: right; font-size: 11px; font-weight: bold; color: #364b94; }
#page #lang a { color: #364b94; text-decoration: none; padding-left: 10px; padding-right: 10px; }
#page #lang a:hover { color: #c6222b; text-decoration: underline; }
#page #lang .odd { width: 15px; height: 11px; background: url(imgs/lang_odd.gif) no-repeat; }

#page #navigation-top {width: 500px; height: 26px; float: right; margin-top: 10px; }
#page #navigation-top a { display:block; width: 80px; height: 26px; line-height: 26px; float: right; margin-left: 1px; background: url(imgs/navigation_top_bg.gif) no-repeat; font-size: 11px; color: #fff; text-align: center; text-decoration: none; font-weight: bold; }
#page #navigation-top a:hover { text-decoration: underline; }
#page #navigation-top .active { background: url(imgs/navigation_top_a_bg.gif) no-repeat;}

#page #header { height: 140px; border: solid 1px #ECECEC; padding: 9px;}

#page .col-a { width: 210px; float: left; }
#page .col-b { width: 690px; margin-right: 10px; float: right; }

.navigation { background: url(imgs/navigation_bg.gif) no-repeat; width: 930px; height: 20px; padding-top: 6px; text-align: center; color: #fff; font-weight: bold; }

.navigation .button { width: 150px; float: left; margin: 2px; text-align: center; color: #fff; }
.navigation a { color: #fff; text-decoration: none; font-weight: bold; }
.navigation a:hover { text-decoration: underline; }
    
.news { width: 200px; float: left; border: solid 1px #000; padding: 2px;}
.news .header { font-weight: bold; font-size: 120%; background-color: #9999dd;}
.news .title { font-weight: bold; }
.news .more { text-align: right;}

/* boxes */
.box-small-1 { width: 210px; }
.box-small-1 .header { height: 16px; background: url(imgs/box1_header_bg.gif) no-repeat; color: #fff; font-weight: bold; margin-bottom: 1px; padding: 2px 10px 0px 10px; }
.box-small-1 .top { height: 6px; background: url(imgs/box1_top_bg.gif) no-repeat; }
.box-small-1 .content { background-color: #f6dedf; padding: 0px 10px 0px 10px; color: #666; line-height: 1.5; }
.box-small-1 .content h4 { color: #c6222b; font-weight: bold; padding-bottom: 3px; }
.box-small-1 .content hr { display: none; }
.box-small-1 .content .more, .box-small-1 .content .more a { color: #c6222b; text-align: right; text-decoration: none; }
.box-small-1 .content .more a:hover { text-decoration: underline; }
.box-small-1 .bottom { height: 6px; background: url(imgs/box1_bottom_bg.gif) no-repeat; }

.box-small-2 { width: 210px; }
.box-small-2 .header { height: 16px; background: url(imgs/box2_header_bg.gif) no-repeat; color: #fff; font-weight: bold; margin-bottom: 1px; padding: 2px 10px 0px 10px; }
.box-small-2 .top { height: 6px; background: url(imgs/box2_top_bg.gif) no-repeat; }
.box-small-2 .content { background-color: #ebedf4; padding: 0px 10px 0px 10px; color: #666; line-height: 1.5; }
.box-small-2 .content h4 { color: #364b94; font-weight: bold; padding-bottom: 3px; }
.box-small-2 .content hr { display: none; }
.box-small-2 .bottom { height: 6px; background: url(imgs/box2_bottom_bg.gif) no-repeat; }

.box-small-3 { width: 210px; }
.box-small-3 .header { height: 16px; background: url(imgs/box3_header_bg.gif) no-repeat; color: #fff; font-weight: bold; margin-bottom: 1px; padding: 2px 10px 0px 10px; }
.box-small-3 .top { height: 6px; background: url(imgs/box2_top_bg.gif) no-repeat; }
.box-small-3 .content { background-color: #ebedf4; padding: 0px 10px 0px 10px; color: #666; line-height: 1.5; }
.box-small-3 .content h4 { color: #364b94; font-weight: bold; padding-bottom: 3px; }
.box-small-3 .content hr { display: none; }
.box-small-3 .bottom { height: 6px; background: url(imgs/box2_bottom_bg.gif) no-repeat; }

/* partner login */
.partner-login { line-height: 1.2; }
.partner-login .text { width: 178px; border: solid 1px #6979af; }
.partner-login .button { background: url(imgs/login_button_bg.gif) no-repeat; width: 74px; height: 21px; float: right; color: #fff; border: 0; font-size: 11px; font-weight: bold; padding: 0; }


/* detail */
#detail { padding-top: 10px; }
#detail h1 { color: #364b94; font-size: 200%; font-weight: bold; }
#detail h1 a { color: #364b94; text-decoration: none; }
#detail h2 { color: #6878af; font-size: 160%;}
#detail h2 a { color: #6878af; text-decoration: none; }
#detail h3 { color: #c6222b; font-size: 140%; font-weight: bold;}
#detail h3 a { color: #c6222b; text-decoration: none; }
#detail h4 { color: #364b94; font-size: 120%; font-weight: bold; }
#detail h4 a { color: #364b94; text-decoration: none; }
#detail hr { border: 0; border-bottom: dotted 1px #ccc; margin: 10px 0px 10px 0px; }
#detail .datetime { color: #c6222b; }
#detail .photos { width: 210px; float: right; margin-left: 10px; }
#detail .photos .header { height: 16px; background: url(imgs/box3_header_bg.gif) no-repeat; color: #fff; font-weight: bold; margin-bottom: 1px; padding: 2px 10px 0px 10px; }
#detail .photos .top { height: 6px; background: url(imgs/box2_top_bg.gif) no-repeat; }
#detail .photos .content { background-color: #ebedf4; padding: 0px 10px 0px 10px; color: #666; line-height: 1.5; text-align: center; }
#detail .photos .content h4 { color: #364b94; font-weight: bold; padding-bottom: 3px; }
#detail .photos .content hr { border: 0; border-bottom: dotted 1px #ccc; margin: 10px 0px 10px 0px; }
#detail .photos .content img { border: solid 1px #666; background-color: #fff; padding: 1px; }
#detail .photos .bottom { height: 6px; background: url(imgs/box2_bottom_bg.gif) no-repeat; }
#detail .more { color: #c6222b; padding: 6px 0px 2px 0px; font-weight: bold; }
#detail .more a { color: #c6222b; }

/* flash map */
#flash-map { width: 380px; padding: 0px 100px 0px 100px;}


/* gallery */
#photogallery { width: 800px; height: 630px; border: solid 4px #364b94; padding: 6px; font-size: 12px; font-weight: bold; background-color: #ffffff; z-index: 100;}
#photogallery .image { width: 800px; height: 600px; vertical-align: middle; line-height: 480px; text-align: center; }

#photogallery .left { width: 100px; height: 30px; line-height: 30px; float: left; text-align: left; }
#photogallery .left a { font-size: 20px; text-decoration: none; color: #364b94; padding: 1px 1px 1px 3px; }
#photogallery .left a:hover { background-color: #364b94; color: #ffffff; }
#photogallery .main { width: 600px; height: 30px; float: left; text-align: center; }
#photogallery .main a { font-size: 10px; text-decoration: none; color: #364b94; padding: 1px 1px 1px 3px; }
#photogallery .main a:hover { background-color: #364b94; color: #ffffff; }
#photogallery .right { width: 100px; height: 30px; line-height: 30px; float: left; text-align: right; }
#photogallery .right a { font-size: 20px; text-decoration: none; color: #364b94; padding: 1px 1px 1px 3px; }
#photogallery .right a:hover { background-color: #364b94; color: #ffffff; }


/* rounded corners */
.r-button ul {list-style:none;margin-left:0;padding-left:0;margin-top:0; margin-bottom: 10px;}
.r-button li {
  display:block; /* a must */
  float: left;
}
.r-button li a {
  display:block; /* a must */
  border: solid #364B94;
  border-width: 0 1px; /* left and right borders only */
  text-decoration: none;
  outline:none; /* so as not to distract from the effect */
  color: #000;
  background: #EBEDF4;
  margin-right: 2px;
  width: 140px;
  float: left;
  margin-bottom: 2px;
}
.r-button li a b {
  display: block; /* another must */
  position:relative; /* because the child elements are positioned */
  top: -1px; /* drag it up a little, creates the top notches */
  left: 0;
  border:solid #364B94;
  border-width:1px 0 0; /* top border only */
  font-weight:normal;
}
.r-button li a b b {
  border-width:0 0 1px; /* bottom border only */
  top: 2px; /* pushed down a little to create the bottom notches */
}
.r-button li a b b b { /* i don't think three-deep tag is even necessary */
  top:-1px;
  padding: 2px 6px 1px 20px;
  border-width: 0;
  background:transparent none no-repeat scroll left center;
  margin-left:4px;
}

.r-button li a:hover { color: #000; background-color: #CBCDE4; /* color: #fff; background-color: #364B94;  */}

.r-button #r-button_map b b b { background-image:url(imgs/icon_world.png);}
.r-button #r-button_print b b b { background-image:url(imgs/icon_print.png);}
.r-button #r-button_buy b b b { background-image:url(imgs/icon_buy.png);}
.r-button #r-button_back b b b { background-image:url(imgs/icon_back.png);}

#order-form { width: 80%; margin: auto; }
#order-form fieldset, fieldset { padding: 10px; border: solid 1px #364B94; background-color: #EBEDF4; margin-bottom: 16px; }
#order-form fieldset legend, fieldset legend { background-color: #364B94; border: solid 1px #364B94; padding: 1px 4px 1px 4px; color: #fff; font-weight: bold; width: auto; font-size: 12px; margin-bottom: 4px; line-height: 16px; }
#order-form input, #order-form select, #order-form textarea { border: 1px solid #6979AF; width: 200px; margin-bottom: 4px; }
#order-form textarea { width: 100%; padding: 2px; }
#order-form select { width: 200px;}
#order-form tr, #order-form td { vertical-align: top; }


.error { background-color: #ffbbbb; border: solid 1px #990000; color: #000; padding: 10px; margin-bottom: 16px; }
.error ul { margin-left: 16px; }

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(/Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/Images/SavedStar.png);
}


/* attributes panel */
.attributes-panel {}
.attributes-panel .map { width: 400px; padding: 0; margin: 0; float: left;}
.attributes-panel .attributes { width: 270px; padding: 0; margin: 0; float: right; background-color: #ffffff; }

.attributes-panel .attributes .name { width: 80px; padding: 0; margin: 0; float: left; line-height: 14px; }
.attributes-panel .attributes .value { width: 188px; padding: 0; margin: 0; font-size: 14px; line-height: 14px; font-weight: bold; float: right; }
.attributes-panel .attributes .value span.reset { padding-left: 6px; font-size: 10px; }
.attributes-panel .attributes .value span.reset a { color: #666;}