/*
Theme Name: Rebath Oregon 1.0
Author: <a href="http://www.shepherd-interactive.com/">Shepherd Interactive</a>


*/

/* Reset CSS v1.0 | 20080212 + Weston's HTML5 revs */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/*:focus {
	outline: 0;
}*/
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
dfn {
	font-style:normal;
}
address {
	display:inline;
	font-style:normal;
}
article,
section,
header,
footer,
aside,
nav {
	display:block;
}
* {
	background-repeat:no-repeat;
	background-position:top left;
}
a:link {
	color:#4A0016;
}
a:visited {
	color:#780022;
}
a:hover {
	color:rgb(77,95,140);
}
a:hover img {
	border-color:rgb(77,95,140) !important;
}

a b {
	cursor:pointer;
}
*[hidden] {
	display:none;
}
hr {
	height:0;
	border:0;
	border-top:solid 1px #780022;
}

/* WordPress user-generated class names ----------------------------------------------------------------------- */


img.alignleft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
img.alignright {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}

/* Site styles ----------------------------------------------------------------------- */
html {
	background-color:white;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-position:center 300px;
	background-attachment:fixed;
}

body {
	/*width:1016px;*/
	width:970px;
	margin:16px auto 27px auto;
	/*background-color:#808FB4;*/
	background-color:white;
	position:relative;
	font-family:Georgia, serif;
	border-left:solid 4px white;
	border-right:solid 4px white;
	/*border-bottom:solid 4px white;*/
	
	/*This is a bit of a hack; see also body>article */
	background-image:url(images/white-vertical-border.png);
	background-position:164px top;
	background-repeat:repeat-y;
	
	/*These are commented out because Safari's performance tanks with them*/
	/*
	-webkit-box-shadow: 0px 0px 60px #888;
	-moz-box-shadow: 0px 0px 60px #888;
	box-shadow: 0px 0px 60px #888;
	*/
	/*filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=20, OffY=20, Color='#888888');*/
}
#jumplink {
	position:absolute;
	top:-100px;
}

/** The following shadows are to make up for the deficiency in CSS box-shadow **/
span.shadow {
	position:absolute;
}
span.shadow-left {
	left:-14px;
	width:10px;
	height:100%;
	background-image:url(images/shadows/vertical.png);
	background-position:left;
}
span.shadow-right {
	right:-14px;
	width:10px;
	height:100%;
	background-image:url(images/shadows/vertical.png);
	background-position:right;
}
span.shadow-top {
	top:-10px;
	right:-10px;
	left:-4px;
	width:978px;
	height:10px;
	background-image:url(images/shadows/horizontal.png);
	background-position:top;
}
span.shadow-bottom {
	bottom:-10px;
	left:-4px;
	right:-4px;
	width:978px;
	height:10px;
	background-image:url(images/shadows/horizontal.png);
	background-position:bottom;
}
span.shadow-top-left {
	top:-10px;
	left:-14px;
	height:10px;
	width:10px;
	
	background-image:url(images/shadows/corners.png);
	background-position:top left;
}
span.shadow-top-right {
	top:-10px;
	right:-14px;
	height:10px;
	width:10px;
	background-image:url(images/shadows/corners.png);
	background-position:top right;
}
span.shadow-bottom-left {
	bottom:-10px;
	left:-14px;
	height:10px;
	width:10px;
	background-image:url(images/shadows/corners.png);
	background-position:bottom left;
}
span.shadow-bottom-right {
	bottom:-10px;
	right:-14px;
	height:10px;
	width:10px;
	background-image:url(images/shadows/corners.png);
	background-position:bottom right;
}

body > header {
	height:175px;
	background-color:white;
}
body > header .description {
	position:absolute;
	top:20px;
	left:295px;
	font-size:30px;
	line-height:37px;
	letter-spacing:-0.4px;
	color:#780022;
	font-weight:normal;
}
body > header .description strong {
	display:block;
	font-size:41px;
	font-weight:normal;
	position:relative;
	top:-2px;
}

/* Header *****************/
body > header img {
	position:absolute;
	top:38px;
	left:7px;
}



/* Page navigation links *************/

body > nav > p.em {
	left:296px;
	position:absolute;
	text-align:center;
	top:139px;
	width:450px;
	font-size:18px;
	line-height:20px;
}
body > nav > p.em a {
	text-decoration:none;
	margin:0 10px;
}
body > nav > p.em a:hover {
	/*color:#780022;*/
	color:rgb(77, 95, 140);
}

body > nav {
	float:left;
	/*position:absolute;
	left:0;
	top:188px;*/
	width:164px;
	/*padding-left:2px;*/
	/*border-left:solid 4px white;*/
}
body > nav > ul {
	position:relative;
	text-transform:uppercase;
	font-weight:bold;
}
body > nav ul li.page-item-20 { /*FAQ*/
	text-transform:none;
}
body > nav ul li {
	position:relative;
	/*background-color:#780022;*/
}
body > nav li > a {
	background-color:#780022;
}
body > nav ul a {
	color:white !important;
	text-decoration:none;
	font-size:12px;
	padding-left:8px;
	display:block;
	height:32.25px;
	line-height:32.25px;
	
}
body > nav > ul:hover > li.current_page_item > a,
body > nav > ul:hover > li.current_page_ancestor > a,
body > nav > ul:hover > li.current_page_parent > a {
	background-color:#780022;
}

body > nav li.current_page_item > a,
body > nav li.current_page_ancestor > a,
body > nav li.current_page_parent > a	{
	background-color:#4A0016;
}
body > nav > ul > li.hover > a, /* needed for MSIE */
body > nav > ul > li:hover > a {
	background-color:#4A0016 !important;
}
body > nav ul a:hover {
	background-color:#4A0016;
}
body > nav > ul > li > a {
	position:relative;
	z-index:5;
}
body > nav > ul > li > ul > li > a {
	white-space:nowrap;
	overflow:hidden;
}
body > nav > ul > li > ul > li {
	
	/*filter:alpha(opacity=40);*/
	
	/*-webkit-transition-property:opacity;
	-webkit-transition-duration: 0.25s;
	-moz-transition-property:opacity;
	-moz-transition-duration: 0.25s;
	transition-property:opacity;
	transition-duration: 0.25s;*/
}
body > nav > ul > li > ul:hover > li {
	opacity:1.0;
}
body > nav > ul > li > ul > li:hover {
	opacity:1.0;
	/*filter:alpha(opacity=100);*/
}

body > nav > ul > li > ul {
	/*@ transition-rule @*/
	position:absolute;
	left:4px;
	top:0;
	opacity:0.0;
	
	border-left:solid 4px white;
	
	text-transform:none;
	width:156px;
	
	-webkit-transition-property:left, width, opacity;
	-webkit-transition-duration: 0.25s;
	-moz-transition-property:left, width, opacity;
	-moz-transition-duration: 0.25s;
	transition-property:left, width, opacity;
	transition-duration: 0.25s;
}
body > nav > ul > li:hover > ul {
	/*@ transition-rule @*/
	left:164px;
	top:0;
	z-index:3;
	width:220px;
	opacity:0.8;
}
body > nav > ul > li > ul:hover {
	/*@ transition-rule @*/
	opacity:1.0;
}

/** Sign Up Form *************/
aside#signUpArea {
	clear:left;
	float:left;
	/*position:absolute;
	top:511px;*/
	width:164px;
	background-color:#808FB4;
	color:white;
	border-top:solid 4px white;
}
aside#signUpArea form {
	/*padding-top:25px;*/
	padding-left:8px;
	padding-right:8px;
	padding-bottom:20px;
}
aside#signUpArea form dl {
	/*margin-top:-15px;*/
	margin-bottom:15px;
}
aside#signUpArea input {
	width:142px;
	margin-bottom:20px;
	height:15px;
	border:solid 1px white; /*rgb(77,95,140)*/
}
aside#signUpArea label {
	position:relative;
	top:34px;
}
aside#signUpArea label em {
	font-style:normal;
	text-transform:lowercase;
}
aside#signUpArea {
	text-transform:uppercase;
	font-size:12px;
	position:relative;
}
aside#signUpArea legend {
	font-size: 16px;
	font-style:italic;
	width:150px;
	text-transform:lowercase;
	display:block;
	
	position:relative;
	padding-top:25px;
	/*padding-bottom:18px;*/
}
aside#signUpArea legend b {
	text-transform:uppercase;
	font-style:normal;
	font-weight:normal;
}
aside#signUpArea legend b.so {
	display:block;
	margin-left:40px;
	white-space:normal;
	text-indent:-20px;
	width:100px;
	font-size:21px;
	font-weight:bold;
}
aside#signUpArea button {
	/*@ transition-rule @*/
	background-color:#808FB4;
	border:solid 4px white;
	width:100%;
	font-family:Georgia, serif;
	color:white;
	text-transform:uppercase;
	font-size:12px;
	vertical-align:middle;
	cursor:pointer;
	
	-webkit-transition-property:background-color;
	-webkit-transition-duration: 0.25s;
	-moz-transition-property:background-color;
	-moz-transition-duration: 0.25s;
	transition-property:background-color;
	transition-duration: 0.25s;
}
aside#signUpArea button:hover {
	/*@ transition-rule @*/
	background-color:rgb(77,95,140);
}
aside#signUpArea p.thanks
{
	/*@ transition-rule @*/
	text-align:center;
	text-transform:none;
	font-size:15px;
	line-height:17px;
	font-style:italic;
	opacity:1.0;
	height:auto;
	position:relative;
	
	-webkit-transition-property:opacity;
	-webkit-transition-duration: 1s;
	-moz-transition-property:opacity;
	-moz-transition-duration: 1s;
	transition-property:opacity;
	transition-duration: 1s;
}
aside#signUpArea p.thanks[hidden],
aside#signUpArea p.thanks.hidden {
	height:0;
	font-size:0;
	opacity:0.0;
	/*@ transition-rule @*/
}
/*aside#signUpArea p.thanks:not([hidden]) {
	opacity:1.0;
	height:auto;
}*/
article form input[type=text],
article form input[type=tel],
article form input[type=file],
article form input[type=email],
article form textarea {
	border:solid 1px #780022;
	padding:2px;
}

article form input:focus {
	border:solid 1px rgb(77,95,140);
}
input[type=text].invalid,
input[type=tel].invalid,
input[type=file].invalid,
input[type=email].invalid {
	background-color:#FFC0C0;
}
aside#signUpArea form.submitting {
	opacity:0.5;
	filter:alpha(opacity=50);
}
form.submitting,
form.submitting input {
	cursor:wait;
}
form.submitted {
	cursor:default;
}
form.submitted fieldset dl {
	display:none;
}
form.submitted fieldset + p.thanks {
	display:block !important;
}
form.submitted fieldset button {
	display:none;
}
article form *[required] {
	background-image:url(images/required.png);
	background-repeat:no-repeat;
	background-position:right center;
}
aside#signUpArea form fieldset dl {
	height:154px;
	/*opacity:1.0;*/
}
aside#signUpArea form.submitted button {
	visibility:hidden;
	display:block !important;
}
aside#signUpArea .form_error_message {
	text-transform:none;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

/*** Content ***************/

body > article {
	position:relative;
	width:772px; /*test*/
	/*margin-left:164px;*/
	/*margin-right:-164px;*/
	float:right;
	
	padding-left:19px;
	padding-right:15px;
	/*position:relative;*/
	background-color:white;
	
	/*This is a bit of a hack; see also body. This allows us to have two borders on the element.*/
	background-image:url(images/white-vertical-border.png);
	background-position:top left;
	background-repeat:repeat-y;
	
	border-left:164px solid #808FB4;
	margin-left:-164px;
	/*border-left:solid 4px white;*/
	/*border-bottom:solid 1px white;*/
	line-height:1.3em;
	color:#780022;
	font-size:13px;
}

body > article h1,
body > article h2,
body > article h3,
body > article h4,
body > article h5,
body > article h6,
body > article p,
body > article ul,
body > article ol {
	margin-top:1em;
	margin-bottom:1em;
}

body > article > h1:first-child,
body > article > h2:first-child {
	font-size:18px;
	text-transform:uppercase;
	padding-top:15px;
	margin-bottom:14px !important; /*probar*/
	margin-top:0 !important;
}

body > article > h1:first-child + p,
body > article > h1:first-child + ul,
body > article > h1:first-child + ol,
body > article > h2:first-child + p,
body > article > h2:first-child + ul,
body > article > h2:first-child + ol {
	margin-top:14px !important; /*probar*/
}
body > article > h1:first-child::before,
body > article > h2:first-child::before{
	content:"•} ";
}
body.single > article h1:first-child::before,
body.single > article h2:first-child::before{
	content:'';
}

body > article h3 {
	font-size:17px;
}
body > article h4 {
	font-size:16px;
	font-style:italic;
}
body > article h5 {
	font-size:15px;
	text-transform:uppercase;
}
body > article iframe.map {
	width:100%;
	height:300px;
}
/*body > article > *:first-child {*/
/*	margin-top:0 !important;*/
/*}*/
/*body > article > :first-child {
	margin-bottom:1em;
}*/

body > article ol ol,
body > article ol ul,
body > article ul ol,
body > article ul ul{
	margin-top:0;
	margin-bottom:0;
}
body > article h1 + p,
body > article h2 + p,
body > article h3 + p,
body > article h4 + p,
body > article h5 + p,
body > article h6 + p {
	margin-top:-0.75em;
}

body > article li {
	margin-left:30px;
	margin-top:.25em;
	margin-bottom:.25em;
}
body > article ul li {
	list-style:disc;
}
body > article ol li {
	list-style:decimal;
}
body > article li ul li {
	list-style:circle;
}
body > article li ol li {
	list-style:upper-alpha;
}
body > article li li ul li {
	list-style:square;
}
body > article li li ol li {
	list-style:lower-roman;
}

body.home > article {
	padding-left:4px;
	padding-right:0;
	/*width:802px;*/
	width:802px;
}
body.home section.splash {
	background-image:url(images/woman-smiling-in-bathtub-with-bubbles.jpg);
	background-repeat:no-repeat;
	/*background-position:4px top;*/
	/*padding-left:365px;*/
	padding-left:315px;
	height:535px;
}
body.home section.splash p.free-estimate,
body.home section.splash p.design-your-bath,
body.home section.splash p.examples,
body.home section.splash p.re-re-re {
	border-left:solid 4px white;
}
body.home section.splash p {
	background-color:#808FB4;
	border-top:solid 4px white;
	color:white;
	margin:0;
}
body.home section.splash p a {
	color:white;
	text-decoration:none;
}
body.home section.splash p:first-child {
	border-top:0;
}
body.home section.splash p.free-estimate {
	height:110px;
	position:relative;
}
body.home section.splash p.free-estimate a {
	/*@ transition-rule @*/
	display:block;
	width:100%;
	height:100%;
	text-shadow:0 0 10px #444;
	background-color:#808FB4;
	
	-webkit-transition-property:background-color, text-shadow;
	-webkit-transition-duration: 0.25s;
	-moz-transition-property:background-color, text-shadow;
	-moz-transition-duration: 0.25s;
	transition-property:background-color, text-shadow;
	transition-duration: 0.25s;
	
	/*-moz-behavior:url(#xbl-test);*/
}
body.home section.splash p.free-estimate a:hover {
	/*@ transition-rule @*/
	background-color:#4D5F8C;
	text-shadow:0 0 10px white;
}

body.home section.splash p.free-estimate a b.get {
	font-size:20px;
	line-height:1em;
	font-weight:normal;
	left:74px;
	position:absolute;
	top:23px;
}
body.home section.splash p.free-estimate a b.free-estimate {
	font-size:57px;
	line-height:1em;
	font-weight:normal;
	left:104px;
	position:absolute;
	top:41px;
}
body.home section.splash p.free-estimate a b.free-estimate::before {
	/*content:"➡ ";*/
	content:"••} ";
	
	/*position:absolute;
	left:-60px;
	text-shadow:none;
	text-indent:-60px;*/
	margin-left:-60px;
	font-size:50px;
	font-stretch:expanded;
}
body.home section.splash p.design-your-bath {
	height:151px;
	background-image:url(images/design-your-bath-background.jpg);
	background-position:top left;
	position:relative;
}
body.home section.splash p.design-your-bath:hover {
	background-position:bottom left;
}
body.home section.splash p.design-your-bath a {
	/*@ transition-rule @*/
	text-shadow:0 0 10px black;
	display:block;
	width:100%;
	height:100%;
	
	-webkit-transition-property:text-shadow;
	-webkit-transition-duration: 0.25s;
	-moz-transition-property:text-shadow;
	-moz-transition-duration: 0.25s;
	transition-property:text-shadow;
	transition-duration: 0.25s;
}
body.home section.splash p.design-your-bath:hover a {
	/*@ transition-rule @*/
	text-shadow:0 0 5px white;
}
body.home section.splash p.design-your-bath a b.design {
	position:absolute;
	left:96px;
	top:14px;
	font-size:40px;
	line-height:46px;
	text-align:right;
	font-weight:normal;
}
body.home section.splash p.design-your-bath a b.your {
	font-size:36px;
	font-weight:normal;
	left:146px;
	line-height:46px;
	position:absolute;
	text-align:right;
	top:52px;
}

body.home section.splash p.design-your-bath a b.bath {
	font-size:115px;
	line-height:1em;
	font-weight:normal;
	left:232px;
	position:absolute;
	top:35px;
}
body.home section.splash p.examples {
	height:166px;
	position:relative;
}

body.home section.splash p.examples img + img,
body.home section.splash p.examples img + span {
	border-left:solid 4px white;
}

body.home section.splash span.download-coupon {
	height:166px;
	width:223px;
	position:absolute;
	right:0;
	top:0;
}
body.home section.splash span.download-coupon a {
	/*@ transition-rule @*/
	display:block;
	width:100%;
	height:100%;
	text-shadow:0 0 10px #444;
	background-color:#808FB4;
	
	-webkit-transition-property:background-color, text-shadow;
	-webkit-transition-duration: 0.25s;
	-moz-transition-property:background-color, text-shadow;
	-moz-transition-duration: 0.25s;
	transition-property:background-color, text-shadow;
	transition-duration: 0.25s;
	
	/*-moz-behavior:url(#xbl-test);*/
}
body.home section.splash span.download-coupon a:hover {
	/*@ transition-rule @*/
	background-color:#4D5F8C;
	text-shadow:0 0 10px white;
}
body.home section.splash span.download-coupon a b.download {
	font-size:16px;
	line-height:1em;
	font-weight:normal;
	right:13px;
	position:absolute;
	top:46px;
	display:block;
}
body.home section.splash span.download-coupon a b.coupon {
	font-size:28px;
	line-height:1em;
	font-weight:normal;
	left:13px;
	position:absolute;
	top:75px;
}
body.home section.splash span.download-coupon a b.coupondetails {
	font-size:10px;
	line-height:1em;
	font-weight:normal;
	right:13px;
	position:absolute;
	top:140px;
}
body.home section.splash span.download-coupon a b.download::before {
	/*content:"➡ ";*/
	content:"••} ";
	
	/*position:absolute;*/
	/*left:-60px;*/
	/*text-shadow:none;*/
	/*float:left;*/
	/*text-indent:-60px;*/
	/*margin-left:-60px;
	font-size:20px;*/
	font-stretch:expanded;
}

body.home section.splash p.re-re-re {
	height:96px;
	line-height:96px;
	text-align:center;
	font-size:26px;
	
	text-shadow:0 0 10px white;
	/*-webkit-box-reflect:below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));*/
}

body.home > article #introduction {
	/*@ transition-rule @*/
	background-color:#780022;
	/*border-bottom:solid 1px #780022;*/
	color:white;
	/*margin-left:4px;*/
	padding-left:10px;
	padding-right:10px;
	border-top:solid 4px white;
	height:96px;
	
	-webkit-transition-property:background-color, color;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property:background-color, color;
	-moz-transition-duration: 0.5s;
	transition-property:background-color, color;
	transition-duration: 0.5s;
}
/*#introduction h1,*/
/*#introduction h2,*/
/*#introduction h3 {*/
/*	margin-top:1em;*/
/*	margin-bottom:1em;*/
/*}*/


body.home > article #introduction a.more {
	color:white;
}
body.home > article #introduction:target {
	/*@ transition-rule @*/
	background-color:white;
	color:#780022;
	height:auto;
}
body.home > article #introduction.target {
	/*@ transition-rule @*/
	background-color:white;
	color:#780022;
	height:auto;
}

/*body.home > article #introduction p:first-child ~ * { display:none; }*/
/*body.home > article #introduction p:first-of-type ~ * { display:none; }*/
/*body.home > article #introduction:target p:first-child ~ *,*/
/*body.home > article #introduction.target p:first-child ~ * {*/
/*	display:block;*/
/*}*/
/*body.home > article #introduction:target p:first-of-type ~ *,*/
/*body.home > article #introduction.target p:first-of-type ~ * {*/
/*	display:block;*/
/*}*/

body.home > article #introduction p ~ * { display:none; }
body.home > article #introduction:target p ~ * { display:block; }
body.home > article #introduction.target p ~ * { display:block; }


body.home > article #introduction:target a.more,
body.home > article #introduction.target a.more {
	display:none;
}


/*** Single *************/

body .hentry > footer {
	margin-top:-12px;
}
body .hentry > footer time {
	font-size:14px;
	font-style:italic;
}

article nav.paged,
body > .hentry > nav.next-previous {
	height:1em;
}
article nav.paged > a[rel=next],
body > .hentry > nav.next-previous > a[rel=next] {
	float:right;
}
article nav.paged > a[rel=previous],
body > .hentry > nav.next-previous > a[rel=previous] {
	float:left;
}
/*
body > .hentry > nav.next-previous > * {
	float:right;
}
body > .hentry > nav.next-previous > :first-child {
	float:left;
}


*/

/**** General Page Styles ***/
body > article > h1:first-child + p > img:first-child.alignright { /*Hero shot*/
	margin-right:-15px;
	margin-bottom:-4px;
	margin-top:-46px;
	border:0;
	border-left:solid 4px white;
	border-bottom:solid 4px white;
}
body.page-39 > article > h1:first-child + p > img:first-child.alignright {
	margin-bottom:10px;
}

/**** FAQ Page **************/
body.page-20 > article section {
	padding:8px;
}
body.page-20 > article section.target,
body.page-20 > article section:target {
	background-color:#EEE;
	
}
body.page-20 > article section.target p.top,
body.page-20 > article section:target p.top{
	display:block;
}
body.page-20 > article nav a:link,
body.page-20 > article nav a:visited {
	text-decoration:none;
}
body.page-20 > article nav a:hover {
	text-decoration:underline;
}
body.page-20 > article section p.top {
	display:none;
}

/** Locations Page ************/
body.page-10 > article section.vcard {
	padding:1px 10px;
	position:relative;
}
body.page-10 > article section.vcard .geo {
	display:none;
}
body.page-10 > article section.vcard .adr img {
	float:right;
	/*margin-top:-28px;*/
	border:solid 1px #780022;
	margin-left:10px;
	margin-bottom:10px;
	position:absolute;
	top:5px;
	right:5px;
}
body.page-10 > article section:target,
body.page-10 > article section.target {
	background-color:#EEE;
}
body.page-10 > article section h4 {
	font-style:normal;
	font-size:13px;
	margin-bottom:0.75em;
}
body.page-10 > article section.vcard a {
	text-decoration:none;
}
body.page-10 > article section.vcard a:hover {
	text-decoration:underline;
}

/** Free Estimate page ********************/
article dd input[type='text'],
article dd input[type='tel'],
article dd input[type='email'],
article dd textarea {
	width:100%;
}
.form_error_message {
	color:red;
	font-weight:bold;
}
article form legend {
	display:none;
}
article form dt {
	margin-bottom:3px;
	font-weight:bold;
}
article form dd {
	margin-bottom:1em;
	margin-left:1em;
}
article form textarea {
	font-family:sans-serif;
	font-size:13px;
}

/** Testimonials page ******************/
body.page-18 > article blockquote address {
	display:block;
	margin-top:-0.5em;
	font-weight:bold;
	margin-left:500px;
}
body.page-18 > article blockquote {
	margin-bottom:1.5em;
}
body.page-18 > article blockquote p {
	font-style:italic;
}
/*** Before and After Gallery page ******************/

.page-before-and-after-gallery {
	padding-bottom:0 !important;
	background-color:#4D5F8C !important;
}

.before-and-after-gallery {
    color:white;
	border-top:solid 4px white;
    background-color:#808FB4;
	clear:both;
	margin-left:-15px;
	margin-right:-15px;
	padding-left:15px;
	padding-right:15px;
    padding-bottom:15px;
}

.custom-before-and-after-gallery {
	background-color:#808FB4 !important;
	padding-top:1em;
	padding-bottom:1em;
}
.custom-before-and-after-gallery p img {
	margin:0 !important;
}
.custom-before-and-after-gallery p,
.custom-before-and-after-gallery h3 {
	width:537px;
	margin-top:0.2em !important;
	margin-bottom:0.2em !important;
	margin-left:auto;
	margin-right:auto;
}
.custom-before-and-after-gallery h3 {
	margin-top:0.5em !important;
}
.custom-before-and-after-gallery p + p {
	margin-top:1em !important;
}

.before-and-after-gallery h3 {
    text-transform:uppercase;
}
.before-and-after-gallery h3:before {
	content:"•} ";
}
.before-and-after-gallery img {
	border:solid 4px white;
	margin-right:15px;
	margin-bottom:15px;
}
.before-and-after-gallery {
    background-color:#4D5F8C;
}
.before-and-after-gallery a:hover > img {
	border-color:white !important;
}

/*** Product page *******************/
body.parent-page-8,
body.parent-page-8 > article {
	/*background-color:rgb(77,95,140);*/
	background-color:#808FB4;
}
body.parent-page-8 > article {
	/*padding-right:0;
	padding-left:0;
	width:806px;*/
}
body.parent-page-8 > article {
	color:white;
	/*padding-top:15px;*/
	padding-bottom:15px;
	/*padding-bottom:0px;*/
}
body.parent-page-8 > article a{
	color:white;
}
body.parent-page-8 > article a:hover {
	color:#780022;
}
body.page-31 > article > p {
	width:390px;
}
body.parent-page-8 > article > p img {
	border:solid 4px white;
}
body.parent-page-8 > article section.description {
	float:left;
	width:390px;
}
/*body.parent-page-8 > article section.description p:first-child {*/
/*	margin-top:0;*/
/*}*/
body.parent-page-8 > article section.images.styles {
	float:right;
	width:370px;
	text-align:center;
	margin-top:-15px;
}
body.parent-page-8 > article section.images.styles h3 {
	margin-top:0;
	margin-bottom:30px;
}
body.parent-page-8 > article section.images.styles img {
	display:block;
	margin-bottom:12px;
}
article.page-31 {
	background-color:rgb(77,95,140);
}
body.parent-page-8 > article section.images.colors,
body.parent-page-8 > article section.images.tiles {
	clear:both;
	text-transform:uppercase;
	border-top:solid 4px white;
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:-15px;
	padding-left:15px;
	padding-right:15px;
	min-height:205px; /* becuase IE7 needs contents floated */
}
body.parent-page-8 > article section.images.colors {
	background-color:rgb(77,95,140);
}
body.page-33 > article section.images.colors {
	min-height:315px;
	margin-bottom:0;
	/*padding-right:150px;*/
}

body.parent-page-8 > article section.images.colors h3,
body.parent-page-8 > article section.images.tiles h3{
	margin-bottom:0;
	padding-bottom:15px; /*Needed by Safari 3*/
}
body.parent-page-8 > article section.images.styles p {
	display:inline-block;
	margin:0 0 30px 10px;
	height:120px;
	text-align:center;
	float:left; /*for IE 7*/
	font-weight:bold;
	text-transform:uppercase;
}
body.parent-page-8 > article section.images.colors p,
body.parent-page-8 > article section.images.tiles p{
	display:inline-block;
	float:left; /*for IE 7*/
	text-align:center;
	width:92px;
	vertical-align:top;
	margin:0;
	margin-right:35px;
	margin-bottom:15px;
	font-weight:bold;
	text-transform:uppercase;
}
body.page-31 > article section.images.colors p {
	width:86px;
	margin-right:10px;
}
body.parent-page-8 > article section.images.colors img,
body.parent-page-8 > article section.images.tiles img{
	border:solid 1px white;
	margin-bottom:4px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
body.parent-page-8 > article section.images.steps {
	/*text-align:justify;*/
	text-align:center;
	margin-top:3em;
}
body.parent-page-8 > article section.images.steps img {
	border:solid 4px white;
}
body.parent-page-8 > article section.images.steps.count-3 img {
	margin-left:100px;
}
body.parent-page-8 > article section.images.steps.count-4 img {
	margin-left:20px;
}

body.parent-page-8 > article section.images.steps img:first-child,
body.parent-page-8 > article section.images.steps h3:first-child + img{
	margin-left:0;
}
body.parent-page-8  > article .images.misc p,
body.parent-page-8  > article .images.safety p,
body.parent-page-8  > article .images.shower-door p{
	float:left;
	text-align:center;
	margin-right:10px;
	width:140px;
	margin-top:0;
	margin-bottom:30px;
}
body.parent-page-8  > article .images.misc p.wp-image-208 ~ p {
	margin-top:-180px;
}
body.parent-page-8  > article .images.misc p img,
body.parent-page-8  > article .images.safety p img,
body.parent-page-8  > article .images.shower-door p img{
	display:block;
	text-align:center;
	margin-bottom:3px;
	border:solid 3px white;
	margin-left:auto;
	margin-right:auto;
}
body.parent-page-8  > article > div.safety {
	border-top:solid 4px white;

	clear:both;
	margin-left:-15px;
	margin-right:-15px;
	padding-left:15px;
	padding-right:15px;
}
body.parent-page-8  > article > div.shower-door {
	border-top:solid 4px white;
	
	clear:both;
	margin-left:-15px;
	margin-right:-15px;
	padding-left:15px;
	padding-right:15px;
}

/*** Events page ******/
body.page-89 {
	background-color:#780022;
}
body.page-89 > article {
	background-color:#808FB4;
}
body.page-89 > article {
	color:white;
	
}
body.page-89 > article h3.ticket-offer {
	border-top:solid 4px white;
	padding-top:15px;
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:0;
	padding-left:15px;
	padding-right:15px;
	background-color:#780022;
	clear:both;
}
body.page-89 > article h3.ticket-offer ~ p {
	background-color:#780022;
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
}
body.page-89 > article h3.ticket-offer + p {
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:0;
	margin-top:0;
	padding-left:15px;
	padding-right:15px;
	background-color:#780022;;
}
body.page-89 > article img {
	border:solid 4px white;
}
body.page-89 > article a {
	color:white;
}
body.page-89 > article a:hover {
	color:#4A0016;
}

/** Our Process page **********/
body.page-87 table tbody td {
	border-top:solid 1px #ddd;
}
body.page-87 table th,
body.page-87 table td {
	border-left:solid 1px #ddd;
}
body.page-87 table tr *:first-child {
	border-left:none;
}

body.page-87 table th {
	
}
body.page-87 table th {
	width:33%;
	padding-bottom:5px;
}
body.page-87 table td {
	vertical-align:top;
	padding:3px 5px;
	border-color:#DDD;
}
body.page-87 table {
	border-color:#999;
}

/*** Design Your Bath **********/
/*body.page-14 > article > h2:first-child {
	text-transform:none;
}
body.page-14 > article > h2:first-child::before {
	content:"";
}*/
body.page-14 > article {
	color:rgb(77,95,140);
}

body.page-14 > article p.call-to-action {
	position:relative;
	margin-left:80px;
	padding-top:118px;
}
body.page-14 > article p.call-to-action > a {
	color:rgb(77,95,140);
	text-decoration:none;
}
body.page-14 > article p.call-to-action img {
	position:absolute;
	top:0;
	right:0;
}
body.page-14 > article p.call-to-action > a span.ln1,
body.page-14 > article p.call-to-action > a span.ln2,
body.page-14 > article p.call-to-action > a span.ln3,
body.page-14 > article p.call-to-action > a span.ln4 {
	display:block;
}
body.page-14 > article p.call-to-action > a span.ln1,
body.page-14 > article p.call-to-action > a span.ln3 {
	font-size:15px;
	line-height:19px;
}
body.page-14 > article p.call-to-action > a span.ln2,
body.page-14 > article p.call-to-action > a span.ln4 {
	font-size:22px;
	line-height:24px;
}
body.page-14 > article p.call-to-action > a span.arrow {
	position:absolute;
	font-size:100px;
	line-height:100px;
	top:106px;
	right:400px;
}
body.page-14 > article p.call-to-action a:hover {
	color:#4A0016;
}

/* Foooter *****************/

body > footer {
	/*border-bottom:solid 4px white;
	border-left:solid 4px white;
	border-right:solid 4px white;*/
	clear:both;
	background-color:#DDD;
	background-image:url(images/1-800-bathtub.png);
	background-repeat:no-repeat;
	background-position:7px center;
	height:90px;
	border-top:solid 4px white;
	border-bottom:solid 4px white;
}
body > footer p.counties {
	text-align:center;
	text-transform:uppercase;
	padding-top:35px;
	margin-bottom:7px;
	margin-left:160px;
	margin-right:100px;
	color:#780022;
}
body > footer > ul {
	margin-left:160px;
	margin-right:100px;
	text-align:center;
	text-transform:uppercase;
	font-size:10px;
	line-height:10px;
}
body > footer > ul li {
	display:inline;
	border-left:solid 1px #780022;
	padding-left:5px;
	padding-right:5px;
}
body > footer > ul li:first-child {
	border-left:none;
}
body > footer > ul li a {
	text-decoration:none;
	white-space:nowrap;
}
body > footer > ul li a:hover {
	text-decoration:underline;
}


body > footer .adr .locality,
body > footer .adr .region,
body > footer .adr .postal-code,
body > footer .vcard br {
	display:none;
}
body > footer > .vcard > .tel {
	display:block;
	text-indent:-1000px;
	color:rgba(0,0,0,0.0);
	font-size:0;
	
	width:153px;
	height:35px;
	background-image:url(images/1-800-bathtub.png);
	
	position:absolute;
	top:18px;
	right:16px;
}
body > footer > .vcard > .credits + br,
body > footer > .vcard > .ccb + br,
body > footer > .vcard > .tel + br,
body > footer > .vcard > .email {
	display:none;
}
body > footer .locations {
	text-transform:uppercase;
	font-size:12px;
	width:160px;
}
body > footer .vcard {
	display:block;
}
body > footer .vcard a {
	text-decoration:none;
}
body > footer .locations .adr > a{
	color:rgba(255,255,255,0.0) !important;
	color:white;
	display:block;
	padding-bottom:5px;
}
body > footer .vcard .ccb {
	color:#666;
	position:absolute;
	left:0;
	bottom:-20px;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
}
body > footer .locations .adr * {
	color:#780022;
}
body > footer .locations .adr .geo,
body > footer .locations .vcard .tel {
	display:none;
}
body > footer .locations .vcard:first-child .tel {
	display:inline;
	position:absolute;
	top:-24px;
	left:3px;
	color:#780022;
}
body > footer .locations .vcard:first-child .tel::before {
	content:"Local # ";
}
body > footer .locations {
	position:absolute;
	top:81px;
	right:5px;
}
body > footer .locations .vcard {
	display:block;
	margin-bottom:8px;
}
body > footer .locations .vcard .org {
	white-space:nowrap;
}
body > footer .locations sup {
	vertical-align:text-top;
	font-size:8px;
}
#follow-us {
	font-size:12px;
	position:absolute;
	right:5px;
	top:153px;
	width:160px;
}
#follow-us img {
	vertical-align:middle;
}
a[href^="tel:"],
a[href^="fax:"],
.vcard a.tel,
.vcard a.fax {
	cursor:text;
	text-decoration:none !important;
	color:#780022;
}

body > footer img.duck {
	position:absolute;
	bottom:18px;
	right:25px;
}
body > footer .credits {
	position:absolute;
	bottom:-20px;
	right:0;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
	color:#666;
}
body > footer .credits a:link,
body > footer .credits a:visited {
	color:#666;
}
body > footer .credits a[rel=made]:hover {
	text-decoration:underline;
}
body > article > .clear {
	clear:both; display:block; margin:0; height:0; border:0; padding:0; visibility:hidden;
	/*margin-bottom:-16px;*/ /*For MSIE 7*/
	height:1px;
	margin-bottom:-1px;
}



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	/*position: fixed;*/
	/*position: fixed;*/
	/*margin-right:-1000px;*/
	/*margin-left:-1000px;*/
	top: 0;
	left:0;
	right:0;
	bottom:0;
	z-index: 90;
	width: auto;
	height: 500px;
	display:none !important;
}
#jquery-lightbox {
	display:block !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}