/**************************************
**** Reset ***
***************************************/
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; outline:none; font-weight:normal}
ul,ol {list-style:none}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input {margin:0; padding:0}
fieldset {border:0}
a img,:link img,:visited img {border:none}
:link,:visited {text-decoration:none; color:#407a8b}
.cf:before,.cf:after {content:"";display:table}
.cf:after {clear:both}
.cf {zoom:1}
button::-moz-focus-inner {outline:none}
.floatleft{float:left}
.floatright{float:right}
.alignleft{text-align:left}
.alignright{text-align:right}
/**************************************
**** Basic ***
***************************************/
body,html {
background:#f3f3f3;
font:12px/1.5em 'Ruda',sans-serif;
}
#wrapper {width:900px;margin:0 auto}
#header {margin:0 0 36px;overflow:auto}
#header h1 {float:left;margin:19px 0 0}
#header ul {float:right;margin:60px 0 0}
#header ul li {float:left}
#header ul li a {padding:0 15px;font:16px/2em 'Advent Pro',sans-serif;color:#000;font-weight:500;text-transform:uppercase}
#header ul li.alt a {color:#e72a6a}
.home #header {background:url(images/homepage-header-bg.jpg) no-repeat;height:455px}
.home #header h1 {margin:35px 0 0}
.home #header ul {margin:56px 0 0}
.home #header ul li {float:left;}
.home #header ul li a {padding:0 10px;font-size:1.2em}
#actions {background:url(images/row-line.png) repeat-x left bottom;overflow:auto;padding:0 0 50px}
#actions li {float:left;width:190px;padding:225px 55px 0}
#actions h2 {font:24px/1.5em 'Advent Pro';font-weight:600;text-align:center;color:#327ea0;margin:0 0 6px}
#actions p {font-size:11px}
#actions .signup {background:url(images/actions-signup.png) no-repeat 50% 37px}
#actions .receive {background:url(images/actions-receive.png) no-repeat 50% 37px}
#actions .enjoy {background:url(images/actions-enjoy.png) no-repeat 50% 37px}
#homeContainer {}
#homeContainer ul {margin:0 0 0 -15px}
#homeContainer li {font:15px/2em 'Ruda';background:url(images/pink-bullet.png) no-repeat 0 50%;padding:0 0 0 15px}
#homeContainer h1 {color:#498fae;font:28px/1.2em 'Advent Pro', sans-serif;font-weight:500;margin:0 0 0.5em}
#homeContainer .row1 {background:url(images/row1-bg.png) no-repeat left 60px;padding:30px 0 70px 300px}
#homeContainer .row2 {background:url(images/row2-bg.png) no-repeat right 0;padding:30px 300px 30px 50px;}
#homeContainer .row3 {background:url(images/row3-bg.png) no-repeat left 30px;padding:70px 0 75px 300px;}
#homeContainer .row4 {background:url(images/row-line.png) repeat-x left top;padding:42px 0 0}
#homeContainer .row4 .inner {background:url(images/row4-bg.png) no-repeat 50% 0;padding:46px 0 30px;margin:0 0 20px}
#homeContainer .row4 p {text-align:center;font:34px/40px 'Advent Pro';color:#498fae;width:520px;margin:0 auto}
#homeContainer .row4 .alignright {width:600px;text-align:right}
#homeContainer .row5 {overflow:auto;padding:0 0 80px}
#homeContainer .row5 ul {width:300px;margin:0 auto;}
#homeContainer .row5 ul li {float:left;background:none;padding:0;width:150px;}
#homeContainer .row5 ul a {background:url(images/button-buy-now.png);display:inline-block;width:134px;height:32px;text-align:center;font:20px/32px 'Advent Pro';font-weight:500;color:#191919;text-transform:uppercase;}
#homeContainer .row5 ul a.learn-more {background:url(images/button-learn-more.png)}
#footer {clear:both}
#footer a {color:#fff}
#footer .rowAbove {background:#de6d93;padding:52px 0 10px}
#footer .rowBelow{background:#205673}
#footer .rowBelow p {line-height:4em;font-size:11px;color:#749aaf}
#footer .inner {width:900px;margin:0 auto;overflow:auto}
#footer .inner li {float:left;font-size:11px}
#footer .col1 {width:148px;padding:0 30px 0 0}
#footer .col2 {width:388px;padding:0 50px 0 0}
#footer .col3 {width:284px}
#footer .col1 li {float:none}
#footer .col1 li ul {width:120px;margin:0 0 1em}
#footer .col1 li li {float:left;width:40px;height:40px;}
#footer .col2 li {margin:0 0 30px}
#footer .col2 p.date {color:#914761}
#footer .col3 p {font-size:16px;line-height:20px;margin:0 0 1em}
#footer .col3 input[type="text"] {background:url(images/footer-input.png) no-repeat;width:264px;height:36px;border:none;padding:0 10px;font-size:12px}
#footer .col3 input[type="button"],#footer .col3 input[type="submit"] {background:url(images/button-submit.png) no-repeat;border:none;color:#f3f3f3;width:134px;height:33px;margin:0 auto}
#footer .col3 .center {text-align:center;margin:0 0 1.5em}
#footer h2 {font:24px/28px 'Advent Pro';font-weight:500;color:#e5e5e5;text-shadow:1px 1px 1px rgba(0,0,0,0.5);margin:0 0 0.5em}
#survey {
clear:both;
}
#survey p.big {font:28px/42px 'Advent Pro';font-weight:600;color:#327ea0;margin:0;}
#survey p.alt {color:#191919;margin:0 0 90px}
#survey ul li {}
#survey .black {color:#191919}
#survey .step1 {overflow:auto;margin:0 0 2em}
#survey .step1 li {float:left;width:300px;color:#e38eab;font-size:14px;}
#survey .step1 label {display:block;margin:0 0 12px;color:#000;font-weight:500;}
#survey .step1 .left {display:inline-block;width:115px;padding:7px 0 0}
#survey .step1 ul li li .left {padding:0}
#survey .step1 li .right {float:right;display:block;width:160px;}
#survey .step1 li li .right {width:170px}
#survey .step1 li li {float:none;width:auto;margin:0 0 1em}
#survey .step2 {clear:both}
#survey .step2 li {float:left;width:300px;height:125px}
#survey .step2 ul {margin:0 0 2em;overflow:auto}
#survey .step2 .left {}
#survey .step2 .middle {}
#survey .step2 .right {text-align:right}
#survey h2 {
font:14px/2em 'Ruda';
color:#e38eab;
margin:0 0 0.5em
}
#survey p {
color:#191919;
font-size:15px;
}
#survey .q1 .left {background:url(images/survey-img-1.png) no-repeat left 35px;height:220px}
#survey .q1 .right {background:url(images/survey-img-2.png) no-repeat right 35px;height:220px}
#survey .q2 .left {background:url(images/survey-img-3.png) no-repeat left 35px;height:220px}
#survey .q2 .right {background:url(images/survey-img-4.png) no-repeat right 35px;height:220px}
#survey .q3 .left {background:url(images/survey-img-5.png) no-repeat left 50px;height:220px}
#survey .q3 .right {background:url(images/survey-img-6.png) no-repeat right 50px;height:220px}
#survey .ui-slider-horizontal {
background:url(images/slider-bg.png) no-repeat;
width:278px;
padding:0 23px 0 0;
height:31px;
}
#survey .ui-slider-handle {
background:url(images/slider-button.png) no-repeat;
width:23px;
height:23px;
display:block;
outline:none;
position:relative;
}
#survey .end {text-align:center;clear:both;padding:2em 0 0}
#survey .end p {margin:0 0 1.5em;font-size:20px;color:#327ea0}
#survey .end input {background:url(images/button-buy-now.png) no-repeat;display:inline-block;width:134px;height:32px;border:none;color:#fff;font:20px/32px 'Advent Pro',sans-serif;text-transform:uppercase;font-weight:600}
/*
Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html
*/
/* Global Declaration */
div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
}
.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button *{
margin: 0;
padding: 0;
}
/* SPRITES */
/* Select */
div.selector {
background:url(images/select-right.png) no-repeat;
line-height: 37px;
height: 37px;
}
div.selector span {
background:url9images/select-left.png) no-repeat;
height: 37px;
line-height: 37px;
}
div.selector select {
/* change these to adjust positioning of select element */
top: 10px;
left: 0px;
}
/* Checkbox */
div.checker {
width: 34px;
height: 34px;
}
div.checker input {
width: 34px;
height: 34px;
}
div.checker span {
background:url(images/checkbox.png) no-repeat;
height: 34px;
width: 34px;
}
div.checker span.checked {
background:url(images/checkbox-checked.png) no-repeat;
}
div.checker.focus span.checked,
div.checker:hover span.checked {
background:url(images/checkbox-checked.png) no-repeat;
}
/* PRESENTATION */
/* Select */
div.selector {
width: 121px;
font-size: 12px;
cursor:pointer;
height:37px
}
div.selector select {
min-width: 121px;
font-family: 'Ruda', sans-serif;
font-size: 12px;
border: solid 1px #fff;
}
div.selector span {
padding: 0px 25px 0px 2px;
cursor: pointer;
}
div.selector span {
color: #666;
width: 94px;
text-shadow: 0 1px 0 #fff;
}
div.selector.disabled span {
color: #bbb;
}
/* Checker */
div.checker {
margin-right: 5px;
}
/*
CORE FUNCTIONALITY
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector,
.checker,
.button,
.radio,
.uploader {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
zoom: 1;
*display: inline;
}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
outline: 0;
}
/* Select */
div.selector {
position: relative;
padding-left: 10px;
overflow: hidden;
}
div.selector span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.selector select {
position: absolute;
opacity: 0;
filter: alpha(opacity:0);
height: 25px;
border: none;
background: none;
}
/* Checker */
div.checker {
position: relative;
}
div.checker span {
display: -moz-inline-box;
display: inline-block;
text-align: center;
}
div.checker input {
opacity: 0;
filter: alpha(opacity:0);
display: inline-block;
background: none;
}