/*
"Tait" skin.
*/

/* Links. [order-dependent] */
a:link, a:visited { color:#5d503d; }

#back-next-wrap a:link.btn, #back-next-wrap a:visited.btn { margin-right:3px; }
#back-next-wrap a:link.btn, #back-next-wrap a:visited.btn, #back-next-wrap input[type='submit'] { background:#00bcdf; border-radius:5px; border:none; color:#fff; display:inline-block; font-family:roboto,sans-serif; font-size:16px; font-weight:300; line-height:15px; padding:9px 3%; text-align:center; text-transform:uppercase; }
input[type="submit"]:hover, #back-next-wrap input[type="submit"]:active { background:#0c8faa!important;}

ul.steps li a:link, ul.steps li a:visited { background:#f4f4f4; border-radius:50%; color:#727f8b; display:block; font-size:13px; height:24px; padding:8px 1px 1px; vertical-align:middle; width:30px; }
ul.steps li.current-step a:link, ul.steps li.current-step a:visited { background:#cfcfcf; color:#333; }

div#print-button a:link, div#print-button a:visited { display:none; }

 /* Links hovered. [order-dependent] */
#back-next-wrap a:link.btn:hover, #back-next-wrap a:visited.btn:hover, #back-next-wrap input[type="submit"]:hover { background:#44372b; color:#fff; }
ul.steps li a:link:hover, ul.steps li a:visited:hover { background:#00b5e6; color:#fff; }
ul.steps li.current-step a:hover:link, ul.steps li.current-step a:visited:hover { background:#00b5e6; color:#fff; }

/* Other. */

.skin-wrap .tickbox input[type=checkbox] { display:inline; margin:0 0.25em 0 0; width:auto; }
.skin-wrap #contact-form-wrap .tickbox label { font-weight:normal; }

#back-next-wrap { margin:3px 0 0; }
#contact-form-wrap { background:#fff; padding:16px 2% 20px; width:96%;}
#print-button { float:right; margin:0; }
.output-question-wrap div, .output-question-wrap ol { padding:5px 4%; position:relative; }
.output-question-wrap div:hover { background:#cfcfcf; color:#333; }
.output-question-wrap { background:#f4f4f4; border-radius:0 0 10px 10px; padding:16px 0 20px; }
.product-hover { display:none; }
.product-img img { max-height:100px; max-width:100px; width:auto; position:relative; top:50%; transform:translateY(-50%); }
.product-img { height:100px; margin-top:8px; text-align:center }
.product-name { font-size:12px; font-weight:400; height:40px; overflow:hidden; padding:5px 2% 0; text-align:center; }
.product-price { display:none }
.results-frame { overflow-y:auto; }
.results-label span { color:#000; font-weight:700; }
.results-label {font-family:roboto,sans-serif; color:#666; font-size:20px; font-weight:300; margin:0; padding:0 0 5px; }
.skin-wrap h1 { background:#f4f4f4; border-radius:10px 10px 0 0; border-bottom:1px solid #fff; font-family:roboto,sans-serif; color:#000; font-size:24px; font-weight:300; line-height:normal; margin:0; padding:20px 5% 16px; }
.skin-wrap input[type=checkbox]:not(old) + label { background:url(/content/skin-00001/checks-02.png) no-repeat 0 0; cursor:pointer; display:inline-block; font-size:16px; line-height:20px; margin-left:-28px; padding:3px 0 2px 28px; width:80%; }
.skin-wrap input[type=checkbox]:not(old) + label.answer-image img, .skin-wrap input[type=radio]:not(old) + label.answer-image img { border:2px solid #fff; display:block; margin:auto; max-width:90px; }
.skin-wrap input[type=checkbox]:not(old) + label.answer-image span, .skin-wrap input[type=radio]:not(old) + label.answer-image span { display:block; padding:5px; text-align:center; }
.skin-wrap input[type=checkbox]:not(old) + label.answer-image, .skin-wrap input[type=radio]:not(old) + label.answer-image { background:none; margin:0; padding:5px; }
.skin-wrap input[type=checkbox]:not(old), .skin-wrap input[type=radio]:not(old) { cursor:pointer; display:none; margin:0; padding:0; width:28px; }
.skin-wrap input[type=checkbox]:not(old):checked + label { background-position:0 -100px; }
.skin-wrap input[type=checkbox]:not(old):checked + label.answer-image img, .skin-wrap input[type=radio]:not(old):checked + label.answer-image img { border:2px solid #ff8a00; }
.skin-wrap input[type=radio]:not(old) + label { cursor:pointer; display:inline-block; font-size:16px; padding:3px 0 2px 28px; background:url(/content/skin-00001/checks-02.png) no-repeat 0 -300px; line-height:20px; width:80%; }
.skin-wrap input[type=radio]:not(old):checked + label { background-position:0 -200px; }
.skin-wrap { padding:0; }
ul.steps li { display:table-cell; float:left; list-style:none; margin:3px 2px 3px 0; text-align:center; }
ul.steps { float:left; margin:0; padding:0; }
span.tooltip-icon { position:absolute; right:2%; top:-4px;}
.tooltip-icon span { background:#737373; font-size:14px; display:flex; margin:-22px 0 0; position:absolute; right:-1200px; top:5px; transition:0.5s; width:300px; }
.tooltip-icon:hover span { background:#737373; opacity:0.95; right:293px; transition:0.5s; width:300px;}

a.btn, input[type="submit"], button { background:#00bcdf; border:none; border-radius:5px; color: #fff; }
a.btn:hover, a.btn:active, input[type="submit"]:hover, input[type="submit"]:active, button:hover, button:active { background:#0c8faa!important; border:none; }

#contact-form-wrap textarea { width:97%; }
.productwrap { background:rgba(255,255,255,0.3); border:1px solid #85d7ef; border-radius:3px; float:left; margin:5px 0.5%; padding:5px 1%; position:relative; width:29.8%; }
.results-wrap { background:#fff; border:2px solid #85d7ef; border-radius:5px; float:left; margin:0; padding:12px 2% 4px; width:50%; }
.steps-options-wrap { float:left; margin-right:1%; overflow:hidden; width:44%; }

@media (max-width:809px)
{
 #contact-form-wrap textarea { width:95%; }
 .productwrap { width:21.5%; }
 .results-wrap { width:95%;}
 .steps-options-wrap { margin-right:0; width:100%; }
}

@media (max-width:520px)
{
 .productwrap { width:29.5%; }
}

@media (max-width:420px)
{
 #contact-form-wrap textarea { width:92%; }
 .productwrap { width:45.5%; }
 .tooltip-icon:hover span { background:#737373; opacity:0.95; right:230px; transition:0.5s; width:240px; }
}