/**
 * Layout.css - Global styles
 *
 * @author Webstores <info at webstores dot nl>
 *         Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 */

/*
WORKING PAPER
-------------------------------------------------

    Used colors:
    ---------------------------------------------
    Black:                                #000000
    Dark:                                 #252320

    Text headings 1:                      #505048
    Text headings 1 (20% black):          #40403A
    Text headings 2:                      #a6a6a0
    Normal text:                          #505048


    Used fonts:
    ---------------------------------------------
    Franklin Gothic Book:
    font-family:'ITCFranklinGothicW01-Bk 812647', Helvetica, Arial, sans-serif;

    Franklin Gothic Medium:
    font-family:'ITCFranklinGothicW01-Md 812695', Helvetica, Arial, sans-serif;

    Franklin Gothic Demi:
    font-family:'ITCFranklinGothicW01-Dm 812668', Helvetica, Arial, sans-serif;

    Franklin Gothic Heavy:
    font-family:'ITCFranklinGothicW01-Hv 812689', Helvetica, Arial, sans-serif;

    Helvetica:
    font-family: 'Helvetica W01 Roman', Helvetica, Arial, sans-serif;

*/

/* General */

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100%;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.6 'Helvetica W01 Roman', Helvetica, Arial, sans-serif;

}

body {
    position: relative;
    margin: 0;
    padding: 0 0 80px;
    background-color: #FFF;
    color: #505048;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100%;
}

body.loading {
    cursor: progress !important;
}

a {
    color: #505048;
}

a:hover {
    color: #40403A;
}

dd {
    margin: 0;
}

dt {
    font-weight: bold;
}

figure {
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 5px;
    line-height: 1.2;
    color: #505048;
    font-weight: 400;
    font-family:'ITCFranklinGothicW01-Md 812695', Helvetica, Arial, sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
}

h1 {
    margin: 0 0 10px;
    font-size: 26px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

img {
    border: 0;
}

blockquote, dl, ol, ul, p {
    margin: 0 0 20px;
}

ol, ul {
    padding: 0 0 0 30px;
}

nav h1 {
    display: none;
}

nav ul,
.nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav li a,
.nav li a {
    text-decoration: none;
}


/* Tables */

table {
    width: 100%;
    border-spacing: 0;
    empty-cells: show;
}

.lt-ie8 table {
    border-collapse: collapse;
}

th, td {
    padding: 0 0 0 10px;
}

th, thead td {
    font-weight: bold;
    text-align: left;
}


/* Property/value tables */

th.property,
td.property {
    width: 33%;
}

th.value,
td.value {
    width: 66%;
}


/* Basic tables */

.basic-table,
.content-table {
    margin: 0 0 20px;
}

.basic-table > tbody > tr > th,
.basic-table > tbody > tr > td {
    padding: 10px 0 10px 10px;
}

.basic-table > tbody > tr > th:first-child,
.basic-table > tbody > tr > td:first-child {
    padding-left: 0;
}


/* Bordered tables */

.bordered-table > tbody > tr > th,
.bordered-table > tbody > tr > td {
    border-bottom: 1px dotted #CACAC9;
}


/* Striped tables */

.striped-table > tbody > tr:nth-child(even) {
    background-color: #F5F5F5;
}

.striped-table > tbody > tr.even { /* < IE9 */
    background-color: #F5F5F5;
}


/* Condensed tables */

.condensed-table > tbody > tr > th,
.condensed-table > tbody > tr > td {
    padding: 2px 10px;
}


/* Additional table classes */

.clickable td {
    cursor: pointer;
}

.row-action {
    width: 16px;
    white-space: nowrap;
}

.row-actions ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.row-actions li {
    float: left;
    margin: 0 0 0 5px;
}

.row-actions li:first-child {
    margin-left: 0;
}


/* Locations table */

.locations-table {
    color: #7a7a7a;
}

.locations-table h2 {
    font-size: 15px;
    color: #7a7a7a;
}

.locations-table th,
.locations-table td {
    padding: 5px;
}

.locations-table th {
    font-size: 15px;
    font-weight: 400;
    color: #7a7a7a;
    background-color: #F9F9F9;
}

.locations-table td {
    padding: 10px 5px;
}

.locations-table p {
    margin-bottom: 0;
}

.locations-table .location {
    width: 250px;
}

.locations-table .distance {
    width: 120px;
}

.locations-table .phone-number {
    width: 200px;
}

.locations-table .link {
    padding-right: 10px;
    text-align: right;
}

.locations-table tr:hover td {
    background-color: #F9F9F9;
}


/* General form styles */

form {
    margin: 0 0 20px;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

form div.row {
    margin: 10px 0 0;
    zoom: 1;
}

form div.row:first-child {
    margin-top: 0;
}

form div.row:after {
    content: "";
    display: table;
    clear: both;
}

form div.indent {
    padding: 0 0 0 120px;
}

label[for] {
    cursor: pointer;
}

label.indent {
    float: left;
    margin: 5px 10px 0 0;
    width: 110px;
}

label.trailing {
    margin: 0 10px 0 20px;
}

button,
input.text,
select,
textarea {
    margin: 0;
}

input.text,
select,
textarea {
    padding: 4px 7px;
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    color: #333;
}

input.text,
textarea {
    width: 324px;
    outline: none;
}

input.text {
    height: 20px;
}

.lt-ie9 input.text {
    line-height: 20px;
}

input.extra-small {
    width: 44px;
}

input.small {
    width: 84px;
}

input.medium {
    width: 204px;
}

input.large {
    width: 444px;
}

input.has-step-controls {
    width: 36px;
}

select {
    padding: 4px;
    max-width: 300px;
}

select.block-select {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    height: 100px;
    resize: vertical;
}

form ul.options {
    margin: 0;
    padding: 3px 0 0;
    list-style: none;
}

form ul.options li {
    overflow: hidden;
}

form .inline {
    overflow: hidden;
}

form .inline li {
    float: left;
    margin: 0 10px 0 0;
}

form .hint {
    font-size: smaller;
    color: #999;
}


/* Form focus/placeholder style */

input.text:focus,
textarea:focus,
select:focus {
    border-color: #CCC;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999 !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999 !important;
}

input.placeholder-visible,
textarea.placeholder-visible {
    color: #999;
}


/* Form error style */

input.text.form-ui-invalid,
textarea.form-ui-invalid {
    border-color: #C00 !important;
    -webkit-box-shadow: 0 0 3px rgba(204, 0, 0, 0.7);
    box-shadow: 0 0 3px rgba(204, 0, 0, 0.7);
}

input.form-ui-invalid + label {
    color: #C00;
}

select.form-ui-invalid {
    -webkit-box-shadow: 0 0 3px #C00;
    box-shadow: 0 0 3px #C00;
}

.user-error {
    border: 1px solid #C00 !important;
    -webkit-box-shadow: 0 0 3px 0 #C00;
    box-shadow: 0 0 3px 0 #C00;
}

input[type=radio].user-error {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


/* Map search form */

#map-search {
    margin-bottom: 0;
}

#map-search input.text {
    width: 164px;
}

#map-search .error-panel {
    padding: 5px;
    margin-bottom: 5px;
}

#map-search .button {
    font-size: 12px;
}


/* Filter form */

.filter-form {
    margin: 0;
}

.filter-form .options li {
    margin-bottom: 4px;
}

.filter-form .options label {
    font-size: 14px;
    color: #505048;
}


/**
 * LAYOUT ELEMENTS
 * ----------------------------------------
 */

.grid-1 {
    width: 60px;
}

.grid-2 {
    width: 140px;
}

.grid-3 {
    width: 220px;
}

.grid-4 {
    width: 300px;
}

.grid-5 {
    width: 380px;
}

.grid-6 {
    width: 460px;
}

.grid-7 {
    width: 540px;
}

.grid-8 {
    width: 620px;
}

.grid-9 {
    width: 700px;
}

.grid-10 {
    width: 780px;
}

.grid-11 {
    width: 860px;
}

.grid-12 {
    width: 940px;
}


/* Specific grids */

.grid-1-fifth {
    width: 172px;
}

.grid-9-split {
    width: 340px;
}

.grid-6-alt {
    width: 420px;
}


/* Columns */

.column {
    float: left;
    margin-left: 20px;
    min-height: 1px;
}

.column:first-child,
.column.first {
    margin-left: 0 !important;
}

.column-wrapper {
    zoom: 1;
}

.column-wrapper:after {
    content: "";
    display: table;
    clear: both;
}


/* Structural elements */

#header {
    position: relative;
    z-index: 100;
}

#main {
    zoom: 1;
}

#footer {
    background-color: #000;
    color: #FFF;
}

#header > .inner,
#header > #main-header > .inner,
#header > #meta-header > .inner,
#header > #spotlight > .inner,
#main > .inner,
#footer > .inner {
    width: 940px;
    margin: 0 auto;
    padding: 20px;
}

#footer > .inner {
    padding: 15px 20px;
}

#header > #meta-header > .inner:after,
#header > #main-header > .inner:after,
#main > .inner:after {
    display: block;
    clear: both;
    content: "";
}

#content-wrapper {
    float: right;
}

#content {
    margin: 0;
}

#sidebar {
    margin: 0 20px 0 0;
}

#sidebar .simple-widget:first-child {
    margin-top: -19px;
}

#sidebar .simple-widget.alt {
    margin-top: 18px;
}


/**
 * GENERAL CLASSES
 * ----------------------------------------
 */

.intro {
    font-size: 17px;
    color: #505048;
    font-family:'ITCFranklinGothicW01-Bk 812647', Helvetica, Arial, sans-serif;
}

.date {
    font-weight: bold;
    color: #999;
}

.numeric {
    text-align: right;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.nowrap {
    white-space: nowrap;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.invisible {
    visibility: hidden;
}

.js .no-js-fallback {
    display: none;
}


/* Message colors */

.muted {
    color: #999;
}

.success {
    color: #4EB747;
}

.info {
    color: #4685B7;
}

.warning {
    color: #D3AB2A;
}

.error {
    color: #CC4031;
}


/* Plain elements */

button.plain {
    padding: 0;
    background: transparent;
    border: 0;
    text-align: left;
    cursor: pointer;
    outline: none;
    color: #1D8FD5;
}

button.plain:hover {
    color: #333;
}

button.plain::-moz-focus-inner {
    padding: 0;
    border: 0;
}

ol.plain,
ul.plain {
    padding: 0;
    list-style: none;
}


/* Overview */

.overview {
    margin: 0 0 20px;
    zoom: 1;
}

.overview:after {
    content: "";
    display: table;
    clear: both;
}

.overview > * {
    float: left;
    margin: 0 20px 20px 0;
}

.overview > .last {
    margin: 0 0 20px 0;
}

.overview .row {
    margin: 0 0 40px;
    border-bottom: 1px dotted #CACAC9;
}

.overview .row > h2 {
    margin-bottom: 20px;
    font-size: 20px;
    font-family:'ITCFranklinGothicW01-Dm 812668', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}


/* Product overview */

.product-overview > .item {
    margin: 0 16px 20px 0;
}

.product-overview > .last {
    margin: 0 0 20px 0;
}


/* Panels */

.panel {
    padding: 10px;
    background-color: #F5F5F5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    zoom: 1;
}

.panel:after {
    content: "";
    display: table;
    clear: both;
}

.panel > *:last-child {
    margin-bottom: 0;
}


/* Content panels */

.content-panel {
    margin-bottom: 20px;
}


/* Bordered panels */

.bordered-panel {
    padding: 19px;
    border: 1px solid #E5E5E5;
}


/* Message panels */

.message-panel h1 {
    font-size: 16px;
    color: inherit;
}

.message-panel p {
    margin-bottom: 10px;
}


/* Panel colors */

.white-panel {
    background-color: #FFF;
}

.success-panel {
    background-color: #EDF8EC;
    border-color: #CAE9C7;
}

.info-panel {
    background-color: #ECF3F8;
    border-color: #C7DAE9;
}

.warning-panel {
    background-color: #FBF6E9;
    border-color: #F2E6BF;
}

.error-panel {
    background-color: #FAECEA;
    border-color: #F0C5C1;
}


/* Widgets */

.widget {
    margin: 0 0 20px;
}

.widget .header {
    padding: 20px 40px 10px 0;
}

.widget .header h1 {
    font-size: 16px;
    text-transform: uppercase;
    color: #505048;
    font-family:'ITCFranklinGothicW01-Dm 812668', Helvetica, Arial, sans-serif;
}

/* JFK
.widget .body {
    padding: 20px 0;
}
*/

.widget .body p {
    min-height: 80px;
    margin-bottom: 0;
}


/* Related widget */

.widget.related .header {
    padding-bottom: 0;
}

.widget.related .body {
    padding-top: 0;
}


/* Prev widget */

.prev-widget .body {
    padding: 7px 0 0 0;
}


/* Simple widget */

.simple-widget {
    background-color: #f7f7f7;
}

.simple-widget .header {
    padding: 22px 20px 10px;
}

.section-home .simple-widget .header {
    padding-top: 20px;
}

.simple-widget .body {
    padding: 35px 20px 20px 20px;
}

.section-home .simple-widget .body {
    padding-top: 5px;
}

.simple-widget button {
    margin-top: 5px;
}


/* Filter widget */

.filter-widget .body {
    padding-bottom: 0;
}


/* Product detail widget */

.product-detail-widget {

}

.product-detail-widget form {
    margin-bottom: 0;
}

.product-detail-widget .header {
    border-bottom: 1px dotted #bbbbba;
}

.product-detail-widget .header h1 {
    margin-bottom: 0;
    color: #505048;
    text-transform: none;
    font-size: 33px;
}

.product-detail-widget .header p {
    margin-bottom: 0;
    font-size: 16px;
    font-family: 'Helvetica W01 Roman', Helvetica, Arial, sans-serif;
}

.product-detail-widget .row {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #bbbbba;
}

.product-detail-widget .row:last-child {
    border-bottom: 0;
}

.product-detail-widget h2 {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Helvetica W01 Roman', Helvetica, Arial, sans-serif;
}

.product-detail-widget ul {
    margin-bottom: 0;
}

.product-detail-widget .properties {
    margin-left: 0;
    padding: 20px 0 0 15px;
}


/* More links */

.more {
    text-decoration: none;
    padding-right: 15px;
    color: #7a7a7a;
    background: url(../img/arrow-sprite.png) 100% -310px no-repeat;
}

.more:hover,
.clickable tr:hover td > .more {

}

.more.prev {
    padding: 0 0 0 15px;
    font-size: 14px;
    background-position: 0 -427px;
    text-decoration: underline;
}


/* Icons */

.icon {
    margin: -4px 5px 0 5px;
    background: url(../img/icon-sprite.png) no-repeat;
    vertical-align: middle;
}

.icon:first-child {
    margin-left: 0;
}

a.icon,
button.icon {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

button.icon {
    padding: 0;
    border: 0;
    cursor: pointer;
}

span.icon {
    display: inline-block;
}

th.icon,
td.icon {
    background: transparent;
}


a:hover > .icon {
    opacity: 0.8;
    filter: alpha(opacity=80);
}


/* Icon sizes */

.icon-16 {
    width: 16px;
    height: 16px;
}

.icon-20 {
    width: 20px;
    height: 20px;
}


/* Icons (default, 16x16) */

.zoom-icon {
    background-position: 0 0;
}

.close-icon {
    background-position: 0 -16px;
}

.facebook-icon {
    background-position: 0 -32px;
}

.twitter-icon {
    background-position: 0 -48px;
}

.googleplus-icon {
    background-position: 0 -64px;
}

.youtube-icon {
    background-position: 0 -80px;
}


/* Icons (20x20) */

.icon-20.pinterest-icon {
    background-position: -16px -40px;
}

.icon-20.facebook-icon {
    background-position: -16px -60px;
}

.icon-20.youtube-icon {
    background-position: -16px -80px;
}


/* Buttons */

button {
    cursor: pointer;
}

.button {
    display: inline-block;
    padding: 0 10px;
    height: 28px;
    background-color: #FFF;
    border: 1px solid #FFF;
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    color: #505048 !important;
    -webkit-transition: color 0.1s linear, background 0.1s linear, border 0.1s linear;
    transition: color 0.1s linear, background 0.1s linear, border 0.1s linear;
    font-family:'ITCFranklinGothicW01-Hv 812689', Helvetica, Arial, sans-serif;
}

.button:hover,
.clickable tr:hover td > .button {
    background-color: #EAEAEA;
    border-color: #D6D6D6;
    color: #000 !important;
}

button.button {
    height: 30px;
    text-align: left;
    overflow: visible;
}

button.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}


/* Button exceptions */

#map-search .button,
.search-bar .button {
    border-color: #F8F8F8;
    background-color: #F8F8F8;
}


/* More buttons */

.button .more {
    display: block;
    background-position: 100% -305px;
    color: #333 !important;
}


/* Button icons */

.button .icon:first-child {
    margin-left: -3px;
}


/* Small buttons */

.small-button {
    padding: 0 5px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-family:'ITCFranklinGothicW01-Bk 812647', Helvetica, Arial, sans-serif;
}

button.small-button {
    height: 20px;
}

.small-button .more {
    background-position: 100% -309px;
}

.small-button.prev-button .more {
    /*background-position: 0 -994px;*/
}


/* Large buttons */

.large-button {
    height: 38px;
    font-size: 18px;
    line-height: 38px;
}

button.large-button {
    height: 40px;
}

.large-button .more {
    /*background-position: 100% -784px;*/
}

.large-button.prev-button .more {
    /*background-position: 0 -984px;*/
}


/* Block buttons */

a.block-button {
    display: block;
}

button.block-button {
    width: 100%;
}


/* Text centered buttons */

.text-centered-button,
button.text-centered-button {
    text-align: center;
}


/* Shared button styles */

.primary-button,
.secondary-button {
    color: #FFF !important;
}

.primary-button:hover,
.secondary-button:hover {
    color: #FFF !important;
}


/* Shared more button styles */

.primary-button .more,
.secondary-button .more {
    /*background-position: 100% -1389px;*/
    color: #FFF !important;
}

.primary-button.large-button .more,
.secondary-button.large-button .more {
    /*background-position: 100% -1384px;*/
}


/* Primary buttons */

.primary-button {
    background-color: #D2D2D2;
    border-color: #D2D2D2;
}

.primary-button:hover {
    background-color: #626262;
    border-color: #626262;
}


/* Secondary buttons */

.secondary-button {
    background-color: #626262;
    border-color: #626262;
}

.secondary-button:hover {
    background-color: #424242;
    border-color: #424242;
}


/* Media */

.media {
    position: relative;
}

.media > a {
    display: block;
}

.media > a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: opacity 0.1s linear, filter 0.1s linear;
    transition: opacity 0.1s linear, filter 0.1s linear;
}

.media img {
    vertical-align: middle;
}

.media .zoom-icon {
    position: absolute;
    display: block;
    margin: 0;
    right: 10px;
    bottom: 10px;
    text-indent: -9999px;
    overflow: hidden;
}


/* Basic flexslider style */

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

.flexslider .slides > li:first-child {
    display: block;
}

.flexslider .slides img {
    width: 100%;
    height: auto;
    display: block;
}

.slides {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.slides li {
    position: relative;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

.no-js .slides > li:first-child {
    display: block;
}


/* Flexslider control nav */

.flex-control-nav {
    position: absolute;
    width: 940px;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
    list-style: none;
}

.flex-control-nav ol:after {
    display: block;
    clear: both;
    content: "";
}

.flex-control-nav li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 5px 0 0;
    cursor: pointer;
}

.flex-control-nav li a {
    display: block;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    border: 1px solid #b8b6b3;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #e1e0de;
    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}

.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active {
    background-color: #79726b;
}


/* Slide caption */

.slide-caption {
    position: absolute;
    top: 120px;
    right: 0;
    width: 260px;
    min-height: 185px;
    padding: 20px;
    text-align: center;
    background: url(../img/white-65.png);
}

.slide-caption h1 {
    color: #505048;
    text-transform: uppercase;
    font-size: 30px;
    font-family:'ITCFranklinGothicW01-Hv 812689', Helvetica, Arial, sans-serif;
}

.slide-caption h1 span {
    display: block;
    margin: 20px 0 15px 0;
    line-height: 22px;
    font-size: 18px;
    font-family:'ITCFranklinGothicW01-Bk 812647', Helvetica, Arial, sans-serif;
}

.slide-caption a {
    display: block;
    height: 45px;
    line-height: 43px;
    color: #505048;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    font-family:'ITCFranklinGothicW01-Hv 812689', Helvetica, Arial, sans-serif;
    background: url(../img/caption-more-bg.png) 50% 50% no-repeat;
}


/* Flexslider direction nav */

.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: opacity 0.1s linear, filter 0.1s linear;
    -moz-transition: opacity 0.1s linear, filter 0.1s linear;
    transition: opacity 0.1s linear, filter 0.1s linear;
    background: url(../img/slider-sprite.png) 0 -40px no-repeat;
}

.flex-direction-nav .flex-next {
    left: auto;
    right: 0;
    background-position: 0 0;
}

.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}


/* Product image slider */

#product-image-slider {
    margin-bottom: 20px;
}

#product-image-slider .flex-direction-nav,
#product-image-slider .flex-control-nav {
    display: none;
}

.custom-slider-controls {
    margin-bottom: 40px;
    position: relative;
}

.custom-slider-controls .slides li {
    text-align: center;
    float: left;
    cursor: pointer;
}

.custom-slider-controls .slides li {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.custom-slider-controls .slides li:hover,
.custom-slider-controls .slides li.flex-active-slide {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.1s linear, filter 0.1s linear;
    -moz-transition: opacity 0.1s linear, filter 0.1s linear;
    transition: opacity 0.1s linear, filter 0.1s linear;
}

.custom-slider-controls .flex-direction-nav .flex-prev,
.custom-slider-controls .flex-direction-nav .flex-next {
    background: url(../img/arrow-sprite.png) 13px -178px no-repeat;
    margin-top: -23px;
    left: -15px;
}

.custom-slider-controls .flex-direction-nav .flex-next {
    left: auto;
    right: -15px;
    background-position: -22px -50px;
}


/* Inspiration slider */

.inspiration-slider {
    bottom: 170px;
    height: auto;
    position: absolute;
    top: 120px;
    width: 100%;
}

.inspiration-slider .slides,
.inspiration-slider .slides li {
    width: 100%;
    height: 100%;
}

.inspiration-slider .slides li > span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    behavior: url(../htc/backgroundsize.min.htc);
}

.inspiration-slider .flex-control-nav {
    display: none;
}

.inspiration-slider .flex-direction-nav .flex-prev {
    margin-top: -50px;
}

.inspiration-slider .flex-direction-nav .flex-next {
    margin-top: -50px;
}


/* Inspiration controls */

.inspiration-controls {
    position: absolute;
    width: 100%;
    padding: 15px 0 10px 0;
    background-color: #FFF;
    bottom: 49px;
}

.inspiration-controls > .inner {
    width: 940px;
    margin: 0 auto;
}

.inspiration-controls > .inner .slides li:first-child {
    margin-left: -10px;
}

.inspiration-controls .custom-slider-controls .flex-direction-nav .flex-prev {
    left: -40px;
}

.inspiration-controls .custom-slider-controls .flex-direction-nav .flex-next {
    right: -40px;
}


/* Tabs style */

.tabs {
    margin: 0;
    padding: 10px 10px 0 30px;
    height: 30px;
    border-radius: 3px 3px 0 0;
    list-style: none;
}

.tabs li {
    float: left;
    margin-left: 5px;
}

.tabs li:first-child {
    margin-left: 0;
}

.tabs li a {
    display: block;
    min-width: 100px;
    text-align: center;
    padding: 5px 14px 5px 14px;
    border-bottom: 0;
    background: #e0e0e0;
    color: #505048;
    text-decoration: none;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    box-shadow: inset 0 -4px 10px -10px rgba(0, 0, 0, 0.2);
}

.tabs li:first-child a {
    background-position: 0 100%;
}

.tab-content h2 {
    font-size: 28px;
    font-family:'ITCFranklinGothicW01-Bk 812647', Helvetica, Arial, sans-serif;
}


/* Tabs */

.js .hide-tab {
    position: absolute;
    top: 0;
    left: -9999px;
}

.tab-content {
    padding: 20px;
    background-color: #f7f7f7;
}

.tab-content h3 {
    color: #333366;
    font-weight: normal;
    font-size: 24px;
    font-family: Georgia, "Times New Roman", Times, serif;
}


/* Basic accordion style */

.accordion {
    padding: 0;
    list-style: none;
}

.accordion ul {
    display: block !important;
}

.accordion .toggler {
    display: block;
    line-height: 24px;
    height: 28px;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    background: url(../img/accordion-sprite.png) 100% 3px no-repeat;
    font-family:'ITCFranklinGothicW01-Bk 812647', Helvetica, Arial, sans-serif;
}

.accordion .toggler:hover,
.accordion .expanded .toggler {
    background-position: 100% -67px;
    font-family:'ITCFranklinGothicW01-Dm 812668', Helvetica, Arial, sans-serif;
}
.accordion .expanded .toggler {
}

.accordion .collapsed > .body {
    display: none;
}

.accordion .expanded {
    background: url(../img/light-gradient-top.png) 0 40px repeat-x;
}

.accordion .expanded .body {
    padding: 10px 5px 4px 5px;
    border-top: 1px dotted #C7C7C6;
    border-bottom: 1px dotted #C7C7C6;
    background: url(../img/light-gradient-bottom.png) 0 100% repeat-x;
}

.accordion .expanded .body p:last-child {
    margin-bottom: 0;
}


/* Map */

.map {
    position: relative;
    margin: 0 0 20px;
}

.map .canvas {
    position: relative;
    width: 940px;
    height: 530px;
    background: url(../img/canvas-texture.jpg);
}

.search-bar {
    padding: 10px 20px;
    background-color: #f8f8f8;
}

.search-bar .search-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 1px 0 5px;
}

.search-bar .icon,
.search-bar label {
    display: inline-block;
    margin-right: 10px;
}

.search-bar .col {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.search-bar .col.search-radius {
    width: 350px;
}

.search-bar input.medium {
    width: 203px;
}

.map-list-canvas {
    position: relative;
}


/* Filter accordion */

.filter-accordion .expanded {
    border-bottom: 1px dotted #C7C7C6;
    background: none;
}

.filter-accordion .expanded .body {
    padding-top: 0;
    background: none;
    border: none;
}

.js .filter-accordion .collapsed {
    border-bottom: 1px dotted #C7C7C6;
}

.filter-accordion h2 {
    position: relative;
}

.js .accordion.filter-accordion .toggler {
    color: #505048;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Helvetica W01 Roman', Helvetica, Arial, sans-serif;
    background: url(../img/arrow-sprite.png) 145px -121px no-repeat;
}

.js .accordion.filter-accordion.alt .toggler {
    background-position: 100% -121px;
}

.js .accordion.filter-accordion .collapsed .toggler {
    background-position: 180px -184px;
}

.js .accordion.filter-accordion.alt .collapsed .toggler {
    background-position: 203px -184px;
}

.filter-accordion .accordion-item-close {
    position: absolute;
    right: 0;
    top: 5px;
}


/* Basic player style */

.player object {
    vertical-align: middle;
}

.player-canvas {
    background-color: #000;
}

.full-screen .player-canvas {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.full-screen .player-controls {
    position: fixed;
    z-index: 1001;
}

.player-play,
.player-stop,
.player-mute,
.player-full-screen,
.player-buffered,
.player-elapsed {
    cursor: pointer;
}

.player-progress {
    position: relative;
}

.player-buffered,
.player-elapsed {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}


/* Player skin */

.youtube {
    display: block;
    margin: 0 0 10px;
}

.player {
    margin: 0 0 20px;
}

.player-controls {
    position: relative;
    padding: 13px 30px 13px 55px;
    height: 4px;
    background-color: #DDDDE0;
}

.full-screen .player-controls {
    margin: 0 0 0 -235px;
    bottom: 50px;
    left: 50%;
    width: 330px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.player-play,
.player-stop,
.player-mute,
.player-full-screen {
    position: absolute;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(../img/player-sprite.png) no-repeat;
}

.player-play {
    left: 5px;
    background-position: 0 0;
}

.player-play:hover {
    background-position: 0 -20px;
}

.playing .player-play {
    background-position: -20px 0;
}

.playing .player-play:hover {
    background-position: -20px -20px;
}

.player-stop {
    display: none;
}

.player-mute {
    left: 30px;
    background-position: -40px 0;
}

.player-mute:hover {
    background-position: -40px -20px;
}

.muted .player-mute {
    background-position: -40px -40px;
}

.player-full-screen {
    right: 5px;
    background-position: -60px 0;
}

.player-full-screen:hover {
    background-position: -60px -20px;
}

.full-screen .player-full-screen {
    background-position: -60px -40px;
}

.full-screen .player-full-screen:hover {
    background-position: -60px -60px;
}

.player-progress {
    height: 4px;
    background-color: #999AA1;
}

.player-buffered {
    background-color: #AAABB1;
}

.player-elapsed {
    background-color: #FFF;
}


/* Toolbars */

.toolbar,
.toolbar > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
}

.toolbar > ul {
    float: right;
}

.toolbar:after,
.toolbar > ul:after {
    content: "";
    display: table;
    clear: both;
}

.toolbar > li,
.toolbar > ul > li {
    float: left;
    margin-left: 10px;
}

.toolbar > li:first-child,
.toolbar > ul > li:first-child {
    margin-left: 0 !important;
}


/* Overlays */

.overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #FFF url(../img/throbber.gif) no-repeat 50% 50%;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 10;
}

.product-overview .overlay {
    right: -20px;
}


/**
 * HEADER ELEMENTS
 * ----------------------------------------
 */

#main-header {
    position: absolute;
    z-index: 4;
    top: 40px;
    width: 100%;
    height: 80px;
}

#header > #main-header > .inner {
    padding-top: 25px;
}

#logo {
    float: left;
    margin: 0;
}

#logo a {
    display: block;
    width: 212px;
    height: 60px;
}

#logo a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.lt-ie9 #logo a {
    background: url(../img/decosol-logo.jpg) 0 1px no-repeat;
}

.lt-ie9 #logo a:hover {
    background: url(../img/decosol-logo-hover.jpg) 0 1px no-repeat;
    opacity: 1;
    filter: alpha(opacity=100);
}

.lt-ie9 #logo a img {
    opacity: 0;
    filter: alpha(opacity=0);
}

#logo img {
    vertical-align: middle;
}


/* Primary navigation */

#primary-nav {
    float: right;
}

#primary-nav li {
    position: relative;
}

#primary-nav > ul {
    height: 40px;
}

#primary-nav > ul > li {
    float: left;
    height: 46px;
}

#primary-nav > ul > li > a {
    display: block;
    padding: 0 10px;
    height: 40px;
    line-height: 60px;
    color: #878787;
    text-transform: uppercase;
    font-size: 16px;
    font-family:'ITCFranklinGothicW01-Bk 812647', Helvetica, Arial, sans-serif;
}

#primary-nav > ul > li:hover > a,
#primary-nav > ul > li.selected > a {
    color: #000;
}


/* Primary second level navigation */

#primary-nav ul ul {
    position: absolute;
    display: none;
    width: 220px;
    background-color: #666;
}

#primary-nav > ul > li > ul {
    margin-top: 5px;
}

#primary-nav li:hover > ul {
    display: block;
}

#primary-nav ul ul li {
    border-top: 1px solid #777;
}

#primary-nav ul ul li:first-child {
    border-top: 0;
}

#primary-nav ul ul a {
    display: block;
    padding: 7px 10px;
    width: 200px;
    color: #FFF;
}

#primary-nav ul ul li:hover > a {
    background-color: #777;
}


/* Primary other level navigation */

#primary-nav ul ul ul {
    top: 0;
    left: 220px;
}


/* Meta header */

#meta-header {
    position: relative;
    z-index: 5;
    margin: 0 0 80px;
    background-color: #252320;
}

#header > #meta-header > .inner {
    height: 26px;
    padding: 7px 20px;
    text-align: right;
}

#meta-header .languages,
#meta-header #quick-search,
#meta-header #social-nav {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-left: 15px;
    vertical-align: middle;
}


/* Languages */

.languages {
    position: relative;
}

.languages .more {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #96968B;
    cursor: pointer;
    background: none;
}


.languages a {
    display: block;
    float: left;
    margin: 3px 0 0 5px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.languages a.selected,
.languages a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* Quick search */

#faq-search,
#quick-search {
    position: relative;
    margin: 0;
}

#faq-search-query,
#quick-search-query {
    width: 175px;
    height: 15px;
    padding-left: 30px;
    background-color: #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#faq-search-submit,
#quick-search-submit {
    position: absolute;
    left: 5px;
    top: 2px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

#faq-search-submit {
    top: 3px;
}

#quick-search-submit .icon {
    margin: -2px 0 0;
}


/* Faq search */

#faq-search {
    float: right;
}

#faq-search #faq-search-query {
    background-color: #FFF;
}


/* Social nav */

#social-nav {
    margin-top: 2px;
}

#social-nav ul:after {
    display: block;
    clear: both;
    content: "";
}

#social-nav li {
    float: left;
    margin-left: 5px;
}

#social-nav li:first-child {
    margin-left: 0;
}


/* Spotlight */

#spotlight {
    position: relative;
    min-width: 980px;
    margin-bottom: 70px;
    background-color: #F4F4F4;
}

#header > #spotlight > .inner {
    padding: 0 20px;
}


/**
 * CONTENT ELEMENTS
 * ----------------------------------------
 */

.content-header {
    margin: 0 0 20px;
}

.content-header h1 {
    text-transform: uppercase;
    font-size: 41px;
    font-family:'ITCFranklinGothicW01-Dm 812668', Helvetica, Arial, sans-serif;
}

.content-header h2 {
    margin-top: -15px;
    text-transform: uppercase;
    font-size: 41px;
    font-weight: 400;
    font-family:'ITCFranklinGothicW01-Bk 812647', Helvetica, Arial, sans-serif;
}

.map-list-canvas .content-header {
    padding-top: 40px;
}

.map-list-canvas .content-header h2 {
    text-transform: none;
    font-size: 18px;
}


/* Content media */

.content-media {
    margin: 0 0 20px;
}

.content-media .player {
    margin: 0;
}


/* Content toolbar */

.content-toolbar {

}


/* Breadcrumbs */

#breadcrumbs {
    margin: 0 0 20px;
}

#breadcrumbs p {
    margin: 0;
}

#breadcrumbs strong {
    font-weight: normal;
}


/* Items */

.item {
    margin: 0 0 20px;
    zoom: 1;
}

.item:after {
    content: "";
    display: table;
    clear: both;
}

.item .date {
    margin: 0;
}

.item h1 {
    margin: 0 0 5px;
    font-size: 16px;
}

.item p {
    margin: 0 0 10px;
}


/* news item */

.news-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #CACAC9;
}

.news-item .media {
    float: left;
}

.news-item .body {
    padding-left: 190px;
}


/* Simple item */

.simple-item {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    margin: 0 16px 20px 0;
}

.simple-item.last {
    margin-right: 0;
}

.simple-item .media {
    position: relative;
}

.simple-item .body {
    padding: 8px 0;
}

.simple-item h2 {
    font-size: 14px;
    margin-bottom: 5px;
    font-family:'ITCFranklinGothicW01-Dm 812668', Helvetica, Arial, sans-serif;
}

.simple-item p {
    font-size: 14px;
}

.simple-item p:last-child {
    margin-bottom: 0;
}

#mediabar .simple-item {
    border-bottom: 1px dotted #CACAC9;
}


/* Search item */

.search-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EAEAEA;
}

.search-item .button {
    padding-left: 0;
}

.search-item .button:hover {
    border-color: #FFF;
    background-color: #FFF;
}


/* Horizontal item */

.horizontal-item h1 {
    color: #a6a6a0;
    font-size: 27px;
    font-family: 'Helvetica W01 Roman', Helvetica, Arial, sans-serif;
}

.horizontal-item p.intro {
    font-size: 15px;
    font-family: 'Helvetica W01 Roman', Helvetica, Arial, sans-serif;
}


/* Video item */

.video-item .media a:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -13px;
    display: block;
    width: 27px;
    height: 23px;
    content: "";
    background: url(../img/player-arrow.png) 0 0 no-repeat;
}

.video-item .label {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: block;
    padding: 2px 10px;
    color: #FFF;
    font-size: 12px;
    background-color: #666666;
}


/* Product item */

.product-item {
    float: none;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    margin: 0 0 20px 16px;
    border: 2px dotted #D6D6D6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ie7 .product-item {
    border: none;
}

.product-item .header {
    min-height: 63px;
    padding: 15px 15px 20px 15px;
}

.product-item .header h1,
.product-item .header h1 a {
    margin-bottom: 0;
    font-size: 18px;
    text-transform: uppercase;
    color: #505048;
    font-family:'ITCFranklinGothicW01-Dm 812668', Helvetica, Arial, sans-serif;
}

.product-item .header p {
    margin-bottom: 0;
}

.product-item .media {
    min-height: 250px;
    line-height: 248px;
    text-align: center;
}

.product-item .body {
    padding: 20px 15px 15px 15px;
}


/* Related lists */

.related ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.related li {
    padding: 7px 0;
    border-bottom: 1px solid #E5E5E5;
}

.related li > .more {
    display: block;
}

.related li > .more:hover {

}


/* Related tables */

.related table {
    margin: 0;
}

.related th {
    display: none;
}

.related .date {
    white-space: nowrap;
}

.related .icon {
    padding-right: 0;
    padding-left: 0;
    width: 16px;
}

.related .icon img {
    vertical-align: text-top;
}

.related .file-type,
.related .file-size {
    width: 40px;
    text-transform: uppercase;
    color: #999;
}

.related .row-action {
    padding-right: 0;
}

.related tr:hover .title {
    color: #000;
}

.related tr:hover .file-type,
.related tr:hover .file-size {
    color: #666;
}


/* Content accordions */

.content-accordion h2 {
    font-size: 14px;
    font-weight: bold;
}

.content-accordion .collapsed {
    border-bottom: 1px solid #E5E5E5;
}

.content-accordion .collapsed h2 {
    margin: 0;
}

.content-accordion .expanded .toggler {
    color: #333;
}

.js .content-accordion .expanded {
    padding-bottom: 0;
}

.js .content-accordion > li {
    padding: 7px 0;
}

.js .content-accordion .toggler {
    display: block;
}


/* Pagination */

.pagination {
    position: relative;
    margin: 0 0 20px;
    padding: 0 90px;
    text-align: center;
}

.pagination .prev,
.pagination .next {
    position: absolute;
    top: 0;
}

.pagination .prev {
    left: 0;
}

.pagination .next {
    right: 0;
}

.pagination ol {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination li {
    display: inline;
}

.pagination .selected {
    font-weight: bold;
    font-size: larger;
}

/* Color lists */

.colors li {
    display: inline-block;
    margin-left: 14px;
    zoom: 1;
    vertical-align: top;
}

.colors li:first-child {
    margin-left: 0;
}

.colors .color-square {
    display: block;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    border: 1px solid #707070;
}

.colors .color-square-brown {
    background-color: #1b1b1b;
}

.colors .color-square-grey {
    background-color: #dcdcdc;
}

.colors .color-square-dark {
    background-color: #000000;
}

.colors .color-square-red {
    background-color: #9d0d15;
}


/* Treelists */

.treelist {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    line-height: 2;
    list-style: none;
}

.treelist li {
    font-weight: bold;
}

.treelist ul {
    margin: 0 0 10px 10px;
    padding: 0 0 0 10px;
    border-left: 1px solid #E5E5E5;
    list-style: none;
}

.treelist ul li {
    font-weight: normal;
}

.treelist a {
    text-decoration: none;
}


/**
 * SIDEBAR/MEDIABAR ELEMENTS
 * ----------------------------------------
 */

#sidebar > .media,
#mediabar > .media,
#sidebar > .player,
#mediabar > .player {
    margin-bottom: 20px;
}


/* Secondary navigation */

#secondary-nav {
    margin-top: 20px;
    background-color: transparent;
}

#secondary-nav .body {
    padding: 0;
}

#secondary-nav .header {
    display: none;
}

#secondary-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#secondary-nav a {
    display: block;
}

#secondary-nav > .body > ul > li > a {
    font-size: 15px;
}

#secondary-nav li.selected.has-sub > a {
    background: url(../img/arrow-sprite.png) 100% -120px no-repeat;
}

#secondary-nav > .body > ul > li.selected > a {
    font-weight: bold;
}

#secondary-nav li.selected.has-sub ul {
    display: block;
}

#secondary-nav ul ul {
    display: none;
    margin: 5px 10px 10px 0;
    padding-left: 20px;
}

#secondary-nav ul ul a {
    font-size: 14px;
    padding: 3px 0;
}

#secondary-nav ul ul li.selected a {
    font-weight: bold;
}

#secondary-nav > h2,
#secondary-nav > h2 a {
    font-size: 16px;
}


/* News nav */

#secondary-nav.news-nav .header,
#secondary-nav.news-nav .header h1 {
    display: block;
}



/**
 * FOOTER ELEMENTS
 * ----------------------------------------
 */

#tertiary-nav {
    text-align: right;
}

#tertiary-nav li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

#tertiary-nav li a {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    color: #FFF;
}

#tertiary-nav li a:hover {
    text-decoration: underline;
    opacity: 0.8;
    filter: alpha(opacity-80);
}

#tertiary-nav li:first-child a {
    text-decoration: underline;
}

#tertiary-nav li a:after {
    position: absolute;
    left: -8px;
    bottom: 4px;
    top: 4px;
    display: block;
    clear: both;
    content: "";
    width: 1px;
    height: auto;
    background-color: #FFF;
}

#tertiary-nav li:first-child a:after {
    display: none;
}


/**
 * SECTION SPECIFIC
 * ----------------------------------------
 */


/* Section home */

.section-home #main > .inner {
    padding-top: 0;
}

.section-home #spotlight {
    margin-bottom: 50px;
}

.section-home .flex-control-nav {
    margin-top: 15px;
}

.section-home #content .widget .header,
.section-home #sidebar .widget .header {
    height: 53px;
    overflow: hidden;
}

.section-home #content .widget .header {
    padding-top: 0;
}

.section-home #content .widget .header h1,
.section-home #sidebar .widget .header h1 {
    height: 42px;
    overflow: hidden;
}

.section-home .widget .body p {
    display: block;
    height: 80px;
    margin: 0 0 11px;
    overflow: hidden;
}

.section-home .widget .media {
    height: 180px;
    margin: 0 0 30px;
    overflow: hidden;
}


/* Section inspiration */

.section-inspiration {
    position: relative;
    height: 100%;
    min-height: 600px;
}

.section-inspiration #header #main-header {
    background-color: #FFF;
}

.section-inspiration #main {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.section-inspiration #footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}


/* Section two columns */

.section-two-columns #content > .column-content {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    overflow: hidden;
}

.section-three-columns .column-content .column {
    width: 220px !important;
}

/* Section three columns */

/*if(navigator.userAgent.indexOf('Mac') > 0)
$('body').addClass('mac-os');*/


/* Section extranet */

.section-extranet #content-wrapper {
    margin-left: 0;
}



/* Cookies */

.cookie-panel {
    position: fixed;
    left: 20px;
    bottom: 69px;
    width: 360px;
    margin-bottom: 0;
    z-index: 100;
}


/**
 * THIRD PARTY
 * ----------------------------------------
 */


/* Fancybox */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #FFF;
    color: #333;
    text-shadow: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #333;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(../img/fancybox/fancybox_sprite.png);
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../img/fancybox/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 40%;
    height: 30px;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(../img/fancybox/blank.gif); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}


/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(../img/fancybox/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}


/* Title helper */

.fancybox-title {
    visibility: hidden;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #FFF;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}


/* Checkbox uniform */

.checker {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
    height: 12px;
    width: 12px;
    zoom: 1;
    *display: inline;
}

.checker span,
.checker span input[type=checkbox] {
    position: relative;
    display: block;
    width: 9px;
    height: 9px;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
}

.checker span input[type=checkbox] {
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.checker span {
    background: #FFF;
    border: 1px solid #707070;
}

.checker span.checked {
    background-color: #9F9F9F;
    box-shadow: inset 0 0 0 1px rgba(255,255,255, 1);
}

.options .selected {
    font-weight: 700;
}


/* Color options */

.color-option .checker span {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: url(../img/color-checker-overlay.png);
}

.color-white-option .checker span {
    background-color: #FFF;
}

.color-brown-option .checker span {
    border-color: #cebca5;
    background-color: #cebca5;
}

.color-grey-option .checker span {
    border-color: #313131;
    background-color: #313131;
}

.color-red-option .checker span {
    border-color: #ff1700;
    background-color: #ff1700;
}



/* Select uniform */

.selector {
    width: 220px !important;
    cursor: pointer;
    background: url(../img/uniform-select-bg.png) 50% 50% no-repeat;
}

.selector span {
    color: #505048;
    width: 200px !important;
    margin: 0 10px;
    line-height: 20px;
    font-weight: 400;
    font-size: 12px;
    position: absolute;
}

.selector select {
    width: 220px !important;
}

.selector span,
.selector select {
    cursor: pointer;
    display: block;
    height: 19px;
}


.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
}


/* Zoom function */

.zoomLens {
    border-radius: 100px;
    opacity: 1 !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    border: 5px solid #f9f9f9 !important;
    filter: alpha(opacity=100) !important;
    background: none !important;
}

.zoomWindowContainer .zoomWindow {
    border-radius: 300px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    border: 10px solid #f9f9f9 !important;
}

.zoomWindow {
    margin-left: -50px;
}


/* Addthis */

.addthis_toolbox {
    width: 350px;
    min-height: 32px;
}


/* Modal window */

.modal {
    padding: 20px;
}


/* Retina graphics! */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url(../img/fancybox/fancybox_sprite@2x.png);
        background-size: 44px 152px;
    }

    #fancybox-loading div {
        background-image: url(../img/fancybox/fancybox_loading@2x.gif);
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}


/* Footer sticky fix */

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}