/*---------------------------------------------------------

File: layout.css
Description:
    * All generic styling for web based projects
    * For generic shop styling override with shop.css.

Usage:
    * All generic styling should go here. Any bespoke
    and shop styling should go into modules dir/ shop.css
    respectfully.
    * Additional comment headers should be added for any
    block sections.

--------------------------------------------------------- */
/* CONTENT
---------------------------------------------------------
    TYPE
        - GENERICS
        - LINKS
    COLOUR
    LAYOUT
    FORM ELEMENTS
        - Form Parents
    MISC
        - arrows
        - buttons
        - bullets
        - tables
        - horizontal rules

    NON MODULATED SECTIONS
        - Contact Information
        - Article (Inner page content)
        - List items
        - Breadcrumbs

    EXTRA INFO
        *classes
        header, body, footer
        row, column
        label, content
        item, photo, title, description, link

-------------------------------------------------------- */
/* TYPE

Typography section below defines font-face styles and basic styles

-------------------------------------------------------- */

/* GENERIC */
body {
    /*overflow-x:hidden;*/
    background: #231F20;
}
#container {

}
#container-shadow {

}
h1, h2, h3, h4 {
    margin-bottom:10px;
}
h1 {
    font-family: 'bodoni-bold', Arial, Helvetica, sans-serif;
    font-size: 37px;
    line-height: 37px;
    font-weight: bold;
}

h1.text-desc {
    color: #231F20;
    font-size: 12px;
    font-weight: bold!important;
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    text-transform: none!important;
}
h2 {
    font-family: 'bodoni', Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 24px;
}
.product_form h2.style-h1, h2.style-h1 {
    font-size: 37px;
    line-height: 37px;
}
h3 {
    font-family: 'bodoni', Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 22px;
}
h4 {
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
}
h1, h2, h3 {
    color:#808080;
}
a, p, ul li {

}
p {

    margin-bottom:10px;
}
.summary-text {
    color:#FF6600;
}
/* LINKS */
a {
    text-decoration:none;
    color:#FF6600;
    font-weight:bold;
}
a:hover {
    text-decoration:underline;
}

/* COLOUR
-------------------------------------------------------- */
.highlight {
    color:#FF6600;
}

.light {
    color: #FFFFFF;
}

.dark {
    color: #1D1D1B;
}

/* LAYOUT
-------------------------------------------------------------- */
#header {
    margin-top:20px;
}
#body {
}
#footer {
    margin-top:10px;padding-top:10px;
    border-top:1px solid #CCCCCC;
}
#footer li {
    padding:0;
    background-image:none;
}
.header {
}
.body {
}
.footer {

}

.paddingtop10px{
    padding-top: 10px !important;
}

/* FORM ELEMENTS
----------------------------------------------------------- */

.formbox label {
    margin-right:10px;
}

.formbox fieldset {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #DDDDDD;
    padding:8px;
}

.formbox .error-form-field,
.formbox .note-form-field {
    display:block;
    color:#FF6600;
}

.formbox input,
.formbox textarea,
.formbox select,
.formbox option {

}
.formbox .textbox,
.formbox textarea,
.formbox select {
    background-color:#e4e4e4;color:#808080;
    width:190px;height:18px;padding:5px;
    font-size:12px;font-family:Arial, Helvetica, sans-serif;
    border:none;

}
.formbox select {
    width:200px;
}

.formbox textarea {
    height:125px;
    width:275px;
}
.formbox .button {
    height:20px;width:16px;
    background:url("../images/buttons/right-arrow-orange.png") no-repeat right 4px;
    cursor:pointer !important;
    vertical-align:middle;
    border:none;
}
.formbox select {
    height:24px;
    padding:5px;
}
.formbox option {
    height:14px;padding:3px;
}

.formbox .checkbox,
.formbox .optionbutton {
    margin-right:10px;
}
.formbox .checkbox {

}
.formbox .optionbutton {

}

/*
.formbox .alert-box {
    position:relative;
    background-color: #FF6600;
    color: #FFFFFF;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px 3px 3px 3px;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 12px;
    padding: 6px 7px;
}

.formbox .alert-box .close {
    position:absolute;
    top:0px;
    right:0px;
    margin-right:5px;
    color:#000000;
    opacity: 0.2;
}

.formbox .alert-box a.close:hover {
    opacity:0.4;
    text-decoration:none;
}
*/

.formbox #top-level-error .body {
    color:#FF6600;
    font-weight:bold;
}


/* FORM LAYOUT */
.formbox .form-row {
    float:left;
    clear:both;
    margin-bottom:10px;
    width:576px;

}
.formbox .narrow {
    width: 300px;
}
.formbox .narrow .form-field {
    width: 200px;
}

.formbox .form-label {
    float:left;
    width:80px;
    padding:4px 5px 0 0;
}
.formbox .form-field {
    float:left;
}
.formbox.return-customer .form-label {
    width: 100px;
}

/* FIELDSETS */

fieldset {
    margin-bottom:10px;
}

legend {
    color: #4D4D4D;
}

.formbox h5{
    color:#FF6600;
}


/* FORM PARENTS */
#form-registration.formbox {

}
/* // FORM PARENTS */

/* Overrides */
#search-box.formbox .textbox {
    width:110px;
    margin-right:7px;
    vertical-align:middle;
}
#search-box.formbox {
    width:280px !important;
}

/* Custom form element override styling */



/* MISC
-------------------------------------------------------- */

/* ARROW/ BUTTONS */
.arrow-right {
    background:url("../images/arrows/arrow-right-small.png.html") no-repeat right center;
    padding-right:10px;
    display:inline-block;
}
.arrow-left {
    background:url("../images/arrows/arrow-left-small.png.html") no-repeat left center;
    padding-left:10px;
}
.button-right,
.button-left {
    padding:3px 0;
}
.button-right {
    background:url("../images/buttons/right-arrow-orange.png") no-repeat right center;
    padding-right:25px;
}
.button-left {
    background:url("../images/buttons/left-arrow-orange.png.html") no-repeat left center;
    padding-left:25px;
}

/* NEW BUTTONS */
.button-oval {
    background-color: #E4E4E4;
    width: auto;
    border-radius: 3px 3px 3px 3px;
}

.button-oval.large {
    font-size: 18px;
    padding: 11px 48px 11px 11px;
}

.button-oval.medium	{
    font-size:14px;
    padding: 7px 40px 7px 7px;
}

/* BULLETS */
ul {

}
ul li {

    padding-left:10px;
}

/* TABLES */
table {}
table tr {}
table th {
    padding:5px;
    background-color: #231F20;
    color:#FFFFFF;
}

table th h4 {
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 0;
    padding: 5px 0;
}
table td {
    padding:5px;
}

/* HORIZONTAL RULES */
.hr-rule {
    background-color:#CCCCCC;
    height:1px;
    margin:10px 0;
    clear:both;
}

.centered {
    margin: 0 auto;
}

/* NON MODULATED SECTIONS
-------------------------------------------------------------- */
#logo {
}
#contact-info {
    width:288px;
    float:left;
}
#contact-info .row {
    margin-bottom:0;
}
#contact-info .row .label,
#contact-info .row .content {
    float:left;
}
#contact-info .row .label {
    width:50px;
}
#contact-info .row .content {
}
#contact-info a {
    color:#666666;
    font-weight:normal;
}

/* Article elements */


#article .photo {
    float:right;
    width:200px;
    margin:0 0 10px 10px;
}
#article .photo img,
#article .photo p {
    float:right;clear:both;
    width:200px;padding-bottom:10px;
    font-style:italic;
}

/* Item listing */
#list-items { width:768px; }
#list-items .item {
    float:left;
    clear:both;
    padding-top:10px;
    width:768px;
}
#list-items .title,
#list-items .description {
    float:left;
    width:645px;
}
#list-items .photo {
    float:right;
}
#list-items .footer {
    border-bottom:1px solid #CCCCCC;
}
#list-items .item .footer {
    height:10px;
}

/* Breadcrumbs */

ul.breadcrumbs {}
ul.breadcrumbs li {
    float:left;
    background-image:none;
    padding-left:0px;
    padding-right:5px;
}
ul.breadcrumbs li,
ul.breadcrumbs li a {
    color:#666666;
}
ul.breadcrumbs li.active a {
    color:#FF6600;
}

#add-to-favs {
    display:block;
    padding-left:10px;
    margin-top:10px;
    font-weight:normal;
}

.wc-combo.static-height-overflow-auto ul {
    height: 115px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.hidden {
    display: none;
}

/* -----------------------------------*/
/* -------## Font Structure ##--------*/
/* -----------------------------------*/

/* Font Generics
-------------------------------------------------------------------- */
body {
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#999999;
}

a {
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    color:#666666;
    font-weight: normal !important;
}

a:hover {
    text-decoration:underline;
}





/* RESETS
-------------------------------------------------------------------- */

#top-nav ul li li a {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif !important;
}

h1, h1 a, h2, h2 a, h3, h3 a {
    font-weight:normal !important;
}

/* Nested anchors */
h1 a, h2 a, h3 a, h4 a {
    color:#666666;
}

/* Font Face Implementation
-------------------------------------------------------------------- */
@font-face {
    font-family: 'bodoni';
    src: url('../fonts/bodoni/bodoni.eot');
    src: url('../fonts/bodoni/bodoni-.eot#iefix') format('embedded-opentype'),
    url('../fonts/bodoni/bodoni.woff') format('woff'),
    url('../fonts/bodoni/bodoni.ttf') format('truetype'),
    url('../fonts/bodoni/bodoni.svg.html#wf') format('svg');

}

@font-face {
    font-family: 'bodoni-bold';
    src: url('../fonts/bodoni/bodoni-bold.eot');
    src: url('../fonts/bodoni/bodoni-bold-.eot#iefix') format('embedded-opentype'),
    url('../fonts/bodoni/bodoni-bold.woff') format('woff'),
    url('../fonts/bodoni/bodoni-bold.ttf') format('truetype'),
    url('../fonts/bodoni/bodoni-bold.svg.html#wf') format('svg');

}

@font-face {
    font-family: 'neuzeit-bold';
    src: url('../fonts/neuzeit/neuzeit-bold.eot');
    src: url('../fonts/neuzeit/neuzeit-bold-.eot#iefix') format('embedded-opentype'),
    url('../fonts/neuzeit/neuzeit-bold.woff') format('woff'),
    url('../fonts/neuzeit/neuzeit-bold.ttf') format('truetype'),
    url('../fonts/neuzeit/neuzeit-bold.svg.html#wf') format('svg');

}

@font-face {
    font-family: 'neuzeit';
    src: url('../fonts/neuzeit/neuzeit.eot');
    src: url('../fonts/neuzeit/neuzeit-.eot#iefix') format('embedded-opentype'),
    url('../fonts/neuzeit/neuzeit.woff') format('woff'),
    url('../fonts/neuzeit/neuzeit.ttf') format('truetype'),
    url('../fonts/neuzeit/neuzeit.svg.html#wf') format('svg');

}

@font-face {
    font-family: 'AlwaysForever';
    src: url('../fonts/af/af.eot');
    src: url('../fonts/af/af-.eot#iefix') format('embedded-opentype'),
    url('../fonts/af/af.woff') format('woff'),
    url('../fonts/af/af.ttf') format('truetype'),
    url('../fonts/af/af.svg#wf') format('svg');

}

.webfont-bold {
    font-family: 'neuzeit-bold';
}

/* Start Customized CSS */

.header-fullwidth {
    width: 100%;
    background: #231F20;
    margin-bottom: 0px;
    height: 39px;
}


.header-fullwidth .row {
    margin-bottom: 0px;
}

.footer-fullwidth {
    width: 100%;
    background: #231F20;
    margin-bottom: 0px;
    position: relative;
    z-index: 1100;
    bottom: 0px;
}

.footer-fullwidth.blog {

    bottom: 0px;
    cursor: default;
    padding-bottom: 10px;
}

/* column overrides for blog footer - to match column layout */

.footer-fullwidth.blog .expand-footer .row .column {
    margin-left: 0px;
}

.footer-fullwidth.blog .expand-footer .row .column.col2 {
    margin-left: 99px;
}
.footer-fullwidth.blog .expand-footer .row .column.col3 {
    margin-left: 65px;
}
.footer-fullwidth.blog .expand-footer .row .column.col4 {
    margin-left: 77px;
}

.footer-fullwidth.blog .expand-footer {
    cursor: default;
}


.footer-fullwidth.skeleton {
    width: 100%;
    background: #231F20;
    margin-bottom: 0px;
    position: relative;
    z-index: 1100;
    bottom: 0px;
    height: 55px;
}

.topheader {
    font-size: 12px;
    margin-bottom: 0px;
    margin-left: 30px;
    float: left;
    font-family: 'neuzeit',Arial,Helvetica,sans-serif;
}

.strapline {
    padding-left: 0px !important;
}

.topheader.blog {
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    margin-left: 30px;
}

.function-options {
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

.function-options li {
    float: left;
    background: none;
    border-right: 1px solid #FFFFFF;
    padding: 0px 10px;
}

.function-options li .magnifying-glass {
    position: relative;
    width: 20px;
    margin-left: 10px;
    height: 15px;
    float: left;
}

.function-options li .searchtext {
    float:left;
    color: #FFFFFF;
    cursor: pointer;
}

.function-options li .magnifying-glass a {
    position: absolute;
    left: 0px;
    top: 1px;
}

.function-options li .magnifying-glass a.faded {
    opacity: 0;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    filter:alpha(opacity=0);
}
.function-options li .magnifying-glass a.faded:hover {
    opacity: 1;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    filter:alpha(opacity=100);
}

.function-options li.last {
    border-right: none;
}

.function-options li a {
    color: #FFFFFF;
}

.image-panel-container {
    width: 100%;
    overflow:hidden;
    position: relative;
    background: #231F20;

}

.scroller {
    width: 65px;
    height: 65px;
    position: relative;
    z-index: 1000;
    cursor:pointer;
}

.scroller .scroller-holder > img {
    position: absolute;
    top: 0px;
    left: 0px;
}

.scroller .scroller-holder > img.faded {
    opacity: 0;
    filter:alpha(opacity=0);
}

.scroller:hover .scroller-holder > img.faded {
    opacity: 1;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    filter:alpha(opacity=100);
}

.scroller:hover .scroller-holder.disabled > img.faded {
    opacity: 0;
    filter:alpha(opacity=0);
}

.scroller.left {
    right: 65px;
    position: absolute;
    top: 264px;
}

.scroller.right {
    right: 0px;
    position: absolute;
    top: 264px;
}

.navigation-holder {
    height: 750px;
    width: 321px;
    position: absolute;
    left: -311px;
    background: url('../images/grey-transparency-bg.png') repeat;
    overflow:visible !important;
    -webkit-transition: left 200ms linear;
    -moz-transition: left 200ms linear;
    -o-transition: left 200ms linear;
    -ms-transition: left 200ms linear;
    transition: left 200ms linear;
    z-index: 1000;
}

.navigation-holder:hover {
    left: -301px;
    -webkit-transition: left 200ms linear;
    -moz-transition: left 200ms linear;
    -o-transition: left 200ms linear;
    -ms-transition: left 200ms linear;
    transition: left 200ms linear;
}

.navigation-holder.open {
    left: 0px;
    -webkit-transition: left 200ms linear;
    -moz-transition: left 200ms linear;
    -o-transition: left 200ms linear;
    -ms-transition: left 200ms linear;
    transition: left 200ms linear;
}

.navigation-holder .navigation-holder-contents {
    -webkit-transition: display 200ms linear;
    -moz-transition: display 200ms linear;
    -o-transition: display 200ms linear;
    -ms-transition: display 200ms linear;
    transition: display 200ms linear;
    display:none;
    position: relative;
}

.navigation-holder.open .navigation-holder-contents {
    -webkit-transition: display 200ms linear;
    -moz-transition: display 200ms linear;
    -o-transition: display 200ms linear;
    -ms-transition: display 200ms linear;
    transition: display 200ms linear;
    display:block;
}

.navigation-holder .navigation-holder-contents {
    padding: 10px 10px 10px 5px;

}

.navigation-holder .navigation-holder-contents .main-logo {
    margin: 30px 0px 30px;
    text-align: center;
}

.navigation-holder .navigation-holder-contents .close-nav {
    position: absolute;
    top: 5px;
    right: 7px;
    cursor: pointer;
}

.navigation-holder .navigation-holder-contents #navigation-acc {
    margin-left: 10px;
}


.navigation-holder .navigation-holder-contents #navigation-acc h4, .navigation-holder .navigation-holder-contents #navigation-acc h4 a {
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 18px;
    padding: 3px 0px;
    margin-bottom: 0px;
    display: block;
}

.navigation-holder .navigation-holder-contents #navigation-acc h5, .navigation-holder .navigation-holder-contents #navigation-acc h5 a, .navigation-holder .navigation-holder-contents #navigation-acc a {
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 14px;
    padding: 2px 0px;
    margin-bottom: 0px;
}



.navigation-holder .navigation-holder-contents #navigation-acc h4 a {
    color: #FFFFFF;
}

.navigation-holder .navigation-holder-contents #navigation-acc h4 a:hover, .navigation-holder .navigation-holder-contents #navigation-acc h5 a:hover, .navigation-holder .navigation-holder-contents #navigation-acc a:hover {
    color: #CCCCCC;
    text-decoration: none;
}

.navigation-holder .navigation-holder-contents #navigation-acc .outer {
    padding: 10px;
}

.navigation-holder .navigation-holder-contents #navigation-acc .inner ul li {
    padding-left: 0px;
    margin-bottom: 2px;
}

.navigation-holder .navigation-holder-contents #navigation-acc h5.navarrow a.trigger {

    padding-right:20px;
    background-image: url("../images/right-arrow-nav.png");
    background-repeat: no-repeat;
    background-position: right 50%;
    font-weight:700;
}

.navigation-holder .navigation-holder-contents #navigation-acc h5.navarrow a.trigger.open {
    background-image: url("../images/down-arrow-nav.png");
}

.navigation-holder .navigation-holder-contents #navigation-acc .third-level {
    padding-left: 0px;
}

.navigation-holder .navigation-holder-contents #navigation-acc .third-level li {
    margin-bottom: 3px;
}

.navigation-holder .navigation-holder-expandnav {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 100%;
    cursor:pointer;
    background: transparent;
    z-index: 10000;
}

.navigation-holder.open .navigation-holder-expandnav {
    display: none;
}

.aswlogo {
    width: 148px;
    height: 76px;
    position: absolute;
    right: -148px;
    top: 225px;
    cursor: pointer;
}

.navigation-overlay-panel {
    width: 321px;
    height: 750px;
    background: transparent;
    position: absolute;
    top: 39px;
    left: 0px;
    z-index: 900;
}

.panel-viewable-area {
    width: 50000px;
}

.jcarousel {
    position: relative;
    overflow: hidden;
    /* You need at least a height, adjust this to your needs */
    height: 750px;
}

.jcarousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}

.image-panel {
    margin: 0;
    float: left;
    display:block;
    position: relative;
    width: 321px;
    height: 750px;
    padding-left: 0px;
    background: #231F20;
  /*  pointer-events: none; */
}

.category-detail-panel {
    margin: 0;
    float: left;
    display:block;
    position: relative;
    width: 271px;
    height: 720px;
    padding: 15px 25px;
}

.search-results-panel {
    background: #FFFFFF;
    color: #000000;
    margin: 0;
    float: left;
    display:block;
    position: relative;
    width: 301px;
    height: 720px;
    padding: 15px 10px;

}

.category-detail-panel p, .category-detail-panel h1 {
    color: #AAAAAA;
}

.search-results-panel h1 {
    color: #000000;
}

.search-results-panel ul {
    width: 93%;

}
.search-results-panel ul li {
    color: #000000;
    float: none;
    border-bottom: 1px solid #000000;
}

.image-panel .image {
    position: absolute;
    top: 0px;
    left: 0px;
}


.image-panel.has-overlay:hover .image-overlay {
    display:block;
}


/*.image-panel .image:before {*/
    /*-webkit-box-shadow: inset 50px -0px 55px -60px #333;*/
    /*box-shadow: inset 50px -0px 55px -60px #333;*/
    /*content: "";*/
    /*position: absolute;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
/*}*/

.image-panel .image-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    display:none;
    background: url('../images/transparent-overlay-bg.png') repeat;
    width: 100%;
    height: 100%;	
    -moz-user-select: none; 
    -khtml-user-select: none;
}

.image-panel:hover .image-overlay {
    /*display:block;*/
}

.overlay-main-image {
    margin: 40px 0px;
    text-align: center;
    width: 321px;
}

.overlay-main-content {
    padding: 0 10px;
    text-align: center;
    width: 301px;
}

.overlay-main-content h2.fakeh1 {
    font-size: 37px;
    line-height: 32px;
}

.overlay-main-content h1, .overlay-main-content h2, .overlay-main-content a h1 {
    margin-bottom: 2px;
    line-height: 32px;
    color: #231F20;
    text-transform: uppercase;
}

.overlay-main-content a:hover {
    text-decoration: none;
}

.overlay-main-content h2 {
    font-size: 19px;
    line-height: 19px;
    font-family: 'bodoni-bold', Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

.overlay-main-content p.overlay-price {
    font-size: 36px;
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    color: #231F20;
    margin-bottom: 25px;
}

.overlay-main-content p.overlay-price span.price-pennies-text {
    font-size: 21px;
}

.overlay-available-stock {
    font-family: 'AlwaysForever', Arial, Helvetica, sans-serif;
    font-size: 28px;
    color: #231F20;
    text-align: right;
    margin-top: 20px;
    padding-right: 25px;
}

.footer-fullwidth .section {
    padding: 20px 30px 10px;

}

.footer-fullwidth .section.aswlogosection {
    padding: 10px 30px 5px;
}

/* New Footer Layout --- */

.footer-blog-title {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    padding: 15px 10px;
}

.footer-blog-title a {
    color: #FFFFFF;
    display:block;
    font-weight: normal;
}

.footer-blog-title a.wildmag {
    font-size: 19px;
    font-family: 'bodoni-bold', Arial, Helvetica, sans-serif;
    float: left;
    width: 145px;
}
.footer-blog-title a.wildmag:hover {
    text-decoration: none;

}

.openbook {
    position: relative;
    width: 14px;
    height: 31px;
    float: right;
}

.openbook img {
    position: absolute;
    left: 0px;
    top: 1px;
}

.openbook img.faded {
    opacity: 0;
}

.footer-blog-title a.wildmag > .openbook img.faded {
    opacity: 0;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    filter:alpha(opacity=0);
}
.footer-blog-title a.wildmag:hover > .openbook img.faded {
    opacity: 1;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    filter:alpha(opacity=100);
}

.footer-blog-title .book-logo {
    float: left;
    padding-left: 10px;
}

/* ------------ */

.footer-fullwidth .row.additional-footer-content {
    display:none;
    height: 0px;
}

.footer-fullwidth .row.additional-footer-content .section {
    padding: 15px 30px;
}

.footer-fullwidth .row.additional-footer-content .section p {
    color: #A8ABAC;
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.footer-fullwidth .row.additional-footer-content .section a {
    color: #A8ABAC;
}

.footer-lists li {
    padding-left: 0px;
    margin-bottom: 3px;
}

.footer-base-meta {
    padding-left: 30px;
    margin-top: 10px;
}

.subscribe {
    float: left;
}

.subscribe p {
    font-size: 11px !important;
}

.registered {
    float: left;
    margin-left: 32px;
}

.registered p {
    margin-bottom: 5px;
}

.expand-footer {
    cursor:pointer;
    width: 100%;
    /*height: 55px;*/
    position: relative;
    z-index: 1200;
}

.eye-holder {
    position: absolute;
    left: 48%;
    height: 90px;
    width: 90px;

}

.eye-holder .eye-holder-images {
    position: relative;
    top: -90px;
    cursor:pointer;
}

.eye-holder .eye-holder-images > img {
    position: absolute;
    top: 0px;
    left: 0px;
}

.eye-holder .eye-holder-images img.faded {
    opacity: 0;
}

.eye-holder .eye-holder-images > img.faded {
    opacity: 0;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    filter:alpha(opacity=0);
}
.eye-holder .eye-holder-images:hover > img.faded {
    opacity: 1;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    filter:alpha(opacity=100);
}

/* search holder */

.search-holder {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 21px;
    width: 185px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.submit-signup {
    float: right;
    padding: 2px;
}

.submit-input {
    border:none;
    float: left;
    padding: 3px 2px;
    font-size: 11px;
    margin-left:10px;
    margin-top: 1px;
    outline: 0;
}


.footer-container {
    width: 100%;
    overflow:hidden;

    background: #231F20;

}

.footer-viewable-area {
    width: 3000px;
}

.extra-images {
    float: left;
}



.search-dropdown {
    width: 220px;
    background: #231F20;

    position: absolute;
    top:37px;
    right: 0px;
    z-index: 1100;
    display:none;
    padding: 10px 15px;

}

.close-search {
    position: absolute;
    top: 0px;
    right: 5px;
    cursor: pointer;
}

.search-results {
    padding: 5px 16px;
}

.search-results li {
    background: none;
    padding: 2px 0px;
    border-bottom: 1px solid #FFFFFF;
    width: 100%;
    font-size: 11px;
    color: #FFFFFF;
}

.search-results li.last {
    border-bottom: none;
}

.search-results li a {
    color: #FFFFFF;
}

.button-black {
    text-align: center;
    background: #231F20;
    color: #FFFFFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 30px;
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    font-size: 13px;
    cursor: pointer;
}

.button-black:hover {
    text-decoration: none;
    background: #9D9D9C;
    color: #FFFFFF;
}

.button-white {
    text-align: center;
    background: #FFFFFF;
    color: #231F20;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 30px;
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    font-size: 13px;
    cursor: pointer;
}

.button-white:hover {
    text-decoration: none;
    background: #9D9D9C;
    color: #FFFFFF;
}

.button-black-input {

    text-align: center;
    background: #231F20;
    color: #FFFFFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 30px;
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    font-size: 13px;
    cursor: pointer;
    border: none;
}

.button-black-input.sample {
    padding: 5px 24px;
    background: #6D6E71;
}

.button-black-input:hover, .button-black-input-hover {
    text-decoration: none;

    background: #9D9D9C;
    color: #FFFFFF;
}

.button-white-input {
    text-align: center;
    background: #FFFFFF;
    color: #231F20;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 30px;
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    font-size: 13px;
    cursor: pointer;
    border: none;
}

.button-white-input:hover {
    text-decoration: none;
    background: #9D9D9C;
    color: #FFFFFF;
}


.gallery {
    width: 100%;
    height: 0px;
    background: url('../images/gallery-bg.png') repeat-x;
    bottom:20px;

}

.gallery-content {
    display:none;
    position: relative;

}

.gallery p a {
    color: #FFFFFF !important;
    text-decoration: underline;
}

.numgalleryitems {
    bottom: 4px;
    position: relative;
    color: #FFFFFF;
}
.galleryitems:hover {
    text-decoration: none;
}

/* Jquery UI Overrides */



.gallery-content #tabs.ui-widget-content {
    background: none;
    border: none;
    color: #FFFFFF;
}

.gallery-content #tabs .ui-tabs-nav {
    padding: 0px;
    margin: 0px 15px;
}

.gallery-content #tabs .ui-widget-header {
    background: none;
    border: none;
    padding: 20px 20px 0px;
}

.gallery-content #tabs .ui-tabs-panel {
    padding: 0.5em 0.4em;
}

.gallery-content .ataglance-scroll-left {
    position: absolute;
    left: 0px;
    top: 115px;
    margin-top: 0px;
}
.gallery-content .ataglance-scroll-right {
    position: absolute;
    right: 0px;
    top: 115px;
}

.gallery-content .gallery-scroll-left {
    position: absolute;
    left: 0px;
    top: 115px;
    margin-top: 0px;
}
.gallery-content .gallery-scroll-right {
    position: absolute;
    right: 0px;
    top: 115px;
}

.gallery-content #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0px;
    padding-bottom: 0px;
    background: url('../images/tab-bg-active.png') no-repeat;
}

.gallery-content #tabs.ui-tabs .ui-tabs-nav li {
    margin: 1px 4em 0px 0px;
    background: url('../images/tab-bg.png') no-repeat;
    height: 45px;
    width: 150px;
    border:none;
    border-radius:0;
}

.gallery-content #tabs.ui-tabs .ui-tabs-nav li a {

    color: #FFFFFF;
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 25px;
    padding-top: 9px;
    width: 120px;
    outline: none;
}

.gallery-content #tabs.ui-tabs .ui-tabs-nav li a span {
    float: left;
}

.gallery-content #tabs.ui-tabs .ui-tabs-nav li a .heart {
    height: 13px;
    width: 14px;
    background: url('../images/heart-white.png') no-repeat;
    float: right;
    padding-top: 2px;
    padding-right: 10px;

}

.gallery-content #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #231F20;
    outline: none;
}

.gallery-content #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a .heart {
    background: url('../images/heart-red.png') no-repeat;
}

#ataglance, #gallery {
    height: 130px;
    margin: 0px 30px;
}

#gallery p {
    color: #FFFFFF;
    font-size: 14px;
}

.ataglance-carousel, .gallery-carousel {
    position: relative;
    overflow: hidden;
    /* You need at least a height, adjust this to your needs */
    height: 133px;
    width: 100%;
}

.ataglance-carousel ul, .gallery-carousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ataglance-carousel ul li, .gallery-carousel ul li {
    float: left;
    display: block;
}




/* Product Page */

.product-page {
    background: url('../images/product-page-bg.png') repeat;
    width: 100%;
    overflow: hidden;
}

.product-visible-area {
    width: 50000em;
}

.product-page .product-visible-area .image {
    float: left;
    width: 355px;
    height: 750px;
}

.product-page .product-visible-area .image.themearea {
    width: 321px;
}

.product-page .product-visible-area .product-area {
    float: left;
    margin-left: 30px;
}

.product-image-controls {
    width: 398px;
    height: 40px;
}

.product-images img {
    margin-right: 40px;
}

.product-imagery-carousel {
    position: relative;
    overflow: hidden;
    /* You need at least a height, adjust this to your needs */
    height: 320px;
    width: 1300px;
}

.product-imagery-carousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-imagery-carousel ul li {
    float: left;
    padding-left: 0px;
    width: 398px;
    margin-right: 40px;
}

.product-imagery-carousel ul li a img {
    -webkit-box-shadow: 0px 0px 10px -2px #231F20;
    box-shadow: 0px 0px 10px -2px #231F20;
}

.product-imagery-carousel-pagination {
    padding: 15px 10px;
    float: left;
}

.product-imagery-carousel-pagination a.pagination {
    width: 8px;
    height: 7px;
    background-image: url('../images/pagination-sprite.png');
    background-repeat: no-repeat;
    background-position: -9px 0px;
    display:block;
    float: left;
    margin-right: 10px;
}

.product-imagery-carousel-pagination a.pagination:hover, .product-imagery-carousel-pagination a.pagination.active {

    background-position: 0px 0px;

}

.product-imagery-zoom {
    float: right;


}

.product-imagery-zoom a {
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    color: #231F20;
    font-size: 12px;
    width: 101px;
    padding: 5px 0px;
    background:#FFFFFF;
    margin-top: 5px;
    text-align: center;
    display:block;
    cursor: pointer;
}

.product-imagery-zoom a:hover {
    background: #231F20;
    color: #FFFFFF;
    text-decoration: none;
}

.product-imagery-zoom .zoomplusbutton {
    bottom: 0;
    font-size: 18px;
    left: 2px;
    line-height: 12px;
    position: relative;
}


.product-main-content {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    float: left;
}

.product-main-content.extracontent {
    margin-left: 0;
}

.product-main-content h1, .product-main-content h2, .product-main-content h2 a, .overlay-main-content h2 a {
    margin-bottom: 2px;
    line-height: 32px;
    color: #231F20;
    text-transform: uppercase;
}

.product-main-content h2, .product-main-content h2 a, .overlay-main-content h2 a {
    font-size: 19px;
    line-height: 19px;
    font-family: 'bodoni-bold', Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

.overlay-main-content h2 a:hover {
    text-decoration: underline;
}

.product-main-content p.product-price {
    font-size: 36px;
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    color: #231F20;
    margin-bottom: 20px;
}

.product-main-content p.product-price span.price-pennies-text {
    font-size: 21px;
}

.product-available-stock {
    font-family: 'AlwaysForever', Arial, Helvetica, sans-serif;
    font-size: 28px;
    color: #231F20;
    text-align: right;
    margin-top: 20px;
    padding-right: 25px;
}

.add-to-basket-holder {

}

.heart-add-to-gallery {
    position: relative;
    float: right;
    right: 115px;
    top: 4px;
    cursor:pointer;

}

#add-to-gallery p, #add-to-gallery .form-label, #add-to-gallery h1 {
    color: #FFFFFF;
}

.heart-add-to-gallery > a > img {
    position: absolute;
    top: 0px;
    left: 0px;
}

.heart-add-to-gallery > a > img.faded {
    opacity: 0;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    filter:alpha(opacity=0);
}
.heart-add-to-gallery:hover > a > img.faded {
    opacity: 1;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    filter:alpha(opacity=100);
}

.divider {
    margin-bottom: 5px;
}

.furtherinfo {
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #231F20;
    margin-top: 20px;
}

.product-tabs.ui-tabs {
    padding: 0px;
    box-shadow: 0 0 4px 0 #999999;
}

.product-tabs.ui-tabs.ui-widget-content {
    width: 100%;
    height: 141px;
    border: none;
}

.product-tabs.ui-tabs .ui-widget-header {
    border: none;
}

.product-tabs.ui-tabs .ui-tabs-nav {
    width: 321px;
    float: left;
    background: url('../images/product-page-bg.png') repeat;
    padding: 0px;
    margin: 0;
}

.product-tabs.ui-tabs .ui-tabs-nav li {
    width: 281px;
    padding: 10px 20px;
    background: #231F20;
    border-radius: 0;
    border:none;
    margin: 1px 0 0 0;
    height: 14px;
    outline:none;
}

.product-tabs.ui-tabs .ui-tabs-nav li.ui-state-hover {
    border: none;
}

.product-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: url('../images/tab-selector-active.png') no-repeat right center transparent;
    width: 340px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    border: none;
}

.product-tabs.ui-tabs .ui-tabs-nav li a {
    color: #FFFFFF;
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0;
    outline: 0;
    width: 100%;
    height: 100%;
}

.product-tabs.ui-tabs .ui-tabs-nav li.last {
    margin-bottom: 0px;
}

.product-tabs .tab-content {
    margin-left: 385px;
    height: 116px;
    position: relative;
    overflow-y: auto;
}

.product-tabs.ui-widget-content {
    background: #FFFFFF;
}



.product-tabs .tab-content#moreby, .gallery-content #ataglance, .gallery-content #gallery {
    padding: 0px;
}

.product-tabs .tab-content#moreby {
    overflow:hidden;
    height: 141px;
}

.mini-product {
    position: relative;
}

.mini-product img:hover {
    -webkit-box-shadow: 0px 0px 10px -1px #000000;
    box-shadow: 0px 0px 10px -1px #000000;
}

.mini-product .removeGalleryItem {
    background: #231F20;
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 0px 3px 1px;
    cursor: pointer;
}

.details-carousel {
    height: 141px;
}


.details-carousel ul, .ataglance-carousel, .gallery-carousel {
    padding-top: 10px;
}

.morebyartist .details-scroll-left {
    float: left;
    width: 29px;
    height: 142px;
    opacity: 0;
    position: relative;
    top: 0;
    right:0;
}
.morebyartist .details-scroll-right {
    float: left;
    width: 29px;
    height: 142px;
    position: absolute;
    top: 0;
    right: 0px;
}


.social-wallpaper-holder {
    width: 100%;
    margin: 0px auto 0px;
    float: left;
}

.social-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    display: block;
    float: left;
    margin-left: 10px;
    padding: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.social-box-white {
    background: transparent;
    display: block;
    float: left;
    padding: 10px 0px;
}

.social-box-no-wallpaper .social-box.extended, .social-box-with-wallpaper .social-box.extended {
    float: left;
    background: none;
    position: relative;
    right: inherit;
    top: inherit;
    padding: 10px 0px;
}


.social-box-no-wallpaper {
    height: 30px;
    margin: 0 auto;
    width: 130px;
}

.social-box-with-wallpaper {
    float: left;
}

.social-box-no-wallpaper .social-box.extended {
    text-align: center;
    padding-left: 10px;
}

.social-box.extended p {
    display:none;
}

.social-box p {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
    margin-top: 4px;
    color: #231F20 !important;
}

.social-box > a, .social-box-white > a {
    width: 24px;
    height: 24px;
    display:block;
    float: left;
    margin-right: 12px;
}

.social-box > a.last, social-box-white > a.last {
    margin-right: 0px;
}

.fbimage {
    background: url('../images/fb.png') no-repeat;
}
.fbimage:hover {
    background: url('../images/fb-hover.png') no-repeat;
}

.tweetimage {
    background: url('../images/tweet.png') no-repeat;
}
.tweetimage:hover {
    background: url('../images/tweet-hover.png') no-repeat;
}

.pinitimage {
    background: url('../images/pinterest.png') no-repeat;
}
.pinitimage:hover {
    background: url('../images/pinterest-hover.png') no-repeat;
}

.emailimage {
    background: url('../images/emailbutton.png') no-repeat;
}
.emailimage:hover {
    background: url('../images/emailbutton-hover.png') no-repeat;
}

.fbimage.white {
    background: url('../images/fb-hover.png') no-repeat;
}

.tweetimage.white {
    background: url('../images/tweet-hover.png') no-repeat;
}

.pinitimage.white {
    background: url('../images/pinterest-hover.png') no-repeat;
}

.emailimage.white {
    background: url('../images/emailbutton-hover.png') no-repeat;
}

.fbimage.white:hover {
    background: url('../images/fb-hover-white.png') no-repeat;
}

.tweetimage.white:hover {
    background: url('../images/tweet-hover-white.png') no-repeat;
}

.pinitimage.white:hover {
    background: url('../images/pinterest-hover-white.png') no-repeat;
}

.emailimage.white:hover {
    background: url('../images/emailbutton-hover-white.png') no-repeat;
}

/* trustpanel */

.texturebg {
    background: url('../images/product-page-bg.png') repeat;
    width: 100%;
    overflow: hidden;
}

.trust-section {
    border-right: 1px solid #A8ABAC;
    padding: 10px 20px;
    text-align: center;
    margin: 30px 0px;


}
.trust-section.last {
    border-right: none;
}

.trust-section h2 {
    font-family: 'bodoni-bold', Arial, Helvetica, sans-serif;
    color: #A8ABAC;
    font-size: 24px;
    text-transform: uppercase;
    width: 200px;
    margin: 0 auto 15px;
}

.trust-section p {
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #A8ABAC;
}


.breadcrumb {
    padding: 8px 30px 12px;
}

.breadcrumb .divider-arrow {
    position: relative;
    top: 3px;
    margin: 0px 3px;
}

.breadcrumb a {
    margin-bottom: 0px;
    font-size: 11px;
    color: #FFFFFF;
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    text-decoration: none;
    margin: 0px 5px;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.wallpaper-calculator {
    margin: 7px 0;
    position: relative;
}

.wallpaper-calculator a {
    color: #231F20;
}
.wallpaper-calculator a.wallpaper-calc:hover {
    text-decoration: none;
    color: #999999;
    -webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    transition: color 200ms linear;

}

.wallpaper-calc {
    margin-top: 10px;
}

.wallpaper-calc-holder {
    position: absolute;
    bottom: 10px;
    height: 155px;
    width: 260px;
    left: 50px;
    background: url('../images/wallpaper-bg-background.png') repeat;
    display: none;
    text-align: left;
    padding: 10px 20px;
    z-index: 2000000;
}

.wallpaper-calc-holder h2 {
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.wallpaper-calc-holder p {
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.wallpaper-calc-holder span.label {
    display: block;
    width: 100px;
    color: #FFFFFF;
    font-size: 12px;
    float: left;
    padding: 5px 0px;
}

.wallpaper-close-button {
    position: absolute;
    top: 5px;
    right: 7px;
    cursor: pointer;
}

.calc-icon {
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.wallpaper-calc-input {
    width: 43px;
    text-align: center;
    padding: 5px 0px;
    float: left;
}

.wallpaper-calc-input.error {
    border: 1px solid red;
}

.errortext {
    margin-bottom: 2px !important;
    color: red;
}

.dimensions-holder {
    margin: 5px 0px;
}

.left-calculation {
    float: left;
    width: 160px;
}

.right-calculation {
    width: 100px;
    float: left;
    text-align: center;
}

.calculate-button {
    padding: 5px 10px;
    position: relative;
    top: 25px;
}

.calc-result {
    display: none;
    text-align: center;
}
.result {
    display:none;
}

.spinner {
    position: relative;
    top: 20px;
}

.calc-result h2 {
    margin-top: 15px;
}

.calc-result span {
    font-size: 20px;
    position: relative;
    top: 2px;
    width: 10px;
}

/* Theme Page */


.theme-product-area {
    width: 100%;
    overflow:hidden;
    position: relative;
}
.theme-product-area-visible {
    width: 50000em;

}

.theme-name {
    width: 281px;
    height: 100px;
    padding: 20px;
    float: left;
}

.theme-name h1, .theme-name h2 {
    font-family: 'bodoni-bold', Arial, Helvetica, sans-serif;
    font-size: 27px;
    color: #231F20;
    margin-bottom: 5px;

}

.theme-image-panel {
    height: 750px;
    width: 665px;
    display:block;
}

.theme-image-carousel {
    position: relative;
    overflow: hidden;
    /* You need at least a height, adjust this to your needs */
    height: 750px;
    width: 1800px;

}

.theme-image-carousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

.theme-image-carousel li {
    float: left;
    padding-left: 0px;
    cursor: pointer;
    width: 665px;
}

.theme-products {
    float: left;
    width: 1800px;
}

.theme-products-carousel {

    height: 133px;
    width: 1500px;
    padding: 10px 0px;
}




.theme-products-carousel ul li {
    cursor: pointer;
}

.theme-products-carousel ul li img:hover {
    -webkit-box-shadow: 0px 0px 10px -1px #000000;
    box-shadow: 0px 0px 10px -1px #000000;
}

.theme-products-scroll-right {
    position: absolute;
    right: 0px;
    top: 820px !important;
}

.product-quick-buy {
    position: absolute;
    width: 550px;
    height: 250px;
    z-index: 100000;
}

.product-quick-buy .left-quick-buy, .product-quick-buy .right-quick-buy {
    float: left;
    padding: 0px 10px;
    text-align: center;
}

.ui-dialog.ui-widget-content {
    background: url('../images/grey-transparency-bg.png') repeat;
}

.ui-dialog .ui-dialog-content {
    overflow-x:hidden !important;
}

.ui-dialog .ui-dialog-titlebar-close {

}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick, .ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
    
}

.product-quick-buy .right-quick-buy {
    padding: 0px 10px;
    width: 260px;
    color: #FFFFFF;
}

.product-quick-buy .right-quick-buy h1, .product-quick-buy .right-quick-buy h2 {
    margin-bottom: 2px;
    line-height: 25px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 27px;
}

.product-quick-buy .right-quick-buy h2.fakeh1 {
    font-size: 27px;
    line-height: 25px;
}

.product-quick-buy .right-quick-buy h2 {
    font-size: 19px;
    line-height: 19px;
    font-family: 'bodoni-bold', Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

.product-quick-buy .right-quick-buy p.product-price {
    font-size: 36px;
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.product-quick-buy .right-quick-buy p.product-price span.price-pennies-text {
    font-size: 21px;
}

.product-quick-buy .right-quick-buy .heart-add-to-gallery {
    position: relative;
    float: right;
    right: 40px;
    bottom: 1px;

}

.product-quick-buy .right-quick-buy .quantity {
    padding: 0px 92px;
    width: 100px;
}

.product-quick-buy .right-quick-buy .quantity-label, .product-quick-buy .right-quick-buy .quantity-input {
    float: left;
    margin-right: 0px;
    padding: 5px;
}

.product-quick-buy .right-quick-buy .quantity-label {
    position: relative;
    top: 2px;
}

.product-quick-buy .right-quick-buy .heart-add-to-gallery > a > img {
    position: absolute;
    top: 0px;
    left: 0px;
}

.product-quick-buy .right-quick-buy .heart-add-to-gallery > a > img.faded {
    opacity: 0;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    filter:alpha(opacity=0);
}
.product-quick-buy .right-quick-buy .heart-add-to-gallery:hover > a > img.faded {
    opacity: 1;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    filter:alpha(opacity=100);
}

.quick-buy-close {
    position: absolute;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 10000;

}

.product-quick-buy .right-quick-buy .viewproduct {
    padding-top: 10px;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
}
.product-quick-buy .right-quick-buy .viewproduct:hover {
    text-decoration: underline;
}

.innerpage {
    width: 100%;
    /*height: 750px;*/
    background: url("../images/product-page-bg.png") repeat scroll left center #FFFFFF ;
    overflow: hidden;
    position: relative;
}

.innerpage.fourohfour {
    background: #070707 url("../images/404.jpg") center center repeat-x;
    color: #FFFFFF;
}

.innerpage.fourohfour h1, .innerpage.fourohfour p, .innerpage.fourohfour a {
    color: #000;
}

.innerpage-viewable-area {
    width: 5000px;
}

.innerpage-container {
    padding: 10px;
    float:left;
    overflow:hidden;
    width: 960px;
    margin-left: 20px;
    margin-bottom: 30px;
}

.innerpage-container h1, .innerpage-container h2 {
    color: #231F20;
    text-transform: uppercase;
}

.innerpage-container ul {
    margin-bottom: 10px;
}

.innerpage-container ul li {
    padding-left: 15px;
    background: url('../images/bullet-black.jpg') no-repeat left center;
}

.innerpage-container h1 {
    margin-top: 20px;
}

.basket-carousel {
    position: relative;
    overflow: hidden;
    /* You need at least a height, adjust this to your needs */
    height: 750px;
    width: 321px;
}

.basket-carousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

.basket-carousel li {
    float: left;
    padding-left: 0px;
}

.checkoutbutton {
    padding: 8px 24px;
    font-size: 16px;
}

#checkout-stages {
    margin-bottom: 10px;
    background: none repeat scroll 0 0 #231F20;
    padding: 10px;
}

#checkout-stages li {
    float: left;
    padding-left: 0px !important;
    padding-right: 30px;
    color: #FFFFFF;
    font-size: 14px;
    background: url('../images/arrow.png') no-repeat right 10px center;
}

#checkout-stages li.active .stagetext {
    text-decoration: underline;
}

#checkout-stages li.lastele {
    background: none;
}

/* basket stuff */

.apply-coupon.text-right {
    margin: 0 0 20px;
}

.detail-table td {
    padding: 15px 5px;
    border-bottom: 1px solid #231F20;
    color: #231F20;
}

.detail-table th.price-subtotal, .detail-table th.price-extra, .detail-table th.price-total, .detail-table td.price-total {
    background: transparent;
    border-bottom: 1px solid #231F20;
    color: #231F20;
    vertical-align: middle;
}

.detail-table th.price-subtotal h4, .detail-table th.price-extra h4, .detail-table th.price-total h4 {
    margin-bottom: 0px;
    color: #231F20;
}

#basket-summary {
    width: 400px;
}

#basket-summary .paypal {
    border-top: none;
    float: left;
    margin-top: 0px;
    padding-top: 0px;
}

#basket-summary #discount_code {
    margin-top: 1px;
}

.checkout-securely {
    float: right;
    text-align: right;
}

.checkout-securely.topbutton {
    margin-top: 20px;
}

.checkout .help, .checkout .apply-coupon, .checkout .paypal, .checkout-securely h4 {
    color: #231F20;
}

.expand-footer .footer-arrow {

}

.expand-footer .footer-arrow .open-footer {
    display: block;
}

.expand-footer .footer-arrow .closed-footer {
    display: none;
}

.expand-footer.open .footer-arrow .open-footer {
    display: none;
}

.expand-footer.open .footer-arrow .closed-footer {
    display: block;
}

.expand-footer .footer-arrow .helpertext {
    bottom: 0px;
    position: relative;
    right: 10px;
}

.footer-base-meta a {
    color: #999999;
}

.designedby {
    margin-top: 10px;
}

.blog-image {
    display: block;
    float: left;
    position: relative;
}

.blog-image-normal {
    float:left;
    display: block;
    margin: 10px;
    position: relative;
}

.blog-image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    color: #FFFFFF;
    font-size: 14px;
    padding: 10px;
    background: url('../images/grey-transparency-bg.png') repeat;
    border-top-right-radius: 10px;
}
.viewposttext {
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    color: #231F20;
    font-size: 24px;
    font-family: 'bodoni-bold', Arial, Helvetica, sans-serif;
}

.blog-image-normal:hover > .blog-image-overlay {
    display: block;
}

.sectionheaders {
    font-size: 13px;
    text-transform: uppercase;
    color: #FFFFFF !important;
    text-decoration: underline;
    margin-top: 5px;
    margin-bottom: 35px;
}

a.basket-empty {
    text-decoration: none;
    cursor: default;
}

.empty-basket-msg {
    position: absolute;
    top: 30px;
    background: #eee;
    right: 35px;
    padding: 5px;
    z-index:1100;
    color: #333;
    opacity: 0.9;
    border: 1px solid #231F20;
}

.formbox.return-customer fieldset {
    border: none;
    padding: 10px 0px;
}


/* order confirmation page */

.textbox {
    border-bottom: 1px solid #231F20;
}

p {
    color: #231F20;
}

.footer-fullwidth p {
    color: #A8ABAC;
}

.innerpage-container {
    color: #231F20;
}

.homebutton {
    float: left;
    display: block;
    margin-top: 7px;
    margin-left: 15px;
}

.trustpanel-link {
    text-decoration: underline;
    margin-top: 5px;
}

.successful-subscribe {
    background: none repeat scroll 0 0 #231F20;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    float: left;
    padding: 10px;
    position: absolute;
    display:none;
    width: 200px;
}

#newsletter, #landing_newsletter {
    position: relative;
}

#newsletter label.error, #landing_newsletter label.error {
    position: absolute;
    top: 25px;
    width: 200px;
    background: none repeat scroll 0 0 #231F20;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
    position: absolute;
    left: 0;
}
#landing_newsletter label.error {
    top: 75px;
    padding: 5px 10px 5px 10px;
    color: #fff;
}
.promotional {
    border: 1px solid #FFFFFF;
    background: #231F20;
    color: #FFFFFF;
    margin-bottom: 10px;
}

#contact-section h4 {
    text-decoration: underline;
}

.error_messages p {
    color: red;
}

.share-item {
    width: 300px;
    float: left;
}

#billing .address-list ul li, #delivery .address-list ul li {
    background: none;
    padding-left: 0;
}

.noborder {
    border: none;
}

.toggle-coupon-top {
    margin-top: 5px;
}

.toggle-coupon, .toggle-coupon-top {
    color: #231F20;
    font-weight: bold !important;
}
.coupon-spacer {
    height: 5px;
}

/* MEDIA QUERIES */

@media only screen and (max-height : 830px) {
    .footer-fullwidth {
        position: fixed;
        bottom: 0px;

    }

    .innerpage-container {
        margin-bottom: 60px;
    }

    .product-page {
        margin-bottom: 30px;
    }

    .footer-fullwidth.blog {
        position: relative;
    }

    .texturebg {
        margin-bottom: 55px;
    }

}

@media all and (min-width: 1200px) {
    .product-tabs .tab-content#details {
        width: 600px;
    }
}

@media only screen and (max-width : 900px) {
    .innerpage {
        background: #FFFFFF;
    }
}

@media (max-width : 1250px) {

}

@media only screen and (min-height : 1100px) {
    .expand-footer .row.additional-footer-content {
        /*need to add media query listener to add class open to this */
        display:block;
        height: 215px;

    }

    /*.footer-fullwidth.expand-footer {*/
    /*position: relative;*/
    /*}*/
    /*.eye-holder {*/
    /*position: absolute;*/
    /*}*/



}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .scroller-holder .faded {
        display: none;
    }

    .eye-holder-images .faded {
        display: none;
    }
    .expand-footer.open .row.additional-footer-content {
        /*need to add media query listener to add class open to this */
        display:block;
        height: 215px;
    }

    .footer-fullwidth.blog {
        display: none;
    }

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    .scroller-holder .faded {
        display: none;
    }

    .eye-holder-images .faded {
        display: none;
    }

    .footer-fullwidth.blog {
        display: none;
    }

}



/*---------------------------------------------------------

END SECTION - no more CSS must be placed below this section.
This is to eliminate CSS merge issues. Place all new and
updated CSS above this section.

--------------------------------------------------------- */