/*
Styles for static areas of site, home, guides, etc
*/

/* home */

/** home page blocks **/
#rotator{height: 348px;}
#cities-map {height: 348px;}
#cities-map {}

#rotator #follow
{
	background-color: #eff1f1;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0;
	float: left;
	margin: 0 0 10px 0;
	text-align: right;
	height: 45px;
}

#rotator #follow h3 {color: #444; width: 110px; text-align: left; padding: 0; margin: 0;}
#rotator #follow a {margin: 0 0 0 12px; width: 27px;}
#rotator #follow h3,
#rotator #follow a {
	display: inline-block;
	vertical-align: middle;
}

#rotator .teaser {height: 141px;}

/*.teaser .form .buttons {width: 271px; margin-left: 0;}*/
.teaser .form .buttons  img {display: inline; vertical-align: middle;}

#cities {
	background-color: #fcebf0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#cities div.fr
{
	width: 160px;
	height: 30px;
	padding-top: 5px;
	background: url('/main/styles/images/right_arrow.png') no-repeat;
}

#cities div.fr a {padding-left: 32px;}

#cities .featured
{
	background: #8c846b;
	color: #fff;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	font-size: 18px;
	line-height: 1;
	padding: 9px;
	margin: 10px -10px -10px -10px;
}

#cities .featured a {color: #FCEBF0;text-decoration: underline;}

/** Column view of state-grouped guide links */
.grouped-guide-list .state-guide
{
	font-size: 20px;
	font-family: 'MwHeadings', Arial, Helvetica, sans-serif;
	line-height: 1;
	margin-left: .5em;
	margin-top: .5em;
}
.grouped-guide-list .state-guide:first-child
{
	margin-top: 0;
}
.grouped-guide-list .local-guide
{
	margin-left: 1.5em;
}
#select-city .grouped-guide-list li.state-guide a
{
	color: #3a5a63;
}

#select-city .grouped-guide-list li.state-guide a:hover
{
	color: #000;
}

/** teaser/info blocks **/
.teaser
{
	background: #faced9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhY2VkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNjg1OWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
	background: -moz-linear-gradient(top, #faced9 0%, #e6859d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faced9), color-stop(100%,#e6859d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #faced9 0%,#e6859d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #faced9 0%,#e6859d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #faced9 0%,#e6859d 100%); /* IE10+ */
	background: linear-gradient(top, #faced9 0%,#e6859d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faced9', endColorstr='#e6859d',GradientType=0 ); /* IE6-8 */

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	width: 300px;
	float: left;
	margin-bottom: 10px;
}

.teaser h3 {color: #cb2753;}

.teaser a {color: #fff;}
.teaser a:hover {color: #fcebf0}

#rotator a,
#cities ul li a,
#blogs a,
#select-city a {
	color: #787878;
}

#blogs a {font-size: 14px;}

#rotator a:hover,
#cities a:hover,
#blogs a:hover,
#select-city a:hover {
	color: #444;
}

#select-city .grouped-guide-list li.state-guide a {color: #d95378 !important;}
#select-city .grouped-guide-list li.state-guide a:hover {color: #000 !important;}

#blogs h3 a:link, #blogs h3 a:visited {color: #54b9b9;}

#rotator label{color: #333;}
#rotator input[type=text],
#rotator input[type=password],
#cities select {background-color: #fff;}


/* grid modifications for home page */
#rotator .medium-rectangle,
#cities-map .medium-rectangle,
#blogs .medium-rectangle,
#fww-signup .medium-rectangle {width: 300px; height: 100%;}

/* FWW Static Page */
#fww-printer-badges h1
{
	color: #fff;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 12px;
}

#fww-printer-badges p {font-size: 13px; color: #a60933;}

#fww-category-badges ul.grid,
#fww-printer-badges ul.grid,
#fww-category-partners ul.grid {padding-left: 23px;}

#fww-category-badges ul.grid>li,
#fww-printer-badges ul.grid>li,
#fww-category-partners ul.grid>li {padding-bottom: 15px;}

/* themes page */
#style-results {
	min-height: 400px;
}

#previews
{
	position: relative;
	left: 10px;
}

#previews.grid li {
	padding-bottom: 30px;
}

#previews.grid li.new
{
	background-image: url('/main/images/mw-static/fww/new.png');
	background-position: 239px top;
	background-repeat: no-repeat;
}

#previews .buttons {
	padding-top: 5px;
	width: 277px;
	border-top: 1px dotted #ccc;
}

.design-preview {width: 300px;}

ul#style-search {margin: 15px 10px 15px 10px;}

ul#style-search li {
	padding: 0;
	margin: 0;
}

ul#style-search li#category {width: 330px;}
ul#style-search li#keywords {width: 330px;}
ul#style-search li#color {width: 280px;}

ul#style-search li#color span {
	padding: 0 5px 0 5px;
	font-size: 10px;
}

#style-search-context {
	font-size: 16px;
	padding-bottom: 20px;
}

#style-search-context a.tag,
#style-search-related a.tag {font-size: 13px;}

#style-search-context a.tag span,
#style-search-related a.tag span {color: #ccc;}

#style-search-related {font-size: 13px;}

#style-search-more {
	margin-top: 5px;
	font-size: 14px;
	text-align: center;
}

#style-search-more div.ga-banner {padding: 15px 0 15px 0;}

/* testimonials page */
#testimonials .sidebar {padding-right: 36px;}

/* advertising page */
.call-today
{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #eee;
	height: 100px;
	margin: 0;
	padding: 0;
	overflow: hidden;

	background: #faced9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhY2VkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWVhZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
	background: -moz-linear-gradient(top, #faced9 0%, #faeaed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faced9), color-stop(100%,#faeaed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #faced9 0%,#faeaed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #faced9 0%,#faeaed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #faced9 0%,#faeaed 100%); /* IE10+ */
	background: linear-gradient(top, #faced9 0%,#faeaed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faced9', endColorstr='#faeaed',GradientType=0 ); /* IE6-8 */
}

#listingTabs {}
#listingInfoContainer { padding-bottom: 18px; min-height: 375px;}
#listingInfoContainer .tab {display: none;}
#listingInfoContainer .tab:first-child {display: block;}

.signup .form input[type=text],
.signup .form input[type=password]{width: 275px;}
.signup .form .buttons {text-align: left; padding: 5px 0 5px 0;}


.signup .form dd.left
{
	float: left;
}
.signup .form dd.right
{
	float: right;
}
.signup .form dd.half
{
	width: 135px;
}
.signup .form dd.half input[type=text]
{
	width: 131px;
}

.ad-features {margin-left: 18px;}

.ad-features li {margin: 0 0 3px 20px; list-style: none;}

.ad-features li:before
{
	content: '\2713';
	width: 20px;
	margin-left: -20px;
	display: inline-block;
}

/* preview options on registration page */
div.previews {min-height: 750px;}
div.preview {display: none;}
div.preview:first-child {display: block;}

#registrationForm {}
#registrationForm.pre-validation .sub-form-container {height: 38px; overflow: hidden; padding: 0;}
/* override padding and margins to accomodate weirdo spacing in various browsers when height is dynamically changed */
#registrationForm .sub-form-container {padding: 10px 0 0 0;}
#registrationForm .sub-form-container .sub-form {margin: 10px;}
#registrationForm .sub-form-container.open {}
#registrationForm .sub-form-container:first-child {height: auto;}
#registrationForm.pre-validation .sub-form-container .sub-form strong {cursor: pointer;}

#registrationForm .sub-form-container .sub-form dd:first-of-type,
#registrationForm .sub-form-container .sub-form dt:first-child + dd
{margin: 0}

#registrationForm .popover
{
	position: absolute;
	display: none;
	width: 180px;
	height: 100px;
	padding: 10px;
	border: 2px solid #ccc;
	background: #fff;
	z-index: 999;
	cursor: pointer;
	-webkit-box-shadow: 1px 3px 3px #222;
	-moz-box-shadow: 1px 3px 3px #222;
	box-shadow: 1px 3px 3px #222;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#registrationForm .popover:before
{
	content: '\25B2';
	color: #ccc;
	font-size: 18px;
	position: absolute;
	z-index: 9999;
	top: -18px;
	left: 18px;
	width: 18px;
}

#registrationForm .popover.top:before
{
	content: '\25BC';
	top: auto;
	bottom: -20px;
}

#registrationForm .popover:after
{
	content: '(close)';
	color: #999;
	font-size: 10px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: block;
	cursor: pointer;
}

.call-today h2 {padding-top: 40px;}

.gAd > li {width: 310px;}

.ad-packages
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.ad-packages .w1-2 {width: 460px;}

.ad-packages .w1-4 {width: 220px;}

.ad-packages > li
{
	margin: 0 0 18px 10px;
	padding-bottom: 0;
	position: relative;
	background-color: #fcebf0;
	border: 1px solid #eee;
}

.premium > li {margin-left: 0;}

.ad-packages li h2,
.ad-packages li h3,
.ad-packages li h4
{
	font-size: 18px;
	font-weight: 100;
	line-height: 1;
	margin: 0 0 18px 0;
	padding: 6px;
	background-color: #E98DA7;
	color: #fff;
}

.ad-packages li ul
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 36px;
}

.ad-packages li ul li
{
	margin: 0 0 1px 12px;
	padding-left: 20px;
}

.ad-packages li p {margin: 0 30px 18px 30px;}

.ad-packages li h2 + div.col {margin-left: 0px;}

.ad-packages:after,
.ad-packages li:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ad-packages .price,
.ad-packages .unit {color: #b82f55 !important;}

.ad-packages .price {font-size: 22px;}
.ad-packages .unit
{
	font-size: 12px;
	line-height: 1;
}

.ad-packages .player,
.ad-packages img
{
	float: right;
	margin-bottom: 9px;
	text-align: right;
}

.ad-packages.basic > li {padding-left: 0;}

.ad-packages.basic > li > p {text-align: center;}

.ad-packages.basic > li a {margin: 0 auto;}

.ad-packages.basic > li > ul {min-height: 265px;}

.ad-packages.basic li h2,
.ad-packages.basic li h3,
.ad-packages.basic li h4 {text-align: center;}

/* custom bullets */
.ad-packages li ul li:before
{
	content: '\2713';
	color: #E98DA7;
	width: 20px;
	margin-left: -20px;
	display: inline-block;
}

.ad-packages li ul li
{
	margin: 0 0 1px 12px;
}

#advertising-pr {
	background-color: #D63F63;
	background-image: url("/main/images/mw-static/advertising/press.jpg");
	background-repeat: no-repeat;
}

#advertise-head h2 {margin: 0;}

#advertise-please-join form
{
	text-align: center;
	padding: 32px 0 0 0;
}

#advertise-please-join h2
{
	display: inline;
	font-size: 27px;
	line-height: 1.286;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#advertise-please-join form input,
#advertise-please-join form select {vertical-align: middle;}

#advertising-pr
{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	height: 263px;
	width: 600px;
	overflow-y: hidden;
	background-color: #81BBD7;
}

#advertising-pr .inset {text-overflow: ellipsis; height: 243px; overflow: hidden;}

#advertising-pr h3 a
{
	float: left;
	margin-right: 9px;
}

#advertising-pr a {color: #ffffff;}

#advertising-pr h3:after
{
	content: ".";
	display: block;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	clear: both;
	visibility: hidden;
}

/* Video advertising page */
#video-samples.info h3 {border: none;}

#video-samples.info .g2>li:first-child {margin-right: 20px;}

/* Print ads page */
#print-ad-thumbnails>li
{
	width: 184px;
	margin-bottom: 10px;
}

/* Members page */
#member-badge-container {height: auto !important;}

#member-badge-container h2 {padding-top: 0;}

#member-badge-container textarea
{
	width: 200px;
	height: 100px;
}

#member-badge-container .grid li {width: 225px;}

/* Contact Us page */
#contact-form-container {height: 774px;}

/* /wed pages */
#ft-wed {padding: 10px;}

/* find a vendor / locations page */
#localGuidesMap #map {margin-bottom: 18px;}


/** Inspiration galleries **/
.content-main .gallery .g4 > li img.thumb {width: 120px;}
.gallery img.thumb
{
	padding: 5px;
	border: 1px #999 solid;
}