/* ******************
 NOTE: 	TITLES
******************** */

 /*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

img,.womens_title,.mens_title,.trailhead_title,.blvd_title,.waterfront_title,.trailhead_title2,.blvd_title2,.waterfront_title2,.market_title,.kids_title  { behavior: url(http://www.keenfootwear.com.au/resources/styles/iepngfix.htc); }

.title{
    text-indent: -9999px;
    font-size: 0;
    margin: 0 0 0 5px;
    display: block;
}
.womens_title{
    width: 96px;
    height: 32px;
    background: url(../images/titles/women_title.png) no-repeat left top;
}
.mens_title{
    width: 70px;
    height: 32px;
    background: url(../images/titles/mens.gif) no-repeat left top;
}
.trailhead_title{
    width: 236px;
    height: 66px;
    background: url(../images/titles/mens_trailhead_title.gif) no-repeat left top;
}
.blvd_title{
    width: 177px;
    height: 66px;
    background: url(../images/titles/mens_blvd_title.png) no-repeat left top;
}
.waterfront_title{
    width: 306px;
    height: 66px;
    background: url(../images/titles/mens_waterfront_title.png) no-repeat left top;
}

.trailhead_title2{
    width: 236px;
    height: 76px;
    background: url(../images/titles/mens_trailhead_title.gif) no-repeat left top;
}
.blvd_title2{
    width: 177px;
    height: 76px;
    background: url(../images/titles/mens_blvd_title.png) no-repeat left top;
}
.waterfront_title2{
    width: 306px;
    height: 75px;
    background: url(../images/titles/mens_waterfront_title.png) no-repeat left top;
}
.market_title{
	width: 311px;
	height: 75px;
	background : url(../images/titles/market_title.gif) no-repeat left top;
}
.kids_title{
	width: 104px;
	height: 75px;
	background : url(../images/titles/kids_title.gif) no-repeat left top;
}
.bags_title{
	width: 311px;
	height: 75px;
	background : url(../images/titles/transport_title.gif) no-repeat left top;
}
.hybridthink_title{
	width: 110px;
	height: 116px;
	background : url(../images/titles/hybridthink2_title.gif) no-repeat left top;
}
.msocks_title	{
	width: 299px;
	height: 33px;
	background : url(../images/titles/sox_men.gif) no-repeat left top;
	margin-top: 20px;
}
.wsocks_title	{
	width: 263px;
	height: 33px;
	background : url(../images/titles/sox_women.gif) no-repeat left top;
	margin-top: 20px;
}
/* ******************
 NOTE: 	BUTTON --> USE FOR ALL IMAGE REPLACEMENT OF BUTTONS (GENERIC BUTTON CLASS USED TO CLEAR TEXT OUT OF ANVCHOR TAG)
******************** */
/*button class is used as a generic button to give all buttons the correct format --> it will require a second class with the specific image for the button*/
.button{
    display: block;
    text-indent: -9999px;
    font-size: 0;
    height: 18px;
    margin: 5px;
    background-position: top left;
    background-repeat: no-repeat;
}
.button_container .button{
    margin: 2px 0 10px 0;
    float: left;
}
.button:hover{
    background-position: bottom left;
}

/* ******************
 NOTE: 	SPECIFIC BUTTON STYLES
******************** */
.view_all_womens_shoes_btn{
    width: 129px;
    background-image: url(../images/buttons/view_all_womens_shoes_btn.gif);
}
.view_all_mens_shoes_btn{
    width: 129px;
    background-image: url(../images/buttons/view_all_mens_shoes_btn.gif);
}
.view_all_bags_btn{
    width: 129px;
    background-image: url(../images/buttons/view_all_bags_btn.gif);
}
.view_all_sox_btn{
    width: 129px;
    background-image: url(../images/buttons/view_all_sox_btn.gif);
}
.learn_more_btn{
    width: 104px;
    background-image: url(../images/buttons/learn_more_btn.gif);
}
.about_the_foundation_btn{
    width: 129px;
    background-image: url(../images/buttons/about_the_foundation_btn.gif);
}
.people_btn{
    width: 74px;
    background-image: url(../images/buttons/people_btn.gif);
}