@import url(nav.css);
@import url(table.css);
@import url(subscriber.css);

/* GLOBALTITLE */
#title { width: 950px; height: 125px; margin: 0px auto; position: relative; z-index: 10; }
#title #title{ margin: 0; padding: 0; }
#title #title li { display: inline; }
#title #title li a { float: left; width: 950px; height: 0; padding-top:125px; overflow: hidden; }
#title #title li a,
#title #titlesearch { background-image: url(images/CHI-Title1.png); _background-image: url(images/CHI-Title1.png); background-repeat: no-repeat; }
#title #title li#gn-title a { background-position: 0 0; }

/*Main Page Top - Shadow for Nav Button*/
#maintop{ width: 950px; height: 15px; margin: 0px auto; position: relative; z-index: 0; }
#maintop #maintop{ margin: 0; padding: 0; }
#maintop #maintop li { display: inline; }
#maintop #maintop li a { float: left; width: 950px; height: 0; padding-top: 15px; overflow: hidden; }
#maintop #maintop li a,
#maintop #maintopsearch { background-image: url(images/bg-top.png); _background-image: url(images/bg-top.png); background-repeat: no-repeat; }
#maintop #maintop li#gn-maintop a { background-position: 0 0; }


/*Transitions for images*/
.rounded{
	border-color:#CCC;
	border-color: rgba(255, 255, 255, .9);
	border-style:solid;
	border-width:2px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 15px;
	border-radius: 7px;
	-moz-box-shadow: 4px 25px 40px rgba(0,0,0,.65);
	-webkit-box-shadow: 4px 25px 40px rgba(0,0,0,.65);
	box-shadow: 4px 25px 40px rgba(0,0,0,.65);
	-moz-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;

}
.rounded:hover{
	-moz-box-shadow: 4px 15px 20px rgba(0,0,0,.65);
	-webkit-box-shadow: 4px 15px 20px rgba(0,0,0,.65);
	box-shadow: 4px 15px 20px rgba(0,0,0,.65);

}

/*Normalize Link colors*/
.body a { color:#2b2453; }
.body a:hover { color:#961f29;}

#SingleContent{
	float:left;
	width: 78%;
	position:relative;
	margin-left: 10%;
	margin-right: 10%;
	text-align:justify;
	padding-bottom:50px;
	display: inline; /* fixes IE/Win double margin bug */
	font-family: Gill Sans, Gill Sans MT, Verdana, Helvetica, Arial, sans-serif;
	color: #2B2453;  /*purple*/
	line-height:17px;
	}

#SingleContent a{color:#2b2453;}
#SingleContent a:hover{color:#961f29;}	
	
#SingleContent h1{
	font-family: Gill Sans, Gill Sans MT, Verdana, Helvetica, Arial, sans-serif;
	font-size: 34px;
	line-height: 32px;
	font-weight: bolder;
	color: #2B2453;  /*purple*/
}
#SingleContent h2{
	font-family: Gill Sans, Gill Sans MT, Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #961F29; /*Red*/
}
#SingleContent h2 a{color:#961f29;}
#SingleContent h2 a:hover{color:#2b2453;}

#SingleContent p{
	font-family: Gill Sans, Gill Sans MT, Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #2b2453; /*purple-black*/
}
#SingleContent p a{color:#2b2453;}
#SingleContent p a:hover{color:#961f29;}

#TwoContent{
	float:left;
	width: 82%;
	position:relative;
	margin-left: 8.5%;
	margin-right: 6%;
	padding-bottom:50px;
	display: inline; /* fixes IE/Win double margin bug */
	}
	
#TwoContent a{color:#2b2453;}
#TwoContent a:hover{color:#961f29;}	
#TwoContent h1{
	font-family: Gill Sans, Gill Sans MT, Verdana, Helvetica, Arial, sans-serif;
	font-size: 34px;
	line-height: 32px;
	font-weight: bolder;
	color: #2B2453;  /*purple*/
}
#TwoContent h2{
	font-family: Gill Sans, Gill Sans MT, Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #961F29; /*Red*/
}
#TwoContent p{
	font-family: Gill Sans, Gill Sans MT, Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #23163c; /*purple-black*/

}

.TwoContentCallout{
	float:none;
	width: 92%;
	position:relative;
	text-align:justify;
	margin: 0 0 2% 3%;
	}

.TwoColLeft{
	float:left;
	width: 47%;
	margin-right: 5%;
	position:relative;
	text-align:justify;
	padding-bottom:25px;
	display: inline; /* fixes IE/Win double margin bug */
	}


.TwoColRight{
	float:right;
	width: 47%;
	position:relative;
	text-align:justify;
	padding-bottom:25px;
	display: inline; /* fixes IE/Win double margin bug */
	}
#FootNotes{
	float:left;
	width: 78%;
	position:relative;
	margin-left: 12%;
	margin-right: 10%;
	padding-bottom:50px;
	display: inline; /* fixes IE/Win double margin bug */
	}
#FootNotes h1{
	font-family: Gill Sans, Gill Sans MT, Verdana, Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 17px;
	font-weight:bold;
	text-decoration:underline;
	color: #2b2453; /*purple-black*/
}
	
#FootNotes p{
	font-family: Gill Sans, Gill Sans MT, Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #2b2453; /*purple-black*/
}
#FootNotes p a{color:#2b2453;}
#FootNotes p a:hover{color:#961f29;}	

#subscribecolmain{ /* Container Subscriber Login Page*/
	float:left;
	width: 82%;
	padding-left:17%;
	margin-bottom:50px;
}

#SubscriberCol-1{
 	float:left;
	width: 44%;
}


#SubscriberCol-2{
	float:right;
	width:56%;
}

#SubscriptionSpacing{
	float:left;
	width: 78%;
	position:relative;
	margin-left: 12%;
	margin-right: 10%;
	display: inline; /* fixes IE/Win double margin bug */
	}

#ratesignup{
	width:90%;
	z-index:5;
	opacity:1.0;
	margin-top:-35px;
}
#ratesignupcontent{
	float:right;
	width:55%;
	margin-top:2.5em;
	}
#ratesignupcontent p{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-left: 2em;
	margin-top: 2em;
	font-size: 14px;
	line-height: 18px;
	color: #23163c; /*purple-black*/
	}	

#ratesignupback{
	float:left;
	width:44%;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius:10px;
	padding-top: 1.5em;
	margin: 2em 0px 0px 0px;
	background-color:rgba(210,210,210,0.4);
	-background-color:rgb(210,210,210);
}

#col-1{
 	float:left;
	width: 46%;
	padding-right:2%;

}
#col-2{
	float:right;
	width:46%;
	padding-left:2%;

}


#biocolmain{ /* Container for biocol-1 and biocol-2 for 3 col layout - Not Implemented Currently*/
	float:left;
	width: 54%;
	padding-left:10%;
}

#biocol-1{
 	float:left;
	width: 46%;
	padding-right:2%;

}
#biocol-2{
	float:right;
	width:46%;
	padding-left:2%;

}
#biocol-3{
	float:right;
	width:32%;
	padding-left:4%;

}

img.BioLeft{
float:left;
padding-right:25px;

}

img.BioPic{
float:left;
padding-right:25px;
padding-top: 10px;

}

.BioText{
 	height:160px;
	padding-top:40px;

}

.BioBreak{
clear:both;
}

.BioName{
	font-family: Gill Sans, Gill Sans MT,  Verdana, Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 30px;
	color: #23163c; /*purple-black*/

}

.BioName a { color:#2b2453; }
.BioName a:hover { color:#961f29;}


.BioTitle{
	font-family: Gill Sans, Gill Sans MT,  Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #23163c; /*purple-black*/

}

/* Divider Line */
.DividerLine{
clear:both; 
margin: 10px 0 17px 0;
width:700px;
height:1px;
background-image:url(images/DividerLine.png);
}

/*Content/Sidebar Layout*/
#contentsidebar{
	float:left;
	width: 62%;
	margin-left: 5%;
	margin-right: 2%;
	display: inline; /* fixes IE/Win double margin bug */
	}
	
#sidebar{
	background-image:url(images/paper.png);
	height: 500px;
	float:right;
	width: 30%;
	}

#sidebar p{
	clear:both;
	margin: 1em .75em 1em 1em;
	font-size: 125%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color:#666666;
	}
/* End of  Content/Sidebar Layout*/

#BottomMargin{
	margin-top:3em;

}	

/*Sample  Table Layout Styling*/
#rebates{
	float:left;
	width: 300px;
	padding: 10px 0;
	border: 2px solid #2B2453;
	}
#rebates dl {
	float:left;
	width: 260px;
	margin: 10px 20px;
	padding: 0;
	display: inline; /* fixes IE/Win double margin bug */
	}
#rebates dt{
	float:right;
	width: 162px;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 130%;
	color: #961F29;
	}
#rebates dd{
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:85%;
	line-height:1.5em;
	color:#2B2453;
	}
#rebates dd.img img{
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
	}

#rebates .alt dt{
	float:left;
	}
	
#rebates .alt dd.img img{
	float:right;
	margin: 0 0 0 8px;
	}

/*End of Sample Table Layout*/

/*Main Page Content*/
.container{
	float:left;
	background-image: url(images/bg-slice.png);
	width: 950px;
	position:relative;
	z-index: 0;
	}
.container p {
	font-family: Gill Sans, Gill Sans MT,  Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #23163c; /*purple-black*/
}	

.bio{
	float:left;
	width: 950px;
	position:relative;
	z-index: 1;
	}
/*Links at the Bottom of the Page*/

.FooterLinks{
	clear: both;
	background-image: url(images/bg-footer.png);
	width: 950px;
	height: 40px;
	position:relative;
	font-family: Gill Sans, Gill Sans MT, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color:#2b2453; /*purple-black*/
}	
a.FooterLinks  { color:#2b2453; }
a.FooterLinks:hover { color:#961f29;}
	

.Footer {
	font-family: Gill Sans, Gill Sans MT, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #23163c; /*purple-black*/
}
a.Footer  { color:#2b2453; }
a.Footer:hover { color:#961f29;}

.center{
	float:center;
	width: 950px;
	}

div.colleft{
	float:left;
	width:220px;
	margin:0;
	padding:1em;
	position:relative;
	}
	
.SubscriberLogin{
	height:6em; 
	margin:.7em;		
}


/* Small Image in Paragraph - Top-Right */
img.right{
float:right;
}

/* Small Image in Paragraph - Top-left */
img.left{
float:left;
}

/* Products Page */
.Products{
	width:90%;
	margin-left: 7%;
	margin-bottom: 2%;
	min-height: 150px;
	}



/* Products Graphics */
img.right-products{
float:right;
margin-left:40px;
border:0;
}

/* Products Graphics */
img.left-products{
float:left;
margin-right:40px;
border:0;
}

img.products{
border:0;
display:block;
margin-left:auto;
margin-right:auto;

}

img.productsRebate{
border:0;
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom: -22px;

}



/*Page Background*/
body {
	background-image:url(images/highlight.png);
	background-position: center;
	background-position:top;
	background-repeat:no-repeat;
	background-color: #888888;
	/*background-color:#E5D2BB; OLD Tanish color*/
	}


/*Fonts/Text*/
.Headline {
	font-family: Gill Sans, Gill Sans MT,  Helvetica, Arial, sans-serif;
	font-size: 34px;
	line-height: 36px;
	font-weight: bolder;
	color: #2B2453;  /*purple*/
}
.Login {
	font-family: Gill Sans, Gill Sans MT,  Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: bolder;
	color: #2B2453; /*purple*/
}
a.Login  { color:#2b2453;}
a.Login:hover { color:#961f29;}

.SubHeadSmall{	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-style: oblique;
	font-weight: bolder;
	color: #961F29; /*Red*/
}
.SubHead{
	font-family: Gill Sans, Gill Sans MT,  Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #961F29; /*Red*/
}
.SubHeadLarge{
	font-family: Gill Sans, Gill Sans MT,  Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-style: oblique;
	font-weight: normal;
	color: #23163c; /*purple-black*/
}
.FrontPage{
	font-family: Gill Sans, Gill Sans MT, Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #961F29; /*Red*/
}	
.BodyHeader{
	font-family: Gill Sans, Gill Sans MT,  Verdana, Helvetica, Arial, sans-serif;
	font-size: 19px;
	line-height: 20px;
	font-weight: bolder;
	color: #23163c; /*purple-black*/
}
a.BodyHeader { color:#2b2453; }
a.BodyHeader:hover { color:#961f29;}

.body {
	font-family: Gill Sans, Gill Sans MT,  Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #23163c; /*purple-black*/
}
.MedBody{
	font-family: Gill Sans, Gill Sans MT, Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	color: #23163c; /*purple-black*/
} 

.SmallBody {
	font-family: Gill Sans, Gill Sans MT, Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
	color: #23163c; /*purple-black*/
}