html, body {height: 100%;}

body {margin: 0; padding: 0; font-size: 85%; font-family: Arial, Helvetica, sans-serif;}

#container { position: relative; min-height: 100%; height: 100%; voice-family: "\";}\""; voice-family: inherit; height: auto;}

html>body #container { height: auto; border: thin solid;}

#content { padding: 20px; padding-bottom: 48px;}

#footer { position: absolute; bottom: 0; left: 10px; padding: 10px; width: 100%; float:left;}

#footer li { position:relative; left: -40px; display: inline; list-style-type: none; padding-right: 15px; font-size: 88%;}

h1, p { margin: 0; padding-bottom: 1em;}

h1 { font-size: 120%; line-height: 1em; color: #2e137a;}

h2 { font-size: 100%; line-height: 1em; text-decoration: underline;}

h3 { font-size: 90%; line-height: 1em; text-decoration: underline;}

A:link {text-decoration: none; color: #2c186d;} A:visited {text-decoration: none} A:active {text-decoration: none} A:hover {text-decoration: underline; color: red;}

#header { width:900px; height:60px; z-index:1; position: relative; left: -4px;}

#header img { border: 0px;}

#google{ position:absolute; width:300px; height:25px; z-index:2; left: 350px; top: 36px; font-size: 80%;}

#google p { font-weight: bold; text-transform: uppercase;}

#google input { font-size: small; padding:0;}

#navcontainer {z-index:2;}

#navlist li{ display: inline; list-style-type: none; padding-right: 46px; text-align: left; height: auto; width: 950px; text-decoration: none; position: relative; left: -40px; top: -15px; z-index:2; font-size: 90%;}

/* black nav bar */

#cssNav {

	font-size: 90%;

	position: relative;

	top: -15px;

	left: -50px;

	text-align: left;

	height: 55px;

	width: auto;

	z-index:2;

}

#nav, #nav ul {text-align: left; list-style: none; font-weight: normal; z-index:2;}

#nav li {float: left; padding: 1px; margin: 0px; background: #000000}/* black */

#nav a {border-right: 1px solid #ddd; display: block; line-height: 2em; padding: 0px 13px; border: 1px solid #ffffff; color: #fff; text-decoration: none; font-weight: normal;}

#nav a:hover {border-top: 1px solid #000; border-right: 1px solid #cd6;/* red */ color: #000000;/* white */ background: #ffffff;}/* hoover */

#nav li ul {margin: 0; padding: 0; font-size: 1em; border: 1px solid #ddd; background: #cc8800;/* ugly tan */ position: absolute; left: -999em; height: auto; width: 14em;}

#nav li ul a:hover {border-left: 1px solid #663399/* purple */;}

#nav li li {width: 15em; margin: 0;}

#nav li ul a { margin: 0;}

#nav li ul a:hover {border-left: 1px solid #000000;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}

#nav li:hover, #nav li.sfhover {background-color: #666666; color: #000000; /* green at top */}

#nav li ul ul {margin: -2em 0 0 13em;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}

/* ends header */

/* start index */

#quality { position: absolute; left: 20px; top: 160px; z-index:0; width:310px; height:30px; background-image: url(http://www.conformuk.com/images/quality.gif); background-repeat: no-repeat; float: left; clear: left;}

#header img { border: 0px;}

/* start index */

.intro {width: 300px; border: thin #CC0000; position: relative; left: -9px; top: -45px;}

.intro h1 { width: 380px; border: thin #CC0000; position: relative; left: 500px; top: -170px; font-size: 110%; line-height: 20px; color: #FFFFFF; font-weight: normal;}

.fp{float: left; width: 270px; margin-right: 33px; margin-bottom: 0em; margin-top: 1em; font-size: 90%; position: relative; left: 0px; top: -170px;}

.fptext {line-height: 20px; height: auto; width: auto;}

html>body .fp{ /*Non IE rule*/ margin-right: 35px;}

.fp div{background: white top left no-repeat; padding: 2px 7px 5px 2px;}

.fp div  img{ border: 0px;}

.fp a:hover{ /*IE fix*/color: black; text-decoration: underline;}

.fp a{text-decoration: underline; padding-left: 3px;}

.fp h2 {text: 100%; margin-bottom: 0px; margin-left: 0px; margin-top: 0px; text-indent: -3px;}

/* ends index */

/* starts jshop */

#productname {position: relative; left: 10px; top: -10px;}

#jshop1 { position: absolute; left: 330px; top: 220px; height: 210px; width: auto;}

#description {width: 800px; line-height: 20px;}

#border { border: 1px solid #333333;}

#skip a, #skip a:hover, #skip a:visited 

{ position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;} 

#skip a:active { position:static; width:auto; height:auto; } 

.underline { text-decoration: underline;}

strong { font-style: bold; }

/* starts zpage */

#zdescription {width: 75%; line-height: 20px;}

#zpage { position: absolute; left: 400px; top: 220px; height: auto; width: auto;}

/* starts other pages */

#pagenames { position: relative; left: 0px; top: -10px;}

#pagenames h1 {text-align: justify; font-size: 120%; color: #333333; text-decoration: underline; font-weight: normal; text-transform: uppercase;}

#tc { position: relative; left: -10px; top: 0px; height: auto; width: auto; list-style-type: none; line-height: 20px;}

.tc2 { position: relative; left: 0px; line-height: 20px; width: 65%; padding-bottom: 30px; text-align: justify;}

#post{ position: relative; left: 0px; top: 0px; height: auto; width: auto; float: left; line-height: 20px;}

#post2{ position: relative; left: 100px; top: 0px; height: auto; width: auto; line-height: 20px;}

/* ens t and cs */

.order { position: relative; left: 0px; line-height: 20px; width: 65%; padding-bottom: 30px; text-align: justify;}

.reviews { position: relative; left: 0px; line-height: 20px; width: 65%; padding-bottom: 30px; text-align: justify;}

.it {font-style: italic;}/* italic */

.cserv img {vertical-align: text-bottom; padding-left: 10px;}

.cserv {line-height: 25px;}

.cserv2 { position: absolute; left: 250px; top: 220px; height: 210px; width: auto; line-height: 25px;}

.cserv3 { position: absolute; left: 450px; top: 220px; height: 210px; width: auto; line-height: 25px;}

#thanks { position: relative; left: 300px; top: 70px; height: auto; width: 250px; line-height: 20px;}

#thanks2 { position: relative; left: 300px; top: 10px; height: auto; width: 270px; line-height: 20px;}

#sorry { position: relative; left: 300px; top: 10px; height: auto; width: 270px; line-height: 20px;}

/* listings pages */

.ss{float: left; width: 140px; margin-right: 33px; margin-bottom: 2em; font-size: 80%;}

html>body .ss{ /*Non IE rule*/ margin-right: 35px;}

.ss div{ background: white top left no-repeat; padding: 2px 7px 5px 2px;}

.ss div  img{ border: 1px solid gray;}

.ss a:hover{ /*IE fix*/color: black; text-decoration: underline;}

.ss a{text-decoration: underline; padding-left: 3px;}

.ss h2 {text: 100%; margin-bottom: 10px; margin-left: 0px; text-indent: -3px}

.text { margin-bottom: -10px; line-height: 20px; text-align: justify; width: 120px; }

/* bioptron */

#faq { position: relative; left: -10px; top: 0px; height: auto; width: auto; list-style-type: none; line-height: 20px;}

.faq2 { position: relative; left: 0px; line-height: 25px; width: 75%; padding-bottom: 30px; text-align: justify;}

.bioptron { position: relative; left: -10px; top: 0px; height: auto; width: auto; list-style-type: circle; line-height: 20px;}

.bioptron2 { position: relative; left: 0px; line-height: 20px; width: 75%; padding-bottom: 30px; text-align: justify; list-style-type: circle;}

#bioptron3 {font-size: 80%; line-height: 20px;}

#blood { position: relative; left: -10px; top: 0px; height: auto; width: 75%; line-height: 20px;}

#walkers { position: relative; left: -10px; top: 0px; height: auto; width: 75%; line-height: 20px;}

.pressure { position: relative; left: -10px; top: 0px; height: auto; width: 75%; line-height: 20px; list-style-type: circle;}

.bestsellers {position: relative; left: -10px;}

.air { position: relative; left: 0px; line-height: 20px; width: 75%; padding-bottom: 30px; text-align: justify; list-style-type: circle;}