#progress table { 
padding : 0;
margin : 0;
height : 23px;
border : 0;
} 
#progress .active { 
color : #000000;
background-color : #41c4dc;
height : 23px;
width : 96px;
text-align: center; 
font-weight: bold;
} 
#progress .inactive { 
color : #000000;
background-color : #adf6ff;
height : 23px;
width : 96px;
text-align: center;
} 
#progress .img00 { 
background-image : url(/resource/image/nav/00.gif);
width : 24px;
height : 23px;
} 
#progress .img01 { 
background-image : url(/resource/image/nav/01.gif);
width : 24px;
height : 23px;
} 
#progress .img10 { 
background-image : url(/resource/image/nav/10.gif);
width : 24px;
height : 23px;
} 
#progress .imgcell {
width:24px;
height:23px;
}
.my_account #main_content .required {
    color: #f50;
    font-weight: bold;
}

.my_account #main_content .row {
    clear: left;
    margin: 0;
}

.my_account #main_content .label {
    float: left;
    width: 10em;
    margin: 0;
}

.my_account #main_content .input {
}


.error_block {

 font-weight: bold;
 color: red;
 margin: 0 0 25px 25px;
}

.error_block:not(:last-child) {
 border-bottom: 1px dashed;
}
p.title {
 font-size: large;
 font-weight: bold;
}

div .login {
  text-align: right;
  width: 33%;
  border: 1px dotted grey;
}

.pass {
  border: 1px dotted olive;
}

/* colour in the tables... */

table {
 padding: 5px;
}
.even {
// background-color: #EEE;
}
.odd {
// background-color: #FFF;
}

.basket_row {
  border-top: 1px dotted #cbc0b7;
  vertical-align: top;
}
.quantity {
    text-align: center;
}
.error  {
	color: #FF0000;
	font-weight: bold;	
	
}
.info {
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 12px;
}

.full {
    width: 100% !important;
}
.rightbox > a {
	margin-right: 15px;
}
#shopping_basket {
 max-width: 740px;
}
#shopping_basket .quantity, #shopping_basket .remove {
 width: 64px;
 text-align: center;
}

#shopping_basket .item {
 text-align: left;
}
#shopping_basket .price {
 width: 96px;
 text-align: right;
}

#shopping_basket tr.total td, #shopping_basket tr.total th {
 border-top: solid 1px #EEE;
}


.autocompleteoff
{
	behavior:url(/resource/css/autocomp.htc);
}
@import "/resource/css/main.css";
        @import "/resource/css/general_page.css";
        @import "/resource/css/ordering1.css";
        @import "/resource/css/progress.css";

div.text {
/*  display: inline-block; */
  width: 500px;
  min-height: 28px;
}
div.rtext {
  width: 540px;
  min-height: 28px;
}

.fright {
  position:relative;
 width: 45%;
 float:right;
 text-align: left;
}
.fleft {
 position:relative;
 width: 45%;
 float: left;
 text-align: left;
}
.lefttext {
    display: inline-block;
    margin-top: 6px;
    padding: 8px;
    text-align: left;
}
.right {
  position:relative;
  width: 180px;
 float:right;
}
.cards {
 display: block;
 width: 250px !important;
 height: 40px !important;
 margin-top: 15px !important;

}
.left {
 display: block;
 position:relative;
 width: 110px;
 float: left;
}
div.rtext input {
   position: relative;
   float: left;
   left: 200px;
}
div.rtext label {
    display: block;
    clear:none;
    width: 185px;
    float: right;
    height: 28px;

}
div.rtextleft label {
   display: inline-block;
}
div.text input[type=text], div.text input[type=password] {
    width: 250px;
}
div.text label {
    display: inline-block !important;
    min-width: 185px !important;

}
#cardtypeInput label {
/*    float: left;
    width: 170px; */
}
div#startdate.text,div#expirydate.text{
    width: 340px;
}
div#startdate.text label#part,div#expirydate.text label#part{
     display: inline-block;
     width: 15px;
     text-align: center;
}
div.text  select {
    width: 250px;
} 
div#startdate.text select,div#expirydate.text select{
    width: auto;
}
div.righttext select, div.righttext label {
display: inline;
float: none;
}
div.righttext {
display: inline-block;
float: none;
  text-align: right;
  margin-left: 15px;
} 
div#cardtypeInput {
/* height: 70px; */
}
input#cardcv2 {
 width: 40px;
}
	
img#security_image {
 float: left;
 margin-right: 10px;
}
div#security_text {
  min-height: 70px;
}
h2 {
clear: both;
}

div.buttons div.submit {
 display: inline-block;
    margin-top: 6px;
    padding-top: 8px;
}
div.buttons input[type=radio] {
 margin-top: 2px;
 width: auto;
}
.hidden {
	display: none;
}
fieldset {
  float: none;
  display: block;
}
fieldset.text {
  float: none;
}
.emphasis {
	color:#c1272d;
}
.message {
  display: inline-block;
  padding-left: 10px;
  color: red;
}
#cardtype_message {
  max-width: 250px;
}
#footnotes ol
{
 list-style-type:decimal;
}
address.bordered {
 width: 250px;
 display: inline-block;
}
div.submitblock input[type=radio] {
 width: auto;
}
div.submitblock {
margin-right: 0 !important;
    width: 48%;
 display: inline-block;
 margin: 5px;
}
div.labelled {
  height: 70px;
}
div.padding {
  padding: 5px;
}



#main_content #first div.header_row span.label {
//        float: left;
        min-width: 65px;
        text-align: left;
        padding-right: 5px;
        padding-bottom: 15px;
        font-weight: bold;
}

#main_content #first div.header_row span.field {
//        float: right;
        width: 635px;
        text-align: left;
        padding-left: 5px;
        padding-bottom: 15px;
}
/* no special treatment for paragraphs in ordered lists */
ol li ul li {
    padding-left: 12px;
}

ol li p {
    display: inline;
}

/* login screen - from 'my_account.css" */

#main_content .bordered {
    border-right: medium solid #808080;
}
#main_content .left {
    float: left;
    width: 49%;
}
#main_content .right {
    float: right;
    width: 49%;
}
#progress table {
    border: 0 none;
    height: 23px;
    margin: 0;
    padding: 0;
}
#main_content .align label {
    float: left;
    width: 15em;
}
#main_content label {
    display: inline-block !important;
}
.required {
    font-weight: bold;
}
#main_content .flushright {
    width: 38%;
}
#main_content .right {
    float: right;
    width: 49%;
}
#main_content .field_wrap {
    clear: both;
    display: block;
    margin: 4px 0;
}
label {
    display: none;
}
#main_content input[type="password"] {
    max-width: 98%;
    padding: 4px 6px;
    width: 330px;
}