@charset "utf-8";
/* Colours defined at bottom  of CSS ... */

*:focus {
    outline : none;
}
pre {
    font-weight : normal;
    font-size   : 10px !important;
    margin      : 0px 0px 0px 0px;
    padding     : 0px;
    width       : 300px;
    text-indent : 0px;
    overflow    : visible;
    clear       : both;
}
#clickandstor form {
    position   : relative;
    background : transparent !important;
    border     : none !important;
    margin     : 0 !important;
    padding    : 0 !important;
}
#clickandstor form label, #calc-items label {
    float          : left;
    font-weight    : normal;
    font-size      : 11px !important;
    line-height    : inherit !important;
    padding        : 4px 0 0 8px !important;
    margin         : 0 0 0 0 !important;
    width          : 70% !important;
    vertical-align : middle;
}
#clickandstor input, #clickandstor textarea, #clickandstor select {
    font-family        : "Helvetica Neue", Arial, Verdana, "Nimbus Sans L", sans-serif;
    background         : -moz-linear-gradient(center bottom, white 85%, #eee 99%) repeat scroll 0 0 #fff;
    -moz-border-radius : 0;
    border             : 1px solid #888 !important;
    font-size          : 14px;
    margin             : 0;
    outline            : none;
    padding            : 0;
    width              : 20%;
    height             : auto;
    float              : left;
}
#clickandstor input[type="radio"] {
    border     : none !important;
    text-align : center !important;
    margin     : 0 42% !important;
    padding    : 0 !important;
}
.ui-icon {
    display    : none !important;
    visibility : hidden !important;
}
.sorter-container {
    float    : left;
    width    : 96% !important;
    overflow : visible;
    margin   : 10px 2% 30px 2%;
}
.backlink, .backlink a {
    font-size : 9px !important;
    color     : #888 !important;
    display   : block !important;
    float     : right !important;
}
.backlink a:hover {
    text-decoration : none !important;
    color           : #444 !important;
}
.unitsContainer {
    width         : 100% !important;
    float         : left;
    margin        : 0 0 5px 0;
    border-bottom : 1px solid #999;
}
.unitContainer {
    float : left;
    width : 100% !important;
}
#unitTable {
    background : transparent !important;
}
.ls_key {
    float      : left;
    width      : 100%;
    height     : auto;
    display    : none;
    background : none;
    margin     : 10px 0 20px 0 !important;
    padding    : 5px 0 !important;
    border     : 1px solid #888;
}
.ls_key_item {
    float    : left;
    display  : block;
    width    : 100%;
    height   : auto;
    overflow : visible;
    padding  : 0 !important;
    margin   : 0 !important;
    clear    : both;
}
.ls_key_item_image {
    float       : left;
    display     : block;
    width       : 15%;
    padding     : 0 2% !important;
    overflow    : visible;
    font-family : Verdana, Geneva, sans-serif !important;
    margin      : 0 0 0 2% !important;
    font-size   : 12px !important;
}
.ls_key_item_desc {
    float          : left;
    width          : 75%;
    overflow       : visible;
    display        : block;
    padding        : 5px 2% 4px 0 !important;
    vertical-align : middle;
    color          : #888 !important;
    line-height    : 14px !important;
    font-family    : Verdana, Geneva, sans-serif !important;
    font-size      : 12px !important;
}
.ls_key_item_desc p {
    float       : left;
    display     : block;
    width       : 100%;
    margin      : 0 !important;
    padding     : 0 !important;
    font-family : Verdana, Geneva, sans-serif;
    font-size   : 12px;
}
.hasMIN_key, .hasBIN_key, .hasRES_key {
    display : none;
}
#unitsContainer form {
    margin     : 0 !important;
    padding    : 0 !important;
    background : transparent !important;
    border     : none !important;
    float      : left !important;
    width      : 100% !important;
    overflow   : visible !important;
}
.posRelative {
}
.demoWarning {
    display    : block;
    width      : 99%;
    border     : 1px solid #666;
    background : #fff;
    color      : #666;
    padding    : 10px;
    float      : left;
    text-align : center;
}
.warningContainer {
    margin  : 0 !important;
    padding : 0 !important;
    width   : 100%;
}
.warning {
    font-family : Verdana, Geneva, sans-serif;
    display     : block;
    width       : 99%;
    border      : 1px solid #666;
    background  : #fff;
    color       : #666;
    padding     : 10px 0;
    margin      : 10px 0;
    float       : left;
    text-align  : center;
    font-weight : bold;
    font-size   : 12px;
    line-height : 16px;
}
.lstab {
    position   : relative;
    display    : block;
    cursor     : pointer;
    float      : left;
    width      : 24%;
    margin     : 0 0 0 5px;
    padding    : 18px 0 18px 0;
    text-align : center;
    border     : none;
}
.lstab:after, .lstab:before {
    display        : block;
    left           : 32%;
    bottom         : -60px;
    border         : solid transparent;
    content        : " ";
    height         : 0;
    width          : 0;
    position       : absolute;
    pointer-events : none;
}
.lstab:after {
    display          : block;
    border-color     : rgba(255, 255, 255, 0);
    border-top-color : #bdbebf;
    border-width     : 30px;
    margin-top       : 0px;
}
.lstab:before, .activeTab:before {
    display          : block;
    border-color     : rgba(0, 0, 0, 0);
    border-top-color : #5b5c5c;
    border-width     : 30px;
    margin-top       : 0px;
}
.lstab:hover:after, .activeTab:after {
    display          : block;
    border-color     : rgba(255, 255, 255, 0);
    border-top-color : #5b5c5c;
    border-width     : 30px;
    margin-top       : 0px;
}
.lstab:hover:before, .activeTab:before {
    display          : block;
    border-color     : rgba(0, 0, 0, 0);
    border-top-color : #5b5c5c;
    border-width     : 30px;
    margin-top       : 0px;
}
.nofilter {
    /* margin: 3px 0 0 3px; */
}
.unitMiddle {
    float  : none;
    margin : auto;
}
.lsfilters {
    font-family : Verdana, Geneva, sans-serif;
    font-size   : 12px;
    background  : transparent;
}
.lsfilterFeature {
    width       : 40%;
    float       : left;
    padding     : 2px 0 0 5px;
    font-weight : bold;
}
.help:hover {
    cursor   : help;
    position : relative;
}
.filterBox {
    text-align    : left;
    padding       : 0 0 0px 0 !important;
    overflow      : visible;
    border-bottom : none;
    float         : left;
    width         : 100%;
    height        : 102px;
    line-height   : 12px;
    margin        : 0 0 10px 0;
}
.filterDesc {
    /*float:left;*/
    margin  : auto;
    padding : 0px 0 3px 0;
}
input[type="radio"] {
    padding : 0;
    margin  : 0;
    *margin : -4px 2px 0 -2px;
}
.lsfilterRadio {
    text-align  : center;
    padding-top : 3px;
    width       : 15% !important;
    float       : left;
}
#filterHeader {
    width         : 100%;
    float         : left;
    padding       : 5px 0;
    text-align    : center;
    font-weight   : bold;
    border-bottom : 1px #ccc solid;
}
.filterMenu {
    overflow   : visible;
    background : transparent !important;
    float      : left;
    width      : 100%;
}
.lsfilterRow {
    width          : 100%;
    float          : left;
    clear          : both;
    padding-bottom : 7px;
}
.filterHeader {
    clear : both;
}
.filterMod {
    text-align : center;
    width      : 15% !important;
    float      : left;
}
.showRadio {
    width      : 15px;
    text-align : center;
    margin     : 1px 2px 0 0;
    float      : left;
}
#showFilters {
}
#showCalc {
    width      : 100% !important;
    display    : none;
    background : transparent;
}
.unitContainer {
    border-collapse : collapse;
    text-align      : left;
    border          : none !important;
    font-family     : Verdana, Geneva, sans-serif;
    margin          : 0 !important;
    padding         : 0 !important;
    width           : 100% !important;
    font-size       : 12px;
}
#unitTable td {
    /*background: #FFF !important;*/
}
.unitHeader {
    background  : transparent !important;
    font-weight : bold;
    /*border: 1px #bbb solid !important;
    border-right: 1px #bbb solid !important;
    border-bottom: 2px #000 solid !important; */
    padding     : 7px 10px !important;
    height      : auto !important;
}
.sortable {
    background  : transparent !important;
    font-weight : normal !important;
}
.sortable:hover {
    cursor     : pointer;
    background : transparent !important;
}
tbody .unitRow {
    /*background: #FFF !important;*/
    display     : table-row;
    padding-top : 4px;
    margin      : 4px 0 4px 0;
    border-top  : 1px #ccc solid;
    width       : 100%;
}
tbody .unitRow:hover {
    background : #ddd !important;
}
.ls_row:before, .ls_row:after {
    content : normal !important;
}
/*.row:before, .row:after{
	content:normal !important; 
} */

.lsCell {
    padding : 0 12px !important;
}
.lsCell.unitType {
    padding : 0 0 0 5px !important;
}
.unitHeader {
    padding-right : 3% !important;
    text-align    : center !important;
}
.unitType {
/*    width      : 36%; */
    text-align : left;
}
.specialFlag {
    width        : 20%;
    margin       : 0 auto;
    padding      : 2px 4px;
    height       : 7px;
    font-stretch : condensed;
    line-height  : 100%;
    font-weight  : bold;
    font-size    : 7px;
}
.unitSize {
/*    width      : 24%;*/
    text-align : center;
}
.unitSize.lsCell {
    font-size    : 24px !important;
    font-weight  : 900 !important;
    font-stretch : condensed;
}
.unitRate {
/*    width      : 24%; */
    text-align : center;
}
.ls_price_prefix {
    display     : block;
    font-size   : 10px !important;
    font-weight : normal !important;
}
.ls_unit_price {
    font-size   : 14px !important;
    font-weight : bold !important;
}
.wasPrice {
    font-family     : Verdana, Geneva, sans-serif;
    font-size       : 10px !important;
    color           : #999 !important;
    text-decoration : line-through !important;
}
.discountTitle {
    display     : block !important;
    font-weight : bold !important;
    margin      : 5px 0 10px 0 !important;
}
.ls_button_discounts {
    display     : inline-block;
    /* float: left; */
    padding     : 3px 5px !important;
    text-align  : center !important;
    font-weight : normal !important;
    font-size   : 9px !important;
    margin      : 2px 0 -8px 0 !important;
    line-height : 10px !important;
    /*background: #b00;
    color: #fff; */
    /* width: auto; */
}
.ls_gdiscounts_container {
    padding         : 0px !important;
    width           : 100%;
    float           : left;
    border-spacing  : 5px;
    border-collapse : separate;
}
.ls_gdiscountCard {
}
.ls_gdiscountCardContainer {
    /* display: block; */
    width          : 33%;
    /* float: left; */
    /* height: 100%; */
    /* position: relative; */
    /* margin: 0px !important; */
    overflow       : hidden;
    background     : #eee;
    padding        : 3px 5px;
    vertical-align : top;
    font-family    : Verdana, Geneva, sans-serif;
    /* float: left; */
    text-align     : center;
    background     : #eee;
    border         : 2px dashed #ccc;
    /* position: relative; */
}
.gdiscountCardHeader {
    font-family    : Verdana, Geneva, sans-serif;
    display        : block;
    width          : 99%;
    float          : left;
    background     : #999;
    color          : #fff;
    text-transform : uppercase;
    font-weight    : bold;
    font-size      : 12px;
    padding        : 5px 5px;
    margin         : 10px 0 5px 0;
    border-top     : 1px solid #bbb;
    border-bottom  : 1px solid #777;
}
.gdiscountCardTitle {
    display        : block;
    margin         : 0 0 5px 0;
    font-weight    : bold;
    font-size      : 14px;
    text-transform : uppercase;
}
.gdiscountCardDesc {
    display     : block;
    font-weight : bold;
    margin      : 0 0 7px 0;
    font-size   : 10px;
}
.gdiscountCardSmall {
    display   : block;
    font-size : 8px;
    color     : #888;
}
.ls_discountCard {
    display    : block;
    float      : left;
    margin     : 5px 5% 10px;
    padding    : 10px 5%;
    border     : 2px dashed #888;
    height     : 100%;
    width      : 80%;
    text-align : center;
    background : #ddd;
}
.ls_discountCardContainer {
    display  : block;
    width    : 33%;
    float    : left;
    height   : 100%;
    position : relative;
}
.discountCardTitle {
    display     : block;
    margin      : 0 0 0px 0;
    font-weight : bold;
    font-size   : 12px;
}
.ls_discount_arrow {
    position      : absolute;
    top           : 0px;
    left          : 30%;
    width         : 0;
    height        : 0;
    /* background: #f00; */
    border-left   : 40px solid transparent;
    border-right  : 40px solid transparent;
    border-bottom : 40px solid #bbb;
}
.discountCardDesc {
    display : block;
    margin  : 0 0 0px 0;
}
.discountCardSmall {
    display   : block;
    font-size : 8px;
}
.unitDiscountHelpContainer {
    display    : block;
    display    : none;
    float      : left;
    width      : 100%;
    background : #0f0;
}
.ls_button_discounts:hover {
    cursor : pointer;
}
.ls_price_block {
    display    : block !important;
    position   : relative !important;
    margin-top : 0px !important;
}
.ls_discounts {
    display         : none !important;
    font-family     : Verdana, Geneva, sans-serif;
    font-size       : 10px !important;
    color           : #999 !important;
    text-decoration : none !important;
    font-weight     : normal !important;
}
.ls_discounts_container {
    display : block !important;
    padding : 0px !important;
    /* background: #bbb; */
    height  : 100%;
    width   : 100%;
    float   : left;
}
}

.ls_discounts_container ul li {
    list-style-type : square !important;
    margin          : 0 0 0 0 !important;
    float           : left;
    width           : 33%;
}
.ls_discounts_container ul {
    margin : 0 0 0 -25px !important;
}
.showId {
    font-weight : normal;
    font-size   : 10px !important;
    color       : #999 !important;
}
.unitCC {
    width : 20%;
}
.unitAvail {
    width      : 20%;
    text-align : center;
}
.unitSelect {
/*    width : 20%; */
}
.noRented {
    font-weight : bold;
}
#unitTable td {
    /*background: #FFF !important; */
    border         : none !important;
    padding        : 5px 0 5px 0;
    vertical-align : middle;
}
.hide {
    visibility : hidden !important;
    display    : none !important;
}
.isBut {
    position : relative;
}
.toolTip {
    display            : block;
    margin             : 1px 0 0 -240px;
    font-size          : 12px !important;
    font-variant       : normal;
    font-weight        : bold !important;
    font-style         : normal !important;
    color              : #666 !important;
    background         : #fff !important;
    padding            : 10px !important;
    width              : 200px;
    z-index            : 99999;
    -moz-box-shadow    : 3px 3px 6px 0px #000;
    -webkit-box-shadow : 3px 3px 6px 0px #000;
    box-shadow         : 3px 3px 6px 0px #000;
}
.unitFeaturesHelpContainer {
}
.unitFeaturesHelp {
}
.helpFeature {
}
.buttonTip {
}
.tip_container {
    position : absolute;
    display  : none;
    left     : 0;
    top      : -6px;
    height   : 1px;
    overflow : visible;
    z-index  : 99999;
    border   : #5d5d5d;
}
/* .tip_container .arrow_box {
	position: relative;
	display: block;
	background: #ffffff;
	border: 1px solid #000;
}
.tip_container .arrow_box:after, .arrow_box:before {
	display: block;
	left: 100%;
	top: 18px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tip_container .arrow_box:after {
	display: block;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 7px;
	margin-top: -10px;
}

.tip_container .arrow_box:before {
	display: block;
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #000;
	border-width: 8px;
	margin-top: -11px;
}
*/

.tip_container .arrow_box_left {
    position   : relative;
    display    : block;
    background : #ffffff;
    border     : 1px solid #000;
}
.tip_container .arrow_box_left:after, .arrow_box_left:before {
    display        : block;
    right          : 100%;
    top            : 14px;
    border         : solid transparent;
    content        : " ";
    height         : 0;
    width          : 0;
    position       : absolute;
    pointer-events : none;
}
.tip_container .arrow_box_left:after {
    display            : block;
    border-color       : rgba(255, 255, 255, 0);
    border-right-color : #ffffff;
    border-width       : 7px;
    margin-top         : -10px;
}
.tip_container .arrow_box_left:before {
    display            : block;
    border-color       : rgba(0, 0, 0, 0);
    border-right-color : #000;
    border-width       : 8px;
    margin-top         : -11px;
}
#unitCallUs a {
    color           : #fff !important;
    text-decoration : underline !important;
}
#unitCallUs a:hover {
    color           : #fff !important;
    text-decoration : none !important;
    text-transform  : capitalize !important;
}
.unitSelectButton, .unitSelectButtonKey {
    font-size       : 16px !important;
    text-decoration : none !important;
    font-weight     : normal !important;
    float           : right !important;
    text-align      : center !important;
    width           : 100% !important;
    padding         : 12px 3px !important;
    margin          : 3px 0px !important;
}
.unitSelectButton a {
    text-decoration : none !important;
    text-transform  : capitalize !important;
}
.unitSelectButton, .unitSelectButtonKey {
    border : 1px #fff solid;
}
.unitSelectButtonCAS, .unitSelectButtonCASKey {
    font-size       : 16px !important;
    text-decoration : none !important;
    font-weight     : normal !important;
    float           : right; !important;
    text-align      : center !important;
    width           : 100% !important;
    padding         : 12px 3px !important;
    margin          : 3px 0px !important;
}
.unitSelectButtonCAS a {
    text-decoration : none !important;
    text-transform  : capitalize !important;
}
.unitSelectButtonCAS, .unitSelectButtonCASKey {
    border : 1px #fff solid;
}
.unitSelectButtonRES, .unitSelectButtonKeyRES {
    font-size       : 16px !important;
    text-decoration : none !important;
    font-weight     : normal !important;
    float           : right; !important;
    text-align      : center !important;
    width           : 100% !important;
    padding         : 12px 3px !important;
    margin          : 3px 0px !important;
}
.unitSelectButtonRES a {
    text-decoration : none !important;
    text-transform  : capitalize !important;
}
.unitSelectButtonRES, .unitSelectButtonKeyRES {
    border : 1px #fff solid;
}
.unitSelectButtonKey, .unitSelectButtonCASKey, .unitSelectButtonKeyRES {
    font-size  : 12px !important;
    height     : 9px !important;
    padding    : 4px 6px 16px 0px !important;
    margin-top : 6px !important;
}
.unitSelectButtonContact {
    font-size       : 16px !important;
    text-decoration : none !important;
    font-weight     : normal !important;
    float           : right !important;
    text-align      : center !important;
    width           : 100% !important;
    padding         : 12px 3px !important;
    margin          : 3px 0px !important;
}
.unitSelectButtonContact a {
    text-decoration : none !important;
}
.unitSelectButtonContact {
    border : 1px #fff solid;
}
.lssmallButton {
    margin : 1px 0 1px 0 !important;
}
.noUnits {
    font-weight : bold;
    text-align  : left;
    padding     : 10px 0;
}
.errorUnits {
    display : none;
}
.noConnect {
    display : none;
}
.errorType {
    text-align      : left;
    font-family     : Verdana, Geneva, sans-serif;
    text-decoration : none;
    font-size       : 9px;
    color           : #999 !important;
}
.inputError {
    background  : #ffc9c9;
    color       : #f00;
    font-weight : bold;
}
.lsbutton {
    margin         : 2px 0 0 0;
    float          : left;
    background     : #ccc;
    text-align     : left;
    vertical-align : middle;
    padding        : 3px 5px 5px 5px;
    width          : 100%;
    height         : auto;
    border         : none;
    border-top     : 1px #ccc solid;
    border-bottom  : 1px #ccc solid;
    font-weight    : bold;
}
.lsbutton:hover {
    background : #ddd;
}
ul.ls_cal-accordion, ul.ls_cal-accordion ul {
    width : 100%;
}
.ui-accordion-li-fix {
    float    : left;
    width    : 100%;
    overflow : hidden;
}
.ui-accordion-content {
    width : 100%;
}
ul.ls_cal-accordion, ul.ls_cal-accordion ul {
    list-style-type : none;
    text-align      : left;
    width           : 100%;
    margin          : 0;
    padding         : 0;
    border          : none;
}
.ls_cal-accordion p {
    margin      : 2px 5px !important;
    float       : left !important;
    width       : 48% !important;
    line-height : 14px !important;
    padding     : 0px !important;
}
#ls_calc-boxen {
    float      : left;
    width      : 100%;
    display    : block;
    padding    : 2px 0;
    background : transparent;
}
#ls_calc-items_container {
    float      : left;
    width      : 100%;
    margin     : 0 0 5px 0 !important;
    padding    : 5px 0 !important;
    background : transparent;
    overflow   : hidden;
}
.ls_calc_category {
    width   : 100%;
    float   : left;
    display : block;
}
.ls_calc_category:hover {
    cursor : pointer;
}
.ls_calc_items {
    width    : 100%;
    float    : left;
    overflow : visible;
    display  : none;
    padding  : 10px 0;
}
.ls_tree {
    width    : 15px;
    float    : left;
    overflow : visible;
    display  : block;
    padding  : 0px 2px 0px 2px;
}
#calc-items ul {
    margin   : 0 !important;
    padding  : 5px 0 !important;
    overflow : visible !important;
    float    : left;
    width    : 100%;
    clear    : both;
}
#calc-items ul li {
    display : none;
}
#ls_calc-items li, #calc-items li ul li {
    list-style-type     : none !important;
    list-style-position : inside;
    margin-left         : 0px !important;
    overflow            : visible;
    float               : left;
}
#ls_calc-items p {
    width : 48%;
}
.ls_cal-accordion {
    float   : left;
    padding : 5px 0 !important;
}
.ls_cal-accordion input {
    float      : left;
    width      : 25%;
    height     : auto;
    padding    : 1px;
    text-align : center;
    border     : 1px solid #999;
    margin     : 0 5px 3px 3px;
}
.calc-item-label {
    display        : block;
    width          : 65%;
    float          : left;
    font-family    : Verdana, Geneva, sans-serif !important;
    padding-top    : 3px !important;
    margin-left    : 5px !important;
    font-weight    : normal;
    font-size      : 11px !important;
    line-height    : inherit !important;
    vertical-align : middle !important;
}
ul.ls_cal-accordion li ul {
    clear         : both;
    overflow      : visible;
    margin-bottom : 5px;
    padding       : 5px 0 5px 0;
}
.cal-credit {
    margin    : 0;
    font-size : 10px;
}
.ls_cal-results {
    font-family : Verdana, Geneva, sans-serif;
    font-size   : 12px;
    padding     : 10px 5px 3px 5px;
    background  : transparent;
}
.cal-rec {
    float          : right;
    text-align     : left;
    color          : #fff !important;
    width          : 48%;
    background     : #999;
    padding        : 11px 0 13px 9px;
    margin         : -5px -4px 0px 0px;
    vertical-align : middle;
    /* height: 96px; */
    z-index        : 1;
    position       : relative;
}
.cal-error {
    display     : none;
    float       : right;
    color       : #fff !important;
    width       : 40%;
    background  : #c00;
    padding     : 11px 0 13px 9px;
    margin      : -19px -4px 0px 0px;
    font-weight : bold;
    height      : 42px;
    z-index     : 1;
}
#calc-form {
    min-height : 100px;
    margin-top : 0px;
    clear      : both;
}
.reset {
    font-family     : Verdana, Geneva, sans-serif;
    margin          : 0px 0 0 7px !important;
    text-decoration : none;
    font-size       : 9px !important;
    color           : #999 !important;
    cursor          : pointer;
}
.resetCardinal {
    font-family     : Verdana, Geneva, sans-serif;
    text-decoration : none;
    font-size       : 9px !important;
    color           : #fff !important;
    cursor          : pointer;
    z-index         : 9999;
    position        : absolute;
    border          : 2px solid white;
    font-weight     : bold;
    padding         : 1px 3px 3px 3px;
    background      : #5d5d5d;
    text-align      : center;
    bottom          : 6px;
    right           : 6px;
}
.reset:hover {
    color : #000;
}
.disable {
    display    : none;
    visibility : hidden;
}
.specialsTable {
    width  : 350px !important;
    border : none !important;
}
.specialsUnitsContainer {
    float                 : left;
    padding               : 5px;
    margin-bottom         : 20px;
    width                 : 350px !important;
    border                : none !important;
    border-radius         : 5px !important;
    -moz-border-radius    : 5px !important;
    -webkit-border-radius : 5px !important;
}
.unitRowSpecial {
    border-bottom : none !important;
    padding       : 10px 0; !important;
}
#specialTable .unitSize {
    line-height : 250% !important;
}
.filtersSpecials {
    font-family : Verdana, Geneva, sans-serif;
    font-size   : 12px;
}
.filterBoxSpecials {
    text-align    : left;
    padding       : 3px 0 5px 0;
    height        : 23px;
    border-top    : none;
    border-bottom : none;
}
.filterDescSpecials {
    margin  : auto;
    padding : 0px 0 3px 0;
}
.tabSpecials {
    float                 : left;
    height                : 25px;
    width                 : 335px !important;
    margin                : 2px 5px 15px 5px;
    padding               : 8px 0 0 0;
    font-size             : 16px;
    font-weight           : bold;
    text-align            : center;
    border                : 2px #fff solid;
    border-radius         : 5px !important;
    -moz-border-radius    : 5px !important;
    -webkit-border-radius : 5px !important;
    -moz-box-shadow       : 3px 3px 6px 0px #bbb;
    -webkit-box-shadow    : 3px 3px 6px 0px #bbb;
    box-shadow            : 3px 3px 6px 0px #bbb;
}
.offsiteLoading-container, .background_scrim_container {
    position       : fixed !important;
    left           : 0px !important;
    top            : 0 !important;
    margin         : 0px !important;
    width          : 100% !important;
    height         : 100% !important;
    text-align     : center !important;
    vertical-align : middle !important;
    background     : url('./../images/working-background2.png') repeat !important;
    z-index        : 99999;
    display        : none;
}
.offsiteLoading, .background_scrim {
    position       : relative;
    width          : 200px !important;
    height         : 100px !important;
    margin         : auto !important;
    top            : 40% !important;
    margin-top     : -50px;
    text-align     : center !important;
    vertical-align : middle !important;
    padding        : 0 !important;
    font-family    : Verdana, Geneva, sans-serif;
    font-weight    : bold;
    font-size      : 12px;
    color          : #fff;
}
.offsiteLoading img {
    text-align : center !important;
    margin     : 20px auto !important;
}
/* RESERVATION FORM ..................................................................................*/

.ls_reservation_form_container {
    font-family           : Verdana, Geneva, sans-serif !important;
    text-decoration       : none !important;
    font-weight           : normal !important;
    line-height           : 14px !important;
    font-size             : 12px !important;
    color                 : #5d5d5d !important;
    float                 : left;
    background            : #fff;
    border                : 1px solid #5d5d5d;
    width                 : 460px;
    overflow              : hidden;
    -moz-box-shadow       : 3px 3px 6px 0px #000;
    -webkit-box-shadow    : 3px 3px 6px 0px #000;
    box-shadow            : 3px 3px 6px 0px #000;
    border-radius         : 10px !important;
    -moz-border-radius    : 10px !important;
    -webkit-border-radius : 10px !important;
    z-index               : 100010;
    position              : fixed;
    top                   : 50%;
    left                  : 50%;
    margin-top            : -250px;
    margin-left           : -230px;
    display               : none;
}
.sl_field_header {
    float       : left;
    background  : #090;
    width       : 100%;
    margin      : 0px 0px 0 0px;
    font-size   : 16px !important;
    font-weight : normal;
    line-height : 20px;
    padding     : 10px 0;
    text-align  : center;
    color       : #fff !important;
}
.sl_field_desc {
    float   : right;
    margin  : 22px 0 30px 0;
    padding : 0 30px 0 0;
    width   : 30%;
}
.ls_reservation_form_container input {
    width   : 100%;
    padding : 1px 0 !important;
    margin  : 4px 0 !important;
    float   : left !important;
}
.ls_res_fields_container {
    width   : 63%;
    float   : left;
    margin  : 19px 0 20px 0;
    padding : 0;
}
.reserveTabContainer {
    float : left;
}
.paymentTabContainer {
    float   : left;
    display : none;
}
.ls_RestabTitle {
    display     : block;
    padding     : 10px 10px 25px 34px;
    font-size   : 16px;
    font-weight : bold;
}
.sl_field_container {
    width : 100%;
    float : left;
}
.sl_field_label {
    position   : relative;
    float      : left;
    width      : 30%;
    text-align : right;
    padding    : 2px 10px;
    margin     : 5px;
}
.sl_field_input {
    float    : left;
    width    : 50%;
    overflow : visible;
}
.ls_reserveButt {
    width     : 74px !important;
    /* height: 15px !important; */
    padding   : 3px 10px !important;
    float     : right !important;
    font-size : 14px !important;
}
.ls_reserve_back {
    float       : right !important;
    margin-left : 50px !important;
}
.ls_reserve_submit {
    position : absolute;
    right    : 140px !important;
}
.sl_field_submit {
    width    : 91% !important;
    float    : left !important;
    margin   : 10px 0 !important;
    clear    : both;
    position : relative;
}
.ls_date_field {
    width : 70% !important;
}
.ls_input_field {
    width : 100% !important;
}
.ls_requiredStar {
    position  : absolute;
    font-size : 8px !important;
    color     : #070 !important;
    top       : -2px;
    right     : 2px;
}
.ls_res_BSA {
    width  : 100%;
    float  : left;
    margin : 10px 0px 10px 29px;
}
.ls_res_BSA_dec {
    float  : left;
    margin : 0px 0px 0px 5px;
    width  : 75%;
}
.ls_res_BSA_input {
    float  : left;
    width  : 20px;
    margin : -1px 0 0 0px;
}
.card_unitCard {
    padding               : 0 0 10px 0;
    margin-bottom         : 20px;
    float                 : right;
    width                 : 100%;
    background            : #090;
    -moz-box-shadow       : 3px 3px 6px 0px #000;
    -webkit-box-shadow    : 3px 3px 6px 0px #000;
    box-shadow            : 3px 3px 6px 0px #000;
    border-radius         : 10px !important;
    -moz-border-radius    : 10px !important;
    -webkit-border-radius : 10px !important;
}
.card_ls_size {
    clear       : both;
    display     : block;
    text-align  : center;
    font-size   : 28px !important;
    color       : #fff !important;
    margin      : 16px 10px 0px 10px;
    font-weight : bold;
}
.card_ls_typeName {
    clear          : both;
    display        : block;
    text-align     : center;
    color          : #fff !important;
    text-transform : uppercase !important;
    margin-top     : 10px;
    font-weight    : normal;
    font-size      : 12px !important;
}
#waitContainer, #failContainer, #successContainer {
    display          : none;
    float            : left;
    width            : 92%;
    margin           : 0 !important;
    line-height      : 14px;
    padding          : 9px 4%;
    border           : 1px solid #ccc;
    background-color : lightyellow;
}
.ls_wait_title, .ls_success_title, .ls_fail_title {
    display   : block;
    font-size : 15px !important;
    margin    : 3px 0 !important;
    clear     : both;
}
.ls_wait_title img, .ls_success_title img, .ls_fail_title img {
    height         : 9px;
    width          : 9px;
    margin         : 0px 0 5px 3px;
    vertical-align : middle;
}
.ls_wait_title {
    color : #888;
}
.ls_success_title {
    color : #070;
}
.ls_fail_title {
    color : #b00;
}
.ls_success_desc, .ls_wait_desc, .ls_fail_desc {
    display   : block;
    float     : left;
    clear     : both;
    color     : #5d5d5d;
    font-size : 12px !important;
    margin    : 10px 0;
}
.ls_reservation_form_container li {
    margin-left : -24px;
}
/* datepicker ..............................................................................................................................*/

table.jCalendar {
    border          : 1px solid #fff;
    background      : #fff;
    border-collapse : separate;
    border-spacing  : 2px;
}
table.jCalendar th {
    background  : #5d5d5d;
    color       : #fff;
    font-weight : bold;
    padding     : 3px 5px;
}
table.jCalendar td {
    background : #fff;
    color      : #000;
    padding    : 3px 5px;
    text-align : center;
}
table.jCalendar td.other-month {
    background : #ddd;
    color      : #aaa;
}
table.jCalendar td.today {
    background : #888;
    color      : #fff;
}
table.jCalendar td.selected {
    background : #0c0;
    color      : #fff;
}
table.jCalendar td.selected.dp-hover {
    background : #0c0;
    color      : #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
    background : #0c0;
    color      : #fff;
}
table.jCalendar tr.selectedWeek td {
    background : #f66;
    color      : #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background : #ccc;
    color      : #999;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
    background : #ccc;
    color      : #999;
}
div.dp-popup {
    position              : relative;
    background            : #fff;
    font-size             : 10px;
    font-family           : arial, sans-serif;
    padding               : 7px;
    width                 : 171px;
    line-height           : 1.2em;
    1px solid #ccc;
    -moz-box-shadow       : 3px 3px 6px 0px #000;
    -webkit-box-shadow    : 3px 3px 6px 0px #000;
    box-shadow            : 3px 3px 6px 0px #000;
    border-radius         : 10px !important;
    -moz-border-radius    : 10px !important;
    -webkit-border-radius : 10px !important;
}
div#dp-popup {
    position : absolute;
    z-index  : 100012;
}
div.dp-popup h2 {
    font-size  : 12px;
    text-align : center;
    margin     : 2px 0;
    padding    : 0;
}
a#dp-close {
    font-size  : 11px;
    padding    : 4px 0;
    text-align : center;
    display    : block;
}
a#dp-close:hover {
    text-decoration : underline;
}
div.dp-popup a {
    color           : #000;
    text-decoration : none;
    padding         : 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
    position : absolute;
    top      : 2px;
    left     : 4px;
    width    : 100px;
}
div.dp-popup div.dp-nav-prev a {
    float : left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor : pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor : default;
}
div.dp-popup div.dp-nav-next {
    position : absolute;
    top      : 2px;
    right    : 4px;
    width    : 100px;
}
div.dp-popup div.dp-nav-next a {
    float : right;
}
div.dp-popup a.disabled {
    cursor : default;
    color  : #aaa;
}
div.dp-popup td {
    cursor : pointer;
}
div.dp-popup td.disabled {
    cursor : default;
}
a.dp-choose-date {
    float       : right;
    width       : 30px;
    height      : 34px;
    padding     : 0;
    margin      : -2px -3px 0 0;
    text-indent : -2000px;
    overflow    : visible;
    background  : url(./../images/calendar-icon.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
    background-position : 0 -20px;
    cursor              : default;
}
/* CARDINAL THEME ...............................................................................*/

.ls_est-size {
    font-size   : 32px !important;
    font-weight : normal;
}
.ls_est-call {
    font-size   : 18px !important;
    font-weight : normal;
}
.cardinalTabHeader {
    display        : block;
    font-size      : 14px !important;
    text-transform : uppercase;
    margin         : 0 0 -2px 0;
}
.cardinalTabDesc {
    display   : block;
    font-size : 11px !important;
}
thead {
    /* display: none; */
    font-size : 10px !important;
}
.tableUnitType {
    display : none;
}
.unitIconContainer {
    display  : block;
    float    : left;
    margin   : 10px 0 0 0;
    overflow : hidden;
}
.unitIcon {
    display : block;
    float   : left;
    margin  : 0 2px;
    width   : 24px;
    height  : 28px;
}
.unitIconImg {
    display       : block;
    width         : 22px;
    height        : 22px;
    margin-bottom : 0px !important;
}
.unitNotes {
    display : block;
    float   : left;
    margin  : 10px 0 0 0;
    clear   : left;
}
.ls_unit_diagram {
    display    : block;
    width      : 60px;
    float      : right;
    padding    : 0px 0;
    text-align : center;
}
.ls_unit_diagram:hover, .unitIconImg {
    cursor : pointer;
}
.unitIconContainer.single, .ls_unit_diagram.single {float:none; margin-left: auto; margin-right: auto;}
.unitIconContainer.single {text-align: center;}
.unitIconContainer.single .unitIcon {display: inline-block; float: none;}
.unitIconContainer.single .unitNotes {float: none; margin: 0;}

.ls_unit_more, .ls_web_price, .ls_unit_area {
    display     : block;
    padding     : 0px 0;
    text-align  : center;
    font-weight : normal !important;
    font-size   : 9px !important;
    margin      : 2px 0 4px 0;
    line-height : 10px;
}
.ls_thumb_unit {
    height  : 50px;
    float   : none;
    padding : 4px 0;
    margin  : 0px 0 -6px 0 !important;
}
.unitMoreHelpContainer, .helpContainerMain {
    color                 : #5d5d5d !important;
    line-height           : 14px !important;
    font-family           : Verdana, Geneva, sans-serif !important;
    font-size             : 12px !important;
    display               : none;
    margin                : 0 0 0 0;
    background            : #fff;
    border                : 1px solid #ccc;
    z-index               : 100014;
    -moz-box-shadow       : 3px 3px 6px 0px #000;
    -webkit-box-shadow    : 3px 3px 6px 0px #000;
    box-shadow            : 3px 3px 6px 0px #000;
    border-radius         : 10px !important;
    -moz-border-radius    : 10px !important;
    -webkit-border-radius : 10px !important;
}
.unitMoreHelpImg {
    display    : block !important;
    margin     : 0px !important;
    float      : left;
    position   : relative;
    text-align : center;
    width      : 100%;
}
.unitMoreHelpImg img {
    margin-top : -25px;
    padding    : 0px 20px;
}
.unitMoreHelpTitle {
    display     : block !important;
    text-align  : left;
    clear       : both;
    padding     : 10px;
    float       : left;
    font-size   : 16px !important;
    font-weight : bold !important;
}
.unitMoreHelpDesc {
    display     : block !important;
    padding     : 10px;
    text-align  : left;
    float       : left;
    width       : 380px;
    clear       : both;
    font-size   : 10px !important;
    font-weight : normal !important;
}
.unitFeatDesc {
    display     : block !important;
    padding     : 10px;
    text-align  : left;
    float       : left;
    clear       : both;
    font-size   : 12px !important;
    font-weight : normal !important;
    width       : 250px;
}
.ls_unit_area {
}
.ls_sortImage {
    display : inline-block;
    margin  : 0px 0px 0px 7px;
}
.unitMoreHelpDesc ul li {
    list-style-type : square;
    margin          : 0 0 0 20px;
}
.lsTH {
    float          : left;
    display        : block;
    width          : 100%;
    vertical-align : top;
}
.cardfilterButt, .iconButt {
    display : block !important;
    padding : 2px 2px !important;
}
.cardFeatureSelected, .CardSearchedFilter {
    display : block !important;
    border  : 2px solid #b00 !important;
    padding : 0px 0px !important;
}
.helpSelectionNote {
    margin-top  : 9px !important;
    font-size   : 10px;
    line-height : 12px;
    color       : #888;
}
.cardFeatureFiltersContainer {
    float : left;
}
.filterIconContainer {
    clear   : both;
    display : block;
    float   : left;
    width   : 224px;
}
.card_filter_header {
    display     : block;
    font-weight : bold;
    clear       : both;
    padding     : 0px;
    margin      : -5px 0 7px 4px;
}
.card_filter_header {
    margin-left : 0px !important;
}
.card_filter_desc {
    font-size     : 10px !important;
    margin-bottom : 14px;
}
.card_est {
    font-size : 10px !important;
    position  : absolute;
    bottom    : 5px;
    right     : 6px;
    display   : none;
}
.card_resDetails {
    display    : block;
    color      : #fff !important;
    text-align : center;
    padding    : 5px;
    margin-top : 10px;
}
.closeHelp {
    display               : block;
    background            : #888;
    color                 : #fff;
    cursor                : pointer;
    z-index               : 9999999;
    position              : absolute;
    width                 : 14px;
    height                : 14px;
    top                   : 2px;
    right                 : 3px;
    border-radius         : 8px !important;
    -moz-border-radius    : 5px !important;
    -webkit-border-radius : 8px !important;
    text-align            : center;
    padding-bottom        : 0px;
    font-size             : 10px;
    line-height           : 11px;
    font-weight           : bold;
}
.ls_closeReserve {
    display               : block;
    background            : #fff;
    color                 : #070 !important;
    cursor                : pointer;
    z-index               : 9999995;
    position              : absolute;
    width                 : 20px;
    height                : 20px;
    top                   : 7px;
    right                 : 8px;
    border-radius         : 14px !important;
    -moz-border-radius    : 14px !important;
    -webkit-border-radius : 14px !important;
    text-align            : center;
    padding-bottom        : 0px;
    font-size             : 16px !important;
    line-height           : 16px;
    font-weight           : bold;
    padding-right         : 1px;
}
.interiorcontent {
    float : left;
}
/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------- BUTTON & HEADER COLOUR DEFS ------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */

/* ----------------------Main Unit table (tab = 0,1,2,3) ---------------------------------------------------*/

/* background color behind tabs */
.filterBox {
    background : transparent;
}
/* tab background and text color */
.lstab {
    color      : #5b5c5c !important;
    background : #bdbebf;
}
/* tab rollover background and text color */
.activeTab {
    color      : #fff !important;
    background : #5b5c5c;
}
.lstab:hover {
    color      : #fff !important;
    background : #5b5c5c;
}
.filterDesc:hover {
}
/* unit table row hover background */
.trHover {
    background : #eee !important;
}
/* ----------------------specials box (tab=4) ----------------------------------------------------------------*/

/* specials box header */
.tabSpecials {
    color      : #fff;
    background : #efb00b;
}
/* specials box background color and text */
.specialsUnitsContainer {
    color      : #a57a0a;
    background : #fee4a1;
}
/* specials box row hover color */
.specialtrHover {
    background : #f4d78c;
}
/* ---------------------- specials in unit table (tab= 1,2,3) --------------------------------------------------*/

.unitSpecial {
    font-weight : bold;
}
.specialFlag {
    background : #aaa;
    color      : #fff;
}
.specialHilight {
    background : #ddd;
}
/* ----------------------Button colours for Reserve/Call Us/ClickandStor (tab= 1,2,3,4)--------------------------*/

/* BOOK button*/
.unitSelectButton, .unitSelectButtonKey {
    background : #090;
}
.unitSelectButton, .unitSelectButtonKey, .unitSelectButton a {
    color : #fff !important;
}
.unitContainer .unitSelectButton:hover, .ls_reservation_form_container .unitSelectButton:hover {
    color      : #fff;
    background : #0c0;
    cursor     : pointer;
}
/* RESERVE button*/
.unitSelectButtonRES, .unitSelectButtonKeyRES {
    background : #2c6da0;
}
.unitSelectButtonRES, .unitSelectButtonKeyRES, .unitSelectButtonRES a {
    color : #fff !important;
}
.unitSelectButtonRES:hover {
    color      : #fff;
    background : #3498e7;
    cursor     : pointer;
}
/* CLICKANDSTOR button */
.unitSelectButtonCAS, .unitSelectButtonCASKey {
    background : #f7e300;
}
.unitSelectButtonCAS, .unitSelectButtonCASKey, .unitSelectButtonCAS a {
    color : #000 !important;
}
.unitContainer .unitSelectButtonCAS:hover {
    color      : #000;
    background : #d4c300;
    cursor     : pointer;
}
/* CALL US button */
.unitSelectButtonContact {
    background : #ccc;
}
.unitSelectButtonContact, .unitSelectButtonContact a {
    color : #fff !important;
}
.unitContainer .unitSelectButtonContact:hover {
    color      : #fff;
    background : #ccc;
    cursor     : pointer;
}
.isLoadedTest {
    display : none;
}
/* ---------------------- END------------------------------------------ --------------------------------------*/