body {margin: 0px auto; padding: 0px; background:#D9EBFA url(http://www.ozonecleanair.co.uk/images/imagebackground.jpg) top center no-repeat;}
p {margin: 0px auto; padding: 0px 0px 8px 0px; font: 14px verdana, arial; color: #000; text-align: left;}
p.text {margin: 0px auto; padding: 0px 20px 10px 20px; font: 14px verdana, arial; color: #000; text-align: justify;}
p.textcon {margin: 0px auto; padding: 0px 20px 10px 0px; font: 14px verdana, arial; color: #000; text-align: left;}
p.title {font: bold 14px verdana, arial; color: #000;}
p.display {margin-top:10px;font: bold 14px verdana, arial; color: #000; background:#D9EBFA; display: block; padding: 4px 0px 4px 0px; text-align: center;}
p.Lowertext {padding: 10px 20px 10px 20px; font: 14px verdana, arial; color: #000; text-align: center;}
p.advert  {height: 50px; margin:0px auto; padding: 10px 0px 0px 0px; clear: both;}
p.useful  {margin:0px auto; padding: 10px 0px 0px 0px;font: 14px verdana, arial; color: #000; text-align: center; clear: both;}
p.linktext {margin:0px auto; padding: 4px 0px 0px 0px;font: 14px verdana, arial; color: #000; text-align: center; clear: both;}
p.linktext a {margin:0px auto; padding: 4px 0px 0px 0px;font: 14px verdana, arial; color: #3C599B; clear: both; text-decoration: underline;}
p.linktext a:hover {margin:0px auto; padding: 4px 0px 0px 0px;font: 14px verdana, arial; color: #000; text-align: center; clear: both; text-decoration: none;}

h1 {margin: 0px auto; padding: 0px 0px 6px 0px; font: bold 20px verdana, arial; color: #000;}
h2 {margin: 0px auto; padding: 0px 0px 8px 0px; font: bold 14px verdana, arial; color: #000;}
h3 {margin: 0px auto; padding: 0px 0px 8px 0px; font: bold 14px verdana, arial; color: #000;}
h4 {margin: 0px auto; padding: 0px 0px 0px 0px; font: bold 18px verdana, arial; color: #000;}
h5 {margin: 0px auto; padding: 0px 0px 0px 0px; font: bold 18px verdana, arial; color: #000;}
h6 {margin: 0px auto; padding: 0px 0px 0px 0px; font: bold 18px verdana, arial; color: #000;}
br {margin: 0px auto; padding: 0px;}
li {margin: 0px auto; padding: 0px;}
ul {margin: 0px auto; padding: 0px;}
#container {width:1054px; height: 100%; background: url(http://www.ozonecleanair.co.uk/images/pageshadow.png) center top repeat-y; text-align: center; margin: 0px auto; padding: 0px; clear:both;}
#header {margin: 0px auto; padding: 0px; height: 170px; width:1024px; background:#FFF url(http://www.ozonecleanair.co.uk/images/header.jpg) top no-repeat; }

#breadcrumbs { height: 22px; padding:0px; margin: 0px auto 0px auto; text-align: left; float: left;width: 1024px;}
.breadcrumb {display:inline;margin: 5px auto 0px 14px; padding: 0px;font: 12px verdana, arial; color:#333;float: left;}
.breadcrumb a{margin: 0px auto; padding: 0px; font: 12px verdana, arial; color:#333;text-decoration: underline;}
.breadcrumb a:hover{margin: 0px auto; padding: 0px; font: 12px verdana, arial; color:#1A88DA;text-decoration: none;}


#main {margin: 0px auto; padding: 0px 0px 20px 0px; width: 1024px; height: 100%; overflow: hidden; background:#FFF url(http://www.ozonecleanair.co.uk/images/breadcrumbshadow.png) top repeat-x;}
/*page left*/
#pageLeft {margin: 0px auto; padding: 6px 0px 0px 0px; float: left; width: 225px;}
#Navigation {margin: 0px auto 0px 10px; padding: 0px; width: 235px;}
.menu ul { width: 225px;margin: 0px auto; padding: 0px;}
.menu li { margin: 1px 0px 0px 0px; padding: 0px;list-style-type: none;text-align: left; width: 225px;float: left; font:bold 13px verdana, arial; color: #FFF;height: 26px;}
.menu li a {display: block;padding: 4px 0px 0px 10px;height: 22px;width: 225px;margin: 0px auto;color: #FFF; background:#1A88DA ;text-align: left;text-decoration: none;}
.menu li a:hover {display: block;padding: 4px 0px 0px 10px;height: 22px;width: 225px;margin: 0px auto;color: #333; background:#99CAF3 ;text-align: left;text-decoration: none;}
.Submenu ul {display:block; width: 200px; margin: 0px auto; padding: 0px; float: left; clear:both;}
.Submenu li {list-style-type: none; text-align: left; width: 200px; margin: 1px 0px 1px 10px; padding: 0px; float: left; font: 13px verdana, arial; color: #006699;height: 20px;}
.Submenu li a{display:block;background: #D9EBFA; color: #006699; margin:0px auto;padding: 0px 0px 2px 12px;height: 18px;width: 200px;text-align: left;text-decoration: none;}
.Submenu li a:hover{display:block;background: #D9EBFA; font:bold 14px verdana, arial; color: #ECA500;text-decoration: none;}
/*adverts on page*/
.adverts {margin: 20px auto 0px 10px; padding: 0px; width: 235px; clear:both;}
/*page Right*/
#pageRight {margin: 0px auto; padding: 0px 20px 0px 20px; float: right; width: 734px;}
#middlePage {margin: 0px auto; padding: 0px 10px 0px 10px; width: 616px;}

/*Product Page*/
.ProductContainer {clear:both; margin: 0px auto; padding: 0px 0px 6px 0px; width: 734px; overflow: hidden; background: url(http://www.ozonecleanair.co.uk/images/border.jpg) bottom no-repeat;}
.ProductContainer ul {margin: 0px auto; padding: 0px;}
.ProductContainer li {margin: 0px auto; padding: 4px 0px 0px 0px;list-style-type: circle;text-align: left;font: 14px verdana, arial; color: #000;}
.ProductLeft {margin: 0px auto; padding: 0px 40px 0px 40px; float: left; width: 150px;}
.ProductRight {margin: 0px auto; padding: 0px; float: right; width: 262px;}
.ProductRight ul {margin: 0px auto; padding: 0px;}
.ProductRight li {margin: 0px auto; padding: 4px 0px 0px 0px;list-style-type: circle;text-align: left;font: 14px verdana, arial; color: #000;}
.ProductRight1 {margin: 0px auto; padding: 0px; float: right; width: 240px;}
.ProductRight1 ul {margin: 0px auto; padding: 0px;}
.ProductRight1 li {margin: 0px auto; padding: 4px 0px 0px 0px;list-style-type: circle;text-align: left;font: 14px verdana, arial; color: #000;}
/*Individual Product Pages*/
.ImageContainer {margin: 0px auto; padding: 20px 0px 0px 0px; width: 732px; overflow: hidden;}
.ImageLeft {margin: 0px auto; padding: 0px; float: left; width: 244px;}
.ImageContainer1 {margin: 0px auto; padding: 0px; width: 732px; overflow: hidden;}
.ImageLeft1 {margin: 0px auto; padding: 0px; float: left; width: 244px;}
.ImageRight {margin: 0px auto; padding: 0px; float: right; width: 244px;}
.ImageRight1 {margin: 0px auto; padding: 0px; float: right; width: 266px;}
.ImageContainer2 {margin: 0px auto; padding: 20px 0px 0px 0px; width: 488px; overflow: hidden;}
.ImageLeft2 {margin: 0px auto; padding: 0px; float: left; width: 244px;}
.ImageRight2 {margin: 0px auto; padding: 0px; float: right; width: 244px;}
/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.ozonecleanair.co.uk/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.ozonecleanair.co.uk/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*sitemap*/
#Sitemap {margin: 0px auto; padding: 0px; float: right; width: 734px;}
#Sitemap p {margin: 0px auto; padding: 4px 0px 4px 50px; font: 14px verdana, arial; color: #000; text-align: left;}
.site1 ul {text-align: left;margin: 0px auto; padding: 0px;}
.site1 li {text-align: left;margin: 0px 0px 0px 20px; padding: 6px 0px 0px 16px; font:bold 16px verdana, arial; color:#000; list-style-type: none;}
.site1 li a {font:bold 16px verdana, arial; color:#0E4874; list-style-type: none;text-decoration: underline;}
.site1 li a:hover {font:bold 16px verdana, arial; color:#666; list-style-type: none;text-decoration: none;}
.site2 ul {text-align: left;margin: 0px auto; padding: 0px;}
.site2 li {text-align: left;margin: 0px 0px 0px 40px; padding: 6px 0px 0px 16px; font:bold 14px verdana, arial; color:#000; list-style-type: none;}
.site2 li a {font:bold 14px verdana, arial; color:#1A88DA; list-style-type: none;text-decoration: underline;}
.site2 li a:hover {font:bold 14px verdana, arial; color:#666; list-style-type: none;text-decoration: none;}
/*contact form*/
#formContainer {margin: 0px auto; padding: 0px; width: 734px; overflow: hidden;}
#formLeft {float: left; font:14px Verdana; color: #000; margin: 0px auto;padding: 0px; width: 394px;line-height:1.4em;}
.single {display: block;width: 140px;float: left;margin-bottom: 16px;}
label {text-align: right;width: 100px;padding-right: 0px;}
br {clear: left}
.textarea {display: block;width: 120px;float: left;margin-bottom: 8px;}
#form {font:bold 12px Verdana; color: #000; margin: 0px auto;padding: 0px; width: 340px;line-height:1.4em; float: right;}
fieldset { margin: 10px auto; padding: 10px 0px 20px 0px;background-color: #99CAF3;}
.request {width: 100px;margin: 0px auto; padding: 0px;}
/*Footer*/
#footer {margin: 0px auto; padding: 0px; height: 40px; width:1024px;background-color: #FFF; background: url(http://www.ozonecleanair.co.uk/images/footer.jpg) top no-repeat; }
#footertext {width: 1024px; height: 28px;margin:0px auto; padding: 12px 0px 0px 0px; font: 12px verdana, arial; color: #333; text-align: center;} 
#footertext a {margin:0px auto; padding: 0px; text-decoration: none; font:bold 12px verdana, arial; color: #333;}
#footertext a:visited {margin:0px auto; padding: 0px; text-decoration: none; font:bold 12px verdana, arial; color: #FFCC00;}
#footertext a:hover {margin:0px auto; padding: 0px; text-decoration: underline; font:bold 12px verdana, arial; color: #FFF;}

