/* generic */

img { border: none; }

* { margin: 0; padding: 0;  }

body { background-color: #c2c2c2; font: 11px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#000; }

div.clear { clear: both; }

a { text-decoration: none; color: #00949d; font-weight: bold; } 

a:hover { text-decoration: underline; }

a:focus { outline: 0; }

ul { list-style: inside; text-transform: none; }

div.article ul { font-size: 12px; padding-bottom: 10px; }

div#productInfo .article ul { padding-bottom: 0; }

/* structure */ 

div#wrapper { margin: 0 auto; width: 992px; position: relative; z-index: 1; }

div#headerbg { background: url(/templates/default/images/header.jpg) center no-repeat; width: 992px; height: 233px; padding: 28px 0 0 0;}

div#header { width: 936px; height: 233px; margin: 0 auto; position: relative;  }

div#contentbg { background: url(/templates/default/images/contentbg.jpg) center repeat-y; width: 992px; }

div#contentWrapper { width: 943px; margin: 0 auto; padding: 0 0 0 7px; }

div#sidebar { width: 222px; float: left; }

div#content { width: 681px; min-height: 400px; float: left; padding: 60px 20px 0 20px; position: relative; }

div#leftcol { width: 380px; float: left; padding: 30px 0 0 0; }

div#rightcol { width: 241px; min-height: 400px; border-left: 3px solid #e7e7e7; float: left; margin: 30px 0 0 0; padding: 0 0 0 25px; }

div#footer { background: url(/templates/default/images/footer.jpg) center top no-repeat; height: 47px; width: 992px; }

/* Product Range Structure */

div#content.productRange { padding: 75px 20px 0 20px; } 

div#productContainer { margin-top: 20px; }

div.product { position: relative; float: left; width: 205px; padding: 10px; height: 240px; }

/*div.product p { width: 175px; }*/

/* Product View Structure */

div#content.productView { padding: 45px 20px 0 20px; }	
	
.productView div#leftcol { width: 451px; float: left; min-height: 650px;  }
	
.productView div#rightcol { width: 210px; height: 620px;  border-left: 3px solid #e7e7e7; float: left; padding: 0 0 0 15px; }

div#brochure, div#manual { height: 150px; border-top: 3px solid #e7e7e7;  padding: 0 0 0 15px; }

div#brochure { float: left; width: 208px; background: url(/templates/default/images/brochure.jpg) right no-repeat; }
 
div#manual { float: left; width: 210px; background: url(/templates/default/images/manual_image.jpg) right no-repeat; border-left:3px solid #e7e7e7; }

div#parts { float: left; border-left:3px solid #e7e7e7; width: 210px; height: 150px; border-top: 3px solid #e7e7e7; background: url(/templates/default/images/parts.jpg) right no-repeat; padding: 0 0 0 15px; }

div#brochure a, div#manual a, div#parts a { color: #000; text-decoration: none; display: block; height: 108px; width: 200px; padding: 42px 0 0 0; }
	
div#brochure a:hover, div#manual a:hover, div#parts a:hover { text-decoration: underline;  }
	
div#brochure p, div#manual p, div#parts p { width: 120px; font: bold 12px Arial, Helvetica, sans-serif; height: 108px; }
 
/* headings */
																			
h1 { font-size: 24px; text-transform: uppercase; padding: 15px 0 0 0; }																					
h2 { font-size: 18px; padding: 10px 0 5px 0; font-weight: normal; }	
h3 { padding-top: 10px; }																				
h3, h4, h5, div#content legend { font-weight: bold; font-size: 12px; }	
h3, div#content legend { text-transform: uppercase; }																				
h4 { line-height: 18px;}																	
div#leftcol .article h3, div#content legend, h1, h2 { color: #00949d;  }
div.blogpost h3 { padding-top: 0; }

/* content */

div#productSelect p, div#top p { font: 18px Arial, Helvetica, sans-serif; padding: 10px 0 10px 0; }

div#productSelect p strong { font: bold 18px Arial, Helvetica, sans-serif; }

p { padding: 5px 0 12px 0; line-height: 16px; text-transform:none; font-size: 12px; }

.home div#leftcol .article { width: 350px; overflow: hidden; padding-bottom: 10px; }

.home div#leftcol .article img { float: right; }

p.more a, a.more { text-transform: uppercase; text-decoration: none; color: #00949d; }

p.more a:hover, a.more:hover { text-decoration:underline; }

div.article {position:relative; }

div.smallArticle img { position: absolute; top: 0; left: 230px; }

div#productSelect div.product p { font: 11px Arial, Helvetica, sans-serif; }

div.product a:hover { text-decoration: underline; }

div#rightcol div.article { margin-bottom: 10px; }

/* x navigation */

div#xnav { background: url(/templates/default/images/horizNavBG.jpg) no-repeat; height: 52px; width: 722px; position: absolute; top: 0; left: 0; z-index: 2; }

div.contentBlock1{	position: relative;	z-index: 1; }

/*div#xnav ul li {  list-style: none; display: inline; line-height: 46px;  padding: 10px 0 10px 0; } 
*/

div#xnav a, div#footer a { text-decoration: none; color: #fff; font-weight: bold; }

div#xnav a:hover { text-decoration: underline; } 

/* y navigation */

div#ynav ul { padding: 5px 0 0 0; }

div#ynav ul li { position:relative; background: url(/templates/default/images/ynavbg.jpg) no-repeat; height: 43px; width: 222px; list-style-image:none; list-style-position:outside; list-style-type:none; padding: 0 0 5px 0; text-transform: uppercase; margin: 0 0 0 0; }

div#ynav a {display: block; text-indent:40px; text-decoration: none; color: #00949d; font: bold 11px Arial, Helvetica, sans-serif; width: 215px; height: 43px;  padding: 15px 0 0 7px; }/*needs a conditional statement for IE6 to reset the height to 43-15 = 28px*/
 
div#ynav a img { position:absolute; top:3px; left:3px; border: none; vertical-align: middle; margin: 0 5px 0 0; }

div#ynav a:hover {text-decoration:underline;}

/* Product View Navigation */

div#leftcol ul li { padding: 6px 0; }

div#leftcol ul li { background:url(/templates/default/images/bullet.gif) -10px -3px no-repeat; padding-left:20px; margin-left:-30px; }

div#rightcol ul { list-style: none; text-transform: none; margin: -7px 0 0 0; padding: 0 0 20px 0;  }

div#rightcol ul li { padding: 3px 0; background: none; padding-left: 0; margin-left: 0;   }

/* footer */

div#footer ul { width: 600px; margin: 0 auto; padding: 20px 0 0 0; text-align: center; }

div#footer ul li { display: inline; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; border-right: 2px solid #fff; padding: 0 10px; text-transform: none;}

div#footer ul li.last { border: none; }

div#footer a { font: bold 12px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }

div#footer a:hover { text-decoration: underline; }

/* forms */

div#header fieldset  { border: none; }

div#header form#search { position: absolute; top: 2px; left: 480px; }

input#searchBox { width: 135px; color: #999; }

div#header ul { position: absolute; left: 250px; list-style: none; text-transform: uppercase; }

div#header {  font: bold 12px Arial, Helvetica, sans-serif; color: #fff;  }

div#header ul li { display: block; float: left; padding: 7px 3px; }

div#header ul li.sl_fl { background:url(/templates/default/images/arrow.png) 7px top no-repeat; }

/* sidebar form boxes */

div#loginBox, div#pollBox { width: 202px; background: url(/templates/default/images/corner.jpg) #e7e7e7 bottom right no-repeat; margin: 0 0 10px 0; font: bold 11px Arial, Helvetica, sans-serif; padding: 10px; }

div#loginBox legend, div#pollBox legend { display: none; }

div#loginBox ul, div#pollBox ul { list-style: none; text-transform: uppercase; }

div#loginBox fieldset, div#pollBox fieldset { border: none;  }

li.login, li.submitPoll { text-align: right; }

div#loginBox label { display: block; float: left; }

div#loginBox ul li { text-align: right; padding: 10px 0; }

div#loginBox input { width: 100px; }

div#loginBox li.login input { width: 50px; }

div#pollBox ul li { padding: 5px 0; clear: both; }

div#pollBox ul { padding: 5px 0 0 0; }

div#pollBox label { display: block; float: left; padding-right: 5px; }

/* newsletter */

div#newsletter { height: 170px; background:url(/templates/default/images/newsletter_image.jpg) no-repeat; width: 222px; text-align: right; }

div#newsletter p { text-align: right; width: 222px; font: bold 12px Arial, Helvetica, sans-serif; height: 144px; }
	
div#newsletter a { color: #000; text-decoration: none; display: block; height: 102px; width: 222px; padding: 42px 0 0 0; }
	
div#newsletter a:hover { text-decoration: underline; }

div#leftBrochure { height: 170px; background:url(/templates/default/images/Truvox-Brochure.png) no-repeat; width: 222px; text-align: right;  }

div#leftBrochure p { text-align: right; width: 222px; font: bold 12px Arial, Helvetica, sans-serif; height: 144px; }
	
div#leftBrochure a { color: #000; text-decoration: none; display: block; height: 102px; width: 222px; padding: 42px 0 0 0; }
	
div#leftBrochure a:hover { text-decoration: underline; }

	
/* Section Modifiers */

.product a { text-decoration: none; }

.rotaries h1, .rotaries #rightcol a, .rotaries .product a { color: #e50083; }

.threebrush h1, .threebrush #rightcol a, .threebrush .product a { color: #daaa08;  } /*f9ec00*/

.scrubberdryers h1, .scrubberdryers #rightcol a, .scrubberdryers .product a { color: #ff0000; }

.carpetcleaners h1, .carpetcleaners #rightcol a, .carpetcleaners .product a { color: #0098d7; }

.vacuums h1, .vacuums #rightcol a, .vacuums .product a { color: #bbd032; }

.escalatorcleaners h1, .escalatorcleaners #rightcol a, .escalatorcleaners .product a { color: #007236; }

.airmovers h1, .airmovers #rightcol a, .airmovers .product a { color: #7a3780; }

#leftcol ul { text-transform: none; list-style: none; }

.rotaries #leftcol ul { border-left: 30px solid #e50083; }

.threebrush #leftcol ul { border-left: 30px solid #fff200; }

.scrubberdryers #leftcol ul {border-left: 30px solid #ff0000; }

.carpetcleaners #leftcol ul { border-left: 30px solid #0098d7; }

.vacuums #leftcol ul { border-left: 30px solid #bbd032; }

.escalatorcleaners #leftcol ul { border-left: 30px solid #007236; }

.airmovers #leftcol ul { border-left: 30px solid #7a3780; }
																			
.rotaries h1 { font-size: 24px; text-transform: none; background: url(/images/rotaries.png) 0 -1px no-repeat; padding: 3px 0 10px 45px; margin: -10px 0 0 0;  }
																				
.threebrush h1 { text-transform: none; background: url(/images/threebrush.png) 0 -1px no-repeat; padding: 3px 0 10px 45px; margin: -10px 0 0 0;  }	

.scrubberdryers h1 {text-transform: none; background: url(/images/scrubberdryer.png) 0 -1px no-repeat; padding: 3px 0 10px 45px; margin: -10px 0 0 0;  }	

.carpetcleaners h1 { text-transform: none; background: url(/images/carpetcleaner.png) 0 -1px no-repeat; padding: 3px 0 10px 45px; margin: -10px 0 0 0;  }	

.vacuums h1 {  text-transform: none; background: url(/images/vacuums.png) 0 -1px no-repeat; padding: 3px 0 10px 45px; margin: -10px 0 0 0;  }	

.escalatorcleaners h1 { text-transform: none; background: url(/images/escalatorcleaner.png) 0 -1px no-repeat; padding: 3px 0 10px 45px; margin: -10px 0 0 0;  }

.airmovers h1 { text-transform: none; background: url(/images/airmover.png) 0 -1px no-repeat; padding: 3px 0 10px 45px; margin: -10px 0 0 0;  }


/* styling required for debugging purposes */

.debug {border:2px dashed #ff0000;}

.debugPosition {position:relative;}

.debug .containerName {display:block; position:absolute; top:0; left:0; z-index:999; background-color:#ff0000; color:#fff;}

/* extra css added 14/04/09 sort out later */

ul.searchList { list-style: none; padding-top: 20px;  }

ul.searchList li { border-bottom: 3px solid #e7e7e7; margin-bottom: 20px; overflow: hidden;  }

ul.searchList li a { text-decoration: none; color: #01959E; font-weight: bold; padding-left: 10px; }

ul.searchList li a:hover { text-decoration: underline; } 
 
ul.searchList li label { font-weight: bold; }

ul.searchList li img { float: left; padding: 0 10px 10px 0; }

ul.errormessages  { list-style: inside; }

div.scrollableDiv { overflow-y: scroll; height: 200px; border: 1px solid #e7e7e7; padding: 10px; width: 350px;  }

div.scrollableDiv p { margin-top: -10px; font-size: 11px; } 

div.blogpost { border-bottom: 3px solid #e7e7e7; margin: 20px 0; position: relative; padding: 0 0 20px 65px; }

div.blogpost p { padding: 10px 0; }

div.blogCalendar {	width:47px; position:absolute; top:0px; left:0px; border: 1px solid #00949D; }

div.blogCalendar p { text-align:center; font-weight:bold; padding: 0; line-height: normal; }

div.blogCalendar p.month { color:#fff; background:#00949D; font-size: 11px; text-transform: uppercase;  }

.blogCalendar p.date { color:#000; font-size: 16px; background: #fff; padding: 5px 0;  }

.blogCalendar p sup { font-size:0.7em; }

div.blogpost p.author { padding: 0 0 10px 0; }

div.blogpost p.readmore { padding: 5px 0 0 0; }

div.blogpost p.author { font-size:11px; font-weight: bold; }

div.blogpost h4 { font-size: 11px; }

/*** ESSENTIAL STYLES ***/

.fullNavigation, .fullNavigation * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.fullNavigation ul li a { width: 100%; height: 100%; }

.fullNavigation {
	margin-left: 20px;
	text-transform: uppercase;
}

.fullNavigation li a { background: url(/templates/default/images/xnavvr.gif) right 32% no-repeat; }

.fullNavigation ul {
	position:		absolute;
	top:			-999em;
	width:			18em; /* left offset of submenus need to match (see below) */	
}

.fullNavigation li li a { background: #7CCBD2;  }

.fullNavigation ul li {
	width: 100%;
	height: 100%;
  	line-height: 100%;
}

.fullNavigation li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.fullNavigation li {
	float: left;
	position: relative;
	}
	
.fullNavigation li a { padding: 16px 10px 24px 10px; }

.fullNavigation li a.last { background: none; }

.fullNavigation a {
	display: block;
	position: relative;
	background: none;	
}

.fullNavigation li ul li a:hover, ul.fullNavigation li ul li a.last:hover{ background-color: #21A2AA;
 }

ul.fullNavigation li ul li a.last { background: #7CCBD2; }

.fullNavigation li:hover ul,
.fullNavigation li.sfHover ul {
	left:			0;
	top:			45px; /* match top ul list item height */
	z-index:		99;
}
ul.fullNavigation li:hover li ul,
ul.fullNavigation li.sfHover li ul {
	top:			-999em;
}
ul.fullNavigation li li:hover ul,
ul.fullNavigation li li.sfHover ul {
	left:			18em; /* match ul width */
	top:			0;
}
ul.fullNavigation li li:hover li ul,
ul.fullNavigation li li.sfHover li ul {
	top:			-999em;
}
ul.fullNavigation li li li:hover ul,
ul.fullNavigation li li li.sfHover ul {
	left:			18em; /* match ul width */
	top:			0;
}

/* default form styling */

div#content fieldset { border: 0; margin-bottom: 40px; text-transform: none; }

div#content fieldset legend { font-weight: bold; font-size: 14px; color: #00949D; }

div#content table { width: 100%; text-align: center; padding:0; border-collapse:collapse; }

div#content table td, div#content table th { padding: 6px; }

div#content table tr.alt { background-color: #efefef; }

div#content table tr.over { background-color: #21A2AA; color: #fff; } 

div#content form ul { list-style: none; }

div#content form ul li { padding: 10px 0; }

div#content form ul li label {  width: 100px; float: left; font-weight: bold; }

div#content fieldset { text-transform: none; padding: 10px; border: 1px solid #e7e7e7; margin: 10px 0; }

div#content #productInfo fieldset { border: 0; }

div#content fieldset.addProduct ul li { width: 180px; float: left; padding-right: 12px; }

div#content fieldset.addProduct ul li label { display: block; float: none; padding-bottom: 10px; }

div#content fieldset.addProduct ul li select { width: 170px; }

div#content fieldset.addProduct ul li.addButton, div#content fieldset.addProduct ul li.quantity { width: 40px; }

div#content fieldset.addProduct ul li.quantity input { width: 35px; }

div#content fieldset.addProduct ul li.addButton input { margin-top: -3px; }

/* registration + edit account form */

form#register { margin-top: 20px; }

form#register fieldset, form#passwordReminder fieldset { border: none; text-transform: none; }

form#editAccount fieldset { text-transform: none; padding: 10px; border: 1px solid #e7e7e7; margin: 10px 0; }

form#editAccount fieldset legend { font-weight: bold; font-size: 14px; color: #00949D; }

form#register ul, form#passwordReminder ul, form#editAccount ul { list-style: none; }

form#register ul li, form#passwordReminder ul li, form#editAccount ul li { padding: 7px 0; font-size: 12px; }

form#register ul li label, form#editAccount ul li label { width: 200px; float: left; padding-right: 35px; }

form#passwordReminder ul li label { width: 80px; float: left; }

span, p.errormessage, ul.errormessage { color: #c00; font-weight: bold; }

div#content span { font-size: 120%; }

p.messages, ul.messages { color:#00CC33;}

div.event { width: 340px; float: left; margin: 10px 0; }

div.event .eventImg { float: left; padding-right: 15px; min-height: 150px; width: 140px; }

div.event h3 { padding-top: 0; }

div.contact { padding-bottom: 20px; }

div#additionalNavigation { position: absolute; right: 10px; top: 70px; width: 200px; background-color: #E7E7E7; padding:10px; background: url(/templates/default/images/corner.jpg) #e7e7e7 bottom right no-repeat; }

div#additionalNavigation ul { list-style: none;  }

div#additionalNavigation ul li { padding: 5px 0;  }

div#additionalNavigation h3 { padding-bottom: 10px; }

div.additionalContent { width: 460px; }

.js ul#downloads { display: none; }

ul#downloads { list-style: none; font-size: 12px; }

ul#downloads li.folder { background: url(/templates/default/images/folder-horizontal-8bit.png) 20px 2px no-repeat; padding-left: 40px; position:relative; }

ul#downloads li span.expand, ul#downloads li span.expanded {position:absolute; top:2px; left:0; } 

ul#downloads li { padding: 2px 0; }

ul#downloads li ul { list-style: none;  margin: 5px 0; }

ul#downloads li ul li { background: none; }

ul#downloads ul { padding-left: 0; margin-left: 0; }

span.expand, span.expanded { cursor: pointer; }

.sml-01{float:right;clear:right;padding:0px;margin:0px; margin-top: 15px; }

h1 { margin:0; width: 600px; }

.productView h1 { width: 400px; }

.additionalContent h1 { width: 400px; }

.err {height:50px;}

.productimage{position:absolute; top:65px; right:0px;z-index:-2;}

.error_msg {color: #FF0000;font-size:14px;text-transform:none;}

p.notAvailable { margin-top: 50px; }

div.productThumb { float: right; width: 100px;  padding-top: 10px; }

div#leftcol form { padding-bottom: 20px; }

blockquote { padding: 0 40px; }

div.about_image { float: left; width: 135px; padding: 5px; }

ul.sitemap ul { padding-left: 20px; padding-bottom: 0; }

.videoHolder {

border:3px solid #E9E9E9;
width:200px;
padding:2px 10px;
margin:20px 0 0 0;

}

.videoHolder a, .videoHolder a:hover {
text-decoration:none;

}

.videoHolder a:hover {
color:#DBAB09;
}

.videoHolder img {
vertical-align:middle;
padding:0px 5px;

}