body {
	text-align: center;
	background: #add6c2 url(../images/bg_brille.jpg) repeat-y 50% 0%;
	margin:0;
	padding:0;
	color:#285247;
}
body, form {
	font-family: arial,helvetica,verdana,sans-serif;
	font-size: 12px;
}

div#header{
	background-color:white;
	height:60px;
}

div#header div.left{
	float:left;
	margin:25px 0 0 15px;
}
div#header div.right {
	float: right;
	margin: 25px 15px 0 0;
	font-size: 20px
}

div#wrapper {
	margin: auto;
	text-align: left;
	width: 800px;
	background-color: #d6ebe0;
}
.clear {
	clear: both;
}
.block {
	margin: 20px 0;
}
a img {
	border: 0;
} 
#flags {
	float: right;
	text-align: right;
}
#flags a {
	text-decoration: none;
}
h1 {
	color: #285247;
	font-family: Tahoma, arial,helvetica,verdana,sans-serif;
	margin: 15px 0 0 25px;
	font-size: 24px;
}
h2, h3 {
	font-size: 12px;
	margin: 0;
}
form h2 {
	margin: 10px 0 10px 0;
}
p {
	margin: 5px 0 12px 0;
}

a:link, a:visited {text-decoration: none; color: #285247;}
a:hover {text-decoration: underline; color: #285247;}


/* Logon */

form#logon {
	margin: 0;
	padding: 0;
}
form#logon div {
	margin: 30px 0 30px 265px;
	border: 0;
}
form#logon div#language-select {
	margin: 0 0 0 0;	
	overflow: hidden;
}
form#logon div#language-select input {
	float: right;
}
form#logon label {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	float: none;
	width: 100%;
}
form#logon input.text {
	margin-bottom: 10px;
	border: 1px solid #285247;
	width: 250px;
	height: 19px;
}
div.buttons {
	clear: both;
	margin: 10px 0 0 123px;
	overflow: hidden;
}
form#logon div.buttons {
	float: none;
	width: 185px;
	margin: 30px 0;
}
form#logon div.buttons input {
	float: right;
}
input.button, a.button {
	background-color: #94caaf;
	text-align: center;
	display:block;
	border: 1px solid black;
	color: #285247;
	cursor: pointer;
	font-family: arial;
	font-size: 12px;
	margin-right: 10px;
	width: 80px;
	height: 25px;
	padding:0;
	float: left;
	text-decoration: none !important;
}

a.button{
	height:18px;
	padding: 5px 0 0px 0;	
}
a.button_large {
	background: #F68D00 url("../images/button_large.png") 0 0 no-repeat;
	border: 0;
	color: #ffffff;
	cursor: pointer;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	margin-right: 10px;
	width: 90px;
	height: 21px;
	padding: 0 0 3px 0;
	float: left;
}
input.button.off {
	font-style: italic;
	cursor: default;
	color: #cccccc;
}
input.button:disabled {
	color: #cccccc;
}


input.address-lookup {
	float: right;
}

a.button_large {
	line-height: 19px;
	padding-bottom: 0;
	text-decoration: none !important;
	text-align: center;
	float: left;
	display: block;
}
legend {
	font-weight: bold;
	padding: 0 0 15px 0;
	margin: 0;
	color: #666666;
	display: block;
}
div#forgot-link {
	text-align: center;
	margin: 20px 0 10px 0;
}

/* Homepage */
div#home-left {
	clear: both;
	overflow: hidden;	
}
div#home-left img {
	margin: 0 0 10px 220px;
}
div#home-left h2 {
	margin-bottom: 15px;
}
div#home-navigation {
	margin-bottom: 20px;
	text-align: center;
}
div#home-navigation ul {
	/*width: 180px;*/
	margin: 0 0 0 20px;
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	margin: 0 auto;
	/*width: 650px;*/
}
div#home-navigation ul.six {
	width: 780px;
}
div#home-navigation ul.four {
	width: 520px;
}

div#home-navigation ul li {
	float: left;
	height: 50px;
	/*background: url("../images/navigation-background") 0 -30px repeat-x;*/
	margin-bottom: 10px;
	width: 130px;
	text-align: center;
}
div#home-navigation ul li a {
	color: #285247;
	text-decoration: none;
	display: block;
	height: 30px;
	font-weight: bold;
	padding: 10px;
	font-size: 12px;
}
div#home-navigation ul li a:hover {
	text-decoration: underline;
}
div#home-bottom {
	margin-top: 20px;
	clear: both;
}
div#home-bottom h2 {
	margin-bottom: 15px;
}
a#home-logout {
	float: right;
	margin-top: 30px;
}

/* Breadcrumb */

ol#breadcrumb, #breadcrumb-edit, ol#breadcrumb-reports {
	border-top: 1px dashed #285247;
	/*margin: 10px 25px 10px 25px;*/
	margin: 10px;
	padding: 10px 0;
	list-style-type: none;
	text-align: center;
}
ol#breadcrumb li, ol#breadcrumb-edit li, ol#breadcrumb-reports li{
	display: inline;
	font-weight: bold;
	margin: 0 35px;
	color:#808080;
}
ol#breadcrumb-reports li{
	margin: 0 40px;
	line-height:30px;
}
ol#breadcrumb-reports li a,
ol#breadcrumb-reports li a:hover{
	color:#808080;
}
ol#breadcrumb-reports li.active a,
ol#breadcrumb-reports li.active a:hover{
	color:#285247;
}
ol#breadcrumb-edit li {
	margin: 0 10px;
}
ol#breadcrumb-edit li a {
	color: #666666;
	text-decoration: none;
}
ol#breadcrumb-edit li a:hover {
	text-decoration: underline;
}
ol#breadcrumb li.active, ol#breadcrumb-edit li.active, ol#breadcrumb li.active a {
	color: #285247;
}

#breadcrumb-edit input {
	font-weight: bold;
	margin: 0 5px;
	color: #808080;
	background: 0;
	border: 0;
	padding: 0;
	cursor: pointer;
	font-size: 12px;
	margin-top: 10px;
}
#breadcrumb-edit input:hover {
	text-decoration: underline;
	cursor: pointer;
}	
#breadcrumb-edit input.active {
	color: #285247 !important;
	cursor: default;
	text-decoration: none;
}	

/* Register */

div#content {
	margin: 0 0 25px 0;
	padding: 25px;
}
form {
	margin: 0;
	padding: 0;
}
form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
form div.column-1, form div.column-2 {
	float: left;
	width: 340px;
	position: relative;
}
form div.column-2 {	
	margin-left: 25px;
}
form div.column-3, form div.column-4, form div.column-5, form div.column-3-even {
	float: left;
	width: 200px;
}
form div.column-4, form div.column-5 {
	margin-left: 5px;
}
form div.column-4{
	width: 340px;
}

form div.column-5{
	width: 200px;
}
form div.column-3 p.label, form div.column-4 p.label, form div.column-5 p.label {
	width: auto;
	margin-right: 5px;
}
form div.column-3-even {
	margin-left: 20px;
	width: 235px;
}
form div.column-3-even.first {
	margin-left: 0;
}

fieldset#status-summary p.label{
	width:90px;
}
fieldset#status-summary p.label-long {
	width: 150px !important;
}

fieldset#status-summary div.column-5 p.label{
	width:115px;
}

fieldset#status-summary select{
	width:95px;
}

fieldset#status-summary select#reason{
	width:240px;
}

fieldset#status-summary select#period{
	width:80px;
}

form div.line, form {
	clear: both;
	margin-bottom: 8px;
	overflow: hidden;
}
div.line.fixed-height {
	height: 23px;
}
div.line p {
	float: left;
	/*width: 140px;*/
	margin: 3px 0 3px 0;
	padding: 0;
}
div.line p.label {
	width:100px;
}
div.line.no-margin {
	margin-bottom: 0;
}
fieldset#date-of-birth legend  {
	color: #285247;
	font-weight: normal;
}

fieldset#delivery-address legend {
	margin-top: 0;
}

.skip {
	margin-top: 41px !important;
}

.address-lookup-results {
	width: 380px;
	height: 180px;
	overflow: auto;
}
.address-lookup-results table {
	margin: 0;
	width: 362px;
	font-size: 10px;
}
.address-lookup-results table th, .address-lookup-results table td {
	padding: 2px;
}
td.address-lookup-col-1 {
	color: #f28e01;
	font-weight: bold;
	cursor: pointer;
}
td.address-lookup-col-1:hover {
	text-decoration: underline;
}

form fieldset.group {
	margin: 0 0 8px 0;
	padding: 0;
	height: 23px;	
}
form label, form fieldset.group legend, div.line p.label {
	width: 130px;
	float: left;
	display: block;
	padding-left: 0;
	margin-top: 3px;
	/*font-weight: bold;*/
}
form fieldset.group legend {
	margin-bottom: 0;
}
legend.title {
	color: #285247;
}
p.title {
	font-weight: bold;
	width: 130px;
	margin: 0;
	float: left;
}
form fieldset.group label {
	display: inline;
	float: none;
}
form input.text, form select, form input.text-long, form textarea.text-short, form textarea.text-long {
	border: 1px solid #285247;
	width: 200px;
	height: 19px;
}


form fieldset.group input.text, form fieldset.group select {
	float: left;
}


form input.text-long, form textarea.text-long {
	width: 585px
}
form textarea.text-short {
	height: 50px;
}
form textarea.text-long {
	height: 200px;
}
form select {
	height: 23px;
}
form select#third-party-access-title {
	width: 100px;
}
form select#marital-status {
	width: 202px;
}
form #date-of-birth label, form fieldset.date label{
	display: none !important;
}
form #date-of-birth select, form fieldset.date select, .dob-day, .dob-month, .exp-day, .exp-month {
	width: 45px;
	margin-right: 8px;
}
form #date-of-birth select#dob-year, form fieldset.date select.year, .dob-year, .exp-year {
	width: 60px !important;
	margin-top: 0;
}
form#edit-customer .exp-year {
	height: 14px !important;
	padding: 4px;
	position: absolute;
	width: 30px !important;
}

div#addresses {
	overflow: hidden;
	margin-bottom: 12px;
}


fieldset.first {
	/*border-bottom: 1px dashed #285247;*/
	padding-bottom: 17px;
}
fieldset.first,
fieldset.middle,
fieldset.last {
	clear:both;	
}

fieldset.middle,
fieldset.left,
fieldset.last {
	margin: 25px 0 12px 0;
	/*border-bottom: 1px dashed #285247;*/
	padding-bottom: 17px;	
}
fieldset.left{
	float:left;
	width:350px;
}
fieldset.last {
	border-bottom: 0;	
}
fieldset.no-border {
	border-bottom: 0;
}
fieldset.box {
	border: 0;
	padding: 0;
}

.alternative-address, #alternative-address-new {
	margin-top: 20px;
}

form input#postcode, form input.postcode {
	width: 100px;
}
form input#alternative-address-required, form input#specific-customer, form input#same-as-home-address {
	float: left;
	margin-right: 10px;
}
form label#alternative-address-required-label, form label#same-as-home-address-label {
	width: 250px;
}
form label.long {
	width: 700px;
}
div#alternative-address {
	clear: both;
	margin-top: 10px;
}
form div.buttons {
	float: right;
}

fieldset.errors, fieldset.success {
	/*border-bottom: 1px dashed #285247;*/
	padding-bottom: 17px;
	margin-bottom: 25px;
}
fieldset.errors ul, fieldset.success ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
fieldset.errors ul li, p.error {
	color: #ff0000;
}
fieldset.success ul li, p.success {
	color: #00cc00;
}

table {
	border: 0;
	border-collapse: collapse;
	margin: 10px 0 10px 1px;
	padding: 0;
	width: 100%;
}
table th, table td {
	margin: 0;
	padding: 5px;
	font-weight: normal;
	/*border: 1px solid #dadada;*/
	border: 1px solid #a6a5a5;
	vertical-align: top;
}
table th {
	border: 0;
}
table#scheme label, table#scheme-no-ajax label {
	display: none;
}

/* DJ - fix length of ddl for schemes*/
.ddlscheme { width: 400px !important; }

table#scheme select, table#scheme-no-ajax input {
	width: 71px;
}
table#scheme-no-ajax input#scheme-right-stdpd, table#scheme-no-ajax input#scheme-left-stdpd {
	width: 200px;
}
#scheme-col-1 {
	width: 34px;
}
#scheme-col-2,
#scheme-col-3,
#scheme-col-4,
#scheme-col-5,
#scheme-col-6,
#scheme-col-7,
#scheme-col-8 {

}

form.search-inner {
	margin: 0;
}

form.search-inner input {
	background: none repeat scroll 0 50% transparent;
	border: 0 none;
	color: #285247;
	cursor: pointer;
	font-family: arial,helvetica,verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: left;
}

fieldset#search-results p {
	color: #ff0000;
}
table#search-results {
	border-collapse: collapse;
	width: 747px;

}

table#search-results a {
	color: #f28e01;
	font-weight: bold;
}
table#scheme td, table#scheme th, table#scheme-no-ajax td, table#scheme-no-ajax th {
	border: 0;	
}
table#history th {
	border: 0;
	/*padding-left:10px;*/
	font-weight: bold;
}

#history-col-1,
#history-col-2,
#history-col-3,
#history-col-4,
#history-col-5,
#history-col-6 {
	text-align: left;
	width: 16.6%;
}

/* Report List, Contact List */
ul#report-list, ul#contact-list {
	margin: 15px 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
ul#report-list li, ul#contact-list li {
	margin-right: 30px;
	font-weight: bold;
	float: left;
}

ul#report-list li:hover, ul#contact-list li:hover {
	text-decoration: underline;
	cursor: pointer;
}
ul#report-list li.selected, ul#report-list li.selected:hover, ul#contact-list li.selected, ul#contact-list li.selected:hover {
	color: #f68d00;
	cursor: default;
	text-decoration: none;
}

#opt {
	clear: both;
	overflow: hidden;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
#opt td {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 23px;
}
#opt label {
	width: auto;
}
input#marketing-telephone, input#marketing-email, input#marketing-sms, input#marketing-post {
	float: left;
	margin: 3px 60px 0 10px;
}
.third-party-contact-deleted {
	display: none !important;
}
div#unsaved-changes, div#remind-log {
	color: #ff0000;
	overflow: hidden;
	margin: 26px;
}
span.required {
	color: red;
}
#menu-button {
	margin: 20px 0 0 0;
	float: right;
}

table#logs {
	margin-top: 20px;
	clear: both;
}
table#logs th {
	font-weight: bold;
	text-align: left;
}
table#logs th, table#logs td {
	vertical-align: top;
	padding: 3px;
}
table.report {
	width: 746px;
}
table.report th {
	font-weight: bold;
	text-align: left;
}
table.report th.overview-header {
	width: 16%;
}

table.report td{
	background-color:white;
	border:1px solid #285247;
}

div.buttons a.button, div.buttons input.button {
	float: right !important;
}

div#refund-payments-wizard{
	position:asolute;
	top:0;
	left:0;
}

div#overlay{
  position:absolute;
  background-color:#5e575e;
  height:500px;
  width:100%;
  left:0;
  top:0;
  z-index:90;
}

div#ddConfirmWizard,
div#emailConfirmWizard{
	position:absolute;
  text-align:center;
  left:0;
  top:100px;
  width:100%;
  z-index:100;
}

div#refundWizard{
  position:absolute;
  text-align:center;
  left:0;
  top:100px;
  width:100%;
  z-index:100;
}

div#ddConfirmWizardInner,
div#emailConfirmWizardInner{
	background-color: #d6ebe0;
	width:800px;
	position:relative;
	margin:auto;
	padding:10px;
}

div#refundWizardInner{
	background-color: #d6ebe0;
	width:800px;
	height:500px;
	position:relative;
	margin:auto;
	padding:10px;
}

div#refundWizard h1{
	font-size:14px;
	
}

div#refundWizard table{
	border-collapse:collapse;
}

div#refundWizard th, 
div#refundWizard td{
	background-color:#add6c2;
	border:1px solid #285247;
	padding:2px 3px 2px 3px; 
}

div#refundWizard th {
	font-size:bold;
}

div.refundWizardHeader{
	overflow:hidden;
	margin-left:150px;
	margin-top:10px;
}

div.refundWizardHeader div{
	float:left;
	width:150px;
	background-color:#d5d3d3;
	color:#808080;
	border:1px solid #808080;
	padding:5px;	
}

div.refundWizardHeader div.selected,
div.refundWizardHeader div.selectedFirst,
div.refundWizardHeader div.selectedLast{
	font-weight:bold;
	background-color:#add6c2;
	border:1px solid #285247;
	color:#285247;
}

div.refundWizardMiddle{
	margin-top:30px;
	height:280px;
}

div.refundWizardBottom{
	margin-top:40px;
}

div.refundWizardBottom input.button{
	float:right;
}

a.payment-popin{
	cursor:pointer;
}

td.payment-popin{
	
	padding-left:20px;
}

th.payment-popin{
	width:20px;
}

td.payment-popin td,
td.payment-popin th{
	background-color:#f9f9f9;
}

table.request td,
table.request th{
	border:0;
}

table.request th{
	width:150px;
}

div#payment-wizard-left,
div#payment-wizard-right{
	width:250px
	float:left;
}

div#payment-wizard-left select.year{
	width:55px;
	float:none;
}

div#payment-wizard-left select.month{
	width:40px;
	float:none;
}

div#paymentWizard{
  position:absolute;
  left:0;
  top:100px;
  width:100%;
  z-index:100;
}



div#paymentWizardInner{
	background-color: #d6ebe0;
	width:800px;
	position:relative;
	margin:auto;
	padding:10px;
	text-align:left;
	overflow:hidden;
}

div#cancellation-wizard-left,
div#cancellation-wizard-right{
	width:250px
	float:left;
}

div#cancellation-wizard-left select.year{
	width:55px;
	float:none;
}

div#cancellation-wizard-left select.month{
	width:40px;
	float:none;
}

div#cancellationWizard{
  position:absolute;
  left:0;
  top:100px;
  width:100%;
  z-index:100;
}

div#cancellationWizardInner{
	background-color: #d6ebe0;
	width:800px;
	position:relative;
	margin:auto;
	padding:10px;
	text-align:left;
	overflow:hidden;
}

div#cancellation-steps{
	margin:5px 0 5px 0;
	border-bottom:1px dashed black;
	border-top: 1px dashed black;
}

div#cancellation-summary{
	margin:5px 0 5px 0;
	border-top: 1px dashed black;
	border-bottom:1px dashed black;
}

div#cancellationWizardInner td,
div#cancellationWizardInner th{
	border:0;
}

div#cancellationWizardInner label{
	width:auto;
}

div.cancellation-step{
	padding: 40px 10px 10px 10px;
}

div.cancellation-step-middle{
	min-height:400px;
}

div.cancellation-step-buttons{
	text-align:right;
	padding-bottom:20px;
}

div.cancellation-step-buttons input{
	float:right;
}

table#cancellation-payments{
	width:auto;
	margin:auto;
}

table#cancellation-payments td{
	background-color:white;
	border: 1px solid #285247;
	padding:2px;
	width:90px;
}

table#cancellation-payments td,
table#cancellation-payments th{
	width:90px;
	padding:2px;
}

table#cancellation-payments td.action{
	background-color:#c0c0c0;
}

table#cancellation-payments td.action{
	width:110px;
}

table#cancellation-payments td.action select{
	width:100px;
}

div#cancellation-step-1 select{
	width:50px;
}

div#cancellationWizardInner div#payment-wizard-left label,
div#cancellationWizardInner div#payment-wizard-left legend{
	width:120px;
}

table#scheme-chars-table{
	width:auto;
}


table#scheme-chars-table th,
table#scheme-chars-table td{
	border:0;
}

/*th.scheme-chars-freq,
td.scheme-chars-freq{
	width:70px;
}*/

th.scheme-chars-freq select,
td.scheme-chars-freq select{
	width:70px;
}

/*th.scheme-lens-type,
td.scheme-lens-type{
	width:220px;
}*/


th.scheme-lens-type select,
td.scheme-lens-type select{
	width:230px;
}

label#billing-equal-home,
label#billing-equal-delivery{
	width:auto;
}

div#billing-address-selection input{
	display:block;
	float:left;
	margin:5px 10px 0 10px;
}

div#tooltip,
div#despatch-tooltip,
div#log-tooltip {
	background: #eeeeee;
	border: 1px solid #000000;
	padding: 10px;
	overflow: hidden;
	width: auto !important;
	height: auto !important;
	max-width: 200px;
	position: absolute;
	text-align: left;
	z-index:100;
}

div#despatch-tooltip{
	max-width: 350px;
}

div#log-tooltip{
	max-width: 500px;
}

.label-tooltip {
	cursor: help;
}

fieldset#direct-debit{
	margin-bottom:100px;
}


fieldset#payment-spacer{
	height:200px;
}

div.popupWrapper{
	text-align:center;
	width: 100%;
	position: fixed;
	z-index:95;
}
div.popup{
	width: 500px;
	height: 150px;
	background-color: white;
	z-index: 100;
	margin: auto;
}
div.popup div.message{
	height: 58px;
	width: 470px;
	padding: 30px 15px;
	font-size: 18px;
}
div.popup input.button{
	float: right;
}

table.giro-reprints{
	margin: 0px;
	width: 210px;
	border-collapse:collapse;
}

table.giro-reprints td,
table.giro-reprints th{
	border:1px solid #285247;
}

table.giro-reprints td.document{
	width:200px;
}

form div.same-as-home{
	margin-bottom:22px;
}

div.popupConfirmMessage div.message{
	height:200px;
	padding-top:50px;
	background-color:white;
	font-size:16px;
}

div#confirmMessage div.buttons{
	overflow:hidden;
}

div#confirmMessage div.buttons input{
	float:right;
}

div.dob-right{
	float:right;
	width:150px;
}

label#label-dob{
	display:block !important;
}


span#dob-label,
span.date-label{
	display:block;
	float:left;
	width:130px;
}

div.address-check{
	height:40px;
}

fieldset#delivery-address{
	margin-bottom: 7px;
}

fieldset#cancellation-messages{
	margin:5px;
}

table#history th.popin{
	width:20px;
}

table#history th.sales-type{
	width:150px;
}

table#history th.despatch-address{
	width:250px;
}

table#pdf-reprints{
	width:auto;
}

table#pdf-reprints th.type{
	width:200px;
}
table#pdf-reprints th.date{
	width:80px;
}
table#pdf-reprints th.time{
	width:80px;
}
div#home-text{
	margin:20px 100px 20px 100px;
	text-align:center;
}
div#addsales-text{
	margin:25px 50px 25px 50px;
	text-align:left;
}
form div.addsales-col1{
	float: left;
	width: 600px;
	position: relative;
}
form div.addsales-col2 {	
	margin-left: 25px;
	width: 120px;
	float: left;
	position: relative;
}