/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

form {
	margin:0px;
	padding:0px;
}

img {
	border: 0px;
}

.bold {
	font-weight: bold;	
}

.white {
	color: #FFFFFF;
}

.black {
	color: #000000;
}

.seasonal {
	color: #000000;
}

.error {
	color: #FF0000;
}

.invalidMarker {
	color: #FF0000;
}
/*========LINK SECTION==========
seasonal colours for links*/
a:link {
	color: #000000;
	text-decoration: none;
}

a.navLink:link {
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}

a.headLink:link, a.footLink:link, a.footLink:visited {
	color: #FFFFFF;
	line-height: 2em;
	text-decoration: none;
}

a.seasonalFootLink:link, a.seasonalFootLink:visited {
	color: #4D4D4D;
	text-decoration: underline;
} 

a.seasonalFootLink:hover {
	color: #0BB6E2;
	text-decoration: underline;
}  

a.whiteStandard:link {
	color: #FFFFFF;
	background/* */: url(/media/unversioned/images/formatting/whiteArrow.gif) no-repeat right;
}

a.whiteStandard:hover {
	color: #CCCBCB;
	background/* */: url(/media/unversioned/images/formatting/greyArrow.gif) no-repeat right;
}

a.whiteStandard:visited {
	color: #CCCBCB;
	background/* */: url(/media/unversioned/images/formatting/greyArrow.gif) no-repeat right;
}

a.whiteCTA:link {
	color: #FFFFFF;
	background/* */: url(/media/unversioned/images/formatting/whiteArrow.gif) no-repeat right;
	font-weight:bold;
}

a.whiteCTA:hover {
	color: #CCCBCB;
	background/* */: url(/media/unversioned/images/formatting/greyArrow.gif) no-repeat right;
	font-weight:bold;
}

a.whiteCTA:visited {
	color: #CCCBCB;
	background/* */: url(/media/unversioned/images/formatting/greyArrow.gif) no-repeat right;
	font-weight:bold;
}

a.seasonalStandard:link {
	color: #4D4D4D;
	background/* */: url(/media/unversioned/images/formatting/seasonalArrow.gif) no-repeat right;
}

a.seasonalStandard:hover {
	color: #0BB6E2;
	background/* */: url(/media/unversioned/images/formatting/seasonalArrowH.gif) no-repeat right;
}

a.seasonalStandard:visited {
	color: #EA4482;
	background/* */: url(/media/unversioned/images/formatting/seasonalArrowV.gif) no-repeat right;
}

a.seasonalCTA:link {
	color: #D80700;
	background/* */: url(/media/unversioned/images/formatting/seasonalArrow.gif) no-repeat right;
	font-weight: bold;
}

a.seasonalCTA:hover {
	color: #0BB6E2;
	background/* */: url(/media/unversioned/images/formatting/seasonalArrowH.gif) no-repeat right;
	font-weight:bold;
}

a.seasonalCTA:visited {
	color: #FF00B1;
	background/* */: url(/media/unversioned/images/formatting/seasonalArrowV.gif) no-repeat right;
	font-weight:bold;
}

a.focusLink:link {
	font-weight: bold;
	color: #D80700;
}

a.focusLinkArrow:link {
	color: #D80700;
	font-weight: bold;
	background/* */: url(/media/unversioned/images/formatting/seasonalArrow.gif) no-repeat right;
}

.designerLink {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	line-height: 2em;
	background/* */: url(/media/unversioned/images/formatting/seasonalArrow.gif) no-repeat right;
}

.designerLinkFocus {
	color: #D80700;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	line-height: 2em;
	background/* */: url(/media/unversioned/images/formatting/seasonalArrow.gif) no-repeat right;
}

a.modLink:link {
	color: #000000;
	background/* */: url(/media/unversioned/images/formatting/seasonalArrow.gif) no-repeat right;
}

a.modLinkWhite:link {
	color: #FFFFFF;
	background/* */: url(/media/unversioned/images/formatting/whiteArrow.gif) no-repeat right;
}

a.modLinkWhite:visited {
	color: #CCCBCB;
	background/* */: url(/media/unversioned/images/formatting/greyArrow.gif) no-repeat right;
}

a.modLinkWhite:hover {
	color: #CCCBCB;
	background/* */: url(/media/unversioned/images/formatting/greyArrow.gif) no-repeat right;
}

a.headLink:visited {
	color: #CCCBCB;
}

a.headLink:hover, a.footLink:hover {
	color: #CCCBCB;
	text-decoration: none;
}

a:hover, a.focusLink:hover, a.breadCrumbLink:hover  {
	color: #0BB6E2;
	text-decoration: none;
}

a:visited, a.focusLink:visited, a.breadCrumbLink:link, a.breadCrumbLink:visited {
	color: #FF00B1;
	text-decoration: none;
}

a.focusLinkArrow:hover, a.modLink:hover, a.designerLink:hover, a.designerLinkFocus:hover  {
	color: #0BB6E2;
	background/* */: url(/media/unversioned/images/formatting/seasonalArrowH.gif) no-repeat right;
}

a.modLink:visited, a.focusLinkArrow:visited, a.designerLink:visited, a.designerLinkFocus:visited {
	background/* */: url(/media/unversioned/images/formatting/seasonalArrowV.gif) no-repeat right;	
}

/*========END LINK SECTION========*/

/*========HEADER SECTION=========*/

#centre {
	margin-left: -395px;
	position: absolute;
	left: 50%;
}

#header {
	width: 789px;
	height: 88px;
	padding: 0px 0px 1px 0px;
	background: url(/media/unversioned/images/formatting/darkGreyDotH.gif) repeat-x bottom;
}

#headerTop{
	width: 789px;
	height: 67px;
	background-color: #000000;
}

#debHead {
	float: left;
	width: 232px;
	height: 66px;
}

#midLinks {
	float: left;
	list-style: none;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

.headMidLinks {
	list-style: none;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 7px 0px 7px;
	background: url(/media/unversioned/images/formatting/whitePipe.gif) no-repeat right;
}

.headMidLinksEnd {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 7px 0px 7px;
}

#rHModule {
	float: right;
	width: 250px;
	margin: 20px 10px 0px 0px;
	padding: 0px;
}

#searchBox {
	margin: 0px;
	padding: 0px;
}

#search {
	margin: 0px;
	padding: 0px 0px 0px 2px;
	font-size: 0.9em;
	width: 170px;
}

#shoppingBox {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	color: #FFFFFF;
	line-height: 2em;
}

#headerBottom {
	list-style: none;
	height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background-color: #555555;
}

.navList {
	float: left;
	margin: 0px;
	padding: 0px;
}

.navListEnd {
	float: left;
	margin: 0px;
	padding: 0px;
}
/*========END HEADER SECTION=========*/

/*========CONTENT SECTION===========*/
#content {
	width: 789px;
}

#breadcontent {
	float: left;
	width: 650px;
}

#breadsteps {
	float: right;
	width: 139px;
	height: 25px;
	margin: 0px;
	padding: 4px 0px 2px 0px;
	background-color: #FFFFFF;
}

#breadCrumb {
	height: 25px;
	margin: 0px;
	padding: 8px 0px 0px 15px;
	background-color: #FFFFFF;
	list-style: none;
}

.breadCrumbItem {
	float: left;
	margin: 0px 5px 0px 0px;
}

.breadCrumbLinkItem {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 10px 2px 0px;
	background: url(/media/unversioned/images/formatting/breadcrumbArrow.gif) no-repeat right;
}

.breadCrumbLinkLast {
	color: #000000;
}

#introBar {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 136px;
	width: 789px;
	overflow: hidden;
}
	
#introBackground {
        float: left;
	margin: 0px;
	padding: 0px;
	width: 589px;
	height: 136px;
}

#mainImg {
	float: left;	
}

#titleImg {
	margin: 0px 0px 5px 164px;
	padding: 0px;
}

.introText {
	margin: 5px 20px 5px 164px;
	padding: 0px 25px 0px 0px;
}

#rightImage {
	float: left;
	width: 199px;
	height: 136px;
	margin: 0px;
	padding: 0px;
}

#moduleContainer {
	height: 369px;
	margin: 0px;
	padding: 0px 0px 1px 0px;
	background: url(/media/unversioned/images/formatting/blackBorderDotH.gif) repeat-x bottom;
}

* html #moduleContainer {
	/* \*/
	height: 369px;
	/* */	
}

#modulesContent {
	float: left;
	width: 789px;	
	background-color: #FFFFFF;
}

#modulesContent img {
	vertical-align: top;
}

/*-------MODULES A--------*/

#modA1 {
	float: left;
	width: 526px; 
	min-height: 184px;
}

* html #modA1 {
	/* \*/
	height: 184px;
	/* */	
}

.modA1DecorImg {
	float: left;
}

.modA1Background {
	float: left;
	width: 246px;
	height: 184px;
	overflow: hidden;
	
}

.modA1Content {
    padding: 0px 20px 0px 0px;
	
}

.modA1Title {
  margin: 20px 0px 0px 0px;
}

#modA2 {
	float: left;
	width: 263px;
	min-height: 184px;
	padding: 0px;
	margin: 0px;
}

* html #modA2 {
	/* \*/
	height: 184px;
	/* */	
}

#modA2Content {
        width: 150px;
        height: 184px;
  	float: left;
  	padding: 0px;
	margin: 0px;
}

#modA2Img {
	float: left;
	margin: 40px 0px 7px 13px;
}

.modA2Text {
	clear: left;
	margin: 5px 0px 0px 13px;
}

#modA2Decor {
	width: 113px;
	height: 184px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#modA3 {
	float: left;
	width: 262px;
	height: 185px;
	padding: 0px 1px 0px 0px;
	background: url(/media/unversioned/images/formatting/modBorderVert.gif) no-repeat right;
}

#modA3Img {
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
}

#modA3Decor {
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
}

.modA3Text {
	padding: 0px;
	margin: 5px 0px 0px 18px;
	clear: left;
}

#modA4 {
	float: left;
	width: 262px;
	height: 185px;
	padding: 0px;
	overflow: hidden;
}


#modA4upper{
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

.modA4Img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}

.modA4Text {
	margin: 5px 20px 0px 15px;
	padding: 0px;
}

#modA4lower {
	margin: 0px;
	padding: 1px 0px 0px 0px;
	background: url(/media/unversioned/images/formatting/modBorderHor.gif) no-repeat top;
}

.modA4TextLower {
	margin: 5px 20px 0px 15px;
	padding: 0px;
}

#modA5 {
	float: left;
	width: 263px;
	height: 185px;
	padding: 0px 0px 0px 1px;
	background: url(/media/unversioned/images/formatting/modBorderVert.gif) no-repeat left;
}

#modA5Img {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#modA5Decor {
	display: block;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.modA5Text {
	padding: 0px;
	margin: 5px 0px 0px 15px;
	clear: left;
}
/*-----END MODULES A------*/

/*-------MODULES B--------*/
#modB1 {
        float: left;
	width: 522px;
	height: 369px;
}

#modB1Decor {
	float: left;
}

#modB2 {
	float: right;
	width: 263px;
}

#modB2Img {
	margin: 0px 0px 5px 0px
}

.modB2Text {
	margin: 0px 30px 5px 0px;
}

#modB3 {
	float: right;
	width: 267px;
	height: 184px;
}

#modB3Decor {
	margin: 0px;
}

#modB3Img {
	margin: 0px;
}

.modB3Text {
	margin: 5px 0px 5px 15px;
}

#modB4Divider {
	float: right;
	width: 267px;
	height: 185px;
	padding: 0px 0px 0px 1px;
	margin: 0px;
	background: url(/media/unversioned/images/formatting/blackBorderDotV.gif) repeat-y left;
}

#modB4 {
	float: right;
	width: 266px;
	height: 185px;
	padding: 0px;
	margin: 0px;
}

#modB4Img {
	float: left;
	padding: 0px;
	margin: 0px;
}

#modB4Decor {
	float: right;
	margin: 0px;
	padding: 0px;
}

.modB4Text{
	clear: left;
	margin: 0px 0px 0px 15px;
	padding: 5px 0px 0px 0px;
}

/*-----END MODULES B------*/

/*-------MODULES C--------*/
#modC1 {
	float: left;
	width: 526px;
	min-height: 184px;
}

* html #modC1 {
	/* \*/
	height: 184px;
	/* */	
}

#modC1Decor {
	float: left;
}

#modC1Img {
	margin: 15px 0px 5px 0px
}

.modC1Title {
	margin: 40px 0px 5px 272px;
}

.modC1DecorImg {
	float: left;
}

.modC1Text {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#modC2 {
	float: right;
	width: 262px;
	min-height: 184px;
	padding: 0px 0px 0p
	padding: 0px 0px 0px 1px;
	margin: 0px;
	background: url(/media/unversioned/images/formatting/blackBorderDotV.gif) repeat-y left;
}

* html #modC2 {
	/* \*/
	height: 184px;
	/* */	
}

#modC2Img {
	float: left;
	padding: 1px;
	margin: 0px;
}

#modC2Decor {
	float: right;
	padding: 0px;
	margin: 0px;
}

.modC2Text {
	clear: left;
	display: block;
	margin-bottom: 0px;
	padding: 0px 0px 0px 15px;
}

.modC2Prod {
	clear: left;
	display: block;
	float: left;
}

#modC3 {
	float: left;
	width: 262px;
	min-height: 185px;
	padding: 0px 1px 0px 0px;
	background: url(/media/unversioned/images/formatting/modBorderVert.gif) no-repeat right;
}

* html #modC3{
	/* \*/
	height: 185px;
	/* */	
}

#modC3Img {
	display: block;
	margin: 0px 0px 0px 0px;
}

#modC3Decor {
	clear: left;
	display: block;
	margin: 0px;
	padding: 0px;
}

.modC3Text {
	padding: 0px;
	margin: 5px 0px 0px 15px;
}

#modC4 {
	float: left;
	width: 263px;
	min-height: 185px;
	padding: 0px 0px 0px 0px;
}

* html #modC4{
	/* \*/
	height: 185px;
	/* */	
}

#modC4upper{
	margin: 0px;
	padding: 0px;
}

.modC4Img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}

.modC4Text {
	margin: 5px 20px 0px 15px;
	padding: 0px;
}

#modC4lower {
	margin: 0px;
	padding: 0px;
}

.modC4TextLower {
	margin: 5px 20px 0px 15px;
	padding: 0px;
}

.modC4Dot {
	clear: left;
	height: 1px;
	width: 262px;	
	padding: 10px 0px 0px 0px;
	background: url(/media/unversioned/images/formatting/modBorderHor.gif) repeat-x bottom;
}
/*-----END MODULES C------*/

/*-------MODULES D--------*/
#modD1 {
	float: left;
	width: 526px;
	min-height: 184px;
}

* html #modD1{
	/* \*/
	height: 184px;
	/* */	
}

#modD1Decor {
	float: left;
}

#modD1Img {
	margin: 15px 0px 5px 0px
}

.modD1Title {
	margin: 40px 0px 5px 272px;
}

.modD1DecorImg {
	float: left;
}

.modD1Text {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#modD2 {
	float: right;
	width: 262px;
	min-height: 184px;
	padding: 0px 0px 0px 1px;
	margin: 0px;
	background: url(/media/unversioned/images/formatting/blackBorderDotV.gif) repeat-y left;
}

* html #modD2{
	/* \*/
	height: 184px;
	/* */	
}

#modD2Img {
	float: left;
	margin: 0px;
	padding: 1px;
}

#modD2Decor {
	float: right;
	margin: 0px;
	padding: 0px;
}

.modD2Text {
	clear: left;
	display: block;
	margin-bottom: 0px;
	padding: 0px 0px 0px 15px;
}

.modD2Prod {
	clear: left;
	display: block;
	float: left;
}

#modD3 {
	float: left;
	width: 526px;
	padding: 0px 0px 0px 0px;
}

#modD3Img {
	display: block;
	margin: 0px 0px 0px 0px;
}

#modD3Decor {
	clear: left;
	display: block;
	margin: 0px;
	padding: 0px;
}

.modD3Text {
	padding: 0px;
	margin: 0px 0px 0px 15px;
}
/*-----END MODULES D------*/

#category {
	float: left;
	width: 789px;
	background: url(/media/unversioned/images/formatting/categorySeasonalBG.gif) repeat-y;
}

#mainContent {
	float: left;
	width: 589px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

/*-------DESIGNER COLUMN--------*/
#designers{
	float: right;
	width: 199px;
}

#designerList {
	margin: 0px;
	padding: 15px;
	line-height: 2em;
	list-style-type: none;
	background: url(/media/unversioned/images/formatting/blackBorderDotH.gif) repeat-x top;
}

.designerItem {
	margin: 0px;
	padding: 0px;
	background: url(/media/unversioned/images/formatting/blackBorderDotH.gif) repeat-x bottom;
}

.clear {
	float: left;
	clear: both;
}

/*-----END DESIGNER COLUMN------*/
#gridHeader {
	margin: 20px 0px 0px 15px;
	padding: 0px;
	display: block;
}

#gridTable {
	float: left;
	font-size: 1em;
	margin: 15px 0px 0px 0px;
	background-color: #FFFFFF;
}

#gridTableSmall {
	float: left;
	font-size: 1em;
	margin: 5px 0px 0px 0px;
	background-color: #FFFFFF;
}

td.gridCell {
	padding: 0px 15px 0px 15px;
	vertical-align:	top;
}

td.gridCell5 {
	padding: 15px 15px 0px 15px;
	vertical-align:	top;
}

td.gridCellSmall {
	padding: 0px 0px 0px 15px;
}

td.gridVert {
	margin: 0px;
	padding: 0px;
	width: 1px;
	background: url(/media/unversioned/images/formatting/blackBorderDotV.gif) repeat-y;
}

.gridSubText {
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

.horizontalGridDot {
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url(/media/unversioned/images/formatting/blackBorderDotH.gif) repeat-x top;
}

#decorImage {
	width: 789px;
	padding: 0px;
	margin: 0px;
	clear: both;
}

#categoryDecorImage {
        background: url(/media/unversioned/images/formatting/categorySeasonalBG.gif) repeat-y;
	width: 789px;
	padding: 0px;
	margin: 0px;
	clear: both;
}
/*======END CONTENT SECTION==========*/

/*=========FOOTER SECTION===========*/

#featuredItems {
  clear: both;
}

#footer {
	width: 789px;
	height: 49px;
	padding: 1px 0px 0px 0px;
	background: #FFFFFF url(/media/unversioned/images/formatting/darkGreyDotH.gif) repeat-x top;
	clear:both;
}

#footLinkList {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	height: 25px;
	background: #555555;
}

.footList {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 7px 0px 7px;
	background: url(/media/unversioned/images/formatting/whitePipe.gif) no-repeat right;
}

.footListEnd {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 7px 0px 7px;
}
#footerBottom {
	height: 25px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	color: #000000;
	line-height: 2.5em;
	font-size: 0.9em;
}
/*=======END FOOTER SECTION==========*/