/* http://www.yourhtmlsource.com/stylesheets/csslayout.html */
/* http://www.htmlcodetutorial.com/images/_IMG_ALIGN.html */
/* http://validator.w3.org/ */
/* http://www.w3schools.com/css/pr_class_float.asp */

body {
	font-size: 11pt;
	font-family: "Arial";
	
	margin-top:0;
	background-color: #e0c0d7;
	background-image: url(images/snoremenderbackground.jpg);
	background-position:  top center;
	background-repeat: repeat-y;
}

p {
	margin-top:0;
}

h1 {
	color: #53418d;
	/* color: #53418d; */
	/* color: #513e8f; */
	/* color: #413273; */
	font-size: 14pt;
	font-family: "Arial Black";
	font-weight: normal;
	margin: 0;
	text-align:center;
}

h2 {
	color: #53418d;
	font-size: 12pt;
	font-family: "Arial Black";
	margin-top:0;
	margin-bottom:0;
	margin-left:110px;
	margin-right:110px;
	text-align:center;
}

h3 {
	color: #000000;
	font-size: 12pt;
	font-family: "Arial";
	font-weight: bold;
	padding: 0px 0px 0px;
	text-align:left;
}

a:link, a:visited {
	color: #282090;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11pt;
	font-family: "Arial"; 
}

a:hover {
	color: white;
	background-color: #53418d;
	text-decoration: underline;
	font-size: 11pt;
	font-family: "Arial"; 
}

.shipping {
	color: #53418d;
	font-size: 12pt;
	font-family: "Arial Black";
	font-weight: normal;
	padding: 0px 0px 0px;
	text-align:center;
}

.shipping a:link, .shipping a:visited {
	font-size: 12pt;
	font-family: "Arial Black";
	text-decoration: underline;
	color: #53418d;
}

.shipping a:hover {
	font-size: 12pt;
	font-family: "Arial Black";
	text-decoration: underline;
	padding: 0px;
	color: #ffffff;
}

.languagelink a:link, .languagelink a:visited {
	color: #ffffff;
	text-decoration: underline;
}
.languagelink a:hover {
	color: white;
	background-color: #53418d;
	text-decoration: underline;
}

.navlink {
	border-left: solid #53418d;
	border-left-width: 1px;
	border-right: solid #53418d;
	border-right-width: 1px;
	text-align: center;
}

.navlink a:link, .navlink a:visited{
	color: black;
	padding: 6px 10px 6px;
	text-decoration: none;
	font-size: 10pt;
	font-family: "Arial"; 
	font-weight: bold;
}

td.navlink:hover {
	color: white;
	background-color: #53418d;
}

.navlink a:hover{
	color: white;
	text-decoration: none;
}

.navlinkcurrent a:link, .navlinkcurrent a:visited{
	color: red;
}

.navlinkcurrent a:hover{
	color: white;
}

.navlinkbuynow a:link, .navlinkbuynow a:visited{
	color: black;
	font-family: "Arial Black"; 
}

.navlinkbuynow a:hover{
	color: white;
	font-family: "Arial Black"; 
}

.navlinkbuynowcurrent a:link, .navlinkbuynowcurrent a:visited{
	color: red;
}

.navlinkbuynowcurrent a:hover{
	color: white;
}

/*
both left sides and both right sides should have same width
both tops and both bottoms should have same height
Also, use multiples of 30 for the large dimensions, so it scales correctly
tl 26x26   leave 26x26
tr 567 26  make 652 26
bl 10 873  make 26 800
br 652 709 make 652 800
*/

.testimonialsidebox {
	margin: 0; /* center for now */
	width: 282px; /* 16em  ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.testimonialhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.testimonialhead p {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 20px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.testimonialboxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 14px 31px;
}

.testimonialname {
	margin: 0;
	text-align:center;
	padding: 12px 0px 12px;
	font-weight: bold; 
	color: #413273;
}

.testimonialbody {
	margin: 0;
	text-align:left;
	padding: 5px 20px 5px;
	font-weight: normal; 
	font-style: italic; 
	color: #000000;
}

.mainbox {
	clear:both;
	margin: 0px 0px 20px 0px; /* center for now */
	padding: 0px;
	width: 100%; /* 34em   ems so it will grow */
	background: url(images/mainbottomright.gif) no-repeat bottom right;
	font-size: 100%;
}
.mainboxhead {
	background: url(images/maintopright.gif) no-repeat top right;
	margin: 0;
	padding: 0px;
	text-align: center;
}
.mainboxhead h2 {
	background: url(images/maintopleft.gif) no-repeat top left;
	margin: 0;
	padding: 6px 30px 6px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1.1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.mainboxhead h1 {
	background: url(images/maintopleft.gif) no-repeat top left;
	margin: 0;
	padding: 6px 30px 6px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1.1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.mainboxbody {
	background: url(images/mainbottomleft.gif) no-repeat bottom left;
	margin: 0;
	padding: 15px 25px 5px;
	text-align: left;
}

.footerdiv {
	clear: both;
	width: 100%";
}

.footer td {
	padding: 10px 25px 60px;
}

.footer a {
	font-size: 9pt;
}

.hilite {
	font-weight: bold; 
}

.faq {
	font-weight: normal; 
	margin: 0 0 20px 0;
}

.faq li {
	margin: 0 0 5px 0;
}

.faqtitle {
	color: #312263;
	font-size: 16pt;
	font-weight: bold; 
	margin: 10px 0 10px 0;
}


/* Styles for the comparison table */
.bg_green { background-color: #e0e5e5; }

.product_comparison {
	font-family: Arial;
	width: 100%;
	padding: 1em;
	margin-bottom: 1em;
	vertical-align:top;
	border-collapse:collapse;
	border-width:0;
	empty-cells:show;
}
.product_comparison th { font-size: 11pt; padding: 5px 8px 5px 2px; vertical-align: middle; text-align: left; }
.product_comparison td { font-size: 10pt; padding: 5px 8px 5px 2px; vertical-align: middle; height: 35px; width: 100px; }

.bg_green td{ border-top:1px solid #808080; border-bottom: 1px solid #808080; }
.bg_green_end td{ border-top:1px solid #808080; border-bottom: none; }
.bg_green th{ border-top:1px solid #808080; border-bottom: 1px solid #808080; }
.bg_white td{ border-top:1px solid #808080; border-bottom: 1px solid #808080; }
.bg_white_end td{ border-top:1px solid #808080; border-bottom: none; }


.helpforminput {
	font-size:11pt;
	font-family:Arial;
	font-weight:normal;
	font-style:normal;
	color:#000000;
	background-color:#F0DEE2;
}

