/*-----------------------------------------------------------------------------
		FRAMEWORK STYLES - LEGACY (non-media query) Browsers 
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
		Conglomerate of Media Query values for Larger Screens AND older IE Specific
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
		IE Specific
-----------------------------------------------------------------------------*/
/* Divs */
DIV.postIt {
			/* For IE 8 ??? */
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
			/* For IE 5.5 - 7 */
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

DIV.pin {
			/* no filter transform shadow for IE 'cause doesn't play nice here so use border */
			/* 1st prob w/ specifying transform in 2 places here and pinx */
			/* 2nd both border and transform will show bb bg if large */
			border-bottom: 1px solid #666666;  /* width style color */
			border-right: 1px solid #666666;  /* width style color */
}


.ribbon {
			/* For IE 8 ??? */
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666')";
			/* For IE 5.5 - 7 */
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666');
}

/* removed and used border for .overallShadow, .details 'cause wouldn't work with large heights */
DIV.bulletins, DIV.quickSearch, DIV.topEdge
{
			/* For IE 8 ??? */
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000')";
			/* For IE 5.5 - 7 */
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');
}

DIV.overallShadow, DIV.details {
			border-bottom: 3px solid #666666;  /* width style color */
			border-right: 3px solid #666666;  /* width style color */
}


/*-----------------------------------------------------------------------------
		Media Query Conglomerate for Larger Screens
-----------------------------------------------------------------------------*/
		#cssCheck {
			font-size: 1000px;
		}

		IMG.mockTopAd {
			width: 728px;
			height: 90px;
		}

		DIV.overallShadow {
			width: 970px;
			margin: 0px auto 15px auto;   /* top right bottom left */
		}

		DIV.bannerLeft, DIV.bannerRight {
			width: 320px;
		}

		DIV.bannerLeft {
			margin-left: 20px;
			float: left;
		}

		DIV.logoLine {
			width: 294px;
		}
		
		DIV.slogan {
			display: block;
		}

		DIV.bannerRight{
			margin-left: 80px;
			margin-top: 17px;
			float: left;
		}

		DIV.quickSearch {
			display: block;
			margin-bottom: 0px;
		}

		DIV.topEdge {
			padding-bottom: 10px;
		}
  
		DIV.bulletins {
			float: left;
			width: 322px;
			padding: 10px 0px 40px 0px; /* top right bottom left */
			margin: 0px 5px 15px 0px;   /* top right bottom left */
		}
		
		DIV.details {
			padding: 10px 20px 10px 20px; /* top right bottom left */
			margin: 0px 15px 15px 340px;   /* top right bottom left */
		}

		DIV.topTape {
			margin: 10px 14px 0px 340px;
		}

		.buttonQs {
			width: 27px;
		}

		/*-----------------------------------------------------------------------------
				80x25, 160x51, 240x76, 260x82, 280x88, 290x91, 300x95, 320x101(55% of 582),
				400x126, (480x152, 560x177, 582x184(182% of 320 & largest shoes))
		-----------------------------------------------------------------------------*/
		IMG.logo {
			width: 320px;
			height: 101px;
		}	

		IMG.topTape {
			width: 613px;
			height: 32px;
		}

		.ribbon {
			margin: 0px -20px 20px -27px;  /* related to div padding plus before after border width, bottom */
		}