/*--- Add css by JorjeeHajee*/
a, a:hover, a:active, a:visited, a:focus { outline:none; }
.widget{
	background:#FFF;
	-moz-box-shadow:    0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow:         0 1px 1px rgba(0,0,0,0.1);
}
.textImage{
    float: left;
    position: absolute;
    text-align: left;
    text-indent: -9999px;
}
.tran{
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}

/*=========== menu nav ============*/
#menu-nav{ 
	background-color:#0D4B79; 
	border-bottom:3px solid #041E32; 
	min-height:50px;
	-moz-box-shadow:    0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow:         0 1px 3px rgba(0,0,0,0.2);
	position:fixed;
	z-index:99;
	width:100%;
}

/*=========== head ============*/
#head{
	background:url(../images/backgrounds/bg-head.png) repeat-x;
	border-bottom:1px solid #ccc;
	-moz-box-shadow:    0 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,1);
	box-shadow:         0 1px 1px rgba(255,255,255,1);
	width:100%;
	height:402px;
	margin-top:54px;
	display:inline-block;
}
#head .head-left .box{
	background-color: #fff;
	border:1px solid #cfcfcf;
	-moz-box-shadow:    0 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow:         0 1px 3px rgba(0,0,0,0.1);
	margin-bottom:20px;
	padding:10px;
}
#head .head-left .box_com{
	color:#00AEEF;
	text-align:center;
	margin-top:-38px;
	font-weight:bold;
}

#head .head-left .box img{
	border:2px solid rgba(0,0,0,0.2);
}
#head .head-left .box p{
	color:#333;
	font-size:12px;
	margin:10px 0px 0px 0px;
}
	
#head .head-right{
	margin-top:20px;
}
#head .head-right p{
	color:#FFF;
	margin:5px 0;
}

/*=========== Content ============*/
#content-detail{
	margin:20px 0;
}
#content-detail hr{
	width:100%;
	height:5px;
	background-color:#FFCC00;
	border:none;
	margin:40px 0 20px 0;
}
#content-detail h2{
	margin-bottom:30px;
	color:#0D4B79;
}
#content-detail h4{
	color:#00AEEF;
}
#content-detail img.widget{
	border:3px solid #FFF;
}
#content-detail img.widget:hover{
	border:3px solid #1D2D3D;
}
#content-detail .col-bottom{
	margin-top:20px;
	display:inline-block;
}
#content-detail .col-bottom a:hover{
	text-decoration:none;
}
#content-detail .col-bottom div.widget p{
	font-size:13px;
	color:#666;
	margin:10px;
}
#content-detail .col-bottom div.widget .topic{
	padding:10px;
	color:#FFF;
	font-size:22px;
}
#content-detail .col-bottom div.widget{
	border:3px solid rgba(255,255,255,0);
}
#content-detail .col-bottom div.widget:hover{
	border:3px solid #FFCC00;
}
#content-detail .col-bottom div.span3:nth-child(1) .topic{
	background:#00AEEF;
}
#content-detail .col-bottom div.span3:nth-child(2) .topic{
	background:#0D76A2;
}
#content-detail .col-bottom div.span3:nth-child(3) .topic{
	background:#155271;
}
#content-detail .col-bottom div.span3:nth-child(4) .topic{
	background:#1D2D3D;
}
#content-detail .head{
	width:100%;
	height:auto;
	padding-bottom:5px;
	border-bottom:5px solid #FFCC00;
	margin-bottom:20px;
	display:inline-block;
}
#content-detail .head img{
	vertical-align:bottom;
}
#content-detail .head span{
	margin:0;
	font-size:24px;
	padding-left:5px;
	color:#999;
}

#content-detail #product-page .row-fluid{
	margin-bottom:20px;
}
#content-detail #product-page .row-fluid .span6, #content-detail #product-page .row-fluid .borderBox{
	height:auto;
	position:relative;
	border:2px solid #FFF;
}
#content-detail #product-page .row-fluid .span6:hover, #content-detail #product-page .row-fluid .borderBox:hover{
	border:2px solid #00AEEF;
}
#content-detail #product-page .row-fluid .widget .type{
	background-color:#00AEEF;
	color:#FFF;
	padding:5px 8px;
	font-size:18px;
	position:absolute;
	top:15px;
	left:0;
}

#content-detail .form{ font-size:12px; margin-top:25px;}
#content-detail .form label{ color:#999;}
#content-detail .form label .req{ color:#FF9B00;}
#content-detail .form input[type="text"]{ padding-top:5px; padding-bottom:5px;}
#content-detail .form input[type="text"], #content-detail .form textarea{ width:100%; margin-left:-12px;}
#content-detail #photo-album .row-fluid{}
#content-detail #photo-album .row-fluid .span6{ border:5px solid #FFF; margin-top:25px;}
#content-detail #photo-album .row-fluid .span6:hover{ border:5px solid #FFCC00;}

/*=========== slide bottom ============*/
#slide-bottom{
	height:150px;
	background:url(../images/backgrounds/bg-head.png) repeat-x;
	border-top:1px solid #ccc;
	-moz-box-shadow:    0 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,1);
	box-shadow:         0 1px 1px rgba(255,255,255,0.2);
}


/*=========== footer ============*/
#footer{
	background-color:#0D4B79;
	border-top:5px solid #00AEEF;
	padding:20px 0;
}
#footer h5{
	color:#FFCC00;
	font-weight:bold;
	font-size:16px;
	margin-top:5px;
}
#footer p{
	color:#FFF;
	font-size:13px;
}
#footer .social-facebook{
	background-color:#3366CC;
	height:110px;
}
#footer .social-map{
	background-color:transparent;
}
#footer .social-contact{
	background-color:#FFCC00;
	height:110px;
	margin-top:14px;
}
#footer .social-facebook img, #footer .social-contact img{}
#footer .social-facebook:hover, #footer .social-contact:hover, .social-map:hover{
	opacity: 0.8;
    filter: alpha(opacity=80);
}
#footer ul.sitemap{
	list-style:none;
	padding:0;
	margin:0;
}

#footer img{}

#footer ul.sitemap li a{
	color:#FFF;
	text-decoration:none;
}
#footer ul.sitemap li a:hover{
	text-decoration:underline;
}


/*=========== copyright ============*/
#copyright{
	background:url(../images/backgrounds/bg-copyright.png) repeat;
	border-top:1px solid #0066CC;
	height:auto;
	padding:15px 0;
}
#copyright p{
	color:#FFF;
	font-size:13px;
	margin:0;
}
#copyright .span3{
	text-align:right;
}

/* ===== Default table ===== */
.tDefault{ border-top:1px solid #DFDFDF;}
.tDefault tbody td, .tDefault thead td { border-left: 1px solid #DFDFDF; box-shadow: 0 1px 0 #fafafa inset; -webkit-box-shadow: 0 1px 0 #fafafa inset; -moz-box-shadow: 0 1px 0 #fafafa inset; }
.tDefault tbody td:first-child, .tDefault thead td:first-child { border-left: none; }
.checkAll thead td:first-child > img { vertical-align: middle; padding-bottom: 2px; }
.tDefault thead td { text-align: center; font-size: 20px; padding: 8px 5px 7px 5px; color: #666666; background: #eee; text-shadow:0 1px 1px #FFF; }
.tDefault tbody td { padding: 7px 11px; vertical-align: middle; color:#666; font-size:13px; text-align:center; }
.tDefault tbody tr { border-top: 1px solid #DFDFDF; }
.tDefault tbody tr:first-child { box-shadow: 0 1px 0px #fff inset; -webkit-box-shadow: 0 1px 0px #fff inset; -moz-box-shadow: 0 1px 0px #fff inset; }
.tDefault tbody tr:nth-child(even) { background: #f2f2f2; }

.whead{ width:100%; height:auto; padding:6px 0; text-indent:10px; background-color:#1D2D3D; color:#FFF; text-shadow:0 1px 0 rgba(0,0,0,0.2);}