/*=============================================================
===== UNIVERSAL ===============================================
=============================================================*/

html{ min-height:100%; width:100%; }
body{ min-width:1300px; background:url(../images/footer-bg.png) repeat; }
.tWrap .floatLeft{ float:left; }
.tWrap .floatRight{ float:right; }
.tWrap .clear{ clear:both; }
.tWrap .mainBoxWrapper{ margin-bottom:1em; }
.tWrap .sideBoxWrapper{ margin-bottom:1em; }

/* Form */
.tWrap .ccm-search-block-form input{ -webkit-border-radius:0px; -webkit-appearance: none; }

.tWrap .formBlockSurveyRow:before, .tWrap .formBlockSurveyRow:after{ content:'.'; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0; width:0; height:0; }
.tWrap .formBlockSurveyRow:after{ clear:both; }
.tWrap .formBlockSurveyRow{ overflow:visible; width:100%; padding:0; }
.tWrap .formBlockSurveyCell.question{ width:30%; padding:0; }
.tWrap .formBlockSurveyCell.answer{ width:70%; padding:0 0 5px 0; }
.tWrap .formBlockSurveyCell.question label{ margin-top:8px; display:block; }
.tWrap .extendedFormSurveyView  textarea{ height:100px; box-sizing:content-box; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }
.tWrap .extendedFormSurveyView  input:focus, .tWrap .extendedFormSurveyView  textarea:focus, .tWrap .extendedFormSurveyView  select:focus{ outline:none; }
.tWrap .extendedFormSurveyView  textarea, .tWrap .extendedFormSurveyView  select, .tWrap .extendedFormSurveyView  input[type=text], .tWrap .extendedFormSurveyView  input[type=tel], .tWrap .extendedFormSurveyView  input[type=email], .tWrap .extendedFormSurveyView  input[type=url]{
	color:#666; border:1px solid #d9d9d9; padding:10px 2%; width:95%;
	-webkit-border-radius:0px; -webkit-appearance: none;
	/*-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;*/
}
.tWrap .extendedFormSurveyView  textarea:focus, .tWrap .extendedFormSurveyView  select:focus, .tWrap .extendedFormSurveyView  input[type=text]:focus, .tWrap .extendedFormSurveyView  input[type=tel]:focus, .tWrap .extendedFormSurveyView  input[type=email]:focus, .tWrap .extendedFormSurveyView  input[type=url]:focus{
	color:#222; border:1px solid #b1b1b1;
}
.tWrap .extendedFormSurveyView input[type="submit"]{ float:right; -webkit-border-radius:0px; -webkit-appearance: none; }
.tWrap .extendedFormSurveyView #msg { background:#e06a6a; color:#fff; text-shadow: 1px 1px 0 #7b1717; padding:1em; border:none; margin:5px 0; }
.tWrap .extendedFormSurveyView #msg .error{ color:#fff; }
.tWrap .extendedFormSurveyView #msg.formSuccess{ background:#9fd9f1; color:#33363a; text-shadow: 1px 1px 0 #d4dff6; }

/* Breadcrumbs */
.tWrap .breadcrumbsCont{ color:#5d6572; font-size:12px; font-family:Verdana, Helvetica, Arial, sans-serif; }
.tWrap .breadcrumbsCont a{ color:#5d6572; }
.tWrap .breadcrumbsCont a:hover{ color:#fff; }
.tWrap .breadcrumbsCont strong{ font-weight:normal; }
.tWrap .breadcrumbsCont .delim{ padding:0 3px; }

/*=============================================================
===== HEADER ==================================================
=============================================================*/

.tWrap header{ width:100%; background:url(../images/bg-pattern.jpg) repeat; }
.tWrap #headerTop{ width:100%; }
.tWrap #headerBottom{ width:100%; }

.tWrap header #logo{ max-width:669px; width:100%; margin:30px auto 0; display:block; }
.tWrap #headerContentContainer{ margin:10px 0; }

/* Argon/Default Navigation */
.tWrap #headerBottom #headerNavContainer{ background:#101112; text-align:center; }
.tWrap header .nav{ margin:0; padding:0; text-align:center; display:inline-block; }
.tWrap header .nav > li{ display:inline-block; list-style:none; position:relative; border-right:1px solid #1c1e20; }
.tWrap header .nav > li:first-child{ border-left:1px solid #1c1e20; }
.tWrap header .nav > li > a{ font-family: 'Aldrich', sans-serif; font-size:1em; line-height:1em; padding:17px 23px; background:#101112; color:#fff; text-transform:uppercase; display:block; text-decoration:none; }
.tWrap header .nav > li > a:hover, .tWrap header .nav > li.nav-hover > a, .tWrap header .nav > li.nav-path-selected > a{
	background:url(../images/selected-arrow.jpg) no-repeat top center #0066ff; color:#fff; text-decoration:none;
}
.tWrap header .nav > li ul{ position:absolute; display:none; margin:0; padding:0; z-index:4; }
.tWrap header .nav > li ul li{ list-style:none; position:relative; }
.tWrap header .nav > li ul li a{ text-transform:uppercase; font-family: 'Aldrich', sans-serif; font-size:1em; line-height:1em; padding:17px 23px; background:#0066ff; color:#fff; min-width:250px; text-align:left; display:block; text-decoration:none; }
.tWrap header .nav > li ul li a:hover, .tWrap header .nav > li ul li.nav-hover > a, .tWrap header .nav > li ul li.nav-path-selected > a{
	background:#101112; color:#fff; text-decoration:none;
}
.tWrap header .nav > li > ul ul{ left:100%; top:0; }

/*=============================================================
===== FOOTER ==================================================
=============================================================*/

.tWrap footer{ width:100%; }
.tWrap #footerTop{ width:100%; }
.tWrap #footerBottom{ width:100%; padding:35px 0; }

.tWrap footer p{ padding:0; font-size:12px; color:#ffffff; font-family:Verdana, Helvetica, Arial, sans-serif; }
.tWrap footer a{}
.tWrap footer #zCopyrightWrapper{ float:right; }
.tWrap footer #zCopyrightLogo{ vertical-align:middle; }

/*=============================================================
===== HOME ====================================================
=============================================================*/

.tWrap #slideshowContainer{ width:100%; background:url(../images/bg-pattern.jpg) repeat; }
.tWrap #homeContentContainer{ width:100%; background:#fff; padding:40px 0; }
.tWrap #homeMiddleContainer{ width:100%; background:#e4e6e7; padding:40px 0; }
.tWrap #homeLowerContainer{ width:100%; background:#1c1e20; padding:40px 0; }
.tWrap #homeLowestContentContainer{ width:100%; background:#26292c; padding:40px 0; }

.tWrap #tilesContainer{ width:100%; background:#101214; }
.tWrap #tilesContainer img{ display:block; }

.tWrap .tilecontainer{ width:151.5px; margin-left:6px; float:left; }
.tWrap .tilecontainer.firstcontainer{ margin-left:0px; float:left; }

.tWrap .flexslider{ margin-bottom:68px; }
.tWrap .flex-control-nav { bottom: 0px; text-align: right; right: 17px; }
.tWrap .flex-control-paging li a{ text-indent:9999em;overflow:hidden; }
.tWrap #slideshowContainer .flex-direction-nav{ display:none; }
.tWrap #slideshowContainer .flex-direction-nav .flex-prev{ width:46px; height:86px; left:20px; background:url(../images/arrows1.png) no-repeat top left; opacity:1; z-index:3; }
.tWrap #slideshowContainer .flex-direction-nav .flex-next{ width:46px; height:86px; right:20px; background:url(../images/arrows1.png) no-repeat top right; opacity:1; z-index:3; }
/*.tWrap #slideshowContainer .flex-direction-nav .flex-prev{ width:40px; height:40px; left:20px; background:url(../images/arrows2.png) no-repeat top left; opacity:1; z-index:3; }
.tWrap #slideshowContainer .flex-direction-nav .flex-next{ width:40px; height:40px; right:20px; background:url(../images/arrows2.png) no-repeat top right; opacity:1; z-index:3; }*/
/*.tWrap #slideshowContainer .flex-direction-nav .flex-prev{ width:48px; height:48px; left:20px; background:url(../images/arrows3.png) no-repeat top left; opacity:1; z-index:3; }
.tWrap #slideshowContainer .flex-direction-nav .flex-next{ width:48px; height:48px; right:20px; background:url(../images/arrows3.png) no-repeat top right; opacity:1; z-index:3; }*/

/*.tWrap #slideshowContainer  .flexslider{ margin:0; }*/
.tWrap #slideshowContainer .flex-control-nav{}
.tWrap #slideshowContainer .flex-control-nav a{ background:url(../images/dots1.png) top left no-repeat; width:12px; height:12px; box-shadow: none;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;border-radius:0px; }
/*.tWrap #slideshowContainer .flex-control-nav a{ background:url(../images/dots1.png) top left no-repeat; width:13px; height:13px; box-shadow: none;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;border-radius:0px; }*/
/*.tWrap #slideshowContainer .flex-control-nav a{ background:url(../images/dots3.png) top left no-repeat; width:13px; height:13px; box-shadow: none;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;border-radius:0px; }*/
.tWrap #slideshowContainer .flex-control-nav a.flex-active{ background-position:right top; }

/*=============================================================
===== INNER ===================================================
=============================================================*/

.tWrap .navSpacer{ width:100%; height: 50px; background:url(../images/bg-pattern.jpg) repeat; }
.tWrap  #breadcrumbsContainer{ width:100%; background:#101214; padding:38px 0; }

.tWrap .innerContentContainer{ background:#fff; padding:55px 0; }

.tWrap .innerContentContainer .nav{ padding:0; margin:0; }
.tWrap .innerContentContainer .nav > li{ padding:0; margin:0 0 2px 0; list-style:none; }
.tWrap .innerContentContainer .nav > li > a{ color:#cccccc; background:#101112; padding:25px 21px; font-size:1em; line-height:1em;display:block; text-decoration:none; font-family: 'Aldrich', sans-serif; text-transform:uppercase;  }
.tWrap .innerContentContainer .nav > li > a:hover, .tWrap .innerContentContainer .nav > li.nav-hover > a, .tWrap .innerContentContainer .nav > li.nav-path-selected > a{
	background:#0066ff; color:#fff; text-decoration:none;
}
.tWrap .innerContentContainer .nav > li.nav-path-selected > a{
	background:url(../images/open-sidenav-arrw.jpg) no-repeat right center #0066ff;
}
.tWrap .innerContentContainer .nav > li ul{ padding:15px 21px; margin:0; background:#17191b; }
.tWrap .innerContentContainer .nav > li ul li{ list-style:none; padding:0px; margin:0px; }
.tWrap .innerContentContainer .nav > li ul li a{ color:#fff; padding:8px 0px; font-size:13px; line-height:13px; display:block; font-family: 'Aldrich', sans-serif; text-transform:uppercase; text-decoration:none; }
.tWrap .innerContentContainer .nav > li ul li a:hover, .tWrap .innerContentContainer .nav > li ul li.nav-hover > a, .tWrap .innerContentContainer .nav > li ul li.nav-path-selected > a{
	color:#3384fe; text-decoration:none;
}

.tWrap .pageTitle {  }

/*=============================================================
===== CUSTOM ==================================================
=============================================================*/

.tWrap .skin5.top .tab_header_item { border-right: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; margin-right: 2px; height: 50px; }

.tWrap .skin5.top .tab_header_item a { font: inherit; font-weight: normal; font-family: 'Aldrich', sans-serif; font-size:1.143em; display: block; line-height:51px; padding:0px 53px !important; color: #3f4651; background: #dfdfdf; text-transform: uppercase; }
.tWrap .skin5.top .tab_header_item.tab_selected a { color: #3f4651; background: #fff; }

.tWrap .skin5.top .tab_content { font-size: 1em; font-family: 'Open Sans', sans-serif; color:#5e646b; 	line-height:1.9em; }

/*************MAIN ELEMENTS*************/
      #dreamline-product {
        margin: 0 20em;
        display: flex;
        background: url('bg-pattern.jpg');
      }
      .preview {
        display: flex;
        flex-direction: column;
        flex: 1 1 55%;
        padding: 1em;
        background: #f2f2f2;
      }
      .product-options {
        flex: 1 1 45%;
        margin: 2em;
      }
      .table-fill {
        width: inherit;
        margin: 5em 0 0 0;
        padding:5px;
        position: fixed;
        background: white;
        border-radius:3px;
        border-collapse: collapse;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        animation: float 5s infinite;
      }
      .accordian {
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
        color: #b5b5b5;
      }
      @media(max-width: 720px) {
        #dreamline-product {
          flex-direction: column;
          margin: 0;
        }
        .table-fill { position: relative; }
      }
      
      /*************COLOR SELECT*************/
      .product-options h3 {
        color: #fff;
      }
      .product-options .color-select {
        display: flex;
        flex-wrap: wrap;
      }
      .product-options .color-select .color-swatch {
        flex: 0 1 22%;
        height: 2.5em;
        margin: 0 .5em .75em 0;
        text-align: center;
        line-height: 2.5em;
        color: white;
      }
      .product-options .color-select .color-swatch:nth-child(1) { background: #333335; }
      .product-options .color-select .color-swatch:nth-child(2) { background: #cf0c14; }
      .product-options .color-select .color-swatch:nth-child(3) { background: #0173bc; }
      .product-options .color-select .color-swatch:nth-child(4) { background: #598428; }
      .product-options .color-select .color-swatch:nth-child(5) { background: #f69d35; }
      .product-options .color-select .color-swatch:nth-child(6) { background: #f26d9a; }
      .product-options .color-select .color-swatch:nth-child(7) { background: #92278f; }
      
      /***********ACCORDIAN STYLES***********/
      .accordian .title {
        padding: 1rem 0;
        margin: 0;
        font-weight: 800;
        transition: all .25s ease;
      }
      .accordian .title:hover {
        background-color: rgba(0, 0, 0, 0.005);
      }
      .accordian ul li:last-child .title {
        border-bottom: 0;
      }
      .accordian ul li .subtitle { padding: 0; color: #fff; font-weight: 200; }
      .accordian ul .inner-ul li div {
        display: block;
        padding: 1rem;
        color: #777;
      }
      .accordian ul ul {
        display: none;
      }
      .accordian ul .inner-ul { 
        display: flex !important;
        flex-wrap: wrap;
        border: thin solid #808080;
      }
      .accordian ul .inner-ul li {
        flex: 0 1 calc(50% - .5px); 
        border-bottom: thin solid #808080;
      }
      .accordian ul .inner-ul li:nth-child(odd) {
        border-right: thin solid #808080;
      }
      .accordian ul .inner-ul li label {
        cursor: pointer;
      }
      .accordian ul .inner-ul input[type="text"] {
/*        display: none;*/
        margin: 1em auto;
      }
      .custom-input {
        display: none;
      }      
      .open {
        transform: rotate(45deg);
        transition: all .25s ease;
      }
      .fa {
        transition: all .25s ease;
        float: right;
      }
      .accordian h3 {
        cursor: pointer;
      }
      
      /***********TABLE STYLES***********/
      div.table-title {
         display: block;
        margin: auto;
        max-width: 600px;
        padding:5px;
        width: 100%;
      }
      .table-title h3 {
         color: #fafafa;
         font-size: 30px;
         font-weight: 400;
         font-style:normal;
         font-family: "Roboto", helvetica, arial, sans-serif;
         text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
         text-transform:uppercase;
      }
      .table-fill th {
        color:#D5DDE5;;
        background:#1b1e24;
        border-bottom:4px solid #9ea7af;
        border-right: 1px solid #343a45;
        font-size: 1em;
        font-weight: 400;
        padding: .8em 1em;
        text-align:left;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        vertical-align:middle;
      }
      .table-fill th:first-child {
        border-top-left-radius:3px;
      }
      .table-fill th:last-child {
        border-top-right-radius:3px;
        border-right:none;
      }
      .table-fill tr {
        display: flex;
        border-top: 1px solid #C1C3D1;
        border-bottom: 1px solid #C1C3D1;
        color:#666B85;
        font-size:16px;
        font-weight:normal;
        text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
      }
      .table-fill tr th { flex: 0 0 calc(30% - 2em); }
      .table-fill tr th:last-child { flex: 0 0 calc(10% - 2em); }
      .table-fill tr td { flex: 0 0 calc(30% - 2em); }
      .table-fill tr td:last-child { flex: 0 0 calc(10% - 2em); }
      .table-fill tr td:last-child input { 
        width: 2.5em;
        text-align: center;
      }
      .table-fill tr td:last-child { padding: .8em .8em; }
      .table-fill tr:first-child {
        border-top:none;
      }
      .table-fill tr:last-child {
        border-bottom:none;
      }
      .table-fill tr:nth-child(odd) td {
        background:#EBEBEB;
      }
      .table-fill tr:last-child td:first-child {
        border-bottom-left-radius:3px;
      }
      .table-fill tr:last-child td:last-child {
        border-bottom-right-radius:3px;
      }
      .table-fill td {
        background:#FFFFFF;
        padding: .8em 1em;
        text-align:left;
        vertical-align:middle;
        font-weight:300;
        font-size:1em;
        text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
        border-right: 1px solid #C1C3D1;
      }
      .table-fill td:last-child { border-right: 0px; }
      .table-fill th.text-left { text-align: left; }
      .table-fill th.text-center { text-align: center; }
      .table-fill th.text-right { text-align: right; }
      .table-fill td.text-left { text-align: left; }
      .table-fill td.text-center { text-align: center; }
      .table-fill td.text-right { text-align: right; }