* {margin: 0px; padding: 0px}
body {
background-color: #d2d0d0;
background-image: url(images/aloe_bg.jpg);
background-position: fixed;
background-repeat: repeat-x;
width:100%;
color: #333333;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
}
#content {
	width: 1000px;
	margin: 0px auto;
}

/* NAV */
#navcontainer {
	width: 100%;
	height: 81px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/aloetouch_logo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
.nav {
	float: right;
	width: 685px;
	padding: 0px;
	margin-left: 0px;
}
#navitems{
	float: left;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-size: 15px;
	font-weight: bold;
	text-transform:uppercase;
	padding:0px 6px 6px 6px;
	overflow:auto;
	height:55px;
	clear:both;
	margin-top: 15px;
	margin-left: 25px;
}
#navitems ul{
	display: inline;
	float:left;
}
#navitems ul li{
	display: inline;
}
#navitems a{
	color:#333333;
	text-decoration:none;
	margin:0 3px 0px 3px;
	height:33px;
	line-height:33px;
	float:left;
	display:block;
	padding: 0px 6px 0px 6px;
}
#navitems a:hover{
	color: #8dc73f;
}
a.active{
	height:33px;
	line-height:33px;
	background:url(images/nava.jpg) right top no-repeat;
	padding-right:0px;
	margin: 0px;
	float:left;
	
}
a.active span{
	background:url(images/navspan.jpg) left top no-repeat;
	height:33px;
	display:block;
	padding: 0px 0px 0px 6px;
	margin: 0px;
	float:left;
	color: #333333;
}
.style {
	float:right;
	margin-right: 50px;
	height: 26px;
	width: 55px;
	background-image:url(images/style.gif);
}
/* MAIN FORMATTING */
h1 {
	font-size: 36px;
	font-weight:bold;
	letter-spacing: -2px;
	padding-bottom: 10px;
}
h2 {
	font-size: 18px;
	font-weight:bold;
	font-style: italic;
	letter-spacing: -1px;
	padding-bottom: 10px;
}
h3 {
	font-size: 14px;
	font-weight:bold;
}

#textright {
	width: 540px;
	float:right;
	padding-right: 20px;
}
#textleft {
	width: 575px;
	float:left;
	padding-left: 20px;
}

.bodycopy {
	font-size: 12px;
	line-height: 17px;
}
.sources {
	color: #999999;
	font-size: 10px;
	margin-right: 40px;
}
a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration:underline;
}
.toprow {
	border-bottom: 2px solid #333333;
	font-weight: bold;
	font-size: 13px;
}
.row {
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle;
}
.botrow {
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle;

}
.quotebox {
	height: 233px;
	background-image: url(images/quotebox-trans.png);
	background-repeat: no-repeat;
}
.quoteboxtext{
	font-style:italic;
	margin-left: 50px;
	margin-top: 10px;	
	width: 330px;
	height: 115px;
	font-size: 16px;
	vertical-align: middle;
}

#footer {
	width: 700px;
	height: 70px;
	margin: 0px auto;
	font-size: 12px;
	padding-top: 10px;
	display: block;
}
#footer td.logo{
	background-image: url(images/medlogo-black.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#footer a{
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}
#footer a:hover{
	color: #333333;
	text-decoration: none;
}
.boxes td{
	padding-right: 8px;
}
.studyname {
background-color: #333333; color: #FFFFFF; border: 1px solid #333333;padding:5px;}
.study{
	border: 1px solid #333333; border-top: none;padding:10px;}
.studytable {
	margin-top:15px;}
.testmonialwide{
	background-image: url(images/quotebox-top-trans.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 495px;
	float:left;
	padding: 20px;
	color: #333333;
	margin:0px 0px 15px 20px;
	font-size: 14px;
	z-index: 1;
}

.testmonial{
	width: 260px;
	float:left;
	padding: 20px;
	color: #333333;
	margin:0px 0px 15px 5px;
	font-size: 14px;
	z-index: 1;
}
.testname {
	font-weight: bold;
	color: #333333;
	font-style: italic;
}

.latexsymbols { width: 455px; height: 70px; margin:0px; padding: 0px; background-image:url(images/symbols/aloe-latex-trans.png); background-repeat: no-repeat; }
.nitrilesymbols { width: 455px; height: 70px; margin:0px; padding: 0px; background-image:url(images/symbols/nitrile-trans.png); background-repeat: no-repeat; }
.ultrasymbols { width: 455px; height: 70px; margin:0px; padding: 0px; background-image:url(images/symbols/ultra-trans.png); background-repeat: no-repeat; }
.threegsymbols { width: 455px; height: 70px; margin:0px; padding: 0px; background-image: url(images/symbols/3g-trans.png); background-repeat: no-repeat;}
.icesymbols { width: 455px; height: 70px; margin:0px; padding: 0px; background-image:url(images/symbols/ice-trans.png); background-repeat: no-repeat; }

/* FEATURE CONTENT GLIDER */

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 450px;
height: 330px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
margin-left: 10px;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: none;
visibility: hidden;
width: 430px;
display: block;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 460px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color: #333333;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: #333333;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}


.cssbuttonstoggler{ /*style for DIV used to contain toggler links. */
width: 425px;
margin-top: 6px;
margin-left: 25px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.cssbuttonstoggler a{ /*style for every navigational link within toggler */
background: transparent url('images/square-gray-left.gif') no-repeat top left;
color: #333333;
display: block;
float: left;
margin-top: 10px;
margin-right: 10px;
font: normal 14px Arial; /* Change 12px as desired */
font-weight: bold;
text-transform: uppercase;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 30px; /* Height of button background height */
padding-left: 19px; /* Width of left menu image */
text-decoration: none;
-moz-outline: none 0;
outline: none 0;

}

.cssbuttonstoggler a span{
background: transparent url('images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 19px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
text-decoration: none;
}

.cssbuttonstoggler a.selected, .cssbuttonstoggler a:hover{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom left;
text-decoration: none;
}

.cssbuttonstoggler a.selected span, .cssbuttonstoggler a:hover span{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom right;
color: #333333;
text-decoration: none;
}

.cssbuttonstoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.cssbuttonstoggler a.prev, .glidecontenttoggler-2 a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.cssbuttonstoggler a.prev:hover, .glidecontenttoggler-2 a.next:hover{
}










/*##########################################
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

/*General styles - NOT really related to the forms*/
* {
	margin:0;
	padding:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
img {border:0;}
#container {padding:20px;}

/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
label {
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}


/*.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(images/niceforms/radio2.gif) no-repeat left top;}
.radioAreaChecked {background:url(images/niceforms/radio2.gif) no-repeat left bottom;}


.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(images/niceforms/checkbox2.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(images/niceforms/checkbox2.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}*/



/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(images/niceforms/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(images/niceforms/txtarea_tr-trans.png) no-repeat top right;}
.txtarea .tr_xon {background:url(images/niceforms/txtarea_tr_xon-trans.png) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(images/niceforms/txtarea_br-trans.png) no-repeat top right;}
.txtarea .br_xon {background:url(images/niceforms/txtarea_br_xon-trans.png) no-repeat top right;}
.txtarea .cntr {background:url(images/niceforms/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(images/niceforms/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(images/niceforms/txtarea_l-trans.png) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(images/niceforms/txtarea_l_xon-trans.png) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(images/niceforms/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/niceforms/select_left-trans.png) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/niceforms/select_right-trans.png) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(images/niceforms/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}

#blackpreview {
	position: absolute;
	width: 200px;
	height: 136px;
	left: 785px;
	top: 25px;
	display:none;
}
#whitepreview {
	position: absolute;
	width: 200px;
	height: 136px;
	left: 785px;
	top: 25px;
	display:none;
}
.printlogo {
	width:300;
	height: 72;
	margin: 0px;
	padding:0px;
}