/*  
Site Name: RD1
Site URI: http://www.rd1.co.nz
Description: ---
Version: 1.0

UPDATE INFO ---------------------------------------

Revision number: 1.0
Last updated: 03 Dec 2009

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CONTENTS ------------------------------------------

*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Tables
*08: Custom Containers & Subclasses

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

* {margin:0;padding:0;}
body {color:#000;background:#FFF;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02a: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 					{ text-align: center !important; }
.right 					{ text-align: right !important; }
.left 					{ text-align: left !important; }
.small 					{ font-size: 11px !important;}
#ie6 .small, #ie7 .small	{ font-size: 11px !important;}
.float-right,
.right 					{ float: right; }
.float-left,
.left 					{ float: left;}
.clear 					{ clear: both; }
.uppercase 				{ text-transform: uppercase; }
.nowrap 					{ white-space: nowrap; }
.offscreen				{ position: absolute; left: -9999px; top: -9999px; }
.hidden					{ display: none; }
.self-clear 				{ zoom: 1; }
.self-clear:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.margin-none			{ margin: 0 !important; }
.margin-right-none		{ margin-right: 0 !important; }
.margin-left-none		{ margin-left: 0 !important; }
.margin-top-none		{ margin-top: 0 !important; }
.margin-bottom-none		{ margin-bottom: 0 !important; }
.border-none			{ border: none !important; }
.border-left-none		{ border-left: none !important; }
.border-right-none		{ border-right: none !important; }
.hot					{ cursor: pointer; }
.block					{ display: block; }
.abs					{ position: absolute; }
.rel					{ position: relative; }
.bg-tan-dark			{ background-color:#e3d5bb; }
.list-hori li			{ float:left; }

/* *02b: Phrase Elements -------------------- */

strong, .bold 			{ font-weight: bold !important; }
em, .italic				{ font-style: italic; }
code					{ font-family: Courier, serif; color: #999; font-size: 0.5em; }
cite						{ font-style: italic; }
abbr, acronym			{ border-bottom: 1px dotted; cursor: help; }
q						{ color: #fff; }
blockquote 				{ font-size: 14px; font-family: "helvetica neue", helvetica; font-weight: bold; color: #999; padding: 30px 0 0 0; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body { font: 62.5%/1.4 arial, helvetica, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */ background: #ccc; }
body.feedback { background: #fff; }
h1 { font-size: 2.1em; margin: 25px 0 10px 0; }
p { line-height: 1.4em; }
a { color: #008444; text-decoration: none; }
div.forecast img, table.forecast td img { behavior: url(/js/iepngfix.htc) }
input, textarea, option { font-family: arial, helvetica, sans-serif; }

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
/*    : NOTE: only structural css here - widths, heights, floats, margins etc. any styling code to go in '05: Common Containers & Subclasses' */

#master {
	max-width: 1024px;
	background: #fff;
	margin: 0 auto;
}
#master-admin {
        max-width: 100%;
        background: #fff;
        margin: 0 auto;
}
#ie6 #master-admin { width: expression(document.body.clientWidth > 1024? "1024px" : "100%"); }
	#ie6 #master { width: expression(document.body.clientWidth > 1024? "1024px" : "100%"); }
#header { background: #008444; }
	#ie6 #header,
	#ie7 #header {
		position: relative;
		z-index: 2;
	}
#header .wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#footer {
	background: #f5f0e7;
	padding: 0 0 5em 0;
	clear: both;
}
#content {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 40px 0;
	overflow: hidden;
}
#content-admin {
	width: 100%;
        margin: 0 auto;
        padding: 30px 0 40px 0;
	background: #fff;
	overflow: hidden;
}
#content-feedback {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 0 0;
        background: #fff;
}

.cols-three .col,
.cols-main-left .col,
.cols-main-right .col  {
	position: relative;
	float: left;
}
/***** Content: Three Columns *****/

.cols-three #col-main {
	width: 565px;
	left: 205px;
	position: relative;
		z-index: 1;
}
.cols-three #col-left {
	width: 175px;
	margin-left: -565px;
}
.cols-three #col-right {
	width: 160px;
	margin-left: 235px;
	display: inline;
	
}
	#ie6 .cols-three #col-right { margin-right: -3px; }
/***** Content: Main Left Columns *****/

.cols-main-left #col-main {
	width: 755px;
	left: 205px;
	position: relative;
		z-index: 1;
}
.cols-main-left #col-left {
	width: 175px;
	margin-left: -755px;
}


/***** Content: Main Right Columns *****/

.cols-main-right #col-main {
	width: 770px;
	position: relative;
		z-index: 1;
}
.cols-main-right #col-right {
	width: 160px;
	margin-left: 30px;
	
}
/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

/***** Buttons *****/


.btn {
	padding:3px 5px;
	border:none;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	font-family:Arial;
	color:#fff;
	background:#008444;
	cursor:pointer;
	margin-right: 8px;
}
	.btn:hover,
	.btn:focus {
		color:#fff;
		background:#214232;
	}
a.btn {
	display:inline-block;
	min-width:70px;
	text-decoration:none;
}
button.btn { min-width:80px; }
	#ie6 button.btn { width:80px; }
	
button.btn-go { min-width: 50px; }
	#ie6 button.btn-go { width: 50px; }

#ie6 a.btn { width:70px; }

#ie6 button.btn, #ie7 button.btn { padding: 2px 5px; }

.btn-lge {
	padding:3px 5px;
	border:none;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	font-family:Arial;
	color:#fff;
	background:#008444;
	cursor:pointer;
	margin-right: 8px;
}
	.btn-lge:hover,
	.btn-lge:focus {
		color:#fff;
		background:#214232;
	}

#ie6 button.btn-lge, #ie7 button.btn-lge { padding: 2px 5px; }

.store-only {
	display:block;
    padding: 3px 0;
	text-align:center;
	font-size:1.2em;
	font-weight:normal !important;
	color:#666;
	background-color:#f5f0e7;
}
.btn.order { background-color:#ff7000; }
.btn.order:hover { background: #dd5500; }
.btn.order.large {
	margin-bottom:5px;
	padding: 12px 30px;
	font-size: 1.7em;
}
#ie6 .btn.order.large,
#ie7 .btn.order.large { width: 165px; }

.listing .store-only, 
.listing .btn.order {
	bottom:0;
	left:0;
	width:178px;
}
#homepage .listing .store-only,
#homepage .listing .btn.order {
	bottom:5px;
	left:5px;
	width:170px;
}
#product-of-week.listing .store-only,
#product-of-week.listing .btn.order {
	bottom:11px;
	left:11px;
	width:153px;
}
#homepage li.product-list-item { padding-bottom:40px; }

/***** Header Styles *****/

#header a { text-decoration:none; }

#header a.logo {
	display:block;
	width:141px;
	height:58px;
	padding:17px 0 0;
}
#header .search {
	position:absolute;
	top:0;
	right:265px;
	width:210px;
	padding:1.1em 15px 1em;
	min-height:4.9em;
	background:#0d6a3d;
}
#header .search label {
	display:block;
	margin-bottom:3px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
}
#header .search input {
	width:173px;
	height:19px;
	padding:4px 5px;
	border:none;
	vertical-align:middle;
	font-size:1.5em;
	background:#fff url(/images/interface/bg/bg-input-top.gif) top center repeat-x;
}
#header .search button {
	width:27px;
	height:27px;
	border:none;
	vertical-align:middle;
	text-indent:-9999px;
	background:url(/images/interface/btn/btn-search.gif) 0 0 no-repeat;
	cursor:pointer;
}
#header .search button:hover,
#header .search button:focus { background-position: -27px -27px; }

#header .forecast {
	position:absolute;
	top:0;
	right:0;
	width:230px;
	padding:1.1em 15px 1em;
	min-height:4.9em;
	background:#0d6a3d;
}
#header .forecast p {
	margin-bottom:8px;
	color:#fff;
}
#header .forecast p strong {
	margin-right:8px;
	text-transform:uppercase;
	font-weight:bold;
}
#header .forecast p a { color:#ff7000; }

#header .forecast p a:hover,
#header .forecast p a:focus {
	text-decoration:underline;
}
#header .forecast dt,
#header .forecast dd {
	display:inline;
	color:#fff;
}
#header .forecast dt.weather,
#header .forecast dd {
	margin-right:3px;
	font-size:1.3em;
}
#header .forecast dd { font-weight:bold; }

#ie6 #header .search,
#ie6 #header .forecast {
	height:4.9em;
}
/***** Navigation *****/

#navigation { padding-top:17px; }

#navigation li {
	position:relative;
	float:left;
	margin:0 5px 0 0;
}
#ie7 #navigation li li a,
#ie6 #navigation li li a { height: 1%; }

#navigation li.home			{ width:88px; }
#navigation li.account		{ width:132px; }
#navigation li.promotions	{ width:139px; }
#navigation li.dairy			{ width:90px; }
#navigation li.drystock		{ width:118px; }
#navigation li.lifestyle		{ width:115px; }
#navigation li.partners		{ width:113px; }
#navigation li.contact		{ width:130px; margin:0; }

#navigation li .sub {
	position:relative;
	bottom:0;
	display:none;
}
#navigation li:hover .sub,
#navigation li:focus .sub { display:block; }

#navigation li.contact .sub,
#navigation li.contact ul {
	left:inherit;
	right:0;
}
#navigation li ul {
	position:absolute;
	top:0;
	z-index:3;
	width:175px;
}
#navigation li li {
	float:none;
	width:auto;
	margin:0;
}
#navigation li a {
	display:block;
	height:2em;
	padding:.5em 10px 0;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	color:#fff;
	background:#214232;
}
#navigation li li a {
	height:auto;
	padding:5px 10px;
	border-top:1px solid #ebe2d0;
	text-align:left;
	font-size:1.3em;
	color:#008444;
	background:#e3d5bb;
}
#navigation li.selected a {
	color:#000;
	background:#fff;
}
#navigation li a:hover,
#navigation li a:focus {
	color:#008444;
	background:#ece2d0;
}
#navigation li li a:hover,
#navigation li li a:focus { background:#d4bf95; }

/***** Footer *****/

#footer a { text-decoration:none; }

#footer a:hover,
#footer a:focus {
	color: #214232;
	text-decoration:underline;
}
#footer .main { background:#214232; }

#footer .main ul {
	overflow:hidden;
	width:960px;
	margin:0 auto;
	padding:15px 0;
	text-align:center;
}
#footer .main li {
	display:inline;
	padding:0 15px;
	text-transform:uppercase;
	font-size:1.1em;
}
#footer .main li a {
	font-weight:bold;
	color:#fff;
}
#footer .main li a:hover, #footer .main li a:focus {
	color:#fff;
	text-decoration: underline;
}
#footer .sub {
	width:960px;
	margin:0 auto;
}
#footer .sub ul { overflow:hidden; }

#footer .sub ul.terms {
	margin:15px 0 25px;
	float:left;
}
#footer .sub ul.copy {
	color: #666;
	margin:15px 0 25px;
	float:right;
}
#footer .sub ul.terms li,
#footer .sub ul.copy li {
	display:inline;
	font-size:1.1em;
}
#footer .sub ul.terms li {
	margin-right:10px;
	padding-right:13px;
	border-right:1px solid #c7c4c0;
}
#footer .sub ul.copy li {
	margin-left:10px;
	padding-left:13px;
	border-left:1px solid #c7c4c0;
}
#footer .sub ul.logos {
	clear:both;
	text-align:center;
}
#footer .sub ul.logos li {
	display:inline;
	margin:0 25px;
	vertical-align:middle;
}
/***** Module Menu *****/

.mod-menu { border-bottom:3px solid #008444; }

#ie6 .mod-menu { height:1%; }

h2.sidebar {
	font-size: 1.5em;
	color: #fff;
	padding: 5px 6px 0 10px;
	float: none !important;
}
.mod-menu h2 {
	padding:10px 18px 8px;
	text-transform:uppercase;
	background:#0d6a3d;
}
.mod-menu ul {
	padding:0 7px 7px; 
	border:1px solid #ece2d0;
	background:#f5f0e7;
}
.mod-menu ul ul {
	padding:0 0 7px 8px; 
	border:none;
}
.mod-menu li { border-bottom: 1px solid #d5d6cc; }

#ie6 .mod-menu li,
#ie6 .mod-menu li a { height: 1%; }

.mod-menu li.selected { padding-left:8px; }

.mod-menu li.selected li {
	padding-left:0;
	border-bottom:none;
}
.mod-menu li a {
	display:block;
	padding:5px 0 5px 8px;
	font-size:1.2em;
	text-decoration:none;
}
.mod-menu li.selected a {
	font-weight:bold;
	color:#214232;
	background:url(/images/interface/ind/ind-arrow-right.png) 0 9px no-repeat;
}
.mod-menu li.selected li a {
	display:block;
	padding:2px 0;
	font-size:1.1em;
	font-weight:normal;
	color:#008444;
	background:none;
}
.mod-menu li.selected li.selected a {
	font-weight:bold;
	color:#214232;
}
.mod-menu li a:hover { text-decoration:underline; }
/***** Module Login *****/

.mod-login,
#logout { background:#ece2d0; }

#ie6 .mod-login,
#ie6 .mod-login .register,
#ie6 .logout { zoom: 1; }

.mod-login fieldset { padding:10px 10px 15px; }

.mod-login .register, .cart-preview {
	padding:12px 10px 15px;
	background:#e3d5bb url(/images/interface/ind/ind-sign-up.png) top left repeat-x;
}
.cart-preview h2, .mod-login h2 { margin-bottom:7px; font-size:1.5em; }
.mod-login p {margin-top:10px; }
.mod-login li { margin:0 0 3px; }

.mod-login label { vertical-align:middle; }

.mod-login input { vertical-align:middle; }

.mod-login input.input-text {
	border:1px solid #ccc;
	padding:3px 5px;
	font-size:1.1em;
	color:#333;
	background:#fff url(/images/interface/bg/bg-input-top.gif) left top repeat-x;
}
.mod-login li.high {
	margin-top:8px;
	background:#e3d5bb;
	padding:3px 5px;
}
.mod-login a.forgot {
	display:inline-block;
	margin-bottom:10px;
	text-decoration:none;
}
.mod-login a.forgot:hover,
.mod-login a.forgot:focus { text-decoration:underline; }

.landscape-img img {
	border:1px solid #e9e9e9;
	border-top: none;
}
#logout {
	width: 140px;
	margin-top: 0px;
	padding: 10px;
}
#logout p {
	min-width: 50px;
	max-width: 140px;
	font-size: 1.2em;
	margin: 3px 10px 5px 0;
	float: left;
	overflow: hidden;
}
#logout .btn { margin: 0; float: left; }

/***** Bread Crumbs *****/

.crumbs {
	border-bottom: 1px solid #e9e9e9;
	color: #666;
	padding-bottom: 10px;
}
.crumbs li {
	font-size: 1.1em;
	display: inline;
}
.crumbs a { text-decoration: none; }
	.crumbs a:hover,
	.crumbs a:focus { text-decoration: underline; }

.crumbs-order {
 color: #666;
 padding-bottom: 10px;
}
.crumbs-order li {
 font-size: 1.4em;
 display: inline;
}
.crumbs-order a { text-decoration: none; }
.crumbs-order a:hover,
.crumbs-order a:focus { text-decoration: underline; }

#account-crumbs .crumbs { width: 570px; float: left; }
#account-crumbs #logout { margin: 0 -3px 0 25px; float: left; }

/***** Content Abstract And General *****/

.con-gen h2,
h2.con-gen {
	font-size: 1.8em;
	margin: 20px 0 5px;
}
.con-gen h3 {
	font-size:1.4em;
	margin:15px 0 10px;
}
.con-gen h4 {
	font-size: 1.2em;
	margin: 5px 0;
}
.con-gen h5 {
	font-size: 1.2em;
	font-style: italic;
	margin: 5px 0;
}
.con-gen p {
	font-size: 1.2em;
	margin-bottom: 10px;
}
.con-gen a { text-decoration: underline; }
	.con-gen a:hover,
	.con-gen a:focus { color: #214232; }

.con-gen ul,
.con-gen ol {
	margin-bottom: 7px;
	position: relative;
 }

.con-gen li {
	font-size: 1.2em;
	margin-left: 30px;
	padding-bottom: 3px;
}

.con-gen li ul { margin: 0 0 0 30px; }

.con-gen li li {
	font-size: 1em;
	padding-top: 3px;
	padding-bottom: 0;
}
.con-gen ul li { list-style: disc outside; }

.con-gen ol li { list-style: decimal outside; }

.con-abs p,
p.con-abs {
	font-size: 1.4em;
	margin-bottom: 10px;
}
.con-abs li { font-size: 1.4em; }
/* *06: Forms -----------------------------------------------------------------------------------------------------------------*/
form.content a { text-decoration: none; }
	form.content a:hover,
	form.content a:focus { text-decoration: underline; color: #214232; }


form.content {
	background: #f8f5ef;
	font-size: 1.2em;
	padding-left: 10px;
}

.mandatory-note {
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	color: #666;
	padding: 10px 0 0 5px;
}
form.content fieldset ol { margin-top: 25px; }

form.content-search fieldset ol { margin-top: 0; }

legend { display: none; }

form.content input,
form.content select, 
form.content textarea { padding: 2px; }

form.content select {
	width: 94px;
	margin-right: 8px;
	float: left;
}
form.content-search select {
	width: 163px;
	margin-right: 10px;
	float: none;
}
form.content-search .short{
	width: 112px;
	margin-right: 10px;
	float: none;
}
form.content textarea { margin: 4px 0 15px 0; }

form.content .wide { width: 326px; }

form.table-form .table-wide { width: 260px; }

form.content-search .wide {
	width: 410px;
	margin-right: 10px;
}
form.content-search .full-width { width: 515px; }

form.content select.wide {
	width: 334px;
	margin-right: 0;
	float: none;
}
.form-field { margin-bottom: 12px; }

.form-error-message {
	width: 334px;
	background: url(/images/interface/ind/ind-required.gif) no-repeat 10px 0;
	margin: 3px 0 0 155px;
	padding-top: 5px;
}

.form-error-message-left {
	width: 350px;
	background: url(/images/interface/ind/ind-required.gif) no-repeat 10px 0;
	margin: 3px 0 0 10px;
	padding-top: 5px;
}

.form-error-message-left p {
	background: #c20000;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px;
}

.form-error-message p {
	background: #c20000;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px;
}
.form-field label, .pseudo-label {
	width: 135px;
	font-weight: bold;
	text-align: right;
	margin-right: 20px;
	padding-top: 2px;
	float: left;
}

.form-field-blend label, .pseudo-label-blend {
	width: 250px;
	font-weight: bold;
	text-align: left;
	margin-right: 0px;
	padding-top: 2px;
	float: left;
}

.form-field-blend { margin-bottom: 6px; }

div.checkbox-blend {
	width: 200px;
	float: left;
}

.pseudo-label-partner {
	width: 200px;
	font-weight: bold;
	text-align: left;
	margin-right: 10px;
	margin-left: 5px;
	padding-top: 2px;
	float: left;
}	

.pseudo-label-wide {
	width: 500px;
	font-weight: bold;
	text-align: left;
	margin-right: 10px;
	margin-left: 5px;
	padding-top: 2px;
	float: left;
}	
form.content-search .form-field label {
	text-align: left;
	margin-right: 11px;
	float: none;
}
label .small {
	font-size: 10px !important;
	color: #909090;
}
label .small a {
	color: #909090;
	text-decoration: underline;
}
form .no-label { margin: 0 0 10px 155px; }

li.checkbox {
	border-top: 1px solid #fff;
	padding-top: 12px;
}
div.checkbox {
	width: 390px;
	float: left;
}

div.checkbox-address {
	width: 280px;
	float: left;
}
.pseudo-label-address {
	width: 135px;
	font-weight: bold;
	text-align: left;
	margin-left: 50px;
	padding-top: 2px;
	float: left;
}

.pseudo-label-default {
	width: 180px;
	font-weight: bold;
	text-align: left;
	margin-left: 50px;
	padding-top: 2px;
	float: left;
}
div.checkbox p { margin-bottom: 18px; }

.multi-input input { margin-right: 10px; }

input.checkbox {
	margin-top: 3px;
	display: block;
	float: left;
}
	#ie6 input.checkbox, #ie7 input.checkbox {
		margin-top: 0;
		position: relative;
		top: -1px;
	}
label.checkbox {
	width: 360px;
	display: block;
	text-align: left;
	margin: 0 0 10px 10px;
}
	#ie6 label.checkbox { margin-bottom: 0; }

form.content button {
	margin: 10px 8px 20px 0;
	font-size: 1.0em;
}
form .form-control { margin-left: 155px; }

form.content-search button { margin: 0; }

form.content-search { margin-bottom: 20px; }

form.content-search fieldset {
	border-bottom: 1px solid #ececec;
	padding: 15px 15px 3px 15px;
}
h4.content-search {
	background: #214232;
	font-size: 1.2em;
	color: #fff;
	padding: 6px 15px;
}

form.pop-up {
	font-size: 1.2em;
	padding-left: 10px;
}

form.pop-up .btn {
	padding:3px 5px;
	border:none;
	text-align:center;
	font-weight:bold;
	font-family:Arial;
	color:#fff;
	background:#008444;
	cursor:pointer;
	margin-right: 8px;
	font-size: 1.1em;
	margin: 10px 8px 20px 0;
	top: -2.2em;
	
}
	form.pop-up .btn:hover,
	form.pop-up .btn:focus {
		color:#fff;
		background:#214232;
	}



/* Date Picker Specific -------------------------------------------------------------------------------------------------------*/

#date-pick {
	width: 27px;
	height: 23px;
	background: url(/images/interface/ico/ico-calendar.gif) no-repeat;
	margin-left: 1px;
	display: block;
	float: left;
	z-index: 5;
}
/* *07: Tables ----------------------------------------------------------------------------------------------------------------*/

/***** Basic Tables *****/


table.wide {
	width: 100% !important;
	margin-bottom: 25px;
}
th { font-weight: bold; }

.jobs th, .jobs td,
.basic th, .basic td,
.complex th, .complex td { border-right: 1px solid #fff; }

th.cr { border-right: none !important;}

th.last, td.last { border-right: none !important;}

table.basic th, table.basic td {
	font-size: 1.2em;
	padding: 7px 11px;
}
table.basic tr {
	background: #fff;
	border: 1px solid #f5f0e7;
	border-top: none;
}
table.basic thead tr {
	background: #214232;
	border-color: #214232;
	border-bottom: none;
	color: #fff;
}

table.jobs h2 {
	font-size: 16px;
	padding-top: 10px;
}

table.jobs h4 {
	color:#009ddc;
	font-size: 16px;
	padding-top: 10px;
}

table.jobs h3 {
	font-size: 14px;
}
table.jobs th, table.jobs td {
	font-size: 1.2em;
	padding: 7px 11px;
}
table.jobs tr {
	background: #fff;
	border-top: none;
}
table.jobs thead tr {
	background: #fff;
	border-bottom: none;
	color: #000;}

table.jobs a { text-decoration: underline; }
	table.jobs a:hover,
	table.jobs a:focus { color: #214232; }
	
.notes {
	overflow:auto;
	max-height:100px;
	padding:5px 8px 0;
	border:1px solid #f5f0e7;
	font-size:1em;
}
ol li.notes { font-size:.8em; }
.notes p {
	margin:0 0 10px;
	font-size:1.1em;
}
	
/***** Complex Tables *****/


.list-heading,
.table-heading,
.form-heading {
	display:block;
	background-color: #214232;
	font-size: 1.2em;
	color: #FFF;
	padding: 7px 11px;
}
	#ie6 .list-heading { position: relative; }
legend.form-heading {
	overflow:visible;
}
.table-form h4 {
	background: #ece2d0;
	color: #000;
	font-size: 1.1em;
	padding: 5px 11px;
}
table.complex th, table.complex td {
	font-size: 1.1em;
	padding: 5px 10px;
}

table.complex td.bold { font-weight: bold; }

table.complex td .btn {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
}
table.complex td .btn-lge {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
}
table.complex td.last { border-right: 1px solid #ececec !important; }

table.complex tr {
	border: 1px solid #ececec;
	border-top: none;
}
table.complex thead tr {
	background: #f5f0e7;
	border-color: #f5f0e7;
	border-width: 0 1px;
}
#ie6 .complex, #ie7 .complex {
	border-width: 0 1px;
	border-style: solid;
	border-color: #ececec;
}
#ie6 .complex td, #ie7 .complex td { border-bottom: 1px solid #ececec; }

table.complex a { text-decoration: underline; }

.red,
a.delete { color: #f00; }
	a.delete:hover { text-decoration: none;}
	
/*** order form holder ***/
.order-form .crumbs {
	margin:20px 0 5px;
	border:none;
}
.order-form div.notes { margin-bottom:25px; }
.order-form .crumbs li { font-size:1.4em; }
.order-form fieldset > ol {
	margin:10px 0 20px;
	font-size:1.2em;
}
.order-form .checkbox label {
	display:block;
	margin-left:25px;
}
#ie7 .order-form .checkbox label {  margin:-15px 0 0 25px; }
.order-form .edit {
	min-width:0;
	margin:4px 4px 0 0;
	padding-left:22px;
	background-position:2px -47px;
}
#ie7 .order-form .edit {
	width:60px;
	padding-left:22px;
}
/*** order cart ****/
table.cart td,
table.order td,
#ie7 table.order td,
table.cart th,
table.order th,
table.cart tfoot tr { border:none; }
table.cart tbody td.image,
table.cart tfoot th { border-left:1px solid #f5f0e7; }
table.cart .remove,
table.cart tfoot td[colspan="2"],
table.payment-instructions td,
table.payment-instructions th { border-right:1px solid #f5f0e7; }
table.cart tbody td,
table.cart tfoot .gst,
#ie7 table.order tfoot .total th,
#ie7 table.order tfoot .total td { border-bottom:1px solid #f5f0e7; }
table.cart td {
	font-weight:bold;
	font-size:1.1em;
	vertical-align:middle;
}
table.cart .image	{ width:90px; }
table.cart .desc		{ width:210px; }
table.cart .value	{ width:110px; }
table.cart .subtotal	{ width:70px; }
table.cart .quantity	{
	width:90px;
	text-align:center;
}
table.cart input[type="text"] {
    width:30px;
    padding:3px;
	border:1px solid #ccc;
	text-align:center;
    font-size:1.1em;
	font-weight:normal;	
    color:#333;
}
table.cart button {
	padding:0;
	border:none;
	font-size:1em;
	color:#008444;
	cursor:pointer;
	background:none;
}
table.cart button.delete {
	padding:0 0 1px 18px;
	background: url(/images/interface/btn/btn-img-close.gif) top left no-repeat;
}
#ie7 table.cart button.delete { padding:0 0 0 10px; background-position:0 2px; }
table.order tfoot tr.subtotal,
#ie7 table.order tfoot .subtotal td,
#ie7 table.order tfoot .subtotal th,
#ie7 table.order tfoot .total th,
#ie7 table.order tfoot .total td { border-top:1px solid #f5f0e7; }
table.order tfoot tr.subtotal,
table.order tbody tr { border-bottom:none; } 
table.cart .code,
table.cart tfoot .gst { font-weight:normal; }
table.cart tfoot th { font-size:1.1em; }
table.cart button.delete:hover { background-position: 0 -32px; }

#ie7 table.cart .btn.back-browsing { width:140px; }
#ie7 table.order .btn.submit-order,
#ie7 table.cart .btn.order-summary { width:120px; }

/*** order summary ***/
table.order td.code		{ width:110px; }
table.order td.value		{ width:90px; }
table.order td.quantity	{ width:60px; }
table.order td.subtotal	{
	width:90px;
	font-weight:bold;
}
table.order textarea {
	width:756px;
	height:120px;
	margin:0;
	padding:5px 5px 5px 7px;
}
.cart-update p,
.cart-preview .items a,
.order-form .edit { background-image:url(/images/interface/btn/btn-edit.png); background-repeat:no-repeat; }


/*** cart preview ***/
.cart-preview dl { height:30px }
.cart-preview .total { font-size:1.2em; }
.cart-preview .items {
	top:15px;
	right:12px;
}
.cart-preview .items a {
	display:inline-block;
	min-width:30px;
	padding-top:33px;
	background-position:center -80px;
}
.cart-preview .items a:hover { text-decoration:underline; }

/*** cart-update ***/
.cart-update {
	z-index:900;
	width:210px;
	padding:10px;
}
.cart-update:after {
	position:absolute;
	bottom:-20px;
	left:105px;
	z-index:901;
	content:'';
	width:0;
	height:0;
	border:transparent solid 10px;
	border-top:10px solid #e3d5bb;
}
.cart-update p {
	padding:10px 0 10px 60px;
	font-size:1.2em;
	background-position:10px 6px;
}
.cart-update a.browse { width:110px; }
.cart-update a:hover { color:#fff; text-decoration:none; }
.cart-update li { margin:0; }

/*** verisign trusted ***/
.verisign {
	display:block;
	margin:20px 0;
}

table.complex td.sub-total {
	border-top: 2px solid #ececec !important;
}

table.complex td.total {
	border-top: 2px solid #ececec !important;
	border-bottom: 5px double #ececec !important;
}

table.complex td.ctrl {
	border: none !important;
}

table.complex a { text-decoration: underline; }

a.delete { color: #f00; }
	a.delete:hover { text-decoration: none;}
	
/*Table statement -------------------------------------------------------------------------------------------------------------*/
.savings-summary {
	width: 388px !important;
	background-color: #ff7000;
	font-size: 1.1em;
	color: #FFF;
	padding: 3px 6px;
	margin-left: 170px;
	font-weight: bold;	
}


table.savings {
	width: 400px !important;
	margin-left: 170px;
	margin-bottom: 25px;
}

table.savings th, table.savings td {
	font-size: 1.1em;
	padding: 3px 6px;
	font-weight: bold;	

}

.savings {
	font-size: 1.1em;
	font-weight: bold;
			
}

table.savings td .btn {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
	
}
table.savings td .btn-lge {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
	
}
table.savings td.last { border-right: 0px solid #ececec !important; }

table.savings td.head { 
	background-color: #214232;
	font-size: 1.2em;
	color: #FFF;
	padding: 3px 6px;
}

table.savings thead tr {
	background: #f5f0e7;
	border-color: #f5f0e7;
	border-width: 0 1px;
}
#ie6 .savings, #ie7 .savings {
	border-width: 0px 0px;
	border-style: solid;
	border-color: #ececec;
}


table.savings a { text-decoration: underline; }


table.summary {
	width: 500px !important;
	margin-left: 125px;
	margin-bottom: 25px;
}
table.summary th, table.summary td {
	font-size: 1.1em;
	padding: 3px 6px;
}

table.summary td .btn {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
}
table.summary td .btn-lge {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
}
table.summary td.last { border-right: 0px solid #ececec !important; }

table.summary td.head { 
	background-color: #214232;
	font-size: 1.1em;
	color: #FFF;
	padding: 3px 6px;
}

table.summary thead tr {
	background: #f5f0e7;
	border-color: #f5f0e7;
	border-width: 0 1px;
}
#ie6 .summary, #ie7 .summary {
	border-width: 0px 0px;
	border-style: solid;
	border-color: #ececec;
}


table.summary a { text-decoration: underline; }

.statement-summary {
	width: 488px !important;
	background-color: #214232;
	font-size: 1.1em;
	color: #FFF;
	padding: 3px 6px;
	margin-left: 125px;	
}

.statement-heading {
	background-color: #214232;
	font-size: 1.2em;
	color: #FFF;
	padding: 3px 6px;
}
	
table.statement th, table.statement td {
	font-size: 1.1em;
	padding: 3px 2px;
}

table.statement td .btn {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
}
table.statement td .btn-lge {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
}
table.statement td.last { border-right: 0px solid #ececec !important; }

table.statement td.head { 
	background-color: #214232;
	font-size: 1.1em;
	color: #FFF;
	padding: 3px 6px;
}

table.statement thead tr {
	background: #f5f0e7;
	border-color: #f5f0e7;
	border-width: 0 1px;
}
#ie6 .statement, #ie7 .statement {
	border-width: 0px 0px;
	border-style: solid;
	border-color: #ececec;
}


table.statement a { text-decoration: underline; }
	
/*Table Livestock -------------------------------------------------------------------------------------------------------------*/


table.livestock h2 {
	font-size: 16px;
	padding-top: 10px;
}

table.livestock h4 {
	color:#009ddc;
	font-size: 16px;
	padding-top: 10px;
}

table.livestock h3 {
	font-size: 14px;
}

table.livestock h5 {
	font-size: 11px;
}

table.livestock price {
	color:#009ddc;
	font-size: 14px;
}

table.livestock small {
	font-size: 11px;
	
}
table.livestock th, table.livestock td {
	font-size: 1.2em;
	padding: 7px 11px;
}

li.livestock {
	font-size: 1.1em;
	
}

p.livestock {
	font-size: 1.1em;
	
}

table.livestock a { text-decoration: underline; color:#009ddc;}
	table.livestock a:hover,
	table.livestock a:focus { color: #006699; }
	


table.livestock tr {
	background: #fff;
	border-top: none;
}
table.livestock thead tr {
	background: #fff;
	border-bottom: none;
	color: #000;}

table.widels {
	width: 100% !important;
	margin-bottom: 25px;
}

table.widels-detail {
	width: 100% !important;
}

table.widels-listing {
	width: 100% !important;
	
}
	
.table-headingls {
	background-color: #009ddc;
	font-size: 1.2em;
	color: #FFF;
	padding: 7px 11px;
}

table.complexls th {
	color:#009ddc;
	font-size: 1.1em;
	padding: 5px 11px;
}

table.complexls td {
	font-size: 1.1em;
	padding: 5px 11px;
}
table.complexls td .btn {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
}
table.complexls td .btn-lge {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
}
table.complexls td.last { border-right: 1px solid #ececec !important; }

table.complexls tr {
	border: 1px solid #ececec;
	border-top: none;
}
table.complexls thead tr {
	background: #f5f0e7;
	border-color: #f5f0e7;
	border-width: 0 1px;
}
#ie6 .complexls, #ie7 .complexls {
	border-width: 0 1px;
	border-style: solid;
	border-color: #ececec;
}
#ie6 .complexls td, #ie7 .complexls td { border-bottom: 1px solid #ececec; }

table.complexls a { text-decoration: underline; }


/* Customer Options Toolbar ---------------------------------------------------------------------------------------------------*/

.customer-options {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	margin-top: 50px;
	padding: 10px 0;
}
.customer-options li {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	float: left;
}
.customer-options a {
	height: 18px;
	text-decoration: none;
	margin-right: 15px;
	padding: 3px 0 0 20px;
	display: block;
	float: left;
}
	.customer-options a.social {
	height: 18px;
	text-decoration: none;
	margin-right: 3px;
	padding: 3px 0 0 23px;
	display: block;
	float: left;
}
	#ie6 .customer-options a { margin-right: 14px; }
	#ie6 #print { margin-right: 0; }
	.customer-options a:hover { color: #214232; }

#cust-support {
	height: 18px;
	background: #FFF url(/images/interface/ico/ico-phone-new.gif) no-repeat;
	font-size: 1.2em;
	color: #000;
	margin-right: 15px;
	padding-left: 20px;
}
	.free-phone { font-size: 1.2em; color:#008444;}
	
	.recommend {
	color:#008444;
	padding: 3px 5px 0 0px;
	display: block;
	float: left;
	}


#store-locator { background: #FFF url(/images/interface/ico/ico-cust-opts.gif) no-repeat 0 0; }
	#store-locator:hover { background-position: -25px -25px; }

#tell-friend { background: #FFF url(/images/interface/ico/ico-cust-opts.gif) no-repeat -50px -50px; }
	#tell-friend:hover { background-position: -75px -75px; }

#print { background: #FFF url(/images/interface/ico/ico-cust-opts.gif) no-repeat -100px -100px; margin-right: 0; }
	#print:hover { background-position: -125px -125px; }
	
	#social-fb { background: #FFF url(/images/interface/ico/ico-social.gif) no-repeat -25px -25px; }
	#social-fb:hover { background-position: -25px -25px; }
	
	#social-tw { background: #FFF url(/images/interface/ico/ico-social.gif) no-repeat 0px 0px; }
	#social-tw:hover { background-position: 0px 0px; }

#print { background: #FFF url(/images/interface/ico/ico-cust-opts.gif) no-repeat -100px -100px; margin-right: 0; }
	#print:hover { background-position: -125px -125px; }
	
.social-options-page {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	margin-top: 10px;
	padding: 10px 0;
}
.social-options-page li {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	float: left;
}
.social-options-page a {
	height: 18px;
	text-decoration: none;
	margin-right: 30px;
	padding: 3px 0 0 25px;
	display: block;
	float: left;
}

.social-options-page a.social {
	height: 18px;
	text-decoration: none;
	margin-right: 4px;
	padding: 3px 0 0 25px;
	display: block;
	float: left;
}
.social-options-page ul {
	float: right;
}

	#ie6 .social-options-page a { margin-right: 14px; }
	#ie6 #print { margin-right: 0; }
	.social-options-page a:hover { color: #214232; }
	
.social-options-promo {
	margin-top: 5px;
	padding: 10px 0;
}

.social-options-promo ul {
	float: right;
}

.social-options-promo li {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	float: left;
}
.social-options-promo a {
	height: 18px;
	text-decoration: none;
	margin-right: 0px;
	padding: 3px 0 0 25px;
	display: block;
	float: left;
}

.social-options-promo a.social {
	height: 18px;
	text-decoration: none;
	margin-right: 4px;
	padding: 3px 0 0 25px;
	display: block;
	float: left;
}
	#ie6 .social-options-promo a { margin-right: 14px; }
	#ie6 #print { margin-right: 0; }
	.social-options-promo a:hover { color: #214232; }
	
	
/* Definition Lists -----------------------------------------------------------------------------------------------------------*/

dl.details-list { font-size: 1.2em; }

.details-list dt {
	font-weight: bold;
	margin-right: 10px;
	clear: both;
	float: left;
}
.details-list dd {
	width: 300px;
	float: left;
}
.detail-left-col dl.details-list dd { width: 200px; }



/* Detail Page Shared Properties ----------------------------------------------------------------------------------------------*/

.detail-left-col {
	width: 295px;
	float: left;
}
	#ie6 .detail-left-col { width: 292px; }

.detail-image {
	width: 240px;
	margin: 25px 0 25px 30px;
	float: left;
}
.detail-image img {
	border: 1px solid #e9e9e9;
	margin-bottom: 5px;
}
a.image-enlarge{
	background: #fff url(/images/interface/btn/btn-img-enlarge.gif) no-repeat -16px 0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #008444;
	padding: 1px 0 2px 24px;
}
	a.image-enlarge:hover {
		background: #fff url(/images/interface/btn/btn-img-enlarge.gif) no-repeat 0 -17px;
		color: #214232;
	}
a.fe-chart{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #008444;
	padding: 1px 0 2px 24px;
}
	a.fe-chart:hover {
		background: #fff url(/images/interface/btn/btn-img-enlarge.gif) no-repeat 0 -17px;
		color: #214232;
	}
.con-related, .prod-descrip{
	background: #f8f5ef;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	padding: 1px 16px 20px 16px;
}
.con-related h3 {
	width: 360px;
	margin: 10px 0 15px 0 !important;
	float: left;
}
p.acrobat-download {
	text-align: right;
	margin-top: 13px;
}
.acrobat-download a { text-decoration: none; }

p.help {
	text-align: right;
	margin-bottom: 10px;
	font-size:12px
}



.con-related ul {
	clear: both;
	height: 1%;
}
ul li.related-links {
	min-height: 17px;
	background: url(/images/interface/ico/ico-file-types.gif) -308px 0 no-repeat;
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 10px 0;
	padding: 5px 0 0 32px;
	display: block;
}
ul li.external { background-position: -286px 0; }
ul li.pdf { background-position: -264px -22px; }
ul li.word{ background-position: -242px -44px; }
/* Product Details ------------------------------------------------------------------------------------------------------------*/

.detail-left-col.product h1 { margin-bottom: 3px; }

p.rebate-offer img {
	float: left;
	margin: 0 15px 10px 0;
}
button.prod-order {
	background: #ff7000;
	border: none;
	font-size: 1.7em;
	color: #fff;
	cursor: pointer;
	padding: 12px 30px;
	margin-bottom: 5px;
}
	#ie6 button.prod-order,
	#ie7 button.prod-order { width: 165px; }

button.prod-order:hover {
	background: #DD5500;
}
.prod-descrip{ border-top: none; }

.prod-descrip h3 {
	font-size: 1.2em;
	margin: 14px 0;
}
/* Store Details --------------------------------------------------------------------------------------------------------------*/

dl.store { margin-top: 25px; }

dl.store dt {
	margin-bottom: 10px;
	float: none;
}
dl.store dd {
	margin-bottom: 15px;
	float: none;
}
ul.staff-list { margin: 25px 0 0 0; }

ul.staff-list li {
	font-size: 1.0em;
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 15px 0;
}
#store-map-canvas {
	width: 238px;
	height: 238px;
	background-color: #ececec;
	margin-top: 25px;
}
#store-map-canvas p {
	padding: 15px;
}
/* Store Locator Map ----------------------------------------------------------------------------------------------------------*/

#map-wrapper {
	width: 296px;
	background: url(/images/interface/map/bg-map.png) top left no-repeat;
	margin: 25px 0 15px 30px;
	float: right;
	position: relative;
	z-index: 10;
}
img.map {
	border: 1px solid #e9e9e9;
	display: block;
}
ul.region-list {
	margin: 0;
	position: absolute;
}
ul.region-list li {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 12;
}
	ul.region-list li a:hover { color: #214232;}

#northland { left: 87px; top: 64px; }
#auckland { left: 62px; top: 93px; }
#waikato { left: 124px; top: 120px; }
#bop { width: 70px;left: 207px;top: 97px; }
#taranaki { left: 107px; top: 145px; }
#manawatu { left: 69px; top: 173px; }
#wellington { width: 70px; text-align: center; left: 199px; top: 193px; }
#nelson { left: 155px; top: 229px; }
#chch {width: 80px; text-align: center; left: 138px; top: 260px; }
#otago { left: 96px; top: 314px; }
#southland { left: 59px; top: 346px; }

.map-phone {
	border-bottom: 1px solid #ececec;
	padding: 10px 0;
	font-weight: bold;
}
/* Store Listing --------------------------------------------------------------------------------------------------------------*/

h3#region-name {
	font-size: 1.8em;
	margin-bottom: 15px;
}
ul.store-list li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 15px 0;
}
.store-list a {
	font-weight: bold;
	text-decoration: none;
}
.store-list a:hover { text-decoration: underline; }

/* Listing And Landing --------------------------------------------------------------------------------------------------------*/

.listing ul li,
.landing ul li {
	list-style-type: none;
	list-style-position: outside;
	margin-bottom: 20px;
	overflow: hidden;
}
.listing h3,
.landing h3 {
	font-size: 1.3em;
	margin: 3px 0 0.2em 0;
}
.listing p,
.landing p {
	font-size: 1.2em;
	margin: 0;
}
.listing a:hover,
.listing a:focus,
.landing a:hover,
.landing a:focus {
	color: #214232;
	text-decoration: underline;
}
.listingls ul li {
	list-style-type: none;
	list-style-position: outside;
	margin-bottom: 20px;
	overflow: hidden;
}
.listingls a { color: #009ddc; text-decoration: none; }
.listingls a:hover,
.listingls a:focus {
	color: #006699;
	text-decoration: underline;
}
.listingls h3 {
	font-size: 1.3em;
	margin: 3px 0 0.2em 0;
}
.listingls p {
	font-size: 1.2em;
	margin: 0;
}
img.listing, img.pod {
	background: #fff;
	border: 1px solid #ececec;
	padding: 3px;
	margin-right: 15px;
	float: left;
}

img.right {
	background: #fff;
	border: 1px solid #ececec;
	padding: 3px;
	margin-right: 15px;
	float: right;
}

img.pod { margin-bottom: 7px; }

.listing ul li.related-links { padding: 0 0 0 2px; }

.listing ul li.related-links h3{ padding: 0.3em 0 0 30px; }

#ie6 div.listing ul,
#ie6 div.listing ol,
#ie6 div.listing dl		{ position: relative; }
/***** Product Listing *****/

ol li.product-list-item {
	position:relative;
	width: 158px;
	background: #fff;
	border: 1px solid #ececec;
	list-style-type: none;
	margin: 0 12px 12px 0;
	padding: 10px 10px 35px;
	display: block;
	float: left;
}
.product-list-item img,
#product-of-week img {
	display: block;
	margin: 0 auto 10px auto;
}
div.product dl.prod-price {
	font-size: 1.3em;
	margin-bottom: 15px;
}
.prod-price dt {
	font-size: 1.1em;
	margin: 0.3em 10px 0 0;
	float: left;
}
	dt.ours { margin-top: 0.6em; }

.price {
	width: 90px;
	font-weight: bold;
	color: #f00;
	float: left;
}
.pricels {
	font-size: 13px;
	font-weight: bold;
	color: #009ddc;
}
	dd.ours { font-size: 1.8em; }
	dd.saving { font-size: 1.4em; }
	
div.product dt { width: 95px; }
div.product .price {width: 150px; }

#product-of-week .prod-price dt,
#product-of-week .price { float: none; }
/***** Landing Specific *****/

div.landing { margin-bottom: 25px; }

.landing-item, form.pod-form { background: #f1eadc; }

.landing-item-text,
.landing-pod-text { padding: 7px 10px;}

.landing ul.small-listing {
	background-color: #f8f5ef;
	padding: 20px 15px 10px 15px;
}
.landing-pod {
	width: 176px;
	background: #f8f5ef;
	margin-right: 18px;
	padding-bottom: 1px;
	overflow: hidden;
	float: left;
	height: 306px;
}
.landing-pod-short {
	width: 176px;
        height: 153px;
	background: #f8f5ef;
	margin-right: 18px;
	padding-bottom: 1px;
	overflow: hidden;
	float: left;
}
.landing-pod-text {
	background: #f8f5ef;
	border: 1px solid #f5f0e7;
	border-width: 0 1px;
	margin-top: 1px;
}
.landing-pod ul {
	margin-top: 10px;
	padding-left: 12px;
}
.landing-pod ul li {
	font-size: 1.1em;
	list-style-image: url(/images/interface/ind/ind-pod-list.gif);
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 9px;
	overflow: visible;
}
form.pod-form {
	font-size: 1.1em;
	padding: 15px;
}
.pod-form label {
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	display: block;
}
.pod-form select {
	width: 146px;
	margin: 4px 0 17px 0;
}
.landing-pod ul.pod-related-links { padding-left: 0; }

.landing-pod ul.pod-related-links li {
	list-style-image: none;
	list-style-type: none;
	padding-top: 0;
}
.landing .con-gen {
	width: 339px;
	float: left;
}
.landing .con-gen h3 {
	width: auto;
	float: none;
}
/***** Partners Footer *****/

.partners-footer {
	border: 2px solid #f0f0f0;
	border-width: 2px 0;
	margin-top: 25px;
	padding: 20px 0 5px 0;
}
.partners-footer-about {
	padding: 0px 0 5px 0;
}
ul.partner-logos { text-align: center; }

ul.partner-logos li {
	width: 95px;
	margin: 0 7px 0 7px;
	padding: 0;
	display: inline;
}
/***** Promotional Landing Specific *****/

.promo-pod {
	border: 1px solid #e1e1e1;
	margin-right: 18px;
	float: left;
}
.promo-pod img { display: block; }
/***** Pagination *****/

.pagination {
	border: 1px solid #ececec;
	border-width: 1px 0;
	margin: 20px 0;
	padding: 10px 0;
	clear: both;
}
.pagination label { vertical-align: middle; }

.pagination form { width: 350px; }

.pagination select {
	width: 110px;
	font-size: 1.1em;
	margin: 0 10px 1px 10px;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}
.pagination li,
.pagination p {
	margin: 3px 8px 0 0;
	display: block;
	float: left;
}
.pagination-btn {
	width: 13px;
	height: 13px;
	background-image: url(/images/interface/btn/btn-pagination.gif);
	display: block;
}
.pagination a { text-decoration: none; }
	.pagination a:hover, .pagination a:focus {
		color: #214232;
		text-decoration: underline;
	}
.pagination .first { background-position: 0 -14px; }
	.pagination .first:hover { background-position: 0 0; }

.pagination .previous { background-position: -14px -14px; }
	.pagination .previous:hover { background-position: -14px 0; }

.pagination .next { background-position: -28px -14px; }
	.pagination .next:hover { background-position: -28px 0; }

.pagination .last { background-position: -42px -14px; }
	.pagination .last:hover { background-position: -42px 0; }
/***** Homepage *****/

#homepage { margin-left: 20px; }

#homepage .con-abs {
	min-height: 177px;
	background: #fff url(/images/interface/bg/bg-welcome.jpg) right bottom no-repeat;
}
	#ie6 #homepage .con-abs,
	#ie7 #homepage .con-abs { height: 177px; }

#homepage .con-gen h1 {
	font-size: 18px;
	margin-top: 0;	
	padding-top: 0px;
}
#homepage .con-abs p {
	width: 414px;
	margin-bottom: 0;
	padding-bottom: 10px;
}
#homepage h2 {
	font-size: 1.5em;
	color: #fff;
	padding: 5px 15px;
}
h2.product {
	background: #214232;
	float: left;
}
p.product {
	background: #214232;
	font-size: 1.2em;
	padding: 0.75em;
}
#homepage p.product { text-align: right; }

p.product a {
	background: #214232 url(/images/interface/ico/ico-product-more.png) right 50% no-repeat;
	color: #fff;
	padding-right: 15px;
}
	p.product a:hover { text-decoration: underline; }

#homepage ol.listing {
	border-left: 6px solid #214232;
	margin-bottom: 25px;
	padding-bottom: 0;
	clear: both;
}
#homepage ol li.product-list-item {
	width: 160px;
	border: 6px solid #214232;
	border-width: 0 6px 6px 0;
	margin: 0;
}
#homepage div.listing {
	width: 360px;
	margin-right: 30px;
	float: left;
}
#homepage div.listing h2 {
	background: #008444;
	float: none;
}
#homepage div.listing ul {padding: 5px 0px 0px 0px;
}

#homepage img.listing { background: #ececec; }

#homepage ul.pods { margin-bottom: 25px; }

#homepage .pods li {
	width: 230px;
	background: #f5f0e7;
	margin-right: 30px;
	display: block;
	float: left;
}
#homepage .pods p {
	font-size: 1.2em;
	margin: 10px 15px;
}
/* Product of the week --------------------------------------------------------------------------------------------------------*/

h2.product-of-week {
	background: #214232;
	margin-top: 25px;
}
#product-of-week {
	border: 6px solid #214232;
	border-top: none;
	font-size: 1.1em;
	padding: 10px 10px 40px;
}
/* Weather --------------------------------------------------------------------------------------------------------------------*/

h2.weather {
	background: #214232;
	font-size: 1.2em;
	color: #fff;
	padding: 8px;
}
	h2.national, h3.national {
		background: #f5f0e7;
		border-top: 1px solid #ececec;
		color: #000;
		margin-top: 25px;
	}
	h3.national { font-size: 1.1em; text-align: left; margin: 10px 0 0 0; padding: 7px; }
	#warning-title { background: #ec0021 url(/images/interface/ico/ico-warning.png) 10px center no-repeat; padding-left: 35px; }
	#ie6 #warning-title { background-image: url(/images/interface/ico/ico-warning.gif); }

.heading-link {
	height: 16px;
	color: #fff;
	font-weight: bold;
	margin: 0 10px 9px 10px;
	padding-left: 20px;
	float: right;
}
	.heading-link:hover { text-decoration: underline; }

#warning-toggle { background-image: url(/images/interface/btn/btn-warning-toggle.gif); background-repeat: no-repeat; display: none; position: relative; top: -2.4em; }
a.close { background-position: left -26px; }

#international-title { background-color: #214232; display: none; }
#international-title h2 { width: 300px; float: left; }
.world-map-return { background: url(/images/interface/ico/ico-arrows.gif) left top no-repeat; position: relative; top: 0.9em; }
div.international-region .world-map-return { position: relative; top: -2.5em; }

div.tabbed-content .heading-link { color: #000; position: relative; top: -2.5em; }

#weather-warning {
	background: #f8f5ef;
	margin-bottom: 25px;
	padding: 20px;
}
#coastal-content { font-size: 1.1em; padding: 20px; }
#coastal-content p { margin-bottom: 10px; }

table.weather {
	width: 100%;
	font-size: 1.1em;
	margin-bottom: 25px;
	clear: both;
}
#observations tbody th { color: #666; }

table.weather thead th {
	background-color: #214232;
	border-right: 1px solid #fff;
	color: #fff;
	padding: 6px 11px;
}
table.weather td, table.weather tbody th {
	border-bottom: 1px solid #ececec;
	font-weight: normal;
	padding: 6px 11px;
}
table.tidal thead th {
	background: #faf7f3;
	color: #000;
}
table.tidal td, table.tidal th { text-align: center; }

table.international thead th {
	background: #ece2d0;
	border: none;
	font-size: 1.2em;
	color: #000;
}
table.international th.world-city { width: 120px; }
table.international th.world-condition { width: 194px; }
table.international th.world-temp { width: 185px; }

table td img { vertical-align: middle; }
table.forecast td, table.forecast tbody th { padding: 4px 11px 2px 11px; vertical-align: baseline; }

table tr td.sun-moon-cycle { color: #666; padding-left: 33px; }

.moon-ico { margin-right: 10px; }

#sunrise { background: #fff url(/images/interface/ico/ico-sun.gif) 5px center no-repeat; }
#moonrise { background: #fff url(/images/interface/ico/ico-moon.gif) 5px center no-repeat; }
#uv-index { font-weight: bold; color: #f00; }

ul.primary {	border-bottom: 9px solid #214232; }

.weather-tabs li {
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-right: 4px;
	display: block;
	float: left;
}
.weather-tabs li a {
	background: #008444;
	color: #fff;
	display: block;
}
.weather-tabs li a:hover, .weather-tabs li a.selected { background: #214232; }

.primary li a { font-size: 1.3em; padding: 7px 20px; }
.secondary li a { font-size: 1.1em; margin-bottom: 4px; padding: 4px 0; }

#weather-update { background: #f5f0e7; padding: 8px 15px; }
#weather-key { background: #214232; font-size: 1.1em; color: #fff; padding: 8px 15px; }

.weather-pic { text-align: center; margin: 30px auto 0 auto; }
.weather-pic img { margin-bottom: 15px; }

#weather-outlook .weather-pic { width: 407px; }
#weather-outlook .secondary li a { width: 98px; }
#weather-satellite .weather-pic { width: 394px; }
#weather-satellite .secondary li a { width: 95px; }
#rainfall-radar .weather-pic { width: 264px; margin: 30px 10px 0 0; float: left; }
#rainfall-radar img { border: 1px solid #ececec; }
#radar-key { width: 290px; margin-top: 30px; }
#radar-key dd, #coastal-info dd { border: none; }

#coastal-info { margin: 15px 5px; }

#rainfall-precipitation {
	border: 1px solid #ececec;
	border-top: 2.7em solid #ece2d0;
	padding-bottom: 25px;
}
.precipitation {
	width: 281px;
	text-align: center;
	float: left;
}
.precipitation h2 {
	font-size: 1.1em;
	position: relative;
	top: -2.7em;
	margin-bottom: 30px;
	padding: 8px 15px;
}
dl.weather {	font-size: 1.1em; clear: both; }
.weather dt { font-weight: bold; padding: 10px 15px 0 15px; }
.weather dd { border-bottom: 1px solid #ececec; padding: 0 15px 10px 15px; }

.key dt { padding: 10px 3px 0 15px; float: left; }
.key dd { padding: 10px 15px 10px 15px; }

#img-metservice { margin-left: 10px; }

#rainfall-radar label {
	font-weight: bold;
	margin-right: 15px;
	padding-top: 0.3em;
	float: left;
}
form.weather {
	background: #f5f0e7;
	border-bottom: 1px solid #fff;
	padding: 15px;
}
	form.weather button { margin: 0 0 0 15px; }
	form.weather p { margin-bottom: 7px; }

	form.weather input[type=checkbox] {
		margin-right: 10px;
		position: relative;
		top: 1px;
	}
form.weather select.wide { width: 425px; }
#rainfall-radar select.wide { width: 345px !important; }

.form-region { font-weight: bold; color: #008444; margin-left: 5px; }

#metservice-footer { margin-top: 30px; }

ul.primary, #local-forecast-form, #international-title, #coastal-title {
	margin-top: 30px;
}
/***** World Map *****/

#world-map-wrapper { background: url(/images/interface/map/bg-world-map.png) no-repeat 1px 1px; }
	#americas { width: 97px; text-align: center; left: 32px; top: 209px; }
	#europe { width: 130px; left: 415px; top: 30px; }
	#africa { width: 60px; text-align: center; left: 215px; top: 202px; }
	#asia { left: 480px; top: 140px; }
	#oceania { left: 418px; top: 267px; }

/***** My Account *****/

#account-links {
	background-color: #faf7f3;
	margin: 25px 0;
	padding: 20px;
}
#account-links h3 { margin-top: 0; }

#account-links ul li {
	width: 199px;
	background: url(/images/interface/ind/ind-pod-list.gif) no-repeat left center;
	list-style-type: none;
	margin: 0 20px 0 0;
	padding-left: 12px;
	display: block;
	float: left;
}
.account-section {
	background-color: #f5f0e7;
	margin-bottom: 25px;
	padding: 20px;
}

.account-section h1, .account-section h2 { margin-top: 0; }

#account-graph-info {
	width: 265px;
	float: left;
}
#account-graph h2 {
	font-size:1.8em;
	color: #008444;
}
#account-graph p {
	font-size: 1.2em;
	margin: 10px 0;
}
#account-graph dl {
	background-color: #fff;
	border: 1px solid #ececec;
	border-top: none;
	font-size: 1.1em;
	padding: 11px;
}
#account-graph dt {
	background-color: #008444;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
	margin-bottom: 12px;
	display: block;
	float: left;
	clear: both;
}
#account-graph dd {
	width: 215px;
	height: 14px;
	margin: 0 0 12px 12px;
	display: block;
	float: left;
}
#account-graph img {
	border: 1px solid #ececec;
	float: right;
}
#account-subject { margin-bottom: 1px; }

.account-section form.content { background-color: #f5f0e7; }

.account-section form.content fieldset ol { margin-top: 0; }

.account-section label { margin-right: 15px; }

.acc-subject-field { margin-bottom: 25px; }

.acc-check-field {
	width: 176px;
	margin-bottom: 10px;
	display: block;
	float: left;
}
.acc-check-field input { margin-right: 10px; }
.account-section .table-form {
	background-color: #fff;
	border: 5px solid #fff;
	margin-top: 15px;
}
.account-section table.complex { margin-bottom: 0; }

#client-details h2 {
	font-size: 1.8em;
	margin-bottom: 25px;
}
#client-details .mandatory-note {
	text-align: right;
	margin: 0 220px 10px 0;
}

#statement-selector {
	margin-bottom: 25px;
	padding: 15px;
}
#statement-selector select {
	width: 235px;
	margin: 0;
	float: none;
}
#statement-selector .btn { margin: 0 15px; }

#account-details dl {
	font-size: 1.2em;
	margin: 0 5px 25px 0;
}
#account-details dl dt {
	width: 110px;
	font-weight: bold;
	margin-right: 5px;
	float: left;
}
#account-details dl dd {
	width: 230px;
	margin-right: 20px;
	float: left;
}
#account-current {
	width: 370px;
	margin: 0 25px 25px 0;
	float: left;
}
#account-current thead th {
	border-bottom: 2px solid #f4f4f4;
	font-size: 1.2em;
	padding-bottom: 3px;
}
#account-current tfoot td {
	border-top: 2px solid #f4f4f4;
	font-weight: bold;
	padding-top: 3px;
}
#account-current td {
	font-size: 1.1em;
	padding: 2px 0;
}
td.money { text-align: right; }
td.money-aging { text-align: center; }

#delivery-summary {
	width: 215px;
	border: 1px solid #cccccc;
	float: right;
}

#account-savings {
	width: 215px;
	border: 2px solid #ff7000;
	float: right;
}
#account-savings dl {
	font-size: 1.3em;
	padding: 10px;
	float: left;
	line-height: 1.8em;
}
#account-savings dl dt {
	width: 95px;
	margin-right: 15px;
	float: left;
}
#account-savings dl dd {
	font-weight: bold;
	float: right;
}
#account-savings h3 {
	background-color: #ff7000;
        font-size: 1.4em;
	padding-top: 2px;
}

#ie6 #account-savings h3 { position: relative; top: -2px; padding-top: 4px;}
#account-statement td { font-size: 1.1em; }

#aging-statement thead th { text-align: center; }

th.summary-text { text-align: left;  }

th.summary-money { text-align: right; }

td.summary-text { text-align: left; }

td.summary-money { text-align: right; }

td.total {border-top: 1px solid black; }
td.sub-total {border-top: 1px solid LightGrey; }

#account-summary p {
	font-size: 1.4em;
	margin: 10px 0 0 0;
}
#account-summary p.last { margin-bottom: 10px; }

#last-login { font-size: 1.1em; color: #666; }#personal-details {
	border: 1px solid #ececec;
	border-top: none;
	font-size: 1.2em;
	padding: 15px;
	margin-bottom: 25px;
}
#personal-details h4 {
	font-size: 1.2em;
	margin-bottom: 10px;
}
#personal-details p {
	float: left;
	margin-right: 30px;
}
#personal-details dt {
	width: 5em;
	font-weight: bold;
	float: left;
}
#personal-details .btn {
	font-size: 1.0em;
	float: right;
	margin: 0;
	position: relative;
	top: -2.2em;
}


/***** My Account Favourites Pod *****/

#favourites-pod {
	background-color: #f5f0e7;
	margin-top: 25px;
}
#favourites-pod a { text-decoration: underline; }
	#favourites-pod a:hover { text-decoration: none; }
	
#favourites-pod .heading-link {
	margin-bottom: 0;
	position: relative;
	top: -2.2em;
}
#favourites-pod ul {
	clear: both;
	position: relative;
	top: -0.8em;
}
#favourites-pod li {
	width: 115px;
	border-bottom: 1px solid #d5d6cc;
	background: url(/images/interface/ind/ind-pod-list.gif) 5px 0.9em no-repeat;
	margin: 0 10px;
	padding: 5px 25px 5px 15px;
}
#favourites-pod li.last { border-bottom: none; }

a.fav-delete {
	width: 15px;
	height: 16px;
	background: url(/images/interface/btn/btn-img-close.gif) top left no-repeat;
	text-indent: -9999px;
	position: relative;
	left: 25px;
	top: -1.1em;
	display: block;
	float: right;
}
	a.fav-delete:hover { background-position: 0 -32px; }
	
#ad-wrapper img {
	margin-top: 15px;
	display: block;
	
}

/***** My Account Login Page *****/

#login-module { margin-right: 50px; }

#login-module form.content { width: 270px; margin-bottom: 15px; padding: 22px 25px; }

#login-module form.content label { display: block; margin-bottom: 6px;}

#login-module form.content input { width: 260px; margin-bottom: 16px; }

#login-module form.content button { display: block; margin: 0; }

#why-register ul { margin-bottom: 15px; }

#why-register button.btn { width: 160px; }

/***** Content Images *****/

.article-image {
	margin: 10px 0px 10px 10px;
	float: right;
	display: block;
	position: relative;
}
.article-image img {
	border: 1px solid #e9e9e9;
	
}

img.article-image {
	border: 1px solid #e9e9e9;
	
}

img.landscape-img {
	border:1px solid #e9e9e9;
}


/***** incorrect Login Page *****/

#incorrect-module { margin-right: 50px; }

#incorrect-module form.content { width: 520px; margin-bottom: 15px; padding: 22px 25px; }

#incorrect-module form.content label { display: block; margin-bottom: 6px;}

#incorrect-module form.content input { width: 260px; margin-bottom: 16px; }

#incorrect-module form.content button { display: block; margin: 0; }


/***** terms of supply *****/
.terms-alpha ol li {
	list-style: decimal outside;
	list-style-type: lower-alpha;
}

.terms-roman ol li {
	list-style: decimal outside;
	list-style-type: lower-roman;
}

.list-circle ul li {
	list-style: decimal outside;
	list-style-type: disc;
}

/*Table Order -------------------------------------------------------------------------------------------------------------*/


table.order-summary {
	width: 500px !important;
	margin-left: 125px;
	margin-bottom: 25px;
}
table.order-summary th, table.order-summary td {
	font-size: 1.1em;
	padding: 3px 6px;
}

table.order-summary td .btn {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
}
table.order-summary td .btn-lge {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
}
table.order-summary td.last { border-right: 0px solid #ececec !important; }

table.order-summary td.head { 
	background-color: #214232;
	font-size: 1.1em;
	color: #FFF;
	padding: 3px 6px;
}

table.order-summary thead tr {
	background: #f5f0e7;
	border-color: #f5f0e7;
	border-width: 0 1px;
}
#ie6 .order-summary, #ie7 .order-summary {
	border-width: 0px 0px;
	border-style: solid;
	border-color: #ececec;
}


table.order-summary a { text-decoration: underline; }

.order-summary {
	width: 488px !important;
	background-color: #214232;
	font-size: 1.1em;
	color: #FFF;
	padding: 3px 6px;
	margin-left: 125px;	
}

.order-heading {
	background-color: #214232;
	font-size: 1.1em;
	color: #FFF;
	padding: 3px 6px;
}
	
table.order th, table.order td {
	font-size: 1.1em;
	padding: 5px 10px;
}



table.order td .btn {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
}
table.order td .btn-lge {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
}
table.order td.last { border-right: 0px solid #ececec !important; }

table.order td.head { 
	background-color: #214232;
	font-size: 1.1em;
	color: #FFF;
	padding: 3px 6px;
}

table.order thead tr {
	background: #f5f0e7;
	border-color: #f5f0e7;
	border-width: 0 1px;
}
#ie6 .order, #ie7 .order {
	border-width: 0px 0px;
	border-style: solid;
	border-color: #ececec;
}


table.order a { text-decoration: underline; }

.order th, .order td { border-right: 1px solid #fff; }


.table-error-message {
 width: 334px;
 background: url(/images/interface/ind/ind-required.gif) no-repeat 10px 0;
 margin: 3px 0 0 0px;
 padding-top: 5px;
}
.table-error-message p {
 background: #c20000;
 font-weight: bold;
 color: #fff;
 padding: 5px 10px;
}

.righttop{ text-align: right; vertical-align: top; }
.alignTopLeft{ text-align: left; vertical-align: top; }
.alignLeft{ text-align: left; }
.three{ width: 170px; }

.table-error-message-small {
 width: 120px;
 background: url(/images/interface/ind/ind-required.gif) no-repeat 10px 0;
 margin: 3px 0 0 0px;
 padding-top: 5px;
}
.table-error-message-small p {
 background: #c20000;
 font-weight: bold;
 color: #fff;
 padding: 5px 10px;
}

.valignTop
{
vertical-align:top;

}

#admin-map-canvas {
	width: 100%;
	height: 300px;
	background-color: #ececec;
	margin-top: 25px;
	margin-bottom: 25px;
}
#admin-map-canvas p {
	padding: 15px;
}

#order-map-canvas {
	width: 600px;
	height: 300px;
	background-color: #ececec;
	margin-top: 25px;
}

#order-map-canvas p {
	padding: 15px;
}


td.review-diff {
	color: #f00;
	font-weight: bold;
}

.con-gen OL.terms { counter-reset: item; list-style: none; }
.con-gen LI.terms { margin: 3px 30px; list-style: none; }
.con-gen LI.terms:before { content: counters(item, ".") ". "; counter-increment: item }

table.order-inl th, table.order-inl td {
	font-size: 1.1em;
	padding: 5px 10px;
}

table.order-inl td.bold { font-weight: bold; }

table.order-inl td .btn {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
}
table.order-inl td .btn-lge {
	font-size: 1.1em;
	margin: 0;
	top: -2.2em;
	text-decoration: none;
	margin-right: 3px;
}
table.order-inl td.last { border-right: 1px solid #ececec !important; }

table.order-inl tr {
	border: 0px solid #ececec;
	border-top: none;
}
table.order-inl thead tr {
	background: #f5f0e7;
	border-color: #f5f0e7;
	border-width: 0 1px;
}
#ie6 .order-inl, #ie7 .order-inl {
	border-width: 0 1px;
	border-style: solid;
	border-color: #ececec;
}
#ie6 .order-inl td, #ie7 .order-inl td { border-bottom: 1px solid #ececec; }


table.order-inl a { text-decoration: underline; }

.order-inl th, .order-inl td { border-right: 1px solid #fff; }

form.table-form textarea.wide { width: 720px; }