@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #626262;
	background: #fff url(../img/header_bg.png) repeat-x 0 0;
}
.clear {
	clear: both;	
}
.floatLeft {
	float: left;	
}
.floatRight {
	float: right;	
}
img {
	border: none;	
}
/*----------------------------- TEXTS -----------------------------*/
.italic {
	font-style: italic;
} 
.no_underline {
	text-decoration:none;
}
.txt10 {
	font-size: 10px;	
}
.txt11 {
	font-size: 11px;	
}
.txt12 {
	font-size: 12px;	
}
.txt13 {
	font-size: 13px;	
}
.txt14 {
	font-size: 14px;	
}
.txt16 {
	font-size: 16px;	
}
.txt18 {
	font-size: 18px;	
}
.txt20 {
	font-size: 20px;	
}
.txt22 {
	font-size: 22px;	
}
.txt24 {
	font-size: 24px;	
}
.txtGreenLight {
	color: #46aa89;
}
.txtGreenDark {
	color: #207a7c;
}
a.txtGreenDark {
	text-decoration: underline;	
}
.txtRed {
	color: #b91010;
}
.txtWhite {
	color: white;
}
.txtGrey {
	color: #615f5f;
}
a.txtGrey {
	text-decoration: none;	
}
a.txtGrey:hover {
	text-decoration: underline;	
}
.price {
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	color: #166365;
}
.strike {
	text-decoration: line-through;	
}
/*----------------------------- HEADER -----------------------------*/
#header {
	margin: 0 auto;
	width: 935px;
	padding: 0 15px
}
#header .logoContainer {
	width: 100%;
	height: 78px;	
}
#header .logoEset {
	float: left;
	margin: 15px 525px 0 0;	
}
#header .logoNexway {
	float: left;
	width: 149px;
	height: 36px;
	margin: 20px 0 0 0;	
	padding-right: 10px;
	border-right: 1px solid white;
}
#header .nexwayDesc {
	float: left;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding-left: 10px;
}
#header .nav {
	width: 100%;
	height: 30px;
}
#header .navSelected {
	float: left;
	width: 127px;
	height: 27px;
	line-height: 27px;
	margin: 1px 60px 0 0;
	color: #fff;
	text-align: center;
	background: transparent url(../img/nav_selected.png) no-repeat 0 0;
}
#header .navNonSelected {
	float: left;
	height: 27px;
	line-height: 27px;
	margin: 1px 60px 0 0;
	text-align: center;
}
#header .navHelp {
	float: right;
	width: 170px;
	height: 27px;
	line-height: 27px;
	padding-left: 20px;
}
#header .navHelp img {
	float: left;
	margin: 7px 5px 0 0;	
}
/*----------------------------- QTE -----------------------------*/
#mainContent {
	margin: 0 auto;
	width: 935px;
	padding: 15px;
}
#mainContent .picto {
	float: left;
	margin-right: 10px;	
}
#mainContent .secureDesc {
	float: left;
	width: 710px;
	margin: 0 10px 0 0;
}
#mainContent .cards {
	float: right;
	width: 134px;
	height: 32px;
	margin: 0;
	padding: 2px 0 0 28px;
	font-size: 10px;
	background: transparent url(../img/secure_cards.png) no-repeat 0 0;	
}
#mainContent .topContent {
	width: 915px;
	height: 41px;
	line-height: 41px;
	margin-top: 10px; 
	padding-left: 20px;
	color: #207a7c;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	background: #fff url(../img/top_content.png) no-repeat 0 0;	
}
#mainContent .topContent img {
	float: left;
	padding: 8px 10px 0 0;	
}
#mainContent .middleTopContent {
	width: 935px;
	height: 10px;
	background: #fff url(../img/middle_content_top.png) no-repeat 0 0;	
}
#mainContent .middleCenterContent {
	width: 913px;
	padding: 5px 10px;
	border-left: 1px solid 	#dedede;
	border-right: 1px solid #dedede;
	background-color: #f7f7f7;	
}
#mainContent .middleBottomContent {
	width: 935px;
	height: 10px;
	margin-bottom: 10px;
	background: #fff url(../img/middle_content_bottom.png) no-repeat 0 0;	
}
#mainContent .caddyMiddle {
	background-color: #f7f7f7;
	padding: 0 5px;
	border-top: 1px solid white;
	border-left: 1px solid 	#dedede;
	border-right: 1px solid #dedede;
}
#mainContent .caddyHeadLeft {
	height: 32px;
	line-height: 32px;
	padding-left: 10px;
	color: #666666;
	text-align: left;
	border-bottom: 1px solid #ddd;	
}
#mainContent .caddyHead {
	height: 32px;
	line-height: 32px;
	color: #666666;
	text-align: center;
	border-bottom: 1px solid #ddd;	
}
#mainContent .caddyContentLeft {
	height: 140px; 
	padding: 5px;
	color: #666666;
	text-align: left;
	border-top: 1px solid white;
}
#mainContent .caddyContentLeft img {
	float: left;
	padding-right: 10px;	
}
#mainContent .caddyContent {
	height: 140px;
	padding: 5px;
	color: #666666;
	text-align: center;
	border-top: 1px solid white;
}
#mainContent .caddyContentPrice {
	height: 140px;
	padding: 5px;
	font-size: 22px;
	font-weight: bold;
	font-style:italic;
	color: #166365;
	text-align: center;
	border-top: 1px solid white;
}
#mainContent .caddyContentPriceDiv {
	height: 88px;
	line-height: 88px;
	padding: 5px;
	font-size: 22px;
	font-weight: bold;
	font-style:italic;
	color: #166365;
	text-align: center;
}
#mainContent .caddyContentPlatform {
	height: 27px;
	padding: 25px 0 25px 0;
	text-align: center;
	border-top: 1px solid white;
}
#mainContent .caddyContentDelete {
	height: 16px;
	padding: 30px 0 30px 0;
	text-align: center;
	border-top: 1px solid white;
}
#mainContent .caddyContentDeleteDiv {
	height: 16px;
	padding: 30px 0 30px 0;
	text-align: center;
}
#mainContent .caddyContentPoste {
	color: #666666;
	text-align: center;
	border-top: 1px solid white;
}
#mainContent .caddyContentEco {
	color: #666666;
	text-align: center;
}
#mainContent .caddyContentPoste input[type="radio"] {
	float: left;
	margin: 5px 5px 0 25px;
	margin-top/*\**/: 0px\9;
}
#mainContent .caddyContentPoste label {
	float: left;
	width: 50px;
	padding-top: 5px;
	text-align: left;
}
.buttonswrapper {
	float: left;
	overflow: hidden;
	margin: 6px 0 0 10px;
}
button.buttonSubmit {
	background: transparent url(../img/btn_submit_left.png) no-repeat scroll top right;
	color: #fff;
	display: block;
	height: 22px;
	padding-right: 21px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}
button.buttonSubmit span {
	background: transparent url(../img/btn_submit_left.png) no-repeat;
	height: 22px;
	display: block;
	padding-right: 21px;
	cursor: pointer;
	color: #fff;
}
a.buttonSubmit {
	background: transparent url(../img/btn_submit_right.png) no-repeat scroll top right;
	display: block;
	float: left;
	height: 22px;
	padding-right: 21px;
	font-weight: bold;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}
a.buttonSubmit span {
	background: transparent url(../img/btn_submit_left.png) no-repeat;
	height: 22px;
	line-height: 22px;
	display: block;
	padding: 0 0 0 22px;
	cursor: pointer;
	color: #fff;
}
#mainContent input[type="submit"].buttonSubmit {
	background: transparent url(../img/btn_submit_button.png) no-repeat 0 0;
	color: #fff;
	display: block;
	width: 92px;
	height: 22px;
	position: relative;
	left: 5px;
	top: 5px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	border: none;
}
#mainContent .promoCodeContainer {
	float: left;
	width: 320px;
	margin-right: 290px;
}
#mainContent .promoCodeContainer input[type="text"] {
	float: left;
	width: 204px;
	height: 24px;
	line-height: 24px;
	margin: 5px 0;
	padding: 0 5px;
	background: transparent url(../img/input_promo.png) no-repeat 0 0;	
	border: none;
}
#mainContent .totalTva {
	float: left;
	width: 140px;
	text-transform: uppercase;	
}
#mainContent .totalPrice {
	float: right;
	width: 115px;
	line-height: 40px;
	padding-right: 46px;
	text-align: right;
	color: #166365;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
}
#mainContent .caddySuggLeft {
	height: 88px;
	color: #666666;
	text-align: center;	
}
#mainContent .caddySuggLeftDiv {
	float: left;
	width: 95px;
	padding: 20px 0 15px 0;
	color: #666666;
	text-align: center;	
}
#mainContent .caddySuggDesc {
	height: 88px;
	font-size: 11px;
	color: #666666;
	text-align: left;	
}
#mainContent .caddySuggDescDiv {
	float: left;
	width: 350px;
	padding: 15px 10px 10px 10px;
	font-size: 11px;
	color: #666666;
	text-align: left;	
}
#mainContent .caddySuggBlueDescDiv {
	float: left;
	width: 350px;
	padding: 30px 10px 10px 10px;
	font-size: 11px;
	color: #666666;
	text-align: left;	
}
#mainContent .caddySugg {
	height: 88px;
	line-height: 88px;
	color: #666666;
	text-align: center;	
}
#mainContent .caddySuggDiv {
	color: #666666;
	text-align: left;	
}
#mainContent .caddySugg label {
	font-size: 12px;
	font-weight: bold;
	color: #166365;
}
#mainContent .caddySuggBlueLeft {
	height: 120px;
	color: #666666;
	text-align: center;	
	background: url(../img/caddy_sugg_blue_bg.png) no-repeat 0 0;
}
#mainContent .caddySuggBlueDesc {
	height: 100px;
	padding: 10px;
	font-size: 11px;
	color: #666666;
	text-align: left;
	background-color: #c9d9da;	
}
#mainContent .caddySuggBlue {
	height: 120px;
	/*line-height: 100px;*/
	color: #666666;
	text-align: center;	
	background-color: #c9d9da;
}
#mainContent .caddySuggBlueLast {
	height: 120px;
	color: #666666;
	text-align: center;	
	background: url(../img/caddy_sugg_blue_last_bg.png) no-repeat right 0;
}
#mainContent .caddySuggBlueLast label {
	font-size: 12px;
	font-weight: bold;
	color: #166365;
}
#mainContent .paymentSSL {
	float: left;
	margin: 2px 10px 0 0;	
}
#mainContent .paymentPCI {
	float: left;
	margin: 0px 10px 0 0;	
}
#mainContent .btnNextStep {
	float: right;
	width: 194px;
	height: 34px;
	padding: 3px 58px 0 0;
	color: #fff;
	font-size: 11px;
	text-align: center;
	background: transparent url(../img/btn_next_step.png) no-repeat 0 0;
	cursor: pointer;
}
#mainContent .questionBox {
	float: left;
	width: 470px;
	height: 90px;
	margin-top: 10px;
	background: transparent url(../img/footer_question.png) no-repeat 0 0;
}
#mainContent .questionBoxLeft {
	float: left;
	margin: 24px 0 0 115px;
	font-size: 18px;	
}
#mainContent .questionBoxRight {
	float: left;
	width: 190px;
	margin: 10px 0 0 25px;	
	color: #333333;
	font-size: 11px;
	text-align: left;
}
#mainContent .serviceBox {
	float: left;
	width: 464px;
	height: 90px;
	margin-top: 10px;
	background: transparent url(../img/footer_service.png) no-repeat 0 0;
}
#mainContent .serviceBoxLeft {
	float: left;
	margin: 24px 0 0 115px;
	font-size: 18px;	
}
#mainContent .serviceBoxRight {
	float: left;
	width: 205px;
	margin: 10px 0 0 15px;	
	color: #333333;
	font-size: 11px;
	text-align: left;
}
#mainContent .serviceBoxRight a {	
	color: #333333;
	font-size: 11px;
	text-decoration: none;
}
#mainContent .serviceBoxRight a:hover {	
	color: #333333;
	font-size: 11px;
	text-decoration: underline;
}
#mainContent .caddyBoxshot {
	margin: 0 5px;	
}
#mainContent .promoError {
	width: 200px;
	font-size: 11px;
	color: #b91010;
}
table.field-qty{border:1px solid #B5B5B5;margin:0 auto}
table.field-qty td{padding:0px;margin:0px}
table.field-qty input{border:0 none;font-size:11px;outline:medium none;text-align:center;width:40px}
table.field-qty input{border:0 none;font-size:11px;outline:medium none;text-align:center;width:40px}
table.field-qty td.qty-button.plus{border-bottom:1px solid #B5B5B5;padding:0px}
table.field-qty td.qty-button{border-left:1px solid #B5B5B5}
table.field-qty td.qty-button img{cursor:pointer}
/*----------------------------- LOGIN -----------------------------*/
#mainContent .caddyContentLeftLogin {
	height: 30px; 
	padding: 5px;
	color: #666666;
	text-align: left;
	border-top: 1px solid white;
}
#mainContent .caddyContentLogin {
	height: 30px;
	padding: 5px;
	color: #666666;
	text-align: center;
	border-top: 1px solid white;
}
#mainContent .caddyContentPosteLogin {
	color: #666666;
	text-align: center;
	border-top: 1px solid white;
}
#mainContent .caddyContentPriceLogin {
	height: 30px;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	font-style:italic;
	color: #166365;
	text-align: center;
	border-top: 1px solid white;
}
#mainContent .caddyContentPlatformLogin {
	height: 27px;
	text-align: center;
	border-top: 1px solid white;
}
#mainContent .caddyContentDeleteLogin {
	height: 16px;
	text-align: center;
	border-top: 1px solid white;
}
#mainContent .totalTvaLogin {
	float: left;
	width: 140px;
	margin-top: 5px;
	text-transform: uppercase;	
}
#mainContent .totalPriceLogin {
	float: right;
	width: 115px;
	line-height: 40px;
	padding-right: 46px;
	text-align: right;
	color: #166365;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
}
#mainContent .formLeft {
	float: left;
	width: 447px;
	margin: 15px 20px 0 0;
}
#mainContent .formLeft ul {
	padding: 0;
	margin: 0 0 10px 30px;
}
#mainContent .formLeft label {
	float: left;
	width: 135px;
	line-height: 24px;
	margin: 0 0 5px 30px;
}
#mainContent .formLeft input {
	float: left;
	width: 264px;
	height: 24px;
	padding: 0 5px;
	margin-bottom: 5px;
	background: transparent url(../img/input_login.png) repeat-x 0 0;
	border: none;
}
#mainContent .formLeft select, #mainContent .formRight select {
	float: left;
	width: 274px;
	height: 24px;
	padding: 0 0 0 5px;
	margin-bottom: 5px;
	background: transparent url(../img/select_situation.png) repeat-x 0 0;
	border: none;
	-webkit-appearance: none;
}
#mainContent .formRight {
	float: right;
	width: 447px;
	margin: 15px 0 0 0;
}
#mainContent .formRight label {
	float: left;
	width: 135px;
	line-height: 24px;
	margin-bottom: 5px;
}
#mainContent .formRight input {
	float: left;
	width: 264px;
	height: 24px;
	padding: 0 5px;
	margin-bottom: 5px;
	background: transparent url(../img/input_login.png) repeat-x 0 0;
	border: none;
}
#mainContent .formRight textarea {
	float: left;
	width: 264px;
	height: 55px;
	padding: 0 5px;
	margin-bottom: 5px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent url(../img/textarea_login.png) repeat-x 0 0;
	border: none;
}
#mainContent .mandatoryField {
	color: #b91010;
	float: right;
	margin-right:40px;	
}
#mainContent .formBottom {
	margin: 15px 25px 0 25px;	
}
#mainContent .formBottom input[type="checkbox"] {
	float: left;
	height: 20px;
	margin-right: 10px;	
}
#mainContent .checkbox_oneline {
	float: left;
	line-height: 24px;
	margin-right: 10px;	
}
#mainContent .paymentBox {
	float: left;
	width: 	95px;
	height: 80px;
	margin: 15px 0 15px 15px;
	padding: 8px 0 0 11px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	background: transparent url(../img/payment_box.png) no-repeat 0 0;
	cursor: pointer;
}
#mainContent .paymentCards {
	position: relative;
	top: 12px;
	left: -3px;	
}
#mainContent .paymentPaypal {
	position: relative;
	top: 10px;
	left: 6px;	
}
#mainContent .paymentFax {
	position: relative;
	top: 9px;
	left: 18px;	
}
#mainContent .paymentTransfer {
	position: relative;
	top: 7px;
	left: 10px;	
}
#mainContent .paymentCheck {
	position: relative;
	top: 12px;
	left: -2px;	
}
#mainContent .delivery {
	margin: 10px 0 20px 25px;	
}
#mainContent .deliveryTitle {
	margin: 10px 0 0px 25px;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #207a7c;	
}
/*----------------------------- PAYMENT -----------------------------*/
#mainContent .formLeftPayment {
	float: left;
	width: 397px;
	margin: 15px 20px 0 0;
	padding: 0 0 0 30px;	
	line-height: 18px;
}
#mainContent .formRightPayment {
	float: right;
	width: 397px;
	margin: 15px 20px 0 0;
	padding: 0 0 0 10px;	
	line-height: 18px;
}
#mainContent ul.paiementChoice {
	display: inline;
	list-style-type: none;	
}
li.cc-type-visa {
	float: left;
	margin:	10px 10px 10px 25px;  
}
li.cc-type-amex {
	float: left;
	margin:	10px 10px 10px 0;	
}
li.cc-type-mastercard {
	float: left;	
	margin:	10px 10px 10px 0;
}
li.cc-type-cb {
	float: left;
	margin:	10px 10px 10px 0;	
}
#mainContent .paiementChoice input[type="radio"] {
	float: left;
	position: relative;
	top: 10px;	
	padding-right: 3px;
}
#mainContent .inputLabel {
	float: left;
    line-height: 24px;
    margin: 0 0 5px 30px;
    width: 135px;
}
.atos_cc_number {
	background: transparent url(../img/input_login.png) no-repeat 0 0;
    border: none;
    float: left;
    height: 24px;
    margin-bottom: 5px;
    padding: 0 5px;
    width: 264px;
}
.atos_cc_month {
	float: left;
	width: 41px;
	height: 24px;
	margin-bottom: 5px;
    padding: 3px 0px 3px 3px;
	font-size: 10px;
	background: transparent url(../img/select_month.png) no-repeat 0 0;
    border: none;	
}
.atos_cc_year {
	float: left;
	width: 51px;
	height: 24px;
	line-height: 20px;
    margin-bottom: 5px;
    padding: 3px 0px 3px 3px;
	font-size: 10px;
	background: transparent url(../img/select_year.png) no-repeat 0 0;
    border: none;
}
.atos_cc_cvv {
	float: left;
	width: 52px;
	height: 23px;
	line-height: 23px;
    margin: 0 5px 5px 0;
    padding: 0 5px;
	font-size: 10px;
	background: transparent url(../img/input_cvv.png) no-repeat 0 0;
    border: none;	
}
.cvvDesc {
	float: left;
	line-height: 24px;
	font-size: 10px;
	font-style: italic;
	color: #666666;	
}
.paymentFormWrapper img {
	float: left;
	margin-right: 10px;	
}
.paymentCgv input[type="checkbox"] {
	float: left;
	margin-right: 5px;
}
.btnValidatePayment {
	float: right;
	width: 250px;
	height: 35px;
	padding: 3px 0 0 0;
	cursor: pointer;	
}
/*----------------------------- CONFIRM -----------------------------*/
#mainContent .formLeftPayment img {
	float: left;
	padding-right: 10px;	
}
#mainContent .formLeftPayment span {
	float: left;
	padding-top: 7px;	
}
#mainContent .confirmThanks {
	float: left;
	width: 720px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #5d5d5d;
}
#mainContent .confirmPrint {
	float: right;
	width: 210px;
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #166365;
	text-align: left;	
	background: transparent url(../img/btn_print.png) no-repeat 0 0;
	cursor: pointer;
}
#mainContent .confirmPrint img {
	float: left;
	margin: 10px 13px 0 20px;	
}
/*----------------------------- SG CLEF -----------------------------*/
#mainContent .sgclefMessage {
	font-size: 11px;
	padding: 20px 20px 15px 20px;
}
/*----------------------------- DL -----------------------------*/
.boxShot {
	float: left;
	margin: 0 15px 5px 0;	
}
/*----------------------------- FOOTER -----------------------------*/
#footer {
	height: 38px;
	line-height: 38px;
	margin: 0;
	padding: 0;
	background: #fff url(../img/footer_bg.png) repeat-x 0 0;
}
#footer .container {
	width: 	935px;
	height: 38px;
	line-height: 38px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-size: 12px;
}
#footer .containerLeft {
	float: left;
	width: 	845px;
}
#footer .containerRight {
	float: right;
	width: 85px;
	margin-top: 10px;
}
#footer .sep {
	margin: 0 20px;	
}
#footer a {
	text-decoration: none;	
}
#footer a:hover {
	text-decoration: underline;	
}
/*----------------------------- LIGHTBOX -----------------------------*/
/* the overlayed element */
.apple_overlay {
    /* initially overlay is hidden */
    display:none;
    z-index: 0;
    position: relative;
    /* growing background image */
    background-image:url(/img/white.png);
    /* 
        width after the growing animation finishes
        height is automatically calculated
    */
    width:100%;        
    /* some padding to layout nested elements nicely  
    padding:35px;*/
    /* a little styling */    
    font-size:11px;
}
/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(/img/close.png);
    position:absolute; 
    right:-12px;
    top:-10px;
    cursor:pointer;
    height:28px;
    width:28px;
    z-index:99999;
}
#ext_dl, #backup, #download, #protection, #satisfied, #payment, #customer {
    width:600px;
    color:#626262;
    font-size:12px;
    text-align:left;
    padding:20px;
    margin:0;
    background-color:#fff;
	border:1px solid #ccc;
}
#ext_dl .title, #backup .title, #download .title, #protection .title, #satisfied .title, #payment .title, #customer .title {
    font-size:18px;
    font-weight:bold;
    color:#000;
    text-align:left;
    text-transform:uppercase;
    margin-bottom:5px 0 20px 0;
}
#ext_dl a, #satisfied a, #customer a {
	color:#626262;
	font-size:12px;
	text-decoration: underline;
}
#ext_dl a:hover, #satisfied a:hover, #customer a:hover {
	color:#626262;
	font-size:12px;
	text-decoration: none;
}