/* GLOBAL ELEMENTS ------------------------------------------------------------------- */
body {
	font: 100.01% Verdana, Arial, Helvetica, sans-serif; /* Sets background color of page. */
	margin: 0; /* Gets rid of default margin on body that most browsers add. */
	padding: 0; /* Gets rid of default padding on body that Opera adds. */
	text-align: center; /* Centers the page contents in WinIE5.x. */
	background-color: #333232;
}



/* Main div for all other content on page. A main wrapper div allows us to easily center everything in the viewport. */
#holder {
	margin: 0px auto; /* The auto margin on the left and right center the holder div in standard compliant browsers. The 10px top margin adds space between the top of the holder div and the edge of the viewport. */
	width: 765px; /* Sets width of main container to fit within most maximized 800x600 windows. */
	text-align: left; /* Overwrites the center-aligned text set on the body. */
	background: url(../images/images/over_top01.jpg) no-repeat;
}
#header {
	background-image: url(../images/nav_bg.jpg);
	background-repeat: no-repeat;
	height: 48px;
	width: 765px;
}
#viewCart {
	height: 25px;
}
#products {
	padding-left: 222px;
	margin-right: 11px;
	padding-top: 6px;
}
.style4 {
	font-size: 10px;
	font-weight: bold;
}

a:link {
	color: #036;
}
a:hover {
	color: #6B80D6;
}
a:visited {
	color: #006;
}
body {
	background-repeat: no-repeat;
}
body,td,th {
	font-size: 100.00%;
}
.spLogo {
	background-image: url(../images/sp_logo.jpg);
	background-repeat: no-repeat;
	height: 48px;
	width: 150px;
}

#TopNav {
	margin: 0px;
	padding: 0px;
	height: 48px;
	width: 765px;
}

/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, or barring that, the body. Also removes it from the flow, so it will not push down the header image. */
	top: 0; /* Places the div at the top of body. */
	left: 0; /* Places the div at the left side of body. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}

/* Global navigation area. */
#nav {
	width: 765px; /* Sets width to fill holder div. */
	padding: 20px 0; /* Adds space within the nav div on the top and bottom so the nav list doesn't butt up against its edges. */
}

/* Wrapper for all content between nav and footer. */
#contentwrapper {
	font-size: 0.7em;
	background-color: #fff;
	background-image: url(../images/repeat01_two_column.gif);
	background-repeat: repeat-y;
}

#mainAd {
	margin: 0px;
	padding: 0px;
	height: 202px;
	width: 765px;
	background-image: url(../images/index_banner1.jpg);
	background-repeat: no-repeat;
}
#contentwrapperIndex {
	font-size: 0.7em;
	background-color: #fff;
	background-image: url(../images/repeat_one_column.gif);
	background-repeat: repeat-y;
}


/* Another wrapper for the content is needed because we need two background images for the content area -- the repeating column part, and the top curved part. Since each div can only have one background image, we need to use two layered divs to create the effect. */
#content {
	position: relative; /* Allows the absolutely positioned #subnav div to base its position off #content. */
	color: #036;
	padding-top: 10px;
	background-image: url(../images/inner_top01_two_column.gif);
	background-repeat: no-repeat;
}
#contentIndex {
	position: relative; /* Allows the absolutely positioned #subnav div to base its position off #content. */
	color: #036;
	padding-top: 10px;
	background-image: url(../images/inner_top_one_column.gif);
	background-repeat: no-repeat;
}

/* WinIE5 needs the following selector to display the padding in #content. This comment cannot be in the selector or it will trigger the end of the MacIE hide. */
/* hide from MacIE \*/
* html #content {
	height: 1%;
}
/* end hide */

.colhdr {
	height: 15px;
	width: 245px;
	color: #FFFFFF;
	display: block;
	background-color: #293D94;
	text-align: left;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bolder;
}

.center_colhdr {
	height: 15px;
	width: 240px;
	color: #FFFFFF;
	display: block;
	background-color: #293D94;
	text-align: left;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bolder;
}
.company {
	color: #293D94;
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.paragraph {
	font-size: 0.8em;
	color: #036;
	font-family: Arial, Helvetica, sans-serif;
}
.company_text_small {
	color: #cc0000;
	font-family: Times New Roman, Times, serif;
	font-size: 1em;
	font-weight: lighter;
}
.supportH1 {
	color: #293D94;
	font-size: 1em;
	font-weight: bolder;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 12px;
}
.supportInfo {
	color: #293D94;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
}



.left_colhdr {
	font-size: 1em;
	font-weight: bolder;
	background-color: #293d94;
	color: #ffffff;
	text-align: left;
	display: block;
	height: 15px;
	width: 165px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #293d94;
	border-right-color: #293d94;
	border-bottom-color: #293d94;
	border-left-color: #293d94;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	vertical-align: middle;
	margin-top: 6px;
}

.right_colhdr {
	height: 15px;
	width: 159px;
	color: #FFFFFF;
	display: block;
	background-color: #293D94;
	text-align: left;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	font-weight: bolder;
}
.videoProducts_hdr {
	height: 15px;
	width: 159px;
	color: #FFFFFF;
	display: block;
	background-color: #293D94;
	text-align: left;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	font-weight: bolder;
}


/* Left column for extra info, feature items, news, etc. */
#info {
	display: inline;
	float: left;
	padding-left: 18px;
}
#infoCompany {
	display: inline-block;
	float: left;
	padding-left: 19px;
}

/* Center column for main text. */
#main {
	padding-bottom: 1px;
	padding-left: 257px;
}
#mainCompany {
	padding-left: 208px;
	padding-top: 150px;
	background-image: url(../images/distributors.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 11px;
	margin-top: 1px;
}
#mainCompanyIndex {
	padding-left: 10px;
}





/* Right column for sub-navigation list. */
#subnav {
	position: absolute; /* Positions div in a precise spot in relation to its nearest positioned ancestor, which is #content. */
	width: 182px; /* Sets width. */
	top: 0px; /* Moves div down 35px from the top of #content. */
	right: 11px;
	height: 849px;
}
/* Footer for page. */
#footer {
	color: #E5E5E5; /* Sets text color to very light gray. */
	font-size: 0.7em;
	background-image: url(../images/over_bott01_two_column.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#footerIndex {
	color: #E5E5E5; /* Sets text color to very light gray. */
	font-size: 0.7em;
	background-image: url(../images/over_bott_one_column.gif);
	background-repeat: no-repeat;
	padding-top: 16px;
}

#footer p {
	float: left; /* Moves paragraph to left side of #footer. */
	margin: 0; /* Removes default margin added to paragraphs. */
}
#footer ul {
	float: right; /* Moves list to right side of #footer. */
	margin: 0 6px 20px 0; /* 6px right margin aligns edge of text with border of content div instead of the edge of its shadow. 20px bottom margin provides space between end of footer and edge of window. */
	padding: 0; /* Removes default padding added to lists by some browsers. */
}
#footer p, #footer ul {
	display: inline-block; /* Prevents MacIE from expanding the floats to 100%, which would keep them from sitting on the same line. */
}
/* The following selector overwrites the display value of the paragraph and list back to the correct value, but is hidden from MacIE so it still gets the value it needs. */
/* hide from MacIE \*/
#footer p, #footer ul {
	display: block;
}



/* end hide */
#footer li {
	display: inline; /* Makes list items display horizontally. */
	margin: 0; /* Removes default margin some browsers add to list items. */
	padding: 0; /* Removes default padding some browsers add to list items. */
}
#footer a {
	color: #ccc; /* Sets color of links to slightly darker gray than surrounding text. */
	}
#footer a:hover {
	color: #fff; /* Sets color of links on hover to white. */
	}



/* CONTAINING FLOATS ----------------------------------------------------------------- */
/* The following selectors keep floats from overflowing out of their parent elements. This is done by generating a character within the parent but after the float, so that the parent must expand to hold the generated character, appearing to contain the floats in the process. */
.clearfix:after {
  content: "."; /* This dot is the actual content that will be appended to the end any div this class is applied to. */
  clear: both; /* Makes the generated content appear after the floats. */
  height: 0; /* Sets its height to zero so it doesn't show. */
  visibility: hidden; /* Sets its visibility to hidden so it doesn't show. */
  display: block; /* Overwrites the default inline display of the generated content. Needed because only blocks can have clear set on them. */
}
 
.clearfix {
	display: inline-block; /* Makes it work in MacIE. MacIE does not support generated content but will automatically contain a float if the container has this display property. */
	}

.clearfixVideoProducts {
	display: inline-block;
	padding-left: 12px;
	margin-top: 2px;
}

.clearfixCompany {
	display: inline-block;
	padding-left: 12px;
	padding-top: 112px;
	background-image: url(../images/images/mtn_header_company.gif);
	background-repeat: no-repeat;
	background-position: 4px 1px;
	margin-top: 2px;
}
.clearfixCompanycenter {
	display: block;
	text-align: justify;
}




/* The first selector below makes it work in WinIE. WinIE does not support generated content, but will automatically contain a float if the container has a width or height assigned. "height: 1%" can be used because WinIE will not honor this height and will expand the div to whatever height necessary to show the content. */
/* The second selector below overwrites the inline-block display used to help MacIE. */
/* Hides from MacIE \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}

/* End hide from MacIE */


/* LINKS -------------------------------------------------------------------------------------- */
a {
	color: #6B80D6; /* Sets color of links within main content to blue used on body background. */
	text-decoration: none;
}
.link {
	color: #6B80D6;
}

a:visited, a:hover, a:active {
	color: #006;
}


/* HEADINGS ------------------------------------------------------------------------- */
h1 {
	font-size: 1.3em; /* Sets font size of top level headings to larger than default. */
	}
h2 {
	font-size: 1.1em; /* Sets font size of second level headings to larger than default but smaller than h1. */
	}
h3, h4, h5, h6 {
	font-size: 1em; /* Sets font size for other headings to same size as default. Headings are bold by default, so they will still be distinguishable. */
	}
.home_refresh {
	font-size: 1em;
	font-weight: bolder;
	background-color: #CCCCFF;
	color: #333333;
	text-align: left;
	display: block;
	vertical-align: middle;
	height: 15px;
	width: 165px;
	margin-top: 6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
.link_home {
	color: #6B80D6;
}
#mainVideo_Products {
	padding-left: 217px;
	padding-top: 1px;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #333333;
	text-align: center;
	font-weight: bold;
}
#productManuals {
	padding-left: 213px;
	padding-top: 1px;
}
.tdHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #036;
	font-weight: bold;
}
.tdPtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #036;
	font-weight: bold;
}
.headerBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #6B80D6;
	text-align: center;
	font-weight: bold;
}
.textRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FF0000;
	font-weight: bold;
}
.left_colhdrRED {
	font-size: 1em;
	font-weight: bolder;
	background-color: #FF0000;
	color: #ffffff;
	text-align: left;
	display: block;
	height: 15px;
	width: 165px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #293d94;
	border-right-color: #293d94;
	border-bottom-color: #293d94;
	border-left-color: #293d94;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	vertical-align: middle;
	margin-top: 6px;
}
#tunebeam {
	padding-left: 230px;
	padding-top: 1px;
}
.newText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
}
#holderIndex {
	margin: 0px auto; /* The auto margin on the left and right center the holder div in standard compliant browsers. The 10px top margin adds space between the top of the holder div and the edge of the viewport. */
	width: 765px; /* Sets width of main container to fit within most maximized 800x600 windows. */
	text-align: left; /* Overwrites the center-aligned text set on the body. */
	background: url(../images/images/over_top01.jpg) no-repeat;
}