@font-face {
    font-family: 'aapexregular';
    src: url('aapex-webfont.eot');
    src: url('aapex-webfont.eot?#iefix') format('embedded-opentype'),
         url('aapex-webfont.woff') format('woff'),
         url('aapex-webfont.ttf') format('truetype'),
         url('aapex-webfont.svg#aapexregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gabriel_weiss';
    src: url('gabriel-webfont.eot');
    src: url('gabriel-webfont.eot?#iefix') format('embedded-opentype'),
         url('gabriel-webfont.woff') format('woff'),
         url('gabriel-webfont.ttf') format('truetype'),
         url('gabriel-webfont.svg#gabriel_weiss_friends_fontRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hobo_stdmedium';
    src: url('hobostd-webfont.eot');
    src: url('hobostd-webfont.eot?#iefix') format('embedded-opentype'),
         url('hobostd-webfont.woff') format('woff'),
         url('hobostd-webfont.ttf') format('truetype'),
         url('hobostd-webfont.svg#hobo_stdmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'laffayette_comic_proregular';
    src: url('jaws_comic_pro_jy-webfont.eot');
    src: url('jaws_comic_pro_jy-webfont.eot?#iefix') format('embedded-opentype'),
         url('jaws_comic_pro_jy-webfont.woff') format('woff'),
         url('jaws_comic_pro_jy-webfont.ttf') format('truetype'),
         url('jaws_comic_pro_jy-webfont.svg#laffayette_comic_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/********************************** common tag **********************************/
html, body {
    height:100%;
    font:14px Arial, Helvetica,
    sans-serif; color:#444;
}
html {
    height: auto;
}
body {
    position: relative;
    background: #94d1f3;
}
p { line-height:1.3; margin:0 0 12px 0; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; margin:0 0 12px 0; }
h1 { font-size:24px; }
h2 { font-size:18px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
h5 { font-size:10px; }
h6 { font-size:8px; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
a { text-decoration:underline; cursor:pointer; }
a:hover { text-decoration:underline; }
textarea { font:12px Arial, Helvetica, sans-serif; color:#555; }

.main_bg{
    width: 100%;
    height: 100%;
    max-height: 4778px;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    z-index: -1;
    margin-bottom: 40px;
}
.main_bg.overflowed {
    background-size: contain;
}
.bg_black 		{ background-image:url(../images/new_bg.png); }
.bg_blue 		{ background-image:url(../images/new_bg.png); }
.bg_brown 		{ background-image:url(../images/new_bg.png); }
.bg_brown_dark 	{ background-image:url(../images/new_bg.png); }
.bg_green 		{ background-image:url(../images/new_bg.png); }
.bg_green_light { background-image:url(../images/new_bg.png); }
.bg_maroon 		{ background-image:url(../images/new_bg.png); }
.bg_pink 		{ background-image:url(../images/new_bg.png); }
.bg_purple 		{ background-image:url(../images/new_bg.png); }
.bg_turquoise 	{ background-image:url(../images/new_bg.png); }

.parallax {
    perspective: 1px;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    perspective-origin-x: 100%;
}
.parallax__group {
    position: relative;
    height: 100vh;
    transform-style: preserve-3d;
}
.parallax__layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform-origin-x: 100%;
}

.parallax__layer--base {
    transform: translateZ(0);
}
.parallax__layer--back {
    transform: translateZ(-1px) scale(2);
}

/********************************** id **********************************/
#wrapper { background:rgba(255,255,255,0.6); width:960px; min-height:100%; margin:0 auto -30px; }

#content { padding:0; }
h1.title, h2.title { font-family:'laffayette_comic_proregular', Arial, Helvetica, sans-serif; font-size:20px; }

#content_home { padding:10px 0 0; }

/********************************** class **********************************/
.clear { clear:both; }
a.print { background:url('../../global/images/icons/printer.png') no-repeat left center; padding:0 0 0 20px; position:relative; float:right; color:#666; text-decoration:none; line-height:22px; }
a.print:hover { text-decoration:underline; color:#069; }
.hidden, .none { display:none; }
.small { font-size:12px; }

a.view { font-size:12px; color:#015caa !important; font-weight:bold; float:right; text-decoration:none; }
a.view_all { font-size:12px; color:#015caa !important; font-weight:bold; float:right; text-decoration:none; }
a.view:hover, a.view_all:hover { text-decoration:underline; }

span.green { color:#060; }
span.red { color:#900; }

.content_panel { padding:0 30px 10px; margin:0 0 20px; }
.content_panel .social_share { margin:0; }

.black 			{ color:#242021; }
.blue 			{ color:#015caa; }
.brown 			{ color:#8d7431; }
.brown_dark 	{ color:#613810; }
.green 			{ color:#029444; }
.green_light	{ color:#789027; }
.maroon 		{ color:#7a0224; }
.pink 			{ color:#e1639d; }
.purple 		{ color:#380257; }
.turquoise		{ color:#039193; }

.black_border 		{ border-top:10px solid #242021; border-bottom:10px solid #242021; }
.blue_border		{ border-top:10px solid #015caa; border-bottom:10px solid #015caa; }
.brown_border 		{ border-top:10px solid #8d7431; border-bottom:10px solid #8d7431; }
.brown_dark_border 	{ border-top:10px solid #613810; border-bottom:10px solid #613810; }
.green_border 		{ border-top:10px solid #029444; border-bottom:10px solid #029444; }
.green_light_border	{ border-top:10px solid #789027; border-bottom:10px solid #789027; }
.maroon_border 		{ border-top:10px solid #7a0224; border-bottom:10px solid #7a0224; }
.pink_border 		{ border-top:10px solid #e1639d; border-bottom:10px solid #e1639d; }
.purple_border 		{ border-top:10px solid #380257; border-bottom:10px solid #380257; }
.turquoise_border	{ border-top:10px solid #039193; border-bottom:10px solid #039193; }

/********************************** header **********************************/
#header { padding:28px 18px 0px; }
#header_top { background: url('../../front/images/header2.png') top left repeat; padding: 5px 40px;}
#header_top table { padding-top: 10px; padding-bottom: 20px; }
#header_top p { display: none; }
#logo { text-align:center; padding:0; }
#logo a { display:block; }

/********************************** menu **********************************/
#menu { font-family:'laffayette_comic_proregular', Arial, Helvetica, sans-serif; height:40px; margin:20px 0 0; text-align:center; }
ul#dropmenu { margin:0; padding:0; border:0; display:inline-block !important; list-style:none; position:relative; z-index:300; }
ul#dropmenu li { float:left; position:relative; }
ul#dropmenu li a { font-size:16px; font-weight:bold; line-height:40px; color:#1d2a5c; display:block; padding:0 16px; text-decoration:none; letter-spacing: 0.3px; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; }
ul#dropmenu li:hover, ul#dropmenu li a:hover, ul#dropmenu li a.hover , ul#dropmenu li a.nodivider:hover { text-decoration:none; }
ul#dropmenu li a.nodivider {}

ul#dropmenu li a.black_link.hover,
ul#dropmenu li a.black_link:hover,
ul#dropmenu li a.black_link.hover_per		{ color:#242021; }
ul#dropmenu li a.blue_link.hover,
ul#dropmenu li a.blue_link:hover,
ul#dropmenu li a.blue_link.hover_per		{ color:#015caa; }
ul#dropmenu li a.brown_link.hover,
ul#dropmenu li a.brown_link:hover,
ul#dropmenu li a.brown_link.hover_per		{ color:#8d7431; }
ul#dropmenu li a.brown_dark_link.hover,
ul#dropmenu li a.brown_dark_link:hover,
ul#dropmenu li a.brown_dark_link.hover_per	{ color:#613810; }
ul#dropmenu li a.green_link.hover,
ul#dropmenu li a.green_link:hover ,
ul#dropmenu li a.green_link.hover_per		{ color:#029444; }
ul#dropmenu li a.green_light_link.hover,
ul#dropmenu li a.green_light_link.hover_per	{ color:#789027; }
ul#dropmenu li a.maroon_link.hover,
ul#dropmenu li a.maroon_link:hover,
ul#dropmenu li a.maroon_link.hover_per		{ color:#7a0224; }
ul#dropmenu li a.pink_link.hover,
ul#dropmenu li a.pink_link:hover,
ul#dropmenu li a.pink_link.hover_per		{ color:#e1639d; }
ul#dropmenu li a.purple_link.hover,
ul#dropmenu li a.purple_link:hover,
ul#dropmenu li a.purple_link.hover_per		{ color:#380257; }
ul#dropmenu li a.turquoise_link.hover,
ul#dropmenu li a.turquoise_link:hover,
ul#dropmenu li a.turquoise_link.hover_per	{ color:#039193; }

ul#dropmenu li ul { position:absolute; width:auto; min-width:180px; background:url(../images/bg_trans.png); z-index:100; margin:0; padding:0; display:none; text-align:left; }
ul#dropmenu li ul li { float:none; display:inline; white-space:nowrap; border-bottom:1px solid #fff; }
ul#dropmenu li ul li a { color:#ab3b77; text-shadow: none; padding:6px 18px; margin:0; line-height:1.5; font-size:14px; font-weight:bold; }
ul#dropmenu li ul li:hover, ul#dropmenu li ul li a:hover, ul#dropmenu li ul li a.hover { background:#ab3b77; color:#fff; }

ul#dropmenu li ul li ul { border-left:1px solid #fff; }

/********************************** search **********************************/
#search { padding:0 0 20px; width:440px; margin:80px auto 0; }
#search table { width:100%; margin:0; padding:0; border:0; border-collapse:collapse; border-spacing:0; }
#search table tr td { vertical-align:middle; padding:0; }
#search table tr td img.btn { cursor:pointer; }
.searchterm { background:white; border:none; width:90%; height:65px; line-height:34px; padding:1px; padding-left: 70px; margin:0; border-radius:27px; -moz-border-radius:27px; -webkit-border-radius:27px; font-family:'laffayette_comic_proregular', Arial, Helvetica, sans-serif; }

/********************************** social icon **********************************/
#social_icon { text-align:center; padding:0; background: #0070c1;  width: 900px;  height: 140px;  margin: 40px auto 0;  border-radius: 45px;}
#social_icon a { margin:0 2px; }
#social_icon div { display: inline-block; }
#social_icon .social_icon_img { margin-left: -45px; }
#social_icon .social_icons { vertical-align: top; margin-top: 28px; margin-left: 30px;}
#social_icon .social_icons a img { max-width: 100px; }

/********************************** banner **********************************/
#banner { position:relative; }
#banner.blue_border { border-top: 2px solid #015caa; }
.wt-title { display:block; font-size:18px; font-weight:bold; }
.wt-caption { display:block; }

/********************************** ads **********************************/
#ads { padding:0 !important; border:none !important; }
#ads a { display:block; margin:0 0 5px; }
#ads a.last { margin:0; }

/********************************** news **********************************/
#news { overflow:hidden; }
#news .last {}
.news_description { width:100%; padding:0 0 6px; margin:0 0 6px; border-bottom:1px solid #CCC }
.news_description_mini { width:100%; padding:0 0 6px; margin:0 0 6px; border-bottom:1px solid #CCC }

.news_description table, .news_description_mini table { width:100%; margin:0; padding:0; border:0; border-collapse:collapse; border-spacing:0; }
.news_description table tr td, .news_description_mini table tr td { vertical-align:top; }

.news_description table tr td .day, .news_description_mini table tr td .day { background:#613810; width:50px; height:40px; font-size:28px; font-weight:bold; color:#FFF; line-height:40px; text-align:center; }
.news_description table tr td .month, .news_description_mini table tr td .month { background:#EEE; border:1px solid #CCC; width:48px; line-height:16px; font-size:10px; font-weight:bold; color:#555; text-align:center; }
.news_description table tr td .date, .news_description_mini table tr td .date { display:block; line-height:16px; font-size:11px; font-weight:bold; color:#999; }

.news_description table tr td a, .news_description_mini table tr td a { color:#333; text-decoration:none; }
.news_description table tr td a:hover, .news_description_mini table tr td a:hover { text-decoration:underline; }
.news_description table tr td h3 { margin:0 0 3px; }
.news_description_mini table tr td h3 { margin:0 0 3px; font-size:12px; }
.news_description table tr td p, .news_description_mini table tr td p { margin:0 0 6px; }
.news_description table tr td img, div.news_description_mini table tr td img { border:1px solid #CCC; }
.news_description table tr td a:hover img, div.news_description_mini table tr td a:hover img { border:1px solid #AAA; }

/********************************** newsletter **********************************/
#newsletter {}
#newsletter a#btn { float:right; }
table#newsletter_box { width:100%; margin:0; padding:0; border:0; border-collapse:collapse; border-spacing:0; }
table#newsletter_box tr td { line-height:22px; padding:2px 3px 2px 0; vertical-align:middle; }
table#newsletter_box tr td.btn { text-align:right; line-height:18px; }
table#newsletter_box tr td strong {}
table#newsletter_box tr td input[type='radio'] { position:relative; top:1px; }
table#newsletter_box tr td input[type='text'] { width:97%; }
table#newsletter_box tr td .newsletter_submit { cursor:pointer; }

/********************************** contact_box **********************************/
#contact_left { float:left; width:435px; }
#contact_right { float:right; width:425px; }
table#contact_box { width:100%; margin:0; padding:0; border:0; border-collapse:collapse; border-spacing:0; }
table#contact_box tr td { line-height:22px; padding:2px 3px 2px 0; vertical-align:top; }
table#contact_box tr td strong {}
table#contact_box tr td a { color:#ab3b77; }
table#contact_box tr td input[type='text'] { width:300px; }
table#contact_box tr td input#txtCode { width:80px !important; }
table#contact_box tr td textarea { width:300px; height:80px; }
table#contact_box tr td input[type='text'],
table#contact_box tr td textarea { background:#c2cc98; border:none; padding:5px;
	-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

/********************************** footer **********************************/
#push { height:30px; }
#footer { background: #0070c1; }
#footer .wrapper { color: white; width:960px; margin:0 auto; text-align:center; padding:0; height:30px; padding-top: 14px; font-size:12px; }
#footer a { color:white; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer_menu { background: url('../images/footer2.png') top left repeat, rgba(255,255,255,0.1); }
#footer_menu .wrapper { padding:10px 15px; font-size:11px; color:#ab3b77; width: 960px; margin: 50px auto 0;}
#footer_menu a { color:#ab3b77; text-decoration:none; }
#footer_menu a:hover { text-decoration:underline; }
#footer_menu p { display: none; }
#footer_menu table p { display: block; }

/********************************** breadcrumb **********************************/
#breadcrumb { display:block; margin:8px 0 24px; padding:4px 0; border-bottom:1px solid #ccc; font-size:12px; }
#breadcrumb .crumb { float:left; line-height:18px; padding:0 5px; font-weight:bold; color:#015caa; }
#breadcrumb .crumb img { position:relative; top:2px; }
#breadcrumb .crumb a { background:url('../images/arrow.png') no-repeat right center; padding:0 22px 0 0; color:#333; text-decoration:none; }
#breadcrumb .crumb a:hover { color:#015caa; text-decoration:underline; }
#breadcrumb .first { padding:0 5px 0 0 !important; color:#333 !important; }

/********************************** search result **********************************/
h2.search_title { color:#ab3b77; }
h3.search, p.search { margin:0 0 3px; }
h3.search a { color:#333; text-decoration:none; }
h3.search a:hover { text-decoration:underline; }
hr.hr1 { width:100%; border:none; height:1px; background:#999; margin:6px 0 12px; }

/********************************** gallery **********************************/
.gallery_list { width:100%; border-bottom:1px solid #ccc; margin:0 0 4px; padding:4px 0 8px; }
.gallery_list table { width:100%; margin:0; padding:0; border:0; border-collapse:collapse; border-spacing:0; }
.gallery_list table tr td { vertical-align:top; }
.gallery_list h3 { margin:5px 0; }
.gallery_list p { margin:0 0 6px; }
.gallery_list a { margin:0; color:#333; text-decoration:none; }
.gallery_list a:hover { text-decoration:underline; }

ul.gallery_view { list-style:none; width:100%; margin:0; padding:0; }
ul.gallery_view li { float:left; margin:1px; }
ul.gallery_view li a { position:relative; display:block; }

.imgFrame { border:1px solid #CCC; padding:3px; background:#FFF; position:relative; z-index:2; display:inline-block; }
.imgFrame:hover, .imgFrame:hover .multiFrame { border:1px solid #AAA; }
.multiFrame { border:1px solid #CCC; padding:3px; background:#FFF; position:absolute; top:4px; left:4px; z-index:1; }

/********************************** sitemap **********************************/
div#sitemap {}
div#sitemap a { display:block; color:#333; text-decoration:none; }
div#sitemap a:hover { text-decoration:underline; }
div#sitemap a.main { font-weight:bold; margin:10px 0 0; }
div#sitemap a.sub { background:url('../../global/images/icons/blt_grey.gif') 0 center no-repeat ; padding:0 0 0 10px; margin:0 0 0 10px; }
div#sitemap a.subsub { background:url('../../global/images/icons/blt_grey.gif') 0 center no-repeat ; padding:0 0 0 10px; margin:0 0 0 30px; }

/********************************** paging **********************************/
.paging { float:left; margin:3px 3px 0 0; }
.paging a { background:#FFF; color:#015caa; text-decoration:none; padding:3px 6px; border:1px solid #CCC; display:block; }
.paging a:hover { background:#015caa; color:#FFF; text-decoration:none; }
.off { background:#015caa; color:#FFF; padding:3px 6px; border:1px solid #CCC; }

/********************************** social_share **********************************/
ul.social_share { padding:0; list-style:none; margin:0 0 0 30px; float:left; }
ul.social_share li { float:left; width:100px; }

/********************************** input validation **********************************/
label.error { background:url('../../global/images/icons/exclamation.png') no-repeat 2px center; font-size:11px; color:#e84227; padding:1px 0 1px 20px; }
input.error, select.error, textarea.error { padding:2px; border:1px solid #F00; }
input.valid, select.valid, textarea.valid { padding:2px; border:1px solid #0C0; }
.msg_success { color:#060; border:1px solid #060; background-color:#e6ffea; }
.msg_error { color:#900; border:1px solid #900; background-color:#ffcece; }
.msg_alert { color:#e27815; border:1px solid #e27815; background-color:#FFFBCF; }
.msg_success, .msg_error, .msg_alert { position:relative; z-index:10; margin:10px 0; padding:10px;
	-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:rgba(200,200,200,1) 0 1px 5px; -khtml-box-shadow:rgba(200,200,200,1) 0 1px 5px; -webkit-box-shadow:rgba(200,200,200,1) 0 1px 5px; box-shadow:rgba(200,200,200,1) 0 1px 5px; }

/********************************** 404 **********************************/
#error_404 { line-height:30px; color:#900; border:1px solid #900; background-color:#FFECEC; position:relative; z-index:10; margin:10px 0; padding:10px;
	-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:rgba(200,200,200,1) 0 1px 5px; -khtml-box-shadow:rgba(200,200,200,1) 0 1px 5px; -webkit-box-shadow:rgba(200,200,200,1) 0 1px 5px; box-shadow:rgba(200,200,200,1) 0 1px 5px; }
#error_404 h2 { font-size:24px; margin:0; }



/********************************** extension **********************************/
h3.formtitle { font-family:'laffayette_comic_proregular', Arial, Helvetica, sans-serif; margin:28px 0 4px; padding:10px 8px 6px; background:#ab3b77; color:#fff; font-size:16px; border-bottom:1px solid #380257; }

/********************************** table display **********************************/
table.display { width:100%; margin:0; padding:0; border:0; border-collapse:collapse; border-spacing:0; font-size:12px; }

table.display thead {}
table.display thead tr th { padding:0 2px; line-height:24px; background:#ab3b77; color:#fff; font-weight:bold; border-bottom:1px solid #380257; }
table.display thead tr th.left { text-align:left; }
table.display thead tr th.right { text-align:right; }
table.display thead tr th a { text-decoration:none; color:#fff !important; font-size:11px; font-weight:normal; }
table.display thead tr th a:hover { text-decoration:underline; }

table.display tbody tr td { padding:2px; }
table.display tbody tr td a { color:#ab3b77; text-decoration:none; }
table.display tbody tr td a:hover { text-decoration:underline; }
table.display tbody tr td p { margin:3px 0 0; }
table.display tbody tr td div.small { margin:2px 0 0; }
table.display tbody tr td.ctr { text-align:center; }
table.display tbody tr td.right { text-align:right; }
table.display tbody tr td.gap { padding:0; height:15px !important; }
table.display tbody tr td .strikeprice { color:#999; font-size:11px; text-decoration:line-through; display:block; }

table.display tbody tr.odd td { background:#fff; border-bottom:1px solid #ccc; }
table.display tbody tr.even td { background:#f6f6f6; border-bottom:1px solid #ccc; }
table.display tbody tr.total td { background:#fff; border-top:2px solid #ccc; border-bottom:2px solid #ccc; }
table.display tbody tr.line_height td { line-height:20px; }
table.display tbody tr.border_bottom td { border-bottom:1px solid #a3b6c5; }

table.display tbody tr td input[type='text'],
table.display tbody tr td input[type='password'],
table.display tbody tr td select,
table.display tbody tr td textarea { padding:2px; margin:0; }

table.display tbody tr td input[type='text'],
table.display tbody tr td input[type='password'],
table.display tbody tr td textarea { width:220px; }
table.display tbody tr td select { width:226px; }

table.display tbody tr td input[type='radio'],
table.display tbody tr td input[type='checkbox'] { position:relative; top:1px; }

table.display tbody tr td.w100 { width:130px; font-weight:bold; }
table.display tbody tr td.w70 { width:100px; font-weight:bold; }
table.display tbody tr td.w1 { width:1px; }

table.display tbody tr td .label { margin:5px 0 0; display:block; }
table.display tbody tr td .label .tooltip { position:relative; top:3px; left:5px; }
.ui-tooltip-content * { margin:0; }

/********************************** table customer **********************************/
table.customer {}
table.customer thead tr th {}
table.customer tbody tr td { line-height:22px; vertical-align:top; }
table.customer tbody tr td a.icon { position:relative; top:3px; }
table.customer tbody tr td #txtCode { width:80px }

/********************************** table summary **********************************/
table.summary {}
table.summary thead tr th {}
table.summary tbody tr td { line-height:18px; vertical-align:top; }

/********************************** table merchant_list **********************************/
#merchantlistform { margin:0 0 12px; }
table.merchant_list {}
table.merchant_list thead tr th {}
table.merchant_list tbody tr td { border-bottom:1px solid #ccc; line-height:18px; padding:3px 0; vertical-align:middle; }

/********************************** table merchant_view **********************************/
#merchant_left { float:left; width:306px; text-align:center; }
#merchant_left .img { padding:2px; border:1px solid #ccc; }
#merchant_right { float:right; width:580px; }
#merchant_right .map { margin:18px 0 0; }
table.merchant_view {}
table.merchant_view thead tr th {}
table.merchant_view tbody tr td { line-height:18px; vertical-align:top; }

#btnRegister, #btnConfirm, #txtSubmit { background:url(../images/submit.png) no-repeat; width:74px; height:26px; padding:0; margin:0; border:none; cursor:pointer; }
#btnCancel { background:url(../images/cancel.png) no-repeat; width:66px; height:26px; padding:0; margin:0; border:none; cursor:pointer; }