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


/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles
LAST UPDATED:	12 Feb 2007
UPDATED BY:		Daniel Thompson				

-- CONTENTS -----------------------------------------------

	=1:		[HTML & BODY, UNDOHTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[TOP ELEMENTS]
	=5:		[NAVIGATION]
	=6:		[MAIN COLUMN]
	=7:		[SIDEBAR COLUMN]
	=8:		[FOOTER]
	=9:		[LISTS]
	=10:	[FORMS]
	=11:	[IMAGES]
	=12:	[MISC]
	
-----------------------------------------------------------

NOTES:	

/*	=1:	[HTML & BODY] -------------------------------------*/

* { margin:0; padding:0 }
html {height: 100%; margin-bottom: 1px;}

body {
	margin: 0px;
	padding: 0px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	line-height: 11pt;
	color: #000;
	background: url('../images/bg.gif') repeat-x;
}
	
/*	=2:	[LINKS] -------------------------------------------*/	

/* NOTES: remember LoVe HAte */

a:link {
	color: #000;
	/*text-decoration: underline;*/
}
a:visited {
	color: #006699;
	text-decoration: underline;
}

a:hover {
	color: #99cc00;
	text-decoration: underline;
}

a:active {
	color: #711d75;
	text-decoration: underline;
}

/*	=3:	[COMMON ELEMENTS] ---------------------------------*/
	
h1,h2,h3,h4,h5,h6,pre,code { font-size:12px; }
a img,:link img,:visited img { border:none }
address { font-style:normal }

hr {
	 height: 5px;
	 border: 0px;
	 margin: 5px 2px 10px 2px;
	 background: #f5f5f5 url('../images/hr_large.gif');
}


.hrSmall {
	clear: both;
	 height: 3px;
	 padding: 0px;
	 margin: 5px 2px 10px 2px;
	 background: #f5f5f5 url('../images/hr_small.gif');
}

hr.noBottom {
	margin-bottom: 0px;	
}

input.invalid {
	border: 1px solid #731873;
	background: #f5eeee;
	padding: 1px;
}

img.headerImage {
	display: block;
	margin: 0 auto;	
}

.pointer {
	cursor: pointer;
}
/*	=4:	[TOP ELEMENTS] ------------------------------------*/
#ie6msg { display: none; }
#pagewrap {
	margin: 0 auto;
	width: 910px;
	background-position: top center;
	background-repeat:no-repeat;
	background: url('../images/bg_plate.jpg') no-repeat;
	margin-bottom: 20px
}

#page {
	width: 800px;
	margin: 0 auto;	
	position: relative;
}

/*header is the bar accross the top of the page holding the banner and topnav links*/
#header {
	height: 179px;
	clear: both;
	position: relative;
}

	#strapLine {
		position: absolute;
		top: 75px;
		left: 170px;
	}
	
		#strapLine h1 {
			font-size: 18px;
			font-style: italic;
			line-height: 20px;
			color: #666;
		}

	.topBannerImage {
		position: absolute;
		right: 0px;
		bottom: 32px;
	}

#topnav {
	height: 25px;
	background: url('../images/nav_bg.png') no-repeat 0px -1px;
	margin: 0px;
	padding: 8px 0 0 10px;
	clear: both;
	text-align: center;
}

	#topnav li {
		float:left;
		list-style-type: none;
		margin: 0;
		color: #fff;
		font-size: 12px;
		padding:0px 2px;
	}

	ul#topnav li a {
		color: #fff;
		text-decoration: none;
	}

	ul#topnav li a:active {
		color: #fff;
		text-decoration: none;
	}
	
	ul#topnav li a:hover {
		color: #99cc00;
		padding-bottom: 4px;
	}
	
	ul#topnav li.navSelected {
		color: #99cc00;
		background: url('../images/nav_selected_bg.png') center bottom no-repeat;
		padding-bottom:4px;
	}
	
	ul#topnav li.navSelected a {
		color: #99cc00;
	}
	
	ul#topnav li#directoryLink {
		padding-left:8px;
		background: url('../images/direct-bk-tab.png') bottom no-repeat;
		width:113px;
		height:30px;
		display:block;
		float:right;
		margin-top:-7px;
		line-height:30px;
		padding:0px;
	}

	ul#topnav li#directoryLink a, ul#topnav li#directoryLink a:visited {
		font-weight:bold;
		color:#000;	
	}
	
	ul#topnav li#directoryLink a:hover {
		color:#fff;	
	}
	
	ul#topnav li.directoryNavSelected {
		color: #99cc00;
		background: url('../images/nav_selected2_bg.png') bottom no-repeat;
	}
	
	ul#topnav li.directoryNavSelected a {
	
	}
	

	#header v#topnav li a:visited {
		color: #fff;
		text-decoration: none;
	}
	
	


/*main is a container for LHS, content and RHS, its width generally speaking should match header's*/
#main {

}


/*	=5:	[NAVIGATION] --------------------------------------*/	
#LHSNav {

}
	#LHSNav a {
		display: block;
	}
	
/*	=6:	[MAIN COLUMN] -------------------------------------*/	
#breadCrumbs {
	width: 100%;
	font-size: 11px;
	padding: 0 0 5px 5px;
	text-align: left;
}

#breadCrumbs a {
	color: #711d75;
}

#headerImage {
	position: relative;
	width: 533px;
	height: 138px;
	margin: 2px;
}

	#headerImage img {
		position: absolute;
		bottom: 0;
		right: 0;
	}

#headerImage .headerArea {
	position: absolute;
	bottom: 10px;
	left: 10px;
	height: 40px;
	width: 300px;
	background-color: #fff;
	opacity: 0.5;
	z-index: 10;
}

#headerImage h1 {
	position: absolute;
	bottom: 23px;
	left: 20px;
	font-size: 18px;
    line-height: 20px;
	color: #000;
	z-index: 20;
	font-weight: normal;
}

#flashMovie {
	height: 220px;
	background: #711d75;
}

#content {
	line-height: 20px;

}
	#content h1 {
		font-size: 16px;
	}
	
	#content p {
		
	}
	
#columnWrap {
	margin: 1px 0 0 0;
}
	
#columnLeft {
	width:537px;
	float:left;
	text-align: left;
	line-height: 19px;
	padding: 5px 0 0 10px;
	margin: 0px 0 0 0;
	color: #4a4a4a
}

#columnLeft h2 { 
	margin: 10px 10px 10px 10px;
	background-position: center left; 
	color: #711c77;
	font-size: 17px;
	text-align: left;
	background: url(../images/widget.gif) 0px 7px no-repeat;
	padding: 0 0 0 15px;
	line-height: 1.4em;
}

#columnLeft p {
	font-size: 9pt;
	margin: 10px;
}

	#resourceColumn ul {
		margin: 0 0 0 40px;
	}

		#resourceColumn h2 { 
			margin: 10px;
			background-position: center left; 
			color: #711c77;
			font-size: 17px;
			text-align: left;
		}
		
		#resourceColumn p {
			font-size: 10pt;
			margin: 10px;
		}
		
			#resourceColumn ul {
				margin: 0 0 0 40px;
			}

#resourceColumn p {
	font-size: 10pt;
	margin: 20px;
	line-height: 20px;
}

.headerBox {
	clear: both;
}




#sharePathway {
	position: relative;
	padding: 0px;
	margin: 0px 0px 0px 9px;
	height:151px;
	width: 539px;
	background: url('../images/pod_pathway.gif') no-repeat;
}

#pathwayImage {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#sharePathway h2 {
	padding-top: 11px;
	padding-left: 35px;
}

#sharePathway h3 {
	margin: 0px 0px 0px 5px;
	padding: 10px 0px 0px 0px;
	color:#78317D;
	font-size:18px;
	font-style:italic;
	width:275px;
	text-align:center;
}
#sharePathway ul {
	font-size: 10.5px;
	margin-top: 6px;
	padding-left:25px;
	width:225px;
}

.bulletTwo {
	color:#a1a1a1;
}

#sharePathway ul a {
	font-weight:900;
	color:#78317D;
}

#packagesHeader { 
	height:51px;
	margin-top: 20px;
}

#packagesHeader h2 {
	padding-top: 10px;
	padding-left: 30px;
	float:left;
	width: 300px;
}
#packagesHeader p {
	float:none;
	text-align: right;
} 

#packages { }

#GoldPackage { 
	position: relative;
	margin: 0px 0px 5px 2px;
	float: left; 
	background: #d6ad33 url('../images/package_bg.png') no-repeat;
	width: 230px;
	height: 244px; 
}

#GoldPackage h3 { 
	padding: 20px 0px 0px 20px; 
	color:#d6ad33; 
	font-size:16px; 
	margin-bottom: 10px;
}

#GoldPackage p {
	padding: 0px 0px 0px 20px;
	font-size:11px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#GoldPackage ul { 
	font-size: 8pt;
	margin: 0px 0px 0px 20px;
}

#GoldPackage .price {
	position: absolute;
	width: 45px;
	height: 45px;
	bottom: 20px;
	right: 23px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

#GoldPackage .price .small {
	font-size: 7pt;
}

#PlatinumPackage {
	position: relative;
	margin: 0px 0px 5px 2px;
	float: left;
	background: #3fb0ff url('../images/package_bg.png') no-repeat;
	width: 230px;
	height: 244px;
}

#PlatinumPackage h3 {
	padding: 20px 0px 0px 20px;
	color:#3fb0ff;
	font-size:16px;
	margin-bottom: 10px;
}

#PlatinumPackage p {
	padding: 0px 0px 0px 20px;
	font-size:11px; 
	margin-top: 4px;
	margin-bottom: 4px;
}

#PlatinumPackage ul {
	font-size: 8pt;
	margin: 0px 0px 0px 20px;
}

#PlatinumPackage .price {
	position: absolute;
	width: 45px;
	height: 45px;
	bottom: 20px;
	right: 23px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}
#PlatinumPackage .price .small { font-size: 7pt; }

img.miButton {
	position: absolute;
	left: 13px;
	bottom: 23px;
}

#changableContent {
	position: relative;
	float: left;
	height: 244px;
	width: 144px;
	background: url('../images/changablePod.gif') top left no-repeat;
	margin-left: 2px;
}

#changableContent img {
	position: absolute;	
}

#content {
	clear: both;
}

#content h1 {
	clear: both;
	background-image: url('../images/welcome.jpg');
	padding-top:25px;
	padding-left:30px;
	padding-bottom: 10px;
}

#content p {
	font-size: 10pt;
	margin: 20px;
}


#columnRight {
	margin: 10px 0px 0px 10px;
	width:240px; float: left;
	padding: 3px 0px 0px 0px;
}

#columnRight h2 {
	color:#747474;
	font-size:16px;
	padding-top: 20px;
	padding-left: 15px;
	margin-bottom: 20px;
}

#rightColLower {
	
}

#rightColLower img {
	margin: 0 auto;
}

#testimonial {padding-left: 3px; height: 171px; position: relative;}
#testimonial img {position: absolute;}

#slideshow {
    position:relative;
    height:171px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 400px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 171px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

label.formLabels {
	float: left;
	font-weight: bold;
	color: #78317D;
	width: 100px;
}

#yourAccount {
	margin: 0 auto;
	background: url('../images/pod_youraccount.gif') no-repeat;
	width: 230px;
	height:198px;
	margin-bottom: 10px;
}

#yourAccount p {
	font-size: 11px;
	margin-left: 18px;
	margin-right: 18px;
}

#yourAccountForm {
	margin: 10px 0 0 0px;
}

	#yourAccountForm input{
		width: 100px;
	}

.formLabels input {
	border-color: #78317D;
	border-style: solid;
	border-width:1px;
}

#yourAccount, #findACouple {
	color: #666;
}

#yourAccount label, #findACouple label {
	float: left;
	width: 80px;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 20px;
}

	#yourAccount input.fancy, #findACouple input.fancy {
		border-color: #78317D;
		border-style: solid;
		border-width:1px;
		width: 110px;
		margin: 0 0 5px 0;
	}

#forgotPassword {
	color:#b2b2b2;
	font-size: 10px;
	padding-right: 5px;
}

#signin {
	vertical-align: middle;
}

#findACouple { 
	margin: 0 auto; 
	background: url('../images/pod_findcouple.gif') no-repeat; 
	height:198px; 
	width: 230px; 
	margin-bottom: 10px;
}

#findACouple p { 
	font-size: 11px;
	margin-left: 18px;
	margin-right: 18px;
}

#findACouple p.formLabels { 
	font-size: 12px;
	margin-bottom: 10px;
}	

#findACoupleForm { 
	margin-top: 10px;
}

#needHelp {
	color:#b2b2b2; 
	font-size: 10px; 
	padding-right: 27px;
}

#findcouple { 
	vertical-align: middle; 
}

#bottomMenu { 
	margin-top:10px;
	margin-left:10px;
	width:550px;
	float:left;
}

#bottomMenu a { 
	color: #ffffff;
	font-size:11px;
}

#copyrightInfo {
	margin-top:10px;
	margin-right: 10px;
	float:right;
}

#resourceNavigation {
	float: left;
	width: 200px;
	margin: 0 auto;
}

#resourceNavigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	
}

#resourceNavigation li {
	text-align: left;
	margin: 0px;
	padding: 0px;
	background: url('../images/resources_sidenav_bg.gif') no-repeat;
	width: 196px;
	height: 38px;
}

#resourceNavigation li p {
	padding: 10px 0px 0px 30px;
}

#resourceNavigation img.banner {
	margin: 10px 3px 3px 3px;
}


	.introTxt {
		font-weight: bold;
	}
	
	.quoteTxt {
		text-align: center;
		font-style: italic;
		color: #711c77;
		font-weight: bold;
	}


#forgotClose {
	position:absolute;
	top:0;
	right:0;
	padding-top:12px;
	padding-right:13px;
}	
	
/*---------------start Gallery----------------*/

.galleryViewer {
	width:520px;
	height:190px;
	margin-left:10px;
	padding-bottom:50px;
}

	#columnLeft .galleryViewer ul {
		margin:0 0 0 0px;
		padding:0 0 0 0px;
	}	

	#columnLeft .galleryViewer ul li {
		
		margin-left:0;
		margin-right:15px;
		margin-bottom:0px;	
		list-style-image:url('../images/blank.gif');
		list-style-position:inside;
	}	

.galleryImage {

	width:160px;
	height:180px;
	background-color:#ccc;
}



.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
	float:left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 150px;
    height: 180px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin-tango .jcarousel-container {
    background:url('../images/galglery-bk.png');
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 430px;
    padding: 20px 40px;
    height:180px;
}



.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  430px;
    height: 130px;
}



.jcarousel-skin-tango .jcarousel-item {
    width: 130px;
    height: 130px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 70px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('../images/next-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 70px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('../images/prev-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('../images/next-vertical.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}



/***************************************************************************

	stdTable

***************************************************************************/

	
	table#stdTable {
		width: 100%;
	}

	table#stdTable p {
		line-height: 20px;
	}
	table#stdTable td ul, ol {
		margin-left: 30px;
	}

	table#stdTable td li {
		list-style-image: url('../images/go_right.gif');
	}

	table#stdTable td.titleTxt {
		font-size: 20px;
	}

	.subTxt {
		color: #666;
	}

	table#stdTable td .listTxt {
		font-size: 11px;
	}
	
	

		table tr td.centerCell {
			text-align: center;
			font-size: 11px;
			line-height: 12px;
			width: 50px;
		}
		
		table tr td.centerCell img {
			margin: 0 auto;
			margin-bottom: 3px;
		}
	
	.smallColLHS {
		float: left;
		width: 50%;
	}
	
	.smallColRHS {
		float: left;
		width: 50%;
	}

/*	=7:	[SIDEBAR COLUMN] ----------------------------------*/

#RHScol {

}

/*	=8:	[FOOTER] ------------------------------------------*/

/* copyright, T & C etc... */
#wedfooter {
	position: relative;
	clear: both;
	background-image:url('../images/footer.gif');
	width:900px;
	height: 50px;
	float:none;
	color: #ffffff;
	font-size:11px;
	margin-left: -60px;
}

	#wedfooter #bottomMenu {
		position: absolute;
		bottom: 4px;
		left: 60px;
	}
	
	#wedfooter #copyrightInfo {
		position: absolute;
		bottom: 4px;
		right: 40px;
	}
	
	#wedfooter #bottomMenu a {
		text-decoration: none;
	}
	
	#wedfooter #bottomMenu a:hover {
		color: #99cc00;
		padding-bottom: 4px;
	}

/*	=9:	[LISTS] -------------------------------------------*/	

#columnLeft ul li {
	margin-left: 15px;
	list-style-image: url('../images/mini-widget.gif');
	margin: 4px 7px 4px 7px;
}

#columnLeft ul.resetList li {
	margin-left: 5px;
	list-style-image: none;
}

 li { margin:0; }

/*	=10: [FORMS] ------------------------------------------*/	

form {margin-bottom: 0px;}

table.clientSignup {
	width: 95%;
	margin: 5px auto;
}

table.clientSignup td {
	text-align: left;
	padding: 2px;
}

table.clientSignup thead td {
	font-weight: bold;
	color: #6b1873;
	font-size: 12pt;
	padding-bottom: 5px;
}

table.clientSignup td.request {
	width: 35%;
}

table.clientSignup input {
	width: 206px;
}


table.clientSignup input.calendar {
	width: 100px;	
}


table.clientSignup input.checkbox {
	width: auto;
	margin-right: 5px;
}

table.clientSignup select {
	width: 210px;
}

table.clientSignup select.small {
	width: 50px;	
}

#errorBox {
	margin: 3px auto;
	width: 528px;
	background: url('../images/error_bg.gif') repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}

#errorBox #holder {
}

#errorBox #holder #iconArea {
	float: left;
	margin: 5px 15px;
	width: 50px;
}

#errorBox #holder #ErrorArea {
	margin: 10px;
}

#errorBox #holder #ErrorArea p {
	font-size: 10pt;
	color: #666;
	font-weight: bold;
}

#errorBox #holder #ErrorArea p.title {
	color: #711d76;
	font-weight: bold;
	font-size: 12pt;
}

#errorBox #holder #ErrorArea ul {
	font-size: 8pt;
	list-style: square;
	color: #711d76;
}

#errorBox #footerstrip {
	clear: both;	
}

table#tblHoneymoons  {
	margin: 0 auto;
	width: 90%;
	margin-bottom: 20px;
}

table#tblHoneymoons thead th {
	height: 30px;
	border-bottom: 3px solid #ccc;
	font-size: 10pt;
	color: #660066;
    padding: 5px 0px 5px 5px;
}

table#tblHoneymoons tr.row1 td {
	background: #f8f8f8;
	border-bottom: 1px solid #e8e8e8;
}

table#tblHoneymoons tr.row2 td {
	background: #fcfcfc;
	border-bottom: 1px solid #e8e8e8;
}


table#tblHoneymoons tr td {
	 height: 30px;
     padding: 5px 0px 5px 5px;
}


/*	=11: [IMAGES] -----------------------------------------*/	

img {
	border: 0px; 
	display: block;	
}	

img.inline {
	display: inline;
}

div#placerResource {
	margin: 15px;
	float: right;
	width: 150px;
	height: 200px;
	border: 1px solid #ccc;
}

/*	=12: [MISC] -------------------------------------------*/	

.red { color: #cc0000; }
.blue { color: #00FF00; }
.green { color: #0000FF; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.grey { color: #CCCCCC; }
.darkgrey { color: #666; }
.wwwPurple { color: #711d75; }

ul li.small p {
	font-size: 8px;
}

/*message bars*/

div.crossBar {
	height: 34px;
	line-height: 34px;
	width: 539px;
	margin: 5px auto;
	text-align: center;
}

#errorBar {
	background: url('../images/error_topbar.gif') no-repeat;
}

#messageBar {
	background: url('../images/feedback_topbar.gif') no-repeat;
}

.leftAlign {
	text-align: left;
}

.centerAlign {
	text-align: center;
}

.rightAlign {
	text-align: right;
}



#forgotPod {
	position: relative;
	width: 311px;
	height: 163px;
	position: absolute;
	top: 434px;
	right: 218px;
	z-index: 50;
	background: url('../images/forgot_bg.png');
}

#forgotPod table {
	margin: 30px;	
	width: 250px;
}

#findDialog {
	display: none;
	position: absolute;
	top: 640px;
	right: 218px;
	background: #fff;
	width: 311px;
	height: 163px;
	z-index: 50;
	background: url('../images/forgot_bg.png');
}

#findDialog p {
	font-size: 8pt;
	margin: 20px;
}

#findDialog input {
	margin-left: 20px;
}


.question {
	margin: 5px 0 5px 20px;
	padding: 0;
	cursor: pointer;
	width: 300px;
}

.answer {
	margin-left: 20px;
}

#columnLeft .answer p {
	font-size: 8pt;
	padding: 0 0 10px 0;
	width: 300px;
}

.centerIze {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.floatRight {
	float: right;
	text-align: center;
}

.floatLeft {
	float: left;
}

	.bulletTitle {
		float:left;
	}


h2.titleTxt {
	font-size: 16px;
}


#columnLeft p.smallTxt {
	color: #666;
}

#columnLeft p.bigTxt {
	font-size: 18px;
	color: #666;
}

	#columnLeft  {
		font-size: 12px;
	}

	fieldset {
		border: 0;
		padding-left: 20px;
	}

	.questionForm label {
		float: left;
		width: 110px;
		margin: 5px;
		font-weight: bold;
	}

	.questionForm input {
		width: 110px;
		margin: 5px 0 5px 0;
	}
	
	.clearBoth {
		clear: both;
	}
	
	.columnLHS {
		float: left;
		width: 49%;
	}
	
	.columnRHS {
		float: left;
		width: 49%;
	}
	
	#columnLeft ul {
		margin-left: 20px;
		text-align: left;
	}
	
	.resourceBox {
		float: left;
		margin: 3px;
		width: 173px;
	}
	
		#columnLeft .resourceBox h2 {
			padding: 0px;
			font-size: 13px;
			height: 30px;
			line-height: 14px;
			text-align: left;
		}
		#columnLeft .resourceBox ul {
			padding: 0px;
			margin: 10px;
		}
		#columnLeft .resourceBox ul li {
			font-size: 10px;
			text-align: left;
		}
		
		.indentMeLeft {
			margin: 10px;
		}
		
		.placer {
			float: right;
			background: #ccc;
			margin: 0 0 0 10px;
		}
		
		#resWeddingType {
			background: url('../images/pod_wedding_types.png') no-repeat;
			width: 521px;
			height: 177px;
			position: relative;
			margin: 0 0 0 10px;
		}
		
			#resWeddingType img#photoWed{
				position: absolute;
				bottom: -30px;
				right: -20px;
				z-index: 10;
			}	
		
			#resWeddingType .copyTxt {
				position: absolute;
				top: 45px;
				left: 20px;
				width: 250px;
			}	
			#resWeddingType .copyTxt p {
				margin: 0px;
				padding: 0px;
				padding-bottom: 4px;
				font-size: 10px;
				line-height: 11px;
			}
			
			#resWhenWhereLink {
				position: absolute;
				top: 10px;
				right: 20px;
				padding: 0;
				margin: 0;
				width: 140px;
				height: 28px;
			}

		
		#resWhenWhere {
			float: left;
			background: url('../images/pod_where_when.png') no-repeat;
			width: 277px;
			height: 190px;
			position: relative;
			margin: 10px 0 0 10px;
		}
		
			#resWhenWhere .copyTxt {
				position: absolute;
				top: 45px;
				right: 15px;
				width: 130px;
			}	
			#resWhenWhere .copyTxt p {
				margin: 0px;
				padding: 0px;
				padding-bottom: 4px;
				font-size: 10px;
				line-height: 11px;
				text-align: right;
				color: #fff;
			}

		
		#resOverseasWeddings {
			float: left;
			background: url('../images/pod_overseas_weddings.png') no-repeat;
			width: 277px;
			height: 360px;
			position: relative;
			margin: 10px 0 0 10px;
		}
		
			#resOverseasWeddings .copyTxt {
				position: absolute;
				top: 45px;
				left: 20px;
				width: 230px;
			}	
			#resOverseasWeddings .copyTxt p {
				margin: 0px;
				padding: 0px;
				padding-bottom: 4px;
				font-size: 10px;
				line-height: 11px;
				color: #fff;
			}
			

		
		#resHoneyMoon {
			float: right;
			background: url('../images/honeymoon_pod.png') no-repeat;
			width: 227px;
			height: 361px;
			position: relative;
			margin: 10px 10px 0 0;
		}
		
			#resHoneyMoon .copyTxt {
				position: absolute;
				top: 65px;
				left: 20px;
				width: 185px;
			}	
			#resHoneyMoon .copyTxt p {
				margin: 0px;
				padding: 0px;
				padding-bottom: 4px;
				font-size: 10px;
				line-height: 11px;
				color: #000;
			}
			
			#resHoneyMoonLink {
				position: absolute;
				top: 10px;
				left: 20px;
				padding: 0;
				margin: 0;
				width: 140px;
				height: 28px;
			}
			
			
			
			
			#resOverseasWeddingsLink {
				position: absolute;
				top: 10px;
				left: 20px;
				padding: 0;
				margin: 0;
				width: 180px;
				height: 28px;
			}
			
			
			
			
			
			
		#resCreditCrunch {
			float: right;
			background: url('../images/creditcrunch_pod.png') no-repeat;
			width: 227px;
			height: 181px;
			position: relative;
			margin: 15px 10px 0 0;
		}
		
			#resCreditCrunch .copyTxt {
				position: absolute;
				top: 65px;
				left: 16px;
				width: 115px;
			}
			
			#resCreditCrunch .copyTxt p {
				margin: 0px;
				padding: 0px;
				padding-bottom: 4px;
				font-size: 10px;
				line-height: 11px;
				color: #000;
			}
			
		#resFaithWeddings {
			float: left;
			background: url('../images/faith_weddings_pod.png') no-repeat;
			width: 521px;
			height: 177px;
			position: relative;
			margin: 15px 10px 10px 10px;
		}
		
			#resFaithWeddings .copyTxt {
				position: absolute;
				top: 40px;
				left: 20px;
				width: 315px;
			}
			
			#resFaithWeddings .copyTxt p {
				margin: 0px;
				padding: 0px;
				padding-bottom: 4px;
				font-size: 10px;
				line-height: 11px;
				color: #000;
			}
			
			
			.bold {
				font-weight: bold;
			}
			
			#columnLeft table.compareTable td p {
				font-size: 10px;
				line-height: 10px;
			}
			
			#columnLeft table.compareTable td h2 {
				font-size: 12px;
			}
			
			#columnLeft table.compareTable td {
				border-right: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				padding: 2px;
				margin: 0px;
			}
			
			#columnLeft table.compareTable td.centerCell {
			
			}
			
			
			
			
				.faqsBullets a {
					color: #711d75;
					text-decoration: none;
				}
				
				.faqsBullets a:hover {
					color: #99cc00;
					text-decoration: none;
				}
			
				#columnLeft .faqsBullets ul li {
					list-style: none;
				}
			
				#columnLeft .faqsBullets ul li.answerBox {
					padding: 10px;
					background: #edeff9;
					border-top: 10px solid #fff;
					border-bottom: 1px solid #ccc;
				}
				
			.exampleSkins img {
				float: left;
				margin: 0 0 10px 20px;
			}
			
			.baseBox {
				float: left;
				position: relative;
				background: #ededed url('../images/box_base.jpg');

				margin-top: 20px;
				width: 100%;
				clear: both;
			}
			
				.baseBox { 
				}
			
				#columnLeft .baseBox h2 { 
					background: none;
					margin: 10px 0 0 0;
				}
			
				#columnLeft .baseBox p { 
					background: none;
					margin: 10px 15px 10px 15px;
					color: #333;
				}
			
				#columnLeft .baseBox p.quoteTxt { 
					background: none;
					margin: 10px 15px 10px 15px;
					color: #711d75;
					font-size: 15px;
				}
			
				img.bottomRightCorner {
					position: absolute;
					bottom: 0;
					right: 0;
				}
					
	ul#subnavResources {
		float: left;
		background: url('../images/subnav.png') no-repeat;
		width: 521px;
		height: 44px;
		margin: 0 0 0 10px;
		cursor:pointer;
	}
		ul#subnavResources li {
			float: left;
			width: 78px;
			height: 35px;
			text-align: center;
			font-size: 11px;
			list-style: none;
			line-height: 12px;
			font-weight: bold;
			color: #fff;
			margin: 0px;
			padding: 9px 0 0 7px;
			z-index: 9999;
			display: block;
		}
		ul#subnavResources li a {
			color: #fff;
			text-decoration: none;
			text-align: left;
			padding: 9px 3px 0px 0px;
		}
		ul#subnavResources li a:hover {
			color: #9ECE0C;
		}
		ul#subnavResources ul {
			display: none;
		}
		ul#subnavResources li:hover > ul {
			display: block; 
			color: #99cc00;
			text-decoration: none;
		}
		#subnavResources li ul li {
			width: 120px;
			text-align: left;
			font-weight: normal;
			height: auto; 
			padding: 9px 5px 5px 8px;
			background-color: #3D3D3D;
		}
		#subnavResources li ul li.lastItem {
			padding-bottom: 6px;
		}

		
	 .nav {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}	
		.nav ul {
			/* display: none; */
			padding: 0px;
			margin: 0px;
			margin-bottom: 20px;
		}		
		.nav li {
			position: relative;
			float: left;
			padding: 0px;
			margin: 0px;
			list-style: none;
		}	
			
			.nav li ul {
				position: absolute;
				top: 44px;
				left: -8px;
				z-index: 999999;
				padding: 0px;
				margin: 0px;
				width: 120px;
			}		
			
				.nav li ul li {
					z-index: 999999;
					text-align: left;
					clear: both;				
				}
				
					.nav li ul li a { text-decoration: none; }
					
					.nav li ul li a:hover {
						color: #006db8;
						text-decoration: none;
					} 
	
	

	#columnLeft .termsTxt p, #columnLeft .termsTxt ul li {
		font-size: 11px;
	}
	#columnLeft .termsTxt ul {
		list-style-position: outside;
	}
	#columnLeft .termsTxt ul li {
		line-height: 14px;
	}
	
	#columnLeft .widerCol {
		width: 800px;
	}
	

	
	 #columnLeft h2.smaller {
	 	font-size: 15px;
	 }
	
	.columnLHSWider {
		float: left;
		width: 60%;
	}
	
	.columnRHSWider {
		float: left;
		width: 40%;
	}
	
	.captionPod  {
		position: relative;
	}
		
	.captionPod div {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 200px;
		margin: 0 auto;		
		text-align: center;
	}
	
	.captionPod .bottom20 { bottom: -20px; }
	
#configwebsite fieldset {
	padding:0px;
	margin:0px;
	position:relative;
}
	
#configwebsite ul.design {
	float:left;	
	background:#272727;
	margin:0px;
	padding:10px 0 10px 10px;
	width:490px;
}

#configwebsite ul.design li {
	list-style-image:none;
	list-style-type:none;
	float:left;
	position:relative;
	background:#fff;
	padding:5px 5px 10px 5px;
}

#configwebsite ul.design li img {
	border:1px solid #ccc;
}

#configwebsite ul.design li .mag {
	position:absolute;
	top:0px;
	right:0px;
}

.scroll_left {
	width: 31px;
	height: 72px;
	position: absolute;
	z-index: 9;
	top: 275px;
	left:-31px;
	background: url(../images/prev-but.jpg) no-repeat center;
	cursor: pointer;
}
.scroll_right {
	width: 31px;
	height: 72px;
	position: absolute;
	z-index: 10;
	top: 275px;
	right:6px;
	background: url(../images/next-but.jpg) no-repeat center;
	cursor: pointer;
}
.scroll_right:hover {
	background: url(../images/next-but-on.jpg) no-repeat;
}
.scroll_left:hover {
	background: url(../images/prev-but-on.jpg) no-repeat;
}