@charset "utf-8";
/* CSS Document 
darker; 847C59
brown dark: A29E71
brown light: DBD6B3
ultra light: EBEDDA
*/

* {
	font-family:Georgia, Times, Serif;
	font-size: 12px;
	color:#000000;	
}
html {
	font-family:Georgia, Times, Serif;
	font-size: 12px;
	height:100%;
	width:100%;
	min-height: 100%;
	margin:0;
	
}
body {
	margin:0;
	padding: 0px;
	background-color: #DBD6B3;
	width: 100%;
	height: 100%;
	min-height: 100%;
	text-align: center;
	
}
h1, h2, h3, h4, h5, p {
	margin:2px 0;
}

.holder {
	width: 770px;
	text-align: left;
	margin: 0px auto;
	/*padding-bottom: 40px;*/
}
.header {
	padding-top: 0px;
	width: 100%;
	text-align:center;
	margin-bottom: 0px;
}


.inCollection {
	background-color:#C0DC98;
	border: 1px solid #8A9F6D;
	color: #627646;
	font-size: 14px;
	padding: 4px;
	margin-bottom: 10px;
}

.addCollection {
	color: #627646;
	font-size: 14px;
	padding: 4px;
	margin-bottom: 10px;
}

/* ==== BLOCKS ==== */
.blockHolderWhite {
	width: 100%;
	margin-bottom: 10px;
	background-color:#FFFFFF;
}
.blockHolderRed {
	width: 100%;
	margin-bottom: 10px;
	background-color:#C10000;
}

.blockHolderYellow {
	width: 100%;
	margin-bottom: 10px;
	background-color:#FC0;
}
.blockHolderRed .blockContent {
	color: #FFF;
}

.blockHolderLight {
	width: 100%;
	margin-bottom: 10px;
	background-color:#EBEDDA;
}

.blockHolderFooter {
	width: 100%;
	margin-bottom: 10px;
	background-color:#EBEDDA;
	color: #A29E71;
}
.blockHolderFooter .blockContent, .blockHolderFooter .blockContent a {
	text-align: center;
	color: #A29E71;
}


.blockCornerHolder {
	height: 8px; 
	width:100%; 
}

.blockTopLeft {
	background-image:url(../images/corner-tl.png);
	float: left;
	width: 8px;
	height: 8px;
}

.blockTopRight {
	background-image:url(../images/corner-tr.png);
	float: right;
	width: 8px;
	height: 8px;
}

.blockBottomLeft {
	background-image:url(../images/corner-bl.png);
	float: left;
	width: 8px;
	height: 8px;
}

.blockBottomRight {
	background-image:url(../images/corner-br.png);
	float: right;
	width: 8px;
	height: 8px;
}
.blockTitle {
	width: 100%;
}
.blockTitle h2 {
	width:500px;
}



/* ==== REVIEWS ==== */
.reviewDate {
	float: right;
	width: 100px;
	color: #A29E71;
	text-align:right;
}
.reviewExperience {
	color: #A29E71;
	font-style:italic;
	clear: both;
}
.blockContent {
	padding: 8px 16px;
	overflow:visible;
	overflow:auto;
}

.blockContentMain {
	float: left;
	width: 530px;
	
}

.blockContentInfo {
	float: right;
	width: 184px;
}
.blockContentInfoPart {
	width: 100%;
	border-top: 1px solid #DBD6B3;
	margin-bottom: 20px;
}
.reviewTopHolder {
	width: 100%;
	margin-top: 4px;
	margin-bottom: 8px;
}

.reviewProHolder {
	width: 530px;
	
	padding: 4px 0px 4px 0px;
	border-top: 1px solid #DBD6B3;
	border-bottom: 1px solid #EBEDDA;
	background-image:url(../images/review-plus.gif);
	background-position: top left;
	background-repeat:no-repeat;
	text-indent: 16px;
	font-size: 12px;
}
.reviewConHolder {
	width: 530px;
	padding: 4px 0px 4px 0px;
	border-bottom: 1px solid #DBD6B3;
	background-image:url(../images/review-min.gif);
	background-position: top left;
	background-repeat:no-repeat;
	text-indent: 16px;
	font-size: 12px;
}
.reviewScore {
	width: 184px;
	float: right;
	border-top: 1px solid #DBD6B3;
	border-bottom: 1px solid #DBD6B3;
}
.reviewScore td {
	padding: 4px 0px 4px 0px;
}
.reviewScoreLine {
	border-bottom: 1px solid #EBEDDA;
}
.reviewScoreTotal {
	width: 74px;
	text-align: right;
	font-size:34px;
	color:#C00;
	font-weight: bold;
	padding: 0 4px 0 0;
}

/* === latest reviews ==== */
.homeLatestReviews td {
	padding: 2px 0px 2px 0px;
}

.homeLatestReviews {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #DBD6B3;
	margin-bottom: 4px;
}
.reviewHomeScoreTotal {
	width: 60px;
	text-align: right;
	font-size:22px;
	color:#C00;
	font-weight: bold;
	padding: 0 4px 0 0;
}
.reviewHomeDate {
	color: #A29E71;
}
.reviewHomeLink {
	/*font-size:14px;*/
}

/* ==== MAIN LIST TABLE ==== */
.listTable {
	margin: 10px 0 20px 0;
}
.listTable thead td {
	border-bottom: 1px solid #DBD6B3;
	color:#847C59;
}
.listTable tbody td {
	border-bottom: 1px solid #EBEDDA;
	padding: 4px 0px 4px 2px;
}

.listLensInfo {
	width: 100%;
	border-top: 1px solid #DBD6B3;
}
.listLensInfo td {
	border-bottom: 1px solid #EBEDDA;
	font-size: 11px;
	padding: 2px 0;
}

.listTable tbody .inCollection td {
	background-color:#C0DC98;
	border-bottom: 1px solid #D9ECBF;
	font-size: 11px;
	padding: 4px 0px 4px 2px;
}
