/*### Homepage Styles ### */

#homepageContent {
 	 background: URL(/images/homepage/main_background.jpg) 0 0 no-repeat; min-height: 600px; 
}
* html #homepageContent {
 	height: 570px;
}
#homepageContent h1 {
	font-size: 1.8em; color: white; padding: 8px 0 20px 0; text-align: center; margin: 0;
}
#homepageContent #icons {
	background: URL(/images/homepage/icon_top.gif) 0 0 no-repeat; width: 207px; margin: 0 0 0 10px; padding: 8px 0 0 0; float: left;
}
* html #homepageContent #icons {
	margin: 0 0 0 5px;
}
#homepageContent #icons #iconsCentre {
	border: 1px solid white; border-top: 0; border-bottom: 0; margin: 0; height: 267px;
}
#homepageContent #icons ul {
	color: white; padding: 0; margin: 0; font-size: 0.9em; list-style-type: none; 
}
#homepageContent #icons ul a {
	color: yellow; text-decoration: underline;
}
#homepageContent #icons ul a:hover {
	text-decoration: none;
}
#homepageContent #icons ul li.iconLondon {
	background: URL(/images/homepage/icon_london.jpg) 5px 0 no-repeat; padding: 3px 5px 0 45px; min-height: 40px;
}
* html #homepageContent #icons ul li.iconLondon {
	height: 40px;
}
#homepageContent #icons ul li.iconFree {
	background: URL(/images/homepage/icon_free.jpg) 5px 0 no-repeat; padding: 5px 5px 0 45px; min-height: 35px;
}
* html #homepageContent #icons ul li.iconFree {
	height: 35px;
}
#homepageContent #icons ul li.iconLicenced {
	background: URL(/images/homepage/icon_licensed.jpg) 5px 0 no-repeat; padding: 5px 5px 0 45px; min-height: 35px;
}
* html #homepageContent #icons ul li.iconLicenced {
	height: 35px;
}
#homepageContent #icons ul li.iconSuper {
	background: URL(/images/homepage/icon_super.jpg) 5px 0 no-repeat; padding: 5px 5px 0 45px; min-height: 40px;
}
* html #homepageContent #icons ul li.iconSuper {
	height: 37px;
}
#homepageContent #icons .boxesIcons {
	margin: 0 10px; padding: 10px 0 5px 0; border-top: 1px dotted white; clear: both;
}
* html #homepageContent #icons .boxesIcons {
	margin: 0 10px 10px 10px; padding: 10px 0 20px 0; border-top: 1px dotted white; clear: both;
}
* html #homepageContent #icons .boxesIconsBot {
	margin: 0 10px 5px 10px; padding: 5px 0 5px 0;
}
.boxesIcons p {
	width: 80px; font-size: 0.9em; color: white; float: left; margin: 0 0 10px 0; padding: 0;
}
* html .boxesIcons p {
	margin: 0;
}
.boxesIcons img {
	float: right;
}
* html .imgIe {
	position: relative; top: -2px;
}
* html .imgIe2 {
	margin-bottom: -2px;
}
#homepageContent #downloadBut {
	float: left; width: 530px; height: 286px;
}
* html #homepageContent #downloadBut {
	width: 520px;
}
#homepageContent #downloadBut img{
	margin: 0 0 0 10px;
}
#homepageContent #rss {
	margin: 0 10px 10px 10px; color: white; width: 207px; padding-top: 10px; float: left;
}
* html #homepageContent #rss {
	padding-top: 8px; margin: 0 10px 10px 5px;
}
#homepageContent #rss #rssMiddle {
	border: 1px solid white; border-top: 0; border-bottom: 0; height: 178px;
}
* html #homepageContent #rss #rssMiddle {
	margin-bottom: -4px;
}
#homepageContent #rss h2 {
	color: yellow; font-size: 1em; padding: 8px 0 9px 10px; background: URL(/images/homepage/rss_top.gif) 0 0 no-repeat; margin: 0 0 -5px 0;
}
#homepageContent #rss ul {
	padding: 5px 0 0 0; list-style-type: none; font-size: .8em; margin: 5px 10px 0 0;
}
#homepageContent #rss ul a {
	color: white; text-decoration: underline;
}
#homepageContent #rss ul a:hover {
	color: white; text-decoration: none;
}
#homepageContent #rss ul li {
	 display: block;
}
#homepageContent #rss #rssMiddle #innerbox {
	height: 175px; overflow: hidden; background-color: #0c5601;
}
#homepageContent .promo {
	float: left; margin: 10px 10px 0 0;
}
* html #homepageContent .promo {
	margin: 8px 10px 0 0;
}
#homepageContent .promo1 {
	width: 162px; background-color: #0C5601; border: 1px solid white; border-top: 0; border-bottom: 0; margin-top: -6px; min-height: 139px;
}
* html #homepageContent .promo1 {
	margin-top: -2px; height: 139px;
}
#homepageContent .promo1 h2 {
	color: yellow; font-size: 1em; margin: 6px 5px 0 10px; padding: 4px 0 0 0;
}
* html #homepageContent .promo1 h2 {
	margin: 6px 5px 0 10px; padding: 3px 0 0 0;
}
#homepageContent .promo1 p {
	color: white; font-size: .9em; margin: 8px 5px 0 10px;
}
* html #homepageContent .promo1 p {
	margin: 5px 5px 0 10px;
}
#homepageContent .promo1 p a {
	background: URL(/images/homepage/arrow_details.gif) 0 0.5em no-repeat; text-decoration: none; color: yellow; padding-left: 8px;
}
#homepageContent .promo1 p a:hover {
	background: URL(/images/homepage/arrow_details_white.gif) 0 0.5em no-repeat; text-decoration: none; color: white; padding-left: 8px;
}

/*### END Homepage Styles ### */


/* ### Download Styles ### */
#downloadContent {
 	padding: 12px; border-bottom: 1px solid black; background: URL(/images/download/background_tile.gif) 0 0 repeat-y;
}
/* #downloadContent img{
 	float: left; margin: 0 10px 0 0;
} */
#downloadContent h1{
 	color: #660000; font-size: 1.6em; margin: 0; padding: 0;
}
#downloadContent h2 {
 	color: #CC0000; margin: 5px 0 10px 0;
}
#downloadContent h2.h2White {
 	color: white; margin: 5px 0 10px 0;
}
#downloadContent h2.h2Black {
 	color: black; margin: 15px 0 0 0;
}
#downloadContent h2.h2NeedHelp {
 	color: #CC0000; margin: 10px 0 0 0;
}
* html #downloadContent h2.h2NeedHelp {
 	color: #CC0000; margin: 15px 0 0 0;
}
#downloadContent p {
 	font-size: .9em; margin: 10px 0; line-height: 1.4em;
}
#downloadContent p a {
	color: #660000;
 	text-decoration: underline;
}
#downloadContent li a {
	color: #660000;
 	text-decoration: underline;
}
#downloadContent p a:hover {
 	text-decoration: none;
}
#downloadContent ul {
 	font-size: .9em; padding: 5px; margin: 0 0 10px 10px; line-height: 1.6em;
}
* html #downloadContent ul {
 	margin: 0 0 5px 10px;
}
#downloadContent ul a {
 	text-decoration: underline;
}
#downloadContent ul a:hover {
 	text-decoration: none;
}
/*.step {
	float: left; background: URL(/images/download/box_background_arrow.gif) -1px 0 no-repeat; margin: 0 5px 10px 0; width: 155px; border: 1px solid #CCC; border-top: 0; padding: 10px; min-height: 400px;
}
* html .step {
	 width: 145px; height: 420px; padding: 10px 0 10px 10px;
} */
.stepLast {
	float: left; background: URL(/images/download/green_box_background.gif) -1px 0 no-repeat; margin: 0 0 10px 0; width: 155px; border: 1px solid #CCC; border-top: 0; padding: 10px; min-height: 400px;
}
* html .stepLast {
	 width: 145px; height: 420px; padding: 10px 0 10px 10px;
}
.stepLast h2 {
	color: white!important;
}
.needHelp {
	float: left; background: URL(/images/download/box_background.gif) -1px 0 no-repeat; margin: 0 0 10px 0; width: 155px; border: 1px solid #CCC; border-top: 0; padding: 10px; min-height: 250px;
	position: relative; left: 2px;
}
* html .needHelp  {
	 width: 155px; height: 250px; 
}
.downloadFloat {
	float: left; padding-bottom: 10px;
}
* html .downloadFloat {
	float: left; padding-bottom: 0;
}
#columnLeft {
	width: 544px; float: left;
}
* html #columnLeft {
	width: 532px; float: left;
}
.imgMarg {
	margin-bottom: 10px!important;
}

/* ### END Download Styles ### */

/* Site Map Styles */
#sitemapContainer {

	background: url(/images/gammon-sitemap-background.jpg) top right no-repeat;

	border-left: solid black 1px;

	border-right: solid black 1px;

	border-bottom: solid black 1px;

	border-top: 0px; margin-top:0px;

	padding: 12px;
	/* height:430px; */

}



#sitemapContainer h1 {

color: #660000; font-size: 1.6em; margin: 0; padding: 0;

}



#sitemapContainer ul {

 	font-size: .9em; padding: 5px; margin: 0 0 10px 10px; line-height: 1.6em;

}



* html #sitemapContainer ul {

 	margin: 0 0 5px 10px;

}



#sitemapContainer ul a {
	color: #660000;
 	text-decoration: underline;

}



#sitemapContainer ul a:hover {

 	text-decoration: none;

}
/* error page styles*/
#sitemapContainer #errorpage {
	padding:12px
	}
#sitemapContainer #errorpage h1 {
	color:#660000;
	}

#sitemapContainer #errorpage #errorblock {
	float: right;
	margin-left:30px;
	width: 209px;
	} 
#sitemapContainer #errorpage #errorblock img {
	display:block;
	margin:0px;
	padding:0px;
	}
#sitemapContainer #errorpage #errorblock h2 {
	background-color:#660000;
	margin:0px;
	padding:5px 10px;
	color: white;
	font-size: 1em;
	}
#sitemapContainer #errorpage #errorblock p {
	background-color:#660000;
	margin:0px;
	padding:5px 10px;
	color: white;
	font-size: 0.9em;
    line-height: 1.5em;
}
#sitemapContainer #errorpage #errorblock ul {
	background-color:#660000;
	margin:0px;
	padding-left: 10px;
	list-style: none;
}
#sitemapContainer #errorpage #errorblock ul a {
	color: #FBB740;
	text-decoration: none;
	padding-left:0px;
	font-size: 0.9em;
	line-height: 1.6em;
	padding-bottom:10px;
}
#sitemapContainer #errorpage #errorblock ul a:hover {
    text-decoration: underline;
}
#sitemapContainer #errorpage #errorblock ul li {
	background-image:url(/images/arrow_yellow2.gif);
	padding-left: 10px;
	padding-right:10px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0 0.6em;
}
/**/

/* End of Site Map Styles */

@media all and (min-width: 0px)
{
body .imgIe {position: relative; top: -10px;}
	
}
@media all and (min-width: 0px)
{
body #homepageContent #icons #iconsCentre {height: 278px;}
}
@media all and (min-width: 0px)
{
body #homepageContent #rss {
	padding-top: 0;
}
}
@media all and (min-width: 0px)
{
body #homepageContent .promo {
	margin: 0 10px 0 0;
}
}
@media all and (min-width: 0px)
{
body #homepageContent .promo1 {
	min-height: 125px;
}
}

