@charset "utf-8";
/* CSS Document */

/* ------------------------------------ Global */
html, body {
	width: 100%;
	min-height: 100%;
}

body {
	margin: 0px 0px;
	padding: 0px 0px;
	
	font-family:Arial, Helvetica, sans-serif;
	
	background-color: #FFF;
	
	background-image: url(../images/pageBackground.png);
	background-position: center top;
	background-repeat: no-repeat;
	
	font-family: Arial, Helvetica, sans-serif;
}

a > img {
	border: 0px none;
}

/* ------------------------------------ Header */

#header {
	width: 900px;
	height: 115px;
	
	margin: 0px auto;
	z-index: 100;
}

	#header > div.yodelMenu {
		width: 253px;
		height: 49px;
		display: block;
		overflow: hidden;
		
		position: relative;
		
		background-image: url(../images/mainMenuTab.png);
		background-position: left top;
		background-repeat: no-repeat;
		
		left: -2px;
	}
	
	#header > div.yodelMenu > div, #header > div.yodelMenu > form {
		visibility: hidden;
	}
	
	#header > div.yodelMenu:hover > div, #header > div.yodelMenu:hover > form, #header > div.yodelMenuActive > div, #header > div.yodelMenuActive > form {
		visibility: visible;
	}
	
	#header > div.yodelMenu:hover, #header > div.yodelMenuActive {
		width: 100%;
		height: 154px;
		
		position: absolute;
		
		padding: 0px 0px 11px 0px;
		
		background-color: transparent;
		background-image: url(../images/yodelMenuBack.png);
		background-position: center top;
		background-repeat: repeat-x;
		
		left: 0px;
		top: 0px;
		
		z-index: 101;
	}
	
		#header > div#yodelMenu > div.mainMenu {
			width: 900px;
			height: 100px;
			padding: 10px 0px;
			margin: 0px auto;
			z-index: 102;
		}
	
		div#yodelMenu > div.redMenu {
			width: 100%;
			height: 25px;
			background-color: #BF311A;
			position: absolute;
			top: 0px;
			left: 0px;
			margin: 0px 0px;
			padding: 0px 0px;
			
			text-align: right;
		}
		
		div#yodelMenu > div.redMenu > ul {
			display: block;
			list-style-type: none;
			
			width: 860px;
			margin: 0px auto;
			padding-left: 0px;
			padding-right: 0px;
		}
		
		div#yodelMenu > div.redMenu > ul > li {
			display: inline;
			margin: 0px 10px;
			color: #FFFFFF;
			
			font-size: 11px;
			line-height: 23px;
			vertical-align: middle;
		}

		div#yodelMenu > div.redMenu > ul > li.fontRed {
			color: #8C1E04;
		}
		
		div#yodelMenu > div.redMenu > ul > li > a {
			text-decoration: none;
			color: #FFFFFF;
		}
		
	
		div#yodelMenu > div.mainMenu > a.siteLogo {
			display: inline-block;
			margin: -10px 0px 0px -3px;
			padding: 0px 0px;
			
			position: relative;
			z-index: 150;
		}
		
		div#yodelMenu > div.mainMenu > ul {
			list-style-type: none;
			display: inline;
			
			margin: 20px 0px 0px 30px;
		}
		
		div#yodelMenu > div.mainMenu > ul > li {
			display: inline;
		}
		
		div#yodelMenu > div.mainMenu > ul > li > a {
			margin: 0px 18px;
		}

		div#yodelMenu > form {
			position: absolute;
			top: 36px;
			left: 50%;
			
			margin: 0px 0px 0px 110px;
			
			text-align: right;
		}
		
			div#yodelMenu > form > div > label {
				float: left;
				margin: 0px 5px;
				font-size: 9px;
				font-weight: 600;
				
				line-height: 18px;
				vertical-align: middle;
			}
			
			div#yodelMenu > form > div > input[type="text"], div#yodelMenu > form > div > input[type="password"] {
				float: left;
				width: 80px;
				height: 12px;
			}
			
			div#yodelMenu > form > div > input[type="submit"] {
				width: 35px;
				height: 18px;
				background-image: url(../images/loginBtn.png);
				background-position: left top;
				background-repeat: no-repeat;
				border: medium none;
				
				font-size: 9px;
				color: #FFFFFF;
				
				margin: 0px 5px;
			}
		
	#header > a.siteLogo {
		display: inline-block;
		width: 160px;
		height: 79px;
		margin: -13px 0px 0px 1px;
	}
	
	#header > div.authorisedLogos {
		position: absolute;
		left: 50%;
		top: 46px;
		padding: 0px 0px;
		margin: 0px 0px 0px 296px;
	}
	
#pageBanner {
	width: 900px;
	height: 268px;
	
	margin: 10px auto 0px auto;
	position: relative;
	z-index: 9;
	
	padding: 3px 4px 5px 4px;
	
	background-image: url(../images/bannerBack.png);
}


/* ------------------------------------ Main Body */
#mainBody {
	width: 900px;
	
	padding: 20px 0px 0px 0px;
	margin: 0px auto;
	
	
	font-size: 9pt;
	line-height: 175%;
}

	/* Generic element styles */
	#mainBody h2 {
		margin: 0px;
		padding: 0px 0px 4px 0px;
	}
	#mainBody ul {
		list-style-type: none;
		padding: 0px 0px 0px 0px;
	}
	
	#mainBody ul > li {
		text-indent: 0px;
		line-height: 175%;
		
		margin: 4px 0px 8px 0px;
		padding: 0px 0px 0px 20px;
		
		background-image: url(../images/liftBullet.png);
		background-repeat: no-repeat;
		background-position: 2px 5px;
	}
	
	/* Targeted element styles */
	#mainBody > div.leftColumn {
		width: 290px;
		float: left;

		overflow: auto;
	}

		div.leftColumn > p.note {
			font-size: 7.5pt;
			color: #666666;
			text-indent: 20px;
		}
		
	#mainBody > div.mainColumn {
		width: 587px;
		padding-top: 3px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		float: right;
	}
		
		div.mainColumn > p > a.priceLink {
			float: right;
		}

		div.mainColumn > div#yodelSeo {
			width: 567px;
			min-height: 200px;
			background-color: #F2F2F2;
			margin-bottom: 20px;
			padding: 0px 10px;
			float: right;
		}
		
		div.mainColumn > p > a#priceLink {
			width: 258px;
			height: 52px;
			
			background-position: left top;
			background-repeat: no-repeat;
			
			padding: 4px 7px 10px 7px;
			
			text-indent: -265px;
			overflow: hidden;
			float: right;
		}
		
		div.mainColumn > p > a.priceLink {
			background-image: url(../images/pricesBtn.png);
		}
		
		div.mainColumn > p > a.priceLink:hover {
			background-image: url(../images/pricesBtnOver.png);
		}
		
		div.mainColumn > p > a.priceBack {
			background-image: url(../images/back-to-package-details.png);
		}
		
		div.mainColumn > p > a.priceBack:hover {
			background-image: url(../images/back-to-package-detailsOver.png);
		}
		
		div#yodelSeo > div {
			width: 258px;
			padding: 12px;
			
			float: left;
		}
		
			div#yodelSeo > div > h4 {
				display: inline;
				padding: 0px 0px 0px 5px;
			}
			div#yodelSeo > div > img {
				display: inline;
				vertical-align: middle;
				padding: 0px;
				margin: 0px;
			}
			
			div#yodelSeo > div > p {
				font-size: 9pt;
				line-height: 150%;
			}

			div#yodelSeo > h3 {
				padding: 20px 10px 0px 10px;
				margin: 0px 0px;
			}
			
			div#yodelSeo > p {
				padding: 0px 10px;
			}
			
			div#yodelSeo > ul > li {
				margin: 0px 0px;
			}
			
			div#yodelSeo > a.rightImage {
				float: right;
				padding: 0px 10px 0px 0px;
			}
			
			div#yodelSeo > .centre {
				text-align: center;
			}
	
/* ------------------------------------ Left Body */
	div#leftBody { 
		width: 560px;
		margin: 20px auto;
		
		padding: 20px 320px 0px 20px;
		
		font-size: 10pt;
	}
	
		div#leftBody > form > div#registration {
			width: 560px;
		}
		
			div#registration > p.error {
				color: #FF0000;
			}
			
			div#registration legend {
				display: block;
				font-weight: 600;
				font-size: 10pt;
			}
	
			div#registration > fieldset {
				border: 0px none;
				padding: 0px;
				margin: 10px 0px;
			}
			
			div#registration > fieldset.condensed {
				margin: 4px 10px;
			}
			
				div#registration > fieldset > span {
					float: left;
					padding: 0px;
					margin: 0px 0px 0px 10px;
					
					overflow: visible;
				}
				
				div#registration > fieldset > span:first-child {
					margin: 0px;
					padding: 0px;
				}
				
					div#registration > fieldset > span > label {
						font-size: 10pt;
						font-weight: 600;
					}
					
					div#registration > fieldset > span > label > img {
						vertical-align: bottom;
						padding: 5px 4px;
					}
					
					div#registration > fieldset > span > input[type="text"] {
						display: block;
						height: 26px;
						padding: 0px 5px;
						margin: 0px;
						border: 1px solid #CCCCCC;
						line-height: 26px;
						vertical-align: middle;
					}
					
					div#registration > fieldset > span > input[type="text"].error, div#registration > fieldset > span > textarea.error {
						border: 1px solid #CCCCCC;
						background-color: #F2BFBF;
						
					}
					
					div#registration > fieldset > span > input[maxlength="20"] {
						width: 150px;
					}
					
					div#registration > fieldset > span > input[maxlength="25"] {
						width: 370px;
					}
					
					div#registration > fieldset > span > input[maxlength="30"], div#registration > fieldset > span > input[maxlength="100"] {
						width: 542px;
					}
					
					div#registration > fieldset > span > input[maxlength="35"] {
						width: 230px;
					}

					div#registration > fieldset > span > input[type="radio"] {
						margin: 0px 0px 0px 10px;
					}
					div#registration > fieldset > span > input[type="radio"]:first-child {
						margin: 0px 0px 0px 0px;
					}
					
					div#registration > fieldset > span > textarea {
						display: block;
						width: 230px;
						height: 130px;
						
						border: 1px solid #CCCCCC;
						padding: 10px;
						
						margin: 0px 10px 0px 0px;
					}
					
					div#registration > fieldset > p {
						width: 290px;
						padding-top: 10px;
						line-height: 155%;
						
						float: left;
						
						margin: 0px 0px;
					}

		div#leftBody > form > div > span.formCancel {
			display: inline-block;
			float: left;
			width: 252px;
			
			margin: 15px 0px 0px 0px;
			
			text-align: right;
			
			font-size: 9pt;
			color: #A0A0A0;
		}
		
		div#leftBody > form > div > span.formCancel > a {
			color: #FF0000;
		}
		
		div#leftBody > form > div > input[type="submit"] {
			width: 296px;
			height: 68px;
			float: right;
			
			border: 0px none;
			background-image: url(../images/startBtn.png);
			background-repeat: no-repeat;
			background-position: center center;
			
			text-indent: -500px;
			overflow: hidden;
			
			cursor: pointer;
		}
		
	div#packageDetailsDiv {
		width: 240px;
		background-color: #F2F2F2;
		
		position: absolute;
		left: 50%;
		margin-left: 150px;
		top: 250px;
		
		padding: 10px 20px;
	}
	
		div#packageDetailsDiv > p {
			font-size: 8.5pt;
			line-height: 150%;
		}
		
		div#packageDetailsDiv > ul {
			margin: 0px;
			padding: 0px 0px 0px 0px;
			
			list-style-type: none;
		}
		
			div#packageDetailsDiv > ul > li {
				margin: 10px 0px;
				padding: 0px;
			}
			
			div#packageDetailsDiv > ul > li > img {
				margin: 0px 0px 0px 5px;
				vertical-align: middle;
			}
			
table.case-study-table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #365f91;
}

table.case-study-table td, table.case-study-table th {
padding: 4px;
}

table.case-study-table th {
	color: #365f91;
	border-top: 1px #365f91 solid;
	border-bottom: 1px #365f91 solid;
	text-align: left;
	}
	
table.case-study-table tr.blue {
background-color: #d3dfee;
	}
	
img.quote {
padding: 6px;
}

div.leftColumn p {
	padding-left: 10px;
	padding-right: 10px;
	}
	
	
	/* nabigation left */
	
	#mainBody .leftColumn ul > li {
		text-indent: 0px;
	
		margin: 0px;
		padding: 4px;		
		background-image: none;
		background-repeat: none;
	}
	
	#mainBody .leftColumn ul > li {
		list-style-type: none;
		padding: 4px;
	}
	
	#mainBody .leftColumn ul > li.description {
		padding-left: 135px;
	}

.leftSideBar {
float: left;
width: 290px;
margin-bottom: 20px;
}

.leftSideNav ul li a {
	text-decoration: none;
	}

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

.leftSideNav {
color: #333;
font: 14px/2.2em Arial, Helvetica, sans-serif;
}


.leftSideNav ul li {
list-style: none;
}

.leftSideNav ul li a {
color: #bf311a;
}

.leftSideNav ul li a:hover {
color: #8a2413;
}

.boxtitle {
height: 37px;
}

.boxcontent {
background: url(../images/sidenav02.gif);
color: #333;
}

.boxcontent ul li a {
color: #333;
}

/* rounded corner */

.leftSideLink {
color: #000;
font: 13px/1.4em Arial, Helvetica, sans-serif;
margin-top: 15px;
background: transparent; 
}

.leftSideNav ul  {margin:0 10px; }

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .yb1, .yb2, .yb3, .yb4, .yb5, .yb6, .yb7, .zb1, .zb2, .zb3, .zb4, .zb5, .zb6, .zb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .yb1, .yb2, .yb3, .yb4, .yb5, .yb6, .zb1, .zb2, .zb3, .zb4, .zb5, .zb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#e6e7e8; border-left:1px solid #e6e7e8; border-right:1px solid #e6e7e8;}
.yb4, .yb5, .yb6, .yb7 {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.zb4, .zb5, .zb6, .zb7 {background:#e6e7e8; border-left:1px solid #e6e7e8; border-right:1px solid #e6e7e8;}

.xb1, .yb1, .zb1 {margin:0 8px; }
.xb2, .yb2, .zb2 {margin:0 6px; }
.xb3, .yb3, .zb3 {margin:0 4px; }
.xb4, .yb4, .zb4 {margin:0 3px; border-width:0 5px;}
.xb5, .yb5, .zb5 {margin:0 2px; border-width:0 4px;}
.xb6, .yb6, .zb6 {margin:0 2px; border-width:0 3px;} 
.xb7, .yb7, .zb7 {margin:0 1px; border-width:0 3px; height:2px;} 

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 { background:#e6e7e8;}
.yb1, .yb2, .yb3, .yb4, .yb5, .yb6, .yb7 { background:#fff; }
.zb1, .zb2, .zb3, .zb4, .zb5, .zb6, .zb7 { background:#e6e7e8;}

.xboxcontent, .yboxcontent, .zboxcontent {display:block;  padding: 10px 15px 18px 15px; }
.xboxcontent { background:#e6e7e8; }
.yboxcontent { background: #fff; }
.zboxcontent { background: #e6e7e8; height: 291px; }

.leftSideNav ul li {
border-bottom: 1px dotted #999;
}

.leftSideNav ul li.description {
padding-left: 8px;
}


.description {
font: 11px/1.3em Arial, Helvetica, sans-serif;
padding: 5px 0 5px 7px;
}

ul li.description a, ul li.category a {
color: #333;
}

ul li a.selected {
font-weight: bold;
}


/*------------------ footer -------------------*/
#wrapFooter {
clear: both;
   bottom:0;
   width:100%;
   height:144px;   /* Height of the footer */
background: #bf311a url(http://www.yodel.com.au/images/footerbg.gif) bottom left repeat-x;
}

#footer {
width: 900px;
margin: 0 auto;
}

.footerList {
margin-top: 10px;
float: left;
padding-left: 0px;
}

#footerList, #customerCare {
	width: 150px;
}

#aboutUs {
	width:130px;
}

#newsletter {
padding-top: 10px;
}

#footer li {
list-style-type: none;
}

#footer .footerlist li {
	list-style-type: none;
	}

#footer, #footer a {
font-size: 10px;
color: #f2a79b;
line-height: 1.5em;
list-style-type: none;
text-decoration: none;
}

#footer a  strong, #newsletter strong {
font-size: 11px;
color: #fff;
}


/*---------------------------------Newsletter Style----------------------------*/
#newsletter {
float: left;
width: 140px;
padding-left: 40px;
}

label.labelNewsletter {
margin: 0;
padding: 0;
font-size: 9px;
cursor:auto;
width: 20px;
text-align: left;
margin-right: 10px;
float: left;

}

input.loginNewsletter {
width: 100px;
height: 12px;
padding: 0;
background: #fff;
float: left;
}

.newsletterLoginBtn {
font-size: 9px;
width: 35px;
height: 18px;
color: #fff;
cursor: pointer;
margin-left: 30px;
border: none;
background: url(../images/btn_login.png) no-repeat;
}


h1 {
padding: 0px;
margin: 0px;
font-size: 20px;
}

.yellow {
color: #ffcc33;
}

h4 {
font-size: 16px;
margin-bottom: 6px;
}

#mainBody ul.seo {
padding-left: 20px;
}

#mainBody ul.seo li {
list-style-image: none;
background-image: none;
padding-left: 0px;
}

#mainBody ul.seo p {
padding: 0px;
margin-top: -10px;
margin-bottom: 24px;
}

#mainBody ul.seo a {
color: #0065A4;
float: right;
}

div.seoconsultingDiv {
		width: 260px;
		background-color: #F2F2F2;
		padding: 0px 0px;
	}
	
		div.seoconsultingDiv > p {
			font-size: 8.5pt;
			line-height: 150%;
		}
		
		div.seoconsultingDiv > ul {
			margin: 0px;
			padding: 0px 0px 0px 0px;
			
			list-style-type: none;
		}
		
			div.seoconsultingDiv > ul > li {
				margin: 10px 0px;
				padding: 0px;
			}
			
			div.seoconsultingDiv > ul > li > img {
				margin: 0px 0px 0px 5px;
				vertical-align: middle;
			}
			
div#yodelSeo table li {
margin-bottom: -2px;
}


div.mainColumn > div.yodelSeo {
			width: 567px;
			background-color: #F2F2F2;
			float: right;
			padding: 0px 10px;
			margin-bottom: 20px;
}

div.yodelSeo {
background-color: #F2F2F2;
}

div.yodelSeo > div {
			width: 258px;
			padding: 12px;
			display: block;
			float: left;
		}
		
			div.yodelSeo > div > h4 {
				display: inline;
				padding: 0px 0px 0px 5px;
			}
			div.yodelSeo > div > img {
				display: inline;
				vertical-align: middle;
				padding: 0px;
				margin: 0px;
			}
			
			div.yodelSeo > div > p {
				font-size: 9pt;
				line-height: 150%;
			}

			div.yodelSeo > h3 {
				padding: 20px 10px 0px 10px;
				margin: 0px 0px;
			}
			
			div.yodelSeo > p {
				padding: 0px 10px;
			}
			
			div.yodelSeo > ul > li {
				margin: 0px 0px;
			}
			
			div.yodelSeo > a.rightImage {
				float: right;
				padding: 0px 10px 0px 0px;
			}
			
			div.yodelSeo > .centre {
				text-align: center;
			}
			
			div.yodelSeo h4 {
				font-size: 14px;
				margin-bottom: 6px;
			}
			
			div#yodelSeo h4 {
				font-size: 14px;
				margin-bottom: 6px;
			}
			
			div.yodelSeo .heading4size {
				font-size: 14px;
				font-weight: bold;
				margin-left: 5px;
				}
			div#seoCustom {
				margin-top: -174px;
			}

/*---------------------------------Pricing Comparison Table Style*/
.pricingHeadRow {
	width:585px;
	height:94px;
	display:inline-block;
	margin-bottom: -7px;
}
.priceRow {
	width:585px;
	height:18px;
	display:inline-block;
}

.priceRow img {
	margin-left: 58px;
	margin-right: 10px;
	margin-top: 4px;
	}
	
.priceRow .text {
	margin-right: 10px;
	margin-top: 4px;
	font-weight: bold;
	text-align: center;
	}
	
.categoryRow {
	width:585px;
	height:32px;
	background:url(../images/category-title-bg.png) top left no-repeat;
}

.categoryRow .RowHeading {
	margin-left: 172px;
	padding-top: 3px;
	font-weight: bold;
	font-size: 15px;
	color: #FFFFFF;
	}

.packageHead, .boostHead, .consultingHead, .customHead {
	float:left;
	height:94px;
}
.packageHead {
	width:167px
}
.boostHead {
	width:139px;
	background:url(../images/seo-boost-col-title.png) top left no-repeat;
}
.consultingHead {
	width:140px;
	background:url(../images/seo-consulting-col-title.png) top left no-repeat;
}
.customHead {
	width:139px;
	background:url(../images/seo-custom-col-title.png) top left no-repeat;
}

.boostPkg, .consultingPkg, .customPkg {
	float:left;
	height:24px;
	font:12px/1.5em Arial, Helvetica, sans-serif;
}
.package {
	width:160px;
	height:18px;
	text-align:right;
	padding:2px 7px 0px 0px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}
#light > .package {
	background:url(../images/package-light-bg.gif) top left no-repeat;
}
#dark > .package {
	background:url(../images/package-dark-bg.gif) top left no-repeat;
}
.boostPkg {
	width:139px;
}
#light > .boostPkg {
	background:url(../images/boost-light-bg.png) top left no-repeat;
}
#dark > .boostPkg {
	background:url(../images/boost-dark-bg.png) top left no-repeat;
}
.consultingPkg {
	width:140px;
}
#light > .consultingPkg {
	background:url(../images/consulting-light-bg.gif) top left no-repeat;
}
#dark > .consultingPkg {
	background:url(../images/consulting-dark-bg.gif) top left no-repeat;
}
.customPkg {
	width:139px;
}
#light > .customPkg {
	background:url(../images/custom-light-bg.png) top left no-repeat;
}
#dark > .customPkg {
	background:url(../images/custom-dark-bg.png) top left no-repeat;
}


.pricingFooterRow {
	width:585px;
	height:94px;
	display:inline-block;
	margin-bottom: -7px;
}

.packageFooter, .boostFooter, .consultingFooter, .customFooter {
	float:left;
	height:42px;
}
.packageFooter {
	width:167px
}
.boostFooter {
	width:139px;
	background:url(../images/seo-boost-col-footer.png) top left no-repeat;
}
.consultingFooter {
	width:140px;
	background:url(../images/seo-consulting-col-footer.png) top left no-repeat;
}
.customFooter {
	width:139px;
	background:url(../images/seo-custom-col-footer.png) top left no-repeat;
}