/* CSS Document Tiles of Stow 2008 Copyright Tiles of Stow Ltd. 2008*/ body {margin-right: 0px; margin-left: 0px; margin-top: 0px; background: #8B9EA0;} p {font-family: Arial, Helvetica, sans-serif;} h1 {font-family: Arial, Helvetica, sans-serif;} h2 {font: 100% Arial, Helvetica, sans-serif;} h3 {margin: 6px 8px; color: #336699; text-align: left; font: bold 85% Arial, Helvetica, sans-serif;} .red {color: #F00 !important; } .green { color: #9C3 !important; } /*MAIN CONTAINERS*/ /*HEADER*/ #headerContainer {height: 80px; width: 974px; background: #8B9EA0; border: none;} #headerSplash {width: 750px; float: left; background: #8B9EA0; border: none;} #headerStrap {width: 219px; float: right; background: #8B9EA0; border: none;} #headerStrapWrapper {background: #DADADA; border: none; background: #8B9EA0; border: none;} /*HEADER 2*/ #headerContainer2 {height: 252px; width: 974px; background: #8B9EA0 url(../images/header/headerbg5.jpg); border: none;} #headerSplash2 {width: 300px; height: 67px; float: left;} #headerSplash2 h1 {font-size: 110%; font-weight: normal; color: #fff; margin: 0 0 0 28px;} #headerSplash2 p {font-size: 75%; font-weight: normal; color: #fff; margin: 0 0 0 28px;} #headerStrap2 {width: 300px; float: right; margin-top: 5px;} #headerStrap2 h1 {font-size: 110%; font-weight: normal; color: #fff; margin: 0 38px 0 0; text-align: right;} #headerStrap2 p {font-size: 75%; font-weight: normal; color: #fff; margin: 10px 38px 15px 0; text-align: right;} #headerStrap2 a {color: #fff; text-decoration: underline;} #headerStrap2 a:hover {color: #FF6600; text-decoration: underline;} #container {width: 974px; background: #fff; background: #8B9EA0;} #main {width: 974px; background: #8B9EA0; margin: 5px 0 0 0;} #navContainer {width: 974px; margin: 3px 0 0 0;} #footer {width: 974px; height: 70px; border: 1px solid #666; margin: 5px 0 0 0; background: #F0F0EE;} #footer h4 {width: 50%; margin: 3px !important; color: #336699; font: bold 75% Arial, Helvetica, sans-serif; border-bottom: dotted 1px #003366;} #footer p {font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 70%; padding: 0 5px 5px 5px; margin: 0px; text-align: left;} .footerBox {margin: 3px;} #siteMeter {margin: 10px;} /*CONTENT*/ #content {width: 745px; border: solid 1px #666; float: left; background: #F0F0EE; vertical-align: top;} #content h1 {text-align: left; color: #993333; margin: 0px 0px 3px 5px; padding: 4px 0px 4px 3px; font: bold 110% Verdana, Arial, Helvetica, sans-serif;} #content p {text-align: left; color: #333333; text-align: justify; display: block; padding: 2px 8px 2px 8px; margin: 0px; font: 75% Arial, Helvetica, sans-serif;} .column1 {width: 360px;} .pforceL {text-align: left !important;} .pforceR {text-align: right !important;} /*BOXES*/ .infoBox {border: 1px solid #ccc; background: #fff;} .welcome {width: 720px; height: auto; margin: 8px 0 8px 10px !important; background: #fff !important; border: solid 1px #ccc;} .welcomeHome {width: 720px; height: 250px; margin: 8px 0 8px 10px !important;} .welcome2012 {width: 720px; height: 250px; margin: 8px 0 8px 10px !important; background-image: url(../images/home/welcomeBanner/newProducts2.jpg) !important; background-repeat: no-repeat; background-position: left top;} .welcomeHome2 {width: 722px; margin: 8px 0 8px 10px !important; padding: 5px; background: #DDD8D2;} .welcomeHome3 {width: 356px; margin: 8px 0 8px 10px !important; background: #DDD8D2;} .welcomeHome3 h1 {padding: 3px 0 3px 8px !important; margin: 0 !important; background-color: #A09383 !important; color: #FFF !important; font-weight: normal !important; font-size: 100%;} .welcomeHome3 h2 {font: bold 100% Arial, Helvetica, sans-serif; color: #003366; margin: 15px 10px 2px 10px; text-align: left; border-bottom: dotted 1px #003366;} .welcomeHome3 p {margin: 5px !important;} .welcome p {padding: 2px 8px 2px 10px !important;} .welcome h1, #brochure h1, .feature h1, #intros h1 {color: #fff !important; font-weight: normal !important; background: #999 url(../images/common/h1Welcomebg.jpg) repeat-x; margin: 0px 0px 0px 8px !important;} .welcome h2 {font: Bold 100% Arial, Helvetica, sans-serif; color: #003366; margin: 8px 10px 2px 10px; text-align: left; border-bottom: dotted 1px #003366;} #welcomeIntro {width: 255px; margin: 0 0 0 8px !important;} #welcomeIntro p {margin: 10px 0 0 0 !important; padding: 0 10px 0 0 !important;} #welcomePicChange {width: 250px; margin: 0 0 0 0px;} #welcomePicChange p {margin: 5px 0 0 0 !important; padding: 0 10px 0 0 !important;} #introBanner {width: 700px; height: 300px; margin: 8px 0 8px 8px !important;} #rightColumn {float: right;} #infoPageLcol {width: 250px; margin: 0 0 0 8px;} #infoPageRcol {width: 250px; margin: 0 10px 0 0; float: right;} #brochure {width: 720px; margin: 8px 0 8px 10px; background: #CCC2BB !important;} #brochure p {margin: 0 !important; padding: 2px 8px 2px 10px !important;} #brochure h2 {font: Bold 100% Arial, Helvetica, sans-serif; color: #003366; margin: 8px 10px 2px 10px; text-align: left; border-bottom: dotted 1px #003366;} #brochure h3 {margin: 0 !important; padding: 2px 2px 2px 10px; font-size: 110%; color: #333333 !important; font-weight: normal !important;} .key {border: solid 1px #ccc; margin: 3px; background: #fff;} .key p {font-size: 70% !important; color: #003399 !important; text-align: left !important; padding: 0 2px 10px 0 !important;} .tileTable {margin: 0 0 10px 5px;} .specialOffer {margin: 3px; background: #fff; border: solid 1px #ccc; width: 165px; padding: 0 0 5px 0;} .specialOffer h1 {color: #FF6600 !important; font-size: 85% !important;} .imagefader {margin: 10px 0 0 0; border: 1px solid #666;} .contact h3 {margin: 0 !important; padding: 2px 2px 2px 10px; font-size: 110%; color: #333333 !important; font-weight: normal !important;} .product {width: 235px; height: 275px;} .boxL {margin: 5px 0 5px 10px;} .boxM {margin: 5px 0 5px 0;} .boxR {margin: 5px 5px 5px 0;} #intros {width: 718px; height: auto; margin: 8px 0 8px 10px !important; background: #fff !important; border: solid 1px #ccc;} #priceBox {width: 168px; background-color: #fff; border: solid 1px #999; margin: 3px 0px 3px 6px; padding: 0 0 8px 0;} #priceBox h2 {background-color: #003366; color: #fff !important; margin: 0 0 5px 0 !important; text-align: left !important; font-weight: bold; padding: 2px 2px 2px 7px !important;} #priceBox h3 {background-color: #990033; color: #fff; margin: 6px 4px 6px 4px; padding: 5px;} #priceBox p {text-align: left !important; margin: 0px !important; padding: 0 3px 0 6px; } #tileDescription {margin: 10px 0 5px 3px; width: 175px;} #tileDescription h4 {color: #990033; margin: 6px 4px 6px 6px; padding: 4px 2px 5px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 85%; font-weight: bold; border: solid 1px #999; width: 163px; background-color: #fff; text-align: center !important;} .mainImageRanges {border: solid 1px #999!important; margin: 6px 2px 2px 2px !important;} /*#tileRangeWrapper {border: 1px solid #ccc; background: #fff;} Use at a later date*/ #tileRanges {border: 1px solid #ccc; background: #fff; margin: 10px 0px 5px 3px; width: 550px;} #tileRanges img {margin: 8px 4px -2px 4px; padding: 0px;} #tileRanges .caption {margin: 0px 5px 3px 0px; font: 75% Arial, Helvetica, sans-serif; color: #333; float: right !important;} #tileRanges p {color: #333333; text-align: left; padding: 4px 6px 0px 6px; font: 70% Arial, Helvetica, sans-serif;} #prices p {color: #333333; text-align: right; display: block; padding: 0px 6px 0px 5px; font: 75% Arial, Helvetica, sans-serif;} .feature {width: 725px; height: auto; margin: 8px 0 8px 10px !important; background: #fff !important; border: solid 1px #ccc; position: static; z-index: 999;} .introCols {width: 340px !important; margin: 8px 0 8px 10px !important; background: #DDD8D2;} .introCols h1 {padding: 3px 0 3px 8px !important; margin: 0 !important; background-color: #A09383 !important; background: none; color: #FFF !important; font-weight: normal !important; font-size: 100%;} .introCols h2 {font: bold 100% Arial, Helvetica, sans-serif; color: #003366; margin: 15px 10px 2px 10px; text-align: left; border-bottom: dotted 1px #003366;} .introCols p {margin: 0px !important;} .introColsL {width: 695px !important; margin: 8px 0 8px 10px !important; background: #DDD8D2;} .introColsL h1 {padding: 3px 0 3px 8px !important; margin: 0 !important; background-color: #A09383 !important; background: none; color: #FFF !important; font-weight: normal !important; font-size: 100%;} .introColsL h2 {font: bold 100% Arial, Helvetica, sans-serif; color: #003366; margin: 15px 10px 2px 10px; text-align: left; border-bottom: dotted 1px #003366;} .introColsL p {margin: 0px !important;} /*STRAP COLUMN*/ #strapWrapperTop {background: #8B9EA0; border: none; width: 188px;} #strapWrapper {width: 188px; background: #F0F0EE; border: solid 1px #666; padding-bottom: 15px;} #strapWrapperBottom {width: 219px; background: #F0F0EE; border-right: solid 1px #666; border-bottom: solid 1px #666; border-left: solid 1px #666;} #shortCuts {width: 219px; background: #DEDED8;} #shortCuts h1 {text-align: center; color: #fff; height: 25px; padding: 3px 0 0 0; margin: 0; background: url(../images/strapColumn/stapH1bg1.jpg) repeat-x; font: 85% Arial, Helvetica, sans-serif !important;} #homeStrap {background: url(../images/strapColumn/stapH1bg1.jpg) repeat-x; margin: 0; width: 180px !important;} #homeStrap h1 {text-align: left; padding: 3px 0 0 0; margin: 0 0 5px 10px; color: #fff; font-size: 109%; font-weight: bold;} #homeStrap h2 {font: bold 100% Arial, Helvetica, sans-serif; color: #CC3333; margin: 0px 10px 2px 10px; text-align: left; border-bottom: dotted 1px #003366;} #homeStrap h3 {font-size: 85%; color: #003366; margin: 8px 10px 2px 10px} #homeStrap p {color: #333333; text-align: left; padding: 0px 5px 0px 10px; margin: 0px; font: 70% Arial, Helvetica, sans-serif;} /*Strap Nav boxes*/ .strapNav {width: 219px;} .strapNav h2 {font-size: 100%; font-weight: normal;} .strapNav a {text-align: left !important; cursor: pointer; color: #003399 !important; text-decoration: none !important; display: block;} .strapNav a:hover {color: #FF6600!important;} #testimonials {width: 219px; margin: 5px 0 0 0;} #testimonials h2 {color: #006699; margin: 8px 10px 8px 10px;} #testimonials p {font-weight: bold; color: #000099;} /*Small nav boxes*/ #picNavWrapper {padding: 0 0px 0 2px !important; width: 188px;} #picNavWrapper h1 {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #333; font-weight: bold; margin: 0 5px 5px 5px !important;} .PicNav {width: 60px !important; margin: 2px 0 2px 0 !important; padding: 0 !important;} .PicNav a {width: 60px !important; font-family: Arial, Helvetica, sans-serif; font-size: 55% !important; color: #000 !important; cursor: pointer; margin: 0px 5px 0px 5px !important; padding: 0px; display: block; text-decoration: none; text-decoration: none !important; text-align: left;} .PicNav a:hover {font-color: #F60; color: #666 !important;} .PicNav .caption {display: block; text-align: left; font: 130% Arial, Helvetica, sans-serif !important; padding: 0;} .PicNav a img {margin: 0px 0px 0px 0px; border: 1px solid #666; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .PicNav a:hover img {margin: 0px 0px 0px 0px; border: 1px solid #ff6600; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: .5;} /*Large nav boxes*/ #picNavWrapperL {width: 710px; margin: 0 0 2px 2px !important; background: #DDD8D2;} .PicNavL {width: 120px !important; margin: 0 0 10px 7px !important; padding: 0 !important; text-align: left !important;} #picNavWrapperL p {font-size: 75% !important; padding: 3px 6px 0 6px; margin-bottom: -4px !important;} .PicNavL a {width: 122px !important; font-family: Arial, Helvetica, sans-serif; font-size: 55% !important; color: #fff !important; cursor: pointer; margin: 0px !important; padding: 0px !important; display: block; text-decoration: none; text-decoration: none !important; text-align: left;} .PicNavL .caption {display: block; text-align: left; font: 185% Arial, Helvetica, sans-serif !important; padding: 3px 0 3px 3px; background: #A09383;} .PicNavL a:hover {color: #036 !important;} .PicNavL a img {margin: 0; border: 1px solid #666; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .PicNavL a:hover img {margin: 0; border: 1px solid #ff6600; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: .5;} /*Strap Add boxes*/ .strapAdd {width: 190px; border: solid 1px #666;} .strapAdd h1 {background: #A09383; margin: 0 !important; padding: 2px; font-size: 85% !important;} /*NAVIGATION*/ /*Nav Bar*/ #navWrapper {width: 974px; height: 24px; background: url(../images/navbar/navbarBg.jpg) repeat-x top !important; } #subMenuWrapper {width: 170px; height: auto !important; margin-left: 6px;} #menuHeader {background: #003366;} #menuHeader p {color: #fff !important; text-align: left !important; margin: 2px !important; padding: 2px !important; vertical-align: middle !important;} #introNavWrapper {width: 150px; margin: 0 0 0 8px !important;} /*Welcome Navigation*/ .welcomeNav {float: right; height: 300px; width: 220px; position: relative;} .welcomeNav p {color: #fff !important; font-size: 85% !important; margin: 0 0 0 0; text-align: left !important;} .welcomeNav h1 {color: #fff !important; margin: 8px 0 2px 5px !important; font: normal 120% Arial, Helvetica, sans-serif !important;} .welcomeNav a {color: #fff !important; text-decoration: underline !important;} .welcomeNav a:hover {color: #F60 !important;} /*Picture Navigation - Catalogue pages*/ #introPicNavWrapper {width: 700px; margin: 2px 0px 5px 8px;} .introPicNav {width: 700px; padding: 0 0 5px 0px; margin: 0 0 10px 0; border: solid 1px #999; background: #F0F0EE;} #colIntro .introPicNav {width: 136px; padding: 0 0 5px 0px; margin: 0 0 10px 0; border: solid 1px #999; background: #F0F0EE;} #colIntro5 .introPicNav {width: 225px; padding: 0 0 0px 0px; margin: 10px 10px 3px 2px !important; border: solid 1px #999; background: #E4E4E0;} .introPicNav img {margin: 2px 5px 0px 7px !important; padding: 0px !important;} #colIntro5 .introPicNav img {margin: 2px 2px 0px 3px !important; padding: 0px !important;} .introPicNav h2 {margin: 0 0 5px 7px; background-color: #003366; color: #fff !important; padding: 3px 3px 3px 5px; background-image: url(../images/common/picNavbgDown.jpg); background-repeat: repeat-x;} #colIntro5 .introPicNav h2 {margin: 0; background-color: #A09383 !important; color: #fff !important; padding: 3px 3px 3px 5px; background-image: none;} .introPicNav h3 {background-color: #990033; color: #fff; margin: 4px 4px 4px 7px; padding: 5px; width: auto;} .introPicNav p {color: #333333; text-align: left !important; padding: 0px 6px 3px 6px !important; font: 70% Arial, Helvetica, sans-serif !important; font-weight: bold !important;} .introPicNav a img {border: solid 2px #999 !important;} .introPicNav a:hover img {border: solid 2px #ff9900 !important;} #giftwareIntro .introPicNav a img {border: solid 2px #F0F0EE !important;} #giftwareIntro .introPicNav a:hover img {border: solid 2px #ff9900 !important;} #giftwareIntro .introPicNav {width: 400px; margin: 10px 0 10px 10px;} /*Small Picture Navigation boxes linked to Catalogue pages*/ .pagePicNav {width: 450px; padding: 0 0 5px 0; margin: 0 0 10px 0; border: solid 1px #999; background: #F0F0EE;} .pagePicNav img {margin: 2px 5px 0px 5px !important; padding: 0px !important;} .pagePicNav h2 {margin: 0 0 5px 0px; background-color: #003366; color: #fff !important; padding: 3px 3px 3px 5px; background-image: url(../images/common/picNavbgDown.jpg); background-repeat: repeat-x;} .pagePicNav h3 {background-color: #990033; color: #fff; margin: 4px 7px 4px 7px; padding: 5px; width: auto;} .pagePicNav p {color: #333333; text-align: left !important; padding: 0px 6px 3px 6px !important; font: 70% Arial, Helvetica, sans-serif !important; font-weight: bold !important;} .pagePicNav a img {border: solid 2px #999 !important;} .pagePicNav a:hover img {border: solid 2px #ff9900 !important;} .pagePicNavAlt {width: 450px; padding: 0 0 5px 0; margin: 0 0 10px 0; border: solid 1px #999; background: #F0F0EE;} .pagePicNavAlt img {margin: 2px 5px 0px 5px !important; padding: 0px !important;} .pagePicNavAlt h2 {margin: 0 0 5px 0px; background-color: #003366; color: #fff !important; padding: 3px 3px 3px 5px; background-image: url(../images/common/picNavbgDown.jpg); background-repeat: repeat-x;} .pagePicNavAlt h3 {background-color: #990033; color: #fff; margin: 4px 7px 4px 7px; padding: 5px; width: auto;} .pagePicNavAlt p {color: #333333; text-align: left !important; padding: 0px 6px 3px 6px !important; font: 70% Arial, Helvetica, sans-serif !important; font-weight: bold !important;} .pagePicNavAlt a img {border: solid 2px #F0F0EE !important;} .pagePicNavAlt a:hover img {border: solid 2px #ff9900 !important;} .pageNav h2 {text-align: left !important;} /* P7 Megamenu Content Properties*/ #p7EPMc1_3 .introColumn { float: left !important; border: 1px dotted #666; background-color: #fff; padding: 0 0 0 10px; margin: 0 0 0 10px !important; height: 200px;} #p7EPMc1_3 .columns {float: left !important; border-right: dotted #666 1px; padding: 0 20px 0 0; margin: 0 !important; height: 200px; min-width: 125px;} #p7EPMc1_3 .noBrd {border: none !important;} #p7EPMc1_3 h1 {text-align: left !important; color: #993333; margin: 0px 0px 3px 0px; padding: 4px 0px 4px 0px; font: bold 100% Verdana, Arial, Helvetica, sans-serif;} #p7EPMc1_3 .columns ul { list-style: url(none) none outside; padding: 0 0 0 10px !important; margin: 0 !important;} #p7EPMc1_3 .columns ul li { list-style: url(none) none outside; padding: 0 0 0 0; margin: 0 !important;} #p7EPMc1_3 .doubleW ul li {width: 250px;} #p7EPMc1_3 .double ul li {float: left; width: 100px;} #p7EPMc1_3 br {clear: left;} #p7EPMc1_3 .columns a {text-decoration: none; padding: 0 10px 0 0 !important; margin: 0 !important} .colSmall {min-width: 125px;} .colMed {min-width: 150px;} .colLarge {min-width: 300px;} /*Info Box*/ .infoNav {padding: 3px 0 3px 0; width: 248px; border-top: dotted 1px #003366; border-bottom: dotted 1px #003366;} .infoNav a {text-decoration: none !important; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 75%; color: #FF6600;} .infoNav a:hover {color: #003399;} /*PICTURE NAVIGATION*/ /*Teaser boxes*/ .teaserNav {width: 356px; height: 40px; margin: 10px 0 0 10px; padding: 0;} .teaserNav h1 {background: none !important; font-size: 95% !important; font-weight: bold !important; margin: 0 0 0 5px !important; padding: 0 !important;} .teaserNav p { font-size: 75% !important; margin: 3px 0 0 5px !important; color: #fff !important; padding: 0 !important; font-weight: bold !important; } .teaserNav a {width: 356px; height: 40px; cursor: pointer; display: -moz-inline-block; display: inline-block; color: #fff; text-decoration: none; text-decoration: none !important; background: url(../images/home/teaserNav/teaserNav1.jpg) no-repeat 0px 0px;} .teaserNav a:hover {background: url(../images/home/teaserNav/teaserNav1.jpg) no-repeat 0px -40px;} .teaserNav img {margin: 0px 0px 0px 0px; border: none;} /*Small nav boxes*/ .pictureNav {width: 167px; height: 110px; margin: 5px 0 7px 0; padding: 0;} .pictureNav a {width: 167px; cursor: pointer; margin: 0px; padding: 0px; display: -moz-inline-block; display: inline-block; text-decoration: none; text-decoration: none !important; text-align: left; border: 1px solid #666; background: #2A2D3E url(../images/common/picNavbgDown.jpg) repeat-x top;} .pictureNav a:hover {background: #993333 url(../images/common/picNavbg.jpg) repeat-x top; color: #fff !important; margin: 0px; padding: 0px 0px 0px 0px; border: 1px solid #666;} .pictureNav .caption {display: inline-block; text-align: left; font: 130% Arial, Helvetica, sans-serif !important; color: #fff !important; padding: 0 0 0 5px; } .pictureNav img {margin: 2px 0px 0px 0px; border: none;} #pictureNavHolder {width: 216; height: 100%; float: right; background: #fff; padding: 0px 5px 0px 5px; margin: 0px 5px 0px 0px; border: solid 1px #339933;} /*DESCENDANT STYLES FOR: Small nav boxes*/ #colIntro #colNav, #murIntro #murNav, #mosIntro #mosNav, #imIntro #imNav, #floorIntro #floorNav, #decIntro #decNav{background: #993333 url(../images/common/picNavbg.jpg) repeat-x top; color: #fff !important; margin: 0px; padding: 0px 0px 0px 0px; border: 1px solid #666;} /*Large nav boxes*/ .pictureNavL {width: 352px; height: 110px; margin: 0 0 7px 0; padding: 0;} .pictureNavL a {width: 352px; cursor: pointer; margin: 0px; padding: 2px 0px 0px 0px; display: -moz-inline-block; display: inline-block; text-decoration: none; text-decoration: none !important; text-align: left; border: 1px solid #666; background: #AFAFA0 ; } .pictureNavL a:hover {background: #993333; color: #fff !important; margin: 0px; padding: 2px 0px 0px 0px; border: 1px solid #666;} .pictureNavL .caption {display: inline-block; text-align: left; font: 130% Arial, Helvetica, sans-serif !important; color: #fff !important; padding: 0 0 0 5px;} .pictureNavL img {margin: 2px 0px 5px 0px; border: none;} #pictureNavHolder {width: 216; height: 100%; float: right; background: #fff; padding: 0px 5px 0px 5px; margin: 0px 5px 0px 0px; border: solid 1px #339933;} /*Images*/ .columnimageR {float: right; margin: 5px 5px 5px 8px; border: 1px solid #666666;} .columnimageR2 {float: right; margin: 5px 0px 5px 8px; border: 1px solid #666666;} .columnimageL {float: left; margin: 5px 8px 5px 0px; border: 1px solid #666666;} .columnimageL2 {float: left; margin: 5px 8px 5px 8px; border: 1px solid #666666;} .columnimageLClose {float: left; margin: 7px 0px 5px 0px; border: 1px solid #666666;} .columnimageRnb {float: right; margin: 8px;} .columnimageRClose {float: right; margin: 7px 0px 5px 0px; border: 1px solid #666666;} .columnimageRnbClose {float: right; margin: 0px;} .columnimageLnb {float: left; margin: 8px !important;} .columnimageLnbClose{float: left; margin: 0px !important;} .tableImage {margin: 3px 0px 3px 0px; border: 1px solid #666666;} .tableImageNB {margin: 3px} .tableImageNBCT {margin: 0px 0px 3px 7px} .tableImageExtra {margin: 8px; border: 1px solid #666666;} .tableImageExtraNb {margin: 8px;} .inlineImage {border: 1px solid #666666;} .inlineImageNB {margin: 3px;} .floorimageR {float: right; margin: 10px 8px 5px 8px; border: 1px solid #666666;} .floorimageRnB {float: right; margin: 10px 8px 0px 5px;} .photoCreditFloor {color: #003399; text-align: right; display: block; padding: 0px 6px 0px 5px; font: 65% Arial , Helvetica, sans-serif !important;} .photoCreditWall {color: #003399;} .contentTables {border: solid 1px #999!important; margin: 6px 2px 2px 5px !important;} .tileDesImage {border: solid 1px #999!important; margin: 6px 2px 2px 9px !important;} /*Image Caption Code*/ .captionR {float: right; text-align: right; margin: 5px 5px 5px 5px;} .captionR div {text-align: right; padding: 0; margin: 0; font: 80% Arial, Helvetica, sans-serif !important; color: #003399 !important;} .captionR img {border: solid 1px #333;} .captionL {float: left; text-align: left; margin: 0px 8px 5px 10px;} .captionL div {text-align: left; padding: 0; font: 60% Arial, Helvetica, sans-serif !important; color: #003399 !important;} .captionL img {border: solid 1px #333; margin: 5px 5px 0 0;} /*Form Elements*/ form {margin: 2px 0px 2px 2px; padding: 0px; margin-left: 1px; cursor: hand !important;} select {font: bold 70% Arial, Helvetica, sans-serif !important; color: #993333; width: 100%; border: solid 1px #7985A6; padding: 0px; width: 100%;} optgroup {color: #993333; background-color:#fff;} /*Simple Gallery*/ #simplegallery1, #simplegallery2 {z-index: 0; position: relative; /*keep this intact*/ visibility: hidden; /*keep this intact*/ border: 1px solid #999; margin: 5px 0 0 0; background-color: #000;} #simplegallery1 .gallerydesctext, #simplegallery2 .gallerydesctext {height: 20px; padding: 10px -10px 5px 5px !important; margin: 2px -4px 2px 0; font: 75% Arial, Helvetica, sans-serif !important; text-align: center;} #natura #simplegallery1 img {margin: 0 !important; padding: 0 !important;} /*brochureRequest*/ #brochureRequest {background-color: #ccc; border: solid 1px #999999; padding: 5px 5px 2px 5px; margin: 8px; float: right; width: 400px;} #brochureRequest p {font-family: Arial, Helvetica, sans-serif; text-align: right; color: #333333; font-size: 75%; margin: 1px; padding: 1px; border: none;} #brochureRequest h1 {background: none; color: #333 !important; margin: 0px 2px; padding: 0; letter-spacing: .5px; font: bold 75% Arial, Helvetica, sans-serif !important;} #brochureRequest select {border: 1px solid #006699; width: 30em; height: 1.75em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%;color: #666666; list-style-type: square; font-weight: bold; float: left; left: 1px; margin-top: 2px; margin-bottom: 2px; margin-right: 0px; margin-left: 2px;} #brochureRequest select.title {border: 1px solid #006699; width: 6em; height: 1.75em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #666666; list-style-type: square; font-weight: bold; float: left; left: 1px; margin-top: 2px; margin-bottom: 2px; margin-right: 0px; margin-left: 2px;} #brochureRequest input {border: 1px solid #006699; width: 30em; height: 1.75em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #666666; list-style-type: square; font-weight: bold; float: left; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 0px;} #brochureRequest textarea {border: 1px solid #006699; width: 30em; height: 5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #666666; list-style-type: square; font-weight: bold; float: left; left: 1px; margin-top: 2px; margin-bottom: 2px; margin-right: 0px; margin-left: 2px;} #brochureRequest input.button {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #FFFFFF; background-color: #ACBD91; border: 1px solid #999999; cursor: hand; padding: 0px; margin: 0px; text-align: center; vertical-align: middle; height: 1.75em; width: 8em;} #brochureRequest form {margin: 0px; padding: 0px; width: 400px;} #continue /*button*/ {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; font-weight: bold; color: #FFFFFF; border: 1px solid #FFFFFF; cursor: hand; padding: 0px; margin: 5px; height: 1.75em; width: 11em; background: #9DB8C8; vertical-align: middle;} /*Bullets and other formating*/ .order ul, .terms ul {margin: -.5em 2em 0em 2em; padding: 0em; text-align: justify; font: 75% Arial, Helvetica, sans-serif !important; color: #333333;} .order li, .terms li {margin: 1em 0em 0em 2em; padding-left: .5em; list-style: disc url(../images/common/flower1.gif); vertical-align: middle; line-height: 1.3em;} .order ol, .terms ol { margin: -.5em 2em 0em 2em; padding: 0em; text-align: justify; list-style: decimal; font-family: Arial, Helvetica, sans-serif !important; font-size: 75% !important;} /*Common Links*/ #tileDescription h4 a {color: #990033; underline: none;} #tileDescription h4 a:hover {color: #FF6600; underline: none;} #footer a {color: #003366; font-family: Arial, Helvetica, sans-serif; font-weight: bold;} #footer a:hover {color: #FF6600; text-decoration: underline;} #content p a {color: #003399; text-decoration: underline;} #content p a:hover {color: #FF6600; text-decoration: underline;} /*Snazzy code wide*/ .xsnazzy h1 {margin:0 !important; font-size: 100%; padding:0 10px 5px 10px !important;border-bottom:1px solid #CCC; background: #999 url(../images/common/h1Welcomebg.jpg) repeat-x; color: #FFF !important;} .xsnazzy p {margin:0; padding:5px 5px 5px 10px; font-size:12px;} .xsnazzy {background: transparent; width: 308px; float:right; margin: 10px 10px 0 10px; display:inline;} .xtop, .xbottom {display:block; background:transparent; font-size:1px;} .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;} .xb1, .xb2, .xb3 {height:1px;} .xb2, .xb3, .xb4 {background: #E9E8EA; border-left:1px solid #ccc; border-right:1px solid #ccc;} .xb1 {margin:0 5px; background:#ccc;} .xb2 {margin:0 3px; border-width:0 2px;} .xb3 {margin:0 2px;} .xb4 {height:2px; margin:0 1px;} .xboxcontent {display:block; border:0 solid #ccc; border-width:0 1px; height:auto; background:#E9E8EA} * html .xboxcontent {height:1px;} /*Snazzy code narrow*/ .ysnazzy h1 {margin:0 !important; font-size: 100%; padding:0 10px 5px 10px !important;border-bottom:1px solid #CCC; background: #999 url(../images/common/h1Welcomebg.jpg) repeat-x; color: #FFF !important;} .ysnazzy p {margin:0; padding:5px 5px 5px 10px; font-size:12px;} .ysnazzy {background: transparent; width: 300px; float:left; margin: 10px 10px 0 10px; display:inline;} .xtop, .xbottom {display:block; background:transparent; font-size:1px;} .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;} .xb1, .xb2, .xb3 {height:1px;} .xb2, .xb3, .xb4 {background: #E9E8EA; border-left:1px solid #ccc; border-right:1px solid #ccc;} .xb1 {margin:0 5px; background:#ccc;} .xb2 {margin:0 3px; border-width:0 2px;} .xb3 {margin:0 2px;} .xb4 {height:2px; margin:0 1px;} .xboxcontent {display:block; border:0 solid #ccc; border-width:0 1px; height:auto; background:#E9E8EA} * html .xboxcontent {height:1px;} .color_a {background:#c9ba65; color:#fff;} .color_b {background: #E1E1E1; color:#000;} .color_c {background:#758279; color:#fff;} .color_d {background:#b2ab9b; color:#000;}