html {box-sizing:border-box}
*, *:before, *:after {box-sizing:inherit}
.B {font-weight:bold}
.C {text-align:center}
.R {text-align: right}
.W3 {width:3em}
.W6 {width:6em}
.W100 {width:100%}
.H100 {height:100%}
.Hidden {display:none}
.Green {color:#29C31C !important}
body {font-size:11px; overflow:hidden; font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif; font-weight:normal; color:#000000; background-color:#F4F4F4}
div {position:relative; left:0; top:0; margin:0; padding:0; border:0}
a:link, a:visited {color:#59BF00; text-decoration:underline}
a:hover, a:visited:hover {color:#00FF00; text-decoration:underline}
a.img:link, a.img:visited, a.img:hover, a.img:visited:hover {border:0; background-color:transparent}
input.rdoGen {margin-right:0.5em}
div.frmPage {width:89em; margin:0 auto}
/* Top */
div.frmTop {height:7em; margin-bottom:0.75em; background-color:#FFFFFF}
img.Logo {float:left; height:100%; border:0}
div.Basket {float:right; width:5em; height:100%; padding:1em 1em 0 0; text-align:center; cursor:pointer}
img.icoBasket {width:100%}
span.txtBasket {}
/* Rail Top */
div.ralTop {width:100%; height:0}
/* Curtain Basket */
div.crnBasket {position:absolute; left:200%; top:7em; width:80%; background-color:#F0FFF0; border:1px solid #00A000; z-index:100; transition:left 1s}
div.ttlBasket {font-size:1.25em; height:2.25em; line-height:2.25em; padding-left:0.5em; font-weight:bold; color:#FFFFFF; background-color:#00A000}
span.btnBT {float:right; width:3em; text-align:center; cursor:pointer}
img.icoTB {heigth:1em}
table.Basket {}
tr {min-height:1.5em; line-height:1.5em}
td {padding:0.25em; border-right:1px solid #00A000; border-bottom:1px solid #00A000}
img.icoB {height:100%; cursor:pointer}
tr.HR {height:2em; line-height:2em; color:#FFFFFF; background-color:#AAAAAA}
span.VAT {font-size:0.9em}
td.celZ {padding:0.25em; border-right:0}
div.frmTotal {margin-top:0.5em; padding-right:6.25em; text-align:right}
div.linVAT {margin-bottom:0.5em}
span.lblVAT {font-weight:bold}
span.Total {display:inline-block}
div.linCpn {margin-top:1em; padding-right:1em; text-align:right}
span.CTA {position:absolute; left:1em; top:-2em; width:34em; text-align:left; background-color:#F0FFF0; z-index:100}
span.winCTE {position:absolute; left:1em; top:-2em; width:34em; text-align:left}
img.icoWhy {float:left; top:0; width:2.5em; height:2.5em; margin-right:1em; cursor:pointer}
span.lblCpn {padding-right:0.5em; font-weight:bold}
input.boxCpn {width:8em; height:1.6em; margin:0; padding:0 0 0 0.25em; background-color:#FFFFFF; border:1px solid #00A000}
span.btnCpn {margin-left:1em; padding:0.3em 1em 0.3em 1em; border:1px solid #00A000; cursor:pointer}
span:hover.btnCpn {background-color:#D0FFD0}
div.linCT {margin-left:1em}
/* span.cusTyp1 {position:absolute; left:1em; top:0} */
/* input.cusTyp {font-size:inherit; margin-right:1em} */
div.blnB {height:2em; margin:1em}
span.btnB {width:12em; height:2em; line-height:2em; text-align:center; color:#FFFFFF; cursor:pointer}
span.btnCS {float:right; background-color:#00A000}
span.btnCO {float:left; background-color:#E0A000}
div.frmTopMenu {position:relative; height:4em; background-color:#666C6A}
ul.frmTopMenu {font-size:1.25em; margin:0; padding:0; list-style:none; color:#FFFFFF; text-align:center}
li.itmTopMenu {float:left; margin-top:1em; padding:0; border-right:1px solid #5BC600}
a.TopMenuA {display:block; padding:0 1.5em 0 1.5em; color:#00FF00; text-decoration:none}
a.TopMenu {display:block; padding:0 1.5em 0 1.5em; color:#FFFFFF; text-decoration:none}
a:hover.TopMenu {color:#5BC600}
div.frmBanner {margin-bottom:0.75em}
/* Content */
div.frmCon {margin-bottom:0.5em; background-color:#FFFFFF}
/* List (Left) panel */
div.frmCL {float:left; width:30%; border-right:0.5em solid #F4F4F4}
div.frmList {padding:0.5em; overflow-x:hidden; overflow-y:auto}
div.linCC {font-size:1.1em; padding:0.5em 0 0.5em 0; font-weight:bold; color:#009000}
/* div.linCL {margin-bottom:0.75em; padding-left:5em} */
div.linCL {margin-bottom:0.75em; padding-left:1em}
span.celCCA {position:absolute; left:0; top:0; font-weight:bold; color:#00CC00}
span.celCNA {color:#00CC00}
span.celCC {position:absolute; left:0; top:0; font-weight:bold}
span.celCN {cursor:pointer}
span:hover.celCN {color:#59BF00}
/* Details (Right) panel */
div.frmCR {float:left; width:70%}
div.linTtl {height:2.5em; padding-left:0.5em; line-height:2.5em; background-color:#CCCCCC; color:#000000; font-weight:bold}
span.btnTtlA {float:right; width:8em; height:100%; text-align:center; color:#00A000; background-color:#FFFFFF}
span.btnTtl {float:right; width:8em; height:100%; text-align:center; color:#00A000; cursor:pointer}
span:hover.btnTtl {color:#00D000}
span.btnTAdd {float:right; width:10em; height:100%; text-align:center; color:#FFFFFF; background-color:#00A000; cursor:pointer}
span:hover.btnTAdd {color:#00F000}
div.tabDts {}
div.linD {min-height:2em; margin-bottom:0.5em; line-height:2em}
span.celD1 {display:inline-block; width:8em; font-weight:bold}
span.celD2 {display:inline-block; font-weight:bold; font-style:italic; color:#A00000}
div.linDS {height:2em; margin-bottom:0.25em; line-height:2em; background-color:#F8F8F8}
span.celDA {display:inline-block; width:3em}
img.icoDS {height:2em}
span.celDB {display:inline-block; width:7em}
span.celDC {font-weight:bold}
div.linCI {width:13em; margin-bottom:0.5em}
span.colCI2 {float:right}
div.Clear {clear:both}
/* Footer */
div.frmFooter {height:4em; line-height:4em; background-color:#FFFFFF}
div.ftrL {float:left; padding-left:0.5em}
img.icoRSS {width:1.5em; margin:0 0.5em 0 1em}
div.ftrR {float:right; padding-right:0.5em}