body {
 margin: 0;
 padding: 0;
 color: #fff;
 background: #000 url(../images/body_bg.gif) repeat-x top left;
 font-family : Arial, Verdana, Lucida, sans-serif;
 font-size : 11px;
 line-height : 1.8em;
 text-align: center;
}

p {
 font-family: arial, verdana, Lucida. sans-serif;
 font-size: 11px;
 line-height: 1.5em;
 }

a, a:link, a:visited {
 color: #888;
 text-decoration: none;
 }
a:hover {
 color: #fff;
 text-decoration:underline;
}

ul li {
 font: 12px/15px Arial, Helvetica, Verdana, sans-serif;
 color: #000;
 }

h2 {
 color: #fff;
 font-size: 16px;
 line-height: 20px;
 padding: 0px;
 margin: 0px;
 }

img{
 border:0;
}

.image_inline {
 float : left;
 padding : 5px 8px 0 0;
 }

#wrapper {
 width: 950px;
 min-height:100%;
 margin: 0 auto;
 padding: 0px;
 color: black;
 text-align: left;
}       

#header {
 position: relative;
 background: #000 url(../images/header_bg.jpg) no-repeat top left;
 margin: 0px;
 padding: 0px;
 height: 130px;
 }

#logo {
 position: relative;
 top: 30px;
 left: 15px;
 margin: 0px;
 padding: 0;
 width: 48px;
 border-style: none;
 }

#logo img a{
 border-style: none;
 }
#topnav {
 position: absolute;
 margin: 0;
 padding: 0;
 left: 270;
 bottom: 0;
}

#topnav ul {
 margin: 0;
 padding: 0;
 text-align: right;
}
#topnav li {
 display: block;
 margin: 0;
 padding: 0;
 display: inline;
 height: auto;
}

#topnav li a {
 border-style: none;
 display: block;
 margin: 0;
 padding: 0;
 display: inline;
 height: auto;

}
#topnav a:link, #topnav a:visited {
 text-decoration: none;
 color: #fff;
 border-style: none;
}

#topnav img {
float: left;
width: 207px;
 margin: 0px 3px;
 padding: 0px;
 border-style: none;
 }

#topnav a {
 padding: 0;
 margin: 0;
 }
 
#tagline {
 font-weight: bold;
 background-color: #fdf8f2;
 color: #050845;
 font-style: italic;
 margin: 0;
 padding: 0 0 0 20px;
 width: 300px;
 float: left;
}

#main {
 margin-top: 20px;
 padding: 0px;
}


#content {
 margin: 0 15px 0 250px;
 color: #fff;
}

#content .inner {
 margin: 0px 16px 10px 20px;
}

#content .inner h1 {
 margin-bottom: 10px;
 font: 22px/24px Helvetica, Arial, Verdana, sans-serif;
 color: #fff;
}

#content .inner h2 {
 color: #fff;
 font: 16px/20px Arial, Helvetica, Verdana, sans-serif;
 padding: 0px;
 margin: 0px;
}

#content .inner ul.features {
 margin: 0;
 padding: 0;
 list-style: none;
}

#content .inner h3 {
 font: 12px/15px Arial, Helvetica, Verdana, sans-serif;
 color: #fff;
}

#content .inner h3 a:link, #content .inner h3 a:visited {
 color: #777;
}

#content .inner h3 a:hover {
 color: #fff;
 text-decoration:underline;
}


#content .inner p, ul li{
 font: 12px/20px Arial, Helvetica, Verdana, sans-serif;
 margin-top: 10px;
}
#content .inner .features li img {
 float: left;
 margin: 0 5px 5px 0;
}
#content .inner p.author {
 font-weight:  bold;
}

#content .inner p.more{
 margin-top: 0;
 text-align: right;
}
#content .inner p.more a:link, #content .inner p.more a:visited {
 color: black;
 background-image: url(img/more-bullet.gif);
 background-repeat: no-repeat;
 background-position: center left;
 padding-left: 14px;
 font-size: 90%;
 color: #1e4c82;
}

#main {
 position: relative;
 width: 100%;
 margin-top: 20px;
 height: auto;
}

#sidebar {
 position: relative; 
 float:left;
 margin: 0;
 padding: 0; 
 top: 0;
 left: 0;
 width: 240px;
 background: #6d6d6d url(../images/leftnav_bg.gif) repeat-x bottom left;
 color: #fff;
}

#sidebar h3 {
 font-size: 110%;
 background-image: url(img/sidebar-header-bg.jpg);
 background-repeat: no-repeat;
 margin: 0;
 padding: 0.2em 0 0.2em 10px;
 font-weight: normal;
}

#sidebar .inner {
 margin: 0px;
 padding: 0px;
}



/* The Magic min-height fix happens here */
/* Min-height, so the gradient will show correctly*/
*>#sidebar {padding-top: 400px; min-height: 1px;}
*>#sidebar .inner {margin-top: -400px;}
* html #sidebar {
	/* IE5Mac filter \*/
	height: 400px;
	/* end filter */
}

#leftnav {
 margin-bottom: 50px;
 padding: 0px;
 width: 240px;
 height: atuo;
 color: #fff;
 }

#leftnav .level1 {
 margin: 0px;
 margin-bottom: 20px;
 padding: 0px;
 height: atuo;
 color: #000;
 text-align: center;
 background: #6d6d6d url(../images/leftnav_top.gif) no-repeat top left;
 color: #fff;
 }

#leftnav .level1 a {
 font: bold 24px/30px Helvetica, Arial, Verdana, sans-serif;
 text-decoration: none;
 text-transform: uppercase
 color: #fff;

 }

#leftnav .level1 a:hover {
 font: bold 24px/30px Helvetica, Arial, Verdana, sans-serif;
 text-decoration: none;
 text-transform: uppercase
 color: #fff;
 }

#leftnav .level1 a:visited {
 color: #fff;
 }


#leftnav .level1:hover {
 background: #4b4b4b url(../images/leftnav_top.gif) no-repeat top left;
 color: #fff;
 }

 
#leftnav a{
 font: bold 14px/26px Arial, Helvetica, Verdana, sans-serif;
 text-decoration: none;
 text-transform: uppercase
 color: #fff;
 }

#leftnav a:hover{
 color: #fff;
 }

#leftnav a:visited{
 color: #fff;
 }

#leftnav .on a {
  background: #454545 url(../images/leftnav_on.gif) repeat-x bottom left;
  color: #666;
 }
#leftnav .level2 {
 margin: 1px 0;
 background: url(../images/dot.gif) repeat-x bottom left;
 }
 
#leftnav .level2 a {
 padding-left: 10px;
 display: block;
 color: #fff;
 width: 100%;
 height: 100%;
 }
html>body #leftnav .level2 a {
 width: auto;
 height: auto;
 }

#leftnav .level2 a:hover {
 background: #454545 url(../images/leftnav_on.gif) repeat-x bottom left;
 }


#leftnav .level2_on a {
 padding-left: 10px;
 display: block;
 color: #fff;
 width: 100%;
 height: 100%;
 background: #454545 url(../images/leftnav_on.gif) repeat-x bottom left;
 }
html>body #leftnav .level2 a {
 width: auto;
 height: auto;
 }

#leftnav .level2_on a:hover {
 background: #454545 url(../images/leftnav_on.gif) repeat-x bottom left;
 color: 888;
 }

 
#leftnav .level3 {
 margin: 1px 0;
 background: url(../images/dot.gif) repeat-x bottom left;
 height: atuo;
 }

#leftnav .level3 a {
 padding-left: 20px;
 display: block;
 color: #fff;
 width: 100%;
 height: 100%;
 }
html>body #leftnav .level3 a {
 width: auto;
 height: auto;
 }

#leftnav .level3 a:hover {
 background: #454545 url(../images/leftnav_on.gif) repeat-x bottom left;
 }

#leftnav .level3_on a {
 padding-left: 20px;
 display: block;
 color: #fff;
 width: 100%;
 height: 100%;
 }
html>body #leftnav .level3 a {
 width: auto;
 height: auto;
 }

#leftnav .level3_on a:hover {
 background: #454545 url(../images/leftnav_on.gif) repeat-x bottom left;
 color: #888;style
 }

#leftnav .level2 a:visited {
 color: #fff;
 } 
 
#leftnav .level3 a:visited  {
 color: #fff;
 }

#leftnav .level2 a:hover {
 background: #454545 url(../images/leftnav_on.gif) repeat-x bottom left;
 }


#leftnav .level4 {
 margin: 0;
 height: atuo;
 border-bottom: 1px solid #d5d5d5;
 }

#leftnav .level4 a {
 font: bold 12px/22px Arial, Helvetica, Verdana, sans-serif;
 padding-left: 30px;
 display: block;
 color: #fff;
 width: 100%;
 height: 100%;
 color: #d9d9d9;
 }
html>body #leftnav .level4 a {
 width: auto;
 height: auto;
 }

#leftnav .level4 a:hover {
 background-color: #888;
 color: #fff;
 }

#leftnav .level4 a:visited{
 color: #fff; 
 }
 

#leftnav .in a {
 background-color: #888;
 background-image: none;
 color: #fff;
 }
 


 
#leftnav .common {
 margin: 20px 0;
 height: atuo;
 }

#leftnav .common ul {
 margin: 0;
 padding: 0;
 list-style: none;
 }

#leftnav .common ul li { 
 padding-left: 10px;
 height: atuo;
 }
 
#leftnav .common ul li a {
 font: bold 14px/20px Arial, Helvetica, Verdana, sans-serif;
 color: #d8d8d8;
 }

#leftnav .common ul li a:hover {
 color: #fff;
 }

#footer {
 margin: 10px 0;
 padding: 0;
 text-align: center;
 font: 10px/35px Arial, Helvetica, Verdana, sans-serif;
 color: #6eb69e;
 }
 
.title_center {
 margin: 0px atuo;
 padding-top: 25px;
 text-align: center;
 }
.img_center {
 margin: 0px atuo;
 padding-top: 25px;
 text-align: center;
 }
.img_right {
 margin: 0px;
 padding: 10px 0px 10px 10px;
 float: right;
 } 
.img_left {
 margin: 00;
 padding: 10px 10px 10px 0;
 float: left;
 position: relative;
}


#tech {
	display: block;
	margin: 0;
	padding: 0;
}  

#group_intro {
 margin: 10px 0;
 padding: 0px;
 color: #fff;
 background-color: transparent;
 }
#group_intro img {
 border: none;
 }
#group_intro img a {
 border: none;
 }
 
#group_intro table {
 background-color: transparent;
 color: #000;
 width: 620px;
 border-style: none;
 border-collapse: collapse;
}
 
#promo { 
padding: 0px; 
margin: 15px 0;
float: left; 
width: 320px; 
height: 110px; 
}

#video { 
padding: 10px 0; 
margin: 0;
width: 320px;
text-align: center;
background: url(../images/prod_bg.gif) repeat-x bottom left; 
}

.left_align {
 text-align: left;
 }
 
.right_align {
 text-align: right;
 }
 
#product {
 margin: 0 0 10px 0;
 padding: 0px;
 background-color: #ccc;
 border: 1px solid red;
 }
 
#prod_title {
 margin: 0px;
 padding: 0px;
 font: 20px/30px Arial, Helvetica, Verdana, sans-serif;
 font-weight: bold;
 color: #fff;
 }

#prod_links {
 margin: 10px 0;
 padding: 10px;
 color: #fff;
 background: url(../images/prod_bg.gif) repeat-x bottom left; 
 }
 
#prod img {
 margin: 0px;
 padding: 0px;
 border: 1px solid #fff;
 }

#prod_tech {
 margin-top: 10px;
 padding: 0;
 }

#prod_tech ul {
 margin: 0;
 padding: 0;
 list-style: none;
 }

#prod_tech ul li { 
 font: bold 12px/20px Arial, Helvetica, Verdana, sans-serif;
 margin: 5px 0;
 padding-left: 15px;
 height: auto;
 background: url(../images/tech_btn.gif) no-repeat top left; 
 color: #e7ce76;
 }
 
#prod_tech ul li a {
 font: bold 12px/20px Arial, Helvetica, Verdana, sans-serif;
 text-decoration: none;
 color: #e7ce76;
 }

#prod_tech  ul li a:hover {
 color: #fff;
 }

#prod_description {
 margin-top: 10px;
 padding: 10px;
 color: #000;
 background: #fff url(../images/prod_bg.gif) repeat-x bottom left;
 }

#prod_description h1 {
 margin-bottom: 10px;
 font: 16px/18px Helvetica, Arial, Verdana, sans-serif;
 color: #000;
 }

#prod_description p {
 font: 12px/14px Arial, Helvetica, Verdana, sans-serif;
 color: #000;
 }

#prod_description b {
 color: #758865;
 font-weight: bold;
}

#prod_spec {
 margin-top: 10px;
 padding: 0px;
 color: #000;
 }

#prod_spec table {
 background-color: transparent;
 color: #000;
 width: 620px;
 border: 1px solid #000;
 border-collapse: collapse;
}

#prod_spec td {
 font:11px/14px arial, verdana, helvetica, sans-serif; color:#000;
 padding: 2px;
 border: 1px solid #000;
}

#prod_spec th {
 font: bold 11px/23px arial, verdana, helvetica, sans-serif; color:#000;
 padding: 2px;
 border: 1px solid #000;
} 

#prod_accessories {
 margin-bottom: 20px;
 padding: 10px;
 color: #000;
 background-color: #131313;
 }

#prod_technology {
 margin-bottom: 20px;
 padding: 10px;
 color: #fff;
 background-color: #131313;
 }

.inner #prod_technology h1 {
 margin: 0 0 10px 0;
 font: 20px/20px Helvetica, Arial, Verdana, sans-serif;
 }

#news {
 margin-top: 15px;
 padding: 0px;
 color: #fff;
 font: 12px/14px Arial, Helvetica, Verdana, sans-serif;
 }

#news h1 {
 margin-bottom: 10px;
 font: 16px/18px Helvetica, Arial, Verdana, sans-serif;
 color: #009e58;
 }

#news p .inner {
 font: 12px/14px Arial, Helvetica, Verdana, sans-serif;
 color: #fff;
 }

#news b {
 color: #006bb7;
 font-weight: bold;
}

#news .header {
 color: #404040;
 font-weight: bold;
}

.left {
  width:202px; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
  float:left;
  display:inline;
  position:relative; 
 }

.right {
  width:200px; /*** Set to = center col width ***/
  float:right;
  display:inline;
 }

.bottom {
 float: right;
 }

.clear{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}

/*clear fix to float a div inside a div*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


}
* html .clear{height:auto;margin-bottom:0} /*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high ***/

.thumbs {
 width: 200px;
 display: inline;
 float: left;
 border: 1px solid black;
 position:relative; 
 }

.hide {display: none;}

#prod_display {
 margin-top: 10px;
 padding: 0px;
 color: #fff;
 }
/* width: 180px;
 display: inline;
 float: left;
 border: 1px solid black;
 position:relative; 
 }
*/
.inner #prod_display p {
 color: #fff;
 }

.StreamList { font-size: 11px; padding: 0px; margin-right: 10px; margin-bottom: 10px; float: left; text-align: center; width: 150px; height: 180px; }

.SqStreamList { font-size: 11px; padding: 0px; margin-right: 10px; margin-bottom: 5px; float: left; text-align: center; width: 80px; height: 110px; }


.company p {
 font: 12px/14px Arial, Helvetica, Verdana, sans-serif;
 color: #fff;
 }
 
.company table {
 background-color: transparent;
 color: #fff;
 border-style: none;
}

.company table tr td p .inner{
 color: #fff;
}

.company table tr td p {
 color: #fff;
}

.splash_nav {
	color: #888;
	text-decoration: none;
}

/* bottom menu */
/*
.bottom{
    float:left; 
    background-color:#0b0b0b;
    border-top:1px solid #222; 
    border-bottom:1px solid #222; 
}
div.bottom_column:hover, div.bottom_column_middle:hover {
    background-color:#111;
 }
.bottom_column {
     padding: 15px 25px;
     position: relative;
     float: left;
     width: 260px;
 }
.bottom_column_middle{
    border-left:1px solid #222; 
    border-right:1px solid #222;
    padding: 15px 25px;
    position: relative;
    float: left;
    width: 258px;
}
.bottom_label{
    color: #888;
}
*/

/* footer */

#footer {
 padding: 35px 0;
 text-align: center;
 font-size: 11px;
 margin: auto;
 color: #fff;
 }
 
#footer a {
 color: #777;
}
#footer a:hover{
 color: #fff;
 text-decoration:underline;
}

.enter_to_win {
	font-size: 13px;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 2 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to Cartweaver 2.
You may use the CSS above, or remove it and attach
your own CSS file in addition to cartweaver.css
*/


/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/


table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #76685D;
	border-collapse: collapse;
}
table.tabularData td, table.tabularData th{
	padding: 3px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	
	
}



/*Form Styles*/
input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton {
	background: #425929;
	border-bottom: 1px solid #688C40;
	border-left: 1px solid #688C40;
	border-right: 1px solid #141C0D;
	border-top: 1px solid #141C0D;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}



.smallprint {
	font-size: 10px;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #993333;
	font-weight: bold;
}