/* 'sub-navi' and info/support panels
--------------------------------------------------------------*/
.sideNavHeader{
	width:276px;
	background:#e11381 url(images/nav-header-pink-heart.gif) top left no-repeat;
	margin:0 0 13px 0;
	padding:0px 0 6px 0;
}

#sideNav{
	margin:0;
	padding:0;
}

#sideNav a{
	color:#6e6b6b;
}

#sideNav ul{
	margin:4px 0 10px 0;
	padding:0;
}

#sideNav li{
	margin:0;
	list-style-type:none;
	background:transparent url(images/nav-divider-horiz.gif) bottom left no-repeat;
	padding:3px 0 4px 32px;
}

.sideNavHeaderGrey{
	width:276px;
	background:#dbdad9 url(images/nav-header-grey-heart.gif) top left no-repeat;
	width:276px;
	margin:0 0 13px 0;
	padding:0px 0 5px 0;
}

.sideNavHeader h4{
	padding:6px 0 0 34px;
	font-weight:normal;
	font-size:1.2em;
	width:236px;
	color:#fff;
}

.sideNavHeaderGrey h4{
	padding:7px 0 0 34px;
	font-weight:bold;
	width:236px;
}

.sideNavHeader a{
	color:#fff;
}

.sideNavHeaderGrey a{
	color:#e21381;
}

.sideNavBlock{
	background-position:top right;
	margin-bottom:10px;
	background-repeat:no-repeat;
}

.sideNavBlock h4{
	color:#e21381;
	font-size:1.4em;
	margin:0 0 6px 6px;
	font-weight:normal;
}

.sideNavBlock p{
	padding:0 0 17px 0px;
	margin:0 0 0 6px;
	width:140px;
}

.sideNavBlock  .highlight{
	color:#515050;
	font-weight:normal;
	font-size:1.3em;
	margin:0px 0 10px 5px;
	padding:0;
}

.sideNavhero{
	background-position:top right;
	background-repeat:no-repeat;
	width:276px;
	height:87px;
	margin:0 0 8px 0;
}

.sideNavhero h3{
	margin:0;
	font-size:1.3em;
	padding:19px 0  0 12px;
	color:#fff;
}

.sideNavhero p{
	margin:0;
	width:150px;
	padding:8px 0  0 12px;
	color:#fff;
}


/* topProducts
the '5 most popular brands panel
--------------------------------------------------------------*/
#topProducts{
	margin:0;
	float:right;
	width:277px;
	background:transparent url(images/top-prods-bottom.gif) bottom left no-repeat;
	padding:0;
}

#topProductsBottom{
	background:transparent url(images/top-prods-top.gif) top left no-repeat;
	padding:5px 0 5px 0;
}

#topProductsBottom a{
	color:#6e6b6b;
}

#topProducts ul{
	margin:15px 0 10px 20px;
	font-size:0.9em;
	padding:0;
}

#topProducts li{
	margin:0;
	list-style-type:none;
	padding:0;
}

#topProducts h4{
	color:#e21381;
	font-weight:normal;
	font-size:1.3em;
	margin:7px 0 0px 20px;
}

#topProducts p{
	font-weight:normal;
	font-size:1em;
	margin:5px 0 0 20px;
}

#topProducts span{
	color:#e21381;
	margin:0 5px 0 0;
}


/* brandsTop, currentTop
the 2 smaller panels that feature on the homepage
--------------------------------------------------------------*/
#brandsTop{
	background:transparent url(images/brands-top.gif) top left no-repeat;
	width:213px;
	float:right;
	margin:2px 0 0 0;
	padding:7px 0 0px 0;
}

#brandsBottom{
	background:transparent url(images/brands-bottom.gif) bottom left no-repeat;
	width:213px;
	padding:0px 0 15px 0;
}

#currentTop{
	background:transparent url(images/current-top.gif) top left no-repeat;
	width:213px;
	float:right;
	margin:2px 0 0 0;
	padding:7px 0 0px 0;
}

#currentBottom{
	background:transparent url(images/current-bottom.gif) bottom left no-repeat;
	width:213px;
	padding:0px 0 15px 0;
}

#currentBottom ul{
	margin:20px 0 0 20px;
	font-size:0.9em;
	color:#5c5b5b;
	padding:0;
}

#currentBottom a, #currentBottom a:hover, #brandsBottom a, #brandsBottom a:hover{
	color:#5c5b5b;
}

#currentBottom li{
	margin:0;
	list-style-type:none;
	background:transparent url(images/footer-hearts-grey.gif) center left no-repeat;
	padding:0 0 0 18px;
}

#brandsBottom ul{
	margin:20px 0 0px 20px;
	font-size:0.9em;
	padding:0;
}

#brandsBottom li{
	margin:0;
	list-style-type:none;
	padding:0;
}

#brandsBottom h4, #currentBottom h4{
	color:#e21381;
	font-weight:normal;
	font-size:1.1em;
	margin:4px 0 0px 20px;
}

#brandsBottom p, #currentBottom p{
	font-weight:normal;
	font-size:0.9em;
	margin:0px 0 0px 20px;
}

#brandsBottom span, #currentBottom span{
	color:#e21381;
	margin:0 5px 0 0;
}


/* smallHeroContainer
small panels, again only feature on homepage
--------------------------------------------------------------*/
#smallHeroContainer{
	width:570px;
	float:right;
	margin:0 0 10px 0;
	overflow:hidden;
}

.smallHeroes{
	background-position:top right;
	background-repeat:no-repeat;
	width:180px;
	margin:0 10px 0 0;
	float:right;
	height:89px;
}

.smallHeroes h3{
	margin:20px 0 0 8px;
	color:#e31382;
	font-size:1.3em;
	padding:0;
}

.smallHeroes p{
	margin:6px 0 0 8px;
	color:#5c5b5b;
	width:110px;
	padding:0;
}


/*Addition April 08 for Clipboard and tick boxes*/
#clipboardContainer
{	background:transparent url(images/checklist/clipboard-top.jpg) no-repeat top left;
	width:276px;
	margin:10px 0 10px 0;
	padding:80px 0 0 0px;
	overflow:hidden;}

#clipboardContainer #closeChecklist {
	float: right;
}

#clipboardContainer #closeChecklist img
{	margin: 0px 40px 10px 0;}

#clipboardBottom
{	background:transparent url(images/checklist/clipboard-bottom.jpg) no-repeat bottom left;
	width:276px;
	padding:0 0 30px 20px;
	overflow:hidden;}
#clipboardContainer h4,#clipboardContainer p
{	color:#e31382;}	

#clipboardContainer
{	}
#clipboardContainer label
{	
    margin:0 0 0 5px;} 
#checklistForm a
{	text-decoration:underline;
	color:#666666;}
#checklistForm a:hover
{	text-decoration:none;}
.tickBox
{	float:left; 
	margin:-5px 0px 0 6px; 
	border:0px solid #006600; }
*html .tickBox
{	float:left; 
	margin:0px 4px 0 2px; 
	border:0px solid #006600; }