/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: ErgoSafe
	Created: 2008-05-29
	Created by: Gianni Casagrande gianni@rkd.ca
	
	COLOURS:
	
	GREY			#cecece;
	BLUE			#013568;
	GREEN			#43963a;
	BROWN			#816d42;
	
------------------------------------------------------------------- */
 
html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {
	background: #FFF;  /* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height:16px;
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		color: #000;
		background: url(../../Images/site_bg.gif) top left repeat-x;
		}

img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 0;
	}

:focus { outline: none; } /* removes dotted outline from links */

.Clear { clear: both; } /* clears all floats; apply to empty divs */


/* ---------------------
	GLOBAL STYLES - style as necessary
--------------------- */

a:link { color: #43963a; text-decoration: underline; font-weight:bold; }
a:visited { color: #43963a; text-decoration: underline; font-weight:bold; }
a:hover { color: #43963a; text-decoration: none; font-weight:bold; }
a:active { color: #43963a; text-decoration: underline; font-weight:bold; }

 td, div { 
	font-size: 11px;
	line-height: 16px;
	}
	
p {
	font-size: 11px;
	line-height: 16px;
	margin: 5px 0 16px 0;
	font-weight:normal;
	color: #000;
}

strong, b {
	font-weight: bold;
	color: #333;
	}

em, i {
	font-style: italic;
	}

h1 { 
	font-size: 18px;
	color: #013568;
	/*border-bottom: 1px solid #013568;*/
	line-height: 22px;
	}
h2 {
	color: #43963a;
	font-size: 12px;
	}
h3 {
	font-size: 14px;
	color: #013568;
	font-weight:bold;
	}

	
h4 {
	font-size: 14px;
	color: #816d42;
	font-weight:bold;
	margin: 8px 0 10px 0;
	}
h5 {
	font-size: 13px;
	}
h6 {
	font-size: 11px;
	margin: 7px 0 0 0;
	}

ul {
list-style:url(../../Images/bullet.gif) left middle;
list-style-image:url(../../Images/bullet.gif);
list-style-position: middle;
line-height: 22px;
margin-top: 5px;
margin-bottom: 15px;
}

ol { }

hr {
background-color: #43963a;
color: #43963a;
margin: 25px 0 0px 0;
height: 1px;
border: 1px;
}

.hr2 {
background-color: #E1E1E1;
color: #E1E1E1;
margin: 35px 0 20px 0;
height: 1px;
border: 1px;
}

.PhotoFloatLeft {float:left; margin:5px; border: #999999 solid 1px;}
.PhotoFloatRight {float:right; margin:5px; border: #999999 solid 1px;}

.pics {border: #999999 solid 1px;}

.return {
	background:url(../../Images/product_fade_bg.jpg) top left repeat-x;
	line-height:20px;
	text-align:right;
	margin-top: 25px;
}

/* styles used by WYSIWYG - style as necessary */
pre { }

address { }

.zero {
	margin: 0;
	padding:0;
}

.date {
	font-style:italic;
	color: #43963a;
}

.error {
	font-weight:bold;
	color:#990000;
}

#BreadCrumb {
	width:90%;
	padding: 7px;
	margin-bottom: 5px;
	background-color: #c0dcbe;
}

	#BreadCrumb .main {color: #013568; font-weight:bold;}
	#BreadCrumb .main a {color: #013568; font-weight:bold;}
	#BreadCrumb .main a:link {color: #013568; font-weight:bold;}
	#BreadCrumb .main a:hover {color: #013568; font-weight:bold;}


.red {
	color:#990000;
}

.black {
	color: #000000;
}

.testy {
	width: 585px;
}

/*===============
BUTTON
================*/

.button {
	background-color: #013568;
	border:#FFFFFF 1px solid;
	border-color: #aaa #000 #000 #aaa;
	color: #FFF;
	font-weight:bold;
	cursor:pointer;
	padding-top: 3px;
}

.button:hover {
 position: relative;
top: 1px;
left: 1px;
 border-color: #000 #aaa #aaa #000;
}

/*==================
STRUCTURE
==================*/

#Container {
	width: 803px;
	margin: 0 auto;
	padding: 5px;
	background-color:#FFFFFF;
}

#Repeat {
	width: 100%;
	background: url(../../Images/container_content_bg.gif) top left repeat-y;
}

#RepeatContent {
	width:100%;
	background: url(../../Images/container_content_bg.gif) top left repeat-y;
}

	#Container .Head {}
	
#Wrapper {
	float: left;
	width:100%;
}

	#Content {
		margin: 0 219px 0 189px;
		padding: 0 7px 0 8px;
	}
	
	#ContentFullWidth {
		margin: 0 0 0 189px;
		padding: 10px 17px 8px 10px;
		min-height:400px;
	}
	
#Leftbar {
	float:left;
	width:187px;
	margin-left: -803px;
}

#Rightbar {
	float:left;
	width:215px;
	margin-left: -215px;
	background:url(../../Images/left_bg.gif) left top repeat-y;
}

	#Rightbar .rightContent {
		padding: 0px;
	}
	
/*	#Rightbar .imageSpace {
		padding: 10px 0 0px 10px;
	}
*/
#Testimonial {
	min-height: 50px;
	background:url(../../Images/footer_swish.jpg) top left no-repeat #43963a;
	clear:left;
	color:#FFFFFF;
	padding: 50px 20px 20px 20px;
}

	#Testimonial strong {
		color: #FFFFFF;
		font-weight:bold;
	}

#Footer {
	color:#013568;
	padding: 5px 0 5px 0;
	border-bottom: #013568 1px solid;
	height: 18px;
	}
	
	#Footer .left {float: left;}
	#Footer .center {float: left; margin-left: 175px;}
	#Footer .right {float: right;}
		
		#Footer .right a, #Footer .right a:active, #Footer .right a:link{text-decoration:underline; color:#013568; font-weight:normal;}
		#Footer .right a:hover{text-decoration:none;}
		
/*==================
LEFT MENU
==================*/

/*.Menu {
	list-style:none;
	list-style-image:none;
	margin: 0;
	padding: 15px 0 0 5px;
}*/

/*.Menu li a {
	width: 178px;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9000px;
}
	.Menu li#Home a {background-image: url(../../Images/menu/btn_home.gif);}
	.Menu li#About a {background-image: url(../../Images/menu/btn_aboutus.gif);}
	.Menu li#Care a {background-image: url(../../Images/menu/btn_caregivers.gif);}
	.Menu li#Resources a {background-image: url(../../Images/menu/btn_resources.gif);}
	.Menu li#News a {background-image: url(../../Images/menu/btn_news.gif);}
	.Menu li#Testimonials a {background-image: url(../../Images/menu/btn_testimonials.gif);}
	.Menu li#Contact a {background-image: url(../../Images/menu/btn_contact.gif);}
	
	.Menu li a:hover {background-position:right top;}*/
	
#wavLogo {
	z-index:50; 
	float:left;
	margin: 10px 0 0 10px;
	width:178px;
}

/*====================
PRODUCT TEMPLATE
=====================*/

#ProductShell {
	width: 90%;
	background:url(../../Images/product_fade_bg.jpg) top left repeat-x;
	padding: 7px;
}

	#ProductShell table {
		width:100%;
		text-align:center;
		margin: 10px 0 0 0;
	}

	
	#ProductShell .pics {border: #999999 solid 1px;}
	
	
	#ProductShell a, #ProductShell a:link {color: #013568; font-weight:normal;}
	#ProductShell a:hover {color: #013568; font-weight:normal;}	
	#ProductShell a:active {color: #013568; font-weight:normal;}
	
#ProductShell ul {
	color: #013568;
	font-weight: bold;
	margin: 0;
	padding: 0;
	list-style:none;
	list-style-image:none;
}

#ProductShell ul ul {
	margin: 5px 0 0 15px;
	font-weight:normal;
}

#ProductShell p, #ProductShell br  {
	line-height:16px;
}


.Category td, .Category tr {
		text-align:left;
		padding: 3px;
	}

.alt {
 background-color:#E1E1E1;
}

.productPic {
	border:#666666 solid 1px;
	width:136px;
	height:91px;
	text-align:center;
	margin: 0 auto;
}

.productName{
	width:100%;
}
	
/*====================
PRODUCT DETAILS
=====================*/

#ProductDetails {
	width: 90%;
	background:url(../../Images/product_fade_bg.jpg) top left repeat-x;
	padding: 7px;
}

	#ProductDetails table {
		width:100%;
		vertical-align:top;
		padding-top: 15px;
	}
	
	#ProductDetails img {background-color: #999999; padding:5px;}
	
	#ProductDetails tr, #ProductDetails td {
		width:50%;
		vertical-align:top;
	}
	
	#ProductDetails img {
		border: #999999 solid 1px;
	}
	
	#ProductDetails a, #ProductShell a:link {color: #013568; font-weight:normal;}
	#ProductDetails a:hover {color: #013568; font-weight:normal;}	
	#ProductDetails a:active {color: #013568; font-weight:normal;}
	
	
/*====================
RESOURCES
=====================*/

.resMenu {
	border: #999999 solid 1px; 
	margin: 0;
	padding:0;
}

#ResDetails {
	width: 90%;
	background:url(../../Images/product_fade_bg.jpg) top left repeat-x;
	padding: 7px;
}

#ResDetails a {color: #013568;}
#ResDetails a:link {color: #013568;}
#ResDetails a:active {color: #013568;}
#ResDetails a:hover {color: #013568;}

/*====================
CONTACT FORM
=====================*/

#ContactDetails {
	width: 90%;
	background:url(../../Images/product_fade_bg.jpg) top left repeat-x;
	padding: 7px;
}

#ContactDetails table {
	margin: 0 auto;
	text-align:center;
}

	#ContactDetails tr, #ContactDetails td {
		/*width:50%;*/
		text-align:right;
	}
	
	.box {width:500px;}
	
/*=====
MENU TEXT
=====*/

.menuitem, .menuitem a, .menuitem a:link, .menuitem a:visited {
	display: block;
	font-size: 12px;
	margin: 0;
	font-family: "Trajen Pro", Georgia, Times New Roman;
	font-weight:bold;
	color: #013568;
	text-transform:uppercase;
	text-decoration: none;
	height: 29px;
	width: 191px;
}

.menuitem a:hover{
	color: #0968bb;
	background:url(../../Images/menu_over.gif) top left no-repeat;
}

/*================
DROP DOWN
===============*/

#nav, #nav ul {
	padding: 0;
	margin: 10px 0 0 8px;
	list-style: none;
}

#nav a {
	display: block;
/*	width: 10em;*/

}


#nav li {
	float: left;
	/*width: 10em;*/
}

	#nav li a {
	display: block;
	font-size: 12px;
	margin: 0;
	font-family: "Trajen Pro", Georgia, Times New Roman;
	font-weight:bold;
	color: #013568;
	text-transform:uppercase;
	text-decoration: none;
	height: 29px;
	width: 215px;
	}
	
	#nav li a:hover {
	color: #0968bb;
	background:url(../../Images/menu_over.gif) top left no-repeat;
	}

#nav li ul {
	position: absolute;
	display:block;
	width: 215px;
	left: -999em;
	margin: -40px 0 0 175px;
	background-color: #cecece;
	border: #013568 1px solid;
	padding: 5px;
/*	height: 215px;*/
}

#nav li:hover ul {
	left: auto;
}

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

#nav li:hover, #nav li.hover {  
  position: static;  
 }  
 
 /* =============
 HOMEPAGE RIGHT SIDE IMAGES
 ==============*/
 
 #caregivers {
 	display: block;
 	background:url(../../Images/image_caregivers.jpg) top left no-repeat;
	height: 107px;
	width: 177px;
	margin: 10px 0 0px 10px;
	text-decoration:none;
 }
 
 #caregivers:hover {text-decoration:underline; color: #013568;}

 
 	#caregivers span {
	display: block;
	font-size: 11px;
	font-family: "Trajen Pro", Georgia, Times New Roman;
	font-weight:bold;
	color: #013568;
	text-transform:uppercase;
	text-decoration: none;
	padding-top: 77px;
	margin-left: 5px;
	}
	
	
#hhc {
 	display: block;
 	background: url(../../Images/image_homehealthcare.jpg) top left no-repeat;
	height: 107px;
	width: 177px;
	margin: 10px 0 0px 10px;
	text-decoration:none;
	
 }
 
  #hhc:hover {text-decoration:underline; color: #013568;}

 
 	#hhc span {
	display: block;
	font-size: 11px;
	font-family: "Trajen Pro", Georgia, Times New Roman;
	font-weight:bold;
	color: #013568;
	text-transform:uppercase;
	text-decoration: none;
	padding-top: 77px;
	margin-left: 5px;
	}
	
	
	#pt {
 	display: block;
 	background: url(../../Images/image_physical.jpg) top left no-repeat;
	height: 107px;
	width: 177px;
	margin: 10px 0 0px 10px;
	text-decoration:none;
	
 }
 
  #pt:hover {text-decoration:underline; color: #013568;}

 
 	#pt span {
	display: block;
	font-size: 11px;
	font-family: "Trajen Pro", Georgia, Times New Roman;
	font-weight:bold;
	color: #013568;
	text-transform:uppercase;
	text-decoration: none;
	padding-top: 77px;
	margin-left: 5px;
	}
	
/*====================
H1 header image replacements
=====================*/

h1 span {margin-left: -9999px;}

h1 .home {
	background:url(../../Images/home_welcome.jpg) top left no-repeat;
	width:391px;
	height:33px;
	}

h1 .news {
	background:url(../../Images/title_newsevents.jpg) top left no-repeat;
	width:268px;
	height:22px;
	}

h1 .testimonials {
	background:url(../../Images/title_testimonials.jpg) top left no-repeat;
	width:268px;
	height:22px;
	}
	
h1 .contact {
	background:url(../../Images/title_contactus.jpg) top left no-repeat;
	width:268px;
	height:22px;
	}
	
h1 .resources {
	background:url(../../Images/title_resources.jpg) top left no-repeat;
	width:268px;
	height:22px;
	}

/* ==================
VIDEOS
====================*/

#videoback {
	background:url(../../Images/video_back.gif) top left no-repeat;
	width: 500px;
	height: 500px;
}

	#videoback .video {
		text-align: center;
		padding-top: 100px;
		
	}
	
/*====================
SHOPPING CART
=====================*/

.cartstatus {
	text-align: right;	
}

.quantity { width: 25px;}

/* ---
Shopping Cart 
--- */

.CartTable td {
	font-size: 12px;
}

.CartTable td.ItemDesc div {
	font-size: 9px;
	line-height: 18px;
	/*float: left;*/
	
	
}

.CartTable td.ItemDesc div strong {
	font-size: 12px;
	font-weight: bold;
	color: #1C4875;
	
}

 .CartTable td.LangAvail {
	font-weight: bold;
	/*padding-left: 60px;*/
}

 .CartTable td.LangAvail span.NotAvail {
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
}

 .CartTable td.Quantity {
	text-align: left;
	
}

.CartTable td.Price {
	text-align: left;
	padding-right: 12px;
}

.Total, #ContentArea h3.Verify {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #443620;
}

.Total {
	text-align: right;
	margin: 5px 10px 0 0;
}

h3.Verify {
	/*margin: 10px 0;*/
}

.ShippingNote, #ContentArea .Required {
	font-size: 11px;
	color: #912E0D;
	font-style: italic;
	font-weight: bold;
}

.ShippingNote {
	text-align: right;
	margin: 10px 0;
}

.CartTable td.ItemDesc img {
	margin: 3px 7px 0 0;
	float: left;
}

.CartTable td.Remove {
	text-align: center;
	width: 45px;
}

.CartTable td.Remove img {
	margin-top: 3px;
}

.CheckoutTable, .VerifyTable {
	/*width: 100%;*/
	margin-bottom: 10px;
}

.CheckoutTable td,  .VerifyTable td {
	padding: 5px 2px;
	font-size: 11px;
}

.CheckoutTable tr.ErrorLine td,  .VerifyTable tr.ErrorLine td {
	/*padding: 0px 2px;*/
	font-size: 12px;
}

.CheckoutTable .Label {
	/*width: 120px;*/
	text-align: right;
}

.VerifyTable .Label {
	/*width: 160px;*/
	font-weight: bold;
	text-align: right;
}

.CheckoutTable .LabelNoWidth {
	text-align: right;
}

.VerifyTable .LabelNoWidth {
	text-align: right;
	font-weight: bold;
}

.CheckoutTable input,  .CheckoutTable select,  .CheckoutTable textarea {
	border: 1px solid #443620;
	margin: 0px;
}

.CheckoutTable .NoBorder input,  .CheckoutTable input.NoBorder {
	border: none;
}

.ProductTable {
	/*width: 720px;*/
}

.ProductTable td {
	vertical-align: top;
}

 .ProductTable td.ItemAccess {
	/*width: 195px;*/
}

.CartTable, #ContentArea .TableStyle, #right table {
	width: 100%;
	color: #000000;
}

#right table {
	/*width: 450px;*/
}

.CartTable th,  #ContentArea .TableStyle th,  #ContentArea .TableStyle tr.BudgetHeaders td {
	background: #bedd9f;
	color: #443620;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #CECBC2;
	padding: 3px 5px;
	text-align: left;
}

.CartTable th.ItemDesc {
	text-align: left;
	/*width: 100px;*/
}

.CartTable td.ItemDesc {
	text-align: left;
}

.CartTable td,  #ContentArea .TableStyle td,  #right table td {
	background: #F1F0EB;
	vertical-align: top;
	padding: 3px 5px;
}

.CentredCells td {
	text-align: center;
}

.CartTable td.Quantity input {
	width: 35px;
	text-align: center;
	border: 1px solid #443620;
}

.CartTable td.ItemDivide {
	border-bottom: 1px solid #CECBC2;
	line-height: 3px;
}

.TableStyle td,  #right table td {
	border-bottom: 1px solid #CECBC2;
}

.CheckoutButtons {
	text-align: right;
	margin: 6px 0;
}

#Purchase {
	width:170px;
	height:65px;
	margin-top:210px;
	background:url(../../Images/purchase_ergosafe.jpg) top left no-repeat;
	text-indent:-9999em;
	}
	#Purchase a { display:block; height:100%; width:100%;}
	#Purchase a:hover {
	background:url(../../Images/purchase_ergosafe_over.jpg) top left no-repeat;
	}