@media only screen and (max-device-width: 480px) {
	body{
		width: 480px;
	}
	h1{
		//iPhone heading styles go here...
	}
	#container {
	margin: 0 auto;
	width: 480px;
	text-align: left;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	} 
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
	body{
	}
	#container {
	margin: 0 auto;
	width: 600px;
	text-align: left;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	} 
}
body {
	text-align: center;
	margin:0;
	padding:0;} 
body.loginalt {background:url("../images/background-login2.jpg") top center no-repeat; }
a:visited {
	color:#0066FF;}
a {	text-decoration:underline;}
a:hover { text-decoration:none;}
a img { border:none; text-decoration:none; }
	
form#login {
	background: url("/images/background-login.gif") no-repeat;
	width: 310px; 
	height: 143px;
	margin-top:30px;
	margin-left: auto;
	margin-right: auto;
	}
form#login .padding {
	padding:20px 30px;
	text-align:right;
	}
form#login .forgot {
	display:block;
	color:#48B3F2;
	line-height:28px;
	float:left;
	}
	
form#login p {
	padding:0;
	margin:5px 0;
}
	
#container {
	margin: 0 auto;
	width: 600px;
	text-align: left;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	} 
	
.toggleme { 
	width:556px; 
	display:none;
	background:url("/images/background-myinfo.jpg") bottom no-repeat;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	font-size:12px;
	}
.topbar {
	background:url("/images/background-bar.jpg") no-repeat;
	width: 556px;
	height: 116px;
	margin-left:auto;
	margin-right:auto;
	}
#logo {
	float:left;
	width:193px;
	padding:1px 0 0 0px;
}
#logo a.logobutton {
	display:block;
	width:193px;
	height:101px;
	background-image:url("/images/logo.jpg");
	background-repeat:no-repeat;
	background-position:14px 0px;
	text-decoration:none;
}
#logo a.logobutton:hover {
	background-position:14px -101px;
	}
.profilebar {
	float:left;
	padding:6px 0 0 10px;
	}
.mypicture {
	float: left;
	width: 54px;
	height: 56px;}
.myinfo {
	float: left;
	width: 280px; }
.myinfo h1 {
	color:#FFF;
	padding:5px 0 0 0;
	margin:0;
	font-size:18px;
	}
.myinfo h1 a {
	color:#FFF;
	text-decoration:none;
	}
.myinfo h1 a:hover {
	text-decoration:underline; 
	}
.theirinfo {
	float:left;
	width:370px;
	padding:0;
	}
.theirpicture {
	float: left;
	width: 54px;
	height: 56px;
	background:url("/images/background-theirphoto.gif") no-repeat;
	padding:2px;}
.theirinfo h1 {
	color:#0D72D8;
	margin:0;
	padding:0;
	font-size:32px;
	font-weight:normal;
	line-height:26px;
	}
.theirinfo h1 .lastname {
	color:#81BBF7;
	font-size:18px;
	}
.logout {
	float: right;
	text-align: right;
	padding:8px 0 0 0;}
.logout a {
	display:block;
	background:url("/images/logoff.gif") right no-repeat;
	line-height:16px;
	text-decoration: none;
	color: #fff;
	font-size:11px;
	padding:0 18px 0 0;}
.logout a:hover {
	text-decoration: underline;}
.logout img { text-decoration:none; border:0; }
.navigation {
	float:left;
	width:363px;
	padding:0;}
.numalert {
	background:url("/images/icon-redcircle.png") no-repeat;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	width:25px;
	line-height:24px;
	text-align:center;
	float:right;
	position:relative;
	z-index:99;
	margin:-12px 0 0 -25px;
	}
.centerme {
	width:600px;
	float:left;
	padding:0 0 0 40px;}
ul#nav {
	margin: 0;
	padding-left: 0;
	display: inline;}
ul#nav li {
	float:left;
	margin: 0;
	padding:0px;
	list-style: none;
	display: inline;}
.minilistcontainer {
	text-align: center;
	color: #999999;
	float:left;
	padding:8px 0 0 10px; }
.newlist {
	background:url("/images/background-new.gif") 4px 0 no-repeat;}
.minilistcontainer:hover, .newlist:hover {
	background: url("/images/hover-listselect.gif") 4px 0 no-repeat;	}
.listtypes {
	width: 386px;
	text-align:center;
	color: #999999; 
	padding:15px 0 15px 0;
	font-size:11px;}
.minilist {
	float: left;
	width: 96px;}
.minilist a { 
	display: block;
	padding: 10px 0 0 0;
	width: 72px;
	height: 90px;
	background-image: url("/images/background-minilist.gif");
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0F3F8E;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 10px;}
.minilist a:hover {
	text-decoration: underline;}
.minilist span {
	display:block;
	text-align:center;
	width:72px;
	padding:16px 0 0 0;}
.back {
	margin:-14px 0 0 0;
	padding:0 0 20px 60px;}
.wishlist {
	float: left;
	width: 527px;
	background: url("/images/wishlist_wide-middle.gif") left repeat-y;
	padding: 0px;
	margin:0 0 0 36px;}
.wishlist .infobox {
	float: left;
	background: url("/images/wishlist_wide-top.jpg") top right no-repeat;
	width: 527px;
	margin: 0px;
	padding:0;}
.infobox .pad{
	padding-left: 38px;
	padding-top: 28px; }
.infobox .pad .mypicture {
	width: 64px;}
.infobox .pad .myinfo {
	float: left;
	width: 316px;
	padding-bottom:0px;}
.itemcontainer {
	float: left;
	width: 100%;
	padding-bottom: 50px;
	background: url("/images/wishlist_wide-bottom.jpg") bottom right no-repeat;}
.item {
	float: inherit;
	width: 495px;
	background-color: #0E73D8;
	color: #EAF1FD;
	padding-bottom: 5px;
	padding-top: 0px;
	margin-left: 14px;
	margin-right: 12px;
	margin-bottom: 5px;
	}
.link {
	float:right;
	}
.claimed {
	background-color: #7FB6EE;
	}
.claimedbyme {
	background-color: #DC2126;
	}
.mywishlist {
	float: left;
	width: 527px;
	background: url("/images/wishlist_gold-middle.gif") left repeat-y;
	padding: 0px;
	margin:0 0 0 36px;}
.myitemcontainer {
	float: left;
	width: 100%;
	padding-bottom: 50px;
	background: url("/images/wishlist_gold-bottom.jpg") bottom right no-repeat;}
.mywishlist .infobox {
	float: left;
	background: url("/images/wishlist_gold-top.jpg") top right no-repeat;
	width: 527px;
	margin: 0px;
	padding:0;}
.myitem {
	float: inherit;
	width: 495px;
	background-color: #DF7500;
	color: #FFF;
	padding:0 0 5px 0;
	margin:0 12px 5px 14px;
	}
.description {
	width:300px; 
	color:#FDF6D8;
	}
.fromtag {
	background:url("/images/fromtag.png") no-repeat;
	float:right;
	position:relative;
	z-index:10;
	height:60px;
	width:145px;
	margin:0 -120px 0 0;
}
.fromtag img {
	padding:3px 0 0 29px;
	float:left;
	}
.fromtag .from {
	padding:17px 0 0 80px;
	font-size:16px;
	}
.additem {
	float: right;
	text-align: right;}
.additem a {
	display: block;
	width: 93px;
	height: 28px;
	background-image: url("/images/additem.gif");
	background-repeat: no-repeat;
	padding-top: 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;}
.wishlist .itemcontainer .item .itemcheck, .myitem .itemcheck {
	float: left;
	padding:10px;}
.wishlistalert {
	background:red; 
	padding:20px; 
	margin:0 50px; 
	font-size:16px;
	color:#FFF;}
.wishlistalert a {
	color:#FFF; }
.checkbox2 {
	position: absolute;
	z-index: 1;}
.checkbox a {
	background:url("/images/checkbox.gif") 0 0 no-repeat;
	display:block;
	width:28px;
	height:28px;
	text-decoration:none;
	border:none; }
.checkbox a:hover {
	background:url("/images/checkbox.gif") 0 -28px no-repeat; }
.checkbox-red a {
	background:url("/images/checkbox-red.gif") 0 -28px no-repeat;
	display:block;
	width:28px;
	height:28px;
	text-decoration:none;
	border:none; }
.checkbox-red a:hover {
	background:url("/images/checkbox-red.gif") 0 0 no-repeat; }
.checkbox-claimed {
	background:url("/images/checkbox-claimed.gif") 0 -28 no-repeat; 	
	width:28px;
	height:28px; }
.checkbox-recieved a {
	background:url("/images/checkbox-mylist.gif") 0 0 no-repeat;
	display:block;
	width:28px;
	height:28px;
	text-decoration:none;
	border:none; }
.checkbox-recieved a:hover {
	background:url("/images/checkbox-mylist.gif") 0 -28px no-repeat; }
.checkbox-recieved a.recieved {
	background:url("/images/checkbox-recieved.gif") 0 -28px no-repeat; }
.deleteditem {
	background-color:#F9D14F; }
.recieveditem {
	background-color:#F3A80C; }	

.claimeddate {
	color:#0D72D8;
	float:right;
}
.itemtext{
	float: left;
	width: 420px;
	padding: 10px 0 0 0;
	height: auto;}
.itemtitle {
	font-size: 20px;
	color: #FFFFFF;
	font-weight: 600;}
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F3CCC0;
	background: url("/images/background-error.gif") top left no-repeat #DC2426;
	text-align: center;
	padding: 20px;
	margin:30px;
	}
.error a {
	color:#FFF; }
.wishlist .claimedby {
	position: absolute;
	margin-left: 425px;
	z-index: 2;
	background-image: url("/images/claimticket3.gif");
	background-repeat: no-repeat;
	width: 160px;
	height: 65px;
	padding-top: 4px;
	padding-left: 30px;
	color: #FFFFFF;
	font-size:14px;
	font-weight:normal;}
.claimdate {
	padding:33px 0 0 2px;
	color:#550110;
	font-size:11px; }
.deleted {
	position: absolute;
	margin-left: 20px;
	z-index: 3;
	background-image: url("/images/claimticket.gif");
	background-repeat: no-repeat;
	width: 115px;
	height: 42;
	padding-top: 3px;
	padding-left: 14px;
	color: #FFFFFF;
	font-weight: bold;}
.claimedlist {
	margin-top: 25px;
	background-color: #EEEEEE;
	border: 1px dotted #CCCCCC;
	padding: 8px;
	font-size: 12px;
	line-height: 18px;	}
.showdeleted {
	margin-top: 15px;
	margin-left: 15px;}
.guest {
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight:bold;
	text-align:center;
	background-color:#CC0000;	}
.guest a {
	color:#FFDFDF;	}
.reddot {
	position: absolute;
	margin-left: 65px;
	margin-top: 19px;
	z-index: 2;
	background:url("/images/total-tab.gif") no-repeat; 
	width:20px; 
	height:20px; 
	line-height:16px; 
	color:#2D74E6; }
.greendot {
	position: absolute;
	margin-left: 65px;
	margin-top: 40px;
	z-index: 2;
	background:url("/images/total-tab-green.gif") no-repeat; 
	width:20px; 
	height:20px; 
	line-height:16px; 
	color:#6EB249; }
.smaller {
	font-size:8px; }
.comments {
	padding:5px 0 0 0; }
.comments h4 {
	background:url("/images/icon-comment.gif") 0 3px no-repeat;
	padding:0 0 0 15px;
	margin: 0;
	font-weight: normal;
	font-size:11px;
	line-height:16px;
	color: #ffffff;
	text-decoration:underline;
	cursor: pointer; }
.comments input {
	 }
.comments form {
	padding:0;
	margin:0;
	display:inline; }
.newcommentform {
	background:#87C440;
	padding:8px; }
.comment {
	background:#87C440;
	padding:10px 10px 10px 20px;
	color:#3E591C;
	margin:0 0 3px 0; 
	font-size:12px;}
.altgreen {
	background:#ACD67A; }
.comment .deletecomment {
	float:left;
	margin-left:-16px;
	 }
.comment .commenter {
	color:#314716;
	font-weight:bold; }
.comment img {
	cursor: pointer; }
.creator_on {
	background:#75A6F0;
	color:#2F77E9;
	padding:0px 8px;
	font-size:11px;
	line-height:16px;
	height:16px; }
.creator_off {
	background:#6196EF;
	color:#98BCF4;
	padding:0px 8px;
	font-size:11px;
	line-height:16px;
	height:16px; }

.shoppinglistitem {
	width:600px; 
	float:left;
	padding:10px 0;}
.status_widget {
	padding:0;
	float:left;
	}
.status_widget div {
	height:23px;
	width:164px;
	background:url("/images/btn_shoppingstatus.gif");
	background-position:0 0;
	background-repeat:no-repeat;
	}
.status_widget div.purchased {	background-position:0 -24px;}
.status_widget div.given {		background-position:0 -48px;}
.status_widget div a {
	display:block;
	line-height:23px;
	color:#FFF;
	float:left;
	text-decoration:none;
	}
.status_widget div a:hover { text-decoration:underline; }
.status_widget div a span {display:block; padding-left:10px;}
.status_widget div a.purchased {width:96px;	}
.status_widget div a.given {width:68px;	}
.shoppingitem {
	padding:0;
	float:left;
	width:430px;
	}
.shoppingitem .photo {
	border:3px solid #fff;
	}
.shoppingitem .giftee {
	color:#CCC;
	display:block;
	text-align:right;
	width:80px;
	float:left;
	overflow:hidden;}
.shoppingitem .giftee a {
	color:#CCC;
	text-decoration:none; }
.shoppingitem .giftee a:hover {
	color:#999;
	text-decoration:underline; }
.shoppingitem h2 {
	display:block;
	float:left;
	margin:0;
	padding:0 0 0 5px;
	font-weight:normal;
	color:#666;
	width:320px;
	overflow: hidden;}
.shoppingitem h2 a {
	color:#3191F1;
	text-decoration:none; }
.shoppingitem h2 a:hover {
	text-decoration:underline; }
.recdate {
	color:#CD8211;
	font-size:11px;}
.footer {
	float:left; 
	width:100%; 
	height:30px; 
	}