﻿
.header .right { border: 1px #B6BFAC solid; }

h3.strapline { color: #b6bfac; }

body.news .primary .col2 h3 a { color: #444B4C; font-size: 1em; font-weight: bold; padding:0; margin:0; }
body.news .primary .col2 a.book-now { color: #009999; font-size: .85em; background: url(/images/common/arrow-r-white-bg.gif) right 5px no-repeat; padding: 0 14px 0 0; }

.promo li.events a:hover { text-decoration: none; }

div.event-container { float: left; margin-top: 10px; padding-left: 10px; width: 260px; }
span.event-book-here { color: #666666; font-size: 18px; font-weight: bold; }
span.event-commencing { color: #ffffff; font-family: Arial; font-weight: bold; font-size: 11px; }

/*///////  DESIGNERS */
body.designers .primary .intro { padding: 7px 0 0  24px; }
body.designers .primary ul { padding: 20px 0 0  24px; }

/*///////  DESIGNER */
body.designer .primary .col1 h3 { font-weight: bold; }
body.designer .primary .col2 #hero { margin-top: 0; }
body.designer .primary .designerPortfolio { width:895px; margin: 5px 0 10px 16px; float:left; }
body.designer .primary .designerPortfolio ul li { width: 165px; }
body.designer .primary .designerPortfolio ul li img{ width: 157px; height: 157px; border: solid 0 #000000; }

/*///////  PORTFOLIO */
ul.gallery li img { width: 122px; height: 122px; border: solid 0 #000000; }

/*///////  LINKS */
body.links .primary { width: 895px; border: #dadfd5 1px solid; background: #ffffff; margin-top: 7px; }
body.links .primary h2 { font-size: 1.5em; color: #B6C1BB; }
body.links .primary .col1 { float: left; background: #ffffff; margin-top: 0; padding: 12px 20px 24px; margin-bottom: 0; }

body.links .primary ul li { padding-bottom: 4px; }
body.links .primary ul li img { float:left; }
body.links .primary ul li .copy { width:745px; float:left; background-color:#DADFD5; min-height: 102px; padding:10px 0 0 10px; }
body.links .primary ul li .copy h3 { color:#333333; font-size: .9em; }
body.links .primary ul li .copy p { width:655px; }
body.links .primary ul li .copy p a { padding: 0 15px 0 0; color:#3E3E3E; background: url(/images/common/arrow-grey-bg.gif) right 5px no-repeat; }

body.links .primary .col1 a.btn-login { float:right;  border: #dadfd5 1px solid; font-size: .85em; color: #666666; background:#F0F2EE; padding: 2px 6px; margin: 4px 10px 4px 0; }
body.links .form-label {width: 100px;}

body.links .primary .col1 .form input[type="text"], body.links .primary .col1 .form input[type="password"] { border: #dadfd5 1px solid; width: 270px; padding: 5px 6px 4px; float: left; margin: 0 0 8px 0; }


/*
body.links .primary .col1 hr { background-color:#B6C1BB; border:medium none; height:1px; }
body.links .primary .col1 p a { color: #009999; }
body.links .primary .col1 .linksHeader { width: 608px;}
body.links .primary .col1 .linksHeader h2 { float: left; }
body.links .primary .col1 .linksHeader a { float:right;  border: #B6C1BB 1px solid; font-size: .85em; color: #737A7F; background:#FFFFFF; padding: 2px 6px; margin: 4px 0 4px 0; }
body.links .primary .col1 .linksHeader a:hover { background: #F0F2EE; text-decoration: none; }
body.links .primary .col1 h3 a { color: #444B4C; font-size: .85em; font-weight: bold; padding:0; margin:0; } 
body.links .primary .col1 p { padding:0 0 16px 0; margin: 0;} */

/*///////  NEWS */
body.news .primary .col1 .newsHeader div.filter { float:right;  width: 94px; margin-top: 0; }
body.news .primary .col1 .newsHeader div.filter a { border: #B6C1BB 1px solid; font-size: .85em; color: #737A7F; background:#FFFFFF; padding: 2px 6px; margin: 4px 0 4px 0; display: block; min-height: 18px; width: 80px; height: 100%; text-align: center; }
body.news .primary .col1 .newsHeader div.filter a:hover { background: #F0F2EE; text-decoration: none; }
body.news .primary .col1 ul.drop-list { background: #f0f2ee; border: #dadfd5 1px solid; padding: 8px 0 4px 8px; border-top: none; width: 84px; position: absolute; margin-top: 28px; }
body.news .primary .col1 ul.drop-list li.drop-item { margin-bottom: 4px; }
body.news .primary .col1 ul.drop-list li.drop-item a { border: solid 0 #000000; padding: 0; background-color: Transparent; float: left; text-align: left; }
body.news .primary .col1 ul.drop-list li.drop-item a:hover { color: #333333; text-decoration: none; }

body.news .primary .col2 .newsHeader div.filter { float:right;  width: 94px; margin-top: 0; }
body.news .primary .col2 .newsHeader div.filter a { border: #B6C1BB 1px solid; font-size: .85em; color: #737A7F; background:#FFFFFF; padding: 2px 6px; margin: 4px 0 4px 0; display: block; min-height: 18px; width: 80px; height: 100%; text-align: center; }
body.news .primary .col2 .newsHeader div.filter a:hover { background: #F0F2EE; text-decoration: none; }
body.news .primary .col2 ul.drop-list { background: #f0f2ee; border: #dadfd5 1px solid; padding: 8px 0 4px 8px; border-top: none; width: 84px; position: absolute; margin-top: 28px; }
body.news .primary .col2 ul.drop-list li.drop-item { margin-bottom: 4px; }
body.news .primary .col2 ul.drop-list li.drop-item a { border: solid 0 #000000; padding: 0; background-color: Transparent; float: left; text-align: left; }
body.news .primary .col2 ul.drop-list li.drop-item a:hover { color: #333333; text-decoration: none; }

body.news .primary .col2 .newsHeader { width: 206px;}
body.news .primary .col2 .newsHeader h2 { float: left; }
body.news .primary .col2 .newsHeader a { float:right;  border: #B6C1BB 1px solid; font-size: .85em; color: #737A7F; background:#FFFFFF; padding: 2px 6px; margin: 4px 0 4px 0; }
body.news .primary .col2 .newsHeader a:hover { background: #F0F2EE; text-decoration: none; }

/*///////  CONTACT */
body.contact .primary .col3 .form input[type="password"] { border: #dadfd5 1px solid; width: 302px; padding: 5px 6px 4px; float: left; margin: 0 0 8px 0; }
.press-login-message { color: Red; }
body.contact .primary .col2 { height: 219px; overflow: hidden; }

/* PRODUCTS */
.product-search-drop { border: #dadfd5 1px solid; width: 282px; padding: 5px 6px 4px; float: left; margin: 0 0 8px 0; background-color: #DADFD6; color: #666666; }
.greyout{color: #666666;}

body.products .primary { width: 897px; margin-top: 7px;}
body.products .primary h2 { font-size: 1.5em; color: #B6BFAC; }
body.products .primary .col1,
body.products .primary .col2,
body.products .primary .col3 { float: right; background: #ffffff; margin-top: 0; border: #dadfd5 1px solid;}
body.products .primary .col3 { border-bottom: none; border-right: none; }
body.products .primary .col1 { width: 282px; float: left; padding: 12px 20px 8px; margin-bottom: 0; min-height: 20px; }
body.products .primary .col1 p span { color: #333333; font-weight: bold; }
body.products .primary .col1 a.btn-login { float:right;  border: #dadfd5 1px solid; font-size: .85em; color: #666666; background:#F0F2EE; padding: 2px 6px; margin: 4px 10px 4px 0; }
body.products .primary .col1 .form input[type="text"], body.products .primary .col1 .form input[type="password"] { border: #dadfd5 1px solid; width: 270px; padding: 5px 6px 4px; float: left; margin: 0 0 8px 0; }
body.products .primary .col2 {width: 565px; float: right; margin-bottom: 7px; min-height: 20px; overflow: hidden;}
body.products .primary .col3 { width: 565px; float: right; margin-bottom: 7px; min-height: 20px; }
body.products .primary .col2 p,
body.products .primary .col3 p { font-size: .9em; }
body.products .primary .col2 p.address { color: #6A737B; }
body.products .primary .col2 a,
body.products .primary .col3 a { color: #00A5B5; }
body.products .primary .col1 h3 { color: #444B4C; font-size: .85em; font-weight: bold; padding:0; margin:0; }

.product-type-grid  a, .product-result-grid  a  { color: #444B4C!important; }
.product-type-grid .product-holder {height: 80px; float: left; width: 188px;}
.product-type-grid .product-holder .image-holder {width: 79px; height: 79px; float: left; overflow: hidden;border: #dadfd5 1px solid;border-top: none; border-left: none;} 
.product-type-grid .product-holder .text-holder {padding-left: 10px; padding-top: 5px; width: 97px; height: 74px;  float:left;border: #dadfd5 1px solid;border-top: none; border-left: none; font-weight: bold; font-size: 13px;}
.product-type-grid span+span+span .product-holder{ width:189px!important; }
.product-type-grid span+span+span .text-holder{ width:98px!important; }

.image-holder { display: table-cell; vertical-align: middle;}
.image-holder img { margin: 0 auto;}

.product-result-grid .product-holder {height: 80px; float: left; width: 282px; }
.product-result-grid .product-holder .image-holder {width: 79px; height: 79px; float: left; overflow: hidden;border: #dadfd5 1px solid;border-top: none; border-left: none;} 
.product-result-grid .product-holder .text-holder {padding-left: 10px; padding-top: 5px; width:191px; height: 74px;  float:left;border: #dadfd5 1px solid;border-top: none; border-left: none; font-weight: bold; font-size: 13px;}
.product-result-grid span+span .product-holder{ width:283px!important; }
.product-result-grid span+span .text-holder{ width:192px!important; }


/* PRODUCT PAGE */
.product-additional-information ul {
    /*padding-left: 1em;*/
    list-style-type: none;
    padding: 1.2em 0 0 0;
    margin: 0.2em 0 0 0;
    width: 90%;
}

.product-additional-information li {
    /*padding: 0;
    margin: 0;
    width: 100%;
    line-height: 15px;
    background: url(/Images/ProductPage/exclamation.png) no-repeat;    
    background-position: 10px 3px;
    list-style-image: url(/Images/ProductPage/exclamation.png); 
    list-style: none;*/
    /*
    text-indent: 20px;
    */
    background-image: url(/Images/ProductPage/exclamation.png);     
    background-repeat:  no-repeat;
    /*background-position: 10px 6px;*/
    background-position: 10px 2px;
    padding: 0 0 0 2em;
    /*margin: -0.8em  0 0 0;*/
}

.product-wireframe-size-inner {

}

.wireframe-footnote {
    font-size: 1em;
    color: #ccc;
    text-align: center;
    margin-top: 4px;
}

.product-page-left {
    width: 180px;
    float: left;
    /*margin-left: 7px;*/
}

.product-image, .product-image-rollover {
    border: 1px solid #ccc;
    width: 178px;
    height: 178px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.product-image img { margin: 0 auto; }

.product-wireframe {
    border: 1px solid #ccc;
    margin-top: 10px;
    width: 178px;
    height: 178px;
    background-color: #ffffff;
     display: table-cell;
    vertical-align: middle;    
}

.product-wireframe img { margin: 0 auto; }

.product-wireframe-size {
    background-color: #FFF;
    padding-top: 10px;
    /*height: 30px;*/
}

.product-page-right 
{
	padding-left: 10px;
	padding-top: 10px;
    width: 367px;
    margin-left: 6px;
    float: left;
    text-align: left;
    background: #ffffff; margin-top: 0; border: #dadfd5 1px solid;
    font-size: 12px;
}

.suite-product-picker {
    height: 52px;
    margin-bottom: 10px;
}

a:active.product-picker-thumbnail, a:visited.product-picker-thumbnail, a:link.product-picker-thumbnail, a:hover.product-picker-thumbnail {
    margin: 0 6px 0 0;
}
a.product-picker-thumbnail-selected {
    margin: 0 6px 0 0;
}

a:active.product-picker-thumbnail img, a:visited.product-picker-thumbnail img, a:link.product-picker-thumbnail img, a:hover.product-picker-thumbnail img {
    border: 1px solid #ccc;
    margin: 1px 1px 1px 1px;
}
a.product-picker-thumbnail-selected img {
    border: 2px #5780ae solid;
    margin: 0 0 0 0;
}

.product-information {
    padding: 10px;
    font-size: 1.1em;
    
}

.bg-add-button {
    margin-top: 8px;
    width: 340px;
    padding: 10px;
    height: 20px;
    background: url(/Images/ProductPage/bg-button.png) no-repeat;
}

.product-code-price {
    height: 20px;
    font-size: 1.2em; /*text-transform: none;*/
    padding-top: 3px;
    float: left;
    width: 200px;
    /*border-right: solid 1px green;*/
}

span.trade-rrp {
    font-size: 0.8em;
}

.add-button-holder {
    /*width: 134px;*/
    width: 140px;
    height: 20px;
    float: right;
}

.product-links {
    padding: 10px;
    line-height: 25px;
    font-size: 1.1em;
}


.product-links .disabled {
    color: #CACBCD;
    font-weight: normal;
}

.product-additional-information {
    font-size: 1.1em;
    /*padding: 10px;
    line-height: 24px;
    border-top: 1px #ccc solid;*/
}



.additional-information-title {
    font-size: 1.4em;
    font-weight: bold;
}

.product-secondary-links {
    clear: both;
    border-top: 1px #ccc solid;
    padding-top: 10px;
    font-size: 1.1em;
}

.product-print-link {
    float: right;
}

.product-back-link {
    float: left;
}

.blue-text {
    color: #5780ae;
}

.button-main {
    height: 20px;
    background: url(/Images/Layout/slice.png) repeat-x;
    z-index: 10;
}

.button-left-cap-grey, .button-left-cap-white {
    width: 5px;
    float: left;
    z-index: 100;
    clear: none;
    height: 20px;
}

.button-left-cap-grey {
    background: url(/Images/Layout/left-cap-grey.png) no-repeat left top;
}

.button-left-cap-white {
    background: url(/Images/Layout/left-cap-white.png) no-repeat left top;
}

.button-title {
    font-size: 11px;
    color: #666666;
    text-align: center;
    padding-top: 3px;
    height: 17px;
    clear: none;
    float: left;
    margin: 0 auto;
    width: 80%;
    margin-left: 7%;
    clear: none;
    display: block;
}

.button-title-product-add {
    font-size: 11px;
    color: #666666;
    text-align: center;
    padding-top: 3px;
    height: 17px;
    clear: none;
    float: left;
    margin: 0 auto;
    width: 91%;
    margin-left: 1%;
    clear: none;
    display: block;
}

.button-title a {
    width: 100%;
    display: block;
}

.button-right-cap-grey, .button-right-cap-white {
    width: 5px;
    clear: none;
    float: right;
    z-index: 101;
    height: 20px;
}

.button-right-cap-grey {
    background: url(/Images/Layout/right-cap-grey.png) no-repeat right top;
}

.button-right-cap-white {
    background: url(/Images/Layout/right-cap-white.png) no-repeat right top;
}

.ideal-list-star {
    font-size: 0.9em;
    color: #ccc;
    clear: both;
    padding-top: 10px;
}

.grey-text {
    color: #747678; /*#929497;*/
}

/* SHORTLIST PAGE */

.short-list-name {
    color: #ccc;
    font-size: 1.1em;
    float: left;
    /*padding-top: 4px;*/
    text-indent: 10px;
}

.short-list-suite-kyomi {
    color: #5780ae;
    background: url(/Images/shortList/blue-dot.gif) repeat-x;
}

.short-list-suite-create {
}

.short-list-suite-suite-name {
    color: #747678; /*#929497;*/
}

.short-list-suite-kyomi, .short-list-suite-create {
    height: 15px;
    margin-top: 20px;
    float: left;
    width: 260px;
    background-position: 0 14px;
}

.short-list-full-suite-kyomi {
    color: #5780ae;
    background: url(/Images/shortList/blue-dot.gif) repeat-x;
}

.short-list-full-suite-kyomi, .short-list-full-suite-create {
    height: 24px;
    margin-top: 10px;
    float: left;
    width: 100%;
    background-position: 0 23px;
}

.rollup-graphic {
    float: left;
    width: 9px;
    height: 9px;
    padding-top: 3px;
}

.short-list-suite-name {
    font-weight: bold;
    font-size: 1.2em;
    height: 15px;
    text-indent: 5px;
    float: left;
    text-transform: none;
    
}

.short-list-suite-price {
    font-size: 1.1em;
    color: #747678; /*#929497;*/
    float: right;
    text-transform: none;
}

.short-list-product-block {
    clear: both;
    padding-top: 15px;
    float: left;
    /*width: 260px;*/
}

.short-list-product-thumbnail {
    border: 1px solid #ccc;
    float: left;
}

.short-list-product-info {
    font-size: 0.9em;
    float: left;
    /*width: 200px;*/
    padding-left: 10px;
}

.short-list-product-name {
    /*clear: right;*/
}

.short-list-product-price, .short-list-product-links {
    clear: right;
    color: #ccc;
}

.edit-button-holder {
    width: 260px;
    margin-top: 20px;
    height: 20px;
    float: right;
    clear: both;
}

.short-list-terms {
    font-size: 0.9em;
    color: #747678; /*#929497;*/
    clear: both;
    padding-top: 20px;
}

.short-list-showroom-search {
    width: 260px;
    padding-top: 10px;
    clear: both;
}

.short-list-search {
    float: right;
    width: 149px;
    height: 20px;
    text-align: right;
}

.short-list-search-text {
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    padding-top: 5px;
}

.short-list-search-button {
    height: 20px;
    width: 20px;
    padding: 0;
    float: left;
}

.short-list-search-box {
    margin: 0;
    border: 0;
    padding: 0;
    padding-top: 3px;
    font-size: 1em;
    height: 20px;
    border: 1px #e6e6e6 solid;
    float: left;
    width: 128px;
    margin-right: 1px;
}

.cap-short-list-search-box {
    width: 9px;
    height: 20px;
    background: url(/Images/shortList/short-list-search-cap.png) no-repeat;
    float: left;
}

.short-list-star {
    font-size: 0.9em;
    color: #ccc;
    clear: both;
    padding-top: 10px;
}

.myshortlist-remove-all {
    margin-top: 20px;
    text-align: right;
}

.editmyshortlist-remove-all {
    margin-top: 20px;
    text-align: right;
}
.edit-my-short-list-empty {
    font-size: 1.2em;
    margin: 0 0 36px 0;
}

.article-spacer {
    height: 20px;
    width: 100%;
    clear: both;
    border-top: 1px solid #ccc;
}

.short-list-content {
    height: auto;
    /*width: 560px;*/
    float: left;
    margin-top: 10px;
}

.short-list-left-content {
    float: left;
    height: auto;
    width: 282px;
}

.short-list-left-content-box {
    /*border: 1px solid #ccc;*/
    height: auto;
    /*padding: 9px;*/
    font-size: 1.4em;
    text-align: left;
    width: 282px;
    float: left;
    margin-bottom: 10px;
}

.short-list-left-content-box input, .short-list-left-content-box select {
    margin: 10px 0 5px 0;
    border: 0;
    padding: 0;
    font-size: 10px;
    height: 20px;
    border: 1px #ccc solid;
    float: left;
    width: 282px;
}

.short-list-left-content-box input {
    padding-top: 3px;
    padding-left: 3px;
}

.short-list-button-holder {
    width: 282px;
    height: 20px;
    float: left;
}

.short-list-right-content {
    text-align: left;
    float: left;
    height: auto;
/*    width: 360px;*/
    margin-left: 7px;
}

.short-list-product-additional-information {
    font-size: 14px;
}
.short-list-product-additional-information ul {
    list-style-type: none;
    padding: 0 0 1.2em 0;
    margin: 0.4em 0 0 0;
    width: 90%;
}

.short-list-product-additional-information li {
    background-image: url(/Images/ProductPage/exclamation.png);     
    background-repeat:  no-repeat;
    background-position: 10px 5px;
    padding: 0 0 0 2em;
}

body.shortlist .primary { width: 897px; margin-top: 7px;}
body.shortlist .primary h2 { font-size: 1.5em; color: #B6BFAC; }
body.shortlist .primary .col1,
body.shortlist .primary .col2,
body.shortlist .primary .col3 { float: right; background: #ffffff; margin-top: 0; border: #dadfd5 1px solid;}
body.shortlist .primary .col3 { border-bottom: none; border-right: none; }
body.shortlist .primary .col1 { width: 282px; float: left; padding: 12px 20px 8px; margin-bottom: 0; min-height: 20px; }
body.shortlist .primary .col1 p span { color: #333333; font-weight: bold; }
body.shortlist .primary .col1 a.btn-login { float:right;  border: #dadfd5 1px solid; font-size: .85em; color: #666666; background:#F0F2EE; padding: 2px 6px; margin: 4px 10px 4px 0; }
body.shortlist .primary .col1 .form input[type="text"], body.shortlist .primary .col1 .form input[type="password"] { border: #dadfd5 1px solid; width: 270px; padding: 5px 6px 4px; float: left; margin: 0 0 8px 0; }
body.shortlist .primary .col2 {width: 554px; padding: 5px; float: right; margin-bottom: 7px; min-height: 20px; overflow: hidden;}
body.shortlist .primary .col3 { width: 565px; float: right; margin-bottom: 7px; min-height: 20px; }
body.shortlist .primary .col2 p,
body.shortlist .primary .col3 p { font-size: .9em; }
body.shortlist .primary .col2 p.address { color: #6A737B; }
body.shortlist .primary .col2 a,
body.shortlist .primary .col3 a { color: #00A5B5; }
body.shortlist .primary .col1 h3 { color: #444B4C; font-size: .85em; font-weight: bold; padding:0; margin:0; }

.price-terms {
    padding: 10px;
    line-height: 25px;
    font-size: 0.9em;
    border-top: 1px #ccc solid;
}

body.resources .primary .col1 input[type="text"], body.shortlist .primary .col1 .form input[type="password"] { border: #dadfd5 1px solid; width: 270px; padding: 5px 6px 4px; float: left; margin: 0 0 8px 0; background-color: #DADFD6; color: #666666; }
body.resources .primary .col1 a.btn-login { float:right;  border: #dadfd5 1px solid; font-size: .85em; color: #666666; background:#F0F2EE; padding: 2px 6px; margin: 4px 10px 4px 0; }

/*.product-search-drop { border: #dadfd5 1px solid; width: 282px; padding: 5px 6px 4px; float: left; margin: 0 0 8px 0; background-color: #DADFD6; color: #666666; }*/

