/* Screen Styles */

html, body {
	margin: 0px;
	padding: 0px;
}

/* Font */
body, th, td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}


/* Header */
#header {
	margin:0;
	padding:0;	
	height:100px;
	background: url(../images/header_bg.gif) right top no-repeat;  	
}

div#header-left {
  background: url(../images/header-left.gif) no-repeat;
  width:54px; height:70px;
  position:absolute;
  left:0; top:0;
}

#logo {
  width:800px;
  margin:0 auto;
  padding-left:40px;
}

#header ul {
	width: 735px;
	margin: 3px auto 0px auto;
	padding: 0px;
	list-style-type: none;
	position: relative;
	z-index: 3;
}

#header li {
	float: left;
	margin: 0px 10px 0px 0px;
}

#header ul a {
	background: url(../images/arrow.gif) left 50% no-repeat;
	background-repeat: no-repeat;
	padding: 3px 0 3px 18px;
}

/* Page */
#page {
	width: 800px;
	margin: 15px auto 0px auto;
	min-height: 380px;
	height: auto;
	_height: 380px;
	position:relative;
}

.home {
  background: url(../images/home-public_bg.jpg) right top no-repeat;
}

.marketing {
  background: url(../images/member-marketing_bg.jpg) right top no-repeat;
  padding-right:300px;
  min-height:380px;
  height: auto;
	_height: 380px;
}

.marketing {

}

/* buttons */

h2#services, h2#findstore {
  position:absolute;
  right:343px;
  margin:0;
  padding:0;
}

h2#services { top:95px; }

h2#findstore { top:238px; }

h2#services a, h2#services a span,
h2#findstore a, h2#findstore a span {
  position:relative;
  display:block;
  width:253px;
  height:136px;
  overflow:hidden;
} 

h2#services a span, h2#findstore a span {
  position:absolute;
  left:0; top:0;
  background: url("../images/h2-services.jpg") no-repeat;
}

h2#findstore a span { background: url("../images/h2-find-store.jpg") no-repeat; }


h2.block { float:left; margin:5px 20px 20px 0; padding:0;}

h2.block a { padding-left:7px;}

h2.block a, h2.block a span {
  position:relative;
  display:block;
  width:250px; height:119px;
  overflow:hidden;
}

h2.block a span {
  position:absolute;
  left:0; top:0;
} 

h2#h2-newsletter a span { background: url("../images/h2-newsletter.gif") no-repeat; }
h2#h2-support a span { background: url("../images/h2-support.gif") no-repeat; }
h2#h2-marketing a span { background: url("../images/h2-marketing.gif") no-repeat; }
h2#h2-contact a span { background: url("../images/h2-contact.gif") no-repeat; }

#member-login {
  /*width:750px;
  margin:0 auto;*/
  margin:0 20px 0 0;
  padding:0.5em 0;
  text-align:right; 
}

/* Footer */
#footer {
	clear: both;
	/*width: 750px;*/
	/*margin: 15px auto 15px auto;*/	
	padding:5px 0 25px 0;
  margin:0;  
	text-align: center;
	border-top: 1px solid #d9d9d9;	
}

#footer p {
  margin:0; padding:0;
}

#footer p#copyright {
  width:200px;  
  float:left;
  margin-left:20px;
  display:inline;
  text-align:left;
}

#footer-links {
  float:right;
  margin:0 0 0 0; 
  padding:0;  
}

#footer-links li {
  float:left;
  list-style:none;
  margin-right:20px;
  padding-left:8px;
  background: url("../images/navarrow.gif") 0 50% no-repeat;    
  display:inline; 
}

#footer-links li a {  
  color:#000;
  font-weight:normal;
}

#footer-links a:hover {
  text-decoration:underline;
}

/* Sub Navigation */
ul#submenu {
	float: left;
	width: 160px;
	margin: 0px 15px 20px 0px;
	padding: 0px;
	list-style-type: none;
	border-top: 1px solid #d9d9d9;
}

ul#submenu li {
	border-bottom: 1px solid #d9d9d9;
}

ul#submenu li#current {
	background-color: #d9d9d9;
}

ul#submenu li#current a {
	background: none;
}

ul#submenu li a {
	display: block;
	/*background: transparent url(../images/redarrow.gif) left 8px no-repeat;*/
	background: transparent url(../images/arrow.gif) left 6px no-repeat;
	background-repeat: no-repeat;
	margin: 0px 6px 0px 6px;
	/*padding: 4px 9px 4px 9px;*/
	padding: 4px 9px 4px 18px;
}

ul#submenu li li {
  list-style-type:none;
  border-top: 1px solid #d9d9d9;
  border-bottom:0;
  margin:0 0 0 -20px;
  padding:0;  
}

ul#submenu ul li a {
  margin-left:0;    
  height:1%;
}

#menuedContent {
	float: right;
	width: 620px;
	padding-bottom:15px;
}

#homeBox {
	float: right;
	width: 410px;
}

#homeBox p {
	margin: 0 0 10px 0;
}

/* Headings */
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

h4 {
  font-size:11px;
}

/* Links */
a {
	font-weight: bold;	
	color:#00ab4e;
	text-decoration: none;
	outline: none;
}

a img {
	border: none;
}

a:hover {
	color: #ef4123;
	text-decoration: underline;
}

a.external {

}

a.zip {
	background: url(../images/zip.gif) left 50% no-repeat;
	padding: 4px 0px 4px 20px;
}

/* Forms */
div.formRow {
	margin-bottom: 5px;
}

label {
	display: block;
	width: 100px;
	float: left;
	margin-top: 3px;
}

.form {
	border: 1px solid #666666;
	background: #ffffff url(../images/formBg.gif) no-repeat;
	padding: 2px;
}

.button {
	border: 1px solid #666666;
	padding: 1px;
}

#frmSearch input, #frmSearch select {
  width:150px;
}

#nextstep {
  margin:15px 0 25px 0;
}

#mupdate {
  margin:15px 0 25px 25px;
}

#nextstep label,
#mupdate label {
  display:inline;
  float:none;
  width:auto;
}

#nextstep th,
#mupdate th {
  text-align:right;  
  vertical-align:top;
  width:180px;
}

#nextstep td,
#mupdate td {
  padding-left:25px;
}

#mupdate th { width:100px;}

#nextstep input, #nextstep textarea { width:250px; }
#nextstep input.small, #mupdate input.small { width:auto;} 
#mupdate input, #mupdate textarea { width:200px; }
/* Alignment */
.center {
	text-align: center;
}

.right {
	text-align: right;
}

.justify {
	text-align: justify;
}

.floatLeft {
	float: left;
	margin: 0px 10px 10px 0px;
}

.floatRight {
	float: right;
	margin: 0px 0px 10px 10px;
}

/* Misc */

.subheading {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.indent {
	margin-left: 15px;
}

.border {
	border: 1px solid #d9d9d9;
}

img.border {
	border: 3px solid #d9d9d9;
}

.box {
	border: 1px solid #d9d9d9;
	background-color: #eeeeee;
	padding: 10px 10px 0px 10px;
	margin: 0 0 15px 0;
}

.box h1, .box h2, .box p {
	margin: 0px 0px 10px 0px;
}

.clear {
	clear: both;	
}

.error {
	color: #990000;
	font-weight: bold;
}

.errorbox, .okbox {
  text-align:center;
  font-weight:bolder;
  padding:15px 7px;
  margin:20px 40px;
  background:#f4c5db;
	border:1px solid #b30758;
}

.okbox {
	background: #effffa;
	border: 1px solid #037f55;
}

.digital {
	color: #990000;
}

.arrow {
  background: transparent url(../images/arrow.gif) left 50% no-repeat;
  padding-left:16px;
}

/* Lab Search Results */
.retailer {
	border: 1px solid #cccccc;
	padding: 10px;
  margin-bottom: 10px;
	/*clear: right;
	float: right;*/
	width: 388px;
	word-wrap: break-word;
}

.retailer h2 {
	margin: 0;
}

.retailer p {
	float: left;
	width: 190px;
	margin-bottom: 0;
}

/* Contact Details */
#contact h2 {
	background-color: #eeeeee;
	border: 1px solid #d9d9d9;
	padding: 5px;
	margin: 10px 0px 5px 0px;
	clear: right;
	position:relative;
}

#contact h2 a {
  font-size:80%;
  position:absolute;
  right:20px; top:5px;
}

#contact p {
	margin: 0px 0px 5px 0px;
	padding: 5px;
	border: 1px solid #d9d9d9;
}

#contact p.address {
	margin-right: 225px;
}

#contact p.telephone {
	float: right;
	width: 210px;
	background-color: #efefef;
}

#contact span {
	display: block;
	float: left;
	width: 215px;
}


/* Promotions / Shop */
#shopCategories {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
}

#shopCategories li {
	display: block;
	width: 125px;
	border: 1px solid #cccccc;
	background: #eeeeee;
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
	line-height: 22px;
}

#shopItems {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#shopItems li {
	border: 1px solid #cccccc;
	margin-bottom: 15px;	
	padding:10px 10px 0 10px;
}

#shopItems img {
	float: left;
	margin-right: 10px;
	border: 1px solid #cccccc;
}

#shopItems h3 {
	margin-top: 0px;
}

#shopItems label {
	display: inline;
	padding-right: 5px;
	float: none;
}

/* Download */
.download {
	margin-bottom: 10px;
}

.download img {
	float: left;
	border: 1px solid #cccccc;
	margin-right: 10px;
}

.download table {
	margin: 1px 0px 0px 10px;
	width: 420px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

.download table tr.odd {
	background-color: #eeeeee;
} 

.boxleft {
  float:left;  
  margin-right:10px;
  margin-top:10px;
  text-align:center;
}

.w120 { width:120px; }
.w170 { width:170px; }
.w170 { width:179px; }
.w252 { width:252px; }

.boxleft img {
  border:1px solid #ccc;
}


/* News Articles */
#articles {
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 0;
}

#articles li {
	margin: 0 0 10px 0;
	padding: 10px 10px 0 10px;
	border: 1px solid #cccccc;
	background-color: #efefef;
}

#articles h2, #articles p {
	margin: 0 0 10px 0;
}

#articles p.subtitle {
	font-style: italic;
	font-weight: bold;
	margin: -5px 0 10px 5px;
}

#articles img {
  border:1px solid #ccc;
}

#articles p {
  margin-left:20px;
}

#article p.subtitle {
	font-size: 120%;
	font-weight: bold;
	color: #666666;
}

#article p.caption {
	font-size: 85%;
	font-weight: bold;
	color: #999999;
	text-align: center;
	margin: 5px 0 0 0;
}

/* Outlab Services */
#outlabKey {
	border: 1px solid #cccccc;
	background: #eeeeee;
	margin-bottom: 10px;
	padding: 5px;
}

#outlabKey p {
	margin-top: 0px;
	position: relative; /* Fix IEs Text Bug */
}

#outlabKey ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#outlabKey li {
	float: left;
	width: 175px;
	margin: 2px 0px 2px 0px;
}

#outlabKey li span {
	display: block;
	float: left;
	width: 30px;
	height: 15px;
	text-align: center;
	margin-right: 10px;
	background: url(../members/images/service.gif) left top no-repeat;
}

div.outlab {
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 10px 0px 10px 0px;
	position: relative;
}

div.outlab p.address {
	margin: 0px;
	width: 145px
}

div.outlab p.contact {
	margin: 0px;
	position: absolute;
	top: 5px; left: 160px;
}

div.outlab ul {
	position: absolute;
	width: 175px;
	top: 5px; right: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.outlab li {
	float: left;
	margin: 0px 5px 5px 0px;
	line-height: 15px;
	width: 30px;
	text-align: center;
	background: url(../members/images/service.gif) left top no-repeat;
}


/* Image Replacement (Phark) */
h1#welcome {
	text-indent: -3000px;
	background: url(../images/title_welcome.gif) no-repeat;
	height: 54px;
	margin-left:210px;
}

h1#introducing {
	text-indent: -3000px;
	background: url(../images/title_introducing.gif) no-repeat;
	height: 52px;
}

h1#market {
	text-indent: -3000px;
	background: url(../images/title_market.gif) no-repeat;
	height: 47px;
}

h1#standards {
	text-indent: -3000px;
	background: url(../images/title_standards.gif) no-repeat;
	height: 52px;
}

h1#retail {
	text-indent: -3000px;
	background: url(../images/title_retail.gif) no-repeat;
	height: 52px;
}

h1#technical {
	text-indent: -3000px;
	background: url(../images/title_technical.gif) no-repeat;
	height: 52px;
}

h1#nextstep {
	text-indent: -3000px;
	background: url(../images/title_nextstep.gif) no-repeat;
	height: 52px;
}

h1#members {
	text-indent: -3000px;
	background: url(../images/title_members.gif) no-repeat;
	height: 47px;
}

h1#casestudy {
	text-indent: -3000px;
	background: url(../images/title_casestudies.gif) no-repeat;
	height: 47px;
}

h1#newsletter {
	text-indent: -3000px;
	background: url(../images/title_newsletter.gif) no-repeat;
	height: 47px;
}

h1#marketing {
	text-indent: -3000px;
	background: url(../images/title_marketing.gif) no-repeat;
	height: 52px;
}

h1#brand {
	text-indent: -3000px;
	background: url(../images/title_brand.gif) no-repeat;
	height: 47px;
}

h1#contact {
	text-indent: -3000px;
	background: url(../images/title_contact.gif) no-repeat;
	height: 47px;
}

h1#contact-form {
	text-indent: -3000px;
	background: url(../images/title_contact-form.gif) no-repeat;
	height: 52px;
}

h1#promotions {
	text-indent: -3000px;
	background: url(../images/title_promotions.gif) no-repeat;
	height: 47px;
}

h1#pos-downloads {
	text-indent: -3000px;
	background: url(../images/title_pos-downloads.gif) no-repeat;
	height: 47px;
}

h1#price-guides {
	text-indent: -3000px;
	background: url(../images/title_price-guides.gif) no-repeat;
	height: 47px;
}

h1#support {
	text-indent: -3000px;
	background: url(../images/title_support.gif) no-repeat;
	height: 52px;
}

h1#reg-compliance {
	text-indent: -3000px;
	background: url(../images/title_reg-compliance.gif) no-repeat;
	height: 52px;
}

h1#training {
	text-indent: -3000px;
	background: url(../images/title_training.gif) no-repeat;
	height: 52px;
}

h1#is-support {
	text-indent: -3000px;
	background: url(../images/title_is-support.gif) no-repeat;
	height: 52px;
}

h1#our-services {
	text-indent: -3000px;
	background: url(../images/title_our-services.gif) no-repeat;
	height: 47px;
}

h1#lab-search {
	text-indent: -3000px;
	background: url(../images/title_lab-search.gif) no-repeat;
	height: 47px;
}

h1#bus-info {
  text-indent: -3000px;
	background: url(../images/title_bus.gif) no-repeat;
	height: 47px;
}

h2#funded {
	text-indent: -3000px;
	background: url(../images/title_funded.gif) no-repeat;
	height: 20px;
	margin-top:20px;
}

h2#suggested {
	text-indent: -3000px;
	background: url(../images/title_suggested.gif) no-repeat;
	height: 25px;
	margin-top:20px;
}


/* */
.services-box {
  width:700px;
  margin-top:25px;
}

.services-box-in {
  border:1px solid #ccc;
  background:#fff;
  padding:0 20px 10px 20px;
  height:1%;
}

.services-box h2 {
  background:#354ea0;
  color:#fff;
  margin:0;
  padding:6px 15px;
}

.services-box h3 {
  margin-top:20px;
  color:#f0482c;
}

/* */
.frame {
  border:1px solid #ccc;  
  padding:0 20px;
  background:#f5f5f5;
  font-weight:bolder;
  margin-top:50px;
}


/* DOUBLE TAKE */

.hide {
	display:none;
}

input.sbt {
  width:95px;
  height:39px;
  background:transparent url(../doubletake/img/submit-btn.gif) no-repeat;
  border:0;
  cursor:pointer;
}

a {
	cursor:pointer;
}

.pictLeft {
	float: left;	
}

p#double-take, p#double-take span {
	margin:0; padding:0;
    position:absolute;
	right:0; top:22px;
	width:321px; height:157px;
	overflow:hidden;
	display:block;
	font-size:140%;
}

p#double-take span {
  position:absolute; left:0; top:0; z-index:1;
  background:url("../images/double-take.jpg") top left no-repeat;
}

h2#wannabe, h2#wannabe span {
	margin:0 0 10px 0; padding:0;
    position:relative;
	width:294px; height:25px;
	overflow:hidden;
	display:block;
	font-size:140%;
	color:#f6000b; 
}

h2#wannabe span {
  position:absolute; left:0; top:0; z-index:1;
  background:url("../doubletake/img/wannabe-star.gif") top left no-repeat;
}

h2#entering, h2#entering span {
	margin:0 0 10px 0; padding:0;
    position:relative;
	width:372px; height:63px;
	overflow:hidden;
	display:block;
	font-size:140%;
	color:#f6000b; 
}

h2#entering span {
  position:absolute; left:0; top:0; z-index:1;
  background:url("../doubletake/img/entering.gif") top left no-repeat;
}

h2#enterhere, h2#enterhere span {
	margin:0 0 10px 0; padding:0;
    position:relative;
	width:164px; height:30px;
	overflow:hidden;
	display:block;
	font-size:140%;
	color:#f6000b; 
}

h2#enterhere span {
  position:absolute; left:0; top:0; z-index:1;
  background:url("../doubletake/img/enter-here.gif") top left no-repeat;
}

h2#tc, h2#tc span {
	margin:0 0 10px 0; padding:0;
    position:relative;
	width:293px; height:25px;
	overflow:hidden;
	display:block;
	font-size:140%;
	color:#f6000b; 
}

h2#tc span {
  position:absolute; left:0; top:0; z-index:1;
  background:url("../doubletake/img/tc-bg.gif") top left no-repeat;
}

h2#contact, h2#contact span {
	margin:0 0 10px 0; padding:0;
    position:relative;
	width:167px; height:25px;
	overflow:hidden;
	display:block;
	font-size:140%;
	color:#f6000b; 
}

h2#contact span {
  position:absolute; left:0; top:0; z-index:1;
  background:url("../doubletake/img/contact.gif") top left no-repeat;
}

#homeBox-bg {
	background:url("../doubletake/img/sform-bg.gif") bottom right no-repeat;
}

#contact-bg {
	background:url("../doubletake/img/contact-bg.gif") top right no-repeat;
	padding-bottom:20px;
}

form#sform {
	padding-bottom:60px;
}

/* Newsletter */

.newsletter-page div {
  border:1px solid #ccc;
  margin-bottom:20px;
}

.newsletter-page div h3 {
  color:#fff;
  margin:0;padding:5px 20px 5px 25px;
  background:#4069A7 url(../members/newsletter/images/red_arrow_blue.jpg) 0% 50% no-repeat;
}

.newsletter-page div p, .newsletter-page div h4 {
  padding:0 20px;
}


/* MISC */
.clearfix:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.pr { padding-right:15px; }