/*

yourlistonline.com | default stylesheet

author: richard medek
last revised: 11.1.06
copyright: Aphion, Inc.

*/



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

contents:

May settle after shipping.

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




/* ------------------------------------------------------------
	global styles
------------------------------------------------------------ */

*	{
	margin: 0;
	padding: 0;
}

body	{
	font: 75%/1.5 helvetica, arial, sans-serif;
}

a img	{
	border: none;
}

/* accessibility */
#header p.slogan, #site_nav	{
	position: absolute;
	left: -9999px;
	top: -9999px;
}

/* image replacement */
#header h1,
#main_nav li span,
.text_replace,
#home #new_users h2,
#home #new_users label,
#home #bullets,
#home #existing_users h3,
#home #find_lists h3,
#home #find_lists label	{
	text-indent: -9999px;
	overflow: hidden;
}

#header h1 a, #main_nav li span a	{
	text-decoration: none;
}

a:link		{ color: #2A4079; text-decoration: underline; }
a:visited	{ color: #2A4079; text-decoration: underline; }
a:hover 	{ color: #7583A8; text-decoration: none; }
a:active	{ color: #2A4079; text-decoration: underline; }




/* ------------------------------------------------------------
	general typography
------------------------------------------------------------ */

p, ul, ol, blockquote, dl	{
	margin: 1em 0;
}

li	{
	margin: .5em 0 .5em 1.25em;
}


/* headings */
h1, h2, h3, h4	{
	color: #2A4079;
	font-weight: bold;
	margin: 0;
}

h1	{
	font-size: 1.5em;
}

h2	{
	font-size: 1.4em;
}

h3	{
	font-size: 1.2em;
}

h4	{
	font-size: 1em;
	color: #000;
}

code	{
	font: .95em/1.5 "courier new", courier, monospace;
	color: #666;
}

/* image-replaced headings */
h2.text_replace, h3.text_replace, #home #existing_users h3, #home #find_lists h3	{
	width: 100%;
	height: 20px;
}

h3.gifts	{ background: url(../images/site_images/headings/gift_ideas.gif) no-repeat left top; }
h2.add		{ background: url(../images/site_images/headings/add_an_item.gif) no-repeat left top; }
h2.create	{ background: url(../images/site_images/headings/create_a_new_list.gif) no-repeat left top; }

#home #existing_users h3	{ background: url(../images/site_images/headings/existing_users.gif) no-repeat left top; }
#home #find_lists h3		{ background: url(../images/site_images/headings/find_a_list.gif) no-repeat left top; }




/* ------------------------------------------------------------
	container setup
------------------------------------------------------------ */

#wrapper	{
	width: 913px;
	position: relative;
	background: url(../images/site_images/background.png) repeat-y left top;
}

#sidebar	{
	width: 245px;
	float: right;
}

#main	{
	width: 457px;
	padding: 10px 20px 10px 20px;
	float: right;
	border-top: solid 5px #E4EBDB;
}

#gift_ideas	{
	width: 149px;
	padding: 10px;
	overflow: hidden;
	border-top: solid 5px #E4EBDB;
}

#footer	{
	clear: both;
	height: 30px;
	background: #fff url(../images/site_images/footer.png) no-repeat left top;
}



/* ------------------------------------------------------------
	header
------------------------------------------------------------ */

#header h1	{
	width: 100%;
	height: 97px;
	background: url(../images/site_images/header.png) no-repeat left top;
	margin: 0;
}

#header h1 a	{
	display: block;
	width: 444px;
	height: 97px;
	background: url(../images/site_images/header.png) no-repeat left top;
}

#header h1 a:hover	{
	background: none;
}



/* ------------------------------------------------------------
	sidebar
------------------------------------------------------------ */

#banner	{
	text-align: center;
	width: 224px;
	background: #fff;
	border: solid 1px;
	border-color: #E2E4D6 #E2E4D6 #D4D7CA #E4EBDB;
	margin: -18px 0 0 -1px;
	padding: 15px 10px 12px 10px;
	position: relative;
	z-index: 1;
}

#banner p, #banner a	{
	font: 16px helvetica, arial, sans-serif;
	margin: 0;
	color: #2A4079;
}

#find_lists	{
	margin: 0 0 0 10px;
}

#find_lists input	{
	width: auto;
	margin: 0;
}

#find_lists input.button	{
	margin-top: 1em;
}

#find_lists label	{
	display: block;
	margin: .5em 0 0 0;
}




/* ------------------------------------------------------------
	gift ideas
------------------------------------------------------------ */

#gift_ideas h3	{
	margin: 0 -10px;
	padding: 0 10px;
	background-color: #fff;
	background-position: 10px 0;
	position: relative;
	z-index: 10;
}

#gift_ideas dl	{
	margin-top: -2px;
}

#gift_ideas dt	{
	border-top: solid 2px #E4EBDB;
	margin: 0 -10px 1em -10px;
	padding-top: 1em;
}

#gift_ideas dt img	{
	display: block;
	margin: 0 auto;
}

#gift_ideas dd	{
	color: #2A4079;
	font: bold .9em/1.3 arial, sans-serif;
	padding-bottom: 1em;
}

/* ------------------------------------------------------------
	navigation
------------------------------------------------------------ */

#main_nav li	{
	width: 165px;
	margin: 1em 0;
	list-style: none;
}

#main_nav li a	{
	display: block;
	height: 28px;
}

#main_nav li a:focus	{
	outline: none;
}

#main_nav li a:hover, #main_nav li.current a	{
	background: none;
}

#nav_create	{ background: url(../images/site_images/nav/create.png) no-repeat -165px 0; }
#nav_shop	{ background: url(../images/site_images/nav/shop.png) no-repeat -165px 0; }
#nav_browse	{ background: url(../images/site_images/nav/browse.png) no-repeat -165px 0; }
#nav_find	{ background: url(../images/site_images/nav/find.png) no-repeat -165px 0; }
#nav_favorites	{ background: url(../images/site_images/nav/favorites.png) no-repeat -165px 0; }
#nav_faqs	{ background: url(../images/site_images/nav/faqs.png) no-repeat -165px 0; }
#nav_contact	{ background: url(../images/site_images/nav/contact.png) no-repeat -165px 0; }
#nav_toolbar	{ background: url(../images/site_images/nav/toolbar.png) no-repeat -165px 0; }
#nav_invite	{ background: url(../images/site_images/nav/inviteafriend.png) no-repeat -165px 0; }
#nav_forum	{ background: url(../images/site_images/nav/forum.png) no-repeat -165px 0; }

#nav_create a		{ background: url(../images/site_images/nav/create.png) no-repeat 0 0; }
#nav_shop a		{ background: url(../images/site_images/nav/shop.png) no-repeat 0 0; }
#nav_browse a		{ background: url(../images/site_images/nav/browse.png) no-repeat 0 0; }
#nav_find a		{ background: url(../images/site_images/nav/find.png) no-repeat 0 0; }
#nav_favorites a	{ background: url(../images/site_images/nav/favorites.png) no-repeat 0 0; }
#nav_faqs a		{ background: url(../images/site_images/nav/faqs.png) no-repeat 0 0; }
#nav_contact a		{ background: url(../images/site_images/nav/contact.png) no-repeat 0 0; }
#nav_toolbar a		{ background: url(../images/site_images/nav/toolbar.png) no-repeat 0 0; }
#nav_invite a		{ background: url(../images/site_images/nav/inviteafriend.png) no-repeat 0 0; }
#nav_forum a		{ background: url(../images/site_images/nav/forum.png) no-repeat 0 0; }


/* sub nav */
#main_nav li ul	{
	margin: 0;
}

#main_nav li li	{
	width: auto;
	font-size: .95em;
	margin: .25em 0 .25em 10px;
	padding-left: 1em;
	background: url(../images/site_images/list_marker.gif) no-repeat left center;
	color: #2A4079;
}

#main_nav li li a	{
	display: inline;
	background: none;
	color: #2A4079;
	text-decoration: none;
}

#main_nav li li a:hover	{
	text-decoration: underline;
}

/* ------------------------------------------------------------
	form styles
------------------------------------------------------------ */

form	{
	margin: 1em 0;
}

fieldset	{
	border: 0;
}

label, input, select, textarea, .radio p	{
	display: block;
	float: left;
	width: 220px;
	margin-bottom: 1em;
}

label, .radio p	{
	color: #666;
	font-weight: bold;
	width: 180px;
	margin-right: 20px;
}

select	{
	width: auto;
}

option	{
	padding: 0 1em 0 .2em;
}

textarea	{
	width: 420px;
	margin-top: -.5em;
}

form br	{
	clear: both;
}

/* checkboxes/radio buttons */
.radio p	{
	margin-top: 0;
}

.radio label, .radio input	{
	width: auto;
	display: inline;
	font-weight: normal;
	color: #000;
	float: none;
	margin: 0;
}

.radio input	{
	vertical-align: middle;
	margin: 0 20px 0 .2em;
}

/* submit buttons */
input.button	{
	width: auto;
	padding: 0 .5em;
	margin-top: 1em;
}


/* ------------------------------------------------------------
	home page
------------------------------------------------------------ */

#home #wrapper	{
	background: url(../images/site_images/background_home.png) repeat-y left top;
}

#home #sidebar	{
	width: 295px;
	float: right;
	background: url(../images/site_images/bg_sidebar_home.png) repeat-y left top;
}

#wishing_well	{
	position: absolute;
	right: 0;
	top: 0;
	width: 155px;
	height: 90px;
	z-index: 100;
}

#wishing_well p	{
	width: 70px;
	float: left;
	margin: 35px 0 0 10px;
	line-height: 1.2em;
	color: #2A4079;
	background-color: #fff;
}

#wishing_well img	{
	float: right;
}


/* banner */
#banner			{ width: 224px; }
#banner ul		{ margin: 0; }
#banner li		{ list-style: none; display: inline; }
#banner li a		{ text-transform: uppercase; text-decoration: none; font-size: 1.2em; }
#banner li a:hover	{ text-decoration: underline; }

#home #banner			{ width: 274px; }
#home #banner ul		{ margin: 0; }
#home #banner li		{ list-style: none; display: inline; }
#home #banner li a		{ text-transform: uppercase; text-decoration: none; font-size: 1.2em; }
#home #banner li a:hover	{ text-decoration: underline; }



#home #main	{
	width: 618px;
	padding: 0;
	float: right;
	border: none;
	background: url(../images/site_images/kid.jpg) no-repeat left bottom;
	height: 457px;
	position: relative;
}

#home #intro	{
	width: 260px;
	position: absolute;
	right: 10px;
	top: 265px;
	color: #2A4079;
}


/* create a new list form */
#home #new_users		{ width: 210px; height: 215px; position: absolute; right: 10px; top: 35px; margin: 0; }
#home #new_users h2		{ height: 35px; background: url(../images/site_images/start_creating.gif) no-repeat left top; }
#home #new_users p.fineprint	{ display: none; }

#home #new_users input, #home #new_users label	{ width: auto; margin: 0; }
#home #new_users input.button, #home #sidebar input.button, #home #new_users input.button	{
	margin-top: .5em;
}

#home #new_users label		{ width: 210px; height: 25px; }
#home #new_users label.first_name	{ background: url(../images/site_images/first_name.gif) no-repeat left bottom; }
#home #new_users label.last_name	{ background: url(../images/site_images/last_name.gif) no-repeat left bottom; }
#home #new_users label.email		{ background: url(../images/site_images/email.gif) no-repeat left bottom; }


/* home sidebar forms */
#home #sidebar input	{ width: 100px; margin: 0; }
#home #sidebar label	{ margin: .5em 0 0 0; }
#home #sidebar form	{ width: 260px; margin: 0 0 0 32px; }
#home #sidebar form div	{ width: 115px; float: left; overflow: visible; }
#home #sidebar label	{ font-weight: normal; color: #000; }
#home #find_lists label	{ height: 18px; }

#home #find_lists label.first_name	{ background: url(../images/site_images/find_first_name.gif) no-repeat left top; }
#home #find_lists label.last_name	{ width: 130px; background: url(../images/site_images/find_last_name.gif) no-repeat left top; }

#home #sidebar #existing_users	{ margin-top: 1.5em; }

#home p.highlight		{ margin: 0; padding: .5em 0 1em 0; }
#home .highlight a		{ color: #c90; text-decoration: none; }
#home .highlight a:hover	{ text-decoration: underline; }



#home #bullets		{ width: 295px; height: 140px; margin-top: 1.5em; background: url(../images/site_images/home_bullets.png) no-repeat 0 -5px; }
#home #bullets li	{ list-style: none; }

#home #footer	{
	background: #fff url(../images/site_images/footer_home.png) no-repeat left top;
}



/* ------------------------------------------------------------
	footer
------------------------------------------------------------ */

#footer {
	font-size: 1.0em;
	font-weight: bold;
	color: #2A4079;
	text-transform: uppercase;
	padding: 1em 1em 3em 1em;
}

#footer a	{
	color: #2A4079;
	text-decoration: none;
}

#footer a:hover	{
	text-decoration: underline;
}

#footer .copyright	{
	float: left;
	margin-right: 2em;
}

#footer_nav li	{
	list-style: none;
	float: left;
	margin: 0 1em;
}


/* ------------------------------------------------------------
	miscellaneous styles
------------------------------------------------------------ */

.section	{
	margin: 2em 0;
}

span.highlight	{
	display: block;
	font-size: .95em;
	margin-top: -.2em;
}

.highlight	{
	color: #8A9F79;
}

.fineprint	{
	font-size: .95em;
	color: #999;
}

.add_item a	{
	color: #8a9f79;
	font-weight: bold;
	text-decoration: none;
}

.add_item img	{
	vertical-align: middle;
	margin: -2px .25em 0 0;
}
.cat_header {
	font-size:14px;
	margin:0px 180px 0px 30px; 
	padding:3px 10px;
	text-decoration:none;
	border:1px solid #963;
	border-bottom:0px;
	background-color:#f3ece0;
}
.cat_header a {
	text-decoration:none;
}
.error {
	color:#900;
	font-weight:bold;
}
a.list_button	{ 
	display:block;
	height:25px;
	width:400px;
	margin:5px 0px;
	padding:3px 2px 0px 30px;
	text-decoration:none;
	font-weight:bold;
	background: url(../images/site_images/list_button_bg.jpg) no-repeat 0 0; 
}
/* list tables */
table.table {
	border-collapse:collapse;
	width:430px;
}
table.table td {
	border:1px solid #999;
	padding:3px;
}
/* Links page */
.link_section h4 {
	font-size:1.1em;
}
.link_section ul {
	margin:0px;
	padding:0px 0px;
	list-style-type:none;
}
.link_section ul li {
	margin:0px;
	padding:0px 0px 0px 15px;
}
/* CART */
.shopSearchItem {
	border:1px solid #ccc;
	margin:5px;
	padding:5px;
	position:relative;

}

.shopSearchItem a{
	margin:0px;
	padding:0px;
}	
.shopSearchItem .price, .shopSearchItemDetail .price {
	font-weight:bold;
	font-size:16px;
}		
.shopSearchItem img, .shopSearchItemDetail img {
	float:right;
	margin-left:20px;
}
.shopSearchItem h3 {
	clear:left;
	left:0px;
	top:0px;
}	
.shopSearchItemDetailRelated {
	padding:5px;
	padding-top:0px;

}	
.related {
	float:right;
	width:120px;
	clear:right;
	margin:5px 10px;
	padding:5px;
	padding-top:0px;
	border:1px solid #999;
	background-color:#f9f9ff;
	font-size:11px;
}
.top_form{
	float:right;
	width:140px;
	clear:right;
	margin:5px 10px;
	padding:5px;
	padding-top:0px;
}
.search_link{
	float:right;
	width:120px;
	clear:right;
	margin:5px 10px;
	padding:5px;
	padding-top:0px;
}
.related h3 {
	margin:0px;
	padding:0px;
	font-size:12px;
}
/* ------------------------------------------------------------
	bookmarks styles
------------------------------------------------------------ */
#bookmarks {
	text-align:center;
	background-color:#fff;
}
#bookmarks a img {
	margin:2px 5px 10px 5px;
}
#home #below_bullets {
	width: 295px; 
	height: 140px; 
	margin-top: 1.5em; 
	padding:0px 10px;
}
#home #below_bullets a img, #nav_bookmarks a img{
	float:left;
	margin:2px 5px 10px 5px;
}
/* FOOTER SPONSORS */
#footer_sponsors {
	text-align:center;
	padding-bottom:10px;
	height:30px;
}
#footer_sponsors ul, #footer_sponsors ul li {
	display:inline;
}