/*


   Magic Zoom Plus v2.0.6 
   Copyright 2010 Magic Toolbox
   You must buy a license to use this tool.
   Go to www.magictoolbox.com/magiczoomplus/


*/

.MagicZoom img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

/* Style of zoomed window */
.MagicZoomBigImageCont {
border: 1px solid #999;
}

/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader {
font-size: 8pt !important;
line-height: normal !important;
color: #fff;
background: #666;
text-align: center !important;
}

/* Style of small square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #fff;
cursor: move;
}

/* Style of message box while image is loading */
.MagicZoomLoading {
border: 1px solid #ccc;
background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
padding: 4px 4px 4px 24px !important;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}
/* Style of the small image link */
.MagicZoomPlus {
cursor: url(graphics/zoomin.cur), pointer;
outline: 0 !important;
}

/* Style of the small image */
.MagicZoomPlus img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
max-width:380px;
}

/* Style of the span inside the small image link */
.MagicZoomPlus span {
display: none !important; 
}


/* Style of hotspots */
.MagicHotspots {
display: none;
visibility: hidden;
}
.MagicHotspots a {
border: 1px solid #ccc;
}
.MagicHotspots a:hover {
border: 1px solid red;
}

/* Style of the small image link */
.MagicThumb, .MagicThumb:hover {
cursor: url(graphics/zoomin.cur), pointer;
outline: 0 !important;
}

/* Style of the small image when the large image is expanded */ 
.MagicThumb-expanded-thumbnail {
cursor: default;
}

/* Style of the span inside the small image link */
.MagicThumb span {
display: none !important;
}

/* Style of the small image */
.MagicThumb img {
border: 0;
outline: 0;
}

/* Style of the expanded image */
.MagicThumb-expanded {
cursor: url(/javascript/magiczoomplus/graphics/zoomout.cur), pointer;
background: transparent;
border: 1px solid #ccc;
outline: 0;
padding: 0;
}

/* Style of the caption for the expanded image */
.MagicThumb-caption {
color: #333;
font: normal 10pt Verdana, Helvetica;
background: #ccc;
text-align: left;
padding: 8px;
border: 0 !important;
outline: 0 !important;
}

/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
background: transparent url(graphics/buttons1.png) no-repeat 0 0;
height: 24px;
display: block;
}

.MagicThumb-buttons a {
width: 24px;
height: 24px;
margin: 0px 1px !important;
overflow: hidden;
}

/* Style of the loading message box */
.MagicThumb-loader {
font: normal 12pt sans-serif;
border: 1px solid #000;
background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
}

/* Style of the small images which swap the main image */
.MagicThumb-swap {
}

/* Style to hide caption on page. Only needed for #id method. */
.MagicThumb-external-caption {
display: none;
}

    .wrap {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1055px;
}

.productDetailBox {
    padding-top: 16px;
    width: 970px;
}



.productDetailBox #magicZoomContainer {
    padding-bottom: 21px;
    text-align: left !important;
}

.packNumber {
    display: none;
    height: 52px;
    position: absolute;
    right: 0;
    top: 24px;
    width: 121px;
    z-index: 9;
}

#pdpTop {
    border: medium none;
    display: table-cell !important;
    height: 300px !important;
    line-height: 300px;
    margin: 0;
    padding: 0;
    width: 300px !important;
}


.productDetailBox #magicZoomContainer #pdp {
    border: medium none;
    display: block !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    width: auto !important;
}

.vHeight {
    width: 0;
}

.vMiddle, .vHeight {
    display: table-cell;
}

.magicThumbExpand, .GCExpand {
    color: #A9A9A9;
    font-size: 11px;
    font-style: italic;
    height: 30px;
    line-height: 30px;
    padding: 5px 0 5px 16px;
    text-align: left;
}


.productDetailBox #magicZoomContainer .magicThumbExpand span, .GCExpand span {
    float: left;
}

.largerImage {
background: url("graphics/Show_lagImage.jpg") no-repeat scroll 0 0px transparent;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    width: 139px;
    float: left;
}
.otherimg{ height: 30px;    width: 139px;float: left;}
.productDetailBox #magicZoomContainer .magicThumbExpand span, .GCExpand span {
    float: left;
}
.magicThumbBox{ border: medium none;
    display: table-cell !important;
    margin: 0;
    padding: 0;
     padding-left:10px;
    width: 420px !important;
                }
.productDetailBox #magicZoomContainer .magicThumbBox a {
    border: 1px solid #FFFFFF;
    display: inline-block;
    height: 60px;
    margin: 2px;
    padding: 5px;
    width: 60px;
}

a:link, a:visited, a:focus {
    outline: medium none;
    text-decoration: none;
}

.MagicThumb-swap {
}
a {
    color: #424242;
}


.productDetailBox #magicZoomContainer .magicThumbBox .vMiddle {
    width: 60px;
}

.vMiddle, .vHeight {
    display: table-cell;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

input, img {
    vertical-align: middle;
}
fieldset, img {
    border: 0 none;
}

.productDetailBox #magicZoomContainer .magicThumbBox .vHeight {
    height: 60px;
}

.vHeight {
    width: 0;
}

.vMiddle, .vHeight {
    display: table-cell;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}


.clearFloatNoHeight {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    width: 0;
}

 #pdp .MagicZoomPup{margin-left:0px; width:80px; height:80px;}
 
 .magicThumbBox .selected {
    border: 1px solid #E0DBD7;
    margin: 2px;
}
.magicThumbBox a {
    border: 1px solid #FFFFFF;
    display: inline-block;
     margin-right:2px;
    width: 90px;
    float:left;
}