/*---- GENERAL ----*/

* {
	margin: 0;
	padding: 0;
}

.hide, #sidebar span {
	position: absolute;
	left: -9999px;
	font-size: 0;
}

img {
	display: block;
	border: 0;
}

.clear { clear: both; }

.floatleft {
	float: left;
	font-style: italic;
	font-size: 0.85em;
}

/*---- LAYOUT ----*/

html, body { height: 100%; }

body {
	background: #b7aa9a url("../images/bg.gif") repeat-y 50% top;
	text-align: center;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 674px;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#header { height: 89px; }

#header h1 a {
	display: block;
	background: #fff url("../images/header.gif") no-repeat;
	width: 674px;
	height: 89px;
}

#main { padding: 0 16px 25px 22px; }

body.tour #main, body.lab #main, body.pre #main, body.pro #main, body.war #main, body.shi #main, body.cus #main { padding: 0; }

#content {
	float: left;
	width: 398px;
	padding: 20px 0;
}

body.contact #content { width: 634px; }

body.admin #content {
	width: 634px;
	margin: 20px 0 0 0;
}

body.tour #content { width: 634px; }

body.lab #content, body.pre #content, body.pro #content, body.war #content, body.shi #content, body.cus #content { width: 473px; }

body.main #content { padding: 0; }

h2.tagline {
	background: url("../images/tagline.gif") no-repeat;
	height: 56px;
}

h3.tagline {
	margin: 0;
	padding: 0;
	background: url("../images/tagline2.gif") no-repeat left;
	height: 34px;
}

body.main #content p {
	margin-top: 2px;
	margin-left: 38px;
	margin-right: 50px;
	color: #7a7a7a;
}

.desc { padding: 5px 10px 14px; }

body.tour .desc, body.lab .desc, body.pre .desc, body.pro .desc, body.war .desc, body.shi .desc, body.cus .desc { padding: 5px 35px 14px 40px; }

img.product {
	float: left;
	padding: 0 1em 1em 0;
}

#tourstart {
	padding: 15px 0 0 27px;
	float: left;
}

#prodnav, #tournav {
	margin: 15px 15px 0;
	float: right;
}

#sidebar {
	float: right;
	width: 236px;
	height: 600px;
	background: url("../images/divide_line.gif") no-repeat 7px 0;
	margin: 8px 0 0;
	padding: 15px 0 0;
}

body.tour #sidebar, body.lab #sidebar, body.pre #sidebar, body.pro #sidebar, body.war #sidebar, body.shi #sidebar, body.cus #sidebar {
	background: none;
	margin: 0;
	padding: 39px 0 0;
	width: 178px;
}

#sidebar h3 {
	background: url("../images/button_header.gif") no-repeat right;
	height: 17px;
	margin: 0 0 0 12px;
	padding: 0;
}

#Template_tourimg2 { margin: 15px 0 30px; }

div.left {
	float: left;
	text-align: right;
	width: 195px;
	padding: 0 0 10px;
}

div.left p {
	font-weight: bold;
	color: #7b3211;
}

div.right {
	float: left;
	width: 439px;
	padding: 0 0 10px;
}

div.pad { padding: 0 10px; }

#footer {
	width: 100%;
	background: #7a4d0d url("../images/footer.gif") repeat-x top;
	line-height: 25px;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
}

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

body { font: normal 13px/18px helvetica, arial, verdana, sans-serif; }

#footer p {
	font-size: 11px;
	padding: 6px 0 0 20px;
	color: #fff;
}

p, address {
	font-style: normal;
	padding: 0 0 4px;
	color: #444;
}

h3, h4 {
	font: bold 13px/18px "Arial Narrow", arial, verdana, sans-serif;
	text-transform: uppercase;
	background: url("../images/headlines2.gif") no-repeat bottom left;
	margin: 0 0 8px;
	padding: 0 0 3px 18px;
	color: #bc7b17;
}

h3.logos { background: url("../images/headlines3.gif") no-repeat bottom left; }

body.admin h3 {
	font: bold 13px/18px "Arial Narrow", arial, verdana, sans-serif;
	text-transform: uppercase;
	background: url("../images/headlines2.gif") repeat-x bottom left;
	margin: 0 0 8px;
	padding: 0 0 3px 18px;
	color: #bc7b17;
}

body.tour h3, body.lab h3, body.pre h3, body.pro h3, body.war h3, body.shi h3, body.cus h3 {
	background: url("../images/divider2.gif") no-repeat bottom;
	padding-left: 40px;
}

#content ul {
	font: bold 13px/18px "Arial Narrow", arial, verdana, sans-serif;
	text-transform: uppercase;
	margin: 0 0 1em 30px;
	color: #7b3211;
}

li {
	font: normal 12px/18px helvetica, arial, verdana, sans-serif;
	text-transform: none;
	color: #666;
}

.super {
	vertical-align: super;
	font-size: 10px;
}

.small { font-size: 12px; }

/*---- LINKS ----*/

a { text-decoration: none; }

a:hover { text-decoration: underline; }

a#start, a#starttour {
	display: block;
	background: url("../images/restart_tour_btn.gif") no-repeat;
	width: 105px;
	height: 16px;
}

a#starttour { background: url("../images/start_tour_btn.gif") no-repeat; }

a#back, a#backonly, a#next {
	display: block;
	float: left;
}

a#back {
	background: url("../images/back_btn.gif") no-repeat;
	width: 55px;
	height: 20px;
}

a#backonly {
	background: url("../images/back_end_btn.gif") no-repeat;
	width: 58px;
	height: 20px;
}

a#next {
	background: url("../images/next_btn.gif") no-repeat;
	width: 52px;
	height: 20px;
}

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

#menu {
	background: #7f653f url("../images/below_nav.gif") repeat-x bottom;
	padding: 5px 18px 10px 0;
}

#menu h5 {
	float: left;
	margin: 0 0 0 10px;
	color: #fff;
	font-weight: 100;
}

#menu ul {
	float: right;
	list-style: none;
	margin: 0;
}

#menu li {
	float: left;
	font: normal 12px times, serif;
	background: url("../images/nav_div.gif") no-repeat right;
	padding: 0 7px;
}

#menu li.last {
	background: none;
	padding: 0 0 0 7px;
}

#menu li a { color: #fff; }

ul#solutions {
	list-style: none;
	margin: 6px 0 0 0;
}

ul#solutions li {
	margin: 0 0 0 12px;
	position: relative;
}

ul#solutions a {
	position: absolute;
	left: 80px;
	top: 15px;
	color: #A6765E;
	font-weight: 800;
}

ul#solutions li {
	width: 226px;
	height: 64px;
	background-repeat: no-repeat;
}

ul#solutions li a {
	display: block;
	padding: 0 10px 0 0;
}

li#aero { background-image: url("../images/aerosols_btn.gif"); }

li#caca { background-image: url("../images/cartridges_btn.gif"); }

li#syri { background-image: url("../images/syringes_btn.gif"); }

li#cans { background-image: url("../images/cans_btn.gif"); }

li#coll { background-image: url("../images/collapsible_tubes_btn.gif"); }

li#clip { background-image: url("../images/clip_paks_btn.gif"); }

li#sedu { background-image: url("../images/semkits_btn.gif"); }

li#mois { background-image: url("../images/towelettes_btn.gif"); }

li#aero { background-image: url("../images/aerosols_on_btn.gif"); }

li#caca { background-image: url("../images/cartridges_on_btn.gif"); }

li#syri { background-image: url("../images/syringes_on_btn.gif"); }

li#cans { background-image: url("../images/cans_on_btn.gif"); }

li#coll { background-image: url("../images/collapsible_tubes_on_btn.gif"); }

li#clip { background-image: url("../images/clip_paks_on_btn.gif"); }

li#sedu { background-image: url("../images/semkits_on_btn.gif"); }

li#mois { background-image: url("../images/towelettes_on_btn.gif"); }

body.aero li#aero a, body.caca li#caca a, body.syri li#syri a, body.cans li#cans a, body.coll li#coll a, body.clip li#clip a, body.sedu li#sedu a, body.mois li#mois a { background: none; }

ul#solutions a:hover { background: none; }

h2#tourhead {
	background: url("../images/tour_header.gif") no-repeat bottom right;
	width: 97px;
	height: 12px;
	margin: 0 0 4px;
}

#tourmenu { padding: 25px 0 0 13px; }

#tourmenu ul {
	float: left;
	list-style: none;
}

#tourmenu li { float: left; }

#tourmenu li, #tourmenu li a {
	background: url("../images/tour_menu.gif");
	height: 20px;
}

#tourmenu li a { display: block; }

#tourmenu li#lab {
	background-position: 0 -40px;
	width: 67px;
}

#tourmenu li#pre {
	background-position: -67px -40px;
	width: 99px;
}

#tourmenu li#pro {
	background-position: -166px -40px;
	width: 131px;
}

#tourmenu li#war {
	background-position: -297px -40px;
	width: 141px;
}

#tourmenu li#shi {
	background-position: -438px -40px;
	width: 117px;
}

#tourmenu li#cus {
	background-position: -555px -40px;
	width: 94px;
}

#tourmenu li#lab a {
	background-position: 0 0;
	width: 67px;
}

#tourmenu li#pre a {
	background-position: -67px 0;
	width: 99px;
}

#tourmenu li#pro a {
	background-position: -166px 0;
	width: 131px;
}

#tourmenu li#war a {
	background-position: -297px 0;
	width: 141px;
}

#tourmenu li#shi a {
	background-position: -438px 0;
	width: 117px;
}

#tourmenu li#cus a {
	background-position: -555px 0;
	width: 94px;
}

#tourmenu li#lab a:hover { background-position: 0 -20px; }

#tourmenu li#pre a:hover { background-position: -67px -20px; }

#tourmenu li#pro a:hover { background-position: -166px -20px; }

#tourmenu li#war a:hover { background-position: -297px -20px; }

#tourmenu li#shi a:hover { background-position: -438px -20px; }

#tourmenu li#cus a:hover { background-position: -555px -20px; }

body.lab li#lab a, body.pre li#pre a, body.pro li#pro a, body.war li#war a, body.shi li#shi a, body.cus li#cus a { background: none; }

/*---- TABLES ----*/

table {
	margin: 0 auto;
	width: 70%;
	border-collapse: collapse;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

th, td { padding: 3px 6px; }

tr th {
	border-bottom: 1px solid #ccc;
	color: #7b3211;
}

th.bright, td.bright { text-align: right; }

th.bleft, td.bleft { text-align: center; }

th.bmid, td.bmid { text-align: center; }

td.bmid {
	border: 1px solid #ccc;
	border-width: 0 1px;
}

/* admin section */

body.admin a { color: #A6765E; }

body.admin a:hover { text-decoration: underline; }

p.breadcrumb {
	border-bottom: 1px dotted #A6765E;
	padding: 0 0 2px 0;
	margin: 0 0 20px 0;
}

.floatRight { float: right; }

ul.adminList {
	line-height: 2em;
	margin: 0 0 0 20px;
	color: #A6765E;
}

dl.form { width: 600px; }

dl.form dt {
	width: 150px;
	margin: 0 0 10px 0;
	text-align: right;
	float: left;
	font-weight: 800;
}

dl.form dd {
	width: 440px;
	margin: 0 0 10px 0;
	float: right;
}

body.admin table { width: 100%; }

.medium { width: 200px; }

/* document section  */

ul.documentList {
	line-height: 2em;
	margin: 0 0 0 20px;
	list-style: square;
}

ul.documentList li a { color: #A6765E; }

.error {
	/*background: #FFFCEF;*/
	padding: 5px 10px;
	/*border: 1px solid #FFEE9F;*/
	margin: 0 0 10px 0;
}

.errorpanel { color: #FF0F19; }

.required { background: #EFEFC2; }

/* #logos */
#logos {
	float: left;
	list-style: none;
	margin: 0 0 50px 0;
	padding: 0;
}

#logos li {
	float: left;
	margin: 10px 20px 0 0;
	padding: 0;
}

#links {
	width: 400px;
	float: right;
	margin: 15px 0 0 0;
}

#links a {
	color: #A6765E;
	font-weight: 800;
}

#links li { margin: 0 0 10px 0; }

p.caption {
	font-style: italic;
	clear: both;
	text-align: center;
	margin: 0 0 20px 0;
}