html, body{ margin:0 auto; font-family:Arial, Verdana, Helvetica, sans-serif; color:#666666; background-color:#B5D7F2}

IMG { border:none; }
FORM { margin:0px; padding:0px;}
H1 { margin:0px; padding:0px; font-size:1.5em; color:#FFFFFF; }
H3 { font-weight: normal; font-size: 1.2em; margin-left: 20px; margin-top:0;}
INPUT{ border:1px solid #999999; color: #666666;}
A{ color:#666666; text-decoration:none;}
A:hover{ color:#007AC3;}

/* COMMON */
.horizontalSpacer{ float:left; width:1000px; max-height:20px; background-color: #FFFFFF;}
.verticalSpacer{ float:left; width:20px; height:100%; background-color:#FFFFFF;} 
#mainHeader { height:36px; line-height:36px; background-color:#007AC3; padding-right:20px; padding-left:20px; }
#mainHeader IMG { position:relative; top:-2px; }
#mainHeaderText{ float:left;  }
.error{ color:#007AC3; font-weight: bold;}
.errorSmall{color:#007AC3; font-weight: normal;}
.formRow{ height:25px;}
.smallText{ font-size:0.8em;}
.verticalLineSeperator{ float:left; width:1px; height:100%; background-color:#CCCCCC;}

/* HEADER */
#header{ margin:0 auto; position:relative; width:1000px; height:160px; padding-top:9px; padding-bottom:9px; }
#logo{ float:left; }
#thinRedBar { margin:0 auto; width:1000px; height:5px; background-color:#007AC3; font-size:0.1em;}

/* MAIN MENU */
#mainMenu { float:left; padding-left:20px; font-size:0.75em;}
#mainMenu A { color:#004990; text-decoration:none; }
#mainMenu A:hover { color:#007AC3; }
#mainMenu .selected { color:#007AC3 ; }
#mainMenu .selected:hover { color:#000000 ; }
.menuItem { padding:0.5px; }

/* TOP MENU */
#topMenu{ position:absolute; bottom:11px; right:0px; font-size:0.75em;}
html>body #topMenu{ bottom:7px;}
#topMenuItem{ float:left;}
#topMenu A { color:#004990; text-decoration:none; }
#topMenu A:hover { color:#007AC3; }
.topMenuItem { float:left; padding-left:5px; padding-right:5px;  }
#topMenu A.selected{ color:#007AC3 !important; }
#topMenu A:hover.selected { color:#000000 !important; }

/* SUB MENU */
#subMenu { float:left; padding-left:20px; font-size:0.75em;}
#subMenu A { color:#004990; text-decoration:none; }
#subMenu A:hover { color:#007AC3; }
#subMenu .selected { color:#007AC3 !important; }
#subMenu .selected:hover { color:#000000 !important; }
.subMenuItem { padding:0.5px; }


/* RANGES MENU */
#rangesMenu { float:left; padding-left:20px; font-size:0.75em;}
#rangesMenu A {color:#004990; text-decoration:none; }
#rangesMenu A:hover { color:#007AC3; }
#rangesMenu .selected { color:#007AC3 !important; }
#rangesMenu .selected:hover { color:#000000 !important; }
.rangesMenuItem { padding:0.5px; }

/* SINGLE RANGE MENU */
#singleRangeMenu { float:left; padding-left:20px; font-size:0.75em;}
#singleRangeMenu A { color:#004990;text-decoration:none; }
#singleRangeMenu A:hover { color:#007AC3; }
#singleRangeMenu .selected { color:#007AC3 !important; }
#singleRangeMenu .selected:hover { color:#000000 !important; }
.singleRangeMenuItem { padding:0.5px; }

/* FOOTER */
#footer { position:relative; float:left; width:100%; }
#footerInner { margin:0 auto;width:1000px; height:43px;line-height:43px; background-color:#CCCCCC; font-size:0.8em;}
#footerNewsletter{ padding-left:57px; padding-top:5px; height:43px; line-height:41px;}
#footerNewsletter LABEL{ position:relative; left:-33px;}
html>body #footerNewsletter{ line-height:32px; }
#footerNewsletter INPUT{ position:relative; top:4px; text-indent:2px; line-height:21px; width:198px; height:23px; background-color:#FFFFFF; border:1px #CCCCCC solid; }
html>body #footerNewsletter INPUT{ top:0px; padding-top:5px; height:20px;}
#footerNewsletter .submit{ width:71px; height:27px; background-color:#666666; color:#FFFFFF; border:1px #CCCCCC solid; }
html>body #footerNewsletter .submit { top:1px; height:28px; padding:0px;}
#footerCopyright{ float:right; height:43px; line-height:41px; padding-right:18px; padding-top:2px;}
html>body #footerCopyright{ padding-top:0px;}
#footerCopyright A{ color:#666666; text-decoration:none; }
#footerCopyright A:hover{ color:#007AC3; }

/* HOME PAGE */
#mailingListMsg{ margin:0 auto; width:955px; font-size:0.7em; color:#007AC3; font-style:italic; }

/* MAIN CONTAINER */
#mainContainer{ margin:0 auto; width:1000px; background-color:#FFFFFF; }

/* PRODUCTS */
#productMainBlock{ padding:20px;}
#productSubText{ float:left; width:350px; height:100%;  font-size:0.9em; }
.productItem{ position:relative; float:left; width:140px; height:180px; padding:0px; text-align:left;  }
.productItem A{ font-size:0.8em; color:#999999; text-decoration:none; }
.productItem A:hover{ color:#007AC3;}
.productIMG{/*margin:0 auto; width:120px; text-align:left;*/ }
#productRange{ position:relative; float:right; top:-18px; width:604px; padding-left:15px; border-left:1px #CCCCCC solid;  }

/* PRODUCT SINGLE RANGE */
#heroContainer { position:relative; }
#heroText{ position:relative; float:left; height:258px; width:240px; padding:20px; font-size:0.8em; }
#heroText #heroBottom {position:absolute; bottom:0px; width:240px;}
#heroImage{ text-align:right; height:318px; }
#productItemRange{float:left; width:960px; padding-left:20px; padding-right:20px; background-color:#FFFFFF;}

/* PRODUCT ITEM */
#productSingleRange{ float:left; width:960px; padding-left:20px; padding-right:20px; background-color:#FFFFFF;}
.productSingle{ position:relative; float:left; width:140px; height:180px; padding:0px; text-align:left; }
.productSingle A{ font-size:0.8em; color:#999999; text-decoration:none; }
.productSingle A:hover{ color:#007AC3;}
.productSingle .selected{ color:#007AC3;}
.productSingleIMG{ /*margin:0 auto; width:120px; text-align:left;*/}
.productSingleText{ display:block; width:120px; height:32px; line-height:15px; overflow:hidden;}
#actionsBox{ }
.actionItem{ margin:0 auto; width:95%; padding:2px;}
.actionItem A{ color:#007AC3; text-decoration:none;}
.actionItem A:hover{ color:#000000;}
.actionItem IMG{ position:relative; top:2px; }

/* CASE STUDIES */
#caseStudiesMainText{ margin:0 auto; width:970px; }
#caseStudiesMainText H2 { font-size: 1.1em; }
#caseStudiesMainText A{ font-weight: bold; color:#666666; text-decoration:none; }
#caseStudiesMainText A:hover { color:#007AC3}
#caseStudiesMainText HR { margin-bottom: 0; width: 40%; }

#caseStudiesBlock{ margin:0 auto; width:960px; }
.caseStudiesItem{ float:left; width:285px; height:70px; font-size:0.7em; }
.caseStudiesTitle A{ font-weight:bold; color:#000000; text-decoration:none; }
.caseStudiesTitle A:hover { color:#007AC3}
.caseStudiesText{}
.caseStudiesInfo{}
.caseStudiesBorders{ border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid;}
.caseStudiesColumn{ float:left; width:285px; padding-left:30px; }

/* NEWS */
#newsMainText{ margin:0 auto; width:960px; }
.newsMainTitle{ float:left; width:100%; }
.newsBlock{ margin:0 auto; width:960px; }
.newsItem{ float:left; width:415px; height:90px; font-size:0.7em; }
.newsTitle A{ font-weight:bold; color:#000000; text-decoration:none; }
.newsTitle A:hover { color:#007AC3;}
#newsTextTitle{ margin:0 auto; width:960px; font-size:1em;}
#newsText{ margin:0 auto; width:900px; font-size:0.8em;}
#newsInfo{ margin:0 auto; width:900px; font-size:0.8em; }
#newsBackLink{ margin:0 auto; width:900px; font-size:0.8em; }
#newsBackLink A{ color:#007AC3; text-decoration:none; }
#newsBackLink A:hover{ color:#000000;} 
#newsText A{ color:#007AC3; text-decoration:none; }
#newsText A:hover{ color:#000000;} 
.newsBorder{ border-right:1px #CCCCCC solid;}
.newsColumn{ float:left; width:415px; padding-left:30px; padding-right:30px; }
#newsArchive{ float:right; width:180px; padding-right:20px; text-align:right; font-size:0.8em; font-weight:bold;}
#newsArchive IMG{ position:relative; top:2px;}

/* JOBS */
#jobsMainText{ margin:0 auto; width:960px; }
.jobsMainTitle{ float:left; width:100%; }
.jobsBlock{ margin:0 auto; width:960px; }
.jobsItem{ float:left; width:415px; height:90px; font-size:0.7em; }
.jobsTitle A{ font-weight:bold; color:#000000; text-decoration:none; }
.jobsTitle A:hover { color:#007AC3;}
#jobsTextTitle{ margin:0 auto; width:960px; font-size:1em;}
#jobsText{ margin:0 auto; width:900px; font-size:0.8em;}
#jobsInfo{ margin:0 auto; width:900px; font-size:0.8em; }
#jobsBackLink{ margin:0 auto; width:900px; font-size:0.8em; }
#jobsBackLink A{ color:#007AC3; text-decoration:none; }
#jobsBackLink A:hover{ color:#000000;} 
#jobsText A{ color:#007AC3; text-decoration:none; }
#jobsText A:hover{ color:#000000;} 
.jobsBorder{ border-right:1px #CCCCCC solid;}
.jobsColumn{ float:left; width:415px; padding-left:30px; padding-right:30px; }
#jobsArchive{ float:right; width:180px; padding-right:20px; text-align:right; font-size:0.8em; font-weight:bold;}
#jobsArchive IMG{ position:relative; top:2px;}

/* LINKS */
#linksMainText{ margin:0 auto; width:960px; font-size:0.8em; }/*
.linkRow{ float:left; width:100%; font-size:0.8em; position:relative; }
.linkLogo{ float:left; width:50%; }
.linkText { float:left; width:50%;}
.linkText A { color:#000000;}
.linkText A:hover { color:#007AC3}*/
#linksItems{ margin:0 auto; width:960px; font-size:0.8em; }
.linkItemLeft{ float:left; width:49%; height:110px; border-right:1px #999999 solid; clear:left; }
.linkItemRight{ float:right;  width:49%; height:110px; }
.linkImage{ float:left; width:180px; }
.linkImage IMG{ border:1px #999999 solid; padding:2px;}
.linkText{float:left; width:280px; padding:5px; padding-top:0px; }
.linkHeading{ font-weight:bold;}
.linkInfo{ font-size:0.9em; }
.linkUrl A{ color:#007AC3; font-weight:bold; }
.linkUrl A:hover{ color:#000000; }

/* PLAIN PAGE */
#plainPageMainText{ margin:0 auto; width:960px; font-size:0.8em; }
#plainSubMenu{  margin:0 auto; position:relative; float:left; left:15px; width:960px; font-size:0.8em;  }
html>body #plainSubMenu{ top:2px;}
.plainSubMenuItem{ float:left; padding:7px;}
.plainSubMenuItem A { color:#666666; text-decoration:none; }
.plainSubMenuItem A:hover { color:#000000; }
.plainSubMenuItem .selected { color:#007AC3 !important; }
.plainSubMenuItem .selected:hover { color:#000000 !important; }
.plainSubMenuItemSpacer{ float:left; padding-top:7px; padding-bottom:7px;}
#plainPageTextLeft,
#plainPageTextLeftIndent { float:left; width:490px; font-size:0.8em; padding:5px; background-color:#FFFFFF;	}
#plainPageTextLeftIndent { padding-left: 40px; border: none; width: 550px;}
#plainPageTextLeft P{ margin-top:0px; }
#plainPageImage{ float:left; width:470px; background-color:#FFFFFF;}

#plainPageTextLeft A{ color:#666666; text-decoration:underline; }
#plainPageTextLeft A:hover{ color:#000000;}

/* CONTACT MAP */
#contactMapBlock {margin:0 auto; width:960px; font-size:0.8em;}
#contactMapTitle1{ position:relative; float:left; width:50%; }
#contactMapTitle1 A{ position:absolute; top:3px; right:12px; font-size:0.8em; }
#contactMapTitle2{ position:relative; float:left; width:50%; clear:right; }
#contactMapTitle2 A{ position:absolute; top:3px; right:12px; font-size:0.8em; }
#contactMap1{ float:left; width:50%; }
#contactMap2{ float:left; width:50%; }
#contactMapDirections1{float:left; width:460px; padding:10px; }
#contactMapDirections2{float:left; width:460px; padding:10px; }

/* CONTACT FORM */
#contactForm {margin:0 auto; width:960px; font-size:0.8em; clear:both; }
.contactFormColumn{ float:left; width:50%; }
.contactFormLabel{ float:left; width:100px; height:25px; }
.contactFormLabel.file{ margin-top:5px;}
.contactFormInput{ float:left; width:380px; height:25px; }
.contactFormInput INPUT{ width:200px; }
.contactFormInput.file {margin-top:5px;}
.largeInputBox{ width:300px !important; }
.contactFormInput SELECT{/* TO BE COMPLETED WHEN PAGE LAYOUT IS DESIGNED */}
.contactFormInput TEXTAREA{ width:350px; height:100px; }


/* FAQ */
#faqBlock{ margin:0 auto; width:960px;}
#faqTitle{ float:left; width:100%;}
#faqQuestions{ float:left; width:50%; height:100%;  font-size:0.8em; border-right:1px #CCCCCC solid; }
#faqQuestions A{ color:#000000; text-decoration:none;}
#faqQuestions A:hover{ color:#007AC3;}
#faqQuestions A.selected{ color:#007AC3;}
#faqAnswer{ position:relative; float:right; top:-8px; width:49%; font-size:0.8em; }
#faqAnswer P{ position:relative; top:-1em;}

/* BROCHURE PAGE */
#brochureList{ float:left; width:960px;}
.brochureCheckboxFormLabel{ float:left; width:165px; height:20px; font-size:0.8em;}
.brochureCheckboxFormInput{ float:left; width:25px; height:20px;}
.brochureCheckboxFormInput INPUT{ position:relative; top:-1px; width:20px; border:none;}
.brochureHeading{ float:left; width:100%;}
.brochureLineSeperator{ float:left; position:relative; width:960px; left:20px; height:1px; border-bottom:1px #999999 solid;}
#brochureSubmit{ float:left; padding-left:20px;}
#brochureText{ float:left; width:50%; font-size:0.8em;}

/* DEALER SEARCH */
H3 { margin-bottom: 9px;}
INPUT.search {	font-weight: bold;}
#storeFinderMapBlock DIV {	float: left;}
#storeFinderMapBlock #plainPageTextLeftIndent { width: 200px; line-height: 1.5em; }
#storeFinderMapBlock #map1 {	border:1px solid #666666;	position: relative; top: 9px;}
#storeFinderMapBlock #searchAgain { position: relative; left: 15px; top: 2px; }
#storeFinderMapBlock A.backToResults { font-weight: bold; } 
#searchAgain IMG { position: relative; top: 5px;}
#searchAgain A { font-weight: bold; font-size: 0.8em; color: #007AC3; }
#searchResults table { width: 740px; position: relative; top: 20px; }
#searchResults TH { background-color: #f2f2f2; color: #007AC3; font-weight: normal; text-align: left; font-size: 1.1em; padding-left: 2px; padding-top: 0px; }
#searchResults TD { vertical-align: text-top; padding: 5px 0; line-height: 1.5em; padding-left: 2px; border-top: solid 1px #cccccc; }
#searchResults TR.first TD { border-top: 0; }
#searchResults .viewMap { font-weight: bold; }
#searchResults .distance {font-size: 0.8em;}
#searchResults #searchAgain { position: relative; left: 79px; top: 2px }

/* RECRUITMENT FORM*/
#areaOfEmployment {padding-bottom:12px;}
.mainformtext { margin:0 auto; width:960px; font-size:0.8em; }

/*@import url("css/global2.css");*/

/* DEEP LINK */
#deepLogo{ margin:0 auto; width:1000px; text-align:right; font-size:0.6em; }
#deepLogo A{ color:#999999; text-decoration:none;}
#deepLogo A:hover{ color:#007AC3;}