* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background: #8B9FA0 url(../img/gradient-bg.png) repeat-x 0 0;
	font-size: 76%;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5;
}

#wrapper {
	margin: 0 auto;
	background: #FFF;
	width: 900px;
	padding: 0 16px;
	color: #333;
}

#header {
	position: relative;
	padding-bottom: 48px;
}

#menu {
	font-size: 150%;
	color: #698C94;
	font-weight: bold;
}

#menu li {
	display: inline;
	margin-right: 0.3em;
	text-transform: lowercase;
}

#menu li+li:before {
	content: '/ ';
}

#menu a { text-decoration: none; color: #698C94; font-weight: bold; }
#menu a:focus, #menu a:hover { color: #ED145B; }
#menu b { color: #ED145B; }

/* --- */

#footer {
	padding-top: 32px;
	padding-bottom: 32px;
}

#footer ul {
	font-size: 120%;
	color: #698C94;
	font-weight: bold;
}

#footer ul li {
	display: inline;
	margin-right: 0.3em;
	text-transform: lowercase;
}

#footer ul li+li:before {
	content: '/ ';
}

#footer ul a { text-decoration: none; color: #698C94; font-weight: bold; }
#footer ul a:focus, #footer ul a:hover { color: #ED145B; }
#footer ul b { color: #ED145B; }

/* Columns */

.clearing, .clear { clear: both; }

.w1   { float: left; display: inline; margin-left: 8px; margin-right: 8px; width: 134px; }
.w2   { float: left; display: inline; margin-left: 8px; margin-right: 8px; width: 284px; }
.w3   { float: left; display: inline; margin-left: 8px; margin-right: 8px; width: 434px; }
.w4   { float: left; display: inline; margin-left: 8px; margin-right: 8px; width: 584px; }
.w5   { float: left; display: inline; margin-left: 8px; margin-right: 8px; width: 734px; }
.w6   { float: left; display: inline; margin-left: 8px; margin-right: 8px; width: 884px; }

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

h1 {
	color: #ED145B;
	font-size: 190%;
	margin-bottom: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	color: #ED145B;
	font-size: 125%;
	margin-bottom: 1em;
	font-weight: normal;
	text-transform: uppercase;
}

p {
	margin-bottom: 1em;
}

p.important {
	font-weight: bold;
}

.box {
	background: white url(../img/gradient-white.png) repeat-x 0 0;
	background-image: url(../img/gradient-bluish.png);
	border-top: 8px solid #698C94;
	position: relative;
	padding: 16px 16px;
	overflow: hidden;
	padding-bottom: 32px;
	margin-bottom: 8px;
}

.box .l { position: absolute; background: url(../img/gradient-blue.png); width: 1px; height: 442px; left: 0px; top: 0px; }
.box .r { position: absolute; background: url(../img/gradient-blue.png); width: 1px; height: 442px; right: 0px; top: 0px; }

.pink {
	border-top-color: #ED145B;
	background: url(../img/alert-icon.png) no-repeat 4px 0px;
	padding-left: 72px;
	color: #ED145B;
	font-weight: bold;
}

.pink .l, .pink .r { background-image: url(../img/gradient-pink.png); }

.w2 .box, .w3 .box { border-top-color: #000; }

ul.ticks {
	list-style: none;
	line-height: 1;
	margin-bottom: 16px;
}

ul.ticks li {
	background: url(../img/checkboxes.png) no-repeat 0 -128px;
	padding: 12px 0 8px 32px;
}

ul.menu {
	list-style: none;
	line-height: 1;
	margin-bottom: 16px;
}

ul.menu li {
	background: url(../img/bullet-paw.png) no-repeat 0 4px;
	padding: 12px 0 8px 32px;
}

ul.menu li a {
	color: #698C94;
	font-weight: bold;
	text-decoration: none;
}

ul.menu li a:hover {
	color: #ED145B;
}

#QuickSearchForm {
	line-height: 34px;
	overflow: hidden;
	position: absolute;
	right: -110px; top: 70px;
	width: 350px;
}

#QuickSearchForm label {
	float: left; display: inline;
	color: #698C94;
	text-transform: lowercase;
	margin-right: 16px;
	font-size: 125%;
}

#QuickSearchForm input {
	float: left; display: inline;
	border: 1px solid #CFDADB;
	padding: 2px;
	color: #698C94;
	margin-right: 16px;
	width: 180px;
	position: relative; top: 7px;
}

#QuickSearchForm button {
	float: left; display: inline;
	width: 34px; height: 34px;
	padding: 0; margin: 0; border: none; outline: none;
	background: url(../img/paw.png);
	cursor: pointer;
	text-indent: -9999px; overflow: hidden;
}

.sitter {
	border: 1px solid #C5D2D5;
	padding: 8px;
	border-top: 8px solid #698C94;
	position: relative;
	margin-bottom: 16px;
	margin-top: 8px;
}

.sitter .header {
	border-bottom: 1px solid #C5D2D5;
	margin-left: -8px;
	margin-right: -8px;
	padding: 0 8px 8px 8px;
	font-size: 90%;
	margin-bottom: 8px;
}

.sitter .header h2 {
	display: none;
}

.sitter .header .level {
	float: left;
	font-weight: bold;
	margin-right: 8px;
}

.sitter .header .level-gold {
	padding-left: 28px;
	background: url(../img/gold_24.png) no-repeat 0 0;
	position: relative;
	padding-top: 4px;
	top: -4px; left: -2px;
	padding-bottom: 4px;
}

.sitter .header .level-silver {
	padding-left: 28px;
	background: url(../img/silver_24.png) no-repeat 0 0;
	position: relative;
	padding-top: 4px;
	top: -4px; left: -2px;
	padding-bottom: 4px;
}

.sitter .header .level-bronze {
	padding-left: 28px;
	background: url(../img/bronze_24.png) no-repeat 0 0;
	position: relative;
	padding-top: 4px;
	top: -4px; left: -2px;
	padding-bottom: 4px;
}

.sitter .header dl {
	display: block;
	text-align: right;
}

.sitter .header dt, .sitter .header dd {
	display: inline;
}

.sitter .header dt {
	margin-right: 8px;
	margin-left: 8px;
	color: #698C94;
	font-weight: bold;
	text-transform: uppercase;
}

.sitter .header dt:after { content: ':'; }

.sitter .header dt.joined, .sitter .header dd.joined {
	float: left;
}

.sitter .left {
	float: left;
	width: 300px;
	display: inline;
	font-size: 90%; 
}

.sitter .left img { float: left; margin-right: 5px; display: inline; }

.sitter .left h3 { padding: 0; background-image: none; float: left; font-weight: bold; color: #698C94; text-transform: uppercase; }

.sitter .left ul { width: 140px; float: left; list-style: none; color: #333333; }

.sitter .body {
	float: left;
	margin-left: 5px;
	width: 515px;
	display: inline;
}

.sitter .body a.button {
	position: absolute;
	right: 8px;
	bottom: 8px;
	position: static;
}

/*------- New Buttons ------ */


.button {
	display:inline-block;
	background:none;
	margin:0;
	padding:3px 0;
	border-width:0;
	overflow:visible;
	font-size:100%;
	text-decoration:none;
	color:#333;
	cursor: pointer;
	padding:0;
	/*margin-right: 4px;*/
	line-height: 1.4;
}
* html button.button {
	padding-bottom:1px;
}
/* Immediately below is a temporary hack to serve the 
	 following margin values only to Gecko browsers
	 Gecko browsers add an extra 3px of left/right 
	 padding to button elements which can't be overriden.
	 Thus, we use -3px of left/right margin to overcome this. */
	 
html:not([lang*=""]) button.button {
	margin:0 -3px;
}

.button span {
	background: url(../img/button.png) no-repeat 100% 0;
	color: #FFF;
	position: relative;
	margin-left: 8px;
	padding: 6px 12px 2px 4px;
	height: 21px;
	text-shadow: #35607D 0px 0px 4px;
	display: inline-block;
	cursor: pointer;
}

.button span b {
	position: absolute;
	left: -8px; top: 0px;
	width: 8px; height: 29px;
	background: url(../img/button.png) no-repeat 0 0;
	cursor: pointer;
}

.button:hover span {
	background-position: 100% -29px;
	text-shadow: #ED145B 0px 0px 4px;
}

.button:hover span b {
	background-position: 0 -29px;
}

/* ------------------------- */

ul.photos {
	list-style: none;
	overflow: hidden;
}

ul.photos li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

ul.photos li img {
	display: block;
}

.sitter h3 {
	font-size: 100%;
	font-weight: bold;
	color: #698C94;
	text-transform: uppercase;
	padding: 8px 0 8px 32px;
	background: url(../img/bullet-paw.png) no-repeat 0 50%;
}

/* ---- TIPS & ADVICE STYLING --- */
table.rates {
background:white url(../img/gradient-white.png) repeat-x scroll 0 0;
width: 550px;
margin-top:10px;
margin-bottom:20px;
border-left: 1px solid #698C94;
border-right: 1px solid #698C94;
border-bottom: 1px solid #698C94;
border-collapse: collapse;
}
table.rates tr th {
text-align:left;
color: #ED145B;
border-top: 8px solid #698C94;
font-size:1.1em;

}

table.rates tr th strong {
	color: #333;
	font-size: 110%;
	margin-right: 1em;
}

table.rates tr th, table.rates tr td {
	padding:5px;
}

table.ruled tbody tr td, table.ruled tbody tr th {
	border-top: 1px solid #698C94;
}

 table.rates tr td {
 padding-bottom:15px;
 }
 
 dl.links {
 width:550px;
 }
 dl.links dt {
 width:100px;
 font-weight:bold;
 display:inline-block;
 float:left;
 padding-bottom:10px;
 }
  dl.links dd {
  padding-bottom:10px;
  width:450px;
display:inline-block;
  }
  
dl.links dt a, dl.links dt a:visited, dl.links dt a:active, dl.links dt a:link{ 
color: #ED145B;
text-decoration:none;
}
dl.links dt a:hover{ 
color:#000000;
}

/* ---- Privacy STYLING --- */

ul.privacy {
margin-bottom:10px;
width:450px;
padding-left:10px;
}
ul.privacy li {
padding-left:35px;
list-style:none;
padding-top:10px;
padding-bottom:10px;
background: url(../img/bullet-paw.png) no-repeat 0 20%;
}

/* -------------------------------------- */

ol.steps {
	list-style: none;
	margin-bottom: 1em;
	font-size: 90%;
}

ol.steps li {
	display: inline;
	font-weight: bold;
	margin: 0 8px 0 0;
}

ol.steps li + li:before {
	content: ' / ';
	margin: 0 8px 0 0;
}

ol.steps li strong {
	color: #ED145B;
	font-weight: bold;
}

/* ----------------------------- */

form.two-cols {
	overflow: hidden;
	position: relative;
	left: -8px;
	width: 868px;
	padding-top: 24px;
}

form.two-cols fieldset, form.two-cols .fake-fieldset {
	float: left;
	width: 418px;
	margin: 0 8px 16px 8px;
	display: inline;
	font-size: 110%;
}

.w4 form.two-cols {
	width: 568px;
}

form.two-cols fieldset.double-width {
	float: none;
	width: 852px;
}

.w4 form.two-cols fieldset.double-width {
	width: 552px;
}

form.two-cols .input {
	overflow: hidden;
	margin-bottom: 8px;
}

form.two-cols .error-message {
	clear:both;
	margin-left: 158px;
	margin-top: 4px;
	padding-left: 24px;
	color: #ED145B;
	font-weight: bold;
	background: url(../img/alert-icon-small.png) no-repeat 0 2px;
}

form.two-cols label {
	font-weight: bold;
	color: #ED145B;
}

form.two-cols .date label, form.two-cols .select label, form.two-cols .file label, form.two-cols .text label, form.two-cols .textarea label, form.two-cols .password label {
	display: inline;
	float: left;
	margin-right: 16px;
	width: 142px;
	text-align: right;
	margin-top: 4px;
}

.w3 form.two-cols .date label, .w3 form.two-cols .select label, .w3 form.two-cols .file label, .w3 form.two-cols .text label, .w3 form.two-cols .textarea label, .w3 form.two-cols .password label {
	width: 125px;
}

form.two-cols fieldset.double-width .text label, form.two-cols fieldset.double-width .textarea label, form.two-cols fieldset.double-width .password label, form.two-cols fieldset.double-width .select label  {
	display: block;
	float: none;
	width: auto;
	text-align: left;
	margin-left: 6px;
}

form.two-cols fieldset.double-width p.help {
	margin-left: 6px;
	margin-top: 4px;
}

form.two-cols .text input, form.two-cols .password input, form.two-cols .input textarea {
	float: left;
	width: 250px;
	background: #FDFEFE;
	border: 1px solid #698C94;
	padding: 2px 4px;
	width: 246px;
	margin: 4px 4px 4px 0;
	outline: none;
}

form.two-cols .select select, form.two-cols .date select {
	float: left;
	background: #FDFEFE;
	border: 1px solid #698C94;
	padding: 2px 4px;
	margin: 4px 4px 4px 0;
	outline: none;
}

form.two-cols .date select {
	float: none;
}

form.two-cols fieldset.double-width .text input, form.two-cols fieldset.double-width .textarea textarea, form.two-cols fieldset.double-width .password input, form.two-cols fieldset.double-width .select select {
	display: block;
	float: none;
	width: auto;
	text-align: left;
	width: 840px;
	margin-left: 6px;
}

form.two-cols fieldset.double-width .select select {
	width: auto;
}

.w4 form.two-cols fieldset.double-width .text input, .w4 form.two-cols fieldset.double-width .textarea textarea, .w4 form.two-cols fieldset.double-width .password input {
	width: 540px;
}

form.two-cols .text input:focus, form.two-cols .password input:focus, form.two-cols .input textarea:focus {
	box-shadow: 0 0 8px #698C94;
	-moz-box-shadow: 0 0 8px #698C94;
	-webkit-box-shadow: 0 0 8px #698C94;
}

form.two-cols .checkbox {
	text-align: right;
	margin-top: 8px;
}

form.two-cols .checkbox input {
	float: right;
	margin-left: 8px;
	margin-top: 4px;
}

form.two-cols .button-holder {
	float: right;
	width: 220px;
	margin-top: 8px;
	margin-right: 8px;
}

form.two-cols .button-holder .button span {
	width: 200px;
	display: block;
	margin-bottom: 16px;
	text-align: center;
}

.checkbox.checked, .checkbox.unchecked {
	position: relative;
	left: 6px;
}

.checkbox.checked label {
	display: inline-block;
	padding-right: 32px;
	background: url(../img/checkboxes.png) no-repeat 100% 0;
	height: 33px;
	line-height: 33px;
}

.checkbox.checked label:focus, .checkbox.checked label:hover {
	background-position: 100% -64px;
}

.checkbox.unchecked label {
	display: inline-block;
	padding-right: 32px;
	background: url(../img/checkboxes.png) no-repeat 100% -32px;
	height: 33px;
	line-height: 33px;
}

.checkbox.unchecked label:focus, .checkbox.unchecked label:hover {
	background-position: 100% -96px;
}

/* ----- */

.price {
	float: right;
	width: 128px;
	margin-right: 16px;
	font-size: 250%;
	color: #ED145B;
	text-transform: uppercase;
	line-height:1.1;
	font-weight: bold;
	
	margin-right: 0;
	width: 80px;
}

.price small {
	font-size: 40%;
	color: #8B9FA0;
	display: block;
}

/* --------------- */

.pet-service-group {
	overflow: hidden;
}

.pet-service-group h2 {
	border-bottom: 1px solid #698C94;
	height: 33px;
	line-height: 33px;
}

.pet-service-group h2.checked {
	padding-left: 48px;
	background: url(../img/checkboxes.png) no-repeat 0 0;
}

.pet-service-group h2.unchecked {
	padding-left: 48px;
	background: url(../img/checkboxes.png) no-repeat 0 -32px;
}

.pet-service-group .pane {
	overflow: hidden;
}

form.two-cols .pet-service-group fieldset {
	clear: left;
}

form.two-cols .pet-service-group fieldset div.checkbox {
	float: left;
	margin-right: 8px;
	display: inline;
}

form.two-cols .pet-service-group fieldset div.text {
	float: left;
	margin-top: 8px;
	margin-right: 8px;
	display: inline;
}

form.two-cols .pet-service-group fieldset div.text label {
	width: auto;
	display: inline;
	margin-left: 6px;
	float: left;
	height: 33px;
	line-height:33px;
	margin-top: 0;
	color: #333333;
	zoom: 1;
}

form.two-cols .pet-service-group fieldset div.text input {
	width: 48px;
	float: left;
	display: inline;
}

form.two-cols .pet-service-group fieldset div.textarea {
	clear: left;
}

form.two-cols .pet-service-group fieldset div.textarea label {
	text-align: left;
	display: block;
	margin-left: 6px;
	color: #333333;
	width: auto;
}

form.two-cols .pet-service-group fieldset div.textarea textarea {
	display: block;
	width: 398px;
	margin-left: 6px;
}

form.two-cols fieldset.double-width {
	float: none;
}

.submit-holder {
	clear:both;
	margin-left:166px;
	margin-right:10px;
}

.photo-edit {
	overflow: hidden;
}

.photo-edit .current-image {
	width: 160px;
	float: left;
}

.photo-edit .radio {
	float: left;
	width: 160px;
}

.photo-edit .radio .unselected {
	padding-left: 32px;
	background: url(../img/radio.png) no-repeat 0 0;
	line-height: 24px;
	height: 24px;
	display: inline-block;
}

.photo-edit .radio .unselected:hover {
	background-position: 0 -24px;
}

.photo-edit .radio .selected {
	padding-left: 32px;
	background: url(../img/radio.png) no-repeat 0 -48px;
	line-height: 24px;
	height: 24px;
	display: inline-block;
}

.photo-edit .radio .selected:hover {
	background-position: 0 -72px;
}

.photo-edit .file label {
	display: none!important;
}

#SearchAddForm {
	padding-top: 0;
	margin-bottom: -32px;
}

fieldset.multi-checkbox .checkbox {
	float: left;
	width: 180px;
	top: -8px;
}

.review-body {
	background: url(../img/quote-left.png) no-repeat 0 0;
	padding-left: 48px;
	padding-top: 8px;
}

.review-body-inner {
	min-height: 32px;
	background: url(../img/quote-right.png) no-repeat 100% 100%;
	padding-right: 32px;
}

.stars {
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/stars.png) repeat-x 0 -20px;
	display: block;
}

.star-wrap {
	height: 20px;
	width: 100px;
	overflow: hidden;
	background: url(../img/stars.png) repeat-x 0 0px;
	display: block;
}

#home-banner-container {
	height: 455px;
	position: relative;
	top: -32px;
}

.flash-message + #home-banner-container {
	top: 0;
	margin-bottom: 32px;
}

.on-the-right {
	text-align: right;
}

.security-statement {
	color: #ED145B;
}


.vcard {
	clear: both;
	border-top: 1px solid #698C94;
	padding-top: 8px;
	margin-top: 24px;
}

.vcard .adr .country-name, .vcard .adr .region {
	display: none;
}

.vcard .adr {
	margin-bottom:10px;
}

.vcard h3 {
	float: left;
	clear: left;
	width: 142px;
	text-align: right;
	color: #ED145B;
	font-weight: bold;
	margin-right: 16px;
	margin-top: 4px;
	display: inline;
}

.vcard .dd {
	float: left;
	margin-top: 6px;
}

hr {
	height: 0;
	border: none;
	border-top: 1px solid #698C94;
	margin: 16px 0;
	overflow: hidden;
}

p a {
	color: #698C94;
}

p a:hover {
	color: #ED145B;
}