/*************************** PARAGRAPHS AND TEXT ***************************/
P {font-size: small; 
	 color:#000080; 
	 font-family: Verdana, Arial;}
	 
.footer {font-size: x-small; 
	 			color:#000080; 
	 			font-family: Verdana, Arial;}
	 
Table {background-color: #FFFFFF;}

Body {background-color: #FFFFFF;}

.Header1 {font-size: xx-large; 
					color:#000080; 
					font-family: Verdana, Arial; 
					font-weight:bold;}

.Header2 {font-size: x-large; 
					color:#000080; 
					font-family: Verdana, Arial; 
					font-weight:bold;}

.Header3 {font-size: large; 
					color:#000080; 
					font-family: Verdana, Arial; 
					font-weight:bold;}

.Header4 {font-size: medium; 
			    color:#000080; 
			    font-family: Verdana, Arial; 
			    font-weight:bold;}

.BoldText {font-size: small; 
					 color:#000080; 
					 font-family: Verdana, Arial; 
					 font-weight:bold;}

.SmallText{font-size: x-small; 
					 color:#000080; 
					 font-family: Verdana, Arial;}

.RedError{font-size: small; 
					color:#DF0000; 
					font-family: Verdana, Arial;}

.RedErrorBold {font-size: small; 
							 color:#DF0000; 
							 font-family: Verdana, Arial; 
							 font-weight:bold;}

.MandatoryFieldMarker {
    font-size: 120%;
    font-weight: normal;
    color:#DF0000; 
    font-family: Verdana, Arial;
}

/*************************** LINKS ***************************/
.ALink {color:#0000FF;
				text-decoration:none;
				font-size: small}

.ALink:Hover {color:#0000FF;
						  text-decoration:underline;
						  font-size: small}

.ALinkBold {color:#0000FF;
					 	text-decoration:none;
					 	font-size: small;
					 	font-weight:bold}

.ALinkBold:Hover {color:#0000FF;
									text-decoration:none;
									font-size: small;
									text-decoration:underline}

A {color:#008000; 
	 font-size: x-small;
	 font-weight:normal;}

/*************************** TABLES ***************************/
td {font-size: small; 
	 color:#000080; 
	 font-family: Verdana, Arial;}

td.TableHeader {background-color:#EEEEEE;
								color:#000080;
								font-family: Verdana, Arial;
								font-size:medium;
								font-weight:bold;}

.NavigationTable {color:#FFFFFF; 
									background-color:#00C0C0; 
									font-family:verdana; 
									font-size:x-small;
									border-right:1px solid #666666;
									border-bottom:1px solid #666666;
									border-top:1px solid #CCCCCC;
									border-left:1px solid #CCCCCC;}

.TableBlueBg {background-color:#EDF2FF; 
							font-size: small; 
							font-family:verdana; 
							color:#000080;}
									
/*************************** FORMS AND LABELS ***************************/			
.ReadOnlyTextArea {background-color:#EDF2FF; 
									 font-size: small; 
									 color:#000080; 
									 font-family: Verdana, Arial;}

.ReadOnly {background-color:#EDF2FF;
           font-size: small; 
           color:#000080; 
           font-family: Verdana, Arial;}

.InputButton {background-color:#FFFFFF; 
							font-size: small; 
							font-family:Verdana,Arial; 
							color:#000080;
							font-weight:bold}
							
Input {font-family:Verdana,Arial;}	

TextArea {font-family:Verdana,Arial;}

.lblButton {font-size: medium; 
						color:#0000FF; 
						font-family: Verdana, Arial;
						font-weight:bold}

.lblButton:Hover {font-size: medium; 
									color:#000080; 
									font-family: Verdana, Arial;
									font-weight:bold}
									
/** #### Form labels 			 																										**/
/** These classes will be used at the table cell level to 										**/
/** determine the look and feel of labels on a form.													**/
/** MainFormLabel is for labels that must stand out on a screen								**/
/** NormalFormLable is for general labels (e.g. on a form with many fields).	**/
/** Error labels are for when mandatory fields have not been filled in.				**/
/** Text labels are for summary pages that have no form fields.								**/
/** Of course, they can be set to look exactly the same.											**/

.MainFormLabel {font-size: small; 
								color:#000080; 
								font-family: Verdana, Arial;
								text-align: left;}
								  
.MainFormLabelNoWrap {font-size: small; 
								color:#000080; 
								font-family: Verdana, Arial;
								text-align: left;
								white-space: nowrap;}	
.NormalFormLabel {font-size: small; 
								  color:#000080; 
								  font-family: Verdana, Arial;
								  font-weight: normal;
								  text-align: left;}
						  
.MainFormLabelError {font-size: small; 
										 color:#DF0000; 
										 font-family: Verdana, Arial;
										 font-weight: bold;
										 text-align: right;}	

.MainFormLabelErrorNoWrap {font-size: small; 
										 color:#DF0000; 
										 font-family: Verdana, Arial;
										 font-weight: bold;
										 text-align: left;
										 white-space: nowrap;}											 
.NormalFormLabelError {font-size: small; 
								  		 color:#DF0000; 
								       font-family: Verdana, Arial;
								       font-weight: bold;
								       text-align: left;}		
								       
.MainTextLabel {font-size: small; 
								color:#000080; 
								font-family: Verdana, Arial;
								font-weight: bold;
								text-align: left;}
								
.MainTextLabelNoWrap {font-size: small; 
								color:#000080; 
								font-family: Verdana, Arial;
								font-weight: bold;
								text-align: left;
								white-space: nowrap;}								

.NormalTextLabel {font-size: small; 
								  color:#000080; 
								  font-family: Verdana, Arial;
								  font-weight: normal;
								  text-align: left;}
								  
								  
								
								
/*************************** IMAGES ***************************/		

.ImageButton {
    border: 0px none white;
    padding-right: 5px;
    }
.BorderedImage {border: 1px;}
.ImageCenterHoriz {display: block;
					margin-left: auto;
					margin-right: auto;
					border: 0px none white;}

.ImageButtonLeft {
					float:Left;
					border: 0px none white;}
.ImageButtonRight {
					float:right;
					border: 0px none white;}

/*********************** NAVIGATION BAR ************************/		

.NavBarTableCell {background-color:#EEEEEE;
									font-family: Verdana, Arial;
									font-size: small;
									color: #4040FF;
									font-weight: normal;
									text-decoration: none;}

.NavBarLink {font-family: Verdana, Arial;
					   font-size: small;
					   color: #4040FF;
					   font-weight: bold;
					   text-decoration: none;}

.NavBarLink:hover {font-family: Verdana, Arial;
									 font-size: small;
									 color: #4040FF;
									 font-weight: bold;
									 text-decoration: underline;}	
/********************** FIELD SET AND LEGEND *******************/

legend {background-color:#EEEEEE;
								color:#000080;
								font-family: Verdana, Arial;
								font-size:medium;
								font-weight:bold;}

fieldset{ border: 1px solid #445566;padding:5px;}

.w3cbutton 
{
    text-decoration: none;
    background-color:transparent;
    padding-right: 4px;
    height: 32px;
    width: 88px;
}

.hiddenLabel {
    visibility: hidden;
    float: right;
} 
		
/* mandatory label marker */         
.field-required:after
{
    font-size: 100%;
    font-weight: bold;
    color: red;
    content: "*";
}	

/* make a elemnet take up 100% of available width */
.fullwidth {
    width: 100%;    
}

/* hide an element (textarea) */
.displaynone {
    display: none;
}

/* style input and links as buttons */
.button3sc, input.button3sc, a.button3sc, .smallButton3sc, input.smallButton3sc, a.smallButton3sc {
    display: inline-block;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 110%;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
	color: #000000;
	border: solid 1px #000000;
	background: #E7E7E7;
}
.button3sc, input.button3sc, a.button3sc {
    padding: .5em 2em .55em;
}
.button3sc:hover, input.button3sc:hover, a.button3sc:hover, .smallButton3sc:hover, input.smallButton3sc:hover, a.smallButton3sc:hover {
	text-decoration: none;
	background: #AFAFAF;
	text-decoration: underline;
}
.button3sc:focus, input.button3sc:focus, a.button3sc:focus, .smallButton3sc:focus, input.smallButton3sc:focus, a.smallButton3sc:focus {
	background: #AFAFAF;
}
.button3sc:active, input.button3sc:active, a.button3sc:active, .smallButton3sc:active, input.smallButton3sc:active, a.smallButton3sc:active {
	position: relative;
	top: 2px;
	background: #AFAFAF;
}
.smallButton3sc, input.smallButton3sc, a.smallButton3sc {
    padding: .2em 1em .2em;
	margin-bottom:2px;
	margin-left:2px;
	margin-right: 2px;	
}

.buttonLeft {
	float:left;
}
.buttonRight {
	float:Right;
}

.filePath 
{
    width: 70%;
    vertical-align: middle;
}
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
	
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	left: 0;
	width:100px;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

a.basket-link {
     font-size: small;
     font-weight:bold;

}

.button-right {
    text-align: right;
    float: right;
}

table.basket-table {
    border-spacing : 0;
    margin-bottom : 20px;
    }    

.basket-table > tbody > tr > td, .basket-table > thead > tr > th {
    padding : 8px;
    }

.basket-table > thead > tr > th {
    border-bottom : 1px solid;    
    }

.basket-table > tbody > tr > td {
    border-top : 1px solid;
    }

.basket-table > tbody:first-child > tr:first-child td{
    border-top : 0;
    }

.basket-table > tbody > tr > td.align-right {
    text-align : right;
    }
.basket-table > tbody > tr > td.align-center {
    text-align :center ;
    }

.twoColumn
{    
    max-width: 50%;
    height:auto;
}

.twoColumn label
{
    max-width:10em;
}

.firstColumn
{
   clear:both;
   float:left;
   position:relative;
   padding-right: 10px;
   margin-bottom:5px;
   width:30%;
}

.secondColumn
{
    text-align:left;
    float:left;
    position:relative;
    margin-bottom:5px;
}

.message {
    margin:5px;
}

.pay-button-form, .pay-button-panel {
    display: inline;
}

div.basket-buttons, div.basket-info {
    margin: 15px auto 11px;
    
}

fieldset.margin-top {
    margin-top: 15px;
}

.basket-screen-content{
    font-size: small;
}

.basket-outstanding-message {
    font-weight: bold;
}