/** elements */
form {
    margin: 0;
    padding: 0;
}
a.underline {
    text-decoration: underline;
}

.transparent {
	background: none;
}

.albumTitle {
    font-size:9pt;
    font-weight:normal;
}

.smallerText {
	font-size: 11px !important;
}

.subheading {
	font-size: 14px;
	font-weight: bold;	
}

.captionHeight {
    height: 35px;
    display: block;
}

/** text formatting */
.strongText {
    font-weight: bold;
}
.italicText {
    font-style:italic;
}

/** align */
.alignCenter {
    text-align: center;
}
.alignLeft {
    text-align: left;
}
.alignRight {
    text-align: right;
}
.verticalAlignMiddle {
    vertical-align: middle;
}
.verticalAlignTop {
    vertical-align: top;
}

/** floating **/
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.floatNone {
    float: none;
}
.floatClear {
    clear: both;
}

/** borders */
.noBorder {
    border: 0;
}
.borderCollapse {
    border-collapse: collapse;
}
.leftBorder {
    border-left-style:solid;
    border-left-width:1px;
}
.cropBorder {
    border:solid 2px red;
}
.topBorder {
    border-top-width:1px;
    border-top-style:solid;
}
.bottomBorder {
    border-bottom-width:1px;
    border-bottom-style:solid;
}
.fullBorder {
    border-width:1px;
    border-style:solid;
}

/** padding */
.noPadding {
    padding: 0;
}
.tinyPadding {
    padding: 1px;
}
.tinyRightPadding {
    padding-right: 2px;
}
.tinyLeftPadding {
    padding-left: 2px;
}
.tinyBottomPadding {
    padding-bottom: 2px;
}
.tinyLeftNoRightPadding {
    padding-left:3px;padding-right:0px;
}

.smallPadding {
    padding: 8px;
}
.mediumPadding {
    padding: 12px;
}
.smallTopPadding {
    padding-top: 6px;
}
.smallBottomPadding {
    padding-bottom: 6px;
}
.smallRightPadding {
    padding-right: 6px;
}
.smallLeftPadding {
    padding-left: 6px;
}
.largeTopPadding {
    padding-top: 24px;
}
.largeBottomPadding {
    padding-bottom: 20px;
}
.verticalPadding {
    padding-top:8px;
    padding-bottom:4px;
    text-align:center;
}
.largeVerticalPadding {
    padding-top: 6px;
    padding-bottom: 12px;
    text-align:center;
}

.noBottomPadding {
    padding-bottom: 0px;
}
.noTopPadding {
    padding-top: 0px;
}
.noHorizontalPadding {
    padding-left:0px;
    padding-right:0px;
}
.noVerticalPadding {
    padding-top:0px;
    padding-bottom:0px;
}
.folderThumbPadding {
/*	margin: 30px 43px 31px 43px;*/
	padding: 0 0 0 0;
}


/** width/height */
.defaultElementWidth {
    width: 115px;
}
.menuItemWidth {
    width: 115px;
}
.fullWidth {
    width: 100%;
}
.formFieldWidth {
    width: 300px;
}
.smallFormFieldWidth {
    width: 150px;
}
.notFullWidth {
    width: 80%;
}

.fullHeight {
    height: 100%;
}

.halfWidth {
	width: 50%;
}

/** basket.tpl */
.imagecontainer { position: relative; width: 110px; height: 110px; margin:auto;}
.productborder {position: absolute; top: 0; left: 0; width: 110px; height: 110px;}
.cropimage { position:  absolute; top: 0; left: 0; width: 110px; height: 110px; }
.fitimage { position:  absolute; top: 0; left: 0; width: 110px; height: 110px; }


h3 {
    font-size: 12px;
    font-weight: normal;
}

#folderList {
    float: right;
}

#pageControls {

}
    #navigationElements {
        text-align: left;
    }
       #navigationElements a {
	        text-align: left;

        }
            #navigationElements a:hover {

            }
        
        #breadcrumbs {
            width: 60%;
            float: left;
        	text-align: left;
        }
            #currentAlbum {
                padding: 10px 0 0  0;
        		text-align: left;
            }
                #currentAlbum img {
                    margin: 0 5px 0 0;
                }
                #currentAlbum h3 {
                    font-size: 14px;
                    font-weight: bold;
                    margin: 0;
                }
                #currentAlbum h3 a {
                    text-decoration: none;
                }
        
        .pagination {
            float: right;
            width: 39%;
            text-align: right;
            margin: 0;
            padding: 0;
        }
            .pagination p {
                margin: 0 0 0 0;
            }
            #pageChooser {
                list-style: none;
            }
                #pageChooser li {
                    display: inline;
                    text-align: center;
                    height: 16px;
                    padding: 2px 0 2px 0;
                }
                    #pageChooser li a {
                        padding: 2px;
                    }
                        #pageChooser li a:hover {
                          	background: #CCC;
                        }
                   #pageChooser li img {
                        position: relative;
                        top: 4px;
                    }
                    #pageChooser li.selectedItem {
                        background: #FC6;
                        padding: 2px;
                    }
        

#toolbox {
    margin: 10px 0 0 0;
    text-align: left;
}
    #toolbox a {

    }
        #toolbox a:hover {

        }
    #toolbox h3 {
        padding: 0 5px 0 0;
        margin: 0 0 5px 0;
        display: inline;
        font-size: 14px;
        font-weight: bold;
    }

    #eCommerce {
        padding: 0 0 0 0;
    }
        #eCommerce span {
            padding: 0 5px 0 0;
        }
    
    #tools {
        padding: 0 0 0 0;
    }
        #tools p {
            display: inline;
            float: left;
            padding-right: 10px;
            margin: 5px 0 5px 0;
        }
            
.clear {
    clear: both; 
}

.thumbnailFloat {
	float: left;
}
        
/** *********************** Overridden classes */

.singlethumbnailpanel {
    width: auto;
}
.maindircontainercell {
    background: transparent;
}

/* thumbnail.tpl */
.thumbnailimagecaption
{
}

/* advancedsearch.tpl */
#advancedSubmit {
	text-align: right;
}
.thumbnailWrapper {
    width: 95%;
    margin: auto;
}


/******************************************************************************* 
 * History Note Classes
 ******************************************************************************/

.historynotetitle
{
    background-color: #eeeeee; 
    padding:          2px; 
    border-top:       1px solid #8a8a8a;
} 

.historynotebody
{
    padding-left:  10px; 
    margin-bottom: 20px;
}

.historynoteerror
{
    background-image:    url(/images/warning.png);
    background-position: center left;
    background-repeat:   no-repeat;
    padding-left:        30px;
}

/******************************************************************************* 
 * Slide Show Classes
 ******************************************************************************/

 /* The box holding the slide show. */
.ims_js_widget_SlideShow_container
{
    font-family:      sans-serif;
    width:            598px;
    height:           407px;
    border:           1px solid #888888;
    background-color: #ffffff;
    margin:           auto;  
}

/* Generic button, used for "Stop Slide Show". */
.ims_js_widget_SlideShow_generic_button
{
    background-image:  url(/images/ss_btn_bg.png);
    background-repeat: repeat-x;
    border:            1px outset #eee;
    margin-top:        2px;    
    margin-bottom:     2px;    
    padding:           2px;
    font-size:         0.8em;    
    color:             #444444;    
    font-family:       verdana; 
}

/* The image in the slideshow. This is used for the invisible buffer and the
 * image on display. Edit the first three rules with care; edit the margin-top
 * to adjust for changes in the toolbar height. */
.ims_js_widget_SlideShow_image
{
    display:    block;
    position:   absolute; /* Ensures buffer sits behind main image. */
    zIndex:     1;
    margin-top: 30px;     /* Spacing for image to sit below toolbar. */
}

/* The toolbar holding the prev/pause/play/next buttons and the speed slider. */
.ims_js_widget_SlideShow_toolbar
{
    height:           30px;
    background-color: #98b7c4;
    width:            598px;
}

/* A layout div wrapping the prev/pause/play/next buttons. */
.ims_js_widget_SlideShow_toolbar_button_container
{
    float:       left;
    margin-left: 5px;
}

/* Each of the prev/pause/play/next buttons. */
.ims_js_widget_SlideShow_toolbar_button
{
    padding-right: 5px;
    margin-left:   5px;
    margin-top:    6px;
    cursor:        pointer;
    width:         20px;
    height:        20px;
}

/* A layout div wrapping the slower/faster speed slider. */
.ims_js_widget_SlideShow_slider_container
{
    width:      275px;
    float:      right;
    margin-top: 5px;
}

/* The faster/slower text */
.ims_js_widget_SlideShow_slider_container span
{
    padding-top:    3px; 
    font-family:    verdana;
    color:          #444444;
    font-size:      0.8em;  
}

/* The speed slider's track. */
.ims_js_widget_SlideShow_slider_track
{
    background-color:  #eee;    
    border:            1px solid #888;
    width:             150px;
    height:            18px;
    float:             left;
    margin-right:      10px;
    margin-left:       10px;
}

/* The speed slider's handle. */
.ims_js_widget_SlideShow_slider_handle
{
    background-image:  url(/images/ss_track_bg.png);
    background-repeat: repeat-x;
    border:            1px outset #eee;
    cursor:            move;
    width:             30px;
    height:            12px;
    margin-top:        2px;    
    margin-bottom:     2px;    
    float:             left;  /* Ensures handle starts in right place in IE. Do not change! */
    font-size:         0.1em; /* Ensures CDATA doesn't enforce a minimum height in IE6. */
}

/* A layout div wrapping the context (position in slide show) slider. */
.ims_js_widget_SlideShow_context_container
{
    width:       580px;
    margin-top:  9px;
    margin-left: 9px;
    height:      20px;
}

/* The context slider's track. */
.ims_js_widget_SlideShow_context_track
{
    background-color: #eee;    
    border:           1px solid #888;
    width:            574px;
    height:           18px;
    float:            left;     
}

/* The context slider's handle. Do not set a width. */
.ims_js_widget_SlideShow_context_handle
{
    background-image:  url(/images/ss_track_bg.png);
    background-repeat: repeat-x;
    cursor:            move;
    border:            1px outset #eee;
    /*width:           Set by IMS. Do not supply a width here. */
    height:            12px;
    margin-top:        2px;    
    float:             left;  /* Ensures handle starts in right place in IE. Do not change! */
    font-size:         0.1em; /* Ensures CDATA doesn't enforce a minimum height in IE6. */    
}