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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

p {line-height:1.32em;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* removed styling reset according to client and HDM: 2011.10.03 Mary @ Nansen.
ol, ul {
	list-style: none;
}
*/

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Fixes FireFox & Chrome scrollbar jump */
html {overflow-y:scroll;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}

body {font-family:Helvetica, sans-serif;font-size:13px;color:#333;background:#f9f9f9 url(../images/bg-body.gif) repeat-x top;cursor:default;}

/*---------------------------------- CONTAINER ---------------------------------- */
#container {width:1000px;margin:0 auto;background:#fff url(../images/bugs.jpg) no-repeat top left;border:1px solid #CCC;}
#header {background:url(../images/bringing-more.gif) no-repeat;text-indent:-9999px;width:725px;height:115px;margin:18px 0 0 91px;}
#boiler-plate {background:url(../images/thermo-logo.gif) no-repeat;height:75px;padding:12px 0 0 218px;font-size:13px;width:515px;margin:0 0 0 125px;line-height:14px;}


	#content {overflow:hidden;clear:both;width:1000px;padding:130px 0 50px 0;display:block;height:100%;margin:0 auto;background:url(../images/texture.jpg) 0 600px no-repeat;}
	
	#main {width:744px;margin:0 auto;}
	
	/*---------------------------------- SPOTLIGHT TSCOM ---------------------------------- */
	#spotlight-tscom {margin:10px 0; overflow:hidden;}
		#spotlight-tscom a {width:612px;height:207px;display:block;background:url(../images/new-tscom-btn.jpg) 0px 0px no-repeat; margin:0 auto;}
			#spotlight-tscom a:hover {background-position:0 -207px;}
	
	/*---------------------------------- SPOTLIGHTS ---------------------------------- */
	#spotlights {height:160px; overflow:hidden;clear:both;}
	
	a.spotlight-oxoid {width:230px;height:125px;display:block;background:url(../images/oxid-spotlight-sprite.png) 0px 0px no-repeat;float:left;margin-right:28px;}
		a.spotlight-oxoid:hover {background-position:0 -130px;}
		
	a.spotlight-remel {width:230px;height:125px;display:block;background:url(../images/remel-spotlight-sprite.png) 0px 0px no-repeat;float:left;margin-right:28px;}
		a.spotlight-remel:hover {background-position:0 -130px;}
	
	a.spotlight-trek {width:228px;height:125px;display:block;background:url(../images/trek-spotlight-sprite.png) 0px 0px no-repeat;float:left;}
		a.spotlight-trek:hover {background-position:0 -130px;}
		
	
	/*---------------------------------- TABS NAVIGATION ---------------------------------- */
		ul.tabNavigation {
			list-style: none;
			padding: 0;
			height:45px;
			background:url(../images/line.gif) no-repeat 0 42px;
		}
		
		ul.tabNavigation li {display: inline;}
		
		ul.tabNavigation li a {
			line-height:34px;
			display:block;
			height:37px;
			padding-top:6px;
			width:147px;
			float:left;
			background:url(../images/toggle-nav-button.png) no-repeat;
			color: #fff;
			text-decoration: none;
			text-align:center;
			margin:0 0 0 2px;
			font-size:14px;
			font-weight:bold;
		}
		
		ul.tabNavigation li a.selected {background:url(../images/toggle-nav-button-on.png) no-repeat;color:#ee8100;}
		ul.tabNavigation li a.selected:hover {background:url(../images/toggle-nav-button-on.png) no-repeat;color:#ee8100;text-shadow:none;}
		ul.tabNavigation li a:hover {background:url(../images/toggle-nav-button-hover.png) no-repeat;color:#f9f9f9;text-shadow:1px 1px 1px #555;}
		ul.tabNavigation li a:focus {outline:0;}
		
		#tabbed-menu{clear:both;margin:0px 0px 20px 0px;width:744px;background:url(../images/bottom.png) no-repeat bottom;height:320px;}
	
	.container {padding:20px 30px 0 30px;border-left:1px solid #CCC;border-right:1px solid #CCC;margin-top:-2px;height:160px;background:#fff;width:681px;}
	.container h2 {font-size:15px;}
	
	p.legal {padding-right:140px;color:#666;margin:0;padding-top:0;float:right;}
		p.legal a {color:#666;text-decoration:none;}
		p.legal a:hover {color:#333;text-decoration:underline;}