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

/* TYPOGRAPHY ==============================================================
============================================================================
*/

body {
	font: 12px "Helvetica", Arial, Sans-serif;
	color: #666;
	text-align: center;
	}

h1 {
	font: 32px "Helvetica", Arial, Sans-serif;
	line-height: 40px;
	color: #2e4485; /* blue*/
	padding-bottom: 15px;
	font-weight: normal;
	margin-top: 10px;
	}
h2 {
	font: 16px/20px "Helvetica", Arial, Sans-serif;
	color: #848484 ; /* blue */
	padding-bottom: 20px;
	font-weight: normal;

	}
h3 {
	font: 10px "Helvetica", Arial, Sans-serif;
	color: #2e4485 ; /* blue */
	padding-bottom: 5px; 
	}

h4 {
	font: 13px "Helvetica", Arial, Sans-serif;
	color: #666;
	padding-bottom: 5px;
	}	
	
p{
	font: 10px "Helvetica", Arial, Sans-serif;
	color: #333;
	padding-bottom: 5px
}

/* COLORS ==================================================================
	Blue #2e4485
	Grey #848484
	Green #a6ce38
	
/* LAYOUT ==================================================================
============================================================================
*/
.small{
	font-size: 9px;
}
.smallnumber{
   font-size:xx-small; vertical-align:top;
}
.blue{
	color: #2e4485;
}

* { padding: 0; margin: 0; }
	 
a { color: #2e4485; /* blue*/
	text-decoration: none;
}
a:hover { 
	color: #a6ce38;
	text-decoration: none;
 }
	
	a.active { 
	color: #a6ce38;
	text-decoration: none;
	border-bottom: 2px solid #ccc;
 }
.clear { clear: both;}
.left { float: left;}
.right { float: right;}

#sitewrapper-home{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: url(../imgs/bg-content2.png) repeat 0 0;
	border: 1px #dededd solid;
}
#sitewrapper{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	border: 1px #dededd solid;
}

#header{
	background: #fff;
	border-bottom: 5px solid #dededd;
	padding: 30px 24px 0 34px;
}

#mainContent{
	width: 960px;
}


/* Logo and Tagline ============================================================*/
   
    #header #logo {
		width: 170px;
		height: 65px;
		padding: 0 12px 10px 0;
		float: left;

		}
		#header #logo a {
			display: block;
			height: 100%;
			width: 100%;
			text-indent: -9999px;
			background: transparent url(../imgs/logo-truecare.png) no-repeat 0 0; }
		#header #logo a:hover{
			border-bottom: none;
		}
			
	

/* Global Nav ============================================================*/

	ul#nav{
		width:320px;
		float: left;
		margin-top: 30px
	}
		
		ul#nav li{
			display: inline;
			text-transform:uppercase;
			margin-right: 25px
		}
		
		ul#nav li a:hover{
			border-bottom: 2px solid #ccc;

		}

/* Search Box ============================================================*/
	#qsearch{
		float:right;
		width: 181px;
/*		margin-top: 20px
*/	}

	#search-container #qsearch p{
			color: #2e4485;
			font-size: 11px;
			padding-bottom: 0;
		}
		
	#qsearch form{
		margin-top: 5px;
	}
	#qsearch form optgroup{
		margin-bottom: 5px;

	}
		#qsearch form optgroup{
			font-style: normal;
			color: #2e4485;
		}
		#qsearch form optgroup label{
			margin-bottom: 0;
		}
		
		
		
	#qsearch form option{
		margin-bottom: 2px;
		margin-left: 5px;
		color: #000;
	}
	
/* Site Search Box ============================================================*/

	#site-search{
		float: left;
		width: 162px;
		margin-top: 13px;
	}
	
	#search-container{
		width: 373px;
		float: left;
		margin-top: 10px;
	}
		

			fieldset.search {
				border: none;
				width: 162px;
				margin: 0 auto;
				background: url(../imgs/corner-submit.gif) no-repeat top left;
				padding: 0;
				height: 26px;
			
			}
			
			.search input, .search input.btn {
				border: none;
				float: left;
			}
			
			.search input.box {
				color: #666;
				font-size: 11px;
				width: 124px;
				background: url(../imgs/bg-submit.gif) repeat-x;
				margin-left: 12px;
				padding: 6px 0 6px 0;
				
			}
			
			.search input.btn {
				width: 26px;
				height: 25px;
				cursor: pointer;
				text-indent: -9999px;
				background: url(../imgs/btn-submit.gif) no-repeat top right;
			}
			
			.search input.btn:hover {
				background: url(../imgs/btn-submit-hover.gif) no-repeat bottom right;
			}
			




/* SUB HEADS ============================================================*/
#products-sub{
	height: 16px;
	background-color: #f1f0f0;

}
#subhead{
	background-color: #f1f0f0;
	padding-bottom: 10px

}
#subhead h1{
	font-size: 23px;
	padding: 20px 0 10px 75px;
	font-weight:normal;
	
}
#subhead div.containerA{
	padding-left: 15px;
	margin-top: 10px;
}
#subhead div.containerA div.desc{
		font-size: 23px;
		padding: 10px 0 0 10px;
		float: left;
		width: 615px;
		font-weight:normal;
	}
	#subhead div.containerA div.desc h1{
		padding: 0;
		margin-top: 4px;
		margin-bottom: 5px;

	}
	#subhead div.containerA div.desc p{
		font-size: 12px;
		line-height: 16px;
		color: #464647;
		margin-bottom: 5px;
	}
	#subhead div.icon{
		float: left;
		width: 66px;
	}
	
	
	.btn-cat-psr{
		width: 170px;
		height: 57px;
		margin-top: 10px;
	}
	
		.btn-cat-psr a{
			background: url(../imgs/btn-cat-psr.png) no-repeat 0 0;
			text-indent: -9999px;
			width: 100%;
			height: 100%;
			display: block;
		}
		
		.btn-cat-psr a.syr{ /*Syringe page only*/
			background: url(../imgs/btn-pro-psr-combo.png) no-repeat 0 0;
			text-indent: -9999px;
			width: 100%;
			height: 100%;
			display: block;
		}
		
		.btn-cat-psr a.needles{ /*Needle page only*/
			background: url(../imgs/btn-pro-psr-single.png) no-repeat 0 0;
			text-indent: -9999px;
			width: 100%;
			height: 100%;
			display: block;
		}
		
		.btn-cat-psr a.combo{ /*Combo page only*/
			background: url(../imgs/btn-pro-psr-single.png) no-repeat 0 0;
			text-indent: -9999px;
			width: 100%;
			height: 100%;
			display: block;
		}
		
	.btn-pro-psr{
		width: 170px;
		height: 40px;
		margin-top: 10px;
	}
	
		.btn-pro-psr a{
			background: url(../imgs/btn-pro-psr.png) no-repeat 0 0;
			text-indent: -9999px;
			width: 100%;
			height: 100%;
			display: block;
		}
	
	.center{
		text-align: center;
	}

	
/* SUB HEAD PRODUCT NAVIGATION ============================================================*/

#subhead ul.breadcrumb{
	padding-left: 38px;
	margin-top: 26px;
	float: left;
}
	#subhead ul.breadcrumb li{
		font-size: 13px;
		display: inline;
		padding-right: 10px;
	}
		#subhead ul.breadcrumb li a{
			color: #848484;
		}
			#subhead ul.breadcrumb li a:hover{
				color: #4F74FF;
			}




/* CONTENT AREA ============================================================*/


	#content{
		background: url(../imgs/bg-content2.png) repeat-y 0 0;
		width: 892px;
		min-height: 323px;
		padding-bottom: 20px;
		
	}
		#content #graphic{
			width: 475px;
			height: 356px;
			margin-top: 15px;
			float: left;
			background: url(../imgs/bg-graphic3.png) no-repeat 0 0;
			display: block;

		}
	
		#content #callout{
			background: url(../imgs/bg-callout.png) no-repeat 0 0;
			float:left;
			padding-top: 100px;
			width: 417px;
		}
		
/* JQUERY DOC AREA ============================================================*/

	#menu{
				width: 926px;
				background: url(../imgs/bg-content2.png) repeat-y 0 0;
	
			}
			#menu a img{
				padding-left: 106px;	
			}
			#menu div.jqDockWrap {
				margin: 0 auto;
				}

			#menu .jqDockLabel {
				font-family:Arial, Helvetica, sans-serif;
				color:#2E4485; 
				cursor:pointer;
				text-align: center;
				font-size: 13px;
				line-height: 13px;
				padding-right: 15px;
				
			}
			
			#menu a{
				color:#2E4485; 
				text-decoration: none;
			}
			#menu a:hover{
				color: #4F74FF;	
			}
/* INNER-CONTENT AREA ============================================================*/
		
	#inner-content{
		margin-top: 15px;
		margin-bottom: 15px;
		padding-left: 75px;
		padding-right: 40px;
		min-height: 325px;
	}
		
		
		#inner-content div.column-A{
			margin-top: 20px;
			width: 387px;
			float: left;
			padding-right: 30px;
		}
		
		#inner-content div.containerA{
			width: 664px;
		}
		
			#inner-content div.column-A p{
				margin-bottom: 10px;
			}
		
		#inner-content div.column-B{
			margin-top: 20px;
			width: 387px;
			float: left;
			border-left: 1px solid #eee;
			padding-left: 30px;


		}
		
			
			
	#inner-content h2{
		font-size: 28px;
		padding-bottom: 0;
		margin-bottom: 5px;
		color: #2E4485;
	}
	
		
	
	#inner-content h3{
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
		color: #848484;
	}
	
	#inner-content h4{
		font-size: 14px;
		margin-bottom: 5px;
		font-style: bold;
	}
	
	
	#inner-content p{
		font-size: 13px;
		line-height: 17px;
		color:#848484;
	}
	
		#inner-content .info{
			font-size: 14px;
			margin-bottom: 10px;
		}
		
			#inner-content .info .highlight{
			text-transform: uppercase;
					}
		
		#inner-content .sub{
			font-size: 14px;
			margin-bottom: 0;
			padding: 0;
			color:#a6ce38;
		}
		
		#inner-content div.column-B li.note{
			font-size: 10px;
			font-style: italic;
			list-style-type: none;
		}
		
	#inner-content div.column-B ul{
		margin-bottom: 20px;
		padding-left:10px;
		margin-left: 20px;
		margin-top: 5px;
	}
		#inner-content div.column-B li{
			font-size: 13px;
			list-style-type: disc;
			color:#848484;
			margin-bottom: 8px;
		}
/* CONTACT FORM  ============================================================*/

fieldset{
	margin-top: 20px;
}


/* PRODUCT HOME AREA ============================================================*/

#sitewrapper-home #products{
	margin-left: 34px;
}

	
	
	
/* Products AREA ============================================================*/

#sitewrapper #products{
	margin-left: 34px;
	margin-top: 25px;
	margin-bottom: 30px;
}

.product-column{
		width: 178px;
		float: left;
		border-right: 1px solid #dededd;
		min-height: 600px;
		margin-bottom: 20px;

	}
#sitewrapper .no-border{
	border:none;
}

		
/* NEW Products AREA ============================================================*/

#sitewrapper .containerA{
	width: 716px;
	float: left;
}
	.containerA .row{
	border-bottom: 1px #eee solid;
	margin-bottom: 20px;
	padding-bottom: 20px;
}


.product-box{
		width: 238px;
		height: 176px;
		float: left;
		border-right: 1px solid #dededd;
	}
	
/* PRODUCT BUTTONS ============================================================*/

#productA a{
	background: url(../imgs/productA.png) no-repeat 0 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}
	#productA a:hover{
	background-position: 0 -176px;
	
}

#productB a{
	background: url(../imgs/productB.png) no-repeat 0 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}
	#productB a:hover{
	background-position: 0 -176px;
	
}

#productC a{
	background: url(../imgs/productC.png) no-repeat 0 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}
	#productC a:hover{
	background-position: 0 -176px;
	
}

#productD a{
	background: url(../imgs/productD.png) no-repeat 0 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}
	#productD a:hover{
	background-position: 0 -176px;
	
}

#productE a{
	background: url(../imgs/productE.png) no-repeat 0 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}
	#productE a:hover{
	background-position: 0 -176px;
	
}

#productF a{
	background: url(../imgs/productF.png) no-repeat 0 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}
	#productF a:hover{
	background-position: 0 -176px;
	
}
	
#sitewrapper .containerB{
	width: 210px;
	float: right;
}

	.btn-psr{
		width: 163px;
		height: 38px;
		margin-top: 25px;
	}
	
		.btn-psr a{
			background: url(../imgs/btn-dwnPSR.png) no-repeat 0 0;
			text-indent: -9999px;
			width: 100%;
			height: 100%;
			display: block;
		}


#sitewrapper #products p{
	font-size: 11px;
	color: #848484;
	line-height: 15px;
	padding-right: 25px;
	padding-left: 13px;	
}

/*#sitewrapper #products img{
	margin-top: 33px;
	margin-left: 12px;
}

#sitewrapper #products h4{
	padding-left: 13px;
	margin-top: 10px;
}
	#sitewrapper #products a{
		text-transform:uppercase;
		font-size: 14px;
		padding-top: 30px;
	
		
	}
	
	
		#sitewrapper #products a:hover{
			border-bottom: none;
			color: #4f74ff;
		}*/
/* INDIVIDUAL PRODUCT PAGE ============================================================*/

#sitewrapper #products #columnA{
	float: left;
	width: 515px;
}
	#sitewrapper #products #columnA img{
		margin:0;
	}
	
	#sitewrapper #products #columnA p.note{
		font-size: 10px;
		font-style: italic;
	}
	

#sitewrapper #products #columnB{
	float: right;
	width: 386px;
	padding-right: 25px
}
	#sitewrapper #products #columnB h1{
		font-size: 26px;
		line-height: 26px;
		padding-bottom: 8px;
		margin-top: 5px;
	}
	
		#sitewrapper #products #columnB .subline{
			font-size: 18px;
			margin-top: 10px;
		}
	
	#sitewrapper #products #columnB p{
		padding: 0;
		font-size: 13px;
		line-height: 17px;
		margin-bottom: 10px;
	}
	
	#sitewrapper #products #columnB p.num{
		margin-bottom: 3px;
		font-size: 11px;
		line-height: 11px;
		color: #848484;
		text-transform: uppercase;
	}
		#sitewrapper #products #columnB p.note{
			font-size: 10px;
			line-height: 16px;
			font-style:italic;
		}
		
	
	#sitewrapper #products #columnB ul{
		margin-top: 5px;
		padding-left:10px;
	}
		#sitewrapper #products #columnB li{
			font-size: 13px;
			list-style-type: disc;
			color:#848484;
			margin-bottom: 8px;
		}
	
	
	.highlight{
		color: #a6ce38;

	}
	


/* Products Thumbnail AREA ============================================================*/
#inner-content .row{
	border-bottom: 1px #eee solid;
	margin-bottom: 20px;
	
}
#inner-content div.product-thumb{
	width: 165px;
	border-right: 1px #eee solid;
	min-height: 170px;
	float: left;
}
	#inner-content div.no-border{
		border: none;
	}
	#inner-content div.product-thumb p{
		padding: 5px 5px 5px 10px;
		font-size: 14px;
		line-height: 16px;
		text-align:center;
	}
		#inner-content div.product-thumb p .sub-line{
			font-size: 11px;
		}
		#inner-content div.product-thumb p a{
			color: #808285;
		}
			#inner-content div.product-thumb p a:hover{
				color: #a6ce38
			}
#inner-content .row div.relative{
	position: relative;	
}
#inner-content .row div.link-container{
	position: absolute;
	bottom: 20px;
	right: -185px;	
}



#inner-content a.back{
	color: #a6ce38;
	padding: 0 10px 0 0;
	background:url(../imgs/btn-back.png) no-repeat top right;
}
	#inner-content a.back:hover{
		background:url(../imgs/btn-back-hover.png) no-repeat top right;
		color: #8cac3e;
	}
	
	#inner-content a.back-sec{
	color: #a6ce38;
	padding: 0 10px 0 0;
	background:url(../imgs/btn-back.png) no-repeat top right;
}
	#inner-content a.back-sec:hover{
		background:url(../imgs/btn-back-hover.png) no-repeat top right;
		color: #8cac3e;
	}

#columnB div.relative{ /*Individual Product Page*/
}
#columnB div.link-container{
	margin-top: 30px;
	
}
#sitewrapper #products #columnB div.link-container	p{
	margin-bottom: 5px;
}

#columnB a.back{
	color: #a6ce38;
	padding: 0 10px 0 0;
	background:url(../imgs/btn-back.png) no-repeat top right;
}
	#columnB a.back:hover{
		background:url(../imgs/btn-back-hover.png) no-repeat top right;
		color: #8cac3e;
	}
	
	#columnB a.back-sec{
	color: #a6ce38;
	padding: 0 10px 0 0;
	background:url(../imgs/btn-back.png) no-repeat top right;
}
	#columnB a.back-sec:hover{
		background:url(../imgs/btn-back-hover.png) no-repeat top right;
		color: #8cac3e;
	}
	
/* Search Results ============================================================*/


#cse-search-results h2 a{
	color: #2e4485;
	

}

/* Footer ============================================================*/

#footer{
	padding-top: 30px;
	padding-bottom: 20px;
	margin: 0 34px 0 34px;
}
	ul#footer-nav{
		width: 50%;
		float: left;
	}
	
		ul#footer-nav li{
			display: inline;
			font-size: 10px;
			padding: 2px 10px 2px 5px;
			text-transform: uppercase;
			border-right: 1px solid #999;
		}
	

		ul#footer-nav li.no-border{
			border:none;
		}
	#footer-right{
		width: 50%;
		float: right;
	}
	#footer-right p{
		color: #848484;
		float: right;
		
	}



/* COLORS ==================================================================
	Blue #2e4485
	Grey #848484
	Green #a6ce38
	
/*