/* Adobe type kit Haverford Homes
ITALIC
font-family: "adobe-garamond-pro",sans-serif;
font-style: italic;
font-weight: 400;
REGULAR
font-family: "news-gothic-std",sans-serif;
font-style: normal;
font-weight: 400;
BOLD
font-family: "news-gothic-std",sans-serif;
font-style: normal;
font-weight: 700;
MEDIUM
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 500;
LIGHT
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 300;
*/
* {
padding: 0;
margin: 0;
-webkit-box-sizing: border-box; *behavior: url(/common/boxsizing.htc);
-moz-box-sizing: border-box; *behavior: url(/common/boxsizing.htc);
box-sizing: border-box; *behavior: url(/common/boxsizing.htc);
}
html, body{
font-size: 100%; /*16px*/
line-height: 1.2em; /* px*/
font-family: "news-gothic-std",sans-serif;
font-style: normal;
font-weight: 400;
color: #0b3146;
background-color: #ffffff;
}
body, h1, h2, h3, h4, p, ul, li {
margin: 0px;
padding: 0px;
}
ol, ul {
list-style: none;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5{
text-rendering: optimizelegibility;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 500;
}
h1{
font-size: 1.7em;
margin-bottom: 0.5em;
margin-top: 0.5em;
letter-spacing: 4px;
text-transform: uppercase;
line-height:1em;
}
h2{
font-size: 1.40em;
margin-bottom: 0.5em;
margin-top: 0.5em;
text-transform: uppercase;
}
h3{
font-size: 1.3em;
margin-bottom: 0.5em;
margin-top: 0.5em;
text-transform: uppercase;
}
h4{
font-size: 1.2em;
margin-bottom: 0.25em;
margin-top: 0.5em;
}
h5{
font-size: 1.1em;
margin-bottom: 0.25em;
margin-top: 0.25em;
color: #4f8f97;
}
.nomargin{
margin: 0;
}
a{
color: #0b3146;
text-decoration:none;
}
a:hover{
color: #c87850;
text-decoration:underline;
}
hr{
margin: 10px 0;
border: none;
background-color: #0b3146;
color: #0b3146;
height: 1px;
}
.contentcontainer ul{
list-style: disc;
margin-bottom: 20px;
margin-top: 20px;
margin-left: 40px;
}
.contentcontainer ol{
list-style: decimal;
margin-bottom: 20px;
margin-top: 20px;
margin-left: 40px;
}
.contentcontainer ol li{
margin-bottom: 20px;
margin-top: 20px;
}
.contentcontainer p{
padding: 12px 0;
}
.homecontentcontainer ul{
list-style: disc;
margin-bottom: 20px;
margin-top: 20px;
margin-left: 40px;
}
.homecontentcontainer p{
padding: 5px 0;
}
.nowrap{
white-space: nowrap;
}
/* *************************** Start Main Containers ****************************/
.bodycontainer {
margin-right: auto;
margin-left: auto;
width: 100%;
margin: 0 auto;
background: #ffffff;
}
.header{
width: 100%;
}
.headercontainer{
width: 1200px;
margin: 0 auto;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 300;
letter-spacing:0px;
font-size: .8em;
}
.logocontainer{
width: 40%;
float: left;
max-width: 235px;
}
.headernav{
text-align: right;
float: right;
width: 60%;
height: 108px; /* same height as the logo file */
}
.headernavitem {
width:100%;
margin-top: 80px;
}
.headernavitem .links {
padding: 0 5px;
}
.content{
width:100%;
}
.homecontentcontainer{
width: 1200px;
margin: 0 auto;
}
.contentcontainer{
width: 1200px;
margin: 0 auto;
margin-bottom:20px;
}
.subpagecontent{
min-height: 400px;
}
.subpagebody{
float:right;
width:75%;
padding: 0 20px 0 10px ;
}
.breadcrumbs{
width: 100%;
text-align: right;
font-size: .7em;
padding: 3px 0px 3px 0;
color: #b2b2b2;
}
.breadcrumbs a{
font-weight: bold;
color: #b2b2b2;
}
.subpagenav{
margin-top:40px;
width:20%;
float:right;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #1f4620;
}
.subpagenavsmall{
display:none;
}
.fullcontent{
width: 100%;
padding: 10px 10px 10px 10px;
margin:10px 0;
}
.eighty{
width:80%;
margin: 0 auto;
}
.halfcontent{
width: 50%;
float: left;
padding: 0 10px 10px 0;
}
.footerupper{
width: 100%;
background: #11394c url('/images/trees.jpg') no-repeat center;
background-size: cover;
}
.footeruppercontainer{
width: 600px;
margin: 0 auto;
text-align: center;
padding: 60px 35px 30px 35px;
color: #ffffff;
line-height: 2.25em;
letter-spacing: 2px;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 300;
}
.footerlower{
width: 100%;
}
.footerlowercontainer{
width: 1200px;
margin: 0 auto;
padding: 10px ;
text-align: center;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 300;
}
.footerlowercontainer a{
font-size: .6em;
letter-spacing: 2px;
}
.footeraddress{
padding:20px 0;
font-size: 1.0em;
letter-spacing: 2px;
line-height:1.5em;
}
.footerdisclaimer, .footerdisclaimer a{
font-size: .7em;
letter-spacing: 0px;
font-family: "news-gothic-std",sans-serif;
font-style: normal;
font-weight: 400;
}
.halfcontentrow{
overflow:hidden;
}
.halfcontentpaddedfull{
width: 48%;
float: left;
padding: 8px ;
margin:10px 1%;
margin-bottom: -1000px;
padding-bottom: 1000px;
}
.halfcontentpadded{
width: 48%;
float: left;
padding: 8px ;
margin:10px 1%;
}
.halfmodel{
width: 50%;
float: left;
padding: 10px;
}
.twothirdscontent{
width: 68.5%;
float: left;
}
.onethirdcontent{
width: 30%;
padding: 0px 20px 10px 20px;
float: right;
}
.onethirdcontentcolored{
width: 30%;
padding: 10px 10px 10px 20px;
float: right;
/* background-color: #e9ecdd; */
}
.halfcentered{
margin: 0 auto;
width:50%;
padding: 10px;
}
.slideshowcentered{
margin: 0 auto;
width:68.5%;
padding: 10px;
}
.colored{
background-color: #e3e3e3;
}
.lightcolored{
background-color: #e9e5e0;
border: 1px solid #dad6d2;
}
.rounded{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.shadowed{
-moz-box-shadow: 0px 0px 5px #766b6b;
-webkit-box-shadow: 0px 0px 5px #766b6b;
box-shadow: 0px 0px 5px #766b6b;
border: 1px solid #d6d0c6;
}
.centered{
font-weight: bold;
text-align: center;
}
.textleft{
text-align:left;
}
/* *************************** end Main Containers ****************************/
/* **************** home content ************************************/
.homeslideshow{
width: 100%;
background: #e1e1e1;
}
.homeslideshowcontainer{
width: 1200px;
margin: 0 auto;
}
.arrow{
width: 0px;
height: 0px;
border-style: solid;
border-width: 8px 0 8px 12px;
border-color: transparent transparent transparent #ffa200;
}
/* home featured */
.featuredheader{
margin:20px 0 0 0;
text-align:center;
}
.featuredcommunities{
margin: 20px 0 20px 0;
width:100%;
}
figure {
display: block;
position: relative;
float: left;
overflow: hidden;
margin: 0 1.3333% 0 0;
width:18.60%;
}
figure:first-child{
margin: 0 1.3333% 0 0;
}
figure:nth-of-type(5){
margin: 0 0 0 0%;
}
figcaption {
position: absolute;
background: #0b3145;
color: white;
padding: 10px 20px;
width:100%;
text-align:center;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
height:100%;
}
figure:hover figcaption {
opacity: 1;
}
/*.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -15%;}*/ /* this - % adjusts the starting location */
/* .cap-bot:hover figcaption { bottom: 0; } */
.cap-bot:before { top: 5.78034682080925%; left: 10px; } /* 20px */
.cap-bot figcaption { left: 0; top: 80%;} /* 310px this - % adjusts the starting location */
.cap-bot:hover figcaption { top: 45%; } /* 260px */
.featuredtitle{
font-family: "adobe-garamond-pro",sans-serif;
font-style: italic;
font-weight: 400;
font-size: 1.25em;
padding-bottom: 10px;
}
.featuredtitle a{
color:#ffffff;
}
.featuredtitle a:hover{
text-decoration:none;
}
.featuredcaption{
font-family: "news-gothic-std",sans-serif;
font-style: normal;
font-weight: 700;
font-size: .7em;
margin-top:15px;
}
/* end home featured */
/* **************** home content ************************************/
/* ************************************************************* three equal height columns home page ********************************/
/* *************** START MAIN NAVIGATION *********************** */
/***************** NEW NAV *********************************************************************/
.navigation{
width: 100%;
background: #0b3146;
}
.navcontainer{
width: 1200px;
z-index: 1000;
margin: 0 auto;
text-align: center;
}
.nav .navon{
background: #539297;
}
/*********************** **************/
.container {
padding-top: 5px;
margin:0px auto;
/* centering */
display:inline-block;
zoom: 1;
*display: inline;
font-size: 0.8em;
text-align: left;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 300;
letter-spacing:2px;
}
.toggleMenu {
display: none;
padding: 4px 15px;
color: #ffffff;
float: right;
display: none;
text-decoration:none;
width:100%;
text-align:center;
background: #0b3146;
font-size: 1.2rem;
}
/* hovers */
.nav > li > a:hover {
background: #539297;
color #0b3146;
}
.nav li li a:hover {
background: #539297;
text-decoration: None;
color #0b3146;
}
.nav li li li a:hover {
background: #0b3146;
}
.toggleMenu:hover {
color:#ffffff;
}
.toggleMenu:visited {
color:#ffffff;
}
.nav {
list-style: none;
*zoom: 1;
}
.nav:before,
.nav:after {
content: "";
display: table;
}
.nav:after {
clear: both;
}
.nav ul {
list-style: none;
width: 25em;
}
.nav a {
padding: 5px 3px; /* inside the buttons */
color:#ffffff;
border: 1px solid rgba(255,255,255,0.0);
}
.nav li {
position: relative;
/* new formatting for nav */
margin: 0 12px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.nav > li {
float: left;
z-index:200;
}
.nav > li > .parent {
/* hide the arrow background-image: url("/images/downArrow.png"); */
background-repeat: no-repeat;
background-position: right;
}
.nav > li > a {
display: block;
color: #ffffff;
text-decoration:none;
}
.nav li ul {
position: absolute;
left: -9999px;
z-index:100;
}
.nav > li.hover > ul {
left: 0;
}
.nav li li.hover ul {
left: 100%;
top: 0;
}
.nav li li a {
display: block;
}
.nav li.subs{
background: #ffffff;
position: relative;
z-index:200;
border: 3px double #d7d8b0;
margin:0;
}
.nav li li li a {
background:#249578;
z-index:200;
border-top: 1px solid #1d7a62;
}
@media screen and (max-width: 960px) {
.container{
width:100%;
text-align:center;
}
.active {
display: block;
}
.nav > li {
float: none;
}
.nav > li > .parent {
background-position: 95% 50%;
}
.nav li li .parent {
background-image: url("/images/downArrow.png");
background-repeat: no-repeat;
background-position: 95% 50%;
}
.nav ul {
display: block;
width: 100%;
}
.nav > li.hover > ul , .nav li li.hover ul {
position: static;
}
ol, ul {
margin-top:27px;
}
}
/* *************** END MAIN NAVIGATION *********************** */
/* ***************************8 start map containers ********************************* */
#map_canvas {
height: 500px;
padding: 6px;
border: 1px solid black;
-webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
-moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
width: 100%;
}
/* fixes error with the diaplsy of the controls and the info window */
#map_canvas img {
max-width: none;
}
/* ***************************** end map containers *************************************** */
/* *************** START SUB NAVIGATION *********************** */
.subnavheader{
text-align:center;
margin:10px 0;
font-style:italic;
font-weight: bold;
color:#ebe2bd;
}
.subnav{
text-align:center;
}
.subnav li{
-moz-border-radius: 10px;
webkit-border-radius: 10px;
border-radius: 10px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #ece2bd;
margin: 10px 10px;
padding: 10px 0;
-webkit-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, .75);
box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, .75);
overflow: hidden;
}
.subnav li a{
text-decoration:none;
color: black;
}
.subnav li a .green{
color: #1b6b36;
font-style:italic;
}
.subnav li:hover{
text-decoration:none;
background-color: #f8d92e;
}
/* hides the sub nav drop down from the full sized site */
subnav select {
display: none;
width: 100%;
}
/* *************** END SUB NAVIGATION *********************** */
/* ********************* start home page containers ********************************* */
.homebox{
float: left;
width: 23%;
margin: 0 1%;
padding: 10px;
color: #e5e5dd;
min-height: 300px;
text-align: center;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background: #3d0101; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkMDEwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NzAyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #3d0101 0%, #870202 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d0101), color-stop(100%,#870202)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3d0101 0%,#870202 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3d0101 0%,#870202 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3d0101 0%,#870202 100%); /* IE10+ */
background: linear-gradient(to bottom, #3d0101 0%,#870202 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d0101', endColorstr='#870202',GradientType=0 ); /* IE6-8 */
}
/* ********************* end home page containers ********************************* */
/* ********************* start testimonials & news page containers ********************************* */
.articleleft{
float:left;
width:75%;
padding-right:20px;
}
.articleright{
float:right;
width:25%;
}
.articlebody{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #e9e9e9;
margin: 0 0 10px 0;
padding: 10px ;
}
.articlepost{
text-align:right;
font-style:italic;
}
/* ********************* end testimonials & news page containers ********************************* */
/* ********************* start contact page & form containers ********************************* */
#formcenter{
border: 0px solid orange;
width: 50%;
margin: 0px auto;
padding:10px;
background: #edede9;
border: 1px solid #dad9d7;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#formfull{
border: 0px solid orange;
width: 100%;
margin: 0px auto;
padding:10px;
background: #edede9;
border: 1px solid #dad9d7;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.formleft{
border: 0px solid orange;
width: 50%;
margin: 0px auto;
padding:10px;
background: #edede9;
border: 1px solid #dad9d7;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
float:left;
}
form {
/* margin-bottom: 20px; */
}
fieldset {
margin-bottom: 15px;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
border: 1px solid #ccc;
padding: 6px 4px;
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #777;
margin: 0;
width: 100%;
max-width: 100%;
display: block;
margin-bottom: 10px;
background: #fff;
}
input[type="submit"]{
border: 0;
}
.homesearchselect{
width:75%;
}
select {
padding: 0;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
border: 1px solid #aaa;
color: #444;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
box-shadow: 0 0 3px rgba(0,0,0,.2);
}
textarea {
min-height: 60px;
}
label, legend {
display: block;
font-weight: bold;
padding-top:5px;
}
select {
width: 220px;
}
input[type="checkbox"] {
display: inline;
}
label span, legend span {
font-weight: normal;
color: #444;
}
.button {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
align:center;
font: 1em/100% Verdana, sans-serif;
padding: .5em 1em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
/* -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; */
margin: 3px 0;
}
.button:hover {
text-decoration: none;
}
.button:active {
position: relative;
top: 1px;
}
.buttonwide {
width:100%;
}
.green {
color: #ffffff;
background: #508f98;
}
.green:hover {
color: #ffffff;
background: #386167;
}
.green:active {
color: #ffffff;
background: #508f98;
}
/* ********************* end contact page containers ********************************* */
/* ********************* start community page containers ********************************* */
.BuilderRegistrationNumber{
font-size:.75em;
}
.popupcontainer{
width: 100%;
padding:10px;
}
.communitylistleft{
width: 20%;
float: left;
padding: 0 20px 0 0;
}
.communitylistright{
width: 60%;
float: left;
padding: 0 20px 0 0;
}
.communitylistbuttons{
width: 20%;
float: left;
text-align:right;
padding: 50px 0 0 0 ;
}
.communitylistbuttons .button{
width:100%;
}
/* ********************** */
.communitythumbs{
text-align:center;
width:100%;
border: 0px solid orange;
margin: 0 auto;
}
.row{
overflow: hidden;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.halfcontentcommunity{
width:48%;
float:left;
align:center;
text-align:center;
margin:1%;
padding: 5px;
/* margin-bottom: -1000px;
padding-bottom: 1000px; */
}
.contentcommunityleft{
width: 55%;
float: left;
padding: 0 0 10px 0;
}
.contentcommunityright{
width: 45%;
float: left;
padding: 0 0 10px 30px;
}
/* .communitybox{
background: #edede9;
border: 1px solid #dad9d7;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
align:center;
text-align:left;
margin-top:10px;
padding:5px;
}
.communitybox.half{
width:48.5%;
float:left;
text-align:left;
margin:5px;
} */
.brochureonethird{
float:left;
width:25%;
padding-right:10px;
}
.brochuretwothird{
float:right;
width:75%;
}
.brochuretwothird input[type='checkbox']{
/* Double-sized Checkboxes */
-ms-transform: scale(2); /* IE */
-moz-transform: scale(2); /* FF */
-webkit-transform: scale(2); /* Safari and Chrome */
-o-transform: scale(2); /* Opera */
margin-top:10px;
}
.brochuredataleft{
width:8%;
float:left;
margin: 0 auto;
text-align:center;
background: #508f98;
padding:4px;
color:white;
}
.brochuredataright{
width:92%;
float:right;
padding-left: 10px;
}
/* ********************* end community page containers ********************************* */
/* ********************* start model list containers ********************************* */
.tablewide{
/*width:100%; */
}
.tablenarrow{
display:none;
}
.tablesingle{
align:center;
text-align:center;
margin-top:10px;
padding:5px;
}
/* ********************* end model list containers ********************************* */
/* ********************* start model detail page containers ********************************* */
.modelrow{
}
.modellistleft{
width: 30%;
float: left;
padding: 0 20px 0 0;
}
.modellistright{
width: 70%;
float: left;
}
.modellistbuttons{
width: 50%;
float: right;
text-align:right;
padding-top:20px;
}
.modellistbuttons .button{
width:100%;
}
.modellistright dl { margin: 1em; width: 100%; overflow: hidden; }
.modellistright dt { float: left; clear: left; width: 150px; }
.modellistright dd { } /* white-space: nowrap; */
.modelhalfleft{
border:0px solid #999999;
float:left;
width: 48%;
padding:2%;
text-align:right;
}
.modelhalfright{
border:0px solid #999999;
float:left;
width: 48%;
padding:2%;
}
.elevationthumbnail{
width:23%;
padding: 0 0 2% 0;
float:left;
text-align:center;
margin: 0 auto;
font-size: .7em;
margin: 0 1.3333%;
}
.elevationthumbnail:nth-of-type(2){
margin: 0 1.3333% 0 0;
}
.elevationthumbnail:nth-of-type(5){
margin: 0 0 0 1.3333%;
}
.elevationthumbnail:nth-of-type(6){
margin: 0 1.3333% 0 0;
}
.elevationthumbnail:nth-of-type(9){
margin: 0 0 0 1.3333%;
}
.videoholder1{
width: 50%;
float:left;
padding-right:10px;
}
.videoholder2{
width: 50%;
float:left;
padding-left:10px;
}
/* ********************* start model detail page containers ********************************* */
/* ********************* start customer resources page containers ********************************* */
.bodygreenbox{
width:100%;
padding:5px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-webkit-background-clip: padding-box; background-clip: padding-box;
background: #1f4620;
}
.subnavheaderbody{
text-align:center;
margin:10px 0;
font-style:italic;
font-weight: bold;
color:#ebe2bd;
}
.subnavbody{
text-align:center;
}
.subnavbody li{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #ece2bd;
margin: 10px 10px;
padding: 10px 0;
-webkit-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, .75);
box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, .75);
overflow: hidden;
}
/* ********************* end customer resources page containers ********************************* */
/* ********************* start cust care page containers ********************************* */
.customerservicenumberscolumn{
width: 33.333%;
padding: 3px 3px 3px 3px;
float: left;
}
.customerservicenumbersrow{
background: #e9e9e9;
}
/* ********************* end cust care page containers ********************************* */
/* ********************* start x page containers ********************************* */
/* ********************* end x page containers ********************************* */
/* tables */
table.tablesorter {
/*background-color: #ffffff; border f7f5c9*/
/*margin:10px 0pt 15px;*/
margin:10px 0pt 15px;
font-size: .75em;
width: 100%;
text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
background-color: #32593c; /*HEADER COLOR #e6EEEE*/
border: 0px solid #FFF;
font-size: 10pt;
/* padding: 4px; */
color: White;
}
table.tablesorter thead tr .header {
background-image: url(bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
padding:3px;
}
table.tablesorter tbody td {
color: #000000;/* body text #3D3D3D*/
padding: 4px;
background-color: #FFF;
vertical-align: top;
}
table.tablesorter tbody tr.odd td {
background-color: #d2d2d2; /*#b17315*/
}
table.tablesorter tbody tr.even td {
background-color:#f8f8f8;/* even rows #b17315*/
}
table.tablesorter thead tr .headerSortUp {
background-image: url(/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #bebf7e;/* Highlighted sorter #8dbdd8*/
}
/* td img{
display: block;
} */
/********************************** start siteplan **************************************************************/
dl {
width:100%;
overflow:hidden;
background:#e9e9e9;
}
dt {
float:left;
width:50%; /* adjust the width; make sure the total of both is 100% */
background:#e9e9e9;
border-top:1px solid white;
padding:2px 3px;
clear: left;
}
dd {
float:left;
width:50%; /* adjust the width; make sure the total of both is 100% */
background:#f1f1f1;
border-top:1px solid white;
padding:2px 3px;
}
.siteplancolumn{
float:left;
width:45%;
margin-left:5%;
}
.interactivesiteplankey{
border: solid 1px #10243f;
margin: 0 auto;
margin-top: 10px;
padding: 10px 10px 0 10px;
width: 900px;
}
.keyitem{
width:25%;
float:left;
margin: 0 0 10px 0;
}
.keycolor{
width:18px;
height:18px;
float:left;
-webkit-border-radius: 9px;
border-radius: 9px;
border:1px solid black;
}
.keyname{
padding: 0 0 0 30px;
}
.interactivesiteplandata{
text-align:left;
padding:5px;
}
.interactivesiteplandata dl, .interactivesiteplandata dt, .interactivesiteplandata dd{
text-align:left;
overflow-wrap: normal;
}
/********************************** end siteplan **************************************************************/
/* auto sizing iframe */
.intrinsic-container {
position: relative;
height: 0; /* 0 */
overflow: hidden;
}
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
padding-bottom: 56.25%;
}
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
padding-bottom: 75%;
}
.intrinsic-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.structuralfloorplanlink{
display: none;
}
@media (max-width: 768px) {
.structuralfloorplan {
display: none;
}
.structuralfloorplanlink{
display: inline-block;
width:100%;
}
}
/* *************************************** corner ribbon snipe *****************************************/
.pagebannerred{
width:100%;
border:1px solid green;
font-size: 13px;
color: #fff;
text-transform: uppercase;
text-align: center;
font-weight: bold;
line-height: 30px;
background: linear-gradient(#F70505 0%, #8F0808 100%);
}
.pagebanneryellow{
width:100%;
border:1px solid #ffff00;
font-size: 13px;
color: #fff;
text-transform: uppercase;
text-align: center;
font-weight: bold;
line-height: 30px;
background: linear-gradient(#ffff00 0%, #8d8f08 100%);
}
/* https://www.bootply.com/374ITzgbk4 */
.ribbonbox {
width:100%;
height:100%;
position:relative;
border:none;
/* background:#eee; */
float:left;
/* margin:20px*/
}
.ribbon {
position: absolute;
right: -5px;
top: -5px;
z-index: 1;
overflow: hidden;
width: 200px;
height: 200px;
text-align: right;
}
.ribbon span {
font-size: 13px;
color: #fff;
text-transform: uppercase;
text-align: center;
font-weight: bold;
line-height: 30px;
transform: rotate(45deg);
width: 200px;
display: block;
background: #79A70A;
background: linear-gradient(#9BC90D 0%, #79A70A 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 46px;
right: -38px;
}
.ribbon span::before {
content: '';
position: absolute;
left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #79A70A;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #79A70A;
}
.ribbon span::after {
content: '';
position: absolute;
right: 0%; top: 100%;
z-index: -1;
border-right: 3px solid #79A70A;
border-left: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #79A70A;
}
.red span {background: linear-gradient(#F70505 0%, #8F0808 100%);}
.red span::before {border-left-color: #8F0808; border-top-color: #8F0808;}
.red span::after {border-right-color: #8F0808; border-top-color: #8F0808;}
.blue span {background: linear-gradient(#2989d8 0%, #1e5799 100%);}
.blue span::before {border-left-color: #1e5799; border-top-color: #1e5799;}
.blue span::after {border-right-color: #1e5799; border-top-color: #1e5799;}
.green span {background: linear-gradient(#9BC90D 0%, #79A70A 100%);}
.green span::before {border-left-color: #1e5799; border-top-color: #79A70A;}
.green span::after {border-right-color: #1e5799; border-top-color: #79A70A;}
.purple span {background: linear-gradient(#5100c0 0%, #6c00ff 100%);}
.purple span::before {border-left-color: #6c00ff; border-top-color: #6c00ff;}
.purple span::after {border-right-color: #6c00ff; border-top-color: #6c00ff;}
.yellow span {background: linear-gradient(#ffff00 0%, #8d8f08 100%);}
.yellow span::before {border-left-color: #ffff00; border-top-color: #8d8f08;}
.yellow span::after {border-right-color: #ffff00; border-top-color: #8d8f08;}
/* *************************************** corner ribbon snipe *****************************************/