/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/



#buyConfirm, #buyOverlay, #buyWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;  }
#buyOverlay{position:fixed; width:100%; height:100%; }
#buyMiddleLeft, #buyBottomLeft{clear:left;}
#buyContent{position:relative; overflow:visible; padding:0;  }
#buyLoadedContent{overflow:auto;}
#buyLoadedContent iframe{display:block; width:100%; height:100%; border:0; }
#buyTitle{margin:0;}
#buyLoadingOverlay, #buyLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#buyPrevious, #buyNext, #buyClose, #buySlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#buyOverlay{background:#faf5eb;}

    #buyContent{margin-bottom:32px; margin-top:20px; }
        #buyLoadedContent{ padding:1px;}
        #buyLoadingGraphic{background:url(images/loading.html) center center no-repeat;}
        #buyLoadingOverlay{background:#FAF5EB;}
        #buyTitle{position:absolute; bottom:10px; left:10px; color:#737369; font-size:13px; }
        #buyCurrent{position:absolute; top:-20px; right:0px; color:#919186; font-size:11px; }
        #buySlideshow, #buyPrevious, #buyNext, #buyClose{width:20px; height:20px; position:absolute; bottom:-25px; right:0; color:#919186; }
        #buyPrevious{ right:122px; }
        #buyPrevious.hover{ color:#6F5436; }
        #buyNext{ right:55px; }
        #buyNext.hover{ color:#6F5436; }
        #buyClose{ right:15px;}
        #buyClose.hover{ color:#6F5436; }
        .buySlideshow_on #buyPrevious, .buySlideshow_off #buyPrevious{ }
        .buySlideshow_on #buySlideshow{ }
        .buySlideshow_on #buySlideshow.hover{ }
        .buySlideshow_off #buySlideshow{ }
        .buySlideshow_off #buySlideshow.hover{ }