/***** TAGs *****/
body { background-color:#000000; background-image: url(/media/images/_layout/bg.jpg); background-repeat: no-repeat; background-position: center top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#c7d0d7; }
body.bg2 { background-color:#000000; background-image: url(/media/images/_layout/bg2.jpg); background-repeat: no-repeat; background-position: center top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#c7d0d7; }
a, a:active, :focus { outline:none; -moz-outline:none; }
/***** /TAGs *****/

/***** LAYOUT *****/
#container { width: 987px; margin:0px auto; }
#navigation { z-index: 10; position: absolute; width: 987px; height: 500px; display: block; overflow:hidden; }
#navigation { z-index: 10; position: absolute; width: 987px; display: block; overflow:hidden; }
#mediaBar { position: absolute; top: 105px; width: 987px; height: 357px; background-position: top center; background-repeat: no-repeat; }
#content { position: absolute; top: 318px; background-image: url(/media/images/_layout/bg_leftColumn.jpg); background-repeat: no-repeat; background-position: left top; }
#content2 { position: absolute; top: 462px; background-image: url(/media/images/_layout/bg_leftColumn.jpg); background-repeat: no-repeat; background-position: left top; }
#left { width: 200px; float: left; }
#center { width: 587px; float: left; }
#right { width: 200px; float: left; overflow: hidden; }

#right2 { width: 787px; float: left; }

#footer { text-align: center; clear: both; }
#homeFlash { display: block; width: 987px; height: 700px; }
#footer { width: 987px; }
/***** /LAYOUT *****/

/***** BOX *****/

.box1, #box1{ width: 190px; margin-bottom: 10px;}


.box1 .subHeader, #box1 #subHeader{ background-image: url(/media/images/_layout/bg_subHeader1.jpg); }


.box2, #box2{ width: 587px;}
.box2 .subHeader, #box2 #subHeader{ background-image: url(/media/images/_layout/bg_subHeader2.jpg); }

.box3, #box3{ width: 787px;}

.box3 .subHeader, #box3 #subHeader{ background-image: url(/media/images/_layout/bg_subHeader3.jpg); }

/*01/22/09 jp*/
/*box4 is used for the onecolumnmaster*/
.box4, #box4{ width: 987px;}
.box4 .subHeader, #box4 #subHeader{ background-image: url(/media/images/_layout/bg_subHeader4.jpg); }
/*end box4*/

.subHeader, #subHeader{ background-repeat: no-repeat; background-position: left top; font-weight: bold; color:#FFFFFF; line-height: 27px; display: block; padding-left: 25px; }
.subHeader table, #subHeader table {font-weight: bold; }

.box_gradientBg, #box_gradientBg { background-image: url(/media/images/_layout/bg_gradient.jpg); background-repeat: repeat-x; background-position: left top; }
.box_greyBg, #box_greyBg { background-image: url(/media/images/_layout/bg_grey.jpg); background-repeat: repeat; }
.box_border, #box_border { border: solid 1px #4e4e4f; border-bottom: none; }
.boxContent, #boxContent { padding: 19px; line-height: 17px; border-top: solid 1px #000; }
.boxContent p, #boxContent p { margin-bottom: 20px; }
.boxContent a, .boxContent a:active, .boxContent a:visited, .boxContent a:focus, #boxContent a, #boxContent a:active, #boxContent a:visited, #boxContent a:focus { color: #4fcfff; font-weight: bold; text-decoration: none; }
.boxContent a:hover, #boxContent a:hover { color:#fff; text-decoration: none; }
.boxContent img.image, #boxContent img.image { border: 1px solid #4facff; }
.boxContent a img.image:hover, #boxContent a img.image:hover { border: 1px solid #fff; }
.boxContent ul, #boxContent ul { list-style-position: outside; padding-bottom: 20px; padding-left: 30px; }
.boxContent ul li, #boxContent ul li { margin-bottom: 5px; }
.boxContent ol, #boxContent ol { padding-bottom: 20px; padding-left: 30px; }
.boxContent ol li, #boxContent ol li { list-style-type: decimal; }
.boxContent ul.listArrowRightBox, #boxContent ul.listArrowRightBox { padding:0px; margin:0px; }
.boxContent ul.listArrow, #boxContent ul.listArrow { padding:0px 0px 20px 30px; margin:0px; }
.boxContent ul.listArrow li, .boxContent ul.listArrowRightBox li, #boxContent ul.listArrow li, #boxContent ul.listArrowRightBox li { list-style-type:none; padding:2px 0px 2px 10px; margin:0px; background:url(/media/images/_layout/arrow_list.gif) no-repeat top left; }

/*06/15/09 jp */
/*listArrowRightBox with no padding*/
.boxContentVideo ul, #boxContentVideo ul { list-style-position: outside; padding-bottom: 20px; padding-left: 5px; }
.boxContentVideo ul.listArrow li, .boxContentVideo ul.listArrowRightBox2 li, #boxContentVideo ul.listArrow li, #boxContentVideo ul.listArrowRightBox li { list-style-type:none; padding:0px 0px 0px 2px; margin:0px; background:url(/media/images/_layout/arrow_list.gif) no-repeat top left; }
/*end listArrowRightBox*/

.boxContent #contentBg, #boxContent #contentBg { background-image: url(/media/images/_layout/productDetailContentBg.jpg); background-repeat: repeat-x; background-position: center top; padding: 10px 20px; padding-bottom: 0px; width: 507px; }
.boxBottom, #boxBottom { background-image: url(/media/images/_layout/bottomBorder.gif); background-repeat: repeat-x; background-position: center bottom; }
.boxBottomExtend, #boxBottomExtend { height: 5px; }

/* padding for table data cell in the products listing */
/*.boxContent table td, #boxContent table td { padding-bottom: 25px; }*/
/* reset padding for table data cell in DataGrids */
.boxContent table.dataListingStyle td, #boxContent table.dataListingStyle td { padding:0px; }

/*06/15/09 jp */
/*boxContentVideo*/
.boxContentVideo table.dataListingStyle td, #boxContentVideo table.dataListingStyle td { padding:0px; }
/*end boxContentVideo*/


/***** /BOX *****/

/***** /BREADCRUMB *****/
#breadCrumb { z-index: 5; position: absolute; top: 295px; }
#breadCrumb, #breadCrumb2 { color: #c7d0d7; font-size: 10px; margin-left: 20px; }
#breadCrumb2 { z-index: 5; position: absolute; top: 439px; }
#breadCrumb2 a, #breadCrumb a, #productDetailBreadCrumb a:visited, #breadCrumb a:visited, #productDetailBreadCrumb a:focus, #breadCrumb a:focus { color: #4fcfff; font-weight: bold; text-decoration: none; }
#breadCrumb2 a:hover, #breadCrumb a:hover { color:#fff; text-decoration: none; }
#breadCrumb2 img, #breadCrumb img { margin: 0px 10px; }
/***** /BREADCRUMB *****/

/***** SUB NAV *****/
#subNav { width: 190px; background-image: url(/media/images/_layout/bg_subNav.jpg); background-position:center top; background-repeat: no-repeat; background-color: #08121b; }
#subNav #subHeader{ text-transform:uppercase; background-image: url(/media/images/_layout/bg_subHeader_subNav.jpg); padding-left: 15px; }

#subNav ul { margin-bottom: 2px; }
#subNav ul li { margin-top: 2px; display: block; }
#subNav ul li a, #subNav ul li a:active, #subNav ul li a:visited, #subNav ul li a:focus { color: #FFFFFF; text-decoration: none; display: block; padding-left: 25px; line-height:24px; height:auto; height:1%;/*For IE*/ }
#subNav ul li a:hover { color: #000000; background-color: #74a6d3; }
#subNav ul li.level1selected a { color: #000000; background-color: #74a6d3; font-weight: bold; }

#subNav ul li.level1 { background-image: url(/media/images/_layout/bg_subNav_level1.jpg); background-repeat: repeat-y; background-position: center top; }
#subNav ul li.level1 a, #subNav ul li.level1 a:active, #subNav ul li.level1 a:visited, #subNav ul li.level1 a:focus { font-weight: bold; }
#subNav ul li.level1 a.arrow, #subNav ul li.level1 a.arrow:active, #subNav ul li.level1 a.arrow:visited, #subNav ul li.level1 a.arrow:focus { background-image: url(/media/images/_layout/arrow_subNav.gif); background-repeat: no-repeat; background-position: right center; }
#subNav ul li.level1 a.arrow:hover { color: #FFFFFF; background-color: transparent; background-image: url(/media/images/_layout/arrow_subNav.gif); background-repeat: no-repeat; background-position: right center; }

#subNav ul li.level2 { background-image: none; }
#subNav ul li.level2 a, #subNav ul li.level2 a:active, #subNav ul li.level2 a:visited, #subNav ul li.level2 a:focus { font-size: 11px; font-weight: normal; padding-left: 35px; }

#subNav ul li.level2 a.first, #subNav ul li.level2 a.first:active, #subNav ul li.level2 a.first:visited, #subNav ul li.level2 a.first:focus { margin-top: 5px; }
#subNav ul li.level2 a.last, #subNav ul li.level2 a.last:active, #subNav ul li.level2 a.last:visited, #subNav ul li.level2 a.last:focus { margin-bottom: 5px; }

#subNav ul li.level3 { background-image: none; margin:0px 0px 2px 0px; }
#subNav ul li.level3 a, #subNav ul li.level3 a:active, #subNav ul li.level3 a:visited, #subNav ul li.level3 a:focus { line-height:10px; font-weight:normal; font-size:10px; padding:2px 10px 2px 43px; }

#subNav ul li.level3 a.last, #subNav ul li.level3 a.last:active, #subNav ul li.level3 a.last:visited, #subNav ul li.level3 a.last:focus { margin-bottom:10px; }

#subNav ul li div.noLink { color: #fff; text-decoration: none; display: block; padding-left: 35px; margin:6px 0px 0px 0px; line-height:normal; height:auto; height:1%;/*For IE*/ }

#subNav #subNav_btmBrd { height: 2px; vertical-align: top; }

/***** /SUB NAV *****/

/***** /LISTING *****/
.list{ width: 348px; padding-right: 25px; text-align:left; vertical-align:top; }
.list .listThumb { float: left; margin-right: 10px; }
.list .pListInfo { margin-left: 115px; display: block; }
.list .listInfo { display: block; margin-left: 160px; }
.list .listInfo ul { margin: 0px; padding: 0px; }
.list .listInfo li.videoLink { line-height: 12px; margin-left: 10px; margin-bottom: 5px; padding-left: 10px; padding-top: 4px; background: url(/media/images/_layout/arrow_list.gif) no-repeat top left; }
.list .listInfo li a  { font-size: 11px; font-weight: normal; }
table.tableList { width:100% }
table.tableList td { width: 348px; padding-right: 25px; }
table.dataListingStyle { width:100%; }

.pgList { text-align:center; }
.pgList img {margin: 0px 7px; margin-bottom: 15px; }

.vList { width: 348px; padding-right: 25px; background-color: #66FF00; }
.productList td {padding-bottom: 25px; width: 280px;}
.alignTop { vertical-align:top !important; }
/***** /LISTING *****/

/***** SEARCH BOX LEFT *****/
#searchBoxLeft { display:block; padding:20px 20px 10px 20px; color:#fff; font-weight:bold;  }
#searchBoxLeft input { border:solid 1px #4fcfff; background-color:#4e7ca5; margin:5px 0px 10px 0px; /*padding-left:2px;*/ }
#searchBoxLeft img { float:right; }
/***** /SEARCH BOX LEFT *****/

/***** ALPHA NAVIGATION *****/
#alphaList { text-align: center; }
#alphaList a { font-size: 14px; }
#alphaList a.current, #alphaList a:active.current, #alphaList a:visited.current, #alphaList a:focus.current { color: #FFFFFF; }
#alphaList span { color:#575e66; font-size: 9px; margin-right: 2px; }
#alphaList a.zero, #alphaList a:active.zero, #alphaList a:visited.zero, #alphaList a:focus.zero { color: #575e66; }
#alphaList a:hover.zero { color: #575e66; cursor: text; }
#alphaList .distributors a { padding: 0px 5px; }

/***** /ALPHA NAVIGATION *****/

/***** DETAIL NAVIGATION *****/
#detailTabs { display: inline; }
#detailTabs .tabcontainer { float: left; margin:0px; }
#detailTabs ul.bluetabs { padding:0px; margin:0px; text-transform:uppercase; }
#detailTabs #maintab li { padding:0px; margin:0px; display:inline; list-style-type:none; }
#detailTabs #maintab li a { color:#c7d0d7; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration:none; background-image: url(/media/images/_layout/detailBg_blue.jpg); background-repeat: repeat-x; background-position: center top; border-right: solid 2px #000000; padding: 6px 11px; margin:0px; float:left; }
#detailTabs #maintab li a:hover { text-decoration:none; color:#c7d0d7; }
#detailTabs #maintab li.selected a,
#detailTabs #maintab li.selected a:active,
#detailTabs #maintab li.selected a:visited { color:#e5e5e5; background-image: url(/media/images/_layout/detailBg_grey.jpg); background-repeat: repeat-x; background-position: center top; } /*selected main tab */
#detailTabs #maintab li.selected a:hover { text-decoration:none; color: #c7d0d7; } /*selected main tab */

.tabcontentstyle { clear:left; display:block; margin:0px; color:#c7d0d7; } /*tab content container*/
.tabcontent { display:none; }
@media print { .tabcontent { display:block!important; } }
/***** /DETAIL NAVIGATION *****/

/***** PAGINATION *****/
.pagination { font-size: 14px; color:#c7d0d7/*#838f9b*/; }
/*.pagination a { font-size: 14px; margin: 8px; }*/
.boxContent table.dataListingStyle tr.pagination table td, #boxContent table.dataListingStyle tr.pagination table td { width:25px; text-align:center; border-right:solid 1px #c7d0d7; }
.boxContent table.dataListingStyle tr.pagination table td a, #boxContent table.dataListingStyle tr.pagination table td a { display:block; padding:0px 3px; }
.pagination a.current { color: #FFFFFF; }
.pagination #numbers { float:left; }
.pagination #count { float: right; }

/*06/15/09 jp */
/*boxContentVideo*/
.boxContentVideo table.dataListingStyle tr.pagination table td, #boxContentVideo table.dataListingStyle tr.pagination table td { width:25px; text-align:left; border-right:solid 1px #c7d0d7; }
/*end boxContentVideo*/

/***** /PAGINATION *****/

/***** FOOTER *****/
#footer #sineWave { background-image: url(/media/images/_layout/bg_footer_sineWave.gif); background-repeat: no-repeat; background-position: center top; width: 987px; height: 57px; }
#footer #levels { background-image: url(/media/images/_layout/bg_footer.jpg); background-repeat: no-repeat; background-position: center top; width: 987px; height: 126px; }
#footer a { text-decoration: none; }
#footer a:hover { color:#fff; text-decoration: none; }
#footer #level1 { font-size: 10px; margin-bottom: 10px; }
#footer #level1 a { color: #74a6d3; }
#footer #level1 a:hover { color:#fff; text-decoration: none; }
#footer #level2 { font-size: 10px; color: #696e72; }
#footer #level2 a { color: #696e72; }
#footer #level2 a:hover { color:#fff; text-decoration: none; }
#footer #level2 a.ad2, #footer #level2 a:active.ad2, #footer #level2 a:visited.ad2, #footer #level2 a:focus.ad2 { padding:0px 35px 5px 0px; color:#939393; text-transform:none; background:url(/media/images/ad2.gif) no-repeat left bottom; border:none }
#footer #level2 a:hover.ad2 { background:url(/media/images/ad2_over.gif) no-repeat bottom left; }
/***** /FOOTER *****/

/***** HEADERS *****/
h1, h2, h3 { color:#c5f1ff; margin-bottom: 7px; }
h1, h2, h3, h4 { font-weight: bold; }

.listingTitle td h1 {  }

h1 { font-size: 18px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; font-weight: normal; color: #838f9b; }
/***** HEADERS *****/

/***** DIVDERS *****/
.divider1, .divider2, .divider3, .divider4 { display:block; background-image: url(/media/images/_layout/dividerH.gif); background-repeat: repeat-x; background-position: center center; height:2px; clear: both; }
.divider1 { margin: 15px 0px; }
.divider2 { margin: 20px 0px; }
.divider3 { margin: 10px 0px; }
.divider4 { margin: 0px; }
/***** /DIVIDERS *****/

/***** FORM FIELDS *****/
form input, form textarea, form textarea2, form select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form input.textInput, form textarea.textArea, form textarea.textArea2, form select { background-color: #666666; border: 1px solid #999999; color: #FFFFFF; }

/* FEEDBACK FORM */
form table.tableForm td { padding: 4px; vertical-align: middle; }
form table.tableForm input.textInput, form table.tableForm select { width: 150px; }
form table.tableForm textarea.textArea { width: 380px; height: 100px; overflow: auto; }

/* PRODUCT REGISTRATION FORM */
form table.tableForm textarea.textArea2 { width: 250px; height: 100px; overflow: auto; }
/***** /FORM FIELDS *****/

/***** PRODUCT REVIEWS / TECH SUPPORT *****/
#productReviews ul, #techSupport ul { padding-bottom: 0px; }
#productReviews img, #techSupport img { float: left; margin-bottom: 20px; margin-right: 20px; }
.techDesc { float:left; width:560px; padding-left:1px; }
/***** /PRODUCT REVIEWS / TECH SUPPORT *****/

/***** LINKS WITH ICONS *****/
.boxContent a.external, #boxContent a.external { background-image: url(/media/images/_layout/link_external.gif); background-repeat: no-repeat; background-position: top left; padding-left: 12px; }
.boxContent a.pdf, #boxContent a.pdf { background-image: url(/media/images/_layout/link_pdf.gif); background-repeat: no-repeat; background-position: top left; padding-left: 12px; }
.boxContent a.download, #boxContent a.download { background-image: url(/media/images/_layout/link_download.gif); background-repeat: no-repeat; background-position: top left; padding-left: 12px; }
/***** /LINKS WITH ICONS *****/

/***** FLOATS *****/
.floatLeft{ float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; line-height:0px; height:0px; font-size:1px; }
/***** /FLOATS *****/

/***** MARGINS *****/
.margin10px { margin: 10px; }

.bottomMargin10px { margin-bottom: 10px; }
.bottomMargin15px { margin-bottom: 15px; }

.leftMargin15px { margin-left: 15px; }
.leftMargin10px { margin-left: 10px; }
.leftMargin5px { margin-left: 5px; }

.rightMargin15px { margin-right: 15px; }
.rightMargin10px { margin-right: 10px; }
.rightMargin5px { margin-right: 5px; }
/***** /MARGINS *****/

/***** PADDING *****/
.bottomPadding { padding-bottom: 20px; }
.padding0px10px { padding: 0px 10px; }
.padding0px20px { padding: 0px 20px; }

.leftPadding20px { padding-left: 20px; }
.leftPadding40px { padding-left: 40px; }

.rightPadding20px {padding-right: 20px; }
.rightPadding40px {padding-right: 40px; }
/***** /PADDING *****/

/***** FONT SIZES *****/
.fontSize10px { font-size: 10px; }
/***** /FONT SIZES *****/


/***** MISC *****/
.boxContent a.webLinks, #boxContent a.webLinks { font-size: 11px; font-weight: normal; line-height: 12px; }
.photogallery { padding: 10px; }
/* .photogallery img { margin: 0px -4px; } */
.soundSamples { }
.videos { text-align: center; padding-right: 10px; }
.fontSize10px { font-size: 10px; }
.fontSize11px { font-size: 11px; font-weight:normal; }
.note { font-size: 9px; color: #666666; }
.backToTop { font-size: 9px; color: #666666; margin-top: 20px; display: block; }

#techTable {  }
#techTable td { padding: 2px; }
.textIndent10px { text-indent: 10px; }
.textIndent20px { text-indent: 20px; }
/***** /MISC *****/


/***** LANDING *****/
#landing div.image { float: left; width: 250px; }
#landing div.text { margin-left: 260px; }
/***** PRODCUTS LANDING *****/
#landing h1 a { color: #dadff5; }
#landing .Divider5 { margin: 10px 0px; display:block; background-image: url(/media/images/_layout/dividerH.gif); background-repeat: repeat-x; background-position: center center; height:2px; }
#landing td { padding-bottom: 20px; }
/***** PRODCUTS LANDING *****/
/***** /LANDING *****/

/**************************************
062309 jp
settings for video browser
**************************************/
/*
.videoOptionSubCategories img.image
{
	border: 1px solid #4fcfff;
}

.videoOptionSubCategories img.image:hover
{
	border: 1px solid #ffffff;
}
*/
.videoOptionSubCategories
{
	
	color: #4fcfff;
	font-weight: bold;
	/*have to set background-color to transparent here, button backgrounds do not get rendered properly without it in IE*/
	background-color:Transparent;
/*
	background-image: url(/media/images/_layout/arrow_list.gif);
	background-position: left;
	background: no-repeat;
*/
	margin: 0 0 0 0;
	padding: 2 0 2 10;
	
}
	
form table.tableVideos td { padding: 4px; vertical-align: top; }
/*form select { border: none; overflow:hidden; background-color:Lime; background-image:''; }*/