/*
    popcart Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#popcart, #cpopOverlay, #cpopWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cpopWrapper {max-width:none;}
#cpopOverlay{position:fixed; width:100%; height:100%;}
#cpopMiddleLeft, #cpopBottomLeft{clear:left;}
#cpopContent{position:relative;}
#cpopLoadedContent{margin-bottom:42px;overflow:auto; -webkit-overflow-scrolling: touch;}
#cpopTitle{margin:0;}
#cpopLoadingOverlay, #cpopLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cpopPrevious, #cpopNext, #cpopClose, #cpopSlideshow{cursor:pointer;}
.cpopPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cpopIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#popcart, #cpopContent, #cpopLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of popcart.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cpopOverlay{background:#000;}
#popcart{outline:0;}
    #cpopTopLeft{width:8px; height:8px; background:#E6E5E5;}
    #cpopTopCenter{height:8px; background:#E6E5E5;}
    #cpopTopRight{width:8px; height:8px; background:#E6E5E5;}
    #cpopBottomLeft{width:8px; height:48px; background:#E6E5E5;}
    #cpopBottomCenter{height:48px; background:#E6E5E5;}
    #cpopBottomRight{width:8px; height:48px; background:#E6E5E5;}
    #cpopMiddleLeft{width:8px; background:#E6E5E5;}
    #cpopMiddleRight{width:8px; background:#E6E5E5;}
    #cpopContent{background:#fff; overflow:visible;}
        .cpopIframe{background:#fff;}
        #cpopError{padding:50px; border:1px solid #ccc;}
        #cpopLoadedContent{margin-bottom:5px;}
        #cpopLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cpopLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cpopTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cpopCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cpopPrevious, #cpopNext, #cpopSlideshow, #cpopClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cpopPrevious:active, #cpopNext:active, #cpopSlideshow:active, #cpopClose:active {outline:0;}

        #cpopPrevious{left:0px; background-position: -51px -25px;}
        #cpopPrevious:hover{background-position:-51px 0px;}
        #cpopNext{left:27px; background-position:-75px -25px;}
        #cpopNext:hover{background-position:-75px 0px;}
        #cpopClose{right:0; background-position:-100px -25px;}
        #cpopClose:hover{background-position:-100px 0px;}

        .cpopSlideshow_on #cpopSlideshow{background-position:-125px 0px; right:27px;}
        .cpopSlideshow_on #cpopSlideshow:hover{background-position:-150px 0px;}
        .cpopSlideshow_off #cpopSlideshow{background-position:-150px -25px; right:27px;}
        .cpopSlideshow_off #cpopSlideshow:hover{background-position:-125px 0px;}
		
		.popbutton {position:absolute;bottom:-34px;left:0px;z-index:99999;}
		.continueshop {position:absolute;bottom:-34px;right:0px;z-index:99999;}
		.poplight .popcontent { max-height:368px; overflow:auto; }
		.popdark .popcontent { max-height:368px; overflow:auto; }
		.tpopbutton {position:absolute;bottom:-41px;left:0px;z-index:99999;}
		.tcontinueshop {position:absolute;bottom:-41px;right:0px;z-index:99999;}
		
a.pbcartd { cursor: pointer; color: #EEE; font-size: 12px; line-height:13px; background-color: #111; background-image: url(../images/blackgradtop.png); background-position: top; background-repeat:repeat-x; padding: 6px 12px 6px 12px; text-decoration: none; border:1px solid #111; margin-right:4px; }
a.pbcheckoutd { cursor: pointer; color: #EEE; font-size: 12px; line-height:13px; background-color: #111; background-image: url(../images/blackgradtop.png); background-position: top; background-repeat:repeat-x; padding: 6px 12px 6px 12px; text-decoration: none; border:1px solid #111; }
a.pbcontinued { cursor: pointer; color: #EEE; font-size: 12px; line-height:13px; background-color: #111; background-image: url(../images/blackgradtop.png); background-position: top; background-repeat:repeat-x; padding: 6px 12px 6px 12px; text-decoration: none; border:1px solid #111; }
a.pbcartd:hover, a.pbcheckoutd:hover, a.pbcontinued:hover { background-image: url(../images/whitegradtop.png); }	

a.pbcartl { cursor: pointer; color: #000; font-size: 12px; line-height:13px; background-color: #EEE; background-image: url(../images/blackgradtop.png); background-position: top; background-repeat:repeat-x; padding: 6px 12px 6px 12px; text-decoration: none; border:1px solid #999; margin-right:4px; }
a.pbcheckoutl { cursor: pointer; color: #000; font-size: 12px; line-height:13px; background-color: #EEE; background-image: url(../images/blackgradtop.png); background-position: top; background-repeat:repeat-x; padding: 6px 12px 6px 12px; text-decoration: none; border:1px solid #999; }
a.pbcontinuel { cursor: pointer; color: #000; font-size: 12px; line-height:13px; background-color: #EEE; background-image: url(../images/blackgradtop.png); background-position: top; background-repeat:repeat-x; padding: 6px 12px 6px 12px; text-decoration: none; border:1px solid #999; }
a.pbcartl:hover, a.pbcheckoutl:hover, a.pbcontinuel:hover { background-image: url(../images/whitegradtop.png); }