@charset "utf-8";

html, body, div, form, ul, ol {
	margin: 0;
	padding: 0;
	}
	
body {
	/*background: #d8d8d8;*/
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}

h1, h2, h3, h4 {
	font-size: 1.2em;
	margin-bottom: 3px;
	}

p {
	color: #000;
	font-size: 1.1em;
	line-height: 1.3em;
	}
	
a:link {
	color: #000080;
	text-decoration: none;
	}
a:visited {
	color: #4d4da6;
	text-decoration: none;
	}
a:hover {
	background: #f1f1f1;
	color: #d01414;
	}
a img {
	border: 0;
	}

#content a:link, #content a:visited {
	text-decoration: underline;
	}
	
#breadCrumbs a:link, #breadCrumbs a:visited {
	text-decoration: none;
	}
	
#content .principalNav a:link {
	text-decoration: none;
	font-weight: normal;
	}
	
	
/* force IE/Win to inherit text styles... (FF has trouble w/Form elements too) */
table, input, select, textarea, dl {
	font: inherit;
	font-size: 1.1em;
	}

#container {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #fff url(/assets/templates/techrep/images/container_bg.gif) left top repeat-y;
	position: relative;
	}

#section #container, #item #container, #callback #container, #components #container {
	background: #fff url(/assets/templates/techrep/images/container_bg_secitem.gif) left top repeat-y;
	}

#header {
	padding: 0 0 3px 0;
	margin-bottom: 0;
	position: relative;
	background: #fff url(/assets/templates/techrep/images/container_bgII.gif) left top repeat-y;
	height: 90px;
	}
#header span, #footer span {
	padding: 0 15px;
	}
	
#logo {
	margin: 0 0 5px 15px;
	padding-top: 5px;
	}

#wires {
	display: block;
	margin-left: 1px;
	}
	
#header ul {
	position: absolute;
	top: 5px;
	right: 20px;
	list-style-type: none;
	}
#header li {
	display: inline;
	}
#header form {	
	position: absolute;
	top: 50px;
	right: 30px;
	}
	
#bodyContainer {	
	background: #fff url(/assets/templates/techrep/images/horizontal_dots.gif) left top repeat-x;
	padding-top: 1px;
	}

#content {
	padding: 0;
	margin-left: 174px;
	}

#floatLft {	
	float: left;
	width: 293px;
	}
#floatRgt {
	float: left;
	width: 293px;
	}
#floatLft div, #floatRgt div {
	padding: 3px 17px 7px 17px;
	}

#sideBar {
	float: left;
	width: 174px;
	margin: 0;
	text-align: center;
	padding: 0 0 10px 0;
	}
	
/* rounded corners | http://www.redmelon.net/tstme/4corners/ */

 /* set background images for corners |menu| */
.rbroundbox { background: url(/assets/templates/techrep/images/corners/simple_background.gif) repeat; }
.rbtop div  { background: url(/assets/templates/techrep/images/corners/simple_top_left.gif) no-repeat top left; }
.rbtop      { background: url(/assets/templates/techrep/images/corners/simple_top_right.gif) no-repeat top right; }
.rbbot div  { background: url(/assets/templates/techrep/images/corners/simple_bottom_left.gif) no-repeat bottom left; }
.rbbot      { background: url(/assets/templates/techrep/images/corners/simple_bottom_right.gif) no-repeat bottom right; }

.rbroundboxLight { background: url(/assets/templates/techrep/images/corners/light_background.gif) repeat; }
.rbroundboxLight .rbtop div  { background: url(/assets/templates/techrep/images/corners/light_top_left.gif) no-repeat top left; }
.rbroundboxLight .rbtop      { background: url(/assets/templates/techrep/images/corners/light_top_right.gif) no-repeat top right; }
.rbroundboxLight .rbbot div  { background: url(/assets/templates/techrep/images/corners/light_bottom_left.gif) no-repeat bottom left; }
.rbroundboxLight .rbbot      { background: url(/assets/templates/techrep/images/corners/light_bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rbroundbox, .rbroundboxLight { 
	width: 150px; 
	margin: 11px auto 0 auto; 
	text-align: center; 
	}
.rbcontent {
	margin: 0 6px;
	text-align: left;
	}
.rbcontent ul {
	list-style-type: none;
	}
.rbcontent li {
	background: #d8d8d8 url(/assets/templates/techrep/images/menuBullet.gif) left 2px no-repeat;
	padding: 2px 0 0 13px;
	}
.rbcontent h3 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 0;
	padding: 0;
	}
.rbnavbox {
	width: 100%;
	margin-top: 50px;
	}
	
/* rounded corners | end */	

#sideBar li.active a {
	background: #f1f1f1;
	}
#sideBar li.active li a {
	background: #d8d8d8;
	}
#sideBar li.active {
	background: #d8d8d8 url(/assets/templates/techrep/images/menuBulletDn.gif) left 3px no-repeat;
	padding: 2px 0 0 15px;
	}
#sideBar li.first ul {
	list-style-type: none; 
	}
#sideBar li.active ul li {
	background: #D8D8D8 url(/assets/templates/techrep/images/arrowlist.gif) left top no-repeat;
	padding-left: 10px;
	margin-left: -5px
	}
#sideBar li.active ul li.active a {
	font-weight: bold;
	}
#sideBar li.active ul li a {
	font-weight: normal;
	}
	
#sideBar li.active ul li.active a {
	font-weight: bold;
	background: #f1f1f1;
	}
#sideBar li.active ul li.active ul li.active a {
	font-weight: bold;
	background: #d8d8d8;
	}
#sideBar li.active ul li.active ul li a {
	font-weight: normal;
	}
	
#sideBar ul ul, #sideBar ul ul ul {
		margin-bottom: 5px;
	}

	
#sideBar li.first ul li.active a:hover {
	color: #d01414;
	}
#home #homeIcon a:hover {
	color: #d01414;
	}
#sideBar li.first ul li a:hover {
	background: #f1f1f1;
	color: #d01414;
	}
.menuActiveChild {
	font-weight: bold;
	}
	
#home #sideBar li.active {
	background: #d8d8d8 url(/assets/templates/techrep/images/menuHome.gif) left center no-repeat;
	}
	
.sideFunctions {	
	width: 150px;
	margin: 10px auto 10px auto;
	}
.sideFunctions div {
	text-align: left;
	}

#era {
	margin: 10px 0;
	}

.bodyList li { 
	background: url(/assets/templates/techrep/images/listBullet.gif) 2px 4px no-repeat;
	padding-left: 15px;
	list-style-type: none;
	}


#footer {
	clear: both;
	padding: 0;
	margin-top: 0;
	background: #fff url(/assets/templates/techrep/images/container_footer_bg.gif) left top repeat-y;
	height: 40px;
	}
#footer ul {
	list-style-type: none;
	padding: 20px 0 0 20px;
	background: #fff url(/assets/templates/techrep/images/horizontal_dots.gif) left top repeat-x;
	margin: 0 1px 0 1px;
	}
#footer li {
	display: inline;
	}
#onyxLogo {
	float: right;
	padding: 5px 0 10px 0;
	margin: 0;
	}

	
/*#breadCrumbs ul {
	list-style-type: none;
	}
#breadCrumbs li {
	display: inline;
	}*/
	
.itemImg {
	float: right;
	padding: 2px;
	margin: 0 0 15px 10px;
	border: 2px solid #f1f1f1;
	}

.itemTitle {
	margin: 35px 0 30px 80px;
	padding: 0 0 5px 0;
	color: #000080;
	background: url(/assets/templates/techrep/images/horizontal_dots.gif) bottom repeat-x;
	}
	
#content img.titleImg {
	float: left;
	padding-top: 8px;
	display: block;
	width: 67px;
	}
	
.principals #content img.titleImg {
	float: none;
	width: auto;
	padding: 10px 0 0 0;
	}
.principals #content .itemTitle {
	margin: 15px 0 30px 0;
	padding: 0 0 5px 0;
	}
	

/* forms */

.textField {
	width: 110px;
	font-size: 0.9em;
	margin-top: 4px;
	}  
 /* */
	
#section #content {
	background: #fff;
	}
#contentInner {
	float: left;
	padding: 10px 20px 20px 20px;
	width: 546px !important;
	width /**/:586px;
	} /* Important Note: The order of the various width declarations is crucial. 
	They must appear as shown in each of the three techniques above, else the hacks will fail. 
	However, other declarations (e.g. background-color, font-size, position, etc.) may appear 
	before and after them. http://css-discuss.incutio.com/?page=BoxModelHack
	*/
	
/* */
.sectionImg {
	float: left;
	/*border: 1px solid #000080;*/
	margin-top: 5px;
	}
.sectionTxt {
	float: left;
	padding: 0 0 0 20px;
	width: 360px !important;
	width /**/:380px;
	}
.sectionTxt h1, .sectionTxt p {
	margin: 0;
	}

#categoryWrap {
	clear: both;
	background: #fff url(/assets/templates/techrep/images/horizontal_dots.gif) left top repeat-x;
	padding: 20px 0;
	margin-top: 150px;
	}
#categoryWrapInner {
	float: left;
	}

#categoryWrap ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	clear: both;
	}
#categoryWrap li {
	float: left;
	font-size: 1em;
	line-height: 1em;
	vertical-align: middle;
	width: 245px; 
	margin: 0 0 5px 10px;
	}
#categoryWrap li img {
	float: left;
	margin: 0 5px 25px 0;
	width: 67px;
	}

#categoryWrap ul strong {
	display: block;
	padding:3px 0;
	}
	
body #categoryWrap li a {
	background: #fff url(/assets/templates/techrep/images/arrowlistIII.gif) right no-repeat;
	padding: 0 10px 0 0;
	display: inline;
	}
	
	


.listTwoColumn ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	}
.listTwoColumn li {
	float: left;
	width: 180px;
	margin-left: 40px;
	font-size: 1em;
	line-height: 1em;
	text-transform: uppercase;
	vertical-align: middle;
	}
	
.floatingWrap {
	float: left;
	padding: 0 0 20px 20px;
	width: 250px !important;
	width /**/:270px;
	}
	
.productImg td {
	padding: 5px 5px 10px 5px;
	}
	
#productInline dl { 
	width: 150px;
	float: left;
	margin: 15px 0 0 20px;
	border-top: 1px solid #f1f1f1;
	padding: 20px 0;
	}
#productInline dd {
	margin-left: 10px;
	background: url(/assets/templates/techrep/images/arrowlist.gif) left 2px no-repeat;
	padding: 6px 0 0 13px;
	}
	

/* LISTS */

.arrowList, .reflect_archive {
	list-style-type: none;
	text-align: left;
	}
.arrowList li, .reflect_archive li {
	background: url(/assets/templates/techrep/images/arrowlist.gif) left 2px no-repeat;
	padding: 6px 0 0 13px;
	}
.arrowList ul {
	list-style-type: none;
	}

#content .arrowList li, #content .reflect_archive li {
	font-size: 1.1em;
	}


.descriptionList dt {
	font-weight: bold;
	}
.descriptionList dd {	
	padding: 0 0 30px 20px;
	background: url(/assets/templates/techrep/images/arrow_descrip.gif) left 3px no-repeat;
	}
dd.descripMain {
	background: url(/assets/templates/techrep/images/arrow_descrip_main.gif) left 3px no-repeat;
	padding: 0 0 0 35px;
	}
	
.emphasisList {
	list-style-type: none;
	text-align: left;
	}
.emphasisList li {
	background: url(/assets/templates/techrep/images/arrow_descrip_main.gif) left 3px no-repeat;
	padding: 10px 0 10px 35px;
	font-size: 1.1em;
	}
.indented
   {
   padding-left: 50pt;
   padding-right: 50pt;
   }
	
/**/

/* + principals menu nav + */

#principalNav {
	list-style-type: none;
	font-size: 1em;
	text-align: center;
	}
#principalNav li {
	background: url(/assets/templates/techrep/images/arrowlistII.gif) left 2px no-repeat;
	padding: 0 5px 0 6px;
	display: inline;
	}

#principalNav li.active a {
	font-weight: bold;
	}


/**/

#sitemapNav {
	margin: 0 0 20px 20px;
	}
#sitemapNav ul, #sitemapNav ul ul {
	margin: 4px 0 4px 15px;
	}
#sitemapNav a {
	text-decoration: none;
	font-weight: bold;
	}
#sitemapNav ul a, #sitemapNav ul ul a {
	font-weight: normal;
	}


/* FORMS */

.contactForm input, .contactForm textarea {
	width: 225px;
	border: 1px solid #ccc;
	background: #f1f1f1;
	}
.contactForm .submitButton {
	width: 50px;
	font-size: 0.8em;
	font-weight: bold;
	color: #000;
	background: #f1f1f1;
	border-width: 1px;
	border-style: ridge;
	border-bottom-color: #999;
	border-right-color: #999;
	margin-top: 8px;
	padding: 4px 0;
	}
.contactForm dd {
	margin: 0;
	padding: 4px 0 0 0;
	}
.contactForm dt {
	padding-top: 2px;
	}
.contactForm dt label {
	font-weight: bold;
	}
.contactForm span {
	color: #d01414;
	}	
	
.contactForm fieldset {
	border: 1px solid #ccc;
	padding: 20px 20px;
	}
.contactForm legend {
	display: none;
	}
	
#components .contactForm dd, #callback .contactForm dd {
	margin: 0;
	padding: 4px 0 0 0;
	}
	
input.radioBox {
	width: 15px;
	background: none;
	border: none;
	/*display: inline;*/
	}
	

/* ==================== */

.statement {
	margin: 0 0 4px 0; 
	font-size: 0.9em;
	color: #666;
	}

/* + print and sent to friend buttons + */

#printSend {
	list-style-type: none;
	font-size: 1em;
	text-align: left;
	}
#printSend li {
	background: url(/assets/templates/techrep/images/arrowlistII.gif) left 2px no-repeat;
	padding: 0 0 0 8px;
	}

/**/


/* utility */ 

.ctr {
	text-align: center;
	}
	
.fltRgt {
	float: right;
	margin: 10px 0;
	}

.padFifteen {
	padding: 15px 0;
	}
	
.marginTopThirty {
	margin-top: 30px;
	}
	
.marginFifteen {
	margin: 15px 0;
	}
	
.clear {
	clear: both;
	}
	
.noBullet {
	list-style-type: none;
	padding-top: 20px;
	font-size: 1.1em;
	}
	
.inline {
	display: inline;
	}
	
.block {
	display: block;
	}
	
.noTopMargin {
	margin-top: 0;
	}
.noLeftMargin {
	margin-left: 0;
	}
	
.emphasis {
	background: #f1f1f1;
	padding: 3px 3px 3px 6px;
	border-left: 2px solid #ccc;
	}

.emphasisColour {
	border-bottom: 3px solid #CD0808;
	padding: 3px;
	}
	
.emphasisInform {
	border-bottom: 3px solid #cd0808;
	border-top: 1px dotted #cd0808;
	background: #f1f1f1;
	padding: 3px;
	margin-left: 210px;
	font-size: 1em;
	text-align: right;
	}
	
.normal {
	font-weight: normal;
	}

.border {
	border-style: solid solid solid solid;
	border-width: 1px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-color: #d01414;
	padding: 3px 10px 3px 10px;
	background: #f1f1f1;
	}
.border p {
	margin: 0;
	}

/* page specific */ 

#home p {
	margin-top: 0;
	}
	
#thankyou #container {
	background: #fff;
	}
	
#callback #contactForm dd {
	padding-left: 115px;
	}
	
/* information request */
	
#components #contentInner {
	padding: 10px 10px 20px 10px;
	}
	
/* homepage */

#floatLft .bodyList a:link, #floatRgt .bodyList a:link, #floatLft .bodyList a:visited, #floatRgt .bodyList a:visited {
	text-decoration: none;
	font-weight: normal;
	}
	
	
/* from IE/Mac */
/*\*/
/* stop hiding */

/* SEO */

#item .itemTitle a:link, #item .itemTitle a:visited, #components .itemTitle a:link, #components .itemTitle a:visited {
	text-decoration: none;
	cursor: text;
	color: #000080;
	background: none;
	}
#item #content a.se:link, #item #content a.se:visited, #section #content a.se:link, #section #content a.se:visited {
	text-decoration: none;
	cursor: text;
	color: #000;
	background: none;
	}
	
strong em {
	font-weight: normal;
	font-style: normal;
	}



/* CMS STYLES */

.ditto_summaryPost {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
	}
.ajaxSearch_paging {
	margin: 15px 0;
	}
.ajaxSearch_resultsInfo {
	font-weight: bold;
	margin: 15px 0 20xp 0;
	}
	
.press h1, .press #sideBar .rbcontent ul li a {
	text-transform: capitalize;
	}