/*
    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%;}
#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:#fff;}
#colorbox{ background-color:#fff;border:10px solid #67818D; padding:1px; margin:1px; text-align:left; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
    #cboxContent{margin-top:32px; overflow:visible;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; padding:25px 15px 15px 15px;}
        #cboxLoadingGraphic{background:url(../images/loadera64.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-32px; left:0px; color:#000; display:block; font-size:22px; color:#fff; background-color:#416271; padding:5px 15px 5px 15px; width:100%;text-shadow:#ccc 1px 1px 1px; letter-spacing:-1px;}
        #cboxCurrent{position:absolute; top:-32px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:22px; height:22px; position:absolute; top:-23px; background:url(../images/controls2.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:60px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:35px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:10px;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:85px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:60px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:60px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}


#colorbox .imgProduct {height:100px; float:left; margin: 0px 10px 0px 0px;}

#colorbox h1 {font-size:26px; font-weight:normal; letter-spacing:-1px;color:#f7951e;padding:0; margin:0 0 13px 0;}
#colorbox h3 { font-size:18px; font-weight:normal; letter-spacing:-1px; color:#809ebc; margin:10px 0 7px 0;}
#colorbox h4 {padding:0;margin:5px 0 5px 0;font-size:14px;color:#416271; }
#colorbox p {font-size:14px; color:#000; margin:3px 0; padding:0; line-height:1.3em;}
#colorbox p.note {font-size:11px; color:#666;}





#colorbox form { margin:0; padding:0; }
#colorbox form fieldset { background-color:#E3EEF5; border:1px solid #97C4E2; }
#colorbox form legend { background-color:#CAE5FD; padding:3px 8px; margin:0px 3px 10px 10px; font-weight:bold; border:1px solid #97C4E2; }
#colorbox form label { display: block; float: left; margin: 3px 5px 0 0; text-align: right; width: 130px; }
#colorbox form .field { border: 1px solid #97C4E2; color: #000; font: 14px Arial, Verdana, Helvetica, sans-serif; padding: 3px; width: 200px; }
#colorbox form input.error { border: 1px solid #F00; color: #000; font: 14px Arial, Verdana, Helvetica, sans-serif; padding-left: 0.2em; width: 200px; background-color:#FFF2F2; }
#colorbox form .textA { border: 1px solid #97C4E2; color: #000; font: 14px Arial, Verdana, Helvetica, sans-serif; height: 100px; padding-left: 0.2em; width: 360px; }
#colorbox form .errorA { border: 1px solid #F00; color: #000; font: 14px Arial, Verdana, Helvetica, sans-serif; height: 100px; padding-left: 0.2em; width: 360px; background-color:#FFF2F2; }
#colorbox p { line-height: 1.4em; padding: 3px 0px; }