/* ERGO CARE */
/* DESIGNED AND CODED BY HAMBO DESIGN */

body {
background: #ffd87b url(../assets/images/background/bg.jpg) repeat-x;
color: #000;
font: 62.5%/2em "Trebuchet MS", "Lucida Sans Unicode", verdana, arial, sans-serif ;
margin: 0;
padding: 0;
text-align: center;
}

/* ----- DEFAULT STYLES ----- */

h1, h2, h3, h4, h5, h6, img, p, ul, li, div, form {
margin: 0;
padding: 0;
border: none;
}

a:link {
}

#footer a:link {
color: #fff;
}

a:visited {}

#footer a:visited {
color: #fff;
}

a:hover {}

a:active {}

/* ----- TYPOGRAPHY ----- */

h3,h4,ul li.header {
font-family: "Century Gothic", "Lucida Sans Unicode", Verdana, sans-serif;
}

h3 {
font-size: 2.2em;
line-height: 1.4em;
padding-bottom: 0.5em;
}

#contentinner h3 {
color: #004c7d;
}

#footer h3 {
color: #ffd87b;
font-weight: lighter;
}

h4 {
font-size: 1.7em;
padding-bottom: 0.5em;
color: #094f79;
}

#contentinner h4 {
color: #ffa10b;
font-weight: bold;
padding-left: 15px;
}

h5 {
font-size: 1.3em;
padding-bottom: 0.5em;
font-weight: bold;
color: #efa700;
}

p {
font-size: 1.2em;
padding-bottom: 0.5em;
}

.err {
	color: red;
}

#footer p {
color: #fff;
}

#content p.last {
padding-bottom: 1em;
}

/* ----- DIVS ----- */

#quickload {
display: none;
background: url(../assets/images/background/producttypehoverbg.gif);
background: url(../assets/images/background/productmodelhoverbg.gif);
}

#accessibility {
}

#accessibility ul {
margin: 0;
position: absolute;
left: 0;
top: 0;
width: 760px;
padding: 1px 10px;
border-bottom: 1px solid #fff;
}

#accessibility li {
display: inline;
padding-right: 1em;
}

#container {
text-align: left;
margin: 0 auto;
width: 760px;
}

#header {
height: 167px;
text-indent: -9999px;
margin: 0; padding: 0;
background: url(../assets/images/header.gif) no-repeat;
}

#nav {
height: 40px;
background-color: #004b7b;
}

#banner {
height: 113px;
text-indent: -9999px;
background: url(../assets/images/mainbanner.gif) no-repeat;
}

#products #banner {
background: url(../assets/images/productsbanner.gif) no-repeat;
}

#content {
float: left;
width: 760px;
background: url(../assets/images/background/maincolumn.gif) top center no-repeat;
}

#products #content {
background: url(../assets/images/background/productscolumn.gif) top center no-repeat;
}

#contentinner {
width: 670px;
padding: 20px 40px 20px 50px;
}

#leftcolumn {
float: left;
width: 430px;
}

#leftcolumn img {
float: right;
padding: 0 0 20px 25px;
}

#rightcolumn {
float: left;
width: 200px;
margin: 0 0 0 40px;
}

/* ----- FOOTER SPECIFIC CSS ----- */


#footer {
	  text-align: left;
	  clear: both;
	  height: 1%;
	  background: #242121 url(../assets/images/background/footerbg.gif) top repeat-x;
	  }

#footercontent {
width: 760px;
margin: 0 auto;
padding: 40px 0 0 0;
background: url(../assets/images/background/mainfooter.gif) top no-repeat;
}

#products #footercontent {
background: url(../assets/images/background/productsfooter.gif) top no-repeat;
	  }

#footer .footercolumn {
	  position: relative;
	  padding: 1em 0;
	  display: inline;
	  background-color: transparent;
	  }

#footer .left {
	  position: relative;
	  float: left;
	  width: 47%;
	  margin-right: 5%;
	  padding-right: 1em;
	  }

#footer .right {
	  position: relative;
	  float: right;
	  width: 42%;
	  }

#footer .vcard {
color: #fff;
margin: 15px 0 15px 0;
}

#footer .vcard ul {
list-style-type: none;
padding: 0 0 10px 30px;
}

#footer .vcard ul li {
font-size: 1.1em;
}

#footer .vcard ul li.header {
font-size: 1.4em;
color: #a4d0f7;
}

ul.telephone {
	  background: transparent url(../assets/images/icons/telephone.gif) no-repeat 0 5px;
	  }

ul.adr {
	  background: transparent url(../assets/images/icons/address.gif) no-repeat 0 5px;
	  }

ul.email {
	  background: transparent url(../assets/images/icons/email.gif) no-repeat 0 5px;
	  }

p input, select, textarea {
	  width: 100%;
	  padding: 0.25em;
	  margin-bottom: 0.5em;
	  border: 2px #ffc054 solid;
	  }

p textarea {
	  width: 100%;
	  height: 9em;
	  }

p input#verify {
	  width: 60%;
	  }

p input#submit {
	  width: 110px;
	  height: 2em;
	  background-color: #5889ff;
	  text-align: center;
	  }


/* ----- PRODUCTS SPECIFIC CSS ----- */

#producttype {
float: left;
width: 190px;
}

#productfeature {
float: left;
width: 380px;
}

#productfeatureinner {
margin: 0 auto;
width: 320px;
}

#productfeatureinner img {
margin-bottom: 20px;
}

#productfeatureinner a.thickbox img {margin-bottom: 0px;}

#productfeatureinner a.thickbox p {margin-bottom: 10px;}

#productmodel {
float: left;
width: 190px;
}

/* ----- CLASSES ----- */

.bold {
font-weight: bold;
}

.hide {
display: none;
}

.visible {
visibility: visible;
}

.box {
float: left;
width: 197px;
padding: 20px 0 0 0;
background: url(../assets/images/background/rightcolumnbg.gif) top left no-repeat;
}

.boxinner {
background: url(../assets/images/background/rightcolumnbottom.gif) bottom left no-repeat;
}


/* ----- NAVIGATION ELEMENTS ----- */

#nav ul {
height: 40px;
width: 525px;
margin: 0 auto;
background: url(../assets/images/navbar.gif) no-repeat;
}

#nav ul li {
padding: 0;
margin: 0;
display: block;
float: left;
text-indent: -9999px;
}

#nav ul li a {
border: 0;
display: block;
height: 40px;
text-decoration: none;
overflow: hidden;
}

li#nhome a {width: 78px; height: 40px;}
li#nhome a:hover, #home li#nhome a {background: url(../assets/images/navbar.gif) no-repeat 0px -40px;}
li#nhome a:active {background: url(../assets/images/navbar.gif) no-repeat 0px -80px;}

li#nsales a {width: 75px; height: 40px; margin-left: 15px;}
li#nsales a:hover, #sales li#nsales a {background: url(../assets/images/navbar.gif) no-repeat -93px -40px;}
li#nsales a:active {background: url(../assets/images/navbar.gif) no-repeat -93px -80px;}

li#nhire a {width: 64px; height: 40px; margin-left: 20px;}
li#nhire a:hover, #hire li#nhire a {background: url(../assets/images/navbar.gif) no-repeat -188px -40px;}
li#nhire a:active {background: url(../assets/images/navbar.gif) no-repeat -188px -80px;}

li#nproducts a {width: 113px; height: 40px; margin-left: 18px;}
li#nproducts a:hover, #products li#nproducts a {background: url(../assets/images/navbar.gif) no-repeat -270px -40px;}
li#nproducts a:active {background: url(../assets/images/navbar.gif) no-repeat -270px -80px;}

li#ncontact a {width: 130px; height: 40px; margin-left: 12px;}
li#ncontact a:hover {background: url(../assets/images/navbar.gif) no-repeat -395px -40px;}
li#ncontact a:active {background: url(../assets/images/navbar.gif) no-repeat -395px -80px;}


/* ----- PRODUCTS SPECIFIC NAVIGATION CSS ----- */

ul#producttypenav {
width: 190px;
margin-top: 20px;
list-style-type: none;
}

ul#producttypenav li {
margin: 0; padding: 0;
}

ul#producttypenav li a {
display: block;
width: 185px;
padding: 9px 0 9px 5px;
text-decoration: none;
color: #000;
font: 1.4em "Century Gothic", "Lucida Sans Unicode", Verdana, sans-serif;
border-top: 1px #004e80 dotted;
}

ul#producttypenav li.lastli a {
border-bottom: 1px #004e80 dotted;
}

ul#producttypenav li a:hover {
background: #fff url(../assets/images/background/producttypehoverbg.gif) right no-repeat;
}

ul#productmodelnav {
width: 190px;
margin-top: 20px;
list-style-type: none;
}

ul#productmodelnav li {
margin: 0; padding: 0;
}

ul#productmodelnav li a {
display: block;
width: 165px;
padding: 9px 0 9px 25px;
text-decoration: none;
color: #000;
font: 1.2em "Century Gothic", "Lucida Sans Unicode", Verdana, sans-serif;
border-top: 1px #004e80 dotted;
}

ul#productmodelnav li.lastli a {
border-bottom: 1px #004e80 dotted;
}

ul#productmodelnav li a:hover {
background: #fff url(../assets/images/background/productmodelhoverbg.gif) left no-repeat;
}

#products.chairs ul#producttypenav li#chairs a,
#products.stools ul#producttypenav li#stools a,
#products.boards ul#producttypenav li#boards a,
#products.footstools ul#producttypenav li#footstools a,
#products.supports ul#producttypenav li#supports a,
#products.accessories ul#producttypenav li#accessories a,
#products.misc ul#producttypenav li#misc a {
background: #fff url(../assets/images/background/producttypehoverbg.gif) right no-repeat;
}

/* ----- LISTS ----- */

ul.productlist {
padding: 0 0 2em 16px;
font-size: 1.1em;
}

#rightcolumn ul.productlist, #leftcolumn ul {
font-size: 1.3em;
padding: 0 0 20px 30px;
}

#leftcolumn ol {
font-size: 1.3em;
margin: 0;
padding: 0 0 20px 30px;
}

#leftcolumn ol li {
padding: 0.25em 0;
}

#rightcolumn ul.productlist li {
padding: 5px 0;
color: #006eb6;
font-weight: bold;
}