@import url("./editor_styles.css");
/* just a note... don't use the exact name "#content" for anything, it conflicts with
	the calendar popup. */

body {
	background-color: #efefef;
	margin: 0;
	/*padding: 10px;*/
}

/************** fonts **************/

#homeevents, #homeevents a, input, select, textarea, #footer, #footer a, div, p, h1, h2, h3, h4, body, #forum td.forumtablecell strong, blockquote {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #272727;
	font-size: 11px;
	line-height: 1.5em;
}

.xForm {
	border: 1px solid #ccc;
}

p, blockquote, div.forumbreadcrumbs, h4, h5 {
	margin: 0 0 .7em 0;
}

hr {
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color: #dedede;
	padding:0px;
}

h1, h2, h3, h3 a, h4 {
	color: #19467b;
}

h1, h2, h3 {
	margin: 0 0 .7em 0;
	padding: 0;
	font-weight: bold;
}

h1 {
	font-size: 15px;
}
h2, h1.title {
	font-size: 14px;
	margin-top: 1.2em;
	margin-bottom: .5em;
}

h3 {
	font-size: 12px;
	/*margin-top: 1.7em;*/
}

h4 {
	margin-bottom: 0;
	padding: 0;
}
h5 {
	font-size: 12px;
	line-height:1.5em;
	font-weight:normal;
}
a {
	color: #19467b;
}

.boldtext {
	font-weight: bold;
}

.smalltext {
	font-size: 10px;
}

.highlight2 {
	font-weight: bold;
}
.error{
	color:#ff0000;	
}
/***************** standard elements **************/

img {
	border-width: 0;
}

form {
	margin: 0;
	padding: 0;
}

.flat, .flat li, .flat dt, .flat dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-style: normal;
}
.nearlyflat, .nearlyflat li{
	margin: 0px 10px;
	padding: 2px;
	font-style: normal;
}

div.imagecolumn a.image {
	display: block;
}

div.imagecolumn span.caption {
	font-style: italic;
	display: block;
	width: 150px;
	margin: .2em 0 1em 0;
}

label, div.label {
	display: block;
	margin-bottom: .6em;
	float: left;
	width: 570px;
	clear: left;
}

label b, div.label b {
	width: 160px;
	float: left;
	margin-right: 10px;
	font-weight: normal;
	clear: none;
}

label i, div.label i {
	width: 400px;
	float: right;
	text-align: left;
	font-style: normal;
	display: inline;
	clear: none;
}

.labelfield {
	width: 350px;
	float: left;
	border: 1px solid #cccccc;
}

div.label textarea {
	height: 150px;
}

.xButton, .xButtonInline, a.xLinkButton, a.xLinkButton:hover {
	background-color:#fff;
	color:#19467b;
	border: 1px solid #e2e2e2;
	margin-top: 10px;
}

.xButtonInline {
	margin-top: 0;
}

a.xLinkButton, a.xLinkButton:hover {
	padding: .2em 1em;
	text-decoration: none;
}

/******************* menu *******************/

.navBarItem{
	height:21px;
	position:relative !important;
}
.navBarItem span{
	display:none;
}
#ni-products:hover, #ni-support:hover, #ni-reseller-welcome:hover, #ni-login:hover, #ni-about-us:hover, #ni-resellers:hover, #ni-welcome:hover, #ni-contact:hover{
	background-position:0 0px;
}
#ni-products{
	background:url('/media/pics/site/menu-products.gif') no-repeat;
	width:55px;
	background-position:0 -20px;
}
#ni-support{
	background:url('/media/pics/site/menu-support.gif') no-repeat;
	width:60px;
	background-position:0 -20px;
}
#ni-about-us{
	background:url('/media/pics/site/menu-aboutus.gif') no-repeat;
	width:63px;
	background-position:0 -20px;
}
#ni-resellers, #ni-reseller-welcome{
	background:url('/media/pics/site/menu-resellers.gif') no-repeat;
	width:63px;
	background-position:0 -20px;
}
#ni-welcome{
	background:url('/media/pics/site/menu-resellers.gif') no-repeat;
	width:63px;
	background-position:0 -20px;
}
#ni-contact{
	background:url('/media/pics/site/menu-contact.gif') no-repeat;
	width:60px;
	background-position:0 -20px;
}
#ni-login{
	background:url('/media/pics/site/menu-login.gif') no-repeat;
	width:48px;
	background-position:0 -20px;
}

/***************** structure *********************/

#supercontainer { /* holds everything except footer */
	margin: 0 auto;
	width: 920px;
	background:url('/media/pics/site/content-background.gif') repeat-y;
}

#header{
	background:#ffffff;
}

#container { /* holds sidebar and bodycontent */
	margin: 0 auto;
	width: 900px;
	padding-bottom:20px;
	border-top:#19467b solid 5px;
	border-bottom:#f36c00 solid 1px;
	background: #fff url('/media/pics/site/bg-container.gif') repeat-y;
/*	don't do "position: relative;" here (or in any parent of the milonic menu), ruins the submenu items */
}

#popupcontainer {
	float: left;
	width: 560px;
	padding: 10px;
	margin: 10px;
	background-color: #fff;
}

#logoheader{
	padding:26px 40px 19px 40px;
}

#menu {
	float: left;
	height:30px;
	background:#ededed;
	border-top:1px #dedede solid;
	border-bottom:1px #dedede solid;
	width: 100%;
	margin-bottom: 2px;
}

#sidebar{
	float: right;
	width:210px;
	height:100%;
	padding:0px 5px 20px 5px;
	top:-20px;
	position:relative;
}

#mainbanner {
	float: left;
	margin-bottom: 10px;
	width: 900px;
	font-size: 0;
	line-height: 0;
}

#bodycontent{ /* container for left 2 colums where sidebar is present */
	float:left;
	height:100%;
	width:635px;
	margin-top:10px;
}

#homemaincontent {/* middle on home page, different because its a different width */
	float: right;
	width: 380px;
	margin: 0px;
	display: inline; /* ie */
}

#maincontent {/* center column on most pages */ 
	float: right;
	width: 610px;
	margin: 0px;
	display: inline; /* ie */
}

#maincontentwithrightimages, #contentwithrightimages {/* center column on most pages where images on left */ 
	float: right;
	width: 410px;
	margin-left: 0px;
	display: inline; /* ie */
}

#mainrightimages, #rightimages { /*  left column where images present, goes with maincontent*/
	float:left;
	width:170px;
	margin: 0px 20px;
	padding:10px 5px;
	display: inline; /* ie */
}

#rightimages {
	margin-right: 0;
}

#mainrightimages span, #rightimages span {
	font-style: italic;
}

#footer {
	margin: 0 auto;
	width: 880px;
	padding: 10px;
	border-top:#19467b solid 5px;	
	background-color:#efefef;
}

#footer div, #footer div a{
	color:#b2b2b2;
	text-decoration:none;
}

#sitesearchform {
	padding-left: 10px;
	margin-bottom: 20px;
	float: left;
}

#siteloginform {
	padding-right: 10px;
	margin-bottom: 20px;
	float: right;
}

#breadcrumbs {
	display:block;
	background:#f3f3f3;
	width:627px;
	padding:5px 22px;
}
.pic-corner1, .pic-corner2, .pic-corner3, .pic-corner4,.pic-corner1-wh, .pic-corner2-wh, .pic-corner3-wh, .pic-corner4-wh {
	background:transparent none no-repeat scroll 0%;
	height:8px;
	position:absolute;
	width:8px;
	font-size:0pt;
	line-height:0pt;
}
div.pic-corner1-wh{
	background-image:url('/media/pics/site/pic-topleft-wh.gif');
	top:-1px;
	left:-1px;
}
div.pic-corner2-wh{
	background-image:url('/media/pics/site/pic-topright-wh.gif');
	top:-1px;
	right:-1px;
}
div.pic-corner3-wh{
	background-image:url('/media/pics/site/pic-bottomleft-wh.gif');
	bottom:-1px;
	left:-1px;
}
div.pic-corner4-wh{
	background-image:url('/media/pics/site/pic-bottomright-wh.gif');
	bottom:-1px;
	right:-1px;
}
div.pic-corner1{
	background-image:url('/media/pics/site/pic-topleft.gif');
	top:-1px;
	left:-1px;
}
div.pic-corner2{
	background-image:url('/media/pics/site/pic-topright.gif');
	top:-1px;
	right:-1px;
}
div.pic-corner3{
	background-image:url('/media/pics/site/pic-bottomleft.gif');
	bottom:-1px;
	left:-1px;
}
div.pic-corner4{
	background-image:url('/media/pics/site/pic-bottomright.gif');
	bottom:-1px;
	right:-1px;
}
#wizardresults{
	border-collapse:collapse; 
	border:0px solid #eee;	
}
#wizardresults tr td{
	/*border:1px solid #eee;*/
	border-width: 1px 0px;
	border-style:solid;
	border-color:#eee;
	padding:3px 5px;
}
#wizardresults tr th{
	/*border:1px solid #eee;*/
	border-width: 1px 0px;
	border-style:solid;
	border-color:#eee;
	text-align:left;
	color:#19467B;
}
table.wizard tr td{
	border-bottom:1px solid #dedede;
	padding:10px 2px;
	font-size:11px;
}
table.wizard tr th{
	text-align:left;
	color:#19467B;
	padding:10px 2px;
	border-bottom:1px solid #ededed;
	font-size:11px;
}

/**************** testimonials *****************/

#testimonials li {
	clear: both;
	padding-bottom: 10px;
}

div.testimonialimages {
	float: right;
	margin: 0 0 10px 10px;
}

/********************** brands ticker ***********************/
#brandsTicker{
	margin:0px;
	height:180px;
	width:178px;
	padding:0px;
	background:#ffffff;
	border:0px;
	position:relative;
}

.brandsTickerItem{
	height:310px;
	width:158px;
	margin:5px;
	padding:5px;
	text-align:center;
}

/********************** news ticker ***********************/
#newsTicker{
	height:310px;
	width:180px;
	margin:0px;
	padding:0px;
	border:0px solid #000000;
	background:#f3f3f3;
	position:relative;
}

.newsTickerItem{
	height:360px;
	width:160px;
	margin:5px;
	padding:5px;
	background:#f3f3f3;
}
#newsTickerPager{
	margin-left:5px;
}
#newsTickerPager a { 
	border: 0px solid #ccc; 
	text-decoration: none; 
	margin: 0 1px; 
	padding: 1px 2px;  
}
#newsTickerPager a.activeSlide { 
	font-weight:bold;
	color:#f36c00;
}
#newsTickerPager a:focus { 
	outline: none; 
}

/********************** news ***********************/
#newsleft {
	margin-left: 25px;
	width: 170px;
	float: left;
	display:inline;
}

#newsmain {
	width: 410px;
	float: right;
}

#newsrightimages {
	float: right;
	margin: 0 10px 10px 20px;
	width: 150px;
}

ul.newslist li {
	margin-bottom: 1em;
}

ul.newslist li.selected {
	font-weight: bold;
}

li.nextn span.off {
	color: #ccc;
}

li.nextn span.selected {
	font-weight: bold;
}

/************** sidebar boxes **************/

.sidebox {
	clear: left;
	width: 178px;
	position: relative;
	background: transparent url(/media/pics/site/sideboxbg.gif) repeat-y;
	margin: 16px auto;
}
.sidebox span {
	text-indent:-1500%;
	display:block;
}
.sidebox span {
	margin: 0;
	padding: 0;
	width: 178px;
	height: 48px;
	background: transparent none no-repeat;
}

.sidebox p{
	margin:0px 20px;
	text-align:center;
}

.cartbox span {
	background-image: url(/media/pics/site/sidebox-top-cart.gif);
}

.scannerbox span {
	background-image: url(/media/pics/site/sidebox-top-perfectscanner.gif);
	height: 67px;
}

.accountbox span {
	background-image: url(/media/pics/site/sidebox-top-youraccount.gif);
}

.supportbox span {
	background-image: url(/media/pics/site/sidebox-top-product-support.gif);
	height:50px;
}
.productfamilybox span {
	background-image: url(/media/pics/site/sidebox-top-product-family.gif);
	height:50px;
}

.registereduserbox span {
	background-image: url(/media/pics/site/sidebox-top-registered-user.gif);
	height:50px;
}

.sidebarboxbottom{
	background: transparent url(/media/pics/site/sidebox-bottom.gif);
	height:19px;
}

.sideboxinternal {
	clear: left;
	width: 142px;
	position: relative;
	background: transparent url(/media/pics/site/sidebar-internal-bg.gif) repeat-y;
	margin: 16px auto;
}
.sideboxinternaltop{
	background: transparent url(/media/pics/site/sidebar-internal-top.gif);
	height:13px;
	line-height:0px;
	font-size:0px;
}
.sideboxinternalbottom{
	background: transparent url(/media/pics/site/sidebar-internal-bottom.gif);
	height:13px;
	line-height:0px;
	font-size:0px;
}


/****************** links *******************/

ul.linklist {
	margin-bottom: 20px;
}

ul.linklist li {
	margin-bottom: 1em;
}

/******************* faq *********************/

#FAQSection {
	list-style-image:url('/media/pics/site/blue-bullet.gif');
	margin:0px;
	padding:0px;
}
#FAQSection li {
	margin:13px;
	padding:0px;
}
#FAQSection li a{
	text-decoration:none;
	font-size:12px;
}
#faq_q {
	margin-bottom: 20px;
}

#faq_q h2, #faq_a h2 {
	margin-top: 30px;
}

/****************** forum ********************/

#forum {
	float: left;
	width:880px;
	padding-bottom:30px;
}

#forum .xButton {
	background-color:#e2e2e2;
	color:#626262;
}

#forum a {
	text-decoration:none;
	color:#272727;
	font-size:10px;
	font-weight:bold;
}

#forum .text {
	color:#272727;
	padding-left:10px;
	font-size:11px;
}

#forum .text a {
	color:#bf0000;
	font-size:9px;
	font-weight:100;
}

.forumcontentbox {
	border:2px solid #cacaca;
	border-bottom:1px dotted #959494;
	border-top:none;
}

.forumheadingbox {
	border:2px solid #cacaca;
	border-bottom:none;
}

#forum h2 a {
	text-decoration: underline;
}

#forum strong {
	color:#bf0000;
}

#forum td.forumtablecell b.quotetitle {
	font-size: 10px;
}

#forum td.forumtablecell blockquote {
	background-color:#fcf2f2;
	padding:10px 10px 10px 10px;
	margin-left: 1em;
	margin-right: 1em;
	font-size: 10px;
}

#forum h2 {
	color:#282828;
	font-size:12px;
}

#forum h2 a {
	color:#282828;
	font-size:12px;
}

#forumfooter {
	background:url(/media/pics/site/forum/footer.gif) no-repeat;
	width:759px;
	height:34px;
	padding: 25px 30px 15px 20px;
}

#forumheader {
	background:url(/media/pics/site/forum/header.gif) no-repeat;
	width:809px;
	height:101px;
	float: left;
	margin: 20px 0 0 35px;
}

#forumheaderleft {
	margin:26px 0 0 25px;
	float: left;
	width:400px;
}

#forumheaderright {
	position:relative;
	height:55px;
	width:350px;
	background:url(/media/pics/site/forum/icon_dividers.gif) no-repeat center;
	float: right;
	margin-right:30px;
	margin-top:26px;
}

#forumstatus {
	float: left;
	margin: 0px 0px 20px 0px;
}

#forumstatusleft {
	float: left;
}

#forumstatusright {
	float: right;
}

.forumtablecell {
	border-bottom:dotted 1px #d2d2d2;
	color:#272727;
	font-size:10px;
	padding: .5em .5em .5em 10px;
}

.forumtablecell2 {
	border-bottom:dotted 1px #ffffff;
	color:#272727;
	font-size:10px;
	padding-left:10px;
}

.forumheadercell {
	 padding-bottom:10px;
	 color:#bf0000;
	 font-size:10px;
	 font-weight:bold;
	 
}

.forumheadercell1 {
	padding-top:10px;
	background-color:#f2f2f2;
	border-bottom:dotted 1px #969495;
	padding-bottom:10px;
	color:#bf0000;
	font-size:10px;
	font-weight:bold;
	padding-left:10px;
}

.forumheadercell2 {
	padding:10px 10px;
	background-color:#d4d4d4;
	border-bottom:dotted 1px #969495;
	border-top:solid 1px #cacaca;
	color:#bf0000;
	font-size:10px;
	font-weight:bold;
}

.forumheadercell3 {
	padding-top:10px;
	background-color:#f2f2f2;
	border-bottom:dotted 1px #969495;
	border-top:solid 1px #cacaca;
	padding-bottom:10px;
	color:#bf0000;
	font-size:10px;
	font-weight:bold;
}

#forummain {
	position:relative;
	float:left;
	background:url(/media/pics/site/forum/bg_body.gif) repeat-y;
	margin: 0 0 0 35px;
	width:809px;
	background-color: #515151
}

#forum div.forumbreadcrumbs, #forum div.forumbreadcrumbs a {
	font-size: 10px;
	font-weight: bold;
}

#forum div.forumbreadcrumbs a {
	text-decoration: underline;
}

table.forumtable {
	margin-bottom: 10px;
}

table.forumtable th {
	font-weight: bold;
	background-color: #2167DB;
	color: #fff;
}

table.forumtable th a {
	color: #fff;
	text-decoration: underline;
}

/*table.forumtable td {
	background-color: #eee;
}*/

table.forumtable tr.threadrow {
	height: 22px;
}

table.forumtable td.post {
	padding: 10px;
}

/****************** ecom *********************/

.formtable tr td{
	padding-top:10px;
}

input.short{
	width:180px;
}
select.short{
	width:183px;
}

#ecomdeptlist li {
	margin-bottom: 10px;
}

tr.cartheaderrow td {
	background-color: #e3e3e3;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	color: #19467b;
}

tr.cartitemrow td {
	background-color: #ededed;
	border-bottom: 1px solid #dedede;
	padding:5px;
}
.cartAccessory{
	margin:5px;
	border:1px #cacaca solid;
	padding:5px;
	background-color:#fff;
}

div.optionTabsCart a:link, div.optionTabsCart a:visited{
	border: 1px solid #ededed;
	color:#19467b;
	display:block;
	float:left;
	font-size:12px;
	line-height:1.5em;
	margin-right:2px;
	padding: 3px 0.7em;
	text-decoration:none;
}
#optionTabs{
	width:141px;
	float:left;
	border-width: 1px 0px 0px 0px;
	border-color: #d0d0d0;
	border-style: solid;
}
#optionTabs a{
	background:#fff;
	border-width: 0px 1px 1px 1px;
	border-color: #d0d0d0;
	border-style: solid;
	color:#19467b;
	display:block;
	float:left;
	font-size:12px;
	line-height:1.5em;
	padding: 3px 5px;
	text-decoration:none;
	width:130px;
}
.tabContent{
	float: right; 
	width: 466px; 
	border: 1px solid #d0d0d0; 
	background-color: #efefef; 
	position:relative;
	left:-1px;
	/*padding: 10px;*/
}
a.optionTabsActive{
	background-color:#ededed !important;
	font-weight:bold;
}

.prodcatsearchfilter{
	border:1px solid #ccc;
	background:#eee;
	margin:5px 0px;
	padding:5px;	
}
#productmainlayout{
	border:1px solid #dfdfdf;
	width:610px;
}
#productbrandimage{
	border-bottom:1px solid #dfdfdf;
	text-align:center;
	width:200px;
	padding:10px 0px;
	margin:5px 0px 15px 0px;
}
#productimages{
	float:left;
	width:200px;
	text-align:center;
}
#productdetails{
	width:389px;
	float:right;
	border-left:1px solid #dfdfdf;
	padding:10px;
}

#CreditCard, #BankTransfer, #MoneyOrder, #ProductDescription{
	width:100%;
	clear:both;
	padding:7px;
	border:1px solid #cccccc;
	display:block;
	float:left;
}

#cartSummary{
	border:1px solid #000000;
	background:#eeeeee;
	padding:5px;
	width:120px;
}
#cartSummary h2{
	margin:0px;
}

/************** file download links ***************/
div.downloadPDF, div.downloadXLS, div.downloadRTF, div.downloadPPT, div.downloadZIP, div.downloadJPG{
	display:block;
	line-height:16px;
	background-repeat:no-repeat;
	padding-left:20px;
}
div.downloadPDF{
	background:url('/media/pics/cms/icon_pdf.gif') no-repeat;
}
div.downloadXLS{
	background:url('/media/pics/cms/icon_xls.gif') no-repeat;
}
div.downloadRTF{
	background:url('/media/pics/cms/icon_rtf.gif') no-repeat;
}
div.downloadPPT{
	background:url('/media/pics/cms/icon_ppt.gif') no-repeat;
}
div.downloadZIP{
	background:url('/media/pics/cms/icon_zip.gif') no-repeat;
}
div.downloadJPG{
	background:url('/media/pics/cms/icon_jpg.gif') no-repeat;
}


/******************* udm *********************/

#udm {
	line-height: 1em; /* only change this if you have to, IE7 sometimes spaces items weird otherwise */
	padding-left: 10px;
}

#udm li.menusection {
	
}

/*********************************************/

ul.sectionindexlist li {
	margin-bottom: 10px;
}

td.gallerythumbs a {
	float: left;
	margin: 3px 5px 3px 5px;
}

p.nextn {
	text-align: center;
	font-size: 11px;
}

p.nextn strong {
	font-weight:bold;
}


#div-noscript{
	width:100%; text-align:center; position: absolute; top: 0; left: 0; font-size: 11px; padding: .3em; background-color: #fff; color: #000; border: 1px solid #000;
}
.clearer{
	clear:both;
	font-size:0;
	line-height:0;
}

/**
 * New site search small box
 */
#sitesearchform{
	background: transparent url(/media/pics/site/search-box.gif) no-repeat top left;
	float:right;
}
#sitesearchform .xForm{
	border:0;
	background:transparent;
	width:158px!important;
	color:#8b8b8b;
	height:16px;
	padding: 0px;
	width:180px;
	padding-top:6px;
	*padding-top:2px;
}
#maincontent #sitesearchform{
	background:transparent;
}
#logoheader{
	padding-right:22px;
}
#headersearch{
	float:right;
	width:198px;
}
/**
 * Scanner wizard styling
 */
table.wizard {
	border-right-width: 3px;
	border-left-width: 3px;
	border-top-width: 0px;
	border-bottom-width: 0px;
}
table.wizard tr th, table.wizard tr td {
	border-width: 1px;
	padding:10px 20px;
}
table.wizard, table.wizard tr th, table.wizard tr td {
	border-color: #efefef;
	border-style: solid;
}
table.wizard .darkrow{
	background:#fafafa;
}
table.wizard input{
	vertical-align:-3px;
	margin-top:0;
}
table.wizard tr th{
	width:36%;
}
#bodycontent {
	width:653px;
}
#maincontent {
	width:632px;
}
.wizardHead{
	display:block;
	background:transparent url(/media/pics/site/wizard-head.gif) no-repeat top left;
	margin:0;
	padding:11px 0 0 220px;
	color:#fff;
	height:78px;
	font-size:24px;
	line-height:28px;
	font-weight:normal;
	letter-spacing:-0.04em;
}
.wizardHead b{
	font-size:28px;
}
.wizardAdv{
	display:block;
	background:transparent url(/media/pics/site/wizard-adv-back.gif) no-repeat top left;
	color:#fff;
	height:31px;
	margin:0;
	padding:11px 0 0 22px;
	cursor:pointer;
}
.wizardAdv i{
	display:inline-block;
	background:transparent url(/media/pics/site/wizard-indicator.png) no-repeat right -25px;
	font-style:normal;
	font-size:13px;
	width:160px;
}
.wizardButtons{
	display:block;
	padding-top:10px;
}
.wizardButtons .left{
	padding-top:5px;
	float:left;
}
.wizardButtons .right{
	float:right;
}
/**
 * Scanner finder sidebar CTA
 */
#sidebar .sidebox.scannerfinder {
	background: transparent url(/media/pics/site/scanner-finder-cta.png) no-repeat top left;
	text-align:left;
	display:block;
	text-decoration:none;
	height:203px;
}
#sidebar .sidebox.scannerfinder p b{
	display:block;
	font-weight:normal;
	padding-top:94px;
}
#sidebar .sidebox.scannerfinder p, #sidebar .sidebox.scannerfinder p b{
	color:#fff;
	font-size:14px;
	line-height:17px;
	letter-spacing:-0.05em;
}
#sidebar .sidebox.scannerfinder p{
	padding: 22px 0 0 25px;
	margin:0;
	text-align:left;
}