/* -------------------------------------
	MAJOR OVERALL STYLES
 ------------------------------------- */

body 
{
	background: center no-repeat; 	
	background-image:url( 'images/headerBGblue.jpg' );
	background-position: center 50px;
	
}

.hidetext { overflow: hidden; font-size: .1em; line-height: 1000px; }
.centered { text-align: center; }

.redtext {color: #FF0000;}
.redboldtext {color: #FF0000; font-weight: bold }
.bluetext {color: #0000FF;}
.blueboldtext {color: #0000FF; font-weight: bold }
.catalog  { font-size: 153.9%; font-family: Arial; text-decoration: none; color: #326098; padding: 0 30px; }

a { color: #761214 }
a:visited { color: #92534B }
a:hover, a:active { color: #C11E22 }

/* -------------------------------------
	HEADER
 ------------------------------------- */

#header { height: 150px; width: 850px; margin: 0 auto; overflow: hidden; position: relative; }
#header a.sitetitle { height: 150px; display: block; }
#orderbutton { width: 850px; margin: 0 auto; overflow: visible; position: relative; }
a.headerbutton { position: absolute; top: -6px; left: 665px; display: block; width: 160px; height: 40px; background: url('images/HeaderOrderButton.png') 0px 0px no-repeat; overflow: hidden; }
a.headerbutton:hover { background: url('images/HeaderOrderButton.png') 0 -40px no-repeat; }

/* -------------------------------------
	CONTENT AREA
 ------------------------------------- */

#maincolumn { width: 850px; overflow: hidden; margin: 0 auto; }

#content { width: 555px; overflow: hidden; margin-left: 290px; margin-top: 30px; }

#content h1 { font-size: 182%; text-align: center; padding: 5px; color: #356279; }
	#content h1.morespace, #widecontent .highlightBox-2 h1.morespace { margin: 1.4em; text-align: center; }
	
#content h2, #widecontent .highlightBox-2 h2 { text-align: center; padding: 5px; color: #32010E; }
	#content h2.morespace, #widecontent .highlightBox-2 h2.morespace { margin: 1.4em; }

#content h3 { font-size: 182%; border-bottom: text-align: center; padding: 5px; color: #356279; }
	#content h3.morespace, #widecontent .highlightBox-2 h3.morespace { margin: 1.4em; text-align: center; }
	
	

.home .home, .xPortal .xPortal, .readers .readers, .kits .kits, .order .order, .contact .contact, .warranty .warranty, .returns .returns .partners .partners, .software .software { background: url('images/sidebarNavArrow.png') left center no-repeat; }


.highlightBox-1 { border: 1px solid #86B3CA; border-width: 1px 0 0 0; background: #fff url('images/highlightboxTop.png') center top repeat-x; margin: 15px 1em; }
.highlightBox-2 { border: 1px solid #86B3CA; border-width: 0 0 1px 0; background: url('images/highlightboxBot.png') center bottom repeat-x; padding: 15px 20px; }

.highlightBox-3 { border: 1px solid #86B3CA; border-width: 1px 0 0 0; }
.highlightBox-4 { border: 1px solid #86B3CA; border-width: 0 0 1px 0; }

.divider { border: 1px solid #86B3CA; border-width: 0 0 1px 0 }	

.productTableOdd .highlightBox-1, .productTableEven .highlightBox-1 { margin: 0; }
.productTableEven .highlightBox-1 { background: url('images/highlightbox2Top.png') center top repeat-x; }
.productTableEven .highlightBox-2 { background: url('images/highlightbox2Bot.png') center bottom repeat-x; }
.productname { font-size: 123.1%; }
.price{ font-size: 116%; font-weight: bold; }

p.orderonline { position: relative; height: 60px; margin: 15px 0; }
a.orderonline { display: block; float: right; height: 60px; width: 290px; margin-right: 50px; background: url('images/buttonOrderOnline.png') 0 0 no-repeat; }
a.orderonline:hover { display: block; float: right; height: 60px; width: 290px; margin-right: 50px; background: url('images/buttonOrderOnline.png') 0 -60px no-repeat; }

a.white:link    { color: #ffffff; background: #ffffff; }
a.white:active  { color: #ffffff; background: #ffffff; }
a.white:visited { color: #ffffff; background: #ffffff; }
a.white:hover   { color: #ffffff; background: #ffffff; }

table { font-size: 85%; }
table, td, th { border: none; }
table.tableheader th { background-color: #E3EBEE; border: 2px solid #fff; }
td.leftheader { background: #AAC9DA url('images/tcellBG-a.png') center top repeat-x; text-align: right; padding: 8px; border: 1px solid #fff; }
td.odd { background: #AAC9DA url('images/tcellBG-a.png') center top repeat-x; }
td.even { background: #C7D5DD url('images/tcellBG-b.png') center top repeat-x; }

td.content { padding: 8px; }
td.contentodd { background-color: #FBFBF4; }
td.contenteven { background-color: #F3F4E1; }

th.topheader { background: #70021D url('images/thcellBG-a.png') center top repeat-x; padding: 12px 0; color: #fff; border: 1px solid #fff; }

td.topheader { }

td.content ol { margin-left: 0 1.2em; }

#contact { }
	div.Links a { font-size: 153.9%; font-family: Arial; text-decoration: none; color: #326098; padding: 0 30px; }
	div.Links a:visited { color: #556D80; }
	div.Links a:hover { color: #3D73D8; }

/* -------------------------------------
	SIDEBAR
 ------------------------------------- */

#sidebar { float: left; margin-top: 76px; width: 270px; overflow: hidden; }
	
	h2.sidebarheader, h2.sidebarheader a { display:block; height: 40px; margin: 0; overflow: hidden; }
	h2.sidebartop    { background: url('images/sidebarTop.png') right top no-repeat; margin-bottom: 5px; }
	h2.sidebarbottom { background: url('images/sidebarBottom.png') right top no-repeat; margin-bottom: 5px; }
	
	div.navLinks { background: url('images/sidebarLinksBG.jpg') center top no-repeat; min-height: 151px; }
	div.navLinks ul { margin: 0; overflow: hidden; }
	div.navLinks li { margin: 20px 0; text-align: right; list-style: none; }
	div.navLinks a { font-size: 153.9%; font-family: Arial; text-decoration: none; color: #326098; padding: 0 30px; }
	div.navLinks a:visited { color: #556D80; }
	div.navLinks a:hover { color: #3D73D8; }


/* -------------------------------------
	HOMEPAGE BOXES
 ------------------------------------- */

.boxes { margin-top: 15px; overflow: hidden; }

.homepageboxL-a { float: left; margin-left: 13px; width: 404px; height: 412px; overflow: hidden; background: url('images/homepageBoxBG.png') left top no-repeat; }
	.left     { float: left   }
	.centered { float: center }
	.indented { margin-left: 100px }
	
.homepageboxL-b { padding: 20px; background: url('images/homepageBoxBG.png') left top no-repeat; }
	.homepageboxL-b h2 { margin: 0px; }
	.homepageboxL-b h2 a { display: block; height: 86px; background: url('images/SpeedwayRevolutionWithAutoPilot.png') center top no-repeat; margin-bottom: 20px; }
	.homepageboxL-b p { margin-left: 20px; margin-right: 20px; }
	.homepageboxL-b img { margin-top: -15px; }
.homepageboxR-a { float: left; margin-left: 15px; width: 404px; height: 412px; overflow: hidden; background: url('images/homepageBoxBG.png') left top no-repeat; }
.homepageboxR-b { padding: 20px; }
	.homepageboxR-b h2 { margin: 0px; }
	.homepageboxR-b h2 a { display: block; height: 32px; background: url('images/boxheader2eval.gif') center top no-repeat; margin-bottom: 20px; }
	.homepageboxR-b p { margin-left: 20px; margin-right: 20px; }

	
.mediumcolumn { width: 550px; margin: 0 auto; }
.withlogo { padding-left: 130px; width: 500px; background: url('images/ImpinjLogo.png') center left no-repeat; }

/* -------------------------------------
	TRADEMARK
 ------------------------------------- */

#trademark { margin: 25px; font-size: 100%; text-align: center; }
#trademark a { text-decoration: none; }

/* -------------------------------------
	FOOTER
 ------------------------------------- */

#footer { margin: 25px; font-size: 100%; text-align: center; }
#footer a { text-decoration: none; }