/* reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; font-family:inherit; font-weight:inherit; font-size:100%; font-style:inherit; margin:0; outline:0; padding:0; vertical-align:baseline; } 
img, a img {border:none;}
object { display:block; outline:none; }
html { height:100%; overflow-y:scroll; }/* fill the height of the browser */  /* force vertical scrollbar */
body { height:100%; }


/* body
-------------------------------------------------------------- */
/* http://www.codestyle.org/css/font-family/sampler-SansSerif.shtml */
body {
	background:#f2f2f2;
	color:#555;
	font:normal 11px/1.4 verdana,arial,sans-serif;
	/* font:normal 12px/1.4 "Lucida Sans Unicode","Lucida Grande","Lucida Sans",verdana,arial,sans-serif; */ /* fonts = win, mac, linux */
}


/* images
-------------------------------------------------------------- */
img { border:none; line-height:0; white-space:nowrap; } /* remove whitespace from images */
img.c { display:block; margin:1em auto; padding:0; vertical-align:top; }
img.l { float:left; vertical-align:top; margin:1em 1.5em 1em 0; padding:0; }
img.r { float:right; vertical-align:top; margin:1em 0 1em 1.5em; padding:0; }
img.tl { float:left; vertical-align:top; margin:0 1.5em 1em 0; padding:0; }
img.tr { float:right; vertical-align:top; margin:0 0 1em 1.5em; padding:0; }

/* hr
-------------------------------------------------------------- */
hr {	background:transparent; border:0; border-bottom:3px solid #f0f6fa; color:#f0f6fa; clear:both; float:none; height:3px; margin:1.2em auto; width:100%; } /* 1.5em = 1.5x default font size */

/* Text elements
-------------------------------------------------------------- */
p { margin:0 0 1em 0; } /* 1em = font size of the p element (not including line height) */

small, p small { font-size:0.8em; }
big { font-size:1.2em; }
blockquote { border-left:2px dotted #ddd; font-style:italic; margin:2em auto; width:80%; }
blockquote p { padding-left:1em; }

sup { vertical-align:super; }
sub { vertical-align:sub; }
sup, sub { line-height:0; }

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { color:#444; font:bold 1.7em/1.4 "Trebuchet MS","Lucida Grande",arial,sans-serif; margin-bottom:0.3em; } 
h1 { color:#375c8d; font-size:24px; letter-spacing:-1px; }
h2 { color:#375c8d; font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
h5 { font-size:10px; }

h1 sup, h2 sup, h3 sup { font-size:0.7em; }

/* links
-------------------------------------------------------------- */
a:hover, a:active, a:focus { outline:none; }
a:hover { text-decoration:underline; }
a:hover.none { text-decoration:none; }
a { color:#08c; text-decoration:none; }

a.u { border-bottom:1px dotted #1b4b8b; }
a.u:hover { border-bottom:none; }


/* Lists
-------------------------------------------------------------- */
ul { list-style:disc; }
ol { list-style:decimal; }
ul, ol { margin:0 0 1.5em 1.5em; }

li ul, li ol {	margin:1.5em 0 1.5em 1.5em;}
li ul { list-style:circle; }
li ol { list-style:lower-alpha; }
ul li { list-style-image:url(/images/ul-li-arrow.gif); }
ul.bullet-ticket li { /* list-style-image:url(/images/bullet-ticket.png); */ margin-bottom:0.6em; }


ul li.ulTitle { font-weight:bold; list-style:none; margin-bottom:0; margin-left:-1.5em; padding-bottom:0.4em; }

ul.longText { margin-bottom:0; }
ul.longText li { margin-bottom:1em; }
ul.longText li.ulTitle {  }

dl { margin:0 0 1.5em 0; }
dt { font-weight:bold; }
dd { margin:0 0 1.4em 1.4em; }

dl.glossary dt { font-weight:bold; }
dl.glossary dd {   }

/* Forms
-------------------------------------------------------------- */
fieldset { border:1px solid #ddd; padding:0.5em 1.5em; margin: 0 0 1.5em 0; }
legend {font-weight:bold; font-size:1.2em; line-height:1; margin:0; padding:0.5em; }

form { display:inline; }
label { font-weight:bold; }
input, textarea { margin:0; } /* for Safari */
input, select, textarea { font-size:12px; }

.hidden { display:none; } /* used for hidden fields in forms to be xhtml strict valid */

/* Floats/Clears
-------------------------------------------------------------- */
.clear { clear:both; }
.clearl { clear:left; }
.clearr { clear:right; }
.floatl { float:left; }
.floatr { float:right; }
.floatn { float:none; }

/* Alignment
-------------------------------------------------------------- */
.l { text-align:left; }
.c { text-align:center; }
.r { text-align:right; }

/* Colors
-------------------------------------------------------------- */


/* Header/Nav
-------------------------------------------------------------- */
#header { color:#999; height:118px; margin:0 auto; position:relative; width:960px; }
#header .logo { display:block; position:absolute; left:0; top:36px; }
#header .logo img { height:72px; width:166px; }

#nav-top { background:url(/images/flag-au.png) no-repeat center right; color:#666; font-size:11px; line-height:65px; margin-right:16px; padding-right:24px; position:absolute; right:0; top:-5px; text-align:right; }
#nav-top a { color:#666; text-shadow:0 1px 0 #fff; }

/* nav */
#nav {  list-style:none; margin:0; padding:0; position:absolute; right:0; top:52px; width:784px; }
#nav li { float:left; list-style:none; list-style-image:none; margin:0; padding:0; }
#nav li a { background-image:url(/images/nav.png); background-repeat:no-repeat; display:block; height:0; overflow:hidden; padding:40px 0 0 0; text-decoration:none; width:112px; }

/* nav buttons */
#nav li.nav-home a { background-position:0 0; }
#nav li.nav-software a { background-position:-112px 0; }
#nav li.nav-printed-media a { background-position:-224px 0; }
#nav li.nav-hardware a { background-position:-336px 0; }
#nav li.nav-systems a { background-position:-448px 0; }
#nav li.nav-about a { background-position:-560px 0; }
#nav li.nav-contact a { background-position:-672px 0; }

/* nav buttons hover/js hover/active */
#nav li.nav-home a:hover, #nav li.nav-home-hover a { background-position:0 -40px; }
#nav li.nav-software a:hover, #nav li.nav-software-hover a, .body-software #nav li.nav-software a { background-position:-112px -40px; }
#nav li.nav-printed-media a:hover, #nav li.nav-printed-media-hover a, .body-printed-media #nav li.nav-printed-media a { background-position:-224px -40px; }
#nav li.nav-hardware a:hover, #nav li.nav-hardware-hover a, .body-hardware #nav li.nav-hardware a { background-position:-336px -40px; }
#nav li.nav-systems a:hover, #nav li.nav-systems-hover a, .body-systems #nav li.nav-systems a { background-position:-448px -40px; }
#nav li.nav-about a:hover, #nav li.nav-about-hover a, .body-about #nav li.nav-about a { background-position:-560px -40px; }
#nav li.nav-contact a:hover, #nav li.nav-contact-hover a, .body-contact #nav li.nav-contact a { background-position:-672px -40px; }

/* nav sub-menus */
#nav li:hover ul { display:block; }
#nav li ul, #nav li ul li { list-style:none; list-style-image:none; padding:0; margin:0; margin-left:-1px; }
#nav li.nav-home ul { margin-left:0; }
#nav li ul { background:#295084; border:1px solid #e9e9e9; border-top:none; display:none; padding:6px 0; position:absolute; top:39px; width:176px; z-index:88; }
#nav li ul li { float:none; }
#nav li:hover ul li a, #nav li ul li a, #nav li ul li a:hover { background:none; border:none; color:#fff; display:block; font-size:12px; height:20px; line-height:20px; padding:0 8px 4px 11px; width:160px; }
#nav li ul li a:hover { text-decoration:underline; }

/* rounded borders */
#nav li ul { -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-left-radius:6px; }


/* Footer
-------------------------------------------------------------- */
#footer { color:#888; margin:-10px auto 0 auto; overflow:hidden; padding:0 8px 16px 8px; width:944px; }
#footer p { float:left; font-size:10px; line-height:25px; margin:0; padding:0; }
#footer a { color:#888; }
#footer .footer-left { margin-left:172px; text-align:left; width:400px; }
#footer .footer-right { text-align:right; width:372px; }


/* footer nav
-------------------------------------------------------------- */
#footer-nav { margin:0px auto 15px auto; position:relative; width:960px; }

#footer-nav-content { -moz-border-radius:3px; -webkit-border-radius:3px; background:#f2f2f2; border-radius:3px; border:1px solid #dedede; margin-left:176px; padding:5px 15px; position:relative; width:752px; }
#footer-nav-content:hover { background:#ededed; }
#footer-nav:hover h2 a { opacity:1; }
#footer-nav:hover h3 { color:#333; }
#footer-nav:hover h3 a { color:#333; }
#footer-nav:hover ul li a { color:#08c; }

#footer-nav ul, #footer-nav ul li { list-style:none; list-style-image:none; margin:0; padding:0; width:100%; }
#footer-nav ul { padding:3px 0; }
#footer-nav ul li { text-shadow:0 1px 0 #fff; }
#footer-nav ul li a { color:#888; display:inline-block; }

#footer-nav h2 { height:24px; line-height:24px; margin:0 0 8px 0; overflow:hidden; width:56px; }
#footer-nav h2 a { 	background:url(/images/footer-nav-logo.png) no-repeat 0 0; display:block; margin:0; height:0; opacity:0.7; padding:24px 0 0 0; text-decoration:none; }
#footer-nav h2 a:hover { opacity:1; }
#footer-nav h3 { color:#666; font-size:1em; font-weight:bold; line-height:18px; margin:0; }
#footer-nav h3 a { color:#666; } 

#mascot, #mascot img { bottom:0; height:90px; position:absolute; width:111px; right:-3px; }


/* Home Banner
-------------------------------------------------------------- */
#home-banner { background:url(/images/home-banner-bg.png); height:365px; margin:0 auto; overflow:hidden; width:960px; }
#home-banner-left { float:left; padding:45px 0 0 56px; width:414px; }
#home-banner-left p { color:#444; font-size:14px; line-height:18px; margin:16px 0; padding:0; width:312px; }
#home-banner-right { float:left; width:490px; padding-top:36px; }
#home-banner-photos { background:url(/images/home-banner-slideshow-bg.png) no-repeat 0 0; height:292px; width:476px; }

/* mattslider slideshow */
#home-banner-slideshow { height:244px; margin:0 auto; padding:24px 0 0 0; width:428px; }
#home-banner-slideshow div.mattSlider-nav { margin-top:20px; }

/* mattslider for non-js users (optional) */
#home-banner-slideshow { overflow:hidden; }
#home-banner-slideshow ul, #home-banner-slideshow li { list-style:none; list-style-image:none; margin:0 auto; padding:0; }


/* Boxes (x4)
-------------------------------------------------------------- */
.cat-boxes { margin:8px auto 12px auto; overflow:hidden; padding:0; width:960px; zoom:1; }
.cat-boxes li { display:inline; list-style:none; list-style-image:none; margin:0; padding:0; }
.cat-boxes li a { background-image:url(/images/cat-boxes.png); background-repeat:no-repeat; display:block; float:left; height:0; margin:0 11px 0 0; overflow:hidden; padding:159px 0 0 0; text-decoration:none; width:232px; }
.cat-boxes li a:hover { opacity:0.8; }

.cat-boxes li.cat-boxes-software a { background-position:0 0; }
.cat-boxes li.cat-boxes-printed-media a { background-position:-243px 0; margin-right:10px; }
.cat-boxes li.cat-boxes-hardware a { background-position:-485px 0; }
.cat-boxes li.cat-boxes-systems a { background-position:-728px 0; margin-right:0; }

/* breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs { height:24px; margin:0 auto 10px auto; position:relative; width:960px; }
.breadcrumbs ol, #breadcrumbs ol li { list-style:none; margin:0; padding:0; }
.breadcrumbs ol { left:3px; position:absolute; }
.breadcrumbs ol li { float:left; line-height:24px; text-shadow:0 1px 0 #fff; }
.breadcrumbs ol li a { background:url(/images/breadrumbs-arrow.gif) no-repeat center right; height:24px; margin-right:10px; padding-right:14px; }
.breadcrumbs .action-button { background:url(/images/breadcrumb-action-button-enquire.gif) no-repeat 0 0; display:block; height:0; overflow:hidden; padding:24px 0 0 0; position:absolute; right:3px; top:-1px; width:80px; } 

.breadcrumbs-layout-2 { margin:-15px auto 4px auto; }
.breadcrumbs-layout-2 ol { margin-left:175px; } 


/* specific pages
-------------------------------------------------------------- */


/* Page layouts
-------------------------------------------------------------- */
/* layout 1 (1 x column - center content with background) */
.layout-1 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#fff; border:1px solid #dedede; margin:0 auto 15px auto; padding:15px 30px; position:relative; width:900px; }


/* layout 2 (2 x columns - left sidebar, right content with backgrounds) */
.layout-2 { margin:0 auto 15px auto; overflow:hidden; width:960px; }
.layout-2-right, .layout-2-left { -moz-border-radius:3px; -webkit-border-radius:3px; background:#fff; border-radius:3px; border:1px solid #dedede; position:relative; }
.layout-2-left { float:left; width:160px; }
.layout-2-right { float:right; padding:15px; width:752px; }

.layout-2-left h2 { background:#375c8d; color:#fff; font-size:12px; line-height:23px; margin:0; padding:2px 0 0 15px; text-shadow:0 1px 0 #032f6c; }
.layout-2-left h2 { -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.layout-2-left h2 a, .layout-2-left h2 a:hover { color:#fff; display:block; text-decoration:none; }

.layout-2-left h3, .layout-2-left h3 a { background:#e2e2e2 url(/images/h3-arrow.png) no-repeat 140px 7px; border-bottom:1px solid #dedede; border-top:1px solid #dedede; font-size:12px; line-height:23px; margin:0; padding:0; }
.layout-2-left h3 a, .cols-2a h3 a:hover { border:none; color:#333; display:block; padding:2px 0 0 15px; text-decoration:none; }
.layout-2-left h3 a:hover { background-color:#e4ebf2; color:#08c; text-decoration:none; }

.layout-2-left ul, .layout-2-left ul li { font-size:0; list-style:none; list-style-image:none; margin:0; padding:0; }
.layout-2-left ul { margin:10px 0; }
.layout-2-left ul li a { color:#333; display:block; font-size:11px; line-height:20px; padding-left:15px; }
.layout-2-left ul li a:hover { color:#08c; text-decoration:none; }


/* Columns
-------------------------------------------------------------- */
/* 2 columns */
.columns-2 { margin:15px auto; overflow:hidden; width:100%; }
.columns-2a, .columns-2b { display:inline; float:left; margin-right:4%; width:48%; }
.columns-2b { margin-right:0; }

/* 3 columns */
.columns-3 { margin:25px auto 15px auto; overflow:hidden; width:100%; }
.columns-3a, .columns-3b, .columns-3c { display:inline; float:left; margin-right:2%; width:32%; }
.columns-3c { margin-right:0; }

/* 4 columns */
.columns-4 { margin:15px auto; overflow:hidden; width:100%; }
.columns-4a, .columns-4b, .columns-4c, .columns-4d { display:inline; float:left; margin-right:4%; width:22%; }
.columns-4d { margin-right:0; }

/* 5 columns */
.columns-5 { margin:15px auto; overflow:hidden; width:100%; }
.columns-5a, .columns-5b, .columns-5c, .columns-5d, .columns-5e { display:inline; float:left; margin-right:2.5%; width:18%; }
.columns-5e { margin-right:0; }

/* hover effects for columns (see common.js) */
.columns-hover-over { cursor:pointer; }


/* tabs
-------------------------------------------------------------- */
#tabs { margin:15px auto; }
.tech-specs h3 { background:#efefef; color:#375c8d; padding:2px 4px; }
.tech-specs ul, .tech-specs ul li { list-style:none; list-style-image:none; }
.tech-specs ul { margin:1em auto; }
.tech-specs ul li { border-bottom:1px dotted #efefef; line-height:24px; margin-bottom:0.2em; }
.tech-specs ul li b { display:inline-block; padding-right:15px; text-align:left; width:130px; } 


/* Misc
-------------------------------------------------------------- */
.border-round { -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #dedede; border-radius:3px; }

.lightbox { margin:15px auto; }
.lightbox a, .lightbox a:hover { display:inline-block; position:relative; text-decoration:none; }
.lightbox a img { height:138px; width:138px; }
.lightbox a span { background:url(/images/zoom.gif) no-repeat top right; cursor:pointer; display:none; height:138px; left:0; position:absolute; top:0; width:138px; }
.lightbox a:hover span { display:block; }

.related-products div { display:inline-block; margin:15px 18px; vertical-align:top; }
.related-products img { height:138px; width:138px; }
.related-products p { text-align:center; width:138px; }

.general-action-button { font-family:"Trebuchet MS","Lucida Grande",verdana, arial; font-size:13px; margin:24px 0; }
.general-action-button a { background:url(/images/general-action-button.png) no-repeat top left; display:inline-block; height:28px; line-height:28px; padding:0 0 0 30px; }
.general-action-button a span { background:url(/images/general-action-button.png) no-repeat top right; cursor:pointer; display:inline-block; height:28px; font-weight:normal; line-height:28px; padding:0 30px 0 0; text-shadow:0 1px 0 #fff; } 
.general-action-button a span:hover { text-decoration:underline; }

/* Unique pages
-------------------------------------------------------------- */
#wizid-blog #footer-nav-content,
.body-hardware-index  #footer-nav-content {
	margin-left:0;
	width:928px;
}

#wizid-blog .footer-left,
#home .footer-left,
.body-hardware-index .footer-left {
	margin-left:0;
	width:572px;
}