/*Main unchanging styles for Shappyhopper.co.uk */

/* basic elements */
body { 
	font: normal 10pt/16pt arial; 
	}

a:link { 
	
	text-decoration: none; 
	color: #B7A5DF;
	margin-left: 0px;
	margin-right: 0px;
	}

a:visited { 
	text-decoration: none; 
	color: #B7A5DF;
	margin-left: 0px;
	margin-right: 0px;
	}

a:hover, a:active { 
	text-decoration: underline; 
	font-weight: bold;
	color: #9685BA;
	margin-left: 0px;
	margin-right: 0px;
	}


/* specific sections of the page*/
/* Google Search Icon*/
#googlesearchicon {
	position: absolute;
	width: 42px;
	height: 42px;
	top: 20px;
	right: 20px;
}

/*Left hand column*/
#lefthandcontainer {
	position: absolute;
	left: 5px;
	top: 157px;
	width: 180px;
	text-align: center;
}

#locallinks {
	background:#292421;
	border-bottom:1px solid #292421;
	border-top:1px solid #292421;
	text-align: left;
	}

#locallinks h3 {
	font: italic normal 0px arial; 
	letter-spacing: 0px; 
	margin-bottom: 0px;
	color: #292421;	
	}

#locallinks a:hover, a:active { 
	text-decoration: underline; 
	font-weight: bold;
	color: #9685BA;
	}


#locallinks ul {
	list-style-type: none;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 10px;
	margin: 0;
	}

/*Central column -- normal*/
#maincontent {
	background-color: transparent;
	margin-left:199px;
	margin-right:199px;
	voice-family: "\"}\"";
	voice-family: inherit;
	}

html>body #maincontent {
	margin-left: 201px;
	margin-right:201px;
	}

#maincontent img {
	margin: 10px;
	}

#maincontent h1 {
	font: italic normal 12pt arial; 
	letter-spacing: 1px; 
	margin-bottom: 10px; 
	margin-left: 10px;
	margin-right: 10px;
	color: #7D775C;
	}

/*Central column -- wide*/
#mainwidecontent {
	background-color: transparent;
	margin-left:199px;
	margin-right:20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	}

html>body #mainwidecontent {
	margin-left: 201px;
	margin-right:20px;
	}

#mainwidecontent img {
	margin: 10px;
	}

#mainwidecontent h1 {
	font: italic normal 12pt arial; 
	letter-spacing: 1px; 
	margin-bottom: 10px; 
	margin-left: 10px;
	margin-right: 10px;
	color: #7D775C;
	}

/*Top of the pagecontainer*/	
#topcontainer {
	background: transparent;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 200px;
	font: normal 3px arial;
}

/*The top of the page: the banner*/
#banner {
	background:#003333;
	border-top:1px solid #003333;
	border-bottom:1px solid #003333;
	}

#banner a {
	font: normal 8pt arial;
	margin-top: 0px; 
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	}

#banner p {
	font: normal 8pt arial;
	margin-top: 5px;
	}

#banner a:hover, a:active { 
	text-decoration: underline; 
	font-weight: bold;
	color: #9685BA;
	margin-left: 7px;
	margin-right: 7px;
	}

#banner h1 {
	font: bold normal 16pt arial; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	color: #7D775C;
}
/*The Links to the main sections of the site*/
#sitelinks {
	left: 0px;
	right: 0px;
	background:#FFA500;
	border-bottom:1px solid #FFA500;
	border-top:1px solid #FFA500;
	text-align: center;
	vertical-align: top;
	}

#sitelinks li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	}

#sitelinks ul {
	margin: 5px;
	}

#sitelinks h3 {
	font: italic normal 0px arial; 
	letter-spacing: 0px; 
	margin-bottom: 0px;
	color: #FFA500;	
}

#sitelinks a:hover, a:active { 
	text-decoration: underline; 
	font-weight: bold;
	color: #fff;
	margin-left: 0px;
	margin-right: 0px;
	}

#bottomstuff {
	background:#607b8b;
	text-align: center;
	color: #000;
	border-bottom:1px solid #607b8b;
	border-top:1px solid #607b8b;
	}

#bottomstuff p {
	font: normal 10px arial;
	margin-top: 5px; 
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	}

#bottomstuff a {
	font: normal 10px arial;
	margin-top: 0px; 
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	}

#bottomstuff h3 {
	font: italic normal 0pt arial; 
	letter-spacing: 0px; 
	margin-bottom: 0px;
	color: #607b8b;	
	}

/* This is used by the 'page loading' section */
#siteLoader {
/*	position: absolute;*/
	float: center;
	z-index: 100;
	background: #CD0000 url(http://www.shappyhopper.co.uk/images/loading.gif) no-repeat center;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	top: 0px;
	left: 5px;
	padding: 8px;
	height: 40px;
	width: 156px;
	text-align: center;
	line-height: 0;	
	font-family: Verdana, Arial;
  	font-size: 11px;
  	color: #fff;
}

/*Google Adverts Column - on right*/
#googlerightcontent {
	width:170px;
	margin:5px;
	background:transparent;
	position: absolute;
	right:8px;
	top:170px;
	text-align: right;
	}

#googlerightcontent h3 {
	font: italic normal 0px georgia; 
	letter-spacing: 0px; 
	margin-bottom: 0px;
	color: #EEDC82;	
	}

/*Google search results page*/
#shiftgoogle {
	float: center;
	width: 100%;
	background: white;
	text-align: center;
}

/*Image Gallery section*/
.thumbnail {
	float: left;
	width: 120px;
	height: 120px;
	margin: 15px;
	text-align: center;
	}

.clearboth { clear: both; }

/*This section was added for the HTML rendering of code (in the scripts section of the site)*/
.RM  {color: #008000;}
.KW  {color: #000080;}


/*############################################################################################*/
/*ROUNDED CORNERS*/
/*This code was added to generate rounded corners*/

/*Corners for the top banner*/
.bannercorner{display:block}
.bannercorner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#003333}
.bannercorner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #91a7a7;
  border-right:1px solid #91a7a7;
  background:#3f6666}
.bannercorner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e5eaea;
  border-right:1px solid #e5eaea;
  background:#305959}
.bannercorner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #305959;
  border-right:1px solid #305959;}
.bannercorner4{
  border-left:1px solid #91a7a7;
  border-right:1px solid #91a7a7}
.bannercorner5{
  border-left:1px solid #3f6666;
  border-right:1px solid #3f6666}
.bannercornerfg{
  background:#003333}

/*Corners for the sitelinks*/
.sitelinkscorner{display:block}
.sitelinkscorner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFA500}
.sitelinkscorner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffd891;
  border-right:1px solid #ffd891;
  background:#ffbb3f}
.sitelinkscorner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fff6e5;
  border-right:1px solid #fff6e5;
  background:#ffb630}
.sitelinkscorner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffb630;
  border-right:1px solid #ffb630;}
.sitelinkscorner4{
  border-left:1px solid #ffd891;
  border-right:1px solid #ffd891}
.sitelinkscorner5{
  border-left:1px solid #ffbb3f;
  border-right:1px solid #ffbb3f}
.sitelinkscornerfg{
  background:#FFA500}

/*The local links*/
.locallinks{display:block}
.locallinks *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#292421}
.locallinks1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a2a09f;
  border-right:1px solid #a2a09f;
  background:#5e5a58}
.locallinks2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e9e9e8;
  border-right:1px solid #e9e9e8;
  background:#514d4b}
.locallinks3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #514d4b;
  border-right:1px solid #514d4b;}
.locallinks4{
  border-left:1px solid #a2a09f;
  border-right:1px solid #a2a09f}
.locallinks5{
  border-left:1px solid #5e5a58;
  border-right:1px solid #5e5a58}
.locallinksfg{
  background:#292421}

/*Bottom stuff corners*/
.bottomstcorn{display:block}
.bottomstcorn *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#607b8b}
.bottomstcorn1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #bac6cd;
  border-right:1px solid #bac6cd;
  background:#879ca8}
.bottomstcorn2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eff1f3;
  border-right:1px solid #eff1f3;
  background:#7e94a1}
.bottomstcorn3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #7e94a1;
  border-right:1px solid #7e94a1;}
.bottomstcorn4{
  border-left:1px solid #bac6cd;
  border-right:1px solid #bac6cd}
.bottomstcorn5{
  border-left:1px solid #879ca8;
  border-right:1px solid #879ca8}
.bottomstcornfg{
  background:#607b8b}