/* CSS Document */
body{ font-size:10px; font-family:Arial, Helvetica, sans-serif; background-color:#999999; color:#202020; padding:1.5em;}

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

a{ text-decoration:underline; color:#202020;}
a:hover{ text-decoration:underline}
input, textarea{ border:0.1em solid #0000CC;}
li{ list-style-type:none;}

h1{ font-size:2.4em; font-weight:normal;}
h2{ font-size:1.8em; font-weight:normal;}
h3{ font-size:1.6em; font-weight:normal;}
h4{ font-size:1.4em; font-weight:normal;}
h5{ font-size:1.2em; font-weight:normal;}
h6{ font-size:1em; font-weight:normal;}

#wrapper{ width:100%; background-color:#FFFFFF;}
.display-none {display:none;}

#header{ 
padding:0 1em 1.2em 3.2em;
background-color:#999999; text-align:right; color:#FFFFFF;}
#header a{ color:#FFFFFF; text-decoration:underline}
#header a:hover{ color:#EEEADA;}

.greenlink{ color:#9A6864;}
.greenlink a{ text-decoration:none; color:#9A6864; }
.greenlink a:hover{ color:#FFFFFF; background-color:#9A6864;}

.pagetop{ border-bottom:0.1em solid #9A6864; padding:1.6em 1.6em 0.8em 1.6em; text-align:right;}
.pagetag{ width:46em; float:left; text-align:left; padding:0 0 0 3.2em;}
.pagepara{ width:46.5em; float:right;}

#rightcol{ width:46.8em; float:right; padding:0 1em 0.5em 1em; border-left:0.1em solid #9A6864;}
.mainpic{ width:45em; height:47em; text-align:center;}
.sizes{ width:44.5em; border:0 0.1em 0.1em 0.1em solid #9A6864; padding:1em;}
.sizefl{ width:22.25em; float:left;}

.boxpdf{ width:11.5em; height:7em; float:right; text-align:center;}

#leftcol{ padding:1.6em 1.6em 1.6em 4.8em;}
.spec{ color:#202020; font-size:1.4em; padding:0 0 0 1.6em;}
.thumbfl{ width:10em; height:11em; padding:0.2em; float:left; text-align:center; border:0.1em solid #9A6864;}
.subtag{ font-size:2.4em; color:#9A6864;}
.gads200x200{ width:20em; height:20em; float:left;}

.faq{ border-bottom:0.1em solid #9A6864; margin:0 0 1.6em 3.2em;}

.serp{ border-bottom:0.1em solid #9A6864; margin:0 0 1.6em 3.2em; text-align:center;}

#footer{ clear:both; color:#CCCCCC; border-top:3.2em solid #9A6864;}
#footer a{ color:#CCCCCC;}
#footer a:hover{ color:#9A6864; background-color:#FFFFFF;}

.ra{ text-align:right;}
.ca{ text-align:center;}
.clearleft	{ clear:left;}
.clearright	{ clear:right;}
.clearboth	{ clear:both;}
.imagefl{ float:left;}
.imagefr{ float:right;}

.big{ font-size:4.8em; line-height:1em; color:#202020;}
.cm18{ font-size:1.8em;}
.cm16{ font-size:1.6em;}
.cm14{ font-size:1.4em;}
.cm12{ font-size:1.2em;}
.cm11{ font-size:1.1em;}
.cm05{ font-size:0.5em;}
.cm02{ font-size:0.2em;}
.cm01{ font-size:0.1em;}

.colour{ color:#BCB0AB;}

img.cm450x450	{ width:45em; height:45em; border:0.1em solid #202020;}
img.cm32x32		{ width:3.2em; height:3.2em;}
img.cm12x12		{ width:1.2em; height:1.2em;}
img.cm12x12s	{ width:0.857em; height:0.857em;}
img.cm18x18		{ width:1.8em; height:1.8em;}
img.cm18x18s	{ width:1em; height:1em;}
img.cm150x32	{ width:15em; height:3.2em; float:left;}
img.cm240x64	{ width:24em; height:6.4em; float:left;}
img.cm100x100	{ width:10em; height:10em;}
img.cm10x10		{ width:1em; height:1em;}
img.cm385x286b	{ width:38.5em; height:28.6em; border:0.1em solid #FFFFFF; margin:3.9em 3.9em 2.8em 3.9em;}
img.cm36x12		{ width:3.6em; height:1.2em;}
img.cm36x12s	{ width:2.25em; height:0.75em;}

.topskip{font-size: 0em; font-family : Arial, sans-serif; color: #ffffff; text-decoration: none;}

#imageholder {width:45em; height:48em; margin:0 auto; position:relative; overflow:hidden; }
#photo {width:357em; height:45em; position:relative; transition: 3s; -moz-transition: 3s; -webkit-transition: 3s; -o-transition: 3s; -ms-transition: 3s;}

#photo div {width:45em; height:45em; float:left;}
#photo div img {display:block;}
#show img, #show2 img, #show3 img, #show4 img, #show5 img, #show6 img, #show7 img {width:45em; height:45em;}

ul#thumbs {padding:0 0 0 1em;}
ul#thumbs li {float:left;}
ul#thumbs li a {height:13.5em;width:10em;display:block;}
ul#thumbs li a img {width:10em; height:10em;}

#i1:target ~ #imageholder #photo {margin-left:0;}
#i2:target ~ #imageholder #photo {margin-left:-45em;}
#i3:target ~ #imageholder #photo {margin-left:-90em;}
#i4:target ~ #imageholder #photo {margin-left:-135em;}
#i5:target ~ #imageholder #photo {margin-left:-180em;}
#i6:target ~ #imageholder #photo {margin-left:-225em;}
#i7:target ~ #imageholder #photo {margin-left:-270em;}
#i8:target ~ #imageholder #photo {margin-left:-315em;}
#i9:target ~ #imageholder #photo {margin-left:-360em;}
#i10:target ~ #imageholder #photo {margin-left:-357em;}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 200%;
	background-color:#000000;
	z-index:1001;
	-moz-opacity: 0.8;
	-moz-transition: 3s;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 2em;
	left: 25%;
/*	width: 50%;
	height: 50%; */
	-moz-transition: 3s;
	padding: 1em;
	border: 0.2em solid #000000;
	background-color: white;
	z-index:1002;
	overflow: auto;
}