@import url(tooltips.css);
@import url(popups.css);
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

*  {
	margin: 0; padding: 0;
	list-style-type: none;
}
body {
	font: 70% Verdana, Arial, "Trebuchet MS", Tahoma, Sans-serif;
	color: #333;
	background: #fff;
	text-align: center;
}

.clear {
	height: 0px;
	line-height: 0;
	clear: both;
	font-size: 0px;
}
a { font-size: 1em; outline: none; }
a:link { color: #007bba; text-decoration: underline; }
a:visited { color: #007bba; text-decoration: underline; }
a:hover { color: #f04e23; text-decoration: none; }
a:active { color: #007bba; text-decoration: underline; }

#content ul { margin: 0 0 1em 5px; position: relative; }
#content ul li { 
	margin: 0 0 .4em 0; 
	padding: 0 0 0 20px; 
	background: url(/images/icons/arrow.gif) no-repeat 4px 4px; 
}
#content ol {
	margin: 0 0 1em 20px;
}
#content ol li {
	list-style-type: decimal;
	line-height: 1.5;
	margin: 0 0 .4em 0; 
}
#content ol ol li {
	list-style-type: lower-alpha;
}
#content ol li ol, #content ul li ul {
	margin-top: 5px;
}
#content ul li ul {
	margin-bottom: .5em;
}
p, table, td, p a, li a, table a, dl a {
	font-size: 1em;
}
pre {
	font-size: 1.1em;
}

img { border: 0; }
.img-l, .left_aligned_image_margin, .left_aligned_image_margin_and_border { margin: 0 20px 20px 0; float: left; }
.img-r, .right_aligned_image_margin, .right_aligned_image_margin_and_border { margin: 0 0 20px 20px; float: right; }
.img-c { margin-left: 0px; margin-bottom: 20px}
.img-bdr, .image_border, .right_aligned_image_margin_and_border, .left_aligned_image_margin_and_border { padding: 1px; border: 1px solid #eee; }

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0 0 .5em 0;	
	color: #007bba;
}
h1 { font-size: 1.4em; color: #333;}
h2 { font-size: 1.3em; margin: 0 0 .8em 0;}
h3 { font-size: 1.1em; color: #94c946; color: #20b3ff; line-height: 1.4;}
h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
	color: #94c946;
	color: #20b3ff;
}
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

h1 span, h2 span, h3 span, h4 span {
	display: none;
}

p {
	margin: 0 0 1.4em 0;
}

hr {
	height: 1px;
	border-width: 0;
	border-top: 1px solid #eee;
	background-color: #fff;
	margin: 1em 0 !important;
	margin: 0;
}
#home #header {
	height: 429px;
	background: url(/images/bgrounds/header.jpg) no-repeat bottom left;
}
#header {
	position: relative;
	width: 100%;
	background: url(/images/bgrounds/header-inside.jpg) no-repeat bottom left;
	height: 279px;/* 324 */
}

#home #header .logo {
	left: 33px;
	top: 40px;
}
#header .logo {
	position: absolute;
	left: 33px;
	top: 12px;
}
#home #header .logoperth, #home #header .logomelbourne {
	top: 87px;
}

#header .logoperth, #header .logomelbourne {
	/*border: 1px solid red;*/
	display: block;
	overflow: hidden;
	text-indent: -9000px;
	width: 28px;
	height: 7px;
	position: absolute;
	top: 59px;
	left: 73px;
}

#header .logomelbourne {
	width: 55px;
	height: 7px;
	left: 113px;
}
#header .logoperth:hover {
	background: url(/images/text/logoperth.gif) no-repeat;
}
#header .logomelbourne:hover {
	background: url(/images/text/logomelbourne.gif) no-repeat;
}

#home h2.design, #home h2.portfolio, #home h2.hosting, #home h2.seoonline {
	top: 350px;
}
h2.design, h2.portfolio, h2.hosting, h2.seoonline {
	top: 205px;/* 250 */
}
h2.design {
	position: absolute;
	width: 203px;
	height: 64px;
	left: 29px;
}
h2.design a {
	display: block;
	width: 203px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 64px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:64px; /* IE5/Win */
	background: url(/images/text/web-design-and-development.gif) no-repeat;
}
h2.design a:hover, h2.design, h2.design a.current {
	background-image: url(/images/text/web-design-and-development-over.gif); 
}
h2.portfolio {
	position: absolute;
	width: 203px;
	height: 64px;
	left: 264px;
}
h2.portfolio a {
	display: block;
	width: 203px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 64px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:64px; /* IE5/Win */
	background: url(/images/text/award-winning-portfolio.gif) no-repeat;
}
h2.portfolio a:hover, h2.portfolio, h2.portfolio a.current {
	background-image: url(/images/text/award-winning-portfolio-over.gif);
}


h2.seoonline {
	position: absolute;
	width: 203px;
	height: 64px;
	left: 499px;
}
h2.seoonline a {
	display: block;
	width: 203px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 64px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:64px; /* IE5/Win */
	background: url(/images/text/seo-and-online-marketing.gif) no-repeat;
}
h2.seoonline a:hover, h2.seoonline, h2.seoonline a.current {
	background-image: url(/images/text/seo-and-online-marketing-over.gif);
}

h2.hosting {
	position: absolute;
	width: 203px;
	height: 64px;
	left: 734px;
}
h2.hosting a {
	display: block;
	width: 203px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 64px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:64px; /* IE5/Win */
	background: url(/images/text/website-hosting.gif) no-repeat;
}
h2.hosting a:hover, h2.hosting, h2.hosting a.current {
	background-image: url(/images/text/website-hosting-over.gif);
}




h3.services {
	position: absolute;
	top: 301px;
	left: 69px;
	width: 174px;
	height: 39px;
}
h3.services a {
	display: block;
	width: 174px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:39px; /* IE5/Win */
	background: url(/images/text/more-about-our.gif) no-repeat;
}
#home h3.contact {
	top: 201px;
}
h3.contact {
	position: absolute;
	top: 119px;/* 164 */
	left: 780px;
	width: 162px;
	height: 39px;
}
#home h3.contact a {
	background: url(/images/text/get-in-touch.gif) no-repeat;
}
#home h3.contact a:hover, #home h3.contact {
	background-image: url(/images/text/get-in-touch-over.gif);	
}
h3.contact a {
	display: block;
	width: 162px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:39px; /* IE5/Win */
	background: url(/images/text/get-in-touch-inside.gif) no-repeat;
}
h3.contact a:hover, h3.contact {
	background-image: url(/images/text/get-in-touch-inside-over.gif);
}
#home h1.pageheader {
	top: 186px;
	width: 296px;
	height: 69px;
}
h1.pageheader {
	background: url(/images/text/itomic-built-websites-speak-for-themselves.gif) no-repeat;
	width: 500px;
	height: 34px;
	position: absolute;
	top: 126px;/* 171 */
	left: 74px;
}
h1.desdev { background-image: url(/images/text/pageheaders/website-design-and-development.gif); }
h1.pagenotfound { background-image: url(/images/text/pageheaders/404.gif); }
h1.outsource { background-image: url(/images/text/pageheaders/outsource-to-itomic.gif); }
h1.webhos { background-image: url(/images/text/pageheaders/website-hosting.gif); }
h1.domnam { background-image: url(/images/text/pageheaders/domain-name-management.gif); }
h1.entry { background-image: url(/images/text/pageheaders/entry-level-website.gif); }
h1.advanced { background-image: url(/images/text/pageheaders/advanced-website.gif); }
h1.onlapp { background-image: url(/images/text/pageheaders/online-application.gif); }
h1.basecms { background-image: url(/images/text/pageheaders/base-content-management-system.gif); width: 614px;  }
h1.addons { background-image: url(/images/text/pageheaders/add-on-modules-extras.gif); }
h1.about { background-image: url(/images/text/pageheaders/about.gif); }
h1.ourcom { background-image: url(/images/text/pageheaders/our-company.gif); }
h1.community { background-image: url(/images/text/pageheaders/in-the-community.gif); }
h1.news { background-image: url(/images/text/pageheaders/news.gif); }
h1.employment { background-image: url(/images/text/pageheaders/employment.gif); }
h1.positions { background-image: url(/images/text/pageheaders/employment.gif); }
h1.contact { background-image: url(/images/text/pageheaders/contact.gif); }
h1.conper { background-image: url(/images/text/pageheaders/contact-perth.gif); }
h1.conmel { background-image: url(/images/text/pageheaders/contact-melbourne.gif); }
h1.enquiry { background-image: url(/images/text/pageheaders/send-an-enquiry.gif); }
h1.portfolio, h1.Portfolio { background-image: url(/images/text/pageheaders/award-winning-portfolio.gif); }
h1.bang { background-image: url(/images/text/pageheaders/bang-online-marketing.gif); }
h1.article,
h1.articles { background-image: url(/images/text/pageheaders/articles.gif); }
h1.glossary { background-image: url(/images/text/pageheaders/glossary.gif); }
h1.associations { background-image: url(/images/text/pageheaders/industry-associations.gif); }
h1.emailsettings { background-image: url(/images/text/pageheaders/email-settings.gif); }
h1.emailspam { background-image: url(/images/text/pageheaders/email-spam-protection.gif); }
h1.postcode { background-image: url(/images/text/pageheaders/aus-postcode-search.gif); }
h1.howmuch { background-image: url(/images/text/pageheaders/how-much-is-a-website.gif); }
h1.ispcontacts { background-image: url(/images/text/pageheaders/common-isp-contact-details.gif); }
h1.ispmailserver { background-image: url(/images/text/pageheaders/common-isp-email-settings.gif); }
h1.pay { background-image: url(/images/text/pageheaders/pay-bills.gif); }
h1.testimonials { background-image: url(/images/text/pageheaders/testimonials.gif); }
h1.Sitemap { background-image: url(/images/text/pageheaders/sitemap.gif); }
h1.panoramas { background-image: url(/images/text/pageheaders/360-panoramas.gif); }
h1.paymentgateways { background-image: url(/images/text/pageheaders/payment-gateways.gif); }
h1.feedback { background-image: url(/images/text/pageheaders/feedback.gif); }
h1.shoppingcart { background-image: url(/images/text/pageheaders/shopping-cart-websites.gif); }
h1.subscribe { background-image: url(/images/text/pageheaders/subscribe-to-our-newsletter.gif); }
h1.server-uptime { background-image: url(/images/text/pageheaders/server-uptime.gif); }


#cont {
	margin: 0 auto;
	width: 963px;
	text-align: left;
}

#main {
	width: 963px;
	background: url(/images/bgrounds/main.gif) no-repeat;
	border-top: 1px solid #fff;
}
#main-l, #main-r {
	float: left;
	display: inline;
}
#home #main-l {
	padding-top: 28px;
}
#main-l {
	padding: 5px 50px 25px 70px;
	width: 563px;
}
#main-l p {
	line-height: 1.8;
}
#main-r {
/* 246 max */
	width: 226px;
	padding: 29px 0 0 34px;
}
#main-r p {
	line-height: 1.5;
}
#whatsnew, #happyclients, #newarticles {
	margin: 0 0 25px 0;
}
#whatsnew h4 {
	background: url(/images/text/whats-new.gif) no-repeat;
	width: 87px;
	height: 14px;
	margin: 0 0 25px 0;
}
#whatsnew p, #newarticles p {
	padding: 0 10px 0 30px;
	background: url(/images/icons/news.gif) no-repeat 5px 50%;
	font-size: .9em;
}
#happyclients h4 {
	background: url(/images/text/happy-clients.gif) no-repeat;
	width: 101px;
	height: 18px;
	margin: 0 0 20px 0;
}
#happyclients {
	/**/
}
#happyclients p {
	font-size: .9em;
}
#happyclients img {
	margin: 0 0 0 35px;
}
#happyclients .tesdesc {
	padding: 0 15px 10px 30px;
	margin-bottom: 0;
	background: url(/images/bgrounds/happy-clients-top.gif) no-repeat bottom left;
}
#happyclients .tesname {
	padding: 2px 0 0 55px;
	background: url(/images/bgrounds/happy-clients-bottom.gif) no-repeat;
}
#footer {
	background: url(/images/bgrounds/footer.gif) no-repeat;
	margin-left: 70px;
	color: #999;
	font-size: .9em;
	height: 60px;
	line-height: 1.5;
}

#footer p {
	position: relative;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .map, #footer .address, #footer .pay, #footer .copyright, #footer .sitemaplink {
	position: absolute;
	top: 8px;
}
#footer .sitemaplink {
	left: 450px;
	top: 15px;
}
#footer .map {
	left: 30px;
	top: 8px;
}

#footer .address {
	left: 30px;
	top: 15px;
}
#footer .address a {
	color: #999;
}
#footer .pay {
	left: 517px;
	padding: 7px 0 9px 25px;
	background: url(/images/icons/pay.gif) no-repeat 0 50%;
}
#footer .copyright {
	color: #007bba;
	top: 15px;
	left: 625px;
}

/*
.box:after,
.tabs:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
*/

.box{
	background: url(/images/bgrounds/tab-side.gif) no-repeat;
	margin-bottom: .6em;
	padding: 20px 0 0 21px;
	
}

.tabs {
	background: url(/images/bgrounds/tab-under.gif) no-repeat left bottom;
	height: 32px;
}



#content ul.tabs { 
	background: url(/images/bgrounds/tab-under.gif) no-repeat left bottom;
	height: 32px;
	margin: 0;
}

#content ul.tabs li {
	float: left;
	text-align: center;
	padding: 0;
}
ul.tabs li span {
	background: url(/images/bgrounds/tab-left-off.gif) no-repeat top left;
	padding-left: 10px;
	display: block;
}
ul.tabs li a, ul.tabs li a:link, ul.tabs li a:visited, ul.tabs li a:active {
	display: block;	
	font-weight: normal;	
	padding: 10px 13px 9px 0;
	margin: 0 5px 0 0;
	text-decoration: none;
	color: #6b6b6b;
	background: url(/images/bgrounds/tab-right-off.gif) no-repeat top right;
}
ul.tabs li.on span {
	background-image: url(/images/bgrounds/tab-left.gif);
}

ul.tabs li.on a, ul.tabs li.on a:link, ul.tabs li.on a:visited, ul.tabs li.on a:active {
	background-image: url(/images/bgrounds/tab-right.gif);
	color: #333;
}

ul.tabs li a:hover{
	color: #007bba;
}
/*#content ul.list,  {
	margin-bottom: 1.8em;
}
#content ul.list li, #main-r ul.list li, .featuredsites .list li {
	line-height: 1.8;
	background: url(/images/icons/blue-bullet.gif) no-repeat 3px 8px;
	margin-bottom: 0;
}*/
#content ul, ul.awardlist  {
	margin-bottom: 1.8em;
}
ul.awardlist li, #content ul li, .featuredsites li {
	line-height: 1.8;
	background: url(/images/icons/blue-bullet.gif) no-repeat 3px 8px;
	margin-bottom: 0;
}
ul.awardlist li {
	padding-left: 20px;
}

#content ul.tabs li {
	line-height: 1.2;
}

.featuredsites li {
	padding-left: 20px;
}
.awarded p {
	margin-bottom: .5em;
}
.awarded strong {
	color: #007bba;
}
.awarded img {
	margin-bottom: 10px;
}
#main-r .awarded ul.list {
	margin-bottom: 1em;
}
#main-r .awarded ul.list li {
	background: none;
}
dl.list {
	margin-bottom: 1.8em;
}
dl.list dt {
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	background: url(/images/icons/blue-bullet.gif) no-repeat 3px 8px;
	color: #555;
	line-height: 1.8;
}
dl.list dd {
	margin: 0 0 .7em 0;
	line-height: 1.8;
	padding: 0 0 0 20px;
	
}
#sidenav {
	background: url(/images/bgrounds/sidenav-top.gif) no-repeat top left;
	padding-top: 10px;
	margin-bottom: 1.5em;
}
#sidenavbot {
	background: url(/images/bgrounds/sidenav-bottom.gif) no-repeat bottom left;
	padding-bottom: 10px;
}
#sidenav ul {
	background-color: #f0f9fc;
	padding: 7px 7px 0 7px;
}

#sidenav ul li {
}
#sidenav h2 {
	padding: 0px 7px 0 12px;
	margin: 0;
}
#sidenav li a.current, #sidenav li a.current:hover {
	background-color: #007bba;
	color: #fff;
	font-weight: bold;
}
#sidenav li {
	line-height: 1.3;
}
#sidenav li a {
	display: block;
	padding: 3px 5px;
	/*background-color: #f8f8f8;*/
	margin-bottom: 3px;
	text-decoration: none;
}
#sidenav li a:hover {
	background-color: #d3eef8;
	/*font-weight: bold;*/
	color: #006295;
}
#sidenav ul li ul {
	padding: 0;
}
#sidenav ul li li {
	padding-left: 10px;
}
.notes {
	color: #999;
	font-size: .9em;
	background-color: #f8f8f8;
	padding: 15px;
}
.notes h4 {
	color: #999;
}

.sitetypes {
	width: 563px;
}
.sitetypes .entry, .sitetypes .advanced, .sitetypes .application {
	width: 175px;
	background: url(/images/bgrounds/entry-level.gif) no-repeat;
	float: left;
	display: inline;
	margin-right: 7px;
}

.sitetypes div:hover {
	/*background-color: orange;*/
}
.sitetypes .advanced {
	background-image: url(/images/bgrounds/advanced.gif);
}
.sitetypes .application {
	background-image: url(/images/bgrounds/online-application.gif);
}
.sitetypes h2 {
	width: 175px;
	height: 81px;
	/*margin: 0 0 60px 0;*/
}

.sitetypes h2 a {
	display: block;
	width: 175px;
	text-indent: -9000px;
	text-decoration: none;
	overflow: hidden;
	height: 81px;
	background: url(/images/text/entry-level.gif) no-repeat;
}
.entry h2 a:hover, .entry h2 {
	background: url(/images/text/entry-level-over.gif) no-repeat;
}
.advanced h2 a { background: url(/images/text/advanced.gif) no-repeat; }
.application h2 a { background: url(/images/text/application.gif) no-repeat; }
.advanced h2 a:hover, .advanced h2 { background: url(/images/text/advanced-over.gif) no-repeat; }
.application h2 a:hover, .application h2 { background: url(/images/text/application-over.gif) no-repeat; }

div.sitetypes ul {
	font-size: .9em;
	color: #999;
	color: #007bba;
	margin: 0;
}
#content div.sitetypes li {
	background: url(/images/icons/blue-bullet.gif) no-repeat 2px 4px;
	padding: 0 7px 0 15px;
	margin-bottom: 1em;
	line-height: 1.2;
}
#content div.advanced li { background-image: url(/images/icons/green-bullet.gif) }
#content div.application li { background-image: url(/images/icons/grey-bullet.gif) }
div.advanced ul a {
	color: #88bf37;
}
div.application ul a {
	color: #999;
}
.sitetypes li a {
	text-decoration: none;
}
.sitetypes li a:hover {
	text-decoration: underline;
}

/*
.tabs {
	background: url(/images/bgrounds/tab-under.gif) no-repeat left bottom;
	height: 32px;
}

.tabs li {
	background-position: 0 -96px;
	float: left;
	font-size: 1em;
	width: auto;
	margin-right: .33em;
	overflow: hidden;
	padding-left: 5px;
}
.tabs li a {
	height: 22px;
	padding: 10px 0 0 0;
	display: block;
}

.tabs li a {
	color: #6b6b6b;
	text-decoration: none;
}
.tabs li a:hover{
	color: #007bba;
}

.tabs li span{
	background-position: 100% -32px;
	display: block;
	line-height: 2.5em;
	padding: 0 18px 0 10px;
}

.tabs li,.tabs li span{
	background-image: url(/images/bgrounds/tabs.gif);
	background-repeat: no-repeat;
}

.tabs li.on{
	background-position: 0 -64px;
}
.tabs li.on a {
	color: #333;
}
	
.tabs li.on span{
	background-position: 100% 0;
}*/



.data {
	width: 100%;
	margin-bottom: 1.8em;
}
.data td, .data th {
	text-align: left;
	vertical-align: top;
	padding: 3px 5px;
}
.newslist td, .newslist th {
	padding: 5px;
}
.dn-pricing td, .dn-pricing th {
	text-align: center;
	border-right: 2px solid #fff;
}
.dn-pricing th {
	font-size: .9em;
	width: 20%;
	vertical-align: middle;
}
.data th {
	background-color: #007bba;
	color: #fff;
}

.data tr.alt td {
	background-color: #f8f8f8;
}

th, td{
	padding:5px;
}
#howmuch th{
	background-color: #007bba;
	color: #ffffff;
	font-weight: bold;
}
#howmuch th.thead-left{
	background-color: #d3eef8;
	color: #006295;
}

p.date {
	margin: 0 0 1em 0;
	font-weight: bold;
	font-size: .9em;
	width:100%;
	float:left;
	position:relative;
}
#sharethis, #sharethis_0{
	position:absolute;
	right:0;
	top:0;
	font-weight:normal;
	font-size:10px;
}


#topnav {
	position: relative;
	text-align:right;
	width: 995px;
	width: 500px;
	margin-left: 455px;
	height: 38px;
}
#home #topnav ul {
	top: 10px;
}
#topnav ul {
	top: 30px; 
	right: 0px;
	position: absolute;
	height: 25px;
}
#topnav li {
	float: left;
	text-align: center;
}

#topnav li a.current {
	font-weight: bold;
	color: #007bba;
	color: #063b6f;
}

#topnav li a {
	padding: 3px 13px 3px;
	display: block; /*if require background-changing, remove from LI and remove floating on footer*/
	font-weight:normal;
	color: #351314;
	text-decoration: none;
	text-transform: lowercase;
	border-right: 1px solid #eee;
	font-family: arial;
	font-weight: bold;
	color: #20b3ff;
	font-size: 1.1em;
}

#topnav li a.last {
	border-right: none;
}
#topnav li a:hover {
	text-decoration: underline;
}


.splitfeed {
	width: 100%;/* 563 */
}
.splitfeed .splitnews, .splitfeed .splitvacancy, .splitfeed .split, .splitfeed .splitfolioimg, .splitfeed .splitfoliodesc {
	width: 265px;
	margin-right: 15px;
	float: left;
	display: inline;
}
.splitfeed .splitfolioimg {
	width: 242px;
}
.splitfolioimg img {
	border: 5px solid #d3eef8;
	padding: 1px;
	background-color: #fff;
}
.splitfolioimg a:hover img {
	border-color: #20b3ff;
}
.featuredsites {
	width: 563px;
}
.featuredsites div {
	float: left;
	display: inline;
	margin-right: 15px;
	width: 177px;
}
.featuredsites img {
	border: 5px solid #d3eef8;
	padding: 1px;
	background-color: #fff;
	margin-bottom: 7px;
}
.featuredsites a:hover img {
	border-color: #20b3ff;
}
.featuredsites div p {
	margin-bottom: 0px;
}

#content .splitnews li, #content .splitnews ul, #content .splitvacancy li, #content .splitvacancy ul {
	margin: 0 0 0 0; padding: 0 0 0 0; 
}
#content .splitnews li, #content .splitvacancy li {
	padding: 5px 0 5px 30px;
	line-height: 1.5;
	background: url(/images/icons/news.gif) no-repeat 5px 50%;
}
#content .splitvacancy li {
	background-image: url(/images/icons/vacancy.gif);
}
#content .splitvacancy li.resume {
	background-image: url(/images/icons/resume.gif);
	background-position: 3px 50%;
}
.splitnews p.more, p.newsmore {
	border-top: 1px solid #eee;
	margin: 10px 0 0 0;
	font-size: .9em;
	text-align: right;
}
.splitfolio .split {
	width: 177px;
}
.splitfolio select {
	width: 165px;
	font-size: .9em;
	padding: 2px;
}
.splitfolio {
	margin-bottom: 1em;
}
p.more {
	font-size: 1em;
	margin: 0px 0 20px 0;
	padding: 3px 10px 0 0;
	position:relative;
}
p.more a {
	color: #007bba;
}

a.more {
	/*font-weight: bold;
	font-size: .9em;*/
}

.centrebutton {
	margin-left: 150px;
}

a.note {
	text-decoration: none;
}
a.note:hover {
	text-decoration: underline;
}

.anothertype p {
	margin-bottom: 0;
}

.split p {
	margin-bottom: .5em;
}
#content .split li {
	margin-bottom: 0px;
}

.googlemap {
	padding: 1px;
	border: 5px solid #f8f8f8;
}

.foliogroup {
	margin-bottom: 1em;
	border-bottom: 1px solid #eee;
	padding-bottom: 1em;
}
p.features {
	margin-bottom: 0;
}


.confirmtbl {
	font-size: 1em;
	width: 400px;
}

.confirmtbl td, .confirmtbl th {
	padding: 5px;
}

.tdl {text-align: right;}
.tdr {text-align: left; font-weight: bold;}

.confirmtbl td input{
	/*margin-left: 50px;
	width: 100%;
	background: #27B006;*/
}
.enewsform {
	/*background-color: #f8f8f8;
	border: 1px solid #eee;*/
}
.enewsform td, .enewsform th {
	padding: 10px 15px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #eee;
}
.enewsform input {
	padding: 5px;
}
.enewsform th {
	/*width: 150px;*/
}
.enewsform textarea {
	width: 300px;
}
.block {
	display: block;
	padding-bottom: 2px;
}
.enewsform input.button {
	width: auto;
}
.enewsform input {
	width: 200px;
}
.enewsform .help {
	display: block;
	font-weight: normal;
	font-size: .9em;
}
.enewsform .req, .req {
	color: #f04e23;
}
.enewsform .errorrow .req {
	color: #fff;
}
.enewsform option {
	padding: 0 15px 0 0;
}
.enewsform input.radio {
	width: auto;
}
.enewsform .error {
	display: block;
	/*color: #f04e23;*/
	font-size: .9em;
}
.enewsform .errorrow th, .enewsform .errorrow td {
	color: #fff;
	background-color: #f04e23;
}

#folioflash {
	position: absolute;
	top: 57px; right: 0;
}

/*.commbox {
	width: 563px;
}
.commdesc, .commlogo {
	float: left;
	display: inline;
}
.commdesc {
	width: 255px;
	padding: 0 10px 0 0;aefaefeaf
}

.commlogo {
	width: 298px;
}*/

/*blockquote.testimonial {
	border: 1px solid red;
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid #f8f8f8;
}*/

blockquote {
	width: 607px;/* 245 */
	width: 563px;
	background: #eee url(/images/bgrounds/blockquote.gif) no-repeat;
	padding: 12px 0 0 0;
	margin: 0 0 1.5em 0;
}
blockquote.alt {
	background: #fff url(/images/bgrounds/blockquote-r.gif) no-repeat;
}
blockquote span {
	padding: 0 20px;
	display: block;
}
blockquote strong {
	background: #fff url(/images/bgrounds/blockquote-strong.gif) no-repeat;
	padding: 15px 0 10px 45px;
	display: block;
	color: #007bba;
}
blockquote.alt strong {
	background-image: url(/images/bgrounds/blockquote-strong-r.gif);
	text-align: right;
	padding: 15px 45px 10px 0;
}

blockquote.testimonial img {
float: right;
}

.error-return h2 {
	margin-bottom: 5px;
	color: #f04e23;
}
.error-return p {
	margin-bottom: 0;
}
.error-return {
	background: url(/images/misc/exclamation.gif) no-repeat 5px 50%;
	color: #f04e23;
	border: 1px solid #f04e23;
	margin: 0 0 1em 0;
	padding: 10px 10px 10px 60px;
}

p.breadcrumbs {
	border-bottom: 1px solid #eee;
	font-size: .9em;
	padding: 0 0 3px 0;
	color: #007bba;
}



.sideButtons img {
	margin-bottom: 5px;
}
.sideButtons {
	margin-bottom: 1em;
}
.solutionselector {
	background: url(/images/bgrounds/solution-selector.gif) no-repeat;
	width: 352px;
	height: 44px;
	padding: 10px;
	float: left;
	display: inline;
}
.solutionselector h2 {
	margin-bottom: 6px;
}
.solutionselector select {
	font-size: 1em;
	width: 250px;
}

.solutionselector option {
	padding: 1px 0;
}

#sidenavbot form {
	padding: 10px 10px 0 10px;
}
#sidenavbot input {
	width: 130px;
}
#sidenavbot input.button {
	width: auto;
}

#nl-subscribe {
	float: right;
	width: 159px;
	height: 64px;
	display: inline;
}
#nl-subscribe a, #nl-subscribe a:link, #nl-subscribe a:visited,#nl-subscribe a:hover, #nl-subscribe a:active {
	display: block;
	width: 159px;
	height: 64px;
	text-decoration: none;
	overflow: hidden;
	text-indent: -9000px;
	background: url(/images/text/subscribe-to-our-newsletter.gif) no-repeat;
}



#addons .eglink {
	float: left;
	margin: -1.3em 0 5px 0 !important;
	margin-bottom: 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #eee;
	width: 563px;
	text-align: right;
}

/** {
	border: 1px solid red; 
}
*/

#sidenavbot .domain-search input.text { width: 105px }

.paybutton {
	width: auto;
	/*background-color: transparent;*/
}

h2 #error_highlight {
	color: red;
	display: inline;
}

/** Scroller Styles **/
#scroll-container {
	position:relative;
	width:100%;
	height: 200px;
}
#scroll-container .scroll-area * {
	float:left;
	position:relative;
}
div.scroll-hotspot-left, div.scroll-hotspot-right {
	background-color:white;
	background-position:center center;
	background-repeat:repeat-y;
	height:100%;
	min-width:25px;
	position:absolute;
	width:5%;
	z-index:200;
}
div.scroll-hotspot-left span, div.scroll-hotspot-right span {
	background:transparent none no-repeat scroll 50% 50%;
	display:block;
	height:72px;
	position:absolute;
	top:40%;
	width:30px;
}
div.scroll-hotspot-left, .scrollingHotSpotLeftVisible {
	background-position:0 50%;
	cursor:url(/clientlib/images/cursors/cursor_arrow_left.cur), w-resize;
	left:0;
}
div.scroll-hotspot-left span {
	background-image:url(../images/misc/left.gif);
	left:0;
}
div.scroll-hotspot-right, .scrollingHotSpotRightVisible {
	background-position:100% 50%;
	cursor:url(/clientlib/images/cursors/cursor_arrow_right.cur), e-resize;
	right:0;
}
div.scroll-hotspot-right span {
	background-image:url(../images/misc/right.gif);
	right:0;
}
#scroll-container .scroll-wrapper {
	height:100%;
	overflow:hidden;
	position:relative;
	width:100%;
}
#scroll-container .scroll-area {
	height:100%;
	position:relative;
	width:auto;
}
.scrollingHotSpotLeftVisible {
}
.scrollingHotSpotRightVisible {
}
ul.other-cool-ideas { width: 900px; clear: left; }
body#coolideas ul.other-cool-ideas { width: 450px; padding-left: 50px }

ul.other-cool-ideas li {
	list-style-type: none !important;
	float: left;
	width: 95px;
	margin: 0 !important;
	padding: 0 0 0 5px !important;
}
ul.other-cool-ideas li a {
	display: block;
	width: 95px;
	padding: 0px 5px 5px 5px;
	text-align: center;
	height: 3.5em;
	font-size: 1.1em;
	text-decoration: none; 
	background-position: 18px 10px;
	background-repeat: no-repeat;
}
ul.other-cool-ideas li a.selected { font-weight: bold }
ul.other-cool-ideas li a:hover { background-position: -134px 10px }
ul.other-cool-ideas li a span { text-decoration: none; cursor: pointer; }


ul.other-cool-ideas-small { /* width: 403px;*/ clear: left; float:left; }
body#coolideas ul.other-cool-ideas-small {width: 558px; padding-left: 0px;}
ul.other-cool-ideas-small li {
	background-image: url() !important;
	float: left;
	width: 220px;
	margin: 0 !important;
	padding: 0 0 0 30px !important;
	text-align:center;
}
ul.other-cool-ideas-small.row-2{
	margin-left:40px !important;
}
ul.other-cool-ideas-small li a {
	display: block;
	width: 200px;
	padding: 1px;
	text-align: center;
	height: 3.5em;
	font-size: 0.9em;
	text-decoration: none; 
	background-position: 8px 10px;
	background-repeat: no-repeat;
}
ul.other-cool-ideas-small li a img { padding: 1px; border: 1px solid white; }
ul.other-cool-ideas-small li a.selected { font-weight: bold }
ul.other-cool-ideas-small li a:hover img { border-color: #464646 }
ul.other-cool-ideas-small li a span { text-decoration: none; cursor: pointer; }

.testimonial-side ul.list { margin: 0 0 1em 5px; position: relative; }
.testimonial-side ul.list li { 
	margin: 0 0 .4em 0; 
	padding: 0 0 0 20px; 
	background: url(/images/icons/blue-bullet.gif) no-repeat 4px 4px; 
}


.pagination {
	text-align: center;
	padding: .3em; 
}
.pagination a, .pagination span {
	padding: .2em .5em; 
}
.pagination span.disabled {
	color: #AAA; 
}
.pagination a.active {
	font-weight: bold;
	color: #007bba;
	background-color: #d3eef8;
}
.pagination a {
	border: 1px solid #d3eef8;
	color: #007bba;
	text-decoration: none; 
}
.pagination a:hover, .pagination a:focus {
	border-color: #007bba;
	background: #007bba;
	color: white; 
}
#content .pagination .pageinfo {
	color: #aaa;
	margin-bottom: .5em;
	line-height: 1.3;
	font-size: .9em;
}
.pagination .prev_page, .pagination .next_page {
	border-width: 2px; 
}
.pagination .prev_page {
	margin-right: 1em; 
}
.pagination .next_page {
	margin-left: 1em; 
}



.pglogos {
	width: 556px;
	height: 217px;
	background: url(/images/logos/payment-gateways.gif) no-repeat;
	margin-bottom: 1em;
	position: relative;
}
.pglogos a {
	text-decoration: none;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 65px;
}
a.pg-paypal {
	width: 160px;
}
a.pg-securepay {
	left: 160px;
	width: 200px;
}
a.pg-worldpay {
	left: 360px;
	width: 185px;
}
a.pg-nab {
	top: 65px;
	width: 145px;
	height: 145px;
}
a.pg-bendigo {
	top: 65px;
	left: 145px;
	width: 225px;
	height: 145px;
}
a.pg-camtech {
	top: 65px;
	left: 375px;
	width: 170px;
	height: 145px;	
}
th span.help {
	display: block;
	font-weight: normal;
}



/* Skin */
#content ul.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 28px;
    background: transparent url(../images/bgrounds/tab-under.gif) 0 100% no-repeat scroll;
}
#content ul.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#content ul.tabs-nav li {
    float: left;
    margin: 0;
    padding: 0;
    min-width: 84px; /* be nice to Opera */
    background: none;
}
#content ul.tabs-nav a {
	float: left;
    display: block;
    padding: 0 0 0 10px;
    margin: 0 5px 0 0;
    background: transparent url(../images/bgrounds/tab-left-off.gif) 0 0 no-repeat;
}
#content ul.tabs-nav a span {
	float: left;
    display: block;
	padding: 5px 10px 5px 0 !important;
	background: transparent url(../images/bgrounds/tab-right-off.gif) 100% 0 no-repeat;
}
#content ul.tabs-nav a {
    position: relative;
    z-index: 2;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
#content ul.tabs-nav .tabs-selected a {
    color: #000;
}
#content ul.tabs-nav .tabs-selected a, #content ul.tabs-nav a:hover, 
#content ul.tabs-nav a:focus, #content ul.tabs-nav a:active {
	color: #007BBA;
	font-weight: bold;
    background-color: white;
    outline: 0; /* prevent dotted border in Firefox */
}
#content ul.tabs-nav .tabs-selected a {
    background-image: url(../images/bgrounds/tab-left.gif);
}
#content ul.tabs-nav .tabs-selected a span {
	background-image: url(../images/bgrounds/tab-right.gif);
}
#content ul.tabs-nav a, #content ul.tabs-nav .tabs-disabled a:hover, 
#content ul.tabs-nav .tabs-disabled a:focus, #content ul.tabs-nav .tabs-disabled a:active {
    /*background: #464646 url(../images/bgrounds/tabs_normal.gif) 0 0 no-repeat;*/
}
#content ul.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 17px; /* IE 6 treats height as min-height */
    min-height: 17px;
    padding-top: 6px;
}
*>#content ul.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
#content ul.tabs-nav .tabs-selected a span {
    padding-top: 7px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
}
/*#content ul.tabs-nav .tabs-selected a span, #content ul.tabs-nav a:hover span, #content ul.tabs-nav a:focus span, #content ul.tabs-nav a:active span {
    background-position: 100% 0;
}*/
/*#content ul.tabs-nav a span, #content ul.tabs-nav .tabs-disabled a:hover span,
#content ul.tabs-nav .tabs-disabled a:focus span, #content ul.tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}*/
#content ul.tabs-nav .tabs-selected a:link, #content ul.tabs-nav .tabs-selected a:visited,
#content ul.tabs-nav .tabs-disabled a:link, #content ul.tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#content ul.tabs-nav a:hover, #content ul.tabs-nav a:focus, #content ul.tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
#content ul.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
	clear: left;
    /*border-top: 1px solid #97a5b0;*/
    padding: 1em;
    background: #fff url(../images/bgrounds/tab-side.gif) 0 0 no-repeat; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}


/*#content ul.tabs-nav {
	list-style: none;
	padding: 0;
	margin: 0;
}
#content ul.tabs-nav li {
	background: transparent url(../images/
}
ul.tabs-nav a, ul.tabs-nav a span {
	color: #464646;
	background-image: black;
	background-image:url(../images/bgrounds/tabs_normal.gif);
}
ul.tabs-nav a:hover, ul.tabs-nav a:hover span,
ul.tabs-nav a:focus, ul.tabs-nav a:focus span {
	color: #dadada;
}
ul.tabs-nav .tabs-selected a, ul.tabs-nav a:hover, ul.tabs-nav a:focus, ul.tabs-nav a:active {
	background-position: 100% 0;
}
ul.tabs-nav .tabs-selected a {
	color: white;
}*/

tr.heading th { 
	font-weight: normal;
}

.email-sent {
	display: block;
	padding-left: 65px;
	background: transparent url(../images/icons/mail.gif) 5px 5px no-repeat;
}

#contact_tabs {
	display: block;
	min-height: 870px;
}

/*articles add this button */
.date .addthis_button {
	border:0; position: relative; top:3px; margin-left:15px
}
#addthis {
	margin: 1.5em 0
}

#prepaidradios input{
	margin-right: 5px
}

.christmashours {
	text-align: center;
	color: #018a32;
	width: 563px;
	height: 200px;
	background: url(/images/bgrounds/christmashours.gif) no-repeat;
}
.christmashours p {
	padding: 40px;
	background: url(/images/bgrounds/christmashours-bottom.gif) no-repeat bottom right;
}
.christmashours strong {
	color: #d02714;
	display: block;
}
.awarded {
}

#twitter_update_list {
    padding: 0 10px 0 0;
    overflow: hidden;
    color: #333;
	 margin-bottom: .5em;
}

#twitter_update_list li {
	line-height: 1.6;
	margin-bottom: 7px;
	border-bottom: 1px solid #eee;
	padding-bottom: 7px;
}

#twitter_update_list li a {
    color: #007bba;
	 font-size: .7em;
	 text-transform: uppercase;
	 text-decoration: none;
}
#twitter_update_list span {
	display: block;
}

#twitter_update_list li a:hover {
    color: #f04e23;
	 text-decoration: underline;
}
.follow {
	height: 26px;
}

.follow a, .follow a:link, .follow a:visited, .follow a:active {
	width: 79px;
	height: 16px;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
	background: url(/images/text/follow-us.gif) no-repeat;
	margin-bottom: 1em;
	float: right;
	margin-right: 10px;
}
.follow a:hover {
	background-image: url(/images/text/follow-us-over.gif);
}


.data {
	width: 100%;
	margin: 0 0 1em 0;
}

.data, .data td, .data th {
	border: 1px solid #eeeeee;
	border-collapse: collapse;
}
.data td, .data th {
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

.data th {
	background-color: #007bba;
	color: #ffffff;
	font-weight: bold;
}