@charset "UTF-8";
/* CSS Document */

/*  RESET  */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,a {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { 
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
ul,ol {
	list-style: none;
}
fieldset,img {
	border: none;
}
caption,th {
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  STRUCTURE  */

html, body {
	height: 100%;
}
body {
	position: relative;
}
#bigwrapper{
	background: #000 url(../images/bkgd/rightcorner/online.gif) bottom right no-repeat;
	min-height: 100%;
}
.bodynone{
	background-image:none;
	background: #000;
}
#wrapper {
	min-height: 100%;
	z-index: 2;
	position: relative;
}
* html #wrapper {
	height: 100%;
}
#container {
	width:800px;
	margin:0 auto;
	z-index: 5;
}

#header{
	border-bottom:#313131 solid 1px;
}
#header h1 a{
	display:block;
	 background:url(../images/logo/thelabworks_hor.gif) left top no-repeat;
 	width:213px;
 	height:90px;
}
#menuflash {
	height: 195px;
}
#maincontent{
	background:#000 url(../images/bkgd/content_bottom.png) left bottom repeat-x;
	border: #313131 solid 1px;
	min-height:45em;
	_height:45em;
	margin-bottom:17px;
	z-index: 10;
}

#footerclear_in {
	display: block;
	height: 80px;
}
#footer_in {
	background: url(../images/bkgd/footer.gif) bottom left repeat-x;
	width: 100%;
	clear: both;
	height: 85px;
	border-top:#b3ab00 1px solid;
	background-color: #efe400;
	margin: -91px 0 0 0;
	position: relative;
	padding-top: 5px;
}
#footer {
	position: absolute;
	width:800px;
	left:50%;
	margin:0 0 0 -400px;
	z-index: 20;
}

#footer_in li {
	display: inline;
	float: left;
	padding-right: 30px;
}
#footer_in #copyright {font: 10px/13px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#333333;
	float: left;text-align:left;
position:absolute;
bottom:-55px;
}
#footer_in #footer_roes{	position:absolute; right:-2px;}
#footer_in #footer_roes a{	text-indent:-9999px;background:url(../images/footer_btn.png) 0 0 no-repeat; display:block;height:43px;width:196px;}
#footer_in #footer_roes a:link{	background-position:0px 0px;}
#footer_in #footer_roes a:visited{	background-position:0px 0px;}
#footer_in #footer_roes a:hover{	background-position:0px -43px;}
#footer_in #footer_roes a:active{	background-position:0px -86px;}

#footer_in #footer_phone {	position:absolute;
bottom:-55px;right:0px;
font: 10px/13px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#333333;
, Arial, Verdana, sans-serif; color:#333333;text-align:right;}

/* TYPOGRAPHY */

body {
	font:lighter 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #F2F2F2;
}
#footer_in{font: 10px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#333333; }
legend {
	color: #F2F2F2;
}
#banner {
	background-color: #7B68EE;
	height: 80px;
}

.panel {
	/*clear: both;
	display:none;*/
	display:block;
	padding: 0px 30px 0px 15px;
}

fieldset {
	padding: 2em;
}

.panel.activebody {
	display: block;
}
.bar {
	padding: 5px;
	background-color: #3e3e3e;
}
#tabs {
	border-right: 1px solid #313131;
}

#subnav ul {
	position: absolute;
	z-index: 12;
	list-style: none;
	width: 205px;
	list-style-type:none;
}
#myDiv{
	position:relative;
	z-index: 11;
	padding-left:20px;
	margin-right:-20px;
	display: block;
	height: 30px;
	background:url(../images/bkgd/arrow_up.png) right top no-repeat;
	width: 200px;
}

#tabs li a{
	display:block;
	height:30px;
	line-height:30px;
	width:inherit;
}

#tabs h3 a{
	display:block;
	padding:0 2em 0 0;
	width: auto;
	text-decoration: none;
	color: #F0F0F0;
	font-weight:normal;
	font-style:normal;
	/*border-bottom:#000 solid 1px;*/
	background:url(../images/bkgd/arrow.png) right top no-repeat;
}
#tabs li a {
	font-size:11px;
	padding: 0 0 0 1em;
	display:block;
	width: inherit;
	text-decoration: none;
	color: #F0F0F0;
	font-weight:normal;
	font-style:normal;
	background:url(../images/bkgd/tabs_underline.png) bottom left no-repeat;
}

#tabs li a.active-tab {
	color: #FFF;
	font-weight:bold;
	font-style:bold;
	font-size:11px;
	background:url(../images/bkgd/hilite2.png) left bottom no-repeat;

}
h3.accordion-toggle-active {
	color: #f1E700;
	font-weight:bold;
	font-style:bold;
	background:url(../images/bkgd/arrow_up.png) right top no-repeat;
	/*border-bottom:#313131 solid 1px;*/
}
#tabs li a:hover{
	color:#FFFF33;
	text-decoration: none;
}
div.accordion {
	position: relative; /* required for bounding */
}

h3.accordion-toggle{
	height:30px;
	line-height:30px;
	display:block;
	position: relative; /* required for effect */
	z-index: 15;
	cursor: pointer;
}
h3.accordion-toggle{
	background:url(../images/bkgd/arrow.png) right top no-repeat;
}
h3.accordion-toggle:hover, h3.accordion-toggle-active{
	background:url(../images/bkgd/arrow_up.png) right top no-repeat;
}
h3.accordion-toggle:hover{
	color:#FFFF33;
}
div.accordion-content h3{
	height:30px;
	line-height:30px;
	display:block;
}

div.accordion-content{
	overflow: hidden;
}
div.accordion-content li{
	padding:0 0;
}

a:focus {outline: none}


.hide, .panel.hide{
	display: none;
}
#content {
	overflow:hidden;
	height:0px;
}
/*#content.overfloat {
	float:left;
	overflow:inherit;
	height:auto;
	margin:0;
}*/
#footerlinks a, #footerlinks a:visited, #footerlinks a:active {
	color: #333333;
	text-decoration: none;
}
#footerlinks a:hover{
	text-decoration: underline;
}
#header h2 {
	height: 19px;
	width: 361px;
	float: right;
	margin: 43px 0 0 0;
	background:url(../images/headline/since.gif) top left no-repeat;
}
#sidenav {
	overflow: hidden;
	height: 0px;
	float: left;
	width: 215px;
	z-index: 8;
	padding: 1.2em;
}

#subnav {
	display: block;
	width: auto;
}
#subnav.subnav4{
	height:124px;
}

#imagemask {
	background:url(../images/bkgd/imagemask.png) left top no-repeat;
	position: absolute;
	top: 122px;
	height: 195px;
	width: 800px;
	z-index: 11;
}
#sectiontitle {
	background:left bottom no-repeat;
	position: absolute;
	top: 252px;
	height: 75px;
	width: 800px;
	z-index: 15;
}
#menuflash {
	margin-bottom: 15px;
	clear: both;
}
#bkgd_rightcorner {
	position:absolute;
	display:block;
	z-index:0;
	height: 1080px;
	width: 300px;
	bottom: 0em;
	right: 0em;
	background: #000;
}
div > div#bkgd_rightcorner { position: fixed; }
#tip{
	position:absolute;
	display:block;
	height:6px;
	z-index:30;
	top:0px;
	left:0px;
	width:100%;
	background: url(../images/bkgd/header_tip.gif) top left repeat-x;
}
.accordion-content .hide li {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}
/*table*/

#content .panel table a,
#content .panel table a:link,
#content .panel table a:visited {
	border:none;
}							
	

#content .panel table {
	font: lighter 1.0em/1.2em "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
	margin:1em 0;
	border-collapse:collapse;
	padding: 0;
	width:100%;
}
#content .panel caption {
	color: #9ba9b4;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:center;
}	
#content .panel tr.odd td	{
	}
#content .panel tr.odd .column1	{
	}	
#content .panel .column1	{
	text-align: left;
	}
#content .panel td {
	color:#FFF;
	padding:.3em 0em;
	text-align:right;
}				
#content .panel th {
	font-weight:normal;
	text-align:left;
	padding:.3em 0em;
	}							
#content .panel thead strong{
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
}
#content .panel thead th {
	text-align:right;
	border-bottom:#DDD 1px solid;
}	
#content .panel tfoot th {
	text-align:center;
}	
#content .panel tfoot th strong {
	margin:.5em .5em .5em 0;
}		
#content .panel tfoot th em {
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
}	
#content .panel h2, #content .panel h2.franklin {
	font: bold 24px/26px "Lucida Grande", Arial Black, Verdana, sans-serif;
	margin:20px 0 5px 0;
}
#content .panel h3 {
	font: bold 1.2em/1.4em "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
}
#content .panel h6 {
	font: normal 1.3em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
}
#content .panel img.plus{
	padding-top:5px;
}
#content .panel p.testimony {
	width:500px;
	font: normal 1.3em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
	margin-left:-15px;
	padding-left:15px;
	background:url(../images/lquo.gif) left top no-repeat;
}
#content .panel h5 {
	font: italic 1.3em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
}
#content .panel h2.franklin span.half {
	font: bold 12px/13px "Lucida Grande", Arial Black, Verdana, sans-serif;
}
#content .panel .quarter3 {
	font-size: 0.8em;
}
#content .panel td li {
	display: inline;
}
ul li.left {
	float: left;
}
#content .panel p {
	margin: 2px 0px 10px;
	font:lighter 1.1em/1.5em "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
}
#content .panel a {
	color:#FFF;
	text-decoration: none;
}
#content .panel a:hover {
	color:#FFF;
	text-decoration: underline;
}
#content .panel a.yellowtext {
	color:#FF0;
}
#content .panel p strong {
	font-weight: bold;
}
img.imgbottom {
	float:left;
}
img.imgbottomright {
	float:right;
	margin: 0 -30px 0 0;
	padding:0;
}
div.samplebox, div.sampleboxl{
	float:right;
	margin:0px 0 5px 10px;
	background:#1a1a1a;
	border-left:#313131 solid 1px;
	border-right:#313131 solid 1px;
	border-bottom:#313131 solid 1px;
}
div.sampleboxl{
	float:left;
	margin:0 10px 5px 0;
}
#whitesample{
	float:left;
	margin:5px 0 0 0;
	padding:0;
}
.sampleheader {
	display:block;
	height:27px;
	background:#000;
	border-bottom:#313131 1px solid;
	border-top:#4b4b4b 1px solid;
}
.sampleheader.w457{ width:480px;}
.sampleheader.w385{ width:405px;}
.sampleheader.w313{
	width:328px;
}
.sampleheader.w241{ width:252px;}
.sampleheader.w169{ width:177px;}
.sampleheader.w97{ width:97px;}
.samplelist{ padding:8px 18px 12px 8px;}
.samplelist li{
	display:inline;
}
.samplelist li a img{
	margin:6px 0 0 12px;	
}
.samplelist li.zsample a img{
	margin:0;	
}
img.left{
	float:left;
	margin-right:10px;
}
img.right{
	float:right;
	margin-left:10px;
}

.it_h5{
	font: italic 1.3em "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
	line-height:27px;
	padding-left: 10px;
}
.yellow{
	color: #f1E700;
}
#privacy{
	color:#333;
	font: 11px/14px Verdana, Geneva, sans-serif;
	background:#FFF;
}
p.candy{
	background:url(../images/candy.jpg) right top no-repeat;
}
p.peelbooksp{
	background:url(../images/digitalservices/peelbooks.gif) right top no-repeat;
}
p.acrylic{
	background:url(../images/acrylic.jpg) right top no-repeat;
}
p.sintra{
	background:url(../images/samples/sintra.jpg) right top no-repeat;
}
#copyright{
font: 10px/13px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#333333;
}
#bigwrapper.minibooks p, #bigwrapper.minibooks a,  #bigwrapper.minibooks a:hover{
	color:#212121;
}
#bigwrapper.minibooks, #bigwrapper.minibooks #bkgd_rightcorner{
	background-color:#FFF;
	color:#212121;
}
#bigwrapper.minibooks #content .panel td, #bigwrapper.minibooks #tabs li a{
	color:#212121;
}
#bigwrapper.minibooks #tabs li a:hover {
	font-weight:bold;
}
#bigwrapper.minibooks #maincontent {
	background:#FFF url(../images/mini/btm.jpg) left bottom no-repeat;
	border:#999 1px solid;
}
#bigwrapper.minibooks h3.accordion-toggle-active {
	color:#000;
	font-weight:bold;
	font-style:bold;
	background:url(../images/bkgd/arrow_up_neg.png) right top no-repeat;
	/*border-bottom:#313131 solid 1px;*/
}
#bigwrapper.minibooks h3.accordion-toggle{
	background:url(../images/bkgd/arrow_neg.png) right top no-repeat;
}
#bigwrapper.minibooks h3.accordion-toggle:hover, #bigwrapper.minibooks  h3.accordion-toggle-active{
	background:url(../images/bkgd/arrow_up_neg.png) right top no-repeat;
}
#bigwrapper.minibooks h3.accordion-toggle:hover{
	font-weight:bold;
	color:#212121;
}
#bigwrapper.minibooks #header h2{
	background:url(../images/headline/since_neg.gif) top left no-repeat;
}
#bigwrapper.minibooks #header h1 a{
	 background:url(../images/logo/thelabworks_hor_neg.gif) left top no-repeat;
}
#bigwrapper.minibooks #mainmenu #globalnav li a { background-image:url(../images/bkgd/nav_neg.gif); _background-image: url(../images/bkgd/nav_neg.gif); }
#menuflash_neg, #bigwrapper.minibooks #menuflash{
display:none;
}
#bigwrapper.minibooks #menuflash_neg, #menuflash{
	display:block;
}
#bigwrapper.minibooks #wrapper {
	border-top:#b3ab00 7px solid;
}
#minibooks {
	background: url(../images/mini/items.jpg) no-repeat 100% 0%;
}
#whitesample .sampleboxl {
	background:#cecece;
	border-left:#a9a9a9 solid 1px;
	border-right:#a9a9a9 solid 1px;
	border-bottom:#a9a9a9 solid 1px;
}



/* PRINT */
@media print {
	body{ background:none !important;}
	#maincontent{background:none !important;}
	#wrapper{background:none !important;}
	#bigwrapper{background: none !important;}
	body, #main, #content, table, td, tr, thead, tfoot, tbody { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
	#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide, #bkgd_rightcorner { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}
#whitesample .sampleboxl .sampleheader {
	background: #FFF;
	color:#999;
	border-bottom:#a9a9a9 1px solid;
	border-top:#a9a9a9 1px solid;
}