/* VIEW NAV
---------------------------------------------------------- */

	#viewIcons {
	 width: 310px;
	 height: 55px;
	 padding: 0;
	 border: 0;
	 float: left;
	 }

	#viewIcons h2 {
	 width: 49px;
	 height: 55px;
	 margin: 0;
	 padding: 0;
	 float: left;
	 text-indent: -9999px;
	 text-decoration: none;
	 background: transparent url(../img/global/viewIconsH2.gif) no-repeat;
	 }

	#viewIcons ul {
	 width: 259px;
	 height: 55px;
	 margin: 0;
	 padding: 0;
	 float: left;
	 position: relative;
	 line-height: normal;
	 background: transparent url(../img/global/viewIcons.gif) no-repeat;
	 }

	#viewIcons ul li {
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 background: transparent;
	 position: absolute;
	 }

	#viewIcons ul li, #viewIcons ul a {
	 height: 55px;
	 display: block;
	 }

	#viewIcons ul li a {
	 text-indent: -9999px;
	 text-decoration: none;
	 overflow: hidden;
	 }

	li#iconSm {width: 51px; left: 0;}
	li#iconMed {width: 59px; left: 51px;}
	li#iconLrg {width: 59px; left: 110px;}
	li#iconSlide {width: 90px; left: 169px;}

	li#iconSm a:hover {background: transparent url(../img/global/viewIcons.gif) 0 -55px no-repeat;}
	li#iconMed a:hover {background: transparent url(../img/global/viewIcons.gif) -51px -55px no-repeat;}
	li#iconLrg a:hover {background: transparent url(../img/global/viewIcons.gif) -110px -55px no-repeat;}
	li#iconSlide a:hover {background: transparent url(../img/global/viewIcons.gif) -169px -55px no-repeat;}

	 /* You are here */

	.small li#iconSm a, .small li#iconSm a:hover {background: transparent url(../img/global/viewIcons.gif) 0 -110px no-repeat;}
	.medium li#iconMed a, .medium li#iconMed a:hover {background: transparent url(../img/global/viewIcons.gif) -51px -110px no-repeat;}
	.large li#iconLrg a, .large li#iconLrg a:hover {background: transparent url(../img/global/viewIcons.gif) -110px -110px no-repeat;}
	.slideshow li#iconSlide a, .large li#iconSlide a:hover {background: transparent url(../img/global/viewIcons.gif) -169px -110px no-repeat;}

/* PAGE NAV
---------------------------------------------------------- */

.pageNav {
	background: #efefef url(../img/global/greyCornerTL.gif) no-repeat;
	padding: 0 0 0 19px;
	float: left;
	margin: 10px 10px 0 25px;
}

.pageNav div {
	float: left;
	background: #efefef url(../img/global/greyCornerTR.gif) top right no-repeat;
	padding: 9px 19px 9px 0;
	text-align: center;
}

.pageNav form {
	float: left;
	margin: 0 20px 0 0;
}

.pageNav select {
	float: left;
}

.pageNav label {
	float: left;
	padding: 4px;
	color: #666;
}

.pageLinks {
	list-style: none;
	margin: 0;
	float: left;
	padding: 2px;
}

.pageLinks li {
	margin: 0;
	padding: 0;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.pageLinks li a {
	display: block;
	margin: 0;
	padding: 0 3px;
}

.pageLinks li a:hover {
	color: #5c5c5c;
	text-decoration: underline;
}

.pageLinks li a.pageNavOn {
	color: #333;
	font-weight: bold;
}

.pageLinks li a.pageNavOn:hover {
	text-decoration: none;
}

.pageLinksPrev, .pageLinksNext {
	 display: block;
	 width: 9px;
	 height: 20px;
	 margin: 0;
	 padding: 0;
	 float: left;
	 text-indent: -9999px;
	 text-decoration: none;
	 background: transparent url(../img/global/arrowLdots.gif) 0 5px no-repeat;
	 overflow: hidden;
}

.pageLinksNext {
	 background: transparent url(../img/global/arrowRdots.gif) 100% 5px no-repeat;
}

.pageLinksPrev:hover {
	 background-position: 0 -15px;
}

.pageLinksNext:hover {
	 background-position: 100% -15px;
}

	 /* bottom links */

.bottomLinks {
	background: #efefef url(../img/global/greyCornerBL.gif) bottom left no-repeat;
	margin: 20px 10px 10px 335px;
}

.bottomLinks div {
	background: #efefef url(../img/global/greyCornerBR.gif) bottom right no-repeat;
}


/* THUMBNAILS
---------------------------------------------------------- */

.thumbnails {
	float: left;
	width: 645px;
	margin-left: 5px;
}


/* CATEGORIES
---------------------------------------------------------- */

.viewCategory {
	float: left;
	background: transparent url(../img/global/dotsHoriz.gif) bottom left repeat-x;
	padding: 10px 0 20px;
	width: 705px;
}

.viewCategory p {
	font-size: 14px;
}

.viewCategory a.downloadLink, .viewCategory a.deleteLink {
    font-size: 12px;
}

.viewCategory a.downloadLink img, .viewCategory a.deleteLink img {
    display: inline;
    vertical-align: middle;
    margin-right: 4px;
}

/* chapters */

.chapter {
	float: left;
	padding: 4px 18px 10px 18px;
	width: 105px;
}

.chapter .thumb {
	margin: 0 0 8px;
	padding: 0 5px 5px 0;
	background: #ededed url(../img/global/thumbBgLanding.gif) no-repeat;
}

.chapter a {
	display: block;
	clear: left;
	font-size: 14px;
	color: #333;
}

.chapter a span {
	margin: 3px 0 0;
	font-size: 10px;
	display: block;
	color: #999;
}

.chapter a:hover, .chapter a:hover span {
	color: #3361ab;
}

.chapter div.photo-admin {
    margin-top: 2px;
}

.chapter div.photo-admin a {
    font-size: 10px;
    display: inline;
}



/* VIEW CONTROLS + prev / next photo
---------------------------------------------------------- */

.viewControls {
	float: left;
	width: 140px;
}

.viewPrev, .viewNext {
	 overflow: hidden;
	 width: 20px;
	 height: 20px;
	 margin: 0;
	 padding: 0;
	 float: left;
	 text-indent: -9999px;
	 text-decoration: none;
	 background: transparent url(../img/global/arrowL.gif) no-repeat;
}

.viewNext {
	 background: transparent url(../img/global/arrowR.gif) no-repeat;
}

.viewPrev:hover, .viewNext:hover {
	 background-position: 0 -20px;
}

.imgNumber {
	display: block;
	float: left;
	padding: 2px 10px;
	color: #999;
}

.imgNumber strong {
	color: #333;
	font-size: 14px;
	font-weight: normal;
}

/* diag L */

.diagL {
	float: left;
	background: transparent url(../img/global/diagBgL.jpg) no-repeat;
	padding: 4px 0 3px 3px;
	width: 135px;
}

.contract {
	display: block;
	background: transparent url(../img/global/iconContract.gif) no-repeat;
	padding: 1px 40px 1px 20px;
	float: left;
	white-space: nowrap;
}

.contract:hover {
	 background-position: 0 -20px;
}

/* diag R */

.diagR {
	float: right;
	background: transparent url(../img/global/diagBgR.jpg) no-repeat;
	padding: 4px 3px 3px 0;
	width: 135px;
}

.expand {
	display: block;
	background: transparent url(../img/global/iconExpand.gif) 100% 0 no-repeat;
	padding: 1px 20px 1px 40px;
	float: right;
	white-space: nowrap;
}

.expand:hover {
	 background-position: 100% -20px;
}


/* image number */

.frameNumber {
	color: #999;
	float: left;
	width: 75px;
	/*background: transparent url(../img/global/frameNumberBorder.gif) 100% 65% no-repeat;*/
	margin: 4px 22px;
	padding-top: 1px;
}


/* PHOTO VIEW
---------------------------------------------------------- */

.viewPhoto {
	float: left;
	position: relative;
	margin-top: 2px;
	width: 286px;
}

.viewPhoto .photo {
	background: #ededed;
}

.viewPhoto table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.viewPhoto td {
	margin: 0;
	padding: 0;
	width: 286px;
	height: 286px;
	text-align: center;
	vertical-align: middle;
}

.viewPhoto img {
	display: inline;
	background: #fff;
	padding: 3px;
	border: 1px solid #97b1dc;
}

.viewPhoto a:hover img {
	border-color: #eeafce;
}

.viewPhoto .enlargeImg {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 20px;
	height: 20px;
	background: transparent url(../img/global/iconEnlarge.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 2;
}

.enlargeImg:hover {
	 background-position: 0 -20px;
}


/* MANAGE PHOTO
---------------------------------------------------------- */

.managePhoto {
	width: 284px;
	float: left;
	margin-top: 2px;
	background: #ededed;
	border: 1px solid #dddddd;
}

.managePhoto form {
	margin: 2px;
	border: 1px solid #dddddd;
	padding: 10px 15px;
	float: left;
	width: 248px;
	}

.managePhoto h2 {
	float: left;
	width: 60px;
	margin: 0;
}

.managePhotoIcons {
	float: left;
	width: 184px;
	margin: 0 0 15px;
}

.managePhotoIcons span {
	clear: left;
	float: left;
	display: block;
	padding: 2px;
	width: 180px;
	font-weight: bold;
}

.managePhotoIcons a {
	float: left;
	display: block;
	padding: 1px 0 2px 20px;
}

.managePhotoIcons .iconFav { background: transparent url(../img/global/iconFav.gif) no-repeat; }
.managePhotoIcons .iconAddToCart { background: transparent url(../img/global/iconAddToCart.gif) no-repeat; }
.managePhotoIcons .iconEmail { background: transparent url(../img/global/iconEmail.gif) no-repeat; }
.managePhotoIcons .iconShare { background: transparent url(../img/global/iconShare.gif) no-repeat; }

.managePhotoIcons a:hover { background-position: 0 -20px;
                            cursor: pointer;}
.managePhotoIcons a.iconOn { background-position: 0 -40px; }
.managePhotoIcons a.iconOn:hover { background-position: 0 -60px;
                                   cursor: pointer; }

.managePhoto label {
	float: left;
	width: 62px;
	font-size: 14px;
}

.managePhoto select {
	float: left;
}

/* FRAME SEARCH
---------------------------------------------------------- */

.imgSearch {
	float: right;
	background: #efefef;
	padding: 9px 12px;
	margin: 10px 14px;
}

.imgSearch form {
	float: left;
}

.imgSearch label {
	padding: 0;
}

.imgSearch input {
	width: 40px;
	float: left;
	margin-right: 10px;
}

.imgSearch .btnSubmit {
	margin: 0;
}



/* ------------------------------------- PAGES -------------------------------------  */



/* LANDING PAGE
---------------------------------------------------------- */

/* content */

.landing .wideContent, .category .wideContent {
	float: left;
	padding: 0 120px 20px;
}

.landing #tier3 {
	height: 10px;
}


/* MEDIUM VIEW
---------------------------------------------------------- */

/* right col */

.medium .rightCol {
	padding-top: 0;
	width: 542px;
}

/* page nav */

.medium .pageNav {
	margin: 10px 0 0 10px;
	width: 346px;
}

.medium .pageNav div {
	width: 337px;
}

.medium .bottomLinks  {
	margin-top: 3px;
}


/* thumbnails */

.medium .thumbnails {
	float: left;
	width: 390px;
	margin-left: 10px;
}

.medium .thumbnails a {
	float: left;
	display: block;
	border: 1px solid #fff;
}

.medium .thumbnails a:hover {
	border-color: #3ab1ee;
}

.medium .thumbnails a.thumbOn {
	border-color: #b70072;
}

/* thumbnail rollover enlarge */

.thumbEnlarge {
	border: 1px solid #6c6c6c;
	padding: 2px;
	background: #fff;
	z-index: 10;
}

.thumbEnlarge img {
	border: 1px solid #6c6c6c;
}


/* photo view */

.medium .viewPhoto {
	width: 541px;
}

.medium .viewPhoto td {
	width: 541px;
	height: 541px;
}

.medium .viewPhoto img {
	padding: 3px;
}


/* manage photo */

.medium .managePhoto {
	width: 251px;
	margin-right: 2px;
	height: 130px;
}

.medium .managePhoto form {
	width: 215px;
	height: 104px;
}

.medium .managePhoto .managePhotoIcons {
	width: 144px;
}

.medium .managePhoto span {
	width: 140px;
}

.medium .long {
	width: 539px;
	height: auto;
}

.medium .long form {
	width: 503px;
	height: auto;
}

/* frame search */

.medium .imgSearch {
	margin: 10px 2px 15px;
}

/* LARGE VIEW
---------------------------------------------------------- */

/* view icons */

.large #viewIcons {
	float: none;
}

/* diags */

.large .diagL {
	margin-left: 148px;
}

.large .diagR {
	margin-right: 152px;
}


/* photo view */

.large .viewPhoto {
	width: 900px;
}

.large .viewPhoto td {
	width: 900px;
}

.large .viewPhoto .photo {
	background: transparent;
}

.large .viewPhoto img {
	padding: 0;
	border: 1px solid #6c6c6c;
}

.large .frameNumber {
	margin: 4px 22px 4px 55px;
}

/* manage photo */

.large .managePhoto {
	width: 243px;
	margin-right: 2px;
	height: 130px;
}

.large .managePhoto form {
	width: 207px;
	height: 104px;
}

.large .managePhoto .managePhotoIcons {
	width: 136px;
}

.large .managePhoto span {
	width: 132px;
}


/* thumbnails */

.large .thumbnails {
	width: 365px;
	margin: 2px 0 0 2px;
	background: #efefef;
	border: 1px solid #dddddd;
	position: relative;
}

.large .thumbnails div {
	margin: 2px;
	border: 1px solid #dddddd;
	padding: 38px 15px;
	float: left;
	width: 329px;
}

.large .thumbnails a {
	display: block;
	float: left;
	border: 1px solid #fff;
	margin-right: 1px;
}

.large .thumbnails a:hover {
	border-color: #3ab1ee;
}

.large .thumbnails a.thumbOn {
	border-color: #b70072;
}

.large .thumbnails  .pageLinksPrev {
	margin: 12px 12px 0 0;
	border: 0;
}

.large .thumbnails .pageLinksNext {
	margin: 12px 0 0 10px;
	border: 0;
}

.large .thumbnails .thumbEnlarge {
	border: 1px solid #6c6c6c;
	padding: 2px;
	background: #fff;
	z-index: 10;
	margin: 0;
	float: none;
	width: auto;
}

.large .thumbnails .thumbEnlarge img {
	border: 1px solid #6c6c6c;
}

.large .long {
	margin-left: 0;
	width: 653px;
}

.large .long div {
	width: 617px;
}


/* SLIDESHOW VIEW
---------------------------------------------------------- */

/* left col */

.slideshow {
	height: 100%;
}

 .slideshow #flashContent {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	width: 100%;
	height: 100%;
	background: #000;
}