@charset "utf-8";
/* CSS Document */

/* green 1  */

/* green end  */

/* blue 2  */

.blue .ftr-link, .blue .cstm-bg{ background:#e6f8ff}

.blue .bg-srtip, .blue header, .blue .bg-srtip-ins{ background:#6bd7ff }
.blue .txt-area h1, .blue .txt-area h2, .blue .box-title{ color:#00abea }
.blue .rd-mr{ background:#00abea; border:1px solid #00abea; }
.blue .rd-mr a:hover{ border:1px solid #00abea; }
/*   nav   */
.blue nav > ul > li.active > a{ color:#00abea; border-bottom:4px solid #00abea;  }
.blue nav > ul > li:hover a{color:#00abea}
/* nav end */
/* Accordion css */
.blue .hds{ color:#00abea; border-bottom:1px solid #624d58; }
.blue .accordionButton {background:url(../images/ar-blue.png) no-repeat 10px center; }
.blue .accordionButton a{ color:#00abea; } 
.blue .accordionContent li a:hover{ color:#00abea; }
.blue .accordion-btn-active{ background:url(../images/ar-dwn.png) no-repeat 10px center; color:#fff;   }
.blue .accordion-btn-active a{ color: #000;}
.blue .accordionContent li{ background:url(../images/ar4.png) no-repeat 5px center;border-bottom:1px dashed #624d58;}				  
.blue .accordionContent li a{ color: #666;  }
/*  /Accordion css */


/* blue end  */

/* yellow 3  */
.yellow .ftr-link, .yellow .cstm-bg{ background:#fff2db}

.yellow .bg-srtip, .yellow header, .yellow .bg-srtip-ins{ background:#ffc96b }
.yellow .txt-area h1, .yellow .txt-area h2, .yellow .box-title{ color:#ea9500 }
.yellow .rd-mr{ background:#ea9500; border:1px solid #ea9500; }
.yellow .rd-mr a:hover{ border:1px solid #ea9500; }
/*   nav   */
.yellow nav > ul > li.active > a{ color:#ea9500; border-bottom:4px solid #ea9500;  }
.yellow nav > ul > li:hover a{color:#ea9500}
/* nav end */
/* Accordion css */
.yellow .hds{ color:#ea9500; border-bottom:1px solid #624d58; }
.yellow .accordionButton {background:url(../images/ar-yellow.png) no-repeat 10px center; }
.yellow .accordionButton a{ color:#ea9500; } 
.yellow .accordionContent li a:hover{ color:#ea9500; }
.yellow .accordion-btn-active{ background:url(../images/ar-dwn.png) no-repeat 10px center; color:#fff;   }
.yellow .accordion-btn-active a{ color: #000;}
.yellow .accordionContent li{ background:url(../images/ar4.png) no-repeat 5px center;border-bottom:1px dashed #624d58;}				  
.yellow .accordionContent li a{ color: #666;  }
/*  /Accordion css */
/* yellow end  */



/* purple 5  */
.purple .ftr-link, .purple .cstm-bg{ background:#edeeff}

.purple .bg-srtip, .purple header, .purple .bg-srtip-ins{ background:#b5b8ff }
.purple .txt-area h1, .purple .txt-area h2, .purple .box-title{ color:#777ce6 }
.purple .rd-mr{ background:#777ce6; border:1px solid #777ce6; }
.purple .rd-mr a:hover{ border:1px solid #777ce6; }
/*   nav   */
.purple nav > ul > li.active > a{ color:#777ce6; border-bottom:4px solid #777ce6;  }
.purple nav > ul > li:hover a{color:#777ce6}
/* nav end */
/* Accordion css */
.purple .hds{ color:#777ce6; border-bottom:1px solid #624d58; }
.purple .accordionButton {background:url(../images/ar-purple.png) no-repeat 10px center; }
.purple .accordionButton a{ color:#777ce6; } 
.purple .accordionContent li a:hover{ color:#777ce6; }
.purple .accordion-btn-active{ background:url(../images/ar-dwn.png) no-repeat 10px center; color:#fff;   }
.purple .accordion-btn-active a{ color: #000;}
.purple .accordionContent li{ background:url(../images/ar4.png) no-repeat 5px center;border-bottom:1px dashed #624d58;}				  
.purple .accordionContent li a{ color: #666;  }
/* purple end  */

/* pink 5  */
.pink .ftr-link, .pink .cstm-bg{ background:#ffe2e2}

.pink .bg-srtip, .pink header, .pink .bg-srtip-ins{ background:#ff9c9c }
.pink .txt-area h1, .pink .txt-area h2, .pink .box-title{ color:#fd6d6d }
.pink .rd-mr{ background:#fd6d6d; border:1px solid #fd6d6d; }
.pink .rd-mr a:hover{ border:1px solid #fd6d6d; }
/*   nav   */
.pink nav > ul > li.active > a{ color:#fd6d6d; border-bottom:4px solid #fd6d6d;  }
.pink nav > ul > li:hover a{color:#fd6d6d}
/* nav end */
/* Accordion css */
.pink .hds{ color:#fd6d6d; border-bottom:1px solid #624d58; }
.pink .accordionButton {background:url(../images/ar-pink.png) no-repeat 10px center; }
.pink .accordionButton a{ color:#fd6d6d; } 
.pink .accordionContent li a:hover{ color:#fd6d6d; }
.pink .accordion-btn-active{ background:url(../images/ar-dwn.png) no-repeat 10px center; color:#fff;   }
.pink .accordion-btn-active a{ color: #000;}
.pink .accordionContent li{ background:url(../images/ar4.png) no-repeat 5px center;border-bottom:1px dashed #624d58;}				  
.pink .accordionContent li a{ color: #666;  }
/* pink end  */


@media only screen and (max-width: 800px) {
.pink nav > ul > li.active > a{ color:#464646; border-bottom:4px solid #464646;}
.pink nav > ul > li:hover a{color:#464646}
}


/* black 6  */

.black{ background:#ccc;}
.black .bg-wht{ background:#ccc;}
.black .nav-sec{ background:#ccc;}
.black .cstm-bg .max-width-box h2{ color:#FFF;}
.black .txt-area{ width:100%; background:#FFF;  margin:10px auto 20px auto;}
.black .PR20{ padding-left:20px; padding-bottom: 20px;}
.black .comp-video{ margin-right:20px;}
.black .ftr-link, .black .cstm-bg{ background:#017cb5;}

/*.black .bg-srtip, .black header, .black .bg-srtip-ins{ background:#000;}*/
.black .bg-srtip, .black header, .black .bg-srtip-ins{ background:#017cb5;}
.black .txt-area h1, .black .txt-area h2, .black .box-title{ color:#017cb5 }
.black .rd-mr{ background:#017cb5; border:1px solid #017cb5; }
.black .rd-mr a:hover{ border:1px solid #017cb5; }
/*   nav   */
.black nav > ul > li.active > a{ color:#017cb5; border-bottom:4px solid #017cb5;  }
.black nav > ul > li:hover a{color:#017cb5}
/* nav end */
/* Accordion css */
.black .hds{ color:#017cb5; border-bottom:1px solid #624d58; }
.black .accordionButton {background:url(../images/ar-black.png) no-repeat 10px center; }
.black .accordionButton a{ color:#017cb5; } 
.black .accordionContent li a:hover{ color:#017cb5; }
.black .accordion-btn-active{ background:url(../images/ar-dwn.png) no-repeat 10px center; color:#fff;   }
.black .accordion-btn-active a{ color: #000;}
.black .accordionContent li{ background:url(../images/ar4.png) no-repeat 5px center;border-bottom:1px dashed #624d58;}				  
.black .accordionContent li a{ color: #666;  }
/* black end  */


@media only screen and (max-width: 800px) {
.black nav li a { color: #000;}
.black nav > ul > li.active > a{ color:#464646; border-bottom:4px solid #464646;}
.black nav > ul > li:hover a{color:#464646}

}