/* ---------------------------------------------------------------
	wfpCelebrations Style Sheet
	Authored by: 	Bob Duncan, bob.duncan@freepress.mb.ca
	Version:		April 10, 2007
---------------------------------------------------------------- */
	
/* ---------------------------------------------------------------

	Global/Container Styles

---------------------------------------------------------------- */
body { background: #fff url(../images/bg.gif) top left repeat-x; font: 62.5%/18px tahoma, arial, sans-serif; color: #000; text-align: center; }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, img, blockquote, table, tr, td, th { padding: 0; border: 0; margin: 0; text-align: left; }
a { outline: none; }
#master_container { margin: 0 auto; width: 920px; }
#container { margin: 0 auto; width: 760px; float: left; }

/* ---------------------------------------------------------------

	Typography Styles

---------------------------------------------------------------- */
p { padding-bottom: 10px; font-size: 1.25em; line-height: 1.55em; }
h1 { font-size: 0; width: 372px; height: 65px; position: absolute; top: 20px; }
h1 a { color: #fff; width: 372px; height: 65px; display: block; cursor: pointer; }
h1 span { background: url(../images/logo.gif) top left no-repeat; width: 100%; height: 100%; position: absolute; }
h2 { padding: 6px 0 10px 0; font: 2em/2em georgia, times, serif; font-weight: bold; color: #74489c; }
h3, #search_container legend { padding-bottom: 5px; font: 1.35em/19px georgia, times, serif; font-weight: bold; color: #333; }
h3.poll { padding: 10px 0 0 0; }
#featured_celebrations h3 { padding: 0; }
body#contests h3 { font-size: 1.25em; font-weight: normal; color: #74489c; }
#featured_celebrations h3 { padding: 5px 0 0 78px; }

/* ---------------------------------------------------------------

	Link Styles

---------------------------------------------------------------- */
#util_nav a:link, #util_nav a:visited { color: #000; text-decoration: underline; }
#util_nav a:hover { color: #333; text-decoration: none; }
#breadcrumb a:link, #breadcrumb a:visited { color: #666; text-decoration: underline; }
#breadcrumb a:hover { color: #000; text-decoration: none; }

/* ---------------------------------------------------------------

	Accessibility Styles

---------------------------------------------------------------- */
ul#accessibility { display: none; }

/* ---------------------------------------------------------------

	Header Styles

---------------------------------------------------------------- */
#header { background: url(../images/header_wedding.jpg) 270px 0 no-repeat; position: absolute; top: 150px; width: 740px; height: 132px; float: left; }
#header ul#util_nav { text-align: right; font-weight: bold; color: #000; list-style-type: none; width: 100%; position: absolute; top: -25px; }
#header li { display: inline; }
#header li span { padding-left: 5px; }

#header_anniv { background: url(../images/header_anniv.jpg) 270px 0 no-repeat; position: absolute; top: 150px; width: 740px; height: 132px; float: left; }
#header_anniv ul#util_nav { text-align: right; font-weight: bold; color: #000; list-style-type: none; width: 100%; position: absolute; top: -25px; }
#header_anniv li { display: inline; }
#header_anniv li span { padding-left: 5px; }

#header_birthday { background: url(../images/header_birthday.jpg) 270px 0 no-repeat; position: absolute; top: 150px; width: 740px; height: 132px; float: left; }
#header_birthday ul#util_nav { text-align: right; font-weight: bold; color: #000; list-style-type: none; width: 100%; position: absolute; top: -25px; }
#header_birthday li { display: inline; }
#header_birthday li span { padding-left: 5px; }

#header_births { background: url(../images/header_births.jpg) 270px 0 no-repeat; position: absolute; top: 150px; width: 740px; height: 132px; float: left; }
#header_births ul#util_nav { text-align: right; font-weight: bold; color: #000; list-style-type: none; width: 100%; position: absolute; top: -25px; }
#header_births li { display: inline; }
#header_births li span { padding-left: 5px; }

#header_congrats { background: url(../images/header_congrats.jpg) 270px 0 no-repeat; position: absolute; top: 150px; width: 740px; height: 132px; float: left; }
#header_congrats ul#util_nav { text-align: right; font-weight: bold; color: #000; list-style-type: none; width: 100%; position: absolute; top: -25px; }
#header_congrats li { display: inline; }
#header_congrats li span { padding-left: 5px; }

#header_engage { background: url(../images/header_engage.jpg) 270px 0 no-repeat; position: absolute; top: 150px; width: 740px; height: 132px; float: left; }
#header_engage ul#util_nav { text-align: right; font-weight: bold; color: #000; list-style-type: none; width: 100%; position: absolute; top: -25px; }
#header_engage li { display: inline; }
#header_engage li span { padding-left: 5px; }

#header_graduations { background: url(../images/header_graduations.jpg) 270px 0 no-repeat; position: absolute; top: 150px; width: 740px; height: 132px; float: left; }
#header_graduations ul#util_nav { text-align: right; font-weight: bold; color: #000; list-style-type: none; width: 100%; position: absolute; top: -25px; }
#header_graduations li { display: inline; }
#header_graduations li span { padding-left: 5px; }

#header_generations { background: url(../images/header_generations.jpg) 270px 0 no-repeat; position: absolute; top: 150px; width: 740px; height: 132px; float: left; }
#header_generations ul#util_nav { text-align: right; font-weight: bold; color: #000; list-style-type: none; width: 100%; position: absolute; top: -25px; }
#header_generations li { display: inline; }
#header_generations li span { padding-left: 5px; }

#header_retire { background: url(../images/header_retire.jpg) 270px 0 no-repeat; position: absolute; top: 150px; width: 740px; height: 132px; float: left; }
#header_retire ul#util_nav { text-align: right; font-weight: bold; color: #000; list-style-type: none; width: 100%; position: absolute; top: -25px; }
#header_retire li { display: inline; }
#header_retire li span { padding-left: 5px; }

#header_reunion { background: url(../images/header_reunion.jpg) 270px 0 no-repeat; position: absolute; top: 150px; width: 740px; height: 132px; float: left; }
#header_reunion ul#util_nav { text-align: right; font-weight: bold; color: #000; list-style-type: none; width: 100%; position: absolute; top: -25px; }
#header_reunion li { display: inline; }
#header_reunion li span { padding-left: 5px; }

#header_social { background: url(../images/header_social.jpg) 270px 0 no-repeat; position: absolute; top: 150px; width: 740px; height: 132px; float: left; }
#header_social ul#util_nav { text-align: right; font-weight: bold; color: #000; list-style-type: none; width: 100%; position: absolute; top: -25px; }
#header_social li { display: inline; }
#header_social li span { padding-left: 5px; }

#header_thanks { background: url(../images/header_thanks.jpg) 270px 0 no-repeat; position: absolute; top: 150px; width: 740px; height: 132px; float: left; }
#header_thanks ul#util_nav { text-align: right; font-weight: bold; color: #000; list-style-type: none; width: 100%; position: absolute; top: -25px; }
#header_thanks li { display: inline; }
#header_thanks li span { padding-left: 5px; }

#header_wedding { background: url(../images/header_wedding.jpg) 270px 0 no-repeat; position: absolute; top: 150px; width: 740px; height: 132px; float: left; }
#header_wedding ul#util_nav { text-align: right; font-weight: bold; color: #000; list-style-type: none; width: 100%; position: absolute; top: -25px; }
#header_wedding li { display: inline; }
#header_wedding li span { padding-left: 5px; }
/* ---------------------------------------------------------------

	Nav Styles

---------------------------------------------------------------- */
#nav { position: absolute; top: 107px; left: 0; }
#nav li { width: 127px; height: 25px; list-style-type: none; float: left; padding-right: 3px; }
#nav a  { text-decoration: none; text-indent: -9999px; width: 100%; height: 100%; display: block; }

#nav li#find_celeb { background: url(../images/find_celeb_over.gif) top left no-repeat; }
#nav li#find_celeb a { background: url(../images/find_celeb_off.gif) top left no-repeat; }
#nav li#find_celeb a:hover { background: url(../images/find_celeb_over.gif) top left no-repeat; }
#nav li#find_celeb_on { background: url(../images/find_celeb_on.gif) top left no-repeat; }

#nav li#add_celeb { background: url(../images/add_celeb_over.gif) top left no-repeat; }
#nav li#add_celeb a { background: url(../images/add_celeb_off.gif) top left no-repeat; }
#nav li#add_celeb a:hover { background: url(../images/add_celeb_over.gif) top left no-repeat; }
#nav li#add_celeb_on { background: url(../images/add_celeb_on.gif) top left no-repeat; }

#nav li#contests { background: url(../images/contests_over.gif) top left no-repeat; }
#nav li#contests a { background: url(../images/contests_off.gif) top left no-repeat; }
#nav li#contests a:hover { background: url(../images/contests_over.gif) top left no-repeat; }
#nav li#contests_on { background: url(../images/contests_on.gif) top left no-repeat; }

#nav li#account { background: url(../images/account_over.gif) top left no-repeat; }
#nav li#account a { background: url(../images/account_off.gif) top left no-repeat; }
#nav li#account a:hover { background: url(../images/account_over.gif) top left no-repeat; }
#nav li#account_on { background: url(../images/account_on.gif) top left no-repeat; }

#breadcrumb { padding: 0 0 20px 18px; font-weight: bold; font-size: 1.15em; }
#breadcrumb span { color: #74489c; }

#loginstatus { padding-right: 50px; float: right; clear: both; }
#loginstatus p { line-height: 8px; }
#loginstatus img { padding-right: 5px; }


/* ---------------------------------------------------------------

	Content Styles

---------------------------------------------------------------- */
#content { border 1px solid #000; padding-top: 195px; width: 760px; clear: both; }

/* Begin Search Container */
#search_container { width: 255px; float: left; }
#search_top { background: url(../images/search_top.jpg) top left no-repeat; width: 234px; height: 15px; }
#search_middle { background: url(../images/search_middle.jpg) top left repeat-y; width: 234px; }
#search_middle legend { padding: 2px 0 5px 10px; }
#search_submit, #browse_submit { width: 45px; }
#search_bottom { background: url(../images/search_bottom.jpg) top left no-repeat; width: 234px; height: 21px; }

#search_container li { list-style-type: none; float: left; padding-left: 8px;}
#search_container fieldset { border: 0; }
#search_container input#search { width: 150px; }
#search_container li.submit { float: right; padding-right: 10px; }
#search_container li.dateselect select { width: 145px; }
#search_container ol.categories li { padding-top: 2px; width: 95px; float: left; }
#search_container ol.categories li.submit { padding-left: 162px; width: 45px; margin-top: 5px; }
#search_container p { padding: 7px 0; margin: 0 auto; background: url(../images/or.gif) -4px 13px no-repeat; text-indent: -9999px; width: 207px; height: 20px; }

#site_welcome { padding-right: 10px; width: 265px; float: left; }
#sidebar_container { width: 200px; float: left; }
#sidebar_top { background: url(../images/sidebar_top.gif) top left no-repeat; width: 196px; height: 21px; float: left; }
#sidebar_middle { padding: 0 20px; background: url(../images/sidebar_middle.gif) top left repeat-y; float: left; }
#sidebar_middle form { padding-top: 5px; margin: 0; float: left; width: 150px; }
#sidebar_middle legend { color:#000; padding: 0; margin: 0; }
legend#poll_legend span { width: 175px; display: block; }
#sidebar_bottom { background: url(../images/sidebar_bottom.gif) top left no-repeat; width: 196px; height: 19px; float: left; }
#sidebar_middle ol.categories li { width: 150px; }

#sidebar_container li { list-style-type: none; float: left; }
#sidebar_container fieldset { margin: 0; padding: 0; border: 0; }
#sidebar_container li.submit { padding-top: 8px; width: 95px; float: left; }
#sidebar_container li.view_results { padding-top: 10px; width: 100%; float: right; }

#feature_and_bigbox { margin-top: 20px; padding-top: 20px; width: 740px; border-top: 1px solid #ccc; float: left; }
#feature { width: 420px; float: left; padding: 5px 0 0 10px; }
#feature img { margin: -15px 5px 0 0; border: 1px solid #8560a9; width: 100px; float: left; }
#feature li { padding: 10px 0; list-style-type: none; width: 205px; float: left; }


#bigbox_ad { padding: 25px 0 185px 0; }
#list_big_box { padding-right: 40px; width: 465px; float: right; }
#list_big_box #bigbox_ad { padding-top: 20px; float: none; }
#list_big_box img { border: 1px solid #8560a9; }
#list_big_box img#enhanced { border: 0; }
#list_big_box img#img_celeb { margin: 0 20px 10px 0; float: left; clear: both; }

#list_content dl { margin-bottom: 70px; }

#celeb_details { float: left; }
#celeb_details div#image_nav { width: 187px; float: left; clear: both; }
#celeb_details div#nextphoto { padding-right: 20px; background:url(/images/arrow-right-big.gif) top right no-repeat; height: 16px; float: right; }
#celeb_details div#previousphoto { padding-left: 20px; background:url(/images/arrow-left-big.gif) top left no-repeat; height: 16px; float: left; }

ol#giftlist { float:left; clear: both; }
ol#giftlist li { margin: 5px; padding: 0; width: 200px; height: 56px; border: 1px solid #000; list-style-type: none; float: left; }
ol#giftlist a  { padding: 0; text-decoration: none; text-indent: -9999px; width: 200px; height: 56px; display: block; }
ol#giftlist a:hover { padding: 0; width: 190px; height: 46px; border: 5px solid #73489c; display: block; }
ol#giftlist li#hbc { background:url(/images/hbc.gif) top left no-repeat; }
ol#giftlist li#ctire { background:url(/images/canadiantire_logo.gif) top left no-repeat; }
ol#giftlist li#sears { background:url(/images/sears_logo.gif) top left no-repeat; }
ol#giftlist li#linens { background:url(/images/linen.gif) top left no-repeat; }
ol#giftlist li#pier1 { background:url(/images/pier1.gif) top left no-repeat; }

dt { font: 1.5em georgia, times, serif; font-weight: bold; color: #74489c; }

table { margin: 2px 0 20px 0; border-collapse: collapse; width: 100%; }
table thead { background: #8560a9; color: #fff; }
table th, table td { padding: 5px; }
table tbody tr { background: #ede7f2; }
table tbody tr.alt { background: #fff; }
table tbody tr.highlight { background: #f5f5f4; }

body#find p.laminate { margin: 5px 0 0 207px; padding-left: 30px; background:url(/images/laminate.gif) top left no-repeat; height: 22px; }
body#find p.guestbook { margin: 5px 0 0 207px; padding-left: 30px; background:url(/images/bookSM.gif) top left no-repeat; height: 22px; }
body#find p.giftregistry { margin-left: 207px; padding-left: 30px; background:url(/images/giftSM.gif) top left no-repeat; height: 22px; }
body#find h4.guestbook { margin-top: 10px; padding-left: 40px; background:url(/images/book2.gif) top left no-repeat; height: 32px; font: 2em/2em georgia, times, serif; font-weight: bold; color: #74489c; }
body#find h4.giftregistry { margin-top: 10px; padding-left: 40px; background:url(/images/gift2.gif) top left no-repeat; height: 32px; font: 2em/2em georgia, times, serif; font-weight: bold; color: #74489c; }
body#find #bigbox_ad { padding-top: 0; }

body#privacy p { padding-bottom: 15px; }
body#contests dl { padding-bottom: 15px; float: left; }
body#contests dt { padding-bottom: 5px; font: 1.5em georgia, times, serif; font-weight: bold; color: #74489c; }
body#contests dd { padding: 5px; margin-bottom: 15px; background: #ede7f2; color: #333; float: left; }
body#contests dd div { padding: 5px 10px 5px 5px; width: 160px; height: 60px; float: left; }
body#contests p.enter { text-align: right; }
#bigbox_ad { clear: both; }

#list_big_box p.submitting { padding-top: 20px; }
#list_big_box h6 { padding-top: 10px; font: 1.5em georgia, times, serif; font-weight: bold; color: #74489c; }
#list_big_box fieldset { padding: 15px; border: 1px solid #ccc; margin-bottom: 20px; }
#list_big_box legend { font: 1.50em/19px helvetica, arial, sans-serif; font-weight: bold; color: #999; color: #74489c; }
#list_big_box legend span { font-weight: normal; color: #999; }
#list_big_box li { padding: 10px; list-style-type: none; }
#list_big_box label { padding-bottom: 5px; font-size: 1.25em; font-weight: bold; color: #666; width: 125px; float: left; }
#list_big_box input#submit { font: 1.25em/19px helvetica, arial, sans-serif; font-weight: bold; color: #333; width: 150px; height: 30px; }

#list_big_box div#enhanced_box { margin: 0 0 0 150px; padding-left: 5px; width: 255px; }
#list_big_box div#enhanced_box div#enhanced_box_top { padding-left: 15px; background:url(../images/enhanced_top.gif) top left no-repeat; width: 240px; height: 38px; }
#list_big_box div#enhanced_box div#enhanced_box_middle { padding: 0 15px 30px 15px; background:url(../images/enhanced_mid.gif) top left repeat-y; width: 225px; }
#list_big_box div#enhanced_box div#enhanced_box_middle dl { margin: 0 0 0 15px; width: 200px; }
#list_big_box div#enhanced_box div#enhanced_box_middle ul { margin-left: 15px; padding-top: 8px; }
#list_big_box div#enhanced_box div#enhanced_box_middle li { padding: 6px 0 0 0; list-style-type: disc; font: 12px/14px arial, sans-serif; }
#list_big_box div#enhanced_box div#enhanced_box_middle p.enhance_price { padding: 10px 0 0 30px; background:url(../images/enhanced_star.gif) 10px 12px no-repeat; font: 16px/18px arial, sans-serif; font-weight: bold; }
#list_big_box div#enhanced_box div#enhanced_box_bottom { background:url(../images/enhanced_bottom.gif) top left no-repeat; width: 255px; height: 20px; }

#list_big_box .approve { border-style: none; border-width: 0px; }

.error { color: #FF0000; }

/* ---------------------------------------------------------------

	Ad Styles

---------------------------------------------------------------- */
div#top_ads { padding-top: 20px; margin: 0 auto; width: 972px; }
div#leaderboard_ad { width: 728px; height: 90px; float: left;}
div#earlug_ad { padding: 15px 0 0 10px; width: 234px; height: 60px; float: left;}
div#skyscraper_ad { padding-top: 200px; width: 160px; height: 600px; float: left; }
div#bigbox_ad { margin-top: 10px; padding-right: 10px; width: 300px; height: 250px; float: left; }

/* ---------------------------------------------------------------

	Footer Styles

---------------------------------------------------------------- */
#footer { padding: 0; width: 100%; float: left; }
#footer p { text-align: center; }