/*******************************************************************************
* Page
*******************************************************************************/
body {
	background: #FFFFFF url(../images/layout/body-bg.gif) repeat scroll 0 0;
}

.inner {
	margin: 0 auto;
	width: 980px;
	position: relative;
}

#container {
	width: 100%;
	position: relative;
}

/*******************************************************************************
* Header
*******************************************************************************/
#header {
	background: transparent url(../images/layout/header-bg.gif) repeat-x scroll 0 0;
	height: 160px;
	margin: 0 0 40px 0;
	overflow: visible;
}

/*******************************************************************************
* Logo
*******************************************************************************/

#logo {
	background: transparent url(../images/layout/logo-trans.png) no-repeat scroll left top;
	width: 185px;
	height: 195px;
}

	#logo a span {
		display: block;
		text-indent:-9999px;
		width: 185px;
		height: 195px;
	}

/*******************************************************************************
* Utility nav
*******************************************************************************/

#utility-nav {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 0;
	background: transparent url(../images/header/util-bg.gif) no-repeat 0 bottom;
}

	#utility-nav ul {
		list-style: none;
		margin: 0;
	}
	
		#utility-nav ul li {
			float: left;
			margin: 0 5px 0 0;
			padding: 0 5px 0 0;
			border-right: 1px solid #8E6BAB;
			font-size: 1.2em;
			color: #D3C4E3;
			display: inline;
		}
		
			#utility-nav ul li a {
				text-decoration: none;
				color: #D3C4E3;
			}
			
		#utility-nav ul li span {
			color: #FFF;
		}

/*******************************************************************************
* Search
*******************************************************************************/

#search {
	position: absolute;
	right: 0;
	top: 50px;
}

#search form {
	float: left;
}

	#search .text {
		border: 0;
		background: transparent url(../images/header/text-bg.gif) no-repeat 0 0;
		width: 266px;
		height: 15px;
		padding: 5px;
		color: #FFF;
		font-size: 1em;
		font-weight: bold;
		font-style: italic;
	}

	#search .field {
		margin: 0 10px 0 0;
		display: inline;
	}
	
	#search .or {
		float: left;
		margin: 4px 10px 0 0;
		font-size: 1.2em;
		color: #D3C4E3;
		display: inline;
	}
	
	#search .field.button {
		margin: 0;
	}

.hide {
	display: none;
}

/*******************************************************************************
* Search custom drop down
*******************************************************************************/

/* faux drop down list */

#search div.selectbox-wrapper {
	position: absolute;
	top: 27px;
	width: 190px !important;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	text-align: left;
	max-height: 130px;
	overflow: auto;
	z-index: 9999;
}

	#search div.selectbox-wrapper ul {
		list-style-type:none;
		margin: 0;
		padding: 0;
		background: #825fa3;
		color: #FFF;
		z-index: 999;
		overflow: visible;
		
	}

		#search div.selectbox-wrapper ul li {
			list-style-type: none;
			display: block;
			margin: 0;
			padding: 2px;
			cursor: pointer;
			font-size: 1.3em;
			z-index: 999;
		}

		#search div.selectbox-wrapper ul li.selected {
			background-color: #9B78BA;
		}

		#search div.selectbox-wrapper ul li.current { 
			background-color: #9B78BA;
		}

/* select box replacement */
#search .selectbox {
	margin: 0 5px 10px 0;
	padding: 5px 30px 5px 10px;
	width: 150px;
	height: 17px; 
	display: block;
	text-align: left; 
	background: transparent url(../images/form/select-bg.png) no-repeat 0 0;
	/*height:18px;*/
	cursor: pointer;
	color: #FFF;
	border: 0;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/*******************************************************************************
* Services
*******************************************************************************/

#services {
	/*position: absolute;
	bottom: 40px;
	right: 0;
	z-index: 1;*/
	float: right;
	margin: -75px 0 0 0;
	width: 760px;
}

	#services h2 {
		font-weight: normal;
		font-style: italic;
		color: #D3C4E3;
		float: left;
		margin: 8px 10px 0 0;
		display: inline;
	}

	#services ul {
		list-style: none;
		margin: 0;
		float: right;
		display: inline;
	}
	
		#services ul li {
			float: left;
			margin: 0 5px 0 0;
			width: 35px;
			height: 35px;
			text-indent: -9999px;
			display: inline;
		}
		
			#services ul li a {
				display: block;
			}
		
			#services ul li img {
				margin: -14px 0 0 0;
				/*position: absolute;
				top: 0;
				left: 0;*/
			}


/*******************************************************************************
* Login panel
*******************************************************************************/

#login-panel {
	position: absolute;
	right: 0;
	bottom: -15px;
	width: 185px;
	height: 50px;
	margin: 0;
}


	#login-panel #login-wrapper {
		background: transparent url(../images/layout/login-panel-trans.png) no-repeat 0 0;
		width: 155px;
		padding: 0 15px;
		height: 50px;
	}
	
		* html #login-panel #login-wrapper {
			background: transparent url(../images/layout/login-panel-trans.gif) no-repeat 0 0;
		}

	#login-panel ul {
		margin: 0 0 3px 10px;
		padding: 5px 0 0 0;
		list-style: none;
		float: left;
		display: inline;
	}
	
		#login-panel ul li {
			float: left;
			border-right: 1px solid #C3BEBA;
			padding: 0 10px 0 0;
			margin:  0 10px 0 0;
			display: inline;
		}
		
			#login-panel ul li.last {
				border: 0;
				margin: 0;
				padding: 0;
			}
			
			#login-panel ul li a {
				text-decoration: none;
				color: #9E83B6;
				font-size: 1.5em;
				display: block;
			}

	#login-panel a.register {
		text-align: center;
		display: block;
		text-decoration: none;
		font-size: 1.1em;
		color: #981012;
	}
	
		#login-panel a:hover {
			text-decoration: underline;
		}

#login-panel.logged-in ul {
	margin-left: 0;
}

	#login-panel.logged-in ul li a {
		font-size: 1.4em;
	}

/*******************************************************************************
* Content
*******************************************************************************/

#wrapper {
	background: transparent url(../images/layout/wrapper-bg-trans.png) no-repeat 0 0;
	float: left;
	width: 990px;
}

#content {
	float: left;
	width: 805px;
	padding: 70px 0 0 0;
	position: relative;
}

	#content .bottom {
		background: transparent url(../images/layout/content-bottom-trans.png) no-repeat 0 0;
		float: left;
		clear: both;
		height: 10px;
		width: 810px;
		margin: 0 0 30px 0;
		display: inline;
	}

#main {
	overflow: visible;
}

	#main .inner {
		width: 990px;
	}

#page {
	background: transparent url(../images/layout/page-bg.gif) repeat-y 4px 0;
	padding: 120px 20px 0 20px;
	width: 770px;
	float: left;
}
	#page ul {
		margin: 0 0 20px 20px;
	}

		#page ul li {
			color: #815EA2;
			margin: 0 0 10px 0;
		}
	
			#page ul li a,
			#page ul li a:visited {
				color: #815EA2;
				text-decoration: none;
			}

#bar {
	background: transparent url(../images/content/bar-bg.gif) no-repeat 0 0;
	width: 815px;
	height: 87px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 80px;
	left: -3px;
	z-index: 99999;
}

	* html #bar {
		/*position: static;*/
	}

#page.homepage #bar {
	background: transparent url(../images/content/homepage-bar-bg.gif) no-repeat 0 0;
}

	#bar .titles {
		position: absolute;
		top: 29px;
		left: 55px;
	}
	
	#bar .titles.double {
		top: 20px;
	}

		#bar h1 {
			color: #8461A3;
			font-weight: normal;
		}

/*******************************************************************************
* bar - refine search
*******************************************************************************/

#bar #refine-search {
	float: right;
	width: 230px;
	margin: 30px 0 0 0;
}

#bar #refine-search #filter{
	width:150px;
}

#bar #refine-search .field {
	width: auto;
}

	#bar #refine-search label {
		font-size: 1.2em;
		margin: 0 20px 0 0;
		float: left;
	}
	
		#bar #refine-search label.hidden {
			display: none;
		}

#bar #refine-search .field.submit {
	margin: 0;
}

/*******************************************************************************
* Homepage
*******************************************************************************/

#page.homepage {
	padding-top: 0;
}

#banner {
	margin: 0 0 20px 0;
}

	#banner h1 {
		display: none;
	}

.homepage .left {
	width: 521px;
	padding: 0 0 0 4px;
}

.homepage .right {
	width: 245px;
}

.homepage h2 {
	color: #333;
	font-size: 1.3em;
	margin: 0 0 10px 0;
}

.homepage #bar {
	top: 290px;
}

* html .homepage #bar {
	position: static;
	margin: -120px 0 40px -23px;
	
}

	.homepage #bar ul {
		float: left;
		list-style: none;
		margin: 0 0 0 20px;
	}

		.homepage #bar ul li {
			float: left;
			margin: 0;
			background: transparent url(../images/homepage/grey-arrow.gif) no-repeat 0 32px;
			width: 120px;
			height: 55px;
			padding: 25px 0 0 40px;
		}
		
			#page.homepage #banner #bar ul li a, 
			#page.homepage #banner #bar ul li a:visited {
				color: #635f5c;
			}
		
			.homepage #bar ul li span {
				color: #292929;
				font-size: 1.2em;
				display: block;
			}

/* newsletter signup */

.homepage #bar ul li.newsletter-signup {
	width: 245px;
	margin: 0 0 0 30px;
}

* html .homepage #bar ul li.newsletter-signup {
	width: 210px;
}

#bar form {
	width: 220px;
	float: left;
}

#bar form .field {
	width: 155px;
	margin: 0;
}

#bar .newsletter-signup span {
	width: 140px;
}

#bar form .text {
	background: transparent url(../images/form/text-140-bg.gif) no-repeat 0 0;
	width: 145px;
	border: 0;
	padding: 2px;
}

#bar form .submit {
	width: 55px;
}

#bar ul li ul.errors {
	margin: 0;
}

	#bar ul li ul.errors li {
		padding: 0;
		background: none;
		width: 240px;
		margin: 0 0 3px 0;
		height: auto;
	}

/*******************************************************************************
* Homepage - latest news
*******************************************************************************/

#latest-news {
	background: transparent url(../images/homepage/box-bg.gif) no-repeat 0 0;
	width: 479px;
	height: 205px;
	padding: 15px;
	margin: 0 0 20px 0;
}
	
	#latest-news .info {
		float: left;
		width: 250px;
	}

.leaf {
	padding: 0 0 0 20px;
	clear: both;
	background: transparent url(../images/layout/leaf-bg.gif) no-repeat 0 2px;
}

img.image {
	padding: 3px;
	border: 1px solid #DEDEDE;
	background: #FFF;
	margin: 0 20px 0 0;
	float: left;
	display: inline;
}

/*******************************************************************************
* Homepage - popular searches
*******************************************************************************/

#popular-searches {
	border: 1px solid #DEDEDE;
	padding: 15px 10px;
	margin: 0 0 20px 0;
}

#popular-searches span a{
	color: #333;
	text-decoration: none;
}

.x-large{
	font-size: 1.9em;
}

.large{
	font-size: 1.6em;
}

.medium{
	font-size: 1.3em;
}

.small{
	font-size: 1em;
}

.x-small{
}



/*******************************************************************************
* Homepage - download pdf
*******************************************************************************/

#download-pdf {
	background: transparent url(../images/homepage/pdf-download-bg.gif) no-repeat 0 0;
	width: 125px;
	height: 60px;
	padding: 35px 100px 0 20px;
	margin: 0 0 20px 0;
	color: #835EA4;
}

#download-pdf h3 a {
	text-decoration: none;
}

/*******************************************************************************
* Homepage - sections
*******************************************************************************/

#sections {
	float: left;
	width: 509px;
	margin: 0 0 20px 0;
	display: inline;
	position: relative;
}

	#sections .column {
		float: left;
		width: 160px;
		height: 300px;
		padding: 0 5px;
		display: inline;
	}
	
		#sections .column img {
			margin: 0 0 20px 0;
		}
		
		#sections .column a.button {
			/* position: absolute;
			bottom: 0;*/
		}
		
		#sections .column p {
			height: 89px;
			overflow: hidden;
		}
	
	#sections .column.last {
		margin: 0;
		width: 159px;
	}

.hr {
	height: 20px;
	width: 510px;
	float: left;
	margin: 0 0 10px 0;
	display: inline;
	background: transparent url(../images/content/hr.gif) no-repeat 0 0;
}

	.hr hr {
		display: none;
	}
	
.hr-large {
	height: 30px;
	width: 710px;
	float: left;
	margin: 0 0 10px 35px;
	display: inline;
	background: transparent url(../images/content/hr-large.gif) no-repeat 0 0;
}

	.hr-large hr {
		display: none;
	}


/*******************************************************************************
* bar - refine search custom select
*******************************************************************************/

.fake-select {
	position: relative;
	float: left;
	width: 145px;
	height: 20px;
	margin: 0 5px 0 0;
}

/* faux drop down list */

#refine-search div.selectbox-wrapper {
	position: absolute;
	top: 20px;
	width: 142px !important;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	text-align: left;
	max-height: 200px;
	overflow: auto;
	z-index: 9999;
	border: 1px solid #C5C5C5;
}

	#refine-search div.selectbox-wrapper ul {
		list-style-type:none;
		margin: 0;
		padding: 0;
		color: #FFF;
	}

		#refine-search div.selectbox-wrapper ul li {
			list-style-type: none;
			display: block;
			margin: 0;
			padding: 2px;
			cursor: pointer;
			font-size: 1.3em;
			color: #666;
		}

		#refine-search div.selectbox-wrapper ul li.selected { 
			color: #666;
			background: #C5C5C5;
		}

		#refine-search div.selectbox-wrapper ul li.current { 
			color: #666;
			background: #C5C5C5;
		}

/* select box replacement */
#refine-search .selectbox {
	margin: 0 5px 10px 0;
	padding: 3px 20px 3px 3px;
	width: 119px;
	height: 14px;
	display: block;
	text-align: left; 
	background: url(../images/form/refine-select-bg.gif) 0 0;
	/*height:18px;*/
	cursor: pointer;
	color: #333;
	border: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/*******************************************************************************
* Menu
*******************************************************************************/

#menu {
	width: 805px;
	height: 30px;
	/*position: absolute;
	top: 0;
	left: 0;*/
	padding: 40px 0 0 0;
	margin: -70px 0 0 0;
}

	#menu ul {
		list-style: none;
		margin: 0 0 0 50px;
	}

		#menu ul li {
			float: left;
			margin: 0 15px 0 0;
			background: transparent url(../images/menu/li-bg.gif) no-repeat right 5px;
			padding: 0 25px 0 0;
			display: inline;
		}
		
		#menu ul li.last {
			margin: 0;
			padding: 0;
			background: none;
		}
		
			#menu ul li a,
			#menu ul li a:visited {
				color: #282828;
				text-decoration: none;
				font-size: 1.4em;
			}
			
				#menu ul li a:hover,
				#menu ul li.active a {
					color: #8461A5;
				}

/*******************************************************************************
* Sidebar
*******************************************************************************/

#sidebar {
	float: left;
	width: 180px;
	margin: 20px 0 20px 0;
	display: inline;
	top: 0;
	right: 5px;
}

	* html #sidebar {
		margin-left: -5px;
	}
	
	* html #sidebar.homepage {
		margin-left: -25px;
	}
	
	#sidebar h3 {
		text-align: center;
		padding: 20px 0 40px 0;
		margin: 0;
		/*background: transparent url(../images/sidebar/h3-bg.gif) no-repeat 0 bottom;*/
		text-indent: -9999px;
	}
	
	#sidebar .content {
		background: transparent url(../images/sidebar/bg.gif) repeat-y 0 0;
		width: 180px;
		/*padding: 10px;*/
		float: left;
	}
	
	#sidebar .bottom {
		/*background: transparent url(../images/sidebar/bottom-bg.gif) no-repeat 0 0;*/
		width: 180px;
		height: 10px;
		position: absolute;
		bottom: 0;
		left: 0;
	}

/*******************************************************************************
* Sidebar - Sponsored listing
*******************************************************************************/

#sponsored-listing {
	margin: 20px 0 20px 30px;
	float: left;
	width: 125px;
	display: inline;
}

	#sponsored-listing .single {
		float: left;
		padding: 1px;
		width: 123px;
		margin: 0 0 10px 0;
		background: #FFF;
		display: inline;
	}

	#sponsored-listing .double {
		float: left;
		padding: 1px;
		width: 123px;
		height: 298px;
		background: #FFF;
		margin: 0 0 10px 0;
		display: inline;
	}

/*******************************************************************************
* Sidebar - Subscribe
*******************************************************************************/

#subscribe {
	margin: 0 0 0 -10px;
	width: 180px;
	float: left;
	display: inline;
}

	#subscribe h3 {
		border-top: 1px solid #D6D6D6;
		padding: 5px 0 35px 0;
	}

ul.rss {
	list-style: none;
	margin: 20px 0 0 30px;
}

	ul.rss li {
		padding: 0 0 0 20px;
		margin: 0 0 5px 0;
		height: 20px;
		background: transparent url(../images/sidebar/rss-icon.gif) no-repeat 0 0;
	}
	
		ul.rss li a {
			color: #916f70;
			font-size: 1.1em;
			text-decoration: none;
		}

/*******************************************************************************
* Directory
*******************************************************************************/

.directory-category {
	border-bottom: 1px solid #DEDEDE;
	float: left;
	width: 170px;
	padding: 0 30px 0 0;
	margin: 0 0 20px 0;
	display: inline;
}

	.directory-category img.image {
		padding: 5px;
		margin-bottom: 10px;
	}

	.directory-category h2 {
		height: 35px;
	}

	.directory-category.last {
		padding: 0;
	}

.purple-arrow {
	background: transparent url(../images/directory/purple-arrow.gif) no-repeat 0 3px;
	padding: 0 0 0 12px;
	float: left;
	font-size: 1.1em;
}

#ads .advert a.purple-arrow.right{
	float: right;
	margin: 0px;
}

#ads .advert a.purple-arrow.search{
	margin: 0px;
}

	.purple-arrow a, 
	.purple-arrow a:visited {
		text-decoration: none;
		color: #8161A0;
		font-weight: bold;
	}
	
	.purple-arrow:hover {
		text-decoration: underline;
		cursor: pointer;
	}
	
.purple-arrow.down {
	background-image: url(../images/directory/purple-arrow-down.gif);
}

#ads.view-advert .outer{
}

#ads.view-advert .top{
	background:transparent url(../images/directory/premium-bg-top.gif) no-repeat scroll 0 0;
	height: 1px;
}

#ads.view-advert .bottom{
	background:transparent url(../images/directory/premium-bg-bottom.gif) no-repeat scroll 0 0;
	filter: none;
	width: 705px;
}

#ads.view-advert .premium-ad.advert{
	background:transparent url(../images/directory/premium-bg-slice.gif) repeat-y scroll 0 0;
	margin-bottom: 0;
	padding-bottom: 0;
	height: 100%;
}

#ads.view-advert .premium-ad.advert .info{
	padding-bottom: 10px;
}

#page #ads .premium-ad a.purple-arrow {
	margin-top: 0;
	clear: both;
	width: 75px;
	position: absolute;
	bottom: 5px;
	right: 0;
}

/*******************************************************************************
* Directory search - related
*******************************************************************************/

#related-search {
	float: left;
	width: 710px;
	margin: 0 0 20px 0;
	display: inline;
}

#related-search ul {
	float: left;
	list-style: none;
	margin: 0;
	width: 770px;
	display: inline;
}

	#related-search ul li {
		border-right: 1px solid #999;
		float: left;
		padding: 0 5px 0 0;
		margin: 0 5px 0 0;
		display: inline;
	}
	
		#related-search ul li a,
		#related-search ul li a:visited {
			color: #999;
		}
	
	#related-search ul li.last {
		border: 0;
	}

/*******************************************************************************
* Directory search - pagination
*******************************************************************************/

#results {
	float: left;
	width: 710px;
	padding: 0 30px;
}

#page .pagination {
	/* float: left; */
	width: 705px;

	min-height:16px;
	height:auto !important;
	height:16px;
}

	#page .pagination strong {
		color: #8461A3;
		font-size: 1.2em;
	}

	#page .pagination span {
		float: left;
	}

	#page .pagination ul {
		float: right;
		list-style: none;
		margin: 0;
		display: inline;
	}
	
		#page .pagination ul li {
			float: left;
			color: #999;
			margin: 0 5px 0 0;
			padding: 0 5px 0 0;
			display: inline;
			border-right: 1px solid #999;
		}
		
			#page .pagination ul li a,
			#page .pagination ul li a:visited {
				color: #999;
			}
			
				#page .pagination ul li a:hover {
					color: #8461A3;
				}
		
			#page .pagination ul li.last {
				padding: 0;
				margin: 0;
				border: 0;
			}

/*******************************************************************************
* Directory search - basic ad
*******************************************************************************/

#ads .advert {
	position: relative;
	float: left;
	width: 675px;
	padding: 15px;
	border-top: 1px solid #E3E3E3;
}

#ads .para {
	float: left;
	width: 770px;
	margin: 0 0 20px 0;
}

#ads .advert.narrow {
	width: 440px;
}

#ads.favourites .advert.narrow .info {
	width: 316px;
}

#ads .advert a.purple-arrow,
#ads .advert a.purple-arrow {
	margin: 100px 0 0 0;
	text-decoration: none;
}

.advert h2 {
	margin: 0 0 15px 0;
}

#ads .advert .address {
	float: left;
	list-style: none;
	margin: 0 0 5px 0;
	display: inline;
	width: 100%;
}

	#ads .advert ul.address li {
		float: left;
		margin: 0 5px 0 0;
		border-right: 1px solid #999;
		padding: 0 5px 0 0;
		color: #333;
                width: 100%;
		

	}
	
		#ads .advert ul.address li.last {
			border: 0;
		}

#ads .advert p {
	float: left;
	clear: both;
}

#ads .advert a.url {
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 8px 0 0 0;
	height: 35px;
	text-decoration: none;
	font-weight: bold;
}

	#ads .advert a.url:hover {
		text-decoration: underline;
	}

#ads .advert.last {
	border-bottom: 1px solid #E3E3E3;
}
.add-to-favourites a.remove {
	background-position: right 0;
	text-indent: 0;
	padding: 0 20px 0 0;
	width: auto;
}

/*******************************************************************************
* Directory search - enhanced ad
*******************************************************************************/

#ads .enhanced {
	/*border-top: 1px solid #E3E3E3;*/
}

#ads .enhanced .info {
	clear: both;
	margin: 0 0 10px 0;
}

	#ads .enhanced p {
		width: 100%;
	}

/*******************************************************************************
* Directory search - premium ad
*******************************************************************************/

#ads {
	float: left;
	margin: 10px 0 0 0;
	width: 705px;
	display: inline;
}

#ads .premium-ad {
	/*background: transparent url(../images/directory/premium-bg.gif) no-repeat 0 0;*/
	border: 1px solid #E3E3E3;
	/*width: 675px;*/
	font-family: "Trebuchet MS",Georgia,Helvetica,sans-serif;
	height: 175px;
	padding: 15px 15px 0 15px;
	margin: 0 0 20px 0;
}

	#ads .premium-ad.narrow {
		background: transparent url(../images/directory/premium-bg-narrow.gif) no-repeat 0 0;	
	}

	#ads .premium-ad .info {
		float: left;
		width: 75%;
		overflow: hidden;
	}
	#ads .add-to-favs{
	    position: absolute;
	    bottom: 35px;
	    right:10px;
	    }
	
	#ads.advertisers .premium-ad .info{
		width: 454px;
	}
	
		#ads .premium-ad .info p {
			width: 100%;
			clear: both;
		}
                
	#ads .premium-ad a.url {
		/*background: transparent url(../images/directory/url-icon.gif) no-repeat right 0;
		padding: 8px 45px 0 0;*/
	}
	#ads.favourites{
	    padding:0 0 10px 0;
		width:471px;
	}

/*******************************************************************************
* Advertisers
*******************************************************************************/

#ads.advertisers {
	margin: 0 auto;
	width: 705px;
}

#ads.advertisers .advert {
	border: 4px solid #CFCFCF;
	background: none;
	height: auto;
	margin: 0;
	padding-bottom: 15px;
	overflow: hidden;
}

	#ads .advert ul.links {
		list-style: none;
		float: right;
		overflow: visible;
		width: auto;
	}
	
		#ads .advert ul.links li {
			float: left;
			font-weight: bold;
			margin-left: 5px;
		}
		
		#ads .advert ul.links li.flipbook {
			margin-top: -8px;
			height: 33px;
			width: 37px;
		}
		
		#ads .advert .read-more {
			float: right;
		}	    

	#ads ul.address {
		clear: left;
	}

	#ads.advertisers .advert h2 {
		float: left;
	}

	#ads.advertisers .advert a.flip-book {
		background: transparent url(../images/directory/url-icon.gif) no-repeat scroll 0 0;
		float: right;
		height: 33px;
		width: 37px;
		text-indent: -9999px;
	}

.intro {
	margin: 0 0 10px 0;
}

.buy-now {
	background: #ECECEC;
	padding: 5px;
	float: left;
	width: 703px;
	margin: 0 0 30px 0;
	display: inline;
}

	.buy-now h3 {
		float: left;
		margin: 6px 0 10px 15px;
		color: #8461A3;
		display: inline;
	}
	
		.buy-now h3 span {
			color: #333333;
		}
		
	.buy-now form {
		float: left;
	}
		
#advertisers-design-advert{
	display: block;
}

/*******************************************************************************
* Banners
*******************************************************************************/

#banners {
	float: left;
	width: 705px;
	margin: 10px 0 0 0;
	display: inline;
}

	.example-banner {
		float: left;
		width: 125px;
		margin: 0 35px 0 0;
		display: inline;
	}
	
		.example-banner a.button {
			margin: 10px 0 0 20px;
		}

#banner-spec {
	border: 1px solid #CFCFCF;
	float: right;
	width: 320px;
	padding: 15px;
}

	#banner-spec h3 {
		color: #8461A3;
	}

.showcase {
	float: left;
	width: 705px;
	margin: 20px 0 20px 0;
	display: inline;
}

	.showcase p {
		float: left;
		width: 500px;
	}
	
	.showcase img {
		float: right;
	}

#featured-product {
	float: left;
	width: 705px;
	margin: 30px 0 50px 0;
	display: inline;
	position: relative;
	background: transparent url(../images/advertisers/grey-arrow.gif) no-repeat 195px 195px;
}

#featured-product p {
	/*margin: 0 0 20px 0;*/
}

	#featured-product .small {
		border: 4px solid #CFCFCF;
		float: left;
		width: 160px;
		padding: 10px;
		margin: 0 70px 0 0;
		display: inline;
	}
	
		#featured-product .small img {
			margin-bottom: 10px;
		}

	#featured-product .large {
		border: 4px solid #CFCFCF;
		float: left;
		width: 375px;
		padding: 10px;
	}
	
		#featured-product .large img {
			float: right;
			margin: 0 0 10px 10px;
			display: inline;
		}

#featured-product .enquire {
	float: right;
	margin: 10px 50px 0 0;
}

/*******************************************************************************
* News
*******************************************************************************/

#news-list {
	margin: 0 auto;
	/*width: 705px;*/
	float: none;
	/*display: inline;*/
}

	#news-list .pagination {
		border-bottom: 1px solid #DCDCDC;
		margin: 0 0 10px 0;
		width: 770px;
		padding: 0 0 5px 0;
	}

.news-item {
	float: left;
	width: 705px;
}

	.news-item .info {
		float: left;
		width: 480px;
	}
	
	.news-item.full .info {
		width: 705px;
	}

	.news-item h3 a {
		color: #333;
		font-size: 1.5em;
		margin: 0 0 5px 0;
		text-decoration: none;
	}

	.news-item h4 {
		font-style: italic;
	}
	
	.news-item span.purple-arrow {
		color: #8461A3;
		font-weight: bold;
		font-size: 1.1em;
		text-decoration: none;
		cursor: pointer;
	}
	
	.news-item img {
		float: right;
		margin: 0 0 0 20px;
		display: inline;
	}

#news-list .hr {
	margin: 20px 0 0 0;
	width: 705px;
	background: transparent url(../images/news/news-hr.gif) no-repeat;
}

.comments {
	float: left;
	width: 685px;
	border-top: 1px solid #EAEAEA;
	padding: 10px 10px 40px 10px;
	margin: 10px 0 0 0;
	display: inline;
	clear: both;
	background: #F5F1EE url(../images/news/comments-bg.gif) no-repeat center bottom;
}

	.comments strong {
		color: #8461A3;
	}
	
	.comments form {
		margin: 20px 0 0 0;
	}

/*******************************************************************************
* Advice
*******************************************************************************/

.advice-tip {
	float: left;
	width: 770px;
}

	.advice-tip h3 {
		font-size: 1.6em;
	}
	
	.advice-tip h4 {
		font-style: italic;
	}
	
	.advice-tip a.purple-arrow {
		font-weight: bold;
		text-decoration: none;
	}

/*******************************************************************************
* Fact Sheets
*******************************************************************************/
.factsheet {
	clear: none;
}
	* html .factsheet{
		width:760px;
	}

#news-list.factsheets .hr{
	margin: 20px 10px 0 10px;
	width: 750px;
}

.factsheet a{
	display: block;
	width: 100%;
}

/*******************************************************************************
* Split page
*******************************************************************************/

#main #content .split {
	padding-top: 0;
}

	#page #split {
		border-top: 1px solid #E5E6E1;
		margin: 10px auto;
		padding: 10px 0 0 0;
		width: 715px;
		font-family: "Trebuchet MS",Georgia,Helvetica,sans-serif;
	}

/*******************************************************************************
* breadcrumb
*******************************************************************************/

#split .breadcrumb {
	width: 715px;
	float: left;
	font-size: 1.1em;
}

#split .breadcrumb ul {
	list-style: none;
	float: left;
	margin: 0;
	display: inline;
}

	#split .breadcrumb ul li {
		float: left;
		color: #815EA2;
		background: transparent url(../images/page/crumb-bg.gif) no-repeat right 4px;
		padding: 0 12px 0 0;
		margin: 0 2px 10px 0;
		display: inline;
	}
	
	#split .breadcrumb ul li.last {
		background: none;
	}
	
		#split .breadcrumb ul li a {
			color: #333;
		}

#split .breadcrumb a.my-account {
	float: right;
	text-decoration: none;
	color: #333;
	font-size: 1.1em;
}

/*******************************************************************************
* Split page - fake tabs
*******************************************************************************/

#split .tab-content {
	width: 430px;
}

	#split .tab-content .field.submit {
		margin-left: 100px;
	}

/*******************************************************************************
* Split page - tabs
*******************************************************************************/

#split #tabs {
	width: 470px;
	background: #FFF;
	padding: 0;
}

#split #tabs.wide {
	width: 675px;
}

	#split #tabs.wide #tabbed-content {
		width: 100%;
	}

	#split #tabs ul.ui-tabs-nav {
		padding: 0;
	}

#split #tabs ul.errors,
#page #contact-form ul.errors,
#payment-process ul.errors {
	border: 1px solid #E5E5E3;
	background: #FEE6E6;
	font-family: Trebuchet MS,Georgia,Helvetica,sans-serif;
	margin: 20px 0;
	padding: 5px;
	list-style: none;
	width: 75%;
}

	#split #tabs ul.errors li,
	#page #contact-form ul.errors li,
	#payment-process ul.errors li {
		margin: 0 0 5px 0;
		color: #41403B;
		padding: 0 0 0 20px;
		background: transparent url(../images/tabs/error-icon.gif) no-repeat 0 0;
	}

#split #tabs .field {
	width: 430px;
}

#message {
	background: #9fd722 url(../images/icons/tick.png) no-repeat 5px 3px;
	float: left;
	border: 1px solid #C5C5C5;
	padding: 5px 5px 5px 30px;
	width: 395px;
	color: #000;
	margin: 0 0 20px 20px;
}

#company-info-form {
	clear: both;
}

/*******************************************************************************
* Submenu - headers
*******************************************************************************/

#submenu {
	float: left;
	width: 205px;
	margin: 0 15px 0 0;
	display: inline;
}

#submenu h3 {
	color: #FFF;
	font-size: 1.6em;
	font-weight: bold;
	margin: 0;
}

	#submenu h3.purple {
		background: transparent url(../images/submenu/h3-purple.gif) no-repeat 0 0;
		height: 17px;
		padding: 15px 20px 10px 20px;
	}
	
	#submenu h3.green {
		background: transparent url(../images/submenu/h3-green.gif) no-repeat 0 0;
		height: 17px;
		padding: 15px 20px 10px 20px;
	}
	
/*******************************************************************************
* Submenu - menu
*******************************************************************************/
	
#submenu ul {
	background: transparent url(../images/submenu/ul-bg.gif) no-repeat 0 bottom;
	margin: 0 0 20px 0;
	padding: 0 4px;
	list-style: none;
}

	#submenu ul li {
		border-bottom: 1px solid #E5E5E3;
		margin: 0;
		background: transparent url(../images/submenu/li-bg.png) no-repeat 95% 4px;
	}
	
		#submenu ul li a {
			display: block;
			padding: 7px 15px;
			color: #333;
			outline: none;
		}
		
			#page #submenu ul.purple li.active a {
				color: #8461A5;
			}
			
			#page #submenu ul.green li.active a {
				color: #4FB58D;
			}
			
			#submenu ul li a:visited {
				color: #333;
			}
			
	#submenu ul li.last {
		border: 0;
	}
	
		#submenu ul li.last a {
			padding-bottom: 15px;
		}

/*******************************************************************************
* Split content
*******************************************************************************/

#small-page {
	float: left;
	width: 495px;
	position: relative;
}

	#small-page .top {
		margin: 0;
		width: 495px;
		height: 10px;
		background: transparent url(../images/page/small-page-top.gif) no-repeat 0 0;
	}

#small-page .content {
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	margin: 0 1px;
	padding: 0 10px 10px 10px;
	float: left;
	width: 471px;
	display: inline;
}

	* html #small-page .content {
		padding: 0;
	}
	

	#small-page .content.purple {
		background: #F1EEE9;
	}

#small-page .content .title {
	margin: 0 -10px 30px -10px;
	padding: 0 15px;
	float: left;
	width: 461px;
	position: relative;
	border-bottom: 1px solid #E5E5E5;
	background: #FFF;
	display: inline;
}

	* html #small-page .content .title {
		margin-left: 0;
		border-right: 1px solid #E5E5E5;
	}

	#small-page .content .title h1 {
		font-size: 1.6em;
		margin: 0 0 10px 0;
		float: left;
		display: inline;
	}
	
	#small-page .content .title  a.button {
		top: -3px;
		float: right;
		margin-right: 10px;
		display: inline;
	}

	#small-page .bottom {
		margin: 0;
		width: 495px;
		height: 10px;
		background: transparent url(../images/page/small-page-bottom.gif) no-repeat 0 0;
	}
	
	#small-page .bottom.purple {
		background: transparent url(../images/page/small-page-bottom-purple.gif) no-repeat 0 0;
	}
	
/*******************************************************************************
* Full width Advertisers Admin
*******************************************************************************/

#full-page {
	float: left;
	width: 701px;
}

	#full-page .top {
		margin: 0;
		width: 701px;
		height: 10px;
		background: transparent url(../images/page/full-page-top.gif) no-repeat 0 0;
	}

#full-page .content {
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	margin: 0 1px;
	padding: 0 10px 10px;
	float: left;
	width: 675px;
	display: inline;
}

	#full-page .content.purple {
		background: #F1EEE9;
	}

#full-page .content .title {
	margin: 0 -10px 30px -10px;
	padding: 0 15px;
	float: left;
	width: 665px;
	position: relative;
	border-bottom: 1px solid #E5E5E5;
	background: #FFF;
	display: inline;
}

	#full-page .content .title h1 {
		font-size: 1.6em;
		margin: 0 0 10px 0;
		float: left;
		display: inline;
	}
	
	#full-page .content .title  a.button {
		position: absolute;
		right: 15px;
		top: -3px;
	}

	#full-page .bottom {
		margin: 0;
		width: 701px;
		height: 10px;
		background: transparent url(../images/page/full-page-bottom.gif) no-repeat 0 0;
	}
	
	#full-page .bottom.purple {
		background: transparent url(../images/page/full-page-bottom-purple.gif) no-repeat 0 0;
	}

#full-page .intro {
	width: 615px;
	margin: 20px;
}

#full-page #tabs .content-block {
	width: 635px;
}

.ad-price {
	font-size: 3em;
	width: 50px;
	float: right;
	text-align: right;
}

#price-loader {
	background: transparent url(../images/advertisers/ajax-loader.gif) no-repeat scroll 0 0;
	margin-top: 3px;
	width: 42px;
	height: 42px;
	text-indent: -9999px;
	position: absolute;
	right: 225px;
}

/*******************************************************************************
* My account - Content Block
*******************************************************************************/

.content-block {
	float: left;
	margin: 0 0 30px 0;
	width: 450px;
	display: inline;
	position: relative;
}

	.content-block h3 {
		border-bottom: 1px solid #E5E6E1;
		padding: 0 0 4px 0;
	}
	
		.content-block h3.left {
			float: left;
			width: 55%;
		}
	
		.content-block span.link {
			border-bottom: 1px solid #E5E6E1;
			color: #8461A3;
			float: right;
			padding-bottom: 6px;
			text-align: right;
			width: 45%;
		}
	
	.content-block a.collapse {
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		text-align: right;
		text-decoration: none;
		font-style: italic;
		outline:none;
	}
	
	.collapse-me{
		float: left;
	}

.view-examples {
	display: block;
	margin: 0 0 10px 0;
}

.terms input {
	float: left;
	margin: 0 10px 0 0;
}

/*******************************************************************************
* My account - Login
*******************************************************************************/

#login-form {
	overflow: hidden;
	float: left;
	width: 385px;
	float: left;
	overflow: hidden;
	float: left;
	width: 350px;
	margin-right: 35px;
}

	#login-form .field {
		width: 300px;
	}

	#login-form .field.submit {
		margin: 0 0 0 100px;
		width: 100px;
	}
	
	#login-form h2 {
		border-bottom: 1px solid #EAEAEA;
		padding: 0 0 5px 0;
		margin: 0 0 15px 0;
	}

/*******************************************************************************
* My account - Signup form
*******************************************************************************/

#signup-form {
	float: left;
	width: 385px;
	float: left;
	margin-right: 35px;
	width: 350px;
}

	#signup-form .field {
		width: 300px;
	}

	#signup-form .field.submit {
		margin: 0 0 0 100px;
		width: 100px;
	}
	
	#signup-form h2 {
		border-bottom: 1px solid #EAEAEA;
		padding: 0 0 5px 0;
		margin: 0 0 15px 0;
	}

#signup-form .field.inline {
	width: 140px;
}

#signup-form .field.hidden {
	display: none;
}

/*******************************************************************************
* My account - Gallery
*******************************************************************************/

#gallery {
	/*float: left;
	width: 450px;
	margin: 0 0 30px 10px;
	display: inline;*/
}

	#gallery .intro {
		margin: 0 0 10px 10px;
	}
	
#gallery .content-block {
	width: 430px;
	margin: 0 0 30px 10px;
}

.gallery {
	float: left;
	width: 430px;
}

	.gallery h4 {
		font-size: 1.2em;
		font-weight: normal;
		margin: 0 0 10px 0;
	}

	.gallery .image {
		float: left;
		margin: 0 20px 10px 0;
	}
	
		.gallery .image.last {
			margin: 0 0 10px 0;
		}
		
	.gallery a.button {
		margin: 0 10px 0 0;
	}
	.gallery .image a.remove {
	display: block;
	width: 16px;
	height: 16px;
	float: right;
	margin: 2px 0 0 0;
	display: inline;
	outline: none;
	background: transparent url(../images/icons/remove.gif) no-repeat 0 0;
}

#gallery .field.submit {
	margin: 0 0 0 100px;
	width: 100px;
}

#photos {
	float: left;
	width: 450px;
	margin: 0 0 30px 0;
	display: inline;
}

	#photos .photo {
		float: left;
		/*width: 130px;*/
		margin: 0 30px 10px 0;
		display: inline;
	}
	
		#photos .photo img {
			margin: 0 0 5px 0;
		}
	
	#photos .photo.last {
		margin: 0 0 10px 0;
	}


/*******************************************************************************
* My account - RSVP
*******************************************************************************/

#rsvp {
	/*float: left;
	width: 450px;*/
}

	#rsvp h4 {
		float: left;
		width: 120px;
		margin: 0 10px 0 0;
		text-align: right;
		font-weight: normal;
	}

#rsvp .responses {
	float: left;
	width: 450px;
	margin: 0 0 10px 0;
}

	#rsvp .responses dl {
		float: left;
		width: 440px;
		border-bottom: 1px solid #EAEAEA;
		padding: 5px;
	}

		#rsvp .responses dl dt {
			float: left;
		}
	
		#rsvp .responses dl dd {
			float: right;
			color: #8461A3;
		}

/*******************************************************************************
* My account - RSVP
*******************************************************************************/
table#table-menu-summary {
	width:100%;
	border-collapse:collapse;
}
	#table-menu-summary td {
		border:1px solid #E5E5E5;
		padding:2px;
	}

/*******************************************************************************
* My account - Itinery
*******************************************************************************/

#itinery {
}
	#itinery .form .field label {
		width:105px;
	}
	
	#itinery .field {
		margin: 0 0 10px 0;
	}

	#itinery .field textarea {
		width: 178px;
		height: 100px;
		padding-left:0px;
	}
	
	#itinerary_copy_wrapper{
		background: transparent url(../images/form/textarea-square-bg.gif) no-repeat 0 0;
		width: 188px;
		height: 120px;
		float:left;
		
	}
	
	#itinery .field.submit {
		margin: 0 0 0 115px;
		width: 120px;
	}
	


#itinery .options {
	float: left;
	margin: 0 0 0 130px;
}

	#itinery .options .button {
		margin-right: 10px;
	}

/*******************************************************************************
* My account - Messages
*******************************************************************************/
#messages {
	float: left;
	width: 450px;
	margin: 0 0 30px 0;
	display: inline;
}

#messages .message {
	border-bottom: 1px solid #E5E6E1;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	float: left;
	width: 450px;
}

	#messages .message.last {
		border: 0;
	}

#messages .message span {
	color: #8461A5;
}

#messages .message ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#messages .message ul li {
		color: #333;
	}

		.message ul li.icon {
			float: left;
			margin: 0 10px 0 0;
			width: 50px;
		}

/*******************************************************************************
* Tabs
*******************************************************************************/

#tabs {
	float: left;
	width: 675px;
	margin: -15px 0 0 0;
	display: inline;
}

#tabs ul.ui-tabs-nav {
	margin: 0;
	list-style: none;
	float: left;
	width: 470px;
	background: #F1EEE9;
	display: inline;
}

	#tabs ul.ui-tabs-nav li {
		float: left;
		margin: 0 5px 0 0;
		height: 31px;
		display: inline;
	}
	
		#tabs ul.ui-tabs-nav li a {
			position: relative;
			display: block;
			padding: 8px 20px 0 20px;
			height: 29px;
			outline: none;
			color: #333;
			font-size: 1.1em;
		}
		
			#tabs ul.ui-tabs-nav li a span {
				position: absolute;
				top: 0;
				right: 0;
				height: 31px;
				width: 5px;
			}

/* normal inactive tab */
.ui-state-default {
	background: transparent url(../images/tabs/inactive.gif) no-repeat 0 0;
}

	#tabs ul li.ui-state-default a span {
		background: transparent url(../images/tabs/inactive.gif) no-repeat right 0;
	}

/* active tab */
#tabs ul li.ui-tabs-selected {
	background: transparent url(../images/tabs/active.gif) no-repeat 0 0;
}

	#tabs ul li.ui-tabs-selected a span {
		background: transparent url(../images/tabs/active.gif) no-repeat right 0;
	}#itinery .options {
	float: left;
	margin: 0 0 0 130px;
}

	#itinery .options .button {
		margin-right: 10px;
	}

#tabbed-content {
	background: #FFF;
	overflow: hidden;
	float: left;
	border-top: 1px solid #E5E5E5;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

#tabs .content-block {
	width: 430px;
}

/*******************************************************************************
* Tabs - my adverts
*******************************************************************************/

#my-adverts {
	float: left;
	padding: 20px;
	background: #FFF;
	/*width: 430px;*/
}

	#my-adverts .buy-now {
		width: 635px;
	}
	
		#my-adverts .buy-now .status {
			font-weight: bold;
			float: right;
			margin: 7px 15px;
		}
		
		#my-adverts .buy-now .status ul {
			list-style: none;
			margin: 0;
			overflow: hidden;
		}
			
			#my-adverts .buy-now .status ul li {
				border-right: solid 1px #825DA3;
				float: left;
				margin: 0 5px 0 0;
				padding: 0 5px 0 0;
			}
			
			#my-adverts .buy-now .status ul li.last {
				border: 0;
				margin: 0;
				padding: 0;
			}
	
#my-adverts #ads {
	width: 635px;
}

	#my-adverts #ads .advert {
		width: 607px;
	}


/*******************************************************************************
* Tabs - create an advert
*******************************************************************************/

#create-an-advert {
	float: left;
	padding: 20px;
	background: #FFF;
	width: 430px;
}

#promo-form {
	float: left;
	width: 100%;
}

	#create-an-advert .buy-now {
		width: 100%;
	}	

/*******************************************************************************
* Tabs - my account
*******************************************************************************/

.tab-content {
	float: left;
	padding: 20px;
	background: #FFF;
	width: 635px;
}

.intro {
	background: #F7EEFF;
	border: 1px solid #D8E8E5;
	position: relative;
	width: 410px;
	/*height: 95px;*/
	padding: 10px;
}

	.intro a.close {
		position: absolute;
		top: -5px;
		right: -5px;
		width: 16px;
		height: 16px;
		outline: none;
		text-indent: -9999px;
		background: transparent url(../images/page/remove.gif) no-repeat 0 0;
	}
	
	.intro h2 {
		margin: 0 0 10px 0;
	}

.form-preview {
	float: left;
	width: 370px;
	padding: 0 30px;
	margin: 10px 0 0 0;
	display: inline;
}

.form-preview dl {
	float: left;
	width: 370px;
	margin: 0 0 20px 0;
	display: inline;
}

	.form-preview dl dt {
		float: left;
		color: #909090;
		width: 80px;
		margin: 0 10px 0 0;
		display: inline;
	}
	
	.form-preview dl dd {
		float: left;	
	}

.form-preview a.button {
	margin: 0 0 0 80px;
}

/*******************************************************************************
* Fake Tabs
*******************************************************************************/

#tabs ul.fake-tabs {
	list-style: none;
	margin: 0;
	float: left;
	width: 675px;
	display: inline;
	background: #F1EEE9;
}

	#tabs ul.fake-tabs li {
		margin: 0 6px 0 0;
		float: left;
		display: inline;
		display: inline;
	}
	
		#tabs ul.fake-tabs li a {
			display: block;
			padding: 10px;
			position: relative;
			height: 10px;
			color: #433F3C;
			float: left;
			background: transparent url(../images/tabs/inactive.gif) no-repeat 0 0;
		}
		
			#tabs ul.fake-tabs li a span {
				position: absolute;
				top: 0;
				right: 0;
				width: 5px;
				height: 30px;
				background: transparent url(../images/tabs/inactive.gif) no-repeat right 0;
			}

#tabs ul.fake-tabs li.active {
	margin: 0 6px -1px 0;
}

#tabs ul.fake-tabs li.active a {
	background: transparent url(../images/tabs/active.gif) no-repeat 0 0;
	margin-top: 1px;
}

	#tabs ul.fake-tabs li.active a span {
		background: transparent url(../images/tabs/active.gif) no-repeat right 0;
	}

/*******************************************************************************
* Forms
*******************************************************************************/

.field {
	float: left;
	margin: 0 0 20px 0;
	display: inline;
}

	.form .field {
		width: 400px;
	}

.form .field label {
	display: block;
	width: 90px;
	float: left;
	text-align: right;
	margin: 3px 10px 0 0;
	display: inline;
}

.form .text-wrapper {
	background: transparent url(../images/form/text-bg.gif) no-repeat scroll right 0;
	width: 178px;
	height: 15px;
	float: left;
	font-size: 1em;
	padding: 2px 4px;
}

	.form .text-wrapper input.text {
		background: transparent;
		border: 0;
		width: 172px !important;
		height: 15px;	
		position: absolute;
		padding: 2px 5px 2px 2px;
	}
	
	.form .text-wrapper.multiline {
		margin: 5px 0 0 100px;
	}


.form input.text {
	background: transparent url(../images/form/text-bg.gif) no-repeat left center;
	overflow: hidden !important;
	width: 178px !important;
	height: 15px;
	padding: 2px 4px;
	font-size: 1em;
	border: 0;
	float: left;
    background-position: left center;
}

	.form input.postcode {
		background: transparent url(../images/form/text-short-bg.gif) no-repeat 0 0;
		width: 110px;
	}

	.form input.multiline {
		margin: 5px 0 0 100px;
	}

.form .textarea {
	padding: 3px;
	overflow: auto;
	margin-top:5px;
	margin-left:5px;
}

.form #our_story, .form #wedding_party{
        width:300px;
        height: 100px;
}

.textarea-wrapper{
		width:297px;
		height:70px;
		background: transparent url(../images/form/textarea-bg.gif) no-repeat 0 0;
		float: left;
}

.form select {
	width: 185px;
}
	
	.form select.multiline {
		margin: 5px 0 0 100px;
		float: left;
		display: inline;
	}

.field .explanation {
	float: left;
	margin: 3px 0 0 5px;
	font-style: italic;
	display: inline;
}

.checkboxes {
	float: right;
	padding: 0 20px;
	width: 595px;
}

	.checkboxes strong {
		display: block;
	}

	.checkboxes .field {
		float: left;
		width: 190px !important;
	}
	
		.checkboxes .field input {
			float: left;
		}
	
		.checkboxes .field label {
			width: 150px;
			height: 25px;

			float: left;
		}
	
.sub-category {
	float: left;
	width: 595px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #EAEAEA;
}

		
#four.checkboxes .field {
	width: 140px !important;
}

	#four.checkboxes .field label {
		width: 100px;
	}

.current-logo {
	float: left;
	margin: 0 0 10px 100px;
	width: 400px;
}

.help-icon{
	float: left;
}

/*******************************************************************************
* Error - 404
*******************************************************************************/

#page.error-page {
	padding-top: 20px;
}

/*******************************************************************************
* Templates
*******************************************************************************/

.templates {
	margin: 0 0 10px 0;
	overflow: hidden;
}

#templates .template {
	float: left;
	width: 135px;
	margin: 0 20px 20px 0;
	display: inline;
}

	#templates .template.last {
		margin: 0 0 20px 0;
	}

#templates .template input {
	float: left;
	margin: 5px;
	display: inline;
}

#templates .template label {
	float: left;
	margin: 5px;
	display: inline;
}

#templates .template a {
	display: block;
	clear: left;
}

#image-upload {
	float: left;
	margin: 0 0 0 30px;
	width: 400px;
	display: inline;
}

	#image-upload .field.submit {
		margin: 0 0 0 100px;
	}
	
	#image-upload .image-preview {
		margin: 0 0 0 100px;
	}

		#image-upload .image-preview span {
			color: #8461A3;
		}

		#image-upload .image-preview img {
			float: left;
			margin: 10px 10px 10px 0;
			display: inline;
		}
	
		#image-upload .image-preview a.remove {
			float: left;
			margin: 10px 0 0 0;
			display: inline;
		}

/*******************************************************************************
* Guest list
*******************************************************************************/
#guest-list .form .field label {
	width:105px;
}

#guest-list .form input.multiline{
	margin:5px 0 0 115px;
}
#guest-list .field {
	width: 430px;
}

#guest-list .field.submit {
	width: 150px;
	margin:0 0 0 115px;
}


/*******************************************************************************
* Gift list
*******************************************************************************/

.gift-item {
	float: left;
	width: 450px;
	margin: 0 0 30px 0;
	display: inline;
}

	.gift-item dl {
		float: left;
		width: 410px;
		margin: 0 0 0 40px;
		display: inline;
	}
	
		.gift-item dl dt {
			float: left;
			width: 70px;
			padding: 5px;
			color: #6B6B6B;
			text-align: right;
			display: inline;
		}
		
		.gift-item dl dd {
			float: left;
			width: 320px;
			padding: 5px;
			border-bottom: 1px solid #E5E5E3;
		}

	.gift-item .options {
		float: left;
		margin: 10px 0 0 115px;
		display: inline;
	}

/*******************************************************************************
* Guest list - existing guests
*******************************************************************************/

dl.item-list {
	float: left;
	width: 400px;
	margin: 0 0 5px 0;
}
	
	dl.item-list dt {
		float: left;
		width: 120px;
		margin: 0 10px 0 0;
		text-align: right;
	}
	
	dl.item-list dd {
		float: left;
		font-weight: bold;
	}
	
		dl.item-list dd p {
			width: 270px;
			font-weight: normal;
		}

#existing-guests h4 {
	float: left;
	width: 120px;
	margin: 0 10px 0 0;
	text-align: right;
	font-weight: normal;
}

.family-members {
	float: left;
	width: 300px;
	margin: 0 0 30px 0;
}

	.family-members .family-member {
		position: relative;
		margin: 0 0 5px 0;
		padding: 0 0 5px 0;
		font-style: italic;
		border-bottom: 1px solid #E5E5E3;
	}
	
		.family-members .family-member a.remove {
			float: none;
			position: absolute;
			right: 5px;
			top: 0;
			margin: 0;
		}
		
		.family-member span {
			position: absolute;
			top: 0;
			right: 0;
		}

#existing-guests .family-members {
	margin: 0 0 10px 0;
}

#existing-guests .options {
	float: left;
	margin: 0 0 30px 125px;
}

	#existing-guests .button {
		margin-right: 10px;
	}

#existing-guests form {
	float: left;
	margin: 0 0 0 125px;
}

	#existing-guests form label {	
		width: auto;
	}

/*******************************************************************************
* Planner
*******************************************************************************/

#planner .new-item {
	float: left;
	position: relative;
	width: 430px;
	padding: 10px;
	background: #F7EEFF;
}

	#planner .new-item .field {
		width: 180px;
		float: left;
	}
	
	#planner .new-item .field.planner-item {
		width: 230px;
		margin: 0 20px 0 0;
	}
	
		#planner .new-item .field label {
			width: auto;
		}

	#planner .new-item .field select {
		width: 90px;
		float: left;
	}

	#planner .new-item .field.submit {
		width: 55px;
		height: 25px;
		margin: 0;
		float: right;
	}

#planner table {
	border: 1px solid #E5E5E3;
	border-left: 0;
	border-top: 0;
	width: 450px;
	margin: 5px 0 0 0;
}

	#planner table th {
		text-align: left;
		padding: 5px;
		font-weight: normal;
		border-right: 1px solid #E5E5E3;
		border-bottom: 1px solid #E5E5E3;
	}
	
	#planner table td {
		padding: 3px 5px;
		border-bottom: 1px solid #E5E5E3;
	}
	
		#planner table tr.last td {
			border-bottom: 0;
		}

		#planner table th.th-title {
			width: 285px;
		}
		
			#planner table td.td-title {
				width: 285px;
				border-right: 1px solid #E5E5E3;
			}
	
		#planner table th.th-allocated {
			width: 160px;
		}
		
			#planner table td.td-allocated {
				width: 160px;
				text-align: center;
				border-right: 1px solid #E5E5E3;
			}
			
			#planner table td.td-allocated div.fullname{
				width:70px;
				float:left;
				padding-right:3px;
			}
				#planner table td.td-allocated div.fullname select{
					width:70px;
					float:left;
				}
			
			#planner table td.td-allocated div.action{
				width:40px;
				float:left;
				padding-right:3px;
			}
				#planner table td.td-allocated div.action input.allocate-button{
					width:40px;
				}
			
		
		#planner table th.th-complete {
			width: 60px;
			border-right: 1px solid #E5E5E3;
		}
		
			#planner table td.td-complete {
				width: 60px;
				border-right: 1px solid #E5E5E3;
			}
			
			#planner table td.td-complete img {
				margin: 0 0 0 23px;
			}
			
		#planner table th.th-options {
			border-right: 0;
		}
		
/*******************************************************************************
* Budget Tracker
*******************************************************************************/

#budget_tracker .new-item {
	float: left;
	position: relative;
	width: 430px;
	padding: 10px;
	background: #F7EEFF;
}

	#budget_tracker .new-item .field {
		width: 180px;
		float: left;
	}
	
	#budget_tracker .new-item .field.planner-item {
		width: 330px;
		margin: 0 20px 0 0;
	}
	
		#budget_tracker .new-item .field label {
			width: 100px;
		}

	#budget_tracker .new-item .field select {
		width: 90px;
		float: left;
	}

	#budget_tracker .new-item .field.submit {
		width: 55px;
		height: 25px;
		margin: 0;
		float: right;
	}

#budget_tracker table {
	border: 1px solid #E5E5E3;
	border-left: 0;
	border-top: 0;
	width: 450px;
	margin: 5px 0 0 0;
}

	#budget_tracker table th {
		text-align: left;
		padding: 5px;
		font-weight: normal;
		border-right: 1px solid #E5E5E3;
		border-bottom: 1px solid #E5E5E3;
	}
	
	#budget_tracker table td {
		padding: 3px 5px;
		border-bottom: 1px solid #E5E5E3;
	}
	
		#budget_tracker table tr.last td {
			border-bottom: 0;
			font-weight:bold;
		}

		#budget_tracker table th.th-title {
			width: 255px;
		}
		
			#budget_tracker table td.td-title {
				width: 255px;
				border-right: 1px solid #E5E5E3;
			}
	
		#budget_tracker table th.th-allocated {
			width: 70px;
		}
		
			#budget_tracker table td.td-allocated {
				width: 70px;
				text-align: center;
				border-right: 1px solid #E5E5E3;
			}
		
		#budget_tracker table th.th-complete {
			width: 60px;
			border-right: 1px solid #E5E5E3;
		}
		
			#budget_tracker table td.td-complete {
				width: 60px;
				border-right: 1px solid #E5E5E3;
			}
			
			#budget_tracker table td.td-complete img {
				margin: 0 0 0 23px;
			}
			
		#budget_tracker table th.th-options {
			border-right: 0;
		}

.dl-spend,.dl-total {
	clear:left;
}
	.dl-spend.last{
		margin-bottom:40px;
		display:block;
	}
	.dl-spend dt{
		width:90px;
		float:left;
	}
		.dl-spend dt.budget{
			width:60px;
		}
		.dl-spend dt.difference{
			width:60px;
		}
	.dl-spend dd{
		width:60px;
		float:left;
	}
	
	.dl-spend dd.padding{
		padding-right:20px;
	}


	
.dl-total.last{
		margin-bottom:40px;
		display:block;
	}
	.dl-total dt{
		width:150px;
		float:left;
		font-weight:bold;
		font-size:1.2em;
	}
	.dl-total dd{
		width:200px;
		float:left;
	}

#budget_tracker h3{
	font-weight:bold;
}
/*******************************************************************************
* Table Planning
*******************************************************************************/

#table-planning h4 {
	float: left;
	width: 120px;
	margin: 0 10px 0 0;
	text-align: right;
	display: inline;
}

#table-planning .family-members {
	margin: 0 0 20px 0;
	display: inline;
}

#table-planning .options {
	float: left;
	margin: 0 0 0 130px;
	display: inline;
}

	#table-planning .options .button {
		margin-right: 10px;
		display: inline;
	}

#table-planning .field {
	margin: 0 0 5px 0;
	display: inline;
}

/*******************************************************************************
* Moodboard
*******************************************************************************/

	
#moodboard h4 {
	margin: 0 0 10px 10px;
}

#boards {
	float: left;
	width: 450px;
	padding: 0 10px;
	margin: 0 0 30px 0;
}

#boards .moodboard {
	float: left;
	width: 135px;
	margin: 0 20px 20px 0;
}

	#boards .moodboard.last {
		margin: 0 0 20px 0;
	}
	
	#boards a.button {
		clear: left;
	}

#moodboard a.button {
	margin: 0 10px 0 0;
}

/*******************************************************************************
* Members pages
*******************************************************************************/

.members-page {
	float: left;
	width: 470px;
	margin: 0 0 0 10px;
}

	.members-page .intro {
		margin: 0 0 20px 10px;
	}

	.members-page .field.submit {
		margin: 0 0 0 100px;
		width: 330px;
	}

/*******************************************************************************
* Menu options
*******************************************************************************/

.course {
	float: left;
	width: 450px;
	display: inline;
	margin: 0 0 30px 0;
}

	#menu-options .course .inner {
		width: 450px;
		margin: 0;
		float: left;
		position: relative;
	}

	.course .field , .course .option {
		width: 290px;
		clear: both;
		float: left;
		margin: 0 0 10px 0;
		display: inline;
	}
	
	.course .option label {
		display: block;
		width: 90px;
		float: left;
		text-align: right;
		margin: 3px 10px 0 0;
		display: inline;
	}

	.course a.button {
		margin-top:1em;
		bottom: 5px;
	}

#menu-options .field.submit input {
	display: inline;
	margin: 0 10px 0 0;
	float: left;
}

/*******************************************************************************
* Contact
*******************************************************************************/
#contact-form {
	float: left;
	width: 530px;
}

	#contact-form h3 {
		border-bottom: 1px solid #EAEAEA;
		padding: 0 0 5px 0;
		padding: 0 0 10px 0;
	}
	
	#contact-form p {
		padding: 0 4em 2em 0;
	}
	
	#contact-form .submit {
		margin: 0 0 0 100px;
	}

#contact-details {
	float: left;
	width: 240px;
}

	#contact-details h3 {
		border-bottom: 1px solid #EAEAEA;
		padding: 0 0 5px 0;
		padding: 0 0 10px 0;
	}
	
	#contact-details address {
		font-style: normal;
		margin: 10px 0;
		font-size: 1.1em;
	}
	
	#contact-details span {
		color: #8461A3;
		font-weight: bold;
	}
/*******************************************************************************
* Newsletter signup
*******************************************************************************/
#newsletter-forms h2{
	margin-bottom:1em;
}
	#newsletter-forms form .field{
		width:700px;
	}
		#newsletter-forms form.form .textarea{
			margin-left:0;
		}
		#newsletter-forms form.form select{
			width:50px;
		}
	
		#newsletter-forms form .field label{
			width: 200px;
			text-align:left;
		}
	
#members-newsletter-signup, #ads-newsletter-signup{
	float:left;
	width:770px;
	height:auto;
	margin-bottom:30px;
	clear:left;
}

	
/*******************************************************************************
* Order thanks
*******************************************************************************/

#thanks {
	width: 720px;
	margin: 0 30px;
}

	#thanks h2 {
		border-bottom: 1px solid #E5E5E3;
		padding: 0 0 10px 0;
		margin: 0 0 20px 0;
	}

	#thanks .hr-large {
		margin: 0 0 10px 0;
	}
	
#split #create-advert-success.tab-content{
	width: 645px;
}

#create-advert-success .hr-large{
	margin: 0;
	width: 635px;
}
/*******************************************************************************
* My fairytale landing apge
*******************************************************************************/

#my-fairytale {
	float: left;
	width: 730px;
	margin: 0 20px;
}

#my-fairytale img.banner {
	margin: 0 0 20px 0;
}

	#my-fairytale .hr-large {
		margin-left: 0;
	}

#my-fairytale ul {
	float: left;
	color: #333;
	width: 300px;
	margin: 0 80px 0 30px;
}

	#my-fairytale ul.last {
		margin: 0;
	}

	#my-fairytale ul li {
		color: #333;
	}

#my-fairytale a.button {
	margin: -20px 0 20px 0;
}

/*******************************************************************************
* Footer
*******************************************************************************/

#footer {
	background: #353535;
	color: #FFF;
	padding: 10px 0;
	clear: both;
	height: 20px;
	margin: 20px 0 0 0;
}

#footer ul {
	margin: 0;
	list-style: none;
	float: left;
	padding: 0 0 10px 0;
	display: inline;
}

	#footer ul li {
		display: inline;
		padding: 0 5px 0 0;
		margin: 0 5px 0 0;
		border-right: 1px solid #FFF;
	}
	
		#footer ul li a {
			color: #FFF;
			text-decoration: none;
		}
	
		#footer ul li.last {
			border: 0;
		}
		
#footer ul.nav {
	float: right;
	margin: 0;
	list-style: none;
	display: inline;
}

/*******************************************************************************
* Jquery override
*******************************************************************************/

#tabs.ui-corner-all,
#tabs .ui-corner-all {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border: 0;
}

#tabs.ui-widget {
	font-size: 1em;
}

#tabs.ui-widget-content {
	border: 0;
}

#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 0;
	border: 0;
}

#tabs .ui-state-default, .ui-widget-content .ui-state-default {
	border: 0;
	background: transparent url(../images/tabs/inactive.gif) no-repeat scroll 0 0;
}

/*******************************************************************************
* Payno - Misc
*******************************************************************************/
.toggle_complete {
	cursor:pointer;
}

.content-inner {
	float:left;
}

.family-members table {
	width: 100%;
	border-collapse: collapse;
}
.family-members table td {
	border-bottom:1px solid #E5E5E3;
	font-style:italic;
	margin:0 0 5px;
	padding:0 0 5px;
}

.family-member .rsvp-select, .family-member span.rsvp-date {
	float:right;
}
.family-member span.rsvp-date {
	position: static;
	margin-right: 0.5em;
}

#pay-now:active,
#pay-now:link,
#pay-now:hover,
#pay-now:visited {
	text-decoration:underline !important;
	font-weight:bold;
}

#email-content {
	width:100%;
	height:200px;
}

.field .acc_checkbox {
	margin-left:2em;
}

.form .field .acc_checkbox label {
	width:300px;
	text-align:left;
}

.field .acc_checkbox input {
	float:left;
	margin-right:2em;
}
.clear {
	clear:both;
}

#article-image{
	padding-left: 10px;
	padding-bottom: 10px;
}

.message {
	
}