


.carouselImg{
min-height:120px;
}


.galleryContainer a{cursor: zoom-in;}

h2, .h2 {
    font-size: 18px;
}

h4, .h4 {
    font-size: 16px;
}

.footer a {
    color: white;
    text-decoration: none;
 
}

.footer a:hover {
    color: #9d9d9d;
}

#cartInfoModal{
margin:30px;
}


.cpsFooter {
 background-color:#000000;
    padding-right: 0px;
    padding-left: 0px;
color:white;
   text-align: center;
}

@media only screen and (max-width:3000px) {
    .cpsDetail{margin-top:10px;}
    #viewProducts{margin-top:100px;}
}

@media only screen and (max-width:1180px) {
    .cpsDetail{margin-top:60px;}
    #viewProducts{margin-top:100px;}
}

@media only screen and (max-width:960px) {
    #viewProducts{margin-top:0px;}
}

@media only screen and (max-width:3000px) {
    .cpsStyle{margin-top:100px;}
}

@media only screen and (max-width:1180px) {
    .cpsStyle{margin-top:60px;}
}



.cpsBodyCategory {
    margin-top: 100px;
}

.listText{font-size:12px;}
.listText table td{padding:3px;}

    .bodyRowContainer {
        margin-top: 110px;
    }

@media only screen and (max-width: 1199px) {
    .bodyRowContainer {
        margin-top: 10px;
    }
}



@media (max-width:768px) {
    .cpsBody{
   margin-top:10px;  
}
}
@media (min-width:769px) and (max-width:991px) {
    .cpsBody{
   margin-top:10px;  
}
}
@media (min-width:992px) and (max-width:1199px) {
    .cpsBody{
   margin-top:10px;  
}
}
@media (min-width:1200px) {
    .cpsBody{
   margin-top:120px;  
}
}





@media (max-width:768px) {
    .cpsBodyHome{
   margin-top:10px;  
}
}
@media (min-width:769px) and (max-width:991px) {
    .cpsBodyHome{
   margin-top:10px;  
}
}
@media (min-width:992px) and (max-width:1199px) {
    .cpsBodyHome{
   margin-top:130px;  
}
}
@media (min-width:1200px) {
    .cpsBodyHome{
   margin-top:100px;  
}
}



input[type="checkbox"]{
margin:3px;
}

.listTitle h4 {
    text-align: center;
}

.listTitle {
    color: #313b9e;
    margin-top: 10px;
    padding-top: 16px;
    margin-bottom: -5px;
  
color: #333;
background-color: #efefef;
border: 1px solid #ddd;
  border-top: 1px dashed #313b9e;
margin-bottom:5px;
}

.listOnlyTitle {
color:#313b9e;
margin-top:10px;
padding-top:16px;
margin-bottom:-5px;
border-top:1px dashed #313b9e;
margin-bottom:5px;
text-align:center;
}

.listFooter{
margin-top:10px;
margin-bottom:5px;
text-align:center;
}


.listText h4{
padding: 8px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.layoutDivTitle{
text-align:center;
position:relative;width:300px;margin:3px;padding:2px;z-index:999999;
}

.layoutDivTitle{
text-align:center;
position:relative;width:300px;margin:3px;padding:2px;z-index:999999;
}

.layoutDiv{
position:relative;background-color:white;width:300px;margin:3px;padding:2px;border-radius:10px;border:1px solid #3E6399;z-index:999999;
}

#breadcrumbContainer{margin-top:50px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
padding-left:0;
padding-right:0;
z-index:999;
} 

.dropdown:hover .dropdown-menu {
display: block;
}

#breadcrumbContainerPhone{margin-top:100px;
margin-bottom:10px;
background-color:#F8F8F8;
padding:5px 0px 3px 10px;
} 
#breadcrumbContainerPhone a{
color:#777;
}


#breadcrumbCategoryPhone{margin-top:55px;
margin-bottom:10px;
background-color:#F8F8F8;
padding:5px 0px 3px 10px;
}
#breadcrumbCategoryPhone a{
color:#777;
}


.tableMargin{
margin-left:20px;margin-right:20px;
}

.centerRight {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 250px; // Must match container's height
}
.imageLeft{
  height: 250px; // Must match container's height
}

.cpsBodyCategory
{
margin-top:100px;
}


#myModal{
z-index:99999;
}

.cpsBodyRow 
{
margin-top:110px;
}

#breadcrumbCPS{margin-bottom:10px;}

#breadcrumbCPS .navbar-inner{
background-color:black;
background-repeat:repeat-x;
border-bottom:2px solid red;
min-height:45px;

font-size:12px;
}


#breadcrumbCPS a{color:#efefef;}


#breadcrumbCPS  a:hover {
color:white;
}

#breadcrumbCPS .nav > li > a:hover {
background-color:black;
color:white;
}

#breadcrumbCPS .dropdown-menu a{
color:black;
}

.navbar-inverse .navbar-nav > li > a{
color:F7EFF7;
}
.navbar-inverse .navbar-nav > li > a:hover{
color:white;
}



.centerText{text-align:center;padding:6px;}

.btn-Home {background-color:#a00000;border-color:#a00000;margin-right:4px;}
.btn-Home:hover{background-color:#31b0d5;border-color:#269abc;}

.groupCollapse{padding:0px;margin:0px;width:100%;}
.groupCollapse a{color:black;}
.groupCollapse a:hover{color:red;}


#topImage>.carousel>.carousel-inner>.item>img, #topImage>.carousel.carousel-inner>.item>a>img {
display: block;
height: 100%;
max-width: 100%;
line-height: 1;
width: 100%; 
}

#modalCarousel>.carousel>.carousel-inner>.item>.carousel-caption {
text-align:left;
}

-moz-user-select:none;
background-image:none;
border:1pxsolidtransparent;
border-radius:4px;
cursor:pointer;
display:inline-block;
font-size:14px;
font-weight:400;
line-height:1.42857;
margin-bottom:0;

text-align:center;
vertical-align:middle;
white-space:nowrap;
padding:7px;
margin-right:8px;
}


.glyphicon-chevron-right {
      bottom: 10px;
  }


/* ADDED for centering navbar items */
#theNavBar ul {
position:relative;left:50%;float:left;margin-right:0;margin-left:0;
}

/* ADDED for centering navbar items */
#theNavBar  li {
position:relative;right:50%;float:left;margin:0;list-style:none
}


#cpsMenu {background-color:black;
padding:20px;
top:45px;
left:0px;
width: 100%;
z-index:99999;
font-size:12px;
padding-top:20px;
padding-left:200px;
padding-right:200px;
border-top: 2px solid red;
}

.sectionHeader>ul>li a {color:white;font-size:12px;}
.sectionTitle  a{color:#9d9d9d;font-size:12px;}
.sectionTitle  a:hover{color:white;font-size:12px;text-decoration:none;}
.sectionNavItem>li a {color:white;font-size:12px;}
.sectionItem>li a {color:grey;font-size:12px;}

.sectionItem>ul {list-style-position:inside;padding-left:0;}

.sectionSubItem {padding-left:3px;margin-left:3px;}
.sectionSubItem>li a{color:grey;font-size:12px;}

.theHref >.glyphicon-chevron-left {left:40%;}

.theHref >.glyphicon-chevron-right{right:40%;}

.icon-bar {
    width: 90px;
    background-color: white;
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: #555;
    font-size: 36px;
}
 
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #f8f8f8;
}

#theNavBar .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color:#000;
}

#generalDIV {margin-top:10px;}
#generalDIV a{color:black;}

#resourceDIV {margin-top:10px;}
#resourceDIV a{color:black;}

.panel-default  {
border:none;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #efefef;
    border:1px solid #ddd;
}
.panel-heading {
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


.panel-footer{display:none;}

/* change border radius for the tab , apply corners on top*/


.tableSpacing{
padding:5px;
}

.tableSpacing input{
margin-right:10px;
}



/* xxx
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.equalColumns [class*="col-"]{
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

.equalColumns{
  overflow: hidden; 
}



.anchor{display: block;
/*height: 115px; /*same height as header*/
/*margin-top:-115px; /*same height as header*/
//padding-bottom:115px;
}

.anchorList{display: block;
/*height: 30px; /*same height as header*/
/* margin-top:-30px; /*same height as header*/
//padding-bottom:30px;
}


.nav-child{
padding-left:5px;
margin-right:3px;
}





.affix {position:fixed;top:70px;width:20%;}

.nav-header{background-color:#efefef;
border:1px solid #a00000;}

 
@media screen and (min-width:300px) and (max-width:1200px)
{


.titleFull img{width:550px;}
}


.collapse2{visibility: hidden;display:none;}

.collapse2.in{display:block;visibility:visible;}



.template-Container
{
clear:both;
padding-top:1px;
}
.hr-Container 
{
clear:both;
padding-top:1px;
}
.hr-Container hr
{
margin-bottom:2px;
margin-top:10px;
}
.row:{margin:-5px;}




h3{font-size: 14px;margin-bottom: 1px;font-weight:bold;}
h1{font-size: 14px;}



.bodyStyle h2{font-size:16px;font-weight:bold;}
.bodyStyle hr{margin-bottom:5px;margin-top:10px;}

dropdown:hover,dropdown-menu{
display:block;
}
ul.nav li.dropdown:hover ul.dropdown-menu{display:block;}
.navbar-nav>li:hover>.dropdown-menu{display:block;}


.sectionTitle a {
    color: #fff;
    font-size: 12px;
}

.sectionTitle a:hover {
    color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a {
    color: white;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #9d9d9d;
}




.carousel-caption h3{margin-bottom:8px;margin-top:8px;font-size:16px;}
#productList a{color:black;}
.titlePhone a{color:white;}
.titlePhone {padding-top:10px;padding-bottom:10px;background-color:#000000;text-align:center;color:#ffffff;z-index:9999;margin-bottom:-50px;
}

.titlePhone>.fa-cog {color:white;}
.carousel-caption {
     color: #000;
    text-shadow: none;
}



.carousel-caption
{position:relative;
right:0px;
left:0px;
top:0px;
bottom:0px;
}

.carousel-indicators {
    bottom: 0px;
}

.carousel-control.left {
    background-image: none;
}
.carousel-control.right {
    background-image: none;
}

#primaryInner h2 {
    margin-top: 5px;
}

.carousel-control .glyphicon-chevron-right {
    top: 35%;
}

.carousel-control .glyphicon-chevron-left {
    top: 35%;
}

#carousel-custom {
        margin: 20px auto;
        width: 400px;
      }

      #carousel-custom .carousel-indicators {
        margin: 10px 0 0;
        overflow: auto;
        position: static;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
      }

      #carousel-custom .carousel-indicators li {
        background-color: transparent;
        -webkit-border-radius: 0;
        border-radius: 0;
        display: inline-block;
        height: auto;
        margin: 4px !important;
        width: auto;
      }

      #carousel-custom .carousel-indicators li img {
        display: block;
        opacity: 0.5;
      }

      #carousel-custom .carousel-indicators li.active img {
        opacity: 1;
      }

      #carousel-custom .carousel-indicators li:hover img {
        opacity: 0.75;
      }

      #carousel-custom .carousel-outer {
        position: relative;
      }

     
      .carousel-indicators li img {
        height: 60px;
        }
