/*---- 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;
		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;
	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;
}