

/* Div that contains the entire list */
div.amazonList
{
	margin-top: 20px;
	padding: 6px;
	overflow: auto;
}

div.amazonListPlaceholder
{
	width:140px;
	height:200px;
	background:rgba(0,0,0,0.25);
	margin:auto;
	padding:10px;
}

div.amazonListWhiteBackground
{
	background-color: white;
	border: 1px solid #AAA;		/* We also need to make the text black ideally */
	padding: 5px;
}



div.amazonListRow
{
	clear:both;
	margin-bottom: 25px !important;
}



/* Thumbnails */
img.amazonProductThumbnailFrame
{
	background-color: white;
	padding: 3px;
	border: 1px solid #AAA;
}


/* left, right and alternating layout */
.amazonListLayoutLeft .amazonProductThumbnail, .amazonListLayoutAlt .o .amazonProductThumbnail { float:left; }
.amazonListLayoutRight .amazonProductThumbnail, .amazonListLayoutAlt .e .amazonProductThumbnail { float:right; }

.amazonListLayoutLeft p.amazonText, .amazonListLayoutAlt .o p.amazonText { text-align:left !important; }
.amazonListLayoutRight p.amazonText, .amazonListLayoutAlt .e p.amazonText { text-align:right !important; }

.amazonListLayoutLeft div.amazonText div.amazonListShowThumbnails, .amazonListLayoutAlt .o div.amazonText div.amazonListShowThumbnails .amazonTextWithThumbnail
{
	margin-left:65px !important;
}
.amazonListLayoutRight div.amazonText div.amazonListShowThumbnails, .amazonListLayoutAlt .e div.amazonText div.amazonListShowThumbnails .amazonTextWithThumbnail
{
	margin-right:65px !important;
}


/* Centered layout */
.amazonListLayoutCenter .amazonListRow { text-align:center; }
.amazonListLayoutCenter p.amazonText { text-align:center !important; }



/* twoup layout */
.amazonListLayoutTwoUp { width:190px !important; margin:0 5px !important; }
.amazonListLayoutTwoUp .e { clear:none !important;  }
.amazonListLayoutTwoUp .amazonText { text-align:center; }
.amazonListLayoutTwoUp .amazonListRow
{
	width:85px;
	margin:0 5px 10px 5px;
	float:left;
}


/* Bullets */
li.amazonList { margin: 0 0 8px 0; }
p.amazonListBulletsParagraph
{
	margin-top: 0px;
	margin-bottom: 0px;
}


/* Enhanced */
div.amazonListLayoutEnhanced, div.amazonListLayoutRandom { text-align:center; }
