/* ************ */
/* Body Styles */

html, body
{
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-image: url(../images/BG_body.jpg);
   background-repeat: repeat-x;
   height:100%;
}



.mainbody /* Defines area where webpage is */
{
	
   width: 800px;
   padding:0px 0px 0px 0px;
   background-color: #FffFFF;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   position: relative;
   min-height: 99%;
}

.contentInterior /* Main content on interior pages */
{
   padding: 10px;
   text-align: left;
   width: 780px;
}

/* ************** */
/* Text Styles */
h1
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 44px;
   font-style: normal;
   font-weight: bold;
   color: #4D618A;
   TEXT-DECORATION: none;
   line-height:38px;

}

h1.homepage
{
   margin: 40px 100px 10px 100px;
}

h1.interior
{
   margin: 0px 0px 10px 0px;
}

h2
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 28px;
   font-weight: bold;
   color: #8293BE;
}

h2.homepage
{
   margin: 10px 100px 40px 100px;
}

h2.interior
{
   margin: 0px 0px 0px 0px;
}

h3
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bold;
   color: #4D618A;
   TEXT-DECORATION: none;
   
   margin: 0px 0px 10px 0px;
}

ul.bulletText
{
   font-family: Verdana;
   font-size: 10px;
   font-style: normal;
   text-align: left;
   color: #000000;
   line-height:15px;
   list-style-position: inside;
   list-style-type: square;
   /* display: list-item; */
   /*vertical-align:baseline;*/
   white-space: normal;
   text-decoration:none;

   margin-left: 0;
   padding-left: 0;
   margin-top: 0;
   margin-bottom: 20px;  
}

h1.statusMessage
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-style: normal;
   font-weight: bold;
   color: #4D618A;
   TEXT-DECORATION: none;
   line-height:13px;
   margin: 40px 10px 40px 10px;
}

/*****************************/
/* Form Elements */
.formrow {
   clear: left;
   vertical-align: bottom;
   margin: 5px 0px 0px 0px;
   display: block;
}

.formfieldset
{
   border: 1px solid #ccc;
   width: 92%;
   padding: 10px 10px 10px 10px;
}

.formlegend
{
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #4d618a;
   background: #fff;
   padding: 0px 0px 0px 10px;
}

.formlabel
{
   color: #666;
   font-size: 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   width: 9em;
   float: left;
   margin-right: 5px;
   text-align: left;
}

.formlabel_wide
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   float: left;
   margin-right: 5px;
   text-align: left;   
}

.dropdown {
   float: left;
   text-align: left;
   color: #000;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin: 0px 5px 5px 0px;
   vertical-align:bottom;
}

.typeahead {
   float: left;
   text-align: left;
   color: #000;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin: 0px 20px 5px 0px;
   vertical-align:bottom;
   width: 150px;
}

.textfield {
   float: left;
   text-align: left;
   color: #000;
   font-weight: normal;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   margin: 0px 5px 5px 0px;
   vertical-align:bottom;
}

.textfield_wide 
{
   float: left;
   width: 180px;
   text-align: left;
   color: #000;
   font-weight: normal;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   margin: 0px 5px 5px 0px;
   vertical-align:bottom;
}

.textarea_wide 
{
   float: left;
   width: 180px;
   text-align: left;
   color: #000;
   font-weight: normal;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   margin: 0px 5px 5px 0px;
   vertical-align:bottom;
}

/* Buttons used for submiting forms: */
.formbutton_submit, .formbutton_cancel
{
   height: 20px;
   width: 100px;
   cursor: pointer;
   font-size: 7pt;
   float: right;   
} 

.formbutton_submit
{

   color: #fff;
   background: #4d618a;
   border: 2px outset #0e1f5b;
   margin: 0px 5px 0px 5px;
}

.formbutton_cancel
{
   color: #000;
   background: #f0f0f0;
   border: 2px outset #666666;
}

.button
{
   height: 20px;
   margin: 10px 0px 5px 0px;
}

.buttonLabel /* Label for "fake" buttons (hyperlinks made to look like buttons) */
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   color: #ffffff;
   TEXT-DECORATION: none;
   
   line-height: 20px;
}

/* ************ */
/* Hyperlink styles */
.linkBlue /* Standard hyperlink */
{
	COLOR: #0547C0; 
	FONT-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	TEXT-DECORATION: none;
	padding-top:6px;
	padding-bottom:3px;
}

A.linkBlue:hover
{
	COLOR: #000000;
	TEXT-DECORATION: underline	
}


/****************/
/* Buttons */
.blueButton
{
   background-image: url(../images/MST-Button.png);
   width: 150px;
   height: 54px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   cursor: pointer;
   margin-top: 10px;
   margin-bottom: 10px;
}

.blueButtonLabel /* Heading in content container */
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #ffffff;
   TEXT-DECORATION: none;
   
   line-height: 54px;
}

/* ************ */
/* Header */

.headerBG
{
   background-image: url(../images/BG_header.gif);
   background-repeat: repeat-x;   
   height: 61px;
   width: 100%;
   position: relative;
}

.imgLogo
{
   height: 57px;
   width: 137px;
   float: left; 
}

.topNav
{
   position: absolute;
   bottom: 0;
   right: 0;
   padding: 0px 10px 5px 0px;
}

.topNavLinks
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-style: normal;
   color: #ffffff;
   font-weight: bold;
   text-decoration:none;
   vertical-align:bottom;
   float: right;
   margin: 0px 5px 0px 5px;   
}

A.topNavLinks:Hover
{
   color: #ecefee;
   text-decoration: none
}

.headerDiv /* Divider between nav items in the header */
{
   COLOR: #ffffff; 
   FONT-size: 12px;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   TEXT-DECORATION: none;
   float: right;
   margin: 0px 0px 0px 0px;
}

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

.footerBG
{
   background-image: url(../images/BG_footer.jpg);
   background-repeat: repeat-x;	
   height: 22px;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

.footerBGInner
{
   line-height: 22px;
   width: 780px;
   padding: 0px 10px 0px 10px;
}

#footer 
{
    position: absolute;
    bottom: 0;
    clear: both;
}

.footerTxt 
{
   COLOR: #ffffff; 
   FONT-size: 9px; 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   TEXT-DECORATION: none;
   float: left;
}

A.footerLink
{
   COLOR: #ffffff; 
   FONT-size: 12px;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   TEXT-DECORATION: none;
   float: right;
   margin: 0px 5px 0px 5px;
}

A.footerLink:visited
{
	COLOR: #ffffff;
	TEXT-DECORATION: none;	
}

A.footerLink:hover
{
	COLOR: #ffffff;
	TEXT-DECORATION: underline;	
}

a.footerLink:active
{
   COLOR: #ffffff; 
   FONT-size: 12px;
}


.footerDiv /* Divider between nav items in the footer */
{
   COLOR: #ffffff; 
   FONT-size: 12px;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   TEXT-DECORATION: none;
   float: right;
   margin: 0px 0px 0px 0px;
}

/* ************* */
/* Home Page */
.bottomSpacer
{
   height: 20px;
   clear: both;
}

/* ************* */
/* About Page */
.aboutContainer /* Main content division - centered box */
{
   margin: 10px 90px 20px 90px;
}

.aboutDescriptionContainer /* Contains each element of the content (e.g. product line) */
{
   float:left;
   width: 260px;
   padding: 10px 20px 10px 20px;
}

.boxAboutContainerInner
{
   /* min-height: 250px; */
   margin: 20px 0px 20px 0px;
   min-height: 60px;
   text-align: left;
}

.aboutTitle /* Holds the title for the content (e.g. product line) */
{
   height: 2em;
   display:block;
}

.textAbout 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	line-height:13px;
	text-decoration:none;
	
	margin: 5px 0px 5px 0px;
}

/*****************/
/* Product Page */
.logoProduct
{
   float: left;
   margin: 0px 25px 0px 0px;
}

.productPageContainer /* Main content division - centered box */
{
   margin: 100px 0px 20px 0px;
}

.productPageBox /* container for shaded box on product page */
{
   margin-left: auto;
   margin-right: auto;
/*   min-height: 230px; */
   width: 570px;
}

.productPageImage /* Container for image on the product page */
{
   width: 250px;
   height: 230px;
   margin: 0px 15px 0px 15px;
   float: left;
   cursor: pointer;
}

.productPageContent /* Div which contains the content on product pages */
{
   width: 250px;
   min-height: 230px;
   margin: 0px 10px 0px 10px;
   float: left;
   text-align: left;
}

.productPageHeading /* Heading in content container */
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #4D618A;
   TEXT-DECORATION: none;
   
   margin: 0px 0px 10px 0px;
   display:block;
}

p.productPageText /* Text in productPageContent container */
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   color: #000000;
   line-height:12px;
   text-decoration:none;
   overflow: visible;
   
   margin: 0px 0px 10px 0px;   
}

/* Weddingbook */
#FBWeddingbookScreenshot
{
   width: 250px;
   height: 207px;
}

/**************/
/* Press Releases */
h3.pressRelease /* Press Release title */
{
   margin: 20px 0px 5px 0px;
   line-height: 17px;

}

.pressReleaseItalics /* Press Release Summary */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8293BE;
	font-style: italic;
	margin: 10px 0px 10px 0px;
	text-indent: 0px;
}

.pressReleaseContainer /* Main content division - centered box */
{
   margin: 10px 100px 20px 100px;
}

.pressReleaseBody /* Body of the press release */
{
   margin: 10px 0px 20px 0px;
}

p.pressRelease /* Press release paragraphs */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	line-height:14px;
	text-decoration:none;
	
	margin: 5px 0px 10px 0px;
}

/* *********** */
/* Planning Tools */
.contentInteriorPlanningSuite /* Main content on iframed pages */
{
   padding: 5px;
   text-align: left;
   width: 790px;
   min-height: 530px;
}

.containerPlanningSuite
{
   width: 615px;
   height: 520px;
   background: url(../images/BG-Planning-Tool-Iframe.png) no-repeat;
   float: left;
   padding: 0px;
}

.iframePlanningSuite
{
   width: 610px;
   height: 520px;
   padding: 0;
   margin: 0;
}

.containerPlanningSuiteMarketing
{
   padding: 5px;
   width: 165px;
   text-align: left;
   float: right;
}

h3.PlanningSuite /* headline */
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bold;
   color: #4D618A;
   TEXT-DECORATION: none;
   
   margin: 0px 0px 10px 0px;
}

h4.PlanningSuite /* sub-head */
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bold;
   text-align: left;
   color: #4D618A;
   TEXT-DECORATION: none;
   
   margin: 20px 0px 0px 0px;
}

p.PlanningSuiteText /* Text in planning suite pages */
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   color: #000000;
   line-height:12px;
   text-decoration:none;
   overflow: visible;
   
   margin: 0px 0px 10px 0px;
   text-align: left;
}


/* *********** */
/* Images */
#HM-Budget-Logo
{
   height: 130px;
   width: 75px;
   border: none;
}

#HM-Wedsearch-Logo
{
   height: 130px;
   width: 75px;
   border: none;
}

#HM-FB-Weddingbook
{
   height: 130px;
   width: 75px;
   border: none;
}

/* *********** */
/* Rounded Rectangle Contents */
.productBox
{
   margin: 80px 0px 0px 0px;
/*   min-height: 250px; */
}

.boxContentContainerInner
{
   /* min-height: 250px; */
   margin: 20px 0px 20px 0px;
   min-height: 230px;
}

.productContainer
{
   width: 10em;
   height: 230px;
   margin: 0px 10px 0px 10px;
   float: left;
   cursor: pointer;
}

/* overrides smaller margins required for IE6 -- keeps products centered */
html>body .productContainer { margin: 0px 15px 0px 15px; } 

.productHeading
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #4D618A;
   TEXT-DECORATION: none;
   
   height: 2em;
   display:block;
   margin: 0px 0px 10px 0px;
}

A.productHeading:hover 
{
   COLOR: #4D618A;
   TEXT-DECORATION: none;			
}

p.productText 
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   color: #000000;
   line-height:13px;
   text-decoration:none;
   overflow: auto;
   
   margin: 0px 0px 20px 0px;   
}
/* End Rounded Rectangle Contents */

/* ************ */
/* Rounded Rectangle */
/* http://www.roundedcornr.com/rc5.php */
.roundedcornr_box_574308 
{
   background: url(../images/rounded_corners/roundedcornr_574308_tl.png) no-repeat top left;
   margin: 0px 100px 0px 100px;

}
.roundedcornr_top_574308 {
	background: url(../images/rounded_corners/roundedcornr_574308_tr.png) no-repeat top right;
}
.roundedcornr_bottom_574308 {
	background: url(../images/rounded_corners/roundedcornr_574308_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_574308 div {
	background: url(../images/rounded_corners/roundedcornr_574308_br.png) no-repeat bottom right;
}
.roundedcornr_content_574308 {
   background: url(../images/rounded_corners/roundedcornr_574308_r.png) top right repeat-y;
}

.roundedcornr_top_574308 div,.roundedcornr_top_574308, .roundedcornr_bottom_574308 div, .roundedcornr_bottom_574308 
{
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_574308, .roundedcornr_bottom_574308 {
	margin-top: -19px;
}
.roundedcornr_content_574308 { padding: 0 15px; }

/* END ROUNDED Corners */
/**********************/

/********************************/
/* Miscellaneous */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.clearfix{height:1%;}

.datawrap{word-wrap:break-word;}

/* ************************* */
/* IE HACKS */

img, div { behavior: url(iepngfix.htc) } /* IE PNG FIX requires ipengfix.htc and blank.gif */