/* 
    AUTHOR: Steven Collins
            stevenecollins@me.com
            http://stevencollins.net

Individual CSS elements for the store page

*/

/* Story Items */

.store-item-header1 {
	width: 500px;
	height: 55px; 
	background-color: black;
}

.store-item-header2 {
	width: 625px;
	height: 55px; 
	background-color: black;
}

.store-item-header3 {
	width: 375px;
	height: 55px; 
	background-color: black;
}

.image-box1 {
	float:left;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	background-color: black;
	padding-top: 5px;
	padding-left: 5px;
	width: 150px;
	height: 170px;
	}

.image-box2 {
	float:left;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
	background-color: black;
	padding-top: 5px;
	padding-left: 5px;
	width: 340px;
	height: 140px;
	}

.text-box1 {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 5px;
	width: 320px;
	height: 115px;
}

.text-box2 {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	
	padding: 5px;
	width: 445px;
	height: 135px;
}


.checkout	{ 	width: 135px; height: 55px; background-image: url(../images/Store/button_2.jpg);
				float: right; margin-right: 10px;
}

/* Store Items */


#store-item-large {
	float: left; width: 470px; height: 470px;
	margin: 0 15px 15px 15px;
	}
	
		.store-large-image {
			float: left; width: 465px; height: 245px;
			background-color: black; padding: 5px 0 0 5px;
		}
		
		
			
		.store-large-text {
			float: left; width: 460px; height: 135px;
			margin-top: 5px; padding: 5px; }
			
				
		.store-large-submitbox {
			float: left; width: 120px; height: 75px;
			margin-top: 5px; margin-left: 165px;
		}

/*------------ POSTERS Item 3 --------------*/

#store-item-large-posters {
	float: left; width: 470px; height: 475px;
	margin: 0 15px 15px 15px;
}

/*------------ POSTERS Item 3 --------------*/



/*------------ Combo Item 4 --------------*/

	#store-item-combo {
		float: right; width: 470px; height: 250px;
		margin: 0 15px 15px 15px; 
}	
		.store-combo-image {
			float: left; width: 180px; height: 180px;
			background-color: black; padding: 5px 0 0 5px;
			margin-right: 10px;
}
		.store-combo-submitbox {
			float: left; width: 120px; height: 75px;
			margin-top: 10px; margin-left: 60px;
}
		
	
/*------------ Combo Item 4 --------------*/


/*------------ Braile --------------*/

#store-item-braille {
		float: right; width: 470px; height: 210px;
		margin: 0 15px 15px 15px;
}	
		.store-braille-image {
			float: left; width: 180px; height: 180px;
			background-color: black; padding: 5px 0 0 5px;
			margin-right: 10px; margin-top: 10px;
}

/*------------ Braile --------------*/


/*------------ T-shirts Item 6 --------------*//*------------ T-shirts Item 7 --------------*/

#store-item-t-shirts {
	float: left; width: 470px; height: 225px;
	margin: 0 15px 15px 15px;
	}

.store-t-shirt-image { float: left; width: 160px; height: 180px;
			background-color: black; padding: 5px 0 0 5px;
			margin-right: 10px;
}
.store-t-shirt-submitbox {
			float: left; width: 120px; height: 75px;
			margin-top: 10px; margin-left: 80px;
}

/*------------ T-shirts Item 6 --------------*//*------------ T-shirts Item 7 --------------*/

/*------------ Fleece Hats --------------*/

.store-item-large {
	float: left; width: 470px; height: 280px;
	margin: 0 15px 15px 15px;
	}

.store-fleece-submitbox {
			float: left; width: 135px; height: 85px;
			margin-top: 10px; margin-left: 35px;
}
.store-hat-large-image {
			float: left; width: 230px; height: 280px;
			background-color: black; padding: 5px 0 0 5px;
}
.store-hat-large-text {
			float: right; width: 225px; height: 375px;
			margin-top: 5px; padding: 5px;
}


/*------------ Fleece Hats --------------*/

/*------------ Stickers --------------*/

.store-sticker-image  {
			float: left; width: 465px; height: 280px;
			background-color: black; padding: 5px 0 0 5px;
}
#store-item-sticker {
	float: right; width: 470px; height: 485px;
	margin: 0 15px 15px 15px;
	}
/*------------ Stickers --------------*/

/*------------ Oval Stickers --------------*/


.store-oval {
	float: left; width: 470px; height: 325px;
	margin: 0 15px 15px 15px;
}

.store-oval-image {
	float: left; width: 465px; height: 225px;
	background-color: black; padding: 5px 0 0 5px;
}

/*------------ Oval Stickers --------------*/

#store-item-small {
	float: left; width: 470px; height: 235px;
	margin-top: 5px; padding: 5px;
}

.store-small-image {
	float: left; width: 180px; height: 180px;
	background-color: black; padding: 5px 0 0 5px;
}


#store-item-small-bottom {
	float: left; width: 470px; height: 235px;
	background-color: red;
}

#store-item-full /* Teachers Special Item 15 */{
	Float: left; width: 970px; height: 145px;
	margin: 15px; background-color: black;
	padding: 5px;
}
.store-item-full-box {
	float: left; width: 965px; height: 140px;
	background-color: white; padding: 5px 0 0 5px;
}

#store-item-button {
	Float: left; width: 970px; height: 145px;
	margin: 15px; 	padding: 5px;
}
/*------------ Buttons --------------*/

#policy-box {
	float: left; width: 245px; height: 150px;  margin-left: 75px;
}
#paypal {
	float: left; width: 155px; height: 164px; background-color: black; padding: 5px 0 0 5px; margin-left: 125px;
}
#faq-box {
	float: right; width: 201px; height: 150px; margin-right: 75px;  
}
#policy
{
  display: block;
  width: 245px;
  height: 92px;
  background: url(../images/Policy.png) no-repeat 0 0;

}

#policy:hover
{ 
  background-position: 0 -92px;
}

#policy span
{
  display: none;
}

#faq
{
  display: block;
  width: 201px;
  height: 72px;
  background: url(../images/FAQ.png) no-repeat 0 0;

}

#faq:hover
{ 
  background-position: 0 -72px;
}

#faq span
{
  display: none;
}