/*  
Site Name: Actionmail Corporate Site
Site URI: ---
Description: ---
Version: 1.0

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

Revision number: 1.0
Last updated: 
Last update made by: 

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: Custom Containers & Subclasses

*/

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

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
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:normal;}
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;}

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

.center 					{ text-align: center; }
.right 						{ text-align: right !important; }
.left 						{ text-align: left !important; }
.small 						{ font-size: 9px !important;}
#ie6 .small, #ie7 .small	{ font-size: 10px !important;}
.float-right 				{ float: right; }
.float-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; }
.no-right-margin			{ margin-right: 0 !important; }
.no-left-margin				{ margin-left: 0 !important; }
.no-top-margin				{ margin-top: 0 !important; }
.no-bottom-margin			{ margin-bottom: 0 !important; }
.hot						{ cursor:pointer; }

/* *02a: Phrase Elements -------------------- */
strong, .bold 				{ font-weight: bold !important; /*letter-spacing:1px;*/ }
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					{ color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; }

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

body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: #59595b;
	color: #686868;
}

img, #main-nav .overlay { behavior: url(/scripts/iepngfix.htc) }

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px; margin-bottom: 0; color: #5e5e60; font-weight: bold; }

h1 { font-size: 2.4em; margin: 0 0 0 0; color: #e6e6e6; }
h2 { font-size: 1.6em; margin: 20px 0 0 0; }
h3 { font-size: 1.4em; margin: 20px 0 0 0; font-weight: normal; }
h4 { font-size: 1.2em; margin: 20px 0 10px 0; }

p { font-size: 1.2em; line-height: 1.2em; margin: 0 0 0 0; }

a { color: #686868; }

a:hover, a:active { color: #686868; }

ul li {
	list-style-type: none;
}

ol li {
	list-style-type: decimal;
}

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

#master {
	width: 912px; margin: 40px auto 60px auto;
	background: #FFF; border-top: 1px solid #fff;
	position: relative;
}

#top-nav {
	position: absolute; top: 24px; right: 70px;
}

#site-search {
	position: absolute; top: 57px; right: 70px;
}

#page {
	width: 960px;
	margin: auto auto;
}

#main-nav {
	width: 772px; margin: auto auto;
	position: relative;
	background: #e7e8ea;
}

#content {
	width: 772px; margin: auto auto;
}

#content #main-col {
	width: 430px;
	float: left;
	margin-right: 17px;
}

#ie6 #content #main-col { margin-right: 15px; }

#content #sidebar-col {
	width: 325px;
	float: left;
}

#footer {
	width: 772px; margin: auto auto;
	text-align: center;
	padding: 20px 0px 20px 0px;
}

/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

/* access keys ========================= */
#accesskeys { display: none; }

/* logo ========================= */
#logo {
	display:block; 
	margin: 65px 0px 0px 70px;
	padding-bottom: 34px;
}
#tagline { 
	font-size: 1.5em; font-weight: bold; font-style: italic; 
	position: absolute; top: 116px; right: 80px;
}
#ie7 #tagline { right: 0; left: 547px; }

/* top nav ========================= */
#top-nav li {
	float: left;
	border-right: 1px solid #686868;
	line-height: 1em;
	margin-right: 6px; padding-right: 6px;
}
#top-nav li.last { border: none; padding: 0; margin: 0; }

#top-nav li a {
	font-size: 10px; text-decoration: none;
}

/* site search ========================= */
#site-search label { margin-right: 5px; }

/* main navigation ========================= */
#main-nav .overlay {
	width: 772px; height: 6px;
	background: url(/Images/interface/nav-corners.png) no-repeat;
	position: absolute; top: 0; left: 0;
}

#main-nav li {
	float: left;
	position: relative;
}
	
#main-nav li a {
	display: block;
	padding: 11px 14px 13px 14px;
	border-right: 1px solid #f0f1f3;
	color: #a1a2a4;
	text-transform: uppercase; text-decoration: none;
	line-height: 1em;
	background: #e7e8ea;
	min-width: 50px;
	text-align: center;	
}

#main-nav li a:hover {
	background: #58585a;
	color: #FFF;
}

#main-nav li ul {
	position: absolute; top: 34px; left: -9999px;
}

#main-nav li:hover ul, #main-nav li.hover ul {
	left: auto;
}

#main-nav li ul li {
	float: none;
	display: inline;
}

#main-nav li ul li a {
	color: #59595b;
	text-transform: none;
	font-size: 0.9em;
	border-bottom: 1px solid #f0f1f3;
	text-align: left;
}

/* quote ========================= */
#quote {
	width: 772px; margin: auto auto;
	background: #f8faf9 url(/Images/interface/nav-corners-bottom.png) no-repeat bottom left;
}

#quote blockquote {
	color: #59595b;
	font-size: 2.2em; text-align: right; line-height: 1.2em;
	float: right;
	width: 750px; margin: 17px 17px 0px 0px;
}

#ie6 #quote blockquote , #ie7 #quote blockquote { line-height: 1.4em; }

#quote blockquote span {
	font-size: 1.4em; font-weight: bold;
	line-height: 0.5em;
}

#quote .source {
	text-align: right;
	clear: right; float: right;
	margin: 5px 17px 17px 0px;
	text-transform: uppercase; font-size: 0.9em; font-weight: bold;
	width: 750px;
}

/* breadcrumbs ========================= */
#breadcrumbs {
	background: #59595b;
	padding: 5px 10px 5px 10px;
}

#breadcrumbs li { float: left; color:#fff; }

#breadcrumbs a {
	color: #FFF; text-decoration: none;
	background: url(/Images/interface/ind-breadcrumbs.gif) no-repeat 100% 4px;
	padding: 0px 10px 0px 0; margin: 0px 7px 0px 0px;
}
#breadcrumbs .last a { background: none; }

#breadcrumbs a:hover { text-decoration: underline; }

/* body content ========================= */
#text-content { font-size: 120%;  }

#text-content h1 { line-height: 1.2em; padding: 5px 0 0 0; }

#text-content p,
body.mceContentBody p {
	font-size: 1em;
	margin-top: 10px;
	line-height: 1.54em;
}

#text-content p strong,
body.mceContentBody p strong {
	 
}

#text-content p a,
body.mceContentBody p a {
	color: #0968a8;
	font-weight: bold;
}

#text-content ul,
body.mceContentBody ul {margin-left: 2em; margin-top: 20px;}

#text-content ul li,
body.mceContentBody ul li { list-style-type: disc; }

/* body content ========================= */
.secondary-nav {
	margin-top: 20px;
}

.secondary-nav span {
	background: url(/Images/interface/ind-secondary-nav-heading.gif) no-repeat 0 5px;
	text-transform: uppercase;
	padding: 0px 0px 0px 10px;
}

.secondary-nav li { float: left; }

.secondary-nav a {
	background: url(/Images/interface/ind-secondary-nav.gif) no-repeat 0 6px;
	padding: 0px 0px 0px 8px; margin: 0px 5px 0px 0px;
}

/* design / deliver / respond buttons ========================= */
#design-deliver {
	width: 800px;
	margin: 50px auto 0px auto;
}
#design-deliver li {
	float: left;
	margin-right: 7px;
}

#design-deliver li#tab3Link { margin: 0; }

#design-deliver li a {
	display: block;
	width: 262px; height: 107px;
	text-indent: -9999px; overflow: hidden;
}



/* bottom nav ========================= */
#bottom-nav {
	background: #59595b;
	width: 780px;
	margin: 8px auto 0px auto;
	padding: 10px 10px 10px 5px;
	color: #FFF;
}

#bottom-nav ul {
	border-right: 1px dotted #fff;
	margin-right: 5px; padding-right: 5px;
	float: left;
}

#bottom-nav p a,
#bottom-nav ul a {
	color: #FFF;
	text-decoration: none;
}

#bottom-nav p a:hover { text-decoration: underline; }
#bottom-nav ul a { display: block; padding: 1px 15px 1px 10px; }
#bottom-nav ul a:hover { text-decoration: none; background:#e7e8e9; color:#59595b; }

#contact-details {
	float: right;
	text-align: right;
	padding: 5px;
}

#contact-details p 		{ font-size: 1.1em; line-height: 1.6em; }
#contact-details p span { font-size: 1.6em; }

/* footer ========================= */
#footer span {
	background: url(/Images/interface/ind-secondary-nav.gif) no-repeat 0 6px;
	padding: 0px 0px 0px 8px; margin: 0px 5px 0px 0px;
}

/* sidebar ========================= */
.sidebar-pod {
	background: url(/Images/interface/bg-sidebar-pod.gif) no-repeat bottom left;
	margin-top: 12px;
	margin-bottom: 12px;
	position: relative;
}

.sidebar-pod h4 {
	background: url(/Images/interface/bg-sidebar-pod-top.gif) no-repeat top left;
	margin: 0 0 15px 0; padding: 16px 14px 0 14px;
	font-size: 1.6em; color: #606060; font-weight: bold;
}

#ie6 .sidebar-pod h4, #ie7 .sidebar-pod h4 { zoom: 1; }

.sidebar-pod h5 {
	margin: 0; padding: 5px 14px 10px 23px;
	font-size: 2.2em; color: #0968a8; font-weight: normal;
}

#rotator {
	margin: 0 0 0 15px;
	padding-bottom: 10px;
	width: 309px;
	height: 215px;
	position: relative;
	overflow: hidden;
}

#rotator li {
	position: absolute; top: 0; left: 310px;
}

#rotator img {
	border: 1px solid #c7c7c7;
	box-shadow: 3px 3px 5px #dadada;
	-moz-box-shadow: 3px 3px 5px #dadada;
	-webkit-box-shadow: 3px 3px 5px #dadada;
}

#next-image {
	position: absolute; top: 40px; right: 5px;
	display: block; width: 10px; height: 215px;
	text-indent: -9999px; overflow: hidden;
	background: url(/Images/interface/rotator-control.gif) no-repeat;
	outline: none;
}

#previous-image {
	position: absolute; top: 40px; left: 5px;
	display: block; width: 10px; height: 215px;
	text-indent: -9999px; overflow: hidden;
	background: url(/Images/interface/rotator-control-back.gif) no-repeat;
	outline: none;
}

#view-more {
	display: block;
	text-align: right; font-size: 1.4em; text-decoration: none;
	padding: 0px 30px 15px 0px;
	background: url(/Images/interface/ind-sidebar-nav-item.gif) no-repeat 95% 8px;
}

#view-more:hover {
	text-decoration: underline;
}

#sidebar-nav {
	background: url(/Images/interface/bg-sidebar-pod-top.gif) no-repeat;
	padding: 12px;
}

#sidebar-nav li { margin-top: 3px}

#sidebar-nav a {
	display: block; 
	background: #f8faf9 url(/Images/interface/ind-sidebar-nav-item.gif) no-repeat 95% 12px;
	font-size: 1.4em;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
}

#sidebar-nav a:hover { text-decoration: none; background:#58585a url(/Images/interface/ind-sidebar-nav-item-hot.gif) no-repeat 95% 12px; color:#fff; }


#sidebar-links a { margin-bottom: 12px; display: block; 
	width: 325px; height: 144px;
	text-indent: -9999px; overflow: hidden; }




#networks {	margin: 15px 0px 12px 0px; }

#networks span {
	font-size: 2.4em; margin: 5px 0 0 0; color: #e6e6e6; text-align: right; line-height: 1em; font-weight: bold;
	display: block; width: 120px; float: right; margin-right: 10px;
}

#networks ul#feed-links { float: right; margin:0; padding:0; list-style: none; }

#networks ul#feed-links li a {
	display: block; width: 60px; height: 63px;
	text-indent: -9999px;
	float: left;
}

/* 
#networks a#twitter 	{ background: url(/Images/interface/ico-twitter.jpg) no-repeat; margin-right: 10px; }
#networks a#rss 		{ background: url(/Images/interface/ico-rss.jpg) no-repeat; }
*/

/* *06: Forms -----------------------------------------------------------------------------------------------------------------*/
input {
	padding: 2px 5px 2px 5px;
	border: 1px solid #d9d9d9;
	background: url(/Images/interface/bg-input.jpg) repeat-x;
}

#input-submit {
	background: url(/Images/interface/bg-go.gif) no-repeat;
	width: 26px; height: 21px;
	border: none;
	color: #fff;
}

#contact-form { margin-top: 20px; margin-bottom: 20px; }

#contact-form li { margin-bottom: 5px; }

#contact-form label {
	width: 74px;
	float: left;
}

#contact-form input {
	width: 330px;
	padding: 4px 6px;
}

#contact-form .error {
	display: block; clear: both;
	width: 330px; margin: 0 0 10px 75px;
	padding: 5px; margin-top: 5px;
	background: #ff0000;
	color: #FFF; font-weight: bold;
}
#ie6 #contact-form .error, #ie7 #contact-form .error { margin-left: 78px; }

#contact-form .submit {
	padding: 0;
	border: none;
	background: url(/Images/interface/bg-submit.gif) no-repeat;
	width: 137px; height: 31px;
	color: #FFF;
	font-size: 1.6em; font-weight: bold;
	float: right;
	margin: -5px 12px 0 0;
	cursor: pointer;
}

#contact-form .thank-you {
	float: left;
	color: #0968a8; font-size: 1.4em;
	margin-left: 40px;
}

/* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/

/* contact us page ========================= */
#contact-map-nz,
#contact-map-aus { text-align: right; margin-top: 20px; }

#contact-map-nz img,
#contact-map-aus img { display: inline; }

p.map-header { padding-left: 32px; padding-top: 2px; padding-bottom:20px; font-size: 125%; clear: both; }

#contact-map-nz,
#contact-map-aus {float: right; width: 291px; height: 356px; margin: 0; padding: 0; font-family: Arial, Helvetica, Sans-Serif; border: 2px solid #e7e8e9; }
.infowindow * {font-size: 90%; margin: 0}



#content #text-call-to-action {
	background: url(/Images/interface/ico-mobile.jpg) no-repeat;
	padding: 5px 0px 5px 40px;
	font-size: 1.6em;
}

#content #text-call-to-action em {
	font-size: 0.8em;
}

#content .contact-pod {
	border: 2px solid #ececec;
	padding: 4px;
	font-size: 1.2em;
}

#content .phone-no {
	background: url(/Images/interface/ico-phone.jpg) no-repeat;
	padding: 0px 0px 5px 40px;
	margin: 10px;
}

#content .phone-no strong { display: block; }

.contact-pod .details {
	background: #f8faf9;
	padding: 10px;
}

.contact-pod .details .address {
	width: 170px;
	float: left;
	margin-right: 20px;
}


body.mceContentBody { background: none; }

body.mceContentBody ul {margin-left: 2em; margin-top: 20px;}
body.mceContentBody ul li { list-style-type: disc; }


.design h1.subtitle,
.design h2,
.design #text-content strong,
.design #text-content a { color: #ec008c; }

.deliver h1.subtitle,
.deliver h2,
.deliver #text-content strong,
.deliver #text-content a { color: #016aad; }

.respond h1.subtitle,
.respond h2,
.respond #text-content strong,
.respond #text-content a { color: #99ce63; }

.search h1.subtitle,
.search h2,
.search #text-content strong,
.search #text-content a { color: #e51b24; }

.subsidiary-title h1,
#text-content .subsidiary-title h1 { font-size:310%; margin:0; padding:0 0 10px 0; line-height: 1em; }
.subsidiary-title h1.subtitle,
#text-content .subsidiary-title h1.subtitle { padding-top: 30px; padding-bottom:0; }



/* XSLTSearch ============================ */
.xsltsearch_result p {margin: 0; padding: 0; }
.xsltsearch_result:hover {background: #f6f6f6;}
.xsltsearch_ordinal {font-weight: bold; font-size: 75%;}
.xsltsearch_title {font-weight: bold; font-size: 120%; }
.xsltsearch_score {font-size: 75%;}
#text-content p.xsltsearch_result_description {padding-bottom: 10px; margin-top:0; }
#search-results-list .xsltsearch_description strong {background: none; color:#686868;} /* search term highlighting */
#xsltsearch_navigation {text-align: center;}
#xsltsearch_navigation .disabled {color: #999;}
#xsltsearch_stats {font-size: 75%; color: #666;}

#search-results-list ul.list-data li { padding-top: 10px; }

div.no-of-results h3 { font-weight: bold; }





/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {

}

h3 {

}

p {

}