html { height: 100%; }

.mainBody
{
	background-image: url('/images/Interface/mainbg.gif');
	background-repeat: repeat-x;
	background-color: #e10007;
	margin: 0px;
}

body, p, div, td
{
	font-family: arial, helvetica, verdana;
	color: #000;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
}

fieldset
{
	border: solid 1px #ccc;
	background-color: #fafafa;
	clear: left;
	padding: 10px;
	margin: 0px 0;
}

img
{
border: 0px;
}

.border
{
 border-width: 1px; 
 border-style: solid; 
 border-color: #fff;
}


#content {
	margin: 5px 0px 20px 50px;
	float: left;
	width: 520px;
}

#blocks {
	float: right;
	margin: 20px;
}
.red {
	color: #cc121f;
	font-weight: bold;
}

h1, .heading1
{
	color: #cc121f;
	font-size: 19px;
	line-height: 20px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;

}

h2, .heading2
{
	color: #015125;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
}

h3, .heading3
{
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 8px;
	font-weight: bold;
}

h4, .heading4
{
	color: #015125;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
}

form { margin: 0px; }

ul
{
	list-style-image: url('/images/Interface/pohutukawa.gif');
	color: #000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 30px;

}

li { margin: 0px; }

a
{
	text-decoration: underline;
}

a:link { color: #346ab4; }
a:visited { color: #346ab4; }

a:active
{
	color: #346ab4;
	text-decoration: none;
}

a:hover
{
	color: #346ab4;
	text-decoration: none;
}

a
{
  outline: none;
}
:focus
{
  -moz-outline-style: none;
}

.panel {
	clear: both;
	display: none;
	padding: 0px;
}
.panel.active-tab-body {
	display: block;
}


/* Tabs */

.tabsB
{
	float: left;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
}

.tabsB ul
{
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

.tabsB li
{
	display: inline;
	margin: 0;
	padding: 0;
}

.tabsB a
{
	float: left;
	background: url("/images/MenuItems/tableftB.gif") no-repeat left top;
	background-position: 0% -42px;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	text-decoration: none;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #c5c1ce;
	white-space: nowrap;
}

.tabsB a span
{
	float: left;
	display: block;
	background: url("/images/MenuItems/tabrightB.gif") no-repeat right top;
	background-position: 100% -42px;
	padding: 7px 12px 4px 8px;
	color: #000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsB a span { float: none; }

/* End IE5-Mac hack */
.tabsB a:hover span { color: #1F70BD; }

.tabsB a:hover,.tabsB a.active-tab,.tabsB a.active, .tabsB a.current
{
	background-position: 0% 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #fff;
}

.tabsB a:hover span, .tabsB a.active-tab span, .tabsB a.active span, .tabsB a.current span
{
	background-position: 100% 0px;
	color: #b70000;
}

  
/* product box */
/* columns */
.productBox {
	float: left;
	margin-right:15px;
	width: 157px;
	margin-bottom: 30px;
}

.productBox .image_container {
	width:158px;
	height:158px;
	background-color: #ececec;
}
.gray, .gray a {
	color: gray;
}

.custom-advice {
	padding-left: 3px;
	color : red;
	font-weight: bold;
}