/*GLOBAL STYLE SHEET FOR www.the-tanneries-abingdon.co.uk */
/* LAST EDITED: PETER COX */

/* tanneries-global.css v2.1 (14.04.10) */
/* W3C validated 12.07.09 */



/* zero everything from browser defaults */
html, body, /*ul,*/ ol, /*li,*/ p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, td, tr, blockquote q { 
margin: 0; 
padding: 0; 
border: 0;
outline:0;
}

/* Force the display of right-hand scroll bar on every page */
html { min-height: 100%; margin-bottom: 1px; 
	}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#000;
	background-color:#000;
	background-image:url(/images/gif/floral.gif);
	background-repeat:repeat-y;
	background-position:425px -25px;
	/*text-align:center;*/
	}
	
body.accessibility  {
	/*background-image:none;*/
	z-index:-4;
	}
	
#skipLink {
	position:absolute;
	left:-9999px;
	text-indent:-9999px;
	}

	
#titlesFlag {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:600px;
	background-color:#666666;
	z-index:-1;
		}

#outerWrapper {
	width:950px;
	margin:auto;
	/*border:1px dotted white;*/
	}

#leftImage {
	float:left;
	position:relative;
	margin-left:-280px;
	width:500px;
	height:700px;
	padding-top:10px;
	text-align:right;
	/*border:1px dotted red;*/
	}
	
.index #leftImage {
	background-image:url(/images/jpg/bridge-30.jpg);
	background-repeat:no-repeat;
	}	
.types #leftImage {
	background-image:url(/images/jpg/kitchen2-30.jpg);
	background-repeat:no-repeat;
	background-position:-45px 0;
	height:750px;
	}
	
.styles #leftImage {
	background-image:url(/images/jpg/dining-30.jpg);
	background-repeat:no-repeat;
	height:750px;
	}
	
.location #leftImage {
	background-image:url(/images/jpg/barge-30.jpg);
	background-repeat:no-repeat;
	height:1000px;
	}
.prices #leftImage {
	background-image:url(/images/jpg/mirror-int-30.jpg);
	background-repeat:no-repeat;
	height:800px;
	}
.finance #leftImage {
	background-image:url(/images/jpg/park-30.jpg);
	background-repeat:no-repeat;
	}
.register #leftImage {
	background-image:url(/images/jpg/coffee-30.jpg);
	background-repeat:no-repeat;
	}

#blackFade { /* IE6 transfix */
	position:absolute;
	height:108px;
	width:100%;
	bottom:0;
	right:0;
	background-image:url(/images/png/black-fade.png);
	/*border:1px dotted red;*/
	}

#headLogo {
	float:right;
	clear:both;
	/*border:1px dotted red;*/
	}	
	
ul#typeNav { /* IE 6 conditional */
	float:right;
	clear:both;
	width:200px;
	font-weight:bold;
	color:#000000;
	margin-top:0;
	margin-right:20px;
	margin-bottom:5px;
	list-style-type:none;
	font-size:1.1em;
	height:auto;
	background-color:transparent;
	/*border:1px dotted aqua;*/
	}

ul#typeNav li {
	width:200px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding:4px;
	margin-bottom:7px;
	/*border:1px dotted red;*/
	/*border-right:1px solid #CCCC99;*/
	background-color:#c49b50;
	/*border:1px dotted black;*/
	}

ul#typeNav li a {
	display:block;
	/*width:200px;*/
	color:#000000;
	text-decoration:none;
	/*border:1px dotted black;*/
	}
	
ul#typeNav li a:hover, ul#typeNav li a:focus {
	/*width:200px;*/
	/*padding:4px;*/
	color:#CCCC99;
	text-decoration:none;
	background-color:#000000;
	}
	
	
	
#picBlock { /* IE6 conditional */
	float:right;
	clear:both;
	width:100px;
	margin-right:62px;
	/*border:1px dashed white;*/
	}
	
#picBlock img {
	float:left;
	margin-top:15px;
	border:1px solid #c49b50;
	}
	

#rightWrapper {
	float:right;
	width:720px;
	padding-bottom:20px;
	/*min-height:500px;*/
	/*border:1px dotted aqua;*/
	}

h1 {
	float:left;
	clear:both;
	width:388px;
	width:100%;
	height:58px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.0em;
	/*margin-bottom:2.0em;*/
	/*margin-bottom:-15px;*/
	margin-bottom:20px;
	color:#000000;
	text-align:center;
	text-align:left;
	text-indent:-9999px;
	/*background-image:url(/images/png/abingdon-oxfordshire.png);
	background-position:50px 0;
	background-repeat:no-repeat;*/
	/*border:1px dashed red;*/
	}

#h1Holder {
	float:left;
	clear:both;
	width:388px;
	width:100%;
	height:58px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.0em;
	/*margin-bottom:2.0em;*/
	/*margin-bottom:-15px;*/
	margin-bottom:20px;
	color:#000000;
	text-align:center;
	text-align:left;
	text-indent:-9999px;
	/*background-image:url(/images/png/abingdon-oxfordshire.png);
	background-position:50px 0;
	background-repeat:no-repeat;*/
	/*border:1px dashed red;*/
	}

.types h1.fourBedHouse, .styles h1.fourBedHouse {
	background-image:url(/images/png/four-bed-houses.png);
	background-position:50px 0;
	background-repeat:no-repeat;
	}
.types h1.threeBedHouse, .styles h1.threeBedHouse {
	background-image:url(/images/png/three-bed-houses.png);
	background-position:50px 0;
	background-repeat:no-repeat;
	}
.types h1.twoBedAppt, .styles h1.twoBedAppt {
	background-image:url(/images/png/two-bed-appts.png);
	background-position:50px 0;
	background-repeat:no-repeat;
	}	
	
.index h1 {
	position:relative;
	top:-20px;
	margin:0;
	margin-bottom:-50px;
	background-image:url(/images/png/indexTitle.png);
	background-position:0 0;
	background-repeat:no-repeat;
	border:0px dotted fuchsia;
	}

#indexCol1 { /* IE6 conditional */
	float:left;
	width:270px;
	margin-right:20px;
	margin-top:15px;
	color:#ffffff;
	font-size:1.1em;
	line-height:1.5em;
	}

#indexPlan { /* IE6 transfix */
	float:right;
	margin-top:15px;
	margin-right:30px;
	}
	
#indexCol2 { 
	float:left;
	width:270px;
	margin-top:15px;
	color:#ffffff;
	font-size:1.1em;
	line-height:1.5em;
	}
	
a img#indexBro { /* IE6 tranfix */
	position:relative;
	top:-10px;
	left:-10px;
	width:161px;
	height:90px;
	border:0;
	}

#brochureBox a, #brochureBox a:visited, #brochureBox a:active{
	color:#c49b50;
	text-decoration:none;
	}	
#brochureBox a:hover, #brochureBox a:focus {
	color:#ffffff;
	}
	
a.indexLink, a.indexLink:visited, a.indexLink:active  {
	color:#c49b50;
	text-decoration:none;
	}
a.indexLink:hover, a.indexLink:focus  {
	color:#ffffff;
	}
	
a.indexLinkb, a.indexLinkb:visited, a.indexLinkb:active  {
	/*color:#c49b50;*/
	color:#966A3F;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	}
a.indexLinkb:hover, a.indexLinkb:focus  {
	color:#000000;
	}
	
.location h1 {
	background-image:url(/images/png/abingdon-oxfordshire.png);
	background-position:50px 0;
	background-repeat:no-repeat;
	}	
.prices h1 {
	background-image:url(/images/png/prices.png);
	background-position:50px 0;
	background-repeat:no-repeat;
	}
.finance h1 {
	background-image:url(/images/png/options.png);
	background-position:50px 0;
	background-repeat:no-repeat;
	}
.register h1 {
	background-image:url(/images/png/register.png);
	background-position:50px 0;
	background-repeat:no-repeat;
	}
.accessibility #h1Holder {
	display:block;
	background-image:url(/images/png/accessibility.png);
	background-position:50px 0;
	background-repeat:no-repeat;
	z-index:-5;
	}
.accessibility #h1 {
	width:1px;
	height:1px;
	display:block;
	z-index:-5;
	}
.tou h1 {
	background-image:url(/images/png/termsofuse.png);
	background-position:50px 0;
	background-repeat:no-repeat;
	}
.privacy h1 {
	background-image:url(/images/png/privacy.png);
	background-position:50px 0;
	background-repeat:no-repeat;
	}	


h2 {
	float:left;
	color:#ffffff;
	font-size:1.2em;
	margin-left:110px;
	width:100%;
	margin-bottom:15px;
	font-weight:normal;
	}
	
h3 {
	float:left;
	color:#ffffff;
	font-size:1.2em;
	margin-left:110px;
	width:100%;
	}
	
	

#picRow { /* Index page horizontal images */
	position:relative;
	float:left;
	margin-top:14px;
	}
	
#picRow	img:first-child  {
	width:140px;
	border:2px solid #c49b50;;
	}
#picRow	img {
	width:140px;
	border:2px solid #c49b50;
	border-left:0;
	}
	
#picCol {
	float:right;
	width:140px;
	margin-right:12px;
	}
#picCol	img {
	/*float:right;*/
	width:140px;
	border:2px solid #c49b50;
	border-top:0;
	margin-top:-2px; /* may required IE conditional */
	}
	
.index p.intro {
	float:left;
	border:1px dotted red;
	}
	


a.optionsLink, a.optionsLink:visited, a.optionsLink:active {
	color:#D0AE6E;
	text-decoration:none;
	border-bottom:1px dotted #C49B50;
	}
a.optionsLink:hover, a.optionsLink:focus {
	color:#ffffff;
	}




	
	
.tou p {
	clear:left;
	}	

#tou ul {
	color:#ffffff;
	margin-left:130px;
	font-size:1.2em;
	line-height:1.4em;
	}
	
	
	


#headSpace {
	float:left;
	width:100%;
	height:77px;
	background-color:transparent;
	text-align:center;
	/*border:1px dashed red;*/
	}
	
#banner {
	position:relative;
	margin-top:8px;
	left:-10px;
	width:570px;
	}

ul#mainNav {
	float:left;
	clear:both;
	width:710px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	/*font-family:Arial, Helvetica, sans-serif;*/
	text-transform:uppercase;
	font-weight:bold;
	/*font-stretch:expanded;*/
	color:#000000;
	margin-top:-10px;
	margin-bottom:30px;
	margin-left:0;
	list-style-type:none;
	font-size:1.1em;
	line-height:2.0em;
	height:auto;
	padding-left:5px;
	/*background-color:#c49b50;*/
	/*border:1px dotted aqua;*/
	}

ul#mainNav li {
	float:left;
	padding-left:11px;
	padding-right:35px;
	/*border:1px dotted red;*/
	/*border-right:1px solid #CCCC99;*/
	background-image:url(/images/gif/navbar-bg.gif);
	background-repeat:repeat-x;
	background-position:0 0.2em;
	}
	
.index ul#mainNav li.type, .types ul#mainNav li.type, .styles ul#mainNav li.type, .location ul#mainNav li.type, .prices ul#mainNav li.type, .finance ul#mainNav li.type, .register ul#mainNav li.type, .accessibility ul#mainNav li.type, .tou ul#mainNav li.type, .privacy ul#mainNav li.type {
	/*visibility:hidden;*/
	display:none;
	}

ul#mainNav li a {
	color:#000000;
	text-decoration:none;
	}
	
ul#mainNav li a:hover, ul#mainNav li a:focus {
	color:#CCCC99;
	text-decoration:none;
	}

ul#mainNav li .hide {
	position:relative;
	float:none;
	width:27px;
	height:37px;
	margin-top:-28px;
	left:-35px;
	background-image:url(/images/png/navhide.png);
	background-repeat:no-repeat;
	background-position:0 0;
	/*border:1px dotted aqua;*/
	}
	
	
ul.styleNav {
	float:left;
	width:80%;
	list-style-type:none;
	/*border:	1px solid #c49b50;*/
	padding:10px;
	font-style:italic;
	margin-top:-30px;
	margin-left:40px; 
	}
ul.styleNav li {
	float:left;
	padding-right:15px;
	}
ul.styleNav li a {
	color:#c49b50;
	text-decoration:none;
	}
ul.styleNav li a:hover, ul.styleNav li a:focus {
	color:#ffffff;
	}
	

ul.specs {
	float:left;
	list-style-type:disc;
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.5em;
	padding-left:20px;
	margin-left:50px;
	margin-bottom:15px;
	/*border:1px dotted white;*/
	}
	



	

#mainPlan {
	float:left;
	/*clear:both;*/
	z-index:2;
	margin-top:30px;
	/*border:1px dotted white;*/
	}
	
#corner {
	width:1px;
	height:1px;
	}
	
#mainPlan img#sitePlan {
	float:left;
	width:720px;
	height:524px;
	z-index:1;
	margin-top:2.0em
	}
	
#mainPlan2 {
	/*float:left;*/
	position:relative;
	/*top:-50px;*/
	top:0;
	left:0;
	/*clear:both;*/
	width:720px; /* IE conditional */
	height:524px;
	/*padding-top:50px;*/
	z-index:3;
	/*border:1px dotted yellow;*/
	}

#mainPlan a, #mainPlan a:visited, #mainPlan a:active {
	color:#c49b50;
	text-decoration:none;
	}
#mainPlan a:hover, #mainPlan a:focus {
	color:#ffffff;
	}

.plotListWrapper {
	position:relative;
	width:155px;
	color:#c49b50;
	background-color:transparent;
	z-index:4;
	/*border:1px dotted red;*/
	}

#plots1to6.plotListWrapper  {
	top:-40px;
	left:30px;
	/*border:1px dotted red;*/
	}	
#plots8to13.plotListWrapper  {
	top:-145px;
	left:200px;
	/*border:1px dotted red;*/
	}
#plots16to22.plotListWrapper  {
	top:-245px;
	left:370px;
	/*border:1px dotted red;*/
	}
	
#plots23to26.plotListWrapper  {
	top:-335px;
	left:540px;
	/*border:1px dotted red;*/
	}
#plots27to33.plotListWrapper  {
	top:-190px;
	left:420px;
	/*border:1px dotted red;*/
	}
#plots44to50.plotListWrapper  {
	top:-285px;
	/*margin-bottom:-285px;*/
	left:200px;
	/*border:1px dotted red;*/
	}
#plots51to65.plotListWrapper  {
	top:-475px;
	/*margin-bottom:-475px;*/
	left:30px;
	/*border:1px dotted red;*/
	}


ul.plotList {
	list-style-type:none;
	margin-left:0;
	width:155px;
	color:#c49b50;
	font-size:0.9em;
	line-height:1.4em;
	/*background-color:#000000;*/
	background-image:url(/images/png/70transk.png);
	background-repeat:repeat;
	border:1px solid #c49b50;
	z-index:4;
	margin-top:0;
	margin-bottom:0;
	/*padding-top:5px;*/
	padding-bottom:5px;
	/*margin-top:-50px;*/
	}
ul.plotList li.plots {	
	display:block;
	width:145px;
	margin-left:5px;
	padding-top:5px;
	padding-right:0;
	padding-bottom:5px;
	margin-bottom:2px;
	color:#c49b50;
	font-size:1.1em;
	font-weight:bold;
	background-color:transparent;
	border-bottom:1px dotted #c49b50;
	}

ul.plotList li a, ul.plotList li a:visited, ul.plotList li a:active {	
	display:block;
	width:145px;
	padding:2px;
	padding-left:5px;
	text-decoration:none;
	color:#c49b50;
	background-color:transparent;
	}
ul.plotList li a:hover, ul.plotList li a:focus  {	
	color:#ffffff;
	background-color:#000000;
	}


	


p {
	width:500px;
	/*font-size:0.85em;*/
	line-height:1.5em;
	margin:auto;
	margin-top:15px;
	}
	
p {
	font-size:1.2em;
	color:#fff;
	}
	
p.intro {
	color:#fff;
	}

.styleTypeWrapper {
	float:right;
	width:100%;
	font-size:2.0em;
	padding-bottom:15px;
	border-bottom:1px solid #c49b50;
	margin-bottom:15px;
	/*border:1px dotted magenta;*/
	}

	
.styleTypeWrapper img {
	float:left;
	}
	
.styleTypeWrapper a, .styleTypeWrapper a:visited, .styleTypeWrapper a:active {
	float:left;
	color:#c49b50;
	text-decoration:none;
	}
.styleTypeWrapper a:hover, .styleTypeWrapper a:focus {	
	color:#ffffff;
	}


.styleTypeWrapper p {
	float:right;
	width:350px;
	font-size:0.7em;
	/*border:1px dotted white;*/
	}	



.picPlotTab {
	position:relative;
	width:120px;
	top:5px;
	top:-130px;
	margin-left:5px;
	background-image:url(/images/png/50transwh.png);
	padding-left:5px;
	padding-right:5px;
	margin-top:-1px;
	/*border:1px dotted lime;*/
	}



.styleWrapper {
	float:right;
	width:670px;
	/*border:1px dotted white;*/
	}

p.styleSelected { /* IE6 conditional */
	 float:left;
	 font-size:2.4em;
	 margin-left:370px;
	 }
	
#styleWrapperLeft {
	float:left;
	width:265px;
	padding-bottom:20px;
	/*border:1px dotted yellow;*/
	}
	
.styleWrapper img { /* the interior 3D images */
	float:left;
	width:260px;
	margin-top:5px;
	margin-bottom:30px;
	/*border:1px solid red;*/
	}
	
.styleWrapper p {
	float:right;
	width:350px;
	margin-top:0;
	margin-bottom:10px;
	/*border:1px dashed aqua;*/
	}

.styleDescWrapper {
	float:left;
	max-width:530px;
	/*border:1px dotted yellow;*/
	}
	
.styleType {
	font-size:0.9em;
	float:left;
	clear:right;
	text-align:left;
	width:530px;
	/*border:1px dotted lime;*/
	}

p.diffDesc {
	float:left;
	clear:left;
	/*width:auto;*/
	/*max-width:550px;*/
	font-size:0.65em;
	width:530px;
	/*border:1px dotted lime;*/
	}
	
	
a.specLink, a.specLink:visited, a.specLink:active {
	font-size:0.9em;
	font-style:italic;
	color:#c49b50;
	text-decoration:none;
	}
	
a.specLink:hover, a.specLink:focus {
 	color:#ffffff;
	}
	

#groundFloor, #firstFloor, #secondFloor {
	color:#c49b50;
	/*border:1px dotted lime;*/
	}
	
img.planArrow {
	float:none;
	margin:0;
	display:inline;
	position:relative;
	left:7px;
	top:6px;
	width:6px;
	height:12px;
	}
	
p.contact {
	float:left;
	width:90%;
	color:#c49b50;
	}




#roomDims {
	float:left;
	border-collapse:collapse;
	width:250px;
	border:1px solid #c48b50;
	color:#c48b50;
	background-color:#000000;
	}
#roomDims tfoot {
	padding:5px;
	}

#roomDims th {
	border:1px solid #c49b50;
	}

#roomDims td {
	padding:4px;
	border-top:1px dotted #663333;
	}

#styleWrapperRight {
	float:right;
	width:340px;
	margin-right:10px;
	padding-bottom:20px;
	/*border:1px dotted lime;*/
	}
	
p.specTitle { /* IE7 conditional */
	position:relative;
	color:#c49b50;
	left:10px;
	 }

#prices {
	position:relative;
	float:left;
	color:#ffffff;
	border-collapse:collapse;
	width:550px;
	/*margin-left:80px;*/
	left:80px;
	/*margin:auto;*/
	border:1px solid #c49b50;
	margin-bottom:40px;
	}
	
#prices caption {
  caption-side: top; /* IE will only display at top */
  color:#c49b50;
  font-size: 0.9em;
  font-style: italic;
  text-align: left;
  padding: 0.5em 0;
  /*margin-left:80px;*/
  /*display:none;*/
	}
		
#prices thead {
	color:#c49b50;
	}
	
#prices tbody {
	color:#ffffff;
	}
	
#prices th {
	border:1px solid #c49b50;
	}
/*tr:first-child {
	border-top:0px dotted #c49b50;
	}*/
/*tr {
	border-top:1px dotted #c49b50;
	}*/	
#prices td {
	padding:4px;
	border-top:1px dotted #663333;
	}
	
#prices tfoot {
	color:#666666;
	border:1px solid #c49b50;
	}

#mapContainer {
	float:left;
	width:573px;
	height:373px;
	overflow:hidden;
	margin-top:30px;
	margin-left:80px;
	margin-bottom:40px;
	border:2px solid #c49b50;
	}


iframe {
	float:left;
	width:582px;
	height:435px;
	margin-left:-4px;
	margin-top:-4px;
	}


form{
	width:600px;
	}
	
fieldset {
	width:100%;
	float:left;
	clear:both;
	text-align:right;
	vertical-align:top;
	}

fieldset.checkbox {
	width:361px;
	margin-left:235px;
	text-align:left;
	margin-top:20px;
	margin-bottom:10px;
	border:0px dotted aqua;
	}


label {
	width:290px;
	color:#ffffff;
	vertical-align:top;
	}

input {
	width:361px;
	margin-left:10px;
	background-image:url(/images/gif/formbg.gif);
	border-color:#c49b50;
	}
	
textarea {
	background-image:url(/images/gif/formbg.gif);
	border-color:#c49b50;
	/*scrollbar-arrow-color:#c49b50;*/ /*IE conditionals*/
	/*scrollbar-base-color:#c49b50;*/
	/*scrollbar-face-color: #c49b50;
	scrollbar-3dlight-color: #c49b50;
	scrollbar-highlight-color: #c49b50;
	scrollbar-shadow-color: #c49b50;
	scrollbar-darkshadow-color:#c49b50;*/ 
	}
	
#submit { /* IE6 conditional */
	background-image:none;
	background-color:#c49b50;
	margin-bottom:30px;
	}
	
#footerWrapper {
	float:left;
	width:100%;
	background-color:#c49b50;
	}
	
#footer {
	width:950px;
	margin:auto;
	padding-top:5px;
	padding-bottom:30px;
	/*border:1px dashed white;*/
	}
#footerLeft {
	float:left;
	width:200px;
	/*border:1px dotted white;*/
	}
#copyright {
	float:left;
	margin:0;
	margin-top:5px;
	width:200px;
	/*border:1px dotted white;*/
	}
#disclaimer {
	width:200px;
	float:left;
	clear:left;
	font-size:0.9em;
	color:#000000;
	}
#agent {
	float:left;
	margin-left:30px;
	width:400px;
	padding-top:2px;
	/*border:1px dotted black;*/
	}
#brochureLink {
	float:left;
	width:200px;
	/*border:1px dotted red;*/
	}