/*   
Theme Name: Heartsine 2.0
Theme URI: http://www.ggcomm.com
Description: Theme for Heartsine 2.0 website -- WordPress v3.0.1
Author: Goldstein Group Communications
Author URI: http://www.ggcomm.com
Version: 1
*/

@media screen {


/* common elements */

img, div { behavior: url(/assets/heartsine/iepngfix.htc) }

#containermaster {
	position: absolute;
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
	z-index: 0;
	padding: 0px;
}



#container {
	position: absolute;
	width: 985px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	z-index: 0;
	background: #FFF;	
}

#container2 {
	position: relative;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	z-index: 0;
	background: url(/assets/heartsine/footer_bg.jpg) repeat-x top;
}


body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	/*background: #7482bf; */
	margin: 0;/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
}
 
 
p, td {
	margin-top: 0px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
}

.smalltext {
	font-size: 10px;
}


.sup {font-size:xx-small;
vertical-align: text-top;}


a:link {text-decoration: underline; 	color: #6470a6; font-weight: bold;}
a:visited { text-decoration: underline; 	color: #6470a6; font-weight: bold;}
a:active {text-decoration: underline; 	color: #6470a6; font-weight: bold;}
a:hover { text-decoration: underline; color: #eaab13; font-weight: bold;}

/* start top navigation */

.menu-main-top-menu-container{
	float: right;
	height: 26px;
/*	width: 700px;*/
	padding-left: 0px;
	padding-top: 10px;
	margin-left: 0px;
}



ul#menu-top-nav-menu { list-style: none; margin: 0px  ;padding: 0px; }


ul#menu-top-nav-menu  li {
  list-style: none;
  float: right;
  height: 24px;
}


ul#menu-top-nav-menu  li a:link, ul#menu-top-nav-menu li a:visited, ul#menu-top-nav-menu li a:active {
		text-decoration: none;
		text-transform: uppercase;
		color: #666; 
		font-weight: normal; 
		font-size: 10px; 
	/*		background: #7482bf; */
		display: block;
		padding: 0 8px 0 8px;
		border-right: 1px #666 solid;
	}
	
ul#menu-top-nav-menu li a:hover {
	 color: #eaab13;
	}
	


/* end top navigation */


/* start header navigation */

.menu-main-nav-menu-container{
	float: left;
	height: 26px;
	width: 720px;
	padding-left: 0px;
	padding-top: 10px;
	margin-left: 0px;
}



ul#menu-main-nav-menu { list-style: none; margin: 0px  ;padding: 0px; }


ul#menu-main-nav-menu  li {
  list-style: none;
  float: left;
  height: 24px;
}


ul#menu-main-nav-menu  li a:link, ul#menu-main-nav-menu li a:visited, ul#menu-main-nav-menu li a:active {
		text-decoration: none;
		text-transform: uppercase;
		color: #ffffff; 
		font-weight: bold; 
		font-size: 11px; 
			background: #7482bf; 
		display: block;
		padding: 0 12px 0 12px;
		border-right: 1px #ffffff solid;
	}
	
ul#menu-main-nav-menu li a:hover {
	 color: #eaab13;
	}

/* end header navigation */


/* start footer navigation */

.menu-footer-nav-menu-container{
	/*float: left;
	height: 26px;
	width: 500px;*/
	float: right;
	padding-left: 0px;
	padding-top: 0px;
	margin-left: 0px;
}

ul#menu-footer-nav-menu { list-style: none; margin: 0px  ;padding: 0px; }


ul#menu-footer-nav-menu  li {
  list-style: none;
  float: left;
/*  height: 24px;*/
}


ul#menu-footer-nav-menu  li a:link, ul#menu-footer-nav-menu li a:visited, ul#menu-footer-nav-menu li a:active {
		text-decoration: none;
		text-transform: none;
		color: #ffffff; 
		font-weight: normal; 
		font-size: 10px; 
			background: #7482bf; 
		display: block;
		padding: 0 10px 0 10px;
		border-right: 1px #ffffff solid;
	}
	
ul#menu-footer-nav-menu li a:hover, #legal a:hover {
	 color: #eaab13;
	}
#legal {
	 text-align: left;
	 width: 500px;
	 float: right;
	}

#legal a {
	 color: #fff;
	
	}

/* end footer navigation */





/* side menu */


#menuholder {
	position: absolute;
	top: 257px;
	left: 0px;
	width: 140px;
	padding: 0px 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 1000;
	float: left;
	/*background: #7482bf;*/
}


.linkbox {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #7482bf;
	width: 140px;

}  

.menuside {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}



.menuside a {
	width: 120px;
	font-size: 10px;
	padding: 3px 10px 6px 7px;
	margin: 0px;
	display: block;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	line-height: 12px;
}

.menuside a:hover {
	color: #eaab13;
}

/*side section menu*/

#menuholder2 {
	position: absolute;
top: 257px;
	left: 0px;
	width: 130px;
	padding: 0px;
	margin: 0px;
	z-index: 1000;
	float: left;
}


#menuholder2 ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menuholder2 ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menuholder2 ul li a {
	width:115px;
	display: block;
	padding: 5px 15px 5px 10px;
	color: white;
	font-size: 10px;
	text-decoration: none;
	background-color: #7482bf;
	margin: 0px 0px 0px 0px;
	position: relative;
	border: none;
}

#menuholder2 ul li a:hover {
	color: #eaab13;
}



.sidementop {
	display:block;
	width: 140px;
	height: 4px;
	background-color: #ffffff;
	background-image: url(/assets/heartsine/menuside_bg_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.sidemenbot {
	display:block;
	width: 140px;
	height: 4px;
	background-color: #ffffff;
	background-image: url(/assets/heartsine/menuside_bg_bottom.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/*end side section menu*/


.belowcontact {
	display:block;
	width: 256px;
	height: 4px;
	background-color: #ffffff;
	background-image: url(/assets/heartsine/contactus_bg_bottom.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}


/*
.belowcontact {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}*/






a.smalllink:link {text-decoration: underline; color: #2a5dbb; font-weight: normal; font-size:10px}
a.smalllink:visited {text-decoration: underline; color: #2a5dbb; font-weight: normal; font-size:10px}
a.smalllink:active {text-decoration: underline; color: #2a5dbb; font-weight: normal; font-size:10px}
a.smalllink:hover {text-decoration: underline; color: #2a5dbb; font-weight: normal; font-size:10px}

a.top:link{
	font-size: 10px;
	text-decoration: none;
	color: #666;
	font-weight: normal;
	text-transform: uppercase;
}
a.top:visited {
	font-size: 10px;
	text-decoration: none;
	color: #666;
	font-weight: normal;
	text-transform: uppercase;
}
a.top:active {
	font-size: 10px;
	text-decoration: none;
	color: 666;
	font-weight: normal;
	text-transform: uppercase;
}
a.top:hover {
	font-size: 10px;
	text-decoration: underline;
	color: #eaab13;
	font-weight: normal;
	text-transform: uppercase;
	}

a.main:link{
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
}
a.main:visited {
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}
a.main:active {
	font-size: 11px;
	text-decoration: none;
	color: fff;
	font-weight: normal;
}
a.main:hover {
	font-size: 11px;
	text-decoration: none;
	color: #eaab13;
	font-weight: normal;
}


a.bottom:link{
	font-size: 10px;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}
a.bottom:visited {
	font-size: 10px;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}
a.bottom:active {
	font-size: 10px;
	text-decoration: none;
	color: fff;
	font-weight: normal;
}
a.bottom:hover {
	font-size: 10px;
	text-decoration: none;
	color: #eaab13;
	font-weight: normal;
}




.productnav {
	text-decoration: none;
	color: #5CBFE9;}


H1 {
	font-weight: bold;
	font-size: 18px;
	line-height: 19px;
	margin: 0px 0px 12px 0px;
	padding:0;
	text-transform: none;
	color: #6470a6;
        font-family:latin;
}


H2 {
	font-weight: normal;
	font-size: 15px;
    line-height: 17px;
color: #7d873e;
	margin: 10px 0px 14px 0px;
	padding:0;
	text-transform: none;
}

H3 {
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	margin: 2px 0px 6px 0px;
	padding:0;
	text-transform: none;
	color: #666;

}
 .post H2 {
	 font-weight: bold;
	 color: #7482BF;
font-size: 18px;
line-height: 20px;	 
text-decoration: none;
padding: 0px;
margin: 12px 0px 9px 0px;

}

.post H2 a {
	 font-weight: bold;
	 font-size: 18px;
	 line-height: 20px;	 

}
 
 .entry H3 a{	 
text-decoration: none;
padding: 0px;
margin: 0px;

}

.postmetadata {
margin-bottom: 40px;

}

.entry H3 a:hover {
text-decoration: none;
padding: 0px;
margin: 0px;

}

H4 {
	font-weight: bold;
	font-size: 12px;
line-height: 13px;
	color: #666;
	margin: 16px 0px 0px 0px;
	padding:0;
	text-transform: none;
}

.bodytext {
	font-size: 12px; 
	font-family: arial;}
	
	.meta {
		font-size: 9px; 
		margin: 0px;
	padding: 0px 0px 18px 0px;
	color: #333;
font-weight:bold;
letter-spacing:0.02em; 
text-transform: uppercase; 
}
	
	

.productnav {
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	text-decoration: none;
	color: #5CBFE9;}


/* end common elements */



#pagespan {
	position: relative;
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
	z-index: 0;
	padding: 0px;
	background: #FFF;
}


#bodyspan {
	position: relative;
	min-height:1150px;
	width: 985px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px 0px 30px 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index: 0;	
}


/* contained in container*/

#header{
	position: relative;
	width: 985px;
	height: 80px;
	background-image: none;
	padding: 10px 0px 0px 0px;
	margin: 0px auto;
	z-index: 0;
	vertical-align: top;
}

#headernav{
	position: relative;
		width: 985px;
	height: 44px;
	background-position:top center;
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px auto 2px auto;
	z-index: 0;
}

/*ul#main-nav { margin:0; padding:0; float:left; width:100%;}
ul#main-nav li {margin:0; padding:0; float:left; list-style:none; }*/





#content{
	position: relative;
	left: 0px;
	width: 985px;
	padding: 0px 0px 30px 0px;
	margin: 0px;
	z-index: 1500;
	text-align: left;
	background: url(/none);
}



#contenttop{
	position: relative;
	left: 0px;
	width: 209px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	border: none;
	z-index:0;
	float: left;
	vertical-align: top;
}

#contentmain{
	width: 600px;
	padding: 20px 0px 0px 20px;
	margin: 0px;
	z-index: 2000;
	float: left;
	background: url(/assets/heartsine/shadowback_inside.png) no-repeat 3px 24px;
	position: relative;
	left: 120px;
     min-height:840px;
     height:auto;
}

#contentmain2{
	width: 256px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	float: left;
	z-index: 1000;
	position: absolute;
	left: 728px;
	top: 217px;
}


#contentbot{
	position: relative;
	width: 209px;
	height: 31px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
	border: none;
	z-index:0;
		float: left;
		vertical-align: top;
}


#toplogo {
	position: absolute;
	float:none;
	height: 67px;
	width: 227px;
	top: 10px;
	z-index:50;
	left: 0px;
	margin: 0px;
	padding: 0px;
	right: 0px;
	bottom: 0px;
}

#phonerow {
	position: absolute;
	float:left;
	height: 20px;
	width: 154px;
	top: 10px;
	color: #666;
	font-weight: bold;
	font-size: 12px;
	z-index:50;
	left: 470px;
}

#phoneamericas {
	display: none;
}

#searchbox{
	position: absolute;
        background: #7482bf;
		text-align: right;
	float: right;
	height: 30px;
	width: 255px;
	top: 40px;
	color: #666;
	font-weight: bold;
	font-size: 12px;
	z-index: 50;
	left: 712px;
	padding: 16px 9px 0px 9px;
}

#countrylist { margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}

#countrybutton { margin: 0px 0px 0px 4px;
padding: 0px 0px 0px 0px;
width: 75px;
float: left;
}

#toplinks {
	position: absolute;
	float: left;
	height: 20px;
	width: 350px;
	margin: 0px 0px 0px 870px;
	top: 10px;
	color: #666;
	font-weight: bold;
	font-size: 10px;
	padding: 0px 2px 0px 0px;
	text-align: right;
	z-index:25;
	right: 0px;
}


.logos {
	margin-left: 10px;
}


#secondaryrightcolumn {
	float: left;
	width: 755px;}

#secondarycontent {
	float: left;
	width: 715px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;}



/*.menusocial {
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 2px 19px;
}  
*/

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}







#footer {
	text-align: center;
	color: #ffffff;
	font-size: 10px;
	line-height: 12px;
	/*height: 80px;*/
	padding: 18px 0px 10px 10px;
	margin: 0 auto;
	width: 975px;
	/*position: relative;*/
}



#bottominfo2 {
	width: 630px;
	text-align: right;
	margin: 0;
	float: right;
	padding-top: 6;
}

#bottominfo2 p {
	font-size: 9px;
	line-height: 14px;
	text-align: right;
	margin-bottom: 15px;
	 }
	 
	 #bottominfo2 a {
	text-transform: none;
}

.bottominfo3 {
	width: 170px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	float: left;
}

.bottominfo3 p {
	font-size: 10px;
	line-height: 14px;
	text-align: left;
	
}

.bottominfo3 a {
	font-size: 11px;
	line-height: 14px;
}

.logosbottom {
	float: left;
	margin-right: 10px;
}

.logosbottom2 {
	margin-top: 4px;
	margin-left: 20px;
}





/* end bottom container2 */
.picbotmarg {
	margin: 0px;
	padding: 0px;
}

.pictopmarg {
	margin: 0px;
	padding: 0px;
}

.picrightmarg {
	margin-right: 4px;
	float: right;
	width: 28px;
	margin-top: 2px;
}

.post .entry img {
	margin: 10px 0px 10px 10px;
	padding: 4px;
	
}

.post .entry img.alignnone {
	margin: 10px 0px 6px 0px;
	padding: 0px;
	
}

.post .entry img.buybutton {
	margin: 6px 0px 6px 10px;
	padding: 0px;
	
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/*.alignnone  {
text-align: left;
	margin: 20px 0px -10px -10px;
padding:  0px 0px 0px 0px;
}
*/

.textrightmarg {
	margin-right: 4px;
	float: right;
	margin-top: 2px;
	padding-top: 6px;
}
.notbold {
	font-weight: normal;
}

.white {
	background: #FFF;
}
/* search button*/

#searchstock {
	position: relative;
	height: 57px;
	width: 220px;
	margin-left: 209px;
	top: 41px;
	color: #0038d6;
	font-weight: bold;
	font-size: 10px;
	padding-top: 7px;
	padding-left: 46px;
	border-width: 0px;
	z-index:100;
}

#navsearch {
	position: relative;
	color: #FFF;
	font-weight: bold;
	font-size: 10px;
	padding-top: 7px;
	padding-left: 46px;
	border-width: 0px;
	z-index:100;
}

#field{
	font-size:10px;
	font-weight: normal;
	width: 150px;
	height: 15px;
	background:url(/assets/heartsine/search_field.gif) no-repeat left top;
	float:left;
	border:none;
	padding: 4px 0px 0px 0px;
	outline:none;
	margin: 0px 0px 0px 0px;
	color: #666;
}

#searchbutton{
	width: 37px;
	height: 19px;
	float:left;
	border:none;
	padding: 0px;
	margin: 0px;
}

#go{
	width:24px;
	height:18px;
	padding:3px 0 0 0;
	float:left;
	border:none;
	margin: 4px 0px 0px 0px;
	cursor:pointer;
}

#field2{
	font-size:10px;
	font-weight: normal;
	width:180px;
	height:17px;
	background:url(/assets/heartsine/search_field.gif) no-repeat left center;
	/*background-color:#FFF;*/
	float:left;
	border:none;
	padding:4px 0px 0px 4px;
	outline:none;
	margin: 4px 0px 0px 0px;
	color: #666;
	z-index: 20000;
}

#go2{
	width:24px;
	height:18px;
	padding:3px 0 0 0;
	float:left;
	border:none;
	margin: 1px 0px 0px 0px;
	cursor:pointer;
}

ul#main-nav #sitesearch{
	padding: 4px 0 0 73px;
	
}

.textinput
{
	width: 159px;
	height: 17px;
	background:none;
	border: none;
	font-size:10px;
	color: #666;
	margin: 0px 0px 0px 4px;
	padding:0px;
	z-index: 25000;
	
}

:focus { outline: 0; }

*+html .textInput
{
margin-left: -50px;
}


ul, ol {
	margin: -8px 0px 10px 10px;
	padding-left:20px;
}

ul ul {
	margin-top: 6px;
	margin-bottom: -2px;
	margin-left: 0px;

}

li {
line-height: 18px;
	margin-bottom: 0px;
	padding-bottom: 8px;
	margin-top: 0px;
	padding-top: 0px;
	color: #6470a6;
}

li li {
	margin-bottom: 0px;
	padding-bottom: 6px;
	margin-top: 0px;
	padding-top: 0px;
	color: #6470a6;
}

#menuholder2 ul li {
line-height: 12px;
padding-bottom: 0px;
}

.sidebarbutton {
	margin-top: 4px;
}

.simpleimage {
	margin-top: 4px;
border: 0px;
}

.widget_simpleimage a img{
border: 0px;
}

#videodemo .widget {padding-top: 4px;

}

#homelink{
	position:absolute;
	width: 100px;
	height: 86px;
	top:15px;
	left:15px;
	padding: 0px;
	margin: 0px;
	z-index: 2000;
}



#homecol1 {
	width: 515px;
	position: relative;
	padding: 15px 40px 35px 35px;
	margin-bottom: 0px;
}
#topmenuholder {
	background: #7482bf;
	height: 36px;
	width: 985px;
}

#headerimage {
	width: 985px;
	height: 89px;
	background:url(/assets/heartsine/header_background.gif) no-repeat;
	vertical-align: bottom;
	padding: 2px 0px 0px 0px;
	
}

#sectionhead {
	width: 500px;
	height: 30px;
	margin: 22px 0px 0px 175px;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: #000 1px 1px 6px;
	text-weight: normal;
	font-size: 32px;
	color: #ffffff;
}

.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#000, 
                 Direction=135, 
                 Strength=5);
				 }


#topmenuholder2 {
	float: left;
	height: 26px;
	width: 700px;
	padding-left: 20px;
	padding-top: 10px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 11px;
}

#countryselector {
	text-align: right;
	float: left;
	width: 210px;
	padding: 8px 0px 0px 0px;
	margin-left: 55px;
}




.buttontopspace {
	padding: 10px 0px 10px 0px;
}

#rightside {
	width: 236px;
	padding: 0px 0px 6px 0px;
	margin: 0px 0px 30px 0px;
	font-size: 11px;
	color: #7482bf;
}
#rightside h2{
	margin: 0px 0px 0px 20px;

}

#rightside ul{
/*	list-style: disc inside;*/
	margin: 6px 0px 15px 40px;
	padding: 0px 0px 0px 0px;
}

#rightside ul li {
	list-style: disc outside;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	line-height: 12px;
}

#rightside ul li a {
	line-height: 11px;
}

.widget h2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#socialmedia {
	width: 256px;
	padding: 0px 14px 8px 0px;
	margin: 0px 0px 20px 0px;
	font-size: 11px;
	color: #666;
	text-align: right;
}


.rightsidecontent {
	padding: 10px 0px 10px 10px;
	margin: 0px;
	width: 246px;
	color: 7482bf;
	font-size: 11px;
	background: #e1e1e1 url(/assets/heartsine/contactus_bg_top.gif) no-repeat top;
}

.contacttable{
	padding: 3px 8px 2px 0px;	
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 8px;
}

.contacttable2 {
	font-size: 11px;
	padding: 4px 8px 2px 0px;
	text-align: right; /* this overrides the text-align: center on the body element. */
	line-height: 12px;
	margin-top: 8px;
}

.contacttable3{
	padding: 4px 0px 2px 0px;	
	margin-top: 8px;
	line-height: 15px;
	text-align: left;
	
}

.contacttable4{
	padding: 8px 0px 2px 0px;	
	
}

.contacttable5{
	padding: 6px 8px 2px 0px;
	text-align: right;	
	margin-top: 8px;
	
}

.contacttable6{
	padding: 4px 0px 2px 0px;	
	margin: 8px 0px 16px 0px;
	line-height: 15px;
	text-align: left;
	
}

.info_field_box {
	margin-top: 6px;
	margin-bottom: 6px;
	color: #666;
	width: 235px;
}


















* { margin: 0; padding: 0; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 20px auto; }





.post { }

.entry { }
.entry a { }
.entry a:hover { }

.entry p{font-family:latin;}

.d3cp_submit_min {
    float:right; background: url(/assets/heartsine/d3cp_button_submit_min.png) no-repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; height: 29px; width: 92px; margin-right:25px;
}
pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form {  font-size: 10px; }
#form2 { 
margin: -5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
input[type=text] {font-size: 10px; }
input[type=password] {font-size: 10px; }
textarea { font-size: 10px; }
option { font-size: 10px; }

}/* END screen media */


/* Collapsible Panel  */

.CollapsiblePanel ul { margin: 3px 0px 0px 25px;
}
.CollapsiblePanel ul li { margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
line-height: 14px;
}

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel{
	width: 300px;
	margin: 0px;
	padding: 0px;
	/*border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;*/
}
/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	color: #ffffff;
	font-weight: bold;
background: #9b9b9b url('http://promo.heartsine.com/images/icon_plus.gif') no-repeat 6px center;
	border-top: solid 1px white;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 6px 6px 6px 28px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
 display: block;
}
/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}
/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
*/
.CollapsiblePanelOpen .CollapsiblePanelTab {
color: #ffffff;
background: #7482bf url('http://promo.heartsine.com/images/icon_minus.gif') no-repeat 6px center;
 display: block;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */
.CollapsiblePanelClosed .CollapsiblePanelTab {
/*background-color: #9b9b9b;*/
}
/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	 /*background-color: #9b9b9b;*/
 
}
/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */


/* Hide some menu options from viewers in countries not in the Americas */

/* Online Training menu */
#menu-item-66 {
	display: none;
}

#menu-item-186 {
	display: none;
}

/* Forward Hearts menu */
#menu-item-1672 {
	display: none;
}


/* The HeartSine Solution menu
.page-item-141 {
	display: none;
}
 */

.partcell { width: 100px;
padding: 10px 0px 10px 0px;
margin: 0px;
line-height: 14px;


}

.partnum {
padding-top: 12px;
border-bottom: 1px #666 solid;
vertical-align: top;
}

.partbot {
padding: 10px 0px 28px 0px;
border-bottom: 0px #666 solid;
vertical-align: top;
}

.partbot2 {
padding: 10px 0px 50px 0px;
border-bottom: 0px #666 solid;
vertical-align: top;
}




td.nopad { 
padding: 10px 0px 10px 0px;
margin: 0px;
line-height: 14px;
}

td.nopadset { 
width: 260px;
padding: 10px 0px 10px 0px;
margin: 0px;
line-height: 14px;
}

.lang-en { display: inline; }
.lang-de { display: none; }
.lang-fr { display: none; }
.lang-es { display: none; }
.lang-pt { display: none; }





#phonerow {
	display: none;
}

#phoneamericas {
	position: absolute;
	float:left;
	height: 20px;
	width: 114px;
	top: 10px;
	color: #666;
	font-weight: bold;
	font-size: 12px;
	z-index:50;
	left: 520px;
	display: inline;
}

/* Online Training menu */
#menu-item-66 {
	display: inline;
}

#menu-item-186 {
	display: inline;
}

/* Forward Hearts menu */
#menu-item-1672 {
	display: inline;
}

/* The HeartSine Solution menu
.page-item-141 {
	display: inline;
} */

#loginForm {
    background-image:url(/assets/heartsine_login_bg.jpg);
    border:none; float:right; height:116px; 
    display:block; width:332px;
}
#login_content{
    padding:50px 20px 50px 20px}
.login_submit{
    background-image:url(/assets/heartsine_submit_button.jpg);
    border:none; float:right; width:92px; height:28px; margin-right:10px;
}
.login_submit:hover{cursor:pointer}
#forgot_password{
    border:2px solid black; background-color:white; padding:3px;}
#email{
    width:100px;}
#password{
    width:100px;}
.login_row{
    width:175px; float:left;}
.login_text{
    float:left; padding-top:2px; color:white; text-shadow: 0.1em 0.1em 0.2em black}