/*grid*/
.seg, .con, .conseg { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; display: inline; }
.seg { padding: 0 5pt; margin-top: 20px; }
.conseg { padding: 0 5pt; }
.s-fit { width: 100%; }
.s-11-12 { width: 91.66667%; }
.s-9-10 { width: 90%; }
.s-7-8 { width: 87.5%; }
.s-5-6, .s-10-12 { width: 83.33334%; }
.s-4-5, .s-8-10 { width: 80%; }
.s-3-4, .s-6-8, .s-9-12 { width: 75%; }
.s-7-10 { width: 70%; }
.s-2-3, .s-4-6, .s-8-12 { width: 66.66667%; }
.s-5-8 { width: 62.5%; }
.s-3-5, .s-6-10 { width: 60%; }
.s-7-12 { width: 58.33334%; }
.s-1-2, .s-2-4, .s-3-6, .s-4-8, .s-5-10, .s-6-12 { width: 50%; }
.s-5-12 { width: 41.66667%; }
.s-2-5, .s-4-10 { width: 40%; }
.s-3-8 { width: 37.5%; }
.s-1-3, .s-2-6, .s-4-12 { width: 33.33334%; }
.s-3-10 { width: 30%; }
.s-1-4, .s-2-8, .s-3-12 { width: 25%; }
.s-1-5, .s-2-10 { width: 20%; }
.s-1-6, .s-2-12 { width: 16.66667%; }
.s-1-8 { width: 12.5%; }
.s-1-10 { width: 10%; }
.s-1-12 { width: 8.33334%; }

/*base*/
html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; margin: 0; -webkit-appearance: none; }
body { font-size: 14px; font-family: Arial,Helvetica,sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); margin: 0; }

/*tag*/
h1, h2, h3, h4, h5, h6 { margin: 0; }
hr { border: 0; height: 1px; margin: 0; margin-top: 10px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
p { padding: 0; margin: 0; margin-top: 10px; }
img { max-width: 100%; height: auto; }
input[type=text], input[type=button], input[type=submit], input[type=number], input[type=password], .button, input[type=email], input[type=tel] { height: 35px; font-family: Calibri; border-width: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type=button], input[type=submit], .button { cursor: pointer; font-size: 14px; border: 0; padding: 0 20px; text-align: center; }
input[type=button].normal { background: none !important; color: #000; border: 1px solid #000; text-shadow: none !important; }
input[type=text], input[type=password], input[type=email], input[type=tel] { padding-left: 5px; font-size: 16px; }
input[type=number] { width: 50px; text-align: center; font-size: 16px; }
select { width: 100%; height: 35px; font-size: 16px; font-family: Calibri; margin-top: 10px; cursor: pointer; border-width: 1px; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-roman; }
ol ol ol { list-style-type: lower-alpha; }

.fs60 { font-size: 60px; }
.fs30 { font-size: 30px; }
.fs24 { font-size: 24px; }
.fs20 { font-size: 20px; }
.fs18 { font-size: 18px; }
.fs16 { font-size: 16px; }
.fs14 { font-size: 14px; }
.fs12 { font-size: 12px; }
.fs11 { font-size: 11px; }
.fs10 { font-size: 10px; }
.fs8 { font-size: 8px; }

/*attr*/
[placeholder] { font-size: 16px; color: #777; display: inline-block; padding-top: 0; resize: none; }
[scroll] { -webkit-overflow-scrolling: touch; }
[disabled] { background-color: rgba(150,150,150,.5) !important; cursor: default !important; color: #000 !important; }

/*class*/
.address { border: 1px solid black; width: 100%; }
.b { font-weight: bold; }
.box, .button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.button { display: inline-block; line-height: 35px; }
.errmsg { font-weight: bold; color: red; }
.error { box-shadow: 0 0 0 2px #EB1E29; border-left: 1px solid #B8BFBB !important; background-color: #F2F2DA; }
.error + .label { background-color: #EB1E29; color: #FFF; }
.dinline { display: inline; }
.dblock { display: block; }
.dinblock { display: inline-block; }
.center { margin-left: auto; margin-right: auto; display: block; float: none; }
.clr { clear: left; }
.help { border: 1px solid; border-radius: 14px; display: inline-block; height: 14px; width: 14px; font-size: 11px; text-align: center; }
.help:hover { text-decoration: none; }
.msgalert { font-weight: bold; color: #DD0000; line-height: normal; }
.msginfo { font-style: italic; color: #080; }
.field { width: 500px; max-width: 100%; }
.fltlft { float: left; }
.fltrgt { float: right; }
.filter { font-weight: bold; margin: 0; border-width: 1px; padding: 0; margin-left: -3px; }
.filter > option { font-weight: normal; padding: 0; margin: 0; }
.filter > option:first-child { font-weight: bold; }
.h_list { padding: 0; margin: 0; border: 0; }
.h_list li { display: inline-block; padding-left: 8px; padding-right: 5px; border-left: 1px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style-type: none; }
.h_list li:first-child { border: 0; }
.hrtxt { height: 1px; text-align: center; }
.hrtxt span { display: inline-block; margin-top: -7px; letter-spacing: 1px; font-weight: bold; font-size: 12px; background-color: #FFF; padding: 0 5px; font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; }
.i { font-style: italic; }
.inlineform input[type=button], .inlineform input[type=submit] { float: right; width: 18%; }
.inlineform input[type=text] { width: 80%; }
.inlineform input:first-child { margin-left: 0; }
.interact { width: 100%; border-collapse: collapse; border-spacing: 0; }
.interact th { text-align: left; padding-right: 10px; cursor: default; font-size: 16px; }
.interact tr { cursor: pointer; height: 35px; vertical-align: middle; text-align: left; }
.interact tr.selected { background-color: #000; color: #FFF; }
.imgholder.selected { width: 128px; margin-left: auto; margin-right: auto; }
.invoiceform.data tbody tr td:first-child { text-align: center; }
.invoiceform.data tbody tr td:nth-child(2) { text-align: left; }
.loading { width: 100%; height: 100%; top: 0; position: absolute; }
.label { text-align: left; margin-top: 5px; }
.label + select { margin-top: 0; }
.logo { display: inline-block; width: 72px; height: 45px; }
.logo img { width: 72px; height: 45px; cursor: pointer; }
.loginmodule { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 999; }
.loginmodule + .drape { position: fixed; background: rgba(0,0,0,.5); top: 0; left: 0; width: 100%; height: 110%; z-index: 998; }
.loginmodule > div { background-color: #FFF; display: inline-block; padding: 0 5pt 20px 5pt; margin-top: 10%; }
.limit { max-height: 500px; overflow: auto; }
.menu li { font-size: 20px; width: 25%; padding: 0; margin: 0; float: left; border-left: 1px solid #FFF; }
.menu li a { display: block; width: 100%; height: 100%; padding: 5px 0; }
.mrg20 { margin-top: 20px; }
.mrg10 { margin-top: 10px; }
.mrg5 { margin-top: 5px; }
.mrg2 { margin-top: 2px; }
.mrg1 { margin-top: 1px; }
.nomrg { margin-top: 0; }
.nowrap { white-space: nowrap; }
.prewrap { white-space: pre-wrap; }
.nav { list-style-type: none; padding: 0; margin: 0; }
.nav li { height: 35px; line-height: 35px; background-color: #000; color: #FFF; border-top: 1px solid #FFF; font-weight: bold; cursor: pointer; }
.nav li:first-child { border-top: 0; }
.nav li a { display: block; width: 100%; height: 100%; padding-left: 10px; color: #FFF; }
.nav li a:hover { text-decoration: none; color: #00CCCC; }
.nav li a.selected { color: #00CCCC; }
.data { width: 100%; }
.data th { background-color: #000; color: #FFF; font-weight: bold; padding: 2px; }
.data td { text-align: center; }
.data td:first-child { text-align: left; }
.data tfoot { font-weight: bold; }
.data tfoot tr { border-top: 1px solid #000; font-size: 1.3em; }
.data tfoot tr > td:first-child { text-align: right; }
.posrel { position: relative; }
.point { cursor: pointer; }
.posabs { position: absolute; }
.price { font-size: 24px; font-weight: bold; display: block; width: 100%; text-align: center; }
.paging { margin-left: 20px; }
.resultsform { height: 410px; overflow: auto; position: relative; }
.resultsform tbody tr:hover { background: #E4E4E4; color: #000; }
.req { border-left: 3px solid #243959 !important; }
.qstn { font-size: 10px; height: 14px; width: 14px; border-radius: 50%; background-color: #000; color: #FFF; display: inline-block; text-align: center; line-height: 14px; font-weight: bold; vertical-align: top; cursor: pointer; }
.succmsg { font-weight: bold; color: green; font-size: 1.6em; }
.sview { position: absolute; right: 10px; padding-top: 9px; text-transform: uppercase; font-size: 14px; z-index: -1; }
.table { display: table; }
.tabletr { display: table-row; }
.tabletd { display: table-cell; }
.terms li { margin-top: 10px; }
.terms li li { margin-top: 5px; }
.txtsub { color: #777; font-size: 10px; }
.txtjst { text-align: justify; }
.txtlft { text-align: left; }
.txtrgt { text-align: right; }
.txtcntr { text-align: center; }
.txtstrk { text-decoration: line-through; color: #A00; font-style: italic; }
.txtnew { color: #0A0; font-weight: bold; }
.welcome { float: right; }

/*id*/
#Page { margin: 0 auto; width: 1080px; }
#phone { display: block; position: absolute; top: 20px; right: 0; font-size: 20px; color: #546266; }
#header, #footer { position: relative; }
#content { font-family: Calibri; }

/*override*/
.fit { width: 100%; }
.hide { display: none; }
.std { width: auto; padding: 5px; }
.nopad { padding: 0 !important; }

.promobanner { padding:5px; text-align:center; color:#FFF; background-color:#991C1C; }
.promobanner h2 { color:#FFF; }

@media all and (max-width: 1090px),(max-device-width:1090px) and (orientation: portrait) {
	/*grid*/
	.mb #Page { width: 960px; }
	.mb .no900 { display: none !important; }

	/*class*/
	.mb .logos > .logo:nth-child(n+19) { display: none; }
}

@media all and (max-width: 970px),(max-device-width:970px) and (orientation: portrait) {
	/*grid*/
	.mb #Page { width: 840px; }
	.mb .no800 { display: none !important; }

	/*class*/
	.mb .logos > .logo:nth-child(n+16) { display: none; }
}

@media all and (max-width: 850px),(max-device-width:850px) and (orientation: portrait) {
	/*grid*/
	.mb #Page { width: 720px; }
	.mb .no700 { display: none !important; }
	.f700 { width: 100% !important; }

	/*class*/
	.mb .logos > .logo:nth-child(n+13) { display: none; }

	/*id*/
	#pgPricebook .s-5-12 { width: 50%; }
}

@media all and (max-width: 730px),(max-device-width:730px) and (orientation: portrait) {
	/*grid*/
	.mb #Page { width: 600px; }
	.mb .no600 { display: none !important; }
	.mb .f600, .mb .f600 .seg, .mb .f600 .con, .mb .f600 .conseg { width: 100% !important; }

	/*base*/
	.mb body { font-size: 16px; }
	.mb select, .mb input[type=text], .mb input[type=button], .mb input[type=submit], .mb input[type=password], .mb input[type=email], .mb input[type=tel] { height: 40px; font-size: 16px; padding: 5px; width: 100%; }
	.mb input[type=button], .mb input[type=submit], .mb .button { font-size: 18px; width: 100%; }

	/*class*/
	.mb .button { line-height: 40px; height: 40px; }
	.mb .data th { display: none; }
	.mb .data td, .mb .data.invoiceform tbody td:first-child { display: block; text-align: left; }
	.mb .data tbody td:last-child { border-bottom: 1px solid #000; padding-bottom: 5px; }
	.mb .data tfoot { font-weight: bold; }
	.mb .data tfoot tr > td:first-child { margin-top: 30px; }
	.mb .data tfoot tr > td { text-align: center; }
	.mb .data.invoiceform { margin-top: 10px; }
	.mb .dtl { margin-top: 0; }
	.mb .filter { margin: 0; border-width: 1px; }
	.mb .hrtxt.header { height: auto; }
	.mb .hrtxt.header span { margin: 0; }
	.mb h2.dinblock { margin-top: 20px; }
	.mb .interact tbody { display: none; }
	.mb .interact thead th { display: block; margin-bottom: 10px; padding: 0; }
	.mb .inlineform + .label { display: block; clear: both; margin-top: 45px; }
	.mb .imgholder.selected { max-width: 100%; width: 175px; }
	.mb .label { font-size: 16px; }
	.mb .resultsform { height: auto; }
	.mb .sview { display: none; }
	.mb .txtsub { font-size: 12px; }
	.mb .paging { margin-left: 0; display: block; margin-bottom: 10px; margin-top: -10px; }
	.mb .qstn { font-size: 16px; height: 20px; width: 20px; line-height: 20px; margin-bottom: 5px; }

	/*id*/
	.mb #footer { font-size: 15px; }
	.mb #footer .conseg { text-align: left; }
	.mb #footer .conseg.mrg10 { text-align: center; }
	.mb #filtertype, .mb #filtermodel { display: none; }
	.mb #filtertype.active, .mb #filtermodel.active { display: block; }

	.show-600 { display: inline-block !important; }
	.txtlft-600 { text-align: left !important; }
}

@media all and (max-width: 610px),(max-device-width:610px) and (orientation: portrait) {
	/*grid*/
	.mb #Page { width: 480px; }
	.mb .no500 { display: none !important; }

	/*class*/
	.mb .menu li { width: 50%; }
	.mb .menu li:nth-child(n+3) { display: none; }
}

@media all and (max-width: 490px),(max-device-width:490px) and (orientation: portrait) {
	/*grid*/
	.mb .con, .mb .seg, .mb .conseg { width: 100% !important; }
	.mb #Page { width: 360px; }
	.mb .no400 { display: none !important; }

	/*class*/
	.mb .welcome { float: left; margin-top: 10px; }

	/*id*/
	.mb #phone { width: 100%; position: static; }
}

@media all and (max-width: 370px), (max-device-width:370px) and (orientation: portrait) {
	/*grid*/
	.mb #Page { width: 300px; }
	.mb .no300 { display: none !important; }
}

@media all and (min-width: 1101px) {
	.mob300, .mob400, .mob500, .mob600, .mob700, .mob800, .mob900 { display: none !important; }
}

@media all and (max-width: 1100px) and (min-width: 971px) {
	.mob300, .mob400, .mob500, .mob600, .mob700, .mob800 { display: none !important; }
}

@media all and (max-width: 970px) and (min-width: 851px) {
	.mob300, .mob400, .mob500, .mob600, .mob700 { display: none !important; }
}

@media all and (max-width: 850px) and (min-width: 731px) {
	.mob300, .mob400, .mob500, .mob600 { display: none !important; }
}

@media all and (max-width: 730px) and (min-width: 611px) {
	.mob300, .mob400, .mob500 { display: none !important; }
}

@media all and (max-width: 610px) and (min-width: 491px) {
	.mob300, .mob400 { display: none !important; }
}

@media all and (max-width: 490px) and (min-width: 371px) {
	.mob300 { display: none !important; }
}