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

body {overflow: auto;} 

p, span, h1, li { font-family: Arial, Helvetica, sans-serif; }

.container { width: 980px;}
.container p, span, li { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }

#shop a:link {text-decoration: none; color: #666 !important; }
#shop a:visited {text-decoration: none; color: #666 !important; }
#shop a:active {text-decoration: none; color: #666 !important; }
#shop a:hover p{text-decoration: none; color: #ed1c2f !important; }

div.col-xs-3 a, div.col-xs-3 a.visited, div.col-xs-3 p {outline: none !important;}

.row { width: 980px;}
.row p, span, li { font-family: Arial, Helvetica, sans-serif; font-size: 17px; }

.col-xs-15{width:182px; height: 260px; text-align: left;}


#boxDoorToTheStore a:link { text-decoration: none; color: #fff !important; }
#boxDoorToTheStore a:visited { text-decoration: none; color: #fff !important; }
#boxDoorToTheStore a:active { text-decoration: none; outline: none; color: #fff !important; }
#boxDoorToTheStore a:hover { text-decoration: none; color: #fff !important; }

.container a:link { text-decoration: none; color: #ed1c2f !important; }
.container a:visited { text-decoration: none; color: #ed1c2f !important; }
.container a:active { text-decoration: none; outline: none; color: #ed1c2f !important; }
.container a:hover { text-decoration: underline; color: #ed1c2f !important; }

.no-gutter [class*="-1"], [class*="-2"], [class*="-3"], [class*="-4"], [class*="-6"], [class*="-12"] {
	padding-left:0;
    padding-right:0;
}

select { width: 100%; }

.box-shadow { 
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);

	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);

	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); 

	/* For IE 8 */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')"; */
	/* For IE 5.5 - 7 */
/*	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000'); */
}

#shop p{color: #666; font-size: 17px; line-height: 18px !important; padding: 15px;}

.box-title { color: #666; font-weight: 600 !important; font-size: 24px !important; text-align: center; padding-top:0px; padding-bottom:0px;  margin-top: 20px; margin-bottom:20px; }
.box-title2 { color: #666; font-weight: 600 !important; font-size: 18px !important; text-align: left; padding-left: 15px; padding-top:0px; padding-bottom:0px;  margin-top: 15px; margin-bottom:15px; }


.box-text { color: #666; font-size: 16px; line-height: 18px !important; padding: 15px; }
.box-text2 { color: #666; font-size: 16px; line-height: 18px !important; padding: 15px; }

.box-slide { position: absolute; bottom: 0px; right: 0px; width: 264px; height: 264px; }
.box-slide p { font-family: 'Nunito', sans-serif; font-weight: 300; color: #FFF; font-size: 22px; padding: 15px; vertical-align: bottom; }

#slides { background: #fff; }

.modal h1 { font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; color: #004785;  }

.modal { overflow: auto; }

.item { height: 366px; }

#boxWire:hover {  cursor:pointer; }
#boxWood:hover {  cursor:pointer; }
#boxSweepstakes:hover {  cursor:pointer; }
#boxNewProducts:hover {  cursor:pointer; }
#boxKidsStorage:hover {  cursor:pointer; }
#boxFamilyRoom:hover {  cursor:pointer; }
#boxCubeDesigner1, #boxCubeDesigner2, #boxCubeDesigner3, #boxCubeDesignerVideo {
	cursor:pointer; 
}

#boxVideos1, #boxVideos2 {  cursor:pointer; }
#boxDesignTool {  cursor:pointer; }
#boxDoorToTheStore {  cursor:pointer; }

#boxInstallationServices {  cursor:pointer; }
#boxNewConstruction {  cursor:pointer; }
#boxProfessionalSite {  cursor:pointer; }
#boxSpaceCreations {  cursor:pointer; }

#slides { background: url(../images/loading.gif) center center no-repeat; }

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


#ctl00_ctlVariationPicker_divChangeLanguage span { 
	font-size: 9px; 
	font-weight: bold;
}

#ctl00_ctlVariationPicker_divChangeLanguage {
	width: 165px !important;
}

.social { margin-top: 5px !important; }

.copyright { padding: 0px; margin: 0px; }
.slogan { padding: 0px; margin: 0px; }
.slogan span{ font-size: 10px !important; }


.carousel-indicators ol, .carousel-indicators li {
	overflow: hidden;
	transition: opacity 0.3s ease;
	width: 12px;
	height: 12px;
	margin: 5px 5px 5px 5px;
	cursor: pointer;
	background-color: transparent;
}

.carousel-indicators .active{
	width: 12px;
	height: 12px;
	margin: 5px 5px 5px 5px;
	transition: ease;
	cursor: default
}