/* CSS stylesheet for the Fall Cleanse Detox page */

@font-face {

    font-family: 'QuicksandLight';

    src: url('/fonts/Quicksand_Light-webfont.eot');

    src: url('/fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),

         url('/fonts/Quicksand_Light-webfont.woff') format('woff'),

         url('/fonts/Quicksand_Light-webfont.ttf') format('truetype'),

         url('/fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'QuicksandBook';

    src: url('/fonts/Quicksand_Book-webfont.eot');

    src: url('/fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),

         url('/fonts/Quicksand_Book-webfont.woff') format('woff'),

         url('/fonts/Quicksand_Book-webfont.ttf') format('truetype'),

         url('/fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');

    font-weight: normal;

    font-style: normal;



}

.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



#wrapper { width: 977px; margin: 0 auto;}



#main-content-full-width { padding: 0 194px; border: 1px solid #f1b856;}



body { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 16px; line-height: 1.4em;}



h1, h2, h3 { line-height: 1.2em; font-weight: normal;}



h1 { color: #8fb406; font-size: 2em;}



h2 { color: #8fb406; font-size: 1.7em;}



h3 { color: #8fb406; font-size: 1.3em;}



strong, b { color: #f69402;}



blockquote { background: #f6f3f5; width: 80%; padding: 20px; margin: 40px auto; }



blockquote p { font-style: italic; color: #813365; font-family: Georgia, serif; }



blockquote h3 { color: rgb(93,26,80); }



.attention-box { border: 1px solid #813365; width: 80%; padding: 20px; margin: 20px auto;}



a, a:visited, a:hover { color: #813365;}



.green {color: #b30e2b;}



.pink {color: #ff5000;}



.beige {color: #f2dfbe;}



.light-green { color: #cbe442;}



.green { color: #8fb406; }



.orange { color: #f69402;}



.plum { color: #813365; }



.brown { color: #603913; }



li { padding-bottom: 10px;}



/* ul.check { list-style-image: url(/assets/checkmarkyellow20x24.png);} */



ul.check li {

    background:url("/assets/checkmarkyellow20x24.png") no-repeat 0 10%;padding-left: 41px; margin-left: -27px;

}



ul.check {

    list-style-type: none;

}



.question-area { border-top: 2px solid #813365; margin: 40px 0;}



.question-area.last { border-bottom: 2px solid #813365;}



.question { width: 30%; float: left; color: #813365; padding-bottom: 84px; padding-right: 30px; font-weight: bold;}



.question-area ul { width: 62%; float: right; padding: 0; }



.sign-up { border: 1px solid #cbe442; text-align: center; padding:8px;}



.sign-up a { text-decoration: none; }



.buttondetox { background: #cbe442; color: #3d7c3a; padding: 8px 20px; float: right; margin-top:-8px; margin-right:-8px;}div#banner-image-container {    position: relative;}h1#banner-title {    position: absolute;    color: #fff;    width: 133px;    height: 125px;    overflow: hidden;    top: 40px;    left: 514px;    font-size: 27px;}