@charset "UTF-8";
body {
	background: #42413C;
	margin: 0;
	padding: 0;
}

/* ~~ GENERIC PAGE FIXES BEGINS ~~ */
/* Element/Tag Selectors */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. */
	padding: 0;
	margin: 0;
}

/* Headings & Paragraph Margin Top */
/* removing the top margin gets around 
an issue where margins can escape from 
their containing div. The remaining 
bottom margin will hold it away from 
any elements that follow. */
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
}
/* ~~ GENERIC PAGE FIXES () ENDS ~~ */


/* ~~ THE CONTAINER DIV BEGINS ~~ */
/* ~~ THIS FIXED WIDTH SURROUNDS THE OTHER DIVS (header, content, sidebar, footer) ~~ */
.container {
	width:520px;
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
}
/* ~~ THE CONTAINER DIV ENDS ~~ */


/* ~~ THE HEADER DIV BEGINS ~~ */
.header {
	background: #FFFFFF;
}

.header img {
	display:block;
}
/* ~~ THE HEADER DIV BEGINS ~~ */


/* ~~ THE CONTENT DIV BEGINS ~~ */
.content {
	width: 520px;
	float: right;
	background-color:#e8e968;
}

.content table {
	margin-top:0;
	width:100%;
}

.content table tr td {
	text-align:center;
	vertical-align:top;
	border: solid #ededbb thin;
}

.content .price {
	padding:10px 10px;
	text-align:left;
	font-weight:bold;
}

.content .parent {
	position:relative;
	padding:10px 0;/*
	width:168px;*/
	height:480px;
}

.content .parent p {
	text-align:left !important;
	padding:10px 10px;
}

.content .share {
	position:absolute;
	bottom:10px;
	left:0;
	padding:0 10px;
	text-align:left !important;
	vertical-align:middle !important;
	font-weight:bold;
	color:#b30838;
}

.content .share img {
	vertical-align:middle;
}
/* ~~ THE CONTENT DIV ENDS ~~ */


/* ~~ THE FOOTER DIV BEGINS ~~ */
.footer {
	padding:15px;
	background: #ebc9b3;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	text-align:center;
	border-top:solid #ededbb thin;
	font-size:x-small;
}

#toc {
	background-color:#b30838;
	padding:5px;
	text-align:center;
	color:#ededbb;
}
/* ~~ THE FOOTER DIV ENDS ~~ */


/* ~~ MISC FLOAT/CLEAR CLASSES BEGINS ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* ~~ MISC FLOAT/CLEAR CLASSES ENDS ~~ */

/* ~~ LIST STYLING BEGINS ~~ */
/*	FBML don't recognize ul, ol lists. 
	for that reason a pseudo list has 
	been created.  It uses a table to 
	replicate the list's behavior */
.bullet {
	/*width:20px;*/ /* this will determine the "indent" for the pseudo-li [IMPORTANT: Set the indent in the respective div] */
	text-align:right;
	vertical-align:text-top;
}
/* ~~ LIST STYLING ENDS ~~ */


/* ~~ LINK STYLING BEGINS ~~ */
a:link, a:hover, a:active, a:focus  {
	color: #0000FF;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}

/* Alternate link styling */
.alt_link {
	color: #FF6600 !important;
}

/* Remove image link's default border */
a img {
	border: none !important;
}
/* ~~ LINK STYLING ENDS ~~ */