/**********************
offers panel styling
**********************/
.offerDetails {
	height:24px;
	left:4px !important;
	overflow:hidden;
	position:absolute;
	width:272px;
	z-index:99;
	bottom:6px;
	background:url(/images/homepage/offers_overlay.png) 0 0 no-repeat;
	padding:10px;
}

.offerDetailsContainer {
    position: relative;
    height: 321px;
}

#offersContainer:hover div {
	left:4px!important;
	background-color: #e5e4e3; /* pale grey */
	display:block;
	position:absolute;
	bottom:5px;
	width:272px;
	height:100px;
	background:url(/images/homepage/offers_overlay.png) 0 0 no-repeat;
}
#offersContainer dl dt {
	font-size:20px;
	text-align:right;
}
.offerDetails dl dt em {
	font-size:27px;
	font-weight:bold;
	font-style:normal;
}
#offersContainer dl dd {
	color:#ffffff;
	text-align:right;
}
#offersContainer a{
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
#offersContainer a:hover{
text-decoration:underline;
}
#offersContainer dl dd.link{
margin:20px 0 0 0;
}
#offersContainer span a{
font-size:11px;
position:relative;
bottom:10px;
left:0;
}

#OffersPane {
	background:url(/images/homepage/offers_bg.png) 0 0 no-repeat;
	height:321px;
	margin-right:9px;
	position:absolute;
	right:0;
	top:0;
	width:299px
}
#OffersPane .btnNext, #OffersPane .btnPrev {
	background:url(/images/backgrounds/offerpane-control.png) left top no-repeat;
	border:0;
	cursor:pointer;
	display:block;
	height:55px;
	outline:none;
	overflow:hidden;
	position:absolute;
	text-indent:55px;
	top:131px;
	white-space:nowrap;
	width:19px;
	z-index:101
}
#OffersPane .btnNext {
	background-position:-19px 0;
	right:3px
}
#OffersPane .btnNext:hover {
	background-position:-19px -55px
}
#OffersPane .btnPrev {
	left:4px
}
#OffersPane .btnPrev:hover {
	background-position:0 -55px
}
#OffersPane div.offersPanePanel {
	height:315px;
	left:4px;
	overflow:hidden;
	position:absolute;
	top:3px;
	width:292px
}

#OffersPane div.offersPanePanel a.offersPanePanelAction {
	background:url(/images/backgrounds/transparent.gif);
	display:block;
	height:315px;
	left:0;
	overflow:hidden;
	position:absolute;
	text-indent:315px;
	top:0;
	white-space:nowrap;
	width:292px;
	z-index:101;
	padding-right:20px;
}

#OffersPane div.offersPanePanelDetail {                    
	color:#fff;
	right:0;
	overflow:hidden;
	position:absolute;
	width:260px;
	z-index:100;
	background:url(/images/homepage/offers_overlay_white.png) 0 0 no-repeat;
	padding:17px 27px 40px 5px;
	text-align:right;
	top:260px;
}

#OffersPane div.offersPanePanelDetail dd.offerPrimary {
	bottom:15px;
	position:absolute;
	right:5px;
}

#OffersPane div.offersPanePanelDetail dd.offerPrimaryGirls {
	bottom:45px;
	position:absolute;
	right:5px;
}

#OffersPane div.offersPanePanelDetail dd.offerPrimaryBoys {
	bottom:30px;
	position:absolute;
	right:5px;
}

#OffersPane div.offersPanePanelDetail p.offerSecondary {
	bottom:15px;
	left:15px;
	margin:0;
	padding:0;
	position:absolute
}
#OffersPane div.offersPanePanelDetail h1 {
	font-size:20px;
	font-weight:normal;
	line-height:30px;
	margin-bottom:4px;
	text-align:right
}
#OffersPane div.offersPanePanelDetail h2 em {
	font-size:21px;
	font-style:normal;
	font-weight:bold;
	line-height:30px;
}
#OffersPane div.offersPanePanelDetail h3 {
	font-size:15px;
	font-weight:normal;
	margin-bottom:20px;
	text-align:right
}
#OffersPane div.offersPanePanelDetail h3 em {
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	line-height:27px;
}

#OffersPane div.offersPanePanelDetail img {
	float:left;
	padding:0px 0px 0px 10px;
}

#OffersPane div.offersPanePanelDetail h3 em.now{
	font-size:20px;
}

#OffersPane div.offersPanePanelDetail strong{
	margin-right:20px;
}


/*********************
Thumb styling for main banner
*********************/
#thumbsContainer {
	position:absolute;
	left:9px;
	bottom:24px;
}
.thumb {
	border:4px solid #FFFFFF;
	width:215px;
	height:80px;
	float:left;
	margin:-4px 0 -4px -4px;
	position:relative
}
.thumb h2 a {
	position:absolute;
	top:0;
	left:0px;
	background-color:#FFFFFF;
	font-size:11px;
	padding:3px 5px 3px 0;
	color:#7d7d7c;
	padding-left:4px
}
.thumb h2 a:hover {
	text-decoration:none;
	color:#989896;
}


/**********************
category pods styling
**********************/
#categoryPod_container {
	height:315px;
	width:981px;
	padding-left:10px
}
.categoryPod {
	background-color:#efefef;
	border:1px solid #e8e6e7;
	height:130px;
	float:left;
	overflow:hidden;
	margin-right:10px;
	margin-bottom:15px;
	padding:10px 174px 10px 10px;
	position:relative;
	width:131px
}
.categoryPod .categoryPodImage {
	position:absolute;
	right:0;
	top:0
}
.categoryPod h2 {
	font-size:14px;
	margin-bottom:5px;
	padding:0;
	color:#82817f;
	font-weight:bold;
}
.categoryPod h2 a {
	color:#82817f
}
.categoryPod p {
	font-size:11px;
	color:#9b999a;
	margin:0 0 10px 0
}

.categoryPod p.subMessage {
	font-size:8px;
	color:#9b999a;
	margin:0 0 10px 0
}

.categoryPod p a{
	color:#9B999A;
	text-decoration:none;
}
.categoryPod p a:hover{
	color:#605f5f;
}
.categoryPod p a.categoryLink {
	color:#82817f;
	text-decoration:underline;
	font-weight:bold;
	position:absolute;
	left:10px;
	bottom:10px;
	width:131px;
}
.categoryPod p a.categoryLink_middle {
	color:#82817f;
	text-decoration:underline;
	font-weight:bold;
	position:absolute;
	left:10px;
	bottom:50px;
	width:131px;
}
.categoryPod p a:hover {
	text-decoration:none;
}

/**********************
WinterSale CSS - Sam 08/12/11
**********************/

#categoryPodSale_container {
	height:315px;
	width:981px;
	padding-left:10px
}
.categoryPodSale {
	background-color:#efefef;
	border:1px solid #e8e6e7;
	height:130px;
	float:left;
	overflow:hidden;
	margin-right:10px;
	margin-bottom:15px;
	padding:10px 174px 10px 10px;
	position:relative;
	width:131px
}
.categoryPodSale .categoryPodImage {
	position:absolute;
	right:0;
	top:0
}
.categoryPodSale h2 {
	font-size:14px;
	margin-bottom:5px;
	padding:0;
	color:#82817f;
	font-weight:bold;
}
.categoryPodSale h2 a {
	color:#82817f
}
.categoryPodSale p {
	font-size:11px;
	color:#9b999a;
	margin:0 0 10px 0
}

.categoryPodSale span {
	font-size:14px;
	margin-bottom:5px;
	padding:0;
	color:#D11241;
	font-weight:bold;
}

.categoryPodSale p.subMessage {
	font-size:8px;
	color:#9b999a;
	margin:0 0 10px 0
}

.categoryPodSale p a{
	color:#9B999A;
	text-decoration:none;
}
.categoryPodSale p a:hover{
	color:#605f5f;
}
.categoryPodSale p a.categoryLink {
	color:#82817f;
	text-decoration:underline;
	font-weight:bold;
	position:absolute;
	left:10px;
	bottom:10px;
	width:131px;
}
.categoryPodSale p a.categoryLink_top {
	color:#82817f;
	text-decoration:underline;
	font-weight:bold;
	position:absolute;
	left:10px;
	bottom:50px;
	width:131px;
}

.categoryPodSale p a.categoryLink_middle {
	color:#82817f;
	text-decoration:underline;
	font-weight:bold;
	position:absolute;
	left:10px;
	bottom:30px;
	width:131px;
}

.categoryPodSale p a:hover {
	text-decoration:none;
}

/**********************
Retention/Acquisition CSS - Sam 08/12/11
**********************/
.categoryPodAC  {
	background-color:#f5f5f5;
	border:1px solid #dedcdd;
	height:130px;
	float:left;
	overflow:hidden;
	margin-right:15px;
	margin-bottom:15px;
	padding:10px 174px 10px 11px;
	position:relative;
	width:130px
}

.acquisition {
	padding:0; 
	width:315px; 
	height:150px;
	background-image:url(/images/homepage/categories/acquisition_011111_uk.jpg);
}
.acquisition_btn {
	width:144px; 
	height:26px;	
	margin:110px 0 0 20px;
}
.acquisition_btn a {
	display:block;
	padding:6px 20px;
	background-image:url(/images/homepage/categories/btn_acquisition_011111_up.png);
	text-decoration:none;
	background-repeat:no-repeat;
}
.acquisition_btn a:hover {
	display:block;
	padding:6px 20px;
	background-image:url(/images/homepage/categories/btn_acquisition_011111_over.png);
		text-decoration:none;
		background-repeat:no-repeat;

}
.acquisition_btn a span {
	visibility:hidden;
}

.acquisition_ie {
	padding:0; 
	width:315px; 
	height:150px;
	background-image:url(/images/homepage/categories/acquisition_011111_ie.jpg);
}



/******************
operational content
******************/
#operationalContent {
	width:992px;
	clear:both;
	padding-top:20px;
	width:992px
}
#marketingContent{
	position:relative;
}
#marketingContent span.sideLabel{
	background:url(/images/homepage/justforyou_label.png) right top no-repeat;
	height:104px;
	overflow:hidden;
	position:absolute;
	right:-33px;
	text-indent:35px;
	top:0;
	white-space:nowrap;
	width:34px;
	z-index:500;
}
/******************
search nearest store pod
********************/
#leftColumn, #middleColumn {
	float:left;
}

#leftColumn{
	background:url(/images/homepage/searchstore_divider_top.png) 20px top no-repeat;
	padding-top:8px;
}
.searchStore {
	background:url(/images/homepage/search_store_bg.jpg) 0 0 no-repeat;
	width:330px;
	min-height:126px;
}
.shoppingtoSuit_column {
	width:287px;
	min-height:520px;
	background-color:#ebebeb;
	padding:0 20px 15px 20px;
	
}
.shoppingtoSuit_column a, .shoppingtoSuit_column dt span {
	display:block;
	padding:0 0 0 20px;
	background:url(/images/homepage/shoppingtosuit_bullet.gif) left center no-repeat!important;
	font-size:14px;
	color:#6e6e6e;
	font-style:normal;
	line-height:30px;
	font-weight:bold;
}
.shoppingtoSuit_column dl dd.subTitle, .shoppingtoSuit_column dd.subTitle a{
	font-size:12px!important;
	background:none!important;
	padding:0 0 0 0!important;
	color:#6e6e6e;
	line-height:30px;
	font-weight:normal!important;
	
}
.shoppingtoSuit_column a{
	text-decoration:underline;
}
.shoppingtoSuit_column a:hover {
	color:#6e6e6e;
	text-decoration:none;
}
.shoppingtoSuit_column dl{
background:url(/images/homepage/searchstore_divider.png) left top no-repeat;
}
.shoppingtoSuit_column dl dd {
	color:#989898;
	font-size:11px;
	padding:0 72px 10px 0;

}
.shoppingtoSuit_column dl dt {
	padding-top:10px;
	background:url(/images/homepage/shoppingtosuit_divider.jpg) left top no-repeat;
}
.shoppingtoSuit_column dl dt.first {
	background:none;
}
.shoppingtoSuit_column dl dd.freeDel {
	background:url(/images/homepage/van_icon.png) 242px 0 no-repeat;
}
.shoppingtoSuit_column dl dd.shopOnline {
	background:url(/images/homepage/online-icon.png) 242px 0 no-repeat;
}
.shoppingtoSuit_column dl dd.orderPhone {
	background:url(/images/homepage/phone_icon.png) 242px 0 no-repeat;
}
.shoppingtoSuit_column dl dd.storeServices {
	background:url(/images/homepage/storeserv_icon.png) 242px 0 no-repeat;
}
.shoppingtoSuit_column dl dd ul li.spaced {
	margin-top:10px
}
.shoppingtoSuit_column dl dd ul li.tel{
	margin-top:10px;
}

/********************
middle column styling
********************/
#middleColumn {
	margin:0 11px 0 11px;
	width:317px;
}

.genericHomePod {
	color:#989898;
	padding:10px;
	position:relative
}
.genericHomePod p {
	margin:0
}

.catRequest {
	height:107px;
	border:1px solid #eaeaea;
	margin-bottom:10px; 
}
.catRequest img {
	left:5px;
	position:absolute;
	top:0
}
.catRequest li.freeCat {
	position:absolute;
	right:-38px;
	top:20px;
	margin-left:0;
}
.catRequest ul {
	left:140px;
	position:absolute;
	top:20px;
	margin-right:10px;
}
.catRequest p.newSeason {
	left:157px;
	padding-right:10px;
	position:absolute;
	top:70px
}

.giftList {
	height:100px;
	padding-right:137px
}
.giftList img {
	position:absolute;
	right:10px;
	top:12px
}
.giftList ul {
	margin-top:10px
}


.giftCard {
	height:90px;
	padding-right:137px
}
.giftCard img {
	position:absolute;
	right:10px;
	top:12px
}
.giftCard ul {
	margin-top:10px
}

a.latestNews {
	display:block
}
.latestnewsPod img {
	float:right;
}
.latestnewsPod li {
	height:50px;
	padding:0 0 10px 15px;
	/*margin-top:10px;*/
	font-size:12px;
	font-weight:bold;
	background:url(/images/homepage/triangle_bullet.png) 0 2px no-repeat;
}
.latestnewsPod li em {
	font-style:normal;
	font-weight:normal;
	color:#bbb9ba;
	font-size:11px;
}
.latestnewsPod li a {
	color:#989898
}
.latestnewsPod img {
	border:2px solid #ebebeb;
	margin-left:20px;
}

.moreThan {
	padding-right:108px
}
.moreThan img {
	position:absolute;
	right:10px;
	top:10px
}

.newsletterPod {
	height:107px;
	padding-right:120px;
	border:1px solid #eaeaea;
	margin-bottom:10px;  
}
.newsletterPod #frmSignup {
	left:8px;
	position:absolute;
	top:80px;
	white-space:nowrap
}
.newsletterPod dl {
	width:96px;
	position:absolute;
	right:2px;
	top:10px;
}
.newsletterPod dl dt {
	color:#7d7d7d;
	font-size:11px;
	font-weight:bold;
}
.newsletterPod dl dd.thumbnail {
	background:url(../../images/homepage/lastest_newslet_bg.png) 0 0 no-repeat;
	width:74px;
	height:51px;
	padding:1px 0 0 10px;
	margin-top:5px;
}
.newsletterPod dl dd.newsletterLink a {
	text-decoration:none;
	font-size:100%%;
	font-weight:bold;
}
.newsletterPod dl dd.newsletterLink a:hover {
	text-decoration:underline;
}
#middleColumn h2, #rightColumn h2 {
	background-color:#cdcdcd;
	padding:5px 10px 5px 10px;
	color:#7e7e7e;
	font-size:14px;
	display:block;
	/*margin-bottom:10px*/
}
#middleColumn h2 a, #rightColumn h2 a {
	color:#7e7e7e
}

/**************
social media
**************/

#middleColumn .socialMedia{
	margin-top:15px;
}
#middleColumn .socialMedia dl{
	float:left;
	margin-right:32px;

}
#middleColumn .socialMedia dl.last{
	margin-right:0;
}
#middleColumn .socialMedia dt{
	font-size:11px;
	color:#838383;
	text-align:center
}
#middleColumn .socialMedia dd{
	text-align:center;
}
#middleColumn .socialMedia dd a{
	color:#3db5e0;
	text-decoration:underline;
	font-size:11px;
	display:block;
}
#middleColumn .socialMedia dd a:hover{
	text-decoration:none;
}

#middleColumn .socialMedia dl.babyComp{
	background:url(/images/homepage/baby_compthumb_29092010.jpg) left center no-repeat;
	min-height:71px;
	margin:20px 10px 0 0;
	padding:0 0 0 50px;
	text-align:center;
	width:255px
}
#middleColumn .socialMedia dl.babyComp dd.copy{
	color:#838383;
}


/***************
right column
***************/
#rightColumn {
	float:left;
	width:317px
}

/**************************
Search store
**************************/
#searchStore {
	background-color:#f9f9f9;
	background:url(/images/homepage/search_store_bg.jpg) left bottom no-repeat;
	min-height:59px;
	padding-left:20px;
	position:relative;
	width:307px;
}
#searchStore h2 {
	font-size:22px;
	font-weight:normal;
	color:#999999;
	padding:0 0 10px 0;
}
#searchStore p {
	padding-bottom:20px;
}
#searchStore .searchContainer {
	/*width:320px;*/
	position:relative;
	padding:5px 0 8px 0;
	background:url(/images/homepage/store_search_icon.png) right bottom no-repeat;
}
#searchStore label {
	display:block;
	color:#666666;
	margin:0 0 5px 0;
	padding:0;
	font-size:12px;
}
#searchStore .searchField {
	background:url(/images/homepage/search_store_input.png) left top no-repeat;
	border:none;
	color:#999999;
	font-size:11px;
	height:32px;
	line-height:32px;
	margin:0;
	padding-left:7px;
	vertical-align:middle;
	width:123px
}
#searchStore .searchBtn {
	background:url(/images/homepage/search_store_input.png) right top no-repeat;
	border:none;
	color:#ffffff;
	cursor:pointer;
	font-weight:bold;
	height:32px;
	vertical-align:middle;
	width:65px
}
#searchStore .searchBtn:hover {
	background-position: right bottom;
}

#searchStore ul{
	margin-top:-10px;
}

#middleColumn .newsletterPod .searchContainer {
	width:320px;
}
#middleColumn .newsletterPod label {
	color:#666666;
	width:1px;
	left:-3000px;
	overflow:hidden;
	position:absolute;
}
#middleColumn .newsletterPod .searchField {
	background:url(/images/homepage/newsletter_formsprite.png) left top no-repeat;
	border:0 none;
	color:#999999;
	font-size:11px;
	height:28px;
	line-height:28px;
	margin:0;
	padding-left:7px;
	vertical-align:middle;
	width:130px
}
#middleColumn .newsletterPod .searchBtn {
	background:url(/images/homepage/newsletter_formsprite.png) right top no-repeat;
	border:medium none;
	color:#ffffff;
	cursor:pointer;
	font-weight:bold;
	height:28px;/*search button heaght*/
	margin:0;
	vertical-align:middle;
	width:62px
}
#middleColumn .newsletterPod .searchBtn:hover {
	background-position: right bottom;
}
/********
reset style for homepage
*********/
.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
.clearAll {
	clear:both;
}
a:focus {
	-moz-outline-style: none;
}
/******
related styles
***************/

.new_losenge img {
	position:absolute;
	padding: 10px 0 0 230px; 
}

ul.withTriangles li {
	background:url(/images/homepage/triangle_bullet.png) left 3px no-repeat;
}
ul.withTriangles li a {
	padding-left:10px;
	color:#7c7c7c;
	display:block;
}



ul.withLosenge li {
	background:url(/images/homepage/triangle_bullet.png) left 3px no-repeat;
}
ul.withLosenge li a {
	padding-left:10px;
	color:#7c7c7c;
	display:block;
}

/*******
opening times for homeshopping times in global footer
********/
#homeShoping_openTimes{
	position:relative;
	background:url(/images/footer/bigtel_openinghours.png) right bottom no-repeat;
	color:#7e7e7e;
}
#homeShoping_openTimes h1{
	font-size:25px;
	padding-bottom:20px
}
#homeShoping_openTimes p{
	font-size:20px;
}

.catButton{
	font-size:11px;
	color:#ffffff;
	margin-top:5px;
	padding-left:8px!important;
}

/*Euro Flags*/
.euroFlags{
	margin:10px 0 0 10px;
}




