body
{
background: url(images/bkg.png) #cecdce repeat-x;
font-family: Arial, Helvetica, sans-serif;
}


/* Zones */

div.zoneContainer
{
	width: 914px;
	margin: 0 auto;
	display: table;
	background: #fff;
}

div.zoneContainer div.zone
{
	width: 914px;
	float: left;
	display:table;
}

div.control
{
	display: block;
	clear: left;
	margin: 4px;
}

div.control div.control
{
	display: inline;
	margin: 0;
}

div.zoneContainer div.voucherZone
{
background: url(images/voucherbk.png) no-repeat;
background-position: center;
height: 309px;
}

div.homeLink
{
height: 121px;
width: 121px;
margin: 0px 0px 0px 22px;
}

div.homeLink a
{
display: block;
height: 121px;
width: 121px;
}

div.voucherInput
{
float: right;
width: 230px;
margin: 40px 44px 0px 0px;
}

div.voucherInput span
{
display: block;
text-align: right;
font-size: 14px;
margin: 10px 0px 10px 0px;
clear: both;
color: #fff;
}

div.voucherInput input
{
float: left;
}

div.voucherInput input.submit
{
float: right;
}

div.voucherProductList
{
margin: 20px 0px 0px 0px;
padding-bottom: 50px;
}

div.voucherProductList span.tierHeading
{
font-size: 16px;
margin: 10px 0px 10px 0px;
display: block;
background: #c9c9c9;
color: #fff;
text-align: center;
padding: 2px 0px 2px 0px;
display: block;
clear: both;
}


div.voucherProductList ul
{
list-style: none;
margin: 0px;
padding: 0px;
}

div.voucherProductList li
{
width: 220px;
height: 235px;
float: left;
text-align: center;
margin: 10px 4px 20px 4px;
position: relative;
border-bottom: 1px #c9c9c9 solid;
padding-bottom: 10px;
}

div.voucherProductList span.productName
{
text-decoration: none;
display: block;
font-size: 14px;
color: #000;
font-weight: bold;
}

div.voucherProductList span.productDescription
{
display: none;
}

div.voucherProductList span.productSelect
{
display: block;
text-decoration: none;
font-size: 14px;
position: absolute;
bottom: 5px;
left: 24px;
color: #ac281e ;
}

div.voucherProductList  a
{
text-decoration: none;
}

div.voucherProductList  img
{
border: none;
width: 150px;
margin-top: 20px;
filter: Alpha(Opacity=30, Style=0); 
-moz-opacity: 30%; 
opacity: 30%;
}

div.voucherProductList img:hover
{
filter: Alpha(Opacity=100, Style=0); 
-moz-opacity: 100%; 
opacity: 100%;
}



div.productTitle h1
{
margin-top: 40px;
color: #c82523;
font-size: 20px;
font-weight: bold;
margin-left: 50px;
}

div.legacyImage
{
float: right;
margin: 50px 0px 0px 0px;
}

div.keyFeatures
{
width: 400px;
margin-left: 50px;
}

div.keyFeatures ul
{
list-style: none;
margin: 0px;
padding: 0px;
}

div.keyFeatures li
{
font-size: 12px;
margin: 10px 0px 10px 0px;
}

div.productOptions
{
margin-bottom: 10px;
margin-left: 50px;
margin-top: 40px;
}

div.addVoucherProductToBasket
{
margin-left: 50px;
}

div.productOptions span, div.addVoucherProductToBasket span.captionText
{
margin-right: 10px;
font-size: 14px;
color: #c82523;
font-weight: bold;
float: left;
}

div.addVoucherProductToBasket select
{
float: left;
margin-right: 10px;
}

div.addVoucherProductToBasket a.submitButton
{
background: url(images/submit.png) no-repeat;
display: block;
width: 75px;
height: 22px;
color: #fff;
text-decoration: none;
font-size: 14px;
text-align: center;
padding-top: 3px;
float: left;
}

div.addVoucherProductToBasket a.submitButton:hover
{
background-position: -75px 0px;
}



div.basket 
{
float: left;
width: 830px;
margin: 20px 0px 5px 50px;
min-height: 200px;
padding: 10px;
}

div.basket div
{
font-size: 12px;
}

div.basket h1
{
padding: 7px 0px 0px 0px;
letter-spacing: 1px;
margin: 0px;
height: 23px;
display: block;
margin-bottom: 10px;
margin-top: 0px;
font-size: 25px;
color: #c82523;
margin: 0px 0px 20px 0px;
}

div.basket table
{
width: 830px;
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: #2a4844;
}

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: 808px;
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: 808px;
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: 20px;
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.customerLogin, div.customerRegistration, div.cardDetails
{
float: left;
clear: none;
font-size: 12px;
margin-left: 50px;
margin-bottom: 10px;
margin-top: 10px;
padding: 0px 10px 10px 10px;
border: #999 1px solid;
margin-right: 25px;
}

div.customerLogin,div.cardDetails
{
margin-top: 40px;
}

div.customerLogin div.login span
{
width: 200px;
display: block;
}

div.customerRegistration tr
{
margin-bottom: 20px;
}

div.customerLogin h1, div.customerRegistration h1, div.cardDetails h1
{
font-size: 14px;
color: #c82523;
}

div.customerLogin input.button
{
margin-top: 20px;
}

div.cardDetails  th
{
text-align: right;
}

div.cardDetails td.alternateAddress
{
width: 500px;
text-align: right;
}

div.cardDetails td.alternateAddress table
{
float: right;
}

div.customerLogin input.button, div.customerRegistration input.button
{
margin-top: 10px;
}

input.issueNumber, input.securityCode
{
width: 30px;
}

div.cardDetails th
{
text-align: right;
}


div.orderHeader
{
}

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;
font-size: 12px;
}

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: #c82523;
display: block;
font-weight: bold;
padding: 4px 0px 4px 6px;
font-size: 12px;
}

Td.required
{
FONT-WEIGHT: BOLD;
}

div.orderConfirmation
{
margin-left: 50px;
}

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: #c82523;
font-weight: bold;
}

div.print
{
margin-left: 50px;
}

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;
}

div.print a:hover
{
background-position: -124px 0px;
}


div.thanksHeader h1
{
color: #a35191;
margin-top: 10px;
font-size: 18px;
}

div.thankspara
{
margin-left: 50px;
}


div.thankspara p
{
font-size: 12px;
}

div.return
{
float: right;
margin: 150px 50px 0px 0px;
}

div.return a
{
color: #fff;
text-decoration: none;
font-size: 14px;
}

div.return a:hover
{
text-decoration: underline;
}

div.spacer
{
clear: both;
}

div.orderHeader
{
color: #c82523;
margin-top: 10px;
font-size: 10px;
margin-left: 50px;
}