/***************************************************************************************************
Lovely defaults
****************************************************************************************************/
*{
	margin: 0;
	padding: 0;
	outline: none;
}

img{
	border: 0;	
}

label{
	cursor: pointer;	
}

body{
	position: relative;
}

html, body{
	background-color: white;	
	font-family: Arial, Helvetica, sans-serif;
}

/***************************************************************************************************
Product Modal Area
****************************************************************************************************/

.product-modal{
	padding: 10px;
	margin: 0 auto;
	width: 730px;
	min-height: 380px;
	background-color: white;
	position: relative;
}

.product-modal .blurb{
	width: 350px;
	min-height: 280px;
}

.product-modal h1{
	font-size: 22px;
}
	
.product-modal h2{
	font-size: 20px;
	margin-bottom: 15px;
}
		
.product-modal h3{
	font-size: 16px;	
}
		
.product-modal p,
.product-modal ol, 
.product-modal li, 
.product-modal ul{
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
}


.product-modal ol, 
.product-modal ul{
	margin-left: 20px;
}

.product-modal li{
	margin: 0;
	padding: 0;
}


.photo{
	margin-top: 20px;
	width: 380px;
	text-align: center;
}

/***************************************************
Order Info Area
***************************************************/

.order-info{
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #e3dfe6;
	background-color: #f4f1f6;
}

.order-info h3,
.order-info h3 a{
	color: #1b3a51;
	font-size: 22px;
}

.order-info p{
	font-size: 10px;
	line-height: 12px;
	margin-top: 15px;
}

/***************************************************************************************************
Misc. IE 6 hacks and other necessary evils.  Don't touch any of this.
****************************************************************************************************/

/* Make sure floating divs within other divs are contained properly */
.clear-accross {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0; 
	overflow: hidden;
	width: 0;
	border: 1px solid black;
}

/* Purely to avoid the IE6 double left margin issue */
.float-left{
	margin: 0;
	padding: 0;	
	float: left;
	position: relative;
}

.float-right{
	margin: 0;
	padding: 0;	
	float: right;
	position: relative;
}