@charset "utf-8";
/* CSS Document */
/*This CSS edits the layout of the site*/
body {
	background-color:#d2d2d2;
	line-height:1;
}
#container {
	background-image:url(../_img/bg-repeat.jpg);
	background-repeat:repeat-x;
        text-align: center;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
:focus {
	outline:0;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
#toparea-wrap {
	width:960px;
	margin:0 auto;
	padding-top:20px;
        text-align: left;
}
#logo-placement {
	width:200px;
	margin:0 auto;
	float:left;
}
#toplogo-area {
	/*background-image:url(../_img/weddinglogo.jpg);*/
	background-repeat:no-repeat;
	width:230px;
	height:60px;
}
#userdisplay-wrap {
	width:335px;
	margin:0 auto;
	padding-top:5px;
	padding-left:0px;
	float:left;
}
.cart {
	position:relative;
	top:7px;
}
/*Begin - Navigation Area*/
/*Button area for web navigation*/
#nav-wrap {
	width:424px;
	height:32px;
	padding-top:15px;
	float:right;
}
#nav {
	width:420px;
	float:right;
}
#nav-sprite {
	background: url(../_img/nav-sprite.png);
	width:420px;
	height:32px;
	position: relative;
	margin: 0;
	padding: 0;
}
#nav-sprite li {
	float:left;
}
#nav-sprite li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 32px;
	background: url(../_img/nav-sprite.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
/*Button area for rollover,active*/
/*up state*/
li#btn_home a {
left: 0;
width: 66px;
background-position: 0 0;
}

li#btn_explore a {
left: 66px;
width: 110px;
background-position: -66px 0;
}

li#btn_yourphoto a {
left: 172px;
width: 84px;
background-position: -172px 0;
}

li#btn_products a {
left: 256px;
width: 85px;
background-position: -256px 0;
}

li#btn_signup a {
left: 341px;
width: 80px;
background-position: -340px 0;
}

/*hover state*/
li#btn_home a:hover {
background-position: 0 -34px;
}

li#btn_explore a:hover {
background-position: -66px -34px;
}

li#btn_yourphoto a:hover {
background-position: -172px -34px;
}

li#btn_products a:hover {
background-position: -256px -34px;
}

li#btn_signup a:hover {
background-position: -340px -34px;
}

/*current state*/
#home li#btn_home a {
background-position: 0 -68px;
}

#explore li#btn_explore a {
background-position: -66px -68px;
}

#products li#btn_yourphoto a {
background-position: -172px -68px;
}

#about li#btn_products a {
background-position: -256px -68px;
}

#signup li#btn_signup a {
background-position: -340px -68px;
}

.cleardiv {
	clear:both;
}
/*Begin - Content Area*/
/*Informative area, area of all information */
#content-wrap {
	background-color:#fff;
	border:2px solid #e2dfdf;
	width:960px;
	margin:25px auto 0;
        text-align: left;
}
#left_col {
	/*background-image:url(../_img/img-main.jpg);*/
	background-repeat:no-repeat;
	float:left;
	width:524px;
	height:366px;
}
#right_col {
	float:right;
	width:420px;
}
#contbtn-product {
	background-image:url(../_img/contbtn-product.gif);
	margin-top:8px;
}
#contbtn-signup {
	background-image:url(../_img/contbtn-signup.gif);
	margin:6px 0;
}
#contbtn-product ,#contbtn-signup {
	background-repeat:no-repeat;
	width:209px;
	height:43px;
}
#contbtn-product a, #contbtn-signup a {
	display:block;
	height:43px;
}
/*hover state*/
#contbtn-product a:hover {
	background-image:url(../_img/hovercontbtn-product.gif);
}
#contbtn-signup a:hover {
	background-image:url(../_img/hovercontbtn-signup.gif);
}
#contbtn-product a:hover, #contbtn-signup a:hover {
	background-repeat:no-repeat;
	height:43px;
}
/*Begin - Sub Content Area*/
#subcontent {
	background-color:#fff;
	width:960px;
	margin:22px auto 0;
	padding-bottom:18px;
}
#left_box {
	background-color:#fff;
	width:248px;
	height:136px;
	border: 2px solid #dfdfdf;
	margin-left:16px;
	float:left;
}
#middle_box {
	background-color:#fff;
	width:248px;
	height:136px;
	border: 2px solid #dfdfdf;
	margin:0 13px;
	float:left;
}
#right_box {
	background-color:#edf4f6;
	width:390px;
	height:136px;
	border: 2px solid #a0c4d1;
	float:left;
}
.featuredimg {
	float:left;
	margin:6px;
}
/*Begin - Footer Area*/
/*Banner and end link area*/
#footer-wrap {
	width: 960px;
	margin:0 auto;
}
#footer {
	clear:both;
}
.footerlogo {
	position:relative;
	top:20px;
	float:right;
}
/*footer navigation link area*/
#footer_nav {
	width:960px;
	margin:0 auto;
}
#footer_nav ul {
	list-style:none;
}
#footer_nav ul li {
	float:left;
	margin:20px 5px 0;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*---------------------------PAGES------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
#contentsitemap, #contentsignup, #contentsignin, #contentcontact {
	min-height:400px;
        height:auto !important;
        height:400px;
        text-align:center;
}

#contentupload, #contentcontacts {
	min-height:400px;
        height:auto !important;
        height:400px;
        text-align:left;
}

#contenthelp, #contentguides, #contentprivacy, #contentcontact, #contentterms  {
    text-align:center;
}

#mostview {
	width:600px;
	margin: 12px auto;
}
.user1, .user2, .user3, .userphoto {
	width:190px;
	background-color:#EEE;
	border:1px solid #CCC;
	float:left;
	margin:6px 3px;
}
.useralbum {
	width:330px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	float:left;
	margin:6px 3px;
}
.userimage {
	position:relative;
	top:6px;
	left:6px;
	float:left;
}
.photo {
	margin:6px;
	float:left;
}
.mainimage {
	margin:6px;
	float:left;
}
#left_colPage1 {
	float:left;
	padding-left:140px;
}
#right_colPage1 {
	float:right;
	padding-right:140px;
}
#left_colPage1, #right_colPage1 {
	width:300px;
	margin:12px auto;
}
#left_colPage2 {
	width:400px;
	margin:12px auto;
	float:left;
	padding-left:140px;
}
#right_colPage2 {
	width:320px;
	margin:12px auto;
	float:right;
	padding-right:70px;
}
#left_colPage3, #product_col, #right_colPage3 {
	margin-top:10px;
}
#left_colPage3 {
	width:200px;
	float:left;
}
#accordion {
	width:200px;
	float:left;
}
#product_col {
	width:490px;
	float:left;
        padding-left:20px;
        text-align:left;
}

#productselection {
	padding:0 0 0 7px;
}
#toprow, #bottomrow {
	margin:10px auto;
}
#calendar, #foldcard, #keepsake, #mousepad, #mugs, #puzzle {
	float:left;
}
#right_colPage3 {
	width:208px;
	padding-right:10px;
	float:right;
}
#left_colPage4, #left_colPage5, #left_colPageX {
	width:480px;
	margin:0 auto;
        text-align:left;
}
#right_colPage4,  #right_colPageX {
	width:590px;
	margin:20px auto 0;
        text-align:left;
}
#signingin_box {
	background-color:#fff;
	width:500px;
	border: 2px solid #dfdfdf;
	margin-left:16px;
}
/*-----------------------SUB NAVIGATION---------------------------*/
#explorenav-sprite, #yourphotonav-sprite, #productnav-sprite {
	height:30px;	
	position: relative;
	margin: 0;
	padding: 0;	
}
#explorenav-sprite li, #yourphotonav-sprite li, #productnav-sprite li {
	float:left;
}
#explorenav-sprite li a, #yourphotonav-sprite li a, #productnav-sprite li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;	
}
/*------------------------EXPLORE PAGE---------------------
#explorenav-sprite {
	background: url(../_img/explorenav-sprite.png);
	width:316px;
}
#explorenav-sprite li a {
	background: url(../_img/explorenav-sprite.png) no-repeat;
}
li#btn_allcontact a {
left: 0;
width: 86px;
background-position: 0 0;
}

li#btn_private a {
left: 86px;
width: 63px;
background-position: -86px 0;
}

li#btn_public a {
left: 150px;
width: 51px;
background-position: -150px 0;
}

li#btn_friends a {
left: 200px;
width: 59px;
background-position: -200px 0;
}
li#btn_family a {
left: 259px;
width: 57px;
background-position: -259px 0;
}

li#btn_allcontact a:hover {
background-position: 0 -29px;
}

li#btn_private a:hover {
background-position: -86px -29px;
}

li#btn_public a:hover {
background-position: -150px -29px;
}

li#btn_friends a:hover {
background-position: -200px -29px;
}

li#btn_family a:hover {
background-position: -259px -29px;
}

.allcontact li#btn_allcontact a {
background-position: 0 -58px;
}

.private li#btn_private a {
background-position: -86px -58px;
}

.public li#btn_public a {
background-position: -150px -58px;
}

.friends li#btn_friends a {
background-position: -200px -58px;
}

.family li#btn_family a {
background-position: -259px -58px;
}
*/

/*-----------------------YOURPHOTO PAGE---------------------------*/
#yourphotonav-sprite {
	background: url(../_img/yourphotonav-sprite.png);
	width:316px;
}
#yourphotonav-sprite li a {
	background: url(../_img/yourphotonav-sprite.png) no-repeat;
}
/*Button area for rollover,active*/
/*up state*/
li#btn_upload a {
left: 0;
width: 64px;
background-position: 0 0;
}

li#btn_albums a {
left: 65px;
width: 60px;
background-position: -66px 0;
}

li#btn_contact a {
left: 124px;
width: 72px;
background-position: -125px 0;
}

li#btn_shares a {
left: 195px;
width: 61px;
background-position: -196px 0;
}
li#btn_profile a {
left: 256px;
width: 60px;
background-position: -256px 0;
}
/*hover state*/
li#btn_upload a:hover {
background-position: 0 -29px;
}

li#btn_albums a:hover {
background-position: -66px -29px;
}

li#btn_contact a:hover {
background-position: -125px -29px;
}

li#btn_shares a:hover {
background-position: -196px -29px;
}

li#btn_profile a:hover {
background-position: -256px -29px;
}
/*current state*/
.upload li#btn_upload a {
background-position: 0 -58px;
}

.albums li#btn_albums a {
background-position: -66px -58px;
}

.contacts li#btn_contact a {
background-position: -125px -58px;
}

.shares li#btn_shares a {
background-position: -196px -58px;
}

.profile li#btn_profile a {
background-position: -256px -58px;
}
/*-----------------------YOURPHOTO PAGE---------------------------*/

/*------------------------PRODUCT PAGE---------------------------*/
/*left column nav - accordion*/
ul#menu, ul#menu ul {
  list-style-type:none;

  width: 16em;
  float:left;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background-color: #fcfcfc;
  font-weight:bold;
  color:#0053aa;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background-color: #ccc;
}

ul#menu li ul li a {
  background-color: #f6f6f6;
  font-weight:lighter;
  color: #999;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background-color:#ccc;
  color:#000;
  border-left:5px #000 solid;
  padding-left:15px;
}
/*------------------------PRODUCT PAGE---------------------------*/