/* nb: do not change order of first x style rules */



html body {
  	color: black;
 	background-color: #D6DCE3;
	background-image: url("images/metal-detector-background.jpg");
	background-repeat: repeat;
	background-position: top center;
  	margin:0;
  	padding:0;
  	border: 0;
  	line-height: 110%;
	font-family: verdana, sans-serif;
	font-size:0.85em;
}




div#wrapper {
	position: relative;
	width: 1000px;
  	color: black;
 	background-color: #E6EBF5;
	border: 0;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}



div#greytop {
	background-image: url("images/treasure.gif");
	background-repeat: no-repeat;
	color: black;
	width: 100%;
	height: 10px;
	margin: 0;
	padding: 0;
	border: 0;
}


div#joanallenlogo {
	width: 337px;
	height: 68px;
	margin: 0;
	padding: 0;
	border: 0;
}


div#manufacturers {
	width: 740px;
	height: 36px;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	border: 0;
	padding-left: 350px;

}


div#righthandpanel {
	position: absolute;
	top: 72px;
	left: 631px;
	width: 110px; 
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 90%;
	text-align: center;
}

div#righthandpanel p {
	padding-left: .5em;
	padding-right: .2em;
	padding-top: .4em;
	padding-bottom: .4em;
	margin-top: .5em;
	margin-bottom: .5em;
	border: 0;
	font-weight: bold;
	text-decoration: none;
}


p.greybutton {
	color: white;
	background-color: #F9E594;
	background-image: url("images/metaldetectors.gif");
	background-repeat: repeat;
	text-align: left;
}



div#basket {
	width: 90%;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	text-align: center;
	font-size: 100%;
}

p.amount {
	font-size: 90%;
}




div#phoneemail {
	position: absolute;
	top: 10px;
	left: 593px;
	width: 147px;
	height: 65px;
	margin: 0;
	padding: 0;
	border: 0;

}

div#topmenus {
	position: absolute;
	top: 20px;
	left: 255px;
	margin: 0;
	padding: 0;
	border: 0;
}


select.topmenus {
	color: black;
	background-color: white;
}


div.normalcontent {
	position: relative;
	width: 550px;
	margin-left: 35px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0;
	border: 0;
	font-size: 90%;
	line-height: 140%;
}

div.manlogo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: center;
}

div.maintextheader {
	margin: 0;
	border: 0;
	padding: 0;
	padding-left: 210px;
	padding-bottom: 0px;
}

div.maintextheader h1 {
	padding-left: 0;
}

div.maintextheader p {
	padding-left: 0;
}

div.modelwrapper {
	position: relative;
	color: black;
	background-color: white;
	border: 0;
	margin: 0;
	padding: 0;
}

div.modeltitle {
	position: relative;
	color: black;
	background-color: #BEA05D;
	background-image: url("images/metaldetectors.gif");
	background-repeat: repeat;
	width: auto;
	margin: 0;
	padding: .2em;
	padding-left: .5em;
	border: 0;
	font-size: 100%;
	font-weight: bold;

}

div.modelmain {
	position: relative;
	width: 47%;
	left: 292px;
	border: 0;
	margin: 0;
	padding: 0;
	padding-top: 20px;
}



div.modelinfo {
	position: relative;
	border: 0;
	margin: 0;
	padding: 0;
}

div.modelfeatures {
	position: relative;
	border: 0;
	margin: 0;
	padding: 0;
}


div.modelmainpic {
	margin: 0;
	border: 0;
	padding: 0;
	position: absolute;
	top: 7%;
	left: 0px;
	width: 290px;
	text-align: center;
}

div.modelmain p {
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}

div.modelinfo p {
	padding-left: 20px;
	padding-right: 20px;
}


#manufacturers img {
	margin-left: 0px;
}



p.optionalextra {
	padding-left: 30px;
	padding-right: 30px;
}

p.optionalextralast {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 35px;
}

div.fieldtestbutton {
	margin: 0;
	border: 0;
	padding: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;

}

div.modelwrapper p {
	padding-left: 20px;
	padding-right: 20px;
}


div.featuresleft {
	position: relative;
	width: 50%;
}

div.featuresright {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 50%;
}

ul.left {
	margin-top: 0px;
  	padding-left: 15%;
	padding-bottom: 10px;
	margin-bottom: 0;
}

ul.right {
	margin-top: 0px;
	padding-right: 15%;
	padding-bottom: 10px;
	margin-bottom: 0;
}

li {
	padding-top: 10px;
}


p.topofpage {
	padding-bottom: 20px;
	text-align: center;
}




h3 {
	border: 0;
	margin: 0;
	padding: 0;
  	line-height: 140%;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 20px;
	font-size: 140%;
	font-weight: bold;
}


h2 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: 0;
}

h4 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: 0;
  	padding-left: 10%;
  	padding-top: 20px;
  	padding-bottom: 15px;
}


.strapline {
	font-size: 90%;
	color: blue;
	font-style: italic;
}

.price {
	padding-top: 20px;
	font-size: 100%;
	font-weight: bold;
}

.includes {
	font-style: italic;
}



a:link {
	color: black;
	text-decoration: underline;
}

a:visited {
	color: black;
	text-decoration: underline;
}

a:hover {
	color: red;
	text-decoration: underline;
}

a:active {
	color: red;
	text-decoration: underline;
}





p.greybutton a:link {
	color: black;
	text-decoration: none;
}

p.greybutton a:visited {
	color: black;
	text-decoration: none;
}

p.greybutton a:hover {
	color: green;
	text-decoration: underline;
}


p.greybutton a:active {
	color: black;
	text-decoration: none;
}




p.redbutton {
	color: black;
	background-color: #BEA05D;
background-image: url("images/metaldetectors.gif");
background-repeat: repeat;

	text-align: left;
}



p.redbutton a:link {
	color: black;
	text-decoration: none;
}

p.redbutton a:visited {
	color: black;
	text-decoration: none;
}

p.redbutton a:hover {
	color: green;
	text-decoration: underline;
}


p.redbutton a:active {
	color: black;
	text-decoration: none;
}




a img { border-style: none; }

button {
	font-size: 88%;
}

div.fieldtestbutton button {
	font-size: 120%;
}



h1 {
	font-size: 120%;
	font-weight: bold;
}

.lessbold {
	padding-left: .5em;
	font-size: 90%;
	font-weight: normal;
}

#footer {
	margin-top: 35px;
	margin-bottom: 30px;
	padding: 0;
	border: 0;
	text-align: center;
	font-size: 85%;
}

div#righthandpanel p.notbutton {
	padding-top: 50px;
}

strong {
	font-weight: bold;
}

.notbold {
	font-weight: normal;
}

#basketlogo {
	width: 21px;
	height: 18px;
}

.oldprice {
	text-decoration: line-through;
}

.centred {	
	text-align: center;
}

.onlyprint {
	display: none;
}



table {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
	background-color: white;
	font-size: 100%;
}

table.troycust {
	width: 90%;
	margin-left: 30px;	
}


td {
border: 0;
margin: 0;
padding: 7px;
vertical-align: top;
}

td.detecname {
	width: 40%;	
}
td.proddesc {
	width: 60%;	
}

td.credprices {
	text-align: center;
}

td.credmonthhead {
	font-weight: bold;
	font-size: 120%;
	text-align: center;
}
td.nildeposit {
	font-weight: bold;
	font-size: 120%;
	text-align: center;

}

td.manufacname {
	font-weight: bold;
	font-size: 100%;
	color: white;
	background-color: #686A6E;
}

td.oneof4 {
	width: 25%;
	padding-left: 3%;
	padding-right: 3%;
	text-align: center;
}

td.oneof5 {
	width: 16%;
	padding-left: 3%;
	padding-right: 3%;
	text-align: center;
}

td.vcentred {
	padding-left: 10%;
	padding-right: 10%;
	vertical-align: middle;
}

.italic {
	font-style: italic;
}

.highlightbutton {
	color: black;
	background-color: #DBC97F;
	text-align: left;
}


p.highlightbutton a:link {
	color: black;
	text-decoration: none;
}

p.highlightbutton a:visited {
	color: black;
	text-decoration: none;
}

p.highlightbutton a:hover {
	color: white;
	text-decoration: underline;
}


p.highlightbutton a:active {
	color: white;
	text-decoration: none;
}

img.bestbuy {
	vertical-align: middle;
}

button.goback {
	font-size: 130%;
	font-weight: bold;
}



#video  {
	text-align: center;
}










#metaldetectorpanel {
	position: relative;
	width: 757px;
	height: 210px;
	margin-left: 55px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-top: 0;
	padding: 0;
	border: 0;
}





#metal-detectors-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:105px;
	height:65px;
}

#metal-detectors-02 {
	position:absolute;
	left:105px;
	top:0px;
	width:92px;
	height:65px;
}

#metal-detectors-03 {
	position:absolute;
	left:197px;
	top:0px;
	width:364px;
	height:185px;
}

#metal-detectors-04 {
	position:absolute;
	left:561px;
	top:0px;
	width:92px;
	height:65px;
}

#metal-detectors-05 {
	position:absolute;
	left:653px;
	top:0px;
	width:104px;
	height:65px;
}

#metal-detectors-06 {
	position:absolute;
	left:0px;
	top:65px;
	width:105px;
	height:52px;
}

#metal-detectors-07 {
	position:absolute;
	left:105px;
	top:65px;
	width:92px;
	height:52px;
}

#metal-detectors-08 {
	position:absolute;
	left:561px;
	top:65px;
	width:92px;
	height:52px;
}

#metal-detectors-09 {
	position:absolute;
	left:653px;
	top:65px;
	width:104px;
	height:52px;
}

#metal-detectors-10 {
	position:absolute;
	left:0px;
	top:117px;
	width:105px;
	height:68px;
}

#metal-detectors-11 {
	position:absolute;
	left:105px;
	top:117px;
	width:92px;
	height:68px;
}

#metal-detectors-12 {
	position:absolute;
	left:561px;
	top:117px;
	width:92px;
	height:68px;
}

#metal-detectors-13 {
	position:absolute;
	left:653px;
	top:117px;
	width:104px;
	height:68px;
}


#news {
	position:absolute;
	left:20px;
	top:180px;
	width:104px;
	height:68px;
}



.popupdiv {
color: yellow;
}



.float-topbar {
margin: 0;
padding: 0;
border: 0;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
opacity:0.9;
position:absolute;
left:0px;
top:0px;
width:370px;
height:167px;
}


.innerdiv {
margin: 0;
padding: 10px;
padding-left: 25px;
padding-right: 25px;
border: 0;
color: #C4C0C0 ;
background-color: black;
position:absolute;
left:10px;
top:8px;
width:308px;
height:133px;
overflow: auto;
line-height: 120%;

}




div#mailinglistetc {
	background-color: transparent;
	position: relative;
	top: 0px;
	left: 0px;
	width: 365px;
	height: 57px;
	margin: 0;
	padding: 0;
	border: 0;
}
div#mailingname {
	position: absolute;
	top: 30px;
	left: 50px;
	margin: 0;
	padding: 0;
	border: 0;
}
div#mailingemail {
	position: absolute;
	top: 30px;
	left: 200px;
	margin: 0;
	padding: 0;
	border: 0;
}
div#mailingaddme {
	position: absolute;
	top: 8px;
	left: 295px;
	margin: 0;
	padding: 0;
	border: 0;
}