body
{
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}

div.zoneContainer
{
	width: 915px;
	margin: 0 auto;
	display: table;
}

div.zoneContainer div.zone
{
	width: 915px;
	float: left;
	display:table;
}

div.control
{
	display: block;
	clear: left;
	margin: 0px;
}

div.control div.control
{
	display: inline;
	margin: 0;
}

div.zoneContainer div.voucherZone
{
background: url(images/voucherBkg.jpg) no-repeat;
height: 300px;
}

div.zoneContainer div.top
{
height: 110px;
}

div.voucherInput
{
margin: 20px 0px;
}

div.voucherInput span
{
font-size: 12px;
color: #aaa;
font-weight: bold;
}

div.voucherInput input.text
{
margin: 0px 10px 0px 10px;
}

div.voucherInput input.submit
{
margin-right: 10px;
}

div.homeLink
{
height: 69px;
width: 178px;
margin-top: 15px;
padding-bottom: 20px;
float: left;
}

div.homeLink a
{
height: 69px;
width: 178px;
background: url(images/marroitt.jpg) no-repeat;
margin: 10px 0px 0px 0px;
display: block;
}




div.voucherProductList
{
margin: 0px 0px 50px 0px;
padding: 10px 0px 0px 0px;
clear: both;
}

div.voucherProductList  ul
{
padding: 0px;
list-style: none;
margin-left: 0px;
}

div.voucherProductList  li
{
border: 1px #dcdcdc solid;
float: left;
width: 390px;
margin: 0px 10px 10px 0px;
padding: 15px;
cursor: pointer;
}

div.voucherProductList  li:hover
{
border: 1px #4b2a45 solid;
}

div.voucherProductList a
{
}

div.voucherProductList img
{
float: left;
border: 0px;
height: 100px;
}

div.voucherProductList  a span
{
float: right;
clear: right;
}

div.voucherProductList  span.tierHeading
{
font-siz4: 14px;
font-weight: bold;
color: #b30938;
margin: 0px 0px 0px 0px;
display: block;
clear: both;
}

div.voucherProductList  a span.productName
{
text-decoration: none;
font-size: 16px;
margin: 0px 0px 40px 0px;
width: 240px;
text-align: right;
color: #b30938;
letting-spacing: 2px;
height: 35px;
}

div.voucherProductList  a span.productSelect
{
text-decoration: none;
color: #999;
font-size: 14px;
background: url(images/arrow.png) no-repeat;
background-position:  right 2px;
width: 250px;
text-align: right;
}

div.voucherProductList  a span.productDescription
{
display: none;
}



div.productTitle
{
color: #b40936;
font-size: 25px;
margin: 20px 0px 20px 0px;
width: 400px;
float: left;
clear: none;
}

div.legacyImage
{
float: right;
clear: none;
}

div.keyFeatures
{
margin: 0px 0px 0px 0px;
padding: 0px;
clear: left;
width: 450px;
}

div.keyFeatures ul
{
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
color: #959595;
}

div.keyFeatures li
{
margin: 10px 0px 10px 0px;
font-size: 14px;
}

div.addVoucherProductToBasket
{
margin: 20px 0px 0px 0px;
}

div.addVoucherProductToBasket span
{
margin: 4px 10px 0px 0px;
font-size: 12px;
float: left;
}

div.addVoucherProductToBasket select
{
margin: 0px 10px 0px 0px;
float: left;
}

div.addVoucherProductToBasket a
{
font-size: 12px;
BACKGROUND-IMAGE: url(images/submit.png);
height: 20px;
width: 75px;
text-align: center;
display: block;
color: #fff;
text-decoration: none;
padding-top: 3px;
float: left;
}

div.addVoucherProductToBasket a:hover
{
background-position: -75px 0px;
}

div.productOptions
{
font-size: 12px;
margin: 20px 0px 0px 0px;
}

div.productOptions select
{
margin: 0px 10px 0px 10px;
}
div.basket 
{
float: left;
width: 914px;
margin: 0px 0px 5px 0px;
min-height: 200px;
padding: 0px;
}

div.basket div
{
font-size: 12px;
}

div.basket h1
{
font-size: 18px;
font-weight: bold;
color: #b30938;
padding: 7px 0px 0px 0px;
letter-spacing: 1px;
margin: 0px;
height: 23px;
display: block;
margin-bottom: 10px;
margin-top: 0px;
}

div.basket table
{
width: 914px;
border: 1px #999 solid;
border-collapse: collapse;
}

div.basket th
{
text-align: left;
font-size: 12px;
padding-left: 14px;
}

div.basket tr
{
font-size: 12px;
background: #cccccc;
color: #336;
}

tr.item 
{
background: #fff;
}

div.basket tr.alt
{
background: #fff;
color: #000;
}


div.basket tr.item
{
color: #000;
background: #fff;
}

div.basket tr a
{
text-decoration: none;
color:  #aaa;
}

div.basket tr a:hover
{
color: #8fc53b;
}

div.basket input
{
width: 20px;
text-align: center;
}

div.basket td
{
padding: 20px 0px 20px 14px;
border: 1px #999 solid;
}

div.basket td.offer
{
border: none;
border-top: 1px #999 solid;
}

div.basket td.price
{
border-right: none;
}

div.basket td.remove 
{
text-align: center;
}

div.basket td.remove a
{
background : url(images/remove.jpg) no-repeat;
display: block;
height: 33px;
width: 62px;
color: #fff;
padding: 8px 0px 0px 0px;
float: right;
margin-right: 18px;
}
div.basket div.costOfGoods
{
float: left;
margin-top: 0px;
padding-top: 5px;
clear: both;
font-size: 12px;
padding-right: 20px;
text-align: center;
background: #eeeeee;
width: 892px;
border-left: 1px #999 solid;
border-right: 1px #999 solid;
}


div.basket div.costOfGoods span.price
{
float: right;
}

div.basket div.costOfGoods span.label, div.basket div.priceSummary span.label
{
display: block;
float: left;
width: 700px;
margin-right: 40px;
text-align: right;
}

div.voucherBasket div.priceSummary span.label
{

}

div.basket div.priceSummary
{
margin-top: 0px;
padding-top: 20px;
float: left;
clear: both;
font-size: 12px;
padding-right: 20px;
text-align: right;
background: #eeeeee;
width: 892px;
padding-bottom: 10px;
border-left: 1px #999 solid;
border-right: 1px #999 solid;
border-bottom: 1px #999 solid;
margin-bottom: 10px;
}



div.basket div.controls
{
width: 80px;
float: right;
margin-top: 0px;
margin-right: 0px;
padding-top: 0px;
margin-bottom: 20px;
}

div.basket div.controls input
{
width: 80px;
}

div.basket div.submitVoucher
{
float: left;
margin-top: 10px;
font-size: 12px;
}

div.basket div.submitVoucher input
{
width: 120px;
margin-left: 10px;
}

div.basket span.description
{
color: #06c;
}


div.customerRegistration
{
clear: both;
float: right;
margin-left: 20px;

}

div.customerLogin
{
width: 400px;
margin-top: 40px;
margin-left: 20px;
}

div.customerLogin h1
{
font-size: 18px;
color: #b30938;
}

div.customerLogin p
{
font-size: 12px;
}

div.customerLogin span
{
display: block;
font-size: 12px;
}

div.customerLogin input.button
{
margin-top: 10px;
}

div.customerLogin strong
{
padding-top: 10px;
color: #4b2a45;
display: block;
}

div.customerRegistration
{
font-size: 12px;
}

div.customerRegistration h1, div.cardDetails h1
{
font-size: 18px;
color: #b30938;
}

div.customerRegistration strong
{
color: #b30938;
}

div.customerRegistration td.required
{
color: #b30938;
}

div.cardDetails
{
font-size: 12px;
margin-left: 20px;

}

div.cardDetails td input.issueNumber, div.cardDetails td input.securityCode
{
width: 40px;
}

div.cardDetails td.alternateAddress
{
width: 500px;
text-align: right;
}

div.cardDetails td.alternateAddress table
{
float: right;
}

div.cardDetails  th
{
text-align: right;
}

div.orderheader  h1
{
font-size: 18px;
color: #b30938;
margin-top: 20px;
margin-left: 0px;
}

div.thanksParagraph
{
font-size: 12px;
margin-left: 15px;
}

div.orderConfirmation
{
margin-left: 0px;
}

div.orderConfirmation p
{
font-size: 12px;
}

div.orderConfirmation p.orderName
{
display: none;
}

div.orderConfirmation span
{
font-size: 12px;
display: block;
}

div.orderConfirmation p.productTitle,  div.orderConfirmation p.contactTitle,  div.orderConfirmation p.deliveryTitle
{
color: #b30938;
font-weight: bold;
}

div.print a
{
text-decoration: none;
font-size: 12px;
color: #fff;
background: #aaa;background: url(images/printbutton.png) no-repeat;
width: 124px;
height: 21px;
display: block;
color: #434343;
text-align: center;
padding-top: 2px;
margin-left: 0px;
}

div.print a:hover
{
background-position: -124px 0px;
}

div.thankspara
{
margin-left: 0px;
color: #000;
font-size: 12px;
}



div.survey
{
clear: both;
background: none;
padding-top: 10px;
margin: 10px 0px 0px 0px;
border: 1px #999 solid;
}

div.survey tr
{
 background: none;
color: #000;
float: left;
clear: none;
margin: 0px;
border: none
}

div.survey td
{
 background: none;
padding: 0px 0px 0px 0px;
border: none
}

div.survey  div.group
{
margin-bottom: 0px;
}

div.survey  div.group table
{
margin: 0px 0px 0px 0px;
border: none
}

div.survey div.group input
{
margin-top: 10px;
width: 400px;
height: 20px;
text-align: left;
margin-left: 6px;
margin-bottom: 10px;
}

div.survey  div.group tr td input
{
width: 20px;
height: 10px;
}

div.survey span
{
background: none;
color: #b30938;
display: block;
font-weight: bold;
padding: 4px 0px 4px 6px;
font-size: 12px;
}

Td.required
{
FONT-WEIGHT: BOLD;
}


div.return
{
float: right;
clear: none;
width: 300px;
margin: 75px 0px 0px 0px;
}

div.return a
{
text-decoration: none;
color: #aaa;
float: right;
}

div.return a:hover
{
color: #b30938;
}


div.smallVoucher
{
float: right;
width:300px;
clear: none;
margin: 10px 0px 0px 0px;
}

div.smallVoucher span
{
text-align: right;
display: block;
margin-bottom: 10px;
color: #333;
font-size: 12px;
}

div.smallVoucher input.text
{
margin-left: 29px;
}

