/*
=reset
/////////////////////////////////////////////////////////////// */

html, body, form, fieldset {margin:0; padding:0;}
/* Neutralize: Apply left margin */
li, dd, blockquote {margin-left:1em;}
p, pre, code, blockquote, ul, ol, dl, address {margin:0 0 1em; font-size:1em;}
td, th, input, label, select, textarea {font-size:1em; font-family:Arial,Sans-Serif;}
body { font-family:Arial, sans-serif; font-size:75%; background:#fff; color:#333;}
/* p {line-height:1.25em;padding-bottom: 1em;} */
p {line-height:1.5;}


/* standard classes
------------------------------------------------------ */

hr, .hidden, .w3org {display:none;}
img {margin:0; padding:0; border:0;}
img.right {float:right;margin-left:10px;}
img.left {float:left;margin-right:10px;}
img.border {border:0px solid black;}
tr, td {vertical-align: top;}
.clear {clear:both;}
.center {text-align:center;}
.pad {padding:0 10px;}





/* typography
------------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {margin:10px 0 5px; padding:0; color:#012853; font-weight:normal; font-size:110%;}
h1 {font-size:125%; font-weight:bold;}
h2 {margin:0; font-size:125%;}
ul {margin:0 0 1em 1.2em; padding:0; list-style:disc;}
ul li {margin:0.5em 0 0.5em 1em;}
div.text {padding-left:10px; margin-right:10px;}

.pagetitle {font-size:32px; margin:10px 0;padding:0;}

div.head { 
	background:#F3F4F8 repeat-x url(img/gradient-fadeout-top.png) 0 0; margin:0 0 10px; padding:10px 10px 10px; line-height:1.75em; color:#333;
}
div.head h2 {font-size:24px; font-weight:bold;}
.blue div.head 		{background-color:#92B9D8;}
.blue div.head h2 	{color:#6d8ba2;}

.yellow div.head 	{background-color:#e6daaf; } /*e0d6b5;*/
.yellow div.head h2 {color:#aca383;}

.green div.head 	{background-color:#a4dad2;}/* 69BFAF*/
.green div.head h2 	{color:#7ba39d;}

.orange div.head 	{background-color:#fbb161;}/*F89E49*/
.orange div.head h2	{color:#bc8549;}

ul.links{margin:1em 0; padding:0;}
ul.links li {margin:0.5em 0; padding:0; list-style:none;}

ul.datelist {margin:1em 0; padding:0;}
ul.datelist li {margin:1em 0; padding:0; list-style:none;}
.datelist .date {display:block; font-weight:bold; font-size:11px;}
.datelist a.more {float:none; padding:0; height:auto;}


/* links
------------------------------------------------------ */
a, a:visited {text-decoration:underline; color:#012853;}
a.more{display:block; float:right; padding:0 0 0 5px; height:20px; color:#012853;	}
a.more:hover {text-decoration:underline;}

/*
=content areas
/////////////////////////////////////////////////////////////// */

#wrap {clear:both; position:relative; margin:20px auto; width:766px;}
#page {width:auto; margin:0; position:relative;}

#top {width:100%; background:#1e619e; padding-top:40px; padding-bottom:10px; border-bottom:2px solid #e5e8ee; border-top:3px solid #1b578e;}
#top .inner {width:766px; margin:0 auto; position:relative;}

#content {
	min-height:260px;
	_height:260px;
	padding:0 0 10px;
	margin:0 0 20px;
	overflow:hidden;
	width:504px; /* for legacy reasons*/
}
/* a:hover img {-webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.25);} */
#footer {
	clear:both; margin:0; padding:0 0 20px; border-top:2px solid #cfd4db;/* #b9c0cd;*/
	background:#e5e8ec repeat-x url(img/box-bd-gradient.png) 0 0%;
	min-height:100px;
	color:#687992;
	text-shadow:-1px 1px 2px #fff;
}
#footer .linklist li {list-style-image:url(img/list-bullet-footer.gif);}
#footer a {color:#687992; text-decoration:none;}
#footer a:hover {color:#42516a;text-decoration:underline;}
#footer .inner {margin:0 auto; padding:10px 0; width:766px;}
#footer p {margin:0; padding:0; line-height:1.2em;}
#footer .copyright {margin:10px 10px 0; padding:0; color:#687992; text-shadow:-1px 1px 1px #fff;}
#footer h4 {font-weight:bold; color:#687992;}
/* 
#footer, #footer .inner {min-height:0; _height:1px;}
#footer:after,#footer .inner:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
 */
#footer .inner {position:static;}	

/* header elements
------------------------------------------------------ */
#logo {height:40px; margin-bottom:9px; line-height:1px;}
#logo #close {position:absolute; top:55px; left:323px; z-index:10;}
#logo #close a {margin-right:10px;}

#payoff {
	position:absolute; 
	top:5px; 
	/* left:493px; */ 
	right:0;
	width:273px;
	height:40px;	
	background:transparent no-repeat url(img/payoff.gif) right top;
	}
	#payoff p { display:none; }
	/* body.popup #payoff {left:196px;} */


#search {position:absolute; padding-right:20px; right:0; top:5px;}
#search p {margin:0; padding:0; display:inline;}
#search input.text {
	font-size:12px;
	color:#999da8;
	border:1px solid #CED3D9;
	padding:3px 5px;
	background-color:#FFF;
	width:97px;
	line-height:16px;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
#search input.text:focus {border-color:#a5afbe; /* outline:none; */}
#search .btn {vertical-align:bottom; position:absolute; right:5px;top:0;}

a.sitemap {display:none !important;}
#menu #search a.printbtn{margin:3px 0 0 0; padding:0;background:no-repeat url(img/btn_print.gif) 0 50%; vertical-align:middle; font-size:10px; text-indent:-500px;line-height:26px; font-weight:bold;width:35px;height:21px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.print {
	display:block; 
	position:relative; 
	float:right;
	background:transparent no-repeat url(img/btn_print.gif) left top;
	width:26px; 
	height:22px;
	}
	.print span {display:none;}







/*
=navigation
/////////////////////////////////////////////////////////////// */

/* Generic things for all menus...*/
#menu label, #menu2 label, #breadcrumb label {display:none;}


/*top navigation (level 1+2) */
#menu, #menu2 {margin:0 auto; padding:2px 0 0; width:766px; position:relative; min-height:0; *zoom:1; background:#fff repeat-x url(img/menu-bg.gif) 0 100%; font-weight:bold; text-align:left;}
#menu:after, #menu2:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
#menu em, #menu2 em {display:none;}

#menu {font-size:14px;}
#menu2 {font-size:12px; padding:5px 0 0; /*margin-bottom:20px;*/}

#menu a, #menu a:visited,
#menu2 a, #menu2 a:visited 
{
	background:transparent;
	padding:10px 12px 9px; 
	text-decoration:none;
	display:block;
	float:left;
	color:#2160a1; 
	line-height:1em;	
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;	
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px; 
	border-top-right-radius:5px;
	}
	#menu2 a, #menu2 a:visited {padding:6px 12px 6px;}

#menu a.active, #menu a.active:visited, #menu a.active:hover, 
#menu2 a.active, #menu2 a.active:visited, #menu2 a.active:hover {
	color:#012853; background:#fff; text-decoration:none;
	padding:9px 11px 9px; 
	border-left:1px solid #ced3de; border-right:1px solid #ced3de;border-top:1px solid #ced3de;
}

#menu2 a.active, #menu2 a.active:visited, #menu2 a.active:hover {padding:5px 11px 6px;}
#menu a:hover, #menu a:focus,
#menu2 a:hover, #menu2 a:focus {
	color:#39608c;
	background:#dbdfe6; background:rgba(219,223,230,0.5);
}









/* Menu, 3rd (and 4th) level */
/*
#menu3 {
	position:absolute;
	left:0;
	width:116px;
	z-index:10;
	font-size:11px;
	background-color: #E5E8EC;
}
*/
#menu3 {
	float:left;
	display:inline;
	width:116px;
	margin-right:-116px;
	position:relative; 
	z-index:10;
	font-size:11px;
	background-color: #E5E8EC;
}

#menu3 li {margin:0; padding:0;}
#menu3 ul {margin:0; padding:0; list-style:none; border-bottom:1px solid #ced3de;}
#menu3 ul ul {border-bottom:none;}
#menu3 ul li.active ul {border-bottom:2px solid #687A91;}
#menu3 ul li.active li:first-child a {border-top:1px solid #687A91;}
	
#menu3 li a {display:block; padding:5px 10px 5px 10px; border-top:1px solid #ced3de; text-decoration:none; color:#012853; _zoom:1;}
#menu3 li a:hover {background-color:#c0c7d3;border-color:#9AA6B6;}

#menu3 li.active a {
	background-color: #9AA6B6;
	font-weight:bold;
	color:#FFF;
	border-color:#687A91;
	background:#9AA6B6 no-repeat url(img/menu3-arrow-left.gif) 100% 0.5em;
}
#menu3 li.active li a {border-color:#9AA6B6; background-image:none;} 

#menu3 li.active li a {
	border-top:1px solid #9AA6B6;
	padding-left:20px;
	padding-right:8px;
	background-color:#c0c7d3;
	color:#687A91;
	font-weight:normal;
}
#menu3 li.active li.active a {
	padding-left:20px;
	padding-right:10px;
	background-color:#687A91;
	color:#FFF;
	font-weight:normal;
}

#menu3 li.active li a:hover {
	background-color: #687A91;
	color:#fff;
}

/* Menu level 5 */

div#menu3 ul li.active ul li.active a {font-weight:bold;}
div#menu3 ul li.active ul li.active ul li a {font-weight:normal;padding-left:30px;}
div#menu3 ul li.active ul li.active ul li.active a {font-weight:bold;}
div#menu3 ul li.active ul li.active ul, div#menu3 ul li.active ul li.active ul li {margin:0;padding:0;}


/* Breadcrumb
------------------------------------------------------ */

#breadcrumb {
	clear:both;
	font-family: arial, sans-serif;
	font-size:11px;
	line-height:20px;
	padding-left: 10px;
	color:#999;
}

#breadcrumb a, #breadcrumb a:visited {text-decoration:none; color:#999;}
#breadcrumb a:hover {color:#666;}
#breadcrumb a.active, #breadcrumb a.active:visited {font-weight:bold;}



/*
=rows and columns
/////////////////////////////////////////////////////////////// */

.leftright #content {
	float:left;
	border-left:116px solid #E5E8EC;
	border-right:126px solid #E5E8EC;
	padding-right:10px;
	padding-left:10px;
	width:504px;
	\width:766px;
	w\idth:504px;
}

#related {
	position:absolute;
	top:0;
	left:514px;
	overflow:hidden;
	width:252px;
	padding:0 10px 0;
}

.leftright #related {
	left:auto;
	right:0;
	top:0;
	display:inline;
	width:126px;
	padding-left:10px;
	padding-right:10px;
	width:106px;
	\width:126px;
	w\idth:106px;
}


/* fixing some evil margins so that we'll still be able to use  the c1, c2, c3 etc... */
.left #content {
	border-left:116px solid #E5E8EC;
	border-right:0;
	padding-right:0;
	padding-left:10px;
	width:640px;
	\width:766px;
	w\idth:640px;
}

.left .head {margin-right:10px;}
.left #related, .full #menu3 {display:none;}




.row {
	/* clear:both;
	since Mac IE5 wrongly inherits the clear clear value, we use <hr /> tags to seperate rows.
	It is however possible to put the columns in a div.row for cosmetical reasons... 
	*/
	margin:0; padding:0;
	width:100%;
	border-top:1px solid #FFF;
	/*
	border-top:1px solid #F3F4F8;
	background-color:#FC0;
	only IE5- / PC shows a BGColor for the row element.
	other browsers don't recognize the heights of the child elements.
	border-top is possible though, if we want it.
	*/
}

div.c1, div.c2, div.c3, div.c4 {
	margin:0; padding:0;
	padding-left:10px;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px;
	/* Debug:
	padding-top:20px;
	background:transparent no-repeat url(img/ruler.gif) left top; */
}

div.c1 {
	/* used to be 113/123 */
	width:116px;
	\width:126px;
	w\idth:116px;
}
div.c2 {
	/* used to be 236/246 */
	width:240px;
	\width:250px;
	w\idth:240px;
}

div.c3 {
	/* used to be 359/369 */
	width:368px;
	\width:378px;
	w\idth:368px;
}

div.c4 {
	width:494px;
	\width:504px;
	w\idth:494px;
}
div.c1 p, div.c2 p, div.c3 p, div.c4 p, .row h4 {padding-right:10px;}


.box {background-color:#F6F2E9;}
.bg {background-color:#E5E8EC;}


/*
=HOME
/////////////////////////////////////////////////////////////// */
.full #related {position:static; float:right; width:240px; margin:0; padding:0; }
.full #content {float:left;}
.newsblock {
	background:#e5e8ec repeat-x url(img/box-bd-gradient.png) 0 100%;
	min-height:380px;
	_height:380px;
	margin:0;
	padding:0 10px;
	line-height:16px;
}
.newsblock h4 {
	padding:8px 10px 6px;
	margin:0 -10px 5px;
	color:#687992;
	border-bottom:1px solid #b9c0cd; /* #012853; #111B4C; */
	font-weight:bold;
	background:#cfd4db no-repeat url(img/newsblock-header.png) 0 0;
	/*
	border-top-left-radius:5px; 
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;	
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	*/
}
.newsblock a {
	color:#2161a1;
	text-decoration:none;
}
.newsblock a:hover {text-decoration:underline;}


/*
=tabpanel
/////////////////////////////////////////////////////////////// */

.tabpanel {clear:both;}
.tabs { line-height:16px;padding-top:4px; *zoom:1; background:#dfd5b2 repeat-x url(img/gradient-bottomline.png) 0 100%; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px;	border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px;}
.tabs:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}

.tabs h2 {display:inline; float:left; padding:4px 10px 0; font-size:1em; color:#8b8162;}
.tabs ul {margin:0; padding:0;display:inline;}
.tabs li {margin:0; padding:0; list-style:none; display:inline;}

.tabs li a {
	background:transparent;
	padding:6px 10px 6px; 
	text-decoration:none;
	display:block;
	float:left;
	line-height:1em;	
	border-top-left-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px;	
	border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px;
	font-weight:bold;
	color:#6d6345;
}
.tabs li a.current, .tabs li a.current:hover {
	color:#342f21; background:#f3efe1; text-decoration:none;
	padding:5px 9px 6px; 
	border-left:1px solid #cec4a1; border-right:1px solid #cec4a1;border-top:1px solid #cec4a1;
}

.tabs li a:hover {
	color:#342f21;
	background:#cec4a1; background:rgba(243,239,225,0.5);
}
.tabs li a.current:focus {outline:none;}
.panel {
	background:#f3efe1 repeat-x url(img/gradient-fadeout-bottom.png) 0 100%; padding:10px 0; min-height:250px; _height:150px; margin-bottom:1em;
	line-height:18px;
}
.panel p {line-height:18px;}
.panel:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
.panel .intro {float:left; width:170px;}
.panel .col {float:left; width:150px; margin:0 10px;}
.linklist li {margin:0;color:#6e6446; list-style-image:url(img/list-bullet.gif);}
.panel a {color:#6e6446}
.linklist a {text-decoration:none;}
.linklist a:hover {text-decoration:underline;}


/*
=oocss
/////////////////////////////////////////////////////////////// */
/*grids.css*/
.line:after,.lastUnit:after{content:" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden;clear:both;height:0 !important;display:block;line-height:0;font-size:xx-large;overflow:hidden;}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2,.size2of4{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;*display:block;*zoom:1;float:none;_position:relative;_left:-3px;_margin-right:-3px;width:auto;}




/*mod.css 
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License: version: 0.2
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
.mod{margin:0 10px 10px;}
.mod .inner{/*background: url(skin/transparent.png) repeat left top;*/}
.hd,.bd,.ft{overflow:hidden;_overflow:visible; _zoom:1;}
.inner{position:relative;}

/*used to be just "b" */
.top, .bottom, .crnr, .ctl, .ctr, .cbl, .cbr {display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}

.ctl, .ctr, .cbl, .cbr {height:10px; width:10px;float:left;}
.ctl{background-position: left top;}
.ctr{background-position: right top;}
.cbl{background-position: left bottom;} 
.cbr{background-position: right bottom;}
.cbr,.ctr{float:right;}
.ctr, .ctl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */
.cbl,.cbr{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
/* complex */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .ctl, .complex .ctr{height:32000px; margin-bottom:-32000px;width:10px;}
.complex .cbl, .complex .cbr{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop  */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .ctl, .pop .cbr{display:none;}
.pop .cbl{bottom:-10px;}
.pop .ctr{right:-10px;}

/* ----- basic (extends mod) ----- */
.basic .inner {/*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/}
.basic .crnr {background-image:url(img/oo/mod/round.png);}

.btn { display:inline-block;}
.btn .crnr {*background-image:url(img/oo/round.png);}
.btn a {display:block; padding:2px 12px; line-height:20px; background-color:#c00; color:#fff;text-decoration:none; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.btn a:hover {background-color:#f30; }
.btn a {
	-webkit-transition-duration: .4s;
	-webkit-transition-property: color, background-color;
	-o-transition-duration: .4s;
	-o-transition-property: color, background-color;
}


/*
=LEGACY STYLING. to be removed
/////////////////////////////////////////////////////////////// */

input.text {
	font-size:10px;
	color:#666;
	border:1px solid #CED3D9;
	padding:2px;
	margin-right:3px;
	vertical-align:middle;
	background-color:#FFF;
	width:110px;
}

/* inserted by cphjson for login */
input.standard , select.standard {
	font-size:100%;
	color:#666;
	border:1px solid #7f9db9;
	background-color:#FFF;
	height:17px;
	line-height:17px;
	padding:0px 3px;
}
input.button {
	font-size:100%;
}

/*******************************************/
/* distributor locator                     */
/*******************************************/

div.distributor dt, div.distributor dd {
	font-family:verdana, arial, sans-serif;
	font-size:80%;
}
div.distributor dt {
	font-weight: bold;
}
div.distributor dd {
	padding: 0;
	margin: 0;
}
div.distributor dl {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
div.distributor input#zip {
	width: 50px;
}


/*******************************************/
/* event lists                             */
/*******************************************/

table.events {
	width:100%;
	border-collapse:collapse;
}
table.events td, table.events th {
	padding:5px;
	white-space:nowrap;
	background-color:#E5E8ED;
	border:1px solid #111B4C;
}
table.events th {
	text-align:left;
}
table.events td.name {
	white-space:normal;
	width:100%;
}