.mgsMenuMain {
   width: 400px;
   float: right;
}

.mgsMenuIPhone {
   display: none;
}

/* *********************************************** */
/* Page Layout                                     */
/* *********************************************** */

.mgsGalleryHeader {
   width: 910px;
   float: left;
   color: #a0a0a0;
   border: #404040 1px solid;
   margin: 2px;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 6px;
   padding-right: 6px;
}

.mgsGallerySelect {
   width: 300px;
   float: left;
}

#mgsGallerySelect {
}

#mgsGallerySelect option {
}

.mgsGalleryName {
   float: right;
   font-size: 13px;
   font-weight: bold;
   padding: 5px;
   color: #a0a0a0;
}

.mgsContentImage {
   width: 750px;
   height: 600px;
   float: left;
   padding-left: 8px;
   padding-right: 8px;
   color: #404040;
   margin: 2px;
}

/* *********************************************** */
/* Sidebar Thumbnails                              */
/* *********************************************** */

#mgsContentSidebar {
   width: 150px;
   float: left;
   padding: 0px;
   color: #404040;
   border: #404040 1px solid;
   margin: 2px;
}

#mgsGallerySidebar {
   width: 140px;
   height: 100%;
   padding: 2px;
   border: #d0d0d0 1px solid;
   margin: 0px;
   overflow: auto;
}

#mgsGallerySidebar img {
   padding: 1px;
   margin: 2px;
   border: #404040 2px solid;
}

#mgsGallerySidebar img:hover {
   border: #ffff7f 2px solid;
}

#mgsSidebarArrows {
   height: 60px;
   background-color: #b0b0b0;
}

#mgsScrollUp {
   float: left;
}

#mgsScrollDown {
   float: right;
}

#mgsSidebarArrows img {
   padding: 2px 4px;
   border: 4px;
}

#mgsSidebarArrows img:hover {
   padding: 4px 4px;
   border: 0px;
}

/* *********************************************** */
/* Gallery Image                                   */
/* *********************************************** */

#mgsGalleryNameText {
   color: #404040;
   float: left;
}

.mgsGalleryDescription {
   height: 40px;
   width: 98%;
   font-size: 13px;
   font-weight: bold;
   border: #404040 1px solid;
   padding: 5px;
}

#mgsGalleryDescription {
   color: #404040;
   float: left;
}

.mgsImageHeader {
   height: 16px;
   width: 98%;
   font-size: 13px;
   font-weight: bold;
   padding: 5px;
}

#mgsImageName {
   float: left;
   color: #404040;
}

#mgsImagePurchase {
   float: right;
}

.mgsMenuImgNav {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

.mgsImageMain {
   visibility: hidden;
   cursor: hand;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

.mgsImageFooter {
   font-family: arial, helvetica, verdana, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #404040;
   padding: 10px;
}

.mgsImageNotes {
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   text-align: center;
   color: #404040;
}

.mgsImageNotesIPhone {
   display: none;
}

/* *********************************************** */
/* Navigation Menu Area - START                    */
/* *********************************************** */

.mgsMenuImgNavWrap {
   margin: auto;
   height: 40px;
   padding-top: 10px;
}

.mgsMenuImgNavLink {
   font-family: arial, helvetica, verdana, sans-serif;
   font-weight: bold;
   font-size: 12px;
   padding-left:   15px;
   padding-right:  15px;
   padding-top:    5px;
   padding-bottom: 5px;
   text-align: center;
   text-decoration: none;
   color: #404040;
   display: block;
   border: #404040 1px solid;
}

a.mgsMenuImgNavLink:hover {
   color: #ffff7f;
   background-color: #0000b0;
   border-top: #ffff7f 1px solid;
   border-bottom: #ffff7f 1px solid;
}

/* *********************************************** */
/* END                                             */
/* *********************************************** */