/* UNIVERSAL STYLES
================================================================================*/

html, body{
	padding:0;
	margin:0;
	background: #f2f2f2;
	color:#3b3936;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	}

a:active{outline:none;}
	
:focus{outline:none;}
	
img, form{padding:0; margin:0; border:none;}
	
img a{border:none;}

p {margin-top: 0px; margin-bottom: 16px;}

.pEnd {margin: 0px;}

a:link {color: #81b20a; text-decoration: none; font-weight: bold; }
a:visited {color: #81b20a; text-decoration: none; font-weight: bold;}
a:hover {color: #567A00; text-decoration: underline; font-weight: bold;}
a:active {color: #81b20a; text-decoration: none; font-weight: bold;}

.alignleft {float: left;}
.alignright {float: right;}

hr {
	clear: both;
	border-top: #CCCCCC dotted 1px;
	border-right: #FFF dotted 1px;
	border-bottom: #FFF dotted 1px;
	border-left: #FFF dotted 1px;
	margin: 18px 0px 18px 0px;
}

.cleardiv{clear:both; font-size:0; height:0;}

.intro {font-size: 14px;}

.caption {margin: 0 0 7px 0;}
.note {font-size: 11px;}
.spaceBottom1 {margin: 0 0 20px 0;}
.floatLeft {float: left;}
.floatRight {float: right;}
.marginTopSixteen {margin: 16px 0 0 0;}
.paddingRightSixty {padding-right: 60px;}

h2 {
    font-size: 16px;
    font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}

h4 {
    font-size: 16px;
    font-weight: bold;
	margin-top: 37px;
}

ol{
	padding:0px 0 0px 16px;
	margin: 0px 0 0 0px;
	line-height: 15px;
	list-style:none;
	}
	
ol li{
	padding:0 0 0px 0px;
	margin:0 0 0px 0;
	}


/* RESET STYLES
================================================================================*/

.noBorder {border: 0;}
.noPadding {padding: 0;}
.noMargin {margin: 0;}




/* CONTAINER STYLES
================================================================================*/
	
#container{
	margin:16px auto 16px auto;
	width:988px;
	background: url(../images/container-bg.gif) top left repeat-y;
	}
	
#pageHeader{
	width:988px;
	background: #a3a39b url(../images/header-bg.gif) top left no-repeat;
	height: 111px;
	position: relative;
	}



/* HEADER STYLES
================================================================================*/
	
.logo{
	width:201px;
	height: 31px;
	position: absolute;
	top: 18px;
	left: 759px;
	}




/* GLOBAL NAV STYLES
================================================================================*/

.nav {
	width: 826px;
	height: 17px;
	background: url(../images/../images/global-navigation.gif) no-repeat;
	position: absolute;
	top: 65px;
	left: 38px;
}
.nav li {display: inline;}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 1;
	height: 17px;
	text-indent: -9000px;
	overflow: hidden;
}
.nav .home a:link, .nav .home a:visited {left: 0px; width: 36px;}
.nav .home a:hover, .nav .home a:focus {background: url(../images/global-navigation.gif) no-repeat 0px -17px;}
.nav .home a:active {background: url(../images/global-navigation.gif) no-repeat 0px -17px;}
.current-home .home a:link, .current-home .home a:visited {background: url(../images/global-navigation.gif) no-repeat 0px -17px;}

.nav .about a:link, .nav .about a:visited {left: 60px; width: 60px;}
.nav .about a:hover, .nav .about a:focus {background: url(../images/global-navigation.gif) no-repeat -60px -17px;}
.nav .about a:active {background: url(../images/global-navigation.gif) no-repeat -60px -17px;}
.current-about .about a:link, .current-about .about a:visited {background: url(../images/global-navigation.gif) no-repeat -60px -17px;}
	
.nav .quote a:link, .nav .quote a:visited {left: 145px; width: 107px;}
.nav .quote a:hover, .nav .quote a:focus {background: url(../images/global-navigation.gif) no-repeat -145px -17px;}
.nav .quote a:active {background: url(../images/global-navigation.gif) no-repeat -145px -17px;}
.current-quote .quote a:link, .current-quote .quote a:visited {background: url(../images/global-navigation.gif) no-repeat -145px -17px;}

.nav .product a:link, .nav .product a:visited {left: 275px; width: 131px;}
.nav .product a:hover, .nav .product a:focus {background: url(../images/global-navigation.gif) no-repeat -275px -17px;}
.nav .product a:active {background: url(../images/global-navigation.gif) no-repeat -275px -17px;}
.current-product .product a:link, .current-product .product a:visited {background: url(../images/global-navigation.gif) no-repeat -275px -17px;}
	
.nav .markets a:link, .nav .markets a:visited {left: 432px; width: 52px;}
.nav .markets a:hover, .nav .markets a:focus {background: url(../images/global-navigation.gif) no-repeat -432px -17px;}
.nav .markets a:active {background: url(../images/global-navigation.gif) no-repeat -432px -17px;}
.current-markets .markets a:link, .current-markets .markets a:visited {background: url(../images/global-navigation.gif) no-repeat -432px -17px;}
	
.nav .support a:link, .nav .support a:visited {left: 509px; width: 146px;}
.nav .support a:hover, .nav .support a:focus {background: url(../images/global-navigation.gif) no-repeat -509px -17px;}
.nav .support a:active {background: url(../images/global-navigation.gif) no-repeat -509px -17px;}
.current-support .support a:link, .current-support .support a:visited {background: url(../images/global-navigation.gif) no-repeat -509px -17px;}

.nav .micro a:link, .nav .micro a:visited, .nav .micro a:focus  {left: 655px; width: 171px;}
.nav .micro a:hover {background: url(../images/global-navigation.gif) no-repeat -655px -17px;}
.nav .micro a:active {background: url(../images/global-navigation.gif) no-repeat 655px 17px;}
/*.current-micro .micro a:link, .current-micro .micro a:visited {background: url(../images/global-navigation.gif) no-repeat -655px -17px;}*/
	
	
/* HOMEPAGE STYLES
================================================================================*/
	
#homeImageStrip{
	width:978px;
	height: 110px;
	position: relative;
	border-top: #FFF solid 1px;
	border-bottom: #FFF solid 1px;
	margin: 0 0 0 5px;
	background-color: #666;
	}
	
#homeMainImageHolder{
	width:978px;
	height: 396px;
	position: relative;
	margin: 0 0 0 5px;
	background-color: #666;
	color: #FFF;
	}
	
#homeMainImageHolder ul {margin: 8px 0px 26px 0px;
	padding: 0px 0px 0px 16px;
	list-style-type: none;
}

#homeMainImageHolder li {background: url(../images/bullet02.gif) no-repeat 0px 7px;
	padding: 0px 0px 4px 12px;
}

#homeMainImageHolder a:link {color: #FFF; text-decoration: underline; }
#homeMainImageHolder a:visited {color: #FFF; text-decoration: underline; }
#homeMainImageHolder a:hover {color: #FFF; text-decoration: none; }
#homeMainImageHolder a:active {color: #FFF; text-decoration: underline; }	

#homeMainImageHolder h1 {
	font-size: 14px;
    font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	line-height: 14px;
}

#homeNewsStrip{
	width:935px;
	height: 32px;
	position: relative;
	border-bottom: #FFF solid 1px;
	margin: 0 0 0 5px;
	padding: 13px 11px 3px 32px;
	background-color: #b1e535;
	font-size: 11px;
	}

#homeNewsStrip a:link {color: #3b3936; text-decoration: underline; }
#homeNewsStrip a:visited {color: #3b3936; text-decoration: underline; }
#homeNewsStrip a:hover {color: #3b3936; text-decoration: none; }
#homeNewsStrip a:active {color: #3b3936; text-decoration: underline; }	

.homeNewsHolder{
	float: left;
	width: 760px;
	padding: 2px 0 0 0;
}

.homeNewsButtonHolder{
	float: right;
	width: 161px;
	height: 23px;
	text-indent: -9000px;
}

.homeNewsButtonHolder a:link {background: url("../images/press-release-btn.gif"); background-position: 0px 0px; width: 161px; height: 23px; display: block; color:#FFF; padding: 0px 0 0 0; text-decoration: none;}
.homeNewsButtonHolder a:visited {background: url("../images/press-release-btn.gif"); background-position: 0px 0px; width: 161px; height: 23px; display: block; color:#FFF; padding: 0px 0 0 0; text-decoration: none;}
.homeNewsButtonHolder a:hover {background: url("../images/press-release-btn.gif"); background-position: 0px -23px; width: 161px; height: 23px; display: block; color:#FFF; padding: 0px 0 0 0; text-decoration: none;}
.homeNewsButtonHolder a:active {background: url("../images/press-release-btn.gif"); background-position: 0px -23px; width: 161px; height: 23px; display: block; color:#FFF; padding: 0px 0 0 0; text-decoration: none;}


/* SUB NAV STYLES
================================================================================*/

#subNavHolder{
	width:978px;
	height: 25px;
	position: relative;
	border-top: #FFF solid 1px;
	border-bottom: #FFF solid 1px;
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
	background-color: #b1e535;
}

#subNavHolder ul {
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#subNavHolder li {display: inline; padding: 0px 0px 0px 16px;}

#subNavHolder a:link {font-weight: normal; color: #3b3936; text-decoration: none;}
#subNavHolder a:visited {font-weight: normal; color: #3b3936; text-decoration: none;}
#subNavHolder a:hover {font-weight: normal; color: #3b3936; text-decoration: underline;}
#subNavHolder a:active {font-weight: normal; color: #3b3936; text-decoration: none;}

.current-subNav a:link, .current-subNav a:visited {background: url(../images/subnav-arrow.gif) no-repeat 0px 5px; padding: 0 0 0 12px;}

.about {margin: 3px 0px 0px 30px;}
.smallwind {margin: 3px 0px 0px 80px;}
.product {margin: 3px 0px 0px 160px;}
.markets {margin: 3px 0px 0px 17px;}
.support {margin: 3px 0px 0px 10px;}
	


/* GENERAL CONTENT STYLES
================================================================================*/

#topPictureHolder{
	width:978px;
	height: 94px;
	position: relative;
	margin: 0 0 0 5px;
	background: #FFF;
}

#mainContentHolder{
	width:914px;
	min-height: 270px;
	position: relative;
	margin: 0 0 0 5px;
	padding: 32px;
	background-color: #FFF;
}

.specialList a:link{color:#3b3936; font-weight: normal; text-decoration: underline;}
.specialList a:hover{color:#567A00; font-weight: normal; text-decoration: none;}

#galleria{width:914px;height:580px;margin:0}



/* LEFT SIDE CONTENT STYLES
================================================================================*/

.leftContentHolder {float: left; width: 622px;}

.leftContentHolderFullWidth {float: left; width: 914px;}

.leftContentHolder ul, .leftContentHolderFullWidth ul {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 16px;
	list-style-type: none;
}

.leftContentHolder li, .leftContentHolderFullWidth li {
	background: url(../images/bullet03.gif) no-repeat 0px 7px;
	padding: 0px 0px 4px 12px;
}


/* RIGHT SIDE CONTENT STYLES
================================================================================*/

.inlineContentHolder {float: left; width: 260px; margin: 2px 16px 0 0;}
.rightContentHolder {float: right; width: 260px; margin: 40px 0 0 0;}
.rightContentHolderNoTopMargin {float: right; width: 260px; margin: 0 0 0 0;}

.rightContentHolder ul, .rightContentHolderNoTopMargin ul {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 16px;
	list-style-type: none;
}

.rightContentHolder li, .rightContentHolderNoTopMargin li {
	background: url(../images/bullet03.gif) no-repeat 0px 7px;
	padding: 0px 0px 4px 12px;
}

.localNav li {background: url(../images/bullet01.gif) no-repeat 0px 7px; font-weight: bold;}

.greyPromoHolder {width: 260px; background: url(../images/right-side-grey-bg.gif) bottom left no-repeat; padding: 0 0 1px 0; margin: 0 0 20px 0;}
.greyPromoTop {width: 260px; height: 17px; background: url(../images/right-side-grey-top.gif) top left no-repeat;}
.greyPromoContent {width: 226px; margin: 0 17px 0 17px; font-size: 11px;}
.greyPromoContent p {margin: 0px 0px 16px 0px; line-height: 14px;}

.greenPromoHolder {width: 260px; background: url(../images/right-side-green-bg.gif) bottom left no-repeat; padding: 0 0 1px 0; margin: 0 0 20px 0;}
.greenPromoTop {width: 260px; height: 17px; background: url(../images/right-side-green-top.gif) top left no-repeat;}
.greenPromoContent {width: 226px; margin: 0 17px 0 17px; font-size: 11px;}
.greenPromoContent p {margin: 0px 0px 16px 0px; line-height: 14px;}

.inlineGreyPromoHolder {width: 260px; background: url(../images/right-side-grey-bg.gif) bottom left no-repeat; padding: 0 0 1px 0; margin: 3px 0 0 0;}

.whitePromoHolder {width: 260px; padding: 0 0 1px 0; margin: 0 0 20px 0; text-align: center;}

.promoImg {margin: 4px 0px 4px 0px;}

.inlineContentHolderWide {float: left; width: 622px; margin: 0 0 20px 0;}
.inlineGreyPromoHolderWide {width: 622px; background: url(../images/right-side-grey-bg-wide.gif) bottom left no-repeat; padding: 0 0 1px 0; margin: 3px 0 0 0;}
.greyPromoTopWide {width: 622px; height: 17px; background: url(../images/right-side-grey-top-wide.gif) top left no-repeat;}
.greyPromoContentWide {width: 588px; margin: 0 17px 0 17px; font-size: 11px;}
.greyPromoContentWide p {margin: 0px 0px 16px 0px; line-height: 14px;}


.inlineMediaContentHolder {float: left; width: 260px; margin: 0 36px 36px 0;}
.mediaImageSpace {margin: 0 0 36px 0; clear: both;}



/* SPECIAL CONTENT STYLES
================================================================================*/

.teamFloatleft{
	float: left;
	width: 100px; height: 100px;
	margin: 4px 0px 0px 0px;
}
.teamText {margin-left: 120px;}

.supportersFloatleft{
	float: left;
	clear: both;
	width: 226px; height: 92px;
	margin: 4px 0px 18px 0px;
}
.supportersText {margin-left: 246px;}

.awardsFloatleft{
	float: left;
	clear: both;
	width: 150px; height: 79px;
	margin: 4px 0px 18px 0px;
}
.awardsText {margin-left: 170px;}

.recTable {margin: 0px 0px 16px 0px;}

.recTable td {padding: 4px 0px 4px 0px; border-bottom: #CCCCCC dotted 1px;}

.cellPad{padding: 2px 10px 10px 10px;}

.shortLineSpace {line-height: 14px; padding: 0 0 6px 0;}

#dynloadarea{
	float: left;
	width: 196px;
	height: 196px;
	border: #ccc dotted 1px;
	padding: 8px;
	margin: 0 0 10px 0;
}

.teamText {margin-left: 120px;}

.QR6kWleftCell {
	width: 30%;
}
.QR6kWmidCell {
	width: 70%;
	padding: 0px 26px 10px 0px;
}

.normalLink a:link{color:#3b3936; font-weight: normal; text-decoration: underline;}
.normalLink a:visited {color:#3b3936; font-weight: normal; text-decoration: underline;}
.normalLink a:hover{color:#567A00; font-weight: normal; text-decoration: none;}
.normalLink a:active {color:#3b3936; font-weight: normal; text-decoration: underline;}

.hotspot {padding: 0px 0px 0px 4px; font-size: 11px;}

.fullWidthContentHolder {
	float: left; 
	clear: both;
	width: 914px;
	border-top: dotted #CCC 1px;
	margin: 16px 0 0 0;
	padding: 16px 0 0 0;
}


.leftThirdContentHolder {float: left; width: 350px;}
.rightThirdContentHolder {float: right; width: 520px;}

.leftInternationalContentHolder {float: left; width: 181px;}
.rightInternationalContentHolder {float: right; width: 733px;}

.ukDistributorsListHolder {float: left;}
.ukContentHolder {float: left; width: 283px; margin: 0 0 0 20px;}

.distributorLogo {float: left; margin: 0 16px 0 0;}



/*QUOTE FORM STYLES
================================================================================*/

.quoteTable {
	width: 100%;
	margin: 0px 0px 0px 0px;
}

.quoteTable td {padding: 4px 6px 4px 6px;}

.quoteTableStart {
	width: 100%;
	margin: 0px 0px 10px 0px;
}

.quoteTableStart td {padding: 4px 6px 4px 6px;}

.distanceTable {
	width: 100%;
	margin: 10px 0px 0px 0px;
	font-size: 0.8em;
	border-top: #CCCCCC solid 1px;
	border-left: #CCCCCC solid 1px;
}

.distanceTable td {padding: 2px; border-bottom: #CCCCCC solid 1px; border-right: #CCCCCC solid 1px;}

.quoteRedText  {color: #900;}

.quoteBorder  {border-bottom: #E8E8E8 solid 1px;}

.quoteLightGreyBG  {background: #E8E8E8; border-bottom: #FFFFFF solid 1px; border-right: #FFFFFF solid 1px;}
.quoteMidGreyBG  {background: #CCCCCC; border-bottom: #FFFFFF solid 1px; border-right: #FFFFFF solid 1px;}

.quoteMidGreenBG  {background: #b1e535; border-bottom: #FFFFFF solid 1px; border-right: #FFFFFF solid 1px;}
.quoteLightGreenBG  {background: #d8f29a; border-bottom: #FFFFFF solid 1px; font-weight: bold; border-right: #FFFFFF solid 1px;}


.quoteLeftCell {
	text-align: right !important;
	vertical-align: middle;
}
.quoteLeftCell02 {
	text-align: left !important;
	vertical-align: middle;
}

.quoteNote {font-size: 0.8em; line-height: 1.0em;}
.quoteTotal {text-align: right; font-weight: bold;}
.quoteError {background: #b1e535; padding: 20px 20px 20px 20px !important; font-weight: bold; border-top: #FFFFFF solid 2px; border-bottom: #FFFFFF solid 2px; border-right: #FFFFFF solid 2px;}

.quoteSelectSml {width: 80px; margin-top: 6px;}
.quoteSelectDetails {width: 130px; margin-top: 0px;}
.quoteSelectMed {width: 130px; margin-top: 6px;}
.quoteSelectLrg {width: 370px; margin-top: 6px;}

.quoteRadio {margin-top: 6px;}

.quoteButton {
	width: auto;
	padding: 0px 2px;
	font-size: 0.8em;
	margin-left: 6px;
}

.quoteSendButton {
	width: 240px;
	padding: 4px 0px;
}



/* FORM STYLES
================================================================================*/

#honeytrap {
	display:none;
}


.formTable {
	width: 622px;
	margin: 0;
}

.formTable td {
	padding: 6px;
}
.formTable02 td {
	padding: 6px 0px 6px 0px;
}

.leftCell {
	text-align: right !important;
	vertical-align: top;
}

.leftCell01 {
	text-align: left !important;
	vertical-align: top;
}

.leftCell02 {
	text-align: left !important;
	vertical-align: top;
}
.leftCell03 {
	text-align: right !important;
	vertical-align: middle;
}
.leftCell04 {
	text-align: center !important;
	vertical-align: middle;
}
.leftCell05 {
	text-align: left !important;
	vertical-align: middle;
}
.rightCell01 {
	text-align: left !important;
	vertical-align: top;
}
.titleCell01 {
	text-align: left !important;
	vertical-align: middle;
}
.cellBorder {
	border-bottom: #ccc dotted 1px;
	padding-bottom: 12px !important;
}	
.cellBorderTop {
	border-top: #ccc dotted 1px;
	padding-top: 12px !important;
}	

.mandatory  {
	color: #900;
	font-size: 110%;
	font-weight: bold;

}

.button {
	width: auto;
	padding: 2px 4px;
}

input {font-family: Verdana, Geneva, sans-serif; padding: 2px 4px;}



/* ACCORDION ITEMS
================================================================================*/

.question{
	clear: both;
	float: left;
	cursor: hand;
	cursor: pointer;
	margin: 0 0 12px 0;
	padding: 9px 7px 9px 27px;
	width: 587px;
}

.answer{
	padding: 0 0 0 0px;
	margin: 15px 0 0 0;
	width: 587px;
}

.openanswer{color: #81b20a; background: #FFF url(../images/contract-icon.gif) left center no-repeat; border-top: #CCC dotted 1px; border-bottom: #CCC dotted 1px;}
.closedanswer{color: #81b20a; background: #F2F2F2 url(../images/expand-icon.gif) left center no-repeat; border-top: #CCC dotted 1px; border-bottom: #CCC dotted 1px;}



/* FOOTER STYLES
================================================================================*/
	
#footerHolder{
	width:950px;
	background: #f2f2f2 url(../images/footer-bg.gif) bottom left no-repeat;
	height: 201px;
	padding: 0 0 0 38px;
	margin: 0;
	position: relative;
	font-size: 11px;
	color: #FFF;
	}
	
.footerNavHolder{
	float: left;
	margin: 0 0 10px 0px;
	padding: 0 0 0 0;
	width: 950px;
	height: 152px;
	}
	
	
.footerItemHolder{
	float: left;
	margin: 0 30px 0 0;
	padding: 8px 0 0 0;
	width: 160px;
	}
	
.footerItemHolder2{
	float: left;
	margin: 0 30px 0 0;
	padding: 8px 0 0 0;
	width: 155px;
	}
	
.footerTitle{
	font-weight: bold;
	border-bottom: #b8b7b1 solid 1px;
	}
	
#footerHolder ul{
	padding:0px 0 0px 0;
	margin: 2px 0 0 0px;
	line-height: 15px;
	list-style:none;
	}
	
#footerHolder ul li{
	padding:0 0 0px 9px;
	margin:0 0 0px 0;
	background:url(../images/footer-bullet.gif) no-repeat 0px 8px;
	}

#footerHolder a:link {color: #FFF; text-decoration: none; font-weight: normal;}
#footerHolder a:visited {color: #FFF; text-decoration: none; font-weight: normal;}
#footerHolder a:hover {color: #FFF; text-decoration: underline; font-weight: normal;}
#footerHolder a:active {color: #FFF; text-decoration: none; font-weight: normal;}

.footerTextHolder{
	clear: both;
	float: left;
	margin: 0 38px 10px 0px;
	border-top: #b8b7b1 solid 1px;
	padding: 5px 0 0 0;
	width: 912px;
	}
	



/* BROWNSTUDIO STYLES
================================================================================*/
	
#creditHolder{
	width:950px;
	height: 20px;
	padding: 10px 38px 0 0;
	margin:  0;
	position: relative;
	font-size: 10px;
	color: #818179;
	text-align: right;
	background: #f2f2f2;
	}

#creditHolder a:link {color: #818179; text-decoration: none; font-weight: bold;}
#creditHolder a:visited {color: #818179; text-decoration: none; font-weight: bold;}
#creditHolder a:hover {color: #818179; text-decoration: underline; font-weight: bold;}
#creditHolder a:active {color: #818179; text-decoration: none; font-weight: bold;}