/* Tag */
* { outline:none;}
body, html{
    height: 100%;
}
body { background:#FFF; font:14px 'open_sansregular',Arial,Helvetica; color:#363636; margin:0; padding:0; line-height:1.5em; }
a { color:#006531; transition: color 0.5s; -webkit-transition: color 0.5s;}
a:hover{ text-decoration:underline; color:#566d3b;}

/* Base Class */
.clearboth {clear:both;}
.overclear { clear:both; overflow:hidden;}

/* Header */
header {background-color: rgba(255, 255, 255, 0.8); border-bottom: 1px solid #b7b7b7; padding: 3px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 2;}

header .navOption{text-align: right; padding:10px 0; font-size: 12px;}
header .NavContact {}
header .NavContact img {vertical-align: middle;}
header .NavContact a {color: #000000;}

header .NavLanguage {}
header .NavLanguage a {margin-left:20px; padding:2px 2px 2px 25px; display: inline-block; color:#333333; background: url('../images/icon/radio_blank.png') left center no-repeat;}
header .NavLanguage a.selected {background: url('../images/icon/radio_select.png') left center no-repeat;}


header .logo {}

header .MainNav {border-top: 1px solid #b7b7b7; font:27px 'fc_lamoonregular','open_sansregular',Arial,Helvetica;}
header .menu_button { display:none;}
header .nav { text-align:right; list-style:none; margin:5px 0 0; padding:5px 0;}
header .nav li { display:inline-block; position:relative; z-index:1; margin-left: 30px;}
header .nav li:last-child {}
header .nav li a{ padding:4px 5px; color:#000000; display: block; }
header .nav li a:hover,
header .nav li a.nav-path-selected,
header .nav li a.nav-selected {text-decoration: underline;}

header .nav li ul {display: none; }
header .nav li:hover ul {display: block; background-color:#c2b59b;  border: solid 1px #ebebeb; position: absolute; text-align:left; left:0; top:28px; padding: 10px 0; margin-left: 10px; width: 180px;}
header .nav li:hover ul li{ padding: 5px; display: block; margin: 0;}
header .nav li:hover ul li:hover {background:#efefef;}
header .nav li:hover ul li a{color: #000000;}

header .nav li:hover ul li ul {display: none; }


header .contact-top { padding-top:8px;}
header .search-top {}
header .search-top form{ float:right; position:relative; width:100%}
header .search-top form input[type="text"] { width:90%; float: right;}

/* Content */
article .nav {list-style: disc; margin-left: 20px;}

article {min-height: 200px;}

article h1,article h2,article h3,article h4 {margin:0 0 15px; font-weight: normal; ine-height: normal; color: #566d3b;}
article h1{font:35px 'fc_lamoonregular','open_sansregular',Arial,Helvetica;}
article h2{font:30px 'fc_lamoonregular','open_sansregular',Arial,Helvetica;}
article h3{font:30px 'fc_lamoonregular','open_sansregular',Arial,Helvetica;}
article h4{font:30px 'fc_lamoonregular','open_sansregular',Arial,Helvetica;}
article p {margin-bottom: 20px;}
article hr { border:dashed 2px #bdbdbd; border-width:0 0 1px 0; margin:5px 0; clear: both;}

article table {margin-top: 5px; margin-bottom: 20px;}
article table tr:first-child td{background: #e1e1e1;}
article table tr:first-child td p {margin: 0;}
article table tr td {padding: 10px; border: 1px solid #e1e1e1;}

article ul, article ol {margin-bottom: 20px;}

/* Footer */
footer {margin-top: 20px; position: relative;}

footer h1, footer h2, footer h3, footer h4, footer h5{margin:0 0 15px; font-weight: normal; line-height: normal; color: #566d3b;}
footer h1{font-size:30px;}
footer h2{font-size:25px;}
footer h3{font-size:20px;}
footer h4{font-size:15px;}

footer .FooterContent{font-size: 14px; line-height: 1.5em; margin-top:50px; padding: 50px 0 0; border-top: solid 1px #b7b7b7;}
footer .FooterContent img {margin:2px 5px 2px 0; vertical-align: middle;}

footer .FooterContent .abt {}

footer .footer_bottom { margin:0; padding:0; font-size:11px; color: #333333; background: #94c440;}
footer .footer_bottom p{ margin-bottom: 0;}

footer .copyright {padding: 5px 0; text-align: center; margin-top: 30px; font-size: 12px;}
footer .credit {text-align: right; padding: 5px 0; display: none;}

footer .nav { text-align:left; list-style:none; margin:0; padding:0;}
footer .nav li { display:inline-block; position:relative; z-index:2; margin-right: 15px;}
footer .nav li a{ padding-top: 3px; color:#FFF; text-decoration: underline; }

#toTop {background:#ffffff url(../images/scroll-top.png) no-repeat center center; width:60px; height:60px; position: absolute; top:-30px; right:50%; margin-right: -30px; cursor:pointer; border-radius: 3px; border-radius: 100%; border: solid 1px #b7b7b7;}
#toTop:hover {}
footer .PDPA-cover {background: rgba(0, 0, 0, 0.5); color: #FFF; height: 40px; padding: 5px; position: fixed; bottom: 0px; width: 100%; z-index: 5;}
footer .PDPA-close {padding: 5px 15px; background: #000; cursor: pointer; display: inline-block;}
footer .PDPA-close:hover{opacity: 0.5;}
/* Concrete5 CSS */

/* Breadcrumbs */
.MainBreadcrumb {margin-bottom: 30px; border-bottom: 1px solid #b7b7b7;}
.swp-breadcrumbs { padding:0; color:#666666; font-size: 12px; }
.swp-breadcrumbs .swp-breadcrumbs-level + .swp-breadcrumbs-level {display: inline-block;}
.swp-breadcrumbs .delim {margin: 0 5px;}
.swp-breadcrumbs strong { font-weight:normal;}

/* Search Block */
.ccm-search-block-form { position:relative; margin:0;}
.ccm-search-block-form h3 { display:none;}
.ccm-search-block-form input[type="text"] { color:#beccdc; border:#beccdc 1px solid; font-weight:bold; }
.ccm-search-block-form .ccm-search-block-submit { width:30px; height:30px; border:none; display:block; background:url(../images/bt-search.png) 0 center no-repeat; position:absolute; right:0; top:0; text-indent:-9999999px;}

/* Page List */
.ccm-page-list { display:block; margin:0 !important; padding:0;  line-height: normal;}
.ccm-page-list .row-fluid .pageobj {text-align: center; margin-bottom: 20px;}
.ccm-page-list .page-meta {display: inline-block;}
.ccm-page-list .page-meta .date{padding: 5px 10px; background: #94c440; color: #ffffff;     margin-right: 10px;}
.ccm-page-list .ccm-page-list-thumb { margin:0; padding:0; position:relative;}
.ccm-page-list .ccm-page-list-description { text-align: center; padding-bottom: 10px; margin-bottom: 20px; border-bottom: dashed 1px #666666;}
.ccm-page-list .ccm-page-list-title {margin: 10px 0; display: inline-block;}
.ccm-page-list .row-fluid { margin-bottom: 15px;}
.ccm-page-list .price-detail {margin-bottom: 20px;}
.ccm-page-list .price-detail .price{color: #c80000; font-size:1.2em; display: block;}
.ccm-page-list .price-detail .price_line{color: #959595; font-size:0.8em;text-decoration: line-through; display: block;}
.ccm-page-list .ccm-page-list-thumb.best_seller {}
.ccm-page-list .ccm-page-list-thumb.best_seller .img_best_sller{position: absolute; top: 0; left: 0; z-index: 1;}
.ccm-page-list .ccm-page-list-thumb.out_off_stock .sold_out{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.7);}
.ccm-page-list .ccm-page-list-thumb.out_off_stock .sold_out p {color: #FFF; margin-top: 45%; font-size: 20px; font-weight: bold; text-align: center;}
/* Email List Sign up */
.email_list_signup_container { margin-top:5px;}
.email_list_signup_container label { font-size:12px;}
.email_list_signup_container input[type="text"] {background:#ffffff; border:1px solid #cccccc; margin: 3px 0 0 0; font-size: 12px;}
.email_list_signup_container input[type="submit"] {background:#ffffff; color:#333333; font-size: 12px; border:none; border:1px solid #cccccc; margin-top: 10px; padding:6px 16px 5px; border-radius: 0;}
.email_list_signup_container input[type="submit"]:hover {color: #21409A;}

/* Form Block */
.formBlockSurvey { width: 100%;}
.formBlockSurvey ul { list-style:none; margin:0;}
.formBlockSurvey ul li { margin-bottom:5px; clear:both;}
.formBlockSurvey label{font-weight:bold; color:#1c2955; display:block; text-align: left;}
.formBlockSurvey .con {color: #cc0000; margin-left: 0;}
.formBlockSurvey .checkboxList { padding-left:10px;}
.formBlockSurvey input[type="text"],
.formBlockSurvey input[type="password"],
.formBlockSurvey input[type="email"],
.formBlockSurvey input[type="tel"],
.formBlockSurvey select,
.formBlockSurvey textarea{ background:#FFF url(../images/bg_input.png) center top repeat-x; padding: 5px 10px; margin:0 0 10px; border: 1px solid #cccccc; width:100%; box-sizing:border-box;}
.formBlockSurvey select {height: 32px;}
.formBlockSurvey textarea {height: 100px;}
.formBlockSurvey input[type="submit"] {background:#f48921; color:#273238; font-size: 12px; border:none; border-radius: 0; margin-top: 10px; padding: 5px 25px; width: 100%;}
.formBlockSurvey input[type="submit"]:hover {background-color: #273238; color:#FFF;}

.pin-detail {margin-bottom: 30px;}
.point-to-pin {background:#f48921; color:#273238; font-size: 12px; border:none; border-radius: 5px; margin-top: 10px; padding: 7px 16px 5px; }
.point-to-pin:hover {background-color: #273238; color:#FFF;}