﻿/**
 * 0.1.0   20120119
 * TFS: $/Editorial/Trunk/Sitecore CMS/TheKnot.CMS.Website.UI/Sites/TheKnot/Styles/main2010.css
 * Deployed to http://www.xoedge.com/css/tk/main2010-x.x.x.min.css
 */


/* Eric Meyer's reset v1.0 | 20080212
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/*tds to have top vertical-align by default*/td{vertical-align:top !important;}

/* HTML5 new elements set
------------------------------------------------------------*/
header,
nav,
section,
article,
dialog,
figure,
aside,
footer {
	display: block;
	margin: 0;
	padding: 0;
}

/* Non-semantic helper classes
------------------------------------------------------------*/
/* jQuery UI helpers */
.ui-helper-clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.ui-helper-clearfix {
	display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
	height: 1%;
}
.ui-helper-clearfix {
	display: block;
}
/* Clearfix */
.clearfix:before,
.clearfix:after {
	content: '';
	display: table;
} 
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}

/* Generic stylesheet for all sites */
body {
	color: #1f1f1f;
	font: normal 11px Arial,sans-serif;
	margin: 0;
}
#middlearea{
	background-color:#fff;
	box-shadow:0px 0px 5px rgba(0,0,0,.2);-moz-box-shadow:0px 0px 5px rgba(0,0,0,.2);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.2);
	overflow:hidden;
	padding-top:10px;
	width:auto;
}
.shadow {
	overflow: hidden;
	/*padding-bottom: 5px;*/
}
/*Typography*/
#leftcol,
#rightcol{font-size:11px;}
#centercol{font-size:12px;}
	/*Headers*/
	#middlearea h1{
		font-size:17px;
		font-weight:normal;
		line-height:17px;
	}
	#middlearea h3{
		font:normal 11px/17px sans-serif;
	}
/*Links*/
a:link,
a:visited{
	color:#1f1f1f;
	text-decoration:none;
}
a:active,
a:hover{
	text-decoration:underline;
}
	p a:link,
	p a:visited{text-decoration:underline;}
	p a:active,
	p a:hover{text-decoration:none;}

/*1002 Fixed Grid*/
.grid_1 { width:21px; }
	.grid_1 p{font-size:14px;line-height:15px;}
.grid_2 { width:52px; }
.grid_3 { width:83px; }
.grid_4 { width:114px; }
.grid_5 { width:145px; }
.grid_6 { width:176px; }
.grid_7 { width:207px; }
.grid_8 { width:238px; }
.grid_9 { width:269px; }
.grid_10 { width:300px; }
.grid_11 { width:331px; }
.grid_12 { width:362px; }
.grid_13 { width:393px; }
.grid_14 { width:424px; }
.grid_15 { width:455px; }
.grid_16 { width:486px; }
.grid_17 { width:517px; }
.grid_18{ width:548px; }
.grid_19 { width:579px; }
.grid_20 { width:610px; }
.grid_21 { width:641px; }
.grid_22 { width:672px; }
.grid_23 { width:703px; }
.grid_24 { width:734px; }
.grid_25 { width:765px; }
.grid_26 { width:796px; }
.grid_27 { width:827px; }
.grid_28 { width:858px; }
.grid_29 { width:889px; }
.grid_30 { width:920px; }
.grid_31 { width:951px; }
.grid_32 { width:982px; }
.grid_full{ width:1002px; }
.column { /* 10px margin on BOTH sides, resulting in a 20px gutter between columns */
	margin: 0 5px;
	overflow: visible;
	float: left;
	display: inline; /* ie6 double-margin bug fix */
}
.columnRight { /* 5px margin on BOTH sides, resulting in a 10px gutter between columns */
	margin: 0 5px;
	float: left;
	display: inline; /* ie6 double-margin bug fix */
}
.wrap { /* center the row on the page, clear the interior contents with overflow:hidden hack */
	width: 1002px;
	margin: 0 auto;
	padding:0 5px;
	overflow: hidden;
}
	.wrap .row{
		width:992px;
		margin: 0 auto;
		padding-left: 5px;
		padding-right: 5px;
		overflow: hidden;
	}
/*Dual Column Widgets - These widgets use 2 columns of grid_9 and grid_8 width*/
.dualcolumns{}/*The main column container*/
	.dualcolumns .widget
	{
		float:none;
		width:inherit !important;/*Widgets that are now living within the dual column widget must inherit their width*/
		margin-bottom:10px;/*All widgets should have a margin-bottom*/
	}
	/*Prevent the 2 columns from pushing out of the .dualcolumns parent*/
	.first {margin-left:0 !important;}
	.last {margin-right:0 !important;}
	.nopadding{padding:0 !important;}
/*Forms*/
input{
	border:1px solid #ccc;
	color:#1f1f1f;
	font:normal 10px sans-serif;
}
.btn{
	color:#fff !important;
	cursor:pointer;
	display:block;
	font-size:10px;
	line-height:10px;
	text-transform:uppercase;
	text-decoration:none !important;
}

/* Widgets: General
------------------------------------------------------------*/
.widget {
	margin-bottom: 10px;
	overflow: hidden;
}
.widget .padder {
	clear: both;
	padding: 0 10px 10px;
}
.widget img {
	float: left;
	margin: 0 8px 10px 0;
}
	.widget ul{
		clear:both;
		font-size:10px;
		list-style-position:inside;
		list-style-type:disc;
	}
		.widget ul li{}
		.widget ul h3{
			display:inline;
		}
.more {
	color: #555 !important;
	display: block;
	float: right;
	font-size: 12px;
	line-height: 12px;
	margin: 4px 0 0;
	text-align: right;
	text-decoration: none !important;
	text-transform: uppercase;
}
/* Widget with the more link+arrow floating left next to header */
	.floatingmore h1 {
		float:left;
		height:20px;
		margin:0;
	}
		.floatingmore h2 {
			float:left;
			margin:9px 0 0 5px;
			text-transform:none;
		}
.floatingmore h2 a:link,
.floatingmore h2 a:visited {
	color: #555;
}
		.floatingmore ul {
			clear:both;
			list-style:none;
			margin:0 0 10px;
			overflow:hidden;
			width:auto;
		}
			.floatingmore ul li h2{
				float:none;
				font:normal 12px/13px sans-serif;
				margin:0;
			}
.floatingmore .more a {
	display: block;
	float: left;
}
/* Container specifically to hold dart ads */
.dart {
	margin-bottom: 10px;
}
/* Video player */
.videoPlayer {
	text-align: center;
}


/* Widgets: Homepage
------------------------------------------------------------*/

/* Facebook announcement widget styles */
/* Structure */
#tickerCenter {
	background: url(http://www.xoedge.com/theknot/Sitecore/facebook_announcement_widget/img_bg_center.gif) no-repeat 0 0;
	display: none;
	height: 45px;
	margin: 0 0 10px 0;
	overflow: hidden;
	position: relative;
	width: 549px;
}
#tickerCenter #tickerCloser {
	background: #ebf4fb url(http://www.xoedge.com/tk/hp/btn_close.gif) no-repeat 0 0;
	cursor: pointer;
	cursor: hand;
	height: 10px;
	position:absolute;
	right: 1px;
	top: 1px;
	width: 11px;
}
 #tickerLeft {
	background: #fff url(http://www.xoedge.com/theknot/Sitecore/facebook_announcement_widget/img_bg_left.gif) no-repeat 0 0;
	height: 65px;
	overflow: hidden;
	padding-bottom: 10px;
	position: relative;
 }
/* Center typography */
#questionHeader {
	color: #4e8abe;
	float: left;
	font-size: 20px;
	font-weight: normal;
	line-height: 26px;
	margin: 12px 6px 0 12px;
	text-transform: lowercase;
}
#questionSubHeader {
	color: #1f1f1f;
	float: left;
	font: normal 12px/28px Arial, sans-serif;
	margin: 12px 14px 0 0;
}
/* Center button */
#addCount {
	background: url(http://www.xoedge.com/theknot/Sitecore/facebook_announcement_widget/btn_imabride.gif);
	cursor: pointer;
	cursor: hand;
	float: left;
	height: 25px;
	margin: 13px 0 0 0;
	width: 96px;
}
/* Ticker */
div.ticker {
	height: 45px;
	position: absolute;
	right: 0;
	top: 0;
	width: 144px;
}
#counter {
	display: block;
}
ul.ticker {
	color: #1f1f1f;
	font-family: Georgia, Arial, sans-serif;
	font-size: 14px;
	line-height: 15px;
	margin: 5px 0 0 19px;
	padding: 0;
}
nav#leftnav ul.ticker {
	border-bottom: none;
	margin: 6px 0 0 9px;
	padding: 0;
}
ul.ticker li {
	display: inline-block;
	height: 20px;
	padding: 1px 0 0 1px;
	width: 12px;
}
ul.ticker li.last {
	padding-left: 2px;
}
ul.ticker li.tenths {
	background: url(http://www.xoedge.com/theknot/Sitecore/facebook_announcement_widget/comma.gif) no-repeat 11px 12px;
	padding-right: 4px;
}
ul.ticker li.tenthsPh {
	padding-right: 4px;
}
#tickerCenter .tickerByline {
	display: block;
	left: 0;
	margin-left: 13px;
	position: absolute;
	top: 27px;
}
#tickerLeft .tickerByline {
	margin-left: 42px;
	padding-top: 2px;
}
/* Sharing modal */
#fbModalUser.linkBox, 
#fbModal.linkBox {
	position:absolute;overflow:hidden;padding:20px;display:none;width:520px;left:180px;top:175px;
}
#fbModalUser .opener, 
#fbModal .opener {
	cursor:pointer;
}
#fbModalUser.linkBox .modalHolderTrans, 
#fbModal.linkBox .modalHolderTrans {
	text-align:center;opacity:0.2;filter:alpha(opacity=20);	-moz-opacity:0.5;	background-color:#000000;	width:470px;height:1500px;	position:absolute;	top:0px;	left:0px;	z-index:100;
}
#fbModalUser .modalContent, 
#fbModal .modalContent {
	text-align:center;color:#171818;font:normal 12px/14px arial; width:430px;border:solid 2px #797979;  background:#FFFFFF;position:relative;z-index:1002;height:140px;
}
#fbModalUser .ie .modalContent, 
#fbModal .ie .modalContent{
	float:left;
}
#fbModalUser .modalCloseHead, 
#fbModal .modalCloseHead {
	background: #e2e2e2;
	height: 13px;
}
#fbModalUser .modalCloser, 
#fbModal .modalCloser {
	cursor:pointer; background:#E2E2E2 url(http://images.theknot.com/sitecore/widgets/bkg_closeModal.gif) no-repeat top right;width:15px;height:13px;float:right;
}
#fbModalUser .modalContent p, 
#fbModal .modalContent p {
	margin:30px auto 20px auto;width:320px;background:#FFFFFF;
}
#fbModalUser #messageContent,
#fbModal #messageContent {
	color:#1f1f1f;font-size:12px;margin:0px 20px 0px 20px;line-height:16px;
}
#fbModalUser #modalHeader,
#fbModal #modalHeader {
	color:#4e8abe;font-size:24px;margin:20px;
}
.fb_dialog.fb_dialog_advanced{
	left:0px!important;
}
#maincontent #fb-root{
	position:absolute;top:0px
}
#messageContent {
	font-weight:bold;
}
#messageContent a {
	text-decoration:underline
}


/* Widgets: Personalized promotions widget
------------------------------------------------------------*/
#tkPersonalizedPromotions {
	background-color: #ebf4fb;
	min-height: 85px;
	padding: 8px;
}
#tkPersonalizedPromotions header {
	border-bottom: 1px solid #d6ebf9;
	width: 100%;
}
#tkPersonalizedPromotions h2 {
	color: #4e8abe;
	float: left;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	padding-bottom: 4px;
	text-transform: lowercase;
}
#tkPersonalizedPromotions header p {
	float: right;
	height: 16px;
	line-height: 16px;
	margin: -2px 0 0 0;
	padding: 0 0 4px 0;
}
#tkPersonalizedPromotions header a {
	color: #999;
	font-size: 10px;
	text-decoration: underline;
}
#tkPersonalizedPromotions header a:hover {
	color: #579bc3;
}
#pColorSwatchez {
	position: absolute;
}
.ie7 #pColorSwatchez {
	margin-left: -286px;
	margin-top: 27px;
}
#pColorSwatchez div {
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .7);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .7);
	box-shadow: 0 0 5px rgba(0, 0, 0, .7);
	overflow: hidden;
	position: absolute;
}
#pColorSwatchez .pin1 {
	height: 14px;
/*	left: 20px;*/
	left: 11px;
	position: absolute;
	top: 8px;
	-moz-transform: rotate(-13deg);
	-webkit-transform: rotate(-13deg);
	transform: rotate(-13deg);
	z-index: 2;
}
#pColorSwatchez .color1,
#pColorSwatchez .color1 img {
	height: 43px;
	width: 43px;
}
#pColorSwatchez .color1 {
/*	left: 7px;*/
	top: 16px;
	-moz-transform: rotate(-13deg);
	-webkit-transform: rotate(-13deg);
	transform: rotate(-13deg);
	z-index: 1;
}
#pColorSwatchez .pin2 {
	height: 14px;
	left: 49px;
	position: absolute;
	top: 5px;
	-moz-transform: rotate(19deg);
	-webkit-transform: rotate(19deg);
	transform: rotate(19deg);
	z-index: 4;
}
#pColorSwatchez .color2,
#pColorSwatchez .color2 img {
	height: 40px;
	width: 40px;
}
#pColorSwatchez .color2 {
	left: 26px;
	top: 12px;
	-moz-transform: rotate(13deg);
	-webkit-transform: rotate(13deg);
	transform: rotate(13deg);
	z-index: 3;
}
#pColorSwatchez .pin3 {
	left: 30px;
	position: absolute;
	top: 27px;
	-moz-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
	z-index: 6;
}
#pColorSwatchez .color3,
#pColorSwatchez .color3 img {
	height: 33px;
	width: 33px;
}
#pColorSwatchez .color3 {
	left: 20px;
	top: 36px;
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(10deg);
	z-index: 5;
}
#tkPersonalizedPromotions p {
	line-height: 16px;
	margin: 8px 12px 0 78px;
}
#tkPersonalizedPromotions a {
	text-decoration: underline;
}
#tkPersonalizedPromotions ul {
	margin-left: 78px;
}
#tkPersonalizedPromotions li {
	background: none;
	border-bottom: 1px solid #d6ebf9;
	margin: 0;
	padding: 6px 0;
}
#tkPersonalizedPromotions li:last-child {
	border-bottom: none;
}
#tkPersonalizedPromotions li a {
	display: block;
	float: left;
}
#tkPersonalizedPromotions .arrow {
	border-color: transparent;
	border-style: solid;
	border-width: 3px;
	display: block;
	float: left;
	height: 0;
	margin: 4px 0 0 4px;
	text-indent: -9999px;
	width: 0;
}
#tkPersonalizedPromotions .east {
	border-left-color: #1f1f1f;
	border-right-width: 0;
}

/* Arrows
------------------------------------------------------------*/
.arrow{
	border-color:transparent;
	border-style:solid;
	border-width:3px;
	float:left;
	height:0;
	text-indent:-9999px;
	width:0;
}
	.north{
		border-bottom-color:#999;
		border-top-width:0;
	}
	.east{
		border-left-color:#999;
		border-right-width:0;
	}
	.south{
		border-top-color:#999;
		border-bottom-width:0;
	}
	.west{
		border-right-color:#999;
		border-left-width:0;
	}
	.more .east{/*Arrows that come at the end of see more links/text should float to the right*/
		border-left-color:#555;
		border-width:4px;
		display:inline;
		font-size:0;
		float:right;
		margin-top:2px;
	}
	.floatingmore .more{float:left;}
	.floatingmore .more .arrow{
		float:left;
		margin:3px 0 0 5px;
	}


/***TK MAIN***/
body{background-image:url("http://scmedia.theknot.com/Sites/TheKnot/styles/images/general/bg.gif");}
.shadow{background-color:#ebf4fb;}

  header#topheader #sitetabs li.managelinks{padding-left:30px;}
	  header#topheader #sitetabs .managelinks a.hdrCaps{color:#eb6c20!important;}
	header#topheader #sitetabs li.managelinks{color:#999999!important;font-size:11px!important;}
	 header#topheader #sitetabs li.managelinks a{color:#555555!important;font-size:11px!important;display:inline-block;margin:0px 4px;}

/* WelcomeMessage HtmlWidget */
#welcomeMessage {
	display: none;
	font-size: 12px;
	font-weight: bold;
	left: 16px;
	position: absolute;
	top: 6px;
}
#welcomeMessageName {
	text-decoration: underline;
}

/*All links in TK hover blue. Note, underlining varies depending on situation. */
#middlearea a:active,
#middlearea a:hover,
#extralinks a:active,
#extralinks a:hover {
	color: #4e8abe !important;
}
#leftnav a {
	color: #555;
}

/* Typography
------------------------------------------------------------*/
/*Headers*/
#middlearea h1 {
	color: #4e8abe;
	font-family: kievit_Book, sans-serif;
	padding: 5px 0 5px;
	text-transform: lowercase;
}
/* Kievit fonts for TK */
.kievit_lt {
	font-family: kievit_Light,KievitOT-Light,sans-serif !important;
}
.kievit_bk {
	font-family: kievit_Book,KievitOT-Book,sans-serif !important;
}
.kievit_rg {
	font-family: kievit_Regular,KievitOT-Regular,sans-serif !important;
}
.kievit_bksc {
	font-family: kievit_BookSC,KievitOT-BookSC,sans-serif !important;
}
.kievit_bd {
	font-family: kievit_Bold,KievitOT-Bold,sans-serif !important;
}
.kievit_bdsc {
	font-family: kievit_BoldSC,KievitOT-BoldSC,sans-serif !important;
}
/* Casino Hand */
.casino_hand {
	font-family: "Casino Hand",Arial,sans-serif !important;
	text-indent: -999em;
}

/* Left nav
------------------------------------------------------------*/
nav#leftnav {
	margin-bottom: 10px;
	padding-bottom: 1px;
}
nav#leftnav ul {
	border-bottom: 1px solid #ececec;
	margin: 0 5px 5px;
	padding: 5px 0 10px;
}
nav#leftnav li {
	margin-bottom: 4px;
}
nav#leftnav h1,
nav#leftnav h1 a,
nav#leftnav a.navHeaderLink {
	color: #579bc3;
	font: normal 13px Georgia, serif;
	text-transform: lowercase;
}
nav#leftnav a.navHeaderLink {
	display: block;
	padding: 5px 0;
}
nav#leftnav h2,
nav#leftnav h2 a {
	color:#666;
	font-weight:normal;
}
#leftnav a.badge{
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

/*Colors*/
	/*White*/
	.white{background-color:#fff;}
	/*Green*/
	.green_grad{
		background-color:#f3f7e7;
		background: -moz-linear-gradient( -90deg, #f3f7e7, #fbfcf6);
		background: -webkit-gradient( linear,left top,left bottom, color-stop(0.0,#f3f7e7), color-stop(1.0,#fbfcf6));
	}
		.green_lt h1, 
		.green_grad h1,
		.green_lt div.kievit_bk,
		.green_grad div.kievit_bk 
		{color:#84ad42;}
		
	/*Blue*/
	.blue_lt{background-color:#ebf4fb;}
	.blue_grad{
		background-color:#eef7fe;
		background: -moz-linear-gradient( -90deg, #eef7fe, #fcfdff);
		background: -webkit-gradient( linear,left top,left bottom, color-stop(0.0,#eef7fe), color-stop(1.0,#fcfdff));
	}
	.blue_lt h1,
		.blue_grad h1{color:#4e8abe;}
		.blue_lt .btn,
		.blue_grad .btn{background:#6f9cc9;}


/***TK SITECORE MAIN***/
/**HP**/
#homepage .widget .padder{padding-top:2px;}

/* Local */
#hplocal {
	background: none;
	clear: left;
	overflow: visible;
	padding-bottom: 10px;
}

	#hplocal h1{
		float:left;
		font-size:17px;
		font-weight:normal;
		line-height:17px;
		margin:6px 10px 0;
		text-transform:lowercase;
	}
		#hplocal h1 a:link,
		#hplocal h1 a:visited{color:#719e2a;}
#hplocal div.fauxHeader {
	background: url(http://www.xoedge.com/tk/homepage/local_map.gif) no-repeat scroll 0 4px transparent;
	display: inline-block;
	float: left;
	font-size: 15px;
	font-weight: bold;
	height: 25px;
	line-height: 17px;
	margin: 3px 7px 0;
	padding: 5px 0 3px 34px;
}
#hplocal p,
#hplocal div.fauxHeader a:link,
#hplocal div.fauxHeader a:visited,
#hplocal p a:link,
#hplocal p a:visited,
#hplocal p a:active,
#hplocal p a:hover {
	color: #4e8abe !important;
}
#hplocal p {
	float: left;
	font-size: 15px;
	margin: 6px 0 10px;
	width: 387px;
}
#hplocal h2 {
	clear: left;
	float: left;
	font-size: 12px;
	line-height: 12px;
	margin-right: 0;
	padding: 4px 5px 0 12px;
}
#hplocal h2 a {
	color: #666 !important;
	font-size: 14px !important;
	font-weight: bold !important;
	line-height: 14px !important;
}
		#hplocal h2 a:link,
		#hplocal h2 a:visited{color:#fff;}
	#hplocal span{
		display:inline-block;
		margin:0 3px;
	}
	#hplocal div{display:inline-block;vertical-align:middle;}
#hplocal select {
	-webkit-box-shadow: 1px 1px 4px 1px #ccc;
	-moz-box-shadow: 1px 1px 4px 1px #ccc;
	box-shadow: 1px 1px 4px 1px #ccc;
	display: inline-block;
	font-family: Arial, Sans-Serif;
	height: 22px;
	outline: 0;
	padding: 2px 2px 2px 0;
	vertical-align: middle;
	width: 200px;
}
		#hplocal select option{font-size:11px;}
		#hplocal .selectedTxt{/*Styles for the jQuery select replacement*/
			background:url(http://www.xoedge.com/homepage/hp_2010/tk_hp_widget_sprite.png) no-repeat scroll 151px -23px #fff;
			border:1px solid #ddd;
			cursor:pointer;
			font-size:11px;
			overflow:hidden;
			padding:3px 25px 0 5px;
			width:145px;height:20px;
		}
			#hplocal span ul{
				background-color:#fff;
				border:1px solid #ddd;
				cursor:default;
				list-style:none;
				overflow:auto;
				position:absolute;
				top:24px;left:0;
				transition:all .1s ease-in-out;
				-moz-transition:all .1s ease-in-out;
				-webkit-transition:all .1s ease-in-out;
				width:176px;
			}
				#hplocal span ul li ul{
					border:none;
					height:auto;
					margin-top:4px;
					position:static;
				}
				#hplocal span ul.show{
					height:285px;
					overflow:auto;
				}
				#hplocal span.markets ul.newList{width:300px;}
					#hplocal span.markets ul.newList ul{margin-left:-5px;width:auto;}
				#hplocal .newList li{
					background:none;
					font-size:11px;
					line-height:11px;
					padding:0;
				}
					#hplocal li.newListOptionTitle{
						font-weight:bold;
						padding:4px 0 4px 5px;
					}
				#hplocal .newList li a{
					color:#555 !important;
					display:block;
					padding:4px 0 4px 5px;
					text-decoration:none !important;
				}
				#hplocal .newList li a:hover{background-color:#edf4dd;}
#hplocal .btn {
	background: url(http://www.xoedge.com/tk/homepage/local_go.gif) no-repeat 0 0;
	display: inline-block;
	height: 22px;
	margin-left: 5px;
	padding: 0;
	position: relative;
	text-indent: -999em;
	top: -5px;
	width: 42px;
}
		#hplocal .btn:active,
		#hplocal .btn:hover{
			color:#fff !important;
			opacity:.75;
		}
/* Main Promo*/
h1#mainpromo{
	margin-bottom:10px;
	margin-right:2px;
	padding:0;
}
	h1#mainpromo a,
	h1#mainpromo img{display:block;}
ul#mainpromolinks{
	margin-left:0;
	width:153px;
}
	ul#mainpromolinks li h2{
		background-color:#ebf4fb;
		font-weight:normal;
		margin-bottom:2px;
		overflow:hidden;
	}
		ul#mainpromolinks li h2 a{
			display:block;
			padding:8px 10px 0;
		}
	ul#mainpromolinks li:nth-of-type(1) h2{
		font:normal 17px Georgia,serif;
		height:61px;
	}
	ul#mainpromolinks li:nth-of-type(2) h2{
		font:normal 17px Georgia,serif;
		height:53px;
	}
	ul#mainpromolinks li:nth-of-type(3) h2{
		font:normal 14px Arial,sans-serif;
		height:51px;
	}
	ul#mainpromolinks li:nth-of-type(4) h2{
		font:normal 13px Arial,sans-serif;
		height:48px;
		margin:0;
	}
/* Promosquares */
#promosquares {
	clear: both;
	margin-bottom: 0;
	overflow: hidden;
	position: relative;
	width: auto;
}
#promosquares h2.expressway {
	color: #4e8abe;
	font-size: 18px;
	font-weight: normal;
/*	height: 30px;*/ /* jwb: commenting out 20101909 after removing height: 0 from the bottom bar widget. Problem occurs because empty h2s aren't hidden. */
	line-height: 30px;
}
#promosquares li {
	float: left;
	margin: 0 4px 4px 0;
	text-transform: uppercase;
}
.promo-four li {
	height: 176px;
	overflow: hidden;
	width: 134px;
}
#promosquares li img {
	display: block;
	margin-bottom: 4px;
}
#promosquares a:link,
#promosquares a:visited {
	color:#4e8abe;
}
#promosquares .arrow {
	border-left-color: #4e8abe;
	display: inline;
	float: none;
	font-size: 0;
	margin-left: 3px;
	vertical-align: middle;
}
#promosquares div.promoMore a {
	background: url(http://www.xoedge.com/theknot/sitecore/arrows/arrow-right-555.gif) no-repeat right center;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	padding-right: 7px;
	position: absolute;
	right: 0;
	text-decoration: none;
	text-transform: uppercase;
	top: 0;
}
#promosquares div.promoMore a:hover {
	color: #555;
	text-decoration: none;
}

/* Widgets: Right: Personalized box
------------------------------------------------------------*/
#tkPbox {
	background-color: #d6ebf9;
	min-height: 61px;
	margin: -10px 0 10px 0;
	padding: 8px 10px 8px 80px;
	position: relative;
	width: 210px;
}
.ie6 #tkPbox {
	height: 61px;
}
/* Header */
#tkPboxHeader {
	margin: 0 0 8px -72px;
}
#tkPbox h2 {
	color: #4e8abe;
	float: left;
	text-transform: lowercase;
}
#tkPbox h2.liHeader {
	font-size: 16px;
	margin-top: 2px;
	overflow: hidden;
	width: 175px;
}
#tkPbox h2.loHeader {
	background: transparent url(http://www.xoedge.com/theknot/sitecore/pbox/TK.pBox.loArrow.gif) no-repeat right 5px;
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	margin-top: 0;
	overflow: hidden;
	padding-right: 10px	
}
#tkPbox #tkPboxMyTk {
	background: url(http://www.xoedge.com/tk/sitecore/personalized-box/btn_myplanner.gif) no-repeat 0 0;
	display: block;
	float: right;
	height: 22px;
	text-indent: -999em;
	width: 102px;
}
#tkPbox .loLogin {
	float: right;
	line-height: 18px;
}
#tkPbox .loLogin a {
	text-decoration: underline;
}
/* Countdown */
#tkPbox #countdown {
	background: url(http://www.xoedge.com/tk/sitecore/personalized-box/img_countdown.png) no-repeat 0 0;
	height: 61px;
	left: 10px;
	position: absolute;
	text-indent: -999em;
	top: 8px;
	width: 62px;
}
#tkPbox #countdownText {
	color: #84ad42;
	font-family: Georgia, Arial, Helvetica, Sans-Serif;
	font-size: 20px;
	left: 26px;
	line-height: 24px;
	position: absolute;
	top: 18px;
}
#tkPbox #countdownText a,
#tkPbox #countdownText a:hover,
#tkPbox #countdownText a:active {
	color: #84ad42;
	text-decoration: none;
}
/* Content */
#tkPbox .tkPboxContent {
	clear: both;
}
#tkPbox .tkPboxContent p {
	color: #1f1f1f;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
}
#tkPbox .tkPboxContent li {
	margin-bottom: 5px;
}
#tkPbox .tkPboxContent li:last-child {
	margin-bottom: 0;
}
.ie7 #tkPbox .tkPboxContent p {
	margin-top: -6px;
}
#tkPbox .tkPboxContent img {
	display: block;
	float: left;
	height: 50px;
	margin: 0 8px 0 0;
	overflow: hidden;
	width: 50px;
}
#tkPbox .tkPboxContent a {
	text-decoration: underline;
}
#weddingDate {
	border: 1px solid #e3e2e7;
	color: #999;
	display: block;
	float: left;
	font: 11px Arial, sans-serif;
	height: 19px;
	line-height: 19px;
	margin-right: 5px;
	padding: 1px 1px 1px 3px;
	vertical-align: middle;
	width: 130px;
}
#tkPboxJoin {
	background: url(http://www.xoedge.com/tk/sitecore/personalized-box/btn_submit.gif) no-repeat 0 0;
	display: block;
	float: left;
	height:	22px;
	margin-top: 1px;
	text-indent: -999em;
	width: 69px;
}
/* Checkboxes */
#WidgetLoader_ctl00_pnlCheckList {
	margin-left: 72px;
}
#pboxViewCl {
	display: none;
}
/* Tags */
#tkPboxTags {
	clear: both;
	height: 16px;
	line-height: 16px;
	margin: 4px 0 0 -72px;
	overflow: hidden;
}
#tkPboxTagsToggle {
	background: url(http://www.xoedge.com/tk/sitecore/personalized-box/btn_expand.gif) no-repeat 0 0;
	cursor: pointer;
	cursor: hand;
	display: block;
	float: right;
	height: 9px;
	margin: 3px 0 0 3px;
	width: 9px;
}
#tkPboxTags a {
	text-decoration: underline;
}
/* Datepicker */
#ui-datepicker-div {
	background-color: #fff;
	border: 1px solid #4e8abe;
	display: none;
}
.ie7 #ui-datepicker-div {
	width: 133px;
}
.ui-datepicker-header {
	background-color: #4e8abe;
	height: 23px;
}
.ui-datepicker-title {
	color: #fff;
	float: left;
	font-weight: bold;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
	width: 110px;
}
.ui-datepicker-prev,
.ui-datepicker-next {
	color: #fff;
	cursor: pointer;
	cursor: hand;
	display: block;
	height: 23px;
	text-indent: -999em;
	width: 11px;
}
.ui-datepicker-prev {
	background: url(http://www.xoedge.com/tk/sitecore/personalized-box/btn_calendar_prev.gif);
	float: left;
}
.ui-datepicker-next {
	background: url(http://www.xoedge.com/tk/sitecore/personalized-box/btn_calendar_next.gif);
	float: right;
}
.ui-datepicker-calendar {
	border-collapse: collapse;
}
.ui-datepicker-calendar th {
	background-color: #ebf4fb;
	color: #1f1f1f;
	font-size: 9px;
	font-weight: normal;
	padding: 1px;
	text-align: center;
	text-transform: uppercase;
}
.ui-datepicker-calendar td {
	border-bottom: 1px solid #d6ebf9;
	border-right: 1px solid #d6ebf9;
	border-top: 1px solid #d6ebf9;
	color: #1f1f1f;
	font-size: 12px;
	padding: 2px;
	text-align: center;
}

/* Wedding Shop 
------------------------------------------------------------*/
/* Wedding shop box */
#weddingshop {
	border: 1px solid #f1eff7;
	padding-bottom: 5px;
}
/* Wedding shop header */
#weddingshop h2 {
	background-color: #f1eff7;
	font-weight: bold;
	height: 30px;
	line-height: 23px;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
#weddingshop h2 img {
	display: block;
	margin: 0;
}
/* Wedding shop top sellers */
#weddingshop #topsellers {
	margin: 0 10px;
	padding: 0;
}
.ie7 #weddingshop #topsellers {
	padding-top: 5px;
}
#weddingshop #topsellers .essentials ul {
	clear: none;
	border: none;
	float: left;
	margin: 4px 5px 0;
	width: 88px;
}
#weddingshop #topsellers .essentials ul.first {
	width: 98px;
}
#weddingshop #topsellers .essentials ul.last {
	width: 60px;
}
#weddingshop #topsellers .essentials li {
	border-right: none;
	display: block;
	float: none;
	line-height: 13px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: auto;
}
#weddingshop #topsellers .essentials li .arrow {
	border-left-color: #5F6297;
	color: #5F6297;
	float: left;
	font-size: 0;
	vertical-align: 4px;
	margin-top: 4px;
	margin-right: 4px;
}
.ie6 #weddingshop #topsellers .essentials li .arrow,
.ie7 #weddingshop #topsellers .essentials li .arrow {
	vertical-align: middle;
}
#weddingshop #topsellers li a {
	text-decoration: underline;
}
.ie7 #weddingshop #topsellers .essentials li a {
	vertical-align: middle;
}
/* Wedding shop featured products */
#weddingshop ul {
	margin: 5px 0 0 2px;
	list-style: none outside;
}
#weddingshop ul li {
	border-right: 1px solid #e3e4f1;
	float: left;
	line-height: 1.1em;
	margin-bottom: 0;
	padding: 0 2px;
	text-align: center;
	width: 94px;
}
#weddingshop ul li a {
	font-size: 10px;
	overflow: hidden;
	width: 86px;
}
#weddingshop ul li img {
	display: block;
	float: none;
	height: 80px;
	margin: 0 auto;
	width: 80px;
}
#weddingshop ul li+li+li {
	border: none;
}

/* Registry Search */

/*DART Registry Products*/
#registryproducts{
	overflow:hidden;
	padding:0 5px 10px 10px;
	width:auto;
}
	#registryproducts h1{
		float:left;
		margin-bottom:5px;
	}
	#registryproducts .more{margin:10px 5px 0 0;}
	#registryproducts ul{
		clear:both;
		list-style:none outside;
	}
		#registryproducts ul li{
			float:left;
			margin:0 5px 5px 0;
		}
		#registryproducts ul li a,
		#registryproducts ul li img{
			display:block;
			margin:0;
		}
/*WWS Promo*/
#weddingwebsites{padding:0 10px;}
	#weddingwebsites h1{
		float:left;
	}
		#weddingwebsites h1 strong{
			color:#f58021;
		}
	#weddingwebsites .more{margin-top:10px;}
	#weddingwebsites img{
		clear:both;
		display:block;
		margin:0;
	}

/* Widgets: Center
------------------------------------------------------------*/

/* Widgets: Right: DART: From our partners
------------------------------------------------------------*/
#partners ul {
	list-style: none;
}
#partners li {
	margin-bottom: 10px;
}
#partners li a:hover,
#partners li a:hover p {
	text-decoration: underline;
}
#partners em {
	color: #999;
}
#partners li a:hover em {
	color: #4e8abe;
}

/* Community */
#ourcommunity {
	height: 140px;
}
#ourcommunity ul {
	margin-bottom: 0;
}
#ourcommunity ul li {
	margin-bottom: 8px;
}
#ourcommunity ul li h2 a {
	color: #1f1f1f;
}
#ourcommunity ul li em {
	color: #999;
	display: block;
	font-size: 10px;
	font-style: normal;
}
#ourcommunity ul li em a {
	color: #999 !important;
	text-decoration: underline !important;
}
#ourcommunity ul li em a:active,
#ourcommunity ul li em a:hover {
	color: #4e8abe !important;
}

/* Planning Tools */
#planningtools {
	height: 130px;
}
	#planningtools ul li{
		background-image:url(http://www.xoedge.com/homepage/hp_2010/tk_hp_planningtools_sprite.png);
		background-repeat:no-repeat;
		float:left;
		margin-bottom:7px;
		padding:4px 0 4px 25px;
	}
		#planningtools ul li.checklist{
			background-position:0 0;
			width:115px;
		}
		#planningtools ul li.budgeter{background-position:0 -21px;}
		#planningtools ul li.guestlist{
			background-position:0 -42px;
			width:115px;
		}
		#planningtools ul li.notebook{background-position:0 -63px;}
		#planningtools ul li.wws{
			background-position:0 -84px;
			width:115px;
		}
		#planningtools ul li.savethedate{background-position:0 -105px;}
		#planningtools ul li a{color:#1f1f1f !important;}
			#planningtools ul li a:active,
			#planningtools ul li a:hover{color:#4E8ABE !important}
/*Special Features*/
#specialfeatures img{margin:0 !important;}
/*Tools + Fun Stuff*/
#toolsfunstuff h1 a{color:#4E8ABE !important;}
/*DART Override*/
.dartad img{margin: 0 !important;}

/* DART: HP footer takeover widget
------------------------------------------------------------*/
.specialannouncement {
	/*background-color: #ebf4fb;*/
	background-color: #fff !important;
	padding: 5px 0 10px 0;
}
.specialannouncement .banner {
	margin: 0 auto;
	width: 728px;
}
.takeover_b {
	display: none;
}

/* From the hp2010_cssfixes open HTML widget:
------------------------------------------------------------*/
.widget .padder > h1 a {
	color: #4e8abe !important;
	text-decoration: none;
}
.widget .padder > h1 a:active,
.widget .padder > h1 a:hover {
	text-decoration: underline !important;
}
.widget .padder > h1 a:active cufon,
.widget .padder > h1 a:hover cufon {
	border-bottom: 1px solid #4e8abe;
}

#homepage #planningtools,#homepage #ourcommunity{height:145px;}
#promosquares li{font-size:12px;text-transform:none !important;}

#mainfooter{padding-bottom:17px;}
body > iframe{display:none;}/*Hack for injected tracking iframe; to be removed pending Sirota's fix*/
  body > iframe#scFloatie{display:block;}/*For SC editor iframe*/
  #rightcol .dartad{overflow:visible;}
/*New map icon in local widget*/
#hplocal h1 {
background:url("http://www.xoedge.com/homepage/hp_2010/img_map.png") no-repeat scroll 0 6px transparent;
float:left;
font-size:17px;
font-weight:normal;
line-height:17px;
margin:3px 10px 0;
padding-left:34px;
text-transform:lowercase;
}

#hplocal h2 a:link, #hplocal h2 a:visited {
color:#444444;
}
#hplocal h2 a {
font-size:12px;
font-weight:normal;
}
.specialannouncement{background-color:#EBF4FB;padding-top:5px;}
  header .specialannouncement{padding:0;}
.specialannouncement .banner{margin:0 auto;width:728px;}
.takeover_b{display:none;}

.ie8 #hplocal select{font-size:12px;padding:2px;}

/* IntroAutorotating Carousel */
#carouselControls {
	bottom: 5px;
	left: 5px;
	position: absolute;
	z-index: 50;
}
/* site-specific */
#hpCarousel, #hpCarouselList {
	float: left;
	height: 219px;
	width: 393px;
}
.hpItem1 {
	font: 17px Georgia,serif;
	height: 61px;
}
.hpItem2 {
	font: 17px Georgia,serif;
	height: 53px;
}
.hpItem3 {
	font: 14px Arial,sans-serif;
	height: 51px;
}
.hpItem4 {
	font: 13px Arial,sans-serif;
	height: 48px;
}
/* end site-specific */
#mainpromolinks {
	margin: 0 !important;
}
#mainpromolinks li {
	background-image: none;
	margin-bottom: 2px;
}
#mainpromolinks li a {
	display: block;
	padding: 8px 10px 0;
}
#hpCarousel {
	position: relative;
}
.hpCarouselItem {
	background-image: none;
}
.hpCarouselItem a img{
	vertical-align: top;
}
#hpCarousel a {
	outline: 0;
}
.carouselButtons {
	float: left;
}
.carouselButtons a {
	background: url(http://www.xoedge.com/tk/homepage/circle_off.png) no-repeat;
	display: block;
	float: left;
	height: 11px;
	margin: 0 5px 0 0;
	text-indent: -999px;
	width: 11px;
}
.carouselButtons a.activeSlide {
	background: url(http://www.xoedge.com/tk/homepage/circle_on_TK.png) no-repeat;
}
.hpCarouselNext, .hpCarouselPrev {
	display: block;
	float: left;
	height: 11px;
	text-indent: -999px;
	width: 8px;
}
.hpCarouselNext {
	background: transparent url(http://www.xoedge.com/tk/homepage/arrow_right.png) no-repeat 0 0;
	margin: 0 0 0 10px;	
}
.hpCarouselPrev {
	background: transparent url(http://www.xoedge.com/tk/homepage/arrow_left.png) no-repeat 0 0;
	margin: 0 15px 0 0;
}
