@charset "utf-8";

/* ---------- GENERAL ---------- */

body {
	background-color: #2ABCBB;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
/*	list-style-image: url(../images/misc/bulletpoint_whiteheart.gif);  */
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color: #BFEBEA;
}
a:hover {
	text-decoration: underline;
}
h1,h2,h3,h4,h5,h6 {	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
h1 {
	font-size: 10px;
	color: #7FD7D6;
	padding: 2px;
	margin: 0; 
}
h2 {
	font-size: 10px;
	color: #7FD7D6;
	padding: 2px;
	margin: 0; 
}
h3 {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;
	margin: 0; 
}


/* ---------- LAYOUT ---------- */

#mainContainer {
	width: 890px;
	margin-left: auto;
	margin-right: auto;
}
#headerSection {
	background: url(../images/bgs/bg_logo_area.gif) no-repeat bottom left #2ABCBB;
	height: 130px;
}
#headerSection .topH1 {
	width: 870px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
}
#headerSection .topH2 {
	width: 870px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
}
#headerSection .logo {
	padding-top: 10px;
	text-align: center;
}
#mainNavigation {
	width: 850px;
	padding: 0 20px 0px 20px;
	padding-top: 1px;
	text-align: center;
}
#pageHeader {
	width: 825px;
	padding: 20px 0 10px 65px;
	text-align: left;
}
#contentFullWidth {
	width: 760px;
	padding: 0 65px 20px 65px;
	text-align: justify;
	line-height: 150%;
}
#footerHearts {
	width: 890px;
	text-align: center;
}
#footerNavBar {
	padding: 5px 5px 5px 5px;
	background-color: #55C9C9;
}
#copyright {
	padding: 10px 0 10px 0;
	text-align: center;
}


/* ---------- MAIN NAVIGATION ---------- */

#p7PMnav {
	margin: 0;
	padding:0;
	text-align: left;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
}
#p7PMnav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -9000px;
	z-index: 10000;	
}
#p7PMnav a {
	display: block;
	text-align: center;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
}

	/* ------ Main Navigation - current page marker style ------ */
#p7PMnav .p7PMmark {
}
	/* ------ Main Navigation - the trigger link styles ------- */

	/*the trigger link */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
}
	/* the active trigger link style */
#p7PMnav .p7PMon {
}
	/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
	padding-top: 1px;
	padding-bottom: 1px;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	width: 170px;
}
#p7PMnav ul li {
	float: none;
}
#p7PMnav ul, #p7PMnav ul li {
	width: 170px;
	padding-top: 2px;
}

/* ---------- FOOTER NAVIGATION ---------- */

#footerNavBar .footerNav {	
	text-align: center;
}
a.footerNav:link, a.footerNav:visited, a.footerNav:active {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF; 
	text-decoration: none; 
}
a.footerNav:hover { 
	text-decoration: underline; 
}

/* ---------- INNER LINKS ---------- */

A.innerlink:link, A.innerlink:visited, A.innerlink:active { 
	font-size: 11px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none; 
}
A.innerlink:hover { 
	font-weight: bold; 
	color: #0000FF; 
	text-decoration: underline; 
}


/* ---------- HOME PAGE SPECIFIC ---------- */

#hpTopH1 {
	width: 870px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
}
#hpTopH2 {
	width: 870px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
}
#hpLogo {
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0 10px 0;
}
#hpContentSection {
	width: 890px;
	margin-left: auto;
	margin-right: auto;
}
#hpContentSection .hpContentLeft {
	width: 385px;
	float: left;
	padding-bottom: 40px;
}
#hpContentSection .hpContentRight {
	width: 505px;
	float: right;
}
#hpContentSection .hpContentHeading {
	width: 440px;
	padding-right: 65px;
	padding-bottom: 20px;
	float: right;
	text-align: right;
}
#hpContentSection .hpContent {
	width: 440px;
	padding-right: 65px;
	padding-bottom: 40px;
	float: right;
	text-align: right;
	font-size: 11px;
	line-height: 140%;
}


/* ---------- PRODUCTS PAGE ---------- */

#productsMainContainer {
	width: 890px;
	margin-left: auto;
	margin-right: auto;
}
#productsMainContainer .productsContainer {
	width: 810px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	background-color: #C0EBEB;
	padding: 3px;
}
#productsMainContainer .productsLeft {
	width: 140px;
	float: left;
}
#productsMainContainer .productsMiddle {
	width: 285px;
	padding-left: 10px;
	float: left;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #000000;
}
#productsMainContainer .productsRight {
	width: 350px;
	padding-left: 10px;
	padding-right: 5px;
	float: right;
	vertical-align: top;
	text-align: left;
	color: #000000;
}
#productsContainer .productsGap {
	height: 10px;
}


/* ---------- CONTACT FORMS ---------- */

#contactSection {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	background-color: #55C9C9;
}
#contactSection .formHeader {
	width: 530px;
	padding: 5px 0 5px 20px;
	background-color: #C0EBEB;
	border-bottom: 1px solid #2ABCBB;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
#contactSection	.formRow {
	width: 100%;
	float: left;
	padding: 3px 0px 3px 0;
	background-color: #55C9C9;
}
#contactSection	.formRow label {
	width: 120px;
	float: left;
	padding: 4px 0 0 20px;
	text-align: left;
}
#contactSection	.formRow input {
	float: left;
	width: 250px;
	vertical-align: middle;
	background-color: #FFFFFF;
	border: 1px solid #2ABCBB;
	padding: 1px;
}
#contactSection	.formRow select {
	float: left;
	width: 250px;
}
#contactSection	.formRow textarea {
	float: left;
	width: 250px;
}
#contactSection	.formButton {
	background-color: #55C9C9;
	padding: 10px 0 10px 140px;
	text-align: left;
}

#formErrorBox {
	width: 510px;
	margin-left: auto;
	margin-right: auto;
	background-color: #C0EBEB;
	padding: 20px;
	color: #000000;
	text-align: left;
}
#Question5 {
	display: none; 
}


/* ---------- SHOP ONLINE MAIN ---------- */

#shopMainContainer {
	width: 890px;
	margin-left: auto;
	margin-right: auto;
}
.shopLeftNavContainer {
	width: 220px;
	background-color: #C0EBEB;
}
.cartTotal {
	padding: 10px 0 20px 15px;
	text-align: left;
	font-size: 14px;
	color: #0066FF;
}
.cartButtons {
	padding-bottom: 10px;
	text-align: center;
}
.shopLeftColumn {
	text-align: left;
	vertical-align: top;
}
.shopRightColumn {
	padding-left: 30px;
	text-align: left;
	vertical-align: top;
}

/* ---------- SHOP ONLINE - EXTRA NAVIGATION ---------- */

#shopExtraNav {
	width: 100%;
	margin-top: 0px;
	padding-bottom: 0px;
	color:#0066FF;
	text-align: left;
	background-color: #C0EBEB;
}
.shopExtraNavItem {
	padding: 0;
	margin: 0;
	list-style: none;
}
.shopExtraNavItem li {
	display: block;
	margin: 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0066FF;
	border: 1px solid #C0EBEB;
}
.shopExtraNavItem a, .shopExtraNavItem a:active, .shopExtraNavItem a:visited {
	display: block;
	padding: 6px 5px 6px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0066FF;
	text-decoration:none;
}
.shopExtraNavItem a:hover {
	color:#FFFFFF;
	background-color: #55C9C9;
}


/* ---------- SITE MAP ---------- */

#siteMap {
	width: 890px;
}
#siteMap ul {
	margin: 0;
	padding: 0;
	padding-left: 40px;
}
#siteMap li {
	padding-bottom: 10px;
	list-style-type: none;
	list-style-image: url(../images/misc/bulletpoint_whitearrow.gif);
}
#siteMap a {
	color: #FFFFFF;
}
#siteMap a:hover {
	color: #C0EBEB;
}


/* ---------- SITE BY ---------- */

#siteby {
	width: 870px;
	text-align: right;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7FD7D6;
}
a.siteByLink:link, a.siteByLink:visited, a.siteByLink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7FD7D6;
	text-decoration: none; 
}
a.siteByLink:hover {
	color: #BFEBEA;
}