html {
  font-size: 100%; }
body {
    font-family: 'Open Sans', sans-serif;
    margin-top:0px;	
    border-color: #351216;
	background-color: #F4E796;

}

.maindiv {
	background-color:#FFFFCC;
	border: 2px solid #808067;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	float: inherit;
	width:100%;
	max-width: 960px;
}

div.clear-both { 
clear: both;
}

li.listspacebottom{
	margin-bottom: 5px;
}

/* Centers things with 0 padding and margins */
.centerdiv{
	margin: 0 auto;
	text-align:center;
}


.leftspace10{
margin: 0px 0px 0px 10px;
}


/* LINK COLORS AND HOVERS */

a:link {
	color: blue;
	text-decoration: none;
}

a:visited {
	color: purple;
	text-decoration: none;
}

a:hover {
	color: #CC0000; 
	text-decoration: none;
}

a:active {
	text-decoration:none;
}

.menuitem a:hover {
	color: #CC0000; 
	background: #FFDDBB;
	text-decoration: none;
	max-width:150px;

}
a.nocolor:hover {
	border: 0; 
	background-color : inherit;
}


/* END LINK COLORS AND HOVERS */


/* FONTS AND SIZES */


/* This adds 5px under each item in a bulleted list but each list item must have a p-tag */
p.bulletlist
{margin-bottom: 5px;
}

/* FONT COLORS Used also for various bullet shapes */
.fontred {
	color: #CC0000;
}

.font12 {
	font-size: 1.2em;
	font-weight: bold;
}

/* Indents the left margin */
p.leftmarginspace{
margin-left:20px;
}

.menuitem a:visited{
color:#8080E3;
text-decoration:none;
max-width: 125px;
padding-left: 2px;
}

.menuitem a:hover{
color:#CC0000;
background: #FFDDBB;
list-style-type:disc;
text-decoration:none;
max-width: 125px;
border-right-color: #FFFFFF;
border-right-width: 5px;
border-right-style: solid;
}

.menuitem a:active{
text-decoration:none;
max-width: 125px;}

div.bottom-margin {
	background-color: #CCCC99;
	padding: 5px 0px 5px 0px;
	font-size: x-small;
	border-top: 1px solid #808067;
	clear: both;
	margin-top: 2em;
}

.small-logo-div {
	background-color: #CCCC99;
	border-bottom:4px solid #808067;
}

div.textdiv {
	margin: 1em auto 2em auto;
	width: 90%;
}

/* Image styling */
img {
	border:none;
	max-width:83%;
}

/* Centers images but needs local width */
.img-center {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

img.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height:auto;
}

img.home-review {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

div.thick-brown-line{
	color:#AFAF84;
	background-color:#AFAF84;
	width:90%;
	line-height:5px;
	font-size:2px;
	margin-top:1em;
	margin-right: auto;
	margin-bottom:0em;
	margin-left: auto;
	border:none;
	border:0px;
	display:block;
	padding:none;
	padding:0;
}


/* End Image styling */

/* Begin DIV styling */

/* Sidebar on right side */
@media screen and (min-width: 280px) and (max-width: 640px) {
div.rightsidebar{
	margin:auto;
	width:75%;
	margin-top:1em;
	margin-bottom:1em;
	padding:5px;
	border:1px #DEDEBE solid
}
div.topleftadbox{
	max-width:336px;
	margin:auto;
	margin-bottom:20px;
	height:auto;
}
img.rightbottomborder {
	text-align:center;
	margin-bottom:1.5em;
	height:auto;
	width:100%;
	max-width:400px;
}
}

@media screen and (min-width: 641px) {
div.rightsidebar{
	float:right;
	width:31.25%;
	max-width:300px;
	margin-top:1em;
	margin-left:1em;
	margin-bottom:1em;
	padding:5px;
	border:1px #DEDEBE solid
}
/* Div for 336px wide AdSense ad at top left corner */
div.topleftadbox{
	 float:left;
	 max-width:336px;
	 margin-right:20px;
	 margin-top:20px;
	 margin-bottom:20px;
	 height:auto;
}
img.rightbottomborder {
	float:left;
	margin-right:1.5em;
	margin-bottom:1.5em;
	height:auto;
	max-width:400px;
}
}


/* Sidebar internal title, works with sidebar div above */
div.sidebartitle{
	margin: 0 0 1em 0;
	font-size:medium;
	font-style: normal;
	font-variant: small-caps;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #435259;
	text-align: center;
	background-color: #DEDEBE;
	padding:3px 0 3px 0
}

/* Padding for text inside sidebar */
div.sidebarcontent{
	padding:0 5px 0 5px;
}

div.three-photo-250x250 {
	padding: 5px;
	max-width: 772px;
	height: auto;
	margin-left: auto;
  	margin-right: auto;
  	background-color: #E8E8DD;
  	text-align:center;
}


/* Div for 300x250 AdSense ad at top left corner */
div.topleftadbox300{
	 float:left;
	 max-width:300px;
	 margin-right:20px;
	 margin-top:15px;
	 margin-bottom:20px;
	 height:auto;
}

div.review-title {
	margin: 1em 0em 0em 0em;
	font-size: x-large;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #541824;
}

h1 {
	margin: 1em 0em 0em 0em;
	font-size: x-large;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #541824;
}

div.xl-review-title {
	font-size: xx-large;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #541824;
	float:left; 
	margin-left:0.3em; 
	margin-top:1em;
}


#written-by {
	text-align: center;
	font-size: medium;
	margin-top:0.5em; 
	margin-bottom:0.5em;
}

/* Basic div to align stuff in the center */
.centerit{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/* Smaller size title */
#review-subtitle {
	margin: 0em 0em 0em 0em;
	font-size: large;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #541824;
	font-style: italic;
}

div.two-photo-350x250 {
	padding: 3px;
	height: auto;
	max-width: 710px;
	margin-right: auto;
	margin-left: auto;
	background-color: #E8E8DD;
	text-align:center;
}
div.two-photo-350x197HD {
	padding: 3px;
	height: auto;
	max-width: 714px;
	margin-right: auto;
	margin-left: auto;
	background-color: #E8E8DD;
	text-align:center;
}
div.four-photo-175x130 {
	padding: 3px;
	height: auto;
	max-width: 730px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	background-color: #E8E8DD;
}
div.floatleft {
	float: left;
	margin-right: 2em;
	width: 30%;
	margin-left: 1em;
}
div.floatright {
	width: 90%;
	margin:auto;
	margin-bottom: 1em;
}
div.column-container {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
}
div.video-container {
	margin-left:auto; 
	margin-right:auto; 
	margin-bottom:2em; 
	width:67.7%;
	max-width:650px;
}
.home-column-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	color: #541824;
	text-align: center;
	background-color: #EAC673;
	padding-top: 2pt;
	padding-bottom: 2pt;
	margin-bottom:1em;
}
.video-column-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	color: #541824;
	text-align: center;
	background-color: #EAC673;
	padding-top: 2pt;
	padding-bottom: 2pt;
	margin-bottom:5px;
}

/* Gray bar under photos for text. Add local width */
div.photobar{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:3px;
	margin-bottom:12px;
	background-color:#D2CDC0;
	padding-top:3px;
	padding-bottom:3px;
}

#home-menu-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	color: #541824;
	text-align: center;
	background-color: #EAC673;
	padding-top: 2pt;
	padding-bottom: 2pt;
}

/* Used for small text under Lightbox photos */
div.clickit-text {
	font-size: small;
	text-align: center;
	font-style:italic;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	font-weight: bold;
	color: #541824;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

/* Home Menu Styling */
.home-menu-bullet {
	font-family: Arial;
	color:#818167;
}
div.home-menu-items {
	padding-top:3pt;
	padding-bottom:3pt;
}

/* End Home Menu Styling */

/* Next div centers menu items inside the div */
div.center-menu-items {
	padding-top:3pt;
	padding-bottom:3pt;
	text-align:center;
}


/* Square bullets for top menu */
.square-bullet {
	font-family: Arial;
	color: #524527;
}

p.center {
	text-align: center;
}

/* Used on watch mfgs page */
ul.no-bullet {
	list-style-type: none;
	list-style-position:inside;
	line-height:1.5;
}

/* For 3 column layout like on watch mfgs page */
div.column-33 {
	float: left;
	width: 33.3%;

}

div.bigad {
	margin-top: 1em;
	margin-bottom: 1em;
}

div.link-list-div-format {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	max-width: 90%;
}

/* AD STYLING */
div.amazon {
margin:auto;
height:auto;
border:2px solid; 
border-color:#E8E8DD; 
padding:5px; 
background-color:white; 
max-width:300px; 
margin-top:1em; 
margin-bottom:1em;
}

/* New responsive div to embed Vimeo videos */
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; } 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}