
body,html
{
	font-size:100%;
	font-family:arial, sans-serif;
}
#container1
{
	font-size:0.8em;
}
h1
{
	font-size:1.9em;
	color:#0039A6;
	padding:5px 0 10px 0px;
	font-family:arial;	
}
h2
{
	font-size:1em;
}
#contentLeft div.divider
{
	margin: 5px 0 8px 0;
	width:430px;
	height:2px;
	background-color:#007337;
}

#contentLeft #right p.age{color:#0039A6;font-weight:bold;}

/* define background colours for Content Area */
body #footer
{
	background:url(/_template/images/content-backgrounds/my-natural-bottom.gif) bottom left no-repeat; 
	height:110px;
	padding-top:190px;
}
body #footer p .imgover
{
	top:225px;
	left:412px;
}
body #footer p.thawte
{
	top:140px;
}
body #content
{
	background:url(/_template/images/content-backgrounds/my-natural-top.gif) top left no-repeat; 
}
body #pageContent
{
	background-color: #cae281;
	background: url(/_template/images/content-backgrounds/my-natural-middle.gif) top right repeat-y;
}
/* Main boxes for the area */
#contentLeft .box{background:url(/_template/images/boxes/orange/box-bg.gif) repeat-y;}
#contentLeft .box div.bottom{background:url(/_template/images/boxes/blue/box-footer.gif) bottom left no-repeat;}

#contentLeft .box-no-header{background:url(/_template/images/boxes/no-header/box-bg.gif) repeat-y; 	margin-top:15px;}
#contentLeft .box-no-header div.bottom{background:url(/_template/images/boxes/no-header/box-footer.gif) bottom left no-repeat;}
#contentLeft .box-no-header .top
{
	background:url(/_template/images/boxes/no-header/box-header.gif) top left no-repeat;
	margin: 0;
	height:90px;
}
#contentLeft .box-no-header .inner{margin:0;}

/* category boxes */
#contentLeft .box-no-header .category {
	width: 166px;
	height: 166px;
	background-image:  url(/_template/images/standard-lozenge-bg.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left:35px;
	margin-bottom: 6px;
	text-align: center;
}
#contentLeft .box-no-header .category .image {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 4px;
	height:126px;
}

#contentLeft .box-no-header .category .title {
	margin-left: 2px;
}

#contentLeft .box-no-header .category .title a {
	color: #ffffff;
	text-decoration: none;
	font-family: arial;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	display: block;
	height: 90px;
}


/*Also like related elements */
#contentLeft .also-like h2 .imgover{display:none;}
#contentLeft .also-like .inner
{
	background:url(/_template/images/boxes/my-natural/also-like-header.gif) top left no-repeat;
	margin: 0;
	padding-top:30px; /*space between header and links*/
}
#contentLeft .also-like h2 .imgover
{
	background:url(/_template/images/boxes/my-natural/also-like-header.gif) top left no-repeat;	
	display:block;
	width:436px;
	height:90px;
	position:absolute;
	top:0;
	left:0;
}
#contentLeft .also-like {background:url(/_template/images/boxes/my-natural/box-bg.gif) repeat-y;}
#contentLeft .also-like div.bottom{background:url(/_template/images/boxes/my-natural/box-footer.gif) bottom left no-repeat;height:20px;}

/*Range and brands box related elements */
#contentLeft .product-range h2 .imgover{display:none;}
#contentLeft .product-range .inner
{
	background:url(/_template/images/boxes/my-natural/products-header.gif) top left no-repeat;
	margin: 0;
	padding-top:30px; /*space between header and links*/
}
#contentLeft .product-range h2 .imgover
{
	background:url(/_template/images/boxes/my-natural/products-header.gif) top left no-repeat;	
	display:block;
	width:436px;
	height:90px;
	position:absolute;
	top:0;
	left:0;
}
#contentLeft .product-range {background:url(/_template/images/boxes/my-natural/box-bg.gif) repeat-y;}
#contentLeft .product-range div.bottom{background:url(/_template/images/boxes/my-natural/products-footer.gif) bottom left no-repeat; height:20px;}


/*Browse range box related elements */
#contentLeft .browse-range h2 .imgover{display:none;}
#contentLeft .browse-range .inner
{
	background:url(/_template/images/boxes/my-natural/browse-header.gif) top left no-repeat;
	margin: 0;
	padding-top:65px; /*space between header and links*/
}
#contentLeft .browse-range h2 .imgover
{
	background:url(/_template/images/boxes/my-natural/browse-header.gif) top left no-repeat;	
	display:block;
	width:436px;
	height:90px;
	position:absolute;
	top:0;
	left:0;
}
#contentLeft .browse-range h2.competition .imgover
{
	background:url(/_template/images/boxes/my-natural/competition-header.gif) top left no-repeat;	
	display:block;
	width:436px;
	height:90px;
	position:absolute;
	top:0;
	left:0;
}
#contentLeft .browse-range h2.catalogue .imgover
{
	background:url(/_template/images/boxes/my-natural/catalogue-header.gif) top left no-repeat;	
	display:block;
	width:436px;
	height:90px;
	position:absolute;
	top:0;
	left:0;
}
#contentLeft .browse-range {background:url(/_template/images/boxes/my-natural/box-bg.gif) repeat-y;}
#contentLeft .browse-range div.bottom{background:url(/_template/images/boxes/my-natural/box-footer.gif) bottom left no-repeat; height:20px;}

/* Categories */
#contentLeft .browse-range .inner .category {
	width: 167px;
	height: 198px;
	background-image:  url(/_template/images/my-natural-lozenge-bg.gif);
	background-repeat: no-repeat;
	float: center;
	margin-left:33px;
	margin-bottom: 6px;
	text-align: center;
}

#contentLeft .browse-range .inner  .category .image {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom:4px;
	height:126px;
}
#contentLeft .browse-range .inner  .category .title {margin-left: 2px;}
#contentLeft .browse-range .inner  .category .title a {
	color: #ffffff;
	text-decoration: none;
	font-family: arial;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	padding:8px 10px 0 10px;
	margin-left:7px;
	display: block;
	height: 30px;
	width:125px;	
}

/*Refine search */
#contentLeft .refine-search
{
	margin:0;
	padding:0;
	border-top:2px solid #007337;
	border-bottom:none;
	background-color:#ffffff;
	margin-top:30px;
	margin-left:4px;
	padding-left:9px;
	padding-right:2px;
}
#contentLeft .refine-search p.refine{color:#0D3692;}

/* Pagination styling */
#contentLeft .pagination {border:none;font-family:verdana;margin-left:4px;padding-left:9px;padding-right:2px;}

#contentLeft .pagination .numrecs{font-weight:bold;}
#contentLeft .pagination .reslinks{color:#007337;}
#contentLeft .pagination .reslinks a{color:#1B4299;}
#contentLeft .pagination .reslinks span.selected{color:#000000;font-weight:bold;}

#contentLeft #product-container
{
	padding:0;
	margin:0;
	width:415px;
	border-top:2px solid #007337;
	border-bottom:2px solid #007337;
	padding-bottom:10px;
	padding-top:10px;
	margin-left:4px;
	padding-left:4px;
	padding-right:7px;
}
#contentLeft #product-container.no-refine
{
	border-top:none;
	border-bottom:none;
}
#contentLeft #product-container div.item, #contentLeft #product-container div.item-buttons
{
	padding:0;
	margin:0;
	font-family:verdana;
	margin-left:8px;
}
#contentLeft #product-container div.item-buttons
{
	margin-bottom:20px;
	margin-left:0px;
}

/* Product styling */
#contentLeft #left{background:url(/_template/images/product/lg-image-bg-my-natural.gif) top left no-repeat; height: 313px;}
#contentLeft #right { height: 313px; }
#contentLeft #right #thumb{height:146px;width:146px;}
#contentLeft #right #thumb a img{margin:10px;margin-bottom:0;}
#contentLeft #right #thumb {background:url(/_template/images/product/sm-image-bg-my-natural.gif) top left no-repeat;}

#contentLeft #editable-content ul li{list-style-image:url(/_template/images/bullet-blue.gif);}
#contentLeft div.award{background: url(/_template/images/product/awards-bg-my-natural.gif) top left no-repeat;}

#contentRight .offers .inner{background: url("/mattegenerator.ashx?path=/_template/images/nav-right/offers/offers-bottom.png&background=cae281&transparentbg=False") bottom left no-repeat;}
#contentRight .offers h2 .imgover{background-image: url("/mattegenerator.ashx?path=/_template/images/nav-right/offers/offers-header.png&background=cae281&transparentbg=False");}
#contentRight .whatsnew .inner{background: url("/mattegenerator.ashx?path=/_template/images/nav-right/whatsnew/whatsnew-bottom.png&background=cae281&transparentbg=False") bottom left no-repeat;}
#contentRight .whatsnew h2 .imgover{background-image: url("/mattegenerator.ashx?path=/_template/images/nav-right/whatsnew/whatsnew-header.png&background=CAE281&transparentbg=False");}
#contentRight .recent .inner{background: url("/mattegenerator.ashx?path=/_template/images/nav-right/recent/recent-bottom.png&background=cae281&transparentbg=False") bottom left no-repeat;padding-bottom:5px;}
#contentRight .recent h2 .imgover{background-image: url("/mattegenerator.ashx?path=/_template/images/nav-right/recent/recent-header.png&background=cae281&transparentbg=False");}
#contentRight #tomy-buy{background: url("/mattegenerator.ashx?path=/_template/images/nav-right/tomy-buy/tomy-bg.gif&background=cae281&transparentbg=False") 1px repeat-y;}
#contentRight #tomy-buy .bottom{background: url("/mattegenerator.ashx?path=/_template/images/nav-right/tomy-buy/tomy-footer.png&background=cae281&transparentbg=False") no-repeat;}
#contentRight #tomy-buy h2 .imgover{background-image: url("/mattegenerator.ashx?path=/_template/images/nav-right/tomy-buy/tomy-header.png&background=cae281&transparentbg=False");	}


#contentLeft .box-no-header div.bottom{background:url(/_template/images/boxes/no-header/box-footer-my-natural.gif) bottom left no-repeat;}
#contentLeft .box-no-header .top
{
            background:url(/_template/images/boxes/no-header/box-header-my-natural.gif) top left no-repeat;
            margin: 0;
            height:32px;
}

/* Table style */

#contentLeft div.reddivider
{
	margin-left:15px;
	width:400px;
	background:#ec1b2e;
	height:2px;
	overflow:hidden;
}

#contentLeft table.register
{
	margin:5px 15px;	
}
/* Add to basket */
#contentLeft p.added, #contentRight p.added 
{
	color:#000000;
	display:block;
	float:left;
	font-family:verdana,arial;
	font-size:1em;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:0;
	width:120px;
}
