/* REGIONS */
#product-header {}
#product-body {position: relative;}
#product-footer {}

/* INDIVIDUALS */
#product-name {border-bottom: 1px solid #AAA; color: #00a2ff; font-size: 1.4em; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; text-align: center;}
#product-images {border: 1px solid #AAA; float: left; margin: 0 10px 10px 0;}
#product-images #main-image {height: 180px; padding: 5px; text-align: center; width: 180px; }
#product-images .thumbnails {border-top: 1px solid #AAA; padding: 5px 0 0 5px;}
#product-images .thumbnails li {display: block; float: left;}
#product-images .thumbnails a {border: 1px solid #C3D9FF; display: block; float: left; height: 28px; margin: 0 5px 5px 0; padding: 1px; text-align: center; width: 28px;}
#product-images .thumbnails img {}
#product-images .instructions {clear: both; color: #aaa; margin-bottom: 5px; text-align: center;}
#product-details {float: left; width: 448px;}
#product-details ul {list-style: disc inside; margin-bottom: 1em;}

#product-sidebar {border: 1px solid #C3D9FF; padding: 5px;float: right; width: 210px;}
#product-sidebar .box {background: #E8EEFA; margin-top: 5px; padding: 5px;}
#product-sidebar #product-discount {background: none; margin-top: 5px; padding: 5px; text-align: center; font-size: 1.5em; margin: 0 0 5px 0; color: white; font-weight: bold; background: green;}
#product-sidebar #product-discount .label{padding-right: 5px;}
#product-sidebar #product-price {margin-top: 0px;}
#product-price {color: #347418; font-weight: bold; padding: 10px; text-align: center;}
#product-price .label {float: left; font-size: 1em; padding-top: .4em;}
#product-price .price {float: right; font-size: 1.4em; }
#product-price .fullprice {color: #555; font-weight: normal; font-size: 12px; text-decoration: none;}
#product-price .fullprice del {text-decoration: none;}
#product-price .fullprice .label{padding: 0;}
#product-price .fullprice .price{color: #555; font-weight: normal; font-size: 12px;}
#product-sizingchart {font-size: 1.2em; font-weight: bold; text-align: center;}
#product-orderform label{color: #00325F; float: left; font-weight: bold; margin-top: 4px;}
#product-orderform input{display: block; float: right;}
#product-orderform select {display: block; float: right;}
#product-orderform input {width: 194px;}
#product-orderform textarea {width: 198px;}
#product-orderform input.submit {float: none; margin: 13px auto 8px auto;}

/* Product Options (Amazon.com inspired) */
#product-orderform .options ul {clear: both; padding-top: 3px;}
#product-orderform .options h4 span {color: #00325F; font-weight: bold;}
#product-orderform .options li {border: 2px solid #C3D9FF;display: block; float: left; margin:0 5px 5px 0; padding: 1px;}
#product-orderform .options li label {cursor: pointer; display: block; margin: 0; padding: 4px;}
#product-orderform .options li.invalid {border: 2px solid #ccc;}
#product-orderform .options li.invalid label {background: #e9e9e9; color: #999;}
#product-orderform .options li.hover-valid {border: 2px solid #00a2ff;;}
#product-orderform .options li.hover-invalid {border: 2px dashed red;}
#product-orderform .options li.selected {border: 2px solid #00a2ff;}
#product-orderform .options li.selected label {background: #00a2ff; color: white;}

#product-orderform .options li input {display: none;}
#product-orderform .option-group {margin: 10px 0;}

.productreviews {clear: both; position: relative;}
.productreviews h2 {border-bottom: 1px solid #aaa; color: #00a2ff; font-size: 1.2em; font-weight: bold; margin-top: 20px;}
.productreviews .averagerating {font-weight: bold; position: absolute; top: 0; right: 0;}
.productreviews .comment {border: 1px solid #C3D9FF; margin-top: 10px; padding: 2px;}
.productreviews .info {background: #E8EEFA; float: left; margin-right: 5px; padding: 5px; width: 150px;}
.productreviews .info span {display: block;}
.productreviews .info span.date {color: #999; font-size: .75em;}
.productreviews .info span.rating {margin-top: 10px;}
.productreviews .body {padding: 5px;}

.productreviews form div {margin-top: 10px;}
.productreviews form div.rating span.label {display: block;}
.productreviews form div.rating li {display: block; float: left;margin-right: 2px; padding: 7px;}
.productreviews form div.rating input {display: block; float: left; margin-right: 2px;}