body{
	background-color:#ededed;
}

/*//////////// HEADER CSS///////////////// */
header{
	
	background-color:#FFFFFF;
	
}


header a.logo{
	padding-left:15px;
	width:342px;
	display: block;
	float:left;
}
#headerNumber{
padding-top:5px;
	display: block;
	text-align:center;
	margin-top: 10px;
	font-family: "Trebuchet MS", Helvetica, sans-serif
}
#headerNumber h4, #headerNumber p{

	margin-bottom:0px;
}

header a.logo h1{
	font-size: 0;
	text-indent:-99999px;
	display: block;
	/*background: url(../images/led_depot_logo.png);*/
	width: 100%;
	height: 100%;
}

footer{
	background: #131216;
	padding-bottom:20px;
}
#bottomLogo{
	margin-bottom: 10px;
}
footer a.logo{
	width:327px;
	height:32px;
	display: block;
	margin: 0 auto;
}
footer a.logo h1{
	font-size: 0;
	text-indent:-99999px;
	background: url(../storage/images/led_depot_logo-white.png);
	width: 100%;
	height: 100%;
}
footer li{
	list-style:none;
}
footer li a{
	color:#FFFFFF;
	font-weight:bold;
}
footer li a:hover{
	color:#FFFFFF;
}
footer ul{
	padding:0;
}
footer p{
	font-size:14px;
}
.topBorder{
	width: 85%;
	border-top:2px solid white;
	margin: 0 auto;
}

.topNav{
	float:left;
	margin:0px;
	padding-bottom: 0px;
	min-height: 30px;
}
.topNavRight{
	float:right;
	margin:0px;
	padding-bottom: 0px;
	min-height: 30px;
}
.topNav li a, .topNavRight li a{
	padding-bottom:0px;
}

/*//////////// lEFT NAVIGATION CSS///////////////// */
.nav.nav-stacked{
	background-color:#FFFFFF;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.nav.nav-stacked .panel-heading, #footer{
	background-color:#131216;
	color: #FFFFFF;
	font-weight:bold;
}
.nav.nav-stacked li.panel{
	margin-bottom: 0px;
	margin-top:0px;
	border-radius:0;
	border: none;	
}
.topLevelLinks{
	border-bottom-color: #131216;
	border-bottom-style: solid;
	border-top-style: solid;
	border-top-color: #131216;
	border-width: 3px 0px;
    border-radius: 0;
}
.nav.nav-stacked li.panel a, .topNav li a, .topNavRight li a{
	color:#777;
	font-weight:bold;		
}
.innerLists{
	padding-left: 20px; 
}
.innerLists li{
	list-style:none;
	padding-top: 5px;
	border-bottom-color: #53225F;
}
.innerLists a{
	text-decoration:none;
}
.innerLists li:hover{
	text-decoration:none;
	background-color:#DDDDDD;
}
/*//////////// MAIN AREA CSS///////////////// */
.mainArea, .mainAreaIndPage{
	margin-top: 34px;
}
#welcomeHolder,#catWelcome,#mainImageHolder, .mainAreaIndPage{
	background-color:#FFFFFF;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

#welcomeMessage{	
	width:75%;
	margin:0 auto;
	text-align:center;
}
#welcomeHolder h2{
	color: #131216;
	font-size: 20px;
	font-weight:200;
	font-family:tenor sans,helvetica neue,arial,sans-serif;	
}
#welcomeHolder p{
	color: #777;
	line-height: 20px;
	margin: 15px 0;
}
#ourProducts h1{
	color: #777;
	font-size:22px;
	padding-left:20px;
}
.lgCatBox{
	border:0px;
	border-radius: 0;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	padding: 0px;
	height:100%;
}
.noPad{
	padding: 0px;
}
.noPad img{
	width: 100%;
}

.sliderLink a{
	color:#131216;
	font-size:14px;
}

.catLink a{
	color:#131216;
	font-size:18px;

}

#catWelcome{
	padding: 0px;
}

#mainContent{
	padding-bottom:20px;
	background-color:#FFFFFF;
}

#mainContent h3{
	text-align:center;
	font-size:22px;
	padding-top: 10px;
	margin-top:0px;
	
}

#productSpecs{
	padding-top: 20px;
}


#mainImage{
	margin: 0 auto;
	margin-top: 20px;
}


.bottomBorder{
	width:75%;
	border-bottom-color: #777;
	border-bottom-style: solid;
	border-bottom-width:thin;
	margin: 0 auto;
}

.thumbHolder{
	width: 80%;
	margin:0 auto;
	
}

#centerDiv{
	display:table;
	margin:0 auto;

}


.sm-image{
	float: left;
}

#tableTitle{
	text-align:center;
}
#addQuoteHolder{
	margin-top: 15px;
	text-align:center;
}
#specTbl{
	font-size:14px;
}

.sliderBox{
	position:static;
	width:80%;
	display: table;
	padding-top: 10px;
	margin:0 auto;
}


#secondSection{
	background-color:#FFFFFF;
	margin-top:35px;
}
.controlProPage{

background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(182, 178, 178, 0.5) 100%);
background-color:#000000;
width:10%;
}

.sliderTitle{
	

	text-align:center;
	color:#000000;
}


.sliderTitle h3{
	font-size:22px;

	text-align:center;
	color:#000000;
}


#quoteWelcome{
    margin-top: 10%;
    text-align: center;
}

.allProDD {
      height: 300px;
      overflow: scroll; /* showing scrollbars */
}

#accordionq{
	   margin-top: 7%;
	   cursor: pointer;
}

	
#collapseTitle{ 
	margin-left: 6px;
	margin-right: 6px;
}
.dropDowns{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid black;
}
#contactForm, #ourAddr{
	margin-top: 60px;
	text-align: center;
}
#contactLink{
	padding:5px;
}

.btn-custom {
  color: #000000;
  background-color: #ffffff;
  border-color: #000000;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  color: #ffffff;
  background-color: #000000;
  border-color: #ffffff;
}

body.mceBody {
	background:#fff;
	}
#tableRowsStart p{
	margin:0; 
	padding:0; 
}

.mainAreaIndPage{
	margin-bottom: 34px;
}

.mainCarouselImg{
	margin:0 auto;
}
.controlHomePage{

background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(182, 178, 178, 0.5) 100%);
background-color:#FFFFFF;
}

.lang-switch {
    cursor: pointer;
    color: red;
}
.lang-switch.active {
    text-decoration: underline;
    font-weight: bold;
}

.language-switcher a {
    color: #333;
    text-decoration: none;
    padding: 2px 4px;
}

.language-switcher a.active {
    font-weight: bold;
    color: #000;
}

.language-switcher a:hover {
    text-decoration: underline;
}

.aligned-row {
    display: flex;
    flex-flow: row wrap;

    &::before {
        display: block;
    }
}

.aligned-col .panel {
    margin-bottom: 0px;
}
.aligned-col {
    margin-bottom: 20px;
}