/* list Groupnav  */
.mhsPhotoBookGallery {
	width: 600px;
}

.mhsPhotobookGroupNavSelectGal {
	background-color: #2C2E80;
	color: #FFF;
	padding: 2px;
	font-weight: bold;
}

.mhsPhotoBookGroupNav {
    clear: both;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.mhsPhotoBookGroupNav  li {
    margin:0;
    padding:0;
    list-style-type:none;
    margin-top: 5px;
	padding: 5px 0px 5px 5px;
    float: left;
	/*width: 587px;*/
}

.mhsPhotoBookGroupNav li  img {
    width:50px;
    height:50px;
}

.mhsPhotoBookGroupNav li  a {
    text-decoration: none;
}

.mhsPhotoBookGroupNav h1 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

.mhsPhotoBookGroupNavItemE {
    background-color: #EAEFFF;
}

.mhsPhotoBookGroupNavItemE  img {
    border:1px solid #2C2E80;
}

.mhsPhotoBookGroupNavItemE a {
	color: #2C2E80;
}

.mhsPhotoBookGroupNavItemE a:hover {
	color: #A0B6FF;
}

.mhsPhotoBookGroupNavItemO {
    background-color: #2C2E80;
	color: #FFF;
}

.mhsPhotoBookGroupNavItemO  img {
    border:1px solid #fff;
}

.mhsPhotoBookGroupNavItemO a {
	color: #FFF;
}

.mhsPhotoBookGroupNavItemO a:hover {
	color: #A0B6FF;
}

.mhsPhotoBookGroupNavItemImage {
    width: 50px;
    height: 50px;
    float: left;
}

.mhsPhotoBookGroupNavItemTextNotice {
	font-size: 12px;
}

.mhsPhotoBookGroupNav .mhsPhotoBookGroupNavItemText {
    width: 400px;
    height: 50px;
    margin-left: 10px;
    float: left;
    /*background-color: blue;*/
}

.mhsPhotoBookGroupNav #mhsPhotoBookGroupNavLevel2 {
    width: 497px;
    background-color: #f4f4f4;
    padding-left: 60px;
}

.mhsPhotoBookGroupNav #mhsPhotoBookGroupNavSubLevel2 {
    width: 552px;
    background-color: #f4f4f4;
    padding-left: 5px;
}

.mhsPhotoBookGalleryItem {
	background-color:#EAEFFF;
	float:left;
	margin:1px;
	margin-right: 7px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 4px;
}

.mhsPhotoBookGalleryItemImage {
	border: 1px solid #ccc;
}

.mhsPhotoBookGalleryItemDesc {
	margin-top: 3px;
}

.mhsPhotoBookGalleryItemDesc a {
	display: block;
}	

.mhsPhotoBookGalleryGoBack {
	clear:both;
	padding-top:10px
}

.mhsPhotoBookGalleryItemDesc  a,
.mhsPhotoBookGalleryGoBack a{
	color: #2C2E80;
	text-decoration: none;
}

.mhsPhotoBookGalleryItemDesc a:hover,
.mhsPhotoBookGalleryGoBack a:hover {
	color: #A0B6FF;
}

.mhsPhotoBookDetail {
	border: 1px solid #ccc;
	padding:5px;
}

.mhsPhotoBookDetailImage {
	border: 1px solid #ccc;
}

.mhsPhotoBookDetailDescTitle{
	font-weight: bold;
}

.mhsPhotoBookDetailDescDescription {}
.mhsPhotoBookDetailDescExtra {}

.mhsPhotoBookDetailDesc hr {
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
	height:1px;
	margin: 10px 0px;
}

.mhsPhotoBookDetailNavigation {

}

.mhsPhotoBookPostcard {
	border: 1px solid #ccc;
	padding:5px;
}

.mhsPhotoBookPostcardTable {
	width: 100%;
	background-color: #EAEFFF;
	margin-bottom: 5px;
}

.mhsPhotoBookPostcardTable hr {
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #2C2E80;
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
	height:1px;
	margin: 0px 1px;
}

.mhsPhotoBookPostcardTableTitle {
	background-color: #2C2E80;
	color: #FFF;
	padding: 2px;
}

.mhsPhotoBookPostcardTableColRight, .mhsPhotoBookPostcardTableColLeft {
	padding: 2px;
}

.mhsPhotoBookPostcardTableColLeft {
	width: 280px;
	vertical-align: middle;
}

.mhsPhotoBookPostcardTableColRight {
	text-align: right;
	vertical-align: middle;
}

.mhsPhotoBookPostcardTableSecureCode {
	text-align: left;
}

.mhsPhotoBookPostcardTableSecureCode img {
	float: left;
	margin-right: 5px;
}

.mhsPhotoBookPostcardTableSecureCode input {
	width: 222px;
	font-size: 11px;
	padding: 1px;
	padding-bottom: 0px;
	height: 16px;
}

.mhsPhotoBookPostcardSendOKGoBack {
	clear:both;
	padding-top:10px
}

.mhsPhotoBookPostcardSendOKGoBack a{
	color: #2C2E80;
	text-decoration: none;
}

.mhsPhotoBookPostcardSendOKGoBack a:hover {
	color: #A0B6FF;
}
/* END list Groupnav  */


/* image list */

#mhsPhotoBookDataList {
    width: 450px;
    float: left;
    margin-bottom: 30px;
}

#mhsPhotoBookDataList #mhsPhotoBookDataListC1 {
    width: 150px;
    float: left;
}

#mhsPhotoBookDataList #mhsPhotoBookDataListC2 {
    width: 300px;
    float: left;
}