/* @override http://twiddysales.markmmalek.com/css/twiddy-global-style.css */ /* Theme Name: Twiddy - Main Site Theme URI: http://www.twiddy.com/ Description: The first themed layout for the Twiddy redesign Version: 1.0 Author: Steven Maguire Author URI: http://www.stevenmaguire.com/ */ html {margin: 0px; padding: 0px; height: 100%;} body {margin: 0px; padding: 0px; background: #eff0f0 url(../siteart/bkg-body.png) repeat; font-family: Arial, Helvetica, sans-serif;} img {border: none;} h1 {margin: 0px; padding: 3px 0px; color: #555555;} h1 span {color: #3088df; font-style: italic; font-size: 20px;} h2 {margin: 10px 0px 0px 0px; padding: 0px; color: #3088df; font-style: italic; font-size: 16px;} p {margin: 0px; padding: 5px 0px; color: #555555; font-size: 12px;} a {color: #11579f; text-decoration: none; font-weight: bold;} a:hover {color: #11579f; text-decoration: underline; font-weight: bold;} input.readText {border: none; font-weight: bold;} span.b {font-size: 18px; font-weight: bold;} form#aspnetForm {margin: 0px; padding: 0px;} .clearFix { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .float_right { float: right; } .float_left { float: left; } .saran {margin: 0px auto; padding: 0px; width: 970px; height: auto;} .wrap {margin: 0px; padding: 0px; width: 970px; height: auto; background: url(../siteart/bkg-wrap.png) repeat-y center; float: left;} .head-wrap {margin: 0px auto; padding: 0px 10px; width: 950px; height: auto; background: url(../siteart/bkg-wrap.png) repeat-y center; float: left;} .header {margin: 0px; padding: 0px 0px 0px 0px; width: 950px; height: auto; background: none; float: left;} .acctStatus {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both; background: #fff url(../siteart/bkg-acctStatus.png) repeat-x top;} .acctStatus ul {margin: 0px; padding: 0px 5px 0px 20px; list-style-type: none; float: right; background: #dee8f2 url(../siteart/bkg-acctStatus-UL.png) no-repeat top left;} .acctStatus ul li {margin: 0px; padding: 0px 5px; line-height: 20px; float: left; color: #83a1be; font-weight: bold; font-size: 11px;} .acctStatus ul li span {color: #54789b; font-size: 12px;} .logo {margin: 5px 0px 0px 0px; padding: 0px; width: 185px; height: 70px; background: none; float: left;} .logo a {margin: 0px; padding: 0px; width: 185px; line-height: 70px; display: block; background: none; text-indent: 0;} .logo a:hover {text-decoration:none;} .header .info {margin: 5px 0px 0px 0px; padding: 0px; width: 615px; height: 55px; background: url(../siteart/bkg-sprite_structure.png) no-repeat top left; background-position: 0 -491px; float: left;} .nav {margin: 0px; padding: 0px; width: 615px; height: 25px; background: none; float: left;} .mast {margin: 0px; padding: 0px; background: none; float: left;} .bbhelp {margin: 0px; padding: 0px; width: 150px; height: 108px; float: right; background: none; border-top: #dee8f2 7px solid;} .bbhelp img {margin: 0px; padding: 0px; border: none;} .ecomBadge {margin: 0px; padding: 0px; width: 140px; height: 75px; float: right; background: none;} .ecomBadge ul {margin: 5px 0px; padding: 0px; list-style-type: none; font-size: 10px;} .ecomBadge ul li {margin: 0px; padding: 0px; float: left;} .ecomBadge ul li a {margin: 0px 2px; padding: 0px 5px; display: block; line-height: 15px; background: none;} .ecomBadge ul li a.icon {margin: 0px 2px; padding: 16px 5px 0px 5px; width: 130px; height: 29px; display: block; line-height: 15px; background: url(../siteart/bkg-sprite_structure.png) no-repeat top left; background-position: 0 -297px; text-transform: uppercase; font-size: 11px; color: #888;} .ecomBadge ul li a.icon:hover {text-decoration: none; color: #666;} .ecomBadge ul li span {margin: 0px 2px; padding: 0px 5px; display: block; line-height: 15px; background: none; color: #888;} .newEcomBadge {margin: 0px; padding: 0px; width: 140px; height: 70px; float: right; background: none;} .newEcomBadge ul {margin: 0px; padding: 7px 0px 0px 0px; list-style-type: none;} .newEcomBadge ul li {margin: 0px 5px 0px 0px; padding: 0px; float: left; background: none; position: relative;} .newEcomBadge ul ul {display: none; visibility: hidden; float: none;} .newEcomBadge ul li ul.hover {margin: 0px; padding: 8px 0px 0px 0px; width: 200px; height: auto; display: block; visibility: visible; position: absolute; z-index: 999999; top: 25px; right: 1px; background: url(../siteart/bkg-acctStatus-UL_UL.gif) no-repeat top left; border-right: 1px solid #ccc; font-size: 12px;} .newEcomBadge ul li ul.hover ul {margin: 0px; padding: 0px 0px 0px 10px; width: 190px; height: auto; display: block; visibility: visible; background: #ccc;} .newEcomBadge ul li ul.hover li {display: block; float: none;} .newEcomBadge ul li ul.hover li a, .newEcomBadge ul li ul.hover li a:hover {margin: 0px; padding: 0px 5px; display: block; width: 189px; float: none; text-indent: 0; background: none; line-height: 25px; border: 1px solid #ccc; border-right: none; border-top: none; background: #fff;} .newEcomBadge ul li ul.hover ul li a, .newEcomBadge ul li ul.hover ul li a:hover {margin: 0px; padding: 0px 5px; display: block; width: 179px; float: none; text-indent: 0; background: none; line-height: 20px; background: #fff;} .newEcomBadge ul li ul.hover li a:hover, .newEcomBadge ul li ul.hover ul li a:hover {color: #fff; background: #11579f;} .newEcomBadge ul li a {margin: 0px; padding: 0px; display: block; background-image: url(../siteart/bkg-acctStatus-Buttons.gif); background-repeat: no-repeat; float: left; text-decoration: none; font-size: 1px; text-indent: -999px;} .newEcomBadge ul li a.mainButton {width: 107px; height: 30px;} .newEcomBadge ul li a.dropButton {width: 25px; height: 30px;} .newEcomBadge ul li.myAccount a.mainButton {background-position: -5px -5px;} .newEcomBadge ul li.myAccount a.dropButton {background-position: -111px -5px;} .newEcomBadge ul li.myAccount a.mainButton:hover {background-position: -5px -75px;} .newEcomBadge ul li.myAccount a.dropButton:hover {background-position: -111px -75px;} .newEcomBadge ul li.beachBag a.mainButton {background-position: -5px -36px;} .newEcomBadge ul li.beachBag a.dropButton {background-position: -111px -36px;} .newEcomBadge ul li.beachBag a.mainButton:hover {background-position: -5px -106px;} .newEcomBadge ul li.beachBag a.dropButton:hover {background-position: -111px -106px;} .search {margin: 0px; padding: 0px 35px 0px 0px; width: 765px; height: 33px; background: url(../siteart/bkg-sprite_structure.png) no-repeat top left; background-position: 0 -414px; float: left;} .search form {margin: 0px; padding: 0px; border: 3px solid #11477f; background: #ffffff; float: right;} .search form div input#s {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; width: 290px; line-height: 14px; background: none; border:0; font-size: 14px; color: #777777;} .search form input.button {margin: 0px; padding: 1px 5px; line-height: 14px; background: #3188e1; border: none; color: #ffffff; font-weight: bold; text-decoration: none; font-size: 12px; cursor: pointer;} .search form input.button:hover {margin: 0px; padding: 1px 5px; line-height: 14px; background: #2b70b7; border: none; color: #ffffff; font-weight: bold; text-decoration: none; font-size: 12px; cursor: pointer;} .browseLink {margin: 0px; padding: 0px; width: auto; height: auto; float: left;} .browseLink a {margin: 0px 0px 0px 10px; padding: 0px; width: 175px; line-height: 33px; display: block; background: none; text-indent: -9000px;} .go-button {margin: 0px; padding: 0px; width: 220px; height: 30px; float: right; background: none;} .go-button a {margin: 5px 0px 0px 0px; padding: 0px; width: 220px; height: 23px; background: none; display: block; font-size: 0px; text-indent: -99999; overflow: hidden; text-decoration: none;} .go-button a:hover {margin: 5px 0px 0px 0px; padding: 0px; width: 220px; height: 23px; background: none; display: block; font-size: 0px; text-indent: -99999; overflow: hidden; text-decoration: none;} .go-button a span {margin: 0px; padding: 0px; visibility: hidden; display: none; text-indent: -99999; overflow: hidden;} .nav ul {margin: 0px; padding: 0px 0px 0px 10px; width: 605px; height: 25px; list-style-type: none; background: url(../siteart/bkg-sprite_structure.png) no-repeat top left; background-position: 0 -216px;} .nav ul li {margin: 0px; padding: 0px; float: left;} .nav ul li a {margin: 0px; padding: 0px; height: 25px; display: block; background-image: none; font-size:1px; text-indent:-9000em;} .nav ul li a:hover {margin: 0px; padding: 0px; height: 25px; display: block; background: url(../siteart/bkg-sprite_structure.png) no-repeat top left; font-size:1px; text-indent:-9000em;} .nav ul li a.one, .nav ul li a.one:hover {width: 46px; background-position: -10px -56px;} .nav ul li a.two, .nav ul li a.two:hover {width: 175px; background-position: -56px -56px;} .nav ul li a.three, .nav ul li a.three:hover {width: 112px; background-position: -231px -56px;} .nav ul li a.four, .nav ul li a.four:hover {width: 124px; background-position: -343px -56px;} .nav ul li a.five, .nav ul li a.five:hover {width: 125px; background-position: -467px -56px;} .content {margin: 0px 20px 5px 20px; padding: 0px; width: 930px; height: auto; background: none; float: left;} .sidebar {margin: 0px; padding: 0px; width: 175px; height: auto; background: none; float: left;} .sidebar ul {margin: 0px; padding: 0px; list-style-type: none;} .main {margin: 0px; padding: 0px 10px; width: 735px; height: auto; background: none; float: right;} .footer {margin: 0px; padding: 5px 10px; width: 950px; height: 40px; background: url(../siteart/bkg-sprite_structure.png) no-repeat top left; background-position: 0 -146px; float: left;} .footer ul {margin: 0px; padding: 0px 10px; list-style-type: none; font-size: 12px;} .footer ul li {margin: 0px; padding: 0px; float: left;} .footer ul li a {margin: 0px; padding: 0px 10px; display: block; line-height: 40px; background: none; color: #ffffff; border-left: #90caf2 1px solid; border-right: #60a2d0 1px solid;} .footer ul li a:hover {margin: 0px; padding: 0px 10px; display: block; line-height: 40px; background: #4889cb; color: #ffffff; border-left: #90caf2 1px solid; border-right: #60a2d0 1px solid;} .foot-note {margin: 0px; padding: 0px 10px 10px 10px; width: 800px; height: auto; background: none; float: left;} .breadcrumb {margin: 0px; padding: 0px; width: 735px; height: 25px; float: left; border-bottom: 1px solid #cccccc; font-size: 12px;} .breadcrumb ul {margin: 0px; padding: 0px 75px 0px 0px; list-style-type: none; width: auto; height: auto; float: left; background: url(../siteart/bkg-breadcrumb-ul.png) no-repeat right center;} .breadcrumb ul li {margin: 0px; padding: 0px; float: left;} .breadcrumb ul li a {margin: 0px; padding: 0px 20px 0px 10px; display: block; line-height: 25px; font-weight: normal; background: #ffffff url(../siteart/bkg-breadcrumb.png) no-repeat right center; text-decoration: none; color: #777777;} .breadcrumb ul li a:hover {margin: 0px; padding: 0px 20px 0px 10px; display: block; line-height: 25px; font-weight: normal; background: #ffffff url(../siteart/bkg-breadcrumb.png) no-repeat right center; text-decoration: underline; color: #777777;} .breadcrumb ul li a.active {margin: 0px; padding: 0px 20px 0px 10px; display: block; line-height: 25px; font-weight: bold; background: #ffffff url(../siteart/bkg-breadcrumb.png) no-repeat right center; text-decoration: none;} .breadcrumb ul li a.active:hover {margin: 0px; padding: 0px 20px 0px 10px; display: block; line-height: 25px; font-weight: bold; background: #ffffff url(../siteart/bkg-breadcrumb.png) no-repeat right center; text-decoration: underline;} .c735 {margin: 0px; padding: 0px; width: 735px; height: auto; float: left; background: none;} .c735 h1, .tabCon h1 {border-bottom: none; font-size: 24px;} .c585 {margin: 0px; padding: 3px 5px; width: 575px; height: auto; float: left; background: none;} .c585 h1 {border-bottom: none; font-size: 24px;} .c550 {margin: 0px; padding: 3px 5px; width: 540px; height: auto; float: left; background: none;} .c515 {margin: 0px; padding: 3px 5px; width: 505px; height: auto; float: left; background: none;} .c400 {overflow: hidden;margin: 5px 0px 0px 0px; padding: 5px; width: 390px; height: auto; float: left; background: none;} .c335 {margin: 0px; padding: 0px; width: 335px; height: auto; float: left; background: none;} .c200 {margin: 0px 0px 0px 5px; padding: 5px 0px; width: 200px; height: auto; float: right; background: none;} .l200 {margin: 0px 0px 0px 0px; padding: 5px 0px; width: 199px; height: auto; float: left; background: none; border-right: 1px solid #eee;} .c185 {margin: 0px; padding: 5px 0px; width: 185px; height: auto; float: left; background: none;} .c167 {margin: 0px 0px 0px 5px; padding: 5px 0px; width: 160px; height: auto; float: left; background: none;} .filter-obj .c167 {margin: 0px 0px 0px 5px; padding: 5px 0px; width: 160px; height: auto; float: left; background: none;} .c150 {margin: 0px 0px 0px 0px; padding: 5px 0px; width: 150px; height: auto; float: left; background: none;} .c50p {margin: 0px 0px 0px 0px; padding: 5px 0px; width: 50%; height: auto; float: left; background: none;} .obj-txt {margin: 0px; padding: 5px 0px; float: left;} .obj-bookTxt {margin: 0px; padding: 5px 10px;} .obj-txt ul, .obj-bookTxt ul {margin: 0px; padding: 10px 10px 10px 30px; font-size: 12px; color: #555;} .hbox {margin: 0px; padding: 5px 0px 2px 0px; width: 735px; height: auto; float: left; border-bottom: 1px solid #cccccc;} .hbox h1 {margin-right: 10px; float: left;} .hbox span {margin: 10px 0px 0px 0px; padding: 0px; color: #3088df; font-style: italic; font-size: 16px; font-weight: bold; float: left;} .hbox .bag {margin: 0px; padding: 0px; float: right; position: relative;} .hbox .bag a {margin: 0px; padding: 0px 10px; display: block; border: 1px solid #eee; line-height: 30px; background: url(../siteart/bkg-bag-button.png) repeat-x bottom;} .hbox .bag a span {margin: 0px; padding: 0px; width: 30px; height: 30px; display: block; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -680px; float: left;} .clear {margin: 0px; padding: 0px; width: 100%; height: 10px; float: left; clear: both;} .hbox .bag .pop-cart {margin: 0px; padding: 0px; width: 175px; height: auto; position: absolute; bottom: 0px; left: 40px; z-index: 10000; background: #ffffff; border: 2px solid #cccccc;} .hbox .bag .pop-cart p {margin: 0px; padding: 5px;} .hbox .bag .pop-cart ul {margin: 0px; padding: 0px; list-style-type: none; float: none; clear: both;} .hbox .bag .pop-cart ul li {margin: 0px; padding: 0px 5px; display: block; border: none; font-size: 12px;} .hbox .bag .pop-cart ul li a {margin: 0px; padding: 0px; background: none; border: none;} .hbox .views {margin: 0px; padding: 0px; width: auto; height: auto; float: right; font-size: 12px;} .hbox .views ul {margin: 0px; padding: 0px; list-style-type: none; float: left;} .hbox .views ul li {margin: 0px; padding: 0px; float: left;} .hbox .views ul li a {margin: 0px; padding: 0px 10px; display: block; line-height: 32px; background: none; color: #888;} .hbox .views ul li.active a {color: #11579f;} .toolTipTop, .toolTipBot {margin: 0px; padding: 4px 0px 0px 0px; position: absolute; z-index: 1000; width: 350px; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -124px;} .toolTip-con {margin: 0px; padding: 0px; color: #c1a051; background: url(../siteart/bkg-toolTip.png) repeat-x top; display: block; width: auto; line-height: normal; font-weight: bold; float: left;} .toolTip-con span {margin: 0px; padding: 8px 5px 8px 10px; display: block;} .toolTip-con a.close {margin: 0px 5px 0px 5px; padding: 0px; display: block; width: 15px; height: 15px; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -20px; float: right;} .pull-quote {margin: 0px 0px 10px 10px; padding: 0px 5px 5px 10px; width: 175px; height: auto; border-bottom: #cccccc dashed 1px; float: right;} .pull-quote p {font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; color: #666666; line-height: 22px;} .pull-quote p.cite {font-size: 14px; font-style: italic; text-align: right; font-family: Arial, Helvetica, sans-serif; line-height: 16px;} .pull-quote p.cite span {font-size: 12px; font-style: normal;} .sliderCon, .picker {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; width: 540px; height: auto; float: left; background: none; border-top: 1px solid #eeeeee; line-height: 30px;} .sliderCon {padding: 5px 0px 0px 30px; background: url(../siteart/bkg-browseSteps.png) no-repeat top left; background-position: 2px 10px;} .sliderTitle {margin: 0px; padding: 0px 5px; font-size: 14px; color: #10599e; font-weight: bold; float: left;} .sliderBody {margin: 0px 20px 0px 0px; padding: 0px; float: left; background: none; line-height: 20px;} .sliderLabel, .sliderMain {margin: 0px; padding: 0px 3px; width: auto; height: auto; float: left; color: #666666; font-size: 12px; background: none; line-height: 30px;} .sliderControl {position: relative;} .sliderControl .toolTip {top: 27px; left: 10px;} .sliderControl {margin: 0px; padding: 0px 10px 0px 10px; width: auto; height: auto; float: left; line-height: 30px; color: #666666; font-size: 12px;} .sliderControl .form {margin: 0px; padding: 0px; line-height: normal; text-align: center;} .sliderControl .form input, .sliderControl .form label {margin: 0px; padding: 0px; font-size: 10px;} .sliderChecks {margin: 0px; padding: 0px 10px 0px 10px; width: auto; height: auto; float: left; line-height: 30px; color: #666666; font-size: 12px;} .sliderChecks ul {margin: 0px; padding: 0px; list-style-type: none;} .sliderChecks ul li {margin: 0px; padding: 0px; width: 30px; float: left; text-align: center; line-height: 14px;} .picker ul {margin: 0px; padding: 5px 0px 0px 30px; list-style-type: none; float: left;} .picker ul.pickOne {background: url(../siteart/bkg-browseSteps2.png) no-repeat top left; background-position: 2px 10px;} .picker ul.pickTwo {background: url(../siteart/bkg-browseSteps2.png) no-repeat top left; background-position: 2px -40px;} .picker ul li {margin: 2px; padding: 0px; float: left; font-size: 12px;} .picker ul li.title {margin: 2px; padding: 1px 4px; width: auto; height: auto; display: block; line-height: 20px; font-size: 14px; color: #10599e; font-weight: bold; float: left; border: none;} .picker ul li a {margin: 0px; padding: 0px 10px; width: auto; height: auto; display: block; line-height: 20px; background: none; font-size: 11px; border: 1px solid #ffffff; font-weight: bold; color: #888888; text-decoration: none;} .picker ul li a:hover {margin: 0px; padding: 0px 10px; width: auto; height: auto; display: block; line-height: 20px; background: none; font-size: 11px; border: 1px solid #ffffff; font-weight: bold; color: #10599e; text-decoration: none;} .picker ul li a.on, .picker ul li a.on:hover {margin: 0px; padding: 0px 10px; width: auto; height: auto; display: block; line-height: 20px; background: none; font-size: 11px; border: 1px solid #cccccc; font-weight: bold; color: #10599e; text-decoration: none;} .picker select {margin: 0px 20px 0px 0px; padding: 0px; border: 1px solid #cccccc; font-size: 12px; color: #333333;} .picker select option {margin: 0px; padding: 0px; border-bottom: 1px solid #eeeeee;} .browse-filter, .cart-filter {margin: 0px; padding: 16px 0px 5px 0px; width: 735px; height: auto; float: left; background: url(../siteart/bkg-filter-head.png) no-repeat top center;} .filter-main {margin: 0px; padding: 0px; width: 560px; height: auto; float: left; background: url(../siteart/bkg-filter-left.png) repeat-y left;} .cart-filter .filter-main {margin: 0px; padding: 0px; width: 560px; height: auto; float: left; background: url(../siteart/bkg-filter-left.png) repeat-y right;} .filter-help {margin: 0px; padding: 0px; width: 175px; height: auto; float: left; background: none;} .filter-obj {margin: 10px 0px; padding: 0px; width: 100%; height: auto; float: left;} .filter-obj h2, .filter-obj p {margin: 2px 5px; padding: 2px 5px;} .filter-obj ul {margin: 2px 5px; padding: 2px 5px 2px 10px; list-style-type: none; border-bottom: 1px solid #ccc;} .filter-obj ul li {margin: 0px; padding: 4px 0px; display: block; font-size: 11px; color: #333;} .filter-obj ul li strong {font-size: 13px;} .filter-obj ul li strong.bigger {font-size: 20px;} .sliderMain a {margin: 0px; padding: 0px; text-decoration: none;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ------------------------------>>> OMG TABLE BEGIN <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ .cart-table .hthree, .cart-table .htwo, .cart-table .hone {margin: 0px; padding: 0px; width: 100%; height: auto; float: left;} .cart-table {margin: 0px; padding: 14px 0px 0px 0px; width: 735px; height: auto; float: left; background: url(../siteart/bkg-filter-head.png) no-repeat top center;} .cart-table table {margin: 0px; padding: 0px 5px 0px 0px; width: 100%; float: left; background: none; border-right: 3px solid #11579f;} .cart-table table tbody {margin: 0px; padding: 0px; text-align: center; vertical-align: middle;} .cart-table table tbody tr {margin: 0px; padding: 0px;} .cart-table table tbody tr td {margin: 0px; padding: 0px; font-size: 12px; vertical-align: middle;} .cart-table table tbody tr td a.booknow {margin: 0px auto; padding: 0px 10px; display: block; width: 105px; line-height: 18px; background: url(../siteart/bkg-sprite_lgIcons.png) no-repeat top left; background-position: 0px 0px; text-align: left; color: #333;} .cart-table table.info {margin: 0px; padding: 0px 5px 0px 0px; width: 100%; float: left; background: none; border-left: 3px solid #11579f;} .cart-table table.info tr.head td.one {margin: 0px; padding: 0px; width: 147px; text-align: left; background: none; border-bottom: 2px solid #11579f;} .cart-table table.info tr.head td.two .act {border-left: 2px solid #11579f;} .cart-table table.results tr td.one {margin: 0px; padding: 0px; width: 165px; text-align: left; border-right: 2px solid #11579f;} .cart-table table.results tr.on td,.cart-table table.results tr.off td, .cart-table table.results tr.vote td, .cart-table table.results tr.voteResults td, .cart-table table.results tr.selectWeek td, .cart-table table.results tr.foot td.one {padding: 5px;} .cart-table table.results tr.on td.one,.cart-table table.results tr.off td.one,.cart-table table.results tr.foot td.one {text-align: left;} .cart-table table.results tr.on {background: #f0f8fb; border-bottom: 1px solid #ccc;} .cart-table table.results tr.off {background: #ffffff; border-bottom: none;} .cart-table table.results tr.vote, .cart-table table.results tr.voteResults {background: #fff; color: #64A320; font-weight: bold;} .cart-table table.results tr.selectWeek {background: #4179b2; color: #fff; font-weight: bold;} .cart-table table.results tr.foot {background: #eee; border-bottom: 1px solid #ccc;} .cart-table table.results tr.foot .act {margin: 0px; padding: 0px; border: none;} .cart-table table.results tr form {margin: 0px; padding: 0px; float: left;} .cart-table table.results tr form select {margin: 0px; padding: 0px; float: left; border: 1px solid #eee; font-size: 10px; color: #222;} .cart-table table.results tr form a {margin: 0px 0px 0px 5px; padding: 0px; float: left; font-size: 10px; font-weight: normal; line-height: 20px;} .cart-table table tbody tr td .addAmen {margin: 0px; padding: 0px; position: relative;} .cart-table table tbody tr td .addAmen .toolTip {top: 18px; left: 10px;} .cart-table table.results tr.voteResults td {vertical-align: top;} .cart-table table.results tr.voteResults td.one {vertical-align: top;} .cart-table table.results tr.voteResults ul {margin: 0px; padding: 0px; list-style-type: none; width: 100%;} .cart-table table.results tr.voteResults ul.closed ul {visibility: hidden; display: none;} .cart-table table.results tr.voteResults ul.open ul {visibility: visible; display: block;} .cart-table table.results tr.voteResults ul li {margin: 0px; padding: 0px; display: block; font-size: 24px;} .cart-table table.results tr.voteResults ul li ul {margin: 0px; padding: 0px; text-align: center; border-top: 1px solid #eee; color: #999;} .cart-table table.results tr.voteResults ul li ul li {margin: 0px; padding: 5px 0px 0px 0px; font-size: 12px; display: block; float: left; width: 100%;} .cart-table table.results tr.voteResults a.voteCol {width: 15px; height: 15px; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -527px; font-size:1px; text-indent:-1000em; display: block; border: 2px solid #eef4f8; float: right;} .cart-table table.results tr.voteResults a.voteCol:hover {width: 15px; height: 15px; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -527px; font-size:1px; text-indent:-1000em; display: block; border: 2px solid #e2e2e2; float: right;} .cart-table table.results tr.voteResults a.voteExp {width: 15px; height: 15px; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -54px; font-size:1px; text-indent:-1000em; display: block; border: 2px solid #eef4f8; float: right;} .cart-table table.results tr.voteResults a.voteExp:hover {width: 15px; height: 15px; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -54px; font-size:1px; text-indent:-1000em; display: block; border: 2px solid #e2e2e2; float: right;} .cart-table .one table tbody tr td {width: } .id, .img, .act {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; font-size: 12px;} .id {padding: 2px 0px; background: #eeeeee;} .img img {margin: 10px 0px; width: auto; height: 120px; border: none;} .act {border-top: 2px solid #11579f;} .act ul {margin: 0px; padding: 3px 0px; list-style-type: none; float: none; text-align: center; line-height: 20px; background: #eee;} .act ul li {margin: 0px 4px; padding: 0px; float: none; display: inline; line-height: 20px;} .cart-txt {margin: 0px; padding: 0px; width: 100%; height: auto; float: left;} .cart-txt p {margin: 5px 0px; padding: 0px 10px;} ul.cart-actions {margin: 0px; padding: 0px 5px; width: 162px; height: auto; list-style-type: none; float: left; border-top: none;} ul.cart-actions li {margin: 2px; padding: 0px; float: left;} ul.cart-actions li.title {margin: 0px; padding: 0px; width: 162px; height: 25px; display: block; line-height: 25px; font-size: 14px; color: #10599e; font-weight: bold; float: left;} ul.cart-actions li a {margin: 0px; padding: 0px 5px 0px 5px; width: 145px; height: 25px; display: block; line-height: 25px; background: none; font-size: 11px; border: 1px solid #eeeeee; font-weight: bold; color: #888888; text-decoration: none;} ul.cart-actions li a:hover {margin: 0px; padding: 0px 5px 0px 5px; width: 145px; height: 25px; display: block; line-height: 25px; background: none; font-size: 11px; border: 1px solid #eeeeee; font-weight: bold; color: #666666; text-decoration: none;} ul.cart-actions li a.email {background: url(../siteart/bkg-sprite_smIcons.png) no-repeat right center; background-position: 130px -229px;} ul.cart-actions li a.email:hover {background: url(../siteart/bkg-sprite_smIcons.png) no-repeat right center; background-position: 130px -229px; font-weight: bold; text-decoration: none; color: #666666;} ul.cart-actions li a.remove {background: url(../siteart/bkg-sprite_smIcons.png) no-repeat right center; background-position: 130px -150px;} ul.cart-actions li a.remove:hover {background: url(../siteart/bkg-sprite_smIcons.png) no-repeat right center; background-position: 130px -150px; font-weight: bold; text-decoration: none; color: #666666;} .cart-foot {margin: 0px; padding: 5px 0px; width: 100%; height: auto; background: url(../siteart/bkg-filter-foot.png) no-repeat top right; float: left; text-align: right;} .bbTotals {margin: 0px; padding: 10px;} .bbTotals table {width: 100%; height: auto; vertical-align: top;} .bbTotals table thead {background: #eee; color: #666; font-weight: bold; text-align: left; font-size: 14px; vertical-align: top;} .bbTotals table thead th {padding: 5px;} .bbTotals table tbody {padding: 5px; background: #fff; color: #333; font-weight: normal; text-align: left; font-size: 12px; vertical-align: top;} .bbTotals table tbody td {padding: 5px;} .bbTotals table tbody tr {color: #666; font-weight: normal; text-align: left; font-size: 12px;} .bbTotals table tbody tr.on {background: #fff;} .bbTotals table tbody tr.off {background: #E8EDFF;} .bbTotals table tbody td ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 11px;} .bbTotals table tbody td ul li {margin: 0px; padding: 2px 0px; border-bottom: 1px solid #eee;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ------------------------------->>> OMG TABLE END <<<------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ .qlWrap {margin: 0px; padding: 0px; width: 363px; height: auto; position: absolute; bottom: 5px; left: 51px; z-index: 999999;} .qlCon {margin: 0px; padding: 0px; width: 363px; height: auto; background: url(../siteart/bkg-popShade.png) repeat; float: left;} .qlMain {margin: 0px 1px 1px 0px; padding: 0px; width: 357px; height: auto; background: #e9e9e9; border-left: 5px solid #11579f; border-top: 5px solid #11579f; float: left;} .qlHead {margin: 0px; padding: 0px; width: 100%; height: 30px; border-bottom: 1px solid #eee; float: left; background: #fff;} .qlHead span {margin: 0px; padding: 5px; float: left; color: #555555; font-size: 16px; font-weight: bold;} .qlHead span span {margin: 0px 0px 0px 5px; padding: 0px; color: #3088df; font-style: italic; font-size: 12px; font-weight: bold; float: none;} .qlHead a.close {margin: 0px; padding: 0px 10px 0px 20px; display: block; line-height: 20px; background: #fff url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -89px; border: 1px solid #eee; color: #666; font-size: 10px; float: right;} .qlLeft {margin: 0px; padding: 0px; width: 225px; height: auto; float: left; background: #fff;} .qlRight {margin: 0px; padding: 0px; width: 130px; height: auto; float: right; background: none;} .qlImg {margin: 0px; padding: 0px; width: 100%; height: auto; float: left;} .qlImg img {margin: 5px; width: 215px;} .qlGal {margin: 0px; padding: 5px 0px; width: 100%; height: auto; float: left;} .qlGal ul {margin: 0px; padding: 0px; list-style-type: none;} .qlGal ul li {margin: 0px; padding: 0px; float: left;} .qlGal ul li a {margin: 0px 5px; padding: 0px; display: block; width: 65px; height: 60px;} .qlGal ul li a img {width: 100%; height: 100%;} .qlFoot {margin: 0px; padding: 0px; width: 100%; height: 25px; border-top: 1px solid #eee; float: left; background: #fff;} .qlFoot ul {margin: 0px; padding: 0px; list-style-type: none;} .qlFoot ul li {margin: 0px; padding: 0px; float: left;} .qlFoot ul li a {margin: 0px 2px; padding: 0px 10px; display: block; line-height: 25px; background: #fff; font-size: 10px; border-right: 1px solid #eee; border-left: 1px solid #eee;} .qlFoot ul li.alert a {background: #64a320; color: #fff;} .qlTabs, .qlTabsbody {margin: 0px; padding: 0px; width: 100%; height: auto; float: left;} .qlTabs {background: #fff;} .qlTabs ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 11px;} .qlTabs ul li {margin: 0px; padding: 0px; float: left;} .qlTabs ul li a {margin: 0px; padding: 0px 7px; display: block; line-height: 20px; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee;} .qlTabs ul li.ui-tabs-selected a {background: #e9e9e9;} .qlTabsbody ul {margin: 5px; padding: 0px; list-style-type: none; font-size: 11px;} .qlTabsbody ul li {margin: 0px 0px 3px 0px; padding: 3px; display: block; border-bottom: 1px solid #eee; background: #fff; color: #555;} .qlTabsbody ul li span {font-weight: bold;} .qlTabsbody ul.amen li {margin: 0px; padding: 0px; display: block;} .qlTabsbody ul.amen li a img {margin: 0px; padding: 0px; width: 120px;} .filter-toggles-wrap {margin: 0px; padding: 0px 0px 4px 0px; width: 175px; height: auto; float: left; background: url(../siteart/bkg-filter-foot.png) no-repeat bottom right;} .cart-filter .filter-toggles-wrap {margin: 0px; padding: 0px 0px 4px 0px; width: 175px; height: auto; float: left; background: url(../siteart/bkg-filter-foot.png) no-repeat bottom left;} .cart-filter .filter-toggles, .filter-toggles, .avail-con {margin: 0px; padding: 0px 5px; width: 165px; height: auto; float: left; background: url(../siteart/bkg-filter-right.png) repeat-y right; border-top: none;} .cart-filter .filter-actions, .filter-actions {margin: 0px; padding: 0px 5px; width: 165px; height: 170px; float: left; background: url(../siteart/bkg-filter-right.png) repeat-y left; border-top: none;} .filter-toggles ul {margin: 0px; padding: 0px; list-style-type: none; float: left;} .filter-actions ul, .avail-con ul {margin: 0px; padding: 0px; list-style-type: none; float: left;} .filter-actions p {margin: 5px 0px; padding: 0px 10px; float: left;} .filter-toggles ul li, .filter-actions ul li, .avail-con ul li {margin: 2px; padding: 0px; float: left;} .filter-toggles ul li.title, .filter-actions ul li.title, .avail-con ul li.title {margin: 0px; padding: 0px; width: 162px; height: 25px; display: block; line-height: 25px; font-size: 14px; color: #10599e; font-weight: bold; float: left;} .filter-toggles ul li a {margin: 0px; padding: 0px 55px 0px 5px; width: 95px; height: 25px; display: block; line-height: 25px; background: none; font-size: 11px; border: 1px solid #eeeeee; font-weight: bold; color: #888888; text-decoration: none;} .filter-toggles ul li a:hover {margin: 0px; padding: 0px 55px 0px 5px; width: 95px; height: 25px; display: block; line-height: 25px; background: none; font-size: 11px; border: 1px solid #eeeeee; font-weight: bold; color: #666666; text-decoration: none;} .filter-toggles ul li a.on {background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 95px -265px;} .filter-toggles ul li a.on:hover {background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 95px -265px; font-weight: bold; text-decoration: none; color: #666666;} .filter-toggles ul li a.off {background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 95px -186px;} .filter-toggles ul li a.off:hover {background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 95px -186px; font-weight: bold; text-decoration: none; color: #666666;} .filter-toggles ul li.alertTog {margin: 0px 0px 0px 0px; padding: 0px; width: 100%; height: auto; float: left; background: url(../siteart/bkg-toolTip.png) repeat-x top; display: block; clear: both;} .filter-toggles ul li.alertTog a.close {margin: 0px 0px 0px 10px; padding: 0px 5px 0px 20px; height: auto; width: auto; display: block; line-height: 20px; float: right; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -18px; border: 1px solid #f5efcb; color: #c1a051; font-size: 10px;} .filter-toggles ul li.alertTog span {margin: 0px; padding: 5px 10px; display: block;} .filter-toggles ul li.alertTog span p {margin: 0px; padding: 0px; font-weight: bold; font-size: 13px; color: #c1a051;} .filter-actions ul li a {margin: 0px; padding: 0px 35px 0px 5px; width: 115px; height: 25px; display: block; line-height: 25px; background: none; font-size: 11px; border: 1px solid #eeeeee; font-weight: bold; color: #888888; text-decoration: none;} .filter-actions ul li a:hover {margin: 0px; padding: 0px 35px 0px 5px; width: 115px; height: 25px; display: block; line-height: 25px; background: none; font-size: 11px; border: 1px solid #eeeeee; font-weight: bold; color: #666666; text-decoration: none;} .filter-actions ul li a.email {background: url(../siteart/bkg-email.png) no-repeat right center;} .filter-actions ul li a.email:hover {background: url(../siteart/bkg-email.png) no-repeat right center; font-weight: bold; text-decoration: none; color: #666666;} .filter-actions ul li a.remove {background: url(../siteart/bkg-remove.png) no-repeat right center;} .filter-actions ul li a.remove:hover {background: url(../siteart/bkg-remove.png) no-repeat right center; font-weight: bold; text-decoration: none; color: #666666;} a#availCal, a#availCal:hover {margin: 0px; padding: 0px; width: 25px; height: 25px; float: right; display: block; background: url(../siteart/bkg-availCal.png) no-repeat center center; background-position: 0 0; font-size: 1px; text-decoration: none;} a#availCal:hover, a#availCal.availON {background-position: 0 -25px;} .avail-con ul li.title {position: relative;} .availUIcon {margin: 0px; padding: 0px; width: 620px; height: auto; position: absolute; top: 22px; right: 4px; z-index: 9999999;} .availUI {margin: 0px; padding: 5px; width: 610px; height: auto; background: #f6f6f6; border: 2px solid #ccc; border-top: 2px solid #ebebeb; border-right: 2px solid #ebebeb; float: left;} .availUI .xbody {margin: 0px; padding: 0px; width: 425px; height: auto; float: left; clear: left;} .availUI .availCheckDate {margin: 0px; padding: 0px; width: 185px; height: auto; float: left; clear: right; background: none;} .availUI .availCheckDate ul {margin: 0px; padding: 10px; list-style-type: none; float: none;} .availUI .availCheckDate ul li {margin: 0px; padding: 3px 0px; width: 100%; height: auto; clear: both; float: left; line-height: normal; font-size: 12px; font-weight: normal; color: #333; border-top: 1px solid #eee;} .availUI .availCheckDate ul li.title {font-size: 14px; font-weight: bold; border: none;} .availUI .availCheckDate ul li label {margin: 0px; padding: 0px; width: 100px; clear: left; float: left;} .availUI .availCheckDate ul li input {margin: 0px; padding: 0px; width: auto; clear: right; float: left;} .avail-out, .avail-new {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both;} .avail-out li {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both; border-bottom: 1px solid #eee;} .avail-out li.availAction {font-size: 10px;} .avail-out li.availAction a, .avail-out li.availAction a:hover {margin: 0px 0px 5px 0px; padding: 0px 10px; display: block; width: 60px; line-height: 20px; background: url(../siteart/bkg-availOptControlsm.gif) no-repeat top left; background-position: 0 0; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; text-align: center; float: right; clear: both;} .avail-out li.availAction a:hover {background-position: 0 -20px;} .avail-out label {margin: 0px; padding: 3px; width: 75px; height: auto; background: #fff; font-size: 10px; text-transform: uppercase; float: left; color: #888; font-weight: bold;} .avail-out input {margin: 0px; padding: 3px; width: 70px; height: auto; background: #fff; font-size: 10px; text-transform: uppercase; float: left; border: none; color: #444; font-weight: bold;} .avail-new {background: url(../siteart/bkg-toolTip.png) repeat-x top;} .avail-new p {margin: 0px; padding: 10px; text-align: center; font-weight: bold; font-size: 13px; color: #c1a051;} .availCalButton {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both;} .availCalButton a, .availCalButton a:hover {margin: 0px; padding: 0px; width: 159px; height: 82px; display: block; background: url(../siteart/bkg-availCalButton.png) no-repeat top left; background-position: 0 0; text-decoration: none;} .availCalButton a:hover {background-position: 0 -82px;} .availCalButton a.two, .availCalButton a.two:hover {margin: 0px; padding: 0px; width: 159px; height: 154px; display: block; background: url(../siteart/bkg-availCalButton2.png) no-repeat top left; background-position: 0 0; text-decoration: none;} .availOpt {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both; background: none;} .availOpt ul {margin: 0px; padding: 5px; list-style-type: none;} .availOpt ul li {margin: 0px; padding: 0px; float: left; font-size: 12px; color: #555; line-height: 25px;} .availOpt ul li select {margin: 0px 5px; padding: 0px;} .availOpt ul.availOptMenu {float: left;} .availOpt ul.availOptMenu li {margin: 0px 20px 0px 0px; padding: 0px; font-size: 14px; text-transform: uppercase; color: #666;} .availOpt ul.availOptMenu li span {font-size: 16px; color: #333;} .availOpt ul.availOptControl {float: right;} .availOpt ul.availOptControl li a, .availOpt ul.availOptControl li a:hover {margin: 0px; padding: 0px 10px; display: block; width: 80px; line-height: 25px; background: url(../siteart/bkg-availOptControl.gif) no-repeat top left; background-position: 0 0; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; text-align: center;} .availOpt ul.availOptControl li a:hover {background-position: 0 -25px;} .filter-sort {overflow: hidden;margin: 0px; padding: 0px 5px 4px 5px; width: 550px; height: auto; background: none; float: left; border-bottom: 3px solid #10589f;} .filter-sort a {font-weight: normal;} .filter-sort a:hover {font-weight: normal;} .filter-sort h3 {margin: 0px; padding: 0px; font-size: 14px; color: #10599e;} .filter-sort ul.row {margin: 0px; padding: 5px; width: 415px; list-style-type: none; float: left; border-bottom: 1px solid #cccccc; font-size: 12px; background: none;} .filter-sort ul.row li {margin: 2px 5px 0px 5px; padding: 0px; float: left;} .filter-sort ul.row h3 {margin: 0px 10px 0px 0px; float: left;} .filter-sort ul.col {margin: 0px; padding: 5px; width: 110px; list-style-type: none; float: left; border-left: 1px solid #cccccc; font-size: 12px;} .filter-sort ul.col li {margin: 0px; padding: 0px 0px 0px 10px; display: block;} .filter-sort ul.col h3 {margin: 0px; padding: 0px; float: none; border-right: none;} .filter-results-wrap, .cart-results-wrap {margin: 0px; padding: 0px 0px 4px 0px; width: 560; height: auto; float: left; background: url(../siteart/bkg-filter-foot.png) no-repeat bottom center;} .filter-results, .cart-results {margin: 0px; padding: 0px 5px 10px 5px; width: 550px; height: auto; background: url(../siteart/bkg-filter-right.png) repeat-y right; float: left;} .cart-filter .filter-results, .cart-filter .cart-results {margin: 0px; padding: 0px 5px 10px 5px; width: 550px; height: auto; background: url(../siteart/bkg-filter-right.png) repeat-y left; float: left;} .filter-results div.on {margin: 0px 0px 5px 0px; padding: 3px 0px; width: 550px; height: auto; float: left; background: #ffffff; border-top: 1px solid #cccccc; border-bottom: 1px solid #eeeeee;} .filter-results div.off {margin: 0px 0px 5px 0px; padding: 3px 0px; width: 550px; height: auto; float: left; background: #ebf1f5; border-top: 1px solid #cccccc; border-bottom: none;} .filter-results .thumb {margin: 0px; padding: 5px; width: 103px; height: auto; float: left; background: none; position: relative;} .filter-results .thumb a.thumbImg img {border: none; width: 103px;} .filter-results .thumb a.ql {margin: 0px; padding: 1px; display: block; border: non; width: 44px; height: 18px; font-size: 10px; text-align: center; color: #333; border-top: 1px solid #11579f; background: #11579f url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -306px; position: absolute; bottom: 5px; left: 5px;} .filter-results .thumb a.ql:hover {padding: 1px; border: none; border-top: 1px solid #fff; border-right: 1px solid #fff; width: 46px; height: 18px;} .filter-results .details {margin: 0px; padding: 5px 5px 0px 5px; width: 421px; height: auto; float: left; background: none;} .filter-results .details h2 {margin: 0px; padding: 0px; font-size: 18px; width: auto; color: #10589f; border-bottom: 1px solid #cccccc; background: none;} .filter-results .details h2 span {margin: 0px 0px 0px 10px; padding: 0px; font-size: 14px; color: #3c8ee1; font-style: italic;} .filter-results .details span.bag {margin: 0px; padding: 0px; width: 125px; height: auto; background: none; float: right; clear: none;} .filter-results .details span.bag a {margin: 0px; padding: 0px; width: 105px; height: auto; display: block; font-size: 12px; color: #3c8ee1; font-style: italic; background: none; float: right;} .filter-results .details span.bag a.on {margin: 0px; padding: 0px 0px 0px 20px; width: 105px; height: auto; display: block; font-size: 12px; color: #3c8ee1; font-style: italic; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -688px; float: right;} .filter-results .details p {margin: 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #cccccc; font-size: 12px;} .filter-results .details ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 12px; border: none;} .filter-results .details ul li {margin: 0px; padding: 0px; display: block; border: none;} .filter-results div.sort {margin: 0px; padding: 2px 5px 3px 5px; width: auto; height: auto; float: right; font-size: 11px; background: #10589f;} .filter-results div.sort a {margin: 0px; padding: 0px 20px 0px 0px; line-height: 12px; color: #ffffff; font-weight: bold; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 140px -388px;} .filter-results div.sort a:hover {margin: 0px; padding: 0px 20px 0px 0px; line-height: 12px; color: #ffffff; font-weight: bold; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 140px -388px;} .filter-results div.browseSumm {margin: 0px; padding: 2px 5px 3px 5px; width: auto; height: auto; float: left; font-size: 11px; color: #444;} .filter-results .details ul.specs {margin: 0px; padding: 3px; float: left; width: 250px} .filter-results .details ul.specs li {margin: 2px 10px 0px 0px; padding: 0px; width: 230px; color: #10589f; display: block; font-weight: normal; float: left; clear: both; background: none; line-height: 20px;} .filter-results .details ul.specs li span {margin-left: 5px; font-weight: bold; color: #3c8ee1; float: none;} .filter-results .details ul.cart {margin: 0px; padding: 0px; width: 160px; height: auto; float: right; position: relative; list-style-type: none; background: none;} .filter-results .details ul.cart li {margin: 0px; padding: 0px; width: 160px; font-size: 11px; font-weight: bold; color: #555555; float: right; border: none; clear: both; text-align: right;} .filter-results .details ul.cart li.peak {font-size: 18px;} .filter-results .details ul.cart li.low {font-size: 14px;} .filter-results .details ul.cart li.bookNow a {margin: 5px 0px 0px 0px; padding: 0px; width: 125px; height: 25px; display: block; background: url(../siteart/bkg-rns-bookNow.png) no-repeat top left; background-position: 0 0; float: right;} .filter-results .details ul.cart li.bookNow a:hover {margin: 5px 0px 0px 0px; padding: 0px; width: 125px; height: 25px; display: block; background: url(../siteart/bkg-rns-bookNow.png) no-repeat top left; background-position: 0 -25px; float: right; text-decoration: none;} .filter-results .details ul.cart li span {margin: 0px 5px 0px 0px; font-size: 11px; text-transform: uppercase;} .filter-results div.on .details ul.cart li span {color: #aaa;} .filter-results div.off .details ul.cart li span {color: #8fa5b4;} .filter-results .details ul.cart li a {margin: 0px; padding: 3px; background: none; display: block;} .filter-results .details ul.cart .pop-cart {margin: 0px; padding: 0px; width: 175px; height: auto; position: absolute; bottom: 40px; left: 40px; z-index: 10000; background: #ffffff; border: 2px solid #cccccc;} .filter-results .details ul.cart .pop-cart p {margin: 0px; padding: 5px;} .filter-results .details ul.cart .pop-cart ul {margin: 0px; padding: 0px; list-style-type: none; float: none; clear: both;} .filter-results .details ul.cart .pop-cart ul li {margin: 0px; padding: 2px 5px; display: block;} .filter-results .details ul.cart .pop-cart ul li a {margin: 0px; padding: 0px; background: none;} .filter-results .details ul.cart-amen {margin: 0px; padding: 0px; list-style-type: none; float: left; line-height: 20px;} .filter-results .details ul.cart-amen li {margin: 0px; padding: 0px; width: 21px; float: left; clear: none;} .filter-results .details ul.cart-amen li.h {margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; width: auto; color: #10589f; font-weight: normal;} .filter-results .details ul.cart-amen li a {margin: 0px 3px; padding: 0px; width: 20px; height: 20px; background: none; display: block; border: 1px solid #eeeeee;} .filter-results .details ul.cart-amen li a:hover {margin: 0px 3px; padding: 0px; width: 20px; height: 20px; background: none; display: block; border: 1px solid #cccccc;} .filter-results .details ul.cart-amen li a img {margin: 0px; padding: 0px; width: 20px; height: 20px;} .featured, .nonFeatured {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; float: left; background: #ffffff; border-top: 3px solid #d9f0ff; border-bottom: 1px solid #d9f0ff;} .featured h2 {margin: 0px; padding: 5px 5px; font-size: 14px; color: #10599e; background: #f6fcff;} .featured h2.top {float: left;} .featured .ratesExp, .nonFeatured .ratesExp {margin: 0px; padding: 5px; float: right; font-size: 12px; font-weight: bold; color: #10599e;} .featured div.on, .featured div.off {background: #fffbdd;} .filter-results .featured div.on .details ul.cart li span, .filter-results .featured div.off .details ul.cart li span {color: #c5c09e;} .prop-detail {margin: 0px 0px 0px 0px; padding: 5px 5px; width: 720px; height: auto; float: left; background: #eefafe;} .prop-detail ul.row {margin: 0px; padding: 0px; width: auto; list-style-type: none; float: left;} .prop-detail ul.row li {margin: 2px 20px 0px 0px; padding: 0px; float: left; font-size: 12px; font-weight: bold; color: #3088df;} .prop-detail ul.row li span {color: #11579f;} .xbox-alert {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: none;} .xbox-open {margin: 5px 0px 10px 0px; padding: 0px; width: 100%; height: auto; float: left; background: none;} .xbox-closed {margin: 5px 0px 10px 0px; padding: 0px; width: 100%; height: auto; float: left; background: none;} .xbox-static {margin: 5px 0px 10px 0px; padding: 0px; width: 100%; height: auto; float: left; background: none;} .xbox-static h6 {font-size: 11px; color: #999;} .xbox-static ul {margin: 0px; padding: 10px; list-style-type: none; border: 1px solid #e0e0e0; font-size: 11px; color: #333;} .xbox-static ul li {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 100%; display: block; border-bottom: none;} .xbox-static ul ul {margin: 0px; padding: 0px; border: none;} .xbox-static ul ul li {margin: 0px; padding: 2px; width: auto; display: block; border-bottom: none;} .xbox-static ul ul li.em {font-size: 20px; font-weight: bold;} .xbox-static ul ul ul {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 10px; border: none; border-left: 1px solid #e0e0e0;} .xbox-static ul ul ul li {margin: 0px; padding: 0px; width: 100%; display: block; border-bottom: none;} .xbox-static ul ul ul li a {margin: 1px 0px; padding: 3px; width: auto; display: block; background: #efefef;} .xhead {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: #eef4f8; border-top: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2;} .xhead ul {margin: 0px; padding: 0px 0px; list-style-type: none; float: left;} .xhead ul li {margin: 0px 7px 0px 3px; padding: 0px; float: left; font-size: 13px; font-weight: bold; color: #444444; line-height: 20px;} .xhead ul li span {font-size: 10px; color: #666666;} .xbox-open .xhead ul li a {width: 15px; height: 15px; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -527px; font-size:1px; text-indent:-1000em; display: block; border: 2px solid #eef4f8;} .xbox-open .xhead ul li a:hover {width: 15px; height: 15px; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -527px; font-size:1px; text-indent:-1000em; display: block; border: 2px solid #e2e2e2;} .xbox-closed .xhead ul li a {width: 15px; height: 15px; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -54px; font-size:1px; text-indent:-1000em; display: block; border: 2px solid #eef4f8;} .xbox-closed .xhead ul li a:hover {width: 15px; height: 15px; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -54px; font-size:1px; text-indent:-1000em; display: block; border: 2px solid #e2e2e2;} .xbox-open .xbody {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: none;} .xbox-closed .xbody {margin: 0px; padding: 0px; width: 100%; /*height: 0px;*/ float: left; background: none; overflow: hidden; /*visibility: hidden;display: none;*/} .xbody p strong {margin: 0px; padding: 0px 5px 0px 0px; color: #333333; font-size: 14px;} .xbody p {margin: 0px; padding: 5px 10px;} .xbody .map {margin: 0px; padding: 0px; width: 100%; height: 495px; background: url(../siteart/googlemap2.png) no-repeat center center; float: left;} .xbody .trim {margin: 0px; padding: 0px; width: 100%; height: auto; background: none; float: left;} .xbody ul.menu {margin: 0px; padding: 5px; list-style-type: none; font-size: 12px; color: #333;} .xbody ul.menu li {margin: 0px; padding: 0px; display: block;} .xbody ul.menu li a {margin: 0px; padding: 3px 0px; width: 100%; display: block; border-bottom: 1px solid #cccccc;} .xbody ul.menu li.sshow a {padding: 3px 0px 3px 50px; width: 100px; font-size: 14px; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -635px; line-height: auto;} .xbody ul.menu li.bbag {padding: 0px 0px 0px 0px; width: 150px; font-size: 14px; background: none;} .xbody ul.menu li.bbag p {margin: 0px; padding: 5px 0px 0px 5px;} .xbody ul.menu li.bbag a {margin: 0px; padding: 0px; width: auto; display: inline; border-bottom: none;} .xbody ul.menu li.bbag a.bbagMain {padding: 3px 0px 3px 25px; display: block; width: 125px; font-size: 12px; line-height: auto; border-bottom: 1px solid #cccccc;} .xbody ul.menu li.aerial a {padding: 3px 0px 3px 40px; width: 100px; font-size: 14px; line-height: auto;} .xbox-alert .xbody ul.menu li a {margin: 0px; padding: 3px 0px; width: 100%; display: block; border-bottom: none; font-size: 18px; text-align: center;} .xbody .qsInput {margin: 0px 10px; padding: 0px; background: #fff; border: 1px solid #cccccc; float: left;} .xbody .qsInput input.s {margin: 0px; padding: 2px 5px; width: 450px; border: none; text-align: left; float: left; font-weight: bold; color: #666666; font-size: 16px; } .xbody .qsInput input.button {margin: 0px; padding: 2px; float: right;} .xbody .negSearch {margin: 0px 10px; padding: 0px; width: 95%; float: left;} .xbody .negSearch p {margin: 10px 0px 0px 0px; padding: 5px; width: 93%; background: #fee7e7; border: 2px solid #fec6c6; font-weight: bold; color: #ff6464; font-size: 13px;} .xbody ul.text {margin: 0px; padding: 0px 40px; list-style-type: none; font-size: 12px; color: #444444; font-style: italic;} .xbody ul.text li {margin: 0px; padding: 5px 5px; display: block; border-bottom: 1px dashed #cccccc;} .xbody ul.small-gallery {margin: 0px; padding: 2px 5px; list-style-type: none;} .xbody ul.small-gallery li {margin: 0px; padding: 0px; float: left;} .xbody ul.small-gallery li a {margin: 3px; padding: 0px; width: 35px; height: 35px; background: none; display: block; border: 1px solid #eeeeee;} .xbody ul.small-gallery li a:hover {margin: 3px; padding: 0px; width: 35px; height: 35px; background: none; display: block; border: 1px solid #cccccc;} .xbody ul.small-gallery li a img {margin: 0px; padding: 0px; width: 35px; height: 35px;} .xbody ul.wide-gallery {margin: 0px; padding: 2px 5px; list-style-type: none;} .xbody ul.wide-gallery li {margin: 0px; padding: 0px; float: left;} .xbody ul.wide-gallery li a {margin: 3px; padding: 0px; width: 140px; height: 23px; background: none; display: block; border: 1px solid #eeeeee;} .xbody ul.wide-gallery li a:hover {margin: 3px; padding: 0px; width: 140px; height: 23px; background: none; display: block; border: 1px solid #cccccc;} .xbody ul.wide-gallery li a img {margin: 0px; padding: 0px; width: 140px; height: 23px;} .xbody ul.large-gallery {margin: 0px; padding: 2px 5px; list-style-type: none;} .xbody ul.large-gallery li {margin: 0px; padding: 0px; float: left;} .xbody ul.large-gallery li a {margin: 3px; padding: 0px; width: 100px; height: 77px; background: none; display: block; border: 1px solid #eeeeee;} .xbody ul.large-gallery li a:hover {margin: 3px; padding: 0px; width: 100px; height: 77px; background: none; display: block; border: 1px solid #cccccc;} .xbody ul.large-gallery li a img {margin: 0px; padding: 0px; width: 100px; height: 77px;} .xbody .nlargeScroll {margin: 0px; padding: 0px; width: 20px; height: 90px; background: none; float: left;} .xbody .nlargeScroll a {margin: 0px; padding: 0px; width: 18px; height: 89px; display: block; border: 1px solid #eee; border-top: none;} .xbody .nlargeScroll a:hover {margin: 0px; padding: 0px; width: 18px; height: 89px; display: block; border: 1px solid #ddd; border-top: none;} .xbody .nlargeScroll a.left {background: #fff url(../siteart/bkg-nlargeScroll-left.png) no-repeat center center;} .xbody .nlargeScroll a.right {background: #fff url(../siteart/bkg-nlargeScroll-right.png) no-repeat center center;} .xbody .nlargeCon {margin: 0px; padding: 0px; width: 350px; height: 89px; overflow: hidden; float: left; border-bottom: 1px solid #ddd;} .xbody ul.nlarge-gallery {margin: 0px; padding: 2px 5px; width: 1200px; list-style-type: none;} .xbody ul.nlarge-gallery li {margin: 0px; padding: 0px; float: left;} .xbody ul.nlarge-gallery li a {margin: 3px; padding: 0px; width: 100px; height: 77px; background: none; display: block; border: 1px solid #eeeeee;} .xbody ul.nlarge-gallery li a:hover {margin: 3px; padding: 0px; width: 100px; height: 77px; background: none; display: block; border: 1px solid #cccccc;} .xbody ul.nlarge-gallery li a img {margin: 0px; padding: 0px; width: 100px; height: 77px;} .xbody ul.home-gallery {margin: 0px; padding: 2px 5px; list-style-type: none;} .xbody ul.home-gallery li {margin: 0px; padding: 0px; float: left;} .xbody ul.home-gallery li a {margin: 3px; padding: 3px; width: 145px; height: auto; background: none; display: block; border: 1px solid #eeeeee; text-align: center; font-size: 11px;} .xbody ul.home-gallery li a:hover {margin: 3px; padding: 3px; width: 145px; height: auto; background: none; display: block; border: 1px solid #cccccc; text-decoration: none; text-align: center; font-size: 11px;} .xbody ul.home-gallery li a img {margin: 0px; padding: 0px; width: 145px; height: 109px;} .xbody .calCon {margin: 0px; padding: 0px; width: 295px; height: 124px; overflow: hidden; float: left; border-bottom: 1px solid #ddd;} .xbody .calScroll {margin: 0px; padding: 0px; width: 20px; height: 125px; background: none; float: left;} .xbody .calScroll a {margin: 0px; padding: 0px; width: 18px; height: 124px; display: block; border: 1px solid #eee; border-top: none;} .xbody .calScroll a:hover {margin: 0px; padding: 0px; width: 18px; height: 124px; display: block; border: 1px solid #ddd; border-top: none;} .xbody .calScroll a.left {background: #fff url(../siteart/bkg-nlargeScroll-left.png) no-repeat center center;} .xbody .calScroll a.right {background: #fff url(../siteart/bkg-nlargeScroll-right.png) no-repeat center center;} .xbody ul.calGallery {margin: 0px; padding: 2px 5px; width: 2400px; list-style-type: none;} .xbody ul.calGallery li {margin: 0px 5px; padding: 0px; width: 130px; height: 116px; display: block; float: left; background: url(../siteart/bkg-sprite_lgIcons.png) no-repeat top left; background-position: 0 -27px; border: 1px solid #e0e0e0;} .availUI .xbody .calCon {margin: 0px; padding: 0px; width: 385px; height: 159px; overflow: hidden; float: left; border-bottom: 1px solid #ddd; background: #fff;} .availUI .xbody .calScroll {margin: 0px; padding: 0px; width: 20px; height: 160px; background: none; float: left;} .availUI .xbody .calScroll a {margin: 0px; padding: 0px; width: 18px; height: 159px; display: block; border: 1px solid #eee; border-top: none;} .availUI .xbody .calScroll a:hover {margin: 0px; padding: 0px; width: 18px; height: 159px; display: block; border: 1px solid #ddd; border-top: none;} .availUI .xbody .calScroll a.left {background: #fff url(../siteart/bkg-nlargeScroll-left.png) no-repeat center center;} .availUI .xbody .calScroll a.right {background: #fff url(../siteart/bkg-nlargeScroll-right.png) no-repeat center center;} .availUI .xbody ul.calGallery {margin: 0px; padding: 2px 5px; width: 2400px; list-style-type: none;} .availUI .xbody ul.calGallery li {margin: 0px 5px; padding: 0px; width: 175px; height: 150px; display: block; float: left; background: #fff; border: 1px solid #e0e0e0;} .availUI .xbody ul.calGallery table, .availUI .xbody ul.calGallery table thead, .availUI .xbody ul.calGallery table tbody, .availUI .xbody ul.calGallery table tfoot, .availUI .xbody ul.calGallery table th, .availUI .xbody ul.calGallery table tr, .availUI .xbody ul.calGallery table td {margin: 0px; padding: 0px; text-align: center;} .availUI .xbody ul.calGallery table {width: 100%; height: 100%;} .availUI .xbody ul.calGallery table td.selected, .availUI .xbody ul.calGallery table td.selected a {background: #11579f; color: #fff;} .availUI .xbody ul.calGallery table td {border: 1px solid #eee; line-height: 18px; color: #777; font-weight: normal;} .availUI .xbody ul.calGallery table thead td, .availUI .xbody ul.calGallery table tfoot td {border: none; background: #f9f9f9;} .xbody .calBody {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: none;} .xbody .calBody span.title {margin: 0px; padding: 0px; display: block; width: 130px; font-size: 11px; text-align: center; color: #666;} .xbody .calBody ul li {margin: 0px; padding: 0px; width: 128px; height: 18px; font-size: 10px; border: none; color: #999; background: none;} .xbody .calBody ul li.chk {margin-top: 0px; text-align: center;} .xbody .calBody ul li span {margin: 0px; padding: 0px 8px 0px 3px; display: block; width: 15px; height: 18px; background: none; float: left; text-align: right;} .xbody .calBody ul li a {margin: 2px 0px; padding: 0px; display: block; width: 93px; height: 12px; float: left;} .xbody .calBody ul li a.on {background: #64a320 url(../siteart/bkg-calRentNow.png) no-repeat center center;} .xbody .calBody ul li a.off {background: #cfd2d4 url(../siteart/bkg-calAlreadyBooked.png) no-repeat center center;} .xbody .calBody ul li a.dead {background: none;} .xbody ol.qsResults {margin: 0px; padding: 0px; list-style-type: none;} .xbody ol.qsResults li {margin: 0px; padding: 10px 0px; width: 100%; display: block; float: left; clear: both; border-bottom: 1px solid #eee;} .xbody ol.qsResults li div.num {margin: 0px; padding: 0px; width: 45px; display: block; float: left; text-align: right; color: #999; font-size: 20px; font-weight: bold;} .xbody ol.qsResults li div.r {margin: 0px; padding: 0px 0px 0px 10px; width: 450px; display: block; float: left;} .xbody ol.qsResults li span {font-size: 12px; color: #666; display: block;} .xbody ol.qsResults li cite {font-size: 13px; color: #009900; display: block;} .xbody .pagination {margin: 10px; padding: 0px; width: auto; height: auto; background: none; float: right; text-align: center;} .xbody .pagination span, .xbody .pagination .pageArtCon, .xbody .pagination .pageArt {margin: 0px; padding: 0px; width: auto; clear: none; float: left;} .xbody .pagination .pageArtCon {margin: 0px; padding: 0px; float: left; background: url(../siteart/bkg-pageSprite-Left.png) no-repeat top left;} .xbody .pagination .pageArt {margin: 0px; padding: 0px 33px 0px 49px; float: left; width: auto; background: url(../siteart/bkg-pageSprite-Right.png) no-repeat top right;} .xbody .pagination span.pageArt a {margin: 0px 1px 0px 0px; padding: 25px 0px 0px 0px; width: 16px; height: 15px; float: left; background: url(../siteart/bkg-pageSprite.png) no-repeat top left; background-position: 0 0; font-size: 12px;} .xbody .pagination span.pageArt a.active {margin: 0px 1px 0px 0px; padding: 25px 0px 0px 0px; width: 16px; height: 15px; float: left; background: url(../siteart/bkg-pageSprite.png) no-repeat top left; background-position: -34px 0; font-size: 12px; color: #57a84b;} .xbody .pagination span.prev a, .xbody .pagination span.next a {margin: 0px 1px 0px 0px; padding: 25px 0px 0px 0px; width: 55px; height: 15px; float: left; background: url(../siteart/bkg-pageSprite.png) no-repeat top left; background-position: 0 0; font-size: 12px;} .xbody .pagination span.prev a {background: url(../siteart/bkg-pageSprite.png) no-repeat top left; background-position: 20px -120px;} .xbody .pagination span.next a {background: url(../siteart/bkg-pageSprite.png) no-repeat top left; background-position: 20px -160px;} .xbody ul.video {margin: 0px 0px 5px 0px; padding: 3px; list-style-type: none; background: #fff;} .xbody ul.video li {margin: 0px; padding: 3px 5px; display: block; border-top: 1px solid #eee; font-size: 11px;} .xbody ul.video li.title {background: #f3f3f3; color: #333; font-weight: bold; font-size: 13px;} .xbody .addPayWrap {float: left; margin: 0px; padding: 10px 20px 0px 20px; width: 295px; height: 65px; background: url(../siteart/bkg-addBookWrap.png) no-repeat top left;} .xbody .addPayWrap p {margin: 0px; padding: 0px; font-size: 14px; font-weight: bold; color: #777;} .xbody .addPayWrap a, .xbody .addPayWrap a:hover, .accCon .details ul.bag a.process-lease {margin: 5px 0px 0px 0px; padding: 0px 20px; display: block; width: 158px; line-height: 28px; background: url(../siteart/bkg-addPayWrap_button.gif) no-repeat top left; background-position: 0 0; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none;} .xbody .addPayWrap a:hover, .accCon .details ul.bag a.process-lease:hover {background-position: 0 -29px;} .xbody .addPayWrap2 {float: left; margin: 0px; padding: 10px 20px 0px 20px; width: 295px; height: 65px; background: url(../siteart/bkg-addBookWrap.png) no-repeat top left;} .xbody .addPayWrap2 p {margin: 0px; padding: 0px; font-size: 14px; font-weight: bold; color: #777;} .xbody .addPayWrap2 a, .xbody .addPayWrap2 a:hover, a.map_view_details {margin: 5px 0px 0px 0px; padding: 0px 20px; display: block; width: 158px; line-height: 28px; background: url(../siteart/bkg-addPayWrap_button2.gif) no-repeat top left; background-position: 0 0; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none;} .xbody .addPayWrap2 a:hover, a.map_view_details:hover {background-position: 0 -29px;} #availScroll .xhead img {float:left;} span#rateCon {font-size:11px; float:right; width:240px;text-align:right;} span#rateCon span {color:#3088DF;font-size:12px;} .accCon .details ul.bag a.process-lease {margin-bottom:0px;font-style:normal;background-image: url(../siteart/bkg-processLease_button.gif);width:109px;} .xbody table {margin: 0px 5px; width: 97%; font-size: 12px; color: #333333;} .ajax__tab_header {margin: 0px 0px 5px 0px; padding: 3px 0px 0px 0px; width: 100%; height: auto; float: left; background: #e9e9e9;} .ajax__tab_header span {margin: 0px; padding: 0px; width: auto; height: auto; display: block; line-height: 25px; font-size: 12px; float: left;} .ajax__tab_header span.ajax__tab_outer {margin: 0px; padding: 0px 10px; background: none; border-right: 1px solid #fff;} .ajax__tab_header span.ajax__tab_active span.ajax__tab_outer {margin: 0px; padding: 0px 10px; background: #fff;} .ajax__tab_body {margin: 0px; padding: 0px; width: 100%; float: left;} #divRates .ajax__tab_header {background: #78B7E3;} ul.browse-nav {margin: 0px 0px 10px 0px; padding: 0px 0px 8px 0px; background: url(../siteart/bkg-nav-browse.png) no-repeat bottom center; font-size: 14px;} ul.browse-nav li {margin: 0px; padding: 0px 0px 0px 4px; background: url(../siteart/bkg-nav-browse-li.png) repeat-y left;} ul.browse-nav li a {margin: 0px; padding: 6px 0px 6px 25px; width: 146px; height: auto; display: block; background: #78b7e3 url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -485px; border-top: #4f91c8 2px solid; color: #ffffff; text-decoration: none; font-weight: bold;} ul.browse-nav li a:hover {margin: 0px; padding: 6px 0px 6px 25px; width: 146px; height: auto; display: block; background: #8fcffc url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -413px; border-top: #4f91c8 2px solid; color: #ffffff; text-decoration: none; font-weight: bold;} ul.sub-nav {margin: 0px 0px 10px 0px; padding: 0px; background: #ffffff; font-size: 12px; clear: both;} ul.sub-nav li {margin: 0px; padding: 0px 0px 0px 10px; background: none;} ul.sub-nav li a {margin: 0px; padding: 6px 0px 6px 15px; width: 150px; height: auto; display: block; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -715px; border-bottom: #cccccc 1px solid; color: #11579f; text-decoration: none; font-weight: bold;} ul.sub-nav li a:hover {margin: 0px; padding: 6px 0px 6px 15px; width: 150px; height: auto; display: block; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -715px; border-bottom: #cccccc 1px solid; color: #11579f; text-decoration: underline; font-weight: bold;} ul.testimonials {margin: 0px 0px 10px 0px; padding: 0px; background: #ffffff; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; color: #666666;} ul.testimonials li {margin: 0px 0px 5px 0px; padding: 5px 10px 5px 30px; background: url(../siteart/bkg-test-quote.png) no-repeat top left; border-bottom: #cccccc 1px dashed;} ul.cta {margin: 0px 0px 10px 0px; padding: 0px; background: #ffffff; font-size: 12px; text-align: center;} ul.cta li {margin: 0px 0px 5px 0px; padding: 5px 0px; background: none; border-bottom: #cccccc 1px solid;} ul.labsearch {margin: 0px 0px 10px 0px; padding: 0px; background: #f4f4f4; list-style-type: none; float: left;} ul.labsearch h4 {margin: 0px; padding: 2px; font-size: 14px; color: #11579f;} ul.labsearch li {margin: 0px; padding: 0px; background: #fff; border: 1px solid #cccccc; float: left;} ul.labsearch li input.s {margin: 0px; padding: 2px 0px; width: 143px; border: none; text-align: center; float: left; font-weight: bold; color: #666666;} ul.labsearch li input.button {margin: 0px; padding: 0px; float: right;} .contact ul.labsearch {float:right;margin-top:10px;margin-right:13px;width:245px;padding-bottom:10px;background:none;} .contact ul.labsearch li {border:none;} .contact ul.labsearch li label {float:left;margin-top:3px;margin-right:5px;} .contact ul.labsearch li input.s {border:solid 1px #CCCCCC;} .fwdFlag {margin: 0px 10px; padding: 0px; width: auto; height: auto; float: right; clear: none; background: url(../siteart/bkg-bag-button.png) repeat-x bottom;} .fwdFlag a {margin: 0px; padding: 0px 10px 0px 40px; display: block; width: auto; font-size: 12px; background: url(../siteart/bkg-fwd.gif) no-repeat left center; line-height: 30px; border: 1px solid #eee; color: #4c7f16;} .saranPop {margin: 0px; padding: 0px; width: 100%; height: 1px; position: fixed; top: 100px; left: 0px; z-index: 9000; overflow: visible;} .popSur {margin: 0px auto; padding: 0px; width: 590px;} .popCon {margin: 0px; padding: 10px; width: 570px; height: auto; float: left; background: url(../siteart/bkg-popShade.png) repeat;} .popObj {margin: 0px; padding: 10px; background: #fff;} .popObj h1 {margin: 0px; padding: 5px 0px 2px 0px; border-bottom: 1px solid #cccccc; font-size: 22px;} .popObj p {margin: 0px; padding: 5px;} .popObj ul {margin: 0px 0px 0px 30px; padding: 5px; font-size: 12px;} .popObj ul li {margin: 0px; padding: 3px;} .popAct {margin: 0px; padding: 0px; width: auto; height: auto; float: right;} .popAct a.close {margin: 0px; padding: 0px 10px 0px 20px; display: block; line-height: 20px; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -89px; border: 1px solid #eee; color: #666; font-size: 10px;} .popObj .form {margin: 0px; padding: 5px; background: #eee;} .popObj .form fieldset {margin: 5px; padding: 0px 0px 10px 0px; border: 1px solid #e3e3e3; background: #fefefe;} .popObj .form fieldset legend {margin: 0px; padding: 0px 5px; font-weight: bold; color: #333; font-size: 14px;} .popObj .form fieldset dl {margin: 5px; padding: 5px; list-style-type: none; background: none; font-size: 12px;} .popObj .form fieldset dl dt, .popObj .form fieldset dl dd {margin: 0px; padding: 0px; width: 100%; float: left;} .popObj .form fieldset dl dt {margin: 0px; padding: 5px; width: 140px; height: auto; clear: left; float: left; display: block; background: none; text-align: right; line-height: 20px; color: #666;} .popObj .form fieldset dl dd {margin: 0px; padding: 5px; width: 330px; height: auto; clear: none; float: left; display: block; background: none; text-align: left; border-bottom: 1px solid #e0e0e0;} .popObj .form fieldset dl dd.no {border: none;} .popObj .form fieldset dl dd span {font-size: 10px; color: #999;} .popLink {margin: 0px; padding: 0px 0px 5px 0px; width: 250px; height:autox; position: absolute; top: 29px; right: 0px; border: 1px solid #ccc; background: #f3f3f3;} .popLink a.close {margin: 0px; padding: 0px 10px 0px 20px; display: block; line-height: 20px; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -89px; border: 1px solid #eee; color: #666; font-size: 10px; float: right;} .popLink p {margin: 0px; padding: 5px; color: #555;} .popLink input {margin: 5px; width: 230px;} .popObj .form label strong {font-weight: bold; color: #ff0000;} .landingTabs .popObj .form fieldset dl dt {margin: 0px; padding: 5px; width: 105px; height: auto; clear: left; float: left; display: block; background: none; text-align: right; line-height: 20px; color: #666;} .landingTabs .popObj .form fieldset dl dd {margin: 0px; padding: 5px; width: 185px; height: auto; clear: none; float: left; display: block; background: none; text-align: left; border-bottom: 1px solid #e0e0e0;} .tabCon {margin: 0px 0px 10px 0px; padding: 0px; width: 100%; height: auto; float: left;clear: both; background: #EDEFF4 url(../siteart/bkg-tabCon.png) repeat-x scroll left bottom;} .tabCon .hbox {padding: 3px 10px; border: none; width: 700px;} .tabs {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both;} .tabs ul {margin: 0px; padding: 0px 10px; list-style-type: none;} .tabs ul li {margin: 0px; padding: 0px; float: left;} .tabs ul li a {margin: 0px 5px 0px 0px; padding: 0px 10px; display: block; line-height: 25px; background: #D8DFEA; text-decoration: none; font-weight: bold; color: #3B5998; font-size: 12px; border: 1px solid #D8DFEA;} .tabs ul li a:hover {background: #627aad; color: #fff; border: 1px solid #627aad;} .tabs ul li a.active {background: #fff; color: #627aad; border: 1px solid #D8DFEA; border-bottom: 1px solid #fff;} .tabs ul.action {margin: 0px; padding: 0px 10px; list-style-type: none; float: right;} .accCon {margin: 0px; padding: 0px; width: 97%; height: auto; float: left; clear: both;} .accCon div.on {margin: 0px 0px 5px 0px; padding: 3px 0px; width: 575px; height: auto; float: left; background: #ffffff; border-top: 1px solid #cccccc; border-bottom: 1px solid #eeeeee;} .accCon div.off {margin: 0px 0px 5px 0px; padding: 3px 0px; width: 575px; height: auto; float: left; background: #ebf1f5; border-top: 1px solid #cccccc; border-bottom: none;} .accCon .thumb {margin: 0px; padding: 5px; width: 103px; height: auto; float: left; background: none;} .accCon .thumb img {border: none; width: 103px;} .accCon .thumb ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 11px;} .accCon .thumb ul li {margin: 0px; padding: 2px 0px; width: 100%; display: block; border-bottom: 1px solid #e0e0e0;} .accCon .details {margin: 0px; padding: 5px 5px 0px 5px; width: 446px; height: auto; float: left; background: none;} .accCon .deteTitle {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both; border-bottom: 1px solid #cccccc;} .accCon .details h2 {margin: 0px; padding: 0px; font-size: 18px; color: #10589f; background: none; float: left} .accCon .details h2 span {margin: 0px 0px 0px 10px; padding: 0px; font-size: 14px; color: #3c8ee1; font-style: italic;} .accCon .details ul.bag {margin: 0px; padding: 0px; width: auto; height: auto; background: none; float: right;} .accCon .details ul.bag a {margin: 0px; padding: 0px; width: auto; height: auto; display: block; font-size: 12px; color: #3c8ee1; font-style: italic; background: none; float: right;} .accCon .details ul.bag li.peak {font-weight: bold; color: #555;} .accCon .details ul.bag li.peak span {color: #aaa;} .accCon .details p {margin: 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #cccccc; font-size: 12px;} .accCon .details ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 12px; border: none;} .accCon .details ul li {margin: 0px; padding: 0px; display: block; border: none;} .accCon .details ul.specs {margin: 0px; padding: 3px; float: left; width: 280px} .c585 .accCon .details ul.specs {margin: 0px; padding: 3px; float: left; width: 230px} .accCon .details ul.specs li {margin: 2px 10px 0px 0px; padding: 0px; width: 230px; color: #10589f; display: block; font-weight: normal; float: left; clear: both; background: none; line-height: normal;} .accCon .details ul.specs li span {margin-left: 5px; font-weight: bold; color: #3c8ee1; float: none;} table.detes {margin: 0px; padding: 0px; font-size: 11px; width: 100%; color: #333;} table.detes thead, .accCon table tbody, .accCon table tfoot {margin: 0px; padding: 0px;} table.detes thead {background: #EEF4F8; font-weight: bold;} .accCon div.off table.detes thead{background:#FFFFFF;} table.detes td {padding: 1px 3px;} table.detes tfoot {font-size: 10px;} .accCon .details ul.cart {margin: 0px; padding: 3px; width: 200px; height: auto; float: right; position: relative; list-style-type: none; background: none;} .accCon .details ul.cart li {margin: 0px 0px 3px 0px; padding: 0px; width: 200px; font-size: 11px; font-weight: bold; color: #555555; float: right; border: none; clear: both; text-align: right;} .accCon .details ul.cart li.big a {margin: 0px 0px 5px 0px; font-size: 14px; color: #3c8ee1; display: block;} .accCon .details ul.cart li.peak, .accCon ul.bag li.peak {font-size: 18px;} .accCon .details ul.cart li.low, .accCon .details ul.cart li td.low {font-size: 18px;} .accCon .details ul.cart li span, .accCon ul.bag li span {margin: 0px 5px 0px 0px; font-size: 12px; text-transform: uppercase;} .accCon div.on .details ul.cart li span {color: #aaa;} .accCon div.off .details ul.cart li span {color: #8fa5b4;} .accCon .details ul.cart li span span {margin: 0px 5px 0px 5px; font-size: 11px; color: #666;} .accCon .details ul.specs li.cart {margin: 0px 0px 3px 0px; padding: 0px; width: 160px; font-size: 11px; font-weight: bold; color: #555555; float: right; border: none; clear: both; text-align: right;} .accCon .details ul.cart li.big a {margin: 0px 0px 5px 0px; font-size: 14px; color: #3c8ee1; display: block;} .accCon .details ul.cart li.peak, .accCon ul.bag li.peak {font-size: 18px;} .accCon .details ul.cart li.low, .accCon .details ul.cart li td.low {font-size: 18px;} .accCon .details ul.cart li span, .accCon ul.bag li span {margin: 0px 5px 0px 0px; font-size: 12px; text-transform: uppercase;} .accCon div.on .details ul.cart li span {color: #aaa;} .accCon div.off .details ul.cart li span {color: #8fa5b4;} .accCon .details ul.cart li span span {margin: 0px 5px 0px 5px; font-size: 11px; color: #666;} .accCon .details ul.bookWeeks {margin: 0px; padding: 0px; width: auto; height: auto; float: right;} .accCon .details ul.bookWeeks li {margin: 0px; padding: 0px; float: left;} .accCon .details ul.bookWeeks li a {margin: 0px 5px; padding: 0px 10px; display: block; line-height: 20px;} .accCon .details ul.bookWeeks li.selected a {margin: 0px 5px; padding: 0px 10px; display: block; line-height: 20px; background: #11579f; color: #fff;} .accCon .details ul.bookWeeks li.inactive {margin: 0px 5px; padding: 0px 10px; display: block; line-height: 20px; color: #999; font-weight: bold;} .preRates {margin: 0px; padding: 30px 0px; width: 100%; height: auto; float: left; clear: both;} .preRates ul {margin: 0px; padding: 0px; list-style-type: none;} .preRates .details ul.cart {margin: 0px; padding: 3px 0px; width: 100%; height: auto; float: right; position: relative; list-style-type: none; background: none;} .preRates .details ul.cart li {margin: 0px 0px 3px 0px; padding: 0px; width: 100%; font-size: 12px; font-weight: bold; color: #555555; float: right; border: none; clear: both; text-align: right;} .preRates .details ul.cart li.big a {margin: 0px 0px 5px 0px; font-size: 14px; color: #3c8ee1; display: block;} .preRates .details ul.cart li.peak, .preRates ul.bag li.peak {font-size: 18px;} .preRates .details ul.cart li.low, .preRates .details ul.cart li td.low {font-size: 18px;} .preRates .details ul.cart li span, .preRates ul.bag li span {margin: 0px 5px 0px 0px; font-size: 12px; text-transform: uppercase;} .preRates .details ul.cart li span span {margin: 0px 5px 0px 5px; font-size: 11px; color: #666;} .preRates .details ul.bookWeeks {margin: 0px; padding: 0px; width: auto; height: auto; float: right;} .preRates .details ul.bookWeeks li {margin: 0px; padding: 0px; float: left;} .preRates .details ul.bookWeeks li a {margin: 0px 5px; padding: 0px 5px; display: block; line-height: 20px;} .preRates .details ul.bookWeeks li.selected a {margin: 0px 5px; padding: 0px 5px; display: block; line-height: 20px; background: #11579f; color: #fff;} .preRates .details ul.bookWeeks li.inactive {margin: 0px 5px; padding: 0px 5px; display: block; line-height: 20px; color: #999; font-weight: bold;} .preRates table.detes {margin: 0px; padding: 0px; font-size: 13px; width: 100%; color: #333;} .preRates table.detes thead, .accCon .preRates table tbody, .accCon .preRates table tfoot {margin: 0px; padding: 0px;} .preRates table.detes thead {background: #EEF4F8; font-weight: bold;} .preRates table.detes td {padding: 1px 3px;} .preRates table.detes td.tot {font-size: 18px;} .preRates table.detes tfoot {font-size: 10px;} .bookRates .accCon {padding: 20px; width: 695px;} .bookRates .accCon div.on {width: 690px; border: none;} .bookRates .accCon .details {width: 680px;} .bookRates .accCon .deteTitle {padding: 5px 0px;} .bookRates .accCon .deteTitle span.code {margin: 0px; padding: 0px 5px; width: auto; height: auto; float: right; font-size: 18px; font-weight: bold; color: #999;} .bookRates .accCon .deteTitle span.code strong {color: #333;} .bookRates table.detes {font-size: 13px;} .bookRates table.detes a.min {font-size: 10px;} .bookRates table.detes tr.ti {background: #f3f3f3;} .bookRates table.detes tbody.deteNow td, .bookRates table.detes tbody.deteLater td {padding: 3px 0px; background: none;} .bookRates table.detes tbody.deteNow {background: url(../siteart/bkg-deteNow.png) no-repeat left center;} .bookRates table.detes tbody.deteLater {background: #f4f9fd url(../siteart/bkg-deteLater.png) no-repeat left center;} .bookRates .details ul.cart li table.detes td span {margin: 0px; font-size: 10px;} .bookRates .details ul.cart li table.detes td span strong {color: #333;} .bookRates .accCon .details ul.cart, .bookRates .accCon .details ul.cart li {width: 300px;} .bookRates .accCon .details ul.specs {width: 350px;} .bookRates .accCon .details ul.specs li {width: 300px;} .rateSum {margin: 0px; padding: 0px;} .rateSum table.detes {font-size: 12px;} .rateSum table.detes a.min {font-size: 10px;} .rateSum table.detes tr.ti {background: #f3f3f3;} .rateSum table.detes tbody.deteNow td, .rateSum table.detes tbody.deteLater td {padding: 3px 0px; background: none;} .rateSum table.detes td.tot {border-top: 1px solid #ccc; font-size: 18px; text-align: right; font-weight: bold;} .rateSum table.detes td.low {font-size: 14px; text-align: right; font-weight: bold;} .commentCon {margin: 0px 0px 20px 0px; padding: 0px 10px; float: left;} .commentCon h1 {font-size: 20px; width: 90%; display: block; float: left;} .commentCon h1 span {margin: 0px 0px 0px 10px; font-size: 16px;} .comm, .comm .on, .comm .off {margin: 0px; padding: 0px; width: 715px; height: auto; float: left;} .comm {border-top: 1px solid #eee;} .comm .on {background: #f9f9f9;} .comm .off {background: #f0f8fb;} .comm .badge {margin: 0px; padding: 5px 10px; width: 150px; height: auto; float: left;} .comm .badge ul {margin: 0px; padding: 0px; list-style-type: none;} .comm .badge ul li {margin: 2px 0px; padding: 0px; display: block; font-size: 12px; color: #555; } .comm .badge ul li.name {font-size: 18px; color: #11579f; font-weight: bold;} .comm .badge ul li.ts {font-size: 12px; color: #888;} .comm .badge ul li.status {margin: 10px 0px; padding: 5px; background: #fff; font-size: 11px;} .comm .badge ul li.status span {display: block; color: #11579f; font-weight: bold;} .comm .badge ul li.status span img {display: block; width: 100px;} .comm .body {margin: 0px; padding: 5px 10px; width: 524px; height: auto; float: left; color: #555; font-size: 12px; border-left: 1px solid #eee;} .comm .body ul {margin: 10px 20px; padding: 10px 10px 10px 30px; background: #fff; border-left: 3px solid #eee;} .comm .body ul li {margin: 0px; padding: 3px 0px; display: block; border-bottom: 1px solid #f9f9f9;} .comm .body blockquote {margin: 10px 20px; padding: 10px 10px 10px 30px; background: #fff; border-left: 3px solid #eee; font-style: italic; font-size: 13px; line-height: 18px;} .response {margin: 0px; padding: 15px; width: 685px; height: auto; float: left; border-top: 1px solid #eee; background: #f9f9f9;} .alert {margin: 0px 0px 10px 0px; padding: 0px; width: 725px; height: auto; float: left; background: #f9f9f9;} .alert .info a.close {margin: 0px; padding: 0px 10px 0px 20px; display: block; line-height: 20px; float: right; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -89px; border: 1px solid #eee; color: #666; font-size: 10px;} .alert .info {margin: 0px; padding: 0px 0px 0px 117px; width: 608px; height: auto; float: left; background: url(../siteart/bkg-info.png) no-repeat left center;} .alert span {margin: 0px; padding: 15px 20px 15px 20px; text-align: center; font-weight: bold; font-size: 16px; color: #a9a9a9; display: block;} .alert span p {margin: 0px; padding: 0px; font-weight: bold; font-size: 16px; color: #a9a9a9;} .alert .info span { padding: 15px 20px 15px 0px;} .alert span ul {margin: 0px auto; padding: 0px; width: 400px; text-align: left; font-size: 13px; font-weight: normal;} .alert span ul li {margin: 0px; padding: 5px; display: block;} .alert strong {color: #666;} .alert .xtra {font-size: 11px;} .valid {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: none;} .valid ul {margin: 5px 30px; padding: 5px 5px 5px 30px; border-top-width: 2px; border-top-style: solid; border-bottom-width: 2px; border-bottom-style: solid;} .valid ul li {margin: 2px; padding: 0px; font-weight: bold;} .valid .good ul, .valid ul.good {border-color: #00c82a; color: #00c82a; background: #e9ffeb;} .valid .bad ul, .valid ul.bad {border-color: #c80000; color: #c80000; background: #ffe9e9;} .intAct {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: none;} .intAct_nav {margin: 0px; padding: 0px; width: 100%; height: auto; float: left;} .intAct_nav ul {margin: 0px; padding: 0px 0px 0px 185px; list-style-type: none; width: 500px; float: left;} .intAct_nav ul li {margin: 0px; padding: 0px; float: left; background: url(../siteart/bkg-intAct.png) repeat-x top; width: auto;} .intAct_nav ul li a {margin: 0px; padding: 0px; display: block; line-height: 30px; text-align: center; font-size: 13px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} .intAct_nav ul li a:hover {color: #333; text-decoration: none;} .intAct_nav ul li a.left {width: 60px; padding-left: 35px; background: url(../siteart/bkg-sprite_lgIcons.png) no-repeat top right; background-position: 0px -198px;} .intAct_nav ul li a.right {width: 60px; padding-right: 35px; background: url(../siteart/bkg-sprite_lgIcons.png) no-repeat top right; background-position: 70px -148px;} .intAct_nav ul li a.home {width: 159px; background: url(../siteart/bkg-intAct-home.png) no-repeat center top;} .intAct_map {margin: 0px; padding: 10px; width: 713px; height: auto; float: left; border: 1px solid #ccc;} .intAct_map img {margin: 0px; padding: 0px; width: 600px;} .intAct_content {margin: 0px; padding: 0px; width: 100%; float: left; clear: both;} .intAct_content h2 {padding-top: 10px; border-top: 1px solid #ccc;} .actOut {margin: 0px; padding: 0px; width: 100%; height: auto; float: left;} .actOut h2 {margin: 0px; padding: 0px; font-style: normal; font-size: 16px; color: #555;} .actOut address {margin: 0px; padding: 0px; font-style: normal; font-size: 14px; color: #666; font-weight: bold;} .actOut address span {margin: 0px 10px 0px 0px; font-weight: normal; color: #777;} .actOut p {font-size: 12px; color: #777} .actOut ul {margin: 10px; padding: 10px; list-style-type: none; border-top: 1px solid #eee;} .actOut ul li {margin: 0px 0px 5px 0px; padding: 7px 7px 7px 20px; background: none;} .actOut ul.pref {background: #FFFBDD url(../siteart/bkg-twidpref.gif) no-repeat top right; border-color: #C5C09E;} .actOut ul.pref h2 {margin: 0px; padding: 0px; font-style: normal; font-size: 16px; color: #555;} .actOut ul.pref h2 a {padding-right: 15px; background: url(../siteart/bkg-twidpref-Link.gif) no-repeat right center;} .actOut ul.pref address {margin: 0px; padding: 0px; font-style: normal; font-size: 14px; color: #3088DF; font-weight: bold;} .actOut ul.pref address span {margin: 0px 10px 0px 0px; font-weight: normal; color: #777;} .actOut ul.pref p {font-size: 12px; color: #777} .newHomes {margin: 0px; padding: 10px; width: 705px; height: auto; float: left;} .newHomes div.on {margin: 0px 0px 5px 0px; padding: 3px 0px; width: 705px; height: auto; float: left; background: #ffffff; border-top: 1px solid #cccccc; border-bottom: 1px solid #eeeeee;} .newHomes div.off {margin: 0px 0px 5px 0px; padding: 3px 0px; width: 705px; height: auto; float: left; background: #ebf1f5; border-top: 1px solid #cccccc; border-bottom: none;} .newHomes .thumb {margin: 0px; padding: 5px; width: 103px; height: auto; float: left; background: none; position: relative;} .newHomes .thumb a.thumbImg img {border: none; width: 103px;} .newHomes .thumb a.ql {margin: 0px; padding: 1px; display: block; border: non; width: 44px; height: 18px; font-size: 10px; text-align: center; color: #333; border-top: 1px solid #11579f; background: #11579f url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -306px; position: absolute; bottom: 5px; left: 5px;} .newHomes .thumb a.ql:hover {padding: 1px; border: none; border-top: 1px solid #fff; border-right: 1px solid #fff; width: 46px; height: 18px;} .newHomes .details {margin: 0px; padding: 5px 5px 0px 5px; width: 582px; height: auto; float: left; background: none;} .newHomes .details h2 {margin: 0px; padding: 0px; font-size: 18px; width: auto; color: #10589f; border-bottom: 1px solid #cccccc; background: none;} .newHomes .details h2 span {margin: 0px 0px 0px 10px; padding: 0px; font-size: 14px; color: #3c8ee1; font-style: italic;} .newHomes .details span.bag {margin: 0px; padding: 0px; width: 200px; height: auto; background: none; float: right; clear: none;} .newHomes .details span.bag a {margin: 0px; padding: 0px; width: 125px; height: auto; display: block; font-size: 12px; color: #3c8ee1; font-style: italic; background: none; float: right;} .newHomes .details span.bag a.on {margin: 0px; padding: 0px 0px 0px 20px; width: 125px; height: auto; display: block; font-size: 12px; color: #3c8ee1; font-style: italic; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 0 -688px; float: right;} .newHomes .details p {margin: 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #cccccc; font-size: 12px;} .newHomes .details ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 12px; border: none;} .newHomes .details ul li {margin: 0px; padding: 0px; display: block; border: none;} .newHomes div.sort {margin: 0px; padding: 2px 5px 3px 5px; width: auto; height: auto; float: right; font-size: 11px; background: #10589f;} .newHomes div.sort a {margin: 0px; padding: 0px 20px 0px 0px; line-height: 12px; color: #ffffff; font-weight: bold; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 140px -388px;} .newHomes div.sort a:hover {margin: 0px; padding: 0px 20px 0px 0px; line-height: 12px; color: #ffffff; font-weight: bold; background: url(../siteart/bkg-sprite_smIcons.png) no-repeat top left; background-position: 140px -388px;} .newHomes div.browseSumm {margin: 0px; padding: 2px 5px 3px 5px; width: auto; height: auto; float: left; font-size: 11px; color: #444;} .newHomes .details ul.specs {margin: 0px; padding: 3px; float: left; width: 280px} .newHomes .details ul.specs li {margin: 2px 0px 0px 0px; padding: 0px; width: 280px; color: #10589f; display: block; font-weight: normal; float: left; clear: both; background: none; line-height: 20px;} .newHomes .details ul.specs li span {margin-left: 5px; font-weight: bold; color: #3c8ee1; float: none;} .newHomes .details ul.cart {margin: 0px; padding: 0px; width: 250px; height: auto; float: right; position: relative; list-style-type: none; background: none;} .newHomes .details ul.cart li {margin: 0px; padding: 2px 0px; width: 250px; font-size: 11px; font-weight: bold; color: #555555; float: right; border: none; clear: both; text-align: right;} .newHomes .details ul.cart li.peak {font-size: 18px;} .newHomes .details ul.cart li.low {font-size: 14px;} .newHomes .details ul.cart li span {margin: 0px 5px 0px 0px; font-size: 11px; text-transform: uppercase;} .newHomes div.on .details ul.cart li span {color: #aaa;} .newHomes div.off .details ul.cart li span {color: #8fa5b4;} .newHomes .details ul.cart li a {margin: 0px; padding: 3px; background: none; display: block;} .newHomes .details ul.cart .pop-cart {margin: 0px; padding: 0px; width: 175px; height: auto; position: absolute; bottom: 40px; left: 40px; z-index: 10000; background: #ffffff; border: 2px solid #cccccc;} .newHomes .details ul.cart .pop-cart p {margin: 0px; padding: 5px;} .newHomes .details ul.cart .pop-cart ul {margin: 0px; padding: 0px; list-style-type: none; float: none; clear: both;} .newHomes .details ul.cart .pop-cart ul li {margin: 0px; padding: 2px 5px; display: block;} .newHomes .details ul.cart .pop-cart ul li a {margin: 0px; padding: 0px; background: none;} .newHomes .details ul.cart-amen {margin: 0px; padding: 0px; list-style-type: none; float: left; line-height: 20px;} .newHomes .details ul.cart-amen li {margin: 0px; padding: 0px; width: 21px; float: left; clear: none;} .newHomes .details ul.cart-amen li.h {margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; width: auto; color: #10589f; font-weight: normal;} .newHomes .details ul.cart-amen li a {margin: 0px 3px; padding: 0px; width: 20px; height: 20px; background: none; display: block; border: 1px solid #eeeeee;} .newHomes .details ul.cart-amen li a:hover {margin: 0px 3px; padding: 0px; width: 20px; height: 20px; background: none; display: block; border: 1px solid #cccccc;} .newHomes .details ul.cart-amen li a img {margin: 0px; padding: 0px; width: 20px; height: 20px;} .userRateCon {margin: 0px; padding: 10px; width: 313px; float: left; border: 1px solid #eee;} .userRateCon h2 {margin: 0px; padding: 0px;} .userRateTxt {margin: 0px; padding: 0px; width: 100%; height: auto; float: left;} .userRateTxt em {font-style: normal; text-decoration: underline; color: #111;} .userRate {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: url(../siteart/bkg-userRate.png) repeat-x top; color: #fff; font-weight: bold; text-align: center; border-top: 1px solid #0d3255; border-bottom: 1px solid #0d3255;} .userRate .userRateDef, .userRate .userRateNum, .userRate .userRateLink {margin: 0px; padding: 5px; height: 40px; display: block; float: left;} .userRate .userRateDef {width: 33%; font-size: 16px; color: #fff;} .userRate .userRateNum {padding: 5px 5px 5px 5px; width: 25%; height: 40px; font-size: 36px; border-left: 1px solid #0d3255; border-right: 1px solid #0d3255; color: #fff;} .userRate .userRateLink {padding: 12px 5px 0px 10px; width: 30%; height: 28px; font-size: 10px; text-align: left; line-height: 12px;} .userRate .userRateLink a {color: #fff;} .userRate .userRateLink a:hover {text-decoration: underline;} .userRate .userRateLink a strong {font-weight: bold; font-size: 13px; display: block;} .preLink {margin: 0px; padding: 0px; position: relative;} .preLink .pop-cart {margin: 0px; padding: 0px; width: 165px; height: auto; position: absolute; bottom: 30px; left: 80px; z-index: 10000; background: #ffffff; border: 2px solid #cccccc; text-align: left;} .preLink .pop-cart p {margin: 0px; padding: 2px 5px; font-size: 11px; border-bottom: 1px solid #eee; color: #222;} .preLink .pop-cart span {padding: 0px; display: block; clear: both; font-size: 9px; color: #666;} .preLink .pop-cart strong {float: right; font-size: 12px;} .preLink .pop-cart ul {margin: 0px; padding: 0px; list-style-type: none; float: none; clear: both;} .preLink .pop-cart ul li {margin: 0px; padding: 3px 5px; display: block;} .preLink .pop-cart ul li a {margin: 0px; padding: 0px; background: none;} .dayDealCon {margin: 0px; padding: 0px; width: 735px; height: auto; float: left; clear: both; border-top: 1px solid #eee;} .dayDealHome {margin: 0px; padding: 10px; width: 525px; height: auto; float: left;} .dayDealSpecs {margin: 0px; padding: 0px; width: 180px; height: auto; float: right;} .dayDealGNug {margin: 0px; padding: 10px; width: 370px; height: auto; float: left;} .dayDealStats {margin: 0px; padding: 0px; width: 325px; height: auto; float: right;} .dayDealHome .ddHead {margin: 0px 0px 10px 0px; padding: 0px; width: 100%; height: auto; background: #fff; display: block;} .dayDealHome .ddHead span {margin: 0px; padding: 0px; float: left; color: #555555; font-size: 16px; font-weight: bold;} .dayDealHome .ddHead span span {margin: 0px; padding: 0px; color: #3088df; font-style: italic; font-size: 14px; font-weight: bold; float: none; display: block;} .dayDealHome .ddLeft {margin: 0px; padding: 0px; width: 385px; height: auto; float: left; background: #fff;} .dayDealHome .ddRight {margin: 0px; padding: 0px; width: 130px; height: auto; float: right; background: #none;} .dayDealHome .ddImg {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: #f9f9f9;} .dayDealHome .ddImg img {margin: 5px; width: 375px;} .dayDealHome .ddGal {margin: 0px; padding: 5px 0px; width: 100%; height: auto; float: left; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3;} .dayDealHome .ddGal ul {margin: 0px; padding: 0px; list-style-type: none;} .dayDealHome .ddGal ul li {margin: 0px; padding: 0px; float: left;} .dayDealHome .ddGal ul li a {margin: 0px 5px; padding: 0px; display: block; width: 118px; height: 100px;} .dayDealHome .ddGal ul li a img {width: 100%; height: 100%;} .dayDealHome .ddFoot {margin: 0px; padding: 0px; width: 100%; height: 25px; border-top: 1px solid #eee; float: left; background: #fff;} .dayDealHome .ddFoot ul {margin: 0px; padding: 0px; list-style-type: none;} .dayDealHome .ddFoot ul li {margin: 0px; padding: 0px; float: left;} .dayDealHome .ddFoot ul li a {margin: 0px 2px; padding: 0px 10px; display: block; line-height: 25px; background: #fff; font-size: 10px; border-right: 1px solid #eee; border-left: 1px solid #eee;} .dayDealHome .ddFoot ul li.alert a {background: #64a320; color: #fff;} .dayDealHome .ddTabs, .dayDealHome .ddTabsbody {margin: 0px 0px 0px 0px; padding: 0px; width: 100%; height: auto; float: left; background: #e9e9e9;} .dayDealHome .ddTabs {margin: 10px 0px 0px 0px; background: #fff;} .dayDealHome .ddTabs ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 11px;} .dayDealHome .ddTabs ul li {margin: 0px; padding: 0px; float: left;} .dayDealHome .ddTabs ul li a {margin: 0px; padding: 0px 7px; display: block; line-height: 20px; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee;} .dayDealHome .ddTabs ul li.ui-tabs-selected a {background: #e9e9e9;} .dayDealHome .ddTabsbody ul {margin: 5px; padding: 0px; list-style-type: none; font-size: 11px;} .dayDealHome .ddTabsbody ul li {margin: 0px 0px 3px 0px; padding: 3px; display: block; border-bottom: 1px solid #eee; background: #fff; color: #555;} .dayDealHome .ddTabsbody ul li span {font-weight: bold;} .dayDealHome .ddTabsbody ul.amen li {margin: 0px; padding: 0px; display: block;} .dayDealHome .ddTabsbody ul.amen li a img {margin: 0px; padding: 0px; width: 120px;} .dayDealHome .ddTabsbody ul.amen li span {margin: 0px; padding: 5px; display: block;} .ddDeal {margin: 0px; padding: 10px; height: auto; float: left; background: #efefef;} .ddDeal h3 {margin: 0px 0px 5px 0px; padding: 0px; color: #555; font-size: 16px; font-weight: bold;} .ddDeal ul {margin: 0px; padding: 0px; list-style-type: none;} .ddDeal ul li {margin: 0px; padding: 0px; display: block;} .ddDeal ul li.title {margin: 10px 0px 0px 0px; font-size: 13px; font-weight: bold; color: #333;} .ddDeal ul li.stat {margin: 0px 0px 0px 15px; font-size: 12px; line-height: 25px; border-bottom: 1px solid #ccc;} .ddDeal ul li.stat span {margin: 0px 0px 0px 10px; font-size: 16px; font-weight: bold;} .ddDeal ul li.ad {margin: 5px 0px 0px 0px;} .ddDeal dl {margin: 0px; padding: 0px; display: block; width: 100%; height: auto; float: left; clear: both; font-size: 13px; color: #333;} .ddDeal dl dt {margin: 5px 0px 0px 0px; padding: 0px; display: block; width: auto; height: auto; font-weight: bold;} .ddDeal dl dd {margin: 0px; padding: 0px 0px 0px 10px; display: block; width: auto; height: auto; font-size: 11px;} .ddDeal .ddNow {margin: 10px 0px 0px 0px; padding: 0px; width: 100%; height: auto; text-align: center; float: left; clear: both;} .ddDeal .ddNow a, .ddDealBtnContainer .ddButton a {margin: 0px; padding: 0px 10px; display: block; color: #fff; background: #11579f; border: 1px solid #f7f7f7; line-height: 30px; text-decoration: none;} .ddDealBtnContainer {width: 500px;} .ddDealBtnContainer .ddButton {width:80px; float:left;margin:10px;} .lnkTop {font-size:10px;margin-left:10px;} .dayDealSpecs .ddDeal {width: 160px;} .dayDealStats .ddDeal {width: 305px;} .bookStatus, .bookStatusSub {margin: 0px; padding: 0px; width: 735px; height: auto; float: left; clear: both;} .bookStatus ul, .bookStatusSub ul {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both; list-style-type: none; border-bottom: 1px solid #ccc; } .bookStatus ul {margin: 5px 0px 0px 0px;} .bookStatus ul li {margin: 0px; padding: 0px 0px 5px 0px; width: 245px; height: auto; float: left; line-height: 30px; text-align: center;color: #666; font-weight: bold; font-size: 16px;} .bookStatus ul li.active {color: #11579f; background: url(../siteart/bkg-bookStatus-active.png) no-repeat bottom center;} .bookStatusSub ul li {margin: 0px; padding: 0px 20px 0px 20px; width: auto; height: auto; float: left; display: inline; line-height: 30px; text-align: left; font-size: 12px; color: #666;} .bookStatusSub ul li.active {padding: 0px 35px 0px 20px; font-weight: bold; background: #f3f3f3 url(../siteart/bkg-bookStatusSub-active.png) no-repeat right center;} .bookAction {margin: 10px 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both;} .bookAction ul.buttons {margin: 0px; padding: 0px; width: auto; height: auto; float: right; list-style-type: none;} .bookAction ul.buttonsL {margin: 0px; padding: 0px; width: auto; height: auto; float: left; list-style-type: none;} .bookAction ul.buttons li, .bookAction ul.buttonsL li {margin: 0px; padding: 0px; float: left;} .bookAction ul.buttons li a, .bookAction ul.buttonsL li a {margin: 0px 10px; padding: 0px 15px; display: block; line-height: 25px; background: #11579f; color: #fff; text-decoration: none;} .bookAction ul.buttons li.neg a, .bookAction ul.buttonsL li.neg a {margin: 0px 10px; padding: 0px 15px; display: block; line-height: 25px; background: #eee; color: #333; text-decoration: none;} .bookAction ul.bookInfo {margin: 0px; padding: 0px; width: 400px; height: auto; float: left; list-style-type: none; color: #666; font-size: 11px;} .bookAction ul.bookInfo li {margin: 0px; padding: 0px; display: block;} .bookSign, .bookSignConfirm {margin: 0px; padding: 20px;} .bookSignConfirm {margin: 0px; padding: 0px; width: 495px; float: left; clear: none;} .bookSignConfirmSm {margin: 0px; padding: 0px; width: 480px; float: left; clear: none;} .bookSignLease {margin: 10px 0px; padding: 20px; width: 650px; height: 400px; border: 1px solid #eee; overflow: scroll;} .bookSignLeaseNoScroll {margin: 10px 0px; padding: 0px 10px; width: auto; height: auto;} .bookSignLease p, .bookSignLeaseConfirm p {line-height: 18px;} .bookInfoConfirm {margin: 0px; padding: 10px; clear: both;} .bookInfoConfirm h2 {margin: 0px; padding: 5px; font-size: 18px; background: #f3f3f3; color: #999; font-style: normal;} .bookInfoConfirm h2 span {margin: 0px; padding: 0px 10px; font-size: 12px;} .bookInfoConfirm td.tot {border-top: 1px solid #ccc; font-size: 18px;} .bookTips {margin: 0px; padding: 0px; width: 231px; height: auto; float: right; clear: both;} .bookTips ul {margin: 0px; padding: 10px; list-style-type: none;} .bookTips ul li {margin: 0px 0px 10px 0px; padding: 0px; width: 100%; float: left;} .bookInfoBox {margin: 0px; padding: 10px; border: 1px solid #eee;} .bookInfoBox ul {margin: 0px; padding: 0px 0px 0px 15px;} .bookInfoBox ul li {margin: 0px; padding: 5px 0px; float: none; display: block; font-size: 12px; color: #555; border-top: 1px solid #eee;} .bookScrollAgree {margin: 15px 0px 0px 0px; padding: 0px; width: 102px; height: 40px; display: block; float: right; background: url(../siteart/bkg-scrollAgree.png) no-repeat center center;} .bookRates .accCon {padding: 0px 20px;} .bookNotes {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both;} .bookNotes textarea {margin: 10px; padding: 5px; width: 675px; height: 100px; border: 1px solid #eee; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #333;} .addCards {margin: 0px 10px; padding: 0px 10px; width: 695px; height: auto; float: left; clear: both; border-top: 1px solid #eee; border-bottom: 1px solid #eee;} .addCard {margin: 0px; padding: 0px; width: 231px; height: auto; float: left; clear: none;} .addWrap, .addPayWrap {margin: 0px; padding: 10px; width: auto; height: auto; float: left; clear: none;} .addCard h4 {margin: 0px; padding: 0px; font-size: 18px; color: #10589F;} .addCard ul {margin: 0px; padding: 5px 10px; list-style-type: none; font-size: 13px;} .addCard ul li {margin: 0px; padding: 0px 0px 3px 0px; display: block; color: #555;} .addPayWrap {float: left; margin: 0px 2px 0px 0px; padding: 15px 0px 15px 20px; width: 198px; height: 90px; background: url(../siteart/bkg-addPayWrap.png) no-repeat top left;} .addPayWrap a, .addPayWrap a:hover {margin: 15px 0px 0px 0px; padding: 0px 20px; display: block; width: 158px; line-height: 28px; background: url(../siteart/bkg-addPayWrap_button.gif) no-repeat top left; background-position: 0 0; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none;} .addPayWrap a:hover {background-position: 0 -29px;} .addCardCon {margin: 0px; padding: 0px; width: 231px; height: auto; float: right;} .multiSelectCon {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both;} .multiSelectPad {margin: 0px; padding: 10px; width: 694px;} .multiSelectBord {margin: 0px; padding: 0px; width: 694px; border: none; float: left;} .multiSelect, .multiSelectEmpty {height: 129px;} .multiSelectEmpty {margin: 0px; padding: 0px; width: 345px; float: left; clear: none; border: 1px solid #eee;} .multiSelectEmpty span {margin: 0px; padding: 30px 10px 0px 10px; display: block; font-size: 30px; color: #ccc; text-align: center; font-weight: bold;} .multiSelect {margin: 0px; padding: 0px; width: 345px; float: left; clear: none; overflow-y: scroll; overflow-x: hidden; border: 1px solid #eee;} .multiSelect ul {margin: 0px; padding: 0px; width: 100%; list-style-type: none;} .multiSelect ul li {margin: 0px; padding: 0px; width: auto; float: left; border-bottom: 1px solid #eee;} .multiSelect ul li.msTitle {margin: 0px; padding: 3px; width: 324px; height: auto; float: left; border-bottom: 1px solid #eee; background: #999; color: #fff; font-weight: bold} .multiSelect ul li a {margin: 0px; padding: 0px 3px; width: 324px; height: auto; line-height: 20px; display: block; overflow: hidden; color: #666; font-weight: normal; text-decoration: none;} .multiSelect ul li a:hover {margin: 0px; padding: 0px 3px; width: 324px; height: auto; line-height: 20px; display: block; overflow: hidden; color: #666; font-weight: normal; background: #f3f3f3; text-decoration: none;} .multiSelect ul li.selected a, .multiSelect ul li.selected a:hover {margin: 0px; padding: 0px 3px; width: 324px; height: auto; line-height: 20px; display: block; overflow: hidden; color: #fff; font-weight: bold; background: #005ed2; text-decoration: none;} .selectPay {margin: 0px 0px 10px 0px; padding: 0px; width: 100%; height: 30px; clear: both; background: url(../siteart/bkg-payNav.gif) no-repeat right center;} .payTabs, .payOpt {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both;} ul.payNav {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both; list-style-type: none; background: #f4f4f4;} ul.payNav li {margin: 0px; padding: 0px; float: left;} ul.payNav li a {margin: 0px 3px 0px 0px; padding: 0px 20px; display: block; line-height: 30px; background: #fff url(../siteart/bkg-miniTabs-tab.png) repeat-x bottom; text-align: center; border: 1px solid #eee; border-bottom: none;} ul.payNav li.ui-tabs-selected a {margin: 0px 3px 0px 0px; padding: 0px 20px; display: block; line-height: 30px; background: #fff url(../siteart/bkg-miniTabs-tabAct.png) repeat-x top; text-align: center; border: 1px solid #eee; border-bottom: none;} ul.payOptList {margin: 0px; padding: 10px; list-style-type: none;} ul.payOptList li {margin: 0px 0px 10px 0px; padding: 10px; width: 445px; display: block; float: left; clear: both; background: #ebf3fc; border-top: 1px solid #e0edfb;} ul.payOptList h4 {color: #3187e1; font-size: 16px;} ul.payOptList h4 span {color: #11579f; font-size: 12px;} ul.payOptList li ul.addList {margin: 0px; padding: 5px 0px 5px 20px; list-style-type: none; font-size: 13px;} ul.payOptList li ul.addList li {margin: 0px; padding: 0px; display: block; width: auto; color: #555; border: none; font-weight: bold; float: none;} .secureButton {margin: 10px 0px 0px 0px; padding: 0px 36px 0px 0px; float: right; background: url(../siteart/bkg-secureButton.gif) no-repeat right top;} .secureButton a, .secureButton a:hover {margin: 0px; padding: 0px 10px 0px 80px; display: block; width: auto; line-height: 30px; background: url(../siteart/bkg-secureButton_a.gif) no-repeat left top; color: #fff; text-decoration: none;} .qBox {margin: 0px; padding: 0px; width: 100%; height: auto; text-align: left;} .qBox h3 {margin: 0px; padding: 5px; font-size: 22px; color: #444;} .qBox ul {margin: 0px; padding: 5px; list-style-type: none; float: right; clear: both;} .qBox ul li {margin: 0px; padding: 0px; float: left;} .qBox ul li a {margin: 0px 5px; padding: 0px 20px; display: block; line-height: 25px; background: #11579f; color: #fff; border: 1px solid #fff;} .qBox ul li a:hover {margin: 0px 5px; padding: 0px 20px; display: block; line-height: 25px; background: #fff; color: #11579f; border: 1px solid #11579f; text-decoration: none;} div#social-media {background-color:#EFEFEF;border:solid 1px #CCC;} .tmpNav {margin: 0px; padding: 10px 0px; width: 100%; height: auto; float: left; clear: both; text-align: center;} /* ----------------------------------------------------------------------------------------------------------------*/ /* -------------------------------------->>> Manage Bar <<<--------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ .manageBarClear {margin: 0px; padding: 0px; width: 100%; height: 30px; display: block;} .manageBar {margin: 0px; padding: 0px; width: 100%; height: 30px; color: #111111; font-size: 11px; position: fixed; right: 0; top: 0; z-index: 99999999;} .manageBarCon {margin: 0px 15px 0px 15px; padding: 0px; width: auto; height: auto; position:relative; overflow:visible !important;} .manageBarFill {margin: 0px; padding: 0px; width: 100%; height: auto; background: #10599e url(../siteart/bkg-manageBar.png) repeat-x top; float: left;} .manageBar ul {margin: 0px; padding: 0px; list-style-type: none;} .manageBar ul.left {margin: 0px 0px 0px 10px; float: left;} .manageBar ul.right {margin: 0px 10px 0px 0px; float: right;} .manageBar ul li {margin: 0px; padding: 0px; float: left; position: relative;} .manageBar ul li.name {margin: 0px; padding: 0px 10px; line-height: 30px; font-weight: bold; font-size: 11px; color: #c4cfda;} .manageBar ul li.name:hover {background: none;} .manageBar ul li a {margin: 0px; padding: 0px 10px; display: block; line-height: 30px; font-weight: bold; color: #fff; text-decoration: none; border-left: 1px solid #0e4a83; border-right: 1px solid #1265b3; background: none;} .manageBar ul li a:hover {margin: 0px; padding: 0px 10px; display: block; line-height: 30px; font-weight: bold; color: #fff; text-decoration: none; border-left: 1px solid #1265b3; border-right: 1px solid #1265b3; background: #0e4a83;} .manageBar ul ul {display: none; visibility: hidden;} .manageBar ul li:hover, .manageBar ul li.hover {background: #0e4a83;} .manageBar ul li:hover ul {width: 220px; display: block; visibility: visible; position: absolute; top: 30px; left: 1px; background: #0e4a83;} .manageBar ul li:hover ul li {float: none; display: block;} .manageBar ul li:hover ul li a {margin: 0px; padding: 4px 10px; width: 200px; border: none; border-bottom: solid 1px #10599e; line-height: normal;} .manageBar ul li:hover ul li a:hover {margin: 0px; padding: 4px 10px; width: 200px; border: none; border-bottom: solid 1px #1265b3; line-height: normal; background: #1265b3;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ------------------------------->>> CMS Page Elements <<<--------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ .cmsPage {margin: 0px; padding: 0px; width: 735px; height: auto; float: left;} .cmsPage h5 {margin: 0px 10px; padding: 0px; color: #3088df; font-style: italic; font-size: 14px;} .cmsPage h6 {margin: 15px 7px 7px 7px; padding: 0px; color: #3088df; font-style: italic; font-size: 16px;} .cmsPage p {margin: 7px; padding: 0px; color: #555; font-size: 12px; line-height: 20px;} .cmsPage blockquote {margin: 7px 30px; padding: 15px; border: 1px solid #eee; background: #f9f9f9; color: #666; font-size: 14px; line-height: 22px; font-style: italic;} .cmsPage img.right {margin: 0px 0px 10px 10px; padding: 0px; width: 200px; float: right;} .cmsPage img.left {margin: 0px 10px 10px 0px; padding: 0px; width: 200px; float: left;} .cmsPage img.center {margin: 10px auto; padding: 0px; clear: both;} .cmsPage ul, .cmsPage ol {margin: 7px 30px; padding: 15px 15px 15px 30px; border: 1px solid #eee; background: #f9f9f9; color: #666; font-size: 12px;} .cmsPage ul li, .cmsPage ol li {margin: 0px; padding: 3px 0px;} .cmsPage strong {font-style: normal; font-weight: bold;} .cmsPage em {font-style: italic;} .cmsPage span {font-style: normal; font-size: 1.5em; font-weight: bold;} .cmsPage .a {color: #a0c879;} .cmsPage .b {color: #3f8f49;} .cmsPage .c {color: #5396d8;} .cmsPage .d {color: #2c5cac;} .cmsPage ul.gallery {margin: 0px 0px; padding: 0px; width: 100%; float: left; clear: both; list-style-type: none; border: none; background: none; color: #666; font-size: 12px;} .cmsPage ul.gallery li {margin: 5px 10px; padding: 5px; width: 90%; float: left; clear: both; border: 1px solid #eee; background: #f9f9f9;} .cmsPage ul.gallery li p {margin: 5px 10px 0px 10px; font-size: 14px; line-height: 22px; font-style: italic;} .cmsPage ul.gallery li img, .cmsPage ul.gallery li img.left {margin: 0px 10px 0px 0px; padding: 0px; width: 125px; float: left;} .cmsPage ul.gallery li img.right {margin: 0px 0px 0px 10px; padding: 0px; width: 125px; float: right;} .cmsPage .boxFull, .cmsPage .boxCon {margin: 0px; padding: 0px; width: 100%; height: auto; float: left;} .commLeft .cmsPage {margin: 0px; padding: 0px; width: 390px; height: auto; float: left;} .cmsPage .boxLeft {margin: 0px; padding: 0px; width: 515px; height: auto; float: left;} .cmsPage .boxRight {margin: 15px 0px 0px 0px; padding: 0px; width: 200px; height: auto; float: right;} .cmsPage .boxRight ul {margin: 0px 0px 5px 0px; padding: 3px; list-style-type: none; background: #fff;} .cmsPage .boxRight ul li {margin: 0px; padding: 3px 5px; display: block; border-top: 1px solid #eee; font-size: 11px;} .cmsPage .boxRight ul li.title {background: #f3f3f3; color: #333; font-weight: bold; font-size: 13px;} .cmsPage .boxRight ul li p {margin: 0px; padding: 3px; line-height: normal;} .cmsPage .boxRight ul.chat a.link {margin: 0px; padding: 10px 0px 0px 65px; height: 40px; width: 113px; display: block; background: url(../siteart/bkg-sprite_lgIcons.png) no-repeat center center; background-position: 0 -245px; border: 1px solid #eee; font-size: 14px; color: #950000;} .gStory {margin: 10px; padding: 10px; border: 1px solid #eee;} .gStory h3 {color: #3f8f49;} .gStory ul {margin: 7px 30px; padding: 0px; font-size: 12px; color: #444;} .gStory ul li {margin: 5px 0px; padding: 0px;} .topArt {margin: 0px; padding: 0px; width: 735px; height: auto; float: left; clear: both;} .galScroll-Con, ul.galScroll-List-Main li {width: 735px;} .galScroll-List, ul.galScroll-List-Arrows, ul.galScroll-List-Main li {height: 275px;} .galScroll-Con {margin: 0px; padding: 0px; height: auto; float: left; background: none;} .galScroll-List {margin: 0px; padding: 0px; width: 100%; float: left; background: url(../siteart/scrollimg/bkg-con.png) repeat-x top center; position: relative; overflow: hidden;} .galScroll-Page {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: url(../siteart/scrollimg/bkg-page.png) repeat-x top center;} ul.galScroll-List-Arrows {margin: 0px; padding: 0px; width: 100%; list-style-type: none; position: relative; background: none; display: block; float: left;} ul.galScroll-List-Arrows li {margin: 0px; padding: 0px; width: 30px; height: 100%; position: absolute; top: 0; z-index: 999999; background: #ff0000;} ul.galScroll-List-Arrows li.left {left: 0; background: none;} ul.galScroll-List-Arrows li.right {right: 0; background: none;} ul.galScroll-List-Arrows li a, ul.galScroll-List-Arrows li a:hover, ul.galScroll-List-Arrows li a:visited, ul.galScroll-List-Arrows li a:link {margin: 0px; padding: 0px; width: 100%; height: 100%; display: block; font-size: 1px; text-decoration: none; border: none;} ul.galScroll-List-Arrows li.left a {background: url(../siteart/scrollimg/leftArrow.png) no-repeat center center;} ul.galScroll-List-Arrows li.right a {background: url(../siteart/scrollimg/rightArrow.png) no-repeat center center;} ul.galScroll-List-Main {padding: 0; margin: 0; position: relative; list-style: none;} ul.galScroll-List-Main li {padding: 0; margin: 0; position: absolute;} ul.galScroll-List-Main li .jqGSLoader {width: 100%; height: 100%; position: absolute;display: none;} ul.galScroll-List-Main li img {padding: 0px; background: url(../siteart/scrollimg/bkgImg.png) repeat; position: absolute; left: 50%; top: 50%;} ul.galScroll-List-Main li .jqGSTitle {visibility: visible; background: #3f8f49; position: absolute; right: 0px; bottom: 0px; padding: 10px 20px; color: #fff; width: 695px; opacity: 0.85;} .jqGSTitle h2, .jqGSTitle p {margin: 0px; padding: 0px;} .jqGSTitle h2 {font-size: 20px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold;} .jqGSTitle p {font-size: 12px; color: #fff;} .jqGSTitle a {color: #fff; font-weight: bold;} ul.galScroll-List-Main li .promo {background: none; position: absolute; right: 0px; top: 0px; padding: 10px; color: #fff; width: 465px; height: 150px;} ul.galScroll-List-Main li .promo img {padding: 0px; background: none; position: static; float: right;} .galScroll-Page ul {margin: 0; padding: 3px 0px; list-style-type: none; text-align: center;} .galScroll-Page ul li {margin: 0; padding: 0; display: inline; background: none;} .galScroll-Page ul li a {margin: 2px 2px; padding: 0px; width: 20px; height: 15px; line-height: 15px; text-decoration: none; display: inline-block; text-align: center; font-size: 10px; background: #fff; border: 1px solid #eee; color: #999;} .galScroll-Page ul li a.selected {background: #fff; color: #3f8f49; border: 1px solid #3f8f49; font-weight: bold;} .galScroll-Page ul li a:hover {background: #fff; color: #000; border: 1px solid #fff;} /*------------------------------------------------------------*/ /*---------------------Dynamic Drop Shadow--------------------*/ /*-------------Copyright 2007 - Steven Maguire----------------*/ /*------------------------------------------------------------*/ .shad-con {margin: 0px; padding: 0px; width: auto; background: #ffffff; float: left; clear: both;} .shad-con img {margin: 0px 10px 10px 0px; width: 380px;} .shad-vr {margin: 0px; padding: 0px; width: auto; background: url(../siteart/ds-vert-right.png) repeat-y right top;} .shad-hb {margin: 0px; padding: 0px; width: auto; background: url(../siteart/ds-horiz-bottom.png) repeat-x left bottom;} .shad-tr {margin: 0px; padding: 0px; width: auto; background: url(../siteart/ds-cap-topright.png) no-repeat right top;} .shad-bl {margin: 0px; padding: 0px; width: auto; background: url(../siteart/ds-cap-bottomleft.png) no-repeat left bottom;} .shad-br {margin: 0px; padding: 0px; width: auto; background: url(../siteart/ds-cap-bottomright.png) no-repeat right bottom;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ------------------------------>>> jQuery Settings <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ ul.ui-accordion {margin: 0px; padding: 20px; list-style-type: none; float: left;} ul.ui-accordion li {margin: 0px; padding: 0px; width: 100%; display: block; float: left; border: none; border-left: 1px solid #eee;} ul.ui-accordion li a {margin: 0px; padding: 5px; width: 97%; height: auto; display: block; border: 1px solid #eee; border-left: none;} ul.ui-accordion li a span {margin: 0px 5px 0px 0px; color: #999; text-transform: uppercase;} ul.ui-accordion li div {margin: 0px; padding: 10px;} ul.ui-accordion li.selected a {margin: 0px; padding: 5px; width: 97%; height: auto; display: block; border: 1px solid #eee; border-left: none;} ul.ui-accordion .popObj .form, ul.ui-accordion .popObj .form fieldset {margin: 0px; padding: 0px; background: none; border: none;} ul.ui-accordion .popObj .form fieldset {margin: 15px 0px 0px 0px; padding: 0px;} .ui-tabs-hide {display: none;} .landingTabs {margin: 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; float: left;} .landingTabs ul.tabs {margin: 0px; padding: 0px; list-style-type: none; width: 100%; clear: both; background: url(../siteart/bkg-acctTabs.png) repeat-x bottom;} .landingTabs ul.tabs li {margin: 0px 15px; padding: 0px; float: left;} .landingTabs ul.tabs li a {margin: 0px; padding: 20px 20px; display: block; width: 297px; height: 50px; text-decoration: none; text-transform: capitalize; font-weight: bold; font-size: 30px; background: #fff url(../siteart/bkg-acctTabs-tab.png) repeat-x bottom;} .landingTabs ul.tabs li a:hover {margin: 0px; padding: 20px 20px; display: block; width: 297px; height: 50px; text-decoration: none; text-transform: capitalize; font-weight: bold; font-size: 30px; background: #fff url(../siteart/bkg-acctTabs-tab.png) repeat-x bottom;} .landingTabs ul.tabs li a span {margin: 0px; padding: 0px; display: block; clear: both; color: #777; font-size: 14px;} .landingTabs ul.tabs li.ui-tabs-selected a {margin: 0px; padding: 20px; display: block; width: 295px; height: 50px; color: #666; text-decoration: none; text-transform: capitalize; font-weight: bold; font-size: 30px; border: none; border-left: 1px solid #98b8d9; border-right: 1px solid #98b8d9; background: #fff url(../siteart/bkg-acctTabs-tabAct.png) repeat-x top;} .landingTabs ul.tabs li.ui-tabs-selected a:hover {margin: 0px; padding: 20px; display: block; width: 295px; height: 50px; background-position: 0 -180px; color: #666; text-decoration: none; text-transform: capitalize; font-weight: bold; border: none; border-left: 1px solid #98b8d9; border-right: 1px solid #98b8d9; font-size: 30px; background: #fff url(../siteart/bkg-acctTabs-tabAct.png) repeat-x top;} .landingContent {margin: 0px; padding: 10px 0px 0px 0px; width: 100%; height: auto; float: left; clear: both;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ * {padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window {font: 12px Arial, Helvetica, sans-serif; color: #333333;} #TB_secondLine {font: 10px Arial, Helvetica, sans-serif; color:#666666;} #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus {color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay {position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;} .TB_overlayMacFFBGHack {background: url(../siteart/macFFBgHack.png) repeat;} .TB_overlayBG {background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;} * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #TB_window {position: fixed; background: #ffffff url(../siteart/bkg-pop-up.png) no-repeat bottom left; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%;} * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_window img#TB_Image {display:block; margin: 15px 0 0 15px; border: none; border-bottom: 1px solid #efefef;} #TB_caption {height:25px; padding:7px 30px 10px 25px; float:left;} #TB_closeWindow {height:25px; padding:11px 25px 10px 0; float:right;} #TB_closeAjaxWindow {padding:7px 10px 5px 0;margin-bottom:1px; text-align:right; float:right;} #TB_ajaxWindowTitle {float:left; padding:7px 0 5px 10px; margin-bottom:1px;} #TB_title {background-color:#e8e8e8; height:27px; color: #333333; font-weight: bold;} #TB_ajaxContent {clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;} #TB_ajaxContent.TB_modal {padding:15px;} #TB_ajaxContent p {padding:5px 0px 5px 0px;} #TB_load {position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */} * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_HideSelect {z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%;} * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #TB_iframeContent {clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;} #TB_caption span.navi {font-size: 10px; color: #666;} .tb_next, .tb_prev {margin: 0px 2px 0px 0px; padding: 0px; width: 18px; height: 18px; float: left; display: block; background: #ff0000;} #TB_next, #TB_prev {margin: 0px; padding: 0px; width: 18px; height: 18px;} #TB_next a, #TB_prev a {margin: 0px; padding: 0px; width: 18px; height: 18px; float: left;} .tb_prev {background: url(../siteart/bkg-TB_PrevNext.png) no-repeat top left; background-position: 0 -32px;} .tb_next {background: url(../siteart/bkg-TB_PrevNext.png) no-repeat top left; background-position: -32px -32px;} #TB_prev a {background: url(../siteart/bkg-TB_PrevNext.png) no-repeat top left; background-position: 0px 0px;} #TB_next a {background: url(../siteart/bkg-TB_PrevNext.png) no-repeat top left; background-position: -32px 0px;} #TB_next a:hover, #TB_prev a:hover {text-decoration: none;} #TB_ajaxContent .xbody .calCon { width:425px;} /* .hidden { display:none; }*/ /* Autocomplete ----------------------------------*/ .ui-autocomplete { position: absolute; cursor: default;} .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* Menu ----------------------------------*/ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; font-size:12px; font-family:Arial,Helvetica,sans-serif; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:16px; zoom:1; color:#666666; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; background:#EEF4F8 none repeat scroll 0 0; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #8CC4E9; padding: 5px; font-size:12px; } #tooltip h3, #tooltip div { margin: 0; } #modalTabs {margin: 0px; padding: 0px; width: 100%; height: auto; float: left;} #modalTabs {background: #fff;} #modalTabs ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 11px;} #modalTabs ul li {margin: 0px; padding: 0px; float: left;} #modalTabs ul li a {margin: 0px; padding: 0px 7px; display: block; line-height: 20px; background: #e9e9e9; border-left: 1px solid #eee; border-right: 1px solid #eee;} #modalTabs ul li.ui-tabs-selected a {background: #fff;} table.data, table.data td, table.data th {font-size:12px; padding:3px;} table.data tr.alt td {background-color:#EFEFEF;} .k_button_css_revision{background-image:'$Rev:7158 $';}#k_popup *{-moz-box-sizing:content-box !important;box-sizing:content-box !important;}#k_popup a img{border:0;display:inline;}#k_popup a{color:#3882C3;text-decoration:none;}#k_popup a:hover{color:#3882C3;text-decoration:underline;}#k_popup div{float:none;}.k_float{z-index:9999999;position:fixed !important;position:absolute;cursor:pointer;}#kampylink img{border:0;display:block;}.k_top{top:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop :document.body.scrollTop);}.k_top_sl{top:15px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + 15 :document.body.scrollTop + 15);}.k_bottom{bottom:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);}.k_bottom_sl{bottom:15px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 16 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 16 );}.k_right{right:0px;}.k_left{left:0px;}#k_close_button{color:gray;border:1px solid gray;display: none;width:11px;height:16px;font-size:12px;text-align:center;}.kc_top{top:80px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + 80 :document.body.scrollTop + 80);}.kc_bottom{bottom:80px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 80 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 80);}.kc_right{right:10px;}.kc_left{left:10px;}#k_slogan{font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;font-size:9px;color:#666;margin-left:2px;margin-right:2px;cursor:default;}#k_slogan a{font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;font-size:9px;color:#666;text-decoration: none;cursor:default;} .image { position: relative; width: 100%; /* for IE 6 */ } .image h2 { position: absolute; top: 200px; left: 0; width: 100%; } .image h2 span a, .image h2 span a:hover{ color: white; font: bold 24px/45px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); /* fallback color */ background: rgba(0, 0, 0, 0.7); padding: 10px; text-decoration:none; } /* Advanced Search & Results Styles */ #ui-datepicker-div { z-index: 999 !important; } #priceRange-bg { width: 700px !important; } #priceRange { width: 680px !important; } .advsearch-content #priceRange, .advsearch-content #bedrooms, .advsearch-content #bathrooms, .advsearch-content #masterBedrooms {background:none; border:none; height:19px;} .advsearch-content #bedrooms, .advsearch-content #bathrooms, .advsearch-content #masterBedrooms { width:230px; } #modal-price #priceRange, .adv-search-sidebar #bedrooms, .adv-search-sidebar #bathrooms, .adv-search-sidebar #masterBedrooms {background:none; border:none; height:19px;} .adv-search-sidebar #bedrooms, .adv-search-sidebar #bathrooms, .adv-search-sidebar #masterBedrooms { width:148px; } .price-range-slider, .bedroom-slider, .bathroom-slider { position: relative; width: 250px !important; height: 20px !important; float: left; background: #ebf1f5 url(../images/slider-bg.png) repeat-x left top !important; border: 1px solid #aaa; } .browse-sidebar .price-range-slider { width: 100% !important; } .price-range-slider .ui-slider-handle { width: 20px !important; height: 20px !important; border: none !important; background: url(../images/slider-handle.png) no-repeat center top !important; } .price-range-slider a:focus .ui-slider-handle, .price-range-slider .ui-slider-handle:hover { background: url(../images/slider-handle.png) no-repeat center bottom; } .adv-search-header { width: 100%; height: 69px; border-top: 2px solid #11579f; background: url(../images/adv-search-nav-bg.png) repeat-x left bottom; } .advsearch-content, .browse-content, .browse-content-results { width: 702px; _width: 742px; height: auto; float: left; padding-left: 20px; padding-right: 20px; padding-top: 20px; background: url(../images/adv-search-content-bg.png) repeat-x left top; } .browse-content-results { width: 735px; padding-left: 0px; padding-right: 0px; } .browse-content { background: none; } .adv-search-sidebar, .browse-sidebar { width: 188px; height: 772px; float: right; background: #cde8fd; text-align: center; } .browse-sidebar { position: relative; width: 168px; height: auto; text-align: left; padding: 0 10px; } .adv-search-sidebar p { width: 133px; padding-left: 40px; padding-right: 15px; background: url(../images/open-quote.png) no-repeat 10px 10px; color: #313131; font: 15px/25px Georgia, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-align: left; margin-bottom: 35px; } .browse-sidebar p { float: left; padding-left: 25px; background-position: 0px 10px; } .adv-search-sidebar p a { width: 100%; float: left; font: bold 15px/25px Georgia, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .adv-search-sidebar img { margin-top: 25px; margin-bottom: 25px; } a.search-tab { position: relative; float: left; top: 35px; margin-left: 15px; } .search-tab .search-tab-left { width: 10px; height: 40px; float: left; background: url(../images/search-tab-left-bg.png) no-repeat left bottom; } .search-tab .search-tab-content { height: 40px; float: left; padding: 0 10px; background: url(../images/search-tab-middle-bg.png) repeat-x left bottom; color: #11579f; vertical-align: middle; font: bold 20px/40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .search-tab .search-tab-right { width: 10px; height: 40px; float: left; background: url(../images/search-tab-right-bg.png) no-repeat left bottom; } .search-tab.selected .search-tab-left { width: 10px; height: 40px; float: left; background: url(../images/search-tab-left-bg.png) no-repeat left top; } .search-tab.selected .search-tab-content { height: 40px; float: left; padding: 0 10px; background: url(../images/search-tab-middle-bg.png) repeat-x left top; color: #11579f; vertical-align: middle; font: bold 20px/40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .search-tab.selected .search-tab-right { width: 10px; height: 40px; float: left; background: url(../images/search-tab-right-bg.png) no-repeat left top; } .heading { width: 100%; font: bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #11579f; margin: 0; margin-bottom: 10px; float: left; } div.browse-header { width: 100%; height: auto; float: left; } h1.browse-header { color: #555555; text-align: left; font: bold 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-top: 10px; padding-left: 10px; float: left; margin-bottom:0px; } a.share-results { display: inline-block; position: relative; padding: 5px 20px; margin-top: 10px; margin-right: 15px; float: right; color: #11579f; text-align: center; font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background: #aedafd; } .subheading { width: 100%; font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #313031; margin: 10px 0 5px 0; float: left; } .browse-subheading { color: #1d60a5; font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-align: left; margin: 0 10px; float: left; height: 16px; line-height: 16px; vertical-align: middle; } .browse-sidebar .browse-subheading { margin: 0; } .browse-sidebar .browse-subheading { color: #313131; text-align: left; font: bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .browse-sidebar h3.subheading { color: #313131; text-align: left; font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .subheading .slider-output { font-size: 12px; color: #808080; font-weight: normal !important; } .browse-weeks { width: 390px; } .browse-nights { width: 180px; } .browse-flexible { width: 190px; } .browse-nights select { margin-left: 5px; float: left; } .browse-flexible label { padding: 0; margin: 0; } .details { color: #66666e; font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 5px 0; } label span.details { font-size: 10px; } .required { color: #dd0000; } .line-break { width: 100%; height: 1px; border-top: 1px solid #3187e1; margin: 15px 0; float: left; } .cal-icon { display: block; width: 16px; height: 16px; background: url(../images/cal-icon.png) no-repeat center center; text-indent: -9999px; float: right; } .browse-subheading .cal-icon { display: inline-block; height: 18px; background: url(../images/cal-icon-browse.png) no-repeat center center; float:none; } .help { display: inline-block; width: 14px; height: 14px; text-indent: -9999px; background: url(../images/help-icon.png) no-repeat left top; } .browse-subheading .help, .browse-sidebar .help { margin: 0 5px; } .map { display: block; min-width: 32px; margin-left: 10px; padding-top: 37px; background: url(../images/map-icon.png) no-repeat center top; float: left; color: #66666e; font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-decoration: none; } #checkInDate { width: 162px; float: left; font-size: 14px; } img.ui-datepicker-trigger { margin-top: 4px; margin-left: 8px; } .align-center { text-align: center; } .col-1 { width: 100% !important; float: left; } .col-3 { width: 230px; float: left; } .col-2 { width: 50%; float: left; } .yes, .any-price { color: #11579f; font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .any-price { margin-right:8px; margin-top:3px; float:left; color:#313131; font-size:12px; } #more-neighborhoods { color:#313131; font-size:12px; text-decoration:underline; } .number-of-nights { width: 150px; margin: 0 30px; } .browse-sidebar select { width: 100%; } .selection-block { width: 245px; height: 140px; padding: 5px 0; background: #ebf1f5; border: 1px solid #aaa; overflow-x: hidden; overflow-y: auto; float: left; } .browse-sidebar .selection-block { position: relative; width: 166px; background: #fff; border-color: #3187e1; overflow-y: scroll; } html>body .browse-sidebar .selection-block { overflow-y: auto; } .browse-sidebar .distance-to-beach { height: 100px; } .browse-sidebar .outer-banks-town { height: 85px; } .browse-sidebar .amenities { height: 180px; margin-bottom: 20px; } .selection-block label { display: block; width: 97%; float: left; font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #313131; text-align: left; margin: 2px 0; padding-left: 7px; } .browse-sidebar .selection-block label { display: block; width: 140px; margin: 3px 0; } .selection-block.col-1 { height: 155px; } .selection-block.col-1 label { width: 32%; margin-top: 3px; margin-bottom: 3px; margin-left: 5px; padding: 0; } .selection-block label input { margin-right: 4px; } .search-button { display: block; width: 127px; height: 30px; text-indent: -9999px; background: url(../images/search-button.png) no-repeat center center; margin:0 auto; } .left-col { float: left; } abel.mapresults { line-height: 30px; } label.mapresults input[type=checkbox] { margin-right: 10px; } .browse-tabs .tab { display: inline-block; padding: 5px 10px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background: #4B98E8; color: #fff; font-size: 16px; float:left; font-weight:700; line-height:20px; } .browse-tabs .tab.active { background: #11579F; } .browse-tabs { font-size: 12px; } .browse-map { border: 1px solid #11579F; -webkit-border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; width: 100%; overflow: hidden; } .pull-right { float: right; line-height: 25px; } .rental-details-left h3 a span.number, a.rental-link h3 span.number { font-size:14px; } #price-img{margin:0} .max-handle {margin-left:-20px;} .quickSearch { background-color:#F7FCFF; border-top:solid 5px #DAF0FE; border-bottom:solid 5px #DAF0FE; padding-left:10px; } .quickSearch #checkInDate { width: 100px;} .quickSearch input, .quickSearch select { font-size:12px;} .quickSearch label {float:left; color:#666; font-weight:bold; font-size:12px; margin-right:5px; margin-top:3px;} .quickSearch ul { list-style-type:none;float:left;} .quickSearch ul li { display:inline;} .quickSearch ul li.last label {margin-left:5px;} .quickSearch ul li.wide { width:300px; display:block;} .quickSearch img.ui-datepicker-trigger { float:left;} .quickSearch #bedrooms-bg {width:312px !important;} .quickSearch #bedrooms {width:292px !important;background:none; border:none; height:19px;} .quickSearch .button {padding-top:8px; padding-bottom:8px; float:left;} .quickSearch a {font-size:12px; float:left; margin-top:11px;margin-left:20px;} .browse-header-row { width: 733px; background: #d6ecff; border: 1px solid #d6ecff; border-bottom: none; border-top: none; padding: 7px 0; } .browse-button, .browse-compare { background: none; border: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 0 10px; cursor: pointer; } .browse-button-blue, .browse-compare { padding: 7px 10px; background: #5596c8; color: #fff; font-size: 14px; font-weight: bold; width: auto; overflow: visible; } .browse-compare { float: left; margin: 0; } .browse-header-row-group { padding: 0 10px; color: #1d60a5; font-size: 13px; font-weight: bold; } .browse-header-row-group.pagination .current { color: #6a6a6a; font-weight: normal; } ul.browse-results { width: 733px; border: 1px solid #d6ecff; border-bottom: none; border-top: none; background: #fff; list-style: none; } ul.browse-results li { padding: 10px 0; position: relative; } ul.browse-results li a.show-details { position: absolute; bottom: 5px; right: 5px; font-size: 14px; } ul.browse-results li ul li { padding: 0; } ul.browse-results li.odd { background: #ebf1f5; } ul.browse-results li .browse-results-photo { width: 133px; margin: 0 10px; float: left; } ul.browse-results li.first .browse-results-photo { width: 209px; } ul.browse-results li.first .browse-image { width: 209px; } ul.browse-results li .browse-image { width: 133px ; } .browse-results-photo img { float: left; margin-bottom: 5px; } ul.browse-results li.first .browse-results-photo img.browse-thumb.middle { margin: 0 7px; } ul.browse-results li.first .browse-results-content, ul.browse-results li.first .browse-results-content .browse-results-content-row { float: left; width: 490px; } ul.browse-results li .browse-results-content, ul.browse-results li .browse-results-content .browse-results-content-row { float: left; width: 560px; } ul.browse-results li.first .browse-results-content .browse-results-content-row-section.browse-name { width: 295px; float: left; } ul.browse-results li .browse-results-content .browse-results-content-row-section.browse-price { width: 185px; float: right; } .browse-price .btn.check{ background: url( "../images/check.gif" );} .browse-price .btn.check { display: block; float: right; height: 24px; text-indent: -9999px; width: 165px; } ul.browse-results li .browse-results-content .browse-results-content-row-section.browse-name { width: 340px; float: left; } ul.browse-results li .browse-results-content h4, ul.browse-results li .browse-results-content h5 { color: #11579f; } ul.browse-results li .browse-results-content ul { list-style: none; font-size: 12px; color: #999; } ul.browse-results li .browse-results-content .browse-price ul li { text-align: right; } ul.browse-results li .browse-results-content .browse-price ul li .value { font-size: 14px; font-weight: bold; color: #555; } ul.browse-results li .browse-results-content .browse-results-content-row-section li { padding: 5px 0; } ul.browse-results li .browse-results-content .browse-results-content-row-section .help { background: url(../images/icon_question_mark_grey.png) no-repeat right center; text-indent: -9999px; text-decoration: none; margin-right: 5px; } ul.browse-results li.first .browse-results-content ul.browse-list .label { color: #11579f; } ul.browse-results li .browse-results-content ul.browse-list .label { font-weight: bold; } ul.browse-results li ul.browse-list { width: 200px; float: left; } ul.browse-results li ul.browse-list.browse-amenities { width: 215px; } ul.browse-results li ul.browse-list li { display: block; margin: 5px 0; color: #666; } ul.browse-results li ul.browse-list li { display: none; } ul.browse-results li ul.browse-list li.first { display: block; } ul.browse-results li ul.browse-list.browse-amenities li { display: block; padding: 3px 0; } ul.browse-list.browse-amenities { width: 260px; } ul.browse-results li ul.browse-list.browse-amenities li span { display: block; padding-top: 2px; padding-bottom: 2px; text-indent: -9999px; } ul.browse-results li ul.browse-list.browse-amenities li { float: left; width: auto; } ul.browse-results li ul.browse-list.browse-amenities li span { width: 30px; padding: 0; } ul.browse-results li.first ul.browse-list.browse-amenities li { width: auto; float: none; } ul.browse-results li.first ul.browse-list.browse-amenities li span { padding-left: 41px; width: auto; } ul.browse-results li.first ul.browse-list.browse-amenities li span { text-indent: 0; } ul.browse-list.browse-amenities .pool-table { background: url(../images/icon_billiards.png) no-repeat 10px center; } ul.browse-list.browse-amenities .private-pool { background: url(../images/icon_pool.png) no-repeat 3px center; } ul.browse-list.browse-amenities .wifi { background: url(../images/icon_wifi.png) no-repeat 11px center; } ul.browse-list.browse-amenities .pet-friendly { background: url(../images/icon_pet.png) no-repeat 9px center; } ul.browse-list.browse-amenities .elevator { background: url(../images/amenities-elevator.gif) no-repeat 9px center; } ul.browse-list.browse-amenities .cinema { background: url(../images/amenities-cinema.gif) no-repeat 9px center; } .button.orange.rounded.browse-book-now { padding-left: 40px; padding-right: 40px; font-size: 14px; margin: 0; float: right; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(/css/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(/css/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(/css/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(/css/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(/css/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(/css/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/css/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/css/images/ui-icons_469bdd_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/css/images/ui-icons_469bdd_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/css/images/ui-icons_d8e7f3_256x240.png); } .ui-state-default .ui-icon { background-image: url(/css/images/ui-icons_6da8d5_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/css/images/ui-icons_217bc0_256x240.png); } .ui-state-active .ui-icon {background-image: url(/css/images/ui-icons_f9bd01_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/css/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/css/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; } .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; } .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } .ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } .ui-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } .ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Datepicker ----------------------------------*/ .ui-datepicker { display: none; padding: 0.2em 0.2em 0; width: 17em;} .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } div#accountChoice .ui-widget, #acctCreate, #acctLogin {font-family:Arial,Helvetica,sans-serif;} div#accountChoice .ui-corner-all {-moz-border-radius:0;} div#accountChoice .ui-state-default, div#accountChoice .ui-widget-header, div#accountChoice.ui-widget-content, div#accountChoice .ui-widget-content {border:none;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(images/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/css/images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(/css/images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(/css/images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(/css/images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(/css/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/css/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/css/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/css/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/css/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/css/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/css/images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/css/images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(/css/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} #scriptInfo {display:none;} .bold { font-weight: bold; } .italic { font-style: italic; } .normal { font-weight: normal; } .small11 { font-size: 11px; } .small13 { font-size: 13px !important; } .large16 { font-size: 16px; } .uppercase { text-transform: uppercase !important; } .normal_case { text-transform: none !important; } .dark_blue { color: #11579f; } .blue { color: #2c7ed2; } .grey6 { color: #666; } .grey4 { color: #444; } .text_center { text-align: center; } /* Confirmation Page */ .checkout_breadcrumbs { margin: -11px 6px 20px 6px; padding: 15px 0; background: #f1f1f1; -webkit-box-shadow: 0 2px 2px #aaa inset; -moz-box-shadow: 0 2px 2px #aaa inset; text-align: center; } .checkout_breadcrumb { padding: 0 60px; font-size: 14px; color: #aaa; } .checkout_breadcrumb.selected { color: #050505; padding-bottom: 16px; background: url(/images/checkout_breadcrumb_selected.png) no-repeat center bottom; } .confirmation .clear { float: none; clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .confirmation .icon.large { width: 50px; height: 52px; float: right; margin: 10px 5px; text-indent: -9999px; } .confirmation .icon.twitter { background: url(/images/icon_twitter_large.png) no-repeat center center; } .confirmation .icon.facebook { background: url(/images/icon_facebook_large.png) no-repeat center center; } .confirmation .icon.email { background: url(/images/icon_email_large.png) no-repeat center center; margin-right: 10px; } .confirmation p { font-size: 14px; color: #050505; } .confirmation h1 { font-size: 24px; font-weight: bold; color: #050505; padding: 10px 20px 20px 30px; } .confirmation h2 { font-size: 20px; font-style: normal; font-weight: bold; color: #050505; } .confirmation h1 span, .confirmation h2 span { font-size: 24px; font-style: normal; color: #050505; } .confirmation h2 span { font-size: 20px; } .confirmation .col_left h2, .confirmation .col_left h2 span { font-size: 19px; } .weight_normal { font-weight: normal; } .confirmation { width: 100%; float: left; } .confirmation .col_left { width: 150px; margin: 20px 0 20px 20px; float: left; text-align: right; } .confirmation .col_right { width: 700px; float: left; padding-left: 20px; border-left: 1px solid #e1e1e1; margin: 20px 0; } .confirmation .col_left h2, .confirmation .col_left p { padding-right: 10px; } .confirmation .share { line-height: 72px; vertical-align: middle; text-indent: 30px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #e6e6e6; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E6E6E6)); background: -moz-linear-gradient(0% 100% 90deg,#e6e6e6, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e6e6e6'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e6e6e6')"; /* IE8 */ border: 1px solid #c4c8d0; border-bottom-color: #a9b1bf; -webkit-box-shadow: 0 0 10px #fff inset; } .confirmation .guest_confirmation { width: 450px; float: left; } .confirmation .guest_confirmation p { padding-right: 10px; } .confirmation .home_preview_parent { position: relative; width: 250px; height: 180px; float: left; margin-top: -10px; } .confirmation .home_preview { position: absolute; width: 250px; height: 180px; float: left; top: 0; left: 0; overflow: hidden; background: url(/images/home_frame.png) no-repeat center center; z-index: 2; } .confirmation .home_preview_parent img { position: absolute; width: 190px; top: 22px; left: 25px; z-index: 1; } .confirmation .button.center { margin-left: 10px; } .confirmation .button.continue_payment { margin-left: 20px; } .confirmation .button.iphone.center { margin-left: 115px; } .confirmation img.iphone.center { margin-left: 60px; } .confirmation .share_widgets, .confirmation .details_left { width: 370px; float: left; } .confirmation .details_right { width: 300px; float: right; } .confirmation .share_widgets h2, .confirmation .details_left h2, .confirmation .details_right h2 { font-size: 18px; } .confirmation .details_left p, .confirmation .details_right p { font-size: 12px; padding: 10px 0; } .confirmation .details_block { width: 300px; float: left; margin: 10px 0; } .confirmation .details_block.float_right { float: right; } .confirmation .text_right { text-align: right; } .confirmation .details_block .details_block { font-size: 14px; color: #050505; } .confirmation .details_block .details_block thead tr th { padding: 10px; background: #f1f1f1; } .confirmation .details_block .details_block tbody tr td { padding: 10px 10px 0 10px; } .confirmation .details_block .details_block tbody tr td.last { padding-bottom: 10px; } .confirmation .border_top { border-top: 1px solid #e1e1e1; } .confirmation .note_small { font-size: 12px; color: #666666; font-style: italic; } .icon.cal_add { display: block; width: 16px; height: 16px; background: url(/images/cal_add.png) no-repeat center center; text-indent: -9999px; } .icon.get_directions { display: block; height: 16px; padding-left: 21px; background: url(/images/icon_directions.png) no-repeat left center; font-size: 12px; color: #3088df; } div.agreement_block { margin: 0; padding: 10px 10px; background: #f1f1f1; font-size: 14px; color: #050505; font-weight: normal; } /* Buttons (Blue, Orange, Grey) */ .button { display: block; float:left; padding: 10px 5px; margin: 8px 10px; background: -webkit-gradient( linear, left bottom, left top, from(#cccccc), to(#f5f5f5) ); background: -moz-linear-gradient( top, #f5f5f5 0%, #cccccc 100% ); border: 1px solid #bcbcbc; -moz-box-shadow: 0 0 2px #fff inset; -webkit-box-shadow: 0 0 2px #fff inset; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size:11px; font-weight:bold; font-family: Arial; color: #666; text-shadow: 0 -1px 0px #fff; text-decoration:none; vertical-align: middle; } a.button:hover { text-decoration: none !important; text-shadow: 0 2px 0 #050505; } .dropdown_block a.button:hover { text-shadow:none; } .button.grey { color: #666666; background: -webkit-gradient( linear, left bottom, left top, from(#cccccc), to(#ffffff) ); background: -moz-linear-gradient( top, #ffffff 0%, #cccccc 100% ); -moz-box-shadow: 0 0 2px #fff inset, 0 2px 4px #3d6793; -webkit-box-shadow: 0 0 2px #fff inset, 0 2px 4px #3d6793; font-size: 12px; padding: 5px 10px; margin: 5px 10px; } .button.blue { padding: 14px 10px; background: -webkit-gradient( linear, left bottom, left top, from(#2c7ed2), to(#5396db) ); background: -moz-linear-gradient( top, #5396db 0%, #2c7ed2 100% ); border: 1px solid #276fba; -moz-box-shadow: 0 0 2px #fff inset; -webkit-box-shadow: 0 2px 4px #aaa, 0 0 2px #fff inset; color: #fff; text-shadow: 0 -1px 0px #545454; text-transform: uppercase; } a.button.blue:hover { text-shadow: 0 1px 0px #545454; background: -webkit-gradient( linear, left bottom, left top, from(#daeefe), to(#5396db) ); background: -moz-linear-gradient( top, #5396db 0%, #daeefe 100% ); } .button.blue.selected { background: -webkit-gradient( linear, left bottom, left top, from(#42b3e5), to(#71bfe9) ); background: -moz-linear-gradient( top, #71bfe9 0%, #42b3e5 100% ); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#71bfe9', endColorstr='#42b3e5'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#71bfe9', endColorstr='#42b3e5')"; /* IE8 */ } .button.orange { background: -webkit-gradient( linear, left bottom, left top, from(#d96b16), to(#f09c19) ); background: -moz-linear-gradient( top, #f09c19 0%, #d96b16 100% ); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f09c19', endColorstr='#d96b16'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f09c19', endColorstr='#d96b16')"; /* IE8 */ border: 1px solid #b35a12; color: #fff; text-shadow: 0 -1px 0px #ad6712; } .button.orange:hover { background: -webkit-gradient( linear, left bottom, left top, from(#f09c19), to(#d96b16) ); background: -moz-linear-gradient( top, #d96b16 0%, #f09c19 100% ); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d96b16', endColorstr='#f09c19'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d96b16', endColorstr='#f09c19')"; /* IE8 */ } .button.blue.flat { background: #2c7ed2; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 15px; -moz-border-radius: 15px; padding: 5px 10px; font-size: 14px; text-transform: none; } .button.rounded { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 5px 10px; } .button.circle { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 4px 8px; margin: 0; text-align: center; font-size: 14px; } .inactive .button.circle, .inactive .button, .inactive .button.blue:hover { color: #ddd; background: -webkit-gradient( linear, left bottom, left top, from(#aaaaaa), to(#cccccc) ); background: -moz-linear-gradient( top, #cccccc 0%, #aaaaaa 100% ); border: 1px solid #999; text-shadow: 0 -1px 0px #999; } .button.large { font-size: 18px; } .button.xtraLarge { font-size: 27px; } .button.medium { padding: 8px 10px; margin: 0 3px; } .button.small { padding: 5px 10px; margin: 8px 3px; font-size: 10px; } .alpha { margin-left: 0 !important; } .omega { margin-right: 0 !important; } /* end Buttons */ /* `Containers ----------------------------------------------------------------------------------------------------*/ .ui-form-dialog { width: auto; background: #f1f1f1; border: 5px solid #656565; -webkit-box-shadow: 0 0 5px #ffffff inset; -moz-box-shadow: 0 0 5px #ffffff inset; -webkit-border-radius: 10px; -moz-border-radius: 10px; } /* `Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { position: relative; display: inline; float: left; margin-left: 10px; margin-right: 10px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15 { position: relative; } /* `Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* `Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .ui-form-dialog .grid_1 { width: 60px; } .ui-form-dialog .grid_2 { width: 140px; } .ui-form-dialog .grid_3 { width: 220px; } .ui-form-dialog .grid_4 { width: 300px; } .ui-form-dialog .grid_5 { width: 380px; } .ui-form-dialog .grid_6 { width: 460px; } .ui-form-dialog .grid_7 { width: 540px; } .ui-form-dialog .grid_8 { width: 620px; } .ui-form-dialog .grid_9 { width: 700px; } .ui-form-dialog .grid_10 { width: 780px; } .ui-form-dialog .grid_11 { width: 860px; } .ui-form-dialog .grid_12 { width: 940px; } .ui-form-dialog .dialog-input.grid_4 { width: 278px; } /* `Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .ui-form-dialog .push_1 { left: 80px; } .ui-form-dialog .push_2 { left: 160px; } .ui-form-dialog .push_4 { left: 320px; } .ui-form-dialog .push_5 { left: 400px; } .ui-form-dialog .push_7 { left: 560px; } .ui-form-dialog .push_8 { left: 640px; } .ui-form-dialog .push_10 { left: 800px; } .ui-form-dialog .push_11 { left: 880px; } /* Dialog Forms (Share Details, No Search Matches) */ .ui-form-dialog .hidden { display: none; } a.ui-add-more-button { position: absolute; display: block; width: 14px; height: 15px; top: 12px; right: 10px; text-indent: -9999px; background: url(../images/icon_add_item.png) no-repeat center center; } a.ui-remove-button { display: block; position: absolute; width: 16px; height: 16px; top: 11px; right: 9px; text-indent: -9999px; background: url(../images/icon_remove_item.png) no-repeat center center; } a.ui-dropdown-button { display: block; width: 30px; height: 36px; float: right; text-indent: -9999px; background: #fff url(../images/icon_dialog_dropdown.png) no-repeat center center; border: 1px solid #d6d6d6; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; } .ui-form-dialog .ui-dialog-titlebar { background: none; border: none; color: #050505; text-indent: 100px; } .ui-form-dialog .ui-dialog-titlebar a { color: #3088df; } .ui-form-dialog { width: 820px; padding: 0 40px 30px 40px; background: #f1f1f1 !important; border: 5px solid #fff !important; -webkit-border-radius: 15px !important; -moz-border-radius: 15px !important; -webkit-box-shadow: 0 2px 20px #353535; -moz-box-shadow: 0 2px 20px #353535; } .ui-form-dialog .textRight { text-align: right; } .ui-form-dialog h2 { font-size: 27px; font-weight: bold; font-style: normal; color: #050505; padding-top: 0; padding-bottom: 20px; margin: 0; } .ui-form-dialog h3 { font-size: 21px; font-weight: normal; color: #050505; padding-top: 20px; padding-bottom: 20px; margin: 0; } .ui-form-dialog .label { padding: 10px 0; font-size: 15px; font-weight: bold; color: #050505; } .ui-form-dialog .dialog-input { background: #fff; border: 1px solid #d6d6d6; padding: 10px; font-size: 13px; color: #c1c1c1; } .ui-form-dialog .dialog-input:focus { border: 1px solid #050505; color: #050505; outline: none; } .ui-form-dialog .dialog-input.hasValue { color: #050505; } .ui-form-dialog div.grid_4.ui-dropdown { width: 247px; float: left; border-right: none; } .ui-form-dialog .ui-dialog-subject, .ui-form-dialog .ui-dialog-personalize { margin-bottom: 20px; } .ui-form-dialog .ui-dialog-subject div.grid_4.ui-dropdown, .ui-form-dialog .dialog-textarea-input { -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; } .ui-form-dialog .dialog-textarea-input { height: 60px; } .ui-form-dialog input.input_madlibs { width: 150px; background: none; border: none; border-bottom-width: 1px; border-bottom-color: #a1a1a1; border-bottom-style: dotted; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; margin: 0 10px; padding: 5px; color: #050505; font-size: 19px; font-weight: bold; } .ui-form-dialog input.input_madlibs:focus { outline: 0; background: #fff; border-bottom-color: #050505; border-bottom-style: dashed; } .ui-form-dialog .text_madlibs { font-size: 15px; font-weight: normal; line-height: 50px; } .ui-form-dialog ul.criteria { width: 100%; list-style: none; margin: 0 0 40px 0; padding: 0; float: left; } .ui-form-dialog ul.criteria li { float: left; font-size: 15px; color: #656565; padding: 5px; margin-right: 10px; margin-bottom: 10px; background: -webkit-gradient( linear, left bottom, left top, from(#efefef), to(#ffffff) ); background: -moz-linear-gradient( top, #ffffff 0%, #efefef 100% ); border-color: #d6d6d6; border-width: 1px; border-style: solid; -webkit-box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset; white-space: nowrap; } .ui-form-dialog .black { color: #050505; } .ui-form-dialog .floatRight { float: right; } .ui-form-dialog .floatLeft { float: left; } .ui-form-dialog a.button { float: left; padding-left: 10px; padding-right: 10px; } .ui-form-dialog .call_block { margin-top: 10px; line-height: 24px; } .ui-form-dialog .call_block h4, #nomatches .call_block h5 { font-size: 17px; margin: 0; padding: 0; } .ui-form-dialog .icon.remove { position: relative; padding-left: 24px; height: 14px; line-height: 14px; background-image: url(/images/icon_remove_criterion.png); background-position: center 3px; background-repeat: no-repeat; text-decoration: none; } .ui-form-dialog .icon.remove:hover { background-position: center -16px; text-decoration: none; } /* end No Matches Form */ /* Apps and Widgets Page */ .aw_content h1.widget, .aw_content h2.widget, .aw_content h3.widget { font-family: 'Lucida Grande', Arial, sans-serif; font-size: 28px; color: #555555; margin: 0; padding: 20px 30px; clear: both; -webkit-font-smoothing: antialiased; } .aw_content h1.widget { padding-top: 10px; } .aw_content h2.widget, .aw_content h3.widget { font-size: 16px; color: #333; padding-top: 0; font-weight: normal; } .aw_content h1.widget.preview { padding-top: 80px; } .aw_content h3.widget { font-size: 18px; padding-bottom: 20px; } .aw_content h2.widget a { color: #3088df; text-decoration: none; } .aw_content h2.widget a:hover { color: #333; padding-bottom: 2px; border-bottom: 3px solid #3088df; } .aw_wrapper { position: relative; float: left; background: url(../images/appsandwidgets/paper_bg.jpg) no-repeat center top; } .aw_wrapper .paper_bg_overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/appsandwidgets/paper_bg_overlay_repeat.png) repeat-y center top; } .aw_wrapper .paper_bg_overlay_bottom { position: absolute; width: 100%; height: 30px; left: 0; bottom: 0; background: url(../images/appsandwidgets/paper_bg_overlay_bottom.png) no-repeat center top; } .aw_content { position: relative; clear: both; z-index: 1; } .aw_content .aw_jump_to { float: left; margin-left: 20px; margin-bottom: 10px; } .aw_content .aw_jump_to li { height: 40px; float: left; margin: 0 30px; list-style: none; } .aw_content .aw_jump_to li a { display: block; height: 40px; color: #3088df; font-size: 18px; font-weight: normal; text-decoration: none; line-height: 40px; vertical-align: middle; } .aw_content .aw_jump_to li a:hover .text { color: #333; padding-bottom: 2px; border-bottom: 3px solid #3088df; } .aw_content .aw_jump_to li a .icon { display: block; height: 40px; float: left; margin-right: 10px; background-position: center center; background-repeat: no-repeat; } .aw_content .aw_jump_to li a .icon.iphone.small { width: 20px; background-image: url(../images/appsandwidgets/icon_iphone_small.png); } .aw_content .aw_jump_to li a .icon.facebook.small { width: 30px; background-image: url(../images/appsandwidgets/icon_facebook_small.png); } .aw_content .aw_jump_to li a .icon.countdown.small { width: 37px; background-image: url(../images/appsandwidgets/icon_countdown_small.png); } .aw_content .aw_jump_to li a .icon.tide.small { width: 27px; background-image: url(../images/appsandwidgets/icon_tide_small.png); } .aw_content .aw_block { position: relative; width: 850px; padding: 30px 0 30px 20px; margin: 0 40px; float: left; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; } .aw_content .aw_block .aw_content_image { width: 228px; } .aw_content .aw_block .aw_content_info { width: 592px; } .aw_content .aw_block .aw_content_info.float_right { padding-left: 30px; } .aw_content .aw_block .aw_content_info.iphone { margin-top: 50px; } .aw_content h1.aw_header, .aw_content h2.aw_header { font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 44px; color: #333; padding: 0; margin: 0; text-shadow: 0 1px 2px #fff; font-weight: normal; } .aw_content h1.aw_header { margin-bottom: 10px; } .aw_content h1.aw_header.iphone { padding: 0 0 10px 142px; background: url(../images/appsandwidgets/icon_appstore.png) no-repeat left 2px; } .aw_content h1.aw_header.facebook { padding: 10px 0 0 72px; height: 62px; background: url(../images/appsandwidgets/icon_facebook_large.png) no-repeat left 4px; margin-bottom: 10px; } .aw_content h2.aw_header { font-size: 21px; color: #555; } .aw_content p { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #616161; line-height: 28px; text-shadow: 0 1px 2px #fff; margin-top: 40px; } .aw_content a.aw_button_get_iphone_app { display: block; width: 282px; height: 54px; float: right; background: url(../images/appsandwidgets/button_get_iphone_app.png) no-repeat center center; text-indent: -9999px; } .aw_content a.aw_button_facebook_app { display: block; width: 162px; height: 54px; float: left; background: url(../images/appsandwidgets/button_facebook_app.png) no-repeat center center; text-indent: -9999px; } .aw_content a.aw_get_widget { display: block; width: 162px; height: 54px; float: right; background: url(../images/appsandwidgets/button_get_widget.png) no-repeat center center; text-indent: -9999px; } a.aw_countdown_facebook { display: block; width: 332px; height: 54px; float: right; background: url(../images/appsandwidgets/button_countdown_facebook.png) no-repeat center center; text-indent: -9999px; margin-right: 20px; } /* end Apps and Widgets Page */ /* Countdown Widget */ .col_left { width: 400px; float:left; margin: 10px 0 0 30px; } .col_right { width: 410px; float: right; margin: 10px 30px 0 0; } .normal.tide { font-weight: normal; } h2.tide { font-size: 18px; font-weight: bold; color: #444; } h3.tide { font-size: 14px; font-weight: bold; color: #666; } h4.tide { font-size: 12px; font-weight: bold; color: #333; } h1.widget, h2.widget, h3.widget { font-family: 'Lucida Grande', Arial, sans-serif; font-size: 28px; color: #555555; margin: 0; padding: 20px 30px; clear: both; -webkit-font-smoothing: antialiased; } h1.widget { padding-top: 10px; } h2.widget, h3.widget { font-size: 16px; color: #333; padding-top: 0; font-weight: normal; } h1.widget.preview { padding-top: 80px; } h3.widget { font-size: 18px; padding-bottom: 20px; } h2.widget.blog { padding-top: 50px; padding-bottom: 20px; } h2.widget a { color: #3088df; text-decoration: none; } h2.widget a:hover { color: #333; padding-bottom: 2px; border-bottom: 3px solid #3088df; } img.preview { padding: 0 30px; } .col_left .boxRight { margin-top: 0 !important; } #twiddy_countdown_widget { margin-left: 50px; clear: both; } img.messageboard_signature { margin-left: 50px; } .widget_block_row { position: relative; width: 938px; clear: both; padding: 0 0 0 20px; } .widget_block { position: relative; width: 200px; padding: 10px; margin-bottom: 20px; background: #f1f1f1; border: 1px solid #b8b8b8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; -webkit-box-shadow: 0 1px 2px #aaa; } .widget_block .start_here { position: absolute; font-size: 12px; color: #ccc; top: -14px; left: 10px; } .widget_block.code_snippet { float: right; margin-right: 20px; } .widget_block.widget_type, .widget_block.code_snippet { width: 340px; } .widget_block h3 { font-family: 'Lucida Grande', Arial, sans-serif; margin: 0 0 10px 0; padding: 0; line-height: 25px; vertical-align: middle; font-size: 13px; } .widget_block.inactive h3 { color: #aaa; } .widget_block .circle { line-height: 14px; margin-right: 10px; } .widget_block input.user_input, .widget_block textarea.user_input { position: relative; width: 190px; height: 30px; padding: 0 5px; clear: both; background: #fff; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 2px 4px #e0e0e0 inset, 0 1px 1px #ffffff; -moz-box-shadow: 0 2px 4px #e0e0e0 inset, 0 1px 1px #ffffff; font-size: 14px; } .widget_block input.user_input.inactive, .widget_block textarea.user_input.inactive { color: #ccc; } .widget_block.inactive input.user_input, .widget_block.inactive textarea.user_input { color: #aaa; background: #ddd; -webkit-box-shadow: 0 1px 3px #a2a2a2 inset, 0 1px 1px #ffffff; -moz-box-shadow: 0 1px 3px #a2a2a2 inset, 0 1px 1px #ffffff; } .widget_block textarea.user_input { width: 270px; height: 100px; resize: none; margin-left: 30px; } .widget_block input.user_input.date_picker { width: 155px; background: #fff url(../images/cal.png) no-repeat 165px center; padding-right: 35px; } .widget_block.inactive input.user_input.date_picker { background: #ddd url(../images/cal_inactive.png) no-repeat 165px center; } .block_arrow { position: relative; width: 36px; height: 90px; margin: 0 10px; float: left; background: url(../images/arrow_right_lrg.png) no-repeat center center; } .block_arrow.inactive { background: url(../images/arrow_right_lrg_inactive.png) no-repeat center center; } .widget_block .button.first { margin-left: 40px !important; } /* end Countdown Widget */ /* Tide Widget */ .box.grey { width: 424px; float: left; padding: 5px; margin: 10px 0; background: #eee; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .box.grey.tide_locations_widget { padding: 0; } .box h3 { padding: 10px; margin: 0; } .box textarea { width: 404px !important; height: 60px; margin: 10px 5px; } .button.blue.col_location { width: 210px; height: 30px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; padding: 0; } .col_location p { text-align: center; margin: 0; padding: 5px; color: #fff; } .col_locations { width: 210px; float: left; overflow: hidden; } .tide_locations_script { width: 414px; height: 100px; float: left; } .col_locations.state ul.locations li { border-right: 1px solid #ccc; } .col_locations.state ul.locations li.selected { border-right: 1px solid #eee; } .col_locations.city { border-left: 1px solid #aaa; } .col_locations ul.locations { width: 100%; margin: 0; padding: 0; list-style: none; float: left; } .col_locations ul.locations li { padding: 5px 10px; font-size: 14px; line-height: 18px; text-align: middle; color: #666; font-weight: bold; background: transparent; cursor: pointer; -webkit-transition-property: color; -webkit-transition-duration: 0.2s; } .location_hidden { margin-left: -210px; } .col_locations ul.locations li.unselected { font-weight: normal; color: #999; } .col_locations ul.locations li.selected { color: #666; font-weight: bold; background: transparent; } .col_locations ul.locations li:hover { color: #5396db; text-shadow: 0 1px 1px #fff; } .col_locations ul.locations li:active { color: #2c7ed2; text-shadow: 0 1px 1px #fff; text-shadow: 0 1px 1px #fff; } .col_locations ul.locations li .count { width: 30px; float: left; font-size: 12px; color: #999; } .locations_by_state { position: relative; overflow-y: auto; overflow-x: hidden; } .preview_block { padding: 0 100px; } /* end Tide Widget */ /* Pricing Flow */ .price_flow .col_left { width: 200px; float: left; margin: 0 10px 0 10px; } .price_flow .col_right { width: 700px; float: right; margin: 0 0 0 10px; } .price_flow ul { list-style: none; } .price_flow .col_left h2 { font-size: 20px; font-style: normal; font-weight: bold; margin: 30px 10px 10px 10px; } .price_flow .col_left .booking_process li { margin: 10px 0; } .price_flow .col_left .booking_process li.last { background: #e5e5e5; -webkit-border-radius: 8px; -moz-border-radius: 8px; border: 1px solid #ccc; } .price_flow .col_left .booking_process li h3 { background: -webkit-gradient( linear, left bottom, left top, from(#ffffff), to(#e5e5e5) ); background: -moz-linear-gradient( top, #e5e5e5 0%, #ffffff 100% ); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e5e5e5', endColorstr='#ffffff'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e5e5e5', endColorstr='#ffffff')"; /* IE8 */ padding: 10px; border: 1px solid #ccc; border-bottom-width: 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; font-size: 16px; font-weight: bold; color: #666; } .price_flow .col_left .booking_process li.last h3 { background: transparent; filter: none; border: none; color: #333; font-size: 18px; } .price_flow .col_left .booking_process li p { font-size: 14px; font-weight: normal; color: #666; padding: 10px; line-height: 20px; } .price_flow .col_right .step_nav { width: 700px; float: left; margin-top: 20px; background: -webkit-gradient( linear, left bottom, left top, from(#124d8a), to(#2c7ed2) ); background: -moz-linear-gradient( top, #2c7ed2 0%, #124d8a 100% ); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2c7ed2', endColorstr='#124d8a'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2c7ed2', endColorstr='#124d8a')"; /* IE8 */ -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border: 2px solid #11579f; border-bottom: none; } .price_flow .col_right .step_nav li { width: 229px; float: left; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; text-align: center; } .price_flow .col_right .step_nav li.selected { background: #fff; } .price_flow .col_right .step_nav li h2 { font-size: 18px; font-weight: bold; font-style: normal; color: #fff; margin: 0; border-right: 1px solid #1e6ab7; border-left: 1px solid #518dcb; padding: 10px; text-shadow: 0 -1px 1px #000; } .price_flow .col_right .step_nav li.selected h2 { border: none; text-shadow: none; } .price_flow .col_right .step_nav li.last h2 { border-right: none; } .price_flow .col_right .step_nav li.selected h2 { color: #2c7ed2; } .price_flow .col_right .step { width: 680px; float: left; border-width: 0; border-color: #1e6ab7; border-style: solid; border-left-width: 2px; border-right-width: 2px; padding: 0 10px; } .price_flow .col_right .col_left { width: 360px; float: left; padding: 0; margin: 0; } .price_flow .col_right .col_right { width: 330px; float: right; padding: 0; margin: 0; } .price_flow .col_right .col_left h2 { font-size: 24px; font-weight: bold; font-style: normal; color: #333; margin: 10px 0; } .price_flow .col_right .col_left h2 span { font-size: 14px; color: #666; } .price_flow .col_right .col_left img { border: 1px solid #666; margin-right: 10px; } .price_flow .col_right .col_left dl.price_flow_home_details { width: 180px; padding: 10px; float: left; background: #daeefe; border: 1px solid #66ccff; } .price_flow .col_right .col_left dl.price_flow_home_details dt { width: 90px; color: #333; font-size: 12px; font-weight: normal; float: left; } .price_flow .col_right .col_left dl.price_flow_home_details dd { width: 90px; font-size: 12px; font-weight: normal; float: left; } .price_flow .col_right .col_left table { margin: 20px 0; } .price_flow .col_right .col_left table thead tr { background: #d0dce6; } .price_flow .col_right .col_left table thead tr th { padding: 5px 10px; text-align: left; font-size: 14px; font-weight: bold; color: #333; } .price_flow .col_right .col_left table tbody tr td { width: 50%; font-size: 14px; font-weight: normal; color: #333; text-align: right; padding: 5px 0; } .price_flow .col_right .col_left table tbody tr td a.help_link { font-size: 10px; color: #0066ff; font-weight: normal; } .calculator { background: url(../images/calculator.png) no-repeat left center; padding-left: 22px; } .price_flow .col_right .dropdown { display: block; padding: 10px; border: 2px solid #bbb; margin: 10px 0; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-image: url(../images/check_out_dropdown.png); background: url(../images/check_out_dropdown.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFFF), color-stop(.7,#E5E5E5)); background: url(../images/check_out_dropdown.png), -moz-linear-gradient( top, #e5e5e5 0%, #ffffff 100% ); background-repeat: no-repeat; background-position: right center; color: #2c7ed2; } .booking_block { width: 450px; float: left; background: #d2dce4; border: 1px solid #99b5c7; } .booking_block .booking_block_button { width: 210px; float: left; } .booking_block .booking_block_button h4 { font-size: 12px; color: #333; font-weight: bold; padding: 10px 0 0 10px; margin: 0; } .booking_block .booking_block_button h2 { font-size: 16px; font-weight: bold; color: #11579f; padding: 0 0 0 10px; margin: 0; } .booking_block .booking_block_table { width: 250px; float: right; padding: 10px; } .booking_block .booking_block_table .numeric { text-align: right; } .booking_block .booking_block_table td { font-size: 12px; font-weight: normal; padding: 2px 0; } .booking_block .booking_block_table td span.gray { font-size: 10px; color: #999999; } .booking_block .booking_block_table .total { font-size: 14px; font-weight: bold; color: #333; } .price_flow .col_right .dropdown.open { background: #fff; border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-width: 0; margin-bottom: 0; } .account_block { background: #fff; border: 2px solid #bbb; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-top-left-radius: 0px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-width: 0; display: none; padding: 10px; } .account_block h3 { font-size: 12px; font-weight: bold; text-align: center; padding-bottom: 10px; } .account_block label { display: block; float: left; font-size: 12px; width: 130px; text-align: right; margin: 0 0 10px; } .account_block input.account_block_input { float: left; margin: 0 10px 10px; } .account_block a.account_block_link.small { color: #1170ff; font-size: 10px; margin: -5px 0 10px 140px; float: left; } .account_block input.account_block_checkbox { margin-left: 10px; } .account_block input.account_block_login { background-color: #124d8a; background: -webkit-gradient( linear, left bottom, left top, from(#124d8a), to(#2c7ed2) ); background: -moz-linear-gradient( top, #2c7ed2 0%, #124d8a 100% ); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2c7ed2', endColorstr='#124d8a'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2c7ed2', endColorstr='#124d8a')"; border: none; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; color: #fff; font-size: 16px; padding: 8px; margin-left: 100px; } div.pricingTooltip { background: #fff; border: 1px solid #666; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 2px 6px #aaa; -webkit-box-shadow: 0 2px 6px #aaa; -moz-box-shadow: 0 2px 6px #aaa; position: absolute; padding-bottom: 10px; z-index: 1000; } div.pricingTooltip h3 { background: #e5e5e5; border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; color: #333; font-size: 14px; font-weight: bold; padding: 8px 10px; margin-bottom: 10px; } div.pricingTooltip dl { color: #333; font-size: 12px; font-weight: normal; width: 280px; padding: 10px; } div.pricingTooltip dt { float: left; padding: 2px 10px 2px 0; width: 170px; text-align:right; } div.pricingTooltip dd { float: left; padding: 2px 0; width: 70px; } div.pricingTooltip dt.total, div.pricingTooltip dd.total { font-size: 14px; font-weight: bold; } div.pricingTooltip dt span.grey { color: #999; font-size: 10px; } div.pricingTooltip div.arrow { background: url(../images/price_tooltip_arrow.png) no-repeat right center; height: 100%; position: absolute; top: 0; right: -23px; z-index: 10001; width: 23px; } /* end Pricing Flow */ .price-range-slider .ui-slider-horizontal .ui-slider-handle { margin-left: 0; top: 0; } div.homeSearchBar { height: 1%; background: -webkit-gradient( linear, left bottom, left top, from(#528cc8), to(#71a9e3) ); background: -moz-linear-gradient( top, #71a9e3 0%, #528cc8 100% ); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#71a9e3', endColorstr='#528cc8'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#71a9e3', endColorstr='#528cc8')"; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-color: #124d8a; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 #fff inset; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; margin: 10px 0; padding: 0 5px; padding-right: 0; } ul.homeSearchBar { margin:0px 0px 0px 0px; } ul.homeSearchBar li { float: left; list-style: none; text-align: center; margin: 0; padding: 5px; } ul.homeSearchBar li a { margin: 0; padding: 2px 5px; text-transform: uppercase; font-style: normal; text-shadow: 0 -1px 0 #124d8a; color: #fff; font-size:16px; } ul.homeSearchBar li.homeBrowse, ul.homeSearchBar li.homeSearchRentals { width: 170px; } ul.homeSearchBar li.homeSearchRentals { width: auto; padding: 5px 10px; float: right; } ul.homeSearchBar li.homeSearchRentals { color: #fff; font-weight: bold; text-shadow: 0 1px 0 #d6e3f1; text-transform: uppercase; } ul.homeSearchBar li.homeBeginSearch { background: -webkit-gradient( linear, left bottom, left top, from(#d96b16), to(#f08819) ); background: -moz-linear-gradient( top, #f08819 0%, #d96b16 100% ); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f08819', endColorstr='#d96b16'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f08819', endColorstr='#d96b16')"; box-shadow: 0 1px 0 #fff inset; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; padding: 5px 10px; float: right; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 5px; } ul.homeSearchBar li.homeBeginSearch a { background: url(../images/search_arrow.png) no-repeat center right; padding-right: 32px; text-shadow: 0 -1px 0 #b35a12; } div.sidebar { margin-top: -20px; } ul.browse-nav { background-image: none; } ul.browse-nav li { background-image: none; } div.obj-txt h1 {font-size:26px;} /* Splitter Dialog */ .ui-form-dialog-with-header { background: #edf6ff !important; } .ui-form-dialog-with-header .ui-dialog-titlebar.ui-widget-header { background-image: none; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(224,224,224)), color-stop(1, rgb(238,238,238)) ); background-image: -moz-linear-gradient( center bottom, rgb(224,224,224) 0%, rgb(238,238,238) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e0e0e0', endColorstr='#ededed'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e0e0e0', endColorstr='#ededed')"; /* IE8 */ border: 1px solid #c6c6c6; padding-top: 10px; padding-bottom: 0; } .ui-form-dialog-with-header .ui-dialog-titlebar.ui-widget-header span.ui-dialog-title { padding: 0; margin: 0; } .ui-form-dialog-with-header .dialog-tab { position: relative; font-size: 12px; text-transform: uppercase; text-shadow: 0 -1px 0 #545454; padding: 10px 20px; margin: 0 5px; margin-bottom: 0; background: -webkit-gradient( linear, left bottom, left top, from(#4e95d8), to(#7ab0e1) ); background: -moz-linear-gradient( top, #7ab0e1 0%, #4e95d8 100% ); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7ab0e1', endColorstr='#4e95d8'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7ab0e1', endColorstr='#4e95d8')"; /* IE8 */ border-radius:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 5px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; box-shadow: 0 0 2px #fff inset; -webkit-box-shadow: 0 0 2px #fff inset; -moz-box-shadow: 0 0 2px #fff inset; border: 1px solid #4e95d8; float: left; } .ui-form-dialog-with-header .dialog-tab.dialog-tab-selected { background: #edf6ff; filter: none; -ms-filter: none; border: 1px solid #c6c6c6; border-bottom-width: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding-bottom: 11px; top: 1px; color: #303030; text-shadow: none; } ul.splitter-dialog-list { list-style: none; text-align: center; } ul.splitter-dialog-list li { color: #303030; font-size: 15px; margin-bottom: 35px; } ul.splitter-dialog-list li.first { margin-top: 20px; } ul.splitter-dialog-list li.cost-person, ul.splitter-dialog-list li.cost-night, ul.splitter-dialog-list li.family-bedroom, ul.splitter-dialog-list li.family-cost { float: left; margin-left: 50px; } ul.splitter-dialog-list li.line-break { border-color: #d2dce4; } ul.splitter-dialog-list li.count-bedroom input, ul.splitter-dialog-list li.cost-person input, ul.splitter-dialog-list li.cost-night input, ul.splitter-dialog-list li.family-bedroom input, ul.splitter-dialog-list li.family-cost input { width: 54px; font-size: 21px; font-weight: bold; color: #2c7ed2; text-align: center; line-height: 36px; height: 36px; } ul.splitter-dialog-list li.cost-person input, ul.splitter-dialog-list li.cost-night input, ul.splitter-dialog-list li.family-cost input { width: 80px; color: #00bd09; } ul.splitter-dialog-list li.family-cost input { width: 100px; } ul.splitter-dialog-list li .blue { color: #2c7ed2; } ul.splitter-dialog-list li .font21 { font-size: 21px; } img.rates {margin-right:5px;} .invisible {visibility:hidden;} table.data .header_1 th { background-color: #4F91C8; color: #FFFFFF; font-weight: bold; padding: 3px; text-align: center; }