html {
     background: #cfd9df url(/Images/html-background.gif) left top repeat-x;
     height: 100%;
     margin-bottom: 1px;
     

}

#page {
	width: 976px;
        margin: 0px auto 20px;
        background: #fff;

}
#wrapper {
	width: 955px;
	margin-right: auto;
	margin-left: auto;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:12pt;
        height: 100%;
        margin-bottom: 1px;
}
.bodyClass {
	background-color:none;
}
.TopRowClass {
	margin-bottom:20px;
        
}
h1 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top:0;
	color:#0c84cb;
	text-transform:uppercase;
}
h2 {
	font-weight: normal;
	font-size: 18px;
	margin: 0px 0px 10px;
	color:#0f5f8d;
	text-transform:uppercase;
}
h3 {
	color: #5bbf38;
        font-size: 13px;
        margin: 10px 0px 0px;
        font-weight: bold;
        
}
h4 {
	font-size:small;
	margin-bottom:10px;
	margin-top:0;
}
h5 {
	font-size:small;
	margin-bottom:0;
	margin-top:0;
}
h6 {
	font-size:small;
	margin-bottom:10px;
	margin-top:0;
}
p {
	font-size:12px;
        margin: 0px 0px 10px;

}

#CentreCol p {
text-align: justify;
}

strong {
	font-size:12px;
        font-weight:bold;
}
a img {
	border:none;
}
li {
	font-size:12px;
}
#row1 {
	width:955px;
}
#row2 {
	width:955px;
}
#row3 {
	width:955px;
}
.ThreeColLeft {
	float:left;
	margin-right:20px;
	min-height:300px;
	padding:0;
	width:197px;
	border-right: #cccccc 1px solid;
}
.ThreeColCentre {
	float:left;
	margin-right:20px;
	padding:0;
	width:530px;
}
.ThreeColRight {
	float:right;
	margin:0;
	padding:0;
	text-align:justify;
	width:187px;
}


.TwoColLeft, .TwoColRightCentre {
	width:605px;
	padding:0 25px 21px 23px;
	float:left;
}
.TwoColLeftCentre {
	width:745px;
	padding:0;
	float:right;
}
.TwoColCentre, .TwoColRightLeft {
	width:305px;
	padding:0px;
	float:right;
	/*background:#013074;
	min-height:500px;*/
}
.TwoColLeftLeft {
	width:190px;
	padding:0px;
	margin-right:20px;
	float:left;
	min-height:300px;
}
.OneColCentre {
	width:906px;
	padding:25px;
	float:left;
}
.TwoColEqualLeft, .TwoColEqualCentre {
	width:441px;
	padding:25px 0px 25px 25px;
	float:left;
}
.header {
	width:955px;
	background:transparent url(/Images/lifestyle-windows-logo.gif) no-repeat scroll 0 0;
  position: relative;
}

#head-text {
color:#337321;
font-size:12px;
position:absolute;
right:175px;
text-align:right;
top:22px;
}

.callus {
	color:#0C84CB;
	float:right;
	font-size:18px;
	margin-top:35px;
	width:160px;
}
.callusnumber {
	clear:right;
	color:#085A8A;
	float:right;
	font-size:23px;
	width:160px;
}
.headertext {
	color:#337321;
	float:left;
	font-size:11pt;
	font-style:italic;
	margin-left:160px;
	margin-top:63px;
}
#navigation {
	background:#0C84CB none repeat scroll 0 0;
	float:left;
	height:44px;
	margin-top:10px;
	padding:0;
	width:955px;
	margin-bottom:10px;
        
}
.padding5px{
	padding:5px 5px 5px 12px !important;
	height:34px !important;
}
.ImgGallery img{
	margin-right:20px;
	margin-bottom:20px
}
div.AutoSubNav {
        width: 177px;
        margin: auto;
        padding-bottom: 40px;
        overflow: hidden;
}

div.AutoSubNav.padding5px{
	padding:0px !important;
}

div.AutoSubNav ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        width: 100%;
}

div.AutoSubNav a {
        text-decoration: none;
        display: block;
}

div.AutoSubNav a:hover {
        color: #5bbf38;
        background: #eff9ff;
}

div.AutoSubNav a.active {
        color: #5bbf38 !important;
}

div.AutoSubNav > ul {
        list-style-type: none;
}

div.AutoSubNav > ul > li {
        margin-bottom: 4px;
}

div.AutoSubNav > ul > li > a {
        color: #085a8a;
        font-size: 14px;
        border-bottom: 1px dotted #dfe1e2;
}

div.AutoSubNav > ul > li > ul {
        list-style-type: none;
        padding-left: 10px;
}

div.AutoSubNav > ul > li > ul > li {
        margin-bottom: 3px;
}

div.AutoSubNav > ul > li > ul > li > a {
        color: #0c84cb;
        font-size: 13px;
}

div.AutoSubNav > ul > li > ul > li > ul {
        list-style-type: none;
        padding-left: 10px;
        margin-bottom: 5px;
}

div.AutoSubNav > ul > li > ul > li > ul > li {
        margin-bottom: 3px;
}

div.AutoSubNav > ul > li > ul > li > ul > li a {
        color: #919DA4;
        font-size: 12px;
}


table.PDFtab {
teaxt-align: center;
width:100%;
}

table.PDFtab td {
 width: 32%;
 padding:10px;
text-align: center;
 vertical-align: top;
}

table.PDFtab td h3 {
 font-size: 10px;
}

div.blog h2 {
        background: #0F5F8D;
        color: #fff;
        padding: 3px;
        font-size: 13px;
}

div.blog div.feeditem h3 a {
        color: #5BBF38;
        text-decoration: none;
}

div.blog div.feeditem h3 a:hover {
        color: #5BBF38;
        text-decoration: underline;
}

div.blog div.feeditem {
        border-bottom: 1px solid #0F5F8D;
}

div.caption {
font-size: 0.7em;
color: #999;
text-align: right;
float: right;
margin: 0px 0px 15px 15px;
}

.andyPDF {
width:200px;
float:right;
margin:0px 0px 15px 15px;
padding:5px;
background:#E3EAEE none repeat scroll 0 0;
border:1px solid #B5C5CF;
text-align: center;
}

.andyPDF a {
color:#5BBF38;
font-size:14px;
font-weight:bold;
margin:5px 0px 0px;
text-decoration:none;
}

.DownloadPdf{
	border:1px solid #000000;
	float:right;
	font-size:12px;
	margin-bottom:15px;
	margin-left:15px;
	padding:10px;
	width:115px;
        color: #5BBF38;
}
.DownloadPdf2{
	font-size:12px;
	margin-bottom:15px;
	margin-left:15px;
	padding:10px;
	width:115px;
	text-align:center;
        color:#5BBF38;
}
.DownloadPdfLeft{
	border:1px solid #000000;
	float:left;
	font-size:12px;
	margin-bottom:15px;
	margin-right:15px;
	padding:10px;
	width:115px;
color:#5BBF38;
}

.DownloadPdf a, .DownloadPdfLeft a, .DownloadPdf2 a {
color:#5BBF38;
text-decoration: none;

}

.offer {
	float:left;
	width:197px;
	height:235px;
	margin-right:2px;
}
.flash {
	float:left;
        left: 200px;
	width:566px;
	height:235px;
	margin-right:1px;
       
}
.call {
	color:#FFFFFF;
	float:right;
	font-size:12px;
	font-weight:bold;
	height:37px;
	margin-bottom:2px;
	padding:40px 5px 0 0;
	text-align:right;
	width:182px;
}
.call span {
	font-weight:normal;
	color:#94d0f4;
}

div.call > a {
	font-weight:normal;
	color:#94d0f4;
        text-decoration: none;
}



#breadcrumbs {
	background:#E4E4E4 none repeat scroll 0 0;
	border-bottom:1px solid #CCCCCC;
	color:#666;
	font-size:12px;
	padding:2px 10px;
}

#breadcrumbs a {
        color: #085a8a;
        text-decoration: none;
}

#breadcrumbs a:last-child {
        font-weight: bold;
}


.productsthumb {
	background:#eff9ff url(/Images/fold-pale-blue-inner-page.gif) no-repeat scroll right bottom;
	float:left;
	height:206px;
	margin-right:16px;
	width:163px;
	margin-top:10px;
	border:1px #a0ceea solid;
}
.productsthumbmore {
	text-align:center;
}

.productsthumbtitle {
	color:#085a8a;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	padding-top:5px;
}
.productsthumbimage {
	float:left;
	padding-left:5px;
	width:156px;
}
.productsthumblinks {
	color:#085a8a;
	float:left;
	font-size:11px;
	padding-left:10px;
	width:150px;
	height:70px;
}
.productsthumblinks a{
	color:#085a8a;
	text-decoration:none;
}

div.productsDiv {
        width: 508px;
        display: block;
        clear: both;
        border: 1px solid #DFE1E2;
        background: #EFF9FF;
        margin: 0px 0px 0px 0px;
        padding: 10px;
}

div.productsDiv img {
        float: left;
        margin: 0px 10px 10px 0px;
        border: 1px solid #CCCCCC;
}

div.productsDiv p {
        margin: 0px 0px 10px 111px;
}

div.productsDiv p :first-child {
        font-weight: bold;
}

div.productsDiv h3 {
        margin: 0px 0px 5px;
}
.homethumbgray {
	background:#919da4 url(/Images/fold-grey.gif) no-repeat scroll right bottom;
	float:left;
	height:206px;
	margin-right:20px;
	width:168px;
	margin-top:20px;
}
.homethumb {
	background:#0C84CB url(/Images/fold-blue.gif) no-repeat scroll right bottom;
	float:left;
	height:206px;
	margin-right:20px;
	width:168px;
}
.homethumbtitle {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	padding-top:5px;
}
.homethumbimage {
	float:left;
	padding-left:5px;
	width:156px;
}
.homethumblinks {
	color:#FFFFFF;
	float:left;
	font-size:11px;
	padding-left:10px;
	width:150px;
}
.homethumblinks a{
	color:#fff;
	text-decoration:none;
}
.last {
	margin-right:0px !important;
}
.double {
	margin-right:0;
	width:356px !important;
}
.right2 {
	color:#FFFFFF;
	float:right !important;
	padding-right:7px;
}
.right2 a {
	font-weight:bold;
}

.clear {
	clear:both;
}
.clear1px {
	clear:both;
	height:1px;
	overflow:hidden;
}
.footer {
	margin-top:20px;
}

.footer img {
        display: block;
}

.footerBlue {
        background: #085a8a;
        color: #b0daf3;
        width: 915px;
        padding: 20px;
        min-height: 236px;
}

.footerBlue div.divider {
        float: left;
        width: 87px;
        height: 113px;
        background: url(/Images/divider-footer-vertical.gif) center center no-repeat;
}

.footerBlue div.dividerHor {
        clear: both;
        width: 100%;
        height: 2px;
        background: url(/Images/divider-footer-hor.gif) center center no-repeat;
        padding: 20px 0px;
}


.footerBlue ul {
        margin: 0px;
        list-style-type: none;
        float: left;
        padding: 0px;
        width: 113px;
        height: 120px;
}

.footerBlue ul li {
        font-size: 11px;
}



.footerBlue a {
        color: #b0daf3;
        text-decoration: none;
}


.footerBlue a:hover {
        text-decoration: underline;
}

.footerContactInfo {
        font-size: 11px;
        width: 300px;
        float: left;
}

div.footer p {
	color:#fff;
}

.footerBot {
        color: #085a8a;
        font-size: 11px;
        margin: 10px auto;
        display: block;
        width: 915px;
}

.footerBot div.footerLeft {
        width: 50%;
        float: left;

}

.footerBot div.footerRight {
        width: 50%;
        float: right;
        text-align: right;
}


.footerBot div.footerRight a {
        color: #085a8a;
        text-decoration: none;
}

.footerBot div.footerRight a:hover {
        color: #085a8a;
        text-decoration: underline;
}

/* =================================================
    styles for the contact forms start
================================================== */

.contactformcol1 {
	float:left;
	width:250px;
}

.contactformcol2 {
	float:right;
	width:250px;
	margin-right:200px;
}

/* =================================================
    styles for the contact forms end
================================================== */
/* =================================================
    styles for the homepage call back form start
================================================== */ 

.contactformdiv, .newsfeeddiv, .thankyou, .countryselector {
	display:block;
	padding:0 0 0 0;
	color:#002D70;
	font-size:11px;
}
.contactformdiv a {
	color:#002D70;
}
.contactformdiv input, .contactformdiv textarea, .contactformdiv select {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
.captcha {
	display:block;
	margin:10px 0;
	padding:10px;
	background:#DDF;
}
.contactformdiv h1 {
	font-size:14px !important;
	color:#002d70;
	margin:0 0 15px 0;
	padding:0;
}

#captchacode {
	text-transform:uppercase;
}
.enquiryform {
	width:100%;
	background-color:#d3e8f4;
}
.enquiryform h2 {
	background:#d3e8f4 none repeat scroll 0 0;
	color:#0c84cb;
	height:30px;
	padding-left:10px;
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
}

.enquiryform label {
	padding-left:10px;
	color:#595959;
}

.enquiryform select{
	margin-left:10px;
	width:165px;
}

.enquiryform input{
	margin-left:10px;
	width:160px;
}

.enquiryform textarea{
	margin-left:10px;
	width:160px;
}

.enquiryformsubmitwrapper{
	background-color:#d3e8f4;
	width:100%;
}

.enquiryformsubmit{
	padding-left:10px;
	padding-right:8px;
}

/* =================================================
    styles for the homepage call back form end 
================================================== */ 

/* =================================================
    styles for the scrollable image gallery start 
================================================== */ 
.ImageGallery {
	background:#BFCFD8 url(/Images/fold-light-blue.gif) no-repeat scroll right bottom;
	float:left;
	height:190px;
	margin-top:20px;
	padding-left:10px;
	padding-right:5px;
	width:728px;
}
.ImageGalleryTitle {
	color:#0C84CB;
	font-size:14px;
	font-weight:bold;
	margin-left:10px;
	margin-top:10px;
}
div.scrollable { 
	/* required settings */ 
	background:#FFFFFF url(/Images/Scrollable/h300.png) repeat-x scroll 0 0;
	border:1px solid #CCCCCC;
	height:140px;
	margin-top:5px;
	overflow:hidden;
	position:relative;
	width:655px;
} 
 
div.scrollable div.items { 
	/* this cannot be too large */ 
	clear:both;
	position:absolute;
	width:20000em; 
} 
 
div.scrollable div.items div { 
	float:left; 
} 

div.scrollable img {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	cursor:pointer;
	float:left;
	height:110px;
	margin:12px 5px 0 7px;
	padding:2px;
	width:145px;
}

div.items div.active { 
	border:1px inset #ccc; 
	background-color:#fff; 
}

.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:transparent url(/Images/Scrollable/hori_large.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	float:left;
	font-size:1px;
	height:30px;
	margin:60px 5px 50px;
	width:30px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 

/* left */
a.left { margin-left: 0px; } 
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up and down */
a.up, a.down { 
	background:url(/Images/Scrollable/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; } 

/* disabled navigational button */
a.disabled {visibility:hidden !important;}


/* =================================================
    styles for the scrollable image gallery end 
================================================== */ 
 
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
div.menu ul {
	padding:0;
	margin:0;
	list-style:none;
	height:19px;
	position:relative;
	z-index:500;
	font-family:arial, verdana, sans-serif;

}
div.menu ul li {
	float:left; margin-right:0px;
}
div.menu ul li a {
	display:block;
	float:left;
	height:auto;
	line-height:19px;
	/*background:#333*/;
	color:#FFF;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	padding:0 20px 0 10px;
background: transparent url(/Images/divider-hor-nav.gif) no-repeat scroll left bottom;
}

div.menu > ul > li > a {
  height:34px;
  line-height:15px;
  padding:10px 0 0 0px;
  text-align:center;
  width:128px;
}

div.menu ul table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
div.menu ul li a:hover {
	z-index:10;
	position:relative;
	color:#fff;
	background-color:#009;
}
div.menu ul li:hover {
	position:relative;
	z-index:10;
}
div.menu ul li:hover > a {
	color:#fff;
	background:#009;
}
div.menu ul li:hover > a.sub {
	color:#fff;
	background-color:#009;
}
div.menu ul li.current a {
	color:#fff;
	/*background:#840;*/
}
div.menu ul li a.sub {
	background: /*#333*/ url(down-arrow.gif) no-repeat right center;
}
div.menu ul li.current a.sub {
	color:#fff;
	background:#009 url(down-arrow.gif) no-repeat right center;
}
div.menu ul :hover ul {
	left:0;
	top:44px;
	width:180px;
	background:#444;
}

/* keep the 'next' level invisible by placing it off screen. */
div.menu ul ul, div.menu ul :hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}
div.menu ul ul ul, div.menu ul ul :hover ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}

div.menu ul :hover ul :hover ul {
	left:190px;
	top:-1px;
	background:#999;
	white-space:nowrap;
	width:200px;
	z-index:200;
	height:auto;
}
div.menu ul :hover ul li {
	margin:0;
	border-top:1px solid #ccc;
}
div.menu ul :hover ul li a {
	width:200px;
	padding:0;
	text-indent:5px;
	background:#666;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	/*height:30px;
	line-height:30px;*/
}
div.menu ul :hover ul li a.fly {
	background:#666 url(Uploads/A6-07-05-C5-7D-26-CF/Images/right-arrow.gif) no-repeat right center;
}
div.menu ul :hover ul :hover {
	background-color:#009;
	color:#fff;
}
div.menu ul :hover ul :hover a.fly {
	background-color:#009;
	color:#fff;
}
div.menu ul :hover ul li.currentsub a {
	background:#009;
	color:#fff;
}
div.menu ul :hover ul li.currentsub a.fly {
	background:#009 url(Uploads/A6-07-05-C5-7D-26-CF/Images/right-arrow.gif) no-repeat right center;
	color:#fff;
}
div.menu ul :hover ul :hover ul li a {
	width:230px;
	padding:0;
	text-indent:10px;
	background:#3e3e3e;
	color:#fff;
}
div.menu ul :hover ul :hover ul :hover {
	background-color:#009;
	color:#fff;
}
div.menu ul :hover ul :hover ul li.currentfly a, div.menu ul :hover ul :hover ul li.currentfly a:hover {
	background:#009;
	color:#fff;
}