body {
	text-align: center;
	margin: 0px;
	width: 100%;
}
img a {
	border-style: none;
}

div.headerContainer {
	position: relative;
	background: #CCFF00 url(images/UI/img-funky-footware.gif) no-repeat 333px 0px;
	text-align: left;
	margin-top: 9px;
	display: none;
}
div.headerContainerLevel2 {
	position: relative;
	background: #CCFF00;
	text-align: left;
	margin-top: 9px;
	display: none;
}
div.printLogo {
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
}

/*------------- ab pos right header stuff STARTS-----------------------------------*/
div.rightHeaderStuff{
	height:145px;
	width:500px;
	background:url(/hoof/images/UI/bg-header.gif) no-repeat right top;
	position:absolute;
	right:0px;
	top:0px;


}

/*------------- top  Nav    START-----------------------------------*/
div.topNav {
	position: absolute;
	top: 5px;
	right: 0px;
	margin-right: 12px;
	display: none;
}
div.topNav a {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	background: #FFFFFF url(images/UI/bg-nav-right.gif) no-repeat right bottom;
	display: block;
	float: right;
	margin-left: 5px;
}
div.topNav a div {
	background: url(images/UI/bg-nav-left.gif) no-repeat left bottom;
	padding: 3px 7px 4px;
	margin: 0px;
}


div.topNav a:hover {
	background: #C4FFFE url(images/UI/bg-nav-right.gif) no-repeat right top;
	color: #333333;
}
div.topNav a:hover div {
	background: url(images/UI/bg-nav-left.gif) no-repeat left top;
}
/*------------- top  Nav   ENDS-----------------------------------*/
div.loggedIn {
	position: absolute;
	top: 29px;
	right: 0px;
	margin-right: 16px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #747474;
	display: none;
}
 * html div.loggedIn {
	margin-right: 12px;
}
/*------------- ab pos right header stuff ENDS-----------------------------------*/
/*------------- E-commerce Nav    START-----------------------------------*/
div.ecommerceNavContainer {
	background: #B1EC0E;
	height: 19px;
	text-align: left;
	display: none;
}


div.ecommerceNav {
	background: #CCFF00 url(images/UI/bg-ecommerce-NavbarCorner.gif) no-repeat right top;
	padding-right:3px;
	height: 19px;
	width:753px;
	display: none;
}



div.ecommerceNav a {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	background: #999999 url(images/UI/bg-ecommerce-right.gif) no-repeat right top;
	display: block;
	float: right;
	margin-left: 1px;
}
div.ecommerceNav a div {
	background: url(images/UI/bg-ecommerce-left.gif) no-repeat left top;
	padding: 3px 7px 4px;
	margin: 0px;
	}
	
div.ecommerceNav a:hover {
	background-color: #333333;
}
/*div.ecommerceNav a:hover div {
	background: url(images/UI/bg-ecommerce-left.gif) no-repeat left top;
}*/
/*------------- E-commerce Nav END-----------------------------------*/
div.secondaryNavContainer {
	margin-top: 8px;
	height: 26px;
	background: url(images/UI/bg-dashed-line.gif) repeat-x left bottom;
	padding-bottom: 8px;
	display: none;
}
div.secondaryNavContainer a {
	font: 17px Arial, Helvetica, sans-serif;
	color: #747474;
	text-decoration: none;
	background: url(images/UI/secondary-nav-right-bg-long.gif) no-repeat right top;
	display: block;
	margin-left: 8px;
	float: left;
}
div.secondaryNavContainer a div {
	background: url(images/UI/secondary-nav-bg-left.gif) no-repeat left top;
	padding: 4px 7px 3px;
	margin: 0px;
	}
	
div.secondaryNavContainer a:hover {
	background-image: url(images/UI/secondary-nav-right-bg-long.gif);
	background-position: right bottom;
	color: #353535;
}
div.secondaryNavContainer a:hover div {
	background: url(images/UI/secondary-nav-bg-left.gif) no-repeat left bottom;
}

 
div.searchContainer p {
	margin: 2px 5px 0px 0px;
	padding: 0px;
	float: right;
	font: 17px Arial, Helvetica, sans-serif;
	color: #747474;
}
div.searchContainer .search {
	width: 48px;
	margin-left: 8px;
	float: right;
	margin-right: 15px;
	vertical-align: middle;
	
}
div.searchContainer .search a {
	background: url(images/UI/btn-search-bg.gif) no-repeat left top;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	padding: 5px 40px 6px 6px;
	display: block;
}
 * html div.searchContainer .search a {
	padding: 5px 20px 6px 6px;
}
div.searchContainer .search p a:hover {
	background: url(images/UI/btn-search-bg-hover.gif) no-repeat left top;
}
div.searchContainer .searchInput {
	float: right;
	margin-top: 3px;
	border: 1px solid #999999;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	width: 176px;
}
/* expandable buttons in main content */

div.buttons a, table.viewDetails td.div buttons a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #747474;
	text-decoration: none;
	background: url(images/UI/button-expand-right.gif) no-repeat right top;
	display: none;
	float: left;
}
div.buttons a div, table.viewDetails td.div buttons a div {
	background: url(images/UI/buttons-expand-left.gif) no-repeat left top;
	padding: 4px 20px 4px 7px;
	margin: 0px;
	display: none;
	}
	
div.buttons a:hover, table.viewDetails td.div buttons a:hover {
	background-image: url(images/UI/button-expand-right.gif);
	color: #353535;
	background-repeat: no-repeat;
	background-position: right bottom;
}
div.buttons a:hover div, table.viewDetails td.div buttons a:hover div {
	background: url(images/UI/buttons-expand-left.gif) no-repeat left bottom;
}
 /* Back button */
div.buttonsBack a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #747474;
	text-decoration: none;
	background: url(images/UI/back-expand-right.gif) no-repeat right top;
	display: none;
	float: left;
}
div.buttonsBack a div  {
	background: url(images/UI/back-expand-left.gif) no-repeat left top;
	padding: 4px 7px 4px 20px;
	margin: 0px;
	}
	
div.buttonsBack a:hover {
	background-image: url(images/UI/back-expand-right.gif);
	color: #353535;
	background-position: right bottom;
}
div.buttonsBack a:hover div {
	background: url(images/UI/back-expand-left.gif) no-repeat left bottom;
}

 /* expandable buttons in main content ENDS */

div.contentContainer {
	text-align: left;
}
table.content {
	width: 754px;
	text-align: left;
	background: #999966;
}

table.content td {
	padding: 0px 0px 0px 0px;
	border-style: none;
	background: url(images/UI/bg-dashed-line-vertical.gif) repeat-y right top;
	vertical-align: top;
	margin-top: 14px;
}
table.content h3 {
	font: 10px Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 10px 0px 0px 30px;
}
table.content label {
	font: 10px/10px Arial, Helvetica, sans-serif;
	color: #999999;
}

table.content .loginInput {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin-left: 30px;
	width: 120px;
	border: 1px solid #999999;
}
table.content .checkBoxInput {
	padding: 0px;
	margin: 15px 0px 0px;
}
 * html table.content .checkBoxInput {
	margin: 15px 0px 0px 0px;
}
table.content td.col1 {
	width: 584px;
}
table.content td.col1 p {
	font: 12px/17px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top: 0px;
	margin-right: 65px;
	margin-left: 30px;
	padding-top: 14px;
	padding-bottom: 14px;
}
table.content td.col1 p a {
	color: #999999;
}
table.content td.col1 p a:hover {
	color: #FF0033;
}
table.content .imageTitle {
	margin-left: 30px;
	margin-top: 14px;
}

table.homeFeature {
	width: 100%;
}
.floatRight {
	float: right;
	margin-right: 20px;
}

table.homeFeature img {
	margin-left: 30px;
}

table.homeFeature td {
	vertical-align: top;
	padding: 10px 0px 30px;
	border-style: none;
	width: 50%;
}

table.product h1, table.productSubnav h1, table.account h1 {
	font: bold 17px/20px Arial, Helvetica, sans-serif;
	color: #747474;
	text-transform: uppercase;
	margin-left: 30px;
	margin-top: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 0px;
}
table.homeFeature h1 {
	font: bold 17px/20px Arial, Helvetica, sans-serif;
	color: #747474;
	text-transform: uppercase;
	margin-left: 30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
table.homeFeature h2 {
	font: bold 17px Arial, Helvetica, sans-serif;
	color: #FF3399;
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}
table.homeFeature td.featureCol2 {
}
div.latestBoysStyles {
	height: 151px;
	vertical-align: top;
}
div.latestGirlsStyles {
	height: 151px;
	vertical-align: top;
}

table.product, table.productSubnav, table.account {
	text-align: left;
}
table.account td {
	background: url(images/UI/bg-dotted-line-vert.gif) repeat-y right top;
	vertical-align: top;
	padding-top: 18px;
}

	
table.product th, table.productSubnav th, table.account th {
	background: url(images/UI/bg-dashed-line.gif) repeat-x left bottom;
}
table.product th.boys, table.productSubnav th.boys, table.account th.boys {
	background: url(images/UI/heading-bg.gif) no-repeat right bottom;
}
table.product th.content, table.productSubnav th.content, table.account th.content {
	background: url(images/UI/th-border-bg.gif) no-repeat right bottom;
}
table.product th.general, table.productSubnav th.general, table.account th.general {
	background: url(images/UI/heading-bg.gif) no-repeat right top;
}
table.product th.girls, table.productSubnav th.girls, table.account th.girls {
	background: url(images/UI/heading-bg.gif) no-repeat right bottom;
}
table.product td, table.productSubnav td {
	padding-bottom: 16px;
	width:33%;
	text-align: left;
	vertical-align: top;
	background: url(images/UI/bg-product-td.gif) no-repeat right bottom;
}
table.productSubnav td.subNavRight, table.account td.subNavRight {
	vertical-align: top;
	width: 170px;
	background: url(images/UI/bg-dotted-line-vert.gif) repeat-y right top;
}
table.productSubnav p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
	margin-left: 13px;
	margin-bottom: 4px;
}
table.productSubnav span.price {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin-left: 13px;
	float: left;
}
table.productSubnav td.bottomNoborder, table.product td.bottomNoborder {
	background: url(images/UI/bg-dotted-line-vert.gif) repeat-y right top;
}


div.subNav {
}
div.subNav a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FF0033;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 16px;
	text-decoration: none;
	background: url(images/UI/bg-dashed-line.gif) repeat-x left bottom;
	width: 169px;
}
div.subNav a:hover {
	background: #EBEBEB url(images/UI/bg-dashed-line.gif) repeat-x left bottom;
}



table.product p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
	margin-left: 40px;
	margin-bottom: 4px;
}
table.product span.price {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin-left: 40px;
	float: left;
}
div.productImages {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

div.moreProduct {
	float:left;
	width: 59px;
	margin-left: 61px;
}
div.moreProductSubnav {
	float:left;
	width: 59px;
	margin-left: 47px;
}
div.more {
	width: 59px;
	margin-left: 30px;
	display: none;
}
div.more a , div.moreProduct a, div.moreProductSubnav a {
	background: url(images/UI/btn-more-bg.gif) no-repeat left top;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	padding: 3px 23px 6px 10px;
	display: block;
}
div.more a:hover, div.moreProduct a:hover, div.moreProductSubnav a:hover {
	background: url(images/UI/btn-more-bg-hover.gif) no-repeat left top;
	color: #333333;
}
div.contentBoysHeading h1 {
	font: bold 17px/20px Arial, Helvetica, sans-serif;
	color: #747474;
	text-transform: uppercase;
	margin-top: 0px;
	background: url(images/UI/heading-bg.gif) no-repeat right bottom;
	padding-left: 30px;
	padding-top: 7px;
	padding-bottom: 8px;
	width: 724px;
	margin-bottom: 0px;
}
 * html div.contentBoysHeading h1, * html div.contentGirlsHeading h1,  * html div.contentGeneralHeading h1,  * html div.contentHeading h1 {
	width: 754px;
	widt\h: 724px;
}

div.contentGirlsHeading h1 {
	font: bold 17px/20px Arial, Helvetica, sans-serif;
	color: #747474;
	text-transform: uppercase;
	margin-top: 0px;
	background: #FFD4E9 url(images/UI/bg-dotted-line-vert.gif) repeat-y right top;
	padding-left: 30px;
	padding-top: 7px;
	padding-bottom: 8px;
	width: 724px;
	margin-bottom: 0px;
}

div.contentGeneralHeading h1 {
	font: bold 17px/20px Arial, Helvetica, sans-serif;
	color: #747474;
	text-transform: uppercase;
	margin-top: 0px;
	background: #F0F0F0 url(images/UI/bg-dotted-line-vert.gif) repeat-y right top;
	padding-left: 30px;
	padding-top: 7px;
	padding-bottom: 8px;
	width: 724px;
	margin-bottom: 0px;
}
div.contentHeading h1 {
	font: bold 17px/20px Arial, Helvetica, sans-serif;
	color: #747474;
	text-transform: uppercase;
	margin-top: 0px;
	background: #F0FFB2 url(images/UI/bg-dotted-line-vert.gif) repeat-y right top;
	padding-left: 30px;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 724px;
	margin-bottom: 0px;
}
div.loginHeading h1 {
	font: bold 17px/20px Arial, Helvetica, sans-serif;
	color: #747474;
	text-transform: uppercase;
	margin-top: 0px;
	background: #F0FFB2 url(images/UI/heading-bg.gif) no-repeat right bottom;
	padding-left: 30px;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 554px;
	margin-bottom: 0px;
}
div.contentGeneralHeading span {
	font: bold 17px/20px Arial, Helvetica, sans-serif;
	color: #747474;
	display: inline;
	margin-left: 150px;
}

table.detailsContainer {
	background: url(images/UI/bg-dotted-line-vert.gif) repeat-y right top;
	width: 754px;
}
 *html table.detailsContainer {
	width: 754px;
	widt\h: 754px;
}	
table.detailsContainer td {
	padding: 0px;
	border-style: none;
	vertical-align: top;
}
table.detailsContainer td.topBorder {
	background: url(images/UI/bg-dashed-line.gif) repeat-x left top;
}


td.topBorder h3 {
	font: bold 17px Arial, Helvetica, sans-serif;
	color: #747474;
	padding-left: 30px;
	margin: 0px;
	padding-top: 14px;
	padding-bottom: 13px;
}
table.details {
	width: 284px;
}
table.details td {
	padding: 0px;
	border-style: none;
	vertical-align: top;
	background: url(images/UI/bg-dashed-line.gif) repeat-x left top;
}
table.details p {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #666666;
	padding-left: 30px;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}
table.details span.GST {
	font-weight: normal;
}
table.details span.total {
	color: #FF0033;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table.details span.totalOriginal {
	color: #333333;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
}
table.details span.totalSpecial {
	color: #FF0000;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform:uppercase;
	float: left;
}

table.details label {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #999999;
	padding-left: 6px;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
}
table.detailsContainer td.shoeDetails {
}
table.detailsContainer td.shoeDetails .shoeImg {
	margin-left: 114px;
}
 * html table.detailsContainer td.shoeDetails .shoeImg {
	margin-left: 81px;
}
div.views {
	width: 389px;
	background: url(images/UI/bg-dashed-line.gif) repeat-x center top;
	height: 19px;
	margin-left: 81px;
	text-align: left;
	float: left;
	display: none;
}
 * html div.views {
	margin-left: 41px;
}
div.colours {
	width: 389px;
	background: url(images/UI/bg-dashed-line.gif) repeat-x center top;
	height: 19px;
	margin-left: 81px;
	text-align: left;
	display: none;
}
 * html div.colours {
	margin-left: 81px;
}
div.colours label {
	font: 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666666;
	padding-left: 7px;
	padding-top: 4px;
	display: block;
	float: left;
	margin: 0px;
	padding-bottom: 2px;
}
div.colours a {
	display: block;
	float: left;
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	padding: 4px 8px 4px;
	background: url(images/UI/bg-dotted-line-vert.gif) repeat-y right top;
}
div.colours a:hover {
	background: #E6E6E6 url(images/UI/bg-dotted-line-vert.gif) repeat-y right top;
	color: #333333;
}
div.views label {
	font: 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666666;
	padding-left: 7px;
	padding-top: 4px;
	display: block;
	float: left;
	margin: 0px;
	padding-bottom: 4px;
}
div.views a {
	display: block;
	float: left;
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	padding: 4px 8px 4px;
	background: url(images/UI/bg-dotted-line-vert.gif) repeat-y right top;
}
div.views a:hover {
	background: #E6E6E6 url(images/UI/bg-dotted-line-vert.gif) repeat-y right top;
	color: #333333;
}
table.viewDetails {
	width: 389px;
	background: url(images/UI/bg-dashed-line.gif) repeat-x left top;
	margin-bottom: 0px;
	float: left;
	margin-left:81px;
	display: none;
}
 *html table.viewDetails {
	margin-left: 40px;
}
table.viewDetails td {
	padding: 0px 0px 0px;
	border-style: none;
}
 * html table.viewDetails td {
 	padding-top: 13px 
	
 }
 	
table.viewDetails .dropdownInput {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin-top: 16px;
}
table.viewDetails td.dropdownTD {
	padding-left: 5px;
}

div.linkContainer a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #747474;
	padding-top: 5px;
	padding-bottom: 7px;
	text-decoration: none;
	background: url(images/UI/btn-bg-view-chart.gif) no-repeat right 7px;
	width: 102px;
	display: block;
	padding-left: 6px;
}
div.linkContainer a:hover {
	color: #FF0033;
}









ul {
	margin: 0px 0px 10px;
	padding: 4px 0px;
	list-style: none;
}
li {
	margin: 0px;
	padding: 0px 0px 0px 8px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
	background: url(images/UI/li-icon.gif) no-repeat 0px 3px;
}
 * html li {
 	background: url(images/UI/li-icon.gif) no-repeat 0px 6px;
}
li a {
	color: #999999;
}
li a:hover {
	color: #FF0033;
}
div.shoppingCartContainer {
	background: url(images/UI/bg-dashed-line.gif) repeat-x left top;
}
table.shopping {
	background: url(images/UI/bg-dashed-line.gif) repeat-x left top;
}
table.shopping .description {
	padding-left: 30px;
	text-align: left;
}

table.shopping td {
	padding: 0px 5px;
	border-style: none;
	background: url(images/UI/bg-dashed-line.gif) repeat-x left bottom;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
table.shopping th {
	font: 10px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #F4F4F4 url(images/UI/th-border-bg.gif) no-repeat right bottom;
	padding-top: 4px;
	padding-bottom: 5px;
	text-align: center;
}
table.shopping p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
	padding-top: 10px;
	padding-bottom: 12px;
	margin: 0px auto;
}
table.shopping p a {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	width: 41px;
	background: url(images/UI/btn-bg-shopping-more.gif) no-repeat right center;
	display: block;
	text-align: left;
}
table.shopping p a:hover {
	color: #FF0033;
}
table.shopping a.remove {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FF0033;
	text-decoration: none;
	background: url(images/UI/remove-button.gif) no-repeat center center;
	height: 11px;
	width: 11px;
	display: block;
	padding-left: 4px;
	margin-right: auto;
	margin-left: auto;
}
table.shopping a.remove:hover {
	background: url(images/UI/remove-button-hover.gif) no-repeat center center;
}


table.shopping .dropdownInput {
font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}
table.shopping th.shoppingPrice, table.shopping td.shoppingPrice {
	text-align: right;
	padding-right: 30px;
}
table.shoppingTotals {
	width: 291px;
	margin-left: 272px;
	background: url(images/UI/bg-dotted-line-vert.gif) repeat-y right center;
}
table.shoppingTotals td {
	text-align: right;
}
table.shoppingTotals th {
	text-align: right;
	display: none;
}
table.shoppingTotals th a {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	background: url(images/UI/btn-bg-shopping-more.gif) no-repeat right center;
	display: block;
	padding-right: 15px;
	margin-right: 30px;
	padding-top: 4px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table.shoppingTotals th a:hover {
	color: #FF0033;
}
table.shoppingTotals p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 4px;
}
table.shoppingTotals p a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #747474;
	text-decoration: none;
	background: url(images/UI/btn-bg-view-chart.gif) no-repeat right center;
	display: block;
	padding-right: 12px;
}
table.shoppingTotals p a:hover {
	color: #FF0033;
}

table.shoppingTotals .bottomBorder {
	background: url(images/UI/bg-dashed-line.gif) repeat-x left bottom;
}
table.shoppingTotals span.shoppingTotalPrice {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FF0033;
	display: block;
	padding-top: 4px;
	padding-bottom: 5px;
}
div.colours .dropdownColour {
	width: 311px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	float: left;
	margin-top: 1px;
}

div.finalise {
	margin-top: 0px;
	width: 754px;
	background: url(images/UI/bg-dashed-line.gif) repeat-x left top;
}
div.borderContainer {
	width: 754px;
	background: url(images/UI/bg-dotted-line-vert.gif) repeat-y right top;
}

div.finalise p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-top: 23px;
	padding-bottom: 22px;
	margin: 0px 30px;
}
div.account {
	margin-top: 0px;
	width: 584px;
}
div.account p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-top: 23px;
	padding-bottom: 22px;
	margin: 0px 30px;
}
div.totalValue {
	background: url(images/UI/bg-dashed-line.gif) repeat-x left top;
}
div.totalValue p {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FF0033;
	padding-left: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 11px;
	padding-bottom: 13px;
}
div.totalValue p span {
	font-weight: normal;
}
div.confirm {
	padding-left: 30px;
	background: url(images/UI/bg-dashed-line.gif) repeat-x left top;
	padding-top: 15px;
	padding-bottom: 20px;
	margin: 0px;
}

div.confirm h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
	margin: 0px;
	padding-bottom: 2px;
}
div.confirm span {
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
}
div.confirm a {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
div.confirm a:hover {
	color: #FF0033;
}



.inputForm {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 332px;
	margin-bottom: 10px;
	display: block;
}
div.orderSummary {
	padding-left: 30px;
	padding-top: 23px;
	background: url(images/UI/bg-dashed-line.gif) repeat-x left top;
}
div.orderSummary h1 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
}
table.orderSummary {
	margin-bottom: 23px;
}
table.orderSummary td {
	padding: 0px;
	border-style: none;
}
table.orderSummary p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}
table.address {
	margin-top: 21px;
	margin-left: 30px;
	margin-bottom: 45px;
}
table.address td {
	padding: 1px 0px 2px;
	border-style: none;
}
table.address td.contact {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666666;
}
table.address td.contactDetails {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
}
table.address td.contactDetails a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration:underline;
}
table.address td.contactDetails a:hover {
	color: #999999;
	text-decoration:none;
}
table.general {
	padding: 0px;
	width: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.general td {
	padding: 0px 5px 0px 0px;
	border-style: none;
	background: url(none);
	font: 12px/17px Arial, Helvetica, sans-serif;
	color: #666666;
}


 /*Content font styles */
div.content {
	margin-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
}
 * html div.content {
 	padding-top: 20px;
	paddin\g-top: 1px;
}
div.content p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 23px;
	margin-left: 0px;
}

div.content h2 {
	font: bold 17px Arial, Helvetica, sans-serif;
	color: #747474;
	margin-bottom: 13px;
}
div.content h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
}
div.content h4 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FF0033;
	margin: 0px;
}
div.content h5 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FF0033;
	margin: 0px;
}
div.content h6 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FF0033;
	margin: 0px;
}
div.content p a {
	color: #999999;
}
div.content p a:hover {
	color: #FF0033;
}

 /*Content font styles ENDS */
div.go {
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0px;
	padding: 0px;
}
div.go a {
	background: url(images/UI/bg-register-go.gif) no-repeat left top;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	padding: 4px 23px 6px 8px;
	display: block;
}
div.go a:hover {
	background: url(images/UI/bg-register-go-hover.gif) no-repeat left top;
}
div.goGreen {
	width: 59px;
}
div.goGreen a {
	background: url(images/UI/btn-bg-goGreen.gif) no-repeat left top;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	padding: 4px 23px 6px 8px;
	display: block;
}
div.goGreen a:hover {
	background: url(images/UI/btn-bg-goGreen-hover.gif) no-repeat left top;
	color: #333333;
}
div.checkContainer {
	margin-left: 30px;
	margin-bottom: 13px;
}
div.searchContainer {
	text-align: right;
	font: 17px Arial, Helvetica, sans-serif;
	color: #747474;
}


div.password {
	margin-left: 30px;
}

div.password a {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #999999;
}
div.password a:hover {
	color: #000000;
	text-decoration: underline;
}
div.mainText {
	background: #FFFFFF url(images/UI/bg-dashed-line.gif) repeat-x left bottom;
	width: 580px;
}

div.register {
	background: url(images/UI/bg-register.gif) no-repeat left top;
	height: 171px;
	width: 140px;
	margin-left: 13px;
	padding-left: 12px;
	padding-top: 14px;
	display: none;
}
div.register {
	margin-top:14px;
	margi\n-top:0px;
}
div.register p {
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 13px;
	margin-top: 10px;
}
div.subscribe {
	background: url(images/UI/bg-subscribe.gif) no-repeat left top;
	height: 171px;
	width: 140px;
	margin-left: 13px;
	margin-top: 12px;
	padding-top: 14px;
	padding-left: 12px;
	display: none;
}
div.subscribe p {
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 13px;
}
div.loyalty {
	background: url(images/UI/bg-loyalty.gif) no-repeat left top;
	height: 197px;
	width: 140px;
	margin-left: 13px;
	margin-top: 12px;
	padding-top: 14px;
	padding-left: 12px;
}
div.loyalty p {
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 13px;
	margin-top: 10px;
}
div.clearer {
	line-height: 0px;
	clear: both;
}




div.footer {
	font: 10px Arial, Helvetica, sans-serif;
	color: #747474;
	padding-top: 19px;
	padding-bottom: 18px;
	background: url(images/UI/bg-dashed-line.gif) repeat-x left top;
	padding-left: 30px;
}
div.footer a {
	text-decoration: none;
	color: #747474;
}
div.footer a:hover {
	color: #000000;
	text-decoration: underline;
}
div.footer span.spacer {
	padding-left: 29px;
}

div.headerEmailConfirmation {
	text-align: left;
	margin-left: 0px;
	display: none;
}
 
div.buttonsContainer {
	background: url(images/UI/bg-dotted-line-vert.gif) repeat-y right top;
	padding-top: 17px;
	padding-bottom: 11px;
	height: 30px;
}