/* QuickFlip jQuery Plugin
 * Author  :   Jon Raasch 
 * Website :   http://jonraasch.com/blog/quickflip-jquery-plugin
 * Contact :   jr@jonraasch.com
 * Version :   0.1
 * 
 * Copyright (c)2008 Jon Raasch. All rights reserved.
 * Released under FreeBSD License, see readme.txt
 * Do not remove the above copyright notice or text
 * 
 *
 *
 * Take care not to overwrite any of the styles in this sheet
 * 
 * You must set a height and width for .quickFlip and .quickFlipPanel.  You can 
 * use additional class names on .quickFlipPanel, but don't attach an ID or  
 * inline style.  These can be attached to .quickFlip or anything within 
 * .quickFlipPanel.
 *
 */

.quickFlip {
    position:relative;
}

.quickFlip .quickFlipPanel {
    position:absolute;
    top:0;
    left:0;
    margin:0!important;
    padding:0!important;
}

.flipColLeft, .flipColRight {
    position:absolute;
    top:0;
    overflow:hidden;
    margin:0!important;
    padding:0!important;
}

.flipColRight .quickFlipPanel {
    right:0;
    left:auto;
}
.quickFlip, .quickFlipPanel {
    height: 107px;
    width: 107px;
}
.quickFlip {
    clear: both;
}

.quickFlipPanel {
    text-align: center;
    border: none;}

.Panel {margin: 0; vertical-align: middle; }

.quickFlipCta {cursor: pointer; position: absolute; height:24px;width: 24px;margin:0;padding:0;}
.quickFlipCta-59{top:59px; left:68px; _left:69px; *left:69px;}
.quickFlipCta-76{top:77px; left:77.5px;}
.quickFlipCta-146{top:146px; left:146px;}
.quickFlipCta-175{height:175px; width:175px;}
a.quickFlipCta,a.quickFlipCta:link{ background: url(../images/flip_transparent.gif) no-repeat; }
a.quickFlipCta:hover{ background: url(../images/flip_corner.gif) no-repeat;}
