@charset "utf-8";

/* -------------------------------------------Colors 
blue #00aef0
orange #f79304

--------------------------------------------------*/

/* --------------STANDARD TAGS HERE --------------*/
body {
	background-image: url(/media/gnomen.co.uk/images/page-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
body.cms {background-image: url(/media/gnomen.co.uk/images/page-cms-bg.gif); background-color:#000000;}
p{
	font-size:12px;
	color:#FFFFFF;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
#content-wrapper-wht p{
	font-size:12px;
	color:#3e3e3e;
	}
h1{
	font-size:20px;
	color:#00aef0;
	font-weight:normal;
	margin-bottom:5px;
	}
h2{
	font-size:16px;
	color:#00aef0;
	margin-top:5px;
	}
h3{
	font-size:14px;
	color:#00aef0;
	font-weight:normal;
	margin-top:5px;
	}
#content_homepage h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}

/*----------------ID'S----------------------------*/
#wrapper { 
	width:940px; 
	margin-left:auto; 
	margin-right:auto;
	margin-top:0px;
	}
#header {
	width:940px;
	}
#logo-header {
	width:195px;
	clear:none;
	float:left;
	}
#phone-header {
	width:745px;
	clear:none;
	float:right;
	padding-top:21px;
	}
#menu {
	height:35px;
	clear:both;
	border-bottom:1px solid #000000;
	}
#menu-cms {
	height:35px;
	clear:both;
	border-bottom:1px solid #FFFFFF;
	}
#banner {
	width:940px;
	}
#content-wrapper {
	width:940px;
	background:url(/media/gnomen.co.uk/images/content-wrapper-bg.gif);
	background-repeat:no-repeat;
	padding-bottom:20px;
	}
#content-wrapper-wht {
	width:940px;
	background:url(/media/gnomen.co.uk/images/content-wrapper-wht-bg.gif);
	background-repeat:no-repeat;
	padding-bottom:20px;
	}
#content-wrapper-cms {
	width:940px;
	background-image:url(/media/gnomen.co.uk/images/content-wrapper-cms-bg.gif);
	background-repeat:no-repeat;
	padding-bottom:20px;
	}
#content-wrapper-nest {
	width:940px;
	background:url(/media/gnomen.co.uk/images/content-wrapper-nest-bg.gif);
	background-repeat:repeat-y;
	}
#content-wrapper-nest-wht {
	width:940px;
	background-color:#eaeaea;
	}
#content-wrapper-nest-cms {
	width:940px;
	background-color:#c3c3c3;
	}
#content-left {
	float:left;
	clear:none;
	width:720px;
	display:inline-block;
	}
#content-left-wht {
	float:left;
	clear:none;
	width:720px;
	}
#content_homepage {
	width:340px; 
	float:left; 
	clear:none; 
	padding-left:20px
	}
#clients-say { 
	width:357px; 
	float:right; 
	clear:none; 
	padding-top:100px;
	}
#content-right {
	float:right;
	clear:none;
	width:220px;
	background-color:#3E3E3E;
	display:inline-block;
	}
#content-right-cms {
	float:right;
	clear:none;
	width:220px;
	background-color:#FFFFFF;
	}
#nav-right {
	padding:10px;
	font-size:12px;
	color:#3e3e3e;
	font-weight:bold;
	}
#clearing{
	clear:both;
	}
#footer{
	padding-top:10px;
	} 
	
/* --------------CLASSES -------------------------*/
.pad {padding:10px}

.blue {color:#00aef0;}
.orange {color:#f79304;}
.gray{color:#3e3e3e;}
.wht, a.wht:link, a.wht:visited {color:#FFFFFF;}
a.wht:hover {color:#999999;}
.black{ color:#000000;}
.green{ color:#89a520;}

.menu-style{
	background-image: url(/media/gnomen.co.uk/images/nav/menu-side-left.gif);
	width:353px;
	float:right;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
	}
.menu-style-cms{
	background-image: url(/media/gnomen.co.uk/images/nav/menu-side-left-cms.gif);
	width:auto;
	padding:0 10px 0 10px;
	float:right;
width:353px;
	}
.text-box {
	padding:0 30px 0 20px;
	}
.wht-text-box {
	padding:10px 20px 10px 20px;
	margin-right:10px;
	background-image:url(/media/gnomen.co.uk/images/wht-text-box-bg.gif);
	color:#3e3e3e;
	}
.wht-text-box-news {
	padding:10px 20px 10px 20px;
	margin-right:10px;
	background-image:url(/media/gnomen.co.uk/images/wht-text-box-bg.gif);
	color:#3e3e3e;
	}
.wht-text-box-news p{color:#3e3e3e;}
.wht-text-box p {color:#3e3e3e;}
.wht-text-box li {color:#3e3e3e;}
.wht-text-box-news li {color:#3e3e3e;}
/* --------------LINKS ---------------------------*/
a:link {color:#00aef0;}
a:visited {color:#00aef0;}
a:hover { color:#999999;}

a.feature-tab:link{ color:#3e3e3e; text-decoration:none; display:block; padding:5px 0 5px 0; height:19px;}
a.feature-tab:visited{ color:#3e3e3e; text-decoration:none; display:block; padding:5px 0 5px 0; height:19px;}
a.feature-tab:hover{ color: #FFFFFF; text-decoration:none; display:block; padding:5px 0 5px 0; height:19px;}

a.white-link:link{ color:#FFFFFF; text-decoration:none;}
a.white-link:visited{ color:#FFFFFF; text-decoration:none;}
a.white-link:hover{ color: #CCCCCC; text-decoration:none;}
/* --------------FONTS ---------------------------*/
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font28{font-size:28px;}
.font20{font-size:20px;}
.font24{font-size:24px;}
.product_title {font-size:18px; font-style:normal; color:#424242; font-weight:normal;}
.product_title2 {font-size:14px; font-weight:bold; color:#424242;}
/* --------------UL's and LI's --------------*/

.arrows UL { 
	margin:5px 0 0 20px; 
	padding: 0 0 0 0; 
	LIST-STYLE-IMAGE: url(/media/gnomen.co.uk/images/arrow-blue.gif);
	}
	
.arrowsgray UL { 
	margin:5px 0 0 20px; 
	padding: 0 0 0 0; 
	LIST-STYLE-IMAGE: url(/media/gnomen.co.uk/images/arrow-gray.gif);
	}

.arrows-orange UL { 
	margin:5px 0 0 20px; 
	padding: 0 0 0 0; 
	LIST-STYLE-IMAGE: url(/media/gnomen.co.uk/images/arrow-orange.gif);
	}
	
.arrows-green UL { 
	margin:5px 0 0 20px; 
	padding: 0 0 0 0; 
	LIST-STYLE-IMAGE: url(/media/gnomen.co.uk/images/arrow-green.gif);
	}
	
li {
	color:#FFFFFF;
	}
#content-left-wht li{
	color:#3e3e3e;
	}
/* --------------region-left--------------*/
#title-banner-home h1{
	font-size: 32px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
#title-banner-home h2{
	font-size: 20px;
	font-weight: normal;
	color: #00aef0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
#title-banner-products h1{
	font-size: 32px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
#title-banner-products h2{
	font-size: 20px;
	font-weight: normal;
	color: #00aef0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
#title-banner-home{
	padding:0 20px 0 20px;
		}
#title-banner-products{
	padding:10px 20px 10px 20px;
	background-color:#3e3e3e;
		}
#clearingdiv {
	height: 1px;
	width: 700px;
	clear: both;
	}
#clearingdiv2 {
	height: 1px;
	width: 700px;
	clear: both;
	}
/* --------------FlashBOX--------------*/
				
#flashbox_header {
	background-image:url(/media/gnomen.co.uk/images/flashbox_header.gif);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	}		
#flash2 {
	float:left;
	}
#flashbox_footer {
	background-image:url(/media/gnomen.co.uk/images/flashbox_footer.gif);
	float:left;
	width:294px;
	height:80px;
	padding-top:20px;
	padding-left:20px;
	}			
#flashbox_footer-arows {
	float:left; 
	width:34px; 
	padding:20px;
	}
#flashbox_footer-text {
	float:left;
	}
#flashbox {
	width:314px;
	margin-right:20px;
	float:right
	}				
/* --------------products page-------------*/
#product1{
	padding:10px;
	margin-top:10px;
	}
#product1-left {
	width:283px;
	float:left;
	clear:none;
	padding-left:160px;
	padding-right:20px;
	padding-top:10px;
	}
#product1-right { 
	float:right;
	clear:none;
	background-image:url(/media/gnomen.co.uk/images/product1.gif);
	width:170px;
	height:117px;
	padding-top:174px;
	padding-left:17px;
	}		
#product2{
	padding:10px;
	}
#product2-left { 
	float:left;
	clear:none;
	background-image:url(/media/gnomen.co.uk/images/product2.gif);
	width:170px;
	height:127px;
	padding-top:164px;
	padding-left:17px;
	}
#product2-right {
	width:293px;
	float:right;
	clear:none;
	padding-right:150px;
	padding-left:20px;
	padding-top:10px;

	}	
/* --------------right-nav-------------*/
.cta-estate-suite-button, .cta-estate-suite-button:link, .cta-estate-suite-button:visited {
	background-image: url(/media/gnomen.co.uk/images/button1.gif);
	width: 153px;
	padding-top: 14px;
	padding-left: 47px;
	display: block;
	padding-bottom: 13px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.cta-estate-suite-button:hover {
	background-image: url(/media/gnomen.co.uk/images/button1_hover.gif);
	width: 153px;
	padding-top: 14px;
	padding-left: 47px;
	display: block;
	padding-bottom: 13px;
	color: #05a8e4;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}
.cta-estate-suite-button-cms, .cta-estate-suite-button-cms:link, .cta-estate-suite-button-cms:visited {
	background-image: url(/media/gnomen.co.uk/images/button1cms.gif);
	width: 153px;
	padding-top: 14px;
	padding-left: 47px;
	display: block;
	padding-bottom: 13px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.cta-estate-suite-button-cms:hover {
	background-image: url(/media/gnomen.co.uk/images/button1_hovercms.gif);
	width: 153px;
	padding-top: 14px;
	padding-left: 47px;
	display: block;
	padding-bottom: 13px;
	color: #05a8e4;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}
.cta-estate-suite-button2, .cta-estate-suite-button2:link, .cta-estate-suite-button2:visited {
	background-image: url(/media/gnomen.co.uk/images/button2.gif);
	width: 153px;
	padding-top: 14px;
	padding-left: 47px;
	display: block;
	padding-bottom: 13px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.cta-estate-suite-button2:hover {
	background-image: url(/media/gnomen.co.uk/images/button2_hover.gif);
	width: 153px;
	padding-top: 14px;
	padding-left: 47px;
	display: block;
	padding-bottom: 13px;
	color: #05a8e4;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}
.cta-estate-suite-button3, .cta-estate-suite-button3:link, .cta-estate-suite-button3:visited {
	background-image: url(/media/gnomen.co.uk/images/button3.gif);
	width: 153px;
	padding-top: 14px;
	padding-left: 47px;
	display: block;
	padding-bottom: 13px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.cta-estate-suite-button3:hover {
	background-image: url(/media/gnomen.co.uk/images/button3_hover.gif);
	width: 153px;
	padding-top: 14px;
	padding-left: 47px;
	display: block;
	padding-bottom: 13px;
	color: #05a8e4;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}
a.estate-suite-tabs, .cestate-suite-tabs:link, .estate-suite-tabs:visited {
	background-color:#FFFFFF;
	width: 153px;
	padding-top:7px;
	display: block;
	padding-bottom:6px;
	color: #333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
a.estate-suite-tabs:hover {
	background-image:url(/media/gnomen.co.uk/images/estate-suite-tab-bg-hover.gif);
	width: 153px;
	padding-top:7px;
	display: block;
	padding-bottom:6px;
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
a.estate-suite-tabs-active, .estate-suite-tabs-active:link, .estate-suite-tabs-active:visited {
	background-image:url(/media/gnomen.co.uk/images/estate-suite-tab-active-bg.gif);
	width: 153px;
	padding-top:7px;
	display: block;
	padding-bottom:6px;
	color: #00aef0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
a.estate-suite-tabs-active:hover {
	background-image:url(/media/gnomen.co.uk/images/estate-suite-tab-active-bg.gif);
	width: 153px;
	padding-top:7px;
	display: block;
	padding-bottom:6px;
	color: #00aef0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

/* --------------WEB GALLERY--------------*/
#gallery-tn-web1 a:link, #gallery-tn-web1 a:visited {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0001_h.jpg); float:left; display:block; clear: both;}
#gallery-tn-web1 a:hover {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0001.jpg); float:left; display:block;}

#gallery-tn-web2 a:link, #gallery-tn-web2 a:visited {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0002_h.jpg); float:left; display:block; clear: both;}
#gallery-tn-web2 a:hover {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0002.jpg); float:left; display:block;}

#gallery-tn-web3 a:link, #gallery-tn-web3 a:visited {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0003_h.jpg); float:left; display:block; clear: both;}
#gallery-tn-web3 a:hover {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0003.jpg); float:left; display:block;}

#gallery-tn-web4 a:link, #gallery-tn-web4 a:visited {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0004_h.jpg); float:left; display:block; clear: both;}
#gallery-tn-web4 a:hover {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0004.jpg); float:left; display:block;}

#gallery-tn-web5 a:link, #gallery-tn-web5 a:visited {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0005_h.jpg); float:left; display:block; clear: both;}
#gallery-tn-web5 a:hover {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0005.jpg); float:left; display:block;}

#gallery-tn-web6 a:link, #gallery-tn-web6 a:visited {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0006_h.jpg); float:left; display:block; clear: both;}
#gallery-tn-web6 a:hover {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0006.jpg); float:left; display:block;}

#gallery-tn-web7 a:link, #gallery-tn-web7 a:visited {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0007_h.jpg); float:left; display:block; clear: both;}
#gallery-tn-web7 a:hover {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0007.jpg); float:left; display:block;}

#gallery-tn-web8 a:link, #gallery-tn-web8 a:visited {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0008_h.jpg); float:left; display:block; clear: both;}
#gallery-tn-web8 a:hover {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0008.jpg); float:left; display:block;}

#gallery-tn-web9 a:link, #gallery-tn-web9 a:visited {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0009_h.jpg); float:left; display:block; clear: both;}
#gallery-tn-web9 a:hover {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0009.jpg); float:left; display:block;}

#gallery-tn-web10 a:link, #gallery-tn-web10 a:visited {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0010_h.jpg); float:left; display:block; clear: both;}
#gallery-tn-web10 a:hover {width:335px; height:195px; margin:10px 0 10px 15px; background-image:url(/media/gnomen.co.uk/images/gallery/web-pics_0010.jpg); float:left; display:block;}


a.no-underline:link{ text-decoration:none;}
a.no-underline:visited{ text-decoration:none;}
a.no-underline:hover{ text-decoration:none;}

.transparent
{
   filter:alpha(opacity=80); 
   -moz-opacity: 0.8; 
   opacity: 0.8; 
}

.formtitletd input{width:250px}
.formfieldtd textarea{width:250px; height:100px}
.formfieldtd select{width:250px}