html {
	width:100%;
	height:100%;
}
body {
	width:100%;
	height:100%;
	margin: 0px;
	font-family: "Open Sans", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
}
form {
	margin: 0px;
}
a {
	color:#3498DB;
}

#commonHeader {
	width:100%;
	height:95px;
	background:#FFFFFF;
}
#commonLogo {
	position:absolute;
	display:block;
	left:calc(50% - 485px);
	top:19px;
	width:309px;
	height:0px;
	padding-top:57px;
	overflow:hidden;
	background-image:url(common.webp);
	background-repeat:no-repeat;
	background-position:-1px -1px;
}
#commonTagLine {
	position:absolute;
	left:calc(50% - 405px);
	top:60px;
	font-size:13px;
	font-weight:bold;
	color:#e06919;
	pointer-events:none;
}
#commonButtonBrowse,
#commonButtonSupport,
#commonButtonAbout {
	position:absolute;
	display:block;
	top:30px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#3498DB;
	border:2px solid #3498DB;
	border-radius:10px;
}
#commonButtonBrowse:hover,
#commonButtonSupport:hover,
#commonButtonAbout:hover {
	color:#FFFFFF;
	background-color:#3498DB;
}
#commonButtonBrowse {
	left:calc(50% - 130px);
	width:180px;
}
#commonButtonSupport {
	left:calc(50% + 60px);
	width:95px;
}
#commonButtonAbout {
	left:calc(50% + 165px);
	width:95px;
}
#commonButtonShoppingCart {
	position:absolute;
	display:block;
	right:calc(50% - 485px);
	top:34px;
	width:140px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	text-decoration:none;
	color:#3498DB;
	border:2px solid #3498DB;
	border-radius:8px;
	padding:3px 10px 3px 10px;
}
#commonButtonShoppingCart::before {
	position:absolute;
	display:block;
	content:" ";
	width:32px;
	height:30px;
	background:url(common.webp) -311px -1px no-repeat;
}
#commonButtonShoppingCartCount {
	position:absolute;
	right:-7px;
	top:-7px;
	display:none;
	width:20px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	background:#3498DB;
	color:#FFFFFF;
	border-radius:10px;
	font-size:12px;
	font-weight:normal;
}

#commonMain {
}
#commonFooter {
	padding-top:30px;
	height:100px;
	background:#008CDE;
}
#commonFooterLinks {
	text-align:center;
}
#commonFooterLinks > a {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	margin:0px 25px;
}
#commonFooterCopyrightText {
	margin-top:30px;
	font-size:10px;
	color: #FFFFFF;
	text-align:center;
}
#commonFooterTrademarkText {
	font-size:10px;
	color: #FFFFFF;
	text-align:center;
}

.commonSelectButton {
	display:block;
	width:352px;
	padding-top:69px;
	height:0px;
	overflow:hidden;
	background:url(common.webp) no-repeat -1px -242px;
}
.commonSelectButtonSmall {
	display:block;
	width:296px;
	padding-top:58px;
	height:0px;
	overflow:hidden;
	background:url(common.webp) no-repeat -1px -596px;
}

.commonReplayIcon {
	display:block;
	width:62px;
	height:62px;
	background:url(common.webp) no-repeat -287px -172px;
}

.commonExcelIcon {
	display:block;
	width:32px;
	height:32px;
	background:url(common.webp) no-repeat -1px -1px;
}

.commonDropBox {
	position:relative;
	display:inline-block;
	cursor:pointer;
}
.commonDropBoxLeft {
	float:left;
	width:12px;
	height:38px;
	background:url(common.webp) no-repeat -326px -94px;
}
.commonDropBoxMiddle {
	float:left;
	height:38px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAmCAYAAAAFvPEHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8xNy8xNAZrCIUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAARUlEQVQImX2OwRFAUBTE4v0aNKQxValGHY42Tj5mcMlMZg9ZgBHVAqhpWSn1RKQId/3G/tAkP+sr7LWuKtc/gLkBQwO2AzlQXi0pEr1rAAAAAElFTkSuQmCC) repeat-x;
	overflow:hidden;
}
.commonDropBoxRight {
	float:left;
	width:42px;
	height:38px;
	background:url(common.webp) no-repeat -339px -94px;
}
.commonDropBoxMiddleText {
	padding-left:5px;
	padding-right:10px;
	padding-top:6px;
	height:32px;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	overflow:hidden;
}
.commonDropBoxMiddleText_hidden {
	padding:0px;
	height:0px;
}
.commonDropBox:hover > .commonDropBoxLeft {
	background-position: -326px -55px;
}
.commonDropBox:hover > .commonDropBoxMiddle {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAmCAYAAAAFvPEHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8xNy8xNAZrCIUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAR0lEQVQImWXOwQ2AMBADwcWpgc7oh/rSDhLfW15RRPI8j2wdwIlqAHL1hyjEgqjjFFLlplV/XWFks7vAuuym8z+AuwFHA94Pv3xPgLsvHvAAAAAASUVORK5CYII=) repeat-x;
}
.commonDropBox:hover > .commonDropBoxRight {
	background-position: -339px -55px;
}
.commonDropBoxOptions {
	position:absolute;
	left:0px;
	top:38px;
	display:table;
	visibility:hidden;
}
.commonDropBoxOptions_show {
	visibility:visible;
}
.commonDropBoxOptionsRow {
	display:table-row;
}
.commonDropBoxOptionsTopLeft {
	display:table-cell;
	width:13px;
	height:13px;
	background:url(common.webp) no-repeat -156px -140px;
}
.commonDropBoxOptionsTopRight {
	display:table-cell;
	width:13px;
	height:13px;
	background:url(common.webp) no-repeat -170px -140px;
}
.commonDropBoxOptionsBottomLeft {
	display:table-cell;
	width:13px;
	height:13px;
	background:url(common.webp) no-repeat -156px -154px;
}
.commonDropBoxOptionsBottomRight {
	display:table-cell;
	width:13px;
	height:13px;
	background:url(common.webp) no-repeat -170px -154px;
}
.commonDropBoxOptionsTop {
	display:table-cell;
	height:13px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAANCAYAAABo1wTyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8xNy8xNAZrCIUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAIElEQVQImWNgYGAQZfj///9/JgYGBgamt5+/MUBYRBIAdRYG/hYyoeoAAAAASUVORK5CYII=) repeat-x;
}
.commonDropBoxOptionsBottom {
	display:table-cell;
	height:13px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAANCAYAAABo1wTyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8xNy8xNAZrCIUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAJ0lEQVQImX3KIQ4AIAwEsMIezodRJNOHwGOqap/OhD+SvAerMAp9AVHYCVrqgeJqAAAAAElFTkSuQmCC) repeat-x;
}
.commonDropBoxOptionsLeft {
	display:table-cell;
	width:13px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABCAYAAAAFKSQHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8xNy8xNAZrCIUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAJElEQVQImWNkYGAQZGBgUH/58uU6MTExyQ9ffzD8/fePAR8AAGncCdSyQ1AxAAAAAElFTkSuQmCC) repeat-y;
}
.commonDropBoxOptionsRight {
	display:table-cell;
	width:13px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABCAYAAAAFKSQHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8xNy8xNAZrCIUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAJElEQVQImWN48+nrf3z4z9+///////8/Ozs7m4GBQYaBgYEFAPAdKE4WD7V3AAAAAElFTkSuQmCC) repeat-y;
}
.commonDropBoxOptionsMiddle {
	display:table-cell;
	background:#ecf2f5;
}
.commonDropBoxOption {
	padding:4px 8px;
	margin-top:0px;
}
.commonDropBoxOption:hover {
	background:#3399cc;
	color:#FFFFFF;
}
.commonDropBoxOption_hidden {
	display:none;
}

.commonInputBox {
	display:inline-block;
}
.commonInputBoxLeft {
	float:left;
	width:14px;
	height:38px;
	background:url(common.webp) no-repeat -314px -133px;
}
.commonInputBoxMiddle {
	float:left;
	height:38px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAmCAYAAAAFvPEHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8yMi8xNWLCh8sAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAP0lEQVQImcXGoQ3AIBAAwOszQ4PDsh0rdGVME1CP6BA1l4PbGCOjtSZ6777VWllrpczMgN/Ye4s5J3gKroL3AP8cEyQM8Lu0AAAAAElFTkSuQmCC) repeat-x;
}
.commonInputBoxInput {
	background:none;
	border:none;
	height:38px;
	padding:0px 14px 0px 14px;
	margin:0px -14px 0px -14px;
}
.commonInputBoxRight {
	float:left;
	width:14px;
	height:38px;
	background:url(common.webp) no-repeat -329px -133px;
}

.commonSearchIcon {
	width:21px;
	height:22px;
	background:url(common.webp) no-repeat -344px -133px;
}

.commonTable {
	display:table;
}
.commonTableRow {
	display:table-row;
}
.commonTableCell {
	display:table-cell;
	background:#FFFFFF;
}
.commonTableTopLeft {
	display:table-cell;
	width:7px;
	height:61px;
	background:url(common.webp) no-repeat -294px -97px;
}
.commonTableTopRight {
	display:table-cell;
	width:7px;
	height:61px;
	background:url(common.webp) no-repeat -302px -97px;
}
.commonTableBottomLeft {
	display:table-cell;
	width:7px;
	height:5px;
	background:url(common.webp) no-repeat -294px -159px;
}
.commonTableBottomRight {
	display:table-cell;
	width:7px;
	height:5px;
	background:url(common.webp) no-repeat -302px -159px;
}
.commonTableTop {
	display:table-cell;
	padding-top:6px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA9CAYAAABsrQNfAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8xNy8xNAZrCIUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAVElEQVQYlX2Puw2AMAwFT65YmFkYhiWyAQNQUFEfBRBBHKV5he99ZIApSikzqgFwy7qfxLIdBL63rlRqSx3RFpiG+gl/FrMlxRyMPy3SvvVtrgXCBay8KUNyAd/sAAAAAElFTkSuQmCC) repeat-x;
}
.commonTableBottom {
	display:table-cell;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAYAAACEhIafAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8xNy8xNAZrCIUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAIUlEQVQImQXBQREAIAwDsNwNI/OD+qrhVxJtO0kW7uDB+ZGNB+LCARwjAAAAAElFTkSuQmCC) repeat-x;
}
.commonTableLeft {
	display:table-cell;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAYAAAASC7TOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8xNy8xNAZrCIUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAGElEQVQImWNgYGDgZWBg0Dt+/PiB/2gAAMWvE0GmRImFAAAAAElFTkSuQmCC) repeat-y;
}
.commonTableRight {
	display:table-cell;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAYAAAASC7TOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8xNy8xNAZrCIUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAGElEQVQImWP4jwYuXLhwioGBwZCBgYEXAGnQE2nhsi+sAAAAAElFTkSuQmCC) repeat-y;
}
.commonTableTopText {
	color: #FFFFFF;
	vertical-align:middle;
	padding-left:34px;
	font-size:22px;
	font-weight:bold;
}
.commonTableTopSeparator {
	display:table-cell;
	width:3px;
	background:url(common.webp) no-repeat -310px -97px;
}
.commonTableBottomSeparator {
	display:table-cell;
	width:3px;
	background:url(common.webp) no-repeat -310px -159px;
}
.commonTableSeparator {
	display:table-cell;
	width:3px;
	background:#d1d1d1;
}

.commonCheckBox {
	display:block;
	width:37px;
	padding-top:38px;
	height:0px;
	background:url(common.webp) no-repeat -194px -55px;
	overflow:hidden;
	cursor:pointer;
}
.commonCheckBox_disabled {
	background-position: -270px -55px;
	cursor:default;
}
.commonCheckBox_checked {
	background-position: -156px -55px;
}
.commonCheckBox_disabled_checked {
	background-position: -232px -55px;
	cursor:default;
}

.commonTickIcon {
	width:45px;
	height:45px;
	background:url(common.webp) no-repeat -156px -94px;
}
.commonCrossIcon {
	width:45px;
	height:45px;
	background:url(common.webp) no-repeat -202px -94px;
}
.commonPlusIcon {
	width:45px;
	height:45px;
	background:url(common.webp) no-repeat -248px -94px;
}

.commonDownloadButton {
	display:block;
	width:285px;
	padding-top:65px;
	height:0px;
	overflow:hidden;
	background:url(common.webp) no-repeat -1px -176px;
}

.commonLanguageIcon_e {
	width:72px;
	height:50px;
	background:url(common.webp) no-repeat -1px -323px;
}
.commonLanguageIcon_c {
	width:72px;
	height:50px;
	background:url(common.webp) no-repeat -74px -323px;
}
.commonLanguageIcon_sc {
	width:72px;
	height:50px;
	background:url(common.webp) no-repeat -147px -323px;
}
.commonLanguageIcon_s {
	width:72px;
	height:50px;
	background:url(common.webp) no-repeat -220px -323px;
}
.commonLanguageIcon_j {
	width:72px;
	height:50px;
	background:url(common.webp) no-repeat -293px -323px;
}
.commonLanguageIcon_p {
	width:72px;
	height:50px;
	background:url(common.webp) no-repeat -1px -374px;
}
.commonLanguageIcon_g {
	width:72px;
	height:50px;
	background:url(common.webp) no-repeat -74px -374px;
}
.commonLanguageIcon_a {
	width:72px;
	height:50px;
	background:url(common.webp) no-repeat -147px -374px;
}
.commonLanguageIcon_f {
	width:72px;
	height:50px;
	background:url(common.webp) no-repeat -220px -374px;
}
.commonLanguageIcon_r {
	width:72px;
	height:50px;
	background:url(common.webp) no-repeat -293px -374px;
}
.commonLanguageIcon_k {
	width:72px;
	height:50px;
	background:url(common.webp) no-repeat -1px -425px;
}
.commonLanguageIcon_i {
	width:72px;
	height:50px;
	background:url(common.webp) no-repeat -74px -425px;
}

.commonLiveChatSupportButton {
	width:190px;
	padding-top:30px;
	height:0px;
	overflow:hidden;
	cursor:pointer;
	visibility:hidden;
}
.commonLiveChatSupportButtonOffline {
	background:url(common.webp) no-repeat -1px -476px;
	visibility:visible;
}
.commonLiveChatSupportButtonOnline {
	background:url(common.webp) no-repeat -1px -507px;
	visibility:visible;
}

.commonLiveChatBubble {
	position: fixed;
	top: 40%;
	right: 10px;
	width:154px;
	height:120px;
	background:url(common.webp) no-repeat -1px -55px;
	visibility:hidden;
	z-index:2;
}
.commonLiveChatBubbleVisible {
	visibility:visible;
}
#commonLiveChatBubbleBody {
	width:154px;
	padding-top:120px;
	height:0px;
	overflow:hidden;
	cursor:pointer;
}
#commonLiveChatBubbleClose {
	margin-left:125px;
	margin-top:-101px;
	width:25px;
	padding-top:25px;
	height:0px;
	overflow:hidden;
	cursor:pointer;
}