/* CSS Document */

body {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 0.82em;
	background-color:#8a4292;
	background-image:url(images/global/bgimg.png);
	background-repeat:repeat-x;
	margin: 0;
	/* background-image:url(images/global/tchbgimg.gif) E1E2C8 */
}

/* Easy clearing of floats (see http://positioniseverything.net/easyclearing.html) */
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
.clearfix {
	display:inline-table;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1px;
	}
.clearfix {display: block;
	}
/* End hide from IE-mac */

#page {
	width: 960px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
/*global styles*/

.floatLeft {
	float: left;
}
.whitebBack {
	background-color:#FFFFFF;
}
/* ******************************  */
/* Include File Classes */
/* ******************************  */

.weeklyofferblock {
	float: left;
}
.weeklyoffer {
	float: left;
	width: 150px;
	padding-right:10px;
}
.imgprodweekly {
	float: left;
	width: 150px;
	text-align:center;
	
}

/* ******************************  */
/* Include File Classes */
/* ******************************  */

.article {
	width: 570px;
	float: left;
	padding-bottom: 20px;
}
.pressarticle {
	width: 570px;
}
.pressimage {
	float: right;
}
.presstitle {
	color : #8A4292;
	width: 480px;
	font-weight: bold;
}
.pressissue {
	width: 480px;
	color : #8A4292;
}
.presscode {
	width: 480px;
	color : #8A4292;
}
a.presslink {
	color : #8A4292;
}
.pressarticleinc {
	width: 480px;
	float: left;
	padding-bottom: 20px;
}


/* ******************************  */
/* TOP BAR */
/* ******************************  */
#topBar {
	width: 960px;
	height: 102px;
}
#logo {
	width: 356px;
	height: 102px;
	float: left;
}
#search {
	width: 584px;
	padding: 15px 20px 0 0;
	float: right;
}

/* ******************************  */
/*SUB NAV */
/* ******************************  */

.subNavBox{
	height:25px;
	text-align: right;
	font-size: 0.85em;
	color: #000000;
}
.subNavBox a {
	color: #000000;
	text-decoration: none;
}
.subNavBox a:hover {
	color: #8a4292;
	text-decoration: underline;
}

/* ******************************  */
/*SEARCH & BASKET */
/* ******************************  */
#basketsearchBox {
	width: 584px;
	float:right;
}
#basketContainer {
	height: 34px;
	width: 264px;
	float:right;
}
#basketImg {
	float:right;
	padding-right: 10px;
}	
#basketContent{
	margin-top: 18px;
	float:right;
}	
#searchContainer {
	width: 320px;
	height: 34px;
	float:right;
}
#searchImg {
	height: 34px;
	float:left;
}
#inputBox {
	height: 34px;
	float:left;
}
#buttonBox {
	height: 34px;
	float:left;
}
#site_search {
	float:right;
	display:inline;
	margin:0px 0 0px 0;
	padding:0;
}
#egBox {
	width: 155px;
	margin-top: 2px;
	font-size: 0.6em;
	float:left;
}
.field {
	border:0px solid #CCCCCC;
	background-color: #f3ddf5;
	height: 16px;
	margin-top: 15px;
}
.searchlabel {
	font-size: 0.8em;
	font-weight: bold;
	color: #8b6139;
}
/* ******************************  */
/* TOP NAVIGATION */
/* ******************************  */

#topNavHome {
	width: 920px;
	background-color:#c97ac4;
	background-image:url(images/home/bg_stripes_homenav.jpg);
	height: 92px;
	padding: 0px 20px 0 20px;
	color: #000000;
	font-size: 1em;
}
#topNavHome a {
	color: #000000;
	text-decoration: none;
}
#topNavHome a:hover {
	color: #5e6e65;
	text-decoration: none;

}
#topNav {
	width: 920px;
	background-color:#c97ac4;
	background-image:url(images/global/bg_stripes.png);
	height: 92px;
	padding: 0px 20px 0 20px;
	color: #000000;
	font-size: 1em;
}
#topNav a {
	color: #000000;
	text-decoration: none;
}
#topNav a:hover {
	color: #5e6e65;
	text-decoration: none;

/* main navigation */
}
#main-nav {
	height: 92px;
	width: 805px;
	float: left;
}
#main-nav2 {
	height: 92px;
	width: 115px;
	float: left;
}
#tabs {
	margin:0;
	padding:0;
}
#tabs ul {
	display:block;
	position:absolute;
}
#tabs ul.children {
	margin:0;
	padding:0;
	z-index:100;
	visibility:hidden;
}
#tabs li {
	display:inline;
	float:left;
	height:auto;
	font-weight: normal;
	font-size: 1.0em;
}
#tabs li li {
	background:#ddd none repeat scroll 0%;
	display:block;
	float:none;
}
/* nav button widths - we will keep these as text for now due to changes... */
	#n0 a { width:90px; }
	#n1 a { width:90px; }
	#n2 a { width:75px; }
	#n3 a { width:105px; }
	#n4 a { width:100px; }
	#n5 a { width:100px; }
	#n6 a { width:100px; }
	#n7 a { width:90px; }
	#n8 a { width:90px; }

#tabs a {
	color:#000000;
	font-weight: normal;
	display:block;
	padding:10px;
	margin-top: 20px;
	height: 52px;
	text-align: left;
	text-decoration:none;
	font-size: 1.2em;
}
.navsize {
	font-size: 1.5em;
}
#tabs a:hover, #tabs a.selected {
	background-image:none;
	background-color:#8a4292;
	color:#FFFFFF;
	text-decoration:none;
}
#tabs ul a {
	background:#000000 none repeat scroll 0%;
	color:#000000;
	font-weight: normal;
	font-size: 0.8em;
	line-height:20px;
	padding:2px 20px 4px 20px;
	text-align:left;
	white-space:nowrap;
	width:115px;
}
#tabs ul ul a {
	background:#EA5C24 none repeat scroll 0%;
	border: 0;
}
#tabs ul a:hover, #tabs ul a.selected {
	background-color: #8a4292;
	color: #FFFFFF;
	text-decoration: underline;
}
#tabs a.current {
	color: #000000;
}
#tabs a.current:hover {
	background: transparent url(../img/nav-vbar.gif) no-repeat right 0;
	color: #000000;
}
#n8 a, #n8 a:hover, #n8 a.current:hover {
	background-image:none;
}
#tabs li:hover ul, #tabs li.sf ul {
	visibility:visible;
}
#tabs li:hover ul ul, #tabs li.sf ul ul {
	visibility:hidden;
}
#tabs li:hover ul, #tabs li li:hover ul, #tabs li.sf ul, #tabs li li.sf ul {
	visibility:visible;
}


/* ******************************  */
/* HOME CONTENT */
/* ******************************  */
#homeBar {
	width: 920px;
	padding: 0px 0px 0px 40px;
	height: 196px;
	background-color: #c97ac4;
}
#featureText {
	width: 482px;
	padding: 15px 12px 15px 0px;
	height: 166px;
	float: left;
	font-size: 1.2em;
	color:#FFFFFF;
}
.featureTitle{
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1.6em;
}
#featureImage {
	width: 244px;
	padding: 0px;
	height: 196px;
	float: left;
}
#homeImage {
	width: 182px;
	padding: 0px;
	height: 196px;
	float: left;
}
#brandsBar {
	width: 880px;
	height: 26px;
	background-color: #612e67;
	padding: 14px 40px 5px 40px;
	background-image: url(images/home/bg_brands.gif);
	background-repeat:repeat-x;
	color: #FFFFFF;
}
#brandsBar a{
	color: #FFFFFF;
	font-size: 1.0em;
	text-decoration: none;
}
#brandsBar a:hover{
	color: #faead3;
	text-decoration: underline;
}
#offersBar {
	width: 880px;
	padding: 25px 40px 25px 40px;
	height: 285px;
	background-color: #faead3;
}
.offersFeature1 {
	width: 381px;
	height: 162px;
	float: left;
	background-color: #faead3;
}
.offersFeature2 {
	width: 480px;
	float: right;
	background-color: #FFFFFF;
	padding-bottom: 15px;
}
#pressBar {
	width: 880px;
	padding: 25px 40px 5px 40px;
	background-color: #ffffff;
	float: left;
}
.introText {
	width: 381px;
	float: left;
}
.pressArticle {
	width: 480px;
	float: right;
}
#brandLogos {
	width: 880px;
	padding: 25px 40px 25px 40px;
	background-color: #ffffff;
	float: left;
}

/* ******************************  */
/* FEATURE PAGE */
/* ******************************  */

#featurecontent {
	width: 880px;
	padding: 25px 40px 25px 40px;
	background-color: #ffffff;
	float: left;
}
#leftcontent{
	width: 420px;
	margin-right: 40px;
	float: left;
}
#rightcontent{
	width: 420px;
	float: right;
}
.rapidheadline{
	color: #333399;
	font-size: 1.4em;
	font-weight:bold;
}
.rapidsubheadline{
	color: #000000;
	font-size: 1.2em;
	font-weight:bold;
}
.rapidnav{
	width:420px;
	float:left;
}
.rapidnav a{
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}
.rapidnav a:hover{
	color: #333399;
	font-weight:bold;
}

/* ******************************  */
/* SHOP LAYOUT */
/* ******************************  */
#underNav {
	width:960px;
	height: 13px;
	background-color: #612e67;
	padding: 0px;
	background-image: url(images/global/bg_undernav.gif);
	background-repeat:repeat-x;
}
#middlecontent {
	width: 960px;
	padding-bottom: 20px;
	background-color:#FFFFFF;
	float: left;
}
#leftcol {
	width: 170px;
	background-color:#FFFFFF;
	float: left;
	padding-right: 20px;
}
#middlecol {
	width: 580px;
	background-color:#FFFFFF;
	padding-top: 35px;
	float: left;
}
#rightcol {
	width: 170px;
	background-color:#FFFFFF;
	float: right;
	padding-left: 15px;
}
/*Shop Left Col*/
.sidenav {
	width: 150px;
	padding-left: 20px;
	padding-bottom: 20px;
	float: left;
}

/*Right Col*/
.pressbox {
	width: 170px;
	float: left;
}
.presstext {
	width: 140px;
	padding: 10px 20px 10px  10px ;
	background-color:#f3ddf5;
	float: left;
}
/* ******************************  */
/* PAGE LAYOUT */
/* ******************************  */

#pageStripes {
	width: 920px;
	background-color:#c97ac4;
	background-image:url(images/global/bg_stripes.png);
	height: 45px;
	padding: 0px 0px 0 0px;
	color: #000000;
	font-size: 1em;
}
#pageNav {
	width: 880px;
	height: 26px;
	background-color: #612e67;
	padding: 14px 40px 5px 40px;
	background-image: url(images/home/bg_brands.gif);
	background-repeat:repeat-x;
	color: #FFFFFF;
}
#pageNav a{
	color: #FFFFFF;
	font-size: 1em;
}
#pageNav a:hover{
	color: #c97ac4;
}
#pageTitle {
	height: 50px;
	width: 880px;
	padding: 15px 20px 0px 20px;
}
#quoteBar {
	width: 880px;
	padding: 25px 40px 25px 40px;
	background-color: #faead3;
}
#pageContent {
	width: 880px;
	padding: 25px 40px 25px 40px;
	background-color:#FFFFFF;
	float: left;
}
.pageContentL {
	width: 482px;
	float: left;
}
.pageContentR {
	width: 322px;
	float: right;

}
.pageContentRpink {
	width: 318px;
	float: right;
}
.thumbBar {
	width: 322px;
	height: 80px;
	float: left;
	padding-top: 20px;
}



/* ******************************  */
/* GLOBAL FOOTER */
/* ******************************  */
#footerLine{
	width: 960px;
	height: 94px;
	background-color: #FFFFFF;
	background-image:url(images/global/bg_footer.png);
	float:left;
}
#Footer{
	width: 920px;
	height: auto;
	height: 54px;
	padding: 25px 20px 15px 20px;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 0.92em;
	float: left;
	background-image:url(images/global/bg_footer.png);
	text-align: right;
}
.padding5px{
	padding-bottom: 5px;
	padding-top: 35px;
	text-align: right;
}
#Footer a {
	color: #000000;
	text-decoration: none;
}
#Footer a:hover {
	color: #8a4292;
	text-decoration: underline;
}
/*Fonts and Navigation Roll Overs*/

.whiteBold{
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1em;
	
}
.pageTitle{
	color: #8E4695;
	font-weight: bold;
	font-size: 1.2em;
}
.aboutTitle{
	color: #8cc63f;
	font-weight: bold;
	font-size: 1.6em;
	
}
.publicTitle{
	color: #d5a00f;
	font-weight: bold;
	font-size: 1.6em;
	
}
.publicColour{
	color: #d5a00f;
}
a.publicColour{
	color: #5e6e65;
}
a.publicColour:hover{
	color: #d5a00f;
	
}
.designTitle{
	color: #10a7b6;
	font-weight: bold;
	font-size: 1.6em;	
}
.designColour{
	color: #10a7b6;	
}
a.designColour{
	color: #5e6e65;	
}
a.designColour:hover{
	color: #10a7b6;	
}
.eventsTitle{
	color: #ca006c;
	font-weight: bold;
	font-size: 1.6em;	
}
.eventsColour{
	color: #ca006c;
}
a.eventsColour{
	color: #5e6e65;
}
a.eventsColour:hover{
	color: #ca006c;
}
ul {
	padding: 0 0 0 24px;
}
.textlink{
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1em;
}
a.textlink{
	color: #8A4292;
}
a.textlink:hover{
	color: #000000;	
}
.textlinkBig{
	color: #5e6e65;
	font-weight: normal;
	font-size: 1em;
}
a.textlinkBig{
	color: #5e6e65;
	
}
a.textlinkBig:hover{
	color: #8cc63f;
	

/** ******************************  */
/* HOME CONTENT */
/* ******************************  */
}
#emailText {
	width: 910px;
	padding: 10px 25px 10px 25px;
	background-color: #c97ac4;
	font-size: 1.6em;
	color: #FFFFFF;
}
#formText {
	width: 910px;
	padding: 25px 25px 40px 25px; 
	background-color: #FFFFFF;
}