table {border-spacing: 2;}

.AlbumBox {
     /* display: inline-block; */ /* This floats it in the center... you will have to comment out the below "float:left" if using this*/
    border: 1px solid black; /* Table border */
    float: left; /* So the tables are side by side instead of one under the other*/
    margin: 5px; /* If this is not there the tables "stick" to each other with no spacing inbetween */
}



.wrapper{
background: #FFF;
width: 100%;
height: 100%;
margin: 0 auto;
color: #000;
text-align: center;
}




.rating {
    cursor: pointer;
    margin:0 auto; //added margin
    width:10%; //width mentioned
    clear: both;
    display: block;
    background:#fff;
}



.pictureBoxWrapper1 {
    width: 225px;
    /* background: silver; */
    margin: 0 auto;
    padding:7px;
    float:left;
    border:dotted;
    margin-right:10px;

}

.img1 {
    width:200px;
    height:200px;
    margin-left: auto;
    margin-right: auto;


    border:dotted 2px #000000;
    border-top-left-radius:40px;
    border-top-right-radius:40px;
    border-bottom-left-radius:40px;
    border-bottom-right-radius:40px;

    box-shadow: 3px 5px 5px #000000;
    margin-bottom:10px;
}

.img1_1 {
    width:155px;
    height:155px;
    margin-left: auto;
    margin-right: auto;

    margin-bottom:10px;

}

.img2 {
    width:206px;
    height:206px;
    margin-left: auto;
    margin-right: auto;

    border:dotted 4px #000000;
    border-top-left-radius:42px;
    border-top-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:43px;


    box-shadow:10px 10px 5px #000000;
}

.img2.bg1 {
background:url(Ro206x206.jpg)

}

.topIcon1 {
    position:relative;
    width:45px;
    left: 155px;
    top: -10px;
    /* white-space: nowrap; Disables wrapping of the text*/
    display:none;
/*  z-index:-1; */

}

.rating1 {
    width:200px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    /*
    background:yellow;
    color:white;*/
}

.imgName1 {
    /*
    background:black;
    color:white;*/
    padding:3px;
    margin-bottom:20px;
    ;
}

.numbers1 {
    width:48px;
    float:left;
    text-align:center;
    /* background:#3CF; */
}






#original_items, #cloned_items {
    list-style: none;
}

#original_items li {
    float: left;
    position: relative;
    z-index: 5;
}


#cloned_items li {
    position: absolute;
    z-index: 1;
}



#original_items_pics, #cloned_items2 {
    list-style: none;
}


#original_items_pics li {
    float: left;
    position: relative;
    z-index: 5;
}

#cloned_items2 li {
    position: absolute;
    z-index: 1;
}

ul li {
    margin: 3px 3px 3px 0;
    padding: 1px;
}