/* Zones */

body
{
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

h1
{
color: #fff;
size: 20px;
font-weight: bold;
}

div.zoneContainer
{
	width: 914px;
	margin: 0 auto;
	display: table;
	background: #fff;
}
zoneContainer div.zone
{
	width: 914px;
	float: left;
	display:table;
}
control
{
	display: block;
	clear: left;
	margin: 0px;
}

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

div.zoneContainer  div.zoneHeader
{
	height: 110px;
	width: 914px;
	BACKGROUND-POSITION: 20px 5px;
	BACKGROUND-IMAGE: url(images/logo.jpg);
	BACKGROUND-REPEAT: no-repeat;
        margin: 0px;
}


div.zoneContainer  div.zoneFooter
{
height: 60px;;
BACKGROUND-IMAGE: url(images/footer.jpg);
BACKGROUND-REPEAT: no-repeat;
margin-top:20px;
clear: none;
padding-top: 40px;
}

div.zoneContainer  div.zoneCheckout
{
height: 60px;;
BACKGROUND-IMAGE: url(images/footer.jpg);
BACKGROUND-REPEAT: no-repeat;
margin-top:10px;
clear: both;
}

div.zoneContainer  div.zoneLower
{
height: 100px;;
BACKGROUND-IMAGE: url(images/water.jpg);
BACKGROUND-REPEAT: no-repeat;
margin-top:10px;
}

div.zoneHeader div.paragraph
{
width: 170px;
float:right;
clear:none;
}

div.zoneHeader p
{
width: 170px;
text-align: right;
float: right;
margin-top: 45px;
color: #5cb4e5;
BACKGROUND-IMAGE: url(images/phone.jpg);
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: 38px 3px;
}

div.zoneMiddle div.header
{
width: 222px;
}

div.zoneMiddle h1
{
background: #5cb4e5;
width: 222px;
padding: 10px 0px 20px 38px;
margin: 0px;
font-size:20px;
}

div.zoneList
{
width: 260px;
float: left;
}

div.zoneProduct
{
width:630px;
height: 436px;
float: left;
margin-left: 20px;
}

div.zoneProductTwo
{
width:630px;
float: left;
margin-left: 20px;
}

div.zoneBasket
{
width:630px;
height: 436px;
float: left;
margin-left: 20px;
BACKGROUND-IMAGE: url(images/contshopping.jpg);
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: 0px 310px;
}

div.zoneBottom
{
clear: none;
margin-top: 67px;
}

div.zoneBottomTwo
{
clear: both;
margin-top: 0px;
}

div.zoneList div.header
{
width: 222px;
}

div.zoneList h1
{
background: #5cb4e5;
width: 222px;
padding: 10px 0px 20px 38px;
margin: 0px;
font-size: 20px;
}

div.departmentList
{
background: #5cb4e5;
width: 260px;
height: 382px;
margin: 0px;
BACKGROUND-POSITION: 0px 230px;
BACKGROUND-IMAGE: url(images/productsearch.jpg);
BACKGROUND-REPEAT: no-repeat;
margin-bottom: 20px;
}

div.departmentList li 
{
LIST-STYLE-TYPE: none;
color: #fff;
padding-left: 0px;
padding-bottom: 5px;
}

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

div.departmentList a:hover
{
color: #b0def7;
background-image: url(images/arrrow.jpg);
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: 120px 6px;
padding-right: 80px;
}

div.departmentList a.selected
{
color: #b0def7;
background-image: url(images/arrrow.jpg);
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: 120px 6px;
padding-right: 80px;
}

div.zoneMiddle div.hyperlink
{
width: 654px;
height: 436px;
float: right;
background-image: url(images/swimwear.jpg);
}

div.zoneMiddle div.hyperImage
{
width: 654px;
height: 436px;
float: right;
background-image: url(images/thanks.jpg);
}

div.simpleMenu
{
clear:both;
width: 914px;
height: 33px;
background-image: url(images/menu.jpg);
margin-top: 70px;
}

div.simpleMenu li
{
LIST-STYLE-TYPE: none;
display: inline;
}

div.simpleMenu a
{
float: left;
display: block;
padding-right: 20px;
padding-top: 7px;
color: #fff;
text-decoration: none;
}

div.simpleMenu a:hover, div.simpleMenu a.selected
{
color: #b0def7;
}

div.basketSummary
{
width:90px;
float: right;
clear:right;
margin-top: 45px;
text-align: right;
BACKGROUND-POSITION: 15px 2px;
BACKGROUND-IMAGE: url(images/basket.jpg);
BACKGROUND-REPEAT: no-repeat;
padding-left: 20px;
margin-right: 20px;
}

div.basketSummary span
{
color: #5cb4e5;
text-align: right;
text-decoration: none;
}

div.promOne
{
width: 346px;
height: 187px;
float: left;
margin-top: 10px;
margin-right: 10px;
}

div.promTwo
{
width: 267px;
height: 187px;
float: left;
margin-top: 10px;
margin-right: 10px;
}

div.promThree
{
width: 280px;
height: 187px;
float: left;
margin-top: 10px;
clear: right;
}

div.simpleMenuTwo
{
width: 914px;
height: 33px;
background-image: none;
background-color: #5cb4e5;
margin-top: -5px;
}

div.hyperFooter
{
width: 220px;
height:30px;
margin-top: 30px;
float:left;
}

div.hyperFooter a
{
height:30px;
display: block;
}

div.productList
{
width: 634px;
height: 436px;
float: right;
}

div.productList div.product
{
width: 134px;
height: 123px;
float:left;
margin-right:20px;
margin-bottom: 15px;
}

div.productList div.product h2
{
font-size: 8.5pt;
text-align: center;
color: #abafb5;
}

div.productList div.footer
{
font-size: 8.5pt;
text-align: center;
padding: 0px;
margin-top: -20px;
color: #5cb4e5;
font-weight: bold;
}

div.navigation
{
font-size: 7.5pt;
clear: both;
text-align: right;
padding-bottom: 5px;
}

div.navigation a
{
color: #5cb4e5;
padding-right: 5px;
text-decoration: none;
}


div.navigation span.pageDetails
{
padding-right: 20px;
}

div.navigation span.searchType, span.itemsPerPage, a.showAllLink
{
display: none;
}

div.navigation span.pageNav span
{
padding-right: 5px;
}

div.navigation span.pageNav a.pageLink
{
padding-right: 5px;
color: #5cb4e5;
text-decoration: none;
}


div.productList div.product a.imagePanel 
{
display: block;
width: 134px;
height: 68px;
text-align: center;
}

div.legacyImage
{
float: left;
width: 230px;
}

div.legacyImage a
{
display: block;
font-size: 10px;
padding-top: 5px;
text-decoration: none;
}

div.popup img
{
width: auto;
}

div.popup a
{
background: #fff;
text-decoration: none;
font-size: 14px;
padding-left: 10px;
padding-bottom: 5px;
}

div.productTitle
{
width: 320px;
float:left;
font-size: 12pt;
font-weight: bold;
color: #5cb4e5;
}

div.productPrice
{
width: 400px;
font-weight: bold;
color: red;
margin-top:2px;
float:left;
}

div.productPrice span.caption
{
width: 60px;
display: block;
float:left;
}

div.productRrp
{
margin-top:10px;
width: 400px;
font-size: 9pt;
float:left;
}

div.productRrp span.caption
{
width: 60px;
display: block;
float:left;
}

div.productSaving
{
width: 400px;
font-size: 9pt;
float:left;
}

div.productSaving span.caption
{
width: 60px;
display: block;
float:left;
}

div.addToBasketOptions
{
margin-top: 40px;
}

div.addToBasketOptions input
{
width: 30px;
text-align: center;
}

div.addToBasketOptions select
{
text-align: center;
margin-right: 20px;
}

div.addToBasketOptions span
{
padding-right: 5px;
color: #5cb4e5;
font-weight: bold;
font-size: 10pt;
}

div.addToBasketOptions a.addToBasketButton
{
width: 118px;
height: 16px;
margin-top: 20px;
display: block;
float: left;
text-decoration: none;
color: #fff;
background: url(images/basket_button.jpg) no-repeat;
font-size: 10pt;
text-align: left;
padding-left: 5px;
}



div.addToBasketOptions a.addToBasketButton:hover
{
BACKGROUND-POSITION: -123px 0px;

}

div.htmlContent
{
OVERFLOW-Y: scroll;	
COLOR: #5cb4e5;	
width:630px;
height: 436px;
}

div.richDescription
{
margin-top: 30px;
font-size: 8pt;
color: #a1a1a1;
width: 400px;
float: right;
OVERFLOW-Y: scroll;	
height: 239px;
}

div.richDescription ul
{
}

div.richDescription li
{
margin-left: -25px;
}


div.keyFeatures
{
margin-top: 10px;
width: 400px;
float: right;
font-size: 8pt;
color: #a1a1a1;
}

div.productSku
{
width: 80px;
float:right;
color: #a1a1a1;
text-align: right;
}

div.basket
{
width: 630px;
}

div.basket h1
{
color:#5cb4e5;
font-size:20px;
}

div.basket table.basketList
{
font-size: 8pt;
width: 630px;
}

div.basket table.basketList td.quantity input
{
width: 30px;
}

div.basket table.basketList th
{
text-align: left;
color: #fff;
padding-left: 4px;
}

div.basket table.basketList td
{
padding-left: 4px;
}

div.basket table.basketList tr
{
background: #5cb4e5;
}

div.basket table.basketList tr.alt
{
background: none;
}

div.costOfGoods
{
margin-top: 40px;
margin-right: 4px;
font-size: 10pt;
text-align:right;
}

div.costOfGoods span.label
{
padding-right: 10px;
}

div.costOfGoods span.price
{
color: #5cb4e5;
font-weight: bold;
padding-left: 20px;
DISPLAY: inline-block;
WIDTH: 40px
}

div.priceSummary
{
font-size: 10pt;
margin-right: 4px;
text-align:right;
}

div.priceSummary span.label
{
padding-right: 10px;
}

div.basket div.controls
{
margin-top: 20px;
margin-right: 4px;
text-align:right;
}

div.priceSummary span.price
{
color: #5cb4e5;
font-weight: bold;
padding-left: 20px;
DISPLAY: inline-block;
WIDTH: 40px
}

div.basket table.basketList tr.item
{
background: #b0def7;
}

div.productDropDownList
{
width: 260px;
margin-left: 40px;
margin-top: -86px;
}

div.productDropDownList SELECT
{
width: 180px;
font-size: 10px;
}


div.productDropDownList a
{
font-size: 12px;
color: #fff;
padding-left: 5px;
text-decoration: none;
}

div.hyperHome
{
width: 240px;
height:50px;
float:left;
}

div.hyperHome a
{
height:50px;
display: block;
}

div.customerLogin h1
{
font-size: 16px;
color: #5cb4e5;
}

div.customerLogin span
{
font-size: 11px;
width: 200px;
display: block;
}

div.customerLogin p
{
font-size: 11px;
}

div.customerLogin input.button
{
font-size: 12px;
margin-top: 10px;
}

div.customerRegistration 
{
width: 630px;
}

div.customerRegistration h1
{
font-size: 16px;
color: #5cb4e5;
}

div.customerRegistration td
{
font-size: 11px;
width: 260px;
display: block;
}

div.customerRegistration td.required
{
color: #5cb4e5;
font-weight: bold;
}

div.customerRegistration STRONG
{
color: #5cb4e5;
font-weight: bold;
}

div.customerLinks
{
background: #5cb4e5;
width: 260px;
height: 382px;
margin: 0px;
BACKGROUND-POSITION: 0px 230px;
BACKGROUND-IMAGE: url(images/productsearch.jpg);
BACKGROUND-REPEAT: no-repeat;
}

div.customerLinks li 
{
LIST-STYLE-TYPE: none;
color: #fff;
padding-left: 0px;
padding-bottom: 5px;
display: block;
}

div.customerLinks a
{
color: #fff;
text-decoration: none;
font-size: 13px;
display: block;
}

div.customerLinks a:hover
{
color: #b0def7;
background-image: url(images/arrrow.jpg);
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: 120px 6px;
padding-right: 80px;
}

div.customerLinks a.selected
{
color: #b0def7;
background-image: url(images/arrrow.jpg);
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: 120px 6px;
padding-right: 80px;
}

div.cardDetails
{
width: 623px;
}

div.cardDetails h1
{
font-size: 16px;
color: #5cb4e5;
}

div.cardDetails TABLE
{
font-size: 7.5pt;
width: 260px;
display: block;
}

div.cardDetails td.defaultAddress
{
width: 200px;
}


div.cardDetails TABLE.customer
{
width: 600px;
}

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

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

div.cardDetails input.cardNumber, input.nameOnCard
{
width: 118px;
}

div.cardDetails td
{

}

div.trueSiteSeal
{
float: right;
margin-right: 20px;
}

div.cards
{
margin-top: 25px;
}


div.missingFields
{
color: red;
}

div.missingFields p
{
text-align: right;
}

div.missingFields a
{
font-size: 20px;
margin-right: 20px;
}


div.cardDetails table.customer 
{
width: 600px;
}

div.cardDetails td.alternateAddress table
{
margin-left: 118px;
}

div.cardDetails tr th
{
text-align: left;
}

div.cardDetails tr th span
{
margin-left: 121px;
}

div.cardDetails tr th span.checkBox
{
margin-left: 0px;
}

div.cardDetails td span
{
font-size: 20px;
margin-left: 5px;
}

div.hiddenProductParagraph span
{
padding-top: 10px;
font-size: 12px;
color: red;
}