* {
	margin: 0;
	padding: 0;
}

html {
	background: #E6E6E6;
	text-align: center;
}

body.hometop {
	background: none;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	min-height: 700px;
	margin: auto;
	font-size: .7em;
}

#ieWrapper {
	width: 978px;
	margin: auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#wrapper {
		width: 978px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

#wrapper {
	width: 978px;
	margin: auto;
	display: block;
	position: relative;
	padding-left: 0px !important;
	padding-right: 0px;
}

#wrapper,x:-moz-any-link,x:default { /*restore styles for Firefox 3.0 and newer*/
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#wrapper,x:-z-any-link { /*styles for Firefox 2.0 here*/
	padding-left: 0px !important;
}

.topPadding img {
	padding-top: 5px;
}

.topPadding {
	padding-bottom: 5px;
}

.imgCol {
	float: left;
}

.featureListCol {
	width: 290px;
	float: left;
}

.boldText {
	font-weight: bold;	
}
.inlineEditing,.inlineEditing body {
	background-image: none;
	background-color: white;
}

.inlineEditing table,.inlineEditing td {
	border: none;
}

#mainContent .oneCol .borderFalse .roundedCornerContent  h2 {
	margin: 1em 0 1em;
	padding: 0;
	color: #003399;
	background: none;
	font-size: 13px;
}

#oneCol {
	clear: left;
}

/*this positions the content on the home page so it looks ok as it loads*/
#homeTabsDialogue_1_async {
	display: block;
	height: 353px;
	width: 978px;
}

table.hometab td {
	padding: 0px;
	margin: 0;
	border: 0;
	background-color: transparent;
	height: 28px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #fafafa;
}

table.hometab {
	border: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
	border-collapse: separate;
	border-spacing: 0;
	height:38px;
}

.firstTab table.hometab td {
	border-left: none;
}

.grid100x25 td,.grid100x25 table,#accessOnlineApplication table,#accessOnlineApplication td,#ContactUsBox table,#ContactUsBox td,.homeLeftSide table,.homeLeftSide td,.homeRightSide table,.homeRightSide td
	{
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	border-collapse: collapse;
}

.homeRightSide table {
	height: 300px;
	width: 348px;
}

/*start microsites*/
#micrositeHeader {
	font-size: 16px;
	font-weight: bold;
	color: #0098db;
	padding-left: 15px;
	position: relative;
	top: 6px;
}

/*end microsites*/
.photoGalleryImage {
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
}

.photoGalleryImage img {
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
}

.photoToggleBottom {
	clear: both;
	float: left;
}

.oneCol {
	clear: both;
}

.autoOverFlow {
	overflow: auto;	
}

.contentBlockItemText {
	float: left;
	width: 370px;
}

.contentBlockItemImage {
	float: left;
}

.contentBlockItemTextWithoutImage {
	clear: left;
}

#customDisplayIFrameOneColumn {
	border: medium none;
	height: 66em;
	margin-bottom: 8px;
	margin-left: 8px;
	width: 740px;
}

#customDisplayIFrameWide {
	border: medium none;
	height: 1170px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 961px;
}

/*iframe for contact us -> email*/
.iFrameTemplateOneCol #mainContent {
	width: 755px;
}

#saCentrePane {
	margin-top: 10px;
	float:	left;
	width: 480px;
}

#contactFormDisplayFrame,#customDisplayIFrameTwoColumn {
	width: 510px;
	height: 1250px;
	border: 0;
}

/*sitemap styling*/
#siteMap1 {
	width: 683px;
	float: left;
	padding-left: 35px;
}

.siteMapThird {
	width: 216px;
	float: left;
}

#ShopLocator1 {
	background: url(../../images/wob_v2/content-background.png) top center no-repeat;
	display: block;
	float: left;
	width: 978px;
	margin: 20px 0 0 0;
	padding: 12px 0 0 0;
}

#siteMap .pageSuperContainer {
	background: url(../../images/wob_v2/content-background.png) top center no-repeat;
	display: block;
	float: left;
	width: 978px;
	margin: 0px 0 0 0;
	padding: 8px 0 0 0;
}

#siteMap {
	background: url('../../images/wob_v2/center-background.png') repeat-y 50% 0;
	display: block;
	width: 978px;
	padding-top: 0px;
	margin-top: 20px;
	float: left;
}

.siteMapThirdBreak {
	clear: left;
}

h1 {
	font-size: 1.43em;
	color: #0098DB;
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
	margin-top: 0px;
	padding-top: 10px;
	line-height: 1.2em;
	background-image: none !important;
}

/*sitemap end*/
#homeContent #ContactUsBox li.leftcol,#homeBack #ContactUsBox li.leftcol {
	width: 92px;
}

.imageShortDescription {
	clear: left;
}

.imageShortDescription img {
	float: left;
}

.imageShortDescription p {
	vertical-align: middle;
}

#homeContent {
	background: url('../../images/wob_v2/center-background.png') repeat-y;
	float: left;
	height: 685px;
	width: 974px;
}

#homeBack {
	margin-top: 20px;
	float: left;
	background: white;
}

.homeMore {
	position: absolute;
	bottom: 0;
	right: 0;
}

.grid25x75 .homeMore .imageContainer,.grid50x33 .homeMore .imageContainer {
	text-align: right;
}



.grid100x100 {
	margin-left: 10px;
}

.grid25x75 {
	width: 140px !important;
	width: 134px;
	height: 182px;
	margin-bottom: 11px;
	float: left;
	overflow: hidden;
	display: inline;
	margin-left: 10px;
	position: relative;
}

.homeLeftSide li {
	list-style: none;
	background: #fff url(../../images/wob_v2/list-arrow.gif) no-repeat 0 5px;
	padding-left: 10px;
}

.grid50x100 h2 {
	padding-left: 0px;
}

.grid50x33 h2 {
	padding-left: 10px;
	margin-left: 85px;
	background: #fff url(../../images/wob_v2/home-bullets.gif) no-repeat 0 5px;
}

.grid25x75 .imageContainer {
	text-align: center;
	width: 100%;
	margin: 0;
}

.grid50x33 .imageContainer {
	float: left;
	margin-right: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-left: 0px;
}

.grid25x75 h2 {
	clear: left;
	margin-left: 0;
	padding-left: 0;
}

.grid50x33 {
	width: 288px;
	height: 76px;
	margin-bottom: 11px !important;
	float: left;
	margin-left: 10px;
}

.hometop .grid33x100 img {
	float: left;
	margin: 0 10px 0 0px;
	display: inline;
}

.hometop .grid50x100 img {
	float: left;
	margin: 0 10px 0 0px;
	display: inline;
}

.grid33x100 {
	width: 190px !important;
	width: 185px;
	height: 250px;
	position: relative;
	float: left;
	margin-left: 10px;
	display: inline;
}

.grid33x100 p {
	clear: left;
}

.grid50x100 {
	width: 290px !important;
	width: 288px;
	height: 182px;
	margin-bottom: 11px;
	float: left;
	margin-left: 10px;
	display: inline;
	position: relative;
}

.grid50x100 .imageContainer {
	height: 100%;
	float: left;
	background: #fff url(../../images/wob_v2/home-bullets.gif) no-repeat 100% 5px;
	margin-right: 5px;
	padding-right: 5px;
}

.grid100x25 {
	width: 600px !important;
	width: 600px;
	height: 57px;
	margin-left: 10px;
	position: relative;
	clear: left;
	display: block;
	overflow: hidden;
	line-height: 110%;
}

.grid75x25 {
	width: 440px;
	height: 57px;
	padding-left: 10px;
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	line-height: 110%;
}

.homeLeftSide .grid100x25 h2,.homeLeftSide .grid75x25 h2 {
	background: none;
	font-size: 13px;
	margin-bottom: 0.5em;
	margin-top: 0;
	line-height: 0.7;
	text-transform:uppercase;
}

.homeLeftSide .grid100x25 ul,.homeLeftSide .grid75x25 ul {
	list-style: none;
	margin-top: 19px;
}

.homeLeftSide .grid100x25 li,.homeLeftSide .grid75x25 li {
	margin-right: 10px;
	width: 136px !important;
	width: 130px;
	display: inline;
	float: left;
	list-style: none;
	background: none;
	padding-left: 0;
}

.homeLeftSide .grid100x25 li a,.homeLeftSide .grid75x25 li a {
	background: none;
	padding-left: 0;
}

.homeLeftSide .grid100x25 li img,.homeLeftSide .grid75x25 li img {
	padding-right: 5px;
}

.grid25x100 {
	width: 140px !important;
	width: 130px;
	height: 250px;
	position: relative;
	float: left;
	margin-left: 10px;
	display: inline;
}

#OnlineServicesBox h2,#ContactUsBox h2,#FAQBox h2 {
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	color: #003399;
	background: url(../../images/wob_v2/content-block-head.png) no-repeat;
	height: 30px;
	padding: 13px 10px 0px 15px;
}

ul#homeTabs {
	list-style: none;
	clear: both;
	background: #e6e6e6 url(../../images/wob_v2/background-tab-off.png) repeat-x bottom;
	height: 46px;
	float: left;
	margin-left: 0px;
	margin-top:10px;
}

ul#homeTabs li {
	float: left;
	padding-top: 7px;
	width: 120px;
	height: 39px;
	text-align: center;
	vetical-align: middle;
	font-size: 11px;
	font-weight: bold;
}

ul#homeTabs li a {
	color: #003399;

display: table-cell;
height: 30px;
padding:4px;
vertical-align: middle;
width: 135px;
}

ul#homeTabs li.firstTab a {
	border-left: none;
}

ul#homeTabs li a:hover {
	text-decoration: none;
}

ul#homeTabs li.firstTab {
	background: transparent url(../../images/wob_v2/background-tabs-first-off.png) no-repeat bottom left;
	padding-left: 8px;
	width: 117px;
}

ul#homeTabs li.firstTab .activeTab .leftTab {
	background: none;
}

ul#homeTabs li .lastRightTab {
	background: transparent url(../../images/wob_v2/background-tabs-rightside-active.png) no-repeat bottom right;
	width: 10px;
	display: block;
	height: 47px;
	position: absolute;
	right: -5px;
	top: -1px;
}

ul#homeTabs li.activeTab {
	background: url(../../images/wob_v2/background-tab-active.png) repeat-x;
	color: #003399;
	position:relative;
}

ul#homeTabs li.activeTab a {
	border: none;
}

ul#homeTabs li.firstTab.activeTab {
	background: transparent url(../../images/wob_v2/background-tabs-first-active.png) no-repeat bottom left;
}

.flashSpaceHolder {
	display: none;
}

.embeddedFlash {
	width: 964px;
	height: 680px;
	margin-left: 8px;
	margin-top: 2px;
}

#ShopLocator1 .embeddedFlash {
	height: 492px;
}

ul#homeTabs li .rightTab {
	background: transparent url(../../images/wob_v2/background-tabs-first-active.png) no-repeat bottom right;
	width: 10px;
	display: block;
	height: 45px;
	position: absolute;
	right: -5px;
	top: 1px;
}

ul#homeTabs li .leftTab {
	background: transparent url(../../images/wob_v2/background-tabs-left-active.png) no-repeat bottom left;
	width: 10px;
	display: block;
	height: 45px;
	position: absolute;
	left: -5px;
	top: 1px;
}

.homeLeftSide .grid100x100 h2 {
	margin-bottom: 1em;
	font-size: 13px;
}

.homeLeftSide .grid100x100 p {
	line-height: 150%;
	margin-bottom: 10px;
}

.homeLeftSide h2 {
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	color: #003399;
}

.homeLeftSide .grid50x33 h2,.homeLeftSide .grid50x100 h2 {
	font-size: 12px;
}

.homeLeftSide .grid33x100 ul li {
	list-style: none;
	background: none;
}

.homeLeftSide .grid33x100 ul li a {
	background: #fff url(../../images/wob_v2/list-arrow.gif) no-repeat 0 5px;
	padding-left: 10px;
}

.homeLeftSide p {
	padding-left: 0px;
}

.middle {
	vertical-align: middle;
}

.homeMain {
	width: 978px;
	float: left;
	margin-bottom: 0px;
	margin-top: 0px;
}

#FAQSearch {
	padding-left:15px;
	position:relative;
	bottom:5px;
	text-align:left;
}

/* Just for the home page because these boxes have been done differently. */
#homeContent #FAQSearch {
	padding-left:20px;
	position:absolute;
	bottom: -5px;
}

#FAQSearchKeyword {
	border:1px solid #cccccc;
	margin-right:7px;
	width:115px;
	padding:3px 2px 4px 2px;
}

#homeContent #FAQSearchKeyword {
	width:195px;
}

#FAQSearchButton {
	background:white url(../../images/wob_v2/search-button.png) 0 0 no-repeat;
	width:75px;
	height:25px;
	border:none;
	position:absolute;
	bottom:-1px;
}

#secondaryContent #ContactUsBox ul {
	list-style: none;
	width: 201px;
	margin: 0 auto 10px;
	background: transparent url(../../images/wob_v2/background-contact-vertical.png) no-repeat;
}

#secondaryContent #ContactUsBox li {
	clear: left;
	color: #0049a7;
	padding: 6px;
	height: 42px;
	margin-right: 8px;
}

#secondaryContent #ContactUsBox li a img {
	padding-right: 0px;
	padding-left: 0px;
}

#ContactUsBox #ContactUsBlockLinkBox ul.anchorLink {
	background: none;
	margin-bottom: 0px;
}

#secondaryContent #ContactUsBox #ContactUsBlockLinkBox li {
	margin: 5px 0 0;
	list-style: none;
	padding-left: 12px;
	padding-top: 0px;
	padding-bottom: 0;
	color: #000000;
	background: transparent url(../../images/wob_v2/list-arrow.gif) no-repeat left 4px;
}

#secondaryContent h2 {
	background: #ffffff url('../../images/wob_v2/background-right-side-header.gif') no-repeat top;
	clear: both;
	font-weight: bold;
	color: #003399;
	font-size: 16px;
	padding: 10px 5px 14px 16px;
	margin-bottom: -9px;
	text-transform: uppercase;
}

#secondaryContent {
	padding: 10px 7px 88px;
	background: #efefef url('../../images/wob_v2/background-right-side.gif') no-repeat bottom;
	width: 231px;
	float: right;
	margin-right: 7px;
}

.homeLeftSide {
	width: 600px;
	padding-left: 23px;
	padding-top: 20px;
	height: 250px;
	float: left;
	line-height: 150%;
}

#homeTabsDialogue_1_async_load {
	padding-left: 26px;
	padding-top: 60px;
	height: 250px;
	float: left;
	left: 8px;
}

acronym {
	text-decoration: none;
	border: none;
}

#homeContent #myOnlineServicesHome,#homeBack #myOnlineServicesHome {
	width: 310px;
	margin-right: 0px;
	height: 190px;
	display: inline;
	float: left;
	margin-left: 16px;
	margin-top: 0px;
	position: relative;
	left: 632px;
	top: 10px;
}

#homeContent #ContactUsBox,#homeContent #FAQBox,.backgroundImageOne,#homeBack #ContactUsBox,#homeBack #FAQBox,.backgroundImageOne
	{
	height: 166px;
	width: 310px;
}

#homeContent #ContactUsBox,#homeContent #FAQBox,#homeBack #ContactUsBox,#homeBack #FAQBox {
	margin-right: 0px;
	display: inline;
	float: left;
	margin-left: 16px;
	margin-top: 10px;
	position: absolute;
}
#homeContent #FAQBox, #homeBack #FAQBox {
	left: 317px;
}

#homeContent #OnlineServicesBox li,#homeContent #FAQBox li,#homeBack #OnlineServicesBox li,#homeBack #FAQBox li {
	margin: 0px 0px 15px 0px;
	zoom: 1;
	list-style: none;
	padding-left: 12px;
	color: #000000;
	background: transparent url(../../images/wob_v2/list-arrow.gif) no-repeat left 3px;
}

#homeContent #OnlineServicesBox li table,#homeBack #OnlineServicesBox li table {
	border-collapse: collapse;
}

#homeContent #ContactUsBox li,#homeBack #ContactUsBox li {
	display: block;
	float: left;
	height: 39px;
	width: 150px;
	color: #0049a7;
	padding: 7px 7px 7px 7px !important;
	padding: 7px 7px 6px 7px;
	font-size: 0.9em;
	overflow: hidden;
}

#homeContent #ContactUsBox li td img,#homeBack #ContactUsBox li td img {
	padding-right: 0px;
}

#homeContent #ContactUsBox .bannerImage,#homeBack #ContactUsBox .bannerImage {
	margin: 0;
}

#homeContent #ContactUsBox > ul,#homeBack #ContactUsBox > ul {
	height: 107px;
	width: 278px;
	padding: 0px 15px;
}

#homeContent #OnlineServicesBox ul,#homeContent #FAQBox ul {
	padding: 0px 15px;
}

#homeContent #OnlineServicesBox a,#homeContent #OnlineServicesBox a:hover,
#homeContent #FAQBox a,#homeContent #FAQBox a:hover,
#homeContent #ContactUsBox a,#homeContent #ContactUsBox a:hover {
	color: #000000;
}

#homeContent #rotatorHome {
	width: 655px;
	height: 260px;
	margin: 10px 0px 0px 16px;
}
#homeContent #creativeContentHome {
	width: 270px;
	height: 260px;
	position: absolute;
	top: 180px;
	left: 688px;
}
#homeContent #creativeContentHome .imageContainer {
	margin-left: -1px;
}
#homeContent #creativeContentHome .htmlContentBoxDescription {
	background: transparent url(../../images/wob_v2/creative-desc-bg.png) no-repeat 0px 6px;
	height: 48px;
	width: 251px;
	padding: 5px 10px;
}
#homeContent #lookingForHome {
	width: 462px;
	height: 206px;
	margin: 10px 0px 0px 16px;
}
#homeContent #latestProductsHome {
	width: 462px;
	height: 206px;
	position: absolute;
	top: 450px;
	left: 496px;
}
@-moz-document url-prefix() {
   #homeContent #CreativeContentBox {
   		top: 185px;
   }
   #homeContent #LatestProductsBox {
   		top: 457px;
   }
}

.homeRightSide {
	display: table;
	height: 300px;
	overflow: hidden;
	text-align: center;
	width: 348px;
	height: 300px;
	margin-right: 2px;
}

.homeRightSide .imageContainer {
	display: table-cell;
	vertical-align: middle;
	width: 348px;
	float: none;
}

.homeRightSide .imageContainer img {
	z-index: 2;
}

#searchDomain {
	position: relative;
	width: 25px;
	height: 19px;
	overflow: hidden;
}

#searchDomain .replacement {
	width: 25px;
	height: 19px;
	background-image: url('../../images/wob_v2/bg_sl_tel_s.gif');
}

#searchDomain .tel .replacement {
	background-image: url('../../images/wob_v2/bg_sl_tel_s.gif');
}

#searchDomain .web .replacement {
	background-image: url('../../images/wob_v2/bg_sl_web_s.gif');
}

.domainSel label {
	display: block;
	border-top: 1px solid #fff;
	padding: .5em .5em .5em 2em;
	width: 10em;
	font-size: 77%;
	color: #4c618c;
	cursor: pointer;
}

#searchList li {
	float: left;
}

#searchList li ul {
	position: absolute;
	left: -999em;
	z-index: 20;
}

#searchList li.sfHover ul {
	left: auto;
}

#searchList li label.domTel {
	background: #eaedef url('../../images/wob_v2/bg_search_telstra.gif') no-repeat .3em 50%;
}

#searchList li label.domWeb {
	background: #eaedef url('../../images/wob_v2/bg_search_web.gif') no-repeat .3em 50%;
}

#searchList li label.over {
	background-color: #d2d8e0;
}

.replacement {
	position: absolute;
	z-index: 8;
	background-repeat: no-repeat;
}

a .replacement {
	z-index: 8;
	cursor: pointer;
}

#logoutForm {
	display: inline;
}

#mainWelcomeMessage {
	position: absolute;
	right: 20px;
	top: 93px;
	float:right;
}

#dashboard #mainWelcomeMessage {
	float: none;
	position: relative;
	top: 0px;
	right: 0 px;
}

#secondaryContent #ContactUsBox p {
	margin-left: 15px;
}

#mainContent .oneCol h2 a,#mainContent .dualColumnContainer h2 a {
	color: white;
	text-decoration: none;
}

#mainContent .oneCol h2 a:hover,#mainContent .dualColumnContainer h2 a:hover {
	text-decoration: underline;
}

#mainContent .oneCol .imageContainer img,#mainContent .dualColumnContainer .imageContainer img {
	float: left;
	padding-right: 10px !important;
	padding-right: 5px;
}

#mainContent .oneCol .borderFalse .roundedCornerContent,#mainContent .dualColumnContainer .borderFalse .roundedCornerContent
	{
	background-color: #fff;
	float: left;
	padding: 0px;
	text-align: left;
	width: 510px;
	background: none;
	margin-bottom: 0;
}

.roundedCornerContentTopSmall {
	background: white url(../../images/wob_v2/background-half-top.gif) no-repeat 0 bottom;
	height: 10px;
	margin-top: 0px;
	width: 250px;
	padding: 0;
}

.roundedCornerContentTop {
	background: white url(../../images/wob_v2/background-wide-rounded-top.gif) no-repeat 0 top;
	height: 10px;
	margin-top: 10px;
	clear: both;
}

#mainContent .oneCol .roundedCornerContent {
	background-color: #f8f8f8;
	float: left;
	padding: 10px 15px 13px 15px;
	text-align: left;
	width: 480px;
	background: #f8f8f8 url('../../images/wob_v2/background-wide-rounded-bottom.gif') no-repeat bottom;
	margin-bottom: 10px;
	overflow: hidden;
}

#mainContent .dualColumnContainer .roundedCornerContent {
	background-color: #f8f8f8;
	padding: 10px 15px 13px 15px;
	float: none;
	text-align: left;
	width: 220px;
	background: #fff url('../../images/wob_v2/background-half-bottom.gif') no-repeat bottom;
	margin-bottom: 10px;
	overflow: hidden;
}

#mainContent .oneCol .roundedCornerContentNoHeader {
	background-color: #f8f8f8;
	float: left;
	padding: 0px 15px 13px 15px;
	text-align: left;
	width: 480px;
	background: #f8f8f8 url('../../images/wob_v2/background-wide-rounded-bottom.gif') no-repeat bottom;
	margin-bottom: 10px;
	overflow: hidden;
}

#mainContent .dualColumnContainer .roundedCornerContentNoHeader {
	background-color: #f8f8f8;
	padding: 0px 15px 13px 15px;
	float: none;
	text-align: left;
	width: 220px;
	background: #fff url('../../images/wob_v2/background-half-bottom.gif') no-repeat bottom;
	margin-bottom: 10px;
	overflow: hidden;
}

#mainContent .dualColumnContainer .borderFalse .roundedCornerContent h2,#mainContent .oneCol .borderFalse h2,#mainContent .dualColumnContainer .borderFalse h2
	{
	background: none;
	color: #003399;
	font-size: 13px;
	margin: 1em 0;
	padding: 0;
	width: 500px;
	font-weight: bold;
}

#mainContent .roundedCornerContent .borderFalse h2 a,#mainContent .borderFalse h2 a {
	color: #003399;
}

#mainContent .oneCol .roundedCornerContent h2 {
	background: #003399 url('../../images/wob_v2/background-wide-header.gif') no-repeat top;
	color: #fff;
	font-size: 11px;
	margin: -5px -15px 15px;
	padding: 10px 5px 4px 15px;
	width: 490px;
	font-weight: bold;
}

#mainContent .dualColumnContainer .roundedCornerContent h2 {
	background: #003399 url('../../images/wob_v2/background-header-half.png') no-repeat top;
	color: #fff;
	font-size: 11px;
	margin: 0px -15px 12px -15px;
	padding: 10px 5px 4px 15px;
	width: 230px;
	font-weight: bold;
}

#mainContent .roundedCornerContent h2 a {
	color: white;
	text-decoration: none;
}

#mainContent .roundedCornerContent h2 a:hover {
	text-decoration: underline;
}

#mainContent .oneCol  h2 {
	background: #003399 url('../../images/wob_v2/background-wide-header.gif') no-repeat top;
	color: #fff;
	font-size: 11px;
	padding: 10px 5px 4px 15px;
	width: 490px;
	font-weight: bold;
}

#mainContent .dualColumnContainer  h2 {
	background: #003399 url('../../images/wob_v2/background-header-half.png') no-repeat top;
	color: #fff;
	font-size: 11px;
	padding: 10px 5px 4px 15px;
	width: 230px;
	font-weight: bold;
}

#mainContent h2 a {
	color: white;
	text-decoration: none;
}

#mainContent h2 a:hover {
	text-decoration: underline;
}

.threeColumnImages {
	width: 149px;
	float: left;
	height: 200px;
}

.threeColumnImages span {
	clear: left;
	float: left;
}

.leftCol .contentBlockContent,.rightCol .contentBlockContent {
	width: auto
}

.summaryLogo {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.dualColumnContainer .leftCol,.dualColumnContainer .rightCol {
	width: 248px;
	float: left;
}

.dualColumnContainer .leftCol {
	margin-right: 10px;
}

#dashboardHomeTabBody {
	border:1px solid #E5F1F9;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-bottom: 5px;
	padding-left: 0px;		
	overflow:visible;
	padding-top: 10px;
	margin: 0px 0 10px 0;

}


#dashboardHomeTab .dualColumnContainer h2 {
	background: #1b58b1;
	font-size: 14px;
	padding: 7px 5px 7px 15px;
	color: #FFFFFF;
	width: 305px;  
	font-weight: bold;		
}



#dashboardHomeTab .dualColumnContainer .itemContainer {
	padding: 0px 0px 0px 0px;
	width: 323px;  
	overflow: hidden;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}

#dashboardHomeTab .dualColumnContainer #notificationBox .itemContainer {
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}

#dashboardHomeTab .dualColumnContainer #notificationBox .subTextArea {
	border-bottom:1px solid #d9d9d9;
}

#dashboardHomeTab .dualColumnContainer .contentSection{
	margin-bottom: 15px;
	margin-left: 10px;
	width: 323px;
	height: auto;
}

#dashboardHomeTab .dualColumnContainer .contentSectionRight{
	margin-bottom: 15px;
	margin-right: 10px;
	width: 323px;
	height: auto;
	float: right;
}
#dashboardHomeTab .dualColumnContainer .subTextArea {
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	width: 293px;
	padding: 7px 15px;
	min-height: 17px;
	color: #0049A7;
}

.promotionalOfferHidden {
	display: none;
}

.stayConnectedHidden {
	display: none;
}

#secondaryContent #ContactUsBox,#promotionalOfferContainer {
	width: 231px;
	background: #ffffff url('../../images/wob_v2/background-right-side-footer.gif') no-repeat bottom;
	margin-bottom: 8px;
	padding-bottom: 8px;
	clear: both;
}

#promotionalOfferContainer {
	padding-left: 7px;
	padding-right: 7px;
	width: 217px;
	padding-top: 0px;
}

#promotionalOfferHeader {
	background: #ffffff url('../../images/wob_v2/background-right-side-slim-header.gif') no-repeat top;
	width: 231px;
	height: 9px;
	display: inline;
	float: left;
}

#directionPoints {
	height: 9px;
	display: block;
	padding-top: 5px;
}

#promotionalOfferPrevious {
	float: left
}

#promotionalOfferNext {
	float: right;
}

.stayConnectedContainer img {
	position: relative;
	top: -5px;
}

#k_TelstraWebsite_CM_Dynamic_portal_book_ajax #mainContent #flashContainer {
	text-align: center;
	width: 100%;
	margin-top: 0px;
}

.clearImageRow {
	clear: left;
}

#homeMainContent_2_async li {
	list-style: none;
	display: inline;
}

#downPageContent {
	background: #ffffff url('../../images/wob_v2/center-background.png') repeat-y;
	display: block;
	float: left;
	width: 978px;
	margin: 0;
	padding: 0;
}


#headerLogo img {
	padding-left: 22px;
	padding-top: 22px;
	vertical-align: middle;
	padding-bottom: 17px;
}

#mainContentContainer .campaignPage {
	margin-top: 19px;
}

.welcomeName {
	color: #0066DD;
	font-weight: bold;
}

#anonymousContainer #mainContentContainer,#campaign .campaignPage,.iFrameTemplateWide,#mybusinessneeds,#mybusinessneedsform1,#mybusinessneedsform2,#productsservices3,#productsservices,#productsservicesform1,#productsservicesform2,#businesscentre1,#businesscentreform1,#businesscentreform2,#help,#myonlineservices,#tbscaboutus,#tbscproductsservices,#tbscsalessupport,#tbscproductnews,#tbscspecialpromotions,#tbsccontactus,#tbscsummary,#contactUsWide,#formonecol,#formtwocol,#myaccount,
#onlywithtelstra,#dashboard,#contactus,#contactus2,#contactusform1,#contactusform2,#shoponline
	{
	display: block;
	width: 978px;
	min-height: 520px;
	padding-top: 8px;
}

#onlywithtelstra {
	display: block;
	background: #ffffff url('../../images/wob_v2/center-background.png') repeat-y;
    float: left;
    padding: 0;
    width: 978px;
}
#onlywithtelstra .onlyWithTelstra {
	margin-left: 20px;
}
#fourzerofour {
	display: block;
	width: 972px;
	padding-left: 7px;
	min-height: 520px;
	padding-top: 11px;
}

#e_productselector_ajax .pageSuperContainer {
	display: block;
	width: 978px;
	padding-top: 8px;
	margin-bottom: 0;
}

#e_productselector_ajax #downPageContent {
	background: none;
}

.wlp-bighorn-titlebar-button-panel {
	display: none;
}

a img {
	border: none;
}

/* Global Navigation */
#telstraLinks {
	float: left;
}

.telstraLink-tabPart {
	float: left;
	margin-top: 8px;
	display: inline-block;
	height: 38px;
}

.telstraLink-tabContent {
	background: url("../../images/wob_v2/hdr-tab.png") repeat-x;
}

.telstraLink-active-tabContent {
	background: url("../../images/wob_v2/hdr-tab-active.png") repeat-x;
}

.telstraLink-active-tabContent a,.telstraLink-active-tabContent a:visited {
	color: #0058a9;
}

.telstraLink-tabContent a,.telstraLink-tabContent a:visited {
	color: #2d3a53;
}

.telstraLink-tabContent a:hover,.telstraLink-active-tabContent a:hover {
	/* Plave after the another colors so it takes priority. */
	color: #0066cc;
	text-decoration: underline;
}

.telstraLink-tabContent a,.telstraLink-active-tabContent a {
	position: relative;
	bottom: -13px;
	padding-left: 5px;
	padding-right: 12px;
}

.telstraLink-leftEdge {
	background: url("../../images/wob_v2/hdr-tab-left.png") no-repeat;
	width: 13px;
}

.telstraLink-middle {
	background: url("../../images/wob_v2/hdr-tab-middle.png") no-repeat;
	width: 10px;
}

.telstraLink-active-middle {
	background: url("../../images/wob_v2/hdr-tab-middle-active.png") no-repeat;
	width: 10px;
}

.telstraLink-rightEdge {
	background: url("../../images/wob_v2/hdr-tab-right.png") no-repeat;
	width: 5px;
}

#topLinks {
	position: absolute;
	right: 21px;
	top: 8px;
	/*fixes ie bug that shows menus underneath it showing through */
	z-index: 500;
}

#topLinks li {
	display: inline;
}

#sectionNav ul,#topLinks ul,#footer ul {
	list-style: none;
}

.wlp-bighorn-titlebar-title-panel {
	display: none;
}

#mainContent {
	float: left;
	margin-right: 0;
	padding-bottom: 0;
	padding-left: 16px;
	padding-right: 15px;
	width: 510px;
	background-color: #fff;
	line-height: 150% /*word-wrap: break-word; */   /* IE */
}

#dashboard #mainContent {
	width: 510px;
}

#formModal {
	width: 545px;
	left: 210px;
	height: 600px;
	padding: 25px 0 0 0;
}

#formModalContent {
	height: 600px;	
	overflow-y: auto;
	overflow-x: hidden;
}

#formModalContent iframe {
	border: none;
}

iframe.orderConfirmation {
	height: 500px;
	width: 545px;
}

#dashboard #mainContent {
	float: left;
	margin-left: 10px;
	padding-bottom: 0;
	padding-left: 16px;
	padding-right: 15px;
	width: 685px;
	background-color: #fff;
	line-height: 150% /*word-wrap: break-word; */   /* IE */
}

#errorPage #mainContent {
	margin: 20px 0px 0px 20px;
}

.iFrameTemplateWide #mainContent {
	display: inline;
	background: transparent;
	padding-left: 10px;
	padding-right: 0px;
}

#sectionNav {
	width: 170px;
	float: left;
	margin-left: 14px;
	margin-top: 14px;
	position: relative;
}

.fourColumnImagesContainer {
	float: left;
	width: 100%;
}

.fourColumnImages {
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 0;
	text-align: center;
	width: 111px;
	height: 225px;
	float: left;
	display: block;
	word-wrap: break-word;
}

.fourColumnContainer {
	float: left;
	width: 100%;
	clear: left;
}

.fourColumn {
	margin: 6px 10px 6px 0;
	padding: 0;
	width: 108px;
	float: left;
	display: block;
}

.offscreen span,.offscreen,#homeContent h1 {
	position: absolute;
	left: -999px;
	top: -999px;
}

#homeContent .homeLeftSide h1 {
	position: relative;
	left: 0;
	top: 0;
}

#nav-main .sf-shadow ul, .globallinks ul, #AccessOnlineApplicationsContent {
	background: transparent url('../../images/wob_v2/shadow.png') no-repeat bottom right !important;
	background: none;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

.globallinks-item {
	z-index: 500;
}

.pageSuperContainer .pageSuperContainerBottom {
	background: none;;
	clear: none;
}

#footer {
	background: url(../../images/wob_v2/footer.png) no-repeat -6px 0px;
	overflow:hidden;
	clear: both; 
	margin: 0pt auto; 
	padding: 12px 0pt 5px; 
	width: 974px !important; 
	position:relative;
}

.hometop #footer {
	
}

.hometop #footer ul {
	padding: 14px 0px 13px 0px;
	margin: 0px;
}
.four04 #footer ul#telstraFooterLinks {
	margin-left: 30px;
}

#footer ul {
	padding: 14px 0px 13px 0px;
}

#footer li {
	display: inline;
	padding-right: 8px;
	padding-left: 8px;
	border-right: 1px solid #d3d8e0;
}

#footer ul.right li {
	padding-right: 10px;
	padding-left: 10px;
}

.hometop #footer ul.right {
	margin-right: 15px;
}

#footer ul.right {
	margin-right: 10px;
}

#footer li.last {
	border-right: none;
}

#footer a {
	color: #374765;
	text-decoration: none;
}

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

#footerLogo {
	position: absolute;
	bottom: 13px;
	left: 11px;
	float: left;
}

.hometop #footerLogo {
	bottom: 12px;
	left: 15px;
	float: left;
}

#footer .footerLogo {
	float: left;
	border-right: none;
	display: block;
}

.hometop #footer {
	background: url(../../images/wob_v2/footer.png) no-repeat -6px 0px;
	width: 100%;
}
.hometop #footer ul#telstraFooterLinks{
	margin-left: 40px;
}

#footer ul#telstraFooterLinks{
	margin-left: 30px;
}

.twitter{background:url(../../images/wob_v2/icon-twitter.png) 0 0px no-repeat ;padding-left:16px}
.facebook{background:url(../../images/wob_v2/icon-facebook.png) 0 0px no-repeat ;padding-left:16px}
.youtube{background:url(../../images/wob_v2/icon-youtube.png) 0 0px no-repeat ;padding-left:16px}
.blog{background:url(../../images/wob_v2/icon-tblog.png) 0 0px no-repeat ;padding-left:16px}

.right{float:right;}

#footer li.lastLink {
	border: none;
} 

body.hometop #ieWrapper {
	width: 978px;
}

.subBlock {
	display: none;
	margin: .5em 55px 0 14px;
}

.subHeader {
	margin-right: 55px;
	display: block;
}

.categoryList {
	padding-left: 55px;
	width: 50%;
	float: left;
	display: inline;
}

.categoryListLinks {
	margin-left: 0px;
	float: right;
	display: inline;
	border: 0px solid green;
	width: auto;
	width: 70px;;
	text-align: right;
}

.imageContainer {
	text-align: center;
}

#mainContent .contentTable,#mainContent .contentTable td,#mainContent .contentTable th {
	border: none;
	background: transparent;
}

#mainContent .contentTable th {
	text-align: right;
	color: black;
	font-weight: normal;
	margin-right: 0;;
	padding-right: 0;
}

#mainContent .featureListCol {
	float: left;
	width: 290px;
}

#mainContent #tabPanel {
	float: left;
}

#mainContent #tabPanel #unselected {
	background: transparent url(../../images/wob_v2/tabSelected_bg_white.gif) no-repeat scroll 0 0;
}

#mainContent #tabPanel #selected {
	background: transparent url(../../images/wob_v2/tab_bg_white.gif) no-repeat scroll 0 0;
	padding-bottom: 1px;
}

#mainContent #tabPanel li {
	border-bottom-width: 0;
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 1px;
	text-align: center;
	width: 106px;
}

#mainContent #tabPanel #selected a {
	font-weight: bold;
	text-decoration: none;
}

#mainContent .featuresBenefitsTab {
	border-top-style: solid;
	border-top-width: 1px;
}

#ContactUsBox .linkSetTable td {
	padding: 0 6px 0 0;;
	color: #0049a7;
}

.linksetImage {
	padding: 0 5px 5px 0;
}

.homeLeftSide .linksetImage {
	padding: 0;
}

.grid50x33 p {
	margin-left: 95px;
}

.anchorList {
	margin-bottom: 10px;
}

#MyOnlineServicesBlockLinkBox,#ContactUsBlockLinkBox {
	position: absolute;
	right:15px;
}

#secondaryContent #MyOnlineServicesBlockLinkBox,#secondaryContent #ContactUsBlockLinkBox
	{
	position: relative;
	bottom: 0;
}

.floatRightLink {
	float: right;
	margin-left: 5px;
}

#customDisplayIFrameTwoColumn {
	border: medium none;
	height: 66em;
	margin-bottom: 8px;
	margin-left: 8px;
}

.dualColumnContainer {
	clear: left;
}

.productSelectorFooter {
	border: 1px solid #000;
	display: block;
}

.headingLinkProduct strong {
	display: block;
}

.headingLinkProduct {
	margin-bottom: 1em;
}

#secondaryContent .bannerImage {
	margin-bottom: 0;
}

.bannerImage {
	margin-bottom: 10px;
}

.hometop .bannerImage {
	margin: 0;
}

.collapseCloseLink {
	float: right;;
	margin-left: 5px;
}

.collapseCloseLink {
	float: right;
	margin-left: 5px;
	position: relative;
	top: -0.98em;
	display: none;
}

.homePageEditMode {
	position: absolute;
	left: 5px;
	top: -14px;
}

#campaign, #businesscentre {
	background: #FFFFFF url(../../images/wob_v2/center-background.png) repeat-y scroll 50% 0;
	float: left;
}

.campaignPage #mainContent {
	margin-left: 10px;
	width: 740px;
	overflow: auto;
}

#campaign .campaignPage #mainContent {
	margin-left: 10px;
	width: 930px;
}

#secondaryContent #FAQBox {
	width: 231px;
	background: #ffffff url('../../images/wob_v2/background-right-side-footer.gif') no-repeat bottom;
	margin-bottom: 8px;
	padding-bottom: 8px;
	clear: both;
}

#FAQBox p {
	margin-left: 15px;
	margin-right: 15px;
}

.hometop #FAQBox p {
	margin-left: 0px;
	margin-right: 0px;
}

#FAQBox #feedContent {
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

.hometop #FAQBox #feedContent {
	padding-left: 0px;
	padding-right: 0px;
}

#FAQBox #feedHeader {
	padding: 0px;
	display: inline;
	margin: 0;
	position: absolute;
	height: 0;
}

#FAQBox ul.items li {
	margin: 11px 0;
	list-style: none;
	padding-left: 12px;
	color: #000000;
	margin-left: 0;
	background: transparent url(../../images/wob_v2/list-arrow.gif) no-repeat left 4px;
}

#FAQBox .prevBtn {
	float: left;
}

#FAQBox .nextBtn {
	float: right;
}

#customDisplayRightNowFAQiFrame {
	width: 510px;
	height: 1000px;
	border: 0px;
	overflow: auto;
}

#secondaryContent .loading {
	padding-top: 35px;
	padding-left: 100px;
}

.topFAQfor {
	margin-top: 10px;
	margin-bottom: 5px;
}

.loading {
	padding-top: 35px;
	padding-left: 115px;
}

#secondaryContent #faqDetails {
	min-height: 100px;
	height: auto;
}

#faqDetails {
	width: 100%;
	height: 100px;
}

.hometop #faqDetails {
	margin-top: 0px;
	padding: 0;
	padding-left: 1px;
}

.navigationtable {
	padding: 0;
}

.inlineButton {
	vertical-align: middle;
	cursor: pointer;
}

/*----------------------*/ /* 		live chat		*/ /*----------------------*/
#formDetail {
	position: relative;
	margin: auto;
	width: 250px;
}

.row {
	position: relative;
}

.required {
	position: absolute;
	color: red;
	border: none;
	left: 235px;
	line-height: 1;
	top: 0;
}

#formDetail label {
	display: block;
	float: left;
	width: 82px;
	text-align: right;
	padding-right: 5px;
}

#formDetail input   , #loginDetail input {
	width: 142px;
	border: 1px solid #ccc;
	height: 17px;
}

/*----------------------*/ /* 		login			*/ /*----------------------*/
#loginDetail {
	position: relative;
	margin: auto;
	width: 250px;
}

#loginDetail .required {
	position: absolute;
	color: red;
	border: none;
	left: 220px;
	line-height: 1;
	top: 0;
}

#loginDetail label {
	display: block;
	float: left;
	width: 67px;
	text-align: right;
	padding-right: 5px;
}

/*----------------------*/ /* 		noscript 		*/ /*----------------------*/
	/* TBPIIBKLG-99. Bug caused by trying to style the noscript tag which is not recommended or fully supported. */
#javascriptWarning {
	color: red;
	left: 20px;
	position: absolute;
	top: 143px;
}

a,a:visited {
	color: #0049a7;
	text-decoration: none;
}

a:hover {
	color: #0049a7;
	text-decoration: underline;
}

img {
	border: 0 none #FFFFFF;
}

input,select,table,textarea {
	color: #004E80;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.hidden {
	position: absolute;
	left: -9999px;
	height: 1px;
	width: 1px;
	overflow: hidden;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.clearer {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
	font-size: 1px;
	line-height: 1px;
}

.shadow {
	display: block;
	width: 150px;
	height: 6px;
	position: absolute;
	z-index: 0;
	background: transparent url(../../images/wob_v2/left-nav-shadow.png) no-repeat right bottom;
	right: 0;
}

#lnav {
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
	width: 170px;
	background: url(../../images/wob_v2/nav-bottom-background.gif) bottom repeat-x;
	padding-bottom: 103px;
	float: left;
	position: relative;
}

#lnav li {
	display: inline;
	margin: 0;
	border: 0;
	padding: 0;
	background: url(../../images/wob_v2/left-nav-li-top-border.gif) top repeat-x;
	background-color: #d1e6f4;
	float: left;
	width: 170px;
	padding-top: 2px;
}

#lnav li.firstNavItem {
	padding-top: 0;
}

#lnav li a {
	display: block;
	margin: 0;
	font: normal normal normal .95em/normal Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #003399;
	height: 1%;
	padding: 5px 20px 5px 20px;
	font-weight: normal;
	background: #d8d8d8;
}

#lnav li a.active {
	background: #fff;
	color: #003399;
	font-weight: bold;
}

#lnav li a:hover .active {
	color: #003399;
	font-weight: bold;
}

#lnav li a.expanded {
	color: #003399;
	font-weight: bold;
	background: url(../../images/wob_v2/nav-arrow-down.gif) 6px center no-repeat;
}

#lnav li.expanded {
	background-color: #D1E6F4
}

/*Double check*/
* #lnav li li.expanded a.expanded {
	background: #E3EFF7 url(../../images/wob_v2/nav-arrow-down.gif) no-repeat scroll 8px center;
}

#lnav .expanded li.expanded a.activeflyout,#lnav a.activeflyout {
	background-color: white;
}

#lnav li.expanded a.expanded,#lnav li a.flyout .expanded {
	background: url(../../images/wob_v2/nav-arrow-down.gif) 6px center no-repeat;
}

#lnav li.activeContainer a.activeflyout {
	background: #fff url(../../images/wob_v2/nav-arrow-down.gif) 6px center no-repeat;
}

#lnav li.expanded a.activeContainer {
	background: #fff url(../../images/wob_v2/nav-arrow-down.gif) 6px center no-repeat;
}

#lnav li a.flyout {
	background: #d8d8d8 url(../../images/wob_v2/nav-arrow-right.gif) 8px center no-repeat;
}

#lnav li a:hover,#lnav li a:active,#lnav li a:focus {
	color: #003399;
	text-decoration: underline;
}

#lnav li a:hover .flyout,#lnav li a:active .flyout,#lnav li a:focus .flyout {
	color: #003399;
}

/* Fourth level navigation. JIRA TBPIIBKLG-88 */
#lnav li li li li a {
	padding-left: 30px;
}

#lnav li li li {
	width: 150px;
}

#lnav li li li a {
	background-color: #e3eff7;
	border-left: 0px solid #d1e6f4;
	padding-left: 20px;
	margin-left: 0px;
}

/* second level nav*/
#lnav li li {
	border-left: 0px solid #d1e6f4;
	width: 160px;
	float: right;
	background: url(../../images/wob_v2/left-nav-li-li-top-border.gif) top repeat-x;
	padding-top: 2px;
}

#lnav li li a {
	background-color: #d1e6f4;
	padding: 5px 5px 5px 20px;
	color: #003399;
	margin-left: 0px;
}

#lnav .expanded li.expanded {
	background-color: #E3EFF7;
}

#lnav li li a.flyout .expanded {
	background: #E3EFF7 url(../../images/wob_v2/nav-arrow-down.gif) 8px center no-repeat;
}

#lnav li li a.activeflyout {
	border-left: 0px solid #fff;
	padding-left: 20px;
	background: #fff url(../../images/wob_v2/nav-arrow-down.gif) 8px center no-repeat;
}

#lnav li li a.activeflyout {
	border-left: 0px solid #fff;
	padding-left: 20px;
	background: #fff url(../../images/wob_v2/nav-arrow-down.gif) 8px center no-repeat;
}

#lnav li li a.expanded {
	font-weight: bold;
}

#lnav li li a.flyout {
	background: #d1e6f4 url(../../images/wob_v2/nav-arrow-right.gif) 8px center no-repeat;
}

#lnav li li li a.flyout {
	background: #e3eff7 url(../../images/wob_v2/nav-arrow-right.gif) 8px center no-repeat;
}

/* end of second level nav definitions*/
#lnav a.flyout {
	background: url(../../images/wob_v2/nav-arrow-right.gif) center left no-repeat;
	clear: left;
}

#lnav .hideNav {
	display: none;
	visibility: hidden;
}

/* v9.0 left nav */ /* --- MAIN COLUMN --- */
#mainContent sup {
	position: relative;
	top: -0.4em;
	vertical-align: baseline;
}

#mainContent .list {
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-top: 12px;
}

#mainContent .list li {
	padding-left: 9px !important;
	background-image: url(../../images/wob_v2/arrow_blue_light.gif) !important;
	background-repeat: no-repeat;
	background-position: 0 0.45em !important;
}

.backToTop {
	text-align: right;
	padding-right: 0px;
	margin-bottom: 0px;
}

#mainContent .disclaimer {
	margin-top: 10px;
	clear: both;
	color: #565656
}

#mainContent .disclaimer,#mainContent .disclaimer ol,#mainContent .disclaimer ul,#mainContent .disclaimer li,#mainContent .disclaimer p
	{
	color: #565656 !important;
	font-size: 10px;
}

#mainContent .disclaimer h2 {
	font-size: 11px;
	font-weight: bold;
	clear: both;
	color: #565656;
}

.strict #mainContent dl {
	color: #6e6e6e;
}

dl {
	padding-bottom: 1em;
	width: 100%;
}

dt {
	float: left;
	width: 25px;
}

dd {
	margin-left: 30px;
}

/* Reset V9 Styles  */
#mainContent a {
	color: #0049A7;
}

#mainContent a:hover {
	color: #0049A7;
	text-decoration: underline;
}

#mainContent h1 {
	font-size: 1.43em;
	color: #0098DB;
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
	margin-top: 0px;
	padding-top: 10px;
	line-height: 1.2em;
	background-image: none !important;
}

#mainContent h3 {
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0;
	padding-top: 1em;
	font-weight: bold;
	clear: both;
}

#mainContent h4 {
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0;
	padding-top: 1em;
	font-weight: bold;
	background-image: none !important;
}

#mainContent h5 {
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0;
	padding-top: 1em;
	font-weight: bold;
	background-image: none !important;
}

#mainContent h6 {
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0;
	padding-top: 1em;
	font-weight: bold;
	background-image: none !important;
}

input,select,table,textarea {
	color: #000;
}

th {
	color: #0049A7;
	background: #fff url(../../images/wob_v2/background-table-header.gif) repeat-x 0 bottom;
	padding: 3px;
	vertical-align: middle;
}

#mainContent table,#mainContent table td,#mainContent table th {
	border-color: #ccc;
	border-style: solid;
	background-color: white;
}

#mainContent table {
	border-width: 1px 0 0px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 1em;
}

#mainContent table table,#mainContent table table table,#mainContent table table table table {
	margin-bottom: 0;
}

#mainContent td {
	border-width: 0px 1px 1px 0;
	padding: 5px;
}

#mainContent th {
	border-width: 0px 1px 1px 0;
	padding: 5px;
}

#mainContent p {
	font-size: 0.98em;
	line-height: 150%;
	margin-top: 1em;
	color: #000000;
	margin: 0;
	padding: 0.5em 0 1em;
	min-height: 1em;
	clear: both;
}

#mainContent .roundedCornerContent p {
	padding: 0 0 1em;
	clear: both;
}

#mainContent h2,.siteMapThird h2 {
	font-size: 13px;
	color: #003399;
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
	padding-top: 1em;
	line-height: 1.2em;
	background-image: none;
	font-weight: bold;
	clear: left;
}

.arrow {
	clear: both;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 10px;
	text-align: left;
	padding-right: 10px;
}

#siteMap .arrow {
	border: none;
	clear: none;
	width: 200px;
}

#mainContent h2 a {
	color: #128FBE;
}

#mainContent p.right {
	text-align: right;
}

#mainContent ul {
	padding: 0px 0 0 0;
	margin: 0px;
	margin-bottom: 1em;
	margin-top: 0px;
	clear: both;
}

#mainContent

 

ul

 

ul


,
#mainContent

 

ol

 

ul

 
  /* Commented out TBPIIBKLG-24 nested lists not working correctly.
#mainContent ol ol, 
#mainContent ul ol */
{
list-style


:disc


;
margin-bottom


:0;
}
#mainContent .dualColumnContainer ul {
	margin-bottom: 0;
}

#mainContent ol {
	margin-left: 10px;
	margin-bottom: 1em;
}

#mainContent li {
	margin: 5px 0 5px 16px;
}

/* Made li direct decendant of ul. TBPIIBKLG-24 nested lists not working correctly. */
#mainContent ul.anchorList>li,#mainContent .arrow li {
	margin: 5px 0 6px;
	list-style: none;
	padding-left: 12px;
	color: #000000;
	margin-left: 0;
	background: transparent url(../../images/wob_v2/list-arrow.gif) no-repeat left 5px;
}

#mainContent ul.anchorList ul li {
	background: none;
	margin-left: 12px;
	padding-left: 6px;
}

#mainContent .listArrow,#mainContent p.listArrow {
	background: transparent url(../../images/wob_v2/list-arrow.gif) no-repeat left 10px;
	padding: 5px 0 0 12px; 
}

#mainContent .listArrowDown,#mainContent p.listArrowDown {
	background: transparent url(../../images/wob_v2/list-arrow-down.gif) no-repeat left 10px;
	position: relative;
	left: -3px;
	padding: 5px 0 0 15px;
}

.linkItem {
	width:323px;
	height:44px;
	background: url(../../images/wob_v2/dashboard/dashboard-account-sprite.png) 0 0;	
	display:block;
	position: relative;
	border-top: 1px solid #cccccc;
}


#dashboardHomeTab .dualColumnContainer  .linkItem a{
	padding: 0 0 0 0;
	width:323px;
	height:44px;
	background: url(../../images/wob_v2/dashboard/dashboard-account-sprite.png) 0 0;	
	display:block;
}


#dashboardHomeTab .dualColumnContainer .linkItem .linkText {
	position:absolute;
	top: 15px;
	left: 15px;
	width:300px;
	background: url("../../images/wob_v2/list-arrow.gif") no-repeat scroll 0 4px transparent;
	left:15px;
	padding-left:15px;
	color: #000000;
	font-weight: bold;
}



#dashboardHomeTab .dualColumnContainer .linkItem a:hover{
	width:323px;
	height:44px;
	background-position:0px 44px;
}


.linkItem a,.linkItem a:hover{
	text-decoration: none !important;
	cursor: pointer;
}

.linkItem {
	cursor: pointer;
}

.cdbServicesSelector {
	float:right;
	margin-right:100px;
}	
#secondaryContent .listArrow {
	background: transparent url(../../images/wob_v2/list-arrow.gif) no-repeat left 3px;
	padding: 0px 0 0 10px;
}

.readMore {
	padding-left: 12px;
	background: transparent url(../../images/wob_v2/list-arrow.gif) no-repeat left 4px;
	clear: left;
}

#flashContainer {
	padding-top: 10px;
	padding-bottom: 10px;
}

.homeRightSide #flashContainer {
	margin-top: 0;
	margin-bottom: 0em;
}

#wrapper .dvtFix {
	height: 1px;
	line-height: 1px;
	visibility: hidden;
}

/* styles to hid accessibility features from sighted users */
caption {
	visibility: hidden;
	height: 0px;
}

/*online applications start*/ /*** ESSENTIAL STYLES ***/
.onlineApplications,.onlineApplications * {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 60;
}

.onlineApplications {
	line-height: 150%;
	margin: 4px 0 12px 5px;
	float: left !important;
	float: none;
}

#homeContent .onlineApplications {
	position: absolute;
	top: 55px;
	left: 765px;
}

.onlineApplications #AccessOnlineApplicationsContent {
	position: absolute;
	top: -999em;
	width: 19.65em; /* left offset of submenus need to match (see below) */
}

#accessOnlineApplication {
	padding: 10px !important;
	padding: 10px 0 10px 10px;
	background-color: white;
	text-align: left;
	float: left;
	width: 198px !important;
	width: 188px;
	border: 1px solid #ccc;

}

#AccessOnlineApplicationsContent h2 {
	font-size: 11px;
	color: black;
	font-weight: bold;
	background-color: white;
	background-image: none;
	margin: 0 10px 0 0;
	padding: 0;
	text-transform: none;
	clear: none;
}

.onlineApplications #AccessOnlineApplicationsContent li {
	margin-left: -10px;
	display: inline;
	padding: 0px 10px 10px;
	width: auto !important;
	width: 17.9em;
	vertical-align: middle;

}

.onlineApplications #AccessOnlineApplicationsContent li img {
	padding-right: 10px;
}

.onlineApplications li:hover,.onlineApplications li.sfhover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

.onlineApplications li {
	float: left;
	position: relative;

}

.onlineApplications a {
	display: block;
	position: relative;
	
}

.onlineApplications li:hover #AccessOnlineApplicationsContent,.onlineApplications li.sfhover #AccessOnlineApplicationsContent
	{
	left: 0;
	top: 2.14em; /* match top ul list item height */
	z-index: 99;
}

ul.onlineApplications li li:hover #AccessOnlineApplicationsContent,ul.onlineApplications li li.sfhover #AccessOnlineApplicationsContent
	{
	left: 20em; /* match ul width */
	top: 0;
}

ul.onlineApplications li li:hover li ul,ul.onlineApplications li li.sfhover li ul {
	top: -999em;
}

ul.onlineApplications li li li:hover ul,ul.onlineApplications li li li.sfhover ul {
	left: 10em; /* match ul width */
	top: 0;
}

.hometop .onlineApplications {
	float: right;
	position: absolute;
	right: 21px;
	top: 55px;
		z-index:100;
}

.onlinebutton .sfhover {
	z-index: 1000;
}

.onlineApplications a {
	text-decoration: none;
}

.onlineApplications a:hover {
	text-decoration: underline;
}

.onlineApplications a,.onlineApplications a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color: #13a;
}

.onlineApplications li {
	z-index: 29;
}

.onlineApplications li #AccessOnlineApplicationsContent {
	z-index: 60;
	margin-top: 6px;
}

.onlineApplications li #AccessOnlineApplicationsContent h2 {
	padding-bottom: 10px;
}

.onlineApplications li li li {
	background: #9AAEDB;
}

.onlineApplications li:hover,.onlineApplications li.sfhover,.onlineApplications a:focus,.onlineApplications a:hover,.onlineApplications a:active
	{
	outline: 0;
}

/*** arrows **/
.onlineApplications a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

/* point right for anchors in subs */
.onlineApplications #AccessOnlineApplicationsContent .sf-sub-indicator {
	background-position: -10px 0;
}

.onlineApplications #AccessOnlineApplicationsContent a>.sf-sub-indicator {
	background-position: 0 0;
}

/* apply hovers to modern browsers */
.onlineApplications #AccessOnlineApplicationsContent a:focus>.sf-sub-indicator,.onlineApplications #AccessOnlineApplicationsContent a:hover>.sf-sub-indicator,.onlineApplications #AccessOnlineApplicationsContent a:active>.sf-sub-indicator,.onlineApplications #AccessOnlineApplicationsContent li:hover>a>.sf-sub-indicator,.onlineApplications #AccessOnlineApplicationsContent li.sfhover>a>.sf-sub-indicator
	{
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*online applications end*/ /* Skip links */
#area_skipnav {
	margin: 0px auto;
}

#area_skipnav a {
	left: -10000px;
	position: absolute;
	z-index: 2;
}

#area_skipnav a:active,#area_skipnav a:focus,#area_skipnav a:hover {
	border: 1px solid #FFFFFF;
	background-color: #AFD1F4;
	display: inline;
	font-weight: bold;
	left: 0px;
	padding: 5px 5px 5px;
	width: 100%;
	top: 0px;
}

/* Header bar */
#header {
	background: url('../../images/wob_v2/header-bg.png') no-repeat;
	height: 170px;
}

.header-clear {
	clear: both;
}

#header-logo {
	float: left;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	height: 53px;
	width: 156px;
}

#header-right {
	float: right;
	text-align: right;
}

#header-right-wrap {
	background-image: url(../../images/wob_v2/menu_top_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #fff;
	padding-bottom: 4px;
	padding-top: 2px;
	text-align: left;
}

.search-wrap {
	z-index: 201;
}

.search-field {
	float: left;
	background-color: #ffffff;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.search-fields-wrap {
	float: left;
	margin-top: 9px;
}

.search-input {
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 8px;
	margin-right: 4px;
	border: 0px;
	height: 16px;
	width: 102px;
	color: #8090ae;
}

#search-telstra {
	background: white url('../../images/wob_v2/bg_search_telstra.gif') no-repeat 4px 5px;
}

#search-web,#search-telstra {
	float: left;
	width: 110px;
	margin: 0;
	padding: 4px 0 0 29px;
	height: 20px;
}

#search-web {
	background: white url('../../images/wob_v2/bg_search_web.gif') no-repeat 3px 5px;
}

#search-web :hover,#search-telstra :hover,#search-web .sfhover,#search-telstra .sfhover {
	background-color: #D2D8E0;
}

.search-options { /* make background important because superfish sets a style on the html element. */
	background: white url("/business/framework/skins/telstra/images/wob_v2/hdr_search_logo_arrow.gif") -1px 1px no-repeat;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	float: left;
	width: 25px;
	height: 21px;
	/* Relative is required otherwise popdown menu appears in wrong location. */
	position: relative;
}

#search-options-menu {
	display: none;
	position: absolute;
	left: -1px;
	width: 139px;
	top: 21px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.search-options-menu a {
	display: block;
	width: 115px;
	background-position: 4px 3px;
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
}

.search-options-menu a:hover {
	text-decoration: none;
	background-color: #efefef;
}

.search-button-wrap {
	float: left;
}

.search-button {
	margin-top: 3px;
	margin-left: 6px;
	cursor: pointer;
}

.headerLogin {
	color: #0049a7;
	padding-right: 10px;
	padding-top: .5em;
	padding-bottom: 0;
}

.headerLogin .name {
	font-weight: normal;
}

.headerLogin a {
	text-decoration: underline;
}

.headerLogin a:hover {
	text-decoration: underline;
}

#nav-wrap {
	height: 29px;
	width:946px;
	margin-left:15px;
	padding-top:15px;
	background:url(../../images/wob_v2/bg-main-nav.png) no-repeat;
}

#nav-wrap .app {
	height: 5px;
	background-image: url(../../images/wob_v2/menu_bg_app.gif);
}

#nav-top {
	float: left;
	z-index: 502;
	background-color: transparent;
	margin-right: 19px;
	position: relative;
	display: inline;
}

#nav-top .globallinks {
	list-style: none;
}

#nav-top .globallinks .globallinks-tab {
	float: left;
	position: relative;
	/* add padding to allow for addition of border on mouse over. */
	padding: 1px 1px 0px 1px;
}

#nav-top .globallinks .globallinks-tab:hover, 
/* selector for IE6 */
#nav-top .globallinks .globallinks-tab.sfhover {
	background-color: #e6e6e6; 
	border-right : 1px solid white;
	border-left: 1px solid white;
	border-top: 1px solid white;
	/* reset padding to allow for addition of border. */
	padding: 0px 0px 10px 0px;
}

#nav-top .globallinks .globallinks-tab:hover .rounded-left-corner,
/* selector for IE6 */
#nav-top .globallinks .sfhover .rounded-left-corner { 
	/* adds a rounded corner to link tabs only if mouse is over the tab */
	float: left;
	background: url("../../images/wob_v2/fly_cnr.gif") no-repeat;
	left: -1px;
	top: -1px;
	position: absolute;
	width: 10px;
	height: 10px;
}

#nav-top .globallinks .globallinks-tablink {
	display: block;
	padding: 2px 27px 1px 10px;
	margin-top: 10px;
	text-decoration: none;
	z-index: 500;
	color: #2D3A53;
	background-image: url(../../images/wob_v2/menu_top_arrow.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	border-right: 1px solid white;
}

#nav-top .globallinks:hover #tabId31 .globallinks-tablink,
/* IE6 selector */
#nav-top .globallinks.sfhover #tabId31 .globallinks-tablink { 
	/* hide the first tabs seperator when the mouse is over any of the tabs.*/
	border-right: 1px solid #e6e6e6;
}

#nav-top .globallinks #tabId32:hover .globallinks-tablink {
	/* And when hovering over the second tab make it's seperator disappear.*/
	border-right: 1px solid #e6e6e6;
}

#nav-top .globallinks .globallinks-dropdown { 
	position: absolute;
	z-index: 502;
	margin-left: -1px;
	margin-top: 11px;
	/* make sure drop downs are initially hidden to avoid flashing up on load. */
	visibility:hidden;
}

#nav-top .globallinks .globallinks-link { 
	color: #374765;
	text-decoration: none;
	background-color: #e8e8e8;
	background-image: none;
	font-weight: normal;
	display: block;
	padding: 4px;
	padding-left: 10px;
	line-height: 1.4;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	border-left: 1px solid white;
	width: 120px;
}

#nav-top .globallinks .globallinks-link:hover { 
	/* flyout links hover */
	background-color: #d3d8e0;
}
#tbpHome {
	margin: -14px 0px 0px 2px;
	width: 133px;
	height: 41px;
	display: inline-block;
	line-height: 0px;
	text-decoration: none;
}
#nav-top iframe { /* iframe to cover select form elements */
	left: 0px;
	position: absolute;
	top: -50px;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

#nav-main ul,#nav-main li,#nav-main a {
	line-height: 1;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#nav-main {
	margin-left: 136px;
	display: block;
	z-index: 30;
	position: relative;
	zoom: 1;
	margin-top: -42px;
	list-style: none;
	float:left;
	min-width: 80%;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    #nav-main {
        margin-top: -51px;
    }
    .four04  #nav-main {
    	margin-top: -42px;
    }
}

@-moz-document url-prefix() {
    #nav-main {
        margin-top: -52px;
    }
    .microSites #nav-main {
    	margin-top: -52px;
    }
    .four04  #nav-main {
    	margin-top: -42px;
    }
}

* html #nav-main-wrap {
	height: 29px;
}

#nav-main li {
	float: left;
	position: relative;
	margin-right: 0px;
	list-style: none;
}

#nav-main .activeTopMenu {
	background-color: #053992;
	color: #FFFFFF;
}


#nav-main :hover > a { 
	/* keep main tab rolled over when on flyout */
	background-color: #053992;
	color: #FFFFFF;
}

#nav-main li ul { /* flyout container */
	position: absolute;
	left: -999em;
	width: 165px;
	color: #FFFFFF;
}

#nav-main li li {
	background: #053992;
	width: 100%;
	color: #FFFFFF;
}

#nav-main li li:hover,#nav-main li li.sfhover {
	background-color: #053992;
	color: #FFFFFF;
}

#nav-main li li ul { /* flyout content */
	padding: 0px;
	width: 165px;
	position: static;
}

#nav-main li ul li li { /* flyout list items */
	float: none;
	width: 165px;
}

#nav-main li ul.extras li li {
	width: 194px;
}

#nav-main li a { /* links */
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 15px 60px 16px 11px;
	font-size: 100%;
	font-weight: bold;
}

#nav-main li a:hover {
	background-color: #053992;
	color: #FFFFFF;
}

#nav-main li li a,#nav-main li.selected li a { /* flyout links */
	color: #FFFFFF;
	font-weight: normal;
	background-image: none;
	text-decoration: none;
	text-align: left;
	font-size: 100%;
	width: auto !important;
	width: 100%;
	display: block;
	height: auto;
	padding: 3px 13px;
	line-height: 1.3em;
	margin-bottom: 4px;
}

#nav-main li li a:hover { /* flyout links hover */
	background-color: #2553A0;
	background-image: none;
	color: #FFFFFF;
	margin: 0px 4px 4px;
	padding: 3px 9px;
}

#nav-main li.selected:hover,#nav-main li.sfhover {
	background-color: #053992;
	color: #FFFFFF;
}

#nav-main li.selected {
	background-color: #053992;
	color: #FFFFFF;
}

#nav-main li.selected a {
	color: #091d56;
}

#nav-main li.selected:hover a,#nav-main li.selected .sfhover a {
	color: #091d56;
}

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

#nav-main li:hover ul.right-align,#nav-main li.sfhover ul.right-align {
	right: 0;
}

#nav-main iframe { /* iframe to cover select form elements */
	left: 0px;
	position: absolute;
	top: -50px;
	filter: progid :   DXImageTransform .   Microsoft .   Alpha(style =   0, opacity =   0);
}

.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px;
}

.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url('../../images/wob_v2/arrows-ffffff.png') no-repeat -10px -100px;
	/* 8-bit indexed alpha png. IE6 gets solid image only */
}

a>.sf-sub-indicator {
	top: .8em;
	background-position: 0 -100px;
}

a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator
	{
	background-position: -10px -100px;
}

.sf-menu ul .sf-sub-indicator {
	background-position: -10px 0;
}

.sf-menu ul a>.sf-sub-indicator {
	background-position: 0 0;
}

.sf-menu :focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator
	{
	background-position: -10px 0;
}

#mainContent p h3 {
	padding: 0;
}

/* Case studies */
#caseStudyLead {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

#caseStudyQuoteBackground {
	width: 220px;
	background: transparent url(../../images/wob_v1_1/quote_top.gif) no-repeat top left;
	background-color: #f8f8f8;
	margin-bottom: 1em;
}

#caseStudyQuote {
	padding: 20px;
	font-style: italic;
	background: transparent url(../../images/wob_v1_1/quote_bot.gif) no-repeat bottom right;
}

.caseStudyImage {
	margin-bottom: 1em;
}

.caseStudyLogo {
	
}

#caseStudyContent {
	
}

/* Override to enable wrapping of content around the lead. */
#caseStudyContent p,#caseStudyContent ul {
	clear: none;
}

/*RM*/

#mainContentTwoCol h3{
font-size: 1em;
font-weight: bold;
margin-bottom: 1em;
margin-top: 2em;
}

.rich-slider{
}

.rich-inslider-track{

width:452px !important;
}

#accord{
background: white;
min-height:423px;
width:523px;
float:left;
}

.wideColumnWithLHS{
margin-left:200px;
;
}

.wideColumnWithLHS #mainContentTwoCol{
width:755px;
margin-top:10px;
margin-bottom:10px;
}
#mainContentTwoCol{
background-color:#FFFFFF;
float:left;
line-height:150%;
margin-right:0;
padding-bottom:0;
padding-left:0px;
padding-right:15px;
width:755px;	
}

.wideColumnWithLHS p{
color:#000000;
font-size:0.98em;
line-height:150%;
margin:0;
min-height:1em;
padding: 0 0.5em 0.5em 1em;
}

#mainContentTwoCol .bannerImage{
float:right;
}
#mainContentTwoCol .rightOfImage .bannerImage{ 	
	float:left;
}
#mainContentTwoCol h2{
color: #039;
font-family: Verdana;
font-size: 14px;
font-weight: bold;
}

.month {
color:#003399;
font-family:Verdana;
font-size:16px;
font-weight:bold;
}
.upfront {
color:#003399;
font-family:Verdana;
font-size:11px;
font-weight:bold;
}
.upfrontAmount {
color:#003399;
font-family:Verdana;
font-size:16px;
font-weight:bold;
}
.mincost {
color:#565656;
font-family:verdana;
font-size:11px;
}

.SelectImageTable{
border:none;
}
/*End RM*/

/*Scoll bar for modal panel*/
.dr-mpnl-pnl {
	overflow:none;
}


#solutionAdvisorPortlet:solutionAdvisorForm:recommendationPanel .rich-tbp-datagrid-element:hover, #solutionAdvisorPortlet:solutionAdvisorForm:recommendationPanel .rich-tbp-datagrid-element-selected:hover{
border-color:white;
background: white;
border-radius:0;

}


#customDisplayIFrameForCPF {
	border: medium none;
	height: 1690px;
	margin-bottom: 6px;
	margin-left: -4px;
	width: 762px;
}

#customDisplayIFrameWithLeftNav {
	border: medium none;
	height: 800px;
	margin-bottom: 6px;
	margin-left: -4px;
	width: 762px;
}

/* Only With Telstra pages */
#OWT {
	width:957px;
	font-family: verdana;
	margin:20px auto;
	
}

/*end throw away code - RM*/
#OWT {
	width:964px;
	margin-bottom:0;
	background-color:white;
	position:relative;
}
#OWT a, #OWTmodal a {
	text-decoration: underline;
}
#OWT a:hover, #OWTmodal a:hover {
	text-decoration: none;
}
.OWTwelcome {
	background: url("../../images/wob_v2/onlywithtelstra/welcome.jpg") no-repeat scroll left center white;
	height: 270px;
	margin-left: 19px;
	padding: 18px 39px 0 29px;
	width: 870px;
	line-height: 17px;
}

.OWTtext {
	height: 140px;
	overflow: hidden;
	margin-top: -5px;
}
#confirmSelect {
	margin-top: -7px;
}
	
.OWTLogin {
background: url("../../images/wob_v2/onlywithtelstra/bg-gallery.jpg") no-repeat scroll 0 0 white;
    height: 480px;
    margin: -17px 0 0 1px;
    padding: 0;
    width: 961px;
}
#OWT p {
	font-size:12px;
	margin-bottom:10px;
	margin-top:6px;
	color:#003399
}
#login-panel{
left: 338px;
    position: absolute;
    top: 319px;

}
#login-panel label{
 display: block;
    float: left;
    font-size: 9px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    text-align: right;
    text-transform: uppercase;
    width: 56px;
}
.logininput{
	background-color:#e7ebf4;
    border: 1px solid #c4c8d1;
      padding: 3px;
      border-bottom:none;
      border-right:none;
	}
.center{text-align:center}

#OWTOffers {
	margin: 20px 18px 0px 45px;
}

.OWTOffer {
	height:313px;
	background: url("../../images/wob_v2/onlywithtelstra/owt-offer-bg.png") no-repeat;
	padding: 20px 10px 0px 10px;
	width: 140px;
	margin-right: 15px;
}

.OWTOffer h4 {
	font-size: 12px;
	color: #1F497D;
	text-align: center;
	min-height: 62px;
}

.OWTOfferImage {
	width:140px;
	margin-top: 10px;
}
.OWTOfferButtons {
	text-align: center;
}
#OWTTimeDetails {
	min-height: 170px;
}
.timeFieldsTable {
	width: 100%;
}
.timeFieldsTable td{
	padding-bottom: 5px;
}
#OWT .timeFieldsTable p {
	margin: 0px;
}

.timeFieldsTable .lblCell{
	width: 165px;
	padding-right: 10px;
}
.timeFieldsTable .fieldCell {
	padding-top: 2px;
}
.timeFieldsTable label {
	padding-right: 10px;
}
.OWTconfirmation {
	background-color:#0177bd;
	border:1px solid #97c5df;
	padding-left:41px;
	width:913px;
	height:82px;
	margin:27px 4px 0 4px;
}
.OWTconfirmationButtons {
	width:114px;
	padding:0 22px;
	margin-right:10px;
	float:left;
	margin-top:28px;
}
.OWTconfirmationInfo {
	width:552px;
	margin-top:20px;
	padding:0px 26px 0 0;
	float:left;
}
#OWT .OWTconfirmationInfo p {
	font-size:16px;
	font-weight:normal;
	color:#fff;
	margin-top:28px;
}
#OWT h1 {
	font-size:18px;
	text-transform:Uppercase;
	font-weight:normal;
	color:#003399;
	padding:0;
}
.OWTofferInfo h2,#OWT h2,#OWT h3 {
	font-size:16px;
	font-weight:bold;
	color:#003399;
}
#mandText{
padding-top: 10px;
}
/* End OWT pages */

.messageText{

}
#accord table{
margin:0;
padding:0;
border-collapse:collapse;
}
#accord .richTable{
background: #D4E6F4 url(../../images/wob_v2/blue-gradient.jpg) repeat-x bottom;
            width:100%;
}
#accord .richTable td{
            padding:10px 0px 0 10px;

}
#accord .richTable td td{
padding:0;
}
.wideColumnWithLHS p.saButtons{
margin:0;
	margin-top:20px;
padding:0;
height:25px;
}
.saNext{
background:transparent url(../../images/wob_v2/next-orange.gif) no-repeat scroll 0 50%;
border:medium none;
cursor:pointer;
float:right;
font-weight:bold;
height:23px;
margin-top:0px;
overflow:hidden;
padding:22px 3px 3px;
width:132px;
}
.saNextDisabled{
background:transparent url(../../images/wob_v2/next-grey.gif) no-repeat scroll 0 50%;
border:medium none;
cursor:pointer;
float:right;
font-weight:bold;
height:23px;
margin-top:0px;
overflow:hidden;
padding:22px 3px 3px;
width:132px;
}
.saPrevious{
background:transparent url(../../images/wob_v2/previous-orange.gif) no-repeat scroll 0 50%;
border:medium none;
cursor:pointer;
float:left;
font-weight:bold;
height:23px;
margin-top:0px;
overflow:hidden;
padding:22px 3px 3px;
width:132px;
}
#accord input{
vertical-align:middle;
}
#printEmailImages{
position:absolute;
right:258px;
top:180px;
}
.dr-pnlbar-h-act .tick{
background:url("../../images/wob_v2/tick-blue.gif") no-repeat scroll right 50% transparent;
float:right;
height:15px;
margin-right:20px;
width:16px;
margin-left:10px;
}
.dr-pnlbar-h .tick{
background: url(../../images/wob_v2/tick-grey.gif) no-repeat scroll right 50%;
float:right;
height:18px;
margin-right:20px;
width:20px;
margin-left:10px;
}

.dr-pnlbar-h-act .ticktext{
color:white;
display:inline;
font-size:13px;
font-style:italic;
float:right;
/*margin-right:43px;*/
}
.dr-pnlbar-h .ticktext{
color: #003399;
display:inline;
font-size:13px;
font-style:italic;
float:right;
}

.RTRight{
outline:1ps solid red;
}
.RTLeft{
outline:1ps solid blue;
}
.RTSelected{
outline:1px solid green;
}
#accord .recommendationTable{
margin:10px;
}
.wideColumnWithLHS .ie6WidthFix{
width:540px;
}
.recommendationPanelContent{
display:block;
padding-left:10px;
padding-top:10px;
background: url(../../images/wob_v2/blue-gradient.jpg) repeat-x top;
width:513px;
}


.modelClose, .close{
position:absolute;
right:0px;
top:0px;
margin:0px;
padding:0px;
}

.modelClose, .formClose{
position:absolute;
right:5px;
top:5px;
margin:0px;
padding:0px;
}

/* RM test this code can stay or go */
#OWTmodal { 
border: 1px solid #666;
margin: 15px auto;
background-color: white;
width: 800px;
overflow-x: hidden; 
overflow-y: scroll;
height: 600px;
}

/*end throw away code - RM*/
#OWTmodal h2, #OWTmodal h3 {
	font-size:16px;
	font-weight:bold;
	color:#003399;
}
#OWTmodal h2 {
	padding:0 0 10px 0;
}
#OWTmodal p {
	font-size:12px;
	margin-bottom:10px;
	margin-top:6px;
	color:#003399;
	line-height:150%;
}
#OWTmodal ul {
	margin-left:15px;
	color:#003399;
	font-size:12px;
	line-height:150%;
	margin-bottom:10px;
	margin-top:6px;
}
.OWTmodalContent {
	width:506px;
	float:left;
	padding:20px;
}
.OWTmodelRightSide { 
	width: 219px; 
	float: left; 
	padding: 20px 16px 20px 0pt; 
}
.OWTmodalTerms {
	clear:both;
	background-color:#E5E5E5;
	margin-top:10px;
	float:left;
	padding:20px;
	width:752px;
}
#OWTmodal .OWTmodalTerms p {
	color:#565656;
	font-size:10px;
}
#OWTmodal .OWTmodalTerms h3 {
	color:#565656;
	font-size:11px;
	font-weigth:bold;
}
#OWTmodal .moreInfoLinks a {
	width: 445px;
	float: left;
	color: #004a96;
	font-size: 11px;
	padding: 10px 10px 10px 20px;
	background: #e5e5e5 url(../../images/wob_v2/arrow.gif) no-repeat 10px 14px;
}
.OWTmodelCloseButton {
	text-align:right;
}
.OWTmodelLargeImage {
	margin-top:10px;
}
.OWTmodelApplyNow {
	margin-top:10px;
	background:url(../../images/wob_v2/onlywithtelstra/bg-apply.jpg) repeat-x;
	height:64px;
	padding-left: 31px;
}
.OWTmodelApplyNow img {
	float:left;
	margin:5px;
}
.OWTmodelApplyNow a {
	color:white;
	font-size:10px;
}
.OWTmodalReturn {
	display: block;
	float: left;
	margin-top: 16px;
	width: 60px;
}
#OWTmodal .clear{clear:both}
#OWTmodal table{border-collapse:collapse;margin-bottom:1em;color:#0049A7;}
#OWTmodal .tableheader{border:1px solid #ccc;}
#OWTmodal tr{border-bottom:1px solid #ccc;}
#OWTmodal td{padding:5px;}

#OWTmodal .imageContainer { text-align: center; background:url(../../images/wob_v2/onlywithtelstra/images-lrg-bg.png) no-repeat;padding:12px}
#OWTmodal .imageContainer img{margin:0;}

/*.OWTmodalContent { width: 476px; float: left; padding: 20px; height: 420px;}*/

.OWTSubmitButtons {display: inline;float: left;}


/*CTA start*/
.ctaRegion {
	width: 150px;
	height: 35px;
}

a.ctaTopLevelItem {
	position: absolute;
	text-decoration: none;
}

a.ctaTopLevelItem:hover {
	background-color: white; /*need this for IE6 to work*/
}

a.ctaTopLevelItem span.ctaDropdownRegion {
	visibility: hidden;
	position: absolute;
	top: 30px;
	left:0px;
	background-color: white;
	border: 1px solid #ccc;
	width: 250px;
	cursor: default;
}

a.ctaTopLevelItem:hover span.ctaDropdownRegion {
	visibility: visible !important;
}

a.ctaTopLevelItem:hover span.ctaDropdownRegion a:hover {
	text-decoration: underline;
}

/*CTA end*/


/* Radio button start*/
.solutionAdvisorRadioInput {
	position:relative;
	top:2px;
	margin-right:2px;
}
/* Radio button end*/


/* Disabled panel bar item start*/
.tbp-panel-bar-item-header-disabled {
	background:#E4E5E7 url(../../images/wob_v2/arrow-disabled.gif) no-repeat 7px 3px !important;
}

.tbp-panel-bar-item-header-disabled h2 {
	color: #9fa1a1 !important;
}
/* Disabled panel bar item end*/

.half{width:50%;float:left;}
.clear{clear:both;}
.textRight{text-align:right;}

#OWT label.text{float:left; text-align:right;width:120px;display:block;}
#OWT legend{font-size:13px; font-weight:bold; color:#003399;}
#OWT label.checkboxradio{}
.OWTErrorMessage{
	 background: url("../../images/wob_v2/onlywithtelstra/background-login-error.jpg") no-repeat scroll 0 0 #E4E5E7 !important;
    height: 79px;
    left: -21px;
    padding: 30px;
    position: absolute;
    text-align: center;
    top: -153px;
    width: 270px;
    color: #A62124;
}
#OWTconfirmSelection{
margin-top:10px;
    padding: 0 10px;
}
.textInput{
	width: 195px;
    border: 1px solid #CCCCCC;
    margin-right: 7px;
    padding: 3px 2px 4px;
	}
.lightBlueRounded{
-moz-border-radius:3px;
border-radius:3px;
background-color:#C0D8FE;
border:1px solid #B9C0C8;
padding:10px;
margin:10px 0;
}
.indent105{margin-left:105px;}
.owtError {color: #A62124;}

/* RM dashboard styles*/
.billdate{
color:#0300ff;
margin:10px 20px;
}
#manageaccount{text-align:right;color:#053297}

#manageaccount select{z-index:-1;}

#selectaccount{width:70%;
float:left;
color:#053297;}

#tabDetail table{
width:100%;
border:none;
margin-bottom:0px;
}

#tabBody{
border:1px solid #afe0ff;
border-top: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding-bottom: 5px;
overflow:visible;
}

#mainContent #tabDetail th{
background-color:#0049A7;
color:white;
background-image:none;
border-width:0 0 0px 0;
height: 65px;
text-align: left;	

}

#mainContent #tabDetail td{
background-color:#f2f2f2
}

#mainContent #tabDetail td{
border-width: 0px 0px 0px 0;
border-color:white;
}

.servicenumber{width:150px;}
.plandescription{width:300px;}
.serviceactions{width: 200px;}
#tabHeader .managefamily{}
#tabHeader .managefamily{float:right;padding:5px;width:205px;font-weight:bold;}


#dashboard-accountno-title {
	float:left;
	padding-right:10px;
}

#dashboard-account {
	background-color: #c0d8fe;
	border:1px #b9c0c8 solid;
	padding: 5px 20px 20px 20px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

select.dashboard-account-select {
	width: 115px;
}
#productTabs{
height:30px;
}
#productTabs img{
margin-left:0;
margin-right:-4px;
margin-bottom:-3px;
}

#productTabs ul li a:hover{
	cursor: hand;
	cursor: pointer;
}

#mainContent #tabDetail .dteven td {background-color:#fff}
#mainContent #tabDetail .dtodd td {background-color:#f4f4f4}




#tabDetail select, #tabHeader select{
width:100%;
}
 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
   #tabDetail .managefamily select {
       width: 203px;
       margin-left: 1px;
   }
}

.dashboardSwitchClassic {
    position: absolute;
    right: 267px;
    top: 184px;
}
@-moz-document url-prefix() {
	.dashboardSwitchClassic {
	    top: 193px;
	}
}
#tabDetailPaging{
	border: 1px solid #CCCCCC;
    margin-bottom: 2px;
    margin-top: 10px;
    padding: 4px;
    color:#999;
    text-align: right;
}
.pagingTextActive{
	background-color: #0098DB;
    color: white;
    font-weight: bold;
    padding: 2px 3px;
	}
.pagingText{
	padding:2px 8px 2px 7px;
	border-right: 1px solid #999999;
    line-height:11px;
	}	
#tabDetailPaging .pagingTextLast{
	padding:2px 8px 2px 7px;
	border-right: 0px;
	}
#tabDetailPaging a{
	padding:2px 8px 2px 7px;
	color:#0049A7;
	border-right: 1px solid #999999;
}

#tabDetailPaging a:hover{
	cursor: pointer;
}

#tabPagingStatus {
	float: left;
	color:#003399;
	font-weight: bold;
}

/*tsuite tab styling start*/
.one{clear:both;}
.two{
	z-index: 1;
	position: relative;
	-moz-box-shadow: 1px 1px 1px #000000;
	-webkit-box-shadow: 1px 1px 1px #000000;
	box-shadow: 1px 1px 1px #999;
	background-color: white;
	float: left;
	margin: 10px 20px;
	width: 295px;
	-moz-border-radius:3px;
	border-radius: 3px;
	behavior: url(/business/framework/skins/telstra/css/wob_v2/PIE.htc);
}
.thirdRound{
	z-index: 1;
	position: relative;
	-moz-box-shadow: 1px 1px 1px #000000;
	-webkit-box-shadow: 1px 1px 1px #000000;
	box-shadow: 1px 1px 1px #999;
	background-color: white;
	float: left;
	margin: 10px 10px;
	width: 207px;
	-moz-border-radius:3px;
	border-radius: 3px;
	behavior: url(/business/framework/skins/telstra/css/wob_v2/PIE.htc);
}
#mainContent p.OWTTabP{color:#003399; margin:0px 20px 0px 30px}
#mainContent h3.OWTTabh3{font-size:12px; color:#003399; margin: 0px 20px 0px 30px}
#mainContent .two h3,#mainContent .thirdRound h3 {color:#003399; margin:0 10px 0 10px;font-size:12px;}
#mainContent .two p,#mainContent .thirdRound p{color:#003399; margin:0 10px 0 10px}
#mainContent .two a,#mainContent .thirdRound a{text-decoration:underline}
/*tsuite tab styling end*/

.pukError, .pukText{
	width: 154px;
	float: right;

	padding-right: 10px;
}

#dashboardContainer .pukText {
	padding-top: 5px;
	font-weight: bold;
}

@-moz-document url-prefix() {
   .pukError {
		padding-top: 9px;
	}
   #dashboardContainer .pukText {
		padding-top: 15px;
	}
}
	
#dashboardContainer .pukError p {
	color: red;
}

#dashboardTour{
	background-color:#C0D3FE;
	border:1px solid #B6C2CF;
	-moz-border-radius:3px;
	border-radius: 3px;
	padding:10px;
}
#dashboardTour h3{ color: #003399;font-size:14px;padding:0;}
#dashboardTour ul{clear:none;color:#003399;padding:0;margin:10px 0 0 0;}
#dashboardTour p{color:#003399; padding:0;clear:none;margin:10px 10px 10px 17px}
#dashboardTour li{padding:0;margin:0 0 0 17px;list-style-image:url(../../images/wob_v2/dashboard/icon-tour-bullet.png);font-size:11px}
#dashboardTour a{text-decoration:underline;}

#mainContent #mainContentSubContainer #dashboardContainer #tsuiteContent{
background-color:#E5F1F9;
position: relative;
}

#mainContent #mainContentSubContainer #dashboardContainer #noServicesContent{
background-color:#E5F1F9;
position: relative;
}

#mainContent #mainContentSubContainer #dashboardContainer #tsuiteContent #info{
border:none;
background:#E5F1F9 url(../../images/wob_v2/dashboard/icon-Info-white.png) no-repeat 9px top ;
padding:0 5px 0 47px;
margin-top:10px;
}

#mainContent #mainContentSubContainer #dashboardContainer #tsuiteContent #info p{
	/*color: #003399;*/
	
}
#mainContent #mainContentSubContainer #dashboardContainer #tsuiteContent h2{
background-color:#0049A7;
color:white;
background-image:none;
border-width:0 0 5px 0;
padding: 1em 0;
}

#mainContent #mainContentSubContainer #dashboardContainer #noServicesContent #tabHeader{
background-color:#0049A7;
color:white;
background-image:none;
border-width:0 0 5px 0;
height: 65px;
padding: 1em 0 0;
}

#mainContent #mainContentSubContainer #dashboardContainer div #title{	
	margin: 10px;
	color:white;
}
	
#mainContent #mainContentSubContainer #dashboardContainer #tsuiteContent #description{
	color: #1b58b1;
	font-weight: normal;
	margin : 10px;
}

#mainContent #mainContentSubContainer #dashboardContainer {
	position: relative;
	
}

#mainContent #mainContentSubContainer #dashboardContainer #welcomeBar {
	margin-bottom: 20px;
}
	
#mainContent #mainContentSubContainer #dashboardContainer #tsuiteContent table{
	background-color:#E5F1F9;
	table-layout:fixed;width:100%;
}

#mainContent #mainContentSubContainer #dashboardContainer #tsuiteContent td{
	background-color:white;
	border-color:#E5F1F9;
	border-width: 10px 10px 10px 10px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-bottom-left-radius: 3px 3px;
	}
	
#mainContent #mainContentSubContainer #dashboardContainer #noServicesContent #noServices{
border:none;
background:#E5F1F9 url(../../images/wob_v2/dashboard/icon-Info-white.png) no-repeat 9px 9px ;
padding:0 5px 0 47px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 1px #000000;
-webkit-box-shadow: 1px 1px 1px #000000;
box-shadow: 1px 1px 1px #999;
background-color: white;
margin: 0px 10px 10px 10px;	

}
#mainContent #mainContentSubContainer #dashboardContainer #noServicesContent #noServicesTab {padding-top:10px;}
#mainContent #mainContentSubContainer #dashboardContainer #noServicesContent #noServices p  {color:#000000;}

#mainContent #mainContentSubContainer #dashboardContainer #digiBizContent{
background-color:#E5F1F9;
}

#mainContent #mainContentSubContainer #dashboardContainer #digiBizContent h2{
background-color:#0049A7;
color:white;
}
	
#mainContent #mainContentSubContainer #dashboardContainer #digiBizContent #description{
	color: #1b58b1;
	font-weight: normal;
	margin : 10px;
	}
	
#mainContent #mainContentSubContainer #dashboardContainer #digiBizContent table{
	background-color:#E5F1F9;
	table-layout:fixed;width:100%;
	}
#mainContent #mainContentSubContainer #dashboardContainer #digiBizContent td{
	background-color:white;
	border-color:#E5F1F9;
	border-width: 10px 10px 10px 10px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-bottom-left-radius: 3px 3px;
	}
	
#mainContent #mainContentSubContainer #dashboardContainer #networkContent{
background-color:#E5F1F9;
}

#mainContent #mainContentSubContainer #dashboardContainer #networkContent h2{
background-color:#0049A7;
color:white;
}
	
#mainContent #mainContentSubContainer #dashboardContainer #networkContent #description{
	color: #1b58b1;
	font-weight: normal;
	margin : 10px;
	}
	
#mainContent #mainContentSubContainer #dashboardContainer #networkContent table{
	background-color:#E5F1F9;
	table-layout:fixed;width:100%;
	}
#mainContent #mainContentSubContainer #dashboardContainer #networkContent td{
	background-color:white;
	border-color:#E5F1F9;
	border-width: 10px 10px 10px 10px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-bottom-left-radius: 3px 3px;
	}
		
#mainContent  .contentSection .titleArea, #mainContent  .contentSectionRight .titleArea {
	padding:0 0 10px 15px;	
	background-color: #1b58b1;
}
	
		
#mainContent #mainContentSubContainer #dashboardContainer #title{
	margin:10px;
	font-size: 14;
	color: #0049A7;
}

#mainContent #mainContentSubContainer #dashboardContainer #dashboardTour a{
	text-decoration: underline;
}

.warning{
border:1px solid #0049A7;
background:#E5F1F9 url(../../images/wob_v2/dashboard/icon-warning.png) no-repeat 9px center ;
padding:0 5px 0 47px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.info{
border:1px solid #0049A7;
background:#E5F1F9 url(../../images/wob_v2/dashboard/icon-Info.png) no-repeat 9px center ;
padding:0 5px 0 47px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top:10px;
}
.newlook{
margin-top:10px;
}

#mainContent .warning p, #mainContent .info p, #mainContent .newlook p {color:#0049A7;}

#mainContent .warning p, #mainContent .info p, #mainContent .newlook p .bpayreg {
margin-top:10px;	
font-size: 10.2px;
color: #000000;
}

/*RM start sprite styling*/
#spriteHome {
	width:78px;
	height:30px;
	text-decoration:none;
	display:block;
	background-image:url(../../images/wob_v2/dashboard/dashboard-sprite.png);
	background-position:-1px -33px;}
#spriteHome:hover {
	background-position:-1px -97px;
}
#spriteHome:active,#spriteHome.activeSprite {
	background-position:-1px -65px;
}
#spriteMobiles {	width:78px;
	height:30px;
text-decoration:none;
	display:block;
	background-image:url(../../images/wob_v2/dashboard/dashboard-sprite.png);
	background-position:-79px -33px;}
#spriteMobiles:hover {
	background-position:-79px -97px;
}
#spriteMobiles:active,#spriteMobiles.activeSprite {
	background-position:-79px -65px;
}
#spriteBroadband {	width:78px;
	height:30px;
text-decoration:none;
	display:block;
	background-image:url(../../images/wob_v2/dashboard/dashboard-sprite.png);
	background-position:-157px -33px;}
#spriteBroadband:hover {
	background-position:-157px -97px;
}
#spriteBroadband:active,#spriteBroadband.activeSprite {
	background-position:-157px -65px;
}

#spriteWireless {	width:78px;
	height:30px;
text-decoration:none;
	display:block;
	background-image:url(../../images/wob_v2/dashboard/dashboard-sprite.png);
	background-position:-235px -33px;}
#spriteWireless:hover {
	background-position:-235px -97px;
}
#spriteWireless:active,#spriteWireless.activeSprite {
	background-position:-235px -65px;
}
#spriteFixed {	width:78px;
	height:30px;
text-decoration:none;
	display:block;
	background-image:url(../../images/wob_v2/dashboard/dashboard-sprite.png);
	background-position:-313px -33px;}
#spriteFixed:hover {
	background-position:-313px -97px;
}
#spriteFixed:active,#spriteFixed.activeSprite {
	background-position:-313px -65px;
}
#spriteBundled {	width:78px;
	height:30px;
text-decoration:none;
	display:block;
	background-image:url(../../images/wob_v2/dashboard/dashboard-sprite.png);
	background-position:-391px -33px;}
#spriteBundled:hover {
	background-position:-391px -97px;
}
#spriteBundled:active,#spriteBundled.activeSprite {
	background-position:-391px -65px;
}
#spriteApps {	width:78px;
	height:30px;
text-decoration:none;
	display:block;
	background-image:url(../../images/wob_v2/dashboard/dashboard-sprite.png);
	background-position:-469px -33px;}
#spriteApps:hover {
	background-position:-469px -97px;
}
#spriteApps:active,#spriteApps.activeSprite {
	background-position:-469px -65px;
}
#spriteSettings {	width:78px;
	height:30px;
text-decoration:none;
	display:block;
	background-image:url(../../images/wob_v2/dashboard/dashboard-sprite.png);
	background-position:-547px -33px;
}
#spriteSettings:hover {
	background-position:-547px -97px;
}
#spriteSettings:active,#spriteSettings.activeSprite {
	background-position:-547px -65px;
}

#spriteNetwork {
	width:78px;
	height:30px;
	text-decoration:none;
	display:block;
	background-image:url(../../images/wob_v2/dashboard/dashboard-sprite.png);
	background-position:-625px -33px;
}
#spriteNetwork:hover {
	background-position:-625px -97px;
}
#spriteNetwork:active,#spriteNetwork.activeSprite {	
	background-position:-625px -65px;
}


.dashboardMenu{
	float:left;
	list-style-type: none;
	}
#mainContent li.dashboardMenu{margin:0;} 

/*RM end sprite styling*/

.loginText {
display:block;
padding:4px;
}
.loginButton{
float:left;
}
#accessBillContainer {
	color: #0049A7;
}
#accessOnlineBill img {
	position: absolute;
	margin: -5px 0 0px 10px;
}
.left {float: left;}
/*RM end dashboard styles*/

/*opera 11 home login button bug*/
#homeTabsDialogue_2_async{position:static !important}

.dataArea {
	display: none;
}
#mainContent .dataUsageRow td {
	padding: 0px;
}
.expander {
	position: relative;
	top: 1px;
	margin-right: 5px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
}

#tabDetail table #dataUsgTbl {
	margin: 10px 0px 5px 20px;
	width: 495px;
}

#mainContent .dataUsageRow #dataUsgTbl td {
	padding: 5px 0px 0px;
}

#activityStatus {
	padding: 4px 0px 0px 27px;
	background: url(../../images/wob_v2/dashboard/clock.png) no-repeat;
	height: 20px;
}

.chart {
	width: 275px;
	height: 34px;
	position: relative;
	top: 10px;
}

.center {
	margin: 0 auto;
	text-align: center;
}
.mar20 {
	margin: 20px;
}
.bold {
	font-weight: bold;
}
.posrel {
	position: relative;
}
.overuse{
	color: #FF1B00;
	font-weight: bold;
}
.excessData {
	display:inline-block;
	width:29px;	
	float:left;
}

#mdumError {
	display: block;
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
	height: 90px;
}
#mainContent td.noDataUsage {
	padding-left: 25px;
	width: 125px;
}
#mainContent .dataUsageRow #dataUsgTbl .dataUsgTblLabelCell{
	font-weight: bold;
	width: 110px;
	padding-left: 50px;
	padding-top: 15px;
}
#mainContent .dataUsageRow #dataUsgTbl .dataUsgTblGraphCell{
	width: 275px;
}
#mainContent .dataUsageRow #dataUsgTbl .dataUsgTblPercCell {
	font-weight: bold;
	color: #1c43a6;
	width: 60px;
	text-align: center;
	padding-top: 15px;
}
#mainContent .dataUsageRow #dataUsgTbl .dataUsgTblInfoCell {
	padding-top: 15px;
}
#mainContent .dataUsageRow #dataUsgTbl .dataUsgTblInfoCell a{
	color: #000000;
	text-decoration: underline;
}
#mainContent .dataUsageRow #dataUsgTbl .dataUsgTblExtraInfoCell{
	padding: 1px 0px 1px;
	text-align: left;
	white-space: nowrap;
}
#mainContent .dataUsageRow #dataUsgTbl .dataUsgTblExtraInfoCell a{
	color: #000000;
	text-decoration: underline;
}

.priceHintTriggerParent {
	float:right;
	margin-right:20px;
	margin-top:2px;
}

#priceHintTrigger{
	position: relative;
	cursor: pointer; 
}

.dashedTopBorder {
	border-width:1px;
	border-style:dashed none none none; 
	border-color: #D0D0D0;	
	clear:both;
}

#dataUsgExtraDetailBlock{
	height: 25px;
	padding: 8px 10px 0px 42px;
	background-image: url(../../images/wob_v2/dashboard/icon-calendar.png);
	background-repeat: no-repeat;
	background-position: 20px 10px; 
	display: inline-block;	
}

#serviceDateTrigger {
	cursor: pointer;
	text-decoration: underline;
}

#dataUsgExtraDetailContainer{
	display: block;	
}
.serviceDetail {
	position: relative;
	height: 100px;
	background-color: #D9D9D9;
	padding: 10px 20px;
}
#chargeSummary {
	width: 280px;
	padding-left: 5px;
}

.dataUsageSuggestion {
	width: 280px;
	position:absolute;
	bottom: 25px;
	left: 310px;
	line-height: 150%;
}

.dataUsageSuggesionButton {
	color: black;
	border: none;
	background: url("../../images/wob_v2/dashboard/data_pack_cta_shadow_125x27.png") no-repeat scroll -1px -53px;
	height: 27px;
	width: 125px;
	cursor: pointer;
	display: block;
	position: relative;
}

.excessDataTitle {
	display: inline-block; 
	width: 180px; 
	float: left;	
}

#excessMsg {
	color: black;
	font-size: 9px;
	width: 230px;
	line-height: 13px;
}
.thingsInfoContainer {
	position:relative;
}

.hover {
	position: absolute;
	display:none;
	text-align: left;
    z-index: 500;
}
#serviceDates{
	background: url(../../images/wob_v2/dashboard/hover3.png) no-repeat;
    height: 99px;
    width: 215px;
    top: -146px;
    padding: 15px 15px 40px 15px;
}
#serviceDates p {
	font-size: 10px;
	padding: 0px;
}
.serviceLink {
	background: url(../../images/wob_v2/dashboard/arrow2.png) no-repeat 0px 3px;
	padding-left: 9px;
	cursor: pointer;
	text-decoration: underline;
}
#offers {
	padding: 8px 10px 0px 10px;
	display: inline-block;
	height: 25px;
}

#offers a,#offers a:hover,#offers a:visited {
	color: #000000;
}

#thingsInfo {
    top: -215px;
    left: 270px;
    height: 310px;
    width: 508px;
    background: url(../../images/wob_v2/dashboard/hover1.png) no-repeat;
    padding: 30px 20px 24px 40px;
}

#priceHintInfo { 
    top: -382px;
    left: 168px;
    width: 512px;
    height: 358px;
    background: url(../../images/wob_v2/dashboard/hover2.png) no-repeat;
    padding: 28px 27px 20px 27px;
}

.smallHoverTable {
	padding: 38px 27px 20px 27px !important;	
}


#priceHintInfo h2 { 
	color: #1c43a6;
	padding: 0px;
}


#mainContent #tabDetail .dtodd td #priceHintInfo table {
	padding-top: 8px;
}


#mainContent #tabDetail #priceTable .sdteven td {
	border:1px solid #C3C3C3;
	background-color:#f4f4f4;
	padding:4px;
	font-weight: bold;
	font-size:8pt;
}

.smallHoverTable td {
	padding:8px !important;
}

#mainContent #tabDetail #priceHintInfo #priceTable .tdLeft {
	border-style:solid dashed solid solid; 
	
}

#mainContent #tabDetail #priceHintInfo #priceTable .tdRight {
	border-style:solid solid solid dashed; 
	text-align:right;
	padding-right:20px;
}

#mainContent #tabDetail #priceTable td p {
	padding: 1px;
	font-weight: normal;
	font-size:7pt;
}


#mainContent #tabDetail #priceTable .sdtodd td {
	border:1px #C3C3C3;
	border-style:solid dotted solid solid; 
	background-color:#fff;
	padding:5px;
	font-weight: bold;
	font-size:8pt;
}



#mainContent #tabDetail #priceHintInfo .hintTitle {
	padding-top: 3px; 
	padding-bottom: 5px;
}

#dataUsgTbl #mdumErrorLink{
	cursor: pointer; 
	color: #000000;
	text-decoration: underline;
}

#accessExtraPricing {
	cursor: pointer; 
}

#thingsToKnowTrigger {
	text-decoration: underline; 
	color: #000000;
	display: inline;
	cursor: pointer; 
	padding-left: 1px;
}
/* Autocomplete styling */
.search-field-container {
	margin: 6px 3px 3px;
	height: 20px;
	float: left;
}

#serviceNotFoundMessage {
	visibility: hidden;
	position: absolute;
	left: 398px;
	top: 0px;
	width: 300px;

}
#serviceNotFoundMessage {
	color: red;
}
#findServiceContainer {
	position: relative;
	left: 260px;
	top: -5px;
}

#findServiceInput {
	border: 1px solid #CCCCCC;
	width: 200px;
	height: 20px;
	color: #CCCCCC;
}

#accountSnapshot {
	float:left;
	margin-top: -10px;
	
}

.ac_results {
	padding: 0px;
	border: 1px solid #CCCCCC;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 12px;
	overflow: hidden;
	background: #FFFFFF;
}

.ac_results li.ac_over {
	background: #CCCCCC;
}
/* End Autocomplete styling */

/* Notifications styling */
#mainContent .dualColumnContainer #notificationList {
	list-style-type: none;
	padding: 8px 8px 8px 5px;
}
#notificationList li {
	padding: 3px 0px 3px 20px;
	margin: 0px;
	background-image: url(../../images/wob_v2/dashboard/icon-calendar.png);
	background-repeat: no-repeat;
	background-position: 0px 6px; 
	
}
#notificationList li span {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}
#notificationList li img {
	cursor: pointer;
	float: right;
	margin-top: 3px;
}
#browserSupportMsg {
	color: #FF0000;
	display: none;
}
#browserSupportMsg .browserLink {
	text-decoration: underline;
	cursor: pointer;
}
#browserSupport table,#browserSupport table td {
	border: 0px;
	background-color: #F8F8F8;
	margin: 15px 0px 15px 25px;
}
#browserSupport a {
	text-decoration: underline;
}
#browserSupport #close {
	margin-left: 25px;
}
#mask {
  position:fixed;
  left:0px;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
.dashboard .window {
  position:absolute;
  left:0;
  top:200;
  display:none;
  z-index:9999;
  padding:20px;
  background-color: #FFFFFF;
}
/* End Notifications styling */


.wideRoundedCornerBox {
	position: relative;
	left: 0px;
	top: 0px;
	height: 210px;
	width: 463px;
	background: transparent url(../../images/wob_v2/middle-contentblock-background.png) no-repeat -3px 0px;
}

.wideRoundedCornerBox h2 {
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	color: #003399;
	height: 25px;
	padding: 15px 10px 5px 15px;
}

#lookingForHome .wideRoundedCornerBox a, a:hover {
	color: #000000;
}

#lookingForHome .wideRoundedCornerBox li {
	margin: 0px 0px 5px 0px;
	zoom: 1;
	list-style: none;
	padding-left: 12px;
	color: #000000;
	background: transparent url(../../images/wob_v2/list-arrow.gif) no-repeat left 3px;
	line-height:1em;
	
}

#lookingForHome .wideRoundedCornerBox li table {
	border-collapse: collapse;
}

#lookingForHome .wideRoundedCornerBox ul {
	padding: 0px 15px;
}

#lookingForHome .wideRoundedCornerBox table#bottomTable {
	width: 100%;
	position: absolute;
	bottom: 0px;

}

#lookingForHome .wideRoundedCornerBox td#liveChat, td#viewFaq {
	width: 80px;
	padding: 8px 0px 0px 0px;
}

#lookingForHome .wideRoundedCornerBox td#question {
	width: 148px;
	padding: 0px 0px 0px 0px;
}



/* Styles for the Rotator portlet */

#RotatorBox .imageWindow {
    height:204px;
    width: 655px;
    overflow: hidden;  /*--Hides anything outside of the set width/height--*/
    position: relative;
}
#RotatorBox .imageReel {
    top: 0;
    left: 0;
    position: absolute;
}
#RotatorBox .imageReel img {
    float: left;
	padding: 0;
	z-index: 200;
}

/*--Paging Styles--*/
#RotatorBox .pagingWindow {
    /* display: none; /*--Hidden by default, will be later shown with jQuery--*/ */
    /* position: absolute; */
    z-index: 100; /*--Ensures the paging stays on the top layer--*/
    position: relative;
}
#RotatorBox .pagingWindow a {
	font-weight: bold;
    text-decoration: none;
    color: #333;
    background: url(../../images/wob_v2/feature-tab-back-gradient.png);
    display: block;
    width: 158px;
    height: 50px;
    float: left;
    padding: 8px 0px 0px 5px;
}
#RotatorBox .pagingWindow #last {
	width: 161px;
}
#RotatorBox .pagingWindow a.active {
    font-weight: bold;
    color: #fff;
    background: url(../../images/wob_v2/feature-tab-back-gradient-active.png) repeat-x;
}
/* .pagingWindow a:hover {font-weight: bold;} */

#RotatorBox .itemTitle {
    font-size: 13px;
}
#RotatorBox .itemSubTitle {
    font-size: 10px;
}
#RotatorBox .itemText {
    margin: 5px 5px;
    
    
}
#imagePointer {
	background: url(../../images/wob_v2/active-feature-tab-pointer.png) no-repeat 75px; 
	float: left;
	height: 10px;
	width: 164px;
	z-index: 1000;
	position:absolute;
	bottom: -1px;

}

.linkDivider {
	width: 1px;
	height: 58px;
	background: url(../../images/wob_v2/feature-tab-divider.png);
	position: absolute;
	top:0px;
}

#linkDividerOne {
	left: 162px;
}

#linkDividerTwo {
	left: 325px;
}

#linkDividerThree {
	left: 488px;
}


/* Styles for the LastestProducts portlet */
/*--Main Container--*/

/*--itemWindow/Masking Styles--*/
#LatestProductsBox .itemWindow {
    margin: 0px 15px;
    height:215px;
    width: 471px;
    float: left;
}

#LatestProductsBox .imageContainer {
    position: absolute;
    top: 170px;
    left:320px;
}
#LatestProductsBox .itemTile {
    display: none;
}

#LatestProductsBox .itemTile a {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
	color: #003399;
    position: absolute;
    top: 50px;
    left:105px;
    background: transparent url(../../images/wob_v2/list-arrow.gif) no-repeat left 4px;
    padding-left: 10px;
}
#LatestProductsBox .wideRoundedCornerBox ul {
    font-size: 11px;
    position: absolute;
    top: 70px;
    left:105px;
    width: 32em;
}
#LatestProductsBox .wideRoundedCornerBox ul li {
    padding-top: 3px;
    padding-right: 2em;
    float: left;
    width: 14em;
	list-style: none;
}

/*--Paging Styles--*/
#LatestProductsBox .pagingWindow {
    display: none; /*--Hidden by default, will be later shown with jQuery--*/
    position: absolute;
    left:110px;
    top: 160px;
    z-index: 100; /*--Ensures the pagingWindow stays on the top layer--*/
    font-size: 12px;
}
#LatestProductsBox .pagingWindow a {
    text-decoration: none;
    font-size: 11px;
    color: #6B6A6A;
    background-color: #fff;
    border: 1px solid #000;
    padding: 2px 4px 2px 4px;
    margin-right: 6px;
    display: block;
    float: left;
     background-color: #F3F3F3;
}
#LatestProductsBox .pagingWindow a.active {
    color: #fff;
    background-color: #6B6A6A;
}

div#datapackForm, div#datapackFormConfirm {
	width: 590px;	
	left: 189px;
	padding: 0;
}

#datapackForm div.formTitle, #datapackFormConfirm div.formTitle {
	background-color: #0049A7;
	font-weight: bold;
	color: white;
	height: 25px;
	padding-left: 10px;
	padding-top: 5px;
}

#datapackForm div.formBody, #datapackFormConfirm div.formBody, #datapackForm .formText, #datapackFormConfirm .formText {
	padding: 5px 5px 6px 10px;
	color: #0049A7;
}

#datapackForm .formDiv {
	padding: 5px 0px 6px 6px;
}

#datapackForm #formProduct {
	margin: 0 10px;	
	color: #0049A7;
}

#datapackForm #formEmail {
	width: 210px;	
	margin-left: 4px;
	margin-bottom: 10px;
}

#datapackForm div.bold, #datapackFormConfirm div.bold{
	font-weight: bold;
}


#datapackForm input#formEmail, #datapackFormConfirm div p.header {
	color: #0049A7;
}

#datapackForm #datapackCheck {
	margin: 0px 10px 0px 0px;
	position: relative;
	top: 2px;
	
}

#datapackForm div .spanText {
	float: left;
	padding: 0 4px;
	color: #0049A7;
}

#datapackForm div .infoText {
	float: left;
	padding: 1px 4px;
	color: #0049A7;
}
#datapackForm p.listArrow {
	background: none;
	padding: 0;
	clear: none;
	padding: 1px;
	color: #0049A7;
	text-decoration: underline;
}

#datapackForm a.closeButton {
	background: url("../../images/wob_v2/dashboard/dashboard-data-pack-cta-sprite.png") no-repeat scroll -1px -54px;
	height: 24px;
	width: 82px;
	color: #666666;
	text-align: center;
	padding-top: 3px;
	margin: 10px;
	float: left;
	display: block;
}

#datapackForm #disabledSubmitForm {
	background: url("../../images/wob_v2/dashboard/dashboard-data-pack-cta-sprite.png") no-repeat scroll -1px -54px;
	height: 24px;
	width: 82px;
	color: #DDDDDD;
	text-align: center;
	padding-top: 3px;
	margin: 10px;
	float: right;
	display: block;
	cursor: default;
}

#datapackFormConfirm a.closeButton {
	background: url("../../images/wob_v2/dashboard/dashboard-data-pack-cta-sprite.png") no-repeat scroll -1px -27px;
	height: 24px;
	width: 82px;
	color: white;
	text-align: center;
	padding-top: 3px;
	margin: 10px;
	float: right;
	display: block;	
}
#datapackForm a.submitForm {
	background: url("../../images/wob_v2/dashboard/dashboard-data-pack-cta-sprite.png") no-repeat scroll -1px -27px;
	height: 24px;
	width: 82px;
	color: white;
	text-align: center;
	padding-top: 3px;
	margin: 10px;
	float: right;
	display: none;
}