/* #Panel/Slider Styles
================================================== */
.panel .slider,.panel .slider img{
	width: 100%;
}

#landing{}
	#landing .slider, #landing .slider article{
	z-index: 0; 
	position: fixed; 
	top: 0px; 
	bottom: 0px; 
	left: 0px; 
	width: 100%;
}

#landing .slider article{
	display: block;
	background: url(img/background.jpg) no-repeat center center; 
 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/background.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/background.jpg', sizingMethod='scale')";
}
.cycle-slideshow { width: 100%; height: 150%; margin: auto; border: 0px solid #fff; background: #fff }
.cycle-slideshow img { opacity: 0; filter:alpha(opacity=0); }		
.panel, .internal .panel{max-width: 850px;}
.wrap, .internal .wrap{max-width: 850px;}	


body {
  background: #fff;
  
}

@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Poly);
    #query-zip {
    font-size: 22px;
    font-family: 'HelveticaNeueRegular', 'InterstateThin';
    text-align: center;
}
span#browserZipCode {
    color: #b71021;
    font-size: 22px;
    font-family: 'HelveticaNeueRegular', 'InterstateThin'}
input#zipcode-input {
    margin-left: 10px;
    color: #717171;
}
input, textarea {
    padding: 7px;
    border: solid 1px #8b8c8c;
    outline: 0;
    font: normal 19px/100% 'HelveticaNeueRegular', 'InterstateThin';
    width: 120px;
    background: #e3f4f5;
    background: -webkit-gradient(linear, left top, left 25, from(#f0f2f2), color-stop(4%, #eee), to(#f0f2f2));
    background: -moz-linear-gradient(top, #f0f2f2, #eee 1px, #f0f2f2 225px);
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px;
}
input:hover, textarea:hover, input:focus, textarea:focus {
    border-color: #c9c9c9;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 8px;
}
.form label {
    margin-left: 10px;
    color: #999;
}
.submit input {
    width: auto;
    padding: 9px 15px;
    background: #617798;
    border: 0;
    font-size: 14px;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#ajax-loader {
    display: block;
    position: absolute;
    top: 28px;
    left: 200px;
    margin: 0 auto;
    width: 210px;
}
.web {
    width: 810px;
    margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
.toyLogo {
    position: relative;
    top: 30px;
}
#mainWrapper .quizz-start {
    position: relative;
    top: -265px;
    height: 0;
}
#mainWrapper {
    width: 640px;
    margin: 0 auto;
	
}
#mainWrapper.splash {
    width: 640px;
	
    margin: 0 auto;
}
#mainWrapper #resultsContainer {
    position: relative;
    width: 850px;
    margin-top: 0px;
    display: none;
		background: rgba(255,255,255,0.7);
height: 940px;
	-webkit-box-shadow: 0px 0px 50px 20px #000;
	-moz-box-shadow: 0px 0px 50px 20px #000;
	box-shadow: 0px 0px 50px 20px #000;

}
#mainWrapper #splashContainer {
    position: relative;
    margin-top: 0px;
    display: block;
	background: rgba(255,255,255,0.7);
	height: 100%;
	-webkit-box-shadow: 0px 0px 50px 20px #000;
	-moz-box-shadow: 0px 0px 50px 20px #000;
	box-shadow: 0px 0px 50px 20px #000;
}
h1 .splashStretch {
    width: 640px;
    margin-left: -5px;
    letter-spacing: .02em;
    font-size: 134px;
	 font-family: 'HelveticaNeueRegular', 'InterstateThin';
}
#splashContainer p {
    width: 640px;
    margin: 0 auto 40px;
    font-family: 'HelveticaNeueRegular', 'InterstateThin';
    font-size: 30px;
    text-align: center;
    line-height: 1.3em;
    letter-spacing: .01em;
}
#splashContainer p.second {
    width: 517px;
    margin: 0 auto 20px;
    font-family: 'HelveticaNeueRegular', 'InterstateThin';
    font-size: 33px;
    text-align: center;
    line-height: 1.3em;
    letter-spacing: .05em;
}
h1.bigText {
    width: 810px;
    margin: 0 auto;
    font-family: 'InterstateThin';
    font-size: 110px;
    text-align: center;
    text-transform: uppercase;
    line-height: .9em;
    letter-spacing: .0em;
}
#splashContainer #startButtonDiv {
    position: relative;
    width: 257px;
    height: 86px;
    margin: 0 auto;
}
#splashContainer h1.bigText {
    width: 500px;
    margin: 0 auto;
    font-family: 'InterstateThin';
    font-size: 100px;
    text-transform: uppercase;
    line-height: .9em;
    letter-spacing: .01em;
}
span.track {
    font-family: 'InterstateBold';
    color: #b71021;
}
img.divider {
    width: 810px;
    margin: 0 auto;
}
img#splashDivider {
    position: relative;
    width: 526px;
    margin: 20px 0 20px 59px;
}
h2.listHeader {
    font-family: 'Helvetica';
    font-size: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #bc0024;
    margin: 0 0 -20px 4px;
    font-weight: normal;
    letter-spacing: .01em;
}
ul#mindList {
    display: block;
    margin-top: -15px;
}
ul#whyList, ul#mindList {
    width: 780px;
    left: -10px;
    margin: 0 auto;
    font-family: 'InterstateThin';
    font-size: 28px;
    position: relative;
}
ul#whyList li, ul#mindList li {
    margin-top: -15px;
    padding-left: 5px;

    list-style-image: url(../img/bulletListSmall.png);
    list-style-position: outside;
}
ul#linkList {
    position: relative;
    width: 530px;
    left: 31px;
    margin: -10px auto;
    list-style-type: none;
}
ul#linkList li {
    float: left;
}
#toyLogo {
    position: relative;
    padding: 0;
    width: 810px;
    margin: 0 auto;
    clear: both;
}
#toyLogo img {
    position: relative;
    left: 322px;
    top: 10px;
    width: 175px;
    margin: 0 auto;
}
#splashContainer #toyLogo {
    padding: 0;
    width: 640px;
    margin: 30px auto;
    
}
#splashContainer #toyLogo img {
    position: relative;
    left: 227px;
    width: 175px;
    margin: 0 auto;
}
.main-quiz-holder {
    margin: 0;
	top: 0px;
    background-color: rgba(255,255,255,0.7);
	-webkit-box-shadow: 0px 0px 50px 5px #000;
	-moz-box-shadow: 0px 0px 50px 5px #000;
	box-shadow: 0px 0px 50px 5px #000;
    border: 0;
    position: absolute;
    width: 640px;
    height: 765px;
	background-image: url('../img/or.png');
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: top;
}
.main-quiz-holder a {
    text-decoration: none;
    color: #6c6c6c;
	
}
.main-quiz-holder .slide-container {
    width: 600px;
    padding: 20px;
    display: none;
	
}
.results-container, .intro-container {
    text-align: center;
    display: none;
}
.main-quiz-holder .slide-container .question, .main-quiz-holder h2.qTitle {
    margin: 10px 0 20px 0;
    font-size: 26px;
    font-weight: normal;
}
.main-quiz-holder h2.qTitle {
    font-size: 8px;
    margin-top: 30px;
    color: #e3f4f5;
}
.main-quiz-holder .question-number {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0;
    background: none;
    color: #e3f4f5;
    display: none;
}
.main-quiz-holder .slide-container ul.answers {
    top: -90px;
    position: relative;
    margin: 50px 0 50px 0;
    padding: 5px;
    list-style: none;
}
.main-quiz-holder .slide-container ul.answers li {
    cursor: pointer;
    padding: 5px 10px;
    margin: 80px 0 150px 0;
    color: #4c4c4c;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 3px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 3px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 3px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
    border: 1px solid #d6d6d6;
    background: #e3f3fa;
}
.main-quiz-holder .slide-container ul.answers li span.answerText {
    font-family: 'InterstateBold';
    font-size: 50px;
    letter-spacing: .03em;
    text-align: center;
    vertical-align: middle;
    text-justify: newspaper;
}
.main-quiz-holder .slide-container ul.answers li.selected {
    /*background: #ccecec;*/
    box-shadow: 0 1px 5px #ccecec, inset 0 10px 20px #ccecec;
    -o-box-shadow: 0 1px 5px #ccecec, inset 0 10px 20px #ccecec;
    -webkit-box-shadow: 0 1px 5px #ccecec, inset 0 10px 20px #ccecec;
    -moz-box-shadow: 0 1px 5px #ccecec, inset 0 10px 20px #ccecec;
}
.main-quiz-holder .slide-container .prev, .main-quiz-holder .slide-container .next {
    height: 60px;
    cursor: pointer;
    padding: 5px 10px;
    font-size: 16px;
    color: #fff;
}
.main-quiz-holder .slide-container .next {
    position: fixed;
    top: 590px;
    left: 350px;
}
.main-quiz-holder .progress-keeper {
    width: 600px;
    margin: 0 0 0 20px;
    top: 625px;
    position: absolute;
    background: url(../img/progressBackground.png) no-repeat;
}
.main-quiz-holder .progress {
    position: relative;
    top: 14px;
    width: 0;
    height: 24px;
    color: #4c4c4c;
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d4d4d4));
    background: -webkit-linear-gradient(#f6f6f6, #d4d4d4);
    background-image: -moz-linear-gradient(top, #f6f6f6, #d4d4d4);
    background-image: -moz-gradient(top, #f6f6f6, #d4d4d4);
}
.main-quiz-holder .result-keeper {
    margin: 10px;
    text-align: center;
}
.main-quiz-holder .notice {
    margin-top: -100px;
    color: #717171;
    position: absolute;
    right: 100px;
    bottom: 80px;
}
.main-quiz-holder .slide-container .prev {
    position: fixed;
    top: 590px;
    left: 100px;
    width: 200px;
}
.main-quiz-holder .slide-container .next, .main-quiz-holder .slide-container .final {
    width: 200px;
    float: right;
}
.main-quiz-holder .slide-container .final {
    position: fixed;
    top: 590px;
    left: 350px;
    width: 200px;
}
.main-quiz-holder .nav-start {
    display: block;
    margin: 40px auto 0 auto;
}
.main-quiz-holder .nav-container {
    padding: 5px;
    margin: 15px 15px 15px 15px;
    display: none;
}
.main-quiz-holder .result-row {
    width: 110px;
    margin: 10px 25px;
    float: left;
    position: relative;
    margin: 2px solid #000;
}
.main-quiz-holder .result-row .resultsview-qhover {
    background: #fcfcfc;
    border: 1px solid #dedede;
    box-shadow: 0 1px 5px #d9d9d9, inset 0 10px 20px #f1f1f1;
    -o-box-shadow: 0 1px 5px #d9d9d9, inset 0 10px 20px #f1f1f1;
    -webkit-box-shadow: 0 1px 5px #d9d9d9, inset 0 10px 20px #f1f1f1;
    -moz-box-shadow: 0 1px 5px #d9d9d9, inset 0 10px 20px #f1f1f1;
    border-radius: 2px 10px 2px 10px;
    position: absolute;
    width: 250px;
    top: 50px;
    left: -80px;
    z-index: 200;
    padding: 15px 30px;
    text-align: left;
    font-size: 22px;
}
.main-quiz-holder .resultsview-qhover ul {
    list-style: none;
    margin: 10px 0;
}
.main-quiz-holder .resultsview-qhover li {
    padding: 0 28px;
    margin: 5px 0;
    min-height: 20px;
    font-size: 14px;
    background: url(../img/answer.png) no-repeat 5px 2px #fcfcfc;
    border: 1px solid #f6f6f6;
    border-radius: 3px;
}
.main-quiz-holder .resultsview-qhover li.selected {
    background: url(../img/incorrect.png) no-repeat 5px 2px;
}
.main-quiz-holder .resultsview-qhover li.right {
    background: url(../img/correct.png) no-repeat 5px 2px;
}
.main-quiz-holder .correct, .main-quiz-holder .wrong {
    height: 19px;
    cursor: pointer;
    padding: 5px 10px;
    font-size: 16px;
    padding: 5px 15px;
    color: #4c4c4c;
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
}
.main-quiz-holder .correct {
    background: #c3e462;
    background: -webkit-gradient(linear, left top, left bottom, from(#c3e462), to(#90b61e));
    background: -webkit-linear-gradient(#c3e462, #90b61e);
    background-image: -moz-linear-gradient(top, #c3e462, #90b61e);
    background-image: -moz-gradient(top, #c3e462, #90b61e);
    border: 1px solid #bfff00;
}
.main-quiz-holder .wrong {
    background: #fc5e5e;
    background: -webkit-gradient(linear, left top, left bottom, from(#fc5e5e), to(#ea4646));
    background: -webkit-linear-gradient(#fc5e5e, #ea4646);
    background-image: -moz-linear-gradient(top, #fc5e5e, #ea4646);
    background-image: -moz-gradient(top, #fc5e5e, #ea4646);
    border: 1px solid #e36d6d;
}
.main-quiz-holder .correct span {
    padding: 0 20px;
    background: url(../img/confirm.png) left no-repeat;
}
.main-quiz-holder .wrong span {
    padding: 0 20px;
    background: url(../img/delete.png) left no-repeat;
}
.main-quiz-holder .question {
    padding-left: 5px;
    line-height: 1.3em;
}
.main-quiz-holder .share-button {
    display: block;
    margin: 15px 0;
}
.jquizzy-clear {
    clear: both;
}
.main-quiz-holder .right {
    float: none;
}
.main-quiz-holder img {
    border: 0;
}
.logo {
    background-image: url(../img/toy_logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    
    height: 50px;
    width: 640px;
    position: fixed;
    top: 755px;
}