/***********************/
/***** global **********/
/***********************/
body {
  margin:0;
  padding:0;
  background-color:#fff;
  text-align:center;
}
form {
  margin:0;
  padding:0;
}
div, td {
  font-family:verdana,sans-serif;
  font-size:12px;
  line-height:18px;
  color:#000;
  box-sizing:border-box;
}
a, a:link, a:active {
  color:#369;
  text-decoration:underline;
  font-weight:bold;
}
a:visited {
  color:#369;
}
a:hover {
  text-decoration:none;
}

/***********************/
/***** containers ******/
/***********************/
#floater {
  width:762px;
  margin:0 auto;
  text-align:left;
}
#master {
  float:left;
  width:762px;
}

/***********************/
/*****  header    ******/
/***********************/
#header {
  width:762px;
  margin:0;
  padding:0;
  float:left;
  background-color:#fff;
}
#logo-bg {
  background:#336699 url(/images/bg_header.gif);
  width:762px;
	height:89px;
  margin:0;
  padding:0;
  float:left;
}
#logo-link {
  margin-top:25px;
  margin-left:20px;
}
#ek-banner {
  margin-top:20px;
	float:right;
	padding-right:20px;
}
#header-right {
  float:right;
	width:400px;
}
#header-left {
  float:left;
	width:320px;
}

/***********************/
/*****    menus  *******/
/***********************/
#auxnav-container {
  clear:right;
	float:right;
	padding-top:6px;
	width:247px;
}
#auxnav-pad{
  padding-right:25px;
}
#nav-container {
  width:762px;
  float:left;
  margin:0;
  padding:0px;
}
#nav-top {
  float:left;
  width:762px;
}
.rollover a {
  display:block;
}
.rollover a:hover img {
  visibility:hidden;
}
.nav, .auxnav{
  float:left;
  margin:0px;
  padding:0px;
  list-style:none;
  z-index:20;
  line-height:1px;
}
.nav li, .auxnav li {
  float:left;
  top:0;
  margin:0;
  padding:0;
}

/* Nav */
#wedding    { width:133px; height:42px; background:url(/images/nav_wedding_a.gif) transparent 0 0 no-repeat; }
#baby       { width:124px; height:42px; background:url(/images/nav_baby_a.gif) transparent 0 0 no-repeat; }
#holiday    { width:124px; height:42px; background:url(/images/nav_holiday_a.gif) transparent 0 0 no-repeat; }
#everyday   { width:124px; height:42px; background:url(/images/nav_everyday_a.gif) transparent 0 0 no-repeat; }
#graduation { width:124px; height:42px; background:url(/images/nav_graduation_a.gif) transparent 0 0 no-repeat; }
#business   { width:133px; height:42px; background:url(/images/nav_business_a.gif) transparent 0 0 no-repeat;}

#wedding .on, #wedding a:hover      { width:133px; height:42px; background:url(/images/nav_wedding_b.gif) transparent 0 0 no-repeat; }
#baby.on, #baby a:hover             { width:124px; height:42px; background:url(/images/nav_baby_b.gif) transparent 0 0 no-repeat; }
#holiday.on, #holiday a:hover       { width:124px; height:42px; background:url(/images/nav_holiday_b.gif) transparent 0 0 no-repeat; }
#everyday.on, #everyday a:hover     { width:124px; height:42px; background:url(/images/nav_everyday_b.gif) transparent 0 0 no-repeat; }
#graduation.on, #graduation a:hover { width:124px; height:42px; background:url(/images/nav_graduation_b.gif) transparent 0 0 no-repeat; }
#business.on, #business a:hover     { width:133px; height:42px; background:url(/images/nav_business_b.gif) transparent 0 0 no-repeat; }

/* Auxnav */
#helpful_hints   { width:71px; height:12px; background:url(/images/auxnav_helpful_hints_a.gif) transparent 0 0 no-repeat; }
#projects        { width:42px; height:12px; background:url(/images/auxnav_projects_a.gif) transparent 0 0 no-repeat; }
#saved_projects  { width:98px; height:12px; background:url(/images/auxnav_saved_project_a.gif) transparent 0 0 no-repeat; }

#helpful_hints .on, #helpful_hints a:hover     { width:71px; height:12px; background:url(/images/auxnav_helpful_hints_b.gif) transparent 0 0 no-repeat; }
#projects.on, #projects a:hover                { width:42px; height:12px; background:url(/images/auxnav_projects_b.gif) transparent 0 0 no-repeat; }
#saved_projects.on, #saved_projects a:hover    { width:98px; height:12px; background:url(/images/auxnav_saved_project_b.gif) transparent 0 0 no-repeat; }
.dot                                           { width:17px; height:12px;}

/***********************/
/*****   search  *****/
/***********************/
#search-container {
  width:762px;
	height:78px;
	margin:0;
  padding:0;
  float:left;
	background:#336699 url(/images/bg_search.gif) no-repeat;
}
#search-pad {
  padding-top:14px;
}
.search-input {
  float:left;
	padding-left:2px;
}
.search-input .search {
  width:160px;
	margin:0;
  padding:0;
}
.search-input .search-field {
  width:135px;
	margin:0;
  padding:0;
}
.search-styles {
  padding-top:3px;
  padding-bottom:3px;
}
#search-type {
  float:left;
  padding-left:41px;
}
#search-collection {
  float:left;
  padding-left:50px;
}
#search-number {
  float:left;
  padding-left:50px;
}
.search-button {
	vertical-align:-3px;
}
#prod-num-tip a {
  font-size:10px;
	line-height:12px;
  color:#c4e0ed;
	text-decoration:underline;
	font-weight:normal;
}
#prod-num-tip a:hover {
	text-decoration:none;
}

/***********************/
/*****   text  *****/
/***********************/
.title-main {
  font-family:times new roman,serif;
  font-size:20px;
  line-height:23px;
  color:#369;
	font-weight:bold;
	padding-bottom:0px;
	float:left;
}
.title-main a {
  font-size:12px;
	font-family:verdana,sans-serif;
}
.title-links {
  float:right;
	padding-top:5px;
}
.title-links a {
  font-size:10px;
	font-family:verdana,sans-serif;
}
.intro-text {
  padding:0 0 25px 0;
}
.subtitle {
	font-family:times new roman,serif;
  font-size:18px;
  line-height:26px;
  color:#000;
	font-weight:bold;
}
.sub-subtitle {
	font-family:times new roman,serif;
  font-size:18px;
  line-height:26px;
  color:#369;
	font-weight:bold;
}
.sub-subtitle2 {
	font-family:verdana,sans-serif;
  font-size:14px;
  line-height:26px;
  color:#369;
	font-weight:bold;
}
.bullets {
  float:left;
  margin:0px;
  padding:0px;
	padding-bottom:15px;
  list-style:none;
  z-index:20;
  line-height:1px;
}
.bullets li {
  top:0;
  margin:0;
  padding:0;
	color:#000;
	font-size:11px;
  line-height:18px;
	background:url(/images/arrow_right.gif)  no-repeat;
  background-position: 0px 4px;
	display:block;
  margin:0px 0px;
	padding-left:11px;
}
/***********************/
/**  level 2       *****/
/***********************/
#content-top {
  width:762px;
  float:left;
}
#content {
  width:762px;
  float:left;
  background:url(/images/bg_content.gif) repeat-y;
}
#content-pad {
  padding:19px 33px 19px 33px;
}
#content-bottom {
  width:762px;
  float:left;
}

/*********************/
/**  boxes       *****/
/*********************/
.thumb-box {
  width:179px;
	float:left;
	padding-bottom:2px;
}
.thumb-box .top {
  width:159px;
	float:left;
}
.thumb-box .bg {
  width:159px;
	height:104px;
	float:left;
	background:url(/images/img_box_bgspan.gif);
}
.thumb-box .footer {
  width:159px;
	height:45px;
	float:left;
	background:url(/images/img_box_bottom.gif);
	text-align:center;
}
.thumb-box .boxtext {
	padding:5px 15px 0px 15px;
	color:#3c648a;
	font-weight:bold;
	line-height:15px;
	font-size:10px;
}
.thumb-box .boxtext a {
	color:#3c648a;
  text-decoration:underline;
  font-weight:bold;
	line-height:15px;
}
.thumb-box .boxtext a:hover {
  text-decoration:none
}

/***********************/
/*****   footer  *****/
/***********************/
#footer {
  width:762px;
  float:left;
  background:url(/images/bg_footer.gif) no-repeat;
  height:47px;
  padding:0px;
	margin:0px;
}
#footer-pad {
  float:left;
	padding-top:16px;
  padding-left:34px;
}
#footer-text  {
  float:left;
  color:#336699;
	font-size:10px;
	font-family:verdana;
	font-weight:bold;
	line-height:10px;
}
#footer-image {
  padding-left:8px;
	vertical-align:-2px;
}
#footer-spacer {
  clear:both;
  margin-bottom:35px;
}

/****************/
/***** misc *****/
/****************/
.caption {
  font-size:10px;
}

/************************/
/***** message area *****/
/************************/
#message-area {
  margin:0 0 15px 0;
  padding:10px 10px 10px 32px;
  background:#eee;
  border:1px solid #ddd;
}
#message-area a {
  text-decoration:underline;
}
#message-area a:hover {
  text-decoration:none;
}
#message-area .close {
  padding:5px 0 0 0;
	font-size:10px;
  text-align:left;
}
#message-area li.error a {
  color:#c00;
}
.message-area-success {
  background:#eee url(/images/icon_success.gif) 12px 14px no-repeat !important;
}
.message-area-error {
  background:#eee url(/images/icon_error.gif) 10px 12px no-repeat !important;
}

/*****************/
/***** lists *****/
/*****************/
ul.icons {
  list-style:none;
  margin:0;
  padding:0;
}
ul.icons li {
  padding:0;
  margin:.5em 0;
}
ul.icons li a {
  padding:3px 0 3px 20px;
  margin:0;
}
ul.icons li.pdf a   { background:url(/images/icon_pdf.gif)   0 50% no-repeat; }
ul.icons li.doc a   { background:url(/images/icon_doc.gif)   0 50% no-repeat; }
ul.icons li.ppt a   { background:url(/images/icon_ppt.gif)   0 50% no-repeat; }
ul.icons li.xls a   { background:url(/images/icon_xls.gif)   0 50% no-repeat; }
ul.icons li.txt a   { background:url(/images/icon_txt.gif)   0 50% no-repeat; }
ul.icons li.jpg a   { background:url(/images/icon_jpg.gif)   0 50% no-repeat; }
ul.icons li.gif a   { background:url(/images/icon_gif.gif)   0 50% no-repeat; }
ul.icons li.email a { background:url(/images/icon_email.gif) 0 50% no-repeat; }