/****************************************************************************************
	[SITE STRUCTURE]
*****************************************************************************************/

/* [WRAPPER]
-------------------------------------------------------*/
#wrapper {
	width: 100%;
	background: #fff url("wrapper.jpg") no-repeat 50% 0;
}
	#wrapper #inner {
		margin: 0 auto;
		width: 874px;
		position: relative;	
	}
	img#intro {
		position: absolute;
		bottom: -36px;
		right: -10px;
	}

/* [HEADER]
-------------------------------------------------------*/
#header {
	position: relative;
	z-index: 20;
	float: left;
	width: 974px;
	clear: both;
}
	/* Logo */
	#header img#logo {
		position: absolute;
		bottom: -37px;
		left: 2px;
	}
	/* Tagline */
	#header p {
		text-indent: -999em;
		background: url("tagline.png") no-repeat 0 0;
		display: block;
		width: 239px;
		height: 18px;
		position: absolute;
		left: 131px;
		bottom: 12px;
        margin: 0;
	}
	
/* [SIDEBAR]
-------------------------------------------------------*/
#sidebar {
	width: 193px;
	float: right;
	margin-left: 1px;
	padding-bottom: 97px;
	background-color: #fff;
	font-size: 1.2em;
}
	#sidebar .inner {
		background: url("sidebar.gif") no-repeat 0 0;
		padding: 60px 10px 10px;
		min-height: 123px
	}
	#sidebar h2 {
		color: #005abb;
		font-size: 1.5em;
		font-weight: normal;
		border-bottom: 1px solid #e7e8e8;
		margin-bottom: 0.4em;				
	}
		#sidebar h2 a {color: #004990;}

/* [MAIN CONTENT AREA]
-------------------------------------------------------*/
#main-content {
	width: 679px;
	float: right;
	margin-right: 1px;
	background: url("main-content-right.png") no-repeat 0 0;
}
body.home #main-content {
	width: 100%;
	float: left;
	background: none;	
}
	#main-content #content {
		float: left;
		width: 643px;
		margin: 0 18px;
		padding-bottom: 50px;	
	}
	body.panel #main-content #content {width: 513px;}
	body.home #main-content #content {
		width: 544px;
		margin: 0;
		padding: 10px 0 0 0;
	}
	
/* [BREADCRUMBS / PAGE TOOLS]
-------------------------------------------------------*/

/* Breadcrumbs */
#main-content p#breadcrumbs {
	float: left;	
	margin: 18px 0 25px 15px;
	width: 513px;
	font-size: 0.917em;
	color: #6c6f70;
}
	#main-content p#breadcrumbs a:link,
	#main-content p#breadcrumbs a:visited {text-decoration: none;}
	#main-content p#breadcrumbs a:hover,
	#main-content p#breadcrumbs a:focus {text-decoration: underline;}
/* Page Tools */
#main-content #page-tools {
	float: right;
	margin: 20px 12px 25px 15px;
	width: 220px;
	text-align: right;
	font-size: 0.917em;
    visibility: hidden;
}
	#main-content #page-tools a {
		font-weight: bold;
		color: #939292;
		padding: 1px 0 1px 20px;
		background: url("print.gif") no-repeat 0 50%;
		text-decoration: none;
	}
	#main-content #page-tools a#tool-email {
		background-image: url("email.gif");
		margin-left: 14px;
	}
	#main-content #page-tools a:hover,
	#main-content #page-tools a:focus {text-decoration: underline;}
	
/* [PANEL STYLES]
-------------------------------------------------------*/
#main-content #aside {
	width: 220px;
	float: right;
	margin-right: 10px;
	padding-bottom: 50px;
}
body.home #main-content #aside {
	float: left;
	background: url("pnl-btm.gif") no-repeat 0 100%;
	margin-right: 0;
	padding: 0;
}	
	#main-content #aside h2,
	#main-content #aside h3,
	#main-content #aside h4,
	#main-content #aside h5 {
		color: #005abb;
		font-size: 1.167em;
		font-weight: bold;
		padding-bottom: 11px;
		border-bottom: 1px solid #e5e5e5;
	}
	#main-content #aside p,
	#main-content #aside ul {margin-bottom: 0.833em;}	
	#main-content #aside div.panel {
		background: url("pnl-btm.gif") no-repeat 0 100%;
		margin-bottom: 8px;
		width: 220px;
	}
		#main-content #aside div.panel .inner {
			background: url("pnl-top.gif") no-repeat 0 0;
			padding: 23px 16px;
		}

#main-content .rnd-pnl {
	background: url("rnd-pnl-btm.gif") no-repeat 0 100%;
	margin-bottom: 0.833em;
}
#main-content .rnd-pnl.float {
	float: left;
	width: 743px;
}
body.panel #main-content .rnd-pnl.float {width: 513px;}

body.panel #main-content .rnd-pnl {background: url("rnd-pnl-btm-panel.gif") no-repeat 0 100%;}
	#main-content .rnd-pnl .inner {
		background: url("rnd-pnl-top.gif") no-repeat 0 0;
		padding: 10px 15px;
	}
	#main-content .rnd-pnl.float .inner {
		float: left;
		width: 713px;
	}
	body.panel #main-content .rnd-pnl.float .inner {width: 483px;}
	body.panel #main-content .rnd-pnl .inner {background: url("rnd-pnl-top-panel.gif") no-repeat 0 0;}
		#main-content .rnd-pnl .inner p, 
		#main-content .rnd-pnl .inner ul {margin-bottom: 0.25em;}

/* [FOOTER & COPYRIGHT]
-------------------------------------------------------*/
#footer, #copyright {
	clear: both;
	float: left;	
	width: 100%;
	background: #e7e7e7 url("ftr-tile.gif") repeat-x 0 0;
	font-size: 1.1em;
	color: #c4c4c4;
}
#copyright {background: #f3f3f3 url("copyright-tile.gif") repeat-x 0 0;}

	#footer a, #copyright a {color: #595959;}	
	#footer div.inner, #copyright div.inner {
		width: 970px;
		margin: 35px auto 15px;
		position: relative;
	}
	#copyright div.inner {margin: 10px auto;}
	#footer div.inner {
		padding-left: 60px;
		width: 910px;
		background: url("sensis-logo-sml.gif") no-repeat 0 0;
	}	
		#footer img.logo {
			position: absolute;
			top: 0;
			left: 6px;
		}
		#footer div.inner div {
			float: left;
			width: 130px;
			margin-right: 1.8em;
		}
		#footer h6 {margin-bottom: 0;}
/* Copyright */
#copyright #inner {
	float: left;
	width: 100%;
}
	#copyright .inner div,
	#copyright .inner div#bluearc {
		float: left;
		width: 100%;
	}
	#copyright .inner div#bluearc {clear: both;}
		#copyright .inner div p {
			display: inline;
			margin-right: 1em;
		}	
		#copyright .inner div ul {display: inline;}
		
	#copyright ul li {
		display: inline;
		padding-left: 0.5em;
		margin-left: 0.5em;
		border-left: 1px solid #d8d8d8;
	}
	#copyright ul li.first {
		border: 0;
		margin-left: 0;
		padding-left: 0;
	}
	#copyright ul.alt a {color: #c4c4c4;}

/****************************************************************************************
	[CONTENT COMPONENTS]
*****************************************************************************************/

/* [HOME PAGE]
-------------------------------------------------------*/
body.home a:link, 
body.home a:visited {color: #005abb;}
/* Promo Panel */
#promo {
	position: relative;
	background: url("promo-btm.png") no-repeat 0 100%;
	width: 970px;	
	margin-bottom: 9px;
	clear: both;
}
	#main-content #promo ul {
		padding: 7px 8px 7px 486px;
		background: url("promo-top.gif") no-repeat 0 0;
		width: 476px;
		margin: 0;
	}
		#main-content #promo ul li {
			width: 250px;
			min-height: 79px;
			margin-bottom: 1px;
			padding: 8px 212px 8px 23px;			
			position: relative;
			left: -10px;
			background: url("scroller-inactv.gif") repeat-y 9px 0;
			font-size: 0.9167em;
		}
		#main-content #promo ul li.last {margin: 0;}
		#main-content #promo ul li:hover,
		#main-content #promo ul li.active {
			background: url("scroller-actv.png") no-repeat 0 50%;
			color: #fff;
		}
			#main-content #promo ul p {
				margin-bottom: 0.25em;
				line-height: 1.4;
			}
			#main-content #promo ul li h3 a {color: #005abb;}
			#main-content #promo ul li:hover h3 a,
			#main-content #promo ul li.active h3 a {color: #c7d8ef;}

	#promo a#hero img {
		position: absolute;
		top: 7px;
		left: 9px;
	}

/* Product Panel */
body.home #main-content #aside h4 {
	background: url("pnl-top.gif") no-repeat 0 0;
	padding: 10px 10px 0 10px;
	color: #6c6f70;
	font-size: 2em;
	font-weight: normal;
	width: 200px;
}
	#main-content #aside ul.icons li {
		background: none;
		padding-bottom: 0.75em;
	}
		#main-content #aside ul.icons li a {color: #595959;}
		body.home #main-content #aside li img {
			width: 21px;
			height: 21px;
			vertical-align: middle;	
		}

/* News + Blog Columns */
body.home #content div.col {
	float: left;
	width: 245px;
	margin-left: 18px;
}
	body.home #content div.col h4 {
		font-size: 2em;
		font-weight: normal;
		margin-bottom: 0.5em;	
		border-bottom: 1px solid #e7e8e8;
	}
	body.home #content div.col ul {margin: 0 0 0.83em;}
		body.home #content div.col ul li {
			border-bottom: 1px solid #e7e8e8;
			margin-bottom: 0.83em;
			background: none;
			padding: 0;
		}
			 body.home #content div.col ul li h5 {
				margin-bottom: 0;
				font-size: 1em;
			 }
			 body.home #content div.col ul li p {margin-bottom: 0.83em;}
	
	/* Blog */
	#main-content div.col blockquote {
		background: url("blockquote-btm.gif") no-repeat 0 100%;
		margin: 0;
	}
		#main-content div.col blockquote p {
			background: url("blockquote-top.gif") no-repeat 0 0;
			margin-bottom: 9px;
			padding: 9px 13px 9px 20px;
		}
			#main-content div.col blockquote p a {font-weight: bold;}
			#main-content div.col blockquote p cite {
				display: block;
				font-weight: bold;
			}
				#main-content div.col blockquote p cite span {font-weight: normal;}

/* [MEDIA RELEASE DETAIL]
-------------------------------------------------------*/
#about {
	border-top: 2px solid #ebebeb;
	padding-top: 0.83em;
	font-size: 0.917em;
	color: #666;
}
	#about h2 {		
		font-weight: bold;
		font-size: 1em;
	}
	
/* [OFFICE LOCATIONS]
-------------------------------------------------------*/
h4 a.top {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.75em;
	font-weight: normal;
	padding-left: 12px;
	background: url("top.gif") no-repeat 0 50%;
}
#main-content div.inner div.vcard {
	clear: both;
	float: left;
	width: 345px;
	margin-right: 18px;
}
body.panel #main-content div.inner div.vcard {width: 228px;}
#main-content div.inner div.vcard.alt {
	clear: none;
	margin-right: 0;
}

/* [STATE SELECTOR]
-------------------------------------------------------*/
#main-content ul#states {float: left;}
	#main-content ul#states li {
		float: left;
		padding: 0 0.75em;
		background: none;
		border-left: 1px solid #666;
	}
	#main-content ul#states li.first {
		border: 0;
		padding-left: 0;
	}
		#main-content ul#states li a {}

/* [FAQs]
-------------------------------------------------------*/
#content.faq p, 
#content.faq ul {margin-bottom: 0.833em;}

/* [ACCOUNT TOOLS]
-------------------------------------------------------*/
#account-tools {
	float: right;
	width: 227px;
	text-align: right;
	margin-top: 7px;
	background: url("acc-btm.png") no-repeat 0 100%;
    visibility: hidden;
}
	#account-tools h2 {
		background: url("acc-top.gif") no-repeat 0 0;		
		padding: 10px 10px 0 0;	
		color: #0a6792;
		font-size: 1.4em;
		font-weight: bold;
	}
	#account-tools div {
		padding: 0 10px 5px;
		font-size: 1.1em;
	}

/* [SECTION LANDING PAGE PANELS]
-------------------------------------------------------*/
div.panels {
	float: left;
	width: 513px;
	margin-top: 8px;
	background: url("panel-btm-bg.gif") no-repeat 0 100%;
}
div.panels.solo {background: url("panel-btm-bg2.gif") no-repeat 0 100%;}
	div.panels div.panel {
		float: left;
		margin-right: 19px;
		background: url("panel-top-bg.gif") no-repeat 0 0;
		width: 215px;
		padding: 20px 16px;
	}
	div.panels div.panel.last {margin: 0;}
		div.panels div.panel h1 {
			font-size: 1.5em;
			font-weight: normal;
			color: #005ABB;
		}
		#main-content div.panels div.panel p, 
		#main-content div.panels div.panel ul,
		#main-content div.panels div.panel ol {margin-bottom: 0.4em;}

/* [STRUCTURED PAGES]
-------------------------------------------------------*/

/* --Standard Structured List-- */
#main-content ul.structured-list {
	margin: 0 0 0.67em;
	list-style: none;
	float: left;
	width: 100%;
	padding-bottom: 1.16em;
}
	#main-content ul.structured-list li {
		padding: 1.16em 0 0 0;
		background: none;
		border-top: 1px solid #ebebeb;
		margin-bottom: 1.16em;
		float: left;
		width: 100%;
	}
	#main-content ul.structured-list li.first {border: none;}
		/* Thumbnail Image */
		#main-content ul.structured-list li img.thumb {
			float: left;
			width: 140px;
			height: 94px;
		}
		/* Listing Text */
		#main-content ul.structured-list li h2,
		#main-content ul.structured-list li p,
		#main-content ul.structured-list li h3,
		#main-content ul.structured-list li div.wysiwyg {margin: 0 0 0 155px;}
		#main-content ul.structured-list li h2,
		#main-content ul.structured-list li h3 {
			font-weight: bold;
			font-size: 1em;
			color: #106470;
			margin-bottom: 0.25em;
		}
		/* No Thumbnail Img */
		#main-content ul.structured-list li.no-img h2,
		#main-content ul.structured-list li.no-img h3,
		#main-content ul.structured-list li.no-img p,
		#main-content ul.structured-list li.no-img div.wysiwyg {margin-left: 0;}
		/* When WYSIWYG's are used */
		#main-content ul.structured-list li div.wysiwyg li,
		#main-content ul.structured-list li div.wysiwyg img {
			padding: 0;
			border: none;
			margin: 0;
			float: none;
			width: auto;
			height: auto;
		}
		#main-content ul.structured-list li div.wysiwyg h2,
		#main-content ul.structured-list li div.wysiwyg p {margin: 0 0 0.40em 0;}

/* [IGNITIONSUITE MODULES]
-------------------------------------------------------*/

/* --Sitemap-- */
div.sitemap-col {
	float: left;
	width: 49%;
}
div.sitemap-col.right {float: right;}
	#main-content div.sitemap-col ul {
		list-style: none;
		margin: 0;
	}
		#main-content div.sitemap-col ul li {
			background: none;
			padding-left: 0;
		}
		/* Top level */
		#main-content div.sitemap-col ul li a {
			display: block;
			font-weight: bold;
			font-size: 1.3em;
			color: #005abb;
			border-bottom: 1px solid #fff;
			border-right: 1px solid #fff;
		}
		/* 2nd level and beyond */
		#main-content div.sitemap-col ul ul {
			list-style: disc;
			margin: 0.75em 0 0.75em 4em;
		}
			#main-content div.sitemap-col ul li ul li a {
				display: inline;
				color: #004990;
				font-weight: normal;
				font-size: 100%;
				border: none;
			}
			#main-content div.sitemap-col ul li ul li a:hover,
			#main-content div.sitemap-col ul li ul li a:focus {background: none;}

/* --Search Results-- */
#main-content fieldset.search {margin-bottom: 2em;}
	#main-content fieldset.search button {
		margin-left: 3px;
		color: #fff;
		font-weight: bold;
		padding: 2px;
		text-transform: uppercase;
		border: none;
		background: #4d4e53;
		vertical-align: middle;
	}
	#main-content fieldset.search input.txt-input {vertical-align: middle;}
	#main-content fieldset.search legend.form-hdr {padding-bottom: 0.2em;}
#main-content ol#search-results {
	margin: 0;
	padding-bottom: 1.16em;
	list-style: none;
}
	#main-content ol#search-results li {
		border-top: 1px solid #ebebeb;
		padding: 1.16em 0 0 0;
		margin-bottom: 1.16em;
	}
	#main-content ol#search-results li.first {border: none;}
	
		#main-content ol#search-results li p {margin: 0;}
		#main-content ol#search-results li p.rating {
			color: #666;
			font-size: 0.916em;
		}
		#main-content ol#search-results li span.keywords {background-color: #ffff99;}

/* --Image Library-- */
#main-content ul#img-lib {
	margin-left: 0;
	list-style: none;
	width: 728px;
}
	#main-content ul#img-lib li {
		float: left;
		width: 182px;
		position: relative;
		padding-left: 0;
		background: none;
	}
	
	/* Divider - clears a row */
	#main-content ul#img-lib li.divider {
		width: 728px;
		height: 20px;
		clear: both;
		display: block;
		float: none;
		line-height: 0;
		font-size: 0;		
		border-bottom: 1px solid #ebebeb;
		overflow: hidden;
		text-indent: -9999em;
	}
		/* Caption */
		#main-content ul#img-lib li p {
			padding: 0.416em 0.83em;
			text-align: center;
			margin: 0;
		}
		/* Thumbnail */
		#main-content ul#img-lib li div {
			text-align: center;
			width: 182px;
			height: 130px;
			display: table-cell;
			vertical-align: middle;
		}
		#main-content ul#img-lib li div * {vertical-align: middle;}
			#main-content ul#img-lib li div a img {
				border: 2px solid #CECECE;
				max-width: 125px;
				max-height: 105px;
			}
			#main-content ul#img-lib li div a:hover img,
			#main-content ul#img-lib li div a:focus img {border-color: #CD5A13;}

/* --Doc Library-- */
#main-content ul#doc-lib li {
	margin-bottom: 0.80em;
	padding-left: 0;
	background: none;
}
	#main-content ul#doc-lib li img {vertical-align: middle;}
	#main-content ul#doc-lib li a {font-weight: bold;}
	#main-content ul#doc-lib li span {
		color: #666;
		display: block;
		padding: 2px 0 0 20px;
	}