/* reset */
ul,li,ol,div,a,span,img,input,fieldset,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ border:0; margin:0; padding:0; list-style:none; }
a{ color:#369; text-decoration:underline; }
a:hover{ text-decoration: underline; }
body {
	margin: 0; padding: 0; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0;
	color: #464646;
	background-color: #fff;
}
.clearout { clear: both;height: 1px;margin-top: -1px;font-size: 1px;line-height: 1px }
#all{width:962px; left:0; margin-left:15px;}
#listContent li{ list-style-type:disc !important; margin-left:32px !important; padding:3px 0 0 0 !important }
#header {height:51px; margin-top:10px; position:relative; }
#header h1{ float:right; margin-right:-10px; position:relative; margin-top:3px; }

#nav{width:785px; border-bottom:solid 3px #fe9903; height:48px; float:left; }

h2.hr { clear:both; }

/* nav tool */
#nav .tool{margin-left:160px; margin-top:0px; }
#nav .tool li{ float:left; }
#nav .tool li a{ color:#6367be; border-right:solid 1px #000; padding:0 6px; font-size:11px; }
#nav .tool li a.last{ border:0; }

/* nav main */
#nav .main{ height:25px; display:block; float:left; clear:both; margin-top:10px; }
#nav .main span{ display:none; font-size:0; }
#nav .main li{ float:left; }
#nav .main a { height:25px; display:block; margin-right:1px; font-size:0; background-image:url(../images/txt-nav.gif); }
#nav .main a.addPicture{ width:98px; }
#nav .main a.viewEnhance{ width:109px; background-position: -99px 0; }
#nav .main a.shareOnline{ width:88px; background-position: -209px 0; }
#nav .main a.orderPrints{ width:85px; background-position: -299px 0; }
#nav .main a.shutterflyStore{ width:105px; background-position: -385px 0; }

/* header search */
#header form {position:absolute; width:300px; left:500px; top:23px; }
#header form input{ 
	float:left; 
	border:solid 3px; 
	border-color:#848484 #fafafa #fafafa #848484; 
	width:178px; 
	font-size:11px; padding:1px 2px;  }
#header form input.submit{ border:0; width:auto; }

/* middle */
#middle { min-height:300px; _height:300px; position:relative; }
#middle #left{width:244px; float:left; }
#middle #right{width:700px; float:right; min-height:600px; }



/* left nav */
#middle #left h2{margin-left:1px; }
#middle #left li {
	font-size:12px; 
	display:block; 
	padding:8px 11px; 
	border-bottom:solid 2px #fff;
	width:209px;
	margin-left:7px;
	 }
#middle #left li a{color:#369; display:block; text-decoration:none; font-weight:700; }
#middle #left li.first{ border-top:solid 5px #fff; }	
#middle #left li:hover{background:#e3f1c7; }
#middle #left li.on .parent{background:#e3f1c7; text-decoration:underline; display:block;  }
#middle #left li.on .child{ 
	display:block; 
	font-weight:100!important;
	text-decoration:none !important;
	font-size:11px; 
	background:url(../images/bg-sub-nav-left.gif) no-repeat 15px 8px !important; padding:3px 3px 3px 25px;
}
#middle #left li.on .child.on{ text-decoration:underline!important; }

#middle #left li.on .child:hover{ text-decoration:underline!important; }

#middle #left li.on {background:#e3f1c7; }

#middle #left div.ft{ 
	background:url(../images/bg-ft-left.gif) no-repeat; 
	width:244px; 
	height:8px; 
	position:absolute;;
	bottom:0;}

/* middle contents */
#middle #right #panel{margin-bottom:35px;}

#middle #right #content{font:100 12px verdana; color:#666; }
#middle #right #content p{ color:#666; padding:0 16px; line-height:17px; } 
#middle #right #content h2 { color:#F05323; font:700 12px verdana; padding:5px 16px 16px 16px; }
#middle #right #content h2.hr { 
	border-bottom:solid 1px #ccc; 
	padding:0 0 11px 0; 
	margin:30px 0 16px 16px; 
	font-size:14px;
}
#middle #right #content li{ padding:3px 16px;}

#middle.type1{background:url(../images/bg-content-type1.gif); }

/* ------ pages ------- */
	/* how to */
	#content.howto ul{ width:325px; margin-left:16px; _margin-left:8px; float:left }
	#content.howto ul li{ text-indent:-16px; margin-bottom:15px; }
	#content.howto div.recommends{float:right; width:304px; overflow:hidden; }
	#content.howto div.recommends em{ font-weight:700; font-style:inherit; }
	#content.howto div.recommends strong{ padding-bottom:8px; display:block; }
	#content.howto div.recommends ul{ margin:0; widows:300px; }
	#content.howto div.recommends ul li{ margin-bottom:8px; text-indent:-11px; }
	#content.howto .box{display:block; overflow:auto; _overflow:visible; _float:left;}
	#content.howto p.turn{ text-align:center; margin:40px; font-weight:700}
	#content.howto p.turn img{margin-top:25px;}

	/* Design Specs */
	#content.designSpecs h2.hr{ margin-bottom:16px!important; }
	#content.designSpecs div.box.first{ float:left; position:relative; z-index:100; }
	#content.designSpecs div.box.first p{ line-height:18px!important; margin:10px 0;}
	#content.designSpecs div.box.first p.left{ float:left!important; padding-right:0!important; width:186px;}
	#content.designSpecs div.box.first div.right{ float:left; width:495px; padding:0; }
	#content.designSpecs div.box.first p.photoshop{ margin-top:25px; }
	
	/* Scrapbooks Pages Overview */
	#content.scrOverview{}
	#content.scrOverview .featureLayout{ margin-left:16px; }
	#content.scrOverview .featureLayout dl{width:115px; float:left; margin-left:27px; }
	#content.scrOverview .featureLayout dl.first{margin:0}
	#content.scrOverview .featureLayout dt{padding-bottom:10px; font-size:11px; width:115px; }
	#content.scrOverview .featureLayout dd{text-align:right; width:103px; }
	#content.scrOverview .featureLayout dd.thumb{
		background:#f2e8d5; 
		padding:7px 6px 6px 7px; 
		border:solid 1px #ddd;
		border-width:0 1px 1px 0;
		margin-bottom:8px;
		width:90px;
	}
		#content.scrOverview .featureLayout dd.thumb img{border:solid 1px #fff; }
	
	/* Scrapbooks community */
	#content.community dl {
	min-height:10px; 
	width:684px; 
	margin-left:16px;
	margin-top:14px; 
	}
	* html #content.community dl { height: 1%; overflow: visible; }
	*+html #content.community dl { min-height: 1%; }
	#content.community dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } 
	#content.community dt{ float:right; width:552px; font-weight:700; margin-bottom:10px; }
	#content.community dd{ 
		float:left; 
		margin-left:30px; 
		position:relative; 
		display:block; 
		width:533px; 
		min-height:96px;
		_height:96px;
	}
	#content.community dd.img{
		border-right:solid 1px #dedede;
		width:88px; 
		background:#f2e8d5; 
		padding:7px; 
		min-height:88px; 
		margin:0; 
		height:86px;
	}
	#content.community dd.last{ border-bottom:0; margin-bottom:0; }
	#content.community dd.img img{ border:solid 1px #fff;  }
	#content.community h2.hr{ margin-top:45px!important;}
	
	/* advisory */
	#content.community dl.advisory dd.last{ width:549px !important; position:static; }
	#content.community dl.advisory dd div.left{ width:360px; float:left; min-height:145px; padding-bottom:30px; position:relative; }
	#content.community dl.advisory dd div.right{
		padding:21px 23px; 
		background:#f2e8d5; 
		float:right; 
		width:125px; 
		text-align:right;
		
		}
	#content.community dl.advisory a.top{ display:block; float:right; position:absolute; right:0; bottom:0;}
	#content.community dl.advisory a.thumb{ height:100px!important;}
	
/* common */
.backTop,.seeMore{float:right}
.exploreAndLearn{ font:100 10px Verdana; margin-top:52px; }
.exploreAndLearn .bd{
	width:698px; 
	border:solid 1px #d2d2d2; 
	border-width:0 1px; 
	padding:16px 0; 
	overflow:auto; 
	_overflow:visibility;
	}
.exploreAndLearn .bd p{width:147px; margin:0; display:block; float:left; margin-left:26px; } 
.exploreAndLearn .bd p.first{ margin-left:16px; _margin-left:8px; }
.exploreAndLearn .bd strong{display:block; margin:10px 0}
.exploreAndLearn .bd a.more{ color:#369; display:block; margin:10px 0 0}
.exploreAndLearn .ft{width:700px; height:8px; background:url(../images/bg-ft-learn-more.gif); font-size:0; }

	.exploreAndLearn.t2 .bd{ width:678px; }
	.exploreAndLearn.t2 .bd p{margin-left:24px; width:140px; }
	.exploreAndLearn.t2 .bd p.first{margin-left:22px; _margin-left:11px; }
	.exploreAndLearn.t2 .bd div.resume p{ width:640px; padding:13px 0 30px 0; _margin-left:8px; }
	.exploreAndLearn.t2 .bd strong{ font-weight:100; margin-top:28px; }
	.exploreAndLearn.t2 .bd a.more{margin-bottom:30px; }
	.exploreAndLearn.t2 .ft{background:url(../images/bg-ft-learn-more2.gif); width:680px; height:32px; }
	.exploreAndLearn.t2 .ft a{ font-size:11px; float:right; margin:7px 7px 0; }
	

.tellUs{font:100 11px Verdana; }
.tellUs p{padding-bottom:0; margin:20px 0 0 0; }
.tellUs a{ color:#369 }
.printLink{ margin-top:24px; display:block; }

/* contain float */

* html .contain_float { height: 1%; overflow: visible; }
*+html .contain_float { min-height: 1%; }
.contain_float:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }


/* new footer */
div#ft { margin: 12px 0 0 0; padding: .5em 0 1em 0; border-top: 3px solid #ddd; width: 980px; }
div#ft.limit {margin-left: 30px; width: 665px;}
#flow #ft, #flow #ft.limit {margin-left: 0;}
div#ft #cpy { margin-left: 131px; font-size: 10px; color: #999; }
div#ft.limit #cpy {margin-top: 20px;}
html>body div#ft.limit #cpy {margin-top: 13px;}
div#ft a#prvcy {
	display: block;
	float: left;
	width: 116px;
	height: 31px;
	margin-top: 5px;
	background: url(../images/lgo-trust-e.gif) center no-repeat;
}
div#ftlnk { font-size: 10px; line-height: 14px; color: #369; margin: 0 10px 2px 131px; }
div#ftlnk a {white-space: nowrap; color:#6166c2; }
div#ft i {display: none;}
/* end new footer */