* {	padding:0; margin:0; }
body {	font-family: Tahoma; color: #172e54; font-size: 12px ; background: #eeeeee url('../Images/greyBG.gif') repeat-x }
a {outline: none}
h2 {font-weight: bold; color: #333; font-size: 16px}
.clear {clear: both}
#topToolBar {background: #333; padding: 5px; color: #fff; font-size: 12px; height: 15px}
	#topToolBar a {color: #fff;  text-decoration: none}
	#topToolBar a:hover {color: #CFCFCF;text-decoration: underline}
	#topToolBar #left {float:left}
	#topToolBar #right {float: right}

.loading {float: left;position: relative; top: 100px; left: 80px;text-align: center; letter-spacing: 0px}
.generalPadding {padding: 0px 20px 0px 20px;}

 {color: #000; line-height: 22px}
 a.sitemapLink{ border-bottom:1px dotted #ccc; color:#333333; line-height:21px; padding:4px; text-decoration:none; }
 a:hover.sitemapLink { text-decoration: none; background: #333; color: #fff}

.searchBox { float:left; padding:25px 0 28px 24px; }
.searchBox .searchBox{ font-size:16px; font-weight:bold; padding:5px; width:815px; }
.searchBox .searchBtn{ font-size:16px; font-weight:bold; padding:2px; margin: -1px 0px 0px 7px  }

ul.leftNav { list-style-type: none; color:#606060; margin:0 10px 10px; padding:5px 5px 5px 10px; width:200px;}
ul.leftNav li a {background:#EEEEEE; border-left:3px solid #00ADEF; color:#333; display:block; line-height:18px; margin:3px; padding:0 0 0 9px; text-decoration:none; font-weight: bold}
ul.leftNav li a:hover { background:  #00ADEF; color: #fff;}

.catHeading { margin: 0px 0px 0px 10px; font-size: 20px;}

#leftPanelHP { float: left; width: 220px;}
#rightPanelHP { margin:0 0 0 15px; width:723px; float: left}

.heroPromo { border: 10px #eee solid; padding: 0px 30px 0px 0px; margin:9px 0 0 0; background: url(../Images/new.png) no-repeat scroll right top}
	.promoTitle { font-size: 24px; font-weight: bold; color: #172E54}
	.promoLogo {}
	.promoPercentOff {background:#D60306 ; color:#FFFFFF; font-size:20px; font-weight:bold; padding:6px; width:87px; position: relative; z-index: 1}
	.promoImage { position: relative;  z-index: 0; top: -36px;}
	.wasPricePromo {font-weight: bold; font-size: 18px; text-decoration: line-through}
	.nowPricePromo {font-weight: bold; font-size: 18px; color: #D60306 }

.percentOffTopTen { width: 159px; float: left; margin: 5px; padding: 2px; border: 3px #eee solid; height: 180px; text-align: center; }
.percentOffTopTen a { color: #333}


.promoPercentOffSM {background:#D60306 ; color:#FFFFFF; font-size:14px; font-weight:bold; padding:4px; width:59px; position: relative; z-index: 1}
	.promoImageSM { position: relative;  z-index: 0; top: -10px;}

a.viewPromoOffer { background:#172E54; color:#FFFFFF; float:right; font-weight:bold; margin:0 16px 0 0; padding:7px; text-decoration:none;  }
a.viewPromoOffer:hover { background: #29446F}

a.removeFilter {  margin:12px; padding:0 0 0 9px;  font-weight: bold; color: #cc0000; display: block}
a.removeFilter:hover {  background: url(../Images/redCross.gif) no-repeat right }

ul.filterLists { list-style-type: none; color:#606060; margin:0 10px 10px; padding:5px 5px 5px 10px; width:200px;}
ul.filterLists li a {background:#DFFFDF; border-left:3px solid green; color:#333; display:block; line-height:18px; margin:3px; padding:0 0 0 9px; text-decoration:none; font-weight: bold}
ul.filterLists li a:hover { background:  green; color: #fff;}









/* Grey Btn Style */
*html a.greyBtn {padding: 0px 15px 3px 0px; } 
a.greyBtn {text-decoration: none;padding: 6px 25px 10px 0px;  color: #fff;  background: url('../Images/greyBtn.gif') no-repeat top right; font-weight: bold;outline-style:none; cursor: pointer; float: right }
a.greyBtn span { padding: 6px 3px 10px 0px; background: url('../Images/greyBtn.gif') no-repeat top left;}
a:hover.greyBtn {background: url('../Images/greyBtnHover.gif') no-repeat top right;}
a:hover.greyBtn span {	background: url('../Images/greyBtnHover.gif') no-repeat top left;}

/* Mens Btn Style */
*html a.MensBtn {padding: 0px 15px 3px 0px; } 
a.MensBtn {text-decoration: none;padding: 6px 25px 10px 0px;  color: #fff;  background: url('../Images/MensBtn.gif') no-repeat top right; font-weight: bold;outline-style:none; cursor: pointer; float: right }
a.MensBtn span { padding: 6px 3px 10px 0px; background: url('../Images/MensBtn.gif') no-repeat top left;}
a:hover.MensBtn {background: url('../Images/MensBtnHover.gif') no-repeat top right;}
a:hover.MensBtn span {	background: url('../Images/MensBtnHover.gif') no-repeat top left;}

/* Ladies Btn Style */
*html a.LadiesBtn {padding: 0px 15px 3px 0px; } 
a.LadiesBtn {text-decoration: none;padding: 6px 25px 10px 0px;  color: #fff;  background: url('../Images/ladiesBtn.gif') no-repeat top right; font-weight: bold;outline-style:none; cursor: pointer; float: right }
a.LadiesBtn span { padding: 6px 3px 10px 0px; background: url('../Images/ladiesBtn.gif') no-repeat top left;}
a:hover.LadiesBtn {background: url('../Images/ladiesBtnHover.gif') no-repeat top right;}
a:hover.LadiesBtn span {	background: url('../Images/ladiesBtnHover.gif') no-repeat top left;}

/* Childrens Btn Style */
*html a.ChildrensBtn {padding: 0px 15px 3px 0px; } 
a.ChildrensBtn {text-decoration: none;padding: 6px 25px 10px 0px;  color: #fff;  background: url('../Images/ChildrensBtn.gif') no-repeat top right; font-weight: bold;outline-style:none; cursor: pointer; float: right }
a.ChildrensBtn span { padding: 6px 3px 10px 0px; background: url('../Images/ChildrensBtn.gif') no-repeat top left;}
a:hover.ChildrensBtn {background: url('../Images/ChildrensBtnHover.gif') no-repeat top right;}
a:hover.LChildrensBtn span {	background: url('../Images/ChildrensBtnHover.gif') no-repeat top left;}

#content {background: #fff;  width: 990px; margin: auto; }

#masthead {height: 70px;}
#tdbLogo {float: left; padding: 5px }
#mandmLogo {float: right; padding: 5px}

#breadcrumb {border-bottom:1px solid #eee; margin:2px 10px 9px 15px; padding:0 0 2px;}
#breadcrumb a { color:#333333; line-height:21px; padding:4px; text-decoration:underline;}
#breadcrumb a:hover { text-decoration: none; }

.offerLeftLadies {float: left; width: 145px;}
.offerLeftLadies h2 a {text-decoration: none; color: #EF008D}
.offerLeftLadies h2 a:hover{text-decoration: underline; }

.ladiesbackground  h2 a {text-decoration: none; color: #fff}
.ladiesbackground h2 a:hover{text-decoration: underline; }

.offerLeftMens {float: left; width: 145px;}
.offerLeftMens h2 a {text-decoration: none; color: #00ADEF}
.offerLeftMens h2 a:hover{text-decoration: underline; }

.mensbackground  h2 a {text-decoration: none; color: #fff}
.mensbackground h2 a:hover{text-decoration: underline; }

#searchBy {padding: 10px 10px 10px 10px}
	#biggestDiscount {float: left; width: 220px; border-right: 1px #ccc dotted; padding: 5px; margin: 5px}
	#cheapestPrice {float: left; width: 220px; border-right: 1px #ccc dotted; padding: 5px; margin: 5px}
	#searchByBrand {float: left; width: 220px; border-right: 1px #ccc dotted; padding: 5px; margin: 5px}
	#searchByColour {float: left; width: 220px; border-right: 1px #ccc dotted; padding: 5px; margin: 5px}

#extraLinks {background: #ddd; padding: 10px; clear:both}
#extraLinks a {color: #555; line-height: 19px}
#extraLinks a:hover {text-decoration: none; color: #333333}
	#extraBrands {float: left; width: 130px; border-right: 1px #AFAFAF dotted; padding: 5px; margin: 5px}
	#extraGender {float: left; width: 130px; border-right: 1px #AFAFAF dotted; padding: 5px; margin: 5px}
	#extraColour {float: left; width: 130px; border-right: 1px #AFAFAF dotted; padding: 5px; margin: 5px}
	#extraTools {float: left; width: 130px; border-right: 1px #AFAFAF dotted; padding: 5px; margin: 5px}
	
#extraInfo {float: left; width: 300px; padding: 5px; margin: 5px}	

.brandLogoContainer {padding: 0px 0px 20px 42px}	
.brandLogoContainer a { border-bottom:1px dotted #ccc; color:#333333; line-height:21px; padding:4px; text-decoration:none;}
.brandLogoContainer a:hover { text-decoration: none; background: #333; color: #fff}

#footer {background: #ccc; padding: 10px; color: #999}
#footer a { color:#999; text-decoration: none; font-size: 10px}
#footer a:hover { text-decoration: underline; color: #333333}
.seoFooter {background: #eee; font-size: 10px; text-align: center; color: #777; padding: 5px}

.colour {padding: 0px 20px 20px 20px;}
.colour a {border:1px solid #EEEEEE; color:#333333; float:left; font-size:16px; font-weight:bold; margin:11px; padding:11px; text-decoration:none; }
.colour a:hover {border:1px solid #333; }

#ladiesOfferOuter    {float: left; letter-spacing:-1px; margin: 0px 0px 0px 30px; width: 310px}
#ladiesOfferOuter 	.ladiesbackground {background: #ef008d; padding: 5px; float: left; width: 120px; height: 195px}
#ladiesOfferOuter 	.rrp {color:#efabd3; font-size:18px; font-weight:bold; line-height:18px;}
.glidecontenttogglerLadies {width: 300px; text-align: right; }
.glidecontenttogglerLadies a.next {background: url(../Images/nextOfferLadies.gif) no-repeat; color:#FFFFFF; font-size:14px; display: block; float: right; font-weight:bold; height:33px; letter-spacing:0; padding:7px 20px 5px 10px; text-decoration:none; outline-style:none;}
.glidecontenttogglerLadies a.prev {background: url(../Images/prevOffer.gif) no-repeat; color:#000; font-size:14px; font-weight:bold;display: block; float: right;  height:33px; letter-spacing:0; padding:7px 10px 5px 25px; text-decoration:none; outline-style:none;}

#mensOfferOuter {float: left; letter-spacing:-1px; width: 310px}
#mensOfferOuter	.mensbackground {background: #00adef; padding: 5px; float: left; width: 120px; height: 195px}
#mensOfferOuter	.rrp {color:#78d5f9; font-size:18px; font-weight:bold; line-height:18px;}
.glidecontenttogglerMens {width: 300px; text-align: right}
.glidecontenttogglerMens a.next {background: url(../Images/nextOfferMens.gif) no-repeat; color:#FFFFFF; font-size:14px; font-weight:bold; height:33px; letter-spacing:0; padding:7px 20px 5px 10px; text-decoration:none; display: block; float: right; outline-style:none;}
.glidecontenttogglerMens a.prev {background: url(../Images/prevOffer.gif) no-repeat; color:#000; font-size:14px; font-weight:bold; height:33px; letter-spacing:0; padding:7px 10px 5px 25px; text-decoration:none; display: block; float: right; outline-style:none;}

#brandsOfferOuter {float: left; letter-spacing:-1px; color:#FFFFFF}
.brandscontent {background: url('../Images/offerBG.jpg') no-repeat;height: 250px;width: 280px;padding: 15px;}
#brandImages {float: left; width: 145px; overflow: hidden}
#brandImages img {margin-bottom: 15px}
.brandsbackground {background: #339900; padding: 5px; float: left; width: 120px; height: 195px}
.brandsbackground h2 {color:#fff; font-size:18px; font-weight:bold; line-height:18px;}

#filterSet {background: #F9F9F9; width: 160px; border:1px #E2E1E1 solid; color: #606060; padding: 5px 5px 5px 10px; margin: 0px 10px 10px 10px; }
#filterSet ul { list-style-type: none}
#filterSet ul li { background: url(../Images/bulletArrow.gif) no-repeat left center; line-height:18px; padding:0 0 0 13px; }
#filterSet ul li a {text-decoration: none; color: #606060;}
#filterSet ul li a:hover {text-decoration: underline}
#filterSet .moreBrands a { padding: 5px; color:#333333; outline-style: none}

.searchResultsLeft {float: left; width: 200px;}
.searchResultsRight {float: left; width: 740px;}

.searchResultsCount{float: left; padding: 5px 0px 0px 0px}
.sortDropDown {float: right}
.pager {float:right; width: 370px; text-align: center}
.productRepeater{width: 150px; float: left; height: 300px}

.productRepeater {padding: 5px; margin: 5px; border: 1px #eee solid}
.price { color: #cc0000; font-weight: bold; font-size: 14px}
.productRepeater .prodTitle  a { color: #333; font-weight: bold; font-size: 12px; text-decoration: underline}
.productRepeater .prodTitle  a:hover {  text-decoration: none}

.rrpSaving {font-size: 11px; color:#777; margin: 3px 0px 3px 0px}
.overlayLogo { background:#FFFFFF ;height:24px;left:0px;padding:4px;position:relative;top:-28px;}

h1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -2px;
line-height: 1.2em;
}
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 313px;
height: 230px; /* Set height to be able to contain height of largest content shown*/
height: 250px;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: url('../Images/offerBG.jpg') no-repeat;
visibility: hidden;
height: 250px;
width: 280px;
padding: 15px;
}

.glidecontent img {float: left}
.glidecontent h2 {color:#FFFFFF; font-size:18px; font-weight:bold; line-height:18px;}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/


.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}


#menu {padding:0; margin:0px 10px 0px 10px; list-style:none; height:40px; position:relative; z-index:500; background: url('../Images/navBG.gif') repeat-x; border-bottom:1px solid #eee;}
#menu li {float:left; margin-right:1px; }
#menu li a {display:block; float:left; height:40px; line-height:40px; text-decoration:none; font-size:14px; font-weight:bold; padding:0 30px 0 20px; color: #333 ; outline: none}
 

#menu .navOffers {color: red}

 
 
 .dropDown li a {font-size: 12px !important; text-decoration: none; font-weight: normal !important; }
  .dropDown li a:hover {text-decoration: underline !important;}
  
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

#menu li a:hover {z-index:200; position:relative; text-decoration: underline}
#menu li:hover {position:relative; z-index:200;}

#menu li.current a {color:#fff; background:#840;}

#menu li a.sub { }
#menu li.current a.sub {color:#fff; }

#menu :hover ul {left:0; top:40px; width:120px; }

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }

#menu :hover ul :hover ul
{left:120px; top:-1px;  white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul  {margin:0; border-left: 1px #ccc solid; border-bottom: 1px #ccc solid;  border-right: 1px #ccc solid; height: 360px }
#menu :hover ul li {margin:0;  }
#menu :hover ul li a {width:120px; padding:0; text-indent:10px; ; height:20px; line-height:20px; background: #fff;   }
#menu :hover ul li a:hover { text-decoration: none !important; background: #333; color: #fff; }

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #00ADEF;
		
		font-weight: bold;
		background-color: #00ADEF;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	
			

#topPanel { font-family: Verdana; font-size: 11px;  padding: 8px }
#topPanel a { color: #003399; text-decoration: underline;}
#topPanel a:hover { color: #003399; text-decoration: none;}

#leftPanel {padding: 5px; float: left; width: 300px;  height: 300px}
#leftPanel img {padding: 5px; border: 1px solid #ccc}
#leftPanel a {text-align: center; font-size: 12px; color: #333}

#rightPanel {float: left; width: 400px; font-size: 12px}
#rightPanel h1 {font-size: 20px; letter-spacing: -1px; margin: 0px}
#rightPanel h2 {font-size: 18px}
#rightPanel h2 .price {color: #cc0033}

#didYouWantToSee {padding: 15px; background: #ecf2f7; color: #6D8EAF; border: 1px solid #9ab6d2; margin: 20px; font-size: 12px;}
#didYouWantToSee a { font-size: 12px; color: #9ab6d2; font-weight: bold}

#simProds ul {list-style-type: none; margin: 0px; padding: 0px 0px 0px 20px}
#simProds ul li { padding: 2px}
#simProds ul li img { border: 1px solid #ccc; padding: 2px}
#simProds h1 {font-size: 20px; letter-spacing: -1px; margin: 0px}
#simProds h2 {display: inline}
#simProds h2 .price {color: #cc0033}
#simProds a { font-size: 14px; color: #333; text-decoration: none;  }
#simProds a:hover {  text-decoration: underline}

.specialOfferOuter {padding: 0px 20px 20px 20px; margin: 5px 20px 20px 20px; background: #fff; }
	.specialOffer { border: 1px #999 dashed; padding: 10px; margin: 5px; background: #eee url(../Images/tag-deal.gif) no-repeat right top; }
	.specialOffer h1  {color: #00ADEF; float: left; padding: 12px 20px 20px 0px; margin: 0px 20px 0px 0px}
	.specialOffer h2 a {color: #00ADEF}
	.specialOffer h2 a:hover {color: #0081AF; text-decoration: none}

#AugOfferOuter {padding: 10px; background: #339900; color: #fff }

ul.productsFromList {list-style-type: none; float:left; width:287px; margin: 0 0 27px 24px}
ul.productsFromList li a {font-weight: ; text-decoration: none; color: #333; padding: 4px; border-bottom: 1px #ccc dotted}
ul.productsFromList li a:hover {text-decoration: underline}

a.showOffers {font-size: 16px; color: #fff; margin: 6px;}

.HPBrandList {padding: 10px; margin: 5px; border: 8px #eee solid; background: url('../Images/greyBG.j') repeat-x}
.HPBrandList img {float: left; margin: 0px 11px 0px 0px; border: none}
.HPBrandList a h2 {text-decoration: underline}

.HPBrandList  a.brandCategoryLink {color: #333;clear: both;border-bottom:1px dotted #ccc;line-height:21px;padding:4px 0px 4px 0px;text-decoration:none; display: block }
.HPBrandList  a.brandCategoryLink:hover {background: #eee }
a.HPBrands{ border:1px solid #CCCCCC;
display:block;
float:left;
height:17px;
margin:0px 0px 12px 16px;
padding:10px 22px 19px 20px;
text-align:center;
width:118px;}
a.HPBrands img {border: none}
a.HPBrands:hover { border: 1px #333 solid}


.srImg { float: left; margin:8px 8px 8px 0px; padding:35px; border: 1px #ccc solid}

img.newProduct {position: absolute; top: 0px; right: 0px; border: none}
img.newPrice {position: absolute; top: 0px; left:0px; border: none}
.newlowprice {color: green;  font-size: 11px; background: url(../Images/arrowDown.gif) no-repeat 0px 5px; padding: 1px 0px 0px 23px; clear: both}
.srProductImg { position: relative }