/* colors:
	color:#943d29; //red
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* LAYOUT */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

body { 
	font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
	background-color:#fefefe; 
	color:#000; 
}

h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 8px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 8px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { font-weight: bold; }
.more { text-align: right; }


/* h1-4 defs if a link */
h1 a { color:#333; text-decoration:none; }
h1 a:visited {}

input, textarea {
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size:12px;
}

td {
	vertical-align: top;
}
a {
	text-decoration: none;
	color:#1236A3; /* blue */
}
#mainContent a:hover {
	border-bottom: 1px solid #bbb;
}

.headerLeft { float:left; }
.headerRight {float:right; }


p { padding:8px 0; }

.light { color:#666; }


/* FLOATS */
.fllt {
    float:left;
}

.flrt {
    float:right;
}
/* END FLOATS */

#header, #homepage {
	background-color:#797574;
	line-height:20px;
	padding-left:8px;
	padding-right:8px;    
  color: #fbfaf2;
}

#header .banner {
    float:right;
}
.headerRight {
    color:#fbfaf2;
    font-size:10px;
    margin-top:8px;
    margin-right:40px;
}

.headerContent {
    padding-top:8px;
    padding-bottom:8px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    /*jpl width:980px; */
    max-width:980px;
}

h1.logo {
	display:block;
  padding:0;
  margin:0;
  background: url(/images/logo.png) no-repeat;
  width:500px;
  height:100px;
  text-indent:-9999px;
}

#header a {
    color: #eee;
    text-decoration:none;
}
#header .headerRight a {
    text-decoration: underline;
}


#main {
  margin: 20px 0 0 0;
}

#mainLeft ul {
	margin-left:30px;
	list-style-type: circle;
	margin-bottom:8px;
}

#mainleft ul li {
	padding:0;
	margin:0;
}


#mainLeft, #mainRight {
	margin-top:0px;
	margin-bottom:50px;
}

#mainLeft { width:520px; float:left; margin-left: 20px; }
#mainRight { width:340px; float:right; margin-right: 20px; }


.roundGift { margin-left:20px; line-height:30px; }
.roundGift a {
	color:#fff;
}

.signup {
	display:inline;
	font-size:20px;
	font-weight: bold;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;	
	background-color: #f3d26a;	
	padding:4px 12px 4px 12px;
}

.signup:hover { background:#943d29; }

.signup a {
	text-decoration: none;
	color:#000;
}

#nav {
  margin:0 auto;
  max-width:980px;
}

#nav #nav-container {
  background: #f3d26a;
  height:30px;
  font-weight:bold;
  margin:0 10px;
  padding:0;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
}

#nav ul {
    padding:0;
    margin:0;
    margin-left:20px;
}

#nav li {
    list-style-type:none;
    float:left;
    line-height:30px;
    height:30px;
    display:block;
}

#nav li:hover, #nav li .selected {
	background-color:#797574;
	color:#fbfaf2;
}


#nav li a {
  display:block;
  padding-right:24px;
  padding-left:24px;
	border:0;
  float:left;
  text-decoration:none;
  color:#000;
}

#nav li a:hover {
	color:#fbfaf2;
}


#mainContent {
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    max-width:980px;
}

#footer {
    margin:50px auto 0 auto;
    text-align:center;
    font-size:10px;
    border-top:1px solid #999;
    background:#797574;
    color:#fbfaf2;
    padding:4px 8px 4px 8px;
}

#footer a { color:#eee; text-decoration:underline; }


/* Main area formatting */

.errorText,
.error {
	color: #990000;
}

.errorInput {
    background-color: #ffCCCC;
}



#MyReservations .checked {
    background:url('/images/checkmark.gif') center left no-repeat;
    padding-left:12px;
}


.itemTitle {
    float:left;
}
.itemDelete {
  display:none;
  float:right;
}
.itemPrice {
    float:right;
}
.itemDelete .delete {
  padding: 0 2px 0 8px;
}

.itemContainer {
    border-bottom: 1px solid #cdcdcd;
    clear:none;
}
.itemContainer p, .itemContainer p a {
    color:#3E3E3E;
    text-decoration:none;
    margin:0;
    padding:0;
}

.itemContainer:hover .itemDelete {
  display:block;
}

#mainContent .itemContainer a:hover {
  text-decoration:none;
  border-bottom:0;
}

.avatarSmall, .avatarMedium, .avatar { 
    margin-right:4px;
    margin-bottom:4px;
    border:0;
}

.avatarTiny { height:15px; width:15px; }

.avatarSmall {
    height:30px;
    width:30px;
}

.avatarMedium { 
    height:60px;
    width:60px;
}

.avatar { 
    height:70px;
    width:70px;
}


.itemImage {
    padding-right:8px;
    padding-left:12px;
    padding-bottom:12px;
    float:right;
}

.warning {
	background-color:#660000;
	border:2px solid #000;
	color:#fff;
	font-weight:bold;
	padding:6px;
	margin: 4px 0 16px 0;
}

.warning a { color:#f3d26a; }


.meta {
	margin-top:20px;
	margin-bottom:20px;
	font-size:11px;
	color:#666;
}
.meta a {
	font-weight:bold;
	color:#999;
}
#Profile {
	margin-left:-8px;
	margin-right:40px;
    min-height:80px;
    width:980px;
}

#Profile h2 {
    font-size:14px;
    font-weight:bold;
    margin:0;
}

.ProfileData {
    margin-top:8px;
    padding: 0; 
    border-spacing: 0; 
}


#profileLeft {
	float:left;
	width:300px;
}

#profileRight {
	margin-left:30px;
	float:left;
	width:400px;
}

.sortable {
    cursor:crosshair;
}

#MyWishList ol {
}

#MyGiftListItems li { 
	color:#9e9e9e;
	font-size:13px;
	padding-bottom:4px;
}

#MyGiftListItems li.active {
	font-weight:bold;
}

#MyGiftListItems li.active a {
	color:#999;
	border-bottom:1px solid #999;
}
#MyGiftListItems li.active .star a {
	border:0;
}
.form {
	background:#eee;
	border:1px #999 solid;
	padding:8px;
	color:#000;
}

.loginForm {
}



.label {
	color:#888;
	width:100px;
}


#rightCol {
    width:250px;
    float:right;
}


.theNews, .theRecentWishList {
    overflow:hidden;
}


/* This is the css for a users own homepage */
#NewsFeed {
    float:left;
    font-size:11px;
    width:350px;
    border-right:1px solid #e2e2e2;
    padding-right:14px;
}

#NewsFeedItems {}

.NewsFeedItem {
    padding-left:38px;
}

.NewsFeedPerson {
	padding-bottom:12px;
}
.NewsFeedDateRange { /* This contains an h3 element printing the date with some hard-coded margins */
    background:#e2e2e2;
    padding-left:12px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

#MyWishList{
	margin-left:20px;
  float:left;
  width:338px;
}



.borderbottom { /*This class adds a border to the bottom of each friend request*/
    border-bottom:1px solid #e2e2e2;
    margin-bottom:10px;
    padding-bottom:8px;
}
.bordertop { /*This class adds a border to the bottom of each friend request*/
    border-top:1px solid #e2e2e2;
}

#MyFriends {
    float:left;
    width:250px;
    margin-left:20px;
}

#FriendRequests, #BuyList {
    float:left;
    width:250px;
    margin-left:20px;
}

#MyReservations {
    float:left;
    width:310px;
    margin:0 0 0 40px;
}

#MyReservations h4 {
	margin-bottom:2px;
	margin-top:6px;
}
#MyReservations h4 a {
	color:#943d29; /* red */
	font-size:14px;
}

.reservationsTotal {
	margin-top:8px;
	border-top:3px double #cdcdcd;
}

ul.friends {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:#000;
	color:#fff;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
}


.friends a:hover {border:0;}
ul.friends a {
	color:#fff;
}

ul.friends li { 
	margin:0;
	padding:4px 0 4px 10px;
	list-style-type: none; 
	display:block;
}


#gift-wrapper {
	width:520px;
	float:right;
	margin-right:20px;
}


#GiftDetails h1 a:hover {
	border:0;
	color:#666;
}

#GiftDetails .price {
	float:left;
	padding:4px 10px 2px 0;	
	font-weight:bold;
	font-size:30px;
	color:#626262;
}


#PrevNext {
	font-size:10px;
	line-height:10px;
}

#PrevNext td {
  padding:4px;
}

#PrevNext td.button {
  width:10%;
  white-space: nowrap;
}
#PrevNext td.label {
  width:40%;
}

#PrevNext td.next {
  text-align:right;
}

/* END css for users homepage */

#WishList{

}


.theNews, #friendRequests {
    font-size:11px;
}

#SafeMode {
    font-weight:bold;
    font-size:11px;
    padding:4px;
    background:#660000;
    color:#fff;
}
#SafeMode a {
    color:#fff;
    text-decoration:none;
}
#SafeMode a:hover {
    color:#fff;
    text-decoration:underline;
}

#SafeModeMessage { text-decoration:underline; }

a #safeMode {
    text-decoration:none;
}    


/* OLD TAB NAVIGATION FOR SEARCH PAGES */
ul.tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
		background: url(../images/tab_bottom.gif) repeat-x bottom;
	}
.tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  		
  	}
	
.tabnav a:link, .tabnav a:visited
	{
		float: left;
		background: #797574;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color:#fff;
		border-bottom: 1px solid #ccc;
	}

.tabnav a:link.active, .tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color:#000;
	}

.tabnav a:hover
	{
		background:#f3d26a;
		color:#000;
	}

ul.tabnav.right {
		background: url(../images/tab_bottom.gif) repeat-x top;
		margin-top:-10px;
		margin-bottom:20px;
}
ul.tabnav.right li {float:right;}

.BrowseItem {
    width:320px;
    float:left;
    padding:6px;
    padding-right:20px;
}
.BrowseItem .BrowseImage {
    float:left;
    padding:4px;
}
.BrowseItem .Title {
    float:left;
    padding:4px;
}
.BrowseItem .Price {
    float:right;
}

/* END OLD TAB NAVIGATION */



/* COMMENT FORMATTING */
.comment {
    margin-top:12px;
    border-bottom:1px solid #e2e2e2;
    min-height:80px;
}
.commentNumber {
    float:left;
    text-align:center;
    width:80px;
    height:80px;
    margin-right:12px;
}
.commentBody {
    overflow:hidden;
}
.commentHeader {
    font-size:11px;
    color:#9e9e9e;
}
.commentFooter { clear:both; }
    
/* END COMMENT FORMATTING */


.reserved {
    background:#660000;
    border:1px solid #C8E1F8;
    padding:4px;
}

.reserved, .reserved a {
    color:#e3e3e3;
}

.bqstart {
    float: left;
    height: 45px;
    margin-top: -20px;
    padding-top: 45px;
    margin-bottom: -50px;
    font-size: 700%;
    color: #FF0000;
}

.bqend {
    float: right;
    height: 25px;
    margin-top: 0px;
    padding-top: 25px;
    font-size: 700%;
    color: #FF0000;
}

.comment .bqstart, .comment .bqend {
    color: #e2e2e2;
}

 
blockquote {
	margin:0;
    padding: 0;
	font-style: normal;
	font-weight:bold;
}

.comment blockquote {
    font-weight:normal;
}


/* navigational menus */
.menu{height:24px;border-bottom:dotted 1px #DEDEDE;margin:0; list-style:none; padding:0; margin-top:10px; margin-bottom:12px; }
.menu li{display:inline;}
.menu span{border:solid 1px #EFEFEF; padding:4px 2px 4px 6px; border-bottom:none; margin-right:10px; font-size:22px; font-weight:bold; line-height:14px;}
	.menu span a{font-weight:bold;}
	.menu span:hover{border:solid 1px #DEDEDE; border-right:1px solid #999999; border-bottom:none;}
	.arrow{margin-left:4px; cursor:pointer; }
.sub_menu{display:none; position:relative; border:solid 1px #DEDEDE; border-top:none; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:10px; top:2px; width:120px; background:#FFFFFF;}
	.sub_menu a:link, .sub_menu a:visited, .sub_menu a:hover{display:block; font-size:11px; padding:4px; line-height:12px;}
.item_line{border-top:solid 1px #DEDEDE;}
/* end navigational menus */



.submenu { float:left; margin-left:10px; margin-bottom:20px; }
.submenu li {display:block; float:left; padding-right:10px; padding-left:10px; border-left:1px solid; margin-top:8px; line-height:18px;}
.submenu li.first {border:0;}

/* results page for amazon searches */

#resultCategoryList {
	float:left;
	width:200px;
	padding-right:6px;
	background:#d2d2d2;
}

#resultItems {
	float:left;
}


#loginForm label {
	text-align:right;
	width:70px;
	display:block;
	float:left;
}
#loginForm #Email,
#loginForm #Password {
	width:200px;
}


/******* stars! ******/
.star {
	float:left;
	padding-right:4px;
}

.star a {
  width: 16px;
  height: 15px;
  display: block;
  background: url(/images/jquery.ui.stars.gif) no-repeat 0 0;
  background-position: 0 -32px;
}

.star a.checked {
  background-position: 0 -48px;
}

.star a:hover {
  background-position: 0 -64px;

}

#mainContent .star a:hover { border-bottom:0; }


#bookmarkletButton {
	display:block;
	padding: 6px 0;
}


#timeline {
  float:left; 
  width: 210px;
  margin:0 0 0 40px;
  padding: 0px 10px 10px 10px;
  font-size:90%;
  background-color:#f6e9c8;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;	

}


#timeline h1 { 
  font-size:11px; 
  text-align:right; 
  margin:0;
  padding:0;
}

#timeline .avatar {
  float:left;
  width:30px;
  height:30px;
}

#timeline .friend_name {
}

#timeline .timeline_header {
  border-bottom:1px solid #999;
  height:18px;
  margin-bottom:16px;
}

#timeline .avatarSmall {
  margin:0;
  padding:0;
}

#timeline .timeline_header {
  padding-top:12px;
}

#mainContent #timeline .timeline_header a:hover {
  text-decoration: none;
  border-bottom:0;
}

#timeline .timeline_header.first {
  padding:0;
}

#timeline li {
  margin-left:20px;
  list-style-type: none;
}


/******* manage friends *******/

.personContainer {
}


.personAvatar {
  float:left;
}

#mainContent .personAvatar a:hover {
  border:0;
}

.personName {
  float:left;
}

.personContainer .personDelete {
  display:none;
  float:left;
  padding-left:10px;
}

.personContainer:hover .personDelete {
  display:block;
}


#manageFriends {
  margin: 0 20px;
}








#fancy_add {
  width:600px;
  margin: 20px auto;
}

#fancy_add label,
#fancy_add input {
  font-size:16px; 
}

#fancy_add .whatiwant { width:300px; }
#fancy_add .disclaimer { 
  font-style: italic; 
  font-size:9px;
}