/*
  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;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#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;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
   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:#000;}
#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious:hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext:hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose:hover{background-position:-100px 0px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}

#colorbox .item .leader-icon, #colorbox .item .new-icon, #colorbox .item .hit-icon {
    position: absolute; left: 4px; top: 2px; 
}

#colorbox .col3 .leader-icon, #colorbox .col3 .new-icon, #colorbox .col3 .hit-icon {
    margin-right: 0px;
}

#colorbox .col3  p.icon-label { font-size: 13px; font-weight: bold; margin: 2px 0 2px 32px; }
#colorbox .col3  p.icon-label a { font-size: 11px; font-weight: normal; }

#colorbox .item .stripe { background-repeat: repeat-x; height: 2px; width: 200px; position: absolute; top: 0; left: 0px; }

#colorbox .new-icon { background-position: 0 -37px; }
#colorbox .hit-icon { background-position: 0 -74px; }
#colorbox .stripe { background-repeat: repeat-x; height: 2px; width: auto; margin: 0; float: none; display: block; }


#colorbox .col2 .carousels { margin: 15px 0; }

#colorbox .carousels h2 { display: inline; line-height: 40px; margin-right: 20px; }

#colorbox .item { 
    background: transparent url('/bitrix/templates/maximus/images/ware-bg.jpg') no-repeat right 0; 
    float: left; display: inline; width: 300px; height: 190px; border: 1px solid #AAAAAA; 
    margin: 5px; padding: 10px 10px 10px 0;  
}
#colorbox .item a.buy { 
    background: transparent url('/bitrix/templates/maximus/images/amore.jpg') no-repeat 0 0; 
    width: 95px; height: 25px; line-height: 25px; 
    text-indent: 22px; text-decoration: none; color: #000002; 
    font-size: 12px; padding: 1px 0 0 0; float: left; display: inline;
}
#colorbox .item p { color: #0366cc; font-size: 14px; }
#colorbox .item p.category  { text-align: center; margin: 0 0 15px 0; } 
#colorbox .item p.category a { 
    color: #0366cc; font-size: 14px; background: transparent none; width: auto; 
    float: none; line-height: 14px; color: #555555; font-weight: bold; border-bottom: 1px dashed #555555; 
}
#colorbox .item p.head a { color: #0366cc; font-size: 14px; background: transparent none; width: auto; float: none; }
#colorbox .accessory p.head a { line-height: 18px; } 
#colorbox .accessory p.head { height: 70px; }
#colorbox .item p.head a:hover { text-decoration: underline; } 
#colorbox .item p.discount { margin: 0px 0px 0 0 ; clear: both; text-align: center; line-height: 18px;} 
#colorbox .item p.discount span { font-size: 18px; line-height: 18px; }
#colorbox .item p.discount sup { line-height: 18px; zoom: 1; } 
#colorbox .item p.discount a { line-height: 12px; background: transparent none; float: none; text-indent: 0px; font-size: 12px; }
#colorbox .item p.discount a:hover { text-decoration: underline; } 
#colorbox .item p.price { font-size: 16px; color: #cb0000; font-weight: bold; }
#colorbox .item div.image-container { float: left; width: 130px; height: 140px; text-align: center; margin:  0 0 0 0; } 
#colorbox .item img {
    max-height: 120px;
    max-width: 100px;
}