/* --- YUI */

/*
	Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 0.11.0
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; }
q:before,q:after{ content:''; }

/* --- fonts --- */
 
/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body { font:13px  Arial, Verdana, Helvetica, sans-serif; *font-size:small; *font:x-small; }
table { font-size:inherit; font:100%; }

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea { font: 99% "Trebuchet MS",arial,helvetica,clean,sans-serif; }

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * { line-height: 1.22em; }

/* --- END YUI */

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

span img {display:none;}

/* global elements
 * ------------------------------------------------------------------------- */

body { 
	background:#FFF url("images/bg-body.jpg") left top repeat-x;
	text-align:left; 
	font:12px/16px  Arial, Verdana, Helvetica, sans-serif; 
	color:#414240; 
	}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote { 
	margin-left: 10px; 
	margin-right: 10px; 
	}

h1,h2,h3 { margin-bottom:8px; }

h1	{ font-size:16px; color:#3D3D3D; }
h2	{ font-size:14px; color:#8D1722; }
h3	{ font-size:14px; color:#8D1722; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#4594AF; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#4594AF; text-decoration:underline; outline:none; }

/* global classes
 * ------------------------------------------------------------------------- */

div.clear	{ clear:both; height:.01em; overflow:hidden; }

img.img-left { float:left; margin:2px 12px 12px 0; }
img.img-right { float: right; margin: 2px 5px 12px 8px; }
	 
p.top { text-align:right; display:block;}

.req {font-size:10px; font-style:italic;}

.hr { background:url("images/index/hr-style.gif"); width:465px; height:35px; }

	
/* Main framework
 * ------------------------------------------------------------------------- */

#wrap { width:943px; margin:0 auto; text-align:left; }

#masthead { width:943px; height:62px; }

	h2#logo { background: url("images/texso-logo.jpg") left top no-repeat; width:263px; height:22px; margin:26px 0 0 0; position: absolute; display: block; }
	
	#search-box { width:500px; float:right; margin-top:26px; }
	
#breadcrumbs { width:943px; height:33px; float:left; }


#column-right { background:#F1F0ED url("images/bg-leftcolumn.gif") left top no-repeat; width:213px; float:left; }

	#column-right p { font:11px/16px Arial, Verdana, Helvetica, sans-serif; color:#5C5C51; padding:10px 0 0 10px; }
	#column-right img.customer-service { padding:5px 0 0 8px; }
	#column-right img.calibration { padding:10px 0 44px 8px; }
	
	#column-left h3	{ font-size:16px; color:#5C5C51; padding:0 0 0 8px; }
	 
#column-left { width:713px; float:left; padding-right:17px; }

	#banner { background: url("images/calibration-services.jpg") left top no-repeat; width:713px; height:197px; margin-bottom:10px }
	#sub-banner { background: url("images/onsite-cal.jpg") left top no-repeat; width:713px; height:197px; margin-bottom:10px }
	
	.cat-container { background-color:#EEEEEE; width:713px; float:left; margin-top:7px; }
	.cat-list { width:237px; float:left; }
	h2.cat-hd { background: url("images/bg-category-hd.gif") left top no-repeat; width:237px; padding:8px 0 13px 19px; 
	font:12px/16px "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; color:#FFF; }
	
   /* Cat List */
   #column-left ul { margin:0px 0px 10px 20px; }
   #column-left ul li { background:transparent url("images/list-style.gif") 0px 5px no-repeat; padding-left:12px; color:#8F8E8E; }
   #column-left li.first { background:none; }

#page-footer { width:943px; height:1px; clear:both; overflow:hidden;}
	 

/* background image dl list items */
#column-left dl { margin:5px 41px 5px 13px; }
#column-left dl dt { margin-bottom:10px; }
#column-left dl dd { background:transparent url("images/sub/list-style.gif") 0px 6px no-repeat; padding-left:8px;}

/* background image ul list items */
#column-left ul.list-style { margin:5px 41px 5px 20px; }
#column-left ul.list-style li { background:transparent url("images/sub/list-style.gif") 0px 6px no-repeat; padding-left:8px;}

/* User Cart Navigation
 * ------------------------------------------------------------------------- */
 
#cart-nav a:link, #cart-nav a:visited { text-decoration:none; color:#ACACAC; }
#cart-nav a:hover, #cart-nav a:active { text-decoration:none; color:#901924; }

ul#cart-nav { margin:3px 5px 0 0px; float:left; font-size:11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#cart-nav li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #ACACAC; }
#cart-nav li.first { border: none; }


/* Main Navigation
 * ------------------------------------------------------------------------- */

#nav { 
	background: url("images/nav.jpg") left top no-repeat; 
	width:943px; 
	height:31px; 
	margin:0; 
	padding:0;
	}

#nav span { display: none; }

#nav li, #nav a { height:31px; display: block; }

#nav li { float: left; list-style: none; _display: inline; }

#nav-01 { width: 70px; margin-left:0px;}
#nav-02 { width: 84px;}
#nav-03 { width: 48px;}
#nav-04 { width: 127px;}
#nav-05 { width: 154px;}
#nav-06 { width: 119px;}
#nav-07 { width: 140px;}
#nav-08 { width: 101px;}
#nav-09 { width: 100px;}

#nav-01 a:hover {background: transparent url("images/nav.jpg")    0px -31px no-repeat;}
#nav-02 a:hover {background: transparent url("images/nav.jpg")  -70px -31px no-repeat;}
#nav-03 a:hover {background: transparent url("images/nav.jpg") -154px -31px no-repeat;}
#nav-04 a:hover {background: transparent url("images/nav.jpg") -202px -31px no-repeat;}
#nav-05 a:hover {background: transparent url("images/nav.jpg") -329px -31px no-repeat;}
#nav-06 a:hover {background: transparent url("images/nav.jpg") -483px -31px no-repeat;}
#nav-07 a:hover {background: transparent url("images/nav.jpg") -602px -31px no-repeat;}
#nav-08 a:hover {background: transparent url("images/nav.jpg") -742px -31px no-repeat;}
#nav-09 a:hover {background: transparent url("images/nav.jpg") -843px -31px no-repeat;}

/* --- son of suckerfish: horizontal sprite nav */
#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	background-color:#E1DFDF;
	border: #E8E8E8 1px solid;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	margin-left:0;
	z-index:99;
}


#nav li ul li { 
	height:29px; /* Height of each drop down nav item */
	border:0; 
	border-top:none;
}	

#nav li ul li a {
	width:100%;
	height:29px;	/* Height of each drop down nav item, should match above */
	line-height:29px;	 /* Height of each drop down nav item again, should match above */
}

#nav li ul li a span {
	display:block;
	padding: 0 0 0 13px;
	color:#4e4e4e;
}
#nav li ul li a:hover span, #nav li ul li a:active span {
    color:#7e0110;
}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:0.9em;
	color:#7e0110;
	text-decoration:none;
}

#nav li:hover ul, #nav li.sfHover ul {
	left: auto;
}
#nav li:hover, #nav li.sfHover { /* fixes son of suckerfish bug in IE7 */
	position: static;
}

/** Support for the "iehover-fix.js" **/
#nav iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

/* Hover styles for drop down items */
#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover,
#nav-07 ul a:hover, #nav-08 ul a:hover, #nav-09 ul a:hover { 
	background-image:none;
	background-color:none;
	color:#7e0110;
	text-decoration:none; 
}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width:200px; }
#nav-02 ul, #nav-02 li { width:200px; }
#nav-03 ul, #nav-03 li { width:200px; }
#nav-04 ul, #nav-04 li { width:200px; }
#nav-05 ul, #nav-05 li { width:200px; }
#nav-06 ul, #nav-06 li { width:200px; }
#nav-07 ul, #nav-07 li { width:200px; }
#nav-08 ul, #nav-08 li { width:200px; }
#nav-09 ul, #nav-09 li { width:200px; }
		
.cat-id { font-weight:bold; font-size:13px; color:#7e0110; background: url("../images/div-drop-down.png") 0px -6px no-repeat; }/* main cat */
.cat-id a:hover { }

#nav li.last a { display:block; width:240px; height:42px; background: url("../images/bg-drop-down-btm.png") left top no-repeat; }
#nav li.last { background-image:none; }
html>body li.last a { height:42px; background: url("../images/bg-drop-down-btm.png") left top no-repeat; }


/* Sub Navigation
 * ------------------------------------------------------------------------- */
 
#sub-nav a:link, #sub-nav a:visited { text-decoration:none; color:#901924; }
#sub-nav a:hover, #sub-nav a:active { text-decoration:none; color:#ACACAC; }

ul#sub-nav {  margin:10px 0 20px 0px; font-size:11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#sub-nav li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #ACACAC; }
#sub-nav li.first { border: none; }


/* Footer
 * ------------------------------------------------------------------------- */
 
#footer { background: url("images/bg-footer.png") left top no-repeat; width:943px; text-align:left; margin:0 auto; padding-bottom:20px; }
#footer a:link, #footer a:visited { text-decoration:none; color:#666666; }
#footer p { text-decoration:none; color:#666666; font-size:11px; padding:10px 0 0 5px; }
#footer a:hover, #footer a:active { text-decoration:underline; color:#666666; }

#footer a:link, #footer a:visited { text-decoration:none; color:#ACACAC; }
#footer a:hover, #footer a:active { text-decoration:none; color:#901924; }

#footer ul { padding:30px 0 5px 0px; font-size:11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #ACACAC; }
#footer li.first { border: none; }