/*------------------------------------------------
Online Store CSS File:
This is specific to the store and it's functions.
*/

th {
	text-align: left
}

/*------------------------------------------------
PAGE LAYOUT:
*/

#storeContainer {
	background-color: #FFFFFF;
	border: solid 1px #502709;
	width: 700px;
	margin: 0 auto;
	height: 502px;
}
	#storeContainer td.alt {
		background-color: #f3fee9;
	}

#storeContainer_checkout {
	background-color: #FFFFFF;
	border: solid 1px #502709;
	width: 700px;
	margin: 0 auto;
	height: 474px;
}	

#storeContainer_cart {
	background-color: #FFFFFF;
	border: solid 1px #502709;
	width: 700px;
	margin: 0 auto;
	height: 469px; 
	overflow:auto;
}
	#storeContainer_cart td.alt {
		background-color: #f3fee9;
	}	
#storeTitle{
	height: 69px;
}
	#storeTitle p{
		padding:0px;
		font-family:Georgia, serif;
		font-size:30px;
		margin: 0px 0px 0px 115px;
	}
	#storeTitle img{
		float:left;
		margin-top:2px;
		margin-left:2px;
	}
#storeTitleCart{
	height: 69px;
	border-bottom: solid 1px #502709;
}
	#storeTitleCart p{
		padding:0px;
		font-family:Georgia, serif;
		font-size:30px;
		margin: 0px 0px 0px 115px;
	}
	#storeTitleCart img{
		float:left;
		margin-top:2px;
		margin-left:2px;
	}
#storeFooter{
	height: 100px;
	padding: 0px 10px 0px 10px;
}
	
	#storeFooter img{
		float:right;
		border:none;
	}
	#storeFooter a{
		text-decoration:none;
	}

#storeFooterBox{
	width: 575px;
	border: solid 1px #502709;
}
	#storeFooterBox p{
		margin: 0;
		padding: 3px;
		height: 60px;
		overflow:auto;
		
	}
	#storeFooterBox h3 {
		font-size: 14px;
		margin: 0;
		border-bottom: solid 1px #502709;
		padding: 3px;
		background: #ced7a3;
		font-weight: normal;
		/*cursor: pointer;*/
	}


#storeContent{
	background:url("../img/orderMajorBig.jpg") no-repeat right top;
	padding: 0 0 10px 10px;
	height: 320px;
	overflow:auto;
	display:inline-block;
}
#storeContent{
	display: block;
}
	#storeContent a {
		color: #502709;
	}
	#storeContent ul {
		margin: 0;
		padding: 0;
		list-style: none;
		
	}
	#storeContent li {
		padding: 2px;
	}
	#storeContent h3 {
		font-size: 14px;
		margin: 0;
		border: solid 1px #502709;
		padding: 3px;
		background: #ced7a3;
		font-weight: normal;
		cursor: pointer;
	}


#storeLeftContent{
	float: left;
	width: 150px;
	padding: 0 10px 20px 0;
}
#storeLeftContent ul{
	border-bottom: solid 1px #502709;
	border-left: solid 1px #502709;
	border-right: solid 1px #502709;
}
#storeCenterContent{
	float: left;
	width: 200px;
	border-bottom: solid 1px #502709;
	
}
	#storeCenterContent div.atStart {
		border-left: solid 1px #502709;
		border-right: solid 1px #502709;		
	}
	#storeCenterContent ul {
		overflow: auto;
		height: 200px;
		background-color:#FFFFFF;
	}

#storeRightContent {
	float: left;
	width: 310px;
	padding: 0 0 0 10px;
}
	#storeRightContent ul {
		width: 308px;
		overflow: auto;
		height: 270px;
		background-color: #ffffff;
		border-left: solid 1px #502709;
		border-right: solid 1px #502709;
		border-bottom: solid 1px #502709;
	}
	#storeRightContent li {
		padding: 5px;
		width: 280px;
		overflow: hidden;
		display:inline-block;
		line-height: 18px;
	}
	#storeRightContent li {
		background-color: #f3fee9;
		display: block;
	}
	#storeRightContent li input.checkbox {
		float: left;
		width: 13px;
		height: 13px;
		margin: 3px 0 0 0;
	}
	#storeRightContent li.alt{
		background: #ffffff;
	}
	#storeRightContent span{
		display: block;
	}
	#storeRightContent .title,
	#storeRightContent .price {
		margin-bottom: 5px;
	}
	#storeRightContent .title {
		float:left;
		width: 185px;
		padding: 0 10px 0 5px;
	}
	#storeRightContent .desc {
		font-size: 11px;
		float:left;
		width: 245px;
		padding: 0 10px 0 19px;
	}
	#storeRightContent .price{
		width: 60px;
		float: left;
		font-size: 11px;
		text-align: right;
	}
	#storeRightContent .success {
		border: solid 1px #502709;
		color: #502709;
		padding: 5px;
		margin: 0;
	}
	#storeRightContent .success a {
		color: #669900;
		text-decoration: underline;
	}
	#storeRightContent .success a:hover {
		text-decoration: none;
	}

.error {
	color: red;
}	
.iconDelete {
	width: 12px;
	height: 12px;
	display: block;
	text-indent: -3000px;
	overflow: hidden;
	float: left;
	background:url(../img/icon_delete.gif) no-repeat;
	margin: 3px 6px 0 0;
}	
.iconQuestion,
.breadType {
	padding-right: 10px;
}