/* 
Title:		Master styles for 10k Vacation Rentals
Copyright:	10kVacationRentals.com, Inc.
*/

@import url("reset.css");
body {
	background:#215869;
	color:#215869;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 62.5%;
}
/* links 
--------------------------------------------- */
a {
	color:#d76718;
}
a:hover {
	color:#a54e14;
}
#main-content a:active {
	position: relative;
	top: 1px;
}
#secondary a:active {
	position: relative;
	top: 1px;
}
abbr {
	border-bottom:1px dotted;
	cursor:help;
}
/* add property link 
--------------------------------------------- */
a.add-property {
	background:#f0efef;
	border:1px solid #c6c6c6;
	color:#1780eb;
	display:block;
	font-size:.8em;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:7px 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-style:italic;
}
a.add-property strong {
	font-weight:normal;
}
a.add-property:hover {
	text-decoration:underline;
}
/* find-rental-(text beneath map)
--------------------------------------------- */
p.find-rental {
	border-bottom:1px solid #eeeeef;
	color:#c84b0d;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-size:1em;
	padding-bottom:7px;
	text-align:center;
}
/* page structure 
--------------------------------------------- */
.wrap {
	background:#FFF url(../images/wrap-bg.gif) repeat-x;
	width:940px;
	padding:5px;
	border:5px solid #FFF;
	margin:0 auto;
	position:relative;
}
#main-content {
	float:right;
	text-align:left;
	width:700px;
	padding: 15px 0 0 0;
	font-size:1.4em;
}
#secondary {
	float:left;
	width:220px;
	font-size:1.3em;
}
#home {
	background:#FFF url(../images/home-bg.gif) no-repeat;
}
#home #secondary {
	padding-top:350px;
}
/* header 
--------------------------------------------- */
#header {
	background:url(../images/header-bg.gif) top center no-repeat;
	margin:0 auto;
	width:960px;
	padding:18px 0;
}
ul.nav a:active {
	position: relative;
	top: 1px;
}
/*nav*/
ul.nav {
	text-align:right;
	font-size:1.5em;
}
ul.nav li {
	background:url(../images/nav-divider.gif)0 50% no-repeat;
	display:inline;
	padding:0 10px 0 15px;
}
ul.nav li.first {
	background:none;
}
ul.nav a {
	color:#FFF;
	text-decoration:none;
}
ul.nav a:hover {
	text-decoration:underline;
}
/*logos*/
#logo-lg {
	position:absolute;
	top:-50px;
	left:30px;
}
#logo-sm {
	float:left;
	position:absolute;
	top:5px;
	padding-left:10px;
}
#logo-sm:hover {
	top:7px;
}
/*main heading*/
.main-heading {
	background:#f6981d;
	padding:7px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.main-heading h1 {
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:1.4em;
	float:left;
}
.main-heading p {
	color:#215869;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:1.4em;
	float:right;
}

/* GOOGLE MAPS CANVAS */

#map_canvas {
	width: 700px; 
	height:450px; 
	margin-top:10px; 	
}

.legend {
	float: right;
	width: 698px;
	border: solid thin #215869; 
	padding: 0px 0px 10px 0px;
	background: #f0efef; 
	margin-bottom: 20px;
}

/* center column - (homepage)
--------------------------------------------- */
.column-center {
	float:left;
	width:460px;
	padding: 15px 0 0 0;
	margin-right:20px;
}
.column-center p {
	line-height:1.6em;
	margin:1em 0;
}
.column-center h2 {
	padding:15px 0 0 0;
	font-size:1.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
.column-center h3 {
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
/* popular regions - homepage
--------------------------------------------- */
.popular-regions {
	padding:15px 0 0 0;
	border-top:1px solid #eeeeef;
}
.popular-regions h3 {
	background:#f6981d;
	padding:7px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:1.4em;
}
.popular-regions div {
	background:#f0efef;
	border:1px solid #eae9e9;
	margin-top:10px;
	padding:15px 20px;
}
.popular-regions ul {
	padding-left:20px;
}
.popular-regions li {
	float:left;
	width:50%;
	padding:0 0 12px 0;
	font-size:.9em;
}
.popular-regions a {
	color:#205768;
	text-decoration:none;
}
.popular-regions a:hover {
	color:#0c7fa9;
	text-decoration:underline;
}
.popular-regions a.more {
	color:#d76718;
	text-decoration:underline;
}
.popular-regions a.more:hover {
	color:#a54e14;
}

/* container 
--------------------------------------------- */
.container {
	background:#FFF;
	border:1px solid #eae9e9;
	padding:3px;
	float:left;
	width:211px;
	margin-top:15px;
}
.container-inner {
	background:#f0efef;
	padding:5px;
}
.container-inner-video{
	background:#f0efef;
	padding: 5px 5px 5px 5px;
}
.container ul {
	padding:0 5px;
}
.container li {
	width: 200px;
	padding:5px 0;
	border-top:1px solid #f5f3f3;
	border-bottom:1px solid #eae9e9;
	font-size:.9em;
}
.container li.first {
	border-top:none;
}
.container a {
	color:#205768;
	text-decoration:none;
	padding-left:0px;
	display:block;
}
.container a:hover {
	color:#0c7fa9;
	text-decoration:underline;
}
.container h3 {
	background:#215869;
	padding:7px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:1.2em;
	margin:5px 0 auto;
}
#secondary .container-inner li {
	float:none;
	width:100%;
	padding:5px 0;
}
/* secondary content 
--------------------------------------------- */
#secondary h4 {
	background:#f6981d;
	padding:7px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:1.4em;
}
#secondary h5 {
	font-size:1.1em;
	font-weight:normal;
	padding:10px 0;
	clear:both;
}
#secondary li {
	float:left;
	width:50%;
	padding: 0 0 2px 0;
	font-size:.9em;
}

#secondary li.region{
	width: 100%;
}


#secondary a.more {
	color:#0c7fa9;
	padding:10px 0;
	display:block;
	clear:both;
	text-decoration:none;
	font-size:.9em;
}
#secondary a.more:hover {
	color:#215869;
	text-decoration:underline;
}

/* Advertise With Us Style For Nav and Main
--------------------------------------------- */

p.adpoints {
  margin: 20px 10px;
  text-align:center;
  font-size:18px;
  width:100%;
  font-weight:bold;
  color:#cf5712;
  text-shadow: 1px 1px grey;
}

p.adpoints:first-letter{
  font-size: 22px;
}

#secondary p.signupnow {
    width:160px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    margin: 20px auto;
    padding: 5px;
//    border: solid #0c7fa9 1px;
    background-color: #f6981d;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;

}

#secondary p.signupnow:hover {
    opacity: .7;
    filter:alpha(opacity=70);
}

a.signupnow {
  text-decoration: none;
  display: 
}

/* advertise with us nav bullets  - (breadcrumb module)
--------------------------------------------- */
ul#signupBullets {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	margin: 20px;
        padding-left:10px;
	list-style: disc;
}
ul#signupBullets li {
	width:100%;
        float:none;
}

p.pricing {
  color:#cf5712;
  font-weight: bold;
  font-size: 18px;
}
p.pheader{
  font-size: 26px;
}
p.pprice{
  font-size: 30px;
}
p.noCost{
  font-size: 14px;
  margin: 10px 0px 25px 0px;
}


/*-- need help boxes ----------
----------------------------------------------------*/
div.needHelp{
	border:solid #f6981d 1px; 
	width:160px; 
	//padding:7px;
         padding: 0px 0px 10px 0px;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
	-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 5px 5px 5px #888888; /* Safari */
	box-shadow: 5px 5px 5px #888888;
}
div.needHelpHeader{
//	font-weight: bold; 
	width: 100%; 
//	color: #f6981d; 
	color: #FFF; 
	text-align:center;
// 	padding: 10px 0px;
	 padding: 10px 0px 10px 0px; 
	background-color: #215869;
        -webkit-border-radius:3px 3px 0px 0px;
        -moz-border-radius:3px 3px 0px 0px;
        border-radius:3px 3px 0px 0px;

	
}


/* currently browsing - (breadcrumb module)
--------------------------------------------- */
ul#currently-browsing {
	padding-left:10px;
}
ul#currently-browsing li {
	float:none;
}
ul#currently-browsing2 {
        padding-left:10px;
}
ul#currently-browsing2 li {
        float:none;
}


/* hot spot images
--------------------------------------------- */
p.hot-spot-ad {
	text-align:center;
	margin:10px 0;
}
p.hot-spot-ad img {
	padding:5px;
	border:1px solid #CCC;
	background:#FFF;
}

/* introduction text - (state pages,)
--------------------------------------------- */
.mapLegend div {
	text-align: left;
}
.mapLegend ul {
	width: 100%;
	margin: 0px auto;
	list-style: none;
	text-algin: left;
	padding-left: 20px;
}

.mapLegend li{
  float: left;
  line-height: 2em;
  margin: 0px 0px 0px 0px;
  padding-left: 20px;
  width: 180px;
}

.mapCLegend li{
  float: left;
  line-height: 2em;
  margin: 0px 0px 0px 0px;
  padding-left: 20px;
}

.mapLegend a {
	color: #205768;	
    text-decoration: none;
}

.mapLegend a:hover {
 	text-decoration: underline;
}

.mapLegned a:visited {
	color: #205768;
}

.stlocations ul{
  float: left;
  list-style: none;
  width: 12em;
}
.stlocations li{
	line-height: 2em;
	float: left;
	width: 12em;
	margin: 0px;
	padding: 0px;
}

.introduction p {
	line-height:1.6em;
	margin:1em 0;
	clear: both;
}
.introduction p.find-rental {
	margin-top:0;
}
.introduction h2 {
	padding:15px 0 0 0;
	font-size:1.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
.introduction h3 {
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
/* abbreviated listings - (state pages)
--------------------------------------------- */
.abbreviated {
}
.abbreviated h3 {
	background:#f6981d;
	padding:7px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:1.4em;
}
ul.pagination {
	padding:15px 0 0 0
}
ul.pagination li {
	display:inline;
	padding:0 20px 0 0;
}
ul.pagination a {
	color:#205768;
}
ul.pagination a:hover {
	color:#0c7fa9;
}
#listings .heading {
	background:#215869;
	padding:7px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-top:15px;
}
#listings .heading h4 {
	font-weight:normal;
	font-size:1.1em;
	float:left;
}
#listings .heading p {
	color:#215869;
	font-weight:normal;
	font-size:.9em;
	float:right;
}
#listings .heading a {
	color:#FFF;
}
#listings .listing {
	padding:5px 0 5px 5px;
	border-bottom:1px solid #eae9e9;
}
#listings .listing.even {
	background:#f7f7f7;
}
#listings .listing ul {
	padding:5px 0;
}
#listings .listing li {
	background:url(../images/listing-bullet.gif)no-repeat 0 50%;
	display:inline;
	padding:0 10px 0 15px;
	font-size:.9em;
}
/* location page styles
--------------------------------------------- */
.location-copy{
	padding: 0 0 15px 0;
}
.location-copy p{
    padding: 0 0 15px 0;
}
.results-info {
	padding:5px 0 10px 0;
	border-bottom:1px solid #eae9e9;
}
.results-info p {
	float:left;
	font-size:.9em;
}
.results-info strong {
	font-weight:normal;
	color:#b1b0b0;
}
.results-info p.direct {
	float:right;
}
#ads {
	border-top:1px solid #FFF;
}
.ad {
	border-bottom:1px solid #CCC;
	padding:15px 0;
}
.ad h2 {
	padding:0 0 15px 0;
}
.ad img {
	float:left;
	border:1px solid #f3f3f3;
	clear: both;
	margin-left: 7px;
}
.package {
	margin: 0px;
	padding 0px;
}

.ad p {
/*	padding-left:320px; */
 	font-size:.9em;
	line-height:1.5em;
	margin-bottom:1em;
}
.ad p.action {
	text-align:left;
	padding-top:5px;
border-top:1px solid #
}
.ad a.availability {
	background:#F6981D;
	border:1px solid #C74A0C;
	color:#FFF;
	webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:5px;
	text-decoration:none;
}
.ad a.availability:hover {
	background:#FFA42F;
}
.ad a.book {
	background:#409F3B;
	border:1px solid #337F2F;
	color:#FFF;
	webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:5px;
	text-decoration:none;
}
.ad a.book:hover {
	background:#51AF4C;
}
.ad-bar {
	background:#f3f3f3;
	border:1px solid #CCC;
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	font-size:.9em;
	padding: 0px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-top:10px;
}
.ad-bar ul {
	float:left;
	padding:10px 0;
}
.ad-bar li {
	display:inline;
	padding: 0 10px 0 0;
}
.ad-bar ul.pay-type {
	float:right;
	padding:5px 0;
}
.ad-bar ul.pay-type li {
	float:left;
	display:block;
	padding:4px 10px 4px 0;
}
.ad-bar li.visa {
	background:url(/images/payment-sprite.gif) no-repeat;
	text-indent:-9999em;
	background-position:0 0;
	width:34px;
}
.ad-bar li.mastercard {
	background:url(/images/payment-sprite.gif) no-repeat;
	text-indent:-9999em;
	background-position:0 -33px;
	width:34px;
}
.ad-bar li.amex {
	background:url(/images/payment-sprite.gif) no-repeat;
	text-indent:-9999em;
	background-position:0 -68px;
	width:34px;
}
.ad-bar li.discover {
	background:url(/images/payment-sprite.gif) no-repeat;
	text-indent:-9999em;
	background-position:0 -102px;
	width:34px;
}



/* pamphlet page styles
--------------------------------------------- */
#pamphlet .container {
	margin:0 0 15px 0;
}
.pamphlet-rental {
	padding:15px 0;
}
.pamphlet-rental div {
        padding:7px 0;
}
.pamphlet-rental h2 {
        padding:7px 0;
}
.pamphlet-rental p {
        padding:7px 0;
}

.pamphlet-rental img {
	float:left;
	border:1px solid #EAE9E9;
	padding:5px;
	margin-right:15px;
	background:#FFF
}
#pamphlet .top {
	padding: 0 0 15px 0;
}
#pamphlet .top img {
	float:left;
}

.pamLogo{
	float:left;
	width: 515px;
	height: 90px;
	background-color:#eeeee;
	color: #F6981D;
	font-size: 42px;
	font-weight:bold;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}

#pamphlet .top ul {
	margin-left: 15px;
	float:left;
}
#pamphlet .top ul li {
	border-bottom:1px solid #CCC;
	padding:5px 0;
}
#pamphlet .main-heading h2 {
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:1.4em;
	float:left;
}
#pamphlet .main-heading p {
	font-size:1em;
	padding-top:4px;
}
#pamphlet #secondary .container-inner li {
	float:none;
	padding:5px 0 5px 5px;
	width:100%;
}
.pamphlet-photos {
	margin: 0 0 0 20px;
	padding:15px 0 15px 0px;
}
.pamphlet-photos li{float:left;}
.pamphlet-photos img {
	padding:5px;
	background: #FFF;
	border: 1px solid #EAE9E9;
	margin:5px 10px 5px 10px;
}
.pamphlet-rates {
	padding:15px 0 15px 0;
}
.pamphlet-rates table {
	width:100%;
}
.topLeftRates{
        -webkit-border-top-left-radius:3px;
        -moz-border-radius-topleft:3px;
        border-top-left-radius:3px;

}
.topRightRates{
        -webkit-border-top-right-radius:3px;
        -moz-border-radius-topright:3px;
        border-top-right-radius:3px;

}
.pamphlet-rates th {
	width: 20%;
	font-size:1em;
	border: 1px solid #ccc;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	color: #FFF;
	background: #215869;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
}
.pamphlet-rates td {
	width: 20%;
  	text-align: center;
	border: 1px solid #FFF;
	background: #F0EFEF;
	padding: 5px;
}
.pamphlet-contact {
	padding:15px 0 15px 0;
}
.pamphlet-contact form {
	background:#F0EFEF;
	padding:10px 0 10px 20px;
	overflow:hidden;
	border:1px solid #DFDFDF;
}
.pamphlet-contact label {
	display:block;
	padding:0 0 5px 0;
}
.pamphlet-contact p {
	float:left;
	width: 200px;
	padding: 0 25px 10px 0;
}
.pamphlet-contact p.textarea {
	clear:both;
	width:600px;
}
.pamphlet-contact textarea {
	border: 1px solid #CCC;
	width:650px;
	padding:3px;
}
.pamphlet-contact input {
	border: 1px solid #CCC;
	width:200px;
	padding:3px;
}
.pamphlet-contact p.submit {
	float:right;
	padding:0 20px 10px 0;
}
.pamphlet-contact p.submit input {
	background:#215869;
	color:#FFF;
	font-size:1.1em;
	cursor:pointer;
}
#pamOverlay {
	z-index:1000;
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height: 900px;
	background:#000;
	opacity:0.45;
	-moz-opacity:0.45;
	filter:alpha(opacity=45);
	visibility:hidden;
}
#overlayMap {
	display: none;
	position: relative;
	width:700px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
        z-index:1001;
        visibility:hidden;
}

#closeDiv{
	display: none;
	position: fixed;
        visibility:hidden;
	z-index:1003;
	width: 700px;
	height: 515px;
	left: 50%; 
	margin-left: -412.5px; 
	margin-top: 40px; 
	color: #FFF;
	font-weight: bold;
        background:#000;
	text-align:right;
}


/* optimization text (pamphlet page)
--------------------------------------------- */
.opt-text{padding:10px 0; border-top:1px solid #CCC; font-size:.95em;}
#secondary .opt-text{padding:0 15px;}

/* footer
--------------------------------------------- */
#footer {
	width:960px;
	margin:0 auto;
	padding:15px 0 20px;
}
#footer p {
	font-size:1.6em;
	color:#799aa4;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
/* self clear floats 
--------------------------------------------- */
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* temp 
--------------------------------------------- */
#map-holder {
	padding:15px 0 0 0;
}

/* Login
--------------------------------------------- */
div#login{
	background-color:#f6981d; 
	color:#215869; 
	font-weight:bold; 
	width:100%;
	border-top-right-radius: 15px 15px;
	border-top-left-radius: 15px 15px;
	-moz-border-radius-topright: 15px 15px;
	-moz-border-radius-topleft: 15px 15px;
	-webkit-border-top-right-radius: 15px 15px;
	-webkit-border-top-left-radius: 15px 15px;
	padding: 10px 0 10px 0;
}
div.loginBottom{
	background-color:#f6981d; 
	color:#215869; 
	text-align:right;
	width:100%;
	border-bottom-right-radius: 15px 15px;
	border-bottom-left-radius: 15px 15px;
	-moz-border-radius-bottomright: 15px 15px;
	-moz-border-radius-bottomleft: 15px 15px;
	-webkit-border-bottom-right-radius: 15px 15px;
	-webkit-border-bottom-left-radius: 15px 15px;
	padding: 10px 0 10px 0;
}

 div.loginBottom a {
	padding-right: 15px;
	color:#215869;
 }


/* Location Page Inquiry Form */
.inquiry-contact {
	padding:15px 0 15px 0;
}
.inquiry-contact form {
	background:#F0EFEF;
	padding:10px 0 10px 20px;
	border:1px solid #DFDFDF;
}
.inquiry-contact label {
	display:block;
	padding:0 0 5px 0;
}
.inquiry-contact p {
	float:left;
	width: 200px;
	padding: 0 25px 0 0;
}
.inquiry-contact p.textarea {
	clear:both;
	width:600px;
}
.inquiry-contact textarea {
	border: 1px solid #CCC;
	width:650px;
	padding:3px;
}
.inquiry-contact input {
	border: 1px solid #CCC;
	width:200px;
	padding:3px;
}
.inquiry-contact p.submit {
	float:right;
	padding:0 20px 10px 0;
}
.inquiry-contact p.submit input {
	background:#215869;
	color:#FFF;
	font-size:1.1em;
	cursor:pointer;
}


/* Featured Properties Plugin */
  div.container div.container-inner ol.featuredProperties li {
    width: 240px;
    position: absolute;
    top: 0;
    left: 0;
    margin 0 15px 1.5em 0;
  }
   div.container-inner ol.featuredProperties li a{
    text-decoration: none;
   }
   div.container-inner ol.featuredProperties li a span{
    display: block;
    position: absolute;
    width: 200px;
    top: 5px;
    left: 0;
    font-size: 1.1em;
    font-weight: normal;
    background: rgba(33,88,105,.5);
    color: #ccc;
  }


 div.container-inner ol.featuredProperties li a span strong{
    display: block;
    padding: 10px 10px 0 10px;
    font-weight: normal;
    font-style: italic;
    color: #fff;
 }
 div.container-inner ol.featuredProperties li a span em{
    display: block;
    padding: 10px 10px 0 10px;
    font-style: normal;
    font-style: normal;
    color: #e3c887;
 }
 div.container div.container-inner div.featured-property {
    position: relative; 
    height: 220px;
 }
 div.featured-property img{
   border: none;
   padding: 0;
   margin: 0;
   height: 200px;
   width: 200px;
 }