html {
		height: 100%;
		font-size: 62.5%;
		background: #F2F0E1;
}

a {
	text-decoration: none;
	color: #503D3F;
}

a:hover {
	color: #222;
}

body {
	padding:0px; 
	margin:0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	scrollbar-face-color: #B7D8F6;
	scrollbar-highlight-color: #B7D8F6;
	scrollbar-shadow-color: #B7D8F6;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color:  #FFFFF;
	scrollbar-track-color: #EBECEC;
	scrollbar-darkshadow-color: #4698E5;
}

#wrapper {
	width: 970px;
	margin: 0 auto;
	border: 0;
}

.hide {
  display: none;
}

/* ------------------------------ */
#header {
	text-align: center;
	padding: 10px;
	width: 950px;
	height: 75px;
	margin: 0 0 6px 0;
}

html>body #h-wrapper {
	background:#fff;
	margin-left:auto;
	margin-right:auto;
}

#header div {

}

#logoleft {
	float: left;
	margin-left: 5px;
	width: 300px;
	text-align: left;
}
#logocenter {
	float: left;
	margin-left: 5px;
	width: 340px;
	text-align: center;
}
#logoright {
	float: right;
	width: 300px;
	text-align: right;
	vertical-align: bottom;
}
#logoright img {
	margin-left: 25px;
}
/* Drop-down Menus --------------------- */

/* nav2igation begin */

#nav {
	padding: 10px;
}

#nav, #nav ul {
	float: left;
	width: 950px;
	list-style: none;
	background: #006885;
	font-weight: bold;
	border: 0;
	margin: 0;
	height: 32px;
	border-bottom: 10px solid #9EBCBC;
}

#nav a {
	display: block;
	width: 180px;
	color: #fff;
	text-decoration: none;
	height: 22px;
	font-size: 1.2em;
	text-align: center;
	padding-top: 10px;
}

#nav a.daddy {
	background: url(/graphics/rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 180px;
	margin-right: 10px;
}

#nav li a strong{display:block;width:180px;height:22px;}
#nav li a:hover{color:#fff;background:#503D3F url(/graphics/corner-nav-top-hover.gif) no-repeat 0 0;}
#nav li a:hover strong{background:url(/graphics/corner-nav-bottom-hover.gif) no-repeat bottom right;width:180px;height:22px;}

#nav li a.selected{color:#fff;font-weight:bold;background:#503D3F url(/graphics/corner-nav-top-active.gif) no-repeat 0 0;}
#nav li a.selected strong{background:#503D3F url(/graphics/corner-nav-bottom-active.gif) no-repeat bottom right;}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 230px;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li li {
	width: 220px;
	padding-right: 10px;
}

#nav li ul a {
	width: 210px;
	text-align: left;
	padding-left: 10px;
}

#nav li ul ul {
	margin: -3.4em 0 0 230px;
	list-style: none;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover, #nav .selected {
	background: #028AAC;
}
/* end navigation */	

/* -- Main Content ---------------------*/
#MainContent {
	padding: 0px;
	width: 970px;
	font-size: 1.2em;
	border-bottom: 10px solid #9EBCBC;;
	background-image: url('/graphics/mainbg.jpg');
}

#sideBar {
	width: 300px;
	margin: 0;
	padding: 0;
	border-right: 2px solid #fff;
	float: left;

	height: 100%;
}

#content {
	float: left;
	width: 648px;
	padding: 10px;
	margin: 0;
	height: 100%;
	display: block;
	clear: right;
}

#home #content {
	background: #503D3F url('/graphics/sidebar.jpg') top left repeat-x;
	width: 950px;
	color: #F3EDDF;
}


/*-- FOOTER ----------------------------*/
#footer {
	border-top: 5px solid #503D3F;
	margin: 0px 0 0 0;
	padding:10px;
	width: 950px;
	background: #275262;
	clear: both;
	font-size: .9em;
	color: #82C4D4;
	text-align: center;
}

#footer p a {
	text-decoration:underline;
	color: #503D3F;
}

#footer p a:hover {
	text-decoration:underline;
}

#MasseyMedia {
	background: #F3EDDF;
	width: 950px;
	text-align: center;
	color: #0084AA;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 5px;
	margin: 0 auto;
}

#MasseyMedia a {
	color: #080743;
}

#MasseyMedia img {
/*	display: none;*/
}

.clearall {
	clear: both;
}

dl#events {
	margin: 0px;
}

dl#events dt {
	font-weight: bold;
	padding: 4px;
	text-decoration: none;
	color: #503D3F;
	padding-right: 15px;
	display: block;
	text-decoration: none;
	color: #503D3F;
	margin: 0px;
	background: transparent url('/graphics/bullet.gif') no-repeat 0px 3px;
	padding: 0px 0 0 20px;
}

dl#events dt a:hover {
	color: #54A2E4;
}

dl#events dd {
	padding: 0px;
	margin: 0px;
	text-align: right;
	margin-bottom: 10px;
	font-style: italic;
}


/* -- Error and Notices ---------------------*/
/* == 1 == */
div.pageErrors {
	color: #503D3F;
	padding: 5px 5px 5px 25px;
	margin: 0px 0 10px 0;
	border: 1px solid Red;	
	background: #FFECEC url(/graphics/ico-s-warn.gif) no-repeat 5px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	clear: both;
}
/* == 2 == */
div.pageQuestion {
	color: #1c5806;
	padding: 5px 5px 5px 25px;
	margin: 0px 0 10px 0;
	background: #C8F1A7 url(/graphics/ico-s-help.gif) no-repeat 5px 5px;
	border: 1px solid #9ADF61;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	clear: both;
}
/* == 3 == */
div.pageNotice {
	color: #503D3F;
	padding: 5px 5px 5px 25px;
	margin: 0px 0 10px 0;
	border: 1px solid #DDE8FF;
	background: #f0f5ff url(/graphics/ico-s-req.gif) no-repeat 5px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	clear: both;
}
/* == 4 == */
div.pageInfo {
	color: #6a5011;
	padding: 5px 5px 5px 25px;
	margin: 0 0 10px 0;
	border: 1px solid #F9F08D;
	background: #FFFAAD url(/graphics/ico-s-info.gif) no-repeat 5px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	clear: both;
}
/* == 5 == */
div.pageExample {
	color: #6a5011;
	padding: 5px 5px 5px 25px;
	margin: 0px 0 10px 0;
	border: 1px solid #ddd;
	background: #eee url(/graphics/ico-s-info2.gif) no-repeat 5px 5px;
	color: #333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	clear: both;
}

div p.infotitle {
	margin: 0px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}
p.red {
	color: red;
}

p.intro {
	font-size: 1.2em;
	margin-top: 0px;
}

.odd {
	background-color: #f5f5f5;
	padding: 4px;
}

.even {
	background-color: #fff;
	padding: 4px;
}

#home .panel {
	width: 300px;
	background: #C2E6F2;
	margin: 0 0 0 0;
}

#home .noborder {
	border-bottom: 0;
}

#home #MainContent {

}

#home #content {
	vertical-align: middle;
}

#home #flashholder {
	border-right: 2px solid #9EBEBB;
	padding-right: 10px;
}

#home .fpText {
	font-size: 1.0em;
	margin: 0 auto;
	float: right;
	width: 280px;
	color: #F3EDDF;
}

#collection #sideBar {
	height: 100%;
	padding: 0px;
	width: 300px;
}

.tableheader {
	background-color: #006784;	
	color: #fff;
	font-size: 1.4em;
	padding: 4px;
	margin: 5px;
}

h1 {
	background: #503D3F;
	color: #F2F0E1;
	font-size: 1.8em;
	border-bottom: 1px solid #006784;
	margin: 0 0 5px 0;
	padding: 5px 5px 10px 15px;
	margin: -10px 0 5px -12px;
	width: 650px;
}

h2 {
	background: #503D3F;
	font-weight: bold;
	font-size: 1.8em;
	color: #F2F0E1;
	padding: 5px 5px 10px 15px;
	margin: -10px 0 5px -12px;
	width: 650px;
}

h3 {
	background: #8E9536 url('/graphics/headerbg.jpg') top left repeat-y;
	font-weight: bold;
	font-size: 1.6em;
	color: #fff;
	padding: 5px 5px 10px 15px;
	margin: -10px 0 5px -12px;
	width: 650px;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

ul.section {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.section li {
	font-weight: bold;
	font-size: 1.2em;
	color: #006784;
	display: block;
	background: transparent;
}

ul.section li a {
	color: #EDEAD9;
	display: block;
	width: 290px;
	padding: 5px;
	background: transparent;
}

ul.section li a.selected {
	color: #EDEAD9;
	background: transparent;
}

ul.section li a:hover {
	color: #fff;
}

ul.subsection {
	margin: 0;
	list-style: none;
	padding: 0;
}

ul.subsection li {
	font-weight: bold;
	font-size: 1.0em;
	color: #A4C2C4;
	padding-top: 0;
}

ul.subsection li a {
	color: #A4C2C4;
	display: block;
	width: 285px;
	padding: 5px 5px 5px 10px;
	border: 0;
}

ul.subsection li a.selected {
	color: #A4C2C4;
	border: 1px solid red;
}

ul.subsection li a:hover {
	color: #98B3B4;
}

ul.items {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.items li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	border: 0;
	color: #D1DADF;
}

ul.items li a {
	color: #D1DADF;
	display: block;
	width: 270px;
	padding: 5px 5px 5px 25px;
}

ul.items li a:hover {
	color: #C3CCD1;
}


/* CONTACT */

.callout {
	color: #503D3F;
}

.callout h5 {
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: bold;
	margin: 0;
}

.callout a {
	color: #333;
	text-decoration: underline;
}


#myform label {
	font-weight: bold;
	font-size: .9em;
	vertical-align: bottom;
	color: #503D3F;
}

#myform input {
	width: 180px;
	border: 1px solid #503D3F;
}

#myform textarea {
	width: 380px;
	border: 1px solid #b8a7cf;
	
}

#sorder #content {
	background: #fff;
}

/* Distributor List */
.list {
	width: 620px;
	text-align: left;
	clear: both;
}

.list h2 {
	color: #F2F0E1;
	background: #503D3F;
	margin: 0;
	font-size: 1.2em;
	margin: 10px 0 0 0;
	width: 590px;
	padding: 5px 10px 5px 10px;
}

.listBox {
	color: #006885;
	list-style: none;
	clear: both;
	text-align: left;
	padding: 4px;
	width: 585px;
	margin: 0 0 25px 15px;
}

.listBox li {
	padding: 5px;
}

#mapImage {
	margin-top: 275px;
}

/* Distributor List */


.requiredmark {
	font-weight: bold;
	font-size: 1.1em;
	color: #f00;
}

.flow {
	font-size: .8em;
	font-style: italic;
}

.error {
	padding: 2px;
	margin: 0px 0 0px 0;
	border: 1px solid #8B0000;	
	background: #FFC0CB;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	width: 87%;
}
.errorText {
	color: #800;
	font-weight: bold;
}

.external {
	color: #fff;
	font-style: italic;
	background: url('/graphics/link.gif') right no-repeat;
	padding-right: 15px;
}

.products {
	list-style: none;
	margin: 10px 0 0 0;
	display: block;
	clear: both;
	padding: 0;
}

.products li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	padding-left: 1%;
}

.products li img {
	border: 0;
}

.products li .product {
	display: block;
	text-align: center;
	width: 150px;
}

.products li .productwide {
	display: block;
	text-align: center;
	width: 300px;
}

.products li .productsemiwide {
	display: block;
	text-align: center;
	width: 200px;
}

#plain {
	float: none;
}

#product {
	display: block;
	clear: both;
	float: left;
	background: url('/graphics/productline.jpg') top left repeat-y;
}

#product img {
	border: 0;
}

#product p {
	float: right;
	width: 310px;
	padding-left: 35px;
	color: #006885;
	clear: both;
}

#productDesc {
	display: block;
	padding-left: 15px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-left: 15px;
	color: #006885;
	width: 300px;
}

#details {
	color: #503D3F;
}

hr {
	height: 2px;
	border: 2px solid #006885;	
}

#admin #content {
	background: #fff;
}

.bottommargin li {
	margin-bottom: 10px;
}