@charset "utf-8";
/* CSS Document */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*{ outline:none;}
body { font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0px; color:#222222; -webkit-text-size-adjust:none; background:url(../images/bg.jpg) left top repeat; }
header, footer, section, aside, nav, article { display: block; }
h1, h2, h3, h4, h5, h6, section, img { margin:0; padding:0;font-weight:normal; }
ul, ol, li{ margin:0; padding:0; list-style:none;}
dl, dt, dd{ margin:0; padding:0; font-weight:normal;}
img { border:none; }
.fleft { float:left; }
.fright { float:right; }
.te-align-left{ text-align:left;}
.te-align-right{ text-align:right;}
p { line-height:20px; font-size:13px; padding:0; margin:0 0 18px; }
.clear { clear:both; }
a { text-decoration:none; color:#41baf2; outline:none;}
html, body { height:100%;}

#mainwrapper { min-height:100%;height:auto !important;	height:100%;margin: 0 auto -60px;}

.wrapper { max-width:1004px; margin:0 auto; position:relative; padding:0 10px; }

#headerwrapper { width:100%; float:left; background:#000000; margin-bottom:20px; border-bottom:3px solid #32aadd; }
.logo { float:left; padding:20px 0 15px 10px; }
.logo img { display:inline-block; max-width:300px; }
.topright { float:right; padding:20px 10px 15px 0; color:#FFFFFF; }
.topright a { color:#FFFFFF; }
a.login { font-size:24px; font-weight:bold; color:#FFFFFF; }
a.login:hover { color:#41baf2; }

#middlewrapper { width:100%; float:left; }
.container { width:100%; float:left; padding:15px 10px; background:#FFFFFF; border:1px solid #b2b3ae; margin-bottom:20px; }
.wrapper h1 { font-size:16px; color:#1b84b7; font-weight:bold; margin-bottom:20px; }

.l-push { height: 60px;}
#footerwrapper { height:60px; width:100%; float:left; background:#000000; color:#41baf2; padding:10px; text-align:center; }
#footerwrapper a { font-weight:bold; }
#footerwrapper a:hover { color:#ffffff; }
#footerwrapper span { display:block; color:#FFFFFF; margin-top:8px; }

.wrapper h2 { font-size:16px; color:#000000; margin-bottom:20px; font-weight:bold; }
.loginbox { max-width:350px; float:left; width:100%; }
.loginbox .row { width:100%; float:left; }
.loginbox .row .col-left { width:30%; float:left; padding-top:6px; margin-bottom:15px; }
.loginbox .row .col-right { width:70%; float:right; margin-bottom:15px; }
.loginbox .row .col-right a { font-size:15px; }
.loginbox .row .col-right a:hover { color:#222222; }
.inputbox { width:100%; display:block; border:1px solid #CCCCCC; font-size:13px; color:#000000; padding:5px 10px; height:30px; border-radius:3px; -webkit-appearance:none; }
.loginbtn { display:inline-block; border:0; font-size:13px; color:#ffffff; text-transform:uppercase; padding:5px 10px; height:30px; border-radius:3px; background:#32aadd; -webkit-appearance:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; float:right; }
.redtext { color:#FF0000; }
.bluetext { color:#0000ff; }

h1.maintitle { color: #ff0000; font-size:36px; text-shadow: 1px 1px 1px #000, 3px 3px 5px #ffffff; text-align:center; padding-bottom:10px; border-bottom:1px solid #32aadd; margin-bottom:15px; }
h2.subtitle { color: #1b84b7; text-transform:uppercase; font-size:26px; text-align:center; margin-bottom:30px; padding-top:15px; position:relative; width:100%; }
h2.subtitle .before { position:absolute; width:65px; left:0; top:0; }
h2.subtitle .before img { display:block; width:100%; }
h2.subtitle .after { position:absolute; width:65px; right:0; top:0; }
h2.subtitle .after img { display:block; width:100%; }

.table-row { width:102%; margin:0 0 0 -2%; float:left; }
.table-row .table-col { width:48%; margin:0 0 20px 1.9%; float:left; }
.table-row .table-col .table-title { width:100%; float:left; font-size:22px; color:#FFFFFF; display:block; padding:4px 3px; 
background: #2591bf; /* Old browsers */
background: -moz-linear-gradient(top,  #2591bf 0%, #1a82b5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2591bf 0%,#1a82b5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2591bf 0%,#1a82b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2591bf', endColorstr='#1a82b5',GradientType=0 ); /* IE6-9 */
 }
.table-row .table-col .table-grid { width:100%; float:left; overflow-x:auto; }
.table-row .table-col .table-grid table { width:100%; padding:0; margin:0; border-collapse:collapse; border-left:1px solid #ccc; border-top:1px solid #ccc; }
.table-row .table-col .table-grid table tr th { text-align:center; vertical-align:middle; background:#dddddd; padding:6px 3px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.table-row .table-col .table-grid table tr td { text-align:center; vertical-align:middle; padding:6px 3px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.table-row .table-col .table-grid table a { font-size:12px; }
.table-row .table-col .table-grid table a:hover { color:#000000; }
.searchsection { max-width:960px; float:left; color:#FFFFFF; padding:0 10px 10px 10px; width:100%; }
.searchsection ul { width:101%; margin:0 0 0 -1%; float:left; }
.searchsection ul li { width:24%; margin:0 0 0 1%; float:left; position:relative; }
.searchsection ul li label.dropdown select { width:100%; padding:0 25px 0 5px; height:28px; background:#fff; color:#222; font-size:13px; border:0; border-radius:3px; display:inline-block; -webkit-appearance:none;-moz-appearance:none; appearance:none; cursor:pointer; outline:none; }
.searchsection ul li label.dropdown { position:relative; display:block; }
.searchsection ul li label.dropdown:after { font-family: 'FontAwesome'; content: "\f078"; color:#000; right:0; top:5px; position:absolute; pointer-events:none; width:35px; height:27px; padding:0; text-indent:14px; border-radius:3px; pointer-events:none; }

.searchsection ul li .column { width:48%; }
.searchsection ul li .textbox { width:100%; padding:5px; height:28px; background:#fff; color:#222; font-size:13px; border:0; border-radius:3px 5px 5px 3px; display:block; -webkit-appearance:none;-moz-appearance:none; appearance:none; outline:none; }
.searchsection ul li .searchbtn { width:28px; padding:5px; height:28px; background: url(../images/search.png) no-repeat #32aadd; color:#ffffff; font-size:13px; border:0; top:0; right:0; position:absolute; border-radius:0 3px 3px 0; cursor:pointer; display:block; -webkit-appearance:none;-moz-appearance:none; appearance:none; outline:none; }


/*--- Tooltip css ---*/
.tip { color: #fff; background:#1d1d1d; display:block; padding:10px; position:absolute; top:0; z-index:1000; }
/*--- Tooltip css ---*/
.detail-content { width:100%; float:left; padding:0 5px; }
.detail-content h1 { color:#fff; font-size:16px; text-transform:uppercase; padding:8px 15px; margin:0px; border:1px solid #333333; border-bottom:0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#737373+0,333333+100 */
background: #737373; /* Old browsers */
background: -moz-linear-gradient(top,  #737373 0%, #333333 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #737373 0%,#333333 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #737373 0%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ }
.detail-content h1 span { float:right; text-transform:none; font-size:18px; line-height:20px; }
.detail-content h1 span a { color:#fff; text-decoration:none; }
.detail-content-slider { width:73%; float:left; }
.slider-wrap { width:100%; float:left; }
#gallery_01 { width:260px; height:354px; overflow-y:auto; float:right; }
#gallery_01 ul { width:100%; float:left; margin:0px; }
#gallery_01 ul li { width:45%; float:left; margin:0 0 5px 5px; border:solid 1px #222121; }
#gallery_01 ul li img { width:100%; display:block;}
.zoomContainer { display:none; }
.big-img { float:left; border:solid 3px #32aadd; }
.big-img img { width:100%; display:block; }
.details-text { width:25%; float:right; text-align:center; font-size:20px; color:#219acd; }
.details-text a { width:100%; float:left; margin-bottom:25px; text-align:center; color:#219acd; }
.details-text a:hover { color:#000; }
.slider-main { width:100%; float:left; border:solid 1px #dfdfdf; border-top:0px; padding:10px 10px 0 10px; }
.detail-content h2 { width:100%; float:left; padding:0 0 6px 0; border-bottom:solid 1px #dfdfdf; font-size:16px; color:#1b84b7; margin:15px 0 0 0; text-transform:uppercase; }
.detail-table { width:100%; float:left; }
.detail-table-left { width:50%; float:left; padding:10px 0; }
.detail-table-left table { border-spacing:0px; }
.detail-table-left table td { padding:5px 10px 5px 0; }
.detail-table-right { width:50%; float:right; padding:10px 0; }
.detail-table-right table { border-spacing:0px; }
.detail-table-right table td { padding:5px 10px 5px 0; }

.large-img { width:100%; }
.tooltipblock { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0380bd; line-height:20px; max-width:300px; width:100%; float:left; font-weight:bold; }
.tooltipblock span { color:#333; display:inline-block; margin-right:5px; }

.footerblock { width:100%; float:left; border-top:3px solid #32aadd; padding-top:20px; margin-bottom:20px; }

.status { width:101%; margin:0 0 0 -1%; float:left; }
.status li { width:19%; margin:4px 0 4px 1%; float:left; min-height:20px; }
.status li img { vertical-align:middle; display:inline-block; }

.footer-link { width:101%; margin:0 0 0 -1%; float:left; }
.footer-link li { width:19%; margin:4px 0 4px 1%; float:left; background:url(../images/arrow2.png) left 3px no-repeat; padding:0 0 0 12px; }
.footer-link li a { color:#41baf2; }
.footer-link li a:hover { color:#000000; }

.middlelogo{text-align:center;padding-top:30px;padding-bottom:30px;}

.form100 { width:100%; }
.row100 { width:100%; float:left; margin-bottom:0; }
.row100 label { width:100%; float:left; margin-bottom:8px; font-size:12px; }
.row100 .col100 { width:25%; float:left; margin-bottom:8px; padding-right:15px; }
.row100 .col120 { width:16%; float:left; margin-bottom:8px; padding-right:10px; }
.row100 .col300 { width:33.33%; float:left; margin-bottom:8px; padding-right:15px; }
.col200 label { width:35%; float:left; margin-bottom:8px; font-size:14px; padding-top:8px; }
.col200 span { width:65%; float:right; margin-bottom:8px; font-size:14px; }
.row100 .col250 { width:25%; float:left; margin-bottom:4px; padding-right:15px; }
.inputbox-2 { width:100%; float:left; border:1px solid #b8b8b8; line-height:25px; height:25px; padding:0 5px; font-size:13px; color:#37312d; border-radius:4px; }