@charset "UTF-8";

body,td,th {
  font-family: arial,Tahoma,Verdana,sans-serif;
  font-size:14px;
	color: #3c3c3d;
	line-height: 1.5em;
}
body {
  background-color:#000000;
  margin-top:0px;
}

#body_table {
  min-Width: 944px; 
  top:0; 
  background:url("/images/rays.png") #000000 top center no-repeat;
}


.mbody {
  background-image: url("/images/vline.png");
  background-position: top right;
  background-repeat: no-repeat;
  width:723px;
}

.cat {
	position: relative;
	display: block;
	color:#333333;
	left: 15px;
	text-align: left;
	padding-left: 65px;
	padding-top: 14px;
	height: 34px;
	width: 151px;
	overflow: hidden;
}

.news_item { 
  width: 150px; 
  text-indent: -50px; 
  padding-left: 50px;
}


.cat_text {
  font-size:0.8em; 
	margin-left:15px;
	width: 212px;
}


.cat_list {
  font-size:0.8em; 
	margin:0px;
	padding:0px 0px 0px 0px;
  list-style-image: url("/images/list_arrow.gif")
}

.cat_list li:first-child {
  margin-top: 0px;
	line-height: 1.2em;
}
.cat_list li {
	margin-top: 0.6em;
	line-height: 1.2em;
}

#new.cat     { background: url("/images/sprites/cats.png") 0px 0px no-repeat;    }
#news.cat    { background: url("/images/sprites/cats.png") 0px -48px no-repeat;  }
#scn.cat     { background: url("/images/sprites/cats.png") 0px -96px no-repeat;  }
#free.cat    { background: url("/images/sprites/cats.png") 0px -144px no-repeat; }
#reviews.cat { background: url("/images/sprites/cats.png") 0px -192px no-repeat; }
#beta.cat    { background: url("/images/sprites/cats.png") 0px -240px no-repeat; }
#cart.cat    { background: url("/images/sprites/cats.png") 0px -288px no-repeat; }
#trust.cat   { background: url("/images/sprites/cats.png") 0px -336px no-repeat; }
#volume.cat  { background: url("/images/sprites/cats.png") 0px -384px no-repeat; }
#dist.cat    { background: url("/images/sprites/cats.png") 0px -432px no-repeat; }
#lips.cat    { background: url("/images/sprites/cats.png") 0px -480px no-repeat; }
#gear.cat    { background: url("/images/sprites/cats.png") 0px -528px no-repeat; }

a img.block {
	border: none;
}

a:link {
	color: #003399;
	text-decoration:none;
}
a:visited {
	color: #003399;
	text-decoration:none;
}
a:hover {
	color: #003399;
	text-decoration:underline;
}
a:active {
	color: #003399;
	text-decoration:none;
}


#obody {
  color: #f0f9f9;
	font-size:14px;
  font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
	height: 80px;
}

#obody a:link {
	color: #f0f9f9;
	text-decoration:none;
}
#obody a:visited {
	color: #f0f9f9;
	text-decoration:none;
}
#obody a:hover {
	color: #f0f9f9;
	text-decoration:underline;
}
#obody a:active {
	color: #f9f9f9;
	text-decoration:none;
}


h1 {
  margin: 0px;
  font-size: 24px; 
  padding-bottom: 30px;
}

h2 {
  font-size:18px;
	padding:0 0 0 0;
	line-height:25px;
	margin: 0 0;
}

h5 {
  display: inline;
	font-size:17px;
	font-weight:bold;
}

.note {
	font-size:12px;
}

ul {
 font-family: arial,Tahoma,Verdana,sans-serif;
}


/* Layout Styles */

.ftr_logo {
 float:none;
 text-align:center;
 position: relative;
 margin: 0px auto; 
 width: 40%; 
}

.ftr a:hover {
	color: #000000;
	text-decoration:underline;
}

.osbox {
	text-align: left; 
	border:solid 1px #A7B7C4;
	font-size:0.8em; 
	background:#EFEFEF; 
	color:#222222;
}

.osboxhdrgfx {
  line-height:25px; 
  height:25px; 
  background:url("/images/sprites/b_hdr.png") 0px -210px repeat-x;
	border-bottom: solid 1px #A7B7C4;
}	

.osboxhdrtxt {
	text-align:left;
	font-size:1.2em;
	color:#333333;
	font-weight:bold;
	padding: 0px;
	height: 25px;
}

.osboxbdy {
	padding: 4px;
  font-size:0.8em; 
  background:#EFEFEF; 
  border-bottom:solid 1px #A7B7C4; 
  border-left:solid 1px #A7B7C4; 
  border-right:solid 1px #A7B7C4;
}

.osboxbdy ul {
	margin:0px;
	padding:0px 0px 0px 18px;
	 list-style-image: url("/images/list_arrow.gif")
}

.osboxbdy ol {
 	margin:0px;
	padding:0px 0px 0px 18px;
}
 
.osboxbdy h1 {
	font-size:1.2em;
	color:#333333;
	font-weight:bold;
}

/* Misc Styles */
.sec {
	vertical-align:middle;
	height:30px;
}

.sec div {
  background:url("/images/sprites/b_hdr.png") 0px -210px repeat-x;
	border:solid 1px #A7B7C4; 
}
.sec div div {
	padding:0px 0px 0px 20px;
	border:none; 
}
.sec div div div {
	padding:0px 20px 0px 0px;
	font-weight:bold;
	vertical-align:middle;
}


/* Download Window */
.dlver { 
 margin: 0px; 
}

.dlver td {
	padding:3px 0px 3px 20px;
	font-size:12px;
	font-weight:bold;
}

.dlver td div {
	color:#0000CD;
	font-weight:normal;
}

/* Shopping Cart Styles */
.sch1 {
	font-size:18px;
	color:#444444;
}
.removeitem a {
	color:#666666;
	text-decoration:none;
}
.marketprice {
	color:#666666;
	font-size:12px;
	font-weight:bold;
}
.ourprice {
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
}
.addtocart a {
	font-size:18px;
	text-decoration:underline;
	color:#333333;
	padding:0px 0px 0px 15px;
}
.iteminfo, .iteminfo a {
	color:#322165;
	font-size:12px;
	line-height:17px;
	font-weight:bold;
}

.cartsummary td {
	font-size:12px;
	line-height:17px;
	font-weight:bold;
	white-space:nowrap;
}
.pricing {
	padding:0px 10px 0px 0px;
	white-space:nowrap;
}
.itembox {
	padding:10px 50px 00px 10px;
}
.subtotal {
	color:#322165;
	font-weight:bold;
}

   .btn {
cursor:pointer;
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url("/images/bg-button.gif") repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px 14px;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }
    
    .btn#img span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }

	.btn:hover span span {
	  text-decoration:underline;
	}

  .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
     
 /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#9cf !important;
      color:#000;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }
      
.expanded   {color:black;}
.expandable {cursor:pointer;}
.collapsed  {display:none;}
.bulletMark {padding-top:1px; margin-left:0px; margin-right:8px; width:7px; height:7px;}
.bulletText {text-align:left; white-space:nowrap;}
dt   {font-weight:bold;}
dd   {margin-left:15px; margin-bottom:10px;}
P    {margin-top:0px;}

.link2 {font-weight:normal;}
.link2on {font-weight:bold;}

ul li { margin: -0.2em; }
ol li { margin: -0.2em; }

table.center {margin-left:auto; margin-right:auto;}
  
.vbbText     {font-size:14px; color:#000000;text-align:right; vertical-align:top; padding: 3px 3px 3px 5px;}
.vbbText3    {font-size:10px; color:#000000; text-align:center;vertical-align:middle; padding: 3px 3px 3px 5px;}

.vbbField    {font-size:13px; color:#000000; text-align:left;  vertical-align:middle; padding: 3px 3px 3px 5px;}
.vbbField3   {font-size:10px; color:#000000; background-color:#C0C0C0; text-align:center;vertical-align:middle; padding: 3px 3px 3px 5px;}
.vbbData     {font-size:8pt; color:#000000; padding-left:10px; padding-right:10px; cursor:pointer;}
.vbbData2    {font-size:8pt; color:#000000; padding-left:10px; padding-right:10px;}
.vbbData3    {color:#000000; padding-left:10px; padding-right:10px; cursor:pointer;}
.rowselect   {color:#000000; cursor:pointer;}
.rownormal   {color:#000000;}
.vbbTable1   {border-width:1px; border-style:solid; border-color: #464646; border-collapse:collapse;}
.vbbTable2   {border-width:0px; border-collapse:collapse; border-color:#464646; background: #f3f3f3}
.vbbTitle    {font-weight:bold; color:#000000; vertical-align:middle; white-space:nowrap; cursor:default;}
.vbbHeader   {font-size:11px; font-weight:bolder; background-color:#f0f0f0; vertical-align:middle; white-space:nowrap; padding-left:10px; padding-right:10px;}
.vbbFinal    {background-color:#f3f3f3}
.vbbDiv     {border-bottom: solid 1px #C0C0C0; height: 1px;}

.hdr_y  { vertical-align:middle; line-height:25px; height:25px; background:url("/images/sprites/b_hdr.png") 0px -240px repeat-x; border:solid 1px #A7B7C4; padding:0px 20px 0px 20px; font-weight:bold; vertical-align:middle; }
.hdr_m  { vertical-align:middle; line-height:25px; height:25px; background:url("/images/sprites/b_hdr.png") 0px -210px repeat-x; border:solid 1px #A7B7C4; padding:0px 20px 0px 20px; font-weight:bold; vertical-align:middle; }

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.t2 { width: 400px; }
.t3 { width: 100px; }
.t4 { width: 200px; }
.tedit {width: 200px;}

/* TABS */
#main {
	left: 190px;
	height: 32px;
  background: #FFFFFF url("/images/sprites/nav_menu.png") top left repeat-x;
  background-position: 0px -241px;
}

#contents {
  border-top: 0px;
	padding: 1.5em;
	min-height: 300px;
	background: #FFFFFF;
}

#header {
  background: #FFFFFF url("/images/sprites/nav_menu.png") top left repeat-x;
  background-position: 0px 0px;
	font-weight: normal;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 13px;
	position: relative;
	height: 63px;
	width: 100%;
}

#header_left {
  position: relative; 
  z-index: 2; 
  float: left; 
  width: 189px; 
  left: 0px; 
  top: 0px; 
  height: 91px; 
  background:url("/images/nav/flashfxp.png") top left no-repeat;
}

#header_right {
  position: relative; 
  z-index: 2; 
  float: right; 
  width: 5px; 
  top: 0px; 
  height: 63px; 
  background:url("/images/nav/menu-back-right.png") top left no-repeat;
}

#header ul#primary {
	left: 189px;
	margin: 0px;
	padding: 0;
	position: absolute;
	bottom: 0px;
	width: 785px;
}

#nav_tab_active {
  font-weight: bold;
}

#header ul#primary li#nav_tab_active span a {
  background:#C0C0C0 url("/images/sprites/nav_menu.png") top left repeat-x;
  background-position: 0px -73px;
}

#nav_sub_tab_active {
  font-weight: bold;
  height: 24px;
  background: #FFFFFF url("/images/sprites/nav_menu.png") top left repeat-x;
  background-position: 0px -199px;
}

#header ul#primary li  {
	display: inline;
	list-style: none;
}

#header ul#primary a,
#header ul#primary span,
#header ul#primary a.current {
	height: 24px;
	width: 110px;
	display: block;
	font-size: 12px;
	font-family: verdana, arial, tahoma, sans-serif;
	float: left;
	padding: 4px 0;
	margin: 0px 3px 0 0;
	text-align: center;
	text-decoration: none;
	color: #000000;
}


#header ul#primary li span.sep {
	height: 28px;
	padding: 4px 1px;
	margin: 0;
  background: url("/images/sprites/nav_menu.png") top left no-repeat;
  background-position: 0px -157px;
}

#header ul#primary li:first-child span.sep {
 background: none;
	margin: 0;
	padding: 4px 0px;
}

#header ul#primary a:hover {
	margin-top: 0;
	padding-bottom: 6px;
  background:#E8E8E8 url("/images/sprites/nav_menu.png") top left repeat-x;
  background-position: 0px -115px;
	text-decoration: none;
}

#header ul#secondary {
	position: absolute;
  height: 31px;
	top: 63px;
	margin: 0;
	padding: 0px;
	left: 190px;
	width: 785px;
  background: transparent;
}

#header ul#secondary li  {
	display: inline;
	list-style: none;
}

#header ul#secondary li a,#header ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	margin: 0;
	min-width: 75px;
	border: none;
	padding: 4px 10px;
	text-align: center;
}

#header ul#secondary li a {
	color: #000000;
	text-decoration: none;
	padding: 4px 10px;
	font-size: 12px;
	font-family: verdana, arial, tahoma, sans-serif;
}

#header ul#secondary li a:hover {
  height: 24px;
  background: #FFFFFF url("/images/sprites/nav_menu.png") top left repeat-x;
  background-position: 0px -283px;
	text-decoration: none;
}

#header ul#secondary li span a {
 	padding: 0px; 
}

#header ul#secondary li span a:hover {
  background: transparent;
}

/* misc */


.td1_class {
  width: 150px;
}
	
.abtTable .k1 { border-top: 1px dotted #AAA; }
.abtTable .k1, .abtTable .k2, .abtTable .k3 {
  width: 150px;
	vertical-align:top;
	border-bottom: 1px dotted #AAA;
	border-left: 1px dotted #AAA;

}

.abtTable .v1 { border-top: 1px dotted #AAA; }
.abtTable .v1, .abtTable .v2, .abtTable .v3 {
	border-left: 1px dotted #AAA;
	border-bottom: 1px dotted #AAA;
	border-right: 1px dotted #AAA;
}

.ularrow  {
	margin: 0;
	padding: 0 0 0 18px;
	line-height: 1.2em;
  list-style-image: url("/images/list_arrow.gif");
}

.ularrow li { padding: 3px 0px 3px 0px; }

#f_list_perf { background: url("/images/sprites/features.png") 0 0 no-repeat; }
#f_list_conn { background: url("/images/sprites/features.png") 0px -81px no-repeat; }
#f_list_aop  { background: url("/images/sprites/features.png") 0px -162px no-repeat; }
#f_list_sec  { background: url("/images/sprites/features.png") 0px -243px no-repeat; }
#f_list_gui  { background: url("/images/sprites/features.png") 0px -324px no-repeat; }
#f_list_int  { background: url("/images/sprites/features.png") 0px -405px no-repeat; }

.f_hdr {
	display: block; 
  margin: 2px 0px 10px 0px; 
  width: 240px;
  height: 25px; 
  border: 1px solid #000000; 
  background-color: #000000; 
  padding: 0 0 0 15px;
  line-height:25px;
  letter-spacing:1px; 
  color: #FFFFFF; 
}

.f_list {
	display: block; 
	width:77px;
	height:81px;
}

#f_1 { background: #000 url("/images/sprites/f_hdr.png") 0px 0px repeat-x; }
#f_2 { background: #000 url("/images/sprites/f_hdr.png") 0px -25px repeat-x; }
#f_3 { background: #000 url("/images/sprites/f_hdr.png") 0px -50px repeat-x; }
#f_4 { background: #000 url("/images/sprites/f_hdr.png") 0px -75px repeat-x; }
#f_5 { background: #000 url("/images/sprites/f_hdr.png") 0px -100px repeat-x; }
#f_6 { background: #000 url("/images/sprites/f_hdr.png") 0px -125px repeat-x; }


/* Buttons with mouse over effects */

form {
 margin: 0px;
}

#search-bar { position: relative; float: right; margin: 23px 0px 0px 0px; }
#search-bar form div.form-container { height: 21px; }
#search-bar form p { padding: 0px; }
#search-bar form .text-input { 
 border: none;
 padding-left: 8px;
 padding-top: 1px;
 height: 20px;
 width: 213px;
 font-size: 14px;
 vertical-align: middle;
 position: relative;
 background: url("/images/search/bg.png") top left no-repeat;
}
#search-bar form #btn {
  border: none;
  width: 17px;
  padding: 0px;
  cursor: pointer;
  position: absolute;
  top: 3px;
  right: 7px;
  text-indent: -9999px;
  height: 16px;
  background: url("/images/search/btn.png") top left no-repeat;
}
#search-bar form #btn:hover {
  background: url("/images/search/btn.png") 0px -16px no-repeat;
}


.roundbox {
  padding: 2px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 2px solid #cccccc;
}

#login-bar { float: left; margin-top: 18px; padding: 7px 0px 0px 38px; }

.invisible {
	display: none;
}


.foot_td {
  height: 107px; 
  width: 100%; 
  margin: auto;
  font-size:10px;
	color: #000000;
  vertical-align:top;
	height: 80px;
  line-height: 15px; 
}

.foot_line {
  height: 3px; 
  width: auto; 
  background-color: #CECECE
}

.foot_left {
  float:left; 
  height: 104px; 
  margin: 0; 
  width: 6px; 
  background: url("/images/sprites/footer.png") bottom left no-repeat;
}

.foot_right {
  float:right;
  height: 104px;
  margin: 0;
  width: 6px;
  background: url("/images/sprites/footer.png") bottom right no-repeat;
}

.foot_body {  
  height: 104px; 
  margin-left:6px; 
  margin-right:6px; 
  width: auto; 
  background: url("/images/sprites/footer.png") top left repeat-x;
}

.foot_content {
 padding-top: 15px;
}

div.goog-te-gadget,
 a.goog-logo-link:link,
 a.goog-logo-link:visited {
 color:white;
} 

.screenshot {border: 1px solid #FFF}
.screenshot:hover {border: 1px solid}

.border_c_l {
  padding-left: 8px;
  border-left: 1px solid #C0C0C0;
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
}

.border_c_m {
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
}

.border_c_r {
  border-right: 1px solid #C0C0C0;
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
}

.d_c_1 {
 padding: 5px 8px;
 border-top: 1px #E2EAF3 solid;
 border-left: 1px #E2EAF3 solid;
 background-color: #f0f3f6;
}

.d_c_2 {
 padding: 5px 8px;
 border-top: 1px #E2EAF3 solid;
 border-left: 1px #E2EAF3 solid;
 border-right: 1px #E2EAF3 solid;
 background-color: #FFFFFF;
}

h4 {
display:inline;
font-family: arial,tahoma,verdana,sans-serif;
font-size: 14px;
color: #3c3c3d;
font-weight: normal;
line-height: 1em;
padding: 0;
margin: 0 0;
margin: -0.2em;
}

.cbtn span {
  background:url("/images/sprites/buttons3.png") no-repeat;
  overflow:hidden;
  width:135px;
  height:28px;
}

.cbtn {
  display:block;
  float: left;
  overflow:hidden;
  position:relative;
  width:135px;
  height:28px;
  margin-right:10px;
}

.cbtn img,
.cbtn input {
  border:none;
  position:absolute; 
  left:0px; 
  top:0px;
  width: 405px; 
  height: 56px;
  overflow: hidden;
}

.cbtn img:hover,
.cbtn input:hover {
  position:absolute; 
  top:-28px;
}

.btn_download img,
.btn_download input { left:0px; overflow: hidden; }
.btn_purchase img { left:-135px; overflow: hidden; }
.btn_features img { left:-270px;   overflow: hidden; }

.section1 {
	font-size:140%;
	color:#000080;
	padding:8px 0;
	margin:0;

}

.section2 {
	font-size:120%;
	color:#804040;
	padding:5px 0;
	margin:0;
}

.section3 {
	font-size:110%;
	padding:5px 0;
	margin:0;
}
