/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {position: absolute;top: 0;left: 0;z-index: 9999;overflow: hidden;}
#cboxWrapper {max-width: none;}
#cboxOverlay {position: fixed;width: 100%;height: 100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear: left;}
#cboxContent {position: relative;}
#cboxLoadedContent {overflow: auto;-webkit-overflow-scrolling: touch;}
#cboxTitle {margin: 0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor: pointer;}
.cboxPhoto {float: left;margin: auto;border: 0;display: block;max-width: none;-ms-interpolation-mode: bicubic;}
.cboxIframe {width: 100%;height: 100%;display: block;border: 0;}
#colorbox, #cboxContent, #cboxLoadedContent {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 Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {background: url(/includes/guitarcenter/images/colorbox/overlay.png) repeat 0 0;}
#colorbox {outline: 0;}
#cboxTopLeft {width: 21px;height: 21px;background: url(/includes/guitarcenter/images/colorbox/controls.png) no-repeat -101px 0;}
#cboxTopRight {width: 21px;height: 21px;background: url(/includes/guitarcenter/images/colorbox/controls.png) no-repeat -130px 0;}
#cboxBottomLeft {width: 21px;height: 21px;background: url(/includes/guitarcenter/images/colorbox/controls.png) no-repeat -101px -29px;}
#cboxBottomRight {width: 21px;height: 21px;background: url(/includes/guitarcenter/images/colorbox/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft {width: 21px;background: url(/includes/guitarcenter/images/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight {width: 21px;background: url(/includes/guitarcenter/images/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter {height: 21px;background: url(/includes/guitarcenter/images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter {height: 21px;background: url(/includes/guitarcenter/images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent {background: #fff;overflow: hidden;}
.cboxIframe {background: #fff;}
#cboxError {padding: 50px;border: 1px solid #ccc;}
#cboxLoadedContent {margin-bottom: 28px;}
#cboxTitle {position: absolute;bottom: 4px;left: 0;text-align: center;width: 100%;color: #949494;}
#cboxCurrent {position: absolute;bottom: 4px;left: 58px;color: #949494;}
#cboxLoadingOverlay {background: url(/includes/guitarcenter/images/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic {background: url(/includes/guitarcenter/images/colorbox/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border: 0;padding: 0;margin: 0;overflow: visible;width: auto;background: none;}
/* additional style to remove default close button */
.noButton #cboxClose {display: none !important;}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline: 0;}
#cboxSlideshow {position: absolute;bottom: 4px;right: 30px;color: #0092ef;}
#cboxPrevious {position: absolute;bottom: 0;left: 0;background: url(/includes/guitarcenter/images/colorbox/controls.png) no-repeat -75px 0;width: 25px;height: 25px;text-indent: -9999px;}
#cboxPrevious:hover {background-position: -75px -25px;}
#cboxNext {position: absolute;bottom: 0;left: 27px;background: url(/includes/guitarcenter/images/colorbox/controls.png) no-repeat -50px 0;width: 25px;height: 25px;text-indent: -9999px;}
#cboxNext:hover {background-position: -50px -25px;}
#cboxClose {position: absolute;bottom: 0;right: 0;background: url(/includes/guitarcenter/images/colorbox/controls.png) no-repeat -25px 0;width: 25px;height: 25px;text-indent: -9999px;}
#cboxClose:hover {background-position: -25px -25px;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}