﻿body 
{
	background-color: rgb(22, 0, 44);
}

.outer 
{  
	background-color: gray;
    width:960px;  
    height:800px;
    display: none;
	border-width: 0px;
	border-bottom-color: Black;
	border-style: solid;
}  

.panelHeader
{  
	background-image: url("App_Themes/Header.png");
	background-position:left top;
	background-repeat: no-repeat;
	
    width:960px;  
    height:98px;  
}  

.menu
{
    width:960px;  
    height:30px;  
}

.solidblockmenu
{
	margin: 0;
	padding: 0;
	float: right;
	font: bold 11px Verdana;
	width: 100%;
	background: white url("App_Themes/menubutton.gif") center center repeat-x;
}

.solidblockmenu li
{
	display: inline;
}

.solidblockmenu li a
{
	float: right;
	color: rgb(0,64,128);
	padding: 9px 11px;
	text-decoration: none;
	border-left: 1px solid white;
}

.solidblockmenu li a:visited
{
	color: rgb(0,64,128);
}

.solidblockmenu li a:hover, .solidblockmenu li .current
{
	color: rgb(0,64,128);
	background: transparent url("App_Themes/menuhover.gif") center center repeat-x;
}

.productPanel 
{
	background-color: rgb(230,230,230);
	width: 960px;
	height: 642px;
}

.productInfo
{  
	background-color: white;
    width:600px;  
    height:500px;
    border-color: rgb(192,192,192);
    border-style: solid;
    border-width: 1px;
	box-shadow: 10px 10px 30px #999;
	position:absolute;
	left: 20px;
	top: 138px;
}  

.productDescription
{
	background-color:white;
    width:550px;  
    height:100px;
	position:absolute;
	left: 20px;
	top: 10px;
    border-color: rgb(192,192,192);
    border-style: solid;
    border-width: 0px;
}

.productTitleText
{
	color: rgb(50,0,100);
	font-family:Verdana;
	font-weight: bold;
	font-size: medium;
}

.productDesriptionText
{
	color: rgb(50,0,100);
	font-family:Verdana;
	font-weight:normal;
	font-size:small;
}

.sampleThumb
{
	background-image: url("App_Themes/sampleThumb.png");
    width:320px;  
    height:221px;
	position:absolute;
	left: 20px;
	top: 238px;
	cursor: pointer;
    border-color: rgb(192,192,192);
    border-style: solid;
    border-width: 2px;
}

.productFeatures
{
	background-color: white;
    width:230px;  
    height:221px;  
    position:absolute;
	left: 352px;
	top: 238px;
    border-color: Black;
    border-style: solid;
    border-width: 0px;
	color: rgb(50,0,100);
	font-family:Verdana;
	font-weight:normal;
	font-size:8pt;
}

.learnNowBox
{
	background-image: url("App_Themes/learnNowBox.png");
	background-color: white;
	box-shadow: 10px 10px 30px #999;
    width:260px;  
    height:200px;  
    position:absolute;
	left: 670px;
	top: 138px;
}

.learnNowTextArea
{
	background-color: white;
    width:240px;  
    height:150px;  
    position:absolute;
	left: 5px;
	top: 35px;
    border-color: Black;
    border-style: solid;
    border-width: 0px;
    z-index: 1;
}

.pdf-hyperlink
{ 
	background: url("App_Themes/file_extension_pdf.png") no-repeat 0px 0px; 
	padding-left: 40px;
	padding-bottom: 40px;
	color: rgb(50,0,100);
	font-family:Verdana;
	font-weight:normal;
	font-size:small;
}

.tryNowBox
{
	background-image: url("App_Themes/tryNowBox.png");
	background-color: white;
	box-shadow: 10px 10px 30px #999;
    width:260px;  
    height:200px;  
    position:absolute;
	left: 670px;
	top: 358px;
}

.tryNowTextArea
{
	background-color: white;
    width:240px;  
    height:110px;  
    position:absolute;
	left: 5px;
	top: 35px;
    border-color: Black;
    border-style: solid;
    border-width: 0px;
    z-index: 1;
    padding-left: 5px;
}

.tryNowText
{
	color: rgb(50,0,100);
	font-family:Verdana;
	font-weight:normal;
	font-size:8pt;
}

.tryNowButton
{
	background-image: url("App_Themes/download.png");
    width:160px;  
    height:35px;
	position:absolute;
	left: 56px;
	top: 146px;
	cursor: pointer;
    border-color: Black;
    border-style: solid;
    border-width: 0px;
    z-index: 2;
}

.tryNowImageLink
{
    width:160px;  
    height:35px;
	position:absolute;
	left: 56px;
	top: 146px;
	cursor: pointer;
    border-color: White;
    border-style: none;
    border-width: 0px;
    z-index: 2;
}

.tryNowImage
{
    border-color: White;
    border-style: none;
    border-width: 0px;
    z-index: 2;
}

.buyNowBox
{
	background-image: url("App_Themes/buyNowBox.png");
	background-color: white;
	box-shadow: 10px 10px 30px #999;
    width:260px;  
    height:170px;  
    position:absolute;
	left: 670px;
	top: 578px;
}

.buyNowTextArea
{
	background-color: white;
    width:240px;  
    height:80px;  
    position:absolute;
	left: 5px;
	top: 35px;
    border-color: Black;
    border-style: solid;
    border-width: 0px;
    z-index: 1;
    text-align: center;
    padding-left: 5px;
}

.buyNowText
{
	color: rgb(50,0,100);
	font-family:Verdana;
	font-weight:bold;
	font-size:18pt;
}

.buyNowButton
{
	background-image: url("App_Themes/btn_dg_pay_w_paypal.gif");
    width:150px;  
    height:33px;
	position:absolute;
	left: 60px;
	top: 118px;
	cursor: pointer;
    border-color: Black;
    border-style: solid;
    border-width: 0px;
    z-index: 2;
}

.buyNowButton2
{
	background-image: url("App_Themes/btn_dg_pay_w_paypal.gif");
    width:150px;  
    height:33px;
	position:absolute;
	left: 60px;
	top: 155px;
	cursor: pointer;
    border-color: Black;
    border-style: solid;
    border-width: 0px;
    z-index: 2;
}

.payPalSeal
{
	background-image: url("App_Themes/verification_seal.gif");
	background-color:transparent;
    width:100px;  
    height:100px;
    position:absolute;
	left: 30px;
	top: 658px;
}

.footer
{
	background-image: url("App_Themes/Footer.png");
	background-position:left top;
	background-repeat: no-repeat;
    width:960px;  
    height:30px;  
}

.modal 
{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) url("App_Themes/ajax-loader.gif") 50% 50% no-repeat;
}	

body.loading 
{
    overflow: hidden;   
}

body.loading .modal 
{
    display: block;
}

.updateInfo
{  
	background-color: rgb(255,255,255);
    width:720px;  
    height:560px;
    border-color: rgb(192,192,192);
    border-style: solid;
    border-width: 1px;
	box-shadow: 10px 10px 30px #999;
	position:absolute;
	left: 120px;
	top: 168px;
}  

.updateDescription
{
	background-color:white;
    width:680px;  
    height:100px;
	position:absolute;
	left: 20px;
	top: 10px;
    border-color: Black;
    border-style: solid;
    border-width: 0px;
}

.updateDesriptionText
{
	color: rgb(50,0,100);
	font-family:Verdana;
	font-weight:normal;
	font-size:small;
}

.updateTitleText
{
	color: rgb(50,0,100);
	font-family:Verdana;
	font-weight: normal;
	font-size: medium;
}

.update-hyperlink
{ 
	padding-left: 40px;
	color: rgb(50,0,100);
	font-family:Verdana;
	font-weight:normal;
	font-size:small;
}

.contactInfo1
{  
	background-color: rgb(255,255,255);
    width:720px;  
    height:120px;
    border-color: rgb(192,192,192);
    border-style: solid;
    border-width: 1px;
	box-shadow: 10px 10px 30px #999;
	position:absolute;
	left: 120px;
	top: 168px;
}  

.contactInfo2
{  
	background-color: rgb(255,255,255);
    width:720px;  
    height:120px;
    border-color: rgb(192,192,192);
    border-style: solid;
    border-width: 1px;
	box-shadow: 10px 10px 30px #999;
	position:absolute;
	left: 120px;
	top: 330px;
}  

.contactDescription
{
	background-color:white;
    width:680px;  
    height:100px;
	position:absolute;
	left: 20px;
	top: 10px;
    border-color: Black;
    border-style: solid;
    border-width: 0px;
}

.contactTitleText
{
	color: rgb(50,0,100);
	font-family:Verdana;
	font-weight: normal;
	font-size: medium;
}

.contactDesriptionText
{
	color: rgb(50,0,100);
	font-family:Verdana;
	font-weight:normal;
	font-size:small;
}

.thankyouBox
{  
	background-color: rgb(255,255,255);
    width:720px;  
    height:120px;
    border-color: rgb(192,192,192);
    border-style: solid;
    border-width: 1px;
	box-shadow: 10px 10px 30px #999;
	position:absolute;
	left: 120px;
	top: 330px;
}  

.thankyouDescription
{
	background-color:white;
    width:550px;  
    height:100px;
	position:absolute;
	left: 20px;
	top: 10px;
    border-color: Black;
    border-style: solid;
    border-width: 0px;
}

.thankyouText
{
	color: rgb(50,0,100);
	font-family:Verdana;
	font-weight: normal;
	font-size: medium;
}

.thankyouLinkText a
{
	color: red;
	font-family:Verdana;
	font-weight:normal;
	font-size:small;
}
