body,html {   
       -webkit-text-size-adjust: none;
       background: #f9f5f6;
       padding: 0;
       margin: 0;
}

body,html,ul,li,ol,p {
       font-size: 13px;
       color:#000000;
       font-family: 'Open Sans', sans-serif;
}

a {
       color:#b80940;
}

footer .item-101 {
       display: none;
}

#mobfulloverlay {
    z-index: 10004;
}
#moboverlay, #mobfulloverlay {
    background: rgba(0, 0, 0, 0.48) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10002;
}


body #headercontainer header ul li.item-219,
body #headercontainer header ul li.item-228 {
       display:none;
}

#hamburger {
       position: absolute;
       right:5px;
       top:7px;
       width:38px;
       cursor: pointer;
       display: none;
       z-index: 1001;
       padding-top:10px;
       padding-left:10px;
       padding-right:10px;
       padding-bottom:10px;
       box-sizing: border-box;
}

#hamburger span{
       display: block;
       border-top:1px solid #fff;
       margin-top:2px;
}


#componentarea ul li,.customthin ul li {
       background: url(../images/clogo4.png) left 4px no-repeat;
       list-style: none;
       padding-left:20px;
}

#pageid219 #componentarea ul li {
       list-style:disc;
       margin-left:2em;
       padding-left:5px;
}


.customthin {
       margin-top:15px;
       clear: both;
}

.customthin ul li {
       width:50%;
       float:left;
       padding-right: 20px;
       box-sizing: border-box;
}

.customthin  {
       overflow: hidden;
}

#headercontainer,#footercontainer {
       background: #b80940;
       color: #fff;
       
}

#headercontainer #mainnav {
       float:right;
      
}

#componentarea,.thinpanel,#headercontainer header,footer,#disclaimer,#photoexamples,#secondarticle,.readingtypesinner,.twocolumns,.customthin,#iframereader {
       width: 832px;
       margin-left: auto;
       margin-right: auto;
}



#disclaimer{
       margin:35px auto;
       clear: both;
}


small {
       color:#969595;
       font-size: 12px;
}

.blackbutton,.redbutton {
       background: #000;
       display: inline-block;
       padding:6px 20px;
       text-transform: uppercase;
       border-radius: 5px;
       color:#fff;
       text-decoration: none;
       box-sizing: border-box;
    
       
       text-align: center;
       min-width: 200px;
}

.redbutton {
       background: #b80940;
}

.redbutton span{
      display: inline-block; 
}



.blackbutton a,.redbutton a{
       color:#fff;
       text-decoration: none;
       box-sizing: border-box;
       display: block;
}

.redtext {
       color:#b80940;
       display: inline-block;
}

#headercontainer header {     
       display: block;
     
       
}

#headercontainer {
       position: fixed;
       top:0;
       right:0;
       left:0;
       z-index: 1000;
}

#headercontainer.scrolling {
       position: static;
}

#headercontainer header ul{
       list-style: none;
       float: right;
       margin-top:0px;
       margin-bottom:0px;
       height: 42px;
       line-height: 42px;
}

#headercontainer header ul li ul{
       height: auto;
       line-height: normal;
}

#headercontainer header a {
       color: #fff;
       text-decoration: none;
}

#headercontainer header a:hover {
       color: #000;
}

#headercontainer header ul li{
       float:left;
       margin-right: 18px;
       display: block;
       font-size: 12px;
}

#headercontainer header ul li a{
       display: block;
       
       
}

#headercontainer header ul li a:hover{
       background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 6%, rgba(255,255,255,0) 6%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 6%, rgba(255,255,255,0) 6%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 6%, rgba(255,255,255,0) 6%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 6%, rgba(255,255,255,0) 6%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 6%, rgba(255,255,255,0) 6%, rgba(255,255,255,0) 100%);

}

#headercontainer header ul li ul li a:hover{
       background: none;
}


#headercontainer header ul li.item-107 {
       margin-right: 0px;
}


#headercontainer header ul li ul{
       display: none;
       
       position: absolute;
       background: #b80940;
       background: rgba(184,9,64,0.9);
       margin-top: -1px;
       padding-top:10px;
       margin-left:-10px;
       padding-bottom: 10px;
       text-align: center;
}

#headercontainer header ul li.item-102 ul {
       margin-left:-31px;
       min-width: 140px;
}

#headercontainer header ul li.item-103 ul {
       margin-left:-21px;
       min-width: 140px;
}

#headercontainer header ul li.item-105 ul {
       margin-left:-35px;
       min-width: 140px;
}

#headercontainer header ul li.deeper {
       background: url(../images/ardown2.png) right center no-repeat;
       padding-right: 12px;
}

#headercontainer header ul li ul li{
       clear: left;
       width:100%;
       padding:4px 0px;
}

#headercontainer header ul li ul li a{
       color:#fff;
       padding:0 6px;
}

#headercontainer header ul li ul li a:hover{
       color:#000;
}

#headercontainer header ul li:hover ul{
       display: block;
}


#maincontainer {
       max-width: 1366px;
       margin: auto;
       padding-top:42px;
       padding-bottom:30px;
       clear:both;
       box-sizing: border-box;
       width:100%;
       overflow: hidden;
       background: #fff;
}

#maincontainer.scrolling {
      padding-top:0px;
}

#componentarea {
       margin-top:0px;
       overflow: hidden;
}


#footercontainer {
      border-top:1px solid #d9cef4;
      box-sizing: border-box;
      overflow: hidden;
      clear: both;
}

h1,h2 {
       text-transform: capitalize;
       font-size: 22px;
       font-weight: normal;
       margin:15px 0;
}

#logo {
       
       
       
       
       float: left;
       font-size: 14px;
       overflow: visible;
        margin-left: -5px;
}

#logo a{
      background: url(../images/clogo2.png) 5px 13px no-repeat;
      padding-left: 25px;
      display: inline-block;
      height: 42px;
       line-height: 42px;
       padding-right: 5px;
       box-sizing: border-box;
       font-weight: normal;
      
}






#headercontainer header #logo a,#headercontainer header #logo a:hover{
       text-decoration: none;
       color:#fff;
    
}

#logo a span{
       color:#fff;
}



.quote {
       color:#d9cef4;
       font-size: 22px;
       font-style: italic;
       text-align: center;
       font-weight: bold;
       display: block;
       margin:20px 0;
}


.testimonialbox #testimg{
       float:right;
       display: block;
       width:208px;
       margin-top: -30px;
}

.testimonialbox #testimg img {
       width:100%;
       max-width:100%;
}

.testimonialbox #testtext {
       width:574px;
       float:left;
       display: block;
}


footer {
       padding:40px 0;
       overflow: hidden;
       
}

footer,footer p, footer ul, footer li {
       font-size: 12px;
       color: #fff;
       
}

footer h4 {
       line-height: 35px;
       margin: 0 0 7px 0;
       padding: 0;
}


footer #footer1 h4,
footer #footer3 h4
{
    margin: 0 0 13px 0;   
}

#footer1 {
       float:left;
       width:24%;
}

footer #footer1 h4 {
       background: url(../images/clogo.png) left 11px no-repeat;
       padding-left:20px;
      font-size: 14px;
      background-size: 15px auto;
      margin-bottom: 13px;
      margin-top: -5px;
      padding-top: 0px;
}

#footer1 div {
       padding-right: 20px;
}

#footer1 p {
       margin: 0;
}

#footer2 {
       float:left;
       width:31%;
}

footer #footer2 h4 {
       border-bottom: 1px dotted #000;
       width: 80%;
       line-height: 25px;
       padding-bottom:5px;
}

footer #footer3 {
       float:left;
       width:29%;
}

footer #footer3 h4{
       line-height: 25px;
       padding-top:0px;
       padding-bottom: 4px;
}

#footer4 {
       float:right;
       width:16%;
       padding-top: 42px;
       
}

#footer3 ul {
       list-style: none;
}

#footer3 ul li{
       float:left;
       width:50%;
}

#footer3 ul li a{
       color:#fff;
       text-decoration: none;
}

#footer3 ul li a:hover{
       color:#000;
}

#footer4inner {
       border-left: 1px solid #000;
       padding-left:20px;
}

#footer4social {
       text-align: right;
       margin-top: 15px;
}

#footer4social a {
       display: inline-block;
       text-indent: 1000px;
       overflow: hidden;
       height: 18px;
       margin-left: 10px;
       background-size: 100% auto;
}

#twitter,#twitter2 {
       background: url(../images/twitter.png) left center no-repeat;
       width:16px;
}

#facebook,#facebook2 {
       background: url(../images/facebook.png) left center no-repeat;
       width:8px;
}

#instagram,#instagram2 {
       background: url(../images/instagram.png) left center no-repeat;
       width:15px;
}

#website,#website2 {
       background: url(../images/website.png) left center no-repeat;
       width:14px;
}


.twocolumns {
       overflow: hidden;
}



#headertwocolumns #textarea {
       padding-bottom: 25px;
}

#headertwocolumns #textarea,#headertwocolumns .custom {
       padding-top: 15px;
}

.twocolumns1 {
       float: left;
       width: 49%;
}

.twocolumns2 {
       float: right;
       width: 49%;
}

#photoexamples img {
       float: left;
       width:25%;
}

#photoexamples {
       overflow: hidden;
       margin-top: 25px;
}

#mc-embedded-subscribe {
       border:0;
       background: #000;
       color:#fff;
       border-radius: 5px;
       float: left;
       
       height: 25px;
       line-height: 20px;
       box-sizing: border-box;
}

#mce-EMAIL {
       border-radius: 5px;
       border:1px solid #b7b7b7;
       width:50%;
       float: left;
       margin-right: 5px;
       margin-left: 5px;
       line-height: 20px;
       box-sizing: border-box;
       height: 25px;
}

#mc_embed_signup label{
       float: left;
       margin-top: 3px;
       line-height: 20px;
}


#iframereaderleft {
       max-width: 550px;
       float:left;
       width:550px;
}

#iframereaderright {
       float:right;
       width:230px;
       margin-top: 50px;
       
}

#iframereaderright img{
       max-width: 100%;
}


#componentarealeft {
       width:67%;
       float: left;
}

#componentarearight {
       width:30%;
       float: right;
       
}



.frontpage #componentarearight {
       display: none;
}

.frontpage #componentarealeft {
       width:100%;
}

#singleimage img{
       width: 90%;
       max-width: 420px;
       border:1px solid #b81442;
       margin-top: 20px;
}

#singleimage {
       text-align: right;
}

.sideimage img{
       max-width: 100%;
}

.sideimage {
       margin-top:20px;
}

#contactclaireimage {
       margin-top:50px;
}

.sidebutton {
       margin-top: 15px;
       width:100%;
}


#horobuttons a.horbuttonsback,.buttonback {
   
       background-image:url(../images/bg.png) !important;
       background-position: 10px center;
       background-repeat: no-repeat;
}


#componentarea img {
       max-width: 100%;
}

#prepaidreadings iframe {
       border:0;
}

#prepaidreadings a {
       display: none;
}

#sharebuttons {
       overflow: hidden;
       
}

.fb-share-button {
       margin-bottom: 10px;
}


@media only screen and (min-width : 1360px) {
/* Widescreen */
       body,html,ul,li,ol,p {
              font-size: 14px;
       }
       
       #logo a{
              background: url(../images/clogo.png) 10px 21px no-repeat;
              padding-left:40px;
              height: 62px;
              line-height: 62px;
              
              padding-right: 10px;
       }
       
       #logo {
              margin-left: -10px;
       }
       
 
       #headercontainer header ul {
              height: 62px;
              line-height: 62px;
       }



       
       
       
      

       h1,h2,.quote {
              font-size: 23px;
       }
       
       #componentarea ul li {
              list-style: square;
              padding-left: 25px;
       }
       
       #headercontainer header ul li.deeper {
              background: url(../images/ardown.png) right center no-repeat;
              padding-right: 14px;
       }
       
       #componentarea,.thinpanel,#iframereader,#headercontainer header,footer,#disclaimer,#photoexamples,#secondarticle,.readingtypesinner,.twocolumns,.customthin {
              width: 1200px;
              margin-left: auto;
              margin-right: auto;
       }
       
       #componentarea {
              margin-top: 15px;
       }
       
       #headercontainer header ul li{
              margin-right: 45px;
       }
       
       #headercontainer header ul li ul {
              padding-top:10px;
       }
       
       #headercontainer header ul li ul li {
              padding-top:5px;
              padding-bottom: 5px;
       }
       
       
       .testimonialbox #testimg{
              width:380px;
       }
       
       
       .testimonialbox #testtext {
              width:800px;
       }
       
       #twitter {
              width:18px;
       }
       
       #facebook {
              width:10px;
       }
       
       #website {
              width:16px;
       }
       
       #instagram {
              width:17px;
       }

       footer,footer p, footer ul, footer li {
              font-size: 13px;
       }
       
       footer #footer1 h4 {
              background: url(../images/clogo.png) left 10px no-repeat;
              padding-left:24px;
             font-size: 15px;
             background-size: 18px auto;

       }
       
       footer h4 {
              font-size: 15px;
       }
       
       #mce-EMAIL {
              width:60%;
       }
       
       footer #footer2 h4 {
              margin-bottom: 15px;
       }
       
       .blackbutton,.redbutton {

              min-width: 250px;
       }
       
       #iframereaderright {
              width:400px;
       }
       
       
       #headercontainer header ul li{

              font-size: 15px;
       }
       
   

       
       #headercontainer header ul li.item-102 ul {
              margin-left:-40px;
              min-width: 140px;
       }
       
       #headercontainer header ul li.item-103 ul {
              margin-left:-33px;
              min-width: 140px;
       }
       
       #headercontainer header ul li.item-105 ul {
              margin-left:-33px;
              min-width: 140px;
       }
       
       #logo {
              font-size: 16px;
       }
       
       

       
     
       

}



@media screen and (max-width : 1000px) {
       
       body #headercontainer header ul li.item-219 {
              display:block;
       }
       
       #headercontainer header ul li a:hover{
              background: none;
       }
       
       
       #headercontainer header ul li.item-102 ul,
       #headercontainer header ul li.item-103 ul,
       #headercontainer header ul li.item-105 ul{
              margin-left:0px;
              min-width: inherit;
       }
       
      
       #headercontainer header ul {
              height: auto;
              line-height: normal;
          }
                 
       
       .testimonialbox #testimg {
              
              margin-top: 0px;
       }
       
       #logo {
              display: inline-block;
              float: none;
       }
     
       footer {
              width:auto;
       }
       
       #headercontainer header {
              width: auto;
              text-align: center;
       }
       
       #headercontainer header ul li,#headercontainer #mainnav,#headercontainer header ul{
          float: none;
          clear: both;
       }
       
       #headercontainer header ul {
           background: #9c1c45;
          
          margin-bottom: 1px;
          margin-top: 0px;
       }
       
       #headercontainer header ul li {
          text-align: center;
          margin: 0;
          border-top: 1px solid #b80940;
          padding-bottom:5px;
          padding-top:5px;
       }
       
       #headercontainer header ul li ul{
          display: block;
          position: static;
          margin: 0;
          padding: 0px 0 2px 0;
          background: none;
          margin-top:5px;
          
       }
       
       #headercontainer header ul li ul li{
          width:auto;
          padding: 2px 0;
          border-top: 0px;
          margin: 0;
       }
       
       #headercontainer header ul li ul li a{
          color:#000;
       }
       
       #headercontainer header ul li.deeper {
              background: none;
              padding-right: 0;
       }
       
       #hamburger {
              display: block;
       }
       
       #mainnav {
              display: none;
       }
       
       
       #componentarea,.thinpanel,#iframereader,footer,#photoexamples,#disclaimer,#secondarticle,.readingtypesinner,.twocolumns,.customthin {
              width: 90%;
              margin-left: auto;
              margin-right: auto;
       }
       
       
       
       
       
       .testimonialbox #testimg{
              width:25%;
       }
       
       
       .testimonialbox #testtext {
              width:70%;
       }
       
       
       #footer1 {
         width:33%;
       }
         
       #footer2 {
              width:33%;
       }
       
       #footer2 h4{
              width:auto;
       }
       
       
       #mce-EMAIL {
              width:55%;

       }
       

       #footer3 {
              display: none;
       }
       
       #footer4 {
              width:33%;
       }
       
    
    
       
       .customthin ul li {
               width:100%;
       }
       
     
       #iframereaderleft {
              width:100%;
              float: none;
       }
       
       #iframereaderright {
              display: none;
              
       }
       
       
     
       
       #componentarealeft {
              width:70%;
       }
       
       #componentarearight {
               width:28%;
       }

       
}



@media screen and (max-width : 900px) {
       #componentarealeft {
              width:65%;
       }
       
       #componentarearight {
               width:30%;
       }
    
   
}


@media screen and (max-width : 800px) {
       #footer1,#footer2 {
              width:50%;
       }
       
       .rtbnnoshow {
              display: none;
       }
       
     
       #footer4 {
              width:100%;
       }
       
       
       #footer4inner {
           border-left: 0px;
           padding-left: 0px;
           text-align: center;
       }
       
       #footer4social {
              text-align: center;
       }
       
       footer #footer2 h4 {
              width:100%;
       }
       
        .twocolumns1 {
              width: 100%;
              float: none;
              clear: both;

       }
       
       .twocolumns2 {
              width: 100%;
              float: none;
              clear: both;
       }
       
       #singleimage img {
              max-width: 99%;
              margin-top: 20px;
       }
       
       #singleimage {
              text-align: center;
       }
       
       
      
       
}


@media screen and (max-width : 720px) {

       #componentarealeft {
        width:100%;
        float: none;
       
       }
       
       #componentarearight {
           width:100%;
           text-align: center;
           float: none;
          
       }
       
       #contactclaireimage {
              margin-top:0px;
       }
       
       
       
}



@media screen and (max-width : 661px) {
       
       
       #footer1,#footer2 {
              width:100%;
       }
       
       #footer2 {
              margin-top: 20px;      
       }
       
              
      
       
       #headertwocolumns #textarea {
              padding-bottom: 0px;
       }
       
       #headertwocolumns #textarea{
              padding-top: 0px;
       }
       
       #photoexamples img {
    
              width:50%;
       }
     
       
       
       
}







@media screen and (max-width : 500px) {
       
       
       #logo span {
              display: none;
       }
       
  
       
       
       body,html,ul,li,ol,p {
              font-size: 12px;
       }

       
       .testimonialbox #testimg{
              width:100%;
              float: none;
              margin-bottom: 20px;
              margin-top: 0px;
       }
       
       
       .testimonialbox #testtext {
              width:100%;
              float: none;
       }
       
       small {
              font-size: 10px;
       }
       
       #componentarea ul li {
              background: url(../images/clogo4.png) left 3px no-repeat;
              padding-left:15px;
       }
       
       h1,h2 {
              font-size: 16px;
       }
       
       .quote {
              font-size: 14px;
       }

       
}


@media screen and (max-width : 450px) {

       #prepaidreadings iframe {
              overflow: scroll;
              position: absolute;
              width:450px;
              height:500px;
         
       }
       
       #prepaidreadings {
              height:500px;
     
       }
       
       #imageheaderpurple,
       #footercontainer,#componentarearight {
              display: none;
       }
       
      

}