
*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background-color: #F8F8F8;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

html
{
	overflow-y: scroll;
}

img
{
	display: block;
}

p
{
	margin: 24px 0px;
}

ol, ul
{
	margin-bottom: 24px;
}

li
{
	margin-left: 32px;
	margin-top: 12px;
}

a
{
	color: #0000FF;
	text-decoration: none;
}

h1
{
	font-family: Roboto, sans-serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 120%;
	margin-top: 28px;
}

h2, h3, h4, h5, h6
{
	clear: both;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 120%;
	margin-bottom: 16px;
	margin-top: 48px;
}

table
{
	border-collapse: collapse;
}

table, td, th
{
	border: 1px solid #DDDDDD;
}

/* HEADER */

.Header
{
	background: linear-gradient(to bottom, #E8E8E8 47%, #F9F9F9 100%) left bottom #FFFFFF no-repeat; 
	background-size: 100% 4px;
	padding-bottom: 2px;

	float: left;
	width: 100%;
}

.Logo
{
	color: #000044;
	float: left;
	margin: 0px 12px;
}

.Logo img
{
	border: 0px;
	float: left;
	height: 60px;
	padding: 12px 8px;
}

.Links
{
	float: left;
	margin-left: 16px;
}

.Links a
{
	color: #004488;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	height: 100%;
	padding: 32px 24px;
}

.Links a:nth-child(n+2):nth-last-child(n+1)
{
	color: #000044;
}

.Links a:active, .Links a:hover,
.Links a:nth-child(n+2):nth-last-child(n+1):active, .Links a:nth-child(n+2):nth-last-child(n+1):hover
{
	color: #00AAFF;
}

/* TITLE */

.Flag
{
	float: right;
	padding: 14px 12px;
}

.Flag img
{
	border: 1px solid #BBBBBB;
}

/* PAGES */

.Content
{
	float: left;
	margin-bottom: 32px;
	width: 100%;
}

.Main
{
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-feature-settings: "liga" 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin: 0px auto;
	max-width: 1120px;
	overflow-wrap: break-word;
	padding: 0px 16px;
	text-rendering: optimizeLegibility;
}

.MainNarrowContainer
{
	float: left;
	width: 100%;
}

.MainNarrow
{
	margin: 0px auto 64px auto;
	max-width: 640px;
	width: 100%;
}

.MainNarrow a
{
	text-decoration: underline;
}

.MainNarrow a:active, .MainNarrow a:hover
{
	color: #0000AA;
}

.MainLargerBottom
{
	margin-bottom: 240px;
}

/* CONTENTS */

.ContentsContainer
{
	float: left;
	margin-bottom: 32px;
	width: 100%;
}

.Contents
{
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	float: left;
	font-size: 16px;
	padding: 12px 60px 12px 8px;
}

.Contents > div:nth-child(1)
{
	font-weight: bold;
	padding-bottom: 6px;
}

.Contents > div:nth-child(n+2)
{
	padding: 3px 0px;
}

.Contents > div:nth-child(n+2) > a
{
	text-decoration: none;
}

/* AMAZON */

.AmBuy
{
	float: left;
	width: 100%;
}

.AmBuy a
{
	display: inline-table;
}

.AmBuy a img
{
	border: 1px solid transparent;
	width: 200px;
}

.AmBuy a img:hover
{
	border: 1px solid #000077;
	border-radius: 4px;
	box-shadow: 0 30px 40px rgba(1,0,0,.1);
	opacity: 0.9;
}

/* BREADCRUMBS */

.Breadcrumbs
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin: 12px 0px;
}

.Breadcrumbs a
{
	color: #4455AA;
}

.Breadcrumbs a:active, .Breadcrumbs a:hover
{
	text-decoration: underline;
}

/* CATEGORIES */

.CategoriesSubCategoryContainer
{
	float: left;
	margin-bottom: 64px;
	width: 100%;
}

.CategoriesMore
{
	float: left;
	margin-top: 48px;
	text-align: center;
	width: 100%;
}

.CategoriesMore > a
{
	background-color: #EEEEEE;
	border: 1px solid #888888;
	border-radius: 5px;
	color: #222222;
	font-size: 17px;
	font-weight: bold;
	padding: 14px 48px;
}

.CategoriesMore > a:active, .CategoriesMore > a:hover
{
	background-color: #DDDDFF;
	color: #000044;
	text-decoration: underline;
}

/* DISPLAY PRODUCT */

.DisplayProductContainer
{
	float: left;
	margin: 12px 12px 24px 12px;
}

.DisplayProductContainer a
{
	float: left;
}

.DisplayProduct
{
	border: 2px #E9E9FF solid;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	width: 252px;
}

.DisplayProduct > div:nth-child(1)
{
	background-color: #FFFFFF;
	float: left;
}

.DisplayProduct > div:nth-child(1) > img
{
	padding: 6px;
}

.DisplayProduct > div
{
	background-color: #FFFFFF;
	border-top: 1px #E9E9FF solid;
	float: left;
	overflow: hidden;
	width: 100%;
}

.DisplayProduct > div > div:nth-child(1)
{
	color: #000000;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 48px;
	margin: 4px 8px;
	overflow: hidden;
	width: 236px;
}

.DisplayProduct:hover > div > div:nth-child(1)
{
	color: #0000AA;
	text-decoration: underline;
}

.DisplayProduct > div > div:nth-child(2)
{
	float: left;
	margin: 0px 8px 10px 8px;
}

/* STARS */

.StarsStar, .StarsStar div
{
	background-image: url("/images/star.png");
	float: left;
	height: 16px;
	width: 80px;
}

.StarsStar
{
	background-position: 0 bottom;
}

.StarsStar div
{
	background-position: 0 top;
}

/* FORMATTING */

.ImageCentre
{
	float: left;
	margin-bottom: 24px;
	text-align: center;
	width: 100%;
}

.ProductImage
{
	margin-bottom: 24px;
	text-align: center;
}

.ProductImage a
{
	display: inline-table;
}

.ProductImage img
{
	background-color: #FFFFFF;
	border: 1px solid #D7D7D7;
	border-radius: 4px;
	max-width: 300px;
	padding: 8px;
}

.ProductImage img:hover
{
	border: 1px solid #0000AA;
	box-shadow: 0 30px 40px rgba(1,0,0,.1);
	opacity: 0.9;
}

.ComparisonTable
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}

.ComparisonTable span
{
	color: #32CD32;
	font-size: 18px;
}

.ComparisonTable, .ComparisonTable th
{
	border: 0;
}

.ComparisonTable th, .ComparisonTable td
{
	max-width: 160px;
	padding: 6px;
}

.ComparisonTable img
{
	border: 1px solid transparent;
	width: 160px;
}

.ComparisonTable img:hover
{
	border: 1px solid #0000AA;
	opacity: 0.8;
}

.SmallFont
{
	font-size: 13px;
	line-height: normal;
}

/* PRODUCT DISPLAY */

.ProductDisplay
{
	border-bottom: 1px solid #DDDDDD;
	float: left;
	padding-bottom: 24px;
	padding-top: 8px;
	width: 100%;
}

.ProductDisplay > a
{
	float: left;
}

.ProductDisplay > a > img
{
	background-color: #FFFFFF;
	border: 1px solid #D7D7D7;
	border-radius: 4px;
	max-width: 480px;
	padding: 8px;
}

.ProductDisplay > a > img:hover
{
	border: 1px solid #0000AA;
	box-shadow: 0 30px 40px rgba(1,0,0,.1);
	opacity: 0.9;
}

.ProductDisplay > div
{
	float: left;
	padding: 12px;
	width: 598px;
}

/* PRODUCT DISPLAY STARS */

.ProductDisplayRating
{
	float: left;
	margin-bottom: 8px;
	width: 100%;
}

.ProductDisplayRating > div:nth-child(1)
{
	float: left;
}

.ProductDisplayRating > div:nth-child(2)
{
	float: left;
	margin-left: 8px;
	margin-top: 2px;
}

/* PRODUCT DISPLAY DESCRIPTION */

.ProductDisplayDescription
{
	color: #222222;
	float: left;
	margin-bottom: 24px;
	margin-top: 12px;
	width: 100%;
}

/* PRODUCT INFO TABLE */

.ProductInfoTableContainer
{
	float: left;
	margin: 16px 0px;
	width: 100%;
}

.ProductInfoTable
{
	background-color: #FFFFFF;
}

.ProductInfoTable > tbody > tr:nth-child(1) > td:nth-child(2),
.ProductInfoTable > tbody > tr:last-child > td:nth-child(2)
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
}

.ProductInfoTable > tbody > tr:nth-child(1) > td:nth-child(2) > a:active,
.ProductInfoTable > tbody > tr:nth-child(1) > td:nth-child(2) > a:hover
{
	text-decoration: underline;
}

.ProductInfoTable > tbody > tr > td:nth-child(1)
{
	overflow: hidden;
	padding: 6px 16px;
	white-space: nowrap;
}

.ProductInfoTable > tbody > tr > td:nth-child(1) > span
{
	color: #32CD32;
	font-size: 18px;
}

.ProductInfoTable > tbody > tr > td:nth-child(2)
{
	padding: 6px 48px;
	text-align: center;
}

/* PRODUCT AS FEATURED IN */

.ProductDisplayAsFeaturedIn a
{
	color: #3388FF;
	font-weight: bold;
}

.ProductDisplayAsFeaturedIn a:active, .ProductDisplayAsFeaturedIn a:hover
{
	text-decoration: underline;
}

.ProductDisplayAsFeaturedIn li
{
	color: #0000AA;
}

/* PRODUCTS SELECTED */

.ProductsSelected
{
	float: left;
	width: 100%;
}

.ProductsSelected > a
{
	float: left;
}

.ProductsSelected > div
{
	font-size: 22px;
	font-weight: bold;
}

/* PRODUCT */

.ProductReviewTitle
{
	float: left;
	font-size: 32px;
	font-weight: bold;
	margin: 24px 0px;
	width: 100%;
}

/* WATCH LIST FORM */

.WatchListFormContainer
{
	float: left;
	margin-bottom: 24px;
	width: 100%;
}

.WatchListForm
{
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	font-size: 16px;
	float: right;
	width: 296px;
}

.WatchListFormHeader
{
	color: #FFFFFF;
	background-color: #CC0000;
	border-radius: 3px;
	float: left;
	padding: 8px 0px;
	width: 100%;
}

.WatchListFormHeader > div
{
	padding: 0px 8px;
}

.WatchListFormEmail
{
	float: left;
	padding-top: 20px;
	width: 100%;
}

.WatchListFormEmail > div
{
	padding: 0px 28px;
}

.WatchListFormEmail > div > form > input:first-child
{
	box-sizing: border-box;
	padding: 8px 0px;
	width: 240px;
}

.WatchListFormEmail > div > form > input:last-child
{
	float: right;
	margin-top: 4px;
	padding: 2px;
}

.WatchListFormText
{
	float: left;
	font-size: 12px;
	padding: 9px;
}

/* WATCH LIST PROCESS */

.WatchListProcessContainer
{
	float: left;
	width: 100%;
}

.WatchListProcess
{
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	margin-bottom: 24px;
}

.WatchListProcess > div:nth-child(1)
{
	float: left;
}

.WatchListProcess > div:nth-child(1) > a > img
{
	width: 240px;
}

.WatchListProcess > div:nth-child(2)
{
	float: left;
	padding: 0px 12px 24px 30px;
	max-width: 600px;
}

/* BOTTOM */

.BottomLinks
{
	background-color: #000044;
	float: left;
	font-size: 13px;
	margin-top: 64px;
	padding: 4px 0px;
	text-align: center;
	width: 100%;
}

.BottomLinks a
{
	color: #FFFFFF;
	margin: 0px 24px;
}

.BottomLinks a:active, .BottomLinks a:hover
{
	text-decoration: underline;
}

.BottomDeclarations
{
	float: left;
	margin: 6px 0px;
	width: 100%;
}

.BottomDeclarations div
{
	float: left;
	font-size: 12px;
	padding: 4px 0px;
	text-align: center;
	width: 100%;
}

/* MOBILE */

@media only screen and (max-width: 800px)
{
	.Logo
	{
		margin-left: 0px;
		margin-right: 0px;
	}

	.Links
	{
		background-color: #000088;
		clear: both;
		margin-left: 0px;
	}

	.Links a,
	.Links a:nth-child(n+2):nth-last-child(n+1)
	{
		color: #FFFFFF;
		padding: 12px 20px;
	}

	.Links a:active, .Links a:hover
	{
		background-color: #0000AA;
		color: #FFFFFF;
	}

	.Flag
	{
		padding: 4px 2px;
	}

	.Flag img
	{
		width: 60px;
	}

	.Main
	{
		padding: 0px 6px;
	}

	.ComparisonTable
	{
		font-size: 13px;
	}

	.ComparisonTable img
	{
		display: none;
	}

	.ProductDisplay > div
	{
		padding-left: 0px;
		padding-right: 0px;
		width: auto;
	}

	.ProductDisplay > a > img
	{
		width: 280px;
	}

	.ProductInfoTable > tbody > tr > td:nth-child(1),
	.ProductInfoTable > tbody > tr > td:nth-child(2)
	{
		padding-left: 4px;
		padding-right: 4px;
	}

	.ProductImage img
	{
		width: 240px;
	}

	.BottomLinks
	{
		padding: 0px;
	}

	.BottomLinks a
	{
		float: left;
		margin: 0px;
		padding: 12px 0px;
		width: 100%;
	}

	.BottomLinks a:hover, .BottomLinks a:active
	{
		background-color: #0000AA;
		text-decoration: none;
	}
}

