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

/* Base Class */
.clearboth {clear:both;}
.overclear { clear:both; overflow:hidden;}
.bg-blue {background: #054f99;}
.bg-gray {background: #858889 url('../images/bg-gray.jpg') left top repeat-x;}
.bg-lightgray {background: #e5e7e5;}

/* Header */
header {}

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 {padding: 3px 20px 0 0; text-align: right;}


.TopLogo { padding-top: 10px;}

header .MainNav {}
header .menu_button { display:none;}
header .nav { text-align:left; list-style:none; margin:0; padding:0 0 0 50px;}
header .nav li { display:inline-block; position:relative; z-index:1; margin:0;}
header .nav li a{ padding:20px 30px; color:#818285; font-size:16px; display: block; font-weight: bold; border-right: solid 1px #818285;}
header .nav li:last-child a{border: none;}
header .nav li a:hover,
header .nav li a.nav-selected {background:#054f99; color: #fff;}

header .nav li ul {display: none; }
header .nav li:hover ul {display: block; background:#273238; position: absolute; text-align:left; left:0; top:28px; padding: 10px 0; margin-left: 10px; width: 160px;}
header .nav li:hover ul li{ padding: 5px; display: block; margin: 0;}
header .nav li:hover ul li:hover {background:#09b4ed;}
header .nav li:hover ul li a{color: #FFF;}

header .nav li:hover ul li ul {display: none; }
header .nav li ul li:hover ul {display: block; background:#273238; position: absolute; text-align:left; left:160px; top:-10px; padding: 10px 0; margin-left: 0; width: 160px;}

header .MainNav .nav li a {text-transform: capitalize;}

header .social { padding: 15px 20px 0 0; text-align: right;}


/* Content */
.navProduct {position: fixed; left: 0; top: 0; width: 300px; height: 100%;}
.navProduct .nav { text-align:left; list-style:none; margin:0; padding:15px;}
.navProduct .nav li { display:block; position:relative; z-index:1; margin:0; border-bottom: solid 1px #fff;}
.navProduct .nav li:last-child {border: none;}
.navProduct .nav li a{ padding:10px 30px; color:#ffffff; font-size:16px; display: block; font-weight: bold;}
.navProduct .nav li a:hover,
.navProduct .nav li a.nav-selected {text-decoration: underline;}

.navProduct .nav li ul { padding: 0; margin: 0; }
.navProduct .nav li ul li{ border: none;}
.navProduct .nav li ul li:last-child{border: none;}
.navProduct .nav li ul li a{ padding:10px 30px 10px 50px; color:#ffffff; font-size:14px; display: block; font-weight: normal;}

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; line-height: normal; color: #074f9b;}
article h1{font-size:40px;}
article h2{font-size:35px;}
article h3{font-size:30px;}
article h4{font-size:25px;}
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 */
.catDownload {font-size:20px; color: #505454; padding: 20px 0; font-weight: bold;}
.catDownload h3{margin:0 0 5px; font-weight: normal; line-height: normal; color: #074f9b; font-size:35px;}
.catDownload a{font-size:25px; padding: 15px 20px; border:solid 1px #054f99; border-radius:25px; display: inline-block;}

footer {position: relative; color: #505454; }

footer h1, footer h2, footer h3, footer h4, footer h5{margin:0 0 15px; font-weight: normal; line-height: normal; color: #505454;}
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; }
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 ul { text-align:left; list-style:none; margin:0; padding:0;}
footer ul li { display:block; position:relative; z-index:2; padding:10px 0; border-bottom: solid 1px #fff;}
footer ul li:first-child {padding-top: 0;}
footer ul li:last-child {border: none;}
footer ul li a{ color:#505454; text-decoration: underline; }

#toTop {display: none; 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 {}

/* Concrete5 CSS */

/* Breadcrumbs */
.MainBreadcrumb {margin-bottom: 30px;}
.swp-breadcrumbs { padding:0; color:#666666; font-size: 12px; }
.swp-breadcrumbs .swp-breadcrumbs-level {display: none;}
.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: left; margin-bottom: 20px; box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);}
.ccm-page-list .row-fluid .pageobj .ccm-page-list-thumb img{width: 100%;}
.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: left; padding: 10px; margin-bottom: 20px;}
.ccm-page-list .ccm-page-list-title {font-size: 16px; margin: 10px 0; padding: 0 10px; display: inline-block;}
.ccm-page-list .ccm-page-list-title a {font-weight: bold;}
.ccm-page-list .row-fluid { margin-bottom: 15px;}
.ccm-page-list .price-detail {margin-bottom: 20px;}
.ccm-page-list .pageobj .read-more {font-weight: bold; display: block; text-align: right; color: #9da2a4; padding: 5px;}
.ccm-page-list .pageobj .read-more span {}

/* 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;}

.productBox {margin-bottom: 30px;}
.productBox .productBox_Detail { font-size: 20px; line-height: normal;}
.productBox .productBox_Detail h3{font-weight: bold; padding-bottom: 20px; margin-bottom: 30px; font-size: 40px;}
.productBox .productBox_Img img{width: 100%;}

.productBox.gray {background: #e7e7e8; color: #231f20;}
.productBox.gray .productBox_Detail h3{color: #08509a; border-bottom: 3px solid #828587;}

.productBox.blue {background: #149ed9; color: #ffffff;}
.productBox.blue .productBox_Detail h3{color: #ffffff; border-bottom: 3px solid #ffffff;}