#showName{
   position: absolute;
   left: 610px;
   top: 595px;
   z-index: 100;
   width: 205px;
   height: auto;
   margin-bottom:5px;
   padding-bottom:5px;
}

/*-------------------------------------------------------- COLOR SELECTION BUTTON CONTENT BEGINS -------------------------------*/
#lockpurpleb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 617px;
   top: 11px;
   z-index: 40;
   width: 34px;
   height: 36px;
}

#lockpurpleb a  {
   background: url(images/lacepurpleb.png) no-repeat;
   display: block;
   height: 36px;
   width: 34px;
   background-position: 0% 0px;
}

#lockpurpleb a:hover  {
   background-position: -34px 0%;
}

#lockpinkb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 574px;
   top: 11px;
   z-index: 41;
   width: 35px;
   height: 36px;
}

#lockpinkb a  {
   background: url(images/lacepinkb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#lockpinkb a:hover  {
   background-position: -35px 0%;
}

#lockbrightblueb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 532px;
   top: 11px;
   z-index: 42;
   width: 35px;
   height: 36px;
}

#lockbrightblueb a  {
   background: url(images/lacebrightblueb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#lockbrightblueb a:hover  {
   background-position: -35px 0%;
}

#lockorangeb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 490px;
   top: 11px;
   z-index: 43;
   width: 35px;
   height: 36px;
}

#lockorangeb a  {
   background: url(images/laceorangeb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#lockorangeb a:hover  {
   background-position: -35px 0%;
}

#lockblackb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 448px;
   top: 11px;
   z-index: 47;
   width: 35px;
   height: 36px;
}

#lockblackb a  {
   background: url(images/laceblackb.png) no-repeat;
   display: block;
   width: 35px;
   height: 36px;
   background-position: 0% 0px;
}

#lockblackb a:hover  {
   background-position: -35px 0%;
}

#lockgrayb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 406px;
   top: 11px;
   z-index: 48;
   width: 34px;
   height: 36px;
}

#lockgrayb a  {
   background: url(images/lacegrayb.png) no-repeat;
   display: block;
   height: 36px;
   width: 34px;
   background-position: 0% 0px;
}

#lockgrayb a:hover  {
   background-position: -34px 0%;
}

#lockwhiteb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 364px;
   top: 9px;
   z-index: 49;
   width: 35px;
   height: 39px;
}

#lockwhiteb a  {
   background: url(images/lacewhiteb.png) no-repeat;
   display: block;
   height: 39px;
   width: 35px;
   background-position: 0% 0px;
}

#lockwhiteb a:hover  {
   background-position: -35px 0%;
}

#lockyellowb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 322px;
   top: 11px;
   z-index: 50;
   width: 34px;
   height: 36px;
}

#lockyellowb a  {
   background: url(images/laceyellowb.png) no-repeat;
   display: block;
   height: 36px;
   width: 34px;
   background-position: 0% 0px;
}

#lockyellowb a:hover  {
   background-position: -34px 0%;
}

#lockkellygreenb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 279px;
   top: 11px;
   z-index: 51;
   width: 35px;
   height: 36px;
}

#lockkellygreenb a  {
   background: url(images/lacekellygreenb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#lockkellygreenb a:hover  {
   background-position: -35px 0%;
}

#lockroyalblueb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 237px;
   top: 11px;
   z-index: 52;
   width: 35px;
   height: 36px;
}

#lockroyalblueb a  {
   background: url(images/laceroyalblueb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#lockroyalblueb a:hover  {
   background-position: -35px 0%;
}

#lockredb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 195px;
   top: 11px;
   z-index: 53;
   width: 35px;
   height: 36px;
}

#lockredb a  {
   background: url(images/laceredb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#lockredb a:hover  {
   background-position: -35px 0%;
}

#clasppurpleb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 617px;
   top: 11px;
   z-index: 56;
   width: 34px;
   height: 36px;
}

#clasppurpleb a  {
   background: url(images/lacepurpleb.png) no-repeat;
   display: block;
   height: 36px;
   width: 34px;
   background-position: 0% 0px;
}

#clasppurpleb a:hover  {
   background-position: -34px 0%;
}

#clasppinkb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 574px;
   top: 11px;
   z-index: 57;
   width: 35px;
   height: 36px;
}

#clasppinkb a  {
   background: url(images/lacepinkb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#clasppinkb a:hover  {
   background-position: -35px 0%;
}

#claspbrightblueb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 532px;
   top: 11px;
   z-index: 58;
   width: 35px;
   height: 36px;
}

#claspbrightblueb a  {
   background: url(images/lacebrightblueb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#claspbrightblueb a:hover  {
   background-position: -35px 0%;
}

#clasporangeb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 490px;
   top: 11px;
   z-index: 59;
   width: 35px;
   height: 36px;
}

#clasporangeb a  {
   background: url(images/laceorangeb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#clasporangeb a:hover  {
   background-position: -35px 0%;
}

#claspblackb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 448px;
   top: 11px;
   z-index: 63;
   width: 35px;
   height: 36px;
}

#claspblackb a  {
   background: url(images/laceblackb.png) no-repeat;
   display: block;
   width: 35px;
   height: 36px;
   background-position: 0% 0px;
}

#claspblackb a:hover  {
   background-position: -35px 0%;
}

#claspgrayb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 406px;
   top: 11px;
   z-index: 64;
   width: 34px;
   height: 36px;
}

#claspgrayb a  {
   background: url(images/lacegrayb.png) no-repeat;
   display: block;
   height: 36px;
   width: 34px;
   background-position: 0% 0px;
}

#claspgrayb a:hover  {
   background-position: -34px 0%;
}

#claspwhiteb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 364px;
   top: 9px;
   z-index: 65;
   width: 35px;
   height: 39px;
}

#claspwhiteb a  {
   background: url(images/lacewhiteb.png) no-repeat;
   display: block;
   height: 39px;
   width: 35px;
   background-position: 0% 0px;
}

#claspwhiteb a:hover  {
   background-position: -35px 0%;
}

#claspyellowb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 322px;
   top: 11px;
   z-index: 66;
   width: 34px;
   height: 36px;
}

#claspyellowb a  {
   background: url(images/laceyellowb.png) no-repeat;
   display: block;
   height: 36px;
   width: 34px;
   background-position: 0% 0px;
}

#claspyellowb a:hover  {
   background-position: -34px 0%;
}

#claspkellygreenb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 279px;
   top: 11px;
   z-index: 67;
   width: 35px;
   height: 36px;
}

#claspkellygreenb a  {
   background: url(images/lacekellygreenb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#claspkellygreenb a:hover  {
   background-position: -35px 0%;
}

#clasproyalblueb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 237px;
   top: 11px;
   z-index: 68;
   width: 35px;
   height: 36px;
}

#clasproyalblueb a  {
   background: url(images/laceroyalblueb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#clasproyalblueb a:hover  {
   background-position: -35px 0%;
}

#claspredb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 195px;
   top: 11px;
   z-index: 69;
   width: 35px;
   height: 36px;
}

#claspredb a  {
   background: url(images/laceredb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#claspredb a:hover  {
   background-position: -35px 0%;
}


/*--------------------------------------------------------------------------------------*/


#lacepurpleb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 617px;
   top: 11px;
   z-index: 72;
   width: 34px;
   height: 36px;
}

#lacepurpleb a  {
   background: url(images/lacepurpleb.png) no-repeat;
   display: block;
   height: 36px;
   width: 34px;
   background-position: 0% 0px;
}

#lacepurpleb a:hover  {
   background-position: -34px 0%;
}

#lacepinkb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 574px;
   top: 11px;
   z-index: 73;
   width: 35px;
   height: 36px;
}

#lacepinkb a  {
   background: url(images/lacepinkb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#lacepinkb a:hover  {
   background-position: -35px 0%;
}

#lacebrightblueb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 532px;
   top: 11px;
   z-index: 74;
   width: 35px;
   height: 36px;
}

#lacebrightblueb a  {
   background: url(images/lacebrightblueb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#lacebrightblueb a:hover  {
   background-position: -35px 0%;
}

#laceorangeb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 490px;
   top: 11px;
   z-index: 75;
   width: 35px;
   height: 36px;
}

#laceorangeb a  {
   background: url(images/laceorangeb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#laceorangeb a:hover  {
   background-position: -35px 0%;
}

#laceblackb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 448px;
   top: 11px;
   z-index: 79;
   width: 35px;
   height: 36px;
}

#laceblackb a  {
   background: url(images/laceblackb.png) no-repeat;
   display: block;
   width: 35px;
   height: 36px;
   background-position: 0% 0px;
}

#laceblackb a:hover  {
   background-position: -35px 0%;
}

#lacegrayb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 406px;
   top: 11px;
   z-index: 80;
   width: 34px;
   height: 36px;
}

#lacegrayb a  {
   background: url(images/lacegrayb.png) no-repeat;
   display: block;
   height: 36px;
   width: 34px;
   background-position: 0% 0px;
}

#lacegrayb a:hover  {
   background-position: -34px 0%;
}

#lacewhiteb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 364px;
   top: 9px;
   z-index: 81;
   width: 35px;
   height: 39px;
}

#lacewhiteb a  {
   background: url(images/lacewhiteb.png) no-repeat;
   display: block;
   height: 39px;
   width: 35px;
   background-position: 0% 0px;
}

#lacewhiteb a:hover  {
   background-position: -35px 0%;
}

#laceyellowb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 322px;
   top: 11px;
   z-index: 82;
   width: 34px;
   height: 36px;
}

#laceyellowb a  {
   background: url(images/laceyellowb.png) no-repeat;
   display: block;
   height: 36px;
   width: 34px;
   background-position: 0% 0px;
}

#laceyellowb a:hover  {
   background-position: -34px 0%;
}

#lacekellygreenb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 279px;
   top: 11px;
   z-index: 83;
   width: 35px;
   height: 36px;
}

#lacekellygreenb a  {
   background: url(images/lacekellygreenb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#lacekellygreenb a:hover  {
   background-position: -35px 0%;
}

#laceroyalblueb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 237px;
   top: 11px;
   z-index: 84;
   width: 35px;
   height: 36px;
}

#laceroyalblueb a  {
   background: url(images/laceroyalblueb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#laceroyalblueb a:hover  {
   background-position: -35px 0%;
}

#laceredb  {
   /*visibility: hidden;*/
   position: absolute;
   left: 195px;
   top: 11px;
   z-index: 85;
   width: 35px;
   height: 36px;
}

#laceredb a  {
   background: url(images/laceredb.png) no-repeat;
   display: block;
   height: 36px;
   width: 35px;
   background-position: 0% 0px;
}

#laceredb a:hover  {
   background-position: -35px 0%;
}


/*---------------------------------------------------------------------------------------*/


#lockb  {
   font: 12px/12px Arial;
   /*visibility: hidden;*/
   position: absolute;
   left: 122px;
   top: 3px;
   z-index: 90;
   width: 48px;
   height: 58px;
}

#lockb a  {
   background: url(images/lockb.png) no-repeat;
   display: block;
   width: 48px;
   height: 58px;
   background-position: 0% 0px;
}

#lockb a ins  {
   position: relative;
   left: 6px;
   top: 8px;
   /*width: -98px;*/
   height: 12px;
}

#lockb a:hover  {
   background-position: -48px 0%;
   font-weight: bold;
}

#claspb  {
   font: 12px/12px Arial;
   /*visibility: hidden;*/
   position: absolute;
   left: 64px;
   top: 3px;
   z-index: 94;
   width: 48px;
   height: 58px;
}

#claspb a  {
   background: url(images/claspb.png) no-repeat;
   display: block;
   width: 48px;
   height: 58px;
   background-position: 0% 0px;
}

#claspb a ins  {
   position: relative;
   left: 4px;
   top: 8px;
   /*width: -29px;*/
   height: 12px;
}

#claspb a:hover  {
   background-position: -48px 0%;
   font-weight: bold;
}

#laceb  {
   font: 12px/12px Arial;
   /*visibility: hidden;*/
   position: absolute;
   top: 3px;
   z-index: 98;
   width: 48px;
   height: 58px;
}

#laceb a  {
   background: url(images/laceb.png) no-repeat;
   display: block;
   width: 48px;
   height: 58px;
   background-position: 0% 0px;
}

#laceb a ins  {
   position: relative;
   left: 6px;
   top: 8px;
   /*width: 19px;*/
   height: 12px;
}

#laceb a:hover  {
   background-position: -48px 0%;
   font-weight: bold;
}
/*---------------------- COLOR SELECTION BUTTON CONTENT ENDS -------------------------------*/