/* =======================
Copyright:	3plains (www.3plains.com)
File: 		Dogs style sheet
Version:	2.4.5
======================= */

a.button.small {
    height: 30px;
	min-height: 30px;
	padding: 5px 5px 0;
    font-size: 12px; font-size: 1.2rem; 
	line-height: 20px; line-height: 2rem;
}
/*.flex-box p.title {
    font-family: 'News Cycle', Helvetica, sans-serif;
	font-weight: normal;
}*/
/* ----- 16px ----- */
.flex-box p {
    font-size: 16px; font-size: 1.6rem; 
	line-height: 24px; line-height: 2.4rem;
}
/* 18 */
#Product div.right p,
#Product div.right div.terms p,
#Product div.right div.confirm div.row p:nth-child(2) {
	font-size: 18px; font-size: 1.8rem;
	line-height: 26px; line-height: 2.6rem;
}
#Product div.right div.bar p.title {
    font-size: 22px; font-size: 2.2rem;
	line-height: 30px; line-height: 3rem;
}
/* 24 */
#Product div.right h5 {
	font-size: 24px; font-size: 2.4rem;
	line-height: 32px; line-height: 3.2rem;
}
/* ----- 26px ----- */
.flex-box p.title {
    font-size: 26px; font-size: 2.6rem;
	line-height: 34px; line-height: 3.4rem;
}
.flex-box a p.title { text-decoration: underline; }
.flex-box > a { text-decoration: none; }
#gMapFrame {
    width: 100%;
    float: left;
    margin: 0 0 30px;
    -webkit-box-shadow: 0 0 0 1px #666;
    box-shadow: 0 0 0 1px #666;
    position: relative;
}
#gMapPane {
    width: 100%;
    height: 500px;
    float: left;
}
#Product .row > a {
	border: 2px solid #dd0606;
	background: #fff;
}
#Product .row > a .row > a:hover,
#Product .row > a .row > a:active,
#Product .row > a .row > a:focus { border: 2px solid #fff; }
#Product .contact-bar {
	background: #dd0606;
	color: #fff;
}
#Product .contact-bar a { color: #fff; }
#Product {
	width: 100%;
	padding: 20px;
	float: left;
	position: relative;
}
#Product div.left {
	width: 60%;
	max-width: 100%;
	float: left;
}
#Product div.left .tabs {
	width: 100%;
	float: left;
}
#Product div.left .tabs p {
	height: 50px;
	padding: 0 15px;
	margin: 0 0 0 5px;
    float: left;
    color: #dd0606;
	text-transform: lowercase;
	border-left: 1px solid #dd0606;
	border-top: 1px solid #dd0606;
	border-right: 1px solid #dd0606;
	background: #000;
	cursor: pointer;
}
#Product div.left .tabs p span { 
	width: 100%;
	padding: 8px 0 0;
	float: left;
}
#Product div.left .tabs p.on, 
#Product div.left .tabs p:hover, 
#Product div.left .tabs p:active, 
#Product div.left .tabs p:focus {
	color: #fff;
	background: #dd0606;
	text-decoration: none;
}
#Product div.left div.pane {
	width: 100%;
	float: left;
}
#Product div.left div.off { display: none; }
#Product div.left div.on { display: block; }
#Product #AerialMap,
#AerialMap iframe,
#Product #gMapFrame, 
#Product #gMapPane {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}
#Product div.left #PaneTVideo .main { height: auto; }
/*#Product div.left.padded { 
	padding: 30px 0 0; 
	clear: left;
	float: none;
}*/
#Product div.left .main {
	width: 100%;
	height: 700px;
	float: left;
	position: relative;
}

/* GALLERIA */
#Product .galleria-theme-classic { background: #000; }
#Product div.left .pane {
    border: 1px solid #dd0606;
    background: #000;
}
#Product .galleria {
	width: 100%;
	max-width: 100%;
}
#Product .galleria-theme-classic .galleria-stage { 
	top: 0;
	left: 0;
	right: 0;
	background: #000;
	border-bottom: 1px solid #dd0606;
}
@media only screen and (min-width: 600px) {
	#Product .galleria-theme-classic .galleria-thumbnails-container { height: 80px; }
	#Product .galleria-theme-classic .galleria-stage { bottom: 90px; }
	#Product .galleria-theme-classic .galleria-thumb-nav-left, 
	#Product .galleria-theme-classic .galleria-thumb-nav-right { top: 15px; }
	#Product .galleria-thumbnails-container .galleria-image { height: 70px !important; }
}
#Product .galleria-thumbnails-container .galleria-image { border: 1px solid #dd0606; }
#Product .galleria-thumbnails-container .galleria-image.active { border: 1px solid #fff; }
/* END GALLERIA */
#Product div.docs {
	width: 100%;
	padding: 30px 0;
	float: left;
}
#Product div.docs div.link {
	width: 100%;
	padding: 10px 10px;
	float: left;
    background: #fff;
}
#Product div.docs div.link a {
	width: 100%;
	min-height: 40px;
	padding: 10px 0 0 50px;
	float: left;
	background-image: url(/images/icon-document.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 40px;
}
#Product div.docs div.link a.pdf { background-image: url(/images/icon-pdf.png); }
#Product div.docs div.link a.xls,
#Product div.docs div.link a.xlsx { background-image: url(/images/icon-excel.png); }
#Product div.docs div.link a.doc,
#Product div.docs div.link a.docx { background-image: url(/images/icon-word.png); }
#Product div.docs div.link a.jpeg,
#Product div.docs div.link a.jpg,
#Product div.docs div.link a.png,
#Product div.docs div.link a.eps,
#Product div.docs div.link a.gif { background-image: url(/images/icon-image.png); }
#Product div.docs div.link p { padding: 5px 0 0 50px; }
#Product div.right {
	width: 37%;
	max-width: 100%;
    padding: 50px 0 0;
	float: right;
}
#Product div.right.store { padding: 0; }
#Product div.right h3 { color: #e7dccf; }
#Product blockquote,
#Product div.right div.cart {
	width: 100%;
	padding: 15px;
    margin: 20px 0 0;
	float: left;
    color: #e7dccf;
    background: #000;
    border: 1px solid #dd0606;
}
#Product blockquote { padding-bottom: 0; }
#Product div.right div.cart:first-child { margin: 0; }
#Product blockquote { font-style: italic; }
#Product div.right h5 { padding: 0 0 10px; }
#Terms div.row,
#Terms div.summary div.row,
#Product div.right div.row { 
	width: 100%;
	padding: 0 0 10px;
	float: left;
}
#Terms div.row { padding-bottom: 25px; }
#Product div.right div.row-attach {
	width: 100%;
	padding: 0 0 15px;
	float: left;
}
#Product div.right div.row-attach input[type=submit],
#Product div.right div.row-attach a.button {
	width: 100%;
	text-align: center;
}
#Terms div.row p,
#Product div.right div.row p { padding: 0; }
#Product div.right div.row p.label { 
	width: 150px;
	float: left;
	font-weight: bold; 
}
#Product div.right div.confirm div.row p.label { padding-top: 2px; }
#Product div.right div.row p.data { padding: 0 0 0 150px; }
#Product div.right div.row p.data a { color: #fff; }
#Product div.right div.desc {
	width: 100%;
	padding: 20px 0 0;
	float: left;
}
#Product div.right div.button {
	padding: 10px 0 20px;
	text-align: center;
	float: none;
	display: block;
}
#Product div.right div.button a.button { width: 100%; }
#Product div.right img {
	max-width: 100%;
	height: auto !important;
    margin: 0 auto;
	padding: 0 0 20px;
    display: block;
}
#Product div.right div.form-row-bottom {
	padding-left: 10px;
	padding-right: 10px;
}
#Product .contact-bar {
	width: 100%;
	margin: 20px 0 0;
	padding: 12px 10px 11px;
	float: left;
	text-align: center;
}
#Product .contact-bar a { color: #fff; }
#Terms {
	width: 100%;
	padding: 20px;
	float: left;
}
#Terms img {
	max-width: 30%;
	height: auto !important;
	float: right;
}
#Terms div.summary {
	width: 65%;
	float: left;
}
#Terms div.row p { color: #f1c40f; }
#Terms div.row p.label {
	width: 120px;
	float: left;
	font-weight: bold;
	color: #fff;
}
#Terms div.summary p.overview {
	width: 100%;
	padding: 20px 0 0;
	float: left; 
}
#Terms div.agreement {
	width: 100%;
	padding: 30px 0 0;
	float: left;
}
#Terms div.buttons {
	width: 100%;
	float: left;
}
#Terms div.buttons input[type=submit] { float: right; }
#Terms div.buttons a.back { 
	background: #333; 
	float: left;
}
.cart a.button:hover,
.cart a.button:active,
.cart a.button:focus,
#Terms div.buttons a.back:hover,
#Terms div.buttons a.back:active,
#Terms div.buttons a.back:focus { text-decoration: none; }
#Product div.right form {
	width: 100%;
	float: left;
}
#Product div.right div.bar { background: #202020; }
#Product div.right div.row p { width: auto; }
#Product div.right form {
	width: 100%;
	float: left;
}
#Product div.right select {
	width: 100%;
	max-width: 100%;
	float: left;
}
#Product fieldset { 
	padding: 15px 5px 0; 
	background: #fff;
	color: #000;
}
#Product div[class^=form-row] > label {
	width: 100%;
	padding: 5px 0 0 10px;
	text-align: left;
}
#Product div[class^=form-row] > label span {
	left: 0;
	right: auto;
}
#Product div[class^=form-row] div.field { 
	width: 100%;
	padding: 2px 10px 5px;
}
#Product div.form-row-error div.field { padding: 5px; }
#Product input[type=text], 
#Product input[type=email], 
#Product input[type=tel], 
#Product select { width: 100%; }
#Product input[type=text], 
#Product input[type=email], 
#Product input[type=tel] { padding: 4px 5px; }
div.featured-properties {
    width: 100%;
    padding: 0 0 30px;
    float: left;
    background: #202020;
}
div.featured-properties h2 {
    color: #fff;
	padding: 15px 15px 22px;
	text-align: center;
	background: #000;
    border-top: 5px solid #dd0606;
    border-bottom: 5px solid #dd0606;
}
.flex-grid {
    width: 100%;
    padding: 20px 0 30px;
    float: left;
    display: flex;
    flex-flow: row wrap;
}
.flex-grid .flex-box {
    width: calc(50% - 20px);
    -webkit-flex: 0;
    -ms-flex: 0 0 calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
    margin: 20px 10px 0;
    float: left;
    background: #000;
	border: 2px solid #dd0606;
	text-align: left;
    position: relative;
}
.flex-box a {
    width: 100%;
    padding: 20px 20px 10px;
	float: left;
}
.flex-box.use-links { padding: 20px; }
.flex-box.use-links a {
    width: auto;
    padding: 0;
    float: none;
}
.flex-box img {
    max-width: 50%;
	height: auto !important;
	padding: 0 0 15px 30px;
	float: right;
}
.flex-box p { 
    padding: 0 0 10px;
    color: #fff;
}
.flex-box a { color: #dd0606; }
.flex-box p.title a,
.flex-box p.title {
    color: #dd0606;
    padding: 0 0 20px;
}
.flex-box a:hover, 
.flex-box a:active, 
.flex-box a:focus { text-decoration: none; }
.flex-box a:hover p[class^=title], 
.flex-box a:active p[class^=title], 
.flex-box a:focus p[class^=title] { text-decoration: underline; }
/* bar filter for properties */
*.bar-filter {
    width: 100%;
    padding: 0 10px 20px;
    margin: 0 0 30px;
	float: left;
	border-radius: 0;
}
.bar-filter fieldset {
    padding: 0;
    background: none;
}
.bar-filter input[type=text],
.bar-filter select {
    width: 31%;
    margin: 20px 1.15% 0;
    float: left;
}
.bar-filter .buttons {
    width: 100%;
    padding: 10px 0 0;
    float: left;
    text-align: center;
}
.bar-filter input[type=submit].small { float: none; }
.bar-filter input[type=submit].small,
.bar-filter a.button.small { margin: 0 5px; }
@media only screen and (max-width : 1000px) {
    .flex-box img {
        max-width: 100%;
		padding: 0; 
		margin: 0 auto;
		display: block;
		float: none;
    }
    .flex-box p.title { padding-top: 15px; }
}
@media only screen and (max-width: 700px) {
    .flex-grid .flex-box {
        width: 100%;
        -webkit-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 20px 0 0;
    }
}
@media only screen and (max-width: 950px) {
	#Product div.left,
	#Product div.right { width: 48%; }
}
@media only screen and (max-width: 850px) {
	#Product div.left,
	#Product div.right { width: 100%; }
	#Product div.right { padding-top: 25px; }
	#Product div.left #thumbs > div { height: 70px; }
	#Product div.left #thumbs p {
		width: 60px;
		height: 60px;
	}
	#Product { padding: 0; }
}
@media only screen and (max-width : 750px) {
    #Product div.left .tabs p span { padding: 13px 0 0; }
	#Product div.left .main { height: 500px; }
	.targets .row img {
		max-width: 100%;
		padding: 0 0 20px;
	}
    .bar-filter input[type=text],
    .bar-filter select {
        width: 48%;
        margin: 20px 1% 0;
        max-width: 100%;
    }
    .bar-filter select:nth-child(odd) { clear: left; }
}
/*@media only screen and (max-width: 600px) {
    .bar-filter select {
        width: 48%;
        margin-top: 10px;
    }
    .bar-filter select:nth-child(5) { width: 98%; }
}*/