.labelForm {
  width: 400px;
  border-top: 10px solid #CED6EF;
  border-bottom: 5px solid #CED6EF;
  border-left: 10px solid #CED6EF;
  border-right: 10px solid #CED6EF;
  background-color: #FFFFFF;
  padding: 1em;
}

.colourBgForm {
  width: 400px;
  border-top: 10px solid #005397;
  border-bottom: 10px solid #005397;
  border-left: 10px solid #005397;
  border-right: 10px solid #005397;
  background-color: #dfecf4;
  padding: 1em;
}

.orderDetailForm {
width: 760px;
  float: left;
  border-top: 10px solid #CED6EF;
  border-bottom: 10px solid #CED6EF;
  border-left: 10px solid #CED6EF;
  border-right: 10px solid #CED6EF;
}

.basicForm {
  border-top: 10px solid #CED6EF;
  border-bottom: 5px solid #CED6EF;
  border-left: 10px solid #CED6EF;
  border-right: 10px solid #CED6EF;
  background-color: #FFFFFF;
  padding: 1em;
}

#loginForm {
  border: 0px none;
}

.checkoutForm {
  width: 400px;
  float: left;
  border-top: 10px solid #CED6EF;
  border-bottom: 5px solid #CED6EF;
  border-left: 10px solid #CED6EF;
  border-right: 10px solid #CED6EF;
  background-color: #FFFFFF;		
}

.checkoutInnerForm {
  width: 400px;
  float: left;
  margin: 0px 0px 10px 10px;    
  background-color: #FFFFFF;		
  white-space: wrap;  
}

.blockText {
  color: #00319C;
  font-size: 12px;
  padding: 0.8em 0em 0em 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  background-color: #dfecf4;
  text-align: center;  
}

.label {
  color: #00319C;
  font-size: 10px;
  padding: 0em 0.5em;
  vertical-align: top;
/*
  background-color: #FFFFFF;
*/
}

.labelField {
  color: #000000;
  font-weight: normal;
  font-size: 10px;
  padding: 0.5em 0em 0em 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
}

div.row {
  clear: both;
  padding-top: 0px;
  background-color: #FFFFFF;
  white-space: nowrap;
  }

div.rowBlock {
  clear: both;
  padding-top: 0px;
  background-color: #dfecf4;
  white-space: nowrap;
  margin-top: 6px;
  margin-right: 6px;
  margin-bottom: 6px;
  margin-left: 6px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #dcdcdc;
  border-right-color: #dcdcdc;
  border-bottom-color: #dcdcdc;
  border-left-color: #dcdcdc;
}

div.row span.labelRight {
  float: left;
  width: 85%;
  text-align: right;
  color: #00319C;
  font-weight: bold;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  }

div.row span.labelRightField {
  float: left;
  width: 7%;
  text-align: left;
  color: #000000;
  font-weight: bold;
  font-size: 10px;
  padding: 0.7em;
  vertical-align: top;
  background-color: #FFFFFF;
  } 

div.row span.labelShort {
  float: left;
  width: 8%;
  text-align: left;
  color: #00319C;
  font-weight: bold;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  }

div.row span.labelVeryShort {
  float: left;
  width: 2%;  
  text-align: left;
  color: #00319C;
  font-weight: bold;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  }

div.row span.labelMedium {
  float: left;
  width: 15%;
  text-align: left;
  color: #00319C;
  font-weight: bold;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  }

div.row span.labelLong {
  float: left;
  width: 20%;  
  text-align: left;
  color: #00319C;
  font-weight: bold;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  }

div.row span.labelFieldVeryShort {
  float: left;
  width: 2%;  
  text-align: left;
  color: #000000;
  font-weight: normal;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  }

div.row span.labelFieldShort {
  float: left;
  width: 8%;
  text-align: center;
  color: #000000;
  font-weight: normal;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  }

div.row span.labelFieldMedium {
  float: left;
  width: 15%;
  text-align: left;
  color: #000000;
  font-weight: normal;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  }

div.row span.labelFieldLong {
  float: left;
  width: 20%;  
  text-align: left;
  color: #000000;
  font-weight: normal;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  }


div.row span.labelFieldNoWidth {
  float: left;
  text-align: left;
  color: #000000;
  font-weight: normal;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  } 

.pageSubsubtitle {
  color: #226ABE;
  background-color: #EEEEEE;
  padding: 3px 5px 3px 5px; 
  text-align: left;
  font-weight: bold;
  margin-top: 10px;
}

div.row span.label {
  float: left;
  width: 35%;
  text-align: left;
  color: #00319C;
  font-weight: bold;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  }

div.row span.labelField {
  float: right;
  width: 60%;
  text-align: left;
  color: #000000;
  font-weight: normal;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  } 

.labelHighlight {
  float: left;
  width: 25%;
  text-align: left;
  color: #00319C;
  font-weight: bold;
  font-size: 12px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #dfecf4;
  white-space: nowrap;
}

.labelFieldHighlight {
  float: right;
  width: 60%;
  text-align: left;
  color: #000000;
  font-weight: bold;
  font-size: 12px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #dfecf4;
}


div.row span.lField {
  float: left;
  width: 15%;
  text-align: left;
  color: #00319C;
  font-weight: bold;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  } 

div.row span.rField {
  float: right;
  width: 3%;
  text-align: left;
  color: #00319C;
  font-weight: bold;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  } 

/* Shopping cart heading */
div.row span.shoppingCartHeading {
  float: left;
  width: 53%;
  text-align: left;
  color: #000000;
  font-weight: bold; 
  font-size: 12px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  }

div.row span.ShortHeading {
  float: left;
  width: 8%;
  text-align: left;
  color: #000000;
  font-weight: bold;
  font-size: 12px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  }

div.row span.leftHeading {
  float: left;
  width: 15%;
  text-align: left;
  color: #000000;
  font-weight: bold;
  font-size: 12px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  } 

/* Shopping cart */
.shoppingCartForm {
}

.shoppingCartRow {
}

.shoppingCartLabel {
  color: #00319C;
  font-weight: bold;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
}

div.row span.shoppingCartLabel {
  float: left;
  width: 54%;
  text-align: left;
  color: #00319C;
  font-weight: bold; 
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
  white-space: nowrap;
  }

.shoppingCartLabelField {
  color: #000000;
  font-weight: normal;
  font-size: 10px;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
}

/*********************************************/
/*    Buttons                                */
/*********************************************/

.generalWrapRight {
   margin: 10px 0px 10px 10px;  
   text-align: right;
}

.generalWrapLeft {
   margin: 10px 0px 10px 10px;  
   text-align: left;
}

.globalButtonWrap {
   padding: 5px 0px 2px 5px;
}

.formButtonWrap {
   padding: 5px 5px 5px 0px;
}

.globalButtonWrap span {
        margin-left: 20px;
        color: #000000;
}

.inputButton {
  background-color: #226ABE;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  border: 1px solid #000;
  cursor: pointer;
}

.inputButtonBgColour {
  background-color: #dfecf4;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
}

.inputButtonHref {
  background-color: #226ABE;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  border: 1px solid #000;
  padding: 1px 3px 1px 3px;
  
}

.inputButtonRight {
  background-color: #226ABE;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  border: 1px solid #000;
  text-align: right;
  horizontal-align: top;   
}

.pageButtonWrap {
        padding: 5px 5px 5px 0px;
        background-color: #72727A;
}

.pageButton {
  background-color: #226ABE;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  border: 1px solid #000;
  float: right;
}

.globalButton {
  background-color: #226ABE;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  border: 1px solid #000;
}



.disabledButton {
  background-color: #CCCCCC;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  border: 1px solid #000;
}



#form {
  width: 400px;
  padding: 2px;
  background-color: #F8F7EF;
}


#form h1 {
  padding-bottom: 3px;
  border-bottom: 1px solid #DCDCDC;
}

#form div.row {
  clear: both;
  padding-top: 2px;
/*  background-color: #FF00FF;*/
  background-color: #F8F7EF;  
  white-space: nowrap;
  height: 20px;
  width: 395px;
}

#form div.row span.label {
/*  float: left;*/
/*  height: 40px;*/
/*  width: 150px;*/
/*  text-align: right;*/
/*  color: #00319C;*
/*  font-weight: bold; */
/*  font-size: xx-small; */
/*font-size: 12px;*/
  width: 28%;
padding: 0;
padding-top: 4px;
/*  padding: 4px 4px;*/
  vertical-align: middle;
/*background-color: #FF0;*/
  background-color: #F8F7EF;
  white-space: nowrap;
}



#form div.row span label {
  color: #00319C;
/*  font-weight: bold;*/
/*  font-size: xx-small; */
/*font-size: 12px;*/
/*  background-color: #FF0000;*/
}

#form div.row span label.required {
  color: #00319C;
  font-weight: bold;
/*  font-size: xx-small; */
/*font-size: 12px;*/
/*  background-color: #FF0000;*/
}


#form div.row span.labelField {
/*  float: left;*/
/*  width: 300px; */
  width: 70%;
  text-align: left;
  color: #000000;
  font-weight: normal;
/*  font-size: xx-small;*/
font-size: 10px;
padding: 0;
/*  padding: 2px;*/
/*margin-left: 155px;*/
/*  vertical-align: top; */
/*  background-color: #FFFFFF; */
/*background-color: #0FF;*/
  background-color: #F8F7EF;
  white-space: nowrap;
}

#form div.row span label.error {
  margin-left: 5px;
  color: red;
}

#form div.buttons {
  clear: both;
  padding-top: 2px;
/*  background-color: #FFFFFF;*/
  white-space: nowrap;
/*  float: right; */
  margin-left: 200px;
}

#form label.error, label.error {
	font-style: italic;
	color: #C00000;
	display: block;
}