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

/* blue 1  */

/* blue end  */

/* red 2  */
.red .cstm-bg,  .red .lft-pnl, .red nav li ul li:hover, .red .nav-sec{ background:#dc5959 }
.red .bg-cprt, .red .contact{background:#441a1a  } 
.red .accordion-btn-active{ background:#f37676 url(../images/ar-dwn1.png) no-repeat 10px center;}
.red .accordionContent li a:hover{ color:#ffc4c4 }
.red .comp-name-small, .red .contact-rht strong, .red .address strong, .red footer ul li a{ color:#ffafaf }
.red footer .ftr-link{ border-top:1px dashed #8a2828 }
.red .white-box{ border-top:1px solid #f17171; border-left:1px solid #f17171}

.red .txt-area h1, .red .txt-area h2, .red .box-title, .red .txt-area-hp h1, .red .txt-area-hp h2{ color:#dc5959 }
.red .rd-mr{ background:#dc5959;  }
.red .rd-mr a{ color:#fff }
.red .rd-mr a:hover{ border:1px solid #dc5959; color:#000 }

/*   nav   */
.red nav > ul > li > a{ color:#ffdcdc;   }
.red nav ul ul li:hover > a{ color:#fff !important; }
.red nav > ul > li.active > a, .red nav > ul > li:hover > a{ color:#000; background:#fff;  }
.red nav > ul > li { border-right:1px solid #c23d3d  }
/*   /nav   */
/* red end  */

/* yellow 3  */
.yellow .cstm-bg, .yellow .bg-cprt, .yellow .lft-pnl, .yellow nav li ul li:hover, .yellow .nav-sec{ background:#ff9d34 }
.yellow .bg-cprt, .yellow .contact{background:#51371c  } 
.yellow .accordion-btn-active{ background:#e58116 url(../images/ar-dwn1.png) no-repeat 10px center;}
.yellow .accordionContent li a:hover{ color:#ffe4c8 }
.yellow .comp-name-small, .yellow .contact-rht strong, .yellow .address strong, .yellow footer ul li a{ color:#ff9d34 }
.yellow footer .ftr-link{ border-top:1px dashed #51371c }
.yellow .white-box{ border-top:1px solid #ffb15e; border-left:1px solid #ffb15e}

.yellow .txt-area h1, .yellow .txt-area h2, .yellow .box-title, .yellow .txt-area-hp h1, .yellow .txt-area-hp h2{ color:#e97c06 }
.yellow .rd-mr{ background:#e97c06; }
.yellow .rd-mr a:hover{ border:1px solid #e97c06; }

/*   nav   */
.yellow nav > ul > li > a{ color:#6b3903;   }
.yellow nav ul ul li:hover > a{ color:#fff !important; }
.yellow nav > ul > li.active > a, .yellow nav > ul > li:hover > a{ color:#000; background:#fff;  }
.yellow nav > ul > li { border-right:1px solid #cf700a  }
/*   /nav   */
/* yellow end  */



/* purple 4  */
.purple .cstm-bg, .purple .bg-cprt, .purple .lft-pnl, .purple nav li ul li:hover, .purple .nav-sec{ background:#6f41e6}
.purple .bg-cprt, .purple .contact{background:#2f244b  } 
.purple .accordion-btn-active{ background:#8f64fd url(../images/ar-dwn1.png) no-repeat 10px center;}
.purple .accordionContent li a:hover{ color:#d8c9ff }
.purple .comp-name-small, .purple .contact-rht strong, .purple .address strong, .purple footer ul li a{ color:#cdb9ff }
.purple footer .ftr-link{ border-top:1px dashed #8f64fd }
.purple .white-box{ border-top:1px solid #8b60f8; border-left:1px solid #8b60f8}

.purple .txt-area h1, .purple .txt-area h2, .purple .box-title, .purple .txt-area-hp h1, .purple .txt-area-hp h2{ color:#cdb9ff }
.purple .rd-mr{ background:#6b43d3;  }
.purple .rd-mr a{ color:#fff; }
.purple .rd-mr a:hover{ border:1px solid #6b43d3; color:#000 }
/*   nav   */
.purple nav > ul > li > a{ color:#e5dbff;   }
.purple nav ul ul li:hover > a{ color:#fff !important; }
.purple nav > ul > li.active > a, .purple nav > ul > li:hover > a{ color:#000; background:#fff;  }
.purple nav > ul > li { border-right:1px solid #8b60f8  }
/*   /nav   */
/* purple end  */

/* green 5  */

.green .cstm-bg, .green .bg-cprt, .green .lft-pnl, .green nav li ul li:hover, .green .nav-sec{ background:#349434}
.green .bg-cprt, .green .contact{background:#1c361c  } 
.green .accordion-btn-active{ background:#5cc35c url(../images/ar-dwn1.png) no-repeat 10px center;}
.green .accordionContent li a:hover{ color:#8fed8f }
.green .comp-name-small, .green .contact-rht strong, .green .address strong, .green footer ul li a{ color:#71d271 }
.green footer .ftr-link{ border-top:1px dashed #1c361c }
.green .white-box{ border-top:1px solid #5cc35c; border-left:1px solid #5cc35c}

.green .txt-area h1, .green .txt-area h2, .green .box-title, .green .txt-area-hp h1, .green .txt-area-hp h2{ color:#71d271 }
.green .rd-mr{ background:#39a106; }
.green .rd-mr a{ color:#fff }
.green .rd-mr a:hover{ border:1px solid #39a106;color:#000 }

/*   nav   */
.green nav > ul > li > a{ color:#bcffbc;   }
.green nav ul ul li:hover > a{ color:#fff !important; }
.green nav > ul > li.active > a, .green nav > ul > li:hover > a{ color:#000; background:#fff;  }
.green nav > ul > li { border-right:1px solid #359f35  }
/*   /nav   */
/* green end  */

/* red-yellow 6  */
.red-yellow .lft-pnl{ background:#e91313 }
.red-yellow .nav-sec,
.red-yellow nav li ul li:hover{ background:#edd618 }

.red-yellow .cstm-bg, .red-yellow .bg-cprt{ background:#349434}
.red-yellow .bg-cprt, .red-yellow .contact{background:#edd618  } 
.red-yellow .accordion-btn-active{ background:#f95252 url(../images/ar-dwn1.png) no-repeat 10px center;}
.red-yellow .comp-name-small, .red-yellow .contact-rht strong, .red-yellow .address strong, .red-yellow footer ul li a, .red-yellow .copyright, .red-yellow .copyright a{ color:#000 }
.red-yellow .contact{ color:#000 }
.red-yellow footer .ftr-link{ border-top:1px dashed #1c361c }
.red-yellow .white-box{ border-top:1px solid #ffea3a; border-left:1px solid #ff4848}

.red-yellow .txt-area h1, .red-yellow .txt-area h2, .red-yellow .box-title, .red-yellow .txt-area-hp h1, .red-yellow .txt-area-hp h2{ color:#edd618 }
.red-yellow .rd-mr{ background:#edd618; }
.red-yellow .rd-mr a:hover{ border:1px solid #edd618; }

/*   nav   */
.red-yellow nav > ul > li > a{ color:#000;   }
.red-yellow nav ul ul li:hover > a{ color:#000 !important; }
.red-yellow nav > ul > li.active > a, .red-yellow nav > ul > li:hover > a{ color:#000; background:#fff;  }
.red-yellow nav > ul > li { border-right:1px solid #ccb70e  }
/*   /nav   */
.red-yellow hr{ border-top:1px solid #000 }
/* red-yellow end  */

/* white 7  */
body.white{ color:#000 }
.white .rht-pnl{ background:#fff !important }
.white .cstm-bg, .white .bg-cprt, .white .lft-pnl, .white nav li ul li:hover, .white .nav-sec { background:#eaeaea}
.white .bg-cprt, .white .contact{background:#eaeaea  } 
.white .accordion-btn-active{ background:#e62324 url(../images/ar-dwn1.png) no-repeat 10px center;}
.white .accordionContent li a:hover{ color:#e62324 }
.white .accordionContent li a{ color:#000;  }
.white .accordionContent li{ border-bottom-color:#ccc !important; background:url("../images/ar4.png") no-repeat scroll 5px center }

.white .accordionButton{ background:url("../images/ar-black.png") no-repeat 10px center }
.white .accordion-btn-active{ background:url(../images/ar-dwn.png) no-repeat 10px center !important;  } 
.white .accordionButton a{ color:#000 }
.white .comp-name-small, .white .contact-rht strong, .white .address strong, .white .contact, .white .cprt-txt, .white .cprt-txt a{ color:#000 }
.white footer .ftr-link{ border-top:1px dashed #ccc;  }
.white footer ul li a{ color:#000 }

.white .txt-area h1, .white .txt-area h2, .white .box-title, .white .txt-area-hp h1, .white .txt-area-hp h2, .white .social-icon, .white .class1 a, .white .prod-gallery a, .white .txt-area h3, .white .cont-details, .white .comp-title, .white .comp-add strong, .white .breadcrumb a, .white .breadcrumb{ color:#000 }
.white .rd-mr{ background:#666; }
.white .rd-mr a{ color:#fff }
.white .rd-mr a:hover{ border:1px solid #666;color:#666 }
.white .hds{background:#e62324; color: #fff }


/*   nav   */
.white nav > ul > li > a{ color:#666;   }
.white nav ul ul li:hover > a{ color:#000 !important; }
.white nav > ul > li.active > a, .white nav > ul > li:hover > a{ color:#fff; background:#e62324;  }
.white nav > ul > li { border-right:1px solid #ccc  }
/*   /nav   */


.white .white-box table, .white .white-box tr, .white .white-box td {
    border: 1px solid;
    border-collapse: collapse;
    color: #000;
    margin: 10px 0;
    padding: 5px;
}
/* white end  */

/* black 8  */
body.black{ color:#000 }
.black .rht-pnl{ background:#ccc !important }
.black .cstm-bg, .black .bg-cprt, .black .lft-pnl, .black nav li ul li:hover, .black .nav-sec { background:#434242}
.black .bg-cprt, .black .contact{background:#434242  } 
.black .accordion-btn-active{ background:#ccc url(../images/ar-dwn1.png) no-repeat 10px center;}
.black .accordionContent li a:hover{ color:#ccc }
.black .accordionContent li a{ color:#fff;  }
.black .accordionContent li{ border-bottom-color:#ccc !important; background:url("../images/ar.png") no-repeat scroll 5px center }

.black .accordionButton{ background:url("../images/ar-white.png") no-repeat 10px center }
.black .accordion-btn-active{ background:url(../images/ar-dwn1.png) no-repeat 10px center !important;  } 
.black .accordionButton a{ color:#fff }
.black .comp-name-small, .black .contact-rht strong, .black .address strong, .black .contact, .black .cprt-txt, .black .cprt-txt a{ color:#fff }
.black footer .ftr-link{ border-top:1px dashed #ccc;  }
.black footer ul li a{ color:#fff }

.black .txt-area h1, .black .txt-area h2, .black .box-title, .black .txt-area-hp h1, .black .txt-area-hp h2, .black .social-icon, .black .class1 a, .black .prod-gallery a, .black .txt-area h3, .black .cont-details, .black .comp-title, .black .comp-add strong, .black .breadcrumb a, .black .breadcrumb{ color:#000 }
.black .rd-mr{ background:#434242; }
.black .rd-mr a{ color:#fff }
.black .rd-mr a:hover{ border:1px solid #434242;color:#434242 }
.black .hds{background:#ccc; color: #000 }
.black .white-box table, .black .white-box tr, .black .white-box td, .black .prod-desc a{color: #000;}


/*   nav   */
.black nav > ul > li > a{ color:#ccc;   }
.black nav ul ul li:hover > a{ color:#fff !important; background:#aca3a3 }
.black nav > ul > li.active > a, .black nav > ul > li:hover > a{ color:#fff; background:#aca3a3  }
.black nav > ul > li { border-right:1px solid #ccc  }
/*   /nav   */


.black .black-box table, .black .black-box tr, .black .black-box td {
    border: 1px solid;
    border-collapse: collapse;
    color: #000;
    margin: 10px 0;
    padding: 5px;
}

.black .search-box{ box-shadow:none } 
/* black end  */