/* UBER GENERIC STYLES */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
table, td, th {
border:0;
border-collapse:collapse;
}

.wrapper {
	width: 740px;
	height: auto;
	clear: both;
}

.wrapperOS {
	width: 530px;
	height: auto;
	clear: both;
}

.wrapper h1, .wrapperOS h1 {
	margin: 23px 0 0 27px;
	font-size: 120%;
	color: #666;
}

.wrapper p, .wrapperOS p {
	margin: 20px 0 0 27px;
	font-size: 75%;
}

.wrapper table, .wrapperOS table {
	margin: 20px 0 0 27px;
}

.errorMessage {
	font-weight: bold;
	color: #cc0033;
}
.errorMessageNew {
	font-weight: bold;
	font: 105% Arial, Helvetica, sans-serif;
	color: #FF0000; 
	padding: 0; 
	margin: 0; 
}
form {
	margin: 0;
	padding: 0;
}

.mandatory {
	font-weight: bold;
	color: #cc0033;
	font-size: 20px;
	margin-top: -5px;
	height: 5px;
	top: -1px;
	/*/*/
	position: relative;
	top: 5px;
	margin-left: 3px;
	/* End hiding from NN4 */
}

a img {
	border: 0;
}

em {
	font-weight: bold;
	font-style: normal;
}

a:link {
	color: #6666cc;
	text-decoration: underline;
}



table a:link {
	color: #666;
	text-decoration: underline;
}

a:visited {
	color: #6666cc;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: underline;
}


/* Skiplink styles */
.skiplinks ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.skiplinks li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}

.skiplinks a {
	color: black;
	position: absolute;
	top: 2px;
	left: 175px;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: .6em;
}

.skiplinks a:active, .skiplinks a:focus {
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	font-size: 0.8em;
	border: 0;
	margin: 0;
	padding: 3px;
	background: #eee;
}

/* end skiplinks */

/* END UBER GENERIC STYLES */

/* PROGRESS BAR */
#progress {
	margin-left: 27px;
	height: auto;
}

#progress ul {
	margin: 0;
	padding: 0;
	background-image: url(/Templates/images/progress_bar/back.gif);
	width: 713px;
}

#progress ul, #progress li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

/* END PROGRESS BAR */

/* SIGN IN REGISTER PAGE */
.wrapper #newCustomers {
	height: auto;
	width: 713px;
	margin: 20px 0 0 27px;
	border: solid 1px #e4e4e4;
	display: inline;
	float: left;
}

.wrapper #newCustomers h2 {
	margin: 0 0 12px 0;
	padding: 0 10px;
	font-weight: bold;
	font-size: 75%;
	color: #666;
	line-height: 25px;
	background-color: #e4e4e4;
	clear: right;
}
.wrapper #newCustomers h3 {
	font-size: 75%;
	font-weight:bold;
	margin:20px 0 10px 10px;
	width:320px;
	clear:none;
}

.wrapper #newCustomers .helpArea {
	margin:20px 5px 5px 5px;
}


.wrapper #newCustomers p, .wrapperOS #newCustomers p {
	margin: 0 0 10px 10px;
}


.wrapper #newCustomers .textEntryn {
	width: 137px;
	height: 17px;
	border: 1px solid #b2b2b2;
}

#newCustomers input{
	margin: 0 0 0 10px;
	padding: 0;
}

#newCustomers input.radio{
	margin-left: -4px;
}



/* END SIGN IN REGISTER PAGE */

/* GENERIC FORM STYLES */
.wrapper .form #message {
	margin: 0 10px;
	font-size: 70%;
}

.wrapper #passwordRequest {
	margin: 0 0 4px 10px;
	border: 0;
	vertical-align: middle;
}

.wrapper h2, .wrapperOS h2 {
	font-weight: bold;
	font-size: 120%;
	margin: 23px 0 0 27px;
	padding: 0;
}


.wrapper h3, .wrapper h4, .wrapperOS h3, .wrapperOS h4 {
	font-weight: bold;
	font-size: 100%;
	margin: 23px 0 0 27px;
	padding: 0;
	clear: right;
	width: auto;
}

.wrapper .form {
	height: auto;
	width: 713px;
	margin: 17px 0 0 27px;
	border: solid 1px #e4e4e4;
}

.wrapper .form#formLeft{
	float: left;
	width: 530px;
}
*html .wrapper .form#formLeft{
	float: left;
	width: 530px;
	margin-left:14px;
	margin-right:12px;
}

.wrapperOS .form {
	height: auto;
	width: 530px;
	margin: 17px 0 0 0;
}

.wrapperOS .form3 {
	height: auto;
	width: 740px;
}

.wrapper .form h2, .wrapper .form h3 {
	margin: 0 0 12px 0;
	padding: 0 10px;
	font-weight: bold;
	font-size: 75%;
	color: #666;
	line-height: 25px;
	background-color: #e4e4e4;
	clear: both;
}

.wrapperOS .form h2, .wrapperOS .form h3 {
	margin: 0 0 12px 0;
	padding: 0 10px;
	font-weight: bold;
	font-size: 75%;
	color: #666;
	line-height: 25px;
	background-color: #e4e4e4;
	clear: right;
}

.wrapperOS .form .boxWrapLeftBlack h2{
	margin: 0 0 12px 0;
	padding: 0 10px;
	font-weight: bold;
	font-size: 75%;
	color: #FFFFFF;
	line-height: 25px;
	background-color: #000000;
	clear: right;
}

.wrapperOS .form2 h2, .wrapperOS .form2 h3 {
	margin: 0 0 0 0;
	padding: 0 10px;
	font-weight: bold;
	font-size: 75%;
	color: #666;
	line-height: 25px;
	background-color: #e4e4e4;
	clear: right;
}

.wrapperOS .form .boxWrapLeft {
	margin: 0 0 0 0;
	margin-bottom: 20px;
	width: 530px;
	padding: 0 0;
	border: 1px solid #e4e4e4;
}

.wrapperOS .form .boxWrapLeftBlack {
	margin: 0 0 0 0;
	margin-top: -20px;
	margin-bottom: 20px;
	width: 530px;
	padding: 0 0;
	border: 1px solid #000000;
}

.wrapperOS .form2 .contentOrderRight .boxWrapRight {
	margin: 0 0 20px 0;
	border: 1px solid #e4e4e4;
}

.wrapperOS .form2 .contentOrderRight .boxWrapRight p{
	padding: 4px 8px;
}

.wrapperOS .form2 .contentOrderRight {
	width: 169px; 
}



* html .wrapper .form h2, * html .wrapper .form h3 {
	width: 100%;
}

* html .wrapperOS .form h2, * html .wrapperOS .form h3 {
	width: 530px;
}
* html .wrapperOS .form2 h2, * html .wrapperOS .form2 h3 {
	width: 169px;
}

.wrapper .form p, .wrapperOS .form p {
	margin: 0 10px 8px 10px;
}

.wrapperOS .form2 p {
	margin: 0 10px 0px 3px;
}


.wrapper .form p label, .wrapperOS .form p label, .wrapperOS .form2 p label {
	display: block;
	float: left;
	clear: left;
	width: 121px;
	text-align: right;
	font-weight: normal;
	margin-right: 10px;
}
.wrapperOS .form p label.noBlock {
	display: inline;
	width: auto;
	text-align: left;
	margin-right: 10px;}

.wrapper .form p label.nonstandard {
	display: inline;
	float: none;
	width: auto;
}

.wrapper .form p label#privacy, .wrapperOS .form p label#privacy {
	width: 691px;
	text-align: left;
}

.wrapper .form p input#txPP, .wrapperOS .form p input#txPP {
	border: 0;
}

.wrapper .form p input, .wrapper .form p select, .wrapperOS .form p input, .wrapperOS .form p select {
	border: 1px solid #b2b2b2;
	font-weight: bolder;
	font-size: 75%;
	color: #333;
}

.wrapper .form p input#validatCode, .wrapperOS .form2 p input#validatCode {
	border: 0;
	position: relative;
	top: 6px;
}

.wrapper .form p input.radio, .wrapper .form p input.check, .wrapper .form p input.tickNudge, .wrapperOS .form p input.radio, .wrapperOS .form p input.check, .wrapperOS .form p input.tickNudge {
	border: 0;
}

.wrapper .form p input.tickNudge {
	border: 0;
	margin-top: -40px;
	margin-left: 645px;
	margin-bottom: 0;
}

.wrapperOS .form p input.tickNudge {
	border: 0;
	margin-top: -30;
	margin-left: 370px;
	margin-bottom: 0;
}

.wrapper .form p .deliveryDate, .wrapperOS .form p .deliveryDate {
	width: 139px;
}

.wrapper .form p .formHint {
	display: block;
	margin: 1px 0 0 131px;
	font-size: 90%;
}

.wrapper p.button, .wrapperOS p.button {
	text-align: right;
	margin:10px 10px 0   10px;
}

.wrapper .form p.button input, .wrapperOS .form p.button input {
	border: 0;
}

.form .addresstext {
        font-size: 100%;
	margin: 5px 0 10px 15px;
	display: block;
}

.form .address {
	font-size: 75%;
	font-weight: bold;
	margin: 0 0 10px 0;
	display: block;
}

.form .multiselect {
	border: 1px solid;
	margin-left: 10px;
	font-size: 75%;
	font-weight: bold;
	color: #000;
        width: 300px;
}

* html .form .multiselect {
	margin-left: 0;
}

.bfpo  {
	font-size: 100%;
	padding: 0 0 10px 5px;
	display: block;
}

.wrapper #buttons {
	vertical-align: top;
	margin: 0;
	padding: 0;
	width: 740px;
	clear: both;
}

.wrapperOS #buttons {
	vertical-align: top;
	margin: 0;
	padding: 0;
	width: 560px;
	clear: both;
}

.minor {
	float: left;
	clear: both;
	margin: 10px 10px 0 37px;
}

.minorOS {
	float: left;
	clear: both;
	margin: 10px 0 0 27px;
}

.major {
	float: right;
	margin: 10px 10px 0 10px;
}

.majorOS {
	float: right;
	margin: 10px -25px 0 10px;
}

.minorSubmit {
	float: left;
	clear: both;
	margin: 2px 10px 0 37px;
}

.majorSubmit {
	float: right;
	margin: 2px 10px 0 10px;
}

.wrapper #buttons form, .wrapperOS #buttons form {
	display: inline;
	margin: 0;
	padding: 0;
}

.lastFormHeight {
	margin-bottom: 5px;
}

.lastTextHeight {
	height: 21px;
}

.pConfirmationHeight {
	padding-top: 12px;
	height: 63px;
}

.validateNudge {
	margin-left: 10px;
}

.validateNudgeOS {
	margin-left: 0px;
	margin-top: 5px;
}

.tickHeight {
	height: 48px;
}

.validateHeight {
	height: 40px;
}

.wrapper .form .deliveryConfirmationLabel, .wrapperOS .form .deliveryConfirmationLabel {
	text-align: left;
	white-space: nowrap;
	width: 193px;
	margin-left: 5px;
}

.wrapper .form .datatable, .wrapperOS .form .datatable {
	width: auto;
	margin: 0;
	border:0;
}

.wrapper .form ul, .wrapperOS .form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: 10px;
	margin-right: 10px;
}

.wrapper .form li, .wrapperOS .form li {
	padding-top: 10px;
	font-size: 70%;
	border-top: solid 1px #e4e4e4;
	clear: both;
	display: block;
	width: 691px;
	height: 32px;
}

* html .wrapper .form li, * html .wrapperOS .form li {
	height: 42px;
}

.wrapper .form ul li img, .wrapperOS .form ul li img {
	float: right;
}

.wrapper .form ul li span, .wrapperOS .form ul li span {
	display: block;
	float: left;
	width: 470px;
}

#paymentDetails {}


.helpArea {
	float: right;
	width: 278px;
	max-width: 278px;
	margin: 0 5px;	/* 15px top and 10px of bottom already handled by heading styles */
}

p.non-ukLink{
	padding-left: 134px;}

* html .helpArea {
	/* IE appears to have issues with the margin */
	margin-bottom: 5px;
}

.helpArea span {
	border: 1px dotted blue;
	display: block;
	border: 1px solid #b2b2b2;
	background: url(/images/greyHelpIcon.gif) no-repeat 10px 10px #e5e5e5;
	padding: 10px;
	padding-left: 48px; /* To allow for the help image and 10px space on the left and (arbitrarily) 3px more on the right */
	min-height: 28px;
	height: auto;
	font: 70% Arial, Helvetica, sans-serif;
	color: #666666;
}

* html .helpArea span {
	/* Box model issues with IE; 28px image needs 10px padding top and bottom */
	height: 48px;
	min-height: 48px;
}

/* END GENERIC FORM STYLES */

/* DATATABLES */

.wrapper .form table.dataTable {
	margin: 0;
	padding: 0;
	width: 711px;
	border-bottom: 0;
}

.wrapperOS .form table.dataTable {
	margin: 0;
	padding: 0;
	width: 530px;
	border-bottom: 0;
}

.wrapper .form table.dataTable caption {
	text-align: left;
	margin: 0 0 12px 0;
	padding: 0 10px;
	font-weight: bold;
	font-size: 75%;
	color: #666;
	line-height: 25px;
	background-color: #e4e4e4;
}

.wrapperOS .form table.dataTable caption {
	text-align: left;
	margin: 0 0 12px 0;
	padding: 0 10px;
	font-weight: bold;
	font-size: 75%;
	color: #666;
	line-height: 25px;
	background-color: #e4e4e4;
}

.wrapper .form table.dataTable th {
	font-size: 75%;
	line-height: 25px;
	padding: 0;
	font-weight: bold;
	color: #666;
	background-color: #e4e4e4;
}

.wrapperOS .form table.dataTable th {
	font-size: 75%;
	line-height: 25px;
	padding: 0;
	font-weight: bold;
	color: #666;
	background-color: #e4e4e4;
}

.wrapper .form table.dataTable th {
	padding: 0 10px;
	text-align: left;
}

.wrapperOS .form table.dataTable th {
	padding: 0 10px;
}

.wrapper .form table.dataTable th.centered, .wrapperOS .form table.dataTable th.centered {
	text-align: center;
}

.wrapper .form table.dataTable th.right, .wrapperOS .form table.dataTable th.right {
	text-align: right;
}

.wrapper .form table.dataTable td {
	font-weight: bold;
	vertical-align: top;
	padding: 12px 0 12px 10px;
	border-bottom: 1px solid #e4e4e4;
	font-size: 70%;
}

.wrapperOS .form table.dataTable td {
	font-weight: bold;
	vertical-align: top;
	padding: 12px 0 12px 10px;
	font-size: 70%;
}

.wrapper .form table.dataTable td span, .wrapper .form table.dataTable th span, .wrapperOS .form table.dataTable td span, .wrapperOS .form table.dataTable th span {
	font-weight: normal;
}

.wrapper .form table.dataTable td .price, .wrapperOS .form table.dataTable td .price {
	font-weight: bold;
	color: #66c;
	text-align: right;
}

.wrapper .form table.dataTable td .priceWas, .wrapperOS .form table.dataTable td .priceWas {}

.wrapper .form table.dataTable td .priceSaved, .wrapperOS .form table.dataTable td .priceSaved {}


.wrapper .form table.dataTable td .priceTotalCost, .wrapperOS .form table.dataTable td .priceTotalCost {
	font-size: 120%;
	color: #66c;
	font-weight: bold;
}

.wrapper .form table.dataTable td .totalCost, .wrapperOS .form table.dataTable td .totalCost {
	font-size: 120%;
	font-weight: bold;
}

.wrapper .form table.dataTable td.centered, .wrapperOS .form table.dataTable td.centered {
	text-align: center;
	padding: 12px 10px 12px 10px;
}

.wrapper .form table.dataTable td.right, .wrapperOS .form table.dataTable td.right {
	text-align: right;
	padding: 12px 10px 12px 0;
}


table#charges {
	width: 711px;
	margin: 0;
	text-align: right;
	border-collapse: collapse;
	border-bottom: 1px solid #e4e4e4;
}

table#chargesOS {
	width: 530px;
	margin: -20px 0 0 0;
	text-align: right;
	border-collapse: collapse;
}

table#charges caption {
	text-align: left;
	padding: 0 0 0 10px;
	font-weight: bold;
	font-size: 75%;
	color: #666;
	line-height: 22px;
	background-color: #e4e4e4;
}

table#chargesOS caption {
	text-align: left;
	padding: 0 0 0 10px;
	font-weight: bold;
	font-size: 75%;
	color: #666;
	line-height: 22px;
	background-color: #e4e4e4;
}

table#charges .price, table#chargesOS .price {
	font-weight: bold;
	color: #66c;
	text-align: right;
}

table#charges .totalCost, table#chargesOS .totalCost {
	font-size: 100%;
}

table#charges th, table#charges td, table#chargesOS th, table#chargesOS td {
	font-size: 75%;
	text-align: right;
	font-weight: bold;
	text-align: right;
	padding: 0 10px;
}

table#charges .topRow th, table#charges .topRow td, table#chargesOS .topRow th, table#chargesOS .topRow td {
	padding-top: 10px;
	padding-bottom: 2px;
}

table#charges .totalCost, table#chargesOS .totalCost {
	padding-top: 12px;
	padding-bottom: 9px;
}

/* END DATATABLES*/

/* FOOTER */

#footer a:link{color:#666;}
#basketDisclaim a:link{color:#666;}

#checkoutFooter {
	clear: both;
	width: 713px;
	margin: 20px 0 0 27px;
	height: 104px;
	background-color: #ececec;
}

#checkoutFooter a:hover {
	text-decoration: underline;
}


#checkoutFooter {
	position: relative;
	left: 27px;
	width: 713px;
	margin: 20px 0;
	height: 50px;
	background-color: #ececec;
}

#checkoutFooter h2 {
	font-size: 70%;
	font-weight: bold;
	color: #333;
	margin: 8px 0 0 16px;
	padding: 0;
}

#checkoutFooter ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 16px;
}

#checkoutFooter ul li {
	display: inline;
	padding: 0;
	margin: 0 50px 0 0;
}

#checkoutFooter ul li a {
	font-size: 70%;
	color: #666;
	line-height: 15px;
	padding-left: 8px;
	background: url(/images/chev.gif) left top no-repeat;
	text-decoration: none;
}

#checkoutFooter a:hover {
	text-decoration: underline;
}


#checkoutFooter .last {
	margin-right: 0;
}


/* TOP STYLES */
#checkoutTopWrap {
	width: 740px;
}

#checkoutTopWrap #logo {
	display: inline;
	float: left}
#checkoutTopWrap h1 {
	display: inline;
	float: right;
	font-size: 120%;
	margin: 0;
	padding: 0;
	position: relative;
	top: 44px;
}

.Calender_border {
width: 150px; 
height: 220px; 
background-color: white; 
font-size: 100%; 
margin-left: 0px; 
margin-right: 0px; 
padding: 0 0 0 0; 
border: 3px solid black;
}

.Calender_MonthDisp {
width: 150px; 
height: 15px; 
background-color: black; 
font-size: 75%; 
margin-left: 0px; 
margin-right: 0px; 
padding: 0 0 0 0; 
color: white;
font-weight: bold;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
}

.Calender_LinkBorder {
width: 10px; 
height: 10px; 
background-color: black; 
font-size: 110%; 
color: white;
border: 1px solid white;
padding: 0 2px 0px 4px; 
cursor: hand;
}

.Calender_WeekDispl {
width: 150px; 
height: 25px; 
background-color: #E5E5E5; 
font-size: 75%; 
font-weight: bold; 
color: black;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
}

.Calender_DayDispl {
font-size: 75%; 
color: black;
position: relative;
font-family: Arial, Helvetica, sans-serif;
}
/*patch P0731 will need deleting*/
#moreUpdate {
	width: 530px;
	color:CE0031;
	border:1px solid #B01F2D;
	font-weight:bold;
	margin:17px 0 0 27px;
	padding:0;
	min-height:56px;
* html height:56px;
}
#moreUpdate p{
	margin:5px 10px 5px 13px;
	padding:0;
	min-height:66px;
}
#moreUpdate a {
	color:CE0031;
	display:block;
}
/*end of patch P0731 will need deleting*/