﻿/* my_account.css */

/*------- Order LineItem SkuItem State ----------*/

.OrderCompletelyDelivered
{
	color:#629517; /*green*/
}

.OrderNewOrder, .OrderSubmitted, .OrderPartialyDelivered
{
	color:#1180B0;/*blue*/
}
.OrderFailedToSend, .OrderErrorSend, .OrderDenied
{
	color:red;/*red*/
}

.LineItemDelivered
{
	color:#629517; /*green*/
}
.LineItemInProgress,.LineItemNewItem
{
	color:#1180B0;/*blue*/
}
.LineItemReturned,.LineItemReplaced,.LineItemDenied
{
	color:red;/*red*/
}

.LineItemInProgress
{
	padding-right: 3px;
}

.SKUUsed
{
	color:#629517; /*green*/
}

.SKUDenied, .SKUOpen, .SKUReplaced, .SKUUsed
{
	color:#1180B0;/*blue*/
}
.SKUMaxDownloadsReached, .SKUExpired, .SKUReturned
{
	color:red;
}

.section-myaccount { float: left; padding: 0 16px 0 16px; 	width: 900px; }
.section-myaccount .button { background:none; }

.section-myaccount .menu
{
	float: left;
	border-bottom: 1px solid #EDEDED;
	padding-bottom: 6px;
	margin: 9px 0 20px 0;
	width: 899px;
	line-height:19px; 
}

.section-myaccount .menu a
{
	color: #CCC;
	margin: 0 10px 0 10px;
}

.section-myaccount .menu span
{
	color: #CCC;
}

.section-myaccount .accountColumnLeft
{
	border-top: 2px solid #E4E4E4;
	display: inline;
	float: left;
	margin-left: 31px;
	padding: 0 0 10px 38px;
	width: 351px;
}
.section-myaccount {
	color: #000;
}
.section-myaccount .columnRight
{
	border-top: 2px solid #E4E4E4;
	display: inline;
	float: left;
	margin: 0 !important;
	padding: 0;
	width: 449px;
}

.section-myaccount .accountColumnLeft a, .section-myaccount .columnRight a
{
	color: #027FC5;
	text-decoration: underline;
}

.section-myaccount .accountColumnLeft a:hover, .section-myaccount .columnRight a:hover
{
	text-decoration: none;
}

.section-myaccount .accountColumnLeft a:visited, .section-myaccount .columnRight a:visited
{
	color: #027FC5;
	text-decoration: underline !important;
}

.section-myaccount .columnRight a, .section-myaccount .columnLeft a
{
	font-weight: bold;
	text-decoration: underline;
}

.section-myaccount h1 span
{
	color: #000 !important;
	display: inline;
	float: left;						
	font-size: 10pt !important;
	font-weight: bold;
	margin: 0 16px 0 0;
	padding: 0;
}

.section-myaccount h2
{
	color: #000;					
	font-size: 10pt;
	font-weight: bold;
	margin: 0 0 10px 40px; 
	padding: 0;
}
.section-myaccount h4
{
	margin-bottom: 20px;
}

.section-myaccount .countryDropDown select { margin: 0; }
.section-myaccount fieldset h3 { font-size: 8pt; margin: 0; }

.section-myaccount fieldset
{
	margin: 0 0 20px 0 !important;
	padding:0 !important;
}

.section-myaccount .right
{
	margin-right: 30px !important; 
}

.section-myaccount fieldset span
{
	line-height: 180%;
}

.section-myaccount .selected, .section-myaccount .inactive, .section-search .inactive
{
	color: #618ACC !important;
}

.section-myaccount .container, .section-myaccount .containerHeader, .section-myaccount .containerFooter
{
	margin: 0 0 0 32px;
	padding: 0;
	width: 834px;
}

.section-myaccount .container
{
	background-image: url(../../images/layout/bg_container_big.jpg);
}

.section-myaccount .containerHeader
{
	background-image: url(../../images/layout/bg_container_big_top.jpg);
	margin-top: 15px !important;
}

.section-myaccount .containerFooter
{
	background-image: url(../../images/layout/bg_container_big_bottom.jpg);
	margin-bottom: 15px !important;
}

.section-myaccount .container fieldset
{
	display: inline;
	float: left;
	margin-left: 35px;
	padding-left: 15px !important;
	width: 242px;
}

.section-myaccount .container fieldset { margin-left: 35px !important; }
.optionBoxMyAccount .optionBox { margin-left: 0 !important; }
.optionBoxMyAccount .optionBox p { margin: 0; }
/* blue box */

.section-myaccount .container .optionBox
{
	float: left;
}

.optionLinks { display: block; margin-top: 35px; }
.optionLinks span { margin: 0 5px 0 5px; }
.optionLinks a { text-decoration: underline; }
.option { display: inline; margin: 3px 0 3px 0; float: left; width: 235px; }
.option div { display: block; float: left; line-height: 18px; width: 210px; }
.option .radioButton { display: block; width: 25px; float: left; }
.section-myaccount .optionLinks { float: left; }


.section-myaccount .hotline
{
	padding-left: 0;
}

.section-myaccount-content
{
	display: inline;
	float: left;
	margin-left: 31px;
	width: 800px;
}

.section-myaccount ol
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.section-myaccount ol li
{
	margin-bottom: 15px;
	margin-left: 12px;
}

.shippingStatus
{
	color: #819156;	
}

.licenseNumber { color: red; padding-right: 10px; }

.section-myaccount .containerHeader
{
	margin-top: 40px;
}

.buttonLeft, .buttonRight {	float: left;	display: inline;text-align: right;	width: 287px; }
.buttonRight { width: 410px; }

.myAccountEdit { width: 360px !important; float: left; }
.myAccountEdit select, .myAccountEdit h3 { margin-left: 0;}
.myAccountEdit select { margin-top: 0;}

/* order history */
.downloadLinks { display: block; margin-left: 0px;}

.section-myaccount .addressPanels
{
	float: left;
}
.section-myaccount .addressPanels .optionLinks
{
	float: left;
	display: block;
	margin: 0px;
}

.section-myaccount .addressPanels .panelShowContent,
.section-myaccount .addressPanels .panelEditContent
{
	margin: 5px 0 0 12px;
}
.section-myaccount .addressPanels .headerShow,
.section-myaccount .addressPanels .headerEdit h3
{
	font-size:11pt;
	font-weight:bold;
	line-height:14px;
}
.section-myaccount .addressPanels .headerEdit h3
{
	margin:0 0 5px 0;
}
.section-myaccount .addressPanels .addressPanelBilling
{
	margin: 15px 0 0 0;
}
.section-myaccount .addressPanels .addressPanelShipping
{
	margin: 15px 0 0 0;
}

.section-myaccount .colorizedButtons
{
    text-align: center;
	float: left;
	margin-top: 10px;
	width: 100%;
}

.section-myaccount .addressPanels .panelEditContent input, .section-myaccount .addressPanels .panelEditContent select {
	width: 300px;
}

/* update button */
.section-myaccount .updateButton {	cursor:pointer; cursor:hand; line-height:22px; background:url(../../images/layout/button_green.gif) no-repeat right top;  padding-right:10px; vertical-align:middle; display:block;  display:inline-block; display:-moz-inline-box; float: left; text-decoration: none !important;}
.section-myaccount .updateButton span { background:url(../../images/layout/button_green.gif) no-repeat left top; 	color: #FFF; height:22px; display:block; display:inline-block; padding-left:10px; line-height:22px;}
.section-myaccount a.updateButton:hover {background-position:right -160px;}
.section-myaccount a.updateButton:hover span {background-position:left -160px;} 

/* cancel button */
.section-myaccount a.cancelButton { background:url(../../images/layout/button_grey.gif) no-repeat right top; float: left; padding-right:10px; vertical-align:middle; display:block;  display:inline-block; display:-moz-inline-box; margin-left: 20px; text-decoration: none !important; }
.section-myaccount a.cancelButton span { background:url(../../images/layout/button_grey.gif) no-repeat left top; color: #545454; height:22px; display:block; display:inline-block; padding-left:10px; line-height:22px;}
.section-myaccount a.cancelButton:hover {background-position:right -160px;}
.section-myaccount a.cancelButton:hover span {background-position:left -160px;}

.section-myaccount .btn_update {
	float: left;
	height: 22px;
	margin: 15px 0 0 0;
	outline: none;
	text-indent: -2000px;
	width: 67px;
}
.section-myaccount_en-GB .btn_update {
	background:url(../../images/checkout/save_cancel_en-GB.jpg) no-repeat 0 0;
}
.section-myaccount_en-GB .btn_update:hover {
	background:url(../../images/checkout/save_cancel_en-GB.jpg) no-repeat 0 -22px;
}
.section-myaccount_en-CA .btn_update {
	background:url(../../images/checkout/save_cancel_en-GB.jpg) no-repeat 0 0;
}
.section-myaccount_en-CA .btn_update:hover {
	background:url(../../images/checkout/save_cancel_en-GB.jpg) no-repeat 0 -22px;
}
.section-myaccount_en-US .btn_update {
	background:url(../../images/checkout/save_cancel_en-GB.jpg) no-repeat 0 0;
}
.section-myaccount_en-US .btn_update:hover {
	background:url(../../images/checkout/save_cancel_en-GB.jpg) no-repeat 0 -22px;
}
.section-myaccount_fr-FR .btn_update,
.section-myaccount_fr-CA .btn_update {
	background:url(../../images/checkout/save_cancel_fr-FR.jpg) no-repeat 0 0;
}
.section-myaccount_fr-FR .btn_update:hover,
.section-myaccount_fr-CA .btn_update:hover {
	background:url(../../images/checkout/save_cancel_fr-FR.jpg) no-repeat 0 -22px;
}
.section-myaccount_es-ES .btn_update {
	background:url(../../images/checkout/save_cancel_es-ES.jpg) no-repeat 0 0;
}
.section-myaccount_es-ES .btn_update:hover {
	background:url(../../images/checkout/save_cancel_es-ES.jpg) no-repeat 0 -22px;
}
.section-myaccount_de-DE .btn_update {
	background:url(../../images/checkout/save_cancel_de-DE.jpg) no-repeat 0 0;
}
.section-myaccount_de-DE .btn_update:hover {
	background:url(../../images/checkout/save_cancel_de-DE.jpg) no-repeat 0 -22px;
}
.section-myaccount_nl-NL .btn_update {
	background:url(../../images/checkout/save_cancel_nl-NL.jpg) no-repeat 0 0;
}
.section-myaccount_nl-NL .btn_update:hover {
	background:url(../../images/checkout/save_cancel_nl-NL.jpg) no-repeat 0 -22px;
}
.section-myaccount_it-IT .btn_update {
	background:url(../../images/checkout/save_cancel_it-IT.jpg) no-repeat 0 0;
}
.section-myaccount_it-IT .btn_update:hover {
	background:url(../../images/checkout/save_cancel_it-IT.jpg) no-repeat 0 -22px;
}
.section-myaccount_en-AU .btn_update {
	background:url(../../images/checkout/save_cancel_en-AU.jpg) no-repeat 0 0;
}
.section-myaccount_en-AU .btn_update:hover {
	background:url(../../images/checkout/save_cancel_en-AU.jpg) no-repeat 0 -22px;
}
.section-myaccount .btn_cancel {
	float: left;
	height: 22px;
	margin: 15px 0 0 15px;
	outline: none;
	text-indent: -2000px;
	width: 71px;
}
.section-myaccount_en-GB .btn_cancel {
	background:url(../../images/checkout/save_cancel_en-GB.jpg) no-repeat -67px 0;
}
.section-myaccount_en-GB .btn_cancel:hover {
	background:url(../../images/checkout/save_cancel_en-GB.jpg) no-repeat -67px -22px;
}
.section-myaccount_en-CA .btn_cancel {
	background:url(../../images/checkout/save_cancel_en-GB.jpg) no-repeat -67px 0;
}
.section-myaccount_en-CA .btn_cancel:hover {
	background:url(../../images/checkout/save_cancel_en-GB.jpg) no-repeat -67px -22px;
}
.section-myaccount_en-US .btn_cancel {
	background:url(../../images/checkout/save_cancel_en-GB.jpg) no-repeat -67px 0;
}
.section-myaccount_en-US .btn_cancel:hover {
	background:url(../../images/checkout/save_cancel_en-GB.jpg) no-repeat -67px -22px;
}
.section-myaccount_fr-FR .btn_cancel,
.section-myaccount_fr-CA .btn_cancel {
	background:url(../../images/checkout/save_cancel_fr-FR.jpg) no-repeat -67px 0;
}
.section-myaccount_fr-FR .btn_cancel:hover,
.section-myaccount_fr-CA .btn_cancel:hover {
	background:url(../../images/checkout/save_cancel_fr-FR.jpg) no-repeat -67px -22px;
}
.section-myaccount_es-ES .btn_cancel {
	background:url(../../images/checkout/save_cancel_es-ES.jpg) no-repeat -67px 0;
}
.section-myaccount_es-ES .btn_cancel:hover {
	background:url(../../images/checkout/save_cancel_es-ES.jpg) no-repeat -67px -22px;
}
.section-myaccount_de-DE .btn_cancel {
	background:url(../../images/checkout/save_cancel_de-DE.jpg) no-repeat -67px 0;
}
.section-myaccount_de-DE .btn_cancel:hover {
	background:url(../../images/checkout/save_cancel_de-DE.jpg) no-repeat -67px -22px;
}
.section-myaccount_nl-NL .btn_cancel {
	background:url(../../images/checkout/save_cancel_nl-NL.jpg) no-repeat -67px 0;
}
.section-myaccount_nl-NL .btn_cancel:hover {
	background:url(../../images/checkout/save_cancel_nl-NL.jpg) no-repeat -67px -22px;
}
.section-myaccount_it-IT .btn_cancel {
	background:url(../../images/checkout/save_cancel_it-IT.jpg) no-repeat -67px 0;
}
.section-myaccount_it-IT .btn_cancel:hover {
	background:url(../../images/checkout/save_cancel_it-IT.jpg) no-repeat -67px -22px;
}
.section-myaccount_en-AU .btn_cancel {
	background:url(../../images/checkout/save_cancel_en-AU.jpg) no-repeat -67px 0;
}
.section-myaccount_en-AU .btn_cancel:hover {
	background:url(../../images/checkout/save_cancel_en-AU.jpg) no-repeat -67px -22px;
}
/* Product names */
.section-myaccount .strongText
{
    font-weight: bold;
}
.section-myaccount .containerHeader, .section-myaccount .containerFooter {
	float: left;
}
.section-myaccount .containerHeader {
	height:8px;
	margin-top:40px;
}
.section-myaccount .containerFooter {
	background-image:url(../../images/layout/bg_container_big_bottom.jpg);
	margin-bottom:15px !important;
	height: 8px;
}
.section-myaccount .container {
	background-image:url(../../images/layout/bg_container_big.jpg);
	float:left;
	padding-left:55px;
	width:779px;
}
.section-myaccount .container ul  {
	float:left;
	list-style:none;
	margin:5px;
	padding:0;
}
.section-myaccount .containerBody ul li {
	margin:2px 0 0 0;
	width: 240px;
	padding: 0;
	float: left;
	
}
.section-myaccount .containerBody ul li label {
	margin:0;
	padding: 0;
	float: left;	
}
.section-myaccount .containerBody .paymentedit li label {
	line-height: 16px;
}

.section-myaccount .containerBody ul li label b
{
	color:#EF8300;
}
.section-myaccount .containerBody ul li div {
	margin: 0;
	padding: 0;
}
.containerBody {
	float:left;
	min-height:165px;
	padding: 0;
	width:259px;
}
.edits a, .edits div, .edits span {
	font-weight: bold;
}
.edits a, .edits div, .edits span {
	float:left;
}
.edits span {
	margin: 0 4px 0 4px;
}


.optionBox .containerHeader, .optionBox .containerFooter {
	display: none;
}

.section-myaccount .container .optionBox
{
	float: left;
}
.optionBoxFooter {display: none;}
.optionBox .containerBody {
	min-height: 10px;
}

			.rndInput {
				border-color:#C2C2C2;
				border-style:solid none;
				border-width:1px 0;
				float: left;
				font-size:12px;
				height:17px;
				margin:0;
				padding:2px 0 0;
				position:relative;
				width: 200px;
			}
			.rndlftCrnr {
				background-position: top left;
				padding:0 0 0 4px !important;
			}
			.rndrtCrnr {
				background-position:right top !important;
				padding:0 4px 0 0 !important;
			}
			.rndlftCrnr, .rndrtCrnr {
				background: url(../../images/checkout/sprite_rndcnr_21.png) no-repeat;
				display:inline-block;
				float: left;
				margin:0;
				position:relative;
			}
			.firstNameLine, .lastNameLine {
			
			}
			.firstNameLine label, .lastNameLine label {
				
			}
			.firstNameLine label {
				
			}
			.lastNameLine label {
				
			}
			.firstNameLine input, .lastNameLine input {
			
			}
			.postalCodeLine, .cityLine {
				
			}
			.cityLine label, .lastNameLine label {
			
			}
			.addressNotification {
				display: block;
				float: left;
			}
			.postalCodeLine input {
				
			}
			.cityLine input {
				
			}
			.phoneLine input{
				
			}
			.countryLine select {
				clear:both;
				float: left;
				width: 200px;
			}
.updatePanel {
	float: left; 
}
.updatePanel a {
	color:#027FC5;
	font-weight:bold;
}
.updatePanel a:hover {
	color:#027FC5;
	font-weight:bold;
}

/* Error handling */
.bgerrorcode {
	color: red;
}
.errorcode {
	float: left;
	font-weight: bold;
	width: 100%
}
.validation .errorcode {
	display: block !important;
	font-weight: bold;
}
.bgerrorcode .errorcode {
}
.bgerrorcode .rndlftCrnr {
	background: url(../../images/checkout/rndcnr_21.png) no-repeat top left;
}
.bgerrorcode .rndrtCrnr {
	background: url(../../images/checkout/rndcnr_21.png) no-repeat top right;
}
.bgerrorcode .rndInput {
	border-color: #CF0F0F;
}

.section-myaccount .container .optionBox { padding: 5px; background-color: rgb(231, 242, 247); margin-right: 45px; }
.optionBox {
	padding: 5px; background-color:#E7F2F7; margin-right: 45px; min-height: 93px;
}
.optionBox .option {
	clear: both;
	float: left;
	padding: 3px 0 5px;
	width: 265px;
}
.section-myaccount .emailAddress {
	float: left;
	background-color:#E7F2F7;
	min-height: 90px;
	width: 265px;
}
.section-myaccount .emailAddress .containerBody {
	min-height: 10px;
}
.section-myaccount .emailAddress .editbuttons {
	padding: 5px; float: left;
}
.section-myaccount .emailAddress .containerHeader, .section-myaccount .emailAddress .containerFooter {
	display: none;
}

.saveInfo {
	float: left;
	clear: both;
}

.paymentView .containerHeader, .paymentView .containerFooter {
	display: none;
}
/* Cart messages */
.lineItemInfoMsg .MessageItem
{
    margin: 5px 0 0 0;
}

.cartMessage 
{
	float: left;
	margin: 10px 0 10px 0;
	width: 289px;
}
.cartMessageHeader {
	float: left; 
	height: 8px; 
	width: 100%;
}
.cartMessageBody {
	float: left;
	font-weight: normal;
	overflow:hidden;
	width: 100%;
}
.innerList
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
.innerList li /*.cartMessageBody ol li ul li*/
{
	background: url(../../images/layout/white/red_dot.gif) 5px 7px no-repeat; 
	border: 0 none !important;
	margin: 0 !important;
	padding: 0 5px 5px 20px !important;
	width: auto !important;
}
.cartMessageFooter { 
	float: left; 
	font-size: 0; 
	height: 8px; 
	line-height: 0; 
	overflow: hidden !important; 
	width: 100%;
} 
.promocode {
	line-height: 20px;
	margin:6px 0 !important;
}
.promocode span
{
	display:block;
	width:100px;
	float:left;
	margin-right:6px;
}
.promocode .error
{
	display: block;
    color:#CA0000;
	margin-left:113px;
	font-weight: bold;
	width:175px;
	margin-bottom:4px;
}
.promocode .applyPromotionCodeLabel {
	font-weight:bold;
}
.promocode input
{
	float:left;
    width:100px; 
}
.cartMessageExeeded span, .cartMessagePreorder span, .cartMessageStockout span, .cartMessageTechG span {
	color: Red;
	display: block;
	font-weight: bold;
	padding: 0 10px 0 10px;
	float: left;
}
.cartMessagePreorder span, .cartMessageTechG span {
	font-weight: normal;
}
.cartMessageExeeded .cartMessageHeader, .cartMessageStockout .cartMessageHeader {
	background: url(../../images/layout/corners_message_cart.jpg) no-repeat;
}
.cartMessagePreorder .cartMessageHeader, .cartMessageTechG .cartMessageHeader {
	background: url(../../images/layout/corners_message_cart_grey.jpg) no-repeat;
}
.cartMessageExeeded .cartMessageBody, .cartMessageStockout .cartMessageBody {
	background: #fee8ea; 
}
.cartMessagePreorder .cartMessageBody, .cartMessageTechG .cartMessageBody {
	background: #f8f6f7; 
}
.cartMessageExeeded .cartMessageFooter, .cartMessageStockout .cartMessageFooter {
	background: url(../../images/layout/corners_message_cart.jpg) bottom;
}
.cartMessagePreorder .cartMessageFooter, .cartMessageTechG .cartMessageFooter {
	background: url(../../images/layout/corners_message_cart_grey.jpg) no-repeat bottom;
}
.cartMessageExeeded .cartMessageTechG {
	background: url(../../images/layout/corners_message_cart.jpg) no-repeat;
}
.cartMessageExeeded .cartMessageTechG {
	background: #fee8ea; 
}
.cartMessageExeeded .cartMessageTechG {
	background: url(../../images/layout/corners_message_cart.jpg) bottom;
}

.section-myaccount .containerBody .rndlftCrnr 
{
	clear:both;
}

.section-myaccount .paymentedit .paymentMethodLine label, .section-myaccount .paymentedit .dateLine label
{
	width: 100%;
}

/* Errorhandling - Address */
.section-myaccount .updatePanel .containerBody ul li {
	line-height: 0;
}
.webkit .section-myaccount .updatePanel .containerBody ul li div {
	line-height: 16px !important;
}
.mozilla .section-myaccount .updatePanel .containerBody ul li div   {
	line-height: 16px;
}
.section-myaccount .addressViewSingle ul li {
	line-height: 16px !important;
}

.mozilla .section-myaccount .lastNameLine .errorcode,
.webkit .section-myaccount .lastNameLine .errorcode,
.mozilla .section-myaccount .addressLine .errorcode,
.webkit .section-myaccount .addressLine .errorcode,
.mozilla .section-myaccount .addressLine2 .errorcode,
.webkit .section-myaccount .addressLine2 .errorcode,
.mozilla .section-myaccount .cityLine .errorcode,
.webkit .section-myaccount .cityLine .errorcode {
	margin-top: -17px;
}
.mozilla .section-myaccount .postalCodeLine .errorcode,
.webkit .section-myaccount .postalCodeLine .errorcode,
.mozilla .section-myaccount .addressLine2 .errorcode,
.webkit .section-myaccount .addressLine2 .errorcode  {
	margin-top: -3px;
}
.mozilla .section-myaccount .phoneLine .errorcode {
	margin-top: 0;
}

.webkit .section-myaccount .phoneLine .errorcode  {
	margin-top: 0;
}

.msie-7 .section-myaccount .firstNameLine .errorcode,
.msie-8 .section-myaccount .firstNameLine .errorcode {
	margin-top: 5px;
}

.msie-7 .section-myaccount .lastNameLine .rndInput,
.msie-7 .section-myaccount .cityLine .rndInput {
	width: 200px !important;
}
.section-myaccount .validation ul  {
	margin: 5px 0 0 0 !important;
} 
.msie-7 .section-myaccount .validation div,
.msie-8 .section-myaccount .validation div {
	padding-top: 7px !important;
}
.section-myaccount .validation ul li {
	line-height: 16px !important;
}
.msie-7 .section-myaccount .dateLine .bgerrorcode {
	margin-top: -8px;
}
.section-myaccount .validation .bgerrorcode {
	line-height: 16px !important;
}
.section-myaccount .paymentedit .textLine {
	margin-top: 10px;
}
.msie-7 .section-myaccount .paymentedit .textLine {
	line-height: 16px;
}

/* end my_account.css */