/*********** GLOBAL ***********/
html { width: 100% }
body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
h1 { font-size: 23px; font-weight: bold; line-height: 24px; }
h2 { font-size: 20px; font-weight: normal; line-height: 22px; }
h3 {}
h4 {}
a { text-decoration: none; }
a:hover { color: #694591; }
a:active { color: #694591; }
p { color: #666; }
strong, b { font-weight: bold; }
/* helper classes  */
.shadow { -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); }
.text-shadow { text-shadow: 0 1px 0 #fff; }
.rounded { -webkit-border-radius: 10px; border-radius: 10px; }
.rounded-top { -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.rounded-bottom { -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.rounded-bottom-left { -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; b }
.centered { margin: 0 auto; }
.left { float: left; }
.right { float: right; }
/*********** GENERAL ***********/
#wrap { width: 100%; height: 100%; }
/*#main { position: absolute; top:50%; left:50%; width: 680px; height: 490px; background: #EBE5FD; border: 3px solid #EBE5FD; margin-top:-245px; margin-left:-315px; }*/
#main { width: 674px; height: 490px; background: #EBE5FD; border: 3px solid #EBE5FD; margin: 0 auto; }
/*********** header ***********/
header { width: 100%; background: #b4a2c8; }
header h1 { color: #fff; text-align: center; padding: 13px 0; }
/*********** content ***********/
section#content { width: 100%; height: 440px; background: #fff; }
/***** form *****/
article#form { position: relative; float: left; width: 260px; height: 100%; background: url(../images/sidebar-bg.png) repeat-x bottom left; padding: 0 10px; }
/*** fieldset ***/
.form-field { float: left; width: 260px; margin: 15px 0; }
.form-field-group { float: left; width: 130px; }
.form-field-group-part { float: left; width: 130px; margin-bottom: 5px; }
.form-field-group-part:last-child { margin-bottom: 0px; }
/*** button ***/
.default-button { display: inline-block; height: 36px; background: url(../images/button.png) repeat-x top left; border: 2px solid #fff; -webkit-border-radius: 8px; border-radius: 8px; margin: 10px 70px; }
.default-button span { display: block; font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; padding: 10px 20px; text-align: center; }
.default-button:hover { background: url(../images/button-hover.png) repeat-x top left; }
/*** overide ***/
label.single-line { padding-top: 8px; }
label.multi-line { padding-top: 2px; }
div.radio { float: left; }
.form-field-group-part .ttips { position: relative; cursor: default; color: #694591; }
.form-field-group-part .ttips span { position: absolute; top: -5px; margin-left: 10px; }
/*** logo ***/
.logo-field { position: absolute; bottom: 0px; }
#logo { margin: 0 20px; }
/***** results *****/
article#results { position: relative; float: right; width: 394px; height: 100%; overflow: hidden; }
#loading { display: none; position: absolute; right: 5px; bottom: 5px; }
/*** start screen ***/
#start-screen { display: block; }
#descriptions { width: 360px; font-size: 16px; line-height: 23px; padding: 25px 20px 60px 20px; margin-top: 20px; background: url(../images/shadow-top.png) no-repeat bottom center; }
#prices { width: 360px; font-size: 16px; line-height: 26px; padding: 25px 20px 60px 20px; background: url(../images/shadow-bottom.png) no-repeat bottom center; }
/*** result screen ***/
#results-screen { display: none; }
/*** fieldset ***/
.results-part { float: left; width: 100%; }
#price-summary { height: 77px; background: url(../images/shadow-top.png) no-repeat bottom center; color: #666666; }
#price-summary h2 { display: block; line-height: 32px; color: #666666; padding: 17px 0 0 20px;  }
span.price-tag { display: inline-block; height: 32px; font-weight: bold; color: #545454; background: url(../images/price-tag.png) repeat-x top left; padding: 0 8px; -webkit-border-radius: 5px; border-radius: 5px; }
.results-part-split { float: left; width: 100%; }
.results-part-split:first-child { background: url(../images/line.png) no-repeat bottom center; }
.results-part-text { float: left; width: 270px; padding: 12px 0 10px 20px; }
.results-part-text p { font-size: 13px; font-weight: normal; line-height: 20px; }
.results-part-text a { color: #666666; text-decoration: underline; }
.smiley { float: left; width: 80px; min-height: 80px; }
.smiley-low { background: url(../images/smiley-low.png) no-repeat center center; }
.smiley-medium { background: url(../images/smiley-medium.png) no-repeat center center; }
.smiley-high { background: url(../images/smiley-high.png) no-repeat center center; }
.smiley-elementum { background: url(../images/smiley-high.png) no-repeat center center; }
#elementum-price { font-size: 18px; font-weight: bold; color: #694591; }
#notice { width: 360px; font-size: 13px; line-height: 20px; font-weight: normal; padding: 25px 20px 15px 20px; background: url(../images/shadow-bottom.png) no-repeat top center; }
#notice sup { color: #694591; }
.footnote { font-size: 10px; padding-top: 10px; }
#price-legend { width: 400px; padding: 10px 30px; }
/***** control screen *****/
#control-table { display: none; }
/*********** CLEARER ***********/
.clearer:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearer { display: inline-block }
* html .clearer { height: 1% }
.clearer { display: block }