/* start with a css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img { 
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
abbr,acronym {
border:0;
border-bottom:1px dotted #000;
cursor:help;
}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;font-size:small;font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}
/* Remove focus borders from links */
:focus {
outline:none;
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
p,fieldset,table {
margin-bottom:1em;
}
dl {
padding:20px;
}
dt {
font-weight:bold;
}
dd {
padding-left:20px;
}
b {
font-weight:normal;
color:pink;
}
/* master page layout / border */
body {
font-family:Arial;
font-size:13px;
line-height:24px;
background-image:url("http://static.skobel.com/bg.png");
background-color:#b1b1b1;
background-repeat:repeat-x;
background-attachment:fixed;
text-align:center; /* Needed for Internet Explorer bug */
}
#body_wrapper {
position:relative;
width:950px;
margin:0 auto;   /* Undo damage by Internet Explorer patch */
text-align:left; /* Undo damage by Internet Explorer patch */
margin-top:0px;
margin-bottom:0px;
}
/* global header box */
#header_box {
background-image:url("http://static.skobel.com/shadow_gold.png");
background-position:bottom right;
/*background-color:#f7b616;*/
color:white;
position:absolute;
right:20px;
width:110px;
padding:20px;
padding-top:25px;
padding-bottom:35px;
line-height:15px;
cursor:pointer;
}
#header_box a {
text-decoration:none;
color:white;
}
#header_box h1 {
font-size:20px;
padding-top:0px;
padding-bottom:14px;
margin-left:0px;
color:white;
}
#header_signup_form {
position:absolute;
right:20px;
background-image:url("http://static.skobel.com/shadow_gold.png");
background-position:bottom right;
color:white;
width:110px;
height:240px;
padding:20px;
display:none;
}
#header_signup_form input[type=text] {
width:100px;
}
/* small top nav bar */
#nav0 {
position:absolute;
right:180px;
color:#878787;
padding:10px;
margin-bottom:10px;
}
#nav0 a {
color:#878787;
text-decoration:none;
}
#nav0 a:hover, #nav0 a:focus {
color:black;
}
#nav0 .selected {
font-weight:bold;
color:black;
}
#logo {
padding:20px;
padding-bottom:0px;
}
/* top nav bar */
#nav1 {
font-family: Arial;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height:normal;
padding: 20px;
padding-bottom:30px;
background-color:#878787;
color:white;
}
#nav1 a {
color: white;
text-decoration:none;
padding-left:7px;
padding-right:7px;
padding-top:4px;
padding-bottom:4px;
border-left:0px solid white;
border-right:0px solid white;
border-bottom:5px solid #878787; /* no transparent IE6*/
}
/* draw the border around the selected one */
#nav1_sel {
padding:10px;
padding-right:17px;
padding-bottom:20px;
background-image:url("http://static.skobel.com/shadow.png");
background-position:top right;
}
#nav1_sel a {
color: black;
background-color: white;
}
/* sub nav bar */
.nav2 {
background-image:url("http://static.skobel.com/shadow.png");
background-position:bottom right;
padding:10px;
padding-left:40px;
margin-top:-11px;
margin-right:20px;
margin-bottom:20px;
margin-left:20px;
font-family: Arial;
font-size: 17px;
line-height:normal;
letter-spacing:1px;
overflow:hidden;
height:20px;
white-space:nowrap;
}
.nav2 a {
padding:2px;
padding-left:5px;
padding-right:5px;
color:black;
text-decoration:none;
}
#nav2_sel {
font-weight:bold;
}
.nav2 span {
display:none; /* hide until .nav2_show displays it */
}
span.nav2_show {
display:block;
}
/* Page specific nav bar (not always shown) */
#nav3 {
padding:2px;
padding-left:40px;
margin-left:2px;
margin-right:2px;
margin-top:0px;
margin-bottom:18px;
font-size:14px;
font-weight:bold;
z-index:1;
height:23px;
}
#nav3 li {
position:relative;
list-style:none;
float:left;
margin:0px;
margin-left:2px;
padding:10px;
padding-left:0px;
padding-right:0px;
}
#nav3 a {
padding:10px;
color:black;
text-decoration:none;
}
li#nav3_sel {
margin-top:16px;
margin-bottom:-8px;
}
/* Global Footer */
#footer {
position:relative;
padding-left:40px;
padding-right:40px;
padding-bottom:1px;
padding-top:20px;
background-color:#878787;
color:white;
margin-top:40px;
margin-bottom:0px;
line-height:11px;
clear:both;
z-index:1;
}
#footer td {	
vertical-align:top;
text-align:left;
}
#footer h6 {
margin:2px;
margin-top:5px;
}
#footer h6 a {
margin:2px;
font-weight:bold;
font-size:11px;
color:white; /*IE6*/
}
#footer #top_page {
position:absolute;
right:10px;
top:-37px;
z-index:2;
}
#footer #top_page img {
padding:20px;
}
#footer p, #footer a {
text-decoration:none;
color:white;
font-size:10px;
}
#footer a:hover, #footer a:focus {
text-decoration:underline;
}
#social {
text-align:center;
vertical-align:middle;
}
#copyright {
padding-top:15px;
}
#copyright p {
text-align:center;
}
#footer #social a {
margin-left:45px;
text-decoration:none;
font-size:12px;
font-weight:bold;
white-space:nowrap;
}
#footer #social a:hover .text, #footer #social a:focus .text {
text-decoration:underline;
}
#footer #social img {
margin-right:10px;
margin-bottom:10px;
vertical-align:middle;
}
/* Common Element Configuration */
a {
color:black;
}
h1 {
font-size:25px;
font-weight:normal;
margin:0px;
margin-left:20px;
margin-right:20px;
padding:10px;
padding-bottom:7px;
padding-left:0px;
color:#555555;
}
h1 a {
color:#555555;
}
h2 {
font-size:20px;
margin-top:5px;
margin-bottom:5px;
margin-left:20px;
margin-right:20px;
}
.title {
color:black;
border-bottom:2px solid transparent;
margin-bottom:20px;
}
p {
margin:2px;
color:#555555;
}
img {
border: 0px;
}
table {
border-spacing:0px;
}
th {
margin-top:10px;
}
.printonly {
display:none;
}
/* Row rotation elements */
.row1 td {
background-color:#f6f6f6;
padding:6px;
}
.row2 td, .floorplanbox th {
background-color:#eaeaea;
padding:6px;
}
ul {
margin-top:10px;
margin-bottom:10px;
margin-left:40px;
margin-right:20px;
}
ul li {
list-style:square outside;
color:#555555;
}
.content_border {
margin:20px;
padding-top:20px;
padding-right:10px;
padding-bottom:30px;
background-image:url("http://static.skobel.com/shadow.png");
background-position:bottom right;
clear:both;
}
.content_border p {
margin-left:20px;
margin-right:20px;
margin-bottom:10px;
text-align:justify;
}
#copyright {
clear:both;
}
/* define different colors for each tab */
#nav1 a#find:hover, #nav1 a#find:focus, #nav1 .ul#find, #nav1_sel #find, .find h1 {
border-bottom-color:#f2168f;
}
.nav2 #find_nav a:hover, .nav2 #find_nav a:focus, .nav2 #find_nav a#nav2_sel, .find a:hover, .find a:focus, .floorplanbox tr:hover td a, .floorplanbox a:hover, .floorplanbox a:focus {
color:#f2168f;
}
.find#nav3 a:hover, .find#nav3 a:focus, .find #nav3_sel a {
background-color:#f2168f;
color:white;
}
#nav1 a#finance:hover, #nav1 a#finance:focus, #nav1 .ul#finance, #nav1_sel #finance, .finance h1 {
border-bottom-color:#2ab6d9;
}
.nav2 #finance_nav a:hover, .nav2 #finance_nav a:focus, .nav2 #finance_nav a#nav2_sel, .finance a:hover, .finance a:focus {
color:#2ab6d9;
}
#nav1 a#buying:hover, #nav1 a#buying:focus, #nav1 .ul#buying, #nav1_sel #buying, .content_border.buying h1, .buying h1 {
border-bottom-color:#7ec440;
}
.nav2 #buying_nav a:hover, .nav2 #buying_nav a:focus, .nav2 #buying_nav a#nav2_sel, .buying a:hover, .buying a:focus {
color:#7ec440;
}
.buying#nav3 a:hover, .buying#nav3 a:focus, .buying #nav3_sel a {
background-color:#7ec440;
color:white;
}
#nav1 a#personalize:hover, #nav1 a#personalize:focus, #nav1 .ul#personalize, #nav1_sel #personalize, .personalize h1 {
border-bottom-color:#e162d4;
}
.nav2 #personalize_nav a:hover, .nav2 #personalize_nav a:focus, .nav2 #personalize_nav a#nav2_sel, .personalize h2, .personalize a:hover, .personalize a:focus {
color:#e162d4;
}
#nav1 a#contact:hover, #nav1 a#contact:focus, #nav1 .ul#contact, #nav1_sel #contact, .contact h1, .idx h1 {
border-bottom-color:#f7b616;
}
.nav2 #contact_nav a:hover, .nav2 #contact_nav a:focus, .nav2 #contact_nav a#nav2_sel, .contact a:hover, .contact a:focus, .idx a:hover, .idx a:focus, .content_border.idx h2 {
color:#f7b616;
}
.idx#nav3 a:hover, .idx#nav3 a:focus, .idx #nav3_sel a {
background-color:#f7b616;
color:white;
}
.checkmarks {
/*list-style-image: url("http://static.skobel.com/icons/checkmark.png"); disabled for IE bug */
list-style-type:none;
margin-left:0px;
}
.checkmarks li {
/* for IE bug */
background-image:url("http://static.skobel.com/icon/checkmark.png");
background-repeat:no-repeat;
list-style-type:none;
padding:1px;
margin-top:10px;
margin-left:20px;
padding-left:60px;
min-height:47px;
}
.faq li {
list-style-type:none;
}
.faq li li {
list-style-type:square;
}
.faq .faq_letter {
display:inline;
color:black;
margin-left:-40px;
margin-right:20px;
color:#878787;
}
.content_border.contact table {
margin-top:20px;
margin-left:20px;
clear:both;
}
.content_border.contact th {
color:#555555;
padding-right:20px;
padding-bottom:10px;
font-weight:bold;
width:150px;
vertical-align:top;
}
.content_border.contact table p {
margin-left:0px;
}
.content_border.contact input[type=checkbox] {
margin-right:10px;
}
#promos {
position:absolute;
right:30px;
margin-top:20px;
margin-right:60px;
clear:both;
width:200px;
}
#promos img {
padding-right:20px;
padding-left:40px;
}
#description_text {
width:625px;
margin-left:20px;
}
/* homebox/modelbox */
.homebox {
/*background-image:url("http://static.skobel.com/shadow.png");
background-position:bottom right;*/
text-align:center;
margin:0px;
padding:0px;
padding-right:5px;
padding-left:5px;
line-height:15px;
}
.homebox img {
width:110px;
height:83px;
/*margin-bottom:-8px;*/
padding:0px;
}
.homebox a {
color:black;
text-decoration:none;
font-weight:bold;
}
/* infobox */
.infobox {
background-color:#f6f6f6;
border:1px solid #ebebeb;
width:200px;
float:right;
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
line-height:20px;
margin-right:20px;
margin-top:0px;
margin-left:0px;
margin-bottom:10px;
padding-top:10px;
}
.infobox.tall {
height:384px;
}
#content_find_community_directions .infobox.tall { /* override for directions, it should be a little bit taller */
height:375px;
}
.infobox.short {
height:240px;
}
.infobox.tiny {
height:110px;
}
.infobox h2 {
font-size:14px;
color:black;
padding:0px;
margin:10px;
font-weight:bold;
margin-top:6px;
margin-bottom:1px;
}
.infobox h2 a {
text-decoration:underline;
color:black;
}
.infobox h2 a:hover {
text-decoration:none;
}
.infobox p {
text-align:left;
margin:0px;
padding:0px;
padding-left: 12px;
padding-right: 12px;
color:black;
}
.infobox h3 {
padding-left:10px;
padding-bottom:5px;
font-size:20px;
}
.infobox th {
padding:5px;
padding-left:10px;
font-weight:bold;
}
.infobox td {
padding:5px;
}
.infobox input[type=text] {
width:120px;
}
.infobox#calculator input[type=text] {
width:70px;
}
.infobox#calculator input.mini[type=text] {
width:40px;
}
.infobox .button {
text-align:center;
}
.infobox .header {
text-align:center;
}
.infobox#calculator {
width:250px;
margin:20px;
margin-left:40px;
margin-top:70px;
margin-bottom:40px;
}
.infobox table {
width:100%;
}
.infobox th {
font-weight:bold;
}
.infobox td {
padding:5px;
width:85px;
}
.infobox#calculator strong {
color:#2ab6d9;
font-size:20px;
}
.infobox .disclaimer {
font-size:9px;
margin:10px;
}
#main_image {
width:625px;
height:250px;
/*background-color:black;*/
margin:20px;
margin-bottom:0px;
padding:0px;
border:1px solid #ebebeb;
}
.right_title {
float:right;
padding:20px;
padding-top:5px;
padding-bottom:15px;
background-color:white;
}
.double_list {
margin-left:20px;
}
.double_list li h2 {
margin-left:0px;
}
.double_list li {
margin-top:20px;
margin-bottom:20px;
list-style-type:none;
}
.double_list.bold_first li {
font-weight:bold;
}
.double_list.bold_first li li {
font-weight:normal;
}
.double_list li li {
font-weight:normal;
text-align:justify;
list-style-type:square;
margin-top:0px;
}
.double_list li img {
clear:right;
float:right;
margin-left:30px;
margin-bottom:20px;
margin-top:0px;
}
#soporte {
background-color:white;
}
#div_online {
display: none;
position: absolute;
z-index:8;
right: 50px;
bottom: 0px;
background-color:#f7b616;
color:white;
width: 275px;
height:35px;
padding-top:7px;
text-align:right;
border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
font-size:14px;
cursor:pointer;
}
#div_online a,#div_chat th a {
text-decoration: none; color:white;font-weight:bold;
}
body > div#div_online {
position: fixed;
}
#div_chat { display: none; position: absolute; z-index:999999; right: 50px; bottom:0px; width: 275px;padding:0px;}
#div_chat table { margin-bottom:0px;border-top-left-radius: 8px;-moz-border-radius-topleft: 8px;border-top-right-radius: 8px;-moz-border-radius-topright: 8px;width:100%;background-color:#f7b616; }
#div_chat th { text-align:right;padding:2px; color:white;font-size:14px;font-weight:bold;cursor:pointer;}
#div_chat td { text-align:right;padding:2px; }
body > div#div_chat { position: fixed;}
.online_left { float:left;padding:3px;padding-left:20px;font-weight:bold;font-size:14px; }
.online_right { float:right;padding:3px;padding-right:20px;font-weight:900;font-size:18px; }