/* STRUCTURE */

body,html {
    margin:0 0 10px 0;
    padding:0;
    color:#141012;
    font-size: 13px;
}

body {
    background: center top fixed no-repeat #fff;
    font-family: "Open Sans",arial,helvetica,sans-serif;
    min-width:480px;
}

#outerwidth {
    width:1000px;       
    margin:auto;
}

#innerwidth {
     width:1000px;
     margin:10px auto 0px auto;
     background: #fff;
     overflow: hidden;
}

#innerstyles {
     padding:11px;
     border:1px solid #000000;
     overflow: hidden;
}

#newsletterandsearch {
   float:right;
}

.rightcolwidth {
     width:336px;
}

#maincolumn {
   overflow: hidden;
   margin-bottom:15px;
}

#mainleftcolumn {
   float:left;
}

.leftcolwidth {
     width:628px;
}

#mainrightcolumn {
     float:right;
}

footer {
   clear: both;
   margin:15px 0;
   display: block;
}


@media only screen and (max-width: 1000px){
 
   #outerwidth,#innerwidth  {
        width:800px;       

   }
   
   .rightcolwidth {
      width:336px;
   }
   
   .leftcolwidth {
        width:428px;
   }

}


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

   body,html {
       background: none;
       
   }
   
   #outerwidth,#innerwidth  {
      width:100%;       
      border:0;
   }
   
   #innerstyles {
      border:0;
      padding:15px;
   }
   
   .leftcolwidth {
      width:100%;
   }
   
   #mainrightcolumn {
       display: none;
   }
   
}

@media only screen and (max-width: 720px){
   .rightcolwidth {
       width:292px;
   }
}


@media only screen and (max-width: 550px){
   .rightcolwidth {
      width:255px;
   }
}


/* FONTS */

a {
   color:#ed1c24;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
   color:#0092df;
}

h1 {
    background: #fff;
    color: #000;
    font-size: 20px;
    margin: 0 0 15px;
    padding: 2px 15px;
    font-weight: bold;
    clear: both;
    
}

h2 {
    font-size:20px;

    border-bottom:3px solid #020000;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 15px;
    clear: both;
}

#mainrightcolumn h2 {
   margin-top:0px;
}

h3 {
    font-size:17px;
    font-weight: bold;
    border-bottom: 1px dotted #939598;
    margin-bottom: 10px;
    margin-top: 15px;
    clear: both;
}

h4 {
    font-size:15px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 15px;
    clear: both;
}

p {
   color: #141012;
    font-size: 13px;

}

ol {
   margin-left: 30px;
   list-style:decimal;
}

ul {
   margin-left: 30px;
   list-style:disc;
}

li {
   color: #141012;
    font-size: 13px;
    margin-bottom:5px;
}


img,iframe {
   max-width: 100%;
}

iframe {
   width: 100%;
}


/* NAVIGATIONS */

#navigations {
   clear: both;
}

#bothnavs {
   margin-bottom:15px;
   display: block;
}

#mainnav,#mobilenav {
   clear: both;
   margin:auto; 
   overflow: hidden;
   background: linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 7%, #CCCCCC 15%, #f3f3f3 15%, #f3f3f3 100%);
   background:-webkit-linear-gradient(top, #FFFFFF 0%, #F6F6F6 7%, #CCCCCC 15%, #f3f3f3 15%, #f3f3f3 100%);  
   text-align: center;
   font-size: 0;
}

#flexsite #mainnav{
   background: linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 7%, #CCCCCC 15%, #e9e9e9 15%, #e9e9e9 100%);
   background:-webkit-linear-gradient(top, #FFFFFF 0%, #F6F6F6 7%, #CCCCCC 15%, #e9e9e9 15%, #e9e9e9 100%);  
    
}


#mainnav {
   margin-bottom:2px;
   
   min-height: 45px;
   display: block;
   overflow: visible;
}

#mobilenav {
   display: none;
   box-shadow: 0px 3px 3px #ccc;
   margin-bottom:15px;
}

#subnav {
   height: 45px;
   text-align: center;
   background: linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 7%, #CCCCCC 15%, #f3f3f3 15%, #f3f3f3 100%);
   background:-webkit-linear-gradient(top, #FFFFFF 0%, #F6F6F6 7%, #CCCCCC 15%, #f3f3f3 15%, #f3f3f3 100%);  
   font-size: 0;
   margin-bottom:15px;
   padding:0;
   overflow: visible;
}

#flexsite #subnav {
   background: linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 7%, #CCCCCC 15%, #e9e9e9 15%, #e9e9e9 100%);
   background:-webkit-linear-gradient(top, #FFFFFF 0%, #F6F6F6 7%, #CCCCCC 15%, #e9e9e9 15%, #e9e9e9 100%);     
}

#mainnav ul, #subnav ul {
   padding:0;
   margin:0;
}


#mainnav li {
   text-transform:capitalize;
   display:inline-block;
   color:#141012;
   margin: 0;
}

#mainnav li,
#subnav li {
   
   position: relative;
   overflow: visible;
}

#mainnav li .coldrop,
#subnav li .coldrop {
   
   background: linear-gradient(to bottom, #fff 0%, #F0F0F0 87%, #CCCCCC 100%);        
   background:-webkit-linear-gradient(top, #fff 0%, #F0F0F0 87%, #CCCCCC 100%);  
   height: 5px;
   position: absolute;
   top:0;
   z-index: 0;
   display: block;
   width:100%;
}

.no-touch #mainnav li .coldrop,
.no-touch #subnav li .coldrop {
   transition: height 0.3s ease-in-out;  
}

#mainnav li:hover .coldrop, 
#subnav li:hover .coldrop {
   height: 45px;
}

#subnav li {
   display:inline-block;
   text-transform:capitalize;
   color:#141012;
   font-size: 14px;
   text-decoration: none;
   margin-bottom: 0px;
}




#mainnav ul #current .coldrop,
#subnav ul #current .coldrop{
   height: 45px;
}

#mainnav ul li ul li#current,
#subnav ul li ul li#current{
   height: auto;
   max-height: auto;
}


#mobilenav a {
   text-transform:capitalize;
   display:inline-block;
   color:#141012;
   line-height: 45px;
   z-index: 100;
   padding:0px 15px 0px 15px;
   font-weight: bold;
   text-decoration: none;
   margin: 0;
   font-size:15px;
}

#mainnav li a {
   text-transform:capitalize;
   display:inline-block;
   color:#141012;
   line-height: 45px;
   position: relative;
   white-space: nowrap;
   z-index: 100;
   padding:0px 15px 0px 15px;
   font-weight: bold;
   text-decoration: none;
   margin: 0;
   font-size:15px;
}


#subnav li a{
   color:#141012;
   text-decoration: none;
   display:block;
   line-height: 45px;
   padding-left:15px;
   padding-right:15px;
   position: relative;
   white-space: nowrap;
   z-index: 100;
}

#mainnav li a,
#subnav li a{
   transition: color 0.3s linear 0s;
}

#mainnav li:hover a {
   color:#0092df;
}

#subnav li:hover a {
   color:#0092df;
}
       


#mainnav li ul,
#subnav li ul{
   opacity:0;
   display: block;
   height:0px;
   padding:0;
   z-index: 10000;
   overflow: hidden;
   transition: opacity 0.3s ease-in-out;
   -ms-transition: opacity 0.3s ease-in-out;
   -webkit-transition: opacity 0.3s ease-in-out;
   position: absolute;
   margin:0;
   clear:both;
   background: none;
}

   

#mainnav li:hover ul,
#subnav li:hover ul {
   display: block;
   opacity:1;
   height:auto;
}
       

#mainnav li ul li,
#subnav li ul li{
   height: auto;
   display: block;
   text-align: left;
   margin:0;
   background: #e6e6e6;
   min-width: 220px;
}


#mainnav li ul li:hover,
#subnav li ul li:hover{
   height: auto;
   background: #eee;
}


#subnav li ul li a,
#mainnav ul li ul li a{
   display: block;
   text-align: left;
   margin:0;
   line-height: 20px;
   background: none;
   text-transform: none;
   font-weight: normal;
   padding:5px 15px;
   border-bottom:1px dotted #939598;
}


.toprow {
   background: none !important;
   padding-left:20px;
}


.triangle {
   width: 0; 
   height: 0; 
   border-bottom: 10px solid #e6e6e6; 
   border-left: 8px solid transparent; 
   border-right: 8px solid transparent;
   -moz-transform: scale(.9999);
}

#footerlinks {
   clear:both;
   text-align: center;
   padding-top:15px;
}

#footerlinks a{
   color:#141012;
   margin-right:20px;
   font-weight: bold;
   text-transform: capitalize;

}

#footerlinks a:hover {
    color:#0092df;
}


@media only screen and (max-width: 1000px){
 
   #mainnav a {
      font-size: 14px;
      padding: 0 10px;
   }
   
   
   #subnav li a {
       font-size: 13px;
       padding: 0 10px;                
   }
   
}


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

    #maincolumn {
        clear: both;
    }

   #mainnav ul .coldrop,
   #subnav ul .coldrop{
      display: none !important;
   }

   #mainnav ul #current .coldrop,
   #subnav ul #current .coldrop{
      display: none !important;
   }
   
   #mainnav li:hover .coldrop, 
   #subnav li:hover .coldrop {
      display: none;
   }
   
   #mobilenav {
      display: block;
      font-size: 14px !important;
   }
   
   
   #mainnav ul #current,
   #subnav ul #current{
      height: auto;
   }
   

      
   
   #footerlinks a {
       font-size: 12px;
       margin-right: 10px;
   }
   
   #mobilenav a:hover {
      color:#0092df;
   }
   
   #mobilenav a {
      display: block;

   }
   
            
   #bothnavs {
      display: none;
   }
   
   #mainnav,#subnav,
   #flexsite #mainnav,#flexsite #subnav{
      margin:0;
      background: none;
      width:48%;
      border: 0px;
      margin:15px 0;
   }
   
   #mainnav,#flexsite mainnav {
      float:left;
      height:auto;
   }
   
   #subnav,#flexsite #subnav {
      float:right;
      height:auto;
   }
   
   #mainnav li,#subnav li,
   #flexsite #mainnav li,#flexsite #subnav li{
      clear:both;
      float: none;
      display: block;
      background: none !important;
      line-height: 25px;
      text-align: left;
      border-bottom:1px dotted #020000;
      height:auto;
      position:static;
      font-size: 14px !important;
   }
   
   #mainnav li:hover,#subnav li:hover,
   #flexsite #mainnav li:hover,#flexsite #subnav li:hover{
      height:auto;
   }
   
   #mainnav li ul,#subnav li ul,
   #flexsite #mainnav li ul,#flexsite #subnav li ul{
      display: block !important;
      position: static;
      box-shadow: none;
      opacity: 1 !important;
      height: auto !important;
   }
   
   #mainnav li ul li,#subnav li ul li,
   #flexsite #mainnav li ul li,#flexsite #subnav li ul li{
      float: none;
      border-bottom: 0px !important;
      line-height: 25px;
   }
   
   #mainnav li ul li a,#subnav li ul li a,
   #flexsite #mainnav li ul li a,#flexsite #subnav li ul li a{
      border-bottom: 0px !important;
      line-height: 25px !important;
      padding:0 0 0 50px !important;
      color:#0092df;
      font-size: 14px !important;
      position:static;
   }
   
 

   
   body {
      -webkit-text-size-adjust: 100%;
  }
   

   #subnav li a,
   #mainnav li a,
   #flexsite #subnav li a,
   #flexsite #mainnav li a{
      font-size: 14px !important;
      position:static;
      padding-left:15px;
   }
   
   

   
   #mainnav li a,
   #subnav li a,
   #flexsite #mainnav li a:hover,
   #flexsite #subnav li a:hover{
      background: none;
      line-height: normal;
      line-height: 25px;
      color:#020000;
      font-weight: normal !important;
      white-space: normal !important;
      position:static;
   }
   
   .toprow {
      display: none !important;
   }
   

}


@media only screen and (max-width: 720px){
   
   #mainnav,#subnav,
   #flexsite #mainnav,#flexsite #subnav{
      width:100%;
   }
   
   #mainnav ,
   #flexsite #mainnav{
      margin-bottom: 0px;
   }
   
   #subnav,
   #flexsite #subnav{
      margin-top:0px;
      padding:0;
   }
   
   #footerlinks a {
       font-size: 11px;
       margin-right: 4px;
   }
            
}



/* LOGO AREA */

#logoleft {
   float:left;
}

#mainlogo {
   display: block;
}


#fallbacklogo {
   display: none;
}

.no-svg #fallbacklogo {
   display: block;;
}

.no-svg #mainlogo {
   display: none;
}

#logo {
   float:left;
   width:350px;
}

#logo img{
   height:87px;
}



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

   #logorow {
         overflow: hidden;
   }
   
   #logo {
       width:300px
   }
   
   #logo img {
       height:85px;
   }
   

}

@media only screen and (max-width: 720px){
   #logo {
      width:200px
   }
   
   #logo img {
      height:66px;
   }   
   
}

@media only screen and (max-width: 550px){
   #logo img {
       height:50px;
   }
   
   #logo {
       width:180px;
   }   
}





/* BOX STYLES */

.weiderinfobox {
   border:1px solid #939598;
   overflow: hidden;
   margin-top:15px;
}

.weiderinfoboxinner {
   overflow: hidden;
   padding:15px;
   border-left:22px solid #939598;
}



.weiderinfoimage {
   float:right;
   display: block;
   margin-left:20px;
}

.weiderinfoimage img{
 max-width:208px;
}

.weiderinfotextouter {
        float: left;
        display: block;
        margin-top:-7px;
}


.weiderinfotitles {
   display: block;
   border-bottom:3px solid #020000;
   color:#020000;
   text-decoration: none !important;
    
}

.weiderinfoboxmaintitle {
     font-size:20px;
     color:#020000;
     font-weight: bold;
     text-decoration: none;
}


.weiderinfoboxsubtitle {
     float:right;
     display: block;
     color:#939598;
     font-size:15px;
     font-weight: bold;
     padding-top:7px;
}

.weiderinfotitles:hover .weiderinfoboxsubtitle {
     color:#0092df;
}


.weiderinfoinfo {
 display: block;
 clear:both;
 color:#020000;
 margin-top:15px;
}

.weiderinfoinfo img {
     float:right;
}

.weiderinfoinfo:hover .readmore{
     color:#0092df;
}

.weiderinfoinfo:hover .weiderinfoboxtitle {
   color:#939598;
}

 .weiderinfoinfo img {
     display: none;
 }
 
.weiderinfotext {
     float:left;
     display: block;
     width:345px;
     
}

.readmore {
   color:#ed1c24;
   text-transform: capitalize;
}


@media only screen and (max-width: 1000px){
   .weiderinfoimage {
      display: none;
   }
   
   .weiderinfotextouter {
      float: none;
   }
   
   .weiderinfoinfo img {
      display: block;
   }
   
   .weiderinfoinfo img {
       width:108px;
   }
   
   .weiderinfotext {
        width:245px;
    }
   
}


@media only screen and (max-width: 800px){
   .weiderinfoinfo img {
       width:30%;
   }
   
   .weiderinfotext {
       width:65%;
   }
}


@media only screen and (max-width: 720px){
   .weiderinfoinfo img {
       margin:0 0 15px 15px;
   }
   
   .weiderinfotext {
       display: inline;
       width:auto;
       float:none;
   }
}




/* SHARED MODULE STYLES */

#sectionnav {
   clear: both;
   margin-bottom: 15px;
}
        
#sectionnav ul {
   margin:0 0 15px 0;
   padding:0;
   border: 1px dotted #939598;
}

#sectionnav ul li{
   font-size: 15px;
   list-style: none;
   background: #E6E6E6;
   margin: 0;
}

#sectionnav h2 {
   margin-bottom:15px;
}


#sectionnav ul li a{
   border-bottom: 1px dotted #939598;
   color: #141012;
   text-decoration: none;
   display: block;
   padding:5px 15px;
}

#sectionnav ul li:last-child a {
   border-bottom: 0px;
}

#sectionnav ul li:hover {
   background: #eee;
}





/* MODENIZR FIXES */

.touch #subnav li:hover ul,.touch #mainnav ul li:hover ul{
   display: none;
}


.no-boxshadow #subnav li ul,.no-boxshadow #mainnav ul li ul {
   border-bottom:2px solid #020000;
}

.no-cssgradients #mainnav > li  {
   border-top:2px solid #eee;
}

.no-cssgradients #mainnav,.no-cssgradients #subnav {
   background: #eee;
}

.no-cssgradients #mainnav {
   height: 47px
}







/* NON STANDARD */

.noborder img,.noborder{
    border:0 !important;
    box-shadow:none !important;
}

.andybolton-redtext,.andybolton-redtext a {
    color: #f00;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}


.andybolton-largetitle {
   font-size: 23px;
}

.andybolton-leftimage, .andybolton-leftimage img {
   float:left;
   border:0 !important;
   margin:20px;
   clear:left;
}

.andybolton-arrowlink,.andybolton-arrowlink a {
    background:url(../images/arrow.gif) left center no-repeat;
    padding-left:19px;
    font-weight:bold;
    color:#000;
}

.andybolton-largequote {
   color: #f00;
    font-family: georgia;
    font-size: 32px;
}


.andybolton-smallquote {
 font-family: georgia;
    font-size: 16px;

}

.andybolton-blue {
   color: #00f;
    font-size: 14px;
   
}

.andybolton-red {
   color: #f00;
    font-size: 14px;

}

.andybolton-strikethrough {
text-decoration: line-through;
}

.andybolton-highlight {
background:#ff0;
}

.andybolton-mediumred {
    color: #f00;
    font-family: georgia;
    font-size: 21px;
    text-align: center;
}

.andybolton-rightimage, .andybolton-rightimage img {
   float:right;
   border:0;
   margin:20px;
}