/* main style definition */
/* html & body tags styles */
html {margin:0; padding:0}
body {font-size:12px; font-family:verdana,geneva,arial,helvetica,sans-serif; margin:0;padding:0; text-align:left; background-color:#e0f1f7}
/* form definitions */
form, input, textarea, span {margin:0;padding:0}
/* hidden elements */
.hidden {display:none}
/* div wrapping */
.clear {clear:both}
/* window title */
h3 { font-family:'Open Sans',tahoma,verdana,arial,sans-serif; font-size:20px; font-weight:400; color:#0768A9; margin:0; margin-bottom:18px; padding-bottom:8px; background:url('../images/lightboxes/bg-headline.png') transparent bottom left repeat-x }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* main lightbox form container */
/* main lightbox window container */
#windowed_content { padding:0 40px 0 }
/* default padding for form container */
#form-container { margin:20px 0 20px }
/* input boxes */
#form-container label input, #form-container label textarea { margin-top:5px }
#form-container input[type="text"], #form-container input[type="password"] { display:block; font-size:15px; padding-left:5px; padding-bottom:0; letter-spacing:0.07em; height:25px; line-height:25px; border:1px #dfdfdf solid }
/* focused input box */
#form-container input[type="text"]:focus, #form-container input[type="password"]:focus, #form-container textarea:focus { border-color:#f58f51 }
/* textarea styles */
#form-container textarea { display:block; font-size:12px; padding-left:5px; letter-spacing:0.07em; overflow:auto;background-attachment:scroll; border:1px #dfdfdf solid }
/* strong input box font */
#form-container .imp input { font-weight:700 }
/* different input sizes */
#form-container .width220 input { width:215px; background:url('../images/forms/bg-input220.png') no-repeat left top }
#form-container .width245 input { width:240px; background:url('../images/forms/bg-input245.png') no-repeat left top }
#form-container .width260 input { width:255px; background:url('../images/forms/bg-input260.png') no-repeat left top }
/* textarea size */
#form-container .area245 textarea { width:240px; height:143px; background:url('../images/forms/bg-area245.png') no-repeat left top }
/* error message container */
#form-container .error-box { display:block; height:14px }
#form-container .error-box .error { font-size:10px; font-weight:400; color:red; padding-left:10px; padding-bottom:2px; background:url('../images/forms/ico_error.png') no-repeat left top }
/* main form inner container */
#form-container table { width:100% }
/* left and right columns settings */
#form-container .left-column, .right-column { vertical-align:top }
/* input labels */
#form-container label { display:block; font-weight:700; cursor:pointer; padding-bottom:5px }
#form-container label:hover { color:#a43f1a }
#form-container .width220.required, #form-container .width245.required, #form-container .area245.required { background-image:url('../images/forms/ico_required.png'); background-repeat:no-repeat }
#form-container .width220.required { background-position:225px 25px }
#form-container .width245.required, #form-container .area245.required { background-position:249px 25px }
/* UL list definition */
.b-list-standard { padding:0 0 0 5px; list-style:none }
.b-list-standard li { font-weight:700; padding:0 0 5px 10px; background:url('../images/bullets/bullet_rsaquo.png') no-repeat left 5px }
.b-list-standard a { color:#a43f1a }
.b-list-standard a:hover { color:#000 }
/* submit buttons */
/* main container */
.buttons-container { margin:20px 0 20px; text-align:right; background:url('../images/logos/logo-popup.png') no-repeat left center }
/* nice fancy blue buttons */
button { font-family:verdana,geneva,arial,helvetica,sans-serif; border:0 none; font-weight:700; padding:0 20px 0 0; margin-left:10px; text-align:center; text-transform:uppercase; cursor:pointer }
button span { position:relative; display:block; color:#fff; padding:0 0 0 21px; line-height:29px; text-align:center; white-space:nowrap }
button.submitBtn { height:30px; background:url(../images/forms/btn-right.png) no-repeat right 0; font-size:14px }
button.submitBtn span { height:30px; line-height:30px; text-transform:uppercase; background:url(../images/forms/btn-left.png) no-repeat left 0 }
button.submitBtn:hover { background-position:right -30px }
button.submitBtn:hover span { color:#0768a9; background-position:left -30px }
/* this one is questionable - usability? */
button::-moz-focus-inner { border:0 }
/* main lightbox form container */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LOGIN BOX */
/* inner form elements */
.form-elements.login { padding:15px; background-color:#fff }
/* left and right inner form elements columns */
.form-elements.login .left-column { padding-left:60px; width:55%; background:url('../images/forms/ico_key.png') no-repeat left top }
.form-elements.login .right-column { padding-left:60px; width:45%; background:url('../images/forms/ico_wheels.png') no-repeat left top }
/* LOGIN BOX */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORGOT PASSWORD BOX */
/* inner form elements */
.form-elements.forgot { padding:15px; background-color:#fff }
/* left and right inner form elements columns */
.form-elements.forgot .left-column { padding-left:120px; padding-bottom:10px; width:100%; background:url('../images/forms/ico_forgotpassword.png') no-repeat left top }
/* FORGOT PASSWORD BOX */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SEND TO FRIEND */
.form-elements.stf { }
.form-elements.stf .left-column { padding-right:45px; width:50% }
.form-elements.stf .right-column { width:50% }
/* SEND TO FRIEND */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FEEDBACK */
.form-elements.feedback { }
.form-elements.feedback .left-column { /*padding-right:30px;*/ padding-right:25px; width:50% }
.form-elements.stf .left-column { padding-right:15px }
.form-elements.feedback .right-column { width:50% }
/* FEEDBACK */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CAPTCHA definitions */
#captcha { position:relative; color:#a43f1a; font-size:12px; padding:10px; margin-top:20px; background-color:#f5f5f5; clear:both }
#captcha .error-box .error { position:absolute; left:320px; top:38px }
#captcha-error .error { font-size:10px; font-weight:400; color:red; padding-left:10px; padding-bottom:2px; margin-top:2px; background:url('../images/forms/ico_error.png') no-repeat left top }
/* captcha image width */
#captcha img { }
/* captcha label */
#captcha .txt { position:absolute; top:-40px; left:0px; float:left; font-weight:700; width:160px; padding-top:20px }
/* captcha itself container */
#recaptcha_image { float:left; width:280px!important; height:59px!important }
/* small captcha tool icons */
#captcha_icons { position:absolute; left:285px; top:15px; height:60px }
#captcha_reload img { width:20px !important; height:20px !important }
#captcha_reload a img { border:none }
/* input box */
#captcha input { position:absolute; left:319px; top:10px; font-size:10px; width:235px; margin-right:10px; background:url('../images/forms/bg-captcha235.png') no-repeat }
/* CAPTCHA definitions */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* REGISTRATION POP UP FOR MAGENTO */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORMs (registration) */
/*
there are two different sizes for label container
widthMAX : 645px
widthHALF : 320px
inputs stay always same width : 285px
*/
/* fancy form frame */
#registrationForm { width: 696px;}
.form-section-container { position:relative; margin-bottom:20px; padding:20px 0 7px; background:url('../images/forms/form-section-bottom.png') no-repeat bottom center }
.form-section-container .top { height:7px; background:url('../images/forms/form-section-top.png') no-repeat bottom center }
.form-section-container .inner { padding:25px 25px 15px; background:url('../images/forms/form-section-middle.png') repeat-y top center }
/* row sections */
.form-section-container .inner .row { display:block }
/* divider styles */
.form-section-container .inner .row.divider { padding-top:15px; margin-top:10px; background:url('../images/forms/img_formdivider.png') no-repeat top center }
/* nice fancy orange form head labels */
.form-label { position:absolute; float:left; font-size:12px; left:25px; top:0; font-weight:700; padding:0 17px 0 0; text-align:center; background:url('../images/forms/label_right.png') right no-repeat }
.form-label span { position:relative; float:left; color:#fff; padding:0 0 0 15px; height:40px; line-height:40px; white-space:nowrap; background:url('../images/forms/label_left.png') left no-repeat }
/* form input elements */
#form-container label input, #form-container label textarea, #form-container label select { margin:0; margin-top:5px }
#form-container input[type="text"], #form-container input[type="password"],
#form-container select { padding:0; display:block; font-size:15px; padding-left:5px; letter-spacing:0.07em; height:25px; line-height:25px; border:1px #dfdfdf solid }
/* styles for select */
#form-container select { height:27px; line-height:24px; }
#form-container select.lang { width:260px; background:url("../images/forms/bg-input260.png") no-repeat scroll left top transparent; }*/
/* checkbox styles */
#form-container input[type="checkbox"] { height:13px; width:13px; margin-left:7px }
/* focused input box */
#form-container input[type="text"]:focus, #form-container input[type="password"]:focus,
#form-container textarea:focus,
#form-container select:focus { border-color:#f58f51 }
/* strong input box font */
#form-container .imp input { font-weight:700 }
/* different input sizes */
#form-container .widthHALF input, #form-container .widthMAX input,
#form-container .widthHALF select, #form-container .widthMAX select { width:285px; background:url('../images/forms/bg-input290.png') no-repeat left top }
/* radio buttons containers */
#form-container .radio-container { display:block; float:left; font-weight:700; padding:15px; margin-bottom:5px; width:95%; background-color:#f5f5f5 }
#form-container .radio-container .widthMAX { display:block; padding-bottom:10px; cursor:auto }
#form-container .radio-container .widthMAX.required { background-image:url('../images/forms/ico_required.png'); background-repeat:no-repeat; background-position:590px 0 }
#form-container .radio-container .radio { display:block; clear:both }
#form-container .radio-container .radio label { display:inline; float:inherit; font-weight:400; cursor:pointer; padding:0 }
#form-container .radio-container .radio label:hover { color:#a43f1a }
#form-container .radio-container .radio input { vertical-align:-2px; margin-right:5px }
/* error message container */
#form-container .error-box .error { font-size:10px; font-weight:400; color:red; padding-left:10px; padding-bottom:2px; margin-top:2px; background:url('../images/forms/ico_error.png') no-repeat left top }
/* info message */
#form-container .info { display:block; font-size:10px; color:#666; font-weight:400; width:90%; margin-top:2px }
#form-container label.widthMAX .info { width:100% }
#form-container .info:hover { color:#000 }
/* input labels */
#form-container label { display:block; float:left; width:100%; font-weight:700; padding-bottom:7px; cursor:pointer }
#form-container label.widthHALF { width:320px }
#form-container label.widthMAX { width:645px }
#form-container label:hover { color:#a43f1a }
/* required icons */
#form-container .widthHALF.required, #form-container .widthMAX.required, #form-container .width260.required { background-image:url('../images/forms/ico_required.png'); background-repeat:no-repeat; background-position:295px 30px }
#form-container .widthMAX.required.message { background-position:615px 30px }
#form-container .feedback .width260.required { padding-right:15px; background-position:267px 25px; width:267px; }
/* send to friend form re-styling - needs to have less width because of required markers */
#form-container .stf .width260.required { width:264px; padding-right:15px; background-position:264px 25px }
/* form preview styles */
#form-container.preview label { padding:7px; cursor:auto }
#form-container.preview label:hover { background-color:#f5f5f5 }
#form-container.preview label.widthMAX { width:625px }
.form-section-container .preview { font-weight:400; margin-left:5px; width:696px }
/* IFRAME windows for MAGENTO */
#magento #windowed_content { padding:20px 35px 0; width:696px }
#magento #registrationForm { line-height:18px }
#magento #form-container input[type="checkbox"] { height:13px; width:13px; margin:3px; margin-left:7px }