/* 
Changelog

v1.3
- Added whatsinthebox options for content list and no content list
v1.2
9.23.2013
- Changed Feature modules into individual modules (changed from subsets of the Features module)

9.10.2013
- Changed modules from IDs to Classes to enable reuse of modules (should it be allowed in the future)
- Changed CSS property groupings to follow SMACSS recommendations

11.22.2013
- Added font styling for #overview-content > div
*/


#overview-content {
	font:13px arial,helvetica,sans-serif;
}

#overview-content > div {
	margin:0 auto 2em;
	clear:both;

}

#overview-content p {
	text-align:left;
}

/* clear */
#overview-content .l-clear {
	width:100%;
	clear:both;
}

/* centers text, images, etc. */
#overview-content .l-center {
	text-align:center;
}

/* Main module */
#overview-content .main .main-product {
	width:300px;
}
#overview-content .main .main-title {
	font-size:20px;
	font-weight:800;
	text-align:center;
	color:#333;
}

/* Features module */
#overview-content .features .features-image {
	width:300px;
}
#overview-content .l-left {
	float:left;
	padding:0 10px 0 0;
}
#overview-content .l-right {
	float:right;
	padding:0 0 0 10px;
}
#overview-content .features.l-bulleted ul li {
	list-style:disc inside;
	padding-left:320px;
	margin-bottom:10px;
}

#overview-content .features.l-staggered strong {
	margin-bottom:5px;
}
#overview-content .features.l-staggered .features-block {
	margin-bottom:1em;
}

#overview-content .features.l-grid .features-box{
	display:inline-block;
	width:300px;
	padding:10px;
	vertical-align:top;
}

/* Gallery module */
#overview-content .gallery img {
	width:300px;
	margin:2px;
}

/* Specifications module */
#overview-content .specifications table {
	width:95%;
	border-collapse:collapse;
}
#overview-content .specifications table th {
	border:1px solid black;
	font-weight:bold;
}
#overview-content .specifications table td {
	border:1px solid black;
	text-align:center;
}

/* What's in the Box module */
#overview-content ol {

}
#overview-content .whatsinthebox ol li {
	list-style-position:inside;
}
#overview-content .whatsinthebox img{
	margin:10px;
}

/* Warranty module */
#overview-content .warranty {
	font-size:10px;
}



/* Properties editable by developers */
#overview-content .banner {
	width:100%;
	height:100px;
	background: url('images/960px-by-100px-banner.png') no-repeat center center;
}

#overview-content .main .main-image {
	width:100%;
	height:200px;
	margin:0 auto 20px;
	background: url('images/main-image.png') no-repeat center center;
}

#overview-content .header {
	width:100%;
	margin:0 auto 20px;
	padding:5px 0;

	border:1px solid #33425a;

	background-color:#ffc842;

	color:#33425a;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}