@charset "utf-8";
/* PORTRAIT INNOVATIONS PERSONALIZED CSS STYLES */

/* CONTENT */
#content {
	margin: -49px  0 0 30px;
	width: 482px;
	float: left;
}

/* MEDIA */
#content #media-top {
	width: 482px;
	height: 65px;
	background: transparent url(../media/images/bg_personalized-top.jpg) top left no-repeat;
	position: relative;
}

#content #media-top h2 {
	color: #ffffff;
	font-size: 16px;
	margin: 0 0 0 13px;
	padding: 14px 0 0 0;
}

#content #media-top #templates {
	position: absolute;
	bottom: 26px;
	right: 15px;
	height: 30px;
}

#content #media-top #templates label {
	font-size: 18px;
	color: #ffffff;
	margin: 6px 0 0 0;
	float: left;
}

#content #media-top #templates ul#temp {
	border: 1px solid #850024;
	width: 159px;
	height: 28px;
	position: relative;
	z-index: 51;
	margin: 0 0 25px 10px;
	float: left;
	cursor: pointer;
}

#content #media-top #templates ul#temp li {
	color: #6c7072;
	font-size: 11px;
	width: 159px;
	height: 28px;
	line-height: 28px;
	background: #FFFFFF url(../media/images/arrow_red.jpg) top right no-repeat;
	list-style: none;
	text-indent: 12px;
}

#content #media-top #templates ul#temp li a {
	color: #6c7072;
	font-size: 11px;
	text-decoration: none;
	line-height: 28px;
}

#content #media-top #templates ul#temp ul {
	position: absolute;
	width: 159px;
	left: -9999%;
	border-left: 1px solid #850024;
	border-bottom: 1px solid #850024;
	border-right: 1px solid #850024;
	background-color: #FFFFFF;
}

#content #media-top #templates ul#temp ul li {
	background-color: #FFFFFF; 
	background-image: none;
	width: 159px;
	height: 100%;
	line-height: 17px;
	border: none;
	display: block;
}

#content #media-top #templates ul#temp ul li a {
	background-color: #FFFFFF; 
	background-image: none;
	width: 147px;
	height: auto;
	border: none;
	display: block;
	text-indent: 0;
	padding: 5px 0 6px 12px;
	line-height: 17px;
}

#content #media-top #templates ul#temp li:hover ul, #content #media-top #templates ul#temp li.sfhover ul { 
 	left: -1px; 
	top: 27px;
}

#content #media-top #templates ul#temp li:hover ul ul, #content #media-top #templates ul#temp li:hover ul ul ul, #content #media-top #templates ul#temp li.sfhover ul ul, #content #media-top #templates ul#temp li.sfhover ul ul ul {
	left: -999em;
}
  
#content #media-top #templates ul#temp li li:hover ul, #content #media-top #templates ul#temp li li li:hover ul, #content #media-top #templates ul#temp li li.sfhover ul, #content #media-top #templates ul#temp li li li.sfhover ul {
	top: 0;
}

#content #media-top #templates ul#temp li li:hover a, #content #media-top #templates ul#temp li li.sfhover a, #content #media-top #templates ul#temp li ul ul li:hover a, #content #media-top #templates ul#temp li ul ul ul li:hover a, #content #media-top #templates ul#temp li ul ul li.sfhover a, #content #media-top #templates ul#temp li ul ul ul li.sfhover a {
	background-color: #ebf0d0;
}

#content #media-middle {
	width: 482px;
	background: transparent url(../media/images/bg_personalized-middle.gif) top left repeat-y;
}

#content #media-middle #main-img {
	width: 472px;
	height: 100%;
	display: block;
	margin: 0 0 0 6px;
	padding: 10px 0 0 0;
	background: #ffffff url(../media/images/bg_nav.jpg) bottom left repeat-x;
}

#content #media-middle #main-img img.horizontal {
	margin: 0 auto 0 auto;
	text-align: center;
	border: 1px solid #606365;
}

#content #media-middle #main-img img.vertical {
	margin: 0 auto 0 auto;
	text-align: center;
	border: 1px solid #606365;
}

#content #media-bottom {
	width: 482px;
	height: 22px;
	background: transparent url(../media/images/bg_personalized-bottom.jpg) top left no-repeat;
	display: block;
}
/* END OF MEDIA */

#content #copy {
	width: 95%;
	color: #6c7072;
	font-size: 13px;
	text-align: justify;
	margin: 25px auto 0 auto;
	line-height: 18px;
}

#content #copy h1 {
	color: #82877b;
	font-size: 22px;
	margin: 0 0 15px 0;
}

#content #copy p {
	color: #6c7072;
	font-size: 12px;
	text-align: justify;
	margin: 15px 0 0 0;
}

#content #copy p a {
	color: #1177bb;
	font-size: 16px;
	text-decoration: underline;
}

#content #copy p a:hover {
	text-decoration: none;
}
/* END OF CONTENT */

/* THUMBNAILS */
#thumbnails {
	width: 190px;
	margin: -49px 0 0 25px;
	float: left;
	text-align: center;
}

#thumbnails ul.horz, #thumbnails ul.vert {
	width: 85px;
	float: left;
	margin: 0 5px 10px 0;
	padding: 0 0 0 5px;
	_padding: 0 0 0 2px;
	position: relative;
}

#thumbnails ul.horz li, #thumbnails ul.vert li {
	width: 85px;
	list-style: none;
}

#thumbnails ul.horz li img {
	width: 100%;
	border: 1px solid #606365;
}

#thumbnails ul.vert li img {
	width: 70%;
	border: 1px solid #606365;
}

#thumbnails ul.horz li ul {
	position: absolute;
	width: 135px;
	height: 76px;
	left: -9999px; 
	cursor: pointer;
}

#thumbnails ul.vert li ul {
	position: absolute;
	width: 90px;
	height: 155px;
	left: -9999px; 
	cursor: pointer;
}

#thumbnails ul.horz li ul li {
	width: 100%;
	margin: 0 auto 0 auto;
}

#thumbnails ul.vert li ul li {
	width: 100%;
	margin: 0 auto 0 auto;
}

#thumbnails ul.horz li ul li img {
	width: 87%;
	margin: 0 auto 0 auto;
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
	padding: 3px;
	border: 5px solid  #a1c9e2;
}

#thumbnails ul.vert li ul li img {
	width: 83%;
	margin: 0 auto 0 auto;
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
	padding: 3px;
	border: 5px solid  #a1c9e2;
}

#thumbnails ul.horz li:hover ul, #thumbnails ul.horz li.sfhover ul {
	left: -25px; 
	top: -15px;
}

#thumbnails ul.vert li:hover ul, #thumbnails ul.vert li.sfhover ul { 
 	left: -1px; 
	top: -15px;
}

#thumbnails ul.horz li:hover ul ul, #thumbnails ul.horz li:hover ul ul ul, #thumbnails ul.horz li.sfhover ul ul, #thumbnails ul.horz li.sfhover ul ul ul, #thumbnails ul.vert li:hover ul ul, #thumbnails ul.vert li:hover ul ul ul, #thumbnails ul.vert li.sfhover ul ul, #thumbnails ul.vert li.sfhover ul ul ul {
	left: -999em;
}
  
#thumbnails ul.horz li li:hover ul, #thumbnails ul.horz li li li:hover ul, #thumbnails ul.horz li li.sfhover ul, #thumbnails ul.horz li li li.sfhover ul, #thumbnails ul.vert li li:hover ul, #thumbnails ul.vert li li li:hover ul, #thumbnails ul.vert li li.sfhover ul, #thumbnails ul.vert li li li.sfhover ul {
	top: 0;
}

#thumbnails #view-links, #thumbnails #numbers {
	height: 30px;
	width: 100%;
}

#thumbnails #view-links {
	border-bottom: 1px solid #c8e0f2;
	margin: 0 0 20px 0;
	text-align: right;
}

#thumbnails #view-links {
	color: #6c7072;
	font-size: 12px;
	line-height: 30px;
}

#thumbnails #view-links .print {
	float: left;
}

#thumbnails #numbers {
	border-top: 1px solid #c8e0f2;
	text-align: right;
	float: right;
}

#thumbnails #numbers strong {
	font-size: 13px;
	color: #6c7072;
	line-height: 30px;
	margin: 0 3px 0 3px;
}

#thumbnails #view-links a, #thumbnails #numbers a {
	color: #1b73ba;
	font-size: 13px;
	text-decoration: underline;
	line-height: 30px;
	margin: 0 3px 0 3px;
}

#thumbnails #numbers a {
	margin: 0 2px 0 2px;
}

#thumbnails #numbers a.view {
	color: #52b688;
	text-decoration: underline;
	margin: 0 0 0 15px;
	line-height: 30px;
}

#thumbnails #view-links a:hover, #thumbnails #numbers a:hover, #thumbnails #view-links a:active, #thumbnails #numbers a:active {
	text-decoration: none;
}

#thumbnails #view-links span {
	color: #b1b1b1;
	font-size: 12px;
	margin: 0 5px 0 5px;
}
/* END OF THUMBNAILS */