/***********************HTML tag styles   ************************/ 
html { overflow: -moz-scrollbars-vertical !important; }
body{
	font-family: Arial, Vadana, sans-serif;
	color: #333333;
	line-height: 1.166;	
	padding: 0px;
	width: 100%;
	margin-left:auto;
	margin-right:auto;	
	margin-top: 0px;
	font-size:9pt;
}
td, th, p, ol, ul { font-size:9pt; font-family: Arial, Vadana, sans-serif;}
th{font-weight:normal;}
a:link, a:visited, a:hover {
	color: #000000;
	text-decoration: underline;	
}
h1, h2, h3, h4, h5 {
	font-family: Arial, Vadana, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color:transparent;
}
h1{ 
	font-size: 17pt;
	color: #009800;
	margin: 0px;
	padding: 15px 0px 15px 0px;		
	clear:both;
}
h3{
	 font-size:10pt;
	 color: #ffffff;
	 background-color:transparent;
	 margin-top:0px;
	 padding-bottom:10px;
}

h5{
	font-size:9pt;
	font-weight:bold;
	text-align:left;
	margin:10px 10px;
}

ul{
 list-style-type: square;
}
label{	
	font-weight: normal;	
}
select, input { 
	margin-bottom: 1px;
	margin-top: 1px;	
}
img {border:0;}

/*********************Layout columns    **************************/
#wrapper{
	width: 752px;	
	margin-left:auto;	
	margin-right:auto;
	height:auto;
 }
#partnerBanner{
	 height:auto;
     width: 752px;	
     padding:0px;
	 padding-left: 0px; 
	 padding-right:0px;
	 margin-top:20px;
     margin: auto;
	 text-align:left;
	 
 }
#promoColumn{
	padding: 0px;
	background-color:#ebebeb;	
	width: 207px;
	float:right;	
}
#gopassNavColumn{
	padding: 0px;
	background-color:#f5f5f5;	
	width: 207px;
	float:right;		
	margin-top:0px;	
}
#rightColumn{
	padding: 0px;	
	margin:0px;
	width: 207px;
	float:right;	
}
#content{
	float:left;
	width: 530px;
	margin: 0;	
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
}
.content{
  	float:left;
	width: 530px;
	margin: 0;	
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
}
#gopassContent{
	float:left;
	width:530px;
	margin:0px;	
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
}
.twoEvenColumnLeft{
 	float:left;
	width: 346px;
	margin-bottom: 0px;			
	height: auto;
	padding:10px;	
}
.twoEvenColumnRight{
  	float:right;
	width: 346px;	
	margin-bottom: 0px;	
	height: auto;
	padding:10px;		
}
.twoEvenColumnBG{
	background-color:#ebebeb;	
}
.duetButtonLeft{
 	float:left;
	width: 365px;	
	margin-bottom: 0px;			
	height: auto;
	padding:0px;	
}
.duetButtonRight{
 	float:right;
	width: 355px;	
	margin-bottom: 0px;			
	height: auto;
	padding:0px;
}
.oneMajorColumn {
	margin: 0;
	margin-bottom: 2px;
	padding: 10px;
	background-color:#ebebeb;	
	width: auto;	
}
.twoColumnForm{
	margin: 0;
	margin-bottom: 2px;
	padding: 10px;
	background-color:#ebebeb;	
	width: auto;	
}

/************* currency and language  **************/
#currencyLanguage{
	color: #333;
	padding: 20px 0px 15px 10px;
	white-space: nowrap;
	width:auto;
	float:right;
	clear:right;
}
/************* footer styles ***************/
#partnerFooter #footer_link {text-align: center;}
#partnerFooter #footer_image {text-align: center; margin-top: 5px;}

#partnerFooter img{
	padding: 0 10px 0 0;
	vertical-align: middle;
}

#partnerFooter{
	height:auto;
    width: 752px;	
    padding:0px;
	padding-left: 0px; 
	padding-right:0px;
	margin-top:50px;
    margin-left: auto;
	margin-right: auto;	
	
}

/************** upsell in basket ***************/
#basketHeading{
	clear:none; width:56%;
	float:left;
}

.callOut {
 	position: relative;
 	background-color:#666;
	color:#FFFFFF; 	
	text-align:center; 
	padding:0px;
	margin:0px;
	width:100%;
}
.callOut h3 {
	color: #ffffff;
	margin-top:0px;
	margin-bottom:0px; 
	padding:15px; 
	font-size:9pt;
}

.grad[class]{
background-image: url(../images/half_b_w.png); 
}
*html .grad{
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/half_b_w.png', sizingMethod='scale');
}

.featured{
	margin: 0px;
	padding: 10px 10px 10px 10px;		
	border-bottom: 5px solid #fff;
	font-size:9pt;
}
.featured h4{
	margin: 0px 0px -10px 0px; 
	font-size:8pt;
}
.featured img {
	 padding-right: 10px;
}
/************** text buttons and input buttons **************/
input.button{
	border: 2px outset #ccc; 
	font-weight: bold; 	
	font-size: 9pt;
	padding: 0 10px; 
	overflow: visible; 
	background-color: #009800; 
	color:#fff;  
	margin-left: 10px; 
	margin-top: 10px; 
	margin-bottom:10px;
	width:auto; 
	height: 28px;
	cursor:pointer;
}
.button{ border: 2px outset #ccc; 
	font-weight: bold;	
	 background-color: #009800; 
	 color:#fff; 
	 text-align:center; 
	 display:block; 
	 width:auto; 
	 float:right; 
	 vertical-align:middle;
	 margin-top: 10px; 	 
 }
 a.button:link{
	color: #fff; 
	text-decoration:none; 
	padding:5px 10px; 
	text-align:center;
}
a.button:hover{
	color: #fff; 
	text-decoration:none; 
	padding:5px 10px;
	text-align:center;
}
a.button:visited{
	 color: #fff; 
	 text-decoration:none;
	 padding:5px 10px; 
	 text-align:center;
 }
#buttonRightMargin{
	margin-right:220px;
}
input.button2{
	border: 2px outset #ccc; 
	font-size: 9pt;
	font-weight: bold; 
	padding: 0 10px; 
	overflow: visible;  
	background-color: #ebebeb; 
	color:#000;  
	margin-left: 0px; 
	margin-top: 10px; 
	margin-bottom:10px;
	width:auto; 
	height: 26px;
	cursor:pointer;
}
 input.button2{ border: 2px outset #ccc; 
	font-weight: bold;
	background-color: #ebebeb; 
	 color:#000; 
	 text-align:center; 
	 display:block; 
	 width:auto; 
	 float:left; 
	 vertical-align:middle;
	 margin-top: 10px; 
 }
.editButton{/********for checkout review page*********/
	float:right;
	margin-top: -30px;
}
/************** general styles **************/
.clear {
	CLEAR: both; 
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 1px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	LINE-HEIGHT: 0px; 
	PADDING-TOP: 0px; 
	HEIGHT: 0px
}
.space { 
	 display: block;
	 height: 12px; 
	 clear:both;
 }
br{height:1px;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.rightFloat{float:right;}
.red{color:#FF0000;}
.green{color:#006600;}
.small{font-size:8pt;}
.i{font-style:italic;}
.addpadding5{padding:5px;}
.addTopPadding10{padding-top:10px;}
.b{
	font-weight:bold; 
	background-color:transparent;
}
.rightPadding10{padding-right:10px; text-align:right;}
h4.nopadding{/******subheading for help section*********/
	padding:0px;margin:0px;
}
.error{ /****error message in red outline********/
	color:#FF0000;
	border:1px solid #FF0000;
	background-color:#FFFFFF;
	padding:10px; 
	margin-bottom:10px;
}
.confirm{/****confirmation message in green outline********/
	color: #009800;
	border:1px solid #009800;
	background-color:#FFFFFF;
	padding:10px; 
	margin-bottom:10px;
}
.noProduct{/****general message in gray outline********/
	color: #000000;
	border:1px solid #666666;
	background-color:#FFFFFF;
	padding:10px; 
	margin-bottom:10px;
}
/***********invoice page***************************/
.invoiceTable th{
	background-color:#666666; 
	color:#FFFFFF; 
	padding:15px 4px;  
	margin-bottom:20px; 	
}
.backgroundDark{
	background-color:#666666; 
}
#InvoiceBillingAddressContainer{
	width:220px;
	float:left;	
}
#InvoiceShippingAddressContainer{
	left:300px;
	width:220px;
	float:left;	
}
.leftIndent{padding-left:20px;}
.leftIndent5{margin-left:5px;}
td.dpsIndent{padding-left:30px;}
/************** basket styles **************/
.basketTable th {
	background-color:#666666; 
	color:#FFFFFF; 
	padding:15px 4px;  
	margin-bottom:20px; 
	font-weight:normal;	
}
.qty{
	 background-color:#ebebeb; 
	 border-top: 10px solid #ffffff;
	 padding-top:5px;
	 padding-left:10px;
 }
.altColorWhite{
	background-color:#FFFFFF; 
	padding-right:10px; 
	padding-top:10px;
	padding-bottom:5px;
	vertical-align:bottom;
}
.altColorDark {
	background-color:#ebebeb; 
	border-top: 5px solid #fff; 
	padding-right:10px;
	padding-left:5px;
}
.altColorDark2 {
	background-color:#ebebeb; 	
	padding-right:5px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}
.altColorLight { 
	 background-color:#f5f5f5;
	 border-bottom:10px solid #ebebeb; 
	 border-top:10px solid #ebebeb; 	 
	 padding-right:10px;
	 padding-top:2px; 
	 padding-bottom:2px;
	 padding-left:5px;
   }
.dpsRowBegin { 
	background-color:#f5f5f5;
	border-bottom:10px solid #ebebeb;
	border-top:10px solid #ebebeb;
	border-left:10px solid #ebebeb; 
	padding:2px 0px;
   }
.dpsRowEnd{ 
	 background-color:#f5f5f5;
	 border-bottom:10px solid #ebebeb; 
	 border-top:10px solid #ebebeb; 
	 border-right:10px solid #ebebeb; 
	 padding:2px 0px;
 }
a.red:link {
	color:#FF0000; 
	font-weight:normal; 
	text-decoration:underline; 
	font-size: 8pt;
}
a.red:visited {
	color:#FF0000; 
	font-weight:normal; 
	text-decoration:underline; 
	font-size: 8pt;
}
a.green:link {
	color:#006600; 
	font-weight:bold; 
	text-decoration:underline;
}
a.green:visited {
	color:#006600; 
	font-weight:bold;
	text-decoration:underline;
}
#continueShop {
	float:left; 
	width: 45%;  
	margin-top: 25px;
 }
#promo {
	float: right; 
	width: 49%; 
	text-align:left; 
	border:1px solid #ebebeb;
	padding:10px;
 }
#giftCertificateBox {
	background-color:#ebebeb;
	padding:10px;	
 }
#giftCertificateBox .input {
	width: 95px;
}
/************** checkout styles **************/
#PurchasePageTitle {
	display: block; 
	margin-top: 15px;
}
#PurchasePageTitle #PageTitle {
	float: left; 
	height: 25px;
}
#PurchasePageTitle #PageTitle H1 {
	display: inline;
}	
#PurchasePageTitle #steps {
	display: inline; 
	padding: 5px; 
	padding-bottom: 1px; 
	padding-top: 1px; 
	margin: 0px 2px 0px 0px; 
	background-color: #EBEBEB; 
	font-weight: bold; 
	font-size: 12pt;
}
#PurchasePageTitle #steps_on {
	display: inline; 
	padding: 5px; 
	padding-bottom: 1px; 
	padding-top: 1px; 
	margin: 0px 2px 0px 0px; 
	background-color: #009800; 
	font-weight: bold; 
	color: #ffffff; 
	font-size: 12pt;
}
#PurchasePageTitle #StepTitle {
	display: block; 
	clear: none; 
	margin-top: 5px; 
	font-size: 8pt;
}
/*******************************/
.sectionHeader {
	 background-color:transparent; 
	 color:#000000;
	 padding: 0px; 
	 text-align:left; 
	 margin-bottom:10px;		
}

/*************Create an Account*****************/
#cardHolderRow{
	background-color:#f5f5f5; 		
	display:block;
	padding: 5px 0px;
}
#quickOrderSum{
	background-color:#f5f5f5; 
	padding:10px; 	
}
#quickOrderSum ol {
	margin:0px; 
	padding:0px;
}
.quickOrderSumLeft{
	width:120px;
	float:left;
}
.quickOrderSumRight{
	width:60px;float:right; 
	text-align:right;
}
/***************form controll*******************/
form {padding:0px; margin:0px;}
.cssform{
	padding:0; 
	margin:0;
}

.cssform .oneMajorColumn br{PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 1px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	LINE-HEIGHT: 0px; 
	PADDING-TOP: 0px; 
	HEIGHT: 0px}
	
#cssform{
	width:520px;
}
.cssform p{
	width: auto;
	clear: left;
	margin: 0;
	padding-top: 3px;
	padding-bottom:1px;	
}
.cssform label{
	font-weight: normal;
	float: left;
	text-align:right;
	padding-right:5px;
	padding-top:2px;
	width:160px; 
}
.cssform .red label {color:#FF0000;}
.radio{
	font-weight: normal;
	float: left;
	width:20px;	
	padding:0px;
	margin:0px;	
}
.cssform .input{
	width:193px;
}
.cssform .inputLong{
	width:275px;
}
.cssform .inputLongest{
	width:340px;
}
.cssform .select{
	width:195px;
}
.cssform .halfSelect{
	width:95px;
}
.cssform textarea{
	width: 250px;
	height: 150px;
	font-size:9pt;
}
.twoEvenColumnRight p .input{width:175px;}
label.card{
	text-align:left;
}
select.cardSelect{
	margin-left:-25px;
}
.twoEvenColumnRight label{
	width:150px;
}
.formLeft {
	width:153px; 
	float:left; 
	text-align:right; 
	padding-right:2px; 
	padding-top:2px;
}
.formMiddle{
	width:155px;
	float:left; text-align:left;
 }
.formMiddle input{
	width: 144px;
}
.formMiddle .halfInput {
	width: 72px; 
}
.formMiddle select{
	width:149px;
}
#checkBox{
	width: 30px; 
	margin-left:10px; 
	margin-right:5px; 
	float:left;
}
.reviewFormLeft{
	 width: 250px;
	 float:left;
}
.reviewFormRight{
	width: 170px; 
	float:right; 
	margin-right:50px;
}
.reviewSumWidth {
	width: 400px;
}

.cardLeft{
	width:auto;
	float:left;
 }
.cardRight{
	width:130px;
	float:right; 
	font-size:8pt;
	padding:3px 2px;	
	clear:right;
}
.cardRightCS{
	width:120px;
	float:right; 
	font-size:8pt;
	padding:3px 2px;	
	clear:right;
}
/**************all products list**************/
.listItemContainer{
	border-bottom:1px solid #ebebeb;
	padding:15px 0px;		
	clear:both;
}
.listLeft{
	width:455px;
	float:left;
}
.listRight{
	width: 265px;
	float:right;
	text-align:right;	
}
.listLeft .teaser{margin-left:65px;}
.listLeft .thumbnail {float:left;}
a.trialLink:link{margin-top:20px;margin-bottom:0px; width:120px; float:left;}
a.trialLink:visited{margin-top:20px;margin-bottom:0px; width:120px; float:left;}
a.trialLink:hover{margin-top:20px;margin-bottom:0px; width:120px; float:left;}
a.trialLink:active{margin-top:20px;margin-bottom:0px; width:120px; float:left;}
.addToCartContainer{width:140px; float:right;}
/**************** product detail page*************/
#detailPopup h1{
	width:500px;
	padding:0px 0px 15px 0px; 
	margin:0px;
	float:left;
}
#detailPopup {
	width:730px;		
	background-color: #ffffff;
	padding:10px;				
	padding:10px;	
}
#detailPopup h2{
	background-color:#666; 
	color:#FFFFFF; 
	font-size:12pt;
	padding:3px;
}
.shortDescription{
	width:60%;
}
#detailScreenshotLeft{ 
	width:440px;
	float:left;
}
#detailScreenshot{
	padding: 0px 0px 5px 10px;
	width:250px;
	float:right;
	overflow:hidden;	
	text-align:right;
}
.detailTable {width:100%;}
.detailTable td{
	padding:5px;
	background-color:#ebebeb;
	border-bottom:1px solid #ebebeb;
}
.detailTable th {
	background-color:#666666;
	color:#FFFFFF;
	text-align:left;
	width: 150px;
	padding:3px;
	border-bottom:1px solid #999;
}
.moreScreenshots {margin-bottom:15px; margin-right:15px;}


#MyInvoiceHeaderLeft{
	width:440px; 
	text-align:left;
	float:left; 
	padding:0px 10px 0px 0px; 
	margin-top:0px;
}	
#MyInvoiceHeaderRight{
	width:290px; 
	text-align:right;
	float:right;
	padding:0px;
	margin-top:0px;
}	
.invoiceTotal{
	padding-right:5px;
}
.fakewhiteSpacing{
	border-bottom:10px solid #ffffff;
}
/**************Member Account***************/
.MyRewardsTable {
	width:530px; 
	margin-left:auto; 
	margin-right:auto;
}
.MyRewardsTable td{
	background-color:#ebebeb;
	padding:5px;	
}
.MyRewardsTable th{
	background-color:#666666;
	color:#FFFFFF;
	padding:15px 5px;	
	text-align:left;
}
.MyDevicesTable {
	width:100%; 
	margin-left:auto; 
	margin-right:auto;
}
.MyDevicesTable td{
	background-color:#ebebeb;
	padding:5px;	
	border-bottom:1px solid #ffffff;
}
.MyDevicesTable th{
	background-color:#666666;
	color:#FFFFFF;
	padding:15px 5px;	
	text-align:left;
}
.gopassSummaryTable{
	background-color:#ebebeb;	
	width:530px;
	margin-top:0px;
}
.gopassSummaryTable th{
	padding:10px;
	text-align:right;	
	vertical-align:top;
	width:40%;
}
.gopassSummaryTable td {
	padding:10px; 
	border-bottom:1px solid #ffffff;
}
#gopassNavColumn ul{
	padding: 0px; 
	margin: 0; 
	list-style: none;
}
#gopassNavColumn ul li{
	font-weight: bold;
	width:atuo;
	margin-left:0px;
	padding:0px;
	padding-bottom:1px;		
	color:#FFFFFF;
}
#gopassNavColumn ul li a {
	background-color: #F5F5F5;
	color: #000000; 
	text-decoration: underline; 
	padding:5px 10px; 
	display: block;
	margin-left:0px;	
	font-weight:normal;
}
#gopassNavColumn ul li a:hover {	
	color: #000000; 
	text-decoration: none; 
	padding:5px 10px; 
	display: block;
	margin-left:0px;	
	font-weight:normal;
}
#gopassNavColumn ul li a.active{
	background-color: #ebebeb;
	color: #000000; 
	text-decoration: none; 
	padding:5px 10px; 
	display: block;
	margin-left:0px;	
	font-weight:bold;
}
#gopassNavColumn ul ul{
	padding:1px 0px 0px 0px;
	margin:0px; 
	list-style: disc;
}

#gopassWelcome{
	background-color:#666666;
	padding:15px 5px;
	text-align:center;
	color:#ffffff;
}
a.downloadLink{
	clear: none; 
	float: right; 
	margin-left:20px;
	color:#006600;
}
.webAppLink{
	clear: none; 
	float: left; 
	margin-left:20px;
	color:#006600;
}
/**********purchase history toggle*************/
#purchaseHistoryGroup { 
	float: left; 
	width: 100%;
}
.prodDetDrawer{
	display:none;
	padding:5px;
	margin-left:20px;
}
#purchaseHistoryGroup b a {
	background-image:url(../images/minus.gif);
	background-repeat: no-repeat;
	background-position: 2px center;   
	width:auto;
	padding: 0px 0px 0px 26px;
	font-size: 9pt;
	line-height: auto;
	margin:0px;
	float:left;
 }
#purchaseHistoryGroup b a:hover {
	background-image: url(../images/minus.gif);
}
#purchaseHistoryGroup  b a.drawerOpen { 
	background-image: url(../images/minus.gif);
}
#purchaseHistoryGroup  b a.drawerOpen:hover { 
	background-image: url(../images/plus.gif);
}
#purchaseHistoryGroup  b a.drawerClosed {
	background-image: url(../images/minus.gif);
}
#purchaseHistoryGroup  b a.drawerClosed:hover {
	background-image: url(../images/plus.gif);
}

#purchaseHistoryHeader{
	display:table;
	width:100%;
	background-color:#666666;
	padding:0px;
	color:#ffffff;
	margin:0px;
}
.refNumber{
	float:left; 
	width:180px; 
	padding:15px 0px 15px 5px;
	margin:0px;
}
.date{
	float:left;
	width:120px;
	padding:15px 0px;
	margin:0px;
}
.totalPaid{
	float:left;
	width:100px;
	padding:15px 0px;
	margin:0px;
}
.viewInvoice{
	float:right;
	width:100px;
	text-align:right;
	padding:15px 0px;
	margin:0px;
}

/****download and install page toggle only******/
.pName{
	float:left; 
	width:410px; 
	padding:15px 0px 15px 5px;
	margin:0px;	
}
.status{
	float:left;
	width:120px;
	padding:15px 0px;
	margin-right:20px;
	text-align:center;
}
.dps{
	float:left;
	width:180px;
	padding:15px 0px;
	margin:0px;
	text-align:center;
}
.reg { 
display:block; 
margin-left:30px; 
} 

.negMargin{margin-top:-5px;}
.webapp {
	text-align:left;
	float:left;
	padding-left: 30px;
}


.purchaseHistoryItemBG{
	background-color:#ebebeb;
	padding:0px 0px;
	width:100%;
	display:block;
	margin-bottom:5px;
}
.purchaseHistoryItemBG p{
	margin:2px;padding:2px;
}
p.purchaseHistoryTeaser{
	background-color:#f5f5f5;
	padding:5px;
	line-height:150%;	
}

.purchaseHistoryItemBG .refNumber{
	padding:5px 0px;
}
.purchaseHistoryItemBG .date{
	padding:5px 0px;
}
.purchaseHistoryItemBG .totalPaid{
	padding:5px 0px;
}
.purchaseHistoryItemBG .viewInvoice{
	padding:5px 0px;
}
/*************Popups********************/
.elementTeaser{	
	margin:10px;
	background-color:#f5f5f5;
	font-size:8pt;	
	height:100%;	
	width:auto;
}
.elementTeaserTitle{
	width:auto; 
	float:left;
	font-weight:bold;
}
.closeLink{
	float:right;
	width:70px;
	text-align:right;
}
#printInvoiceWrapper{
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
.printInvoiceTable {
	border:3px double #000000;
}

.printInvoiceTable th{
	padding-bottom:10px; 
	padding-top:10px; 
	border-bottom:3px double #000000;
}
#PurchaseConfirmNote {
	text-align:left;
	float:left;
	width:460px;
}
#MailInvoice {
	display:none; 
	z-index:0;
}
#InvoiceLinks {
	display:block;
}
#optional{
	width:auto; 
	text-align:right;
}
#confirm{/******for download and install page******/
	display: none; 
	color: #009800;
	border:1px solid #009800;
	background-color:#FFFFFF;
	padding:10px; 
	margin-bottom:10px;
}
#subscription_policy {height: 200px; background-color:#FFFFFF; overflow: auto; padding: 10px; margin: 5px;}

