/* 
Tasman Forge Art in Iron 3
Off white #F3F4F4
*/
* {
border: 0;
margin: 0;
padding: 0;
background-color:transparent;
}
body {
	margin:10px 0 40px 0;
	background-color:#fff;
	text-align:center;
	font-family:Verdana, sans-serif;
	font-size:62.5%;
	color:#373737;
	/*color:#f00;*/
}
div.dCont{
	margin:0 auto;
	padding:0 0 20px 0;
	width:940px;
	border:1px solid #eee;
	background-color:#fff;
}
div.dTop{
	height:80px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background: #fff url(../images/header.gif) no-repeat center;
	}
p.pIndex{
	clear:both;
	margin:10px auto 0 auto;
	width:510px;
	font-style:italic;
	font-size:1.2em;
}
div.dBlank{
	width:auto;
	height:20px;
	text-align:right;
	padding:4px 4px 0 0;
}
h1.h1Title{
	margin:20px 0 10px 22px;
	font-size:1.4em;
	text-align:left;
	clear:both;
}
p.pBodyRight{
	margin:0 auto 2px auto;
	width:400px;
	font-weight:bold;
	font-size:1.0em;
	text-align:right;
	color:#5F5F5F;
}
/* nav */
a.main:link, a.main:visited, a.main:active {
	color: #5F5F5F;
   text-decoration:none;
	line-height:2em;
	font-weight:bold;
	background-color:#F3F4F4;
}
a.main:hover {
	/*border-top:1px solid #000;
	border-bottom:1px solid #000;*/
	padding:2px 0;
	font-weight:bold;
	color: #000;
	line-height:2em;
	background-color:#ccc;
}



/* 2 row nav table */
table.tabNav{/* used? */
	float:right;
	width:auto;
	text-align:right;
	border-collapse:collapse;
	margin:10px 0;
	clear:both;
	color:#aaa;
}
td.tdTop{/* used? */
	padding:0 4px 0 0;
	height:2em;
	background: transparent url(../images/background_nav.gif) repeat-x scroll left;
}
td.tdBot{/* used? */
	padding:0 4px 0 0;
	height:2em;
	background: transparent url(../images/background_nav.gif) repeat-x scroll left;
}
/* end 2 row nav table */
table.tabBigImage{
	clear:both;
	margin:0 auto;
	border-collapse:collapse;
	width:auto;
	height:auto;
	table-layout:auto;
}
table.tabBigImageInd{/* used */
	margin:0 auto;
	border-collapse:collapse;
}
td.tdBigImage{
	width:auto;
	height:1px;
}
td.tdSpacer{
	width:18px;
	height:auto;
}
td.tdCaption{
	height:18px;
	vertical-align:middle;
}
/*td.tdBigImageWm{
	border:1px solid black;
	width:59px;
	height:300px;
	background: url(../images/header_transparent300.gif) no-repeat center;
}*/
h1.h1TopParaInd{
	margin:0 auto 0 auto;
	width:700px;
	font-size:1.3em;
	text-align:justify;
	clear:both;
}
h1.h1TopPara{
	color:red;/* delete this one when done */
}
h2.h2TopPara{
	margin:0 auto 20px auto;
	width:580px;
	font-size:1.3em;
	text-align:justify;
	line-height:1.4em;
}
h2.h2TopParaFurn{
	margin:0 auto 20px auto;
	width:560px;
	font-size:1.3em;
	text-align:justify;
	line-height:1.4em;
}
h2.h2TopParaBal{
	margin:0 auto 20px auto;
	width:600px;
	font-size:1.3em;
	text-align:justify;
	line-height:1.4em;
}
h2.h2TopParaStockists{
	margin:0 0 10px 20px;
	width:580px;
	font-size:1.3em;
	text-align:justify;
	line-height:1.4em;
}
/*h2.h2TopPara{
	margin:0 auto 10px auto;
	width:580px;
	font-size:1.3em;
	text-align:justify;
	padding:0 0 0 20px;
}*/
h2.h2TopParaDoors{
	margin:0 0 10px 20px;
	width:465px;
	font-size:1.3em;
	text-align:justify;
	/*padding:0 0 0 20px;*/
}
h2.h2TopParaHandles{
	margin:0 0 10px 20px;
	width:524px;
	font-size:1.3em;
	text-align:justify;
	/*padding:0 0 0 20px;*/
}
h2.h2Sub{
	margin:0 40px 10px 20px;
	text-align:left;
	font-size:1.4em;
	font-weight:bold;
}
h4.h4CaptionsV{/* thumbnail captions */
	width:auto;
	margin:0 0 9px 0;
	text-align:center;
	font-size:0.9em;
	color:#6b6b6b;
	font-weight:bold;
}
p.pBody{
	margin:20px auto;
	width:580px;
	font-size:1.1em;
	text-align:justify;
}
p.pBodyContact{
	margin:0 0 10px 20px;
	width:580px;
	font-size:1.1em;
	text-align:justify;
	line-height:1.4em;
}
p.pBodyBold{
	margin:0 0 4px 20px;
	width:580px;
	font-size:1.1em;
	text-align:justify;
	line-height:1.4em;
	font-weight:bold;
}
p.pBodyInd{
	margin:20px auto 20px auto;
	width:700px;
	font-size:1.1em;
	text-align:justify;
	line-height:1.4em;
}
p.pStockists{
	margin:0 0 10px 20px;
	width:580px;
	font-size:1.1em;
	text-align:justify;
	line-height:1.4em;
	color:#888;
}
h3.h3Details{
	color:#888;
	font-size:1.1em;
	margin:4px 0 10px 0;
	text-align:right;
	/*width:180px;*/
}
p.pDetails{
	color:#888;
	font-size:0.9em;
	line-height:2.0em;
	margin:4px 0 20px 0;
	text-align:right;
	/*width:180px;*/
}
span.spItal{
	font-style:italic;
}
div.dFrame {/* thumbnails on left */
	margin:0 auto;
}
div.dFrameSupp {/* thumbnails on left */
	float:left;
	margin:0 0 1.6px 0;
	clear:both;
}
/* Main content table */
table.tabMain{
	width:97%;
	margin:0 auto;
	border-collapse:collapse;
	
}
td.tdLeft{
	width:40px;
	vertical-align:top;	
}
/* thumbs */
td.tdMid{
	width:122px;
	vertical-align:top;
}
td.tdMidWider{/* door handles pages */
	width:219px;
	vertical-align:top;
}
td.tdMidWide{/* door handles pages */
	width:260px;
	vertical-align:top;
	padding:40px 0 0 0;
}
td.tdRight{
	vertical-align:top;
	width:auto;
}
td.tdRightLA{
	vertical-align:top;
	width:auto;
	text-align:left;
}
td.tdRightCol{/* doors */
	width:160px;
	vertical-align:top;
	padding:4.2em 0 0 0;
	text-align:left;
	/*background-color:red;*/
}
/* Main image area */
/* End main content table */
/* rotating flash etc */
/*the 180-degree flash layer in collection pages*/
div.dShowHide{/* door handles */
	position:relative;
	width:275px;
	height:475px;
	border:1px solid #000;
	margin:0 0 0 20px;
}
div.dShowHide2{/* doors */
	position:relative;
	width:465px;
	height:546px;
	border:1px solid #000;
	margin:0 0 0 20px;
	padding:1px;
}
/*div.dSpecs{
	float:right;
	margin:0 auto 20px auto;
	width:180px;
	height:465px;
	border:1px solid #f00;
	padding:1px;
}*/
/* door handles swap layers */
#lyr1 {
  position:absolute;
  top:0px;
  left:0px;
  width:275px;
  height:475px;
  visibility:hidden;
  }
/*the details layer in collection pages*/
#lyr2 {
  position:absolute;
  top:0px;
  left:0px;
  width:275px;
  visibility:hidden;
  }
/*the 'whole image' layer in collection pages*/
#lyr3 {
  position:absolute;
  top:0px;
  left:0px;
  width:275px;
  text-align:right;
  }
/* end door handles swap layers */
/* doors swap layers */
#lyr10 {/* layers 10-16 swap on click of the RH thumb */
  position:absolute;
  top:1px;
  left:1px;
  width:465px;
  height:546px;
  visibility:hidden;
  }
#lyr11 {
  position:absolute;
  top:1px;
  left:1px;
  width:465px;
  height:546px;
  visibility:hidden;
  }
#lyr12 {
  position:absolute;
  top:1px;
  left:1px;
  width:465px;
  height:546px;
  visibility:hidden;
  }
#lyr13 {
  position:absolute;
  top:1px;
  left:1px;
  width:465px;
  height:546px;
  visibility:hidden;
  }
#lyr14 {
  position:absolute;
  top:1px;
  left:1px;
  width:465px;
  height:546px;
  visibility:hidden;
  }
#lyr15 {
  position:absolute;
  top:1px;
  left:1px;
  width:465px;
  height:546px;
  visibility:hidden;
  }
#lyr16 {
  position:absolute;
  top:1px;
  left:1px;
  width:465px;
  height:546px;
  visibility:hidden;
  }
#lyr17 {/* The one that shows when the page loads */
  position:absolute;
  top:1px;
  left:1px;
  width:465px;
  text-align:right;
  }
/* doors swap layers */

p.pBodyCentred{
	margin:0 auto;
	font-style:italic;
	font-size:0.95em;
	width:510px;
	text-align:center;
}
p.pBodyCentredWide{
	margin:0 auto;
	font-style:italic;
	font-size:0.95em;
	width:560px;
	text-align:center;
}
/* images */
img.imgMain{
	border:1px solid #000;
	margin:0 auto 20px auto;
	padding:1px;
}
img.imgMainNoBords{
	margin:0 auto;
	display:inline;
}
div.dVid{
	margin:0 auto;
	display:inline;
	/*border:1px solid #f00;*/
	height:auto;
	width:213px;
	height:465px;
	/*padding:1px;*/
}
div.dSpecs{/* 2 images to the left */
	/*border:1px solid #f00;*/
	float:right;
	margin:40px 40px 20px 0;
	padding:1px;
	width:120px;
	height:465px;
	display:inline;
}

div.dSpecs1{/* only 1 image to the left */
	float:right;
	margin:40px 100px 20px 0;
	width:170px;
	height:465px;
	display:inline;
}

div.dSpecsWide{/* only 1 image to the left */
	float:right;
	margin:40px 80px 20px 0;
	width:190px;
	height:465px;
	display:inline;
}

img.imgInTd{/* finials etc in tables */
	border:1px solid black;
	margin:0 auto;
	padding:1px;
}
img.imgThumb {
	border: 1px solid black;
	padding:1px;
}
div.dSpacer{
	width:6px;
	height:400px;
	margin:0 7px;
	display:inline;
}
div.dImageCont{
	float:right;
	margin:0 40px 0 0;
}
a.text:link {/* used? then sort shorthand and hex codes */
color: #373737;
   text-decoration: none;
}
a.text:visited {
color: #373737;
	text-decoration: none;
}
a.text:hover {
	color: #f00;
	text-decoration: none;
}
a.text:active {
color: #373737;
	text-decoration: none;
}











a.text2:link {/* used? then sort shorthand and hex codes */
color: #888;
   text-decoration: none;
}
a.text2:visited {
color: #888;
	text-decoration: none;
}
a.text2:hover {
	color: #f00;
	text-decoration: none;
}
a.text2:active {
color: #888;
	text-decoration: none;
}












span.spBold{
	font-weight:bold;
}
span.spBlack{/* alright, grey then */
	color:#5F5F5F;
}