/*-----------------------------------------------
Mark Sydney
For Optus Total Business Cap
author: Becc Roach - rebecca.roach@marksydney.com
date: 18 March 2009
----------------------------------------------- */

/*
Index:
	- Globals
	- Reusables
	- Structural Elements
	- Components
	- Forms

Comment Key:
	- "cleared" = element also appears in "Markup free clearing" section within this css
	- "ie6" = element also appears in hacks.css
	- "ie7" = element also appears in hacks.css
	- "sIFR" = element being replaced by sIFR
*/

/* Globals  */
/* 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,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,textarea,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

html, body {}
body {background:#f1f1f1; color: #fff; font: normal 72%/1.2em Verdana, Arial, Tahoma, Helvetica, sans-serif; height:100%;}

img {margin:0;}

strong, .bold {font-weight: bold;}
em {font-style: italic;}
small, .small {font-size: 0.9em;}
.highlight {font-size: 1.1em; font-weight: bold;}
.hide {display: none;}
.initial {margin-top:20px;margin-right:2em;}

/* Reusables */
/* Links */
a {color: #fff; text-decoration: underline;}
a:hover {text-decoration: none;}
a:visited {color: #ccc; text-decoration: underline;}

a.pdf {background:url(images/icon-pdf.gif) 100% 0 no-repeat; padding:10px 25px 5px 0;}

/* Headings */
h1, h2, h3, h4, h5, h6 {color:#fff; font-family:'Optus Din Condensed', Verdana; line-height:1.2em; margin:0; text-transform:uppercase;}
h1 {border-bottom:1px solid #ffd100; height:12px; margin-left:20px; padding-bottom:4px !important; width:560px;}
h1#contact-me {background-image:url(images/ttl-contact-me-new.gif);}
h1#thanks-rego {background-image:url(images/ttl-find-out-more.gif);}
h1#send-to-colleague {background-image:url(images/ttl-send-to-colleague.gif);}
h1#terms-title {background-image:url(images/ttl-terms.gif); width:920px;}
h2#talk-to-consultant {background-image:url(images/ttl-talk-to-consultant.gif); color:#ffd100; font-size:1.3em; height:39px; width:295px;}
h2#ttl-terms {color:#000000; font-weight:bold;}
h3#win {background-image:url(images/ttl-win-prize-pack.gif); color:#ffd100; font-size:1.3em; height:23px; margin-top:30px; width:211px;}

h1#case-study {background-image:url(images/ttl-case-study.gif);}
h2#case-study {background-image:url(images/ttl-client.gif); margin-bottom: 4px;}
h3#case-study {background-image:url(images/ttl-sector.gif); margin-bottom: 4px;}
h4#case-study {background-image:url(images/ttl-products.gif); margin-bottom: 4px;}
h5#case-study {background-image:url(images/ttl-testimonial.gif); margin-bottom: 4px;}

p.case-study {margin-bottom: 14px; margin-right: 50px;}

.img-replace {background-position:0 0; background-repeat:no-repeat; display:block; overflow:hidden; padding:0; text-indent:-9999px;}

#btn-find-store {background-image:url(images/btn-find-store.gif); cursor:pointer; height:19px; margin:14px 0 10px; width:109px;}
#btn-find-out-more {background-image:url(images/btn-find-out-more.gif); cursor:pointer; height:19px; width:279px;}
#btn-send-to-friend {background-image:url(images/btn-share-benefits.gif); cursor:pointer; height:26px; width:256px; margin:14px 0 0;}
#total-biz-cap {background-image:url(images/ttl-total-biz-cap.gif); height:64px; width:265px;}
#register-to-win {background-image:url(images/ttl-register-to-win1.gif); height:212px; margin:5px 0 0 2px; width:307px;}

.superscript {
 vertical-align:text-top !important;
 font-size:90%;
 }
/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear-block {height: 1%;}
.clear-block {display: block;}
/* End hide from IE-mac */


/* Structural Elements */

#header, #content, #navigation {margin:0 auto; padding:0; width:975px;}

#header {background:#000 url(images/cnr-hdr.gif) 100% 0 no-repeat; margin:6px auto 2px;}
	#header img {margin:13px 0 13px 14px;}
	
#content {background:url(images/bg-content.gif) 0 0 repeat-y; min-height:372px; margin-bottom:2px;} /* ie6 */
	#nobg #content {background:none;}
	#tncs #content {background:#000 url(images/cnr-full.gif) 100% 100% no-repeat; padding-top:20px; padding-bottom:2em;}
	#content-inner {background:url(images/cnr-content.gif) 100% 100% no-repeat; min-height:372px;}
	
	#content-area-a {padding:35px 0 20px; width:609px;}
		#content-area-a p {margin-left:20px;}
		#content-area-a.content p {margin-bottom:10px;}
	#content-area-b {float:right; padding:35px 0 0 38px; width:326px;}

#navigation {background:url(images/bg-nav.jpg) 0 100% repeat-x; overflow:visible;}


/* Components */
#nav-main {display:block; float:left; height:79px; list-style: none;}
	#nav-main li {display:block; float:left; list-style: none; width:140px;}
		#nav-main li#nav-home, #nav-main li#nav-send-to {width:140px;}

	#nav-main li a {background-position:0 0; background-repeat:no-repeat; display:block; height:79px; margin:0px auto; overflow:hidden; text-indent:-9999px;}
		#nav-main li#nav-home a {background-image:url(images/nav-home-v2.gif); width:140px;}
		#nav-main li#nav-calculator a {background-image:url(images/nav-calculator-v2.gif); width:140px;}
		#nav-main li#nav-casestudy a {background-image:url(images/nav-casestudy-v2.gif); width:140px;}
		#nav-main li#nav-find-out a {background-image:url(images/nav-find-out-more-v2.gif); width:140px;}
		#nav-main li#nav-send-to a {background-image:url(images/nav-send-to-v2.gif); width:141px;}

	#nav-main li a:hover, #nav-main li.active a {background-position:0 -79px;}

#nav-secondary {clear:both; color:#5d5d5d; display:block; list-style: none; margin:8px auto 5px; padding:0 15px 0 0; text-align:right; width:975px;}
	#nav-secondary li {display:inline; font-size:0.85em; list-style: none;}
	#nav-secondary li a {color:#5d5d5d; border-right:1px solid #5d5d5d; padding:0 6px 0 3px;}
	#nav-secondary li a.last {border-right:none;}
	#nav-secondary li a:visited {color: #787878;}


#branding {background-image:url(images/ttl-total-business-cap.gif); float:left; height:79px; margin:0 !important; width:274px;}

#more-info {background:url(images/cnr-nav-bot.gif) 100% 100% no-repeat; clear:both; height:21px; margin:0 !important; padding:6px 15px 7px 0;}
	#more-info span {background-image:url(images/call-for-info.gif); display:block; float:right; height:21px; margin:0; width:209px;}
	
#noFlash-calc {background:url(images/calc-flash-back.jpg) 0 0 no-repeat; height:222px; padding-top:150px; width:975px;}
	#noFlash-calc p {color:#006685; font-size:1.2em; line-height:1.5em; margin-left:50px;}	
	#noFlash-calc a.flash {background:url(images/icon-flash.gif) 100% 0 no-repeat; padding:3px 30px 3px 0;}
	#noFlash-calc a {color:#006685;}
	#noFlash-calc a:hover {color:#0097ac;}
	
/* Forms */
form {margin:0;padding:0 0 20px;}
fieldset {}
legend {line-height:0.5em; text-indent:-5000px;}

fieldset em {font-size:0.95em; margin-left:20px;}

form ol { margin:10px 0 0 20px;}	
	form li {padding:10px 0 0 0;}
	form li.clear {clear:left; padding-top:15px !important;} /* ie6 & ie7 */
	form li.checkbox {padding-top:2px;}

label, p.label {color:#ffd100; display:block; margin-left:0 !important; text-transform:uppercase;}
	.radio label, .checkbox label {display:inline; float:left; padding-top:3px;}
	 .checkbox label {padding-left:5px; width:230px;}
	.label span {font-size:0.85em;}

form .label a, form label a {color:#ffd100;}
input, select, textarea {border:1px solid #333; color:#000; font-size:1em; padding:2px; width:260px;}
	.radio input, .checkbox input {border:0 none; float:left; width:13px;}
	select {padding:0 0 0 2px; width:267px;}
	input#submit {border:0 none; cursor:pointer; height:19px; width:65px;}
	input#submit-download {border:0 none; cursor:pointer; height:19px; width:249px;}

/* error styling */
span.error {color:#dc241f; display:none; padding-top:2px; width:260px;}
span.block { display: block; }

.radio .error {clear:left;display:block;}

/* contact form */ 
#contactForm {}
	#contactForm ol {float:left; width:275px;}
		#contactForm li.submit {margin:23px 0 0 0;}
		#contactForm li li {float:left; padding:3px 5px 0 0; width:auto;}

/* send to colleague form */ 
#sendToFriendForm {}
	#sendToFriendForm li {margin-top:20px;}
	#sendToFriendForm li.submit {margin-left:150px;}
	#sendToFriendForm label {float:left; width:150px;}
	#sendToFriendForm span.error {clear:left; display:block; margin-left:150px; width:350px;}

p.divider {border-top:1px solid #ffd100; font-size:0.95em; margin:10px 25px 10px 0;padding-top:10px;}
p.terms {font-size:0.95em;}

/* terms */
#tncs h2, #tncs h3 {font-weight:bold; margin:1em 2em 0;}
#tncs p {margin:1em 2em 0;}
#tncs p.back {text-align:right; margin-right:3em;}
#tncs table {margin:1em 2em; width:95%;}
#tncs th {font-weight:bold;}
#tncs th, #tncs td {border-collapse:collapse; border:1px solid #fff; padding:2px; text-align:center;}
#terms ol {margin:1em 2em; list-style:inside; list-style-type:decimal;}
#terms ol ul {margin:1em 2em; list-style:inside; list-style-type:disc;}
#terms li {padding:.25em 0;}

/* facebox */
#facebox .b {background:url(images/b.png);}
#facebox .tl {background:url(images/tl.png);}
#facebox .tr {background:url(images/tr.png);}
#facebox .bl {background:url(images/bl.png);}
#facebox .br {background:url(images/br.png);}

#facebox {position: absolute; top: 0;left: 0;margin:-65px 0 0 -30px;z-index: 10000;text-align: left;}

#facebox table {border-collapse: collapse; margin:0;}
	#facebox td, #facebox th {border: 0;}
	#facebox td {border-bottom: 0; padding: 0;}

	#facebox .body {padding: 10px; background: #fff; width: 900px;}
	#facebox .content {float:none;width:100%;}
	#facebox .loading {text-align: center;}
	#facebox .image {text-align: center;}
	#facebox img {border: 0; margin: 0;}
	#facebox ol {list-style:decimal; margin:10px 0 10px 27px;}
	#facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px;margin-top: 10px; text-align: right;}
	#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
	#facebox_overlay {position:fixed; top:0px; left:0px; height:100%; width:100%;}
	.facebox_hide {z-index:-100;}
	.facebox_overlayBG {background-color: #000; z-index: 5000;} /* ie6 */
	
#facebox #terms {color:#000; display:block !important;}

#cs-content {
	height: 300px;
	margin-top: 20px;
	margin-right: 10px;
	padding-bottom: 20px;
}

#cs-content .heading {
	color: #ffd100;
	font-weight: bold;
	font-size: 1em;
}

#cs-content p {
	margin-left:20px;
	margin-bottom :10px;
}

#case-study-logo {
	position:absolute;
	margin-left: 150px;
}