body
{
/*background-color:#ffffff;*/
background-image: linear-gradient(to right, #d9eedb, #b6d0ba);
margin:0;
padding:0;
font-family:verdana,arial,helvetica,sans-serif;
color:#555555;
}

.large-img-div{
    cursor: zoom-out;
    background-image: linear-gradient(to right, #b6d0ba, #9eb5a1);
    /*background-color:#ccc;*/
    position:fixed;
    width:90%;
    height:90%;
    top:10px;
    left:10px;
    border-radius:10px;
    z-index:1000;
    display:none;
    visibility:hidden;
    box-shadow: 10px 10px 8px #859988;
}

.shell100per {position: relative; top: 0px; width: 100%; margin-left: auto; margin-right: auto; z-index:0; }

.container
{
text-align:center;
}

.centernw
{
margin-left:auto;
margin-right:auto;
max-width:100%;
padding-left:10px;
padding-right:10px;
height:auto;
overflow:auto;
}

.center1000
{
margin-left:auto;
margin-right:auto;
max-width:960px;
padding-left:10px;
padding-right:10px;
height:auto;
overflow:auto;
}

.bottomnav
{
    text-align:left;
}

.bottomnavcenter
{
    text-align:center;
}

.left-col
{
float:left;
max-width:410px; 
/**  max-width:410px;  **/
/**  width:50%;   **/
margin:20px;
text-align:left;
}

.right-col
{
float:left;
max-width:410px; 
width:100%;
/**  width:50%;  **/
/** width:390px;  **/
/** margin: auto; **/
margin:20px;
}

.imgdesignerthumbs
{
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
cursor: pointer;
}

/*     modal div  */
/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 20;
  padding-top: 40px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: white;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: white;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: black;
  position: absolute;
  top: 5px;
  right: 25px;
  font-size: 30px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}