@charset "UTF-8";
/* CSS Document */

/* the grandaddy of all resets... */
* {
	vertical-align: baseline;
	/*font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;*/
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;

}
a img, :link img, :visited img {
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset, img, abbr {
	border: 0;
	}
address, caption, cite, code, dfn, em, 
h1, h2, h3, h4, h5, h6, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
ul {
	list-style: none;
	}
caption, th {
	text-align: left;
	}
/*h1, h2, h3, h4, h5, h6 {
	font-size: 1.0em;
	}*/
q:before, q:after {
	content: '';
	}
a, ins {
	text-decoration: none;
	}

/** Add back some general stuff **/

em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
code
{
	font-family: Andale, "Courier New", Courier, monospace;
	font-size: 12px;
}


/** back to reality **/
body {
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
	font-size:11px;
	background: #1A1A1A; /* this is actually the footer color; the mainWrapper has the real color */
	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: #000;
}

#mainWrapper
{
	background-color: #333;
}

.centeredContainer {
	width: 998px;  /* using 20-some-odd-px less than a full 1024/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 */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}


#headerBox
{
	/*background-image: url(../images/main_elements/header_glow.jpg);
	background-position: -254px 0;
	background-repeat: no-repeat;
	overflow: visible;*/
}
#headerBox #glowHolder
{
	position: relative;
	background-color: #F00;
	width: 0;
	height: 0;
}
#glowHolder #actualGlow
{
	position: absolute;
	z-index: 1;
	left: -254px;
	top: 0;
	width: 1000px;
	height: 200px;
	background-image: url(../images/main_elements/header_glow.jpg);
	/*background-position: 0 0;*/
	background-repeat: no-repeat;
	overflow: visible;
}
#headerBox #logoImage
{
	/* these two items cause a simulation of a float clear. */
	overflow: hidden;
	width: 100%;
	z-index: 50; /* stack on top of glow */
	position: relative;
}
#headerBox #imgHolder
{
	float: left;
	padding-top: 28px;
	padding-bottom: 5px;
}
#headerBox #logoImage h1, #headerBox #logoImage h4 {
	display: none;
}

#logoImage #searchBox
{
	z-index: 50; /* stack on top of glow */
	position: relative;
	width: 227px;
	height: 35px;
	float: right;
	margin-top: 30px;
	padding-right: 43px; /* was margin-right, but that didn't work on IE6; padding seems to work fine.*/
	background-image: url(../images/main_elements/header_searchbox.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	position: relative;
}
	#searchBox #searchTI
	{
		margin: 12px 0 0 14px;
		padding: 0;
		/*height: 25px;*/
		width: 176px;
		vertical-align: middle;
		background: none;
		border: none;
		border-width: 0;
		font-size: 12px;
		font-weight: bold;
		color: #CCC;
	}
	#searchBox #goBtn
	{
		width: 20px;
		height: 20px;
		position: absolute;
		right: 54px;
		top: 10px;
		border: 0 none;
		background: none;
		text-indent: -300px;
		font-size: 0.001px;
	}

#headerBox #mainNav
{
	z-index: 55; /* stack on top of glow */
	position: relative;
	/*padding: 5px 15px;
	margin: 15px 0;*/
	padding: 20px 15px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	color: #FFF;
	
	/* these two items cause a simulation of a float clear.
	[[ not using any more; using the clear float below, becuase using 'hidden' cuts off submenus. ]]
	overflow: hidden;
	width: 100%; */
}

	#mainNav .clearNavFloat
	{
		clear: left;
	}

#mainNav a, #mainNav a:link, #mainNav a:focus, #mainNav a:visited
{
	display: block;
	color: #FFF;
	font-weight: normal;
	/*padding: 2px 8px;
	margin-right: 10px;*/
	padding: 4px 0 0 0;
	border: 0 none;
	margin: 0;
	z-index: 110 !important;
}

/*#mainNav a.currentPage
{
	/* TODO: This needs to be transformed into full png-background images * /
	/* Done: PNG fix for ie6... * /
	/* Done: Header glow image * /
	/* TODO: Setup the page title header * /
	background-color: #5D5D5D;
	-moz-corner-radius: 6px;
	-k-corner-radius: 6px;
}
#mainNav a:hover
{
	text-decoration: underline;
}*/
		#mainNav .navBtn, 
		.navBtn .btnPartLeft, 
		.navBtn .btnPartMid, 
		.navBtn .btnPartRight
		{
			float: left;
			/*don't seem to be needed right now...
			overflow: hidden;
			width: auto;
			z-index: 90;*/
			position: relative;
		}
		
		#mainNav .navBtn
		{
			margin-right: 7px;
			/*background-color: #F00;*/
			height: 25px;
		}
		#mainNav .btnPartLeft, #mainNav .btnPartRight {
			width: 10px;
			height: 25px;
			/*background-color: #FF0;*/
			background-repeat: no-repeat;
			background-image: none;
			filter: none;
		}
		#mainNav .btnPartMid {
			height: 25px;
			background-repeat: repeat-x;
			/*background-color: #00F;*/
			background-image: none;
			filter: none;
		}
			#mainNav .btnPartDD {
				float: none !important; /* not sure if needed, but can't hurt */
				position: absolute;
				z-index: 100;
				left: 0;
				top: 21px;
				width: 337px;
				color: #333;
				text-transform: none;
				/*height: 200px;
				background-color: #090;*/
				display: none; /* initially hide the dd */
			}
			#mainNav .btnPartDD .cap {
				height: 10px;
				width: 337px;
				font-size: 0;
				/*ddbox_top.png*/
				background-image: url('../images/main_elements/mainnav/export/sprite.png');
				background-position: 0 0;
				background-repeat: no-repeat;
			}
			#mainNav .btnPartDD .mid {
				display: block;
				margin: 0 0;
				zoom: 1; /* pop the ie bug */
				padding: 3px 18px 3px 18px; 
				background-image: url('../images/main_elements/mainnav/export/ddbox_mid.png');
				background-repeat: repeat-y;
				line-height: 19px; /*17*/
				font-size: 12px; /*11... tbd*/
			}
			#mainNav .btnPartDD .foot {
				height: 15px;
				width: 337px;
				/*ddbox_foot.png*/
				background-image: url('../images/main_elements/mainnav/export/sprite.png');
				background-position: 0 -20px;
				background-repeat: no-repeat;
			}
			
				/*override button styles*/
				#mainNav .btnPartDD a, #mainNav .btnPartDD a:link, #mainNav .btnPartDD a:hover, #mainNav .btnPartDD a:visited {
					border:0 none;
					color:#366A9E !important;
					display:inline;
					margin:0;
					padding:0;
					z-index:inherit !important;
					text-decoration: underline;
				}
				#mainNav .btnPartDD .noDecorateLinks a, #mainNav .btnPartDD .noDecorateLinks a:link, #mainNav .btnPartDD .noDecorateLinks a:visited { 
					text-decoration: none; }
				#mainNav .btnPartDD .noDecorateLinks a:hover { 
					text-decoration: underline; }
			
		/* The curpage styles */
		#mainNav .curpage .btnPartLeft
		{
			/*btnbg_curpage_left.png*/
			background-image: url('../images/main_elements/mainnav/export/sprite.png');
			background-position: 0 -40px;
		}
		#mainNav .curpage .btnPartRight
		{
			/*btnbg_curpage_right.png*/
			background-image: url('../images/main_elements/mainnav/export/sprite.png');
			background-position: -20px -40px;
		}
		#mainNav .curpage .btnPartMid
		{
			/*btnbg_curpage_mid.png*/
			background-image: url('../images/main_elements/mainnav/export/sprite2.png');
			background-position: 0 0;
		}
		
		/* The hoverpage styles */
		#mainNav .hoverpage .btnPartLeft
		{
			/*btnbg_hover_left.png*/
			background-image: url('../images/main_elements/mainnav/export/sprite.png');
			background-position: -40px -40px;
		}
		#mainNav .hoverpage .btnPartRight
		{
			/*btnbg_hover_right.png*/
			background-image: url('../images/main_elements/mainnav/export/sprite.png');
			background-position: -60px -40px;
		}
		#mainNav .hoverpage .btnPartMid
		{
			/*btnbg_hover_mid.png*/
			background-image: url('../images/main_elements/mainnav/export/sprite2.png');
			background-position: 0 -30px;
		}
		#mainNav .hoverpage a,
		#mainNav .hoverpage a:link, 
		#mainNav .hoverpage a:focus, 
		#mainNav .hoverpage a:visited
		{
			color: #333;
		}
		#mainNav .hoverpage .btnPartDD
		{
			/*
			using jquery instead, for some more visual magic ;)
			display: inline;*/
		}
		
		/* The hoverpage-noDD styles */
		#mainNav .hoverpageNoDD .btnPartLeft
		{
			/*btnbg_curpage_light_left.png*/
			background-image: url('../images/main_elements/mainnav/export/sprite.png');
			background-position: -80px -40px;
		}
		#mainNav .hoverpageNoDD .btnPartRight
		{
			/*btnbg_curpage_light_right.png*/
			background-image: url('../images/main_elements/mainnav/export/sprite.png');
			background-position: -100px -40px;
		}
		#mainNav .hoverpageNoDD .btnPartMid
		{
			/*btnbg_curpage_light_mid.png*/
			background-image: url('../images/main_elements/mainnav/export/sprite2.png');
			background-position: 0 -60px;
		}
		#mainNav .hoverpageNoDD a,
		#mainNav .hoverpageNoDD a:link, 
		#mainNav .hoverpageNoDD a:focus, 
		#mainNav .hoverpageNoDD a:visited
		{
			color: #333;
		}

		


#mainBox
{
	z-index: 50; /* stack on top of glow */
	position: relative;
	background-color: #FFF;
}

#mainBox #fullCap
{
	height: 94px;
	background-image: url(../images/main_elements/narrow990/main_cap_tall_exported.png);
	background-repeat: no-repeat;
	padding: 0; /* prevent overflow due to miscalculations... 4px 4px 0 4px; /* pad to the edges of the white box; additional padding will be added later. */
	background-color: #39F;
	position: relative;
}
#mainBox #shortCap
{
	height: 78px;
	background-image: url(../images/main_elements/narrow990/main_cap_short_exported.png);
	background-repeat: no-repeat;
	padding: 0; /* prevent overflow due to miscalculations... 4px 4px 0 4px; /* pad to the edges of the white box; additional padding will be added later. */
	background-color: #39F;
	position: relative;
}
#mainBox #veryShortCap
{
	height: 58px;
	background-image: url(../images/main_elements/narrow990/main_cap_veryshort_exported.png);
	background-repeat: no-repeat;
	padding: 0; /* prevent overflow due to miscalculations... 4px 4px 0 4px; /* pad to the edges of the white box; additional padding will be added later. */
	background-color: #39F;
	position: relative;
}
	/* styles for the header caps, specific to each cap type */
	/* ...fullCap... */
	#fullCap #capBreadcrumbs
	{
		position: absolute;
		left: 4px;
		right: 4px;
		top: 4px;
		padding: 7px 18px 0 18px; /* use padding to prevent margin collapse */
		font-size: 11px;
		font-weight: normal;
		color: #FFF;
	}
	#fullCap #capTitle
	{
		position: absolute;
		left: 4px;
		right: 4px;
		top: 30px; /* 4px */
		padding: 0 18px 0 17px; /* use padding to prevent margin collapse */
	}
	#fullCap #capSubnav
	{
		position: absolute;
		left: 4px;
		right: 4px;
		top: 77px; /* 4px */
		padding: 0 18px 0 18px; /* use padding to prevent margin collapse */
		font-size: 11px;
		font-weight: normal;
	}
	/* ... shortCap and veryShortCap ... */
	#shortCap #capTitle, #veryShortCap #capTitle
	{
		position: absolute;
		left: 4px;
		right: 4px;
		top: 14px; /* 4px */
		padding: 0 18px 0 17px; /* use padding to prevent margin collapse */
	}
	#shortCap #capSubnav
	{
		position: absolute;
		left: 4px;
		right: 4px;
		top: 61px; /* 4px */
		padding: 0 18px 0 18px; /* use padding to prevent margin collapse */
		font-size: 11px;
		font-weight: normal;
	}
	
	/* generic styles for all cap types */
	#capBreadcrumbs a,
	#capBreadcrumbs a:link,
	#capBreadcrumbs a:focus,
	#capBreadcrumbs a:visited
	{
		color: #FFF; /* hover will be 100% opacity; this will be only 50%; all via jq */
	}
	#capBreadcrumbs .divider
	{
		padding-left: 3px;
		padding-right: 3px;
	}
	
	#capTitle, #capTitle h3
	{
		font-size: 28px;
		color: #FFF;
	}
	
	#capSubnav a
	{
		margin-right: 26px;
	}
	#capSubnav a,
	#capSubnav a:link,
	#capSubnav a:focus,
	#capSubnav a:visited
	{
		text-transform: uppercase;
		color: #FFF; /* hover will be 100% opacity; this will be only 50%; all via jq */
	}
	
#mainBox #mid
{
	background-image:  url(../images/main_elements/main_mid_bg.gif);
	background-repeat: repeat-y;
	padding: 0 4px; /* pad to the edges of the white box; additional padding will be added later. */
}
	#mid .padBox
	{
		padding: 15px 15px 7px 15px;
	}
	#mid h4
	{
		font-size: 24px;
		padding-bottom: 15px;
	}
	#mid p
	{
		padding-bottom: 15px;
	}
	/*#mid a, #mid a:link, #mid a:visited { color: #000; text-decoration: underline; }*/
	/* this screws up everything, so disable it for now ... #mid a:hover { background-color: #E0E0E0; } */
	/*a, a:link, a:visited { color: #000; text-decoration: underline; }*/
	/*a:hover { background-color: #E0E0E0; }*/
	
#mainBox #bottomCap
{
	background-image: url(../images/main_elements/main_bottom_cap.gif);
	background-repeat: no-repeat;
	height: 24px;
}

#footerBox
{
	
}

#footerBox .innerContent
{
	/* establish top and bottom margins, then some padding for the left and right (can't override horizontal margins for centering) */
	padding: 20px 30px 30px 30px;
	color: #CCC;
}
#footerBox .boxTitles
{
	/* makes clearing the float unnecessary */
	overflow: hidden;
	width: 100%;
}
#footerBox .boxTitles h4 {
	float: left;
	margin-right: 40px;
}
	#footerBox .titleActive, #footerBox .titleInactive {
		font-size: 24px;
		color: #FFF;
	}
	#footerBox .titleInactive {
		color: #999;
		cursor: pointer;
	}
	#footerBox .boxHolder
	{
		padding-top: 15px;
	}
	#footerBox .hideInitially { display: none }


#legalWrapper
{
	background-image: url(../images/main_elements/footer_cap.gif);
	background-repeat: repeat-x;
}
#legalBox .innerContent
{
	padding: 20px 30px;
	font-size: 9px;
	color: #999;
}
#legalBox p.firstLine {
	/* the spacing between the lines */
	padding-bottom: 7px;
}
#legalBox .spacer
{
	padding: 0 15px;
}
#legalBox a, #legalBox a:link, /* #legalBox a:active, */ #legalBox a:focus, #legalBox a:visited
{
	color: #999;
}
#legalBox a:hover {
	color: #FFF;
}



/***** JQMODAL CSS *****/

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #FFF;
    color: #333;
    border: 1px none black;
	border-bottom: 1px solid #666;
    padding: 12px;
}
.jqmWindow .close a{float:right;padding:0 5px;line-height:20px;background:#333;cursor:pointer;}
.jqmWindow .close a span{color:#fff;}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute; 
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/**************/

.prettyPopup .loading .loadingText
{
	display: block;
}
.prettyPopup .loaded .loadingText
{
	display: none !important;
}
.prettyPopup .innerWrapper { position: relative; height: 100%; /*may have to remove the height value...tbd*/ }
.jqmWindow .closeBottom { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; }
.jqmWindow .closeBottom a {padding:3px 10px;line-height:20px;background:#333;cursor:pointer; margin: 0 3px;}
.jqmWindow .closeBottom a span{color:#fff;}

/***************/

/* reset pass form */

	#rfb { text-align: center; }
	#rfb h4 { font-size: 16px; text-align: left; margin-top: -34px; }
	#rfb fieldset
	{
		/*border: 1px solid #333;*/
		padding: 15px 10px 0 10px;
		text-align: left;
	}
	#rfb legend { padding: 3px 6px; font-size: 13px; color: #333; }
	#rfb label
	{
		padding: 2px 10px;
		display: block;
		margin: 3px 0;
	}
	#rfb .textBox { padding: 3px; margin-bottom: 3px; border: 1px solid #999; width: 200px; }
	#rfb .textBox:focus { /*border: 1px none #09F;*/ }
	#rfb .submitBtn { margin-top: 5px; padding: 3px 14px; color: #000; border: 1px solid #999; background-color: #EEE; font-size: 13px; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif; }
	#rfb .error { padding: 5px 0 0 0; font-style: italic; color: #FF0000; }
	

/* 
...Moved from contactform...
.cf = .contactForm ... start with specific styles */
		.cf_bottom {  }
		.cf_myAccount {  }
		
		.cf .formInfo { margin-bottom: 8px; background-color: #22282E; border: 1px solid #5E6A75; color: #DAE2EB; padding: 6px 4px; text-align: center; }
		
		.cf table { float: left; }
		.cf_myAccount .tbl1 { width: auto; } .cf_bottom .tbl1 { width: 460px; }
		.cf_myAccount .tbl2 { display: none; width: 420px; } .cf_bottom .tbl2 { width: 435px; }
	 	.cf fieldset { padding: 10px; text-align: left;	}
		.cf legend { display: none; padding: 3px 6px; font-size: 13px; color: #FFF; }
		.cf label
		{
			padding: 2px 10px;
			display: block;
			margin: 3px 0;
			vertical-align: top;
		}
		.cf .textBox { padding: 3px; margin-bottom: 3px; border: 1px none #999; width: 294px; font-size: 11px; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif; }
		.cf .textBox:focus { border: 1px none #09F; }
		.cf .select { padding: 2px; margin-bottom: 3px; border: 1px none #999; width: 300px; font-size: 11px; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif; }
		.cf .textArea { display: block; padding: 3px; margin-bottom: 3px; margin-top: 2px; border: 1px none #999; width: 294px; height: 50px; font-size: 11px; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif; }
		.cf .textArea:focus { border: 1px none #09F; }
		.cf td.msgLabel { vertical-align: top; width: 72px; /*force the label col width */ }
		.cf .textBox#cf_subject { margin-right: 105px; /*force table width for auto-expansion*/ }
		.cf_myAccount .textBox#cf_subject { width: 494px !important; }
		.cf_myAccount .textArea { width: 494px !important; height: 150px !important; }
		
		/* border for myacct */
		.cf_myAccount .textBox, .cf_myAccount .textBox:focus, 
		.cf_myAccount .textArea, .cf_myAccount .textArea:focus, 
		.cf_myAccount .select { border: 1px solid #999 !important; } 
		
		.cf .reset
		{
			padding: 2px 5px 15px 5px;
		}
		.cf .reset a, .cf .reset a:link, .cf .reset a:visited { font-style: italic; color: #999; }
		.cf .reset a:hover { color: #FFF; }
		
		.cf .recapt { vertical-align: top; padding-bottom: 3px; padding-top: 2px; }
		.cf .recapt .textBox { margin-bottom: 5px; width: 294px; }
		.cf .recaptLabel { vertical-align: top; }
		.cf .recaptLabel label { margin-top: 1px; }
		.cf .recaptWrap { border: 1px none #000 }
		.cf .recapt a, .cf .recapt a:link, .cf .recapt a:visited { font-style: italic; color: #999; }
		.cf .recapt a:hover { color: #FFF; }
		.cf .recaptResetWrap { margin: 3px 0 0 0; }
		
		.cf .attachLabelCell { width: 60px; /*make sure it's always as narrow as possible!*/ } 
		.cf .attachLabelCell, .cf .attachLabel { vertical-align: top; }
		
		.cf .submitBox { padding-top: 13px; }
		.cf .submitBtn { padding: 3px 14px; color: #000; border: 1px solid #999; background-color: #FFF; font-size: 13px; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif; }
		
		.cf .whyJoin { padding: 20px 10px 9px 10px; vertical-align: baseline; }
		.cf .whyJoinBox { padding: 10px; background-color: #FFF; color: #333; border: 1px solid #CCC; }
		.cf .whyJoinBox .title { font-weight: bold; }
		.cf .whyJoinBox ul { list-style-type: circle; margin-left: 20px; margin-top: 3px; }
		
		.cf .uploadedList .uploadedItem { padding: 2px 0 0 0; margin: 3px 0 0 0; }
		.cf .uploadedList .uploadedItem .removeLink { margin-left: 13px; }
		.cf .uploadedList .uploadedItem .removeLink a, 
			.cf .uploadedList .uploadedItem .removeLink a:link, 
			.cf .uploadedList .uploadedItem .removeLink a:visited { color: #B00202 !important; }
			.cf .uploadedList .uploadedItem .removeLink a:hover { text-decoration: underline !important; background-color: transparent !important; }
		/* queue item stuff */
		.cf .uploadifyQueueItem {
			margin-top: 5px;
			padding: 0;
		}
		
			/*error stuff*/
			.cf .uploadifyQueueItem .error { display: none; padding-right: 5px; font-style: italic;	}
			.cf .uploadifyError .error { display: inline !important; }
			.cf .uploadifyError .fileName { font-style: normal !important; text-decoration: line-through !important; }
			.cf .uploadifyError .uploadifyProgress { display: none !important; }
			.cf .uploadifyQueueItem .cancel .errorLabel { display: none; }
			.cf .uploadifyError .cancel .normalLabel { display: none; }
			.cf .uploadifyError .cancel .errorLabel { display: inline !important; }
		
		.cf .uploadifyQueueItem .fileName { font-style: italic; }
		.cf .uploadifyQueueItem .percentage { display: none; }
		.cf .uploadifyProgress { /*this is the span*/
			border: 1px solid #FFF;
			width: 100px;
			height: 4px;
			display: inline-block;
			margin-left: 15px;
			vertical-align: top;
			margin-top: 4px;
		} 
			.cf_myAccount .uploadifyProgress { width: 50px !important; border-color: #666 !important; }
		.cf .uploadifyProgressBar { /*this is the div inside the span */
			background-color: #FFF;
			width: 1px;
			height: 4px;
		}
			.cf_myAccount .uploadifyProgressBar { background-color: #666 !important; }
		.cf .uploadifyQueueItem .cancel {
			display: inline;
			margin-left: 15px;
		}
		.cf .uploadifyQueueItem .cancel a,
			.cf .uploadifyQueueItem .cancel a:link,
			.cf .uploadifyQueueItem .cancel a:visited { color: #B00202 !important; }
			.cf .uploadifyQueueItem .cancel a:hover { text-decoration: underline !important; background-color: transparent !important; } 
			
		.cf .attachNote { font-style: italic; padding-top: 5px; margin-bottom: 3px; }
		.cf .attachNote a, .cf .attachNote a:link, .cf .attachNote a:visited { font-style: italic; text-decoration: underline; color: #CCC; } 
		
		
		
/*
...Moved from shopping basket foot for externalization...
	fsb=footer shopping basket*/
	#fsb h4
	{
		font-size: 16px;
		margin-bottom: 12px;
	}
	
	#fsb a
	{
		padding: 2px 14px;
		font-size: 14px;
	}
	#fsb a, #fsb a:link, #fsb a:visited { color: #72FF42; /*#FF3399*/ }
	#fsb .itemFeature a, #fsb .itemFeature a:link, #fsb .itemFeature a:visited { color: #FFF; text-decoration: underline; padding: 2px; margin-right: 10px; }
	#fsb .itemFeature a:hover { background-color: #555; }
	
	#fsb .itemsList td { padding: 3px 10px 3px 5px; }
	#fsb .itemsList .headerRow { border-bottom: 1px solid #666; }
	#fsb .itemsList th { padding: 3px 10px 3px 5px; font-size: 10px; color: #666; }
	#fsb .itemsList .itemRow { font-size: 14px; }
	
	#fsb .itemsList .bottomRow { border-top: 1px solid #666; font-size: 12px; }
	#fsb .itemsList .bottomRow .ordertotal { text-align: right; }
	
	#fsb .itemsList .productcell { padding-right: 25px; }
	#fsb .itemsList .unitcell { padding-right: 25px; }
	#fsb .itemsList .itemtotalcell { color: #FFF; text-align: right; }
	#fsb .itemsList .itemtotalcell .origprice { color: #999; text-decoration: line-through; }
	#fsb .itemsList .itemtotalcell .newprice { color: #FFF; text-align: right; }
	
	#fsb .itemsList .btns a
	{
		padding: 2px 14px;
		font-size: 14px;
	}
	#fsb .itemsList .btns a, #fsb .itemsList .btns a:link, #fsb .itemsList .btns a:visited { color: #72FF42; /*#FF3399*/ }
	#fsb .itemsList .btns a.disabledBtn, #fsb .itemsList .btns a.disabledBtn:link, #fsb .itemsList .btns a.disabledBtn:visited { color: #666; }
	
	#fsb .itemsList .actionRow td { text-align: right; }
	#fsb .itemsList .actionRow td.box1 { text-align: left; }
	#fsb .itemsList .actionRow .discount { display: inline; color: #72FF42; /*#999*;*/ }
	#fsb .itemsList .actionRow .discount form { display: inline;  }
	#fsbDiscountCode { width: 70px; font-size: 11px; padding: 1px; color: #999; border: 1px solid #999; background-color: #222; } /*the box*/
	#fsb .itemsList .actionRow .discount a.applyLink, #fsb .itemsList .actionRow .discount a.applyLink:visited, #fsb .itemsList .actionRow .discount a.applyLink:hover { padding: 1px 7px; font-size: 11px; border: 1px solid #999; color: #DDD; background-color: #555;  }
	#fsb .itemsList .actionRow .discount a.toggleLink { padding: 1px 1px 2px 1px; font-size: 11px; }
	#fsb .itemsList .actionRow .discount a.toggleLink:hover { text-decoration: underline; }
	
	#fsb .itemsList .actionRow .co { display: inline; padding-right: 0; padding-left: 10px;  }
	/* #fsb .itemsList .actionRow .co a { padding: 3px 14px; font-size: 13px; border: 1px solid #999; color: #333; background-color: #FFF;  } */
	#fsb .itemsList .actionRow .co a { padding: 3px 14px; font-size: 13px; border: 1px solid #72FF42; color: #DDFFD1; background-color: #4FAD18;  }
	#fsb .itemsList .actionRow .co a:hover { text-decoration: underline; }
	/* 72FF42, 4FAD18 */



/*
... Moved from myacct foot to externalize ...
*/
	#myActBRibbon { margin-bottom: -10px; }
	
	.myActBChunk
	{
		float: left;
		padding: 5px 15px;
	}
	.myActBChunk input { font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif; font-size: 11px; }
	#myActBLogin
	{
		width: 316px;
	}
	#myActBInfo
	{
		margin: 0 15px;
		width: 200px;
	}
	#myActBCreate
	{
		width: 515px;
		margin: 0 5px 0 35px;
	}
	.myActBClear
	{
		clear: left;
	}
	
	#myActBLogin table { width: 100%; height: 100% }
	#myActBLogin fieldset, #myActBCreate fieldset { /*height: 250px;*/ }
	
	/* lfb = login form bottom ... sfb = signin form bottom ... rfb = reset form bottom */
	#lfb { text-align: center; }
	#lfb fieldset
	{
		border: 1px solid #FFF;
		padding: 10px;
		text-align: left;
	}
	#lfb legend { padding: 3px 6px; font-size: 13px; color: #FFF; }
	#lfb label
	{
		padding: 2px 10px;
		display: block;
		margin: 3px 0;
	}
	#lfb .textBox { padding: 3px; margin-bottom: 3px; border: 1px none #999; width: 186px; }
	#lfb .textBox:focus { border: 1px none #09F; }
	#lfb .reset
	{
		padding: 2px 5px 15px 5px;
	}
	#lfb .reset a, #lfb .reset a:link, #lfb .reset a:visited { font-style: italic; color: #999; }
	#lfb .reset a:hover { color: #FFF; }
	#lfb .submitBtn { padding: 3px 14px; color: #000; border: 1px solid #999; background-color: #FFF; font-size: 13px; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif; }
	
	#lfb .whyJoin { padding: 20px 10px 9px 10px; vertical-align: baseline; }
	#lfb .whyJoinBox { padding: 10px; background-color: #FFF; color: #333; border: 1px solid #CCC; }
	#lfb .whyJoinBox .title { font-weight: bold; }
	#lfb .whyJoinBox ul { list-style-type: circle; margin-left: 20px; margin-top: 3px; }
	
	
	/* sfb = signin form bottom */
	#sfb { text-align: center; }
	#sfb fieldset
	{
		border: 1px solid #FFF;
		padding: 10px;
		text-align: left;
	}
	#sfb legend { padding: 3px 7px; font-size: 13px; color: #FFF; }
	#sfb label
	{
		padding: 2px 10px;
		display: block;
		margin: 3px 0;
	}
	#sfb .fieldNote { font-style: italic; color: #999; }
	#sfb .textBox { padding: 3px; margin-bottom: 3px; border: 1px none #999; width: 200px; }
	#sfb .textBox:focus { border: 1px none #09F; }
	#sfb .recapt { vertical-align: top; padding-bottom: 15px; padding-top: 2px; }
	#sfb .recapt .textBox { margin-bottom: 5px; }
	#sfb .recaptLabel { vertical-align: top; }
	#sfb .recaptLabel label { margin-top: 1px; }
	#sfb #recaptcha_image { border: 1px none #000 }
	#sfb .recapt a, #sfb .recapt a:link, #sfb .recapt a:visited { font-style: italic; color: #999; }
	#sfb .recapt a:hover { color: #FFF; }
	#sfb .recaptResetWrap { margin: 3px 0 0 0; }
	/*#sfb .recapt #recaptcha_widget_div { margin: -5px 0 0 0; }*/
	#sfb .submitBtn { padding: 3px 14px; color: #000; border: 1px solid #999; background-color: #FFF; font-size: 13px; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif; }
	/* get the signup block to be the same height as the login block */
	#sfb .bottomSpacer { height: 14px; }
		
		
	/* masc = my account short cuts */
	#masc .notifications
	{
		margin-left: 10px; background-color: #FFFFAA; color: #333; padding: 4px 8px;
	}
	#masc .notifications a, #masc .notifications a:link, #masc .notifications a:visited { color: #333; }
	#masc .notifications a:hover { text-decoration: underline; }
	
	/* ql = quicklinks */
	#masc .ql { margin-top: 20px }
	#masc .ql a { margin-left: 10px; }
	#masc .ql a, #masc .ql a:link, #masc .ql a:visited { padding: 3px 7px; border: 1px solid #5E6A75; background-color: #22282E; color: #DAE2EB; text-decoration: none; }
	#masc .ql a:hover { background-color: #323B42; /*border-color: #72818F;*/ }