/*----------------------------------------
=BASIC SETUP
----------------------------------------*/

body {
	margin: 0;
	text-align: center;
	background: #FFFFFF;
}

body, form, textarea {
	font-family: Verdana,Arial,sans-serif;
	color: #666666;
	color: #666666;
	font-size: 12px;
}

h1 {
	font-size: 20px;
	color: #000000;
	border-bottom: 1px dashed #000000;
	padding-bottom: 10px;
	margin-top: 0;
}
h2 {
	font-size: 14px;
	color: #000000;
	margin: 0;
}

label, span.label {
	font-weight: bold;	
/*	height: 19px;	*/
}

.mandatory {
	color: red;
}

a img {
	border: 0;
}

input.button.disabled {
  color: #dddddd;
}

.start-hidden {
	display: none;
}

.hidden {
	display: none;
}

/*----------------------------------------
=HEADER
----------------------------------------*/

div#header {
	height: 44px;
	width: 100%;
	background-color: #F2F2F2;
	text-align: right;
	line-height: 44px;
	padding: 0 20px;
	font-size: 24px;
	position: absolute;
	top: 0px;
	float: left;
}
/*CR5075 END */

	div#header img {
		float: left;
	}
	
div#header span{ color:#AAAAAA;}
/*----------------------------------------
=LANGUAGE SELECTION
----------------------------------------*/	

#language-selection a {
	text-decoration: none;
}

/*----------------------------------------
=DEFAULT FORMS
----------------------------------------*/	

.error {
	color: red;
}

.field {
	margin-bottom: 8px;
	overflow: hidden;
}

	.field label, span.label {
		display: block;
		width: 170px;
		float: left;
	}
	
	.field label {
		padding-top: 4px;
	}

	.field input.text, .field select, .field textarea {
		width: 200px;
		height: 19px;
		border: 1px solid #dadada;
		background: url("../images/input-gradient.png") 0 100% repeat-x;
	}
	
		.field input.text.year {
			width: 80px;
		}
	
	.field select { 
		height: 23px;
		width: 202px;
	}
	
	.field textarea {
		color: #000000;
	}
	
		.field select.day, .field select.month, .field select.year {
			width: 52px;
			margin-right: 8px;
			float: left;
		}	
		
		.field select.year {
			width: 65px; 
		}

	.field.skip-1 {
		margin-top: 39px;
	}
	
	.field.skip-2 {
		margin-top: 62px;
	}

input.button, a.download, .btn-delete-payment-card {
	background: #949494;
	border: 1px solid #949494;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	height: 20px;
}
.btn-delete-payment-card[disabled=disabled] {
	background: #F2F2F2;
	border-color: #F2F2F2;
	color: #BFBFBF;
	cursor: default;
}

a.download {
	font-weight: bold;
	padding: 3px;
	text-decoration: none;
}

/*----------------------------------------
=MESSAGES
=LOADING OVERLAY
----------------------------------------*/
 
#message-overlay, #loading-overlay {
	opacity: 0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
	background-color: #333333;
	position: absolute;
	top: 0;
	left: 0;
  z-index: 101;
	height: 100%;
	width: 100%;
}

#message-wrapper, #loading-wrapper {
	position: absolute;
	top: 200px;
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #000000;
	width: 600px;
	padding: 20px;
	margin: 0;
	text-align: right;
  z-index: 102;
}

	#message-wrapper ul {
		text-align: left;
		list-style-type: none;
		padding: 0;

	}

	#message-wrapper ul li {
		margin: 10px 0;
	}


#messages, #alternative-address-messages {
	margin: 20px 0;
	padding: 0;
	list-style-type: none;
}

	#messages li, #messages li.error, #alternative-address-messages li {
		color: red;
	}
	
	#messages li.success {
		color: green;
	}

	#messages2 li, #messages2 li.error, #alternative-address-messages li {
		color: red;
	}
	
	#messages2 li.success {
		color: green;
	}
	
#loading-overlay {
  position: fixed;
}

#loading-wrapper {
  /*background: #ffffff url("../images/loading.gif") 50% 50% no-repeat;*/
  position: fixed;
  height: 60px;
  max-height: 60px;
  text-align: center;
}
	
/*----------------------------------------
=
----------------------------------------*/

div#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 900px;
	background: #ffffff;
	padding: 20px;
padding-top: 64px; /*CR5075*/
border: solid 1px #F2F2F2;
border-top:none;
}

	#language-selection {
		margin: 10px 0;
		text-align: right;
clear: left; /*Cr5075*/
	}
	
.component {
	overflow: hidden;
	margin: 0 0 20px 0;
	clear: both;
}

.buttons, #exit-to-main-menu {
	text-align: right;
	margin: 20px 0;	
clear: left;
}
	
.column-1, .column-2 {
	float: left; 
	width: 390px;
	overflow: hidden;
	margin: 20px 0;
}

.column-2 {
	float: right;
}
.line {
	display: inline-block;
	width: 100%;
}
.3dSecure {
         float:left;
        width:720px;
  	overflow: hidden;
	margin: 20px 0;
}

thead th {
	text-align: left;
}
	
/*----------------------------------------
=LOGON
----------------------------------------*/	

#logon {
	margin: 50px 0 50px 260px;
}

	#logon .field {
		margin-bottom: 20px;
		overflow: visible;
	}

		#logon .field label, #logon .field input.text  {
			float: none;
		}
		
	#logon div#forgot-login-button-wrapper {
		margin-top: 20px;
		text-align: left;
		margin-left: 46px;
	}
	
		#logon div#forgot-login-button-wrapper input {
			background: 0;
			border: 0;
			margin: 0;
			font-weight: normal;
			padding: 0;
			color: #666666;		
			text-decoration: underline;
			font-size: 11px;
			text-align: left;			
		}
		
			#logon div#forgot-login-button-wrapper input:hover {
				color: #000000;
			}
			
	#logon #clear-button {
		margin-left: 34px;
	}
	
/*----------------------------------------
=HOME NAVIGATION
----------------------------------------*/

#home-navigation {
	list-style-type: none;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
}

	#home-navigation li {
		display: inline;
		/*width: 100px;*/
		padding: 10px 5px;
	}
	
		#home-navigation li input {
			background: 0;
			border: 0;
			color: #666666;
			height: 30px;
			padding: 0;
			/*width: 100px;*/
			white-space: normal;
			font-size: 11px;
			cursor: pointer;
			text-decoration: underline;
			
			overflow: visible;
		}
		
			#home-navigation li input:hover {
				color: #000000;
			}

/*----------------------------------------
=HOME CONTENT
----------------------------------------*/
			
#home-content {
	border: 1px solid #dadada;
	margin: 20px 0;
	padding: 20px;
}

/*----------------------------------------
=HOME CONTENT
----------------------------------------*/

#logout {
	text-align: right;
	margin-top: 20px;
}

/*----------------------------------------
=FORGOT LOGIN
=ACCOUNT MANAGEMENT
----------------------------------------*/

#forgot-login h2, #forgot-login div#save-wrapper {
	clear: both;
}

	#forgot-login .column-1 {
		width: 450px;
	}
	
	#forgot-login .column-1 label {
		width: 160px;
	}

#forgot-login-exit-wrapper, #account-management-exit-wrapper {
	clear: both;
	text-align: right;
}

/*----------------------------------------
=FAQS
----------------------------------------*/



/*----------------------------------------
=SEARCH
----------------------------------------*/

#searching {
	margin: 20px 0;
}

#search-results {
	margin: 20px 0;
}

	#search-results  h2 {
		margin-bottom: 20px;
	}
	
	#search-results table {
		width: 100%;
	}
	
		#search-results table input {
			background: 0;
			border: 0;
			color: #ca7401;
			font-weight: normal;
			padding: 0;
		}

		
/*----------------------------------------
=CREATE CUSTOMER
----------------------------------------*/

#new-customer-buttons-1, #new-customer-buttons-2, #new-customer-buttons-3, #new-customer-buttons-4 {
	text-align: right;
}

#new-customer-exit-prompt p {
	color: red;
}
		
/*----------------------------------------
=CREATE CUSTOMER NAVIGATION
=CUSTOMER NAVIGATION
=CUSTOMER HISTORY
=REPORTS
----------------------------------------*/

#create-customer-navigation, #customer-navigation, #customer-history-tabs, #report-tabs ul, #customer-request-tabs, #admin-tabs ul, #forgot-username-breadcrumb, #css-tabs, #forgot-password-breadcrumb, #registration-breadcrumb {
	list-style-type: none;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0; 
}

	#create-customer-navigation li, #customer-navigation li, #customer-history-tabs li, #report-tabs ul li, #customer-request-tabs li, #admin-tabs ul li, #forgot-username-breadcrumb li, #css-tabs li, #forgot-password-breadcrumb li, #registration-breadcrumb li {
		float: left;
		width: 170px;
		padding: 10px;		
		color: #666666;
		height: 30px;
		white-space: normal;
		font-size: 11px;
		text-decoration: underline;
		text-align: center;
		line-height: 30px;
	}
	
	#customer-navigation li, #customer-request-tabs li {
		width: 132px;
	}
  
  #admin-tabs ul li {
    width: 180px;
  }
	
		#create-customer-navigation li.active, #customer-navigation li.active, #customer-history-tabs li.active, #report-tabs ul li.active, #customer-request-tabs li.active, #admin-tabs ul li.active, #forgot-username-breadcrumb li.active, #forgot-password-breadcrumb li.active, #registration-breadcrumb li.active {
			color: #f28e00;
		}
		
		#create-customer-navigation li input, #customer-navigation li input, #customer-history-tabs li input, #report-tabs ul li input, #customer-request-tabs li input, #admin-tabs ul li input, #css-tabs li input {
			background: 0;
			border: 0;
			color: #666666;
/*			height: 30px;*/
			padding: 0;
			width: 100px;
			white-space: normal;
			font-size: 11px;
			cursor: pointer;
			text-decoration: underline;
		}
    
    #admin-tabs ul li input {
      width: 180px;
    }
		
			#create-customer-navigation li input:hover, #customer-navigation li input:hover, #customer-history-tabs li input:hover, #report-tabs ul li input:hover, #customer-request-tabs li input:hover, #admin-tabs ul li input:hover, #css-tabs li input:hover {
				color: #000000;
			}
			
.report-block {
	margin-bottom: 30px;
}			
			
table.report {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	margin: 10px 0 10px 1px;
	padding: 0;
}
	table.report th {
		font-weight: bold;
		border: 0;
		text-align: left;
	}
	table.report td {		
		border: 1px solid #dadada;
		margin: 0;
		padding: 5px;
		vertical-align: top;
	}	

	
.payment-format-selection {
	border: 1px solid #DDD;
	/*padding: 13px 5px;*/
	margin-bottom: 20px;
	/*min-height: 35px;*/
}
	.payment-format-selection input[type=radio], .payment-format-selection input[type=checkbox] {
		float: left;
		margin: 10px 10px 5px 10px;
		width: 20px;
	}
	.payment-format-selection input[type=checkbox] {
		margin: 3px 0 0 8px;
	}
	.payment-format-selection h2 {
		margin: 8px !important;
	}
	.payment-format-info {
		margin-top: 25px;
	}
	.payment-format-selection .field {
		display: inline-block;
		margin: 0 0 12px 35px;
		width: 400px;
	}
	.payment-format-selection .field2 {
		display: inline-block;
		margin: 0 0 12px 35px;
		width: 400px;
	}
	.payment-format-checkbox div.div-anim-content > :first-child.field, .payment-format-checkbox > :first-child.field{
		float: left;
		margin: 0 2px;
		width: 30px;
	}
	.alt-billing-address .field {
		width: 100%;
	}
	label[for=alternative-billing-address] {
		float: right;
		margin: 0 170px 0 0;
		width: 200px;
	}
	.column-2 label[for=alternative-billing-address] {
		margin-right: 160px;
	}
	#alternative-billing-address {
		margin: 3px 10px 0 0;
		width: 20px;
	}
	#alt-billing-address-wrapper {
		margin-top: 5px;
	}
	#alt-billing-address-wrapper .field {
		width: 100%;
	}
		
/*----------------------------------------
=ADDRESS
----------------------------------------*/		

#addresses {
	margin-top: 0;
}

	#addresses .column-1, #addresses .column-2 {
		margin-top: 0;
	}

	#addresses h2 {
		margin: 0 0 20px 0;
	}

	#delivery-address-header {
		overflow: hidden;
		margin: 0 0 8px 0;
	}

		#delivery-address-header h2 {
			float: left;
			margin: 0 10px 18px 0;
		}

		#delivery-address-header .field {
			float: left;
                        clear: left;
			margin-right: 38px;
		}
	
			#delivery-address-header .field label {
				width: 180px;
				font-weight: normal;
				text-align: right;
			}
		
			#delivery-address-header .field input {
				float: right;
			}
		
/*----------------------------------------
=CONTACT DETAILS
----------------------------------------*/				

/*----------------------------------------
=MARKETING DETAILS
----------------------------------------*/		

#marketing-details .column-1, #marketing-details .column-2 {
	width: 250px;
}

#marketing-details .column-2 {
	float: left;
}

/*----------------------------------------
=CUSTOMER BUTTONS
----------------------------------------*/	

#customer-buttons {
	text-align: right;
}

/*----------------------------------------
=STATUS SUMMARY
=CUSTOMER HEADER
----------------------------------------*/	

#status-summary .column-1, #status-summary .column-2, #status-summary .column-3, #customer-header .column-1, #customer-header .column-2, #customer-header .column-3 {
	width: 260px;
	margin: 20px 0;
}

#status-summary .column-2, #status-summary .column-3, #customer-header .column-2, #customer-header .column-3 {
	float: left;
}

#status-summary .column-2, #customer-header .column-2 {
	margin: 20px;
}

	#status-summary select {
		width: 100px;
	}
	
#customer-header .column-1, #customer-header .column-2, #customer-header .column-3 {
	margin-top: 0;
}

#status-summary .column-1, #status-summary .column-2, #status-summary .column-3 {
	margin-bottom: 0;
}

#status-dropdowns  {
	overflow: hidden;
	clear: both;
}
#status-dropdowns .column-1, #status-dropdowns .column-2, #status-dropdowns .column-3 {
	margin-top: 0;
}

#status-dropdowns .column-1 {
	width: 200px;
}
#status-dropdowns .column-2 {
	width: 360px; /*CR5075 extend length from 292px;*/
}
#status-dropdowns .column-3 {
        width:  292px;
}

#status-dropdowns label {
	width: 90px;
}
#status-dropdowns #status {
	width: 95px;
}
#status-dropdowns #reason {
	width: 270px; /*CR5075 adjust length of sus reason from 200*/
}
#status-dropdowns #period {
	width: 95px;
}

/*----------------------------------------
=SCHEME SELECTION
----------------------------------------*/	

#scheme-selection {
	border-bottom: 1px dashed #AAA;
	padding-bottom: 35px;

}

	#scheme-selection h2 {
		margin-bottom: 20px;
	}

	#scheme-selection table {
		margin: 20px 0;
	}
	
		#scheme-selection table th, #scheme-selection table td {
			padding: 5px;
		}
	
			#right-lens-type, #left-lens-type {
				width: 260px;/*315px;*/
			}
		
			#despatch-frequency, #pay-frequency, #lens-usage {
				width: 92px;
			}
			
			#right-lens-curve, #right-lens-diameter, #right-lens-sphere, #right-lens-cylinder, #right-lens-axis, #left-lens-curve, #left-lens-diameter, #left-lens-sphere, #left-lens-cylinder, #left-lens-axis, #lens_quantity, #lens_quantity-r, #lens_quantity-l {
				width: 92px;
			}
			
	#scheme-selection select#scheme {
		width: 350px;
	}
	
	#solution-row {
		height: 62px;
	}
	
	#solution-row select {
		width: 92px;
	}
	
	#solution-row select#solution {
		width: 343px;
	}
	
    #price-band-row {
		height: 31px;
	}
  
#scheme-change-pending-component .column-1 {
  margin: 0;
}

#scheme-change-pending-component .column-1 label { 
  width: 155px;
}

/*----------------------------------------
=PAYMENT DETAILS
----------------------------------------*/

#payment-details {
	margin: 0;
}	

	#payment-details .column-1, #payment-details .column-2 {
		margin-bottom: 0;
	}
			
			
#value-of-supply-component {
	margin: 0;
}

	#value-of-supply-component .column-1 {
		margin: 0;
	}
	
#payment-details-first-payment-date {
	margin-top: 0;
}	

	#payment-details-first-payment-date .column-1 {
		margin: 0;
	}
	
.payer {
	border: 1px solid #EEE;
	display: inline-block;
	margin: 20px 0;
	width: 100%;
}
.payer .column-1 {
	margin-left: 20px;
	width: 440px;
}

#billing-address-tickbox-wrapper {
	overflow: hidden;
	font-weight: bold;
}
	
	#billing-address-tickbox-wrapper div.field {
		float: right;
		width: 241px;
	}
	
		#billing-address-tickbox-wrapper div.field label {
			width: 185px;
			font-weight: normal;
		}
		
.payment-card-option {
	height: 40px;
	margin-top: 0px;
	width: 440px
}
	.payment-card-option:hover {
		background: #F4F4F4;
	}
	.payment-card-option:hover > label {
		border: 1px solid #000;
	}
	.payment-card-option input {
		margin-right: 8px;
		width: 30px;
	}
	.payment-card-label {
		display: inline-block;
		font-weight: normal;
		width: 445px;
	}
	.payment-card-label span {
		display: inline-block;
	}
	.payment-card-label-selected {
		background: #EBFFD8;
	}
	.payment-card-label-disabled {
		background: #F2F2F2;
		border-color: #F2F2F2;
		color: #BFBFBF;
		font-style: italic;
		text-decoration: line-through;
	}
	.payment-card-type {
		width: 40px;
	}
	.payment-card-number {
		width: 75px;
	}
	.payment-card-expiry {
		width: 125px;
	}
	.payment-card-address {
		display: none !important;
	}
	.payment-card-label {
		height: 14px;
		padding: 12px;
		width: 270px;
	}
/*
.alternative-billing-address > :first-child.field {
	display: none;
}*/
.payer .column-2 div {
	position: relative;
}
.payer .column-2 h3 {
	font-size: 12px;
	margin: 8px 0;
	position: absolute;
	top: 0;
}
.payer .column-2 span {
	display: inline-block;
	margin: 8px 0 0 140px;
	width: 100%;
}

/*----------------------------------------
=INTERACTION HISTORY
----------------------------------------*/
		
#notes {
	height: 51px;
}
		
/*----------------------------------------
=REFUND REQUEST
----------------------------------------*/

#refund-request .buttons {
  clear: both;
}

#comments {
	height: 100px;
}
		
/*----------------------------------------
=REPORTS
----------------------------------------*/

#despatch-history, #payment-history, #interaction-history {
	padding: 1px;
}

	#despatch-history table, #payment-history table, #interaction-history table {
		width: 100%;
		border-collapse: collapse;
	}

		#despatch-history table th, #payment-history table th, #interaction-history table th {
			padding: 5px;
			vertical-align: top;
			font-weight: bold;
		}
	
		#despatch-history table td, #payment-history table td, #interaction-history table td {
			padding: 5px;
			vertical-align: top;
			font-weight: normal;
			border: 1px solid #cccccc;
		}	

.popin {
	cursor: pointer;
}
		
.popin-container td {
	background-color: #eeeeee;
}

#weekly-sales {
	overflow: hidden;
}

	#weekly-sales .column-1, #weekly-sales .column-2, #weekly-sales .column-3 {
		width: 240px;
		float: left;
		margin: 20px 20px 20px 0;
	}

	#weekly-sales .column-3 {
		margin-right: 0;
	}

	
/*----------------------------------------
=ACCOUNT MANAGEMENT
----------------------------------------*/
	
#account-management-header, #account-management-email, #account-management-password {
	border-bottom: 1px dashed #000000;
}	
	
	#account-management-header .label, #account-management-header label, #account-management-email .label, #account-management-email label, #account-management-password .label, #account-management-password label {
		width: 160px;
	}	

.float-right-buttons {
	text-align: right;
	clear: both;
	margin: 8px 0 20px 0;
}

/*----------------------------------------
=CONTACT
----------------------------------------*/

input#subject, textarea#message {
	width: 620px;
}

textarea#message {
	height: 150px;
}

/*----------------------------------------
=TOOLTIP
----------------------------------------*/

div.tooltip, div.log-tooltip {
	display: none;
}

div#tooltip, div#log-tooltip {
	background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DADADA;
    height: auto !important;
    max-width: 200px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    text-align: left;
    width: auto !important;
    z-index: 100;
}

.label-tooltip {
	cursor: help;
}

/*----------------------------------------
=CALENDARS
----------------------------------------*/

.calendar-popup {
	width: 199px !important;
	height: 202px;
	margin-top: 2px;
	margin-left: 130px;
	z-index: 10;
	font-size: 10px;
	position: absolute;
}

/*.calendar-popup.top {
	margin-top: -205px;
}
.calendar-popup.top-2 {
	margin-top: -172px;
}*/

.calendar-popup table {
	border-collapse: collapse;
	border: 1px solid #186ab1;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}
.calendar-popup table th, .calendar-popup table td {
	border: 1px solid #186ab1;
	width: 20px;
	height: 20px;
	text-align: center;
	color: #000000;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}
.calendar-popup table thead {
	background-color: #b2cde5;
}
.calendar-popup table thead td.button, .calendar-popup table thead td.title {
	border: 0;
	background: #186ab1;
	color: #ffffff;
	font-weight: bold;
}
.calendar-popup table thead th {
	border-top: 0;
}
.calendar-popup table thead td.button, .calendar-popup table tbody td {
	cursor: pointer;
}
.calendar-popup table td {
	background-color: #ffffff;
}
.calendar-popup  table td.other-day {
	font-weight: normal;
	color: #999999;	
}
.calendar-popup  table td.weekend {
	background-color: #eeeeee;
}
.calendar-popup table td.selected {
	background-color: #f28e00;
	font-weight: bold;
}

/*----------------------------------------
=WIZARDS
----------------------------------------*/

div#wizard, div#scrwizard {
	position: absolute;
	top: 0;
	left: 0;

}

	div#wizard #overlay, div#scrwizard #scheme-return-overlay {
	        opacity: 0.6;
                filter:alpha(opacity=60); /* For IE8 and earlier */
		background-color: #333333;
	}

	div#wizard #payment-wizard, div#wizard #scheme-change-wizard, div#wizard #reinstatement-wizard, div#wizard #refund-wizard {
		background-color: #ffffff;
		position:absolute;
		top: 80px;
		width: 780px;
		padding: 20px;		
	}  		
	
	#wizard-step-2 h2 {
		margin-bottom: 15px;
	}

div#scrwizard #scheme-return {
		background-color: #ffffff;
		position:fixed;
		top: 80px;
		width: 780px;
		padding: 20px;		
	} 
  
  div#wizard #refund-wizard {
    width: 335px;
    top: 250px;
  }
	
		div#wizard .buttons {
			clear: both;
		}
		
		/*div#payment-wizard .column-1 {
			margin-top: 51px;

		}*/

	#scheme-change-wizard-header {
		overflow: hidden;
		border-top: 1px dashed #000000;
		border-bottom: 1px dashed #000000;
		margin: 20px 0;
	}

	#scheme-change-wizard-header .column-1, #scheme-change-wizard-header .column-2, #scheme-change-wizard-header .column-3 {
		width: 240px;
		margin: 20px 0;
		float: left;
	}
  
  div#wizard #reinstatement-wizard p, div#scrwizard #scheme-return p {
    margin: 30px 0;
  }
  
  div#wizard #reinstatement-wizard p.top, div#scrwizard #scheme-return p.top {
    margin-top: 0;
  
  }
  
  #wizard #right-lens-type, #wizard #left-lens-type {
	  width: 250px;
  }
  
  #wizard #right-lens-curve, #wizard #right-lens-diameter, #wizard #right-lens-sphere, #wizard #right-lens-cylinder, #wizard #right-lens-axis, 
	#wizard #left-lens-curve, #wizard #left-lens-diameter, #wizard #left-lens-sphere, #wizard #left-lens-cylinder, #wizard #left-lens-axis, 
	#wizard #lens_quantity, #wizard #lens_quantity-r, #wizard #lens_quantity-l {
	  width: 76px;
  }
  
  .scheme-error {
	  background: rgba(229,64,64,0.25);
	  border: 2px dotted #EC0000;
	  color: #000;
	  padding: 20px;
	  text-align: center;
  }

#reinstatement-wizard .payment-format-info .column-1, #reinstatement-wizard .payment-format-info .column-2 {
	width: 375px;
}
	#reinstatement-wizard .payment-format-info .component {
		margin: 0;
	}
	#reinstatement-wizard .payment-format-selection .payment-format-info .field {
		margin-left: 15px;
		width: 360px;
	}
	#reinstatement-wizard .payment-format-info .field input.text, #reinstatement-wizard .payment-format-info .field select, #reinstatement-wizard .payment-format-info .field textarea {
		width: 165px;
	}
	#wizard-step-2 .top {
		margin: 0;
	}
	/*#value-of-supply {
		margin: 5px 0 0 0;
	}*/
	#reinstatement-wizard label[for=alternative-billing-address] {
		margin-right: 130px;
	}
	#reinstatement-wizard .alt-billing-address .field {
		width: 400px !important;
	}
	#reinstatement-wizard #value-of-supply .column-1 {
		margin: 0 !important;
	}
	#reinstatement-wizard-date-text {
		margin: 0 0 10px 0 !important;
	}

/*----------------------------------------
=ORDER REQUEST
----------------------------------------*/

#order-request {
	overflow: hidden;
}

#request-header {
	font-weight: bold;
	overflow: hidden;
	height: 30px;
}

.request-option {
	overflow: hidden;
	padding-left: 20px;
}

.request-option input {
	margin-right: 10px;
}

.request-option .line-description {
	float: left;
	display: block;
	width: 80px;
}

	#order-request .selection, #order-request .quantity, #order-request .price {
		float: left;
		display: block;
	}

	#order-request .selection {
		width: 400px;
	}


	#order-request .quantity {
		width: 100px;
	}


	#order-request .price {
		width: 100px;
	}

	#order-request .field {
		float: left;
	}

	#order-request .field select {
		width: 80px;
	}

#request-selection {
	padding-left: 0;
}

#request-selection .selection {
	width:  420px;
}

#request-total {
	padding-left: 330px;
	overflow: hidden;
	height: 30px;	
	margin: 10px 0;
}

#request-total .label {
	width: 90px;
}

#order-request #request-total {
	height: 20px !important;
}

#order-request-payment-type {
	margin-left: 292px;
	width: 300px;
}
#order-request-payment-type label {
	text-align: right;
	width: 120px;
}
#order-request-payment-type select {
	margin-left: 8px;
	width: 100px;
}
	
#online {
  margin-top: 0;
}

  #online .column-1, #online .column-2 {
    margin-top: 0;
  }

  #online h2 {
    margin-bottom: 20px;
  }


#admin-refunds {

}

  #admin-refunds h2 {
    margin-bottom: 20px;
  }

  #admin-refunds table {
    width: 100%;
  }
  
  #admin-refunds .no-data {
    color: red;
  }
  
  
#date-range {

}

#date-range .column-1, #date-range .column-2 {
  width: 250px;
  float: left;
}

#date-range .text {
  width: 150px;
}

#date-range label {
  width: 50px;
}

#date-range .buttons {
  float: left;
}

#date-range .calendar-popup {
  margin-left: 50px;
}

/* CSS */
#css-tabs {
  margin-left: 70px;
}

#forgot-username-breadcrumb {
  margin-left: 190px;
}

#forgot-password-breadcrumb {
  margin-left: 75px;
}

#forgot-username .buttons, #forgot-password .buttons, #registration .buttons {
  clear: both;
}

#forgot-password .column-1 {
  clear: both;
  margin-bottom: 20px;
}

#forgot-password .column-1 h2, #registration .column-1 h2 {
  margin-bottom: 20px;
}

#forgot-password .column-1 label, #forgot-password .column-1 span.label {
  width: 160px;
}

#registration-breadcrumb {
  margin-left: 85px;
}

#registration .column-1 {
  clear: both;
  margin-bottom: 20px;
}

#forgot-password #recaptcha-widget {
	height: 140px;
}

#loader {
  display: none;
}

#recapta-widget {
  clear: both;
}
	
#scheme-return-overlay {
/*        position: fixed;*/
        height: 1583px;
}

/*----------------------------------------
=DEBIT REQUEST
----------------------------------------*/

#debit-request .buttons {
  clear: both;
}

#comments {
	height: 100px;
}
/*----------------------------------------
=CREDIT CARD REFUND REQUEST
----------------------------------------*/

#crefund-request .buttons {
  clear: both;
}

#comments {
	height: 100px;
}

/*CR4990 GV Phase 3 - Paging	*/
.pg-selected{
	font-weight: bold;
	text-decoration:underline
}

/*CR5342	*/
.pg-normal{
	cursor:pointer;
}

.page-nav-position{
	margin-top:5px;
}
/*CR5342	*/

.payment-history, .despatch-history, .interaction-history{
	padding: 1px;
}

table.payment-history, table.despatch-history, table.interaction-history {
	width: 100%;
	border-collapse: collapse;
	}

table.payment-history th, table.despatch-history th, table.interaction-history th{
	padding: 5px;
	vertical-align: top;
	font-weight: bold;
	}
	
table.payment-history td, table.despatch-history td, table.interaction-history td{
	padding: 5px;
	vertical-align: top;
	font-weight: normal;
	border: 1px solid #cccccc;
	}

/*CR4990 END */	

#payment-history-payment-type {
	height: 100px;
	left: 0;
	margin-top: -100px;
	position: fixed;
	top: 50%;
	width: 100%;
	z-index: 102;
}
#payment-history-payment-type .popup-wrapper {
	background: #FFF;
	background-image: url( "../images/payment-card.gif" );
	background-position: 105% 48%;
	background-repeat: no-repeat;
	background-size: auto 180%;
	border: 1px solid #999;
	height: 100%;
	left: 50%;
	margin: 0 50% 0 -340px;
	padding: 20px;
	position: relative;
	width: 600px;
}
#payment-history-payment-type .popup-wrapper h1 {
	font-size: 18px;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
#payment-history-payment-type .popup-wrapper .button {
	bottom: 20px;
	position: absolute;
	right: 20px;
}

/*CR5075 GV Phase 2 */

div#header input {
		float: left; 
	}
/*CR5075 END	*/

/*CR5075 - Length of order reason box */
#replacement-order #replacement-order-reason {
width: 270px;
}

div#gap {
	height: 44px;
}
/*CR5075 END	*/		

	
/*------------------------------------------------------------------
  WorldPay Recurring Card Payments/Hosted Payment Page Integration
------------------------------------------------------------------*/

.wp-cl-iframe {
	min-height: 350px !important;
	overflow-y: scroll;
}
#worldpay-error-popup {
	background: #FFF;
	border: 1px solid #CCC;
	height: 50px;
	left: 50%;
	margin-left: -300px;
	padding: 20px;
	position: absolute;
	text-align: center;
	top: 200px;
	width: 600px;
	z-index: 102;
}
#worldpay-error-popup input {
	bottom: 10px;
	display: block;
	position: absolute;
	right: 10px;
}
.iframe-content {
	border: 0px !important;
	padding: 0px !important;
	width: 100% !important;
}
.iframe-content h1 {
	border-bottom: 1px dashed #AAA;
	margin-bottom: 18px;
}
.iframe-content .column-2 {
	width: 50% !important;
}
#pv-loader-image {
	float: right;
}
.payment-verification-success-message {
	background: #C9E8CB;
	border: 2px dashed #00A810;
	color: #000;
	display: inline-block;
	margin: 10px 0 20px;
	padding: 10px;
	text-align: center;
	width: 100%;
}
.payment-verification-success-message input {
	margin: 10px;
}
#payment-verification-results .field {
	margin-top: 15px;
}
.payment-messages th, .payment-messages td {
	height: 25px;
}
#wrapper > form[action*=verify_payment] {
	background-image: url( "padlock.gif" );
	background-position: 105% 25%;
	background-repeat: no-repeat;
	background-size: auto 150%;
	min-height: 320px;
}
#payment-success-header {
	color: #559E31;
}
#payment-warning-header {
	color: #F29137;
}
#payment-failure-header {
	color: #E10000;
}

.reveal-element-height {
	height: 60px;
}

#add-new-payment-card-message-section {
	height: 55px;
}
#worldpay-frame-buttons {
	text-align: right;
}
/*#worldpay-frame-buttons input[name=CUSTOMER_SAVE], input[name=NEW_CUSTOMER_NEXTP_3], input[name=RETRY_PAYMENT] {
	display: none;
}
#worldpay-frame-buttons input[name=CUSTOMER_SAVE].show, input[name=NEW_CUSTOMER_NEXTP_3].show, input[name=RETRY_PAYMENT].show {
	display: inline;
}*/
#worldpay-validation {
	height: 350px;
	overflow: hidden;
	width: 100%;
}