/********************** HTML ELEMENT STYLES ************************/
form div { margin-bottom: 10px; }
form #selectQuantityBox { clear: both; overflow: auto; border-bottom: 3px dotted #888888; padding-bottom: 15px; margin-bottom: 15px; }
form #selectQuantityBox span, form #selectMaterialBox span { position: relative; float: left; margin-bottom: 10px; }
form #selectMaterialBox { clear: both; overflow: auto; }
form select { width: 400px; }

/********************** CLASSES *************************/

.detail form {position: relative; float: left; width: 100%; }
.detail form h2.label-header.full { width: 200px; }
.detail form button.rounded {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: white;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 10px 10px 0;
    text-shadow: 2px 2px 3px #000000;
}

.detail form button.rounded:hover { cursor: pointer; }

.detail form select { float: right; }

.detail form .more-btn { 
	border: 1px solid #B40000;
	margin-right: 0px;
	position: relative;
	float: right;
	width: auto;
}

.detail .more-btn { 
	height: auto;
    margin: 0 4% 10px 0;
    text-align: left;
    text-indent: 8px;
    width: 48%;
	position: relative;
	float: left;
}

.detail .more-btn.end { margin-right: 0px; }

.detail .thumb { position: relative; float: left; margin-right: 10px; }
.detail .thumb img { margin: 0 0px 10px; }

.info { 
	float: left;
	margin: 0 0 15px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    position: relative;
    width: 400px;
}

.info p { margin-bottom: 10px; }

.label-templates ul { margin-bottom: 15px; }
.label-templates ul:last-child { margin-bottom: 10px; }
.label-templates ul li:first-child { margin-bottom: 5px; }

.lower-content .more-btn { width: 88%; }
.lower-content ul { 
	position: relative;
	float: left; 
	width: 50%; 
	overflow: visible; 
}

.lower-content p { margin-bottom: 10px; }

.prices .label-header { width: 305px; }

.prices table { width: 100%; text-align: center; }
.prices table th { 
	background-color: #E2E8EE; 
	padding: 5px 0;
}

.prices .row2 {background-color: #EEEEEE;}

.prices table tr td {
	height: 15px;
}

.prices table tr td.material p, .prices table tr td, .prices table tr td.material img { font-size: 0.85em; }
.prices table tr td.material img { border: 1px solid black; }


.product-page h2 {  }


/************************ IDs **************************/
#addCartBox { 
	overflow: auto;
}

#addCartBox span { position: relative; float: left; }

#address-labels {
	margin: 15px;
}

#address-labels .detail, .prices, .label-templates, .lower-content { 
	padding: 15px;
	border: 1px solid lightgray;
	overflow: auto;
	margin-bottom: 15px;
}
