/* element ********************/
html, body {font-family: Arial,Helvetica,sans-serif; background-color:#ededef; font-size:16px;}


/* layout ********************/
body {background-image:url(/core/general/img/bg/bg.jpg); background-repeat:repeat-x; }
#whole {}
#doc {width:980px;margin:auto; }
#page {margin-bottom:30px;}
#hd { height:158px; background-image :url(/core/general/img/bg/hd.jpg); background-repeat :no-repeat;} 
#bd { background-image :url(/core/general/img/bg/body_bg.png); background-repeat:repeat-y; min-height:700px;} 

/* two cols */
.twocols .centre {float:left;width:700px; margin:15px 15px 20px 20px;}
.twocols .right {float:right;width:200px;margin:15px 30px 20px 15px;}


/* general styles ********************/
h1 { font-size :34px; margin:0 0 20px 0;}
h2 {font-size :24px; font-weight :normal; margin:15px 0;font-weight:bold;}
a {color:#9c2916;}
input[type="text"], input[type="password"], textarea { width:auto; margin:2px 0; padding:2px 3px;font-size:13px; color:#333;}
input[type="submit"], input[type="button"], input[type="reset"] {padding:3px 5px; font-size:12px; color:#333;}
p { line-height:20px; font-size:16px; margin-bottom :10px;}
hr{ border-bottom :solid 1px #dedfe1;}
.imgdiv img {display:block;}


.clearfix  {overflow: hidden;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden; font-size:0;}

#hd {position:relative;}

/* topmenu */
#topmenu {position:absolute; bottom:0;}
#topmenu ul.jm01 { margin:0; padding-left:10px;}
#topmenu ul.jm01 li{ list-style-type:none; display:block;  }
#topmenu ul.jm01 li.jm01, #topmenu ul.jm01 li.sp{ position:relative; line-height:43px; height:43px;color:#E03A20;font-size:12px; font-weight:bold;float:left; margin:0 5px;}
#topmenu ul.jm01 li.sp { margin-left:2px; margin-right:2px;}
#topmenu ul.jm01 li.jm01 a {line-height:43px; height:43px; color:#E03A20; text-transform:uppercase; letter-spacing:1px; font-size:13px; font-weight:bold; text-decoration:none; }
#topmenu ul.jm01 li.jm01_cs a.jm01, #topmenu ul.jm01 li.jm01_ks a.jm01, #topmenu ul.jm01 li.jm01 a.jm01:hover {color:#fff;}
#topmenu ul.jm01 ul.jm02{ position:absolute; z-index:10; margin:0; background-color:#9D2B13; left:-15px; top:43px; padding: 0px 8px 8px 8px; display:none;}
#topmenu ul.jm01 ul.jm02 li {display:block; margin-bottom:1px;line-height:28px;}
#topmenu ul.jm01 ul.jm02 li a{line-height:28px; height:28px;letter-spacing:1px; font-size:12px; font-weight:normal; width:200px;text-decoration:none; text-transform:none; color:#fff; display:block; padding:0 10px;}
#topmenu ul.jm01 ul.jm02 li a:hover{ background-color:#E03A20;}

/* primary */
#primary{}
#primary p{}
#primary li{ list-style-position:outside; list-style-type:disc; margin-left:20px;}
#primary ul, ol{ margin:5px 0 5px 10px;}
#primary li{ margin:0 0 3px 20px;}
#primary a{ text-decoration :none; font-style :italic;}
#primary img{ margin-bottom :15px;}


/* products */

#primary .movies{float:left; margin: 10px 5px 10px 0px; width:220px;}
#primary .movies .desc{ width :110px; float:right; margin:0 5px; font-size :12px;}
#primary .movies a{ color: #000;}
#primary .movies span{ color:red;}
/* right */
.right p{ line-height:15px; font-size:12px; margin:0.7em 0;}
.right img{ margin-bottom:10px;}
.right .photos p{ font-style:italic ;}
.right .photos img{margin-bottom:0px;}
.right .r_qlink .more{ font-style :italic ;}
#bd .right .imgdiv .caption{ font-style :italic ;margin:10px 0;}
#bd .right td{ border:none; padding:0;}

#bd .right .imgdiv{ font-size :12px; margin:0 0 10px 0;}
#bd .right .imgdiv img{ margin:0}
#bd .right img {max-width:201px;_width: expression(this.width > 201 ? 201 : true);}
.right h2 {margin:0 0 5px 0; font-size:24px; font-weight:normal;}
.right a {font-size:12px; text-decoration:none;}
.right span.more{ display:block;  }

/* secondary */
#secondary{}

/* tertiary */
#tertiary{}

/* Top desc*/

#primary .desc{ font-style :italic; margin-bottom :30px; }
#primary .desc p{ line-height:25px; letter-spacing :2px;}

/* social Media */

.socialMedia {height:37px; background-image :url(/core/general/img/interface/socialmedia.png); color:#9c2916;margin-bottom :20px; font-size:12px; letter-spacing :1px; }
.socialMedia .inner {float:right; margin-right:5px; font-weight :bold;}
.socialMedia .inner div {float:left; margin:0 5px; line-height:37px;}
.socialMedia .inner img {margin-top:4px;}
.socialMedia .inner a { text-decoration:none;}

/* qlink */
#primary .qlink { margin-top:20px; border-top :solid 1px #dedfe1;  padding-top :20px;}
#primary .qlink { margin:10px 0;}
#primary .qlink .img{ width :275px; float:left;}
#primary .qlink .img img{ float:left;}
#primary .qlink .detail{ width :400px; float:left; margin-left :20px;}
#primary .qlink .detail, #primary .qlink .detail p {line-height:1.2em;}
#primary .qlink h1, #primary .qlink h2{ margin:0; font-size : 34px; line-height:40px; margin-bottom:5px;}
#primary .qlink span.more{ color:#9c2916; font-style :italic ; font-size :14px; display:block; line-height:25px; }
#primary .qlink a{ text-decoration :none; color:#9c2916;}
#primary .qlink ul{ margin:10px 0; }
#primary .qlink li{list-style-position:inside; list-style-type:disc; margin-left:0; display:list-item; line-height:25px; }
#primary .qlink a:hover{ color:#8c6a64;}

/* quick join */
#primary .contact2 .qjoin { margin:0px 0 0 0; border-bottom :1px solid #DEDFE1;padding :0px 0 10px 0;}
#primary .contact2 .qjoin span{ font-size :14px; margin-right :10px;}
#primary .contact2 .qjoin p{ font-size :14px; font-style :italic ; margin-bottom; 0}
#primary .qjoin h2{ font-size :23px; margin:0; font-weight :normal;}
#primary .contact2 .qjoin a{ color:#9c2916; text-decoration :none;}
#primary .contact2 .qjoin table td{ border:none; padding:10px 0 0 0;}

/* footer */
#ft {height:31px; text-align: left;background-image:url(/core/general/img/bg/ft_bg.jpg); background-repeat:repeat-x; font-size :11px; color:#666; letter-spacing :0.5px; margin-top :10px;}
#ft ul{padding:0; display:inline; margin-left :0; }
#ft li{display:inline; margin-left :0;}
#ft li a{height:31px; line-height:31px; margin:0; text-decoration:none;color:#666; font-style :normal ; }
#ft li a:hover{text-decoration:none; color:#000;}

/* specific region ********************/

/* contact */
.contact {border:none; width:500px;}
.contact td{border:none; padding:2px;}
.contact input{height:23px; width:350px; font-size:100%;}
.contact textarea{width:350px;font-size:100%;}
.contact .button{float:right; width:100px;font-size:80%;}

/* sitemap */
.sitemap ul {margin:0.5em 2em;}
.sitemap li {margin:0;line-height:1em; list-style-type:disc;}
.sitemap a {text-decoration:none; color:#333;}

/* file link */
div.flink div { float:left;}
div.flink div.ficon { margin:3px 1px 0px 0px;}
div.flink div.fname { margin:2px 5px; font-weight:bold;}


/* time picker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }


.noborder {font-size:90%; background-color:#f9f9f9; padding:10px; border-bottom:1px solid #999999; border-top:1px solid #e1e1e1;}
.noborder table {border:none;}
.noborder td {border:none; padding:3px; }

/* for printing ********************/
@media print {
#hd, #ft, #secondary{display:none;}
body, html, #whole, #doc4, #page, #bd, #primary { background:none; background-color:#fff;margin:0;padding:0; width:auto; color:#000;}
}