/* hh_core.css */

body {
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
        background-color:#e7e7e7;
	color:#555;
}

p {
	margin:0px;
	padding:0px;
	padding-top:5px;
}


#breadcrumb {
font-size:14px;
padding-bottom:10px;
color: #E46035;
font-weight:bold;
}

#breadcrumb a {
color: #E46035;
font-weight:bold;
}


#mod_pic {
position:absolute;
left:820px;
top:250px;
width:70px;
}

.discount h1 {
  font-size:12px;
}

div.discount {
   margin-top:5px;
   width:580px;
   height:80px;
   border:1px solid #cccccc;
   clear:both;
}

#container {
        margin:0px;
        margin-left:50px;
	width:900px;
	background-color:white;
	padding:1px;
	position:relative;
        border-left:1px solid #bfc9da;
        border-right:1px solid #bfc9da;
        border-bottom:1px solid #bfc9da;
        padding-top:60px;

}

#login {
	position:absolute;
	top:15px;
	left:718px;
}

form {
	padding:0px;margin:0px;
}


#logo {
position:absolute;
left:5px;
top:1px;
}


#login input.submit {
	width:145px;
	height:30px;
	font-size:14px;
	background-color: #375E82;
	color:white;
	font-weight:normal;
	padding-bottom:3px;
        padding-left:30px;
	border:1px solid #bfc9da;
	background-image: url(/site/images/member_login.gif);
	background-repeat: no-repeat;
}


#trial {
	position: absolute;
	text-align: center;
	top: 150px;
	left: 910px;
	width: 150px;
	height: 150px;
        padding:0px;
}

#header {
  height:180px;
  padding-top:1px;
  background-image: url(/site/images/HH_header2_v4.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-color:white;	
  padding:1px;
}


#navbar {
        float:left;
        margin-top:5px;
	padding-top:15px;
        width: 165px;
        height:350px;
        padding-left:60px;
	/* border:1px solid black; */
}

#navbar .link {
   float:left;
   width:145px;
   padding:1px;
   /* border:1px solid red; */
   margin-left:3px;
   font-size:16px;
	
}

#navbar a {
        font-family:  'Microsoft Sans Serif', 'Trebuchet MS', Tahoma, Arial, sans-serif; 
	font-size:14px;
	text-decoration: none; 
	font-weight:normal;
        display:block;
        height:20px;
        padding:2px;
        padding-top:5px;
        padding-left:10px; 
        background-image:  url(/site/images/button1_f2f2f2.gif);
        background-repeat: repeat-x; 
        border: 1px solid #bfc9da;
}							  


#navbar a.current {
   color: #ffffff;
   height:19px;
   font-weight:bold;
   background-color: #89A087;
   border-bottom:2px solid #FF8855; 
   background-image:none;
}

#navbar a:hover.current {
   color: #ffffff;
   height:19px;
   font-weight:bold;
   border-bottom:2px solid #FF8855; 
}

#navbar a:hover {
    color: #374A7F;
    height:19px;
    font-weight:normal;
    border-bottom:2px solid #89A087; 


}

h1 {
        font-family: Helvetica, Verdana, Arial, sans-serif;
        font-size:18px;
	color: #5A6F58;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:0px;
	margin:0px;
	margin-bottom:1px;
        font-weight:normal;
}

h2 {
   font-size:14px;
	color: #E46035;
	padding-top:10px;
	padding-bottom:0px;
	padding-left:0px;
	margin:0px;
	margin-bottom:1px;	
	/*  border:1px solid black;		*/
}

.h2 {
   font-size:14px;
	color: #E46035;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:0px;
	margin:0px;
	margin-bottom:1px;	   
	border:1px solid black;		
}

h3 {
        font-size:12px;
	color: #555;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:0px;
	margin:0px;
	margin-bottom:1px;
        font-weight:normal;
}



#content {
        float:left;	
	padding-top:15px;  
	padding-left:7px;
        width:600px;
	padding-bottom:0px;
	/* border:1px solid black;  */
}

#image_container {
	/* margin-left:20px; */
	margin-top:0px;
        padding-top:12px;
	/* width:540px; */
	/* border:1px solid black; */
}

#leftcol {
        clear:left;
	float:left;
	width:340px; 
        padding-left:70px;
	/* border:1px solid black; */
}

#rightcol {
	float:right;
	width:340px;
	/* border:1px solid black; */
}


#www {
	padding:1px;
	background-image: url(/site/images/HHGraphics1X.gif);
	background-repeat: no-repeat;
        background-position: 0px 0px;
        float:left;
        width:180px;
        height:100px;
}

#businesscard {
	padding:1px;
	background-image: url(/site/images/HHGraphics1X.gif);
	background-repeat: no-repeat;
        background-position: 0px -90px;
        float:left;
        width:180px;
        height:100px;
}

#poster {
	padding:1px;
	background-image: url(/site/images/HHGraphics1X.gif);
	background-repeat: no-repeat;
        background-position: 0px -186px;
        float:left;
        width:180px;
        height:100px;
}


#brochure-maker {
	padding:1px;
	background-image: url(/site/images/brochure-maker.gif);
	background-repeat: no-repeat;
        float:left;
        width:80px;
        height:100px;
}


.important {
	color: #E46035;
}

ul {
	margin:0px;
	padding:0px;
	padding-top:2px;
}

li {
	margin:0px;
	margin-top:5px;
	padding-top:1px;
	padding-left:5px;
	list-style: none;
}


/* Only put tick on first level list item */
ul li {
	background-image: url(/site/images/tick.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:15px;
}

ul li ul li {
	background-image: none;
        font-size: 0.9em;
        padding-top:1px;
        margin-top:0px;

}


a {
	color: #1A4A90;
	text-decoration: underline;
	font-weight: normal;
}

#footer {
	color:#444;
	font-size:12px;
	text-align:center;
	padding-top:40px;
	padding-bottom:10px;
	padding-left:40px;
	clear:both;
	/* border:1px solid black; */
}


/* Forms */
#content form .form_header {
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   font-weight:bold; 
   color:#E46035;
   padding-top:12px;
   border-bottom: 1px dotted #E46035;
}

#content form .submit_button {
    font-size:10px; 
    color:white; 
    font-weight:bold;
    background-color:#5689B5; 
    border:1px solid #ccc;
    padding:1px;
    margin:0px; 
}

#content form .label {
   font-weight:bold; 
   font-size:12px; 
   color: #555555;
}

#content #form_action {
   padding-top:5px;
   font-weight:bold;
   font-size:12px;
   color:#ff0000;
}


.error {
   color: #FF0000;
   font-size: 12px;
   font-weight: bold;
}

.mandatory {
   color: #FF0000;
   font-size: 12px;
   font-weight: bold;
}