/* *************************************************************************
Title : CSS main styles
Author : Designkitchen, Inc.
Description : Common styles for layout and appearance
Created : May.05.2008
Modified : 


CSS TOC
=RESET CSS
=HTML SELECTORS
=LAYOUT
=NAVIGATION
=SECTION SPECIFIC
************************************************************************* */

/* =PAGE CONTENT */





/* *************************************************************************
=RESET CSS
************************************************************************* */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* *************************************************************************
=HTML SELECTORS
************************************************************************* */
* {
}	
html {
}	
body {
	/*background:#fff url(../images/productLaunch/body.bkg.gif) repeat-x 0 0;*/
	background: #F5F4F1;
	color:#868686;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	text-align:center;
}
.full
{
	
	display:none;
}
/* ----- HEADINGS ----- */

h1 {
	
}
h2
{
	
	color:#66bd2b;
	font-family:Verdana, Arial;
	font-size:3em;
	font-weight:normal;
	padding:0 0 13px 0;
}
	

h3
{
	color:#66bd2b;
	/*color:#aba100;*/
	clear:both;
	font-family: Verdana, Arial;
	font-size:1.8em;
	font-weight:normal;
	padding:0 0 15px 0;
}

h4 {
	/*color:#00bbda;*/
	font-size:1.2em;
	font-weight:bold;
	
}
h5 {


}
h6 {
}

/* ----- PARAGRAPHS ----- */
p, .blogNoComments {
	color:#636363;
	font-size:1.2em;
	line-height:1.4;
	padding:0 0 8px 0;
	
	
}	
/* ----- QUOTES ----- */
blockquote {
}
cite {
}
/* ----- CODE ----- */
pre {
}
code {
}
/* ----- LISTS ----- */
li {
	
}
ol {
}
ul {
	
}
ol li {
}
ul li 
{
	color:#868686;
	font-size:1.1em;
}
ul li ul{
}
ul li ul li{
	font-size:1em;
	

}
/* ----- IMAGES ----- */
img {
	border:0;
	margin:0;
	padding:0;
}
/* ----- TEXT FORMATTING ----- */
strong {
	font-weight:bold;
}
em {
	font-style:oblique;
}
b {
}
i {
}
ins {
	text-decoration: none;
}
del {
}
/* ----- LINKS ----- */
a {
	/*color:#00bbda;*/
	color: #66bd2b;
	text-decoration:none;
}
h2 a {
	color:#aba100;
}
a:visited {
}
a:hover {
	color:#aba100;
	
}
h2 a:hover
{
	color:#aba100;
}
/* ----- TABLES ----- */
table {
}
caption {
}
thead {
}
tbody {
}
tfoot {
}
tr {
}
th {
}
td {

}
/* ----- FORMS ----- */
form {
	margin:0;
	padding:0;
}
fieldset {
}
legend {
}
label 
{
	color:#868686;
	display:block;
	float:left;
	font-size:1.2em;
	position:relative;
	vertical-align:top;
}
label em
{
	color:#91a81c;
	font-weight:bold;
}
input, select, textarea {
	border:1px solid #a5acb2;
	color:#66bd2b;
	display:block;
	font-size:1.1em;
	margin:0 0 9px 0;
	vertical-align:middle;
}
input
{
	padding:4px 0 0 4px;
	height:17px;
}
select
{
	padding:1px;
	height:18px;
}
input[type="hidden"]
{
	display:none;
}
optgroup {
}
option {
}
/* ----- DEFINITIONS ----- */
dl { 
}
dt {
}
dd {
}

/* ----- Horizontal Rule -----*/
hr{
}
.hr{
}

/* ----- ID AND CLASS SELECTORS ----- */
.clear {
	clear:both;
	font-size:1px;
	line-height:1px;
	margin:0px;
	padding:0px;
	
}
.clearBoth{
	clear:both;
}
.floatLeft{ 
	float:left;
	position:relative;
}
.floatRight{ 
	float:right;
	position:relative;
}
.error
{
	border:1px solid #fff;
	display:block;
	position:static;
}
.error p
{
	color:red;
	clear:both;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0;	
	position:static;
	visibility:hidden;

}

/* *************************************************************************
=LAYOUT
************************************************************************* */


/* --- containers --- */

.globalContainer
{
	/*background:transparent url(../images/productLaunch/
		.bkg.png) repeat-y 0 0;*/
	margin:0 auto;
	position:relative;
	text-align:left;
	width:930px;
	z-index:2;
}
.drill .globalContainer
{
	background:transparent url(../images/productLaunch/shadow.bkg.detail.new.png) no-repeat 0 0;
	/*padding-bottom:48px;*/
	

}
.mainContent.form
{
	background:transparent url(../images/productLaunch/content.shadow.bkg.gif) no-repeat 0 0;
	width:930px;
}
/* ----- footer ----- */
.footer
{
	border-top:1px solid #e5e5e5; 
	border-bottom:1px solid #e5e5e5;
	clear:both;
	margin:0 auto;
	padding:12px 0;
	width:787px;
	
}
.footer:after
{
	content: "."; 
	height: 0; 
	clear: both; 
	display: block; 
	visibility: hidden;	
}
.footer ul
{
	padding:0 0 0 25px;
}
.footer ul li
{
	float:left;
	font-size:1em;
	padding:0 12px 0 0;
}
.footer ul li a
{
	color:#b7b7b7;
	font-weight:normal;
	letter-spacing:normal;
	text-transform:uppercase;
	font-family: verdana;
}
.footer ul li a:hover
{
	/*color:#00BBDA;*/
	color:#66bd2b;
	text-decoration:underline;
}
/* ----- header ----- */
.header{	
	background:transparent url(../images/productLaunch/header.bkg.png) no-repeat 0 0;
	margin:0 auto;
	height:77px;
	position:relative;
	z-index:2;
	width:930px;
	
}
.form .header
{
}
.header:after
{
	content: "."; 
	height: 0; 
	clear: both; 
	display: block; 
	visibility: hidden;	
}
.headerContent
{
	padding:0 0 0 66px;
}
.header h1
{
	float:left;
	padding:0;
	position:relative;
	height:75px;
	width:188px;
	z-index:5;	
}
.header h1 a
{
	/*background:transparent url(../images/productLaunch/logo.hon.png) no-repeat 0 0;*/
	
	display:block;
	height:75px;
	text-indent:-999px;
	width:188px;
}
.header h1 a:hover
{
	text-decoration:none;
}
.header ul
{
	float:left;
	/*padding:11px 0 0 15px;*/
	padding: 11px 0 0 0;
	position:relative;
	z-index:4; 
}
.header ul li
{
	float:left;
}
.header ul li a
{
	display:block;
	height:44px;
	text-indent:-9999px;
}
.header ul li.viewAll a
{
	background:url(../images/productLaunch/nav.viewall.gif) no-repeat 0 0;
	/*width:155px;*/
	width:168px;
	visibility:hidden;
}
.drill .header ul li.viewAll a
{
	visibility: visible;
}
.header ul li.hon a
{
	background:url(../images/productLaunch/nav.hon.gif) no-repeat 0 0;
	/*width:104px;*/
	width: 99px;
	visibility:hidden;
}
.header ul li.where a
{
	background:url(../images/productLaunch/nav.wheretobuy.gif) no-repeat 0 0;
	/*width:128px;*/
	width: 127px;
}
.header ul li.newProd a
{
	background:url(../images/productLaunch/nav.newprod.gif) no-repeat 0 0;
	/*width:173px;*/
	width: 188px;
}
.header ul li a:hover
{
	background-position:0 -46px;
	
}
/* *************************************************************************
=NAVIGATION
************************************************************************* */


/*------ Global Navigation -----*/
/*------ Main Navigation -----*/

/*------ Skip Navigation (section 508 sites) -----*/

.skipNav{
	display:none;
}


/* *************************************************************************
=SECTION SPECIFIC
************************************************************************* */

#flashHolder
{
	height:775px;
	padding:0 0 0 7px;
	position:relative;
	top:-34px;
	z-index:0;
	
	
}

/* Highlights */

.highlights
{
	background: url(../images/productLaunch/footer.highlights.bkg.png) no-repeat 0 0;
	margin:50px auto 0 auto;
	width:930px;
	position:relative;
	z-index:3;
}
.drill .highlights
{
	background: url(../images/productLaunch/footer.highlights.bkg.bare.png) no-repeat 0 0;
	margin:0 auto 0 auto;
}

#plcRoot_pnlPage .highlights{margin-top:0;}

.highlightsContent
{
	
	width:824px;
	padding:43px 0 20px 50px; 
}
.highlightsContent:after
{
	content: "."; 
	height: 0; 
	clear: both; 
	display: block; 
	visibility: hidden;	
}

.highlights .news
{
	border-right:1px solid #e5e5e5;
	float:left;
	padding:8px 0 23px 0;
	position:relative;
	width:362px;
	z-index:1000;
	
}
/*
.highlights .news p
{
	font-size:1.1em;
	
	padding:10px 0 0 0;
	
}
.highlights .news p img
{
	display:block;
	float:left;
	width:69px;
}
.highlights .news p span
{
	display:block;
	float:left;
	padding:0 0 0 10px;
	width:264px;
}
.highlights .news a
{
	background: url(../images/productLaunch/arrow.right.blue.gif) no-repeat right 3px;
	padding:0 11px 0 0;
}
.highlights .news a:hover
{
	background: url(../images/productLaunch/arrow.right.green.gif) no-repeat right 3px;

}*/

 .news .newsImg{
	float:left;
	width:100px;
	margin-top:-3px;
	
}
.news .newsTxt{
	float:left;
	width:255px;
	
}
.highlights .events
{
	float:left;
	padding:8px 0 0 26px;
	position:relative;
	width:359px;
	border:1px solid #fff;
}
.switcher .eventItem
{
	display:none;
	min-height:90px;
	_height:90px;
}
.switcher .eventItem:after
{
	content: "."; 
	height: 0; 
	clear: both; 
	display: block; 
	visibility: hidden;	
}
.eventLinks
{
    background:transparent url(../images/productLaunch/arrow.bkg.gif) no-repeat 0 0;
    height:36px;
    width:54px;
    left:26px;
	position:absolute;
	top:85px;
}
.switcher a.next, .switcher a.previous {

	display:block;
	float:left;
	height:25px;
	margin:0 0 0 5px;
	text-indent:-999em;
	overflow:hidden;
	width:18px;
}
.switcher a.previous {

}

.highlights .events h3,
.news h3
{
	color:#636363;
	padding:0 0 10px 0;
}
.highlights .events p
{
	padding:0;
}
.highlights .eventsImg
{
	
	float:left;
	width:73px;
}
.highlights p.date
{
	color:#b7b7b7;
	font-size:1.1em;
	font-weight:bold;
	position:absolute;
	top:-24px;
	right:15px;
}

.highlights .eventsTxt
{
	float:left;
	width:265px;
	position:relative;

}
.highlights .eventsTxt h4,
.news .newsTxt h4
{
	color:#6a6a6a;
	font-size:1.2em;
	margin:0 0 4px 0;
	font-family: verdana;	

}
.highlights .eventsTxt h4 a
{
	color:#636363;
}
.highlights .eventsTxt h4 a:hover
{
	color:#66BD2B;
	border-bottom:1px dotted #aba100;
}
.highlights .eventsTxt p,
.news .newsTxt p 
{
	font-size:1.1em;	
	font-family: verdana;
}
.highlights .eventsTxt p a,
.news .newsTxt p a
{
	font-size:.82em;
	font-weight:bold;
	text-transform:uppercase;	

}
.highlights .eventsTxt p a:hover,
.news .newsTxt p a:hover 
{
	color: #66bd2b;
	text-decoration: underline;
}


/* TERMS AND CONDITIONS */
.termsContent
{
	margin:0 auto;
	padding:0;
	width:663px;
}
.termsContent p{font-size:1.1em;}
.termsContent ol
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
	font-size:1.1em;
	margin:20px 0 0 0;
	text-align:left;
	
}
.termsContent ol li
{
	
	padding:0 0 22px 0;
}
.termsContent ol li a
{
	text-decoration:underline;
}
.termsContent ol li strong
{
	font-weight:bold;
}

/* HEADLINES */
.signUpHeadlines,
.sweepstakesHeadlines
{
	
	padding:42px 0 34px 129px;
	width:663px;
}


.signUpHeadlines p,
.sweepstakesHeadlines p
{
	line-height:1.5em;
	
}
.signUpHeadlines p.requiredNote,
.sweepstakesHeadlines p.requiredNote
{
	font-size:1em;
	padding:0 0 0 0;
}
.sweepstakesHeadlines a
{
	color:#0bbdda;
	font-size:1.2em;
	
}.sweepstakesHeadlines a:hover
{
	color:#aba100;
}
.sweepstakesHeadlines a.privacy
{
	color:#868686;
	font-size:1em;
	text-decoration:underline;
}
.sweepstakesHeadlines a:hover.privacy
{
	color:#18AAC2;
	text-decoration:underline;
}



/* PRODUCT ALERT FORM */

.prodForm .ErrorLabel
{
	color:#e95e31 !important;
	clear:both;
	display:block;
	font-weight:normal;
	font-size:1.1em;
	margin:0;
	padding:0 0 6px 0;
	
}

.prodForm 
{
	margin:0 auto;
	padding:13px 0 0 0;
	position:relative;
	text-align:left;
	width:672px;

}
.prodForm a{text-decoration:underline;}
.prodForm p{font-size:1em;}
.prodForm p em,
.prodForm label em,
.signUpHeadlines p.requiredNote em,
.sweepstakesHeadlines p.requiredNote em
{
	color:#66bd2b;
	font-size:1.1em;
	font-weight:bold;
}

.prodFormTop label
{
	display:block;
	float:none;
	padding:0 0 5px 0;
	width:105px;
}
.prodFormTop input{
	display:block;
	float:none;
	position:relative;
	width:198px;
}
.prodFormTop select
{
	display:block;
	float:none;
	height:20px;
	padding:1px 0 1px 0;
	position:relative;
	width:202px;
}

.prodFormTop fieldset
{
	float:left;
	padding:0 30px 0 0;
	position:relative;
	width:202px;
}
.prodFormTop fieldset.notRequired
{
	padding-bottom: 20px;
}
.prodFormTop fieldset.right
{
	padding-right:0;
}
.prodFormBottom 
{
	clear:both;
	padding:9px 0 0 0;
}
.prodFormBottom h3{padding:0 0 18px 0;}

.prodFormBottom input
{
	border:none;
	float:left;
	height:auto;
	position:relative;
	width:auto;	
}
.prodFormBottom textarea
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	float:left;
	height:85px;
	position:relative;
	width:404px;
		
}
.prodFormBtn input.swapImg
{
	clear:both;
	border:none;
	float:none;
	height:24px;
	padding:0;
	width:59px;
}
.prodFormBottom label
{
	float:left;
	width:auto;
	padding:0 20px 0 5px;
	line-height:normal;
	vertical-align:middle;
}
.prodFormBottom .txtNotes label
{
	padding:0 10px 0 0;
}
.prodFormBottom fieldset
{
	padding:0 0 22px 0;
}
.prodForm .prodFormBottom p
{
	font-size:1.2em;
	clear:both;
	padding:0 0 8px 0;
}
.prodFormBtn
{
	clear:both;
	padding:10px 0 30px 0;
}

.prodFormDisclaimer
{
	background:transparent url(../images/productLaunch/text.highlight.png) no-repeat 0 0;
	margin:0 auto;
	padding:20px 20px 0 20px;
	width:676px;
}
.prodFormDisclaimer p
{
	font-size:1.1em;
}

.prodFormDisclaimer a
{
	text-transform:uppercase;
	display:block;
	
}
.prodFormBottom fieldset.radioList{padding-bottom:15px;}
.prodFormBottom fieldset.radioList td
{
	padding:0 0 10px 0;
}

.pager{padding:20px 0 0 0;}

.pager .selectedPage,
.pager .spacer,
.pager a,
.pager span.next,
.pager span.prev
{
	border:none;
	display:block;
	font-size:1.1em;
	float:left;
	padding:0 3px 0 0;
	position:relative;
	
}
.pager .spacer{padding:0;}
.pager a
{
	border:none;
	color:#46b8d3;
	font-weight:bold;
}
.pager a:hover
{
	border:none;
	color:#adbe55;
}
.pager span.prev,
.pager a.prev
{
	

	background:url(../images/arrow.orange.left.gif) no-repeat 0 2px;	
	height:10px;
	margin:0 6px 0 0;
	padding:0;
	text-indent:-9999px;
	width:4px;

}
.pager a:hover.prev
{
	color:#adbe55;
	border:none;
	background:url(../images/arrow.green.left.gif) no-repeat 0 2px;	

}
.pager span.next,
.pager a.next
{
	
	color:#46b8d3;
	background: url(../images/arrow.orange.right.gif) no-repeat 0 2px;	
	height:10px;
	margin:0 0 0 3px;
	padding:0;
	text-indent:-9999px;
	width:4px;

}

.pager a:hover.next
{
	color:#adbe55;
	border:none;
	background: url(../images/arrow.green.right.gif) no-repeat 0 2px;
}
.mediakit
{
	padding:0 0 30px 0;
	width:677px;
}
.mediakit h2
{
	padding-top:30px;
	width:330px;
}
.mediakit ul
{
	position:relative;
	padding:5px 0 0 0;
	width:330px;
}
.mediakit ul li ul
{
	padding:5px 0 10px 0;
}
.mediakit ul li 
{
	display:block;
}
.mediakit ul li.img
{
	background: url(../images/icon.download.gif) no-repeat 0 0;
	padding:2px 0 10px 20px;
}
.mediakit ul li.pdf
{
	background: url(../images/icon.pdf.gif) no-repeat 0 0;
	padding:2px 0 10px 20px;
}
.mediakit ul li.doc
{
	background: url(../images/icon.word.gif) no-repeat 0 0;
	padding:2px 0 10px 20px;
}
.office
{
	clear:both;
	float:left;
	position: relative;
	width:330px;
}
.education
{
	float:left;
	position: relative;
	width:330px;
}


