.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {display:inline-block;}


/* Gilder Levin Ryznar Jacoubsen IR - http://www.ryznardesign.com/web_coding/image_replacement/2004/gilder_levin_ryznar_jacoubsen/glrj_1_static.html */
.replace { 	position: relative; overflow: hidden; margin: 0; padding: 0; font-size: 1.2em; }
/* Choose a font-size here that will keep the headline small enough to fit completely under the span. */
.replace em { display: block; position: absolute; top: 0; /* left: 0; */ z-index: 1; } /* for opera5 (?) and o6/mac */	
/* General IR statements for IE5.x mac only */
* html>body	.replace { position: static; overflow: visible; font-size: 10px; }
/* Since overflow: hidden doesn't work with ie5.x/mac, we choose a font-size here that will keep the headline small enough to fit completely under the span.*/
* html>body	.replace em  { position: static; }
* html>body	.replace a { text-decoration: none; } /* ie5.0-5.1.x/mac must have this value or the underline shows through the image. */

/* Each pair of statements per instance of IR */
#home h1#col_bag1, #home h1#col_bag1 em { width: 330px; height: 375px; background:url(../images/bags/copy_large.gif) top left no-repeat; }
* html>body #home h1#col_bag1 em {/* for ie5.x/mac only */ margin-bottom: -40px; /* Required to bring text underneath image. Use the negative height of the image here.*/ }

h3#promoLeft_title, h3#promoLeft_title em { width: 43px; height:30px; background:url(../images/title_hp_bio.gif) top left no-repeat; }
* html>body h3#promoLeft_title em {/* for ie5.x/mac only */ margin-bottom: -40px;}

h3#promoRight_title, h3#promoRight_title em { width: 108px; height:25px; background:url(../images/title_hp_collections.gif) top left no-repeat; }
* html>body h3#promoRight_title em {/* for ie5.x/mac only */ margin-bottom: -40px;}

/* Bio IR */
#bio h1#copy, #bio h1#copy em { width:289px; height:78px; background:url(../images/copy_bio.gif) top left no-repeat; }
* html>body #bio h1#copy em {/* for ie5.x/mac only */ margin-bottom: -40px;}

/* Contact IR */
#contact h1#title, #contact h1#title em { width:241px; height:47px; background:url(../images/title_contact.gif) top left no-repeat; }
* html>body #contact h1#title em {/* for ie5.x/mac only */ margin-bottom: -40px;}

#contact h3#copy, #contact h3#copy em { width:347px; height:82px; background:url(../images/copy_contact.gif) top left no-repeat; }
* html>body #contact h3#copy em {/* for ie5.x/mac only */ margin-bottom: -40px;}

/* Thank You IR */
#thankYou h3#copy, #thankYou h3#copy em { width:450px; height:196px; background:url(../images/thank_you.gif) top left no-repeat; }
* html>body #thankYou h3#copy em {/* for ie5.x/mac only */ margin-bottom: -40px;}

/* Collections HP IR */
#collections h2#copy, #collections h2#copy em { width:496px; height: 190px; background:url(../images/copy_collections.gif) top left no-repeat; }
* html>body #collections h2#copy em {/* for ie5.x/mac only */ margin-bottom: -40px;}

#collections h3#thumb_large, #collections h3#thumb_large em { width:180px; height: 247px; background:url(../images/bags/thumb_large.jpg) top left no-repeat; }
* html>body #collections h3#thumb_large em {/* for ie5.x/mac only */ margin-bottom: -40px;}

#collections h3#thumb_long, #collections h3#thumb_long em { width:180px; height: 247px; background:url(../images/bags/thumb_long.jpg) top left no-repeat; }
* html>body #collections h3#thumb_long em {/* for ie5.x/mac only */ margin-bottom: -40px;}

#collections h3#thumb_medium, #collections h3#thumb_medium em { width:147px; height: 247px; background:url(../images/bags/thumb_medium.jpg) top left no-repeat; }
* html>body #collections h3#thumb_medium em {/* for ie5.x/mac only */ margin-bottom: -40px;}

#collections h3#thumb_small, #collections h3#thumb_small em { width:128px; height: 247px; background:url(../images/bags/thumb_small.jpg) top left no-repeat; }
* html>body #collections h3#thumb_small em {/* for ie5.x/mac only */ margin-bottom: -40px;}

#collections h3#thumb_nonLeather, #collections h3#thumb_nonLeather em { width:175px; height: 247px; background:url(../images/bags/thumb_nonleather.jpg) top left no-repeat; }
* html>body #collections h3#thumb_nonLeather em {/* for ie5.x/mac only */ margin-bottom: -40px;}

/* Large Bag */
#collectionsLarge h1#copy, #collectionsLarge h1#copy em { width:364px; height: 306px; background:url(../images/bags/copy_large2.gif) top left no-repeat; }
* html>body #collectionsLarge h1#copy em {/* for ie5.x/mac only */ margin-bottom: -40px;}

/* Long Bag */
#collectionsLong h1#copy, #collectionsLong h1#copy em { width:304px; height: 387px; background:url(../images/bags/copy_long.gif) top left no-repeat; }
* html>body #collectionsLong h1#copy em {/* for ie5.x/mac only */ margin-bottom: -40px;}

/* Medium Bag */
#collectionsMedium h1#copy, #collectionsMedium h1#copy em { width:300px; height: 307px; background:url(../images/bags/copy_medium.gif) top left no-repeat; }
* html>body #collectionsMedium h1#copy em {/* for ie5.x/mac only */ margin-bottom: -40px;}

/* Small Bag */
#collectionsSmall h1#copy, #collectionsSmall h1#copy em { width:378px; height: 308px; background:url(../images/bags/copy_small.gif) top left no-repeat; }
* html>body #collectionsSmall h1#copy em {/* for ie5.x/mac only */ margin-bottom: -40px;}