@font-face {
    font-family: 'HelveticaNeueCondensed';
    src: url('../font/hlc_____-webfont.eot');
    src: url('../font/hlc_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/hlc_____-webfont.woff') format('woff'),
         url('../font/hlc_____-webfont.ttf') format('truetype'),
         url('../font/hlc_____-webfont.svg#HelveticaNeueCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	line-height:0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}/*IE/Mac*/
* html .clearfix {
	height: 1%;
}/*IE*/
.clearfix {
	display: block;
}


*{padding:0;margin:0;}

html {min-height: 100%;	height: auto;}
 
body{
	background:#fff url(../images/bodybg.gif) repeat-x left bottom;
	color:#747474;
	font-size:12px;
	line-height:1.3em;
	text-align:center;
	font-family:Tahoma, Helvetica, Verdana, Arial, sans-serif;
	}
.ja, .ja h2 {font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック","Helvetica Neue",Helvetica,Arial,sans-serif;}

a{color:#3ea3ce;}

img{ border:0;}

h1{
	font-size:25px;
	line-height:1em;
	color:#3c3c3c;
	letter-spacing:-0.03em

	}
	
h2{
	font-size:20px;
	line-height:26px;
	margin:0px 0px 5px 0px;
	font-weight:normal;
	color:#3ea3ce;
	font-family: 'HelveticaNeueCondensed', sans-serif;}
	
h3{
	font-size:13px;
	line-height:20px;
	margin:10px 0px 0px 0px;
	color:#8a8a8a;
	clear:both;}
	

h4{
	font-size:15px;
	color:#3ea3ce;
	margin:8px 0px 3px 0px;}
	
h5{font-size:12px;	margin:6px 0 2px 0;}
.purchase_index h2{background-color:#71bbdd; color:#fff; margin:-10px 0 0 0; padding:3px 10px; font-size:18px;}

p{padding: 0px 0px 10px 0px;}

ul, ol{margin: 5px 20px 15px 30px;}

ol li{padding: 0px 0px 8px 0px;}

.clear{
	clear:both;
	display:none;
	line-height:0;
	font-size:0;
	height:0;
	}
.container{
	width:800px;
	height: auto !important;
	margin:0 auto;
	text-align:left;
	}
#top {width:100%; height:85px; padding-top:30px;position:relative;}
.en #top, .fr #top, .es #top, .it #top, .de #top, .pt #top{background: url(../images/header-head.jpg) no-repeat right bottom;}
.ja #top{background: url(../images/header-head-ja.jpg) no-repeat right bottom;}

#logo{
	margin:0px 0px 0px 5px;
	width:169px;
	height:52px;
	}

#main-nav {
	height:18px;
	width:auto;
	margin:10px  0 2px 0;
	float:left;
}
#main-nav ul {
	list-style-type: none;
	margin:0;
	display:block;
	float:left;
}
#main-nav li {
	display: block;
	float: left;
	border-right: 1px solid #e3e1e1;
}
#main-nav li a {
	font-family: Tahoma;
	color: #848484;
	line-height:12px;
	text-decoration: none;
	padding: 0px 7px ;
	display:block;
	float:left;} 
	
#main-nav li a:hover {color: #3ea3ce;}
#main-nav li a.current{color:#222;}
#main-nav li.last {border-right: 0px;}

#flag-nav{float:right; margin:0px;}
#flag-nav a, #flag-nav a:hover{ color:#fff; margin: 0px 3px 0px 0px;}
#header{
	clear:both;
	height:164px;
	width:800px;
	margin:0 auto;
	background:#fff url(../images/header-en.jpg) no-repeat center top;}
	
#main{
	width:798px;
	height:auto;
	padding:0px 1px 15px 1px;
	background:#fff url(../images/mainbg.gif) repeat-y center top;
	display:table;}
	
#left-column{
	width:auto;
	height:auto;
	padding:0px 0px 0px 0px;
	float:left;
	display:table-cell;
	background:url(../images/leftbg.png)  repeat-x top left;
	min-height:300px;
	height:auto !important;
    height:300px;}

.buttontitle, .buttontitle a{
	font-size:13px;
	width:122px;
	font-weight:bold;}
	
#left-nav{margin:0;}

#left-nav .itemFAQ, #left-nav .itemPhone, #left-nav .itemTicket, #left-nav .itemBill, 
#left-nav .itemQuestion, #left-nav .itemPassword, #finder_button,  #left-nav .email{
	height:30px;
	width:140px;
	background:url(../images/left_button_bg.png) no-repeat left top;
	padding:12px 3px 10px 45px;
	margin:5px;}
	
.es #left-nav .itemFAQ{padding:8px 3px 4px 45px; height:40px}
.es #left-nav .itemPhone, .es #left-nav .itemPassword,  .es #left-nav .itemBill,
.de #left-nav .itemPassword, .de #left-nav .itemBill,.de  #left-nav .itemQuestion{padding:4px 3px 0px 45px; height:48px}
.es #left-nav .itemTicket{padding:8px 3px 4px 45px; height:40px}

.itemText, .itemTextOpened{ font-weight:bolder; height:26px; width:192px; text-indent:25px; line-height:26px; margin:0px 0px 10px 0px; cursor:pointer;}
.itemText:hover, .itemTextOpened:hover{ color:#3ea3ce;}

.itemText{ background:url(../images/drop_down.jpg) no-repeat;}
.itemTextOpened{ background:url(../images/drop_down_opened.jpg) no-repeat;}

 #left-nav .itemPhone{
	background:url(../images/left_button_bg.png) no-repeat 0 -52px;  }
	
 #left-nav .itemTicket{
	background:url(../images/left_button_bg.png) no-repeat 0 -104px; }
	
#left-nav .itemBill{	
	background:url(../images/left_button_bg.png) no-repeat 0 -208px;}
	
#left-nav .itemPassword{	
	background:url(../images/left_button_bg.png) no-repeat 0 -156px;}
	
#left-nav .itemQuestion{	
	background:url(../images/left_button_bg.png) no-repeat 0 -260px;}
	
#finder_button{
	background:url(../images/left_button_bg.png) no-repeat 0 -312px; margin:5px;}
	
#left-nav .email{
	background:url(../images/left_button_bg.png) no-repeat left bottom; width:127px; margin-left:15px;}

#left-nav .item{
	height:30px;
	padding:12px 0 10px 57px;
	margin:0 -5px 7px -5px;}

#left-nav  a.title, #finder_button a.title{
	line-height:11px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding-bottom:3px;}
	
#left-nav a.title:hover, #finder_button a.title:hover{color:#666;}
#left-nav  #finder_button a.title{	white-space:nowrap;}
#left-nav .description, #finder_button .description {
	color:#999;
	display:block; 
	line-height:11px; font-size:11px;}
	
.de #left-nav .itemQuestion a.title, .de #left-nav .itemQuestion .description{display:inline; padding-bottom:0; line-height:9px;}
.oneColumn{width:760px;}
#right-column{
	width:540px;
	height:auto;
	height:100%;
	padding:25px 17px 0 18px;
	float:left;
	display:table;
	background:url(../images/rightbg.png)  no-repeat  left top ;
	min-height:350px;
	height:auto !important;
    height:350px;
    position:relative;}
    
.subtitle{
	line-height:13px;
	font-size:11px;
	color:#aaa;
	margin-top:-5px;}
	
ul.list  li{ list-style:disc; padding:0px 0px 8px 0px;}

.step1{
	background:url(../images/icon_1.gif) no-repeat left center ;
	padding-left:25px;}
	
.step2{
	background:url(../images/icon_2.gif) no-repeat left center ;
	padding-left:25px;}
	
h3 a img{ margin:0 0 0 5px; vertical-align:baseline}
.step_description{
	line-height:15px;
	width:90%;
	color:#969696;}
	
.formfield{padding:0px 0 27px 0;}
	
.label,.label2, .security_label{
	margin:0 5px 0 0;
	line-height:27px;
	height:28px;
	padding:0 5px 0 0;
	font-weight:bold;
	font-size:12px;
	color:#777;
	display:block;
	float:left;}
	
.label2{width:160px;}

.textfield{
	width:244px;
	height:16px;
	padding:6px 5px 3px 5px;
	line-height:16px;
	border:1px  solid #fff;
	background: url(../images/textfield_bg.gif) repeat-x left bottom;}
	
.textfield_short{
	width:94px;
	height:16px;
	padding:6px 5px 3px 5px;
	line-height:16px;
	border:1px solid #fff;
	background: url(../images/textfield_bg_short.gif) repeat-x left bottom;}
	
.stepbutton{
	clear:both;
	text-align:right;
	margin:-10px 0px 0px 0px;}

.order_details_button {
	background:url(../images/button_big_bg.gif) no-repeat center center;
	width:170px;
	height:35px;
	padding-bottom:3px;
	border:0px;
	outline:none;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	cursor:pointer; 
	letter-spacing:-0.03em;
	text-transform:uppercase;}
a.order_details_button {display:block; text-align:center; line-height:35px; text-decoration:none;}
.es .order_details_button, .it .order_details_button{ font-size:11px; letter-spacing:0}
.order_details_button:hover{color:#ccc;}

.choose{
	color:#777;
	font-weight:bold;
	line-height:13px;
	margin:0 0 10px 0;}
	
.choose td{padding:0 2px; font-size:12px;}

.boldhr{
	height:4px;
	font-size:0;
	line-height:0;
	width:100%;
	background:#e8e8e8;
	margin:-5px 0 20px 0;}
	
.account_container{
	padding:5px 0;
	border-top:1px dotted #ababab;
	border-bottom:1px dotted #ababab;
	display:table;
	height:100%;
	width:95%;
	margin:0 0 25px 0;}
	
.account_info1, .account_info2{
	float: left;
	padding-right:15px;
	margin:8px 15px 0 0;}
	
.account_info1{border-right:1px solid #ccc;}
.account_title{
	font-weight:bold;
	color:#3ea3ce;}
	
.license_container{
	padding:5px 0;
	border-top:1px dotted #ababab;
	border-bottom:1px dotted #ababab;
	display:table;
	height:100%;
	width:400px;
	padding:0 0 15px 0;}
	
.license_info_container{
	padding:8px 25px 8px 0;
	display:table-cell;
	height:36px;}
	
.license_info{
	width:500px;
	float:left;
	padding:8px;}
	
#divAccess{border:1px solid #333;}

.smallButton, .summary_login_button, .next_button, .back_button, .summary_download_button{
	float:left;
	margin-top:0px;
	background:url(../images/button_small_bg.gif) no-repeat center center;
	width:120px;
	height:34px;
	padding-bottom:4px;
	border:0px solid #fff;
	font-weight:bold;
	color:#fff;
	cursor:pointer;}
	
a.back_button{
    width:120px;
	height:35px;
	line-height:35px;
	font-size:13px;
	text-align:center;
	text-decoration:none;}
	
.smallButton, .summary_login_button:hover, .next_button:hover, .back_button:hover, .summary_download_button:hover, {color:#ccc;}
.summary_download_button{margin-top:10px;}

.next_button{margin:5px 0 0 10px;float:right;}
.back_button{float:right;}

.gridViewStep  th{
	height:30px;
	background:#e8e8e8;
	color:#777;
	text-align:center;
	border-left:1px solid #fff;}
	
.gridViewStep  th.first{border:0;}
.gridViewStep  td{
	padding:8px 0 8px 5px;
	border-top:1px solid #eee;}
	
.gridViewStep{
	border-collapse:collapse;
	border:1px solid #eee ;
	width:100%;}

p.note{margin: -20px 0 20px 0;}
.greybg{background:#f7f7f7;}

#billingdata, #contactdata {
	border:1px solid #e8e8e8;
	border-collapse:collapse;
	margin-bottom:25px;}
	
#billingdata td, #contactdata td{
	padding: 3px 5px 3px 15px;
	vertical-align:top;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;}
	
#contactdata td{vertical-align:middle;}

#billingdata tr.title td, #contactdata	tr.title td{
    background:#e8e8e8;
	font-weight:bold;
	padding: 10px 5px 10px 15px;}
	
#billingdata tr.title td{
	font-size:0px;
	padding:0;
	margin:0;
	height:8px;}

.button_description{margin:8px 0 0 0; float:right;}

#bottom{
	width:100%;
	height:10px;
	clear:both;
	line-height:0;
	font-size:0;
	background:url(../images/bottom.gif) no-repeat center bottom;}
	
#footer{
	text-align:left;
	color:#999;
	clear:both;}
	
#footer div{float:left; width:600px;}
#footer div.powered{float:right; padding-top:0px; width:160px;}

#footer ul{
	list-style:none;
	margin: 15px 0 5px 0;
	width:100%;}
	
#footer li{display:inline;}
#footer li a {
	color: #888;
	text-decoration: none;
	padding: 0px 5px 0 5px;
	border-right: 1px solid #e3e1e1;}
	
#footer li a:hover {color:#3ea3ce;}
#footer li a.current {color:#222}
#footer li a.last {border-right: 0px;}
.top{
	float:right;
	background:url(../images/goup.gif) no-repeat left bottom;
	padding-left:12px; 
	margin:-10px 0 0 0;}
	
div#qTip{
 padding: 5px 10px 5px 15px;
 border: 1px solid #e8e8e8;
 border-right-width: 2px;
 border-bottom-width: 2px;
 width:400px;
 display: none;
 background: #f2f2f2;
 color: #444;
 text-align: left;
 position: absolute;
 z-index: 105;}
	
div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;}

.alert{
    color:#e63b3b;
    text-align:right;
    margin:-20px 90px 0 0;}
    
.more_options{float:left; margin-top:-15px;}
    
/*ticket support*/
.iframeContainer{ position:relative; top:0px; left:0; width:100%; height:575px; z-index:50; zoom:1;height:520px\9;}
.designFix{background:#fff; position:absolute; top:-20px; left:0; z-index:100; width:540px; height:50px; padding:20px 20px 0 0; margin:0; display:none;}
.iframeFix{ width:540px; height:575px; overflow:hidden; position:absolute; top:0; left:0; z-index:10;  height:515px\9;}
.iframe{ width:100%; height:550px; padding:0px; position:relative; overflow:auto; outline:none; border:none;}

/* ticket form */
.formTicket {margin:20px 0;}
.formTicket .formRow {padding:4px 0;/*height:40px; line-height:32px;*/}
.formTicket .formRowMessage {padding:4px 0;/*height:120px; line-height:100px;*/}
.formTicket .formRowMessage textarea {width:242px;height:100px;margin-left:2px; background-image:none!important; border-top:2px solid #ccc; border-left:2px solid #ccc; border-bottom:1px solid #e0e0e0;border-right:1px solid #f0f0f0;}
.formTicket .formRowSubject {padding:4px 0;/*height:40px; line-height:32px;*/}
.formTicket .formRowSubject select.textfield {padding:4px 0;height:30px;width:256px;}
.formTicket .formRowCapcha {height:140px; line-height:130px;}
.formTicket .formRowCapcha #recaptcha_widget_div {width:318px;height:130px; float:left;}
.formTicket label {width:110px; float:left;}
.formTicketList label {width:250px!important; font-weight:bold;}
.formTicketList span {display:inline-block;width:290px;}
.formTicketList .formRow  {overflow:hidden;}
.star {color:#ff0000; font-weight:bold; font-size:14px;}
#recaptcha_response_field {border-top:2px solid #ccc!important; border-left:2px solid #ccc!important; border-bottom:1px solid #e0e0e0!important;border-right:1px solid #f0f0f0!important;}
.formValidatorsBlock {padding-left:110px;}
.formValidatorsBlock span {color:#ff0000;}

/*index popup: last 4 digits of Credit Card*/
body.blank{ background:#fff; text-align:left}
.buttonCheck { background:#3ea3ce; height:27px;  vertical-align:bottom; padding:0 15px; border:1px solid #fff; outline:none; cursor:pointer;   color:#fff; font-size:15px; font-family: 'HelveticaNeueCondensed', sans-serif;}
.buttonCheck:hover{background:#2a8fba; }
body.blank p.alarm{ font-size:11px; color:#ef6f47; padding:10px 3px}
/*print invoice*/
.printpage, .viewinvoice{ float:right; margin:40px 20px 0 0; position:relative; z-index:105; margin-left: 45px;}
.printpage a{background: url("../images/printer.png") no-repeat left center; line-height:40px; padding: 0  0 0 35px; cursor:pointer}
.viewinvoice a { font-weight:bold;}
.viewinvoice a:before{
    content: '';
    background: url(../images/invoice.png) no-repeat left center;
    background-size: contain;
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    left: -55px;
    margin: 10px 0px -30px 0px;
}
.invoice{ display:none;}  
.invoice{ background:#fff; text-align:left; max-width:1000px; margin:0 auto; padding:10px;   }
.invoice *{	font-family:Arial, Helvetica, sans-serif; color:#000}
.invoice h2{ font-size:13pt; margin:12pt 0 0 0; padding:0; font-weight:bold;}
.invoice h4{ font-size:10pt; margin:5pt 0 2pt 0; padding:0; font-weight:bold }
.invoice p{ font-size:9pt; line-height:1.3em !important; }
 .invoice td, .invoice th{ font-size:9pt; line-height:1.5em !important}
.invoice hr{ border:0; background:#fff; border-top:1px dashed #333; margin:10px 0}
.invoiceNumber{ float:right; }
.invoiceOrderDetails{ border:1px dashed #333; padding:5px 10px; margin:0 0 20pt 0 }
.invoiceOrderDetails th, .invoiceOrderDetails td{ text-align:right}
.invoiceOrderDetails th.product,.invoiceOrderDetails td.product{ text-align:left}
h2.VatTitle{ font-size:15pt;   line-height:15pt; text-align:center; }
 .vatNo{ font-size:10pt; line-height:15pt; font-weight:bold; padding:10px; text-align:right;display:table-cell; max-width:300px }
div.printHeading{  display:table; width:100%}
div.printTitle{  display:table-cell; text-align:center;}

div.invcont{
    border: 1px solid #000;
    max-width:1050px;
    margin: 0 auto;
}
@media print 
{
 .container, .languages,.bottom-block, .white_bg{ display:none;}
 .invoice{ display:block;}
 div.invcont{ visibility:hidden;}
 div.invcont > section.invoice{ visibility:visible;}
}

/*password popup patch*/
[action*="./ChangePassword.aspx"] .securityCheck
{ width: 100%; }
.cardexpired {
    color: #ff0000;
}

/*hide DMCA*/
.bottom-block .span6.txt-r:before {
    content: "|";
}
.bottom-block a:last-of-type {
    display: none;
}