@charset "utf-8";
@import "thickbox.css";
@import "global.css";

/*******************************************************************************
*  theme.css : 24.07.2006
* -----------------------------------------------------------------------------
*  Set the main website themed elements
*******************************************************************************/

/* CORE LAYOUT */

/* Craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts are set in Theme.css.
 * When defining a border, default its color to white which is probably
 * the safest thing to do.
 */
body
{
	margin:0 2% 20px 2%;	/* margin instead of padding for the gutterspace around 
	 			   the layout because IE breaks the layout when 
	 			   horizontal padding is applied to the body element.
	 			   % over pixels for that horizontal gutterspace so that
	 			   it automatically goes below 20px on low-res browsers
	 			   to create more space for the content. */
}
#pageWrapper
{
	border-width:0 1px;
	width:850px;
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
}
* html #pageWrapper
{
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: none;
	border-right: none;
}
#innerColumnContainer
{
	border: solid 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#header
{
	padding: 0.5em 0;
}
#middleColumn
{
	float: right;
	margin: 0;
	width: 100%;
	z-index: 5;
}
#leftColumn, #rightColumn
{
	display:none;
}
#footer
{
	padding-top:15px;
	text-align:center;
}
#footer div
{
	padding-bottom:8px;
}

p.fontsize-set
{
	text-align: center;
}
p.fontsize-set img
{
	border-width: 0;
}

#pageWrapper
{
	font-size: 80%;	/* set your default font size here. */
}
body
{
	color: #525252;
	font-family: arial, helvetica, sans-serif;
}
a, a:link, a:visited, a:active
{
	text-decoration: underline;
	color: #0084EF;
}
a:hover, a:focus
{
	text-decoration: underline;
	color: #8C8C8C;
}
hr
{
	border-top: 1px solid #EA73B1; /* Set standard hr colour - use border for browser consistency */
}
h1, h3
{
	color:#2E334B;
	padding:0;
	margin:0;
}
h2, h4
{
	color:#1167A2;
	padding:0;
	margin:0;
}
h5
{
	color:#2E334B;
	padding:0;
	margin:0;
}
h6
{
	color:#2E334B;
	padding:0;
	margin:0;
}
legend
{
	color:#1167A2;
}
/* everything below this point is related to the page's "theme" */

#heading
{
	margin-top:10px;
}
#heading h1
{
	background:transparent url(../Images/Logo.gif) no-repeat top left; 
	width:500px; 
	height:70px;
	margin-bottom:5px;
	float:left;
	text-indent: -100em; 
	overflow: hidden 
}
#heading h1 span 
{
	display:none
}
#heading h1 a 
{ 
	display: block; 
	height: 80px 
}
#heading h2
{
	background:transparent url(../Images/TagLine.gif) no-repeat top right; 
	width:85px; 
	height:70px; 
	float:right;	
}
#heading h2 span 
{
	display:none
}
#Summary
{
	background:transparent url(../Images/BannerImage.jpg) repeat-x top left;
	height:123px;
	clear:both;
}
#Summary span
{
	display:none
}

/* Horizontal Navigation Styling */
.hnav
{
	width:853px;
}
.hnav, .hnav ul li a
{
	margin-top:5px;
	padding-top: 6px;
	padding-bottom: 5px;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;
	font-weight:bold;
	white-space: nowrap;
	font-size:125%;
}
.hnav ul li a.first
{
	padding-left: 15px;
	padding-right: 14px;	
}

.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
}
.hnav ul li span.divider
{
	display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}
.hnav ul li a:link, .hnav ul li a:visited
{
	background-color:#ABD0F9;
	color:#0B4787;
}
.hnav ul li a:hover
{
	background-color:#0B4787;
	color:#fff;
	
}
/* End Horizontal Navigation Styling */

/* Homepage */

.body
{
	padding:3px 10px;
}
.header
{
	color:#fff;
	padding:3px 10px 2px 10px;
	font-weight:bold;
	font-size:125%;
}
.header a
{
	color:#fff;
	font-size:95%;
	font-weight:normal;
}
.header a:link, .header a:visited, .header a:hover, .header a:active, .header a:focus
{
	color:#fff;
}
#themes
{
	float:left;
	width:635px;
	margin-bottom:5px;
}
#themes .inside
{
	margin-right:5px;
}
#themes .header
{
	background:#ABD0F9;
}
#themes .body
{
	background:#FFF;
	border:solid 1px #ABD0F9;
	color:#0C163F;
	min-height:145px;
	padding:8px 0 3px 10px;
}
*html #themes .body
{
	height:145px;
}
#testimonials
{
	float:right;
	background:#aaa;
	width:215px;
	margin-bottom:5px;
	margin-top:-87px;
}
*html #testimonials
{
	margin-top:-78px;
}
#testimonials .header
{
	background:#ABD0F9;
}
#testimonials .body
{
	background:#FFF;
	border:solid 1px #ABD0F9;
	color:#0C163F;
	min-height:237px;
}
*html #testimonials .body
{
	height:228px;
	padding-top:3px;
}
#testimonials p
{
	padding:6px 0;
	color:#78A3C1;
	font-style:italic;
}
#testimonials .alternate
{
	color:#0B4787;
}
#container
{
	float:left;
	clear:left;
	width:635px;
	margin-bottom:5px;
}
#container .inside
{
	margin-right:5px;
}
#search
{
	float:right;
	clear:right;
	text-align:left;
	width:215px;
	margin-bottom:5px;
}
*html #search
{
	margin-left:-4px;
}
#search .header
{
	background:#ABD0F9;
}
#search .body
{
	background:#ECF5FF;
	border:solid 1px #ABD0F9;
	color:#0C163F;
	font-size:115%;
	min-height:110px;
}
*html #search .body
{
	height:110px;
}
#search .searchbody
{
	font-size:85%;
	padding:5px 0 3px 0;
	color:#36506C;
}
#search .body label
{
	font-weight:bold;
	font-size:90%;
}
#search .width
{
	width:100%;
}
#signup
{
	float:left;
	clear:left;
	width:345px;
}
#signup .inside
{
	margin-right:5px;
}
#signup .header
{
	background:#ABD0F9;
}
#signup .body
{
	background:#FFF url(../Images/homeBG1.jpg) no-repeat 0 30px;
	border:solid 1px #ABD0F9;
	color:#0E325A;
	min-height:200px;
}
*html #signup .body
{
	height:200px;
}
#signup .welcome
{
	padding:10px 0 10px 95px;
	color:#497DB5;
}
#features
{
	float:right;
	clear:right;
	Width:290px;
}
#features .header
{
	background:#ABD0F9;
}
#features .body
{
	background:#FFF url(../Images/homeBG2.jpg) no-repeat right -65px;
	border:solid 1px #ABD0F9;
	color:#0C163F;
	min-height:100px;
}
*html #features .body
{
	height:100px;
}
#features .body a
{
	text-decoration:none;
}
#features .body a:link, #features .body a:visited
{
	color:#476D99;
}
#features .body a:hover, #features .body a:active, #features .body a:focus
{
	color:#22476F;
	text-decoration:underline;
}
.themeContainer
{
	text-align:center;
}
#features ul
{
	float:left;
	padding:0;
	margin:5px 0 8px 0;
	padding-left:27px;
}
#features li
{
	list-style-image:url(../Images/HP_Bullet.gif);
	font-size:115%;
	font-weight:bold;
	line-height:90%;
}
*html #features ul
{
	padding-left:18px;
}
*html #features li
{
	line-height:120%;
	padding-left:8px;
}
#magazine
{
	float:right;
	clear:right;
	Width:290px;
	margin-top:5px;
}
#magazine .header
{
	background:#ABD0F9;
}
#magazine .body
{
	border:solid 1px #ABD0F9;
	color:#0C163F;
	font-size:110%;
	line-height:120%;
	min-height:62px;
}
*html #magazine .body
{
	height:62px;
}
#magazine .body a
{
	text-decoration:none;
}
#magazine .body a:link, #magazine .body a:visited
{
	color:#476D99;
	text-decoration:underline;
	font-weight:bold;
}
#magazine .body a:hover, #magazine .body a:active, #magazine .body a:focus
{
	color:#22476F;
	text-decoration:none;
}

/* End Homepage */

/* Sample Themes */

#PickTheme
{
	color:#25609E;
}
.pickthemeContainer
{
	text-align:center;
	float:left;
	display:block;
	width:270px;
	height:255px;
	overflow:hidden;
	margin:0 5px 10px 5px;
	background:url(../Images/PickThemeContainer.gif) no-repeat;
}
.pickthemeContainerInside
{
	padding:10px;
}
.pickthemeKeywords
{
	font-size:180%;
	line-height:85%;
	padding-top:5px;
}
.pickthemeKeywords a
{
	vertical-align:baseline;	
}
#paging
{
	text-align:center;
	clear:both;
}
#paging a
{
	text-decoration:none;
}
.pagingSelected
{
	font-weight:bold;
	padding:3px 4px;
	border:solid 1px #000;
}
.showthemesby
{
	border:solid 1px #EFECE0;
	background:#FFFCEF;
	margin-bottom:5px;
	padding:10px;
	width:828px;
}
.showthemesby h5
{
	font-size:130%;
}
.themeOccasions
{
	font-size:130%;
}

/* End Sample Themes */

/* Articles */

#layout1
{
	background:url(../Images/background.gif) no-repeat; padding:15px 120px;
}
#layout1 .content
{
	text-align:left;
	background:#FBFCFD; 
	border:solid 5px #618CB9;
}
#layout1 .inside
{
	padding:10px;
}
#layout1 h3
{
	text-align:center;
	margin-bottom:5px;
	color:#517DAB;
	font-size:160%;
}
#layout1 h4
{
	text-align:center;
	margin-bottom:5px;
	color:#305882;
	font-size:120%;
}

#layout2
{
	background:url(../Images/background.gif) no-repeat; padding:15px 120px;
	float:left;
}
#layout2 .content
{
	text-align:left;
	background:#FBFCFD; 
	border:solid 5px #618CB9;
}
#layout2 .inside
{
	padding:10px;
}
#layout2 h3
{
	text-align:center;
	margin-bottom:5px;
	color:#517DAB;
	font-size:160%;
}
#layout2 h4
{
	text-align:center;
	margin-bottom:5px;
	color:#305882;
	font-size:120%;
}
#layout2 img
{
	float:right;
	padding:0 0 10px 10px;
}

#layout3
{
	background:#000 url(../Images/background.gif) no-repeat top left; 
}

/* End Articles */

/* Article Filter */

#articleFilter
{
	background:url(../Images/background.gif) no-repeat;
}
#articleFilter .article
{
	display:block;
	float:left;
	width:380px;
	margin:10px 15px;
	border:solid 5px #618CB9;
	background:#fff;
}
*html #articleFilter .article
{
	width:370px;
}
#articleFilter .picture
{
	float:left;
	padding:10px 5px 5px 10px;
}
#articleFilter .content
{
	padding:10px;
	font-size:80%;
}
#articleFilter .content a
{
	text-decoration:none;
}
#articleFilter h5
{
	color:#517DAB;
	font-size:120%;
}
#articleFilter h5 a:link, #articleFilter h5 a:active, #articleFilter h5 a:visited
{
	color:#517DAB;
}

/* End Article Filter */

/* Contact Us */

#ContactUs
{
	background:url(../Images/background.gif) no-repeat left top;
}
#ContactUs
{
	width:520px;
	padding:20px 160px; 
}
#ContactUs p
{
	font-size:120%;
	padding:0 0 10px 0;
}

/* End Contact Us */

/* Magazine Sections */

#MagazineSections
{
	background:url(../Images/background.gif) no-repeat;
}
#MagazineSections h3
{
	color:#0B4787;
	float:left;
	margin:10px 0 10px 0;
}
#MagazineSections ul
{
	padding:0;
	margin:0;
}
#MagazineSections li
{
	list-style:none;
}
#MagazineSections h4 a
{
	color:#fff;
	text-decoration:none;
}
#boxout
{
	float:right;
	width:220px;
	font-size:80%;
	background:url(../Images/HE_BoxoutTop.gif) no-repeat top left;
	margin-top:15px;
}
#boxout .inside
{
	padding:8px;
	background:url(../Images/HE_BoxoutBottom.gif) no-repeat bottom left;
}
#boxout h5
{
	color:#5784B7;
}
.vnav
{
	font-size:130%;
	clear:left;
}
.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav ul li, .vnav ul li a
{
	margin: 0;
	display: block;
	padding: 0;
	line-height: normal;
}
.vnav ul li a
{
	display: block;
	padding: 4px 5px 3px 5px;
	width:300px;
	margin-top:8px;
}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{
	text-decoration: none;
	cursor: pointer;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}
* html .vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
.vnav ul li a:link, .vnav ul li a:visited
{
	background-color:#B0C6DC;
	color:#fff;
	font-weight:bold;
}
.vnav ul li a:hover
{
	background-color:#5C85B1;
	color:#fff;
}

/* End Magazine Sections */

/* Sample Themes */

#SampleThemes
{
	color:#25609E;
}
.themeContainer
{
	text-align:center;
	float:left;
	display:block;
	width:270px;
	height:227px;
	overflow:hidden;
	margin:0 5px 10px 5px;
	background:url(../Images/SampleThemeContainer.gif) no-repeat;
}
.themeContainerInside
{
	padding:10px;
}
.themeKeywords
{
	font-size:180%;
	line-height:85%;
	padding-top:5px;
}
.themeKeywords a
{
	vertical-align:baseline;	
}
#paging
{
	text-align:center;
	clear:both;
}
#paging a
{
	text-decoration:none;
}
.pagingSelected
{
	font-weight:bold;
	padding:3px 4px;
	border:solid 1px #000;
}
.showthemesby
{
	border:solid 1px #EFECE0;
	background:#FFFCEF;
	margin-bottom:5px;
	padding:10px;
}
.showthemesby h5
{
	font-size:130%;
}
.themeOccasions
{
	font-size:130%;
}
#themeOccasions
{
	float:left;
	width:49.5%;
}
#themeTags
{
	float:right;
	width:49.5%;
}

/* End Sample Themes */

/* Search Results */

#SearchResults h4 a:link, #SearchResults h4 a:visited
{
	color:#0B4787
}

/* End Search Results */

/* Find a Gift List */

#FindGiftList
{
	background:url(../Images/background.gif) no-repeat left top;
	width:850px;
	min-height:460px;
}
*html #FindGiftList
{
	height:460px;
}
#FindGiftList .container
{
	margin:0 150px;
	width:548px;
	border:solid 1px #0B4787;
	padding:10px 10px 20px;
	background:#fff url(../Images/ThePerfectGift.jpg) no-repeat 95% 90%;
}
#FindGiftList .leftbox
{
	font-size:130%;
	float:left;
	width:90px;
	padding-top:7px;
}
#FindGiftList .search
{
	width:258px;
	float:right;
	text-align:center;
	padding-right:200px;
}
#FindGiftList h3
{
	padding-bottom:5px;
}
#FindGiftList h4
{
	padding-bottom:10px;
}
#FindGiftList p
{
	font-size:110%;
	padding-bottom:10px;
}
#FindGiftList .bigtextbox
{
	font-size:22px;
	padding:2px 5px;
}

/* End Find a Gift List */

/* Sample Websites */

#SampleWebsites
{
	color:#25609E;
}
#SampleWebsites .samplesiteContainer
{
	text-align:center;
	float:left;
	display:block;
	width:270px;
	height:240px;
	overflow:hidden;
	margin:0 5px 10px 5px;
	background:url(../Images/SampleSiteContainer.gif) no-repeat;
	font-size:110%;
}
#SampleWebsites .samplesiteContainerInside
{
	padding:10px;
}
#SampleWebsites .samplesiteContainerInside h4
{
	padding-bottom:5px;
	padding-top:3px;
	font-size:130%;
}
#SampleWebsites .samplesiteContainerInside img
{
	margin-top:4px;
	margin-bottom:2px;
	border:solid 1px #AFAFAF;
}
#SampleWebsites p
{
	font-size:115%;
	padding-top:5px;
}
#SampleWebsites a:link, #SampleWebsites a:visited
{
	text-decoration:none;
	color:#25609E;
}
#SampleWebsites a:hover, #SampleWebsites a:focus, #SampleWebsites a:active
{
	text-decoration:underline;
}

/* End SampleSites */

/* End Regulatr Search Results */

#SearchResults
{
	color:#25609E;
}
#SearchResults img
{
	border:solid 1px #C0C0C0;
}
#SearchResults .themeContainer
{
	text-align:center;
	float:left;
	display:block;
	width:270px;
	height:227px;
	overflow:hidden;
	margin:0 5px 10px 5px;
	background:url(../Images/SampleThemeContainer.gif) no-repeat;
}
#SearchResults .themeContainerInside
{
	padding:10px;
}
#SearchResults .themeContainerInside h4
{
	height:40px;
	font-size:120%;
}

/* End SearchResults */

/* Find a List Search Results */

#SearchResults_Registries
{
	color:#25609E;
}
#SearchResults_Registries img
{
	border:solid 1px #C0C0C0;
}
#SearchResults_Registries .themeContainer
{
	text-align:center;
	float:left;
	display:block;
	width:270px;
	height:227px;
	overflow:hidden;
	margin:0 5px 10px 5px;
	background:url(../Images/SampleThemeContainer.gif) no-repeat;
}
#SearchResults_Registries .themeContainerInside
{
	padding:10px;
}
#SearchResults_Registries .themeContainerInside h4
{
	height:40px;
	font-size:120%;
}

/* End SearchResults_Registries */



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

@import url("print.css") print;