/* Name: default.css
   Desc: Default styles for the Shergold Pages on www.shergold.co.uk
         for use in Microsoft Internet Explorer 4.x and later,
                    Netscape 6 and later,
                    Any browser not specifically handled
   
   Author: Andrew Mannering.
*/
   
body { color: #000000; background: #FDFEE7; margin: 5px;
  font-family: Verdana, Tahoma, Arial, Helvetica, "MS Sans Serif", sans-serif;
  font-size: 80%; font-weight: normal; }

a:link  { text-decoration: none; color: #0000FF; }
a:visited  { text-decoration: none; color: #0000FF; }
a:active { text-decoration: none; color: #0000FF; }
a:hover { color : #FF0000; }

img { border: 0px; }

/* site wide */
div#pagecontainer { background: #FDFEE7; width: 960px; margin: 0px auto; padding: 0px; position: relative; }
div#logostrip { }
#logostrip #logo { vertical-align: middle; float: right; width: 120px; }
#logostrip #type { background : #ffcc33; padding-bottom: 2px; padding-left: 4px; padding-top: 4px; 
  float: none; width: auto; overflow: hidden; }

div.section { clear: both; }
div.headline { clear: both; background : #339933; margin-left : 0px; margin-right: 0px;
  padding-top : 2px; padding-bottom : 2px; padding-left : 6px; padding-right : 2px; 
  font-size : 1.2em; font-weight : bold; }
div.headline, div.headline a { color : #FFFFFF; }
div.section div.blocktext { padding-top: 8px; padding-bottom: 8px; padding-left: 4px; padding-right: 4px; }
div.blocktext + div.blocktext { padding-top: 0px; }
div.blocktext > ul { margin-top: 0px; }
div.section div.subhead { clear: both; color: #575757; background: #99CC99; 
  margin-left: 0px; margin-right: 0px; margin-top: 0px; font-size : 120%; font-weight : bold;
  padding-top : 2px; padding-bottom : 2px; padding-left : 6px; padding-right : 2px; }

div.footernav { clear: both; margin-top: 10px; display: block; overflow: hidden;
  border-top-style: solid; border-top-color: silver; border-top-width: 1px; padding-top: 4px; }
div.footernav div.prev { float:left; text-align: left; padding-left: 20px; width: 350px; }
div.footernav div.next { float:right; text-align: right; padding-right: 20px; width: 350px; }
div.footernav div.middle { text-align: center; }
div.prev span#navprev, div.next span#navnext { font-size: 80%; }
div.prev span#disabled, div.prev span#disabled { color: gray; }

#googleref { text-align: center; }
#googlefoot { font-size: 80%; }

img.thumbnail { border: 0; margin: 5px; }
img.webbutton { border: 0; margin-left: 4px; margin-right: 4px; }
.photoattribution { font-size: 80%; }
div#poweredby { text-align: right; font-size: 80%; }
div.pagestats { font-size: 80%; }
img.pagethumb { margin: 4px; }
span.editornote { border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #DF01D7; }

/* Specific pages */
body#index { margin-top: 0px; }
body#index #masthead { border-style: solid; border-width: 1px; border-color: gray; margin-bottom: 4px; }
body#index #masthead div { padding: 2px; }
body#index div.frontbanner { text-align: center; background : #FFFFFF; margin-top : 0px; padding-top: 5px; }
body#index div.frontbanner img.logo { padding-left: 15px; padding-right: 15px; vertical-align: middle; }
body#index div.frontbanner img.text { padding-left: 10px; padding-right: 10px; vertical-align: top; }
body#index #masthead div.strapline { text-align: center; color : #FFFFFF; background : #CC3366; font-size : 140%; }
body#index #masthead div.updates { text-align: center; background : #33CC99; font-weight : bold; }
body#index #masthead div.updates a { color: black; }
body#index #masthead div.news { text-align: center; background : #99CC99; }
body#index #masthead div.forum { text-align: center; background : #CCFF99; }
body#index span.counter { background : Black; font-family : "Courier New", Courier, monospace;	
  font-weight : bold; font-size : medium; color : White; 
  border-style: ridge; border-width: 3px; border-color: gray; padding: 2px; padding-left: 10px; padding-right: 10px;
  margin-bottom: 10px; 
  }
body#index div.indexgroup + ul { margin-top: 0px; }
body#index #pageindex { float:left; overflow:hidden; margin-left: 20px; margin-top: 10px; }
body#index #pageindex div.indexgroup { font-weight: bold; margin-top: 8px; }
body#index img.deltaflag { border-width: 0px; }

body#index #sidebar { float: right; overflow: hidden; }
body#index #photo { margin-top: 20px; margin-bottom: 20px; margin-left: 40px; margin-right: 40px; text-align: center; overflow: hidden;}
body#index img#nhoulder_26072001a { margin: 5px 10px 10px; }
body#index #counters { margin: 20px; text-align: center; background: #CCCC99; line-height: 200%; 
 padding: 20px; margin-top: 50px;} 
body#index div.reason { text-align: center; background : #99CC99; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; }
body#index div.quote { padding-top: 10px; padding-bottom: 10px; padding-left: 50px; padding-right: 50px;font-weight: bold; text-align: justify; }
body#index #welcome { margin-top: 40px; margin-bottom: 40px; margin-right: 80px; }
body#index #logos { float: left; text-align: center; padding: 20px;}
body#index #logos img { margin-top: 20px; }
body#index #editorial { overflow: hidden; display: block; }
body#index #signature { float: right; text-align: right; margin-top: 10px; }
body#index #footer { font-size: 80%; }
body#index div#editorial div.headline { clear: none; }

body#banner { background: #ffffff; }
body#banner #pagecontainer { text-align: center; background: #ffffff; }
body#banner div.linkblock { margin-top: 20px; text-align: center; }
body#banner img.webbutton { margin: 10px; }
body#banner #copyright { font-size: 80%; }

body#collection td.collectdesc { text-align: right; vertical-align: middle; }
body#collection td.collectpict { width: 45%; text-align: left; vertical-align: bottom; padding: 8px;}
body#collection div.collection_item { display: inline-block; position: relative; }
body#collection div.collection_item img.newbanner.small { position: absolute; left: 5px; top: 5px;}
body#collection div.collection_item img.newbanner.large { position: absolute; left: 0px; top: 0px;}
body#collection div.collectitem { padding: 4px; }
body#collection div.collectitem div.thumbnail { float: left; overflow: hidden; text-align: center; padding: 4px; margin-bottom: 10px; 
  vertical-align: middle; }
body#collection div.collectitem div.narrative { display: block; overflow: hidden; width: auto; padding: 4px; }
body#collection div.collectitem div.narrative div.featurebox { overflow: hidden; text-align: center; }
body#collection div.collectitem div.narrative div.picturerow { overflow: hidden; text-align: center; }
body#collection div.collectitem div.narrative div.picturebox { width: 450px; display: table-cell; overflow: hidden; text-align: center; }
body#collection img#marmk2heel { float: right; }
body#collection div.collectitem div.narrative div.inset { float: right; overflow: hidden; max-width: 250px; text-align: center; padding: 4px; }
body#collection div.collectitem div.narrative div.inset span.heading { font-weight: bold; }


body#models div.modelgallery { padding-left: 20px; padding-right: 20px; margin-top: 10px; }
body#models div.model { text-align: center; vertical-align: bottom; display: table-cell; overflow: hidden;
  width: 10%; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; white-space: nowrap; }
body#models span.gallerylabel { font-weight: bold; }
body#models span.gallerydate { font-style: italic; }
body#models div.modeldetails { clear: both; }
body#models div.modeldetails div.icons { float: left; padding-top: 30px; padding-bottom: 30px; }
body#models div.icons { width: 48px; }
body#models div.icons img { padding-left: 5px; padding-right: 5px; width: 32px; height: 33px; }
body#models div.modeldetails div.caption { background : #FFCC33; font-weight: bold; overflow: hidden;
  padding-top: 2px; padding-left: 2px; padding-bottom: 2px; margin-top: 4px; }
body#models div.modeldetails div.variations, 
body#models div.modeldetails div.description { overflow: hidden; 
  padding-top: 8px; padding-bottom: 8px; padding-left: 4px; padding-right: 4px; }
body#models div.modeldetails div.description { border-top-style: solid; border-top-color: silver;
  border-top-width: 1px; padding-bottom: 15px; }
body#models div.modeldetails div.description div.trivia { border-style: none; background-color: #CEF6E3; 
  padding: 10px; margin-top: 20px; }
body#models div.trivia span.trivia { font-weight: bold; }
body#models div.modeldetails div.description div.normanspeaks { border-style: none; background-color: white; 
  padding: 10px; margin-top: 20px; margin-left: 20px; margin-right: 20px; }
body#models div.normanspeaks img.nhthumb { float: left; margin-right: 10px; margin-top: 5px; display: inline; }

body#modules img#modexample { float: right; margin-left: 10px; margin-bottom: 10px; }
body#modules div.section div.module { margin-bottom: 20px; }
body#modules div.module div.image { float: left; width: 70px; text-align: center;
  padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; }
body#modules div.module div.image img.moduleplate { box-shadow: 3px 3px 3px #888; border-radius: 5px; }
body#modules img.fancybox-image.moduleface_zoom { box-shadow: 8px 8px 8px #888; border-radius: 25px; }
body#modules div.module div.description { padding-top: 10px; overflow: hidden; }
body#modules div.module div.circuit { float: right; width: 105px; padding-top: 5px; text-align: center;
  vertical-align: top; font-size: 85%; }
body#modules #moduletable { margin-left: 20px; margin-right: 20px; }
body#modules #moduletable td.header { background : #33CC99; font-weight : bold; text-align: center; width: 11%; }
body#modules #moduletable td.detail { background : #CCFF99; text-align: center; }

body#spareparts div.stockitem { clear: both; padding: 10px; }
body#spareparts div.stockitem + div.stockitem { border-top-style: solid; border-top-color: silver; border-top-width: 1px; }
body#spareparts div.stockitem div.picture { float: left; width: 300px; text-align: center; white-space: nowrap; }
body#spareparts div.stockitem div.title { margin-top: 5px; margin-bottom: 10px; overflow: hidden; font-weight: bold; }
body#spareparts div.stockitem div.description { margin-bottom: 10px; overflow: hidden; }
body#spareparts div.stockitem div.status { margin-bottom: 10px; font-weight: bold; overflow: hidden; }

/* Shared: serialnos.html / serialnos.php / haymansn.html / haymansn.php */
body#serialnos #serialform table.outer { width: 70%; margin-bottom: 10px;}
body#serialnos table.outer td.heading { color: Yellow; background: #99CC99; font-size: 120%; font-weight: bold; padding: 2px; }
body#serialnos table.outer table.criteria { width: 100%; border-width: 0; border-spacing: 0px; padding: 0px; }
body#serialnos table.criteria td.input, table.criteria td.label { background-color: Silver; vertical-align: middle; }
body#serialnos table.criteria td.label { text-align: right; }
body#serialnos table.outer table.result { width: 100%; border-width: 0; padding: 2px; }
body#serialnos table.result td.header { background : #63AEFA; color: #000000; font-weight : bold; width: 100px; text-align: center; }
body#serialnos table.result td.wideoutput { text-align: left; }
body#serialnos table.result td.result { text-align: center; }
body#serialnos table.outer td.footnote { text-align: left; padding: 2px; }
body#serialnos span.extranotes { font-style: italic }
body#serialnos img#haymansncover { float: left; }

body#origcost div#modebanner { background : #FFCC33; font-weight: bold; overflow: hidden;
  padding-top: 2px; padding-left: 2px; padding-bottom: 2px; margin-top: 4px; }
body#origcost div.tabulation { padding-left: 4px; padding-right: 4px; overflow: hidden; }
body#origcost table#costs, table#costs td { border-style: solid; border-width: 1px; border-color: silver; }
body#origcost table#costs td.headmodel { width: 220px; background: #33CC99; font-weight: bold; }
body#origcost table#costs td.headyear { width: 65px; text-align: right; background: #33CC99; font-weight: bold; }
body#origcost table#costs td.linemodel { background: #CCFF99; font-weight: normal; }
body#origcost table#costs td.linecost { text-align: right; }

body#origcost table#costs tr.linecosts:hover td:first-child { background-color: transparent; }
body#origcost table#costs tr.linecosts:hover { background-color: #E3E3E3; }

body#origcost div.dataattribution { font-size: 80%; }
body#origcost ul.dataattribution { list-style-type: none; margin-left: 0px; padding-left: 0px; }
body#origcost ul.dataattribution > li { list-type: none; padding-left: 0px; margin-left: 0px; }

body#thefarm div.morepics { clear: both; }
body#thefarm img#dalemoog,
body#thefarm img#ammini { margin: 5px 10px 10px; float: left; }
body#thefarm img#house,
body#thefarm img#mixmini,
body#thefarm img#mrlive { margin: 5px 10px 10px; float: right; }

body#newshergolds div.progress { float: left; overflow: hidden; width: 33%; height: 400px; position: relative; }
body#newshergolds div.progress div.content { position: absolute; text-align: center; bottom: 0; padding: 10px; }
body#newshergolds img.progress { margin-top: 15px; margin-bottom: 15px; }
body#newshergolds div.result { text-align: center; padding-top: 20px; overflow: hidden; margin-bottom: 20px; clear: both; }
body#newshergolds img#ngelog1 { float: right; }

body#genesistrib div.band { margin-bottom: 10px; overflow: hidden; }
body#genesistrib div.band div.logo { margin: 4px; background: #99CC99; padding: 2px; padding-top: 10px; padding-bottom: 10px; 
  float: left; overflow: hidden; position: relative; width: 67px; }
body#genesistrib div.band div.detail { overflow: hidden; position: relative; }
body#genesistrib div.detail div.photos { text-align: center; padding: 10px; }
body#genesistrib div.photos img { margin: 10px; }
body#genesistrib img#andy1,
body#genesistrib img#gal_tony2 { margin: 5px 10px 10px; float: left; }

body#juliancope div.blocktext img { margin: 5px; }
body#juliancope img#jc_g2_190101,
body#juliancope img#jc_home { margin: 5px 10px 10px; float: left; }
body#juliancope img#headheritage,
body#juliancope img#jc_braindonor { margin: 5px 10px 10px; float: right; }
body#juliancope div#booklet { clear: both; }

body#beat77 img#b77_earlsct { margin: 5px 10px 10px; float: left; }
body#beat77 img#b77_clip { margin: 5px 10px 10px; float: right; }

body#beat78 img#beat781 { margin-left: 10px; float: right; }
body#beat78 img#beat782 { margin-top: 5px; margin-right: 10px; float: left; }

body#sighs80 img#ghs01 { margin: 5px 10px 10px; float: left; }
body#sighs80 img#ghs02,
body#sighs80 img#ghs03 { margin: 5px 10px 10px; float: right; }

body#the49er div.captionedimage { padding: 5px 10px 10px; text-align: center; font-style: italic; }
body#the49er div#the49er01 { float: left; }
body#the49er div#picblock1 { float: left; } 
body#the49er div.pictureblock { clear: both; overflow: hidden; } 
body#the49er div.pictureblock > div.captionedimage { display: inline-block; width: 450px; }
body#the49er div#picblock5 { float: right; } 

body#care img#bridge { margin: 5px 10px 10px; float: left; }

body#mikes img#mrlive { margin: 5px 10px 10px; float: left; }
body#mikes img#miniclipsall { margin: 5px 10px 10px; float: right; }

body#simike79 img#si79_pic { margin: 5px 10px 10px; float: right; }

body#uprightbass img#ueb_front,
body#uprightbass img#ueb_side { margin: 5px 10px 10px; float: left; }
body#uprightbass img#ueb_head { margin: 5px 10px 10px; float: right; }

body#faq img#ntstrings,
body#faq img#obeche-tree { float: right; }
body#faq td.data { background: #CCFF99; }
body#faq td.label { font-weight: bold; background: #33CC99; }

body#neworder img#ph_stoke92 { margin: 10px 10px; float: left; }
body#neworder img#hooky1 { margin: 10px 10px; float: right; } 
body#neworder img.screengrab { margin: 10px 10px; }
body#neworder div#petertext { margin-top: 20px; }
body#neworder div.screengrabs { padding: 10px; margin-top: 10px; }
body#neworder div.screengrab { text-align: center; vertical-align: bottom; display: inline-block; overflow: hidden;
  padding-left: 5px; padding-right: 5px; padding-bottom: 10px; white-space: nowrap; }
body#neworder div#grabtext { text-align: center; clear: both; }

body#news div.yearselector { display: table-row; }
body#news div.yeartab { display: table-cell; text-align: center; background: #CCFF99; width: 160px; padding-left: 20px; padding-right: 20px; }
body#news div.yeartab.archive { width: 176px; }
body#news div.yeartab.active { font-weight: bold; background: #33CC99; }
body#news div.newspackage { clear: both; margin-bottom: 5px; }
body#news div.newsitem { clear: both; display: table-row; }
body#news div.newsdate { width: 120px; text-align: center; padding: 4px; display: table-cell; font-weight: bold; background: #33CC99; }
body#news div.newstext { display: table-cell; padding: 4px; }

body#weblinks img#tpr_nuke { float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
body#weblinks img#aw_shergolds { float: right; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
body#weblinks img#hindsite { float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
body#weblinks img#marty { float: right; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
body#weblinks div.blocktext, div.section + div.blocktext { clear: both; margin-top: 10px; padding-top: 20px; padding-bottom: 20px;
  border-top-style: solid; border-top-color: silver; border-top-width: 1px; }

body#misc img.fontexample { margin: 20px; }
body#misc img#fontdownload { float: left; }
body#misc img#babani_bp358, 
body#misc img#pc_itat { float: left; margin-top: 0px; margin-bottom: 10px; margin-left: 5px; margin-right: 5px; }

body#contact img#am { float: right; }

body#dulcimer div#pictures { text-align: center; }
body#dulcimer div#leaflet { text-align: center; }

body#hwbridges div.example { clear: both; }
body#hwbridges div.example > div.image { float: left; }
body#hwbridges div.example > div.text { overflow: hidden; padding-left: 10px; padding-top: 10px; }

body#hardware div.example { clear: both; }
body#hardware div.example > div.image { float: left; }
body#hardware div.example > div.text { overflow: hidden; padding-left: 10px; padding-top: 10px; }

body#thanks div.pictureblock { text-align: center; }

body#mmobituary img#jack { float: left; }
body#mmobituary img#pagescan { float: right; }

body#petergabriel div.blocktext div.quotation { border-style: none; background-color: white; 
  padding: 10px; margin-top: 20px; margin-left: 20px; margin-right: 20px; }


/* Original bits */
p  {
	background : #FDFEE7;
	margin-left : 5px;
	font-family : Verdana, Tahoma, Arial, Helvetica, "MS Sans Serif", sans-serif;
	font-size : 100%;
}

.H1Style  {
	color : #FFFFFF;
	background : #339933;
	margin-left : 0px;
	font-family : Verdana, Arial, Helvetica, "MS Sans Serif", sans-serif;
	font-size : 120%;
	font-weight : bold;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
}

.H2Style  {
	color : Yellow;
	background : #99CC99;
	margin-left : 0px;
	font-family : Verdana, Arial, Helvetica, "MS Sans Serif", sans-serif;
	font-size : 120%;
	font-weight : bold;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
}

td.HiInt  {
	background : #33CC99;
	font-weight : bold;
	font-family : Verdana, Tahoma, Arial, Helvetica, "MS Sans Serif", sans-serif;
	font-size: 100%;
}

td.LoInt  {
	background : #CCFF99;
	font-weight : normal;
	font-family : Verdana, Tahoma, Arial, Helvetica, "MS Sans Serif", sans-serif;
	font-size: 100%;
}

input {
  font-family : Verdana, Tahoma, Arial, Helvetica, "MS Sans Serif", sans-serif;
  font-size : 100%;
  padding-left : 2px;
  padding-right : 2px;
}
    
textarea {
  font-family : Verdana, Tahoma, Arial, Helvetica, "MS Sans Serif", sans-serif;
  font-size : 100%;
  padding-left : 2px;
  padding-right : 2px;
}

select  {
  font-family : Verdana, Tahoma, Arial, Helvetica, "MS Sans Serif", sans-serif;
  font-size : 100%;
  background-color : White;
  padding-left : 2px;
  padding-right : 2px;
  text-align : left;
}

.highlight1 { /* blue */
  background-color : #33ccff;
}

.highlight2 { /* orange */
  background-color : #ff9900;
}

.highlight3 { /* green */
  background-color : #33ff00;
}

.highlight4 { /* purple */
  background-color : #ff33ff;
}