@-ms-viewport{width:device-width;}
body{
margin: 0px;
background-image: url(../../images/background.png);
background-repeat: repeat-x;
background-color: #000;
background-attachment:fixed;
font:100% Segoe UI,trebuchet MS,Verdana,Arial;
color:#FFF;
min-width:300px;}
a{
color:#99DDFF;
text-decoration:none;}
a:hover{color: #FFF;}
.alert_area{
text-align:center; 
font-weight:bold; 
text-decoration:underline overline; 
color:#FF0000;}
#main_div{
margin-left:auto;
margin-right:auto;
width:1000px;
margin-bottom:64px;}
#main_title{
padding-bottom:16px;
text-align: center;
border-bottom-style:solid;
border-bottom-color:white;
border-bottom-width:1px;}
#prod_screenshot_div{
display: none;
background-image: url(../../images/loading.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center;
padding:32px;}
#prod_screenshot_img{
display: block;
margin-right:auto;
margin-left:auto;
max-width:100%;
box-shadow: 0px 0px 32px #FFF, 0px 0px 16px #FFF, 0px 0px 8px #FFF, 0px 0px 4px #FFF;}
.prod_title{
text-align:left;
font-size:xx-large;
font-style:italic;
line-height:50px;
font-weight:bold;
text-shadow:0 0 5px rgb(0,128,256), 0 0 4px rgb(0,128,256);
position:relative;
top: -16px;}
#prod_imgs{
text-align:center;
vertical-align:middle;}
.prod_imgs_img{
box-shadow: 0px 0px 8px rgba(255,255,255,0.5);
margin:24px;}
.prod_imgs_img:hover{
box-shadow: 0px 0px 16px rgba(255,255,255,0.5);
background-image:url(../../images/bg_white.png);
background-repeat:repeat;
padding:16px;
margin:8px;
cursor:pointer;}
.prod_img_open{
border-style:solid;
border-color:#FFF;
border-width:2px;
cursor:default;
padding: 14px;
margin: 8px;
background-image:url(../../images/bg_white.png);
background-repeat:repeat;}
.mini_banners{
text-align:center;
vertical-align:middle;}
.mini_banners img{
border-style:none;
margin:15px 15px;}
.prod_content{
text-shadow:2px 2px 2px #000;
font:70% Segoe UI,trebuchet MS,Verdana,Arial;
color:#FFF;
font-size:small;
padding:32px;
margin-top: 64px;
background-image:url(../../images/back_title.png);
background-repeat:repeat;
margin-left:auto;
margin-right:auto;}
.prod_content a{color:#99DDFF;
text-decoration:none;}
.prod_content a:hover{color: #FFF;}
#page_menu{
width:584px;
text-align: center;
margin-top: 8px;
padding:8px;}
#page_menu a{
text-align: center;
margin: 16px;
padding:8px;
color:#FFF;}
#page_menu a:hover{
cursor: pointer;
box-shadow: 0px 0px 16px rgba(255,255,255,0.5);
background-image:url(../../images/bg_white.png);
background-repeat:repeat;}
#page_menu_selected{
background-image:url(../../images/back_title.png);
background-repeat:repeat;}
.prod_downloads{
text-shadow: rgb(0,0,0) 2px 2px 2px;
font: 70% Segoe UI,trebuchet MS,Verdana,Arial;
color: #FFF;
font-size: small;
width: 100%;}
.prod_downloads td{
height:68px;
padding:8px;}
.prod_downloads td:hover{
cursor: pointer;
box-shadow: 0px 0px 16px rgba(255,255,255,0.5);
background-image:url(../../images/bg_white.png);
background-repeat:repeat;}
.prod_downloads img{
float:left;
margin:12px 16px 8px 8px;
vertical-align:middle;
border-style:none;}
.prod_awards{width:100%;}
.prod_awards div{
display: inline-block;
width: 50%;
height:180px;
padding: 16px 0;
text-align:center;}
.prod_awards div:hover{
cursor: pointer;
box-shadow: 0px 0px 16px rgba(255,255,255,0.5);
background-image:url(../../images/bg_white.png);
background-repeat:repeat;}
.prod_awards span{
display: inline-block;
height: 100%;
vertical-align: middle;}
.prod_awards div img{
max-width:100%;
vertical-align: middle;}
#external_links{
margin-left:auto;
margin-right:auto;
max-width:640px;
border-collapse: separate;
border-spacing: 0 1em;}
.faq{
cursor: pointer;
font-weight:bold;}
.faqa{
color:#ddd;
display:none;}
#desc{text-align:justify;}
#wrapper{position:relative;height: 100%;}
.alert_box{
border-style:solid;
border-color:#CC0000;
background-color:#000;
padding:8px;
text-align:center;}
#ie6div{
position:fixed;
bottom:0px;
left:25%;
width:50%;}
#ok_button{
float:right;
display:block;
background-color:#555;
width: 64px;
height: 24px;
border-radius: 4px;
cursor:pointer;}
#ok_button:hover{
text-shadow: rgb(0,0,0) 2px 2px 2px;
box-shadow: 0px 0px 16px rgba(255,255,255,0.5);
background-image:url(../../images/bg_white.png);
background-repeat:repeat;}
.picturebox{
float:right;
margin-left:32px;
background-image:url(../../images/back_title.png);
text-align:center;
padding:10px;}
.picturebox img{margin-bottom:10px;}
.prod_box{
min-height:360px;
margin:32px 0;
box-shadow: 0px 0px 4px rgba(0,0,0,0.5);}
.prod_box:hover{
box-shadow: 0px 0px 8px rgba(255,255,255,0.5);
background-image:url(../../images/bg_white.png);
background-repeat:repeat;
cursor:pointer;}
.prod_box img{
display: block;
margin-right:auto;
margin-left:auto;
max-width:100%;}
.prod_box_details{
float:right;
margin-left:30px;
background-image:url(../../images/back_title.png);
text-align:center;
padding:10px;
text-align:left;
width:180px;}
.form{
border-top:32px;
max-width:536px;
margin-right: auto;
margin-left: auto;}
.form table{width:100%;}
.form table td{width:50%;}
.form input{
width:100%;
float:right;}
.form select{
width:100%;
float:right;}
.prod_list_table{
height: auto;}
.prod_list_table table{
width:236px;
float:left;}
#title_area{width:536px;}
@media all and (max-width: 620px){
#title_area{width:284px; padding: 16px 8px 8px;}
#page_menu {width: 292px;}
#page_menu a{display:block;}}