body {
margin: 0; padding: 0; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #464646;
background-color: #ececec;
}
form {margin: 0; border: none;}
.frm, input, text, textarea, select, submit {font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
img {border: none;}
em {font-weight: bold; font-style: italic; color: #565656;}
td.blp {font-size: 12px; text-align: center;  vertical-align: top; height: 26px;}
th {font-weight: bold; text-align: right; font-size: 13px;}
.default {color: #464646; text-decoration: none;}
.nav {color: #6666CC; font-size: 12px;}
.navHi {color: #FF9900; font-size: 12px;}
.navLo {color: #b9b9b9; font-size: 12px;}
.navClean {font-size: 12px; text-decoration: none;}
.greeting {color: #FF9900; font-size: 12px; font-weight: bold;}
.error {color: #f00 !important; font-weight: bold;}
.titleGray {color: #9A9A9A; font-weight: bold; font-size: 15px;}
.titleGrayLt {color: #9A9A9A; font-size: 15px;}
.mbTitle {color: #464646; font-weight: bold; font-size: 13px;}
.poptitle {color: #FF9900; font-weight: bold; font-size: 15px;}
.redText {color: #FF0000;}
.strike {text-decoration: line-through; font-family: Times, Times Roman;}
.sm {font-size: 12px; line-height: 1.2}
.smbld {color: #666666; font-size: 9px; font-weight: bold;}
.reg {font-size: 10px;}
.star {color: #FF6600; font-size: 13px; font-weight: bold;}
br.sm {font-size: 9px;}
a {color: #6666CC;}
a:active {color: #FF9900;}
a.label {color: #FF9900; font-weight: bold; text-decoration: none;}
a.default {color: #464646; text-decoration: none;}
a.chkLnk {color: #464646; text-decoration: none; font-size: 12px;}
/* help styles */
a.smLnk {color: #666699; font-weight: bold; font-size: 12px; text-decoration: none;}
a.smLnk:hover {color: #3333FF; text-decoration: underline;}
.lightbox {background-color:#dddddd;}
.shade {background-color:#E8E8E8;}
.yellow {background-color:#FFCC33;} /* ? */
td.gray {background-color:#999999;}
.free {color: inherit; font-size: inherit; font-weight: inherit;}
.nowrap {white-space: nowrap; color: inherit; font-size: inherit; font-weight: inherit;}
.copyright {font-size: 10px; color: #999;} /* old footers */
/* new footer */
div#ft {
margin: 12px 0 0 15px;
padding: .5em 0 1em 0;
border-top: 3px solid #ddd;
width: 685px;
}
div#ft.limit {margin-left: 30px; width: 665px;}
#flow #ft, #flow #ft.limit {margin-left: 0;}
div#ft #cpy {
margin-left: 0px;
font-size: 10px;
color: #333;
}
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('http://web1.shutterfly.com/img_/misc/truste_ID.gif') no-repeat center;
}
div#ftlnk {
font-size: 10px;
line-height: 14px;
color: #66c;
margin: 0 10px 2px 15px;
}
div#ftlnk a {white-space: nowrap;}
div#ft i {display: none;}
/* end new footer */
/* nav tags */
/* topnav */
table#nv {width: 700px;}
#nv td {padding: 0; border: none;}
#nv td div {font: 12px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #666;}
#nv table td a {display: block; height: 31px;}
#nv td div#wlcm {padding-left: 15px; color: #f90; font-weight: bold; text-transform: capitalize; white-space: nowrap;}
#nv td div#nvsmrt {padding-right: 12px; text-align: right;}
#nv table {border-bottom: 4px solid white;}
/*#nv table {margin-bottom: 4px;} this would be better but might not work on all browsers*/
/* heading */
h2 {font-size: 18px; rightmargin: .5px 0; color: #565656;}
h3, h4, h5 {margin: 1.6em 0 0 0; padding: 0;}
h3, .head {color: blue; font-size: 16px; font-weight: bold;}
h4 {font-size: 13px;}
h4, strong, .label {color: #000000; font-weight: bold;}
td.sec {padding: 0 0 0 .8em; background-color: #ddd; color: #666; font-weight: bold;}
h5, em, .sub, .instruct {color: #565656; font-weight: bold; font-style: normal;}
h5 {margin-top: 0; font-size: 13px;}
/* forms */
.tier1 {margin: 0 0 1em 80px;}
a.arrow_rt {
float: left;
display: inline;
font-size: 12px;
line-height: 14px;
color: #666;
text-decoration: none;
padding-right: 16px;
background: url('http://web1.shutterfly.com/img_/misc/arrow_gr.gif') no-repeat 100% 1px;
}
a.arrow_rt:hover {text-decoration: underline;}
div.hln a.arrow_rt {margin-top: 4px; float: right;}
/* Promo Wells */
.well {
position: relative;
display: block;
width: 160px;
height: 117px;
background: #fff url('http://web1.shutterfly.com/img_/info/hdots_W.gif') no-repeat bottom center;
padding-bottom: 4px;
margin-bottom: 4px
}
.wellLast {
position: relative;
display: block;
width: 160px;
height: 110px;
}
.wellHorz {
position: relative;
float: left;
display: block;
width: 155px;
height: 110px;
background: #fff url('http://web1.shutterfly.com/img_/info/vdots_W.gif') no-repeat 0 0;
padding-left: 10px;
margin-left: 0px
}
.wellHorzFirst {
position: relative;
float: left;
display: block;
width: 155px;
height: 110px;
}
div.pr {width: 150px; min-height: 110px; text-align: center;}
div.pr p {margin: 0; font-size: 12px;  line-height: 13px;}
div.pr p.lft {margin-left: 8px; text-align: left;}
div.pr strong {display: block; color: #565656; font-size: 9px; line-height: 13px;}
.pop p, .pop td {color: #565656; font: 12px/13px Verdana, Geneva, Arial, sans-serif; margin-top:0;}
.pop .date, .pop strong {color: #666; font-weight: bold;}
.pop a.details:link{color: #66c;}
.pink {color: #f69;}
/* WL */
div.wl {
float: left;
margin: 0 5px 5px 0;
padding: 0;
width: 225px;
height: 135px;
}
div.wl table td {border: none; padding: 0; vertical-align: top;}
div.wl td {padding: 0;}
div.wl p {font-size: 10px; line-height: 12px; color: #666;}
div.wl a {color: #666;}
div.wl a:hover {color: #333;}
div.wl img {display: block;}
div.wl.color img {width: 225px; height: 135px;}
div.wl td {padding: 0;}
div.wl.top td.cpy {width: 110px; vertical-align: middle;}
div.wl.top p {margin: 0 2px 5px 0; padding: 0;}
div.wl.top a.arrow_rt {font-weight: bold; font-size: 10px;}
div.wl.bottom {background-color: #e9e9e9;}
div.wl.bottom p {margin: 0; padding: 0; height: 27px;}
div.wl.bottom p a.arrow_rt {
display: block;
float: none;
width: 202px;
margin: 0 5px 0 0;
padding: 7px 13px 7px 5px;
line-height: 13px;
background-position: 100% 7px;
}
div.wl.list .listnav {margin-top: 5px; font-family: Arial, Verdana, Helvetica, sans-serif; width: 100px;}
div.wl.list .listnav a {display: block; font-size: 12px; line-height: 12px; padding-left: 10px;  text-decoration: none; }
div.wl.list .listnav a:hover {background: url('http://web1.shutterfly.com/img_/store/new_wells/rollover_arrow.gif') no-repeat 0 2px;}
div.top5 {padding-top: 5px;}
/* tables */
table.ruled {
margin-top: 1em;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
table.ruled td {
border-bottom: 1px solid #666;
border-right: 1px solid #666;
}
/* tags */
p {
margin: 9px 0;
font-size: 13px; /*ie req*/
}
p.right {text-align: right;}
td {font-size: 13px; /*ie req*/}
h4+p, p.t0 {margin-top: 0;}
div.cleaner {clear: both; display: block; margin: 0; padding: 0; height: .1px; line-height: 1px; font-size: 1px;}
.center {text-align: center; margin-left: auto; margin-right: auto;}
/* healine */
div.hln {clear: both; padding: 8px 0 4px 1px;}
div.hln h2 {display: inline; font: normal 18px/20px Arial, Helvetica; color: #9c3; padding-right: .7em;}
div.hln h2 em {color: #999; font-weight: normal; font-style: normal;}
div.hln h2 i {
display: inline;
/*border-left: 1px solid #999;*/
padding: 0 .6em;
font-size: 15px; line-height: 18px !important;
color: #999;
/*background-color: yellow;*/
vertical-align: top; 
}
div.line {
margin: 0; padding: 0;
font-size: 0px;
height: .1px;
line-height: 0px;
border-top: 1px solid #9c3;
}
/* olive buttons */
ul.ob {
list-style: none;
padding: 0;
margin: .2em 0 0 0;
}
ul.ob li {margin: 0 0 6px 0; padding: 0;}
span.ob {white-space: nowrap;}
div.ob a {display: block;}
p.ob {line-height: 18px !important;}
.ob a {
background: url('http://web1.shutterfly.com/img_/misc/ob_ie.gif') no-repeat;; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:2px
}
html>body .ob a {background: url('http://web1.shutterfly.com/img_/misc/ob.png') no-repeat;}
.ob a.check {background-position: 0 0;}
.ob a.check:hover {background-position: 0 -50px;}
.ob a.a1 {background-position: 0 -100px;}
.ob a.a1:hover {background-position: 0 -150px;}
.ob a.a2 {background-position: 0 -200px;}
.ob a.a2:hover {background-position: 0 -250px;}
.ob a.a3 {background-position: 0 -300px;}
.ob a.a3:hover {background-position: 0 -350px;}
.ob a.bck {background-position: 0 -300px; font-size: 12px;}
.ob a.bck:hover {background-position: 0 -350px;}
.ob a.a4 {background-position: 0 -400px;}
.ob a.a4:hover {background-position: 0 -450px;}
.ob a.a5 {background-position: 0 -500px;}
.ob a.a5:hover {background-position: 0 -550px;}
.ob a.a6 {background-position: 0 -600px;}
.ob a.a6:hover {background-position: 0 -650px;}
.ob a.cross {background-position: 0 -700px;}
.ob a.cross:hover {background-position: 0 -750px;}
/* sub olives */
div.ob ul {
font-size: 12px;
list-style: disc;
padding: 0;
margin: 0 0 14px 0;
}
div.ob ul li {
padding: 0 0 2px 0;
font-size: 12px;
line-height: 12px;
margin-left: 30px;
color: #66c; 
}
div.ob ul li a {
background: none;
line-height: 12px;
padding-left: 0px;
margin: 0;
padding: 0;
display: inline;
}
div.ob ul li a:hover, div.ob ul li #sel {
background: none;
color: #f90;
padding-left: 0px;
text-decoration: none;
}
div.ob ul li #sel {
font-weight: bold;
color: #f90;
}
.selSubOlive { font-weight:bold; color:#f90; text-decoration: none; border-bottom:1px dotted #f90; }

ul
{
list-style: disc outside;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #464646;
}  
ol
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #464646;
}