﻿/*
Blue : #1B75BC
Green : #00aaa4
Light gray : #e6e6e6
*/
body 
{
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	font-family : Verdana, Arial;
	font : Verdana;
	font-size : 11pt;
	background-color : #000000;
	border-top-color: #000000;
	border-top-width: 15px;
	border-top-style: solid;
}
html {
  overflow-y: scroll;
}

hr
{
	border-top-style : dotted;
	border-top-color : Gray;
	border-top-width : 1px;	
	border-bottom : none;
	height : 1px;
}

h1
{
	display :inline;
	font-size : 12pt;
	color : #1B75BC;
}

h2
{
	display :inline;
	font-size : 12pt;
}
h3
{
	display :inline-block;
	font-size : 12pt;
	margin : 5px;
}
h4
{
	display :block;
	font-size : 12pt;
	margin : 0;
	padding : 0;
	color : #1B75BC;
}

#main
{
	width : 970px;
	padding-bottom : 15px;
	margin-left: auto;
	margin-right: auto;
}

#topBar
{
	height : 111px;
	background-image: url(images/webheader2.gif);
	background-repeat: no-repeat;
}
#topBarManual
{
	height : 111px;
	background-image: url(images/webheader_manual2.gif);
	background-repeat: no-repeat;
}
#topBarElectric
{
	height : 111px;
	background-image: url(images/webheader_electric2.gif);
	background-repeat: no-repeat;
}
#topBarSmoke
{
	height : 111px;
	background-image: url(images/webheader_smoke2.gif);
	background-repeat: no-repeat;
}
#contentPanel
{
	width : 950px;
	margin-top : 0px;
	padding : 10px;
	background-color : #ffffff;
}

#menuPanel
{
	width : 935px;
	padding : 8px;
	color : White;
	margin-bottom: 10px;
	background-image: url(images/menuBar.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
#menuPanel a
{
	color : White;
	margin-left : 15px;
	margin-right : 15px;
	text-decoration : none;
}
#menuPanel a:hover
{
	color: #FFFF00;
}


#content
{
	
}

#footerPanel
{
}

#footerPanel a
{
	color : gray;
	margin-left : 5px;
	margin-right : 5px;
	text-decoration : none;
	font-size : 9pt;
}
#footerPanel a:hover
{
	text-decoration : underline;
}
#footerPanel .divide
{
	height : 10px;
	display : inline;
	border-left : solid 1px gray;
}

#address
{
	font-size : 8pt;
	color : Black;
	margin-left : 5px;
	margin-top : 15px;
	float: left;
}

#contactDetails
{
	color : #1B75BC;
	float : right;
	font-size : 12pt;
	
}
#contactDetails h1
{
	color : #1B75BC;
	float : right;
	font-size : 12pt;
	
}

#contactDetails a
{
	color : #1B75BC;
	text-decoration : none;
	font-size : 12pt;
}
#contactDetails a:hover
{
	text-decoration : underline;
}

#logo
{
	padding-top: 20px;
	float : left;
}
#topText
{
	padding-top: 48px;
	float : right;
}

#homeColumn1
{
	float : left;
	width : 715px;
	padding : 10px 5px 10px 0px;
}
#homeColumn2
{
	width : 215px;
	padding : 10px 0px 0 5px;
	float : left;
	margin-left: 10px;
}

#flashHome
{
	height : 225px;
	background-color : #777777;
	width: 715px;
}

#description
{
	margin-top : 10px;
	background-color : #cccccc;
	padding : 15px;
}

#latestnews
{
	background-color : #000000;
	;
	color : White;
	padding : 3px;
	height : auto;
	font-size : 11pt;
	margin-bottom : 10px;
}
#newscontent
{
	background-color : #ffffff;
	color : Black;
	padding : 6px;
	font-size : 10pt;
	height: auto;
}

#prodCat
{
	background-color : #1B75BC;
	color : White;
	padding : 3px;
	font-size : 11pt;
}
#prodContent
{
	background-color : White;
	color : Black;
	padding : 6px;
	font-size : 10pt;
}

#featuredItem
{
	background-color : #000000;;
	color : White;
	padding : 3px;
	font-size : 11pt;
	margin-bottom : 10px;
}
#featuredContent
{
	background-color : #ffffff;
	color : Black;
	padding : 6px;
	font-size : 10pt;
}
#featuredImage
{
	background-color : #bbbbbb;
	height : 110px;
	width : 197px;
	margin-bottom: 4px;
}

#websiteBML
{
	font-size : 9pt;
	color : gray;
	margin-left : 0px;
	margin-top : 10px;
}

#menuColumn
{
	width : 205px;
	float : left;
	background-color : #e6e6e6;
	padding: 5px;
}

#productContent
{
	float: right;
	width: 705px;
	margin-left: 30px;
}
#productContent2
{
	float: right;
	padding-left : 0px;
	width: 705px;
	height: 400px;
}
#manualnavheader
{
	padding : 13px 0px 0px 15px;
	color : White;
	font-size : 14pt;
	width:195px;
	background-image: url(images/manualheaderbox.gif);
	height: 45px;
	background-repeat: no-repeat;
	margin: 0px;
}
#manualnavheader a
{
	text-decoration: none;
	color: #FFFFFF;
}
#manualnavheader a:hover
{
	text-decoration: underline;
}
#electricnavheader
{
	padding : 13px 0px 0px 15px;
	color : White;
	font-size : 14pt;
	width:195px;
	background-image: url(images/electricheaderbox.gif);
	height: 45px;
	background-repeat: no-repeat;
	margin: 0px;
}
#electricnavheader a
{
	text-decoration: none;
	color: #FFFFFF;
}
#electricnavheader a:hover
{
	text-decoration: underline;
}

#smokenavheader
{
	padding : 13px 0px 0px 15px;
	color : White;
	font-size : 14pt;
	width:195px;
	background-image: url(images/smokeheaderbox.gif);
	height: 45px;
	background-repeat: no-repeat;
	margin: 0px;
}
#smokenavheader a
{
	text-decoration: none;
	color: #FFFFFF;
}
#smokenavheader a:hover
{
	text-decoration: underline;
}


#manTitle
{
	padding : 13px 0px 9px 20px;
	color : White;
	font-size : 14pt;
	width:700px;
	background-image: url(images/titlebar_manual.gif);
	background-repeat: no-repeat;
	height: 51px;
	margin-top: 5px;
}
#electricButton {
	padding : 5px;
	margin : 5px;
	background-color : #F47721;
	color : White;
	font-size : 12pt;
	width:195px;
}
#elecTitle
{
	padding : 13px 0px 9px 20px;
	color : White;
	font-size : 14pt;
	width:700px;
	background-image: url(images/titlebar_electric.gif);
	background-repeat: no-repeat;
	height: 51px;
	margin-top: 5px;
}
#smokeButton {
	padding : 5px;
	margin : 5px;
	background-color : #9ABE33;
	color : White;
	font-size : 12pt;
	width:195px;
}
#smokeTitle
{
	padding : 13px 0px 9px 20px;
	color : White;
	font-size : 14pt;
	width:700px;
	background-image: url(images/titlebar_smoke.gif);
	background-repeat: no-repeat;
	height: 51px;
	margin-top: 5px;
}

#titlewrap
{
	background-color : #e6e6e6;
	padding : 3px;
	margin : 0px 0px 12px 0px;
	width: 694px;
}

#productColumn1
{
	float: left;
	width : 337px;
	font-size: 10pt;
}

#productColumn1 p
{
	margin: 10px;
}

#productColumn2
{
	float: right;
	width : 337px;
	font-size: 10pt;
}
#productColumn2 p
{
	margin : 10px;
}

#productColumn2 img
{
	float : right;
	margin-left: 5px;
}
#productColumn3
{
	float: left;
	width : 337px;
	font-size: 10pt;
	height: 160px;
}
#productColumn3 p
{
	margin : 10px;
}

#productColumn3 img
{
	float : right;
	margin-left: 5px;
}
#productColumn4
{
	float: left;
	width : 337px;
	font-size: 10pt;
	margin-left: 30px;
	margin-bottom: 10px;
	height: 160px;
}
#productColumn4 p
{
	margin : 10px;
}

#productColumn4 img
{
	float : right;
	margin-left: 5px;
}
#productColumn5
{
	float: left;
	width : 337px;
	font-size: 10pt;
	margin-left: 30px;
	margin-bottom: 10px;
}
#productColumn5 p
{
	margin : 10px;
}

#productColumn5 img
{
	float : right;
	margin-left: 5px;
}
#productColumn6
{
	float: right;
	width : 337px;
	font-size: 10pt;
	margin-left: 30px;
	margin-bottom: 10px;
}
#productColumn6 p
{
	margin : 10px;
}

#productColumn6 img
{
	float : left;
	margin-left: 10px;
	margin-bottom: 10px;
}
#mainimage
{
}
#mainimage img
{
	float : right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#mainimage p
{
}
#hometextoverlay {
	position: relative;
	top: 75px;
	left: 470px;
	width: 250px;
	color: #FFFFFF;
}
.menu
{
	list-style-type :none;
	list-style-position : outside;
	margin : 0;
	padding : 0;
	font-size : 10pt;
}
.btnCat
{
	padding : 5px 3px 5px 10px;
	margin : 15px 0px 0px 0px;
	background-image : url(images/catBtnGeneral.gif);
	background-repeat : no-repeat;
	color : White;
}
.btnCat  a 
{
	color : White;
	text-decoration : none;
}
.btnCat  a:hover
{
	color : White;
	text-decoration : underline;
}


.btn
{
	padding : 5px 3px 5px 30px;
	background-image : url(images/genericBtnUnselected.gif);
	background-repeat : no-repeat;
	color : #333333;
}

.btn a 
{
	text-decoration : none;
	color: #333333;
}
.btn a:hover
{
	color : #000000;
	text-decoration : underline;
}
.btnselected
{
	padding : 5px 3px 5px 15px;
	background-image : url(images/lightestbutton_over.gif);
	background-repeat : no-repeat;
	color : White;
	color : #333333;
}

.btnselected a 
{
	text-decoration : none;
	color: #333333;
}
.btnselected a:hover
{
	color : #333333;
}
.doublebtn
{
	padding : 5px 3px 5px 30px;
	background-image : url(images/navdouble_buttonGrey.gif);
	background-repeat : no-repeat;
	color : #333333;
}
.doublebtn  a 
{
	text-decoration : none;
	color: #333333;
}
.doublebtn  a:hover
{
	color : #000000;
	text-decoration : underline;
}
.btnCatOrange
{
	padding : 5px 3px 5px 10px;
	margin : 15px 0px 0px 0px;
	background-image : url(images/catbutton_electric.gif);
	background-repeat : no-repeat;
	color : White;
}
.btnCatOrange  a 
{
	color : White;
	text-decoration : none;
}
.btnCatOrange  a:hover
{
	color : White;
	text-decoration : underline;
}
.btnorange
{
	padding : 5px 3px 5px 30px;
	background-image : url(images/lightbutton_orange.gif);
	background-repeat : no-repeat;
	color : #333333;
}

.btnorange a 
{
	text-decoration : none;
	color: #333333;
}
.btnorange a:hover
{
	color : #000000;
	text-decoration : underline;
}
.btnselectedorange
{
	padding : 5px 3px 5px 16px;
	background-image : url(images/selectedbutton_orange.gif);
	background-repeat : no-repeat;
	color : White;
	color : #333333;
}

.btnselectedorange a 
{
	text-decoration : none;
	color: #000000;
}
.btnselectedorange a:hover
{
	color : #000000;
}
.doublebtnorange
{
	padding : 5px 3px 5px 30px;
	background-image : url(images/lightbuttonorange_double.gif);
	background-repeat : no-repeat;
	color : #333333;
}
.doublebtnorange  a 
{
	text-decoration : none;
	color: #333333;
}
.doublebtnorange  a:hover
{
	color : #000000;
	text-decoration : underline;
}
.dblbtnselectedorange
{
	padding : 5px 3px 5px 16px;
	background-image : url(images/selectbuttonorange_double.gif);
	background-repeat : no-repeat;
	color : White;
	color : #000000;
}
.dblbtnselectedorange   a 
{
	text-decoration : none;
	color: #000000;
}
.dblbtnselectedorange  a:hover
{
	color : #000000;
}
.btnCatManual
{
	padding : 5px 3px 5px 10px;
	margin : 15px 0px 0px 0px;
	background-image : url(images/catbutton_manual.gif);
	background-repeat : no-repeat;
	color : White;
}
.btnCatManual  a 
{
	color : White;
	text-decoration : none;
}
.btnCatManual  a:hover
{
	color : White;
	text-decoration : underline;
}
.btnmanual
{
	padding : 5px 3px 5px 30px;
	background-image : url(images/lightbutton_manual.gif);
	background-repeat : no-repeat;
	color : #333333;
}

.btnmanual a 
{
	text-decoration : none;
	color: #333333;
}
.btnmanual a:hover
{
	color : #000000;
	text-decoration : underline;
}
.btnselectedmanual
{
	padding : 5px 3px 5px 16px;
	background-image : url(images/selectedbutton_manual.gif);
	background-repeat : no-repeat;
	color : White;
	color : #333333;
}

.btnselectedmanual a 
{
	text-decoration : none;
	color: #000000;
}
.btnselectedmanual a:hover
{
	color : #000000;
}
.doublebtnmanual
{
	padding : 5px 3px 5px 30px;
	background-image : url(images/lightbuttonmanual_double.gif);
	background-repeat : no-repeat;
	color : #666666;
}
.doublebtnmanual  a 
{
	text-decoration : none;
	color: #666666;
}
.doublebtnmanual  a:hover
{
	color : #000000;
	text-decoration : underline;
}
.dblbtnselectedmanual
{
	padding : 5px 3px 5px 16px;
	background-image : url(images/selectbuttonmanual_double.gif);
	background-repeat : no-repeat;
	color : White;
	color : #666666;
}
.dblbtnselectedmanual   a 
{
	text-decoration : none;
	color: #000000;
}
.dblbtnselectedmanual  a:hover
{
	color : #000000;
}
.btnCatSmoke
{
	padding : 5px 3px 5px 10px;
	margin : 15px 0px 0px 0px;
	background-image : url(images/catbutton_smoke.gif);
	background-repeat : no-repeat;
	color : White;
}
.btnCatSmoke  a 
{
	color : White;
	text-decoration : none;
}
.btnCatSmoke  a:hover
{
	color : White;
	text-decoration : underline;
}
.btnsmoke
{
	padding : 5px 3px 5px 30px;
	background-image : url(images/lightbutton_smoke.gif);
	background-repeat : no-repeat;
	color : #333333;
}

.btnsmoke a 
{
	text-decoration : none;
	color: #333333;
}
.btnsmoke a:hover
{
	color : #000000;
	text-decoration : underline;
}
.btnselectedsmoke
{
	padding : 5px 3px 5px 16px;
	background-image : url(images/selectedbutton_smoke.gif);
	background-repeat : no-repeat;
	color : White;
	color : #333333;
}

.btnselectedsmoke a 
{
	text-decoration : none;
	color: #000000;
}
.btnselectedsmoke a:hover
{
	color : #000000;
}
.doublebtnsmoke
{
	padding : 5px 3px 5px 30px;
	background-image : url(images/lightbuttonorange_double.gif);
	background-repeat : no-repeat;
	color : #333333;
}
.doublebtnsmoke  a 
{
	text-decoration : none;
	color: #333333;
}
.doublebtnsmoke  a:hover
{
	color : #000000;
	text-decoration : underline;
}
.dblbtnselectedsmoke
{
	padding : 5px 3px 5px 16px;
	background-image : url(images/selectbuttonorange_double.gif);
	background-repeat : no-repeat;
	color : White;
	color : #000000;
}
.dblbtnselectedsmoke   a 
{
	text-decoration : none;
	color: #000000;
}
.dblbtnselectedsmoke  a:hover
{
	color : #000000;
}

.left 
{
	float : left;
}

.right
{
	float : right;
}

.bottom
{
	bottom : 0px;
}
.clear
{
	clear : both;
	float : none;
}

.gray
{
	background-color: #E6E6E6;
}
.graybox
{
	background-image : url(./images/greybox_337x160px.gif);
	background-repeat : no-repeat;
}

.divide
{
	height : 16px;
	display : inline;
	border-left : solid 1px white;
}

.descriptionTitle
{
	padding : 7px 3px 8px 10px;
	margin : 4px 4px 4px 3px;
	background-image : url(./images/greenbutton.gif);
	background-repeat : no-repeat;
	color : White;
	font-size: 12pt;
}
.descriptionTitleElec
{
	padding : 7px 3px 8px 10px;
	margin : 4px 4px 4px 3px;
	background-image : url(./images/orangebutton.gif);
	background-repeat : no-repeat;
	color : White;
	font-size: 12pt;
}
.descriptionTitleSmoke
{
	padding : 7px 3px 8px 10px;
	margin : 4px 4px 4px 3px;
	background-image : url(./images/smokebutton.gif);
	background-repeat : no-repeat;
	color : White;
	font-size: 12pt;
}
.hrwidth 
{
	margin-right : 10px;
	margin-left : 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.skiptotop
{
color : #1B75BC;
font-size : 10pt;
float: right;
margin-top: 20px;
}
.pdf
{
	background-image : url(images/pdf.gif);
	background-repeat : no-repeat;
	background-position : left;
	margin : 20px;
	padding-left : 20px;
	color: #333333;
	font-size: 10pt;
}
.pdf a
{
	background-image : url(images/pdf.gif);
	background-repeat : no-repeat;
	background-position : left;
	margin : 20px;
	padding-left : 20px;
	color: #333333;
}
.pdf a:hover
{
	background-image : url(images/pdf.gif);
	background-repeat : no-repeat;
	background-position : left;
	margin : 20px;
	padding-left : 20px;
	color: #000000;
	text-decoration: underline;
}
.doc
{
    background-image : url(images/ms-word.gif);
    background-repeat : no-repeat;
    background-position : left;
    margin : 20px;
    padding-left : 0px;
}
.thumbdivide{
    height : 60px;
    width : 1px;
    border-left : dotted 1px #cccccc;
    float : left;
    margin-left : 10px;
    margin-right : 10px;                       
}   

.newsTitle
{
	font-size : 16pt;
	color : #1B75BC;
	margin-bottom: 5px;
}
.newsDate
{
	font-size : 8pt;
	color : #666666;
	font-weight: bold;
	margin-top: 10px;
}
.left
{
    float : left;
}

#news
{
	margin-top : 0px;
	background-color : #ececec;
	padding : 15px;
	font-size: 10pt;
	width: 690px;
}
.downloadTitle
{
	font-size : 12pt;
	color : #1B75BC;
	margin-bottom: 5px;
}

.download
{
	margin-left : 20px;
	float : left;
	font-size: 10pt;
	width: 450px;
}
#smokehome {
	background-image:  url(images/smokehomepic.gif);
	background-repeat: no-repeat;
	height: 390px;
	width: 705px;
}
#electrichome {
	background-image:  url(images/electrichomepic.gif);
	background-repeat: no-repeat;
	height: 390px;
	width: 705px;
}
#manualhome {
	background-image:  url(images/manualhomepic.gif);
	background-repeat: no-repeat;
	height: 390px;
	width: 705px;
}
#homepagetext {
	position: relative;
	height: auto;
	width: 245px;
	left: 440px;
	top: 15px;
	font-size: 15pt;
	color: #FFFFFF;
}
.featuretext {
	font-size: 10pt;
	color: #00C;
	font-weight: bold;
}
.featuretext a {
	text-decoration: none;
	color: #333333;
}
.featuretext a:hover {
	color: #000000;
}
.cataloguetext {
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
}
.cataloguetext a {
	text-decoration: none;
	color: #1B75BC;
	font-weight: bold;
}
.cataloguetext a:hover {
	color: #000000;
	font-weight: bold;
}
.date {
	color: #1B75BC;
	font-size: 12px;
	font-weight: bold;
}
.newsstory {
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
}
.newsstory a {
	color: #1B75BC;
	font-size: 10px;
	text-decoration: none;
}
.newsstory a:hover {
	color: #1B75BC;
	text-decoration: underline;
	font-size: 10px;
}
.morebtn {
	font-size: 12px;
	color: #1B75BC;
}
.bmllink {
	color: #999999;
	font-size: 12px;
}
.bmllink a {
	color: #999999;
	text-decoration: none;
}
.bmllink a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.newsstorytext {
	color: #333333;
	font-size: 10pt;
	margin-bottom: 20px;
}
.newsstorytext a {
	color: #333333;
	text-decoration: none;
}
.newsstorytext a:hover {
	color: #1B75BC;
	text-decoration: none;
}
#downloadbtn{
	background-color: #1B75BC;
	color: #FFFFFF;
	width: 130px;
	float: right;
	height: 60px;
	margin-bottom: 10px;
}
.downloadbox {
	color: #FFFFFF;
	font-size: 15pt;
	text-align: center;
	position: relative;
	top: 18px;
}
.downloadbox a {
	color: #FFFFFF;
	text-decoration: none;
}
.downloadbox a:hover {
	color: #FFFF00;
	text-decoration: none;
}
#downloader{
	margin-top: 15px;
}
#address {
	margin-top : 0px;
	padding : 0px;
	font-size: 10pt;
	float: left;
}
#contactform {
	margin-top : 0px;
	background-color : #FFFFFF;
	padding : 15px;
	font-size: 10pt;
	float: right;
	margin-left: 15px;
	width: 240px;
	margin-right: 5px;
	margin-bottom: 0px;
	height: 470px;
}
#contactform p{
}
#contactform h1{
}
.pageheader{
	font-size: 16pt;
	font-weight: bold;
	color: #1B75BC;
	float: left;
	width: 260px;
}
.addresstext {
	color: #333333;
	font-size: 12pt;
	margin-bottom: 20px;
	width: 270px;
	line-height: 1.4;
}
.addresstext a {
	color: #333333;
	text-decoration: none;
}
.addresstext a:hover {
	color: #1B75BC;
	text-decoration: none;
}
#map {
}
#mapborder {
	background-color: #666666;
}
