/* Global */
body {
background-color:#636464;
text-align:center;
font-size:12px;
line-height:18px;
padding:0; margin:20px 0 30px 0;
color:#585757;
}

p { color:#585757; }
strong { font-size:inherit; }


#center{
width:70%;
margin-left:auto;
margin-right:auto;
}

td{
	font-family:Arial, Helvetica, sans-serif;	
	
}

ol {
    margin-left: 0;
    padding-left: 0
} 

.div{
	font-family:Arial, Helvetica, sans-serif;
	
}

.small{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.bigtext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
}
.orange_highlight {
	color:#b35001;
	font-weight:bold;
}

div.clear { clear:both; }
img.spacer { display:block; }
img.contentspot { float:left; margin:0 10px 2px 0; }
a {
color:#133968;
text-decoration:none;
}
a:hover { text-decoration:underline; }
a.lightblue {
color:#0088b4;
text-decoration:none;
}
a.lightblue:hover { text-decoration:underline; }
div.divider { clear:both; background:url('images/text_divider.gif') repeat-x left top; 
margin:15px 0 15px 0; }




.notopmargin { margin-top:-0.8em !important; }
.em { font-style:italic; line-height: 1.75em; }

.left { float:left; } .right {float:right; }
.alignLeft { text-align:left; } .alignRight { text-align: right; }

.red { color:#cc0000 !important; }
.em_bordered { 
	border-top:2px solid #e4e4e4;
	border-bottom:2px solid #e4e4e4;
	padding:0.5em 0;
}

.darkblue { color:#133968 !important;}
a.textlink { color:#666 !important; }
	
p.custcare_contact {
	padding:1em 0 0;
	position:relative;
}

input.btnLogin {
	border:0;
	padding:0;
	margin:0;
	height:30px;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2a84aa;
	cursor:pointer;
	font-weight:bold;
	/* 08/15/08 */
	color:#133968;
}

input.btnLogin {
	background:url('images/btn_login.gif') 0 0 no-repeat;
	width:70px;
}

h2.blueheader {
	font-size:20px;
	line-height:1.22em;
	color:#133968;
}
h2.blueheader2 {
font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.22em;
	color:#133968;
	font-weight:normal;
}
h2.blueheader3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.33em;
	color:#133968;
	font-weight:normal;
}
h2.smaller {
	font-size:13px;
}
/* 08/15/08 */
h2.customer_support {
	background:url('images/icon_question.gif') 0 0 no-repeat;
	font-size:20px;
	line-height:1em;
	border-bottom:1px solid #ccc;
	padding:2px 0 7px 26px;
}
h2.customer_support img {
}
/**/

textarea.inputTextarea {
	padding: 2px 1px;
	font-size: 1em;
}
input.inputText {
	padding:2px 1px;
	font-size:1em;
}

a.more {
	background:url('images/h3arrow.gif') 2px 3px no-repeat;
	padding-left:12px;
}

li.nobullet { list-style-type:none; }

/* ---------------- Header ------------------ */
#header {
width:828px;
margin:0 auto 0 auto;
text-align:left;
z-index:10000000;
position:relative;
}
#header div.logo {
float:left;
width:290px;
}
#header div.nav {
float:left;
width:538px;
height:99px;
text-align:right;
padding:0;
background:#fff url('images/header_right_bg.gif') no-repeat right top;
}
#header div.nav div.toplinks {
width:509px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-right:29px;
}
#header div.nav div.toplinks ul { margin:0; padding:0; }
homegetmore#ul{margin:-100px; padding:0;}
homegetmore#ul li{
display:inline;
}
.getmoreul{
margin-left:-25px;
margin-top:-10px;
}
#header div.nav div.toplinks ul li {
float:right;
display:inline;
}
#header div.nav div.toplinks ul li a {
display:block;
background:url('images/toplink_divider.gif') no-repeat right top;
padding:6px 8px;
font-weight:bold;
color:#666;
text-decoration:none;
}
#header div.nav div.toplinks ul li a:hover { text-decoration:underline; }
#header div.nav div.toplinks ul li a.custlogin {
display:block;
background:url('images/btn_custlogin.gif') no-repeat right 4px;
padding:6px 20px 6px 8px;
font-weight:bold;
text-transform:uppercase;
color:#02507d;
text-decoration:none;
}
#header div.nav div.toplinks ul li a.custlogin:hover { text-decoration:underline; }

#header div.nav div.toplinks ul li a.onlinemeetings {
display:block;
background:url('images/btn_onlinemeetings.gif') no-repeat right 6px;
padding:6px 25px 6px 8px;
font-weight:bold;
text-transform:uppercase;
color:#02507d;
text-decoration:none;
}
#header div.nav div.toplinks ul li a.onlinemeetings:hover { text-decoration:underline; }

/*************/
/* Menu Tabs */
/*************/
#header div.nav div.mainnav { float:left; width:528px; margin:46px 0 0 0; padding:0; background:url('images/mainlinkbg.gif') repeat-x 50% bottom;
}
#header div.nav div.mainnav ul { width:528px; height:23px; margin:0; padding:0; list-style:none; }
#header div.nav div.mainnav li { display:inline; height:23px; margin:0; padding:0; }

/* Home */
#header div.nav div.mainnav a.home {
float:left; background:url('images/home.gif') no-repeat left top;
padding:0; margin:0; height:23px; text-decoration:none;
}
#header div.nav div.mainnav a.home:hover {
float:left; background:url('images/home.gif') no-repeat 0% -23px; 
padding:0; margin:0; height:23px; text-decoration:none;
}
#header div.nav div.mainnav a.homeon {
float:left; background:url('images/home.gif') no-repeat 0% -23px; 
padding:0; margin:0; height:23px; text-decoration:none;
}
#header div.nav div.mainnav a.homeon:hover {
float:left; background:url('images/home.gif') no-repeat 0% -23px; 
padding:0; margin:0; height:23px; text-decoration:none;
}
/* About */
#header div.nav div.mainnav a.about {
float:left; background:url('images/about.gif') no-repeat left top;
padding:0; margin:0; height:23px; text-decoration:none;
}
#header div.nav div.mainnav a.about:hover {
float:left; background:url('images/about.gif') no-repeat 0% -23px; 
padding:0; margin:0; height:23px; text-decoration:none;
}
/* Why ddi */
#header div.nav div.mainnav a.whyddi {
float:left; background:url('images/whyddi.gif') no-repeat left top;
padding:0; margin:0; height:23px; text-decoration:none;
}
#header div.nav div.mainnav a.whyddi:hover {
float:left; background:url('images/whyddi.gif') no-repeat 0% -23px; 
padding:0; margin:0; height:23px; text-decoration:none;
}
#header div.nav div.mainnav a.whyddion {
float:left; background:url('images/whyddi.gif') no-repeat 0% -23px; 
padding:0; margin:0; height:23px; text-decoration:none;
}
#header div.nav div.mainnav a.whyddion:hover {
float:left; background:url('images/whyddi.gif') no-repeat 0% -23px; 
padding:0; margin:0; height:23px; text-decoration:none;
}
/* Solutions */
#header div.nav div.mainnav a.solutions {
border-style: none;
	border-color: inherit;
	border-width: 0;
	float:left; background:url('images/solutions.gif') no-repeat left top;
	padding:0; 	margin:0; 	height:23px; 	text-decoration:none;
}
#header div.nav div.mainnav a.solutions:hover {
float:left; background:url('images/solutions.gif') no-repeat 0% -23px; 
padding:0; margin:0; height:23px; text-decoration:none;
}
#header div.nav div.mainnav a.solutionson {
float:left; background:url('images/solutions.gif') no-repeat 0% -23px; 
padding:0; margin:0; height:23px; text-decoration:none;
}
#header div.nav div.mainnav a.solutionson:hover {
float:left; background:url('images/solutions.gif') no-repeat 0% -23px; 
padding:0; margin:0; height:23px; text-decoration:none;
}
/* Services */
#header div.nav div.mainnav a.services {
border-style: none;
	border-color: inherit;
	border-width: 0;
	float:left; background:url('images/services.gif') no-repeat left top;
	padding:0; 	margin:0; 	height:23px; 	text-decoration:none;
}
#header div.nav div.mainnav a.services:hover {
float:left; background:url('images/services.gif') no-repeat 0% -23px; 
padding:0; margin:0; height:23px; text-decoration:none;
}
#header div.nav div.mainnav a.serviceson {
border-style: none;
	border-color: inherit;
	border-width: 0;
	float:left; background:url('images/services.gif') no-repeat 0% -23px; 
	padding:0; 	margin:0; 	height:23px; 	text-decoration:none;
}
#header div.nav div.mainnav a.serviceson:hover {
float:left; background:url('images/services.gif') no-repeat 0% -23px; 
padding:0; margin:0; height:23px; text-decoration:none;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header div.nav div.mainnav a span { float:none;}
/* End IE5-Mac hack */
#header div.nav div.mainnav a:hover span { color:#dd8300; }
#header div.nav div.mainnav a:hover { background-position:0% -23px; }
#header div.nav div.mainnav a:hover span { background-position:100% -23px; }
/* ------------- */


/****** NEW MAIN MENU ******/
#header div.nav div.mainmenu { 
	float:right; 
	height:23px;
	width:528px;
	margin:46px 29px 0 0;
	width:509px;
	padding:0;
	background:white url('images/mainlinkbg.gif') 0 100% repeat-x;
}
	* html #header div.nav div.mainmenu { 
		background:white url('images/mainlinkbg.gif') 0 46px repeat-x;
		display:inline-block;
		margin:43px 14px 0 0;
		margin:0 14px 0 0;
		padding:46px 0 0 0;
		width:510px;
		overflow:hidden;
		
	}
#header div.nav div.mainmenu ul { 
	background:#cccccc;
	height:23px;
	list-style:none;
	padding:0 0 0 1px;
	margin:0;
	display:block;
	float:right;
	text-align:left;
	
}
	* html #header div.nav div.mainmenu ul { 
		display:inline-block;
	}
#header div.nav div.mainmenu li { 
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	margin:0 1px 0 0;
	position:relative;
	text-align:left;
}
#header div.nav div.mainmenu img, #header div.nav div.mainmenu a img {
	border:0;
}
#header div.nav div.mainmenu a img {
	background:white url('images/mainmenu.gif') 0 0 no-repeat;
}
#header div.nav div.mainmenu .mainmenu_home a img { background-position: 0 0; }
#header div.nav div.mainmenu .mainmenu_solutions a img { background-position: -79px 0; }
#header div.nav div.mainmenu .mainmenu_industries a img { background-position: -196px 0; }
#header div.nav div.mainmenu .mainmenu_whyddi a img { background-position: -319px 0; }

#header div.nav div.mainmenu .mainmenu_home a:hover img,
	#header div.nav div.mainmenu .mainmenu_home a.selected img,
	#header div.nav div.mainmenu .mainmenu_home a.hover img	{ background-position: 0 -23px; }
	
#header div.nav div.mainmenu .mainmenu_solutions a:hover img,
	#header div.nav div.mainmenu .mainmenu_solutions a.selected img,
	#header div.nav div.mainmenu .mainmenu_solutions a.hover img { background-position: -79px -23px; }
	
#header div.nav div.mainmenu .mainmenu_industries a:hover img,
	#header div.nav div.mainmenu .mainmenu_industries a.selected img, 
	#header div.nav div.mainmenu .mainmenu_industries a.hover img { background-position: -196px -23px; }
	
#header div.nav div.mainmenu .mainmenu_whyddi a:hover img,
	#header div.nav div.mainmenu .mainmenu_whyddi a.selected img,
	#header div.nav div.mainmenu .mainmenu_whyddi a.hover img { background-position: -319px -23px; }

/* SUB MENU */
#header div.nav div.mainmenu ul ul {
	display:none;
	padding:0;
	margin:0;
	float:none;
	position:absolute;
	background:white;
	border:1px solid #ccc;
	border-top:0;
	border-bottom:0;
	height:auto;
	width:auto;
	top:23px;
	left:-1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:normal;
	z-index:10000000;
}
	#header div.nav div.mainmenu ul ul.flushRight {
		left:auto;
		right:-1px;
	}
#header div.nav div.mainmenu ul ul li {
	background:none;
	display:block;
	padding:0;
	margin:0;
	float:none;
	position:static;
	width:auto;
	height:auto;
}
	
#header div.nav div.mainmenu ul ul li a {
	background:none;
	padding:6px 22px 6px 10px;
	border-bottom:2px solid #ccc;
	color:#666;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:normal;
	display:block;
	white-space:nowrap;
}
#header div.nav div.mainmenu ul ul li a:hover {
	color:#0088b4; 
	font-weight:normal;
	text-decoration:none;
}


/* ---------------- Wrapper ------------------ */
#wrapper {
width:828px;
margin:0 auto 0 auto;
text-align:left;
background:url('images/wraperbg.gif') repeat-y left top;
padding:0;
}
#wrapper div.homeindnav {
width:807px;
margin:0 0 0 11px;
text-align:left;
background:#e2e1e1 url('header_bot_bg.gif') repeat-x left top;
}
/**************************/
/* Industry Menu Tabs */
/**************************/
#wrapper div.homeindnav div.indtabs { float:left; width:326px; height:236px; margin:0; padding:0; background:url('images/indtabsbg.gif') repeat-y left top;
}
#wrapper div.homeindnav div.indtabs ul { width:326px; margin:0; padding:0; list-style:none; }
#wrapper div.homeindnav div.indtabs li { height:45px; margin:0; padding:0; }

/* PHCP, HVAC */
#wrapper div.homeindnav div.indtabs a.phcphvacwaterwork {
float:left; background:url('images/indtab_phcp_hvac.gif') no-repeat left top;
padding:0; margin:0; height:45px; text-decoration:none;
}
#wrapper div.homeindnav div.indtabs a.phcphvacwaterwork:hover {
float:left; background:url('images/indtab_phcp_hvac.gif') no-repeat 0% -45px; 
padding:0; margin:0; height:45px; text-decoration:none;
}
/* Janitorial */
#wrapper div.homeindnav div.indtabs a.janitorial {
float:left; background:url('images/indtab_janitorial.gif') no-repeat left top;
padding:0; margin:0; height:45px; text-decoration:none;
}
#wrapper div.homeindnav div.indtabs a.janitorial:hover {
float:left; background:url('images/indtab_janitorial.gif') no-repeat 0% -45px; 
padding:0; margin:0; height:45px; text-decoration:none;
}
/* Paper & Packaging */
#wrapper div.homeindnav div.indtabs a.paperpackaging {
float:left; background:url('images/indtab_paperpackaging.gif') no-repeat left top;
padding:0; margin:0; height:45px; text-decoration:none;
}
#wrapper div.homeindnav div.indtabs a.paperpackaging:hover {
float:left; background:url('images/indtab_paperpackaging.gif') no-repeat 0% -45px; 
padding:0; margin:0; height:45px; text-decoration:none;
}
/* Electrical */
#wrapper div.homeindnav div.indtabs a.electrical {
float:left; background:url('images/indtab_electrical.gif') no-repeat left top;
padding:0; margin:0; height:45px; text-decoration:none;
}
#wrapper div.homeindnav div.indtabs a.electrical:hover {
float:left; background:url('images/indtab_electrical.gif') no-repeat 0% -45px; 
padding:0; margin:0; height:45px; text-decoration:none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#wrapper div.homeindnav div.indtabs a span {float:none;}
/* End IE5-Mac hack */
#wrapper div.homeindnav div.indtabs a:hover span { color:#dd8300; }
#wrapper div.homeindnav div.indtabs a:hover { background-position:0% -45px; }
#wrapper div.homeindnav div.indtabs a:hover span { background-position:100% -45px; }
/* ------------- */

/* ---------------- HOME LEFT COLUMN ------------------ */
#wrapper div.homeleftcol {
float:left;
width:156px;
margin:0;
padding:0 20px 20px 31px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#585757;
}
#wrapper div.homeleftcol a { font-weight:bold; }

#home_box_callout{
padding:0 0 20px 0;
}
/* ------------- */

/* ---------------- HOME CENTER CONTENT COLUMN ------------------ */
#wrapper div.homecontentcol {
float:left;
width:354px;
margin:0;
padding:0 20px 20px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#585757;

}
#wrapper div.homecontentcol h1 {
font-size:18px;
color:#133968;
line-height:normal;
font-weight:normal;
margin:18px 0 9px 0;
}
#wrapper div.homecontentcol a { font-weight:bold; }
#wrapper div.homecontentcol a.lightblue { font-weight:normal; }

* html #wrapper {
}
* html #wrapper div.homecontentcol {
	/* margin-left:-20px; */
}
/* ------------- */

/* ---------------- HOME RIGHT COLUMN ------------------ */
#wrapper div.homerightcol {
float:left;
width:181px;
margin:0;
padding:0 20px 20px 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
#wrapper div.homerightcol a { font-weight:bold; }
#wrapper div.homerightcol a.lightblue { color:#0088b4; font-weight:normal; }
#wrapper div.homerightcol ul { margin:0 0 0 15px; padding:0; }
#wrapper div.homerightcol li { margin:0; padding:0; }
#wrapper div.homerightcol ul a { color:#666; }
#wrapper div.homerightcol ul a.lightblue { color:#0088b4; font-weight:normal; }

#wrapper div.homerightcol h3 {
font-size:13px;
color:#133968;
line-height:normal;
margin:0 0 10px 0; padding:0;
}

* html #wrapper div.homerightcol {
	margin-left:0;
}
/* ------------- */

/* -------------------------------- Inner pages -------------------------------- */
#wrapper div.innersubhead {
width:807px;
margin:0 0 0 11px;
text-align:left;
background:#a05421 url('header_bot_bg.gif') repeat-x left top;
}

#wrapper div.innersubhead_accelerate {
width:807px;
margin:0 0 0 11px;
text-align:left;
background:#186da2 url('header_bot_bg.gif') repeat-x left top;
}

#wrapper div.innersubhead img {
	margin:0;
	padding:0;
	
}
#wrapper div.innersubheadtitle {
float:left;
width:473px;
height:114px;
background:#a05421 url('images/innersubheadtitlebg.gif') repeat-y left top;
}
#wrapper div.innersubheadtitle_whyddi {
float:left;
width:473px;
height:114px;
background:#A6920F url('images/innersubheadtitlebg_whyddi.gif') repeat-y left top;
}
#wrapper div.innersubheadtitle_whyddi2 {
float:left;
width:455px;
height:114px;
background:#B84700 url('images/innersubheadtitlebg_whyddi2.gif') repeat-y left top;
}

#wrapper div.innersubheadtitle_uncover_profits {
float:left;
width:455px;
height:114px;
background:#990000 url('images/innersubheadtitlebg_profits.gif') repeat-y left top;
}

#wrapper div.innersubheadtitle_whyddi_news {
float:left;
width:473px;
height:114px;
background:#B84700 url('images/innersubheadtitlebg_whyddi2.gif') repeat-y left top;
}
#wrapper div.innersubheadtitle_solutions {
float:left;
width:473px;
height:114px;
background:#96A744 url('images/innersubheadtitlebg_solutions.gif') repeat-y left top;
}
#wrapper div.innersubheadtitle_services {
float:left;
width:473px;
height:114px;
background:#556F3F url('images/innersubheadtitlebg_product.gif') repeat-y left top;
}
/* June 22, 2010 */
#wrapper div.innersubheadtitle_wholesale_inform {
height:114px;
background:#0e70bc;
}
#wrapper div.innersubheadtitle_industrial_fasteners_inform {
height:114px;
background:#a05421;
}
#wrapper div.innersubheadtitle_janitorial_paper_packaging_inform {
height:114px;
background:#a2c9d8;
}
#wrapper div.innersubheadtitle_phcp_inform {
height:114px;
background:#96a744;
}
#wrapper div.innersubheadtitle_electrical_inform {
height:114px;
background:#af4929;
}
#wrapper div.innersubheadtitle_retail_showrooms_inform {
height:114px;
background:#72899f;
}
#wrapper div.innersubheadtitle_stocking_manufacturers_inform {
height:114px;
background:#74a68b;
}
/* //June 22, 2010 */
#wrapper div.innersubheadtitle_custcare {
float:left;
width:473px;
height:114px;
background:#206e89 url('images/innersubheadtitlebg_custcare.gif') repeat-y left top;
}
#wrapper div.innersubheadtitle_stanpak {
float:left;
width:473px;
height:114px;
background:#114b7b url('images/innersubheadtitlebg_stanpak.gif') repeat-y left top;
}
#wrapper div.innersubheadtitle_webinarlanding {
float:left;
width:473px;
height:114px;
background:#114C7D url('images/innersubheadtitlebg_webinar.gif') repeat-y left top;
}
#wrapper div.innersubheadtitle_upgradeinvest {
float:left;
width:455px;
height:114px;
background:#A6920F url('images/innersubheadtitlebg_whyddi.gif') repeat-y left top;
}
	
#wrapper div.innersubheadtitle h4 {
margin:32px 18px 0 28px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:25px;
color:#E9FFE5;
vertical-align:middle;
line-height:30px;
} 
#wrapper div.verticalrules {
background:url('images/vertical_rule.gif') repeat-y left top;
}
#wrapper div.verticalrules_no_left_col {
background:url('images/vertical_rule_2.gif') repeat-y left top;
}
#wrapper div.verticalrules_wideright {
background: url('images/vertical_rule_no_left.gif') 100% 0 repeat-y;
}
#wrapper div.verticalleftrule {
background:url('images/vertical_rule_left.gif') repeat-y left top;
}
#wrapper div.verticalleftrule2 {
background:url('images/vertical_rule_left.gif') 5px 0 repeat-y;
}
#wrapper div.verticalrules_narrow {
background:url('images/vertical_rule_narrow.gif') repeat-y left top;
}
#wrapper div.verticalrules_narrow_right {
	background:url('images/vertical_dot_line.gif') 548px 0 repeat-y;
}
/* 07-17-08: vertical rules for home */
.verticalrulers_home {
	background:url('images/centercolbg.gif') 207px 0 repeat-y;
}
#wrapper div.webinarbg {
background:url('images/webinarbg.gif') repeat-y 549px top;
}

/* 02-10-09 upgrade investment page */
#wrapper div.webinarbg_upginvest {
background:url('images/webinarbg.gif') repeat-y 549px top;
padding:1px 0;
}
#wrapper div.webinarbg_upginvest .verticalleftrule {
margin-top:19px;
}
#wrapper div.webinarbg_upginvest .innercontentcol {
width:344px;
}
#wrapper div.webinarbg_upginvest #webinar_form h2 {
	margin-top:0;
}



/* ---------------- INNER LEFT COLUMN ------------------ */
#wrapper div.innerleftcol {
float:left;
width:116px;
margin:0;
padding:0 20px 20px 31px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#585757;
background:url('images/h3arrow.gif') no-repeat 21px 4px;
}
	#wrapper div.innerleftcol_custcare {
		background:url('images/h3arrow.gif') no-repeat 21px 112px;
	}
#wrapper div.innerleftcol a {
display:block;
width:116px;
padding: 5px 0;
color:#585757;
border-bottom:2px solid #dfdfdf;
text-decoration:none;
}
#wrapper div.innerleftcol a.noborder {
	border:0;
}
#wrapper div.innerleftcol a:hover { text-decoration:none; color:#0088b4; }
#wrapper div.innerleftcol a.on {
display:block;
width:116px;
padding: 5px 0;
color:#0088b4;
border-bottom:2px solid #dfdfdf;
text-decoration:none;
}
#wrapper div.innerleftcol a.on:hover { text-decoration:none; color:#0088b4; }
#wrapper div.innerleftcol a.btn { border:0; padding:0; text-decoration:none; margin:20px 0; }
#wrapper div.innerleftcol a.btn:hover { border:0; padding:0; text-decoration:none; }

#wrapper div.innerleftcol div.leftsubnav {
border-bottom:2px solid #dfdfdf;
padding:5px 0;
}
#wrapper div.innerleftcol div.leftsubnav p {
width:116px;
padding:5px 0;
margin:0;
line-height:13px;
color:#888;
border-bottom:0;
}
#wrapper div.innerleftcol div.leftsubnav a {
display:block;
width:116px;
padding:5px 0;
line-height:13px;
color:#163865;
border-bottom:0;
text-decoration:none;
}
#wrapper div.innerleftcol div.leftsubnav a:hover { text-decoration:none; color:#0088B2; }
#wrapper div.innerleftcol div.leftsubnav a.on {
display:block;
width:116px;
padding:3px 0;
color:#163865;
border-bottom:0;
text-decoration:none;
}
#wrapper div.innerleftcol div.leftsubnav a.on:hover { text-decoration:none; color:#163865; }
#wrapper div.innerleftcol div.leftsubnav a.leftsubnavon {
display:block;
width:116px;
padding:5px 0;
color:#0088b4;
border-bottom:0;
text-decoration:none;
}
#wrapper div.innerleftcol div.leftsubnav a.leftsubnavon:hover { text-decoration:none; color:#0088b4; }
#wrapper div.innerleftcol div.leftsubnav a.btn { border:0; padding:0; text-decoration:none; margin:20px 0; }
#wrapper div.innerleftcol div.leftsubnav a.btn:hover { border:0; padding:0; text-decoration:none; }

#wrapper div.innerleftcol h3 {
font-size:13px;
color:#133968;
line-height:normal;
margin:0; padding:0 0 5px 0;
}
#wrapper div.innerleftcol h3 a {
font-size:13px;
color:#133968;
border:0;
padding:0;
}

#wrapper div.innerleftcol h4 {
font-size:11px;
color:#133968;
line-height:normal;
margin:0; padding:0 0 5px 0;
}

/* ------------- */


/* ---------------- INNER CENTER CONTENT COLUMN ------------------ */
#wrapper div.innercontentcol {
float:left;
width:390px;
margin:0;
padding:0 20px 20px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#585757;
}
#wrapper div.innercontentcol p { margin:20px 0; }
#wrapper div.innercontentcol h1 {
font-size:20px;
color:#133968;
line-height:normal;
font-weight:normal;
margin:0 0 9px 0;
}
#wrapper div.innercontentcol h2 {
font-size:16px;
color:#585757;
line-height:normal;
font-weight:bold;
margin:15px 0 5px 0;
}
	#wrapper div.innercontentcol h2.sub {
		font-size:16px;
		font-weight:normal;
		margin:0;
		line-height:1.5em;
	}
	#wrapper div.innercontentcol h2.smaller {
		font-size:13px;
		line-height:1.5em;
		margin-bottom:-0.75em;
	}
#wrapper div.innercontentcol h3 {
border-top:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
font-size:13px;
color:#133968;
font-weight:bold;
margin:20px 0 5px 0; padding:5px 0;
}
#wrapper div.innercontentcol h3.plain {
border:0;
font-size:13px;
color:#133968;
font-weight:bold;
margin:10px 0 5px 0; padding:5px 0;
}
#wrapper div.innercontentcol a { font-weight:bold; }
#wrapper div.innercontentcol a.lightblue { font-weight:normal; }

#wrapper div.innercontentcol div.shadedcontentbox {
padding:10px;
border:1px solid #d3d3d3;
background-color:#efefef;
}

	
/* ------------- */
#wrapper div.custcare_bgform {
	background:url('images/custcare_bgform.gif') 100% 0 no-repeat;
	padding:16px 0 0 0;
}
#wrapper div.custcare {
color: #555555;
}

#wrapper div.custcare.height {
height:250px;
}

#wrapper div.quicksheets {
height:700px;
margin:0 0 0 10px;
}
.quicksheets_right_bucket {
float:left;
margin:0 0 0 50px;
}

#wrapper div.custcare h1 {
margin:0;
line-height:1.5em;
margin:0 0 0.5em;
}
#wrapper div.custcare h2 {
margin:0;
line-height:1.5em;
font-weight:normal;
}
#wrapper div.custcare img {
	border:0;
	padding:0;
	margin:0;
}
#wrapper div.custcare p {
margin:0 0 1em 0;
}
#wrapper div.custcare ul {
	margin: 0 0 0 0.5em;
	padding:0;
}
#wrapper div.custcare ul li {
	margin: 0 0 0 0.5em;
	padding: 0;
}
#wrapper div.custcare a.rsvp {
}
#wrapper div.custcare div.custcare_cs h2 {
	font-size:20px;
	line-height:1.22em;
	color:#133968;
}
#wrapper div.custcare div.custcare_cs a {
color:#555555;
text-decoration:underline;
font-weight:normal;
}
#wrapper div.custcare div.custcare_cs a:hover {
text-decoration:none;
}

/* --------- Custcare Login page --------- */
#wrapper div.custcare div.loginbox {
	background:url(images/loginbox_bg.gif) left top repeat-y;
	width:467px;
	padding:0 15px;
	overflow:hidden;
}
	#wrapper div.custcare div.loginbox p.warning, #wrapper div.custcare div.loginbox p.hint {
		margin:0;
	}
	#wrapper div.custcare div.loginbox p.warning  {
		font-weight:bold;
	}
	#wrapper div.custcare div.loginbox .username {
		float:left;
		width:230px;
	}
		#wrapper div.custcare div.loginbox .username input { width: 150px; }
		
	#wrapper div.custcare div.loginbox .password {
		float:right;
		width:230px;
	}
		#wrapper div.custcare div.loginbox .username input { width: 150px; }
		
	#wrapper div.custcare div.loginbox .submit {
		padding-top: 1em;
		padding-left:67px;
	}
		#wrapper div.custcare div.loginbox input.btnLogin {
			margin-right:1em;
			vertical-align:middle;
		}
		
	
	#wrapper div.custcare p.gainAccess {
		margin-left:24px;
	}
		#wrapper div.custcare p.gainAccess2 {
			margin-left:220px;
		}
	#wrapper div.custcare p.gainAccess strong {
		background:url(images/whiteonblue_arrow.gif) 0 50% no-repeat;
		margin-left:-16px;
		padding-left:16px;
		*display:inline-block;
		_display:inline-block;
	}


/* ---------------- INNER CENTER CONTENT COLUMN **WIDER, Without RHS** ------------------ */
#wrapper div.innerwidercontentcol {
float:left;
width:610px;
margin:0;
padding:0 0 20px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#585757;
}
#wrapper div.innerwidercontentcol h1 {
font-size:18px;
color:#133968;
line-height:normal;
font-weight:normal;
margin:0 0 9px 0;
}
#wrapper div.innerwidercontentcol h3 {
border-top:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
font-size:13px;
color:#133968;
font-weight:bold;
margin:20px 0 5px 0; padding:5px 0;
}
#wrapper div.innerwidercontentcol a { font-weight:bold; }
#wrapper div.innerwidercontentcol a.lightblue { font-weight:normal; }
/* ------------- */

/* ----------------- INNER CONTENT COLUMN WITHOUT LEFT ----------------- */
/* 548 | 280
/* 174 | 374 | 280
/* used in: 
custcare index page
*/
#wrapper div.innernarrowcontent, #wrapper div.innernarrowright, #wrapper div.innernarrowmiddle, #wrapper div.innernarrowleft {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	overflow:hidden;
}

#wrapper div.innernarrowcontent {
	float:left;
	width:505px;
	padding:0 12px 20px 31px;
	color:#585757;
}
#wrapper div.innernarrowleft {
	float:left;
	width:126px;
	padding:0 20px 20px 31px;
}
	#wrapper div.innernarrowleft a, #wrapper div.innernarrowleft a.on, #wrapper div.innernarrowleft div.leftsubnav p, 
	#wrapper div.innernarrowleft div.leftsubnav a, 	#wrapper div.innernarrowleft div.leftsubnav a.on, 
	#wrapper div.innernarrowleft div.leftsubnav a.leftsubnavon {
		width:126px;
	}
#wrapper div.innernarrowright {
	float:right;
	width:248px;
	padding:0 20px 20px 12px;
}
#wrapper div.innernarrowmiddle {
	float:left;
	width:335px;
	padding:0 14px 0 12px;
}


/* ---------------- CUST CARE CONTENT COLUMN ------------------ */
#wrapper div.innercontentcol div.contentbox {
width:368px;
margin:20px 0;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#585757;
border:1px solid #ccc;
}

/* ---------------- CUST CARE SUPPORT FORM ------------------ */
form.custcare_supportform {
}
form.custcare_supportform input.inputText { width: 225px; }
form.custcare_supportform textarea.inputTextarea { width: 225px; }


/* Footer */
#footer {
background-image:url('images/footer_bg.gif');
background-repeat:no-repeat;
background-position:left top;
width:805px;
height:29px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px; 
color:#000;
font-variant:normal;
padding:3px 0 0 23px;
text-align:left;
margin:0 auto 30px auto;
}
#footer div.phone {
float:right;
padding-right:28px;
}
#footer div.phone a {
font-size:11px;
color:#0088B4;
font-weight:normal;
text-decoration:none;
}

/*--------- Solutions -------------*/
#solutions {
position:absolute;
top:160px;
visibility:hidden;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height:normal;
width:168px;
background:#fff;
padding:0;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#solutions a {
display:block;
padding:6px 10px 6px 10px;
border-bottom:2px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
color:#666;
text-decoration:none;
}
#solutions a:hover { color:#0088b4; }

#solutionsmenu {
	position:absolute;
	left:249px;
	top:6px;
	width:160px;
	height:200px;
	z-index:1;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:normal;
	padding:0;
	visibility: hidden;
}
#solutionsmenu a {
display:block;
padding:6px 10px 6px 10px;
border-bottom:2px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background:#fff;
color:#666;
text-decoration:none;
font-weight:normal;
}
#solutionsmenu a:hover { color:#0088b4; font-weight:normal; }
#solutionsmenu a.image { padding:0; border:0; background:none; }
#solutionsmenu a.image:hover { padding:0; border:0; background:none; }

#servicesmenu {
	position:absolute;
	left:249px;
	top:6px;
	width:214px;
	height:200px;
	z-index:1;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:normal;
	padding:0;
	visibility: hidden;
}
#servicesmenu a {
display:block;
text-align:left;
padding:6px 10px 6px 10px;
border-bottom:2px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background:#fff;
color:#666;
text-decoration:none;
font-weight:normal;
}
#servicesmenu a:hover { color:#0088b4; font-weight:normal; }
#servicesmenu a.blue {
display:block;
text-align:left;
padding:6px 10px 6px 10px;
border-bottom:2px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background:#fff;
color:#0088b4;
text-decoration:none;
font-weight:normal;
}
#servicesmenu a.blue:hover { color:#0088b4; font-weight:normal; }
#servicesmenu a.image { padding:0; border:0; background:none; }
#servicesmenu a.image:hover { padding:0; border:0; background:none; }

#whyddimenu {
	position:absolute;
	left:249px;
	top:6px;
	width:160px;
	height:200px;
	z-index:1;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:normal;
	padding:0;
	visibility: hidden;
}
#whyddimenu a {
display:block;
text-align:left;
padding:6px 10px 6px 10px;
border-bottom:2px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background:#fff;
color:#666;
text-decoration:none;
font-weight:normal;
}
#whyddimenu a:hover { color:#0088b4; font-weight:normal; }
#whyddimenu a.image { padding:0; border:0; background:none; }
#whyddimenu a.image:hover { padding:0; border:0; background:none; }


/* ---------------- INFORM ------------------ */
img.inform {
margin:5px 15px 5px 0;
}

/*anti-spam catch class*/
.special {
width:5px;
visibility:hidden;
}
/*anti-spam catch class*/

/* --------------- WEBINAR ------------------ */
.verticalrules_narrow_space { background: white; width: 804px; height: 17px; margin-left: 11px; }
.webinar {
}
.webinar p.smalltitle {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0;
}
.webinar h1, .webinar h2 {
	margin-top: 0;
}
.webinar ul {
	margin: 0 0 0 0.5em;
	padding: 0;
}
.webinar ul li {
	margin: 0 0 0 0.5em;
}

.webinar_landing_article {
	border-top:0px solid #ccc;
	margin-top:0;
	padding:1em 0 0 0;
}

.webinar_landing_article h2.arrow {
	margin:0;
	font-size:18px;
	line-height:21px;
	color:#133968;
	font-weight:bold;
	background:url(images/webinar_title_bg.png) no-repeat 0 0;
}

.webinar_landing_article h2 {
	margin:0;
	padding:10px 0 0 20px;
	height:28px;
	line-height:21px;
	font-size:18px;
	color:#133968;
	font-weight:bold;
	background:url(images/webinar_title_bg.png) no-repeat 0 -38px;
}

.webinar_landing_article h2 a:hover, .webinar_landing_article h2.arrow a:hover{
	text-decoration:none;
}

.webinar_landing_article h3 {
	margin:0;
	font-size:17px;
	color:#133968;
	font-weight:normal;
}

.webinar_landing_article ul {
padding:10px 0 0 20px;
list-style:none;
margin: 0 0 0 -17px;
}

.webinar_landing_article ul li{
padding:0 0 10px 0;
list-style:none;
}

.webinar_landing_article ul li strong{
color:#133968;
}

img.dottedline {
display:block;
margin:0 auto;
}


#webinar_form {
	width:230px;
}
#webinar_form h4 {
font-size:15px;
font-weight:bold;
color:#555;
margin:10px 0;
padding:0;
}
#webinar_form h4 span {
font-size:15px;
font-style:italic;
color:#133968;
}
#webinar_form  .bigtext {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:17px;
}
#webinar_form h2 {
	font-size:28px;
	color:#133968;
	line-height:normal;
	margin:15px 0 0 0;
	padding:0 0 3px 0;

}
#webinar_form p.title {
	margin-top: 5px;
}
#webinar_form span { font-size:11px; line-height:normal; }

#webinar_form input.textfield { display:block; }
#webinar_form select { display:block; }

#webinar_form optgroup, #webinar_form input, #webinar_form select, #webinar_form textarea, #webinar_form .textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#webinar_form textarea.textarea {
	border: 1px solid #808080;
}
#webinar_form input.textfield, #webinar_form textarea.textarea {
	padding: 2px;
	width: 190px;
}

#webinar_form select.select optgroup {
	padding-left: 2px;	
}
#webinar_form select.select optgroup option {
	margin-left: -2px;
}

#webinar_form p.rsvp_options {
	margin: 0;
	height: 32px;
}
#webinar_form p.rsvp_options input {
	float: left;
}
#webinar_form p.rsvp_options label {
	float: left;
	width: 177px;
	padding-left: 0.5em;
}
/**/

/* ---------------- Customer Login ------------------ */
#wrapper div.homerightcol div.homerightbox {
margin:20px 0 0 0;
padding:8px;
border:1px solid #062D5F;
background-color:#EDECEC;
}
#wrapper div.homerightcol div.homerightbox h5 {
font-size:14px;
font-weight:bold;
color:#062D5F;
margin:7px 0 17px 0;
}
/* ---------------- Customer Care ------------------ */
input.textfield {
font-size:10px;
color:#000;
width:190px;
height:15px;
border:1px #808080 solid;
}
input.textarea {
font-size:10px;
color:#000;
}

#wrapper div.innersubheadtitle_solutions_phcp {
float:left;
width:473px;
height:144px;
background:#96A744 url('images/innersubheadtitlebg_phcp.gif') no-repeat left top;
}
#wrapper div.innersubheadtitle_solutions_janitorial {
float:left;
width:473px;
height:144px;
background:#4A6869 url('images/innersubheadtitlebg_janitorial.gif') no-repeat left top;
}
#wrapper div.innersubheadtitle_solutions_paper {
float:left;
width:473px;
height:144px;
background:#A2C9D8 url('images/innersubheadtitlebg_paper.gif') no-repeat left top;
}
#wrapper div.innersubheadtitle_solutions_electrical {
float:left;
width:473px;
height:144px;
background:#AF4929 url('images/innersubheadtitlebg_electrical.gif') no-repeat left top;
}
#wrapper div.innersubheadtitle_solutions_food {
float:left;
width:473px;
height:144px;
background:#762762 url('images/innersubheadtitlebg_food.gif') no-repeat left top;
}
#wrapper div.innersubheadtitle_solutions_retail {
float:left;
width:473px;
height:144px;
background:#72899F url('images/innersubheadtitlebg_retail.gif') no-repeat left top;
}
#wrapper div.innersubheadtitle_janitorial {
float:left;
width:473px;
height:114px;
background:#4A6869 url('images/innersubheadtitlebg_solutions.gif') repeat-y left top;
}
#wrapper div.innersubheadtitle_paper {
float:left;
width:473px;
height:114px;
background:#A2C9D8 url('images/innersubheadtitlebg_solutions.gif') repeat-y left top;
}
#wrapper div.innersubheadtitle_electrical {
float:left;
width:473px;
height:114px;
background:#AF4929 url('images/innersubheadtitlebg_solutions.gif') repeat-y left top;
}
#wrapper div.innersubheadtitle_food {
float:left;
width:473px;
height:114px;
background:#762762 url('images/innersubheadtitlebg_solutions.gif') repeat-y left top;
}
#wrapper div.innersubheadtitle_retail {
float:left;
width:473px;
height:114px;
background:#72899F url('images/innersubheadtitlebg_solutions.gif') repeat-y left top;
}
#wrapper div.innersubheadtitle_related_industry {
float:left;
width:473px;
height:114px;
background:#74A68B url('images/innersubheadtitlebg_solutions.gif') repeat-y left top;
}
#wrapper div.innersubheadtitle_associations {
float:left;
width:473px;
height:114px;
background:#3b3167 url('images/innersubheadtitlebg_solutions.gif') repeat-y left top;
}
/* June 22, 2010 */
#wrapper div.innersubheadtitle_industry_fasteners {
float:left;
width:473px;
height:114px;
background:#a05421 url('images/innersubheadtitlebg_solutions.gif') repeat-y left top;
}
#wrapper div.innersubheadtitle_wholesale {
float:left;
width:473px;
height:114px;
background:#0e70bc;
}
div.business_process img.business {
margin:0 15px 0 0;
}
table.purchase td {
color:#000;
}
table.purchase td.white {
font-size:12px;
color:#FFF;
}
/* ---------------- Popup for Take The Next Steps ------------------ */
table.nextsteps_popup td {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#585757;
padding:5px;
}
table.nextsteps_popup h1 {
font-size:16px;
color:#133968;
font-weight:bold;
}

/* ---------------- NEWS ------------------ */
p.news_author { 
font-size:0.9em; 
font-style:italic;
}

/* ---------------- SUCCESS STORY ------------------ */
div.success_story .top {
	background:url(images/success_story_bg.gif) 0 100% no-repeat;
	width:490px;
	height:112px;
}
div.success_story form .formrow {
	display:block;
	margin: 0 0 8px;
}
div.success_story form label {
	display:block;
	float:none;
	font-weight:bold;
}
div.success_story form input, div.success_story form textarea, div.success_story select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
}
div.success_story form span.small_label {
	font-size:9px;
	line-height:1em;
	margin-top:2px;
}
div.success_story form input.cname1 {
	width:70px;
	float:left;
	margin-right:5px;
}
div.success_story form input.cname2 {
	width:110px;
	float:left;
}
div.success_story form span.lname1 {
	float:left;
	width:74px;
	margin-right:5px;
}
div.success_story form span.lname2 {
	float:left;
}

div.success_story form input.ccompany { width: 265px; }

div.success_story form input.caddress { width: 380px; margin-bottom:8px; }

div.success_story form input.ccity, div.success_story form input.cstate, div.success_story form input.czipcode { float:left; margin-right:5px; }
	div.success_story form input.ccity { width: 194px; }
	div.success_story form input.cstate { width: 50px; }
	div.success_story form input.czipcode { width: 114px; }
	
div.success_story form span.lcity, div.success_story form span.lstate, div.success_story form span.lzipcode { float:left; margin-right:5px; }
	div.success_story form span.lcity { width: 199px; }
	div.success_story form span.lstate { width: 57px; }
	div.success_story form span.lzipcode { width: 119px; }

div.success_story form input.cphone { width: 30px; }
div.success_story form input.cemail { width: 220px; margin-left:24px; }

div.success_story form label.lphone	{ width: 137px; float:left; }
div.success_story form label.lemail	{ float:left; margin-left:24px; }

div.success_story form input.csystem { width: 260px; }

div.success_story form textarea { width: 490px; height: 129px;  }
div.success_story form textarea.ctransformations { }

div.success_story form input.cagree { float: left;  }
div.success_story form label.lagree { float: left; width: 470px;  font-weight:normal; margin-left:5px; }

/* ---------------- REQUIREMENTS ------------------ */
div.requirements h2 {
	padding:0 0 4px 0;
	border-bottom:1px solid #dfdfdf;
}
div.requirements ul li {
	margin-bottom:1em !important;
}

/* ------------- UPGRADE INVESTMENT ------------- */
#wrapper div.upgrade_investment {
	padding:0;
}
#wrapper div.upgrade_investment h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.3em;
	color:#133968;
	font-weight:normal;
	margin:0 0 0.2em;
	padding:0;
}
#wrapper div.upgrade_investment p {
	margin:0 0 1em;
}
#wrapper div.upgrade_investment_realworldsavings {
	background:url('images/realworldsavings_borders.gif') -688px 0 repeat-y;
}
* html #wrapper div.upgrade_investment_realworldsavings {
	display:inline-block;
}
*:first-child+html #wrapper div.upgrade_investment_realworldsavings {
	display:inline-block;
}
#wrapper div.upgrade_investment_realworldsavings h2 {
	background:url('images/realworldsavings_borders.gif') 0 0 no-repeat;
	padding:10px 10px 0 10px;
	margin:0;
}
#wrapper div.upgrade_investment_realworldsavings ul {
	background:url('images/realworldsavings_borders.gif') -344px 100% no-repeat;
	list-style:none; 
	padding:0;
	margin:0;
}
	#wrapper div.innernarrowcontent div.upgrade_investment_realworldsavings {
		width:491px;
		background:url('images/realworldsavings_borders_wide.gif') -982px 0 repeat-y;
	}
	#wrapper div.innernarrowcontent div.upgrade_investment_realworldsavings h2 {
		background:url('images/realworldsavings_borders_wide.gif') 0 0 no-repeat;
	}
	#wrapper div.innernarrowcontent div.upgrade_investment_realworldsavings ul {
		background:url('images/realworldsavings_borders_wide.gif') -491px 100% no-repeat;
	}


#wrapper div.upgrade_investment_realworldsavings ul li {
	background:url('images/text_divider_light.gif') 0 0 repeat-x;
	list-style:none; 
	padding:12px 10px;
	margin:0;
	color:#555555;
}
#wrapper div.upgrade_investment_realworldsavings ul li.first { background-image:none; }
	#wrapper .upgrade_investment_realworldsavings ul li p {
		margin:0;
	}
	#wrapper div.upgrade_investment_realworldsavings .company {
		font-weight:bold;
		color:#333333;
	}
		#wrapper div.upgrade_investment_realworldsavings .company .name {
			margin-right:6px;
		}
		#wrapper div.upgrade_investment_realworldsavings .company .location {
			margin-left:6px;
		}
	#wrapper div.upgrade_investment_realworldsavings .savings {
		margin:0 0 0.3em;
	}
	#wrapper div.upgrade_investment_realworldsavings .savings_label {
		font-size:16px;
		line-height:22px;
	}
	#wrapper div.upgrade_investment_realworldsavings .savings_amount {
		font-size:16px;
		line-height:22px;
		color:#0088b4;
	}
	#wrapper div.upgrade_investment_realworldsavings .quote_text {
		font-size:13px;
		line-height:18px;
		font-style:italic;
		margin-bottom:6px;
	}
	


/* ---------------- INNER NARROW CONTENT COLUMN ------------------ */
#wrapper div.innernarrowcontentcol {
float:left;
width:350px;
margin:0;
padding:0 20px 20px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#585757;
}
#wrapper div.innernarrowcontentcol h1 {
font-size:20px;
color:#133968;
line-height:normal;
font-weight:normal;
margin:0 0 9px 0;
}
div.narrowbluebox_topbot {
width:343px;
}
div.narrowbluebox_mid {
width:321px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background:#FAFCFE;
padding:0 10px;
}
div.narrowbluebox_mid p.title { font-size:16px; font-weight:bold; color:#005696; padding:0; margin:0 0 10px 0; }
div.narrowbluebox_mid ul.featurelist {
float:left;
width:160px;
padding:0;
margin:0;
list-style:none;
}
div.narrowbluebox_mid ul.featurelist li {
font-size:11px;
font-weight:bold;
line-height:normal;
color:#666;
margin:0 0 7px 0;
padding:0 0 0 10px;
background:url(images/list_dot.gif) left 7px no-repeat;
}



/* ---------------- WIDE RIGHT COLUMN ------------------ */
#wrapper div.widerightcol {
float:left;
width:236px;
margin:0;
padding:0 10px 20px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;

}
#rhs_form {
width:206px;
border:7px solid #005696;
padding:8px;
}
#rhs_form span { font-size:11px; line-height:normal; }
#rhs_form h2 {
font-size:20px;
color:#005696;
line-height:normal;
font-weight:normal;
margin:0 0 9px 0;
}
#rhs_form input.textfield { display:block; }
#rhs_form select { display:block; }

.LV_valid { color:#006600; }
.LV_invalid { color:#FF0000; }
.LV_valid_field { color:#006600; }
.LV_invalid_field { color:#FF0000; }


.img_holder {
float:left;
margin:0 10px 10px 0;
height:80px;
}
.text_holder {
float:left;
width:448px;
}


div.ipodbox {
	background:url('images/ipod_bg.gif') 0 0 no-repeat;
	width:178px;
	height:147px;
	padding: 10px 50px 10px 10px;
	overflow:hidden;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
	div.ipodbox h2.blueheader {
		line-height:1.22em !important;
	}
	div.ipodbox div.freeSubmissions {
		padding:7px 0;
		margin-bottom:4px;
	}
	div.ipodbox a {
		text-decoration:underline;
		color:#666666;
	}
		div.ipodbox a:hover { text-decoration:none; }

div.rightbox {
	background:white url('images/rightbox-l.gif') 0 0 repeat-y;
}
div.rightbox span.rightbox-top, div.rightbox span.rightbox-bottom {
	height:9px;
	line-height:9px;
	overflow:hidden;
	display:block;
}
div.rightbox span.rightbox-top {
	background:url('images/rightbox-v.gif') 0 0 repeat-x;
}
div.rightbox span.rightbox-bottom {
	background:url('images/rightbox-v.gif') 0 100% repeat-x;
}
div.rightbox span.rightbox-top span.tl, div.rightbox span.rightbox-top span.tr,
div.rightbox span.rightbox-bottom span.bl, div.rightbox span.rightbox-bottom span.br {
	background:url('images/rightbox-c.gif') 0 0 no-repeat;
	float:left;
	width:9px;
	height:9px;
	display:block;
	overflow:hidden;
}
	div.rightbox span.rightbox-top span.tl { background-position: 0 0; }
	div.rightbox span.rightbox-top span.tr { background-position: -10px 0; float:right; }
	div.rightbox span.rightbox-bottom span.bl { background-position: 0 -10px; }
	div.rightbox span.rightbox-bottom span.br { background-position: -10px -10px; float:right; }
	
div.rightbox-content {
	background:url('images/rightbox-r.gif') 100% 0 repeat-y;
	padding:1px 10px;
}
		
div.rightbox1 {
	background:url('images/rightbox1.gif') 0 0 no-repeat;
	width:208px;
	height:80px;
	overflow:hidden;
	padding:10px;
}
	div.rightbox1 h2.blueheader2, div.rightbox h2.blueheader2 {
		margin:0 0 0.1em;
		font-weight:bold;
	}
	div.rightbox1 a, div.rightbox a {
		padding-top:4px;
		text-decoration:underline;
		color:#555555;
		font-weight:normal;
	}
		div.rightbox1 a:hover, div.rightbox a:hover { text-decoration:none; }

		.table
		{		
		border:2px solid #cdcdcd;		
		}
		
#wrapper div.homerightcol div.rightbox a {
	font-weight:normal;
}

/* 07-16-08: add ul.bluedotList2 class (bullet is darker then bluedotList) */
#wrapper ul.bluedotList, #wrapper ul.bluedotList2 {
padding:0;
margin:0;
list-style:none;
}
#wrapper div.homerightcol ul.bluedotList {
	margin:0;
}
#wrapper ul.bluedotList li, #wrapper ul.bluedotList2 li {
list-style:none;
line-height:normal;
color:#666;
padding:0 0 0 10px;
margin:0 0 0.62em 0;
background:url(images/list_dot.gif) 0 6px no-repeat;

}

#wrapper ul.bluedotList2 li {
	background:url(images/list_dot2.gif) 0 6px no-repeat;
}
/**/

/* styles edits on 9th sept 08 */
#wrapper div.homeleftcol a.lightblue { font-weight:normal; }
span.leftcolsubhead {
color:#133968;
font-weight:bold;
}
/* styles edits on 16th sept 08 */
#wrapper div.innernarrowcontentcol h1 span {
font-weight:bold;
font-style:italic;
}
div.narrowhitebox_topbot {
width:343px;
}
div.narrowhitebox_mid {
width:321px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background:#fff;
padding:0 10px;
}
div.narrowhitebox_mid h2 {
font-size:15px;
font-weight:bold;
line-height:normal;
margin:0;
padding:0;
color:#133968;
}
div.narrowhitebox_mid ul.benefits {
padding:0 0 10px 0;
margin:0;
list-style:none;
}
div.narrowhitebox_mid ul.benefits li {
font-size:12px;
line-height:normal;
color:#666;
margin:0 0 7px 0;
padding:0 0 10px 25px;
background:url(images/list_arrow.gif) left 2px no-repeat;
}

/* ---------------- DDi Inform Form ------------------ */
#wrapper div.freepackage {
float:left;
width:236px;
margin:0;
padding:0 10px 20px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background:#f5f3f3;
}
#wrapper div.verticalrules_narrow_grey {
background:transparent url(images/vertical_rule_narrow_grey.gif) repeat-y scroll left top;
}

#rhs_freepackageform {
width:206px;
border:0px solid #005696;
padding:8px;
}
#rhs_freepackageform span { font-size:11px; line-height:normal; }
#rhs_freepackageform h2 {
font-size:20px;
color:#133968;
line-height:normal;
font-weight:bold;
margin:0 0 9px 0;
}
#rhs_freepackageform input.textfield { display:block; }
#rhs_freepackageform select { display:block; }


/* Added on Feb 10, 2009 
----------------------------*/
div.divider_light { clear:both; background:url('images/text_divider_light.gif') repeat-x left top; 
margin:15px 0 15px 0; }

#fromClient { padding:15px 0; }
#fromClient img { vertical-align:top; }
#fromClient i { font-size:13px; }

.listItem { list-style:url(images/arw.gif) none; margin:15px 0; padding-left:20px; }
.listItem li{margin-bottom:15px;}
.listItem li a.greylink{color:#585757; font-weight:normal !important; text-decoration:underline;}
.listItem li a.greylink:hover{ text-decoration:none;}

#rightbox { color:#003366; font-size:16px; padding:12px 11px; height:123px; background:url(images/rightbox2.jpg) no-repeat;
	line-height:21px; }
#rightbox a { font-size:13px; }

/** Inform CRM Page styles - inform_CRM.html **/
.crm_landing{
	width: 610px; height:auto; float:left;
	margin:0px;
	padding:0px;
}


.crm_landing li{
	list-style-type:none;
	padding:0px;
}


.crm_landing a {
	color:#133968 !important;
	display:block;
	width:575px; height:50px; float:left;
	padding:0px 0px 0px 20px;
	margin:0px;	
	background:url(images/curve_l_02.jpg) no-repeat left top;
	text-decoration:none !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	cursor:pointer;
}

.crm_landing a span {
	float:none;
	display:block;
	padding:14px 0px 0px 0px;
	height:33px;
	background:url(images/curve_r_02.jpg) no-repeat right top;
}
.crm_landing a:hover { background:url(images/curve_l_01.jpg) no-repeat left top; }
.crm_landing a:hover span{ background:url(images/curve_r_01.jpg) no-repeat right top; }	

/** Inform's CRM styles **/

.orange_numbers{color:#ef660b;padding:0px 0px 0px 23px;}
.orange_numbers li{list-style-position:outside; font-weight:bold;}
.orange_numbers li span{ color:#333333; font-weight:normal;}

/** Inform's CRM styles **/

/** Free Support Offer styles ***/
.freesup_header { color:#cc6600; }
h2.freesup_header { font-size:20px; line-height:1.3em; padding:0; margin:0; }
h3.freesup_header { font-size:20px; color:#555555; line-height:1.3em; padding:0; margin:0; }
h4.freesup_header { font-size:16px; line-height:1.4em; padding:0; margin:0 0 1em; }
h5.freesup_header { font-size:12px; line-height:1.5em; padding:0; margin:0; color:#555555; }

.freesup_testi {
	font-size:14px;
	line-height:1.5em;
	border:1px solid #cccccc;
	border-left:0;
	border-right:0;
	padding:0.5em 0;
	margin:1.5em 0;
	display:block;
}
.freesup_testi_author { font-size:12px; display:block; }

/*User Group Sign-in*/
#wrapper div.innerleftcol a.join-now, #wrapper div.innerleftcol a.join-now:hover{
font-weight:bold;
color:#b23c01;
border:none;
padding:0;
margin:0;
}
a.join-now, a.join-now:hover{
font-weight:bold;
color:#b23c01;
border:none;
padding:0;
margin:0;
}


.loginbox_compact2 {
	width:110px;
	float: left;
	margin-right: 8px !important; 
}

	* html .loginbox_compact2 {
		margin-right: 16px !important; 
	}
	
	.loginbox_compact2 .content { padding-left: 5px !important; }

	.loginbox_compact2 label {
		width: 72px; 
		font-size:11px;
		float:left; 
	}

	.loginbox_compact2 .cf {
		padding-bottom: 10px;
		display: block; 
	}
	
	.loginbox_compact2 input.inputBox {
		float:left;
		width:90px !important;
	}
	
	.loginbox_compact2 .submit {
		display: block;
		
	}
	
	.loginbox_compact2 .submit input.btnLogin,
	.loginbox_compact2 .submit a  { float:left; }
	
	.loginbox_compact2 .submit a { margin-top: 5px; }
	.loginbox_compact2  input.btnLogin { margin-right: 1em; }


/*** 
ADDED ON JUNE 22, 2009 - BY SUDIRMAN
*****/

.loginbox_compact {
	width:255px;
	float: left;
	margin-right: 8px !important; 
}

	* html .loginbox_compact {
		margin-right: 16px !important; 
	}
	
	.loginbox_compact .content { padding-left: 5px !important; }

	.loginbox_compact label {
		width: 72px; 
		float:left; 
	}

	.loginbox_compact .cf {
		padding-bottom: 10px;
		display: block; 
	}
	
	.loginbox_compact input.inputBox {
		float:left;
	}
	
	.loginbox_compact .submit {
		display: block;
		
	}
	
	.loginbox_compact .submit input.btnLogin,
	.loginbox_compact .submit a  { float:left; }
	
	.loginbox_compact .submit a { margin-top: 5px; }
	.loginbox_compact  input.btnLogin { margin-right: 1em; }


.join_ddi_newcom {
	width: 205px;
	float:left;
}

	.join_ddi_newcom .content {
		padding-top: 14px !important;
		z-index: 100;
		height: 150px;
	}
	
	.join_ddi_newcom .content .t {
		height: 175px;
	}
	
	.join_ddi_newcom h1, 
	.join_ddi_newcom h2 {
		color:#133968;
	 	font-size: 19px;
		line-height: 22px !important;
		margin:0 !important; 
	}
 	
	.join_ddi_newcom h2 {
		font-weight: normal;
		margin-bottom:  5px !important; 
	}
	
	.join_ddi_newcom  a.moreleft {
		color:#0059b4; font-weight: bold; 
	}
	
	.icon_joincommunity {
		bottom:-17px;
		position:absolute;
		right:-5px;
		z-index: 100; 
	}


.rndBox {
 position:relative;
 margin:0px auto;
 z-index:1;
 margin-left:15px; /* default, width of left corner */
}

* html .rndBox  {
	margin-left:7px;
}

.rndBox .content,
.rndBox .t,
.rndBox .b,
.rndBox .b div {
 background:transparent url("images/rndbox.gif") no-repeat top right;
}

.rndBox .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:10px 15px 10px 0px;
}

.rndBox .content form { margin:0; }

.rndBox .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:15px; /* top slice width */
 margin-left:-15px;
 height:100%;
 _height:1000px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.rndBox .b {
 /* bottom */
 position:relative;
 width:100%;
}

.rndBox .b,
.rndBox .b div {
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
}

.rndBox .b {
 background-position:bottom right;
}

.rndBox .b div {
 position:relative;
 width:15px; /* bottom corner width */
 margin-left:-15px;
 background-position:bottom left;
}

.rndBox .hd,
.rndBox .bd,
.rndBox .ft {
 position:relative;
}

.rndBox .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.rndBox p.warning { font-weight: bold; }

.rndBox p.warning,
.rndBox p.hint  { margin:0; }


a.moreleft {
	
	background:url('images/h3arrow_l.gif') 2px 3px no-repeat;
	padding-left:12px;
}

/*Cute News Styles*/
.ttl_news{position:relative; top:-9px;}

.news { position: relative; top: 0px; left: 0px; width: 170px; height: 500px;}
.news h1 {color:#666; font-size:13px; margin:0; padding:0;}

.news br {margin:0 0 10px 0;}
.news p {margin:0; padding:0;}

.news h3, .newsdetail h3, .newsdetail p{ margin:0 !important; padding:0 !important; border:0 !important;}

.news h3 span, .newsdetail h3 span {color:#585757;} /*used when the story has no click though to full article*/
.news pre {margin:10px 0 0 0; font:bold 11px Arial, Helvetica, sans-serif; color:#777777;}
.newsdetail p{padding:0 0 18px 0 !important;}
.newsdetail pre{ margin:0 !important; font:bold 11px Arial, Helvetica, sans-serif; color:#777777;}
.newsdetail ul{ padding-left:15px; margin:0px;}
.newsdetail ol{ padding-left:15px; margin:0px;}
.newsdetail img { float:left; padding:0 5px 0 0;}

.news_archive a{color:#0088b4; font-weight:normal !important;}

#Scrollbar-Container { position: relative; width:10px; top: 0px; left: 170px;}

.Scrollbar-Up { cursor: pointer;  position: absolute; left:10px; }
.Scrollbar-Track {
  width: 10px; height: 450px;
  position: absolute; top: 14px; left: 10px;
  background:url(images/scrollbar_track.gif) repeat-y left top;
}
.Scrollbar-Handle { position: absolute; width: 10px; height: 65px; cursor:pointer;}
.Scrollbar-Down { cursor: pointer; position: absolute; top: 464px; left:10px;}

#Scroller-1 { 
  position: absolute; overflow: hidden;
  width: 170px; height: 485px;
}

.Scroller-Container { position: absolute; top: 0px; left: 0px; padding-top:10px;}


/*New Homepage Upgrade Box*/
#upgrade{
width:174px;
margin-left:-9px;
}

* html #upgrade {
	display:inline-block;
	margin-right:-18px;
}

#upgrade .body{
background-image:url('images/upgrade_box_body.gif');
width:164px;
padding:0 10px;
font-size:16px;
line-height:22px;
color:#103666;
background-repeat:repeat-y;
}

#upgrade .body h2{
color:#103666;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}

#upgrade .body a{
color:#1274a3;
line-height:27px;
font-size:13px;
}


/*Homepage Testimonials Slider -- START*/
	
		.wrapper p {
			margin:0 0 5px 0;
			padding:0 0 5px 0;
		}
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; background: #fff; position:relative;}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/* border: 5px solid #000; */ /* this is the border. should have the same value for the links */
			margin: auto;
			width:156px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			/* height: 460px; */
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position:relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			width:156px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			/* padding: 10px; */
		}
		
		.stripNav { display: block; }

		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: -37px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 18px;
			width: 18px;
			outline: none;
		}
		
		.stripNavL {
			left:117px;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/btn_prev.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/btn_next.gif") no-repeat center;
		}
		
/*Homepage Testimonials Slider -- END*/


/*RHS Testimonials Slider -- START*/
	
		#slider_rhs .wrapper p {
			margin:0 0 5px 0;
			padding:0 0 5px 0;
		}
		#slider_rhs .stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		#slider_rhs .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			position: relative;
			width: 100%;
			z-index:100;
		}

		/* These 2 lines specify style applied while slider is loading */
		#slider_rhs .csw {width: 100%; background: #fff; position:relative;}
		#slider_rhs .csw .loading {margin: 200px 0 300px 0; text-align: center}

		#slider_rhs .stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/* border: 5px solid #000; */ /* this is the border. should have the same value for the links */
			margin: auto;
			width:176px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			/* height: 460px; */
			clear: both;
			background: #fff;
		}
		
		#slider_rhs .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position:relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		#slider_rhs .stripViewer_rhs.panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			width:176px; /* Also specified in  .stripViewer  above */
		}
		
		#slider_rhs .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			/* padding: 10px; */
		}
		
		#slider_rhs .stripNav { display: block; }

		#slider_rhs .stripNavL, #slider_rhs .stripNavR { /* The left and right arrows */
			position: absolute;
			top: -22px;
			text-indent: -9000em;
		}
		
		#slider_rhs .stripNavL a, #slider_rhs .stripNavR a {
			display: block;
			height: 18px;
			width: 18px;
			outline: none;
		}
		
		#slider_rhs .stripNavL {
			left:140px;
		}
		
		#slider_rhs .stripNavR {
			right: 0;
		}
		
		#slider_rhs .stripNavL {
			background: url("images/btn_prev.gif") no-repeat center;
		}
		
		#slider_rhs .stripNavR {
			background: url("images/btn_next.gif") no-repeat center;
		}
		
/*RHS Testimonials Slider -- END*/



/** drive home **/
.driveHead {
	font-size:22px;
	line-height:22px;
	color:#0b487b;
}

.driveList {
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.driveList li {
	background:url('images/horizontal_dot_line.gif') 0 100% repeat-x;
	list-style:none;
	padding:0.75em 0;
	margin:0;
	display:block;
	float:none;
}
.driveList .driveList1, .driveList .driveList2, .driveList .driveList3, .driveList .driveList4 {
	padding:0 0 0 63px;
	position:relative;
}

.driveList .driveList1 {
	background:url('images/drivelist_icon1.gif') 0 0 no-repeat;
}
.driveList .driveList2 {
	background:url('images/drivelist_icon2.gif') 0 0 no-repeat;
}
.driveList .driveList3 {
	background:url('images/drivelist_icon3.gif') 0 0 no-repeat;
}
.driveList .driveList4 {
	background:url('images/drivelist_icon4.gif') 0 0 no-repeat;
}

.driveList .driveListImg {
	position:absolute;
	left:0;
	top:0;
}
* html .driveList .driveListImg {
	left:-63px;
}
.driveList .driveListImg img { border:0; }

/*Updated styles for Paper and Packaging Page - 07-17-09*/
h2.blueBigText { color:#133968 !important; font:bold 16px Arial, Tahoma, Helvetica; margin-top:7px; }
.midText { color:#133968; font:bold 14px Arial, Tahoma, Helvetica; line-height:20px; }
.lineHead { color:#444444; font-weight:bold; padding:5px 0; margin-top:10px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; }
ul.dotList { list-style:none; margin:15px 0; padding:0; }
ul.dotList li { background:url(images/smalldot.gif) no-repeat 0 6px; padding-left:15px; line-height:22px; }
ul.dotList li div { padding-left:25px; }

/*** Associations ***/
.associations {
	border:0; margin:0; padding:0; width:100%;
}
.associations td {
	border:0; margin:0; padding:13px 2px; width:25%;
	text-align:center;
	vertical-align:middle;
}

/*** Top20 Popup handler **/
.top20_handler {
	background:url('images/top20-popup_handler-bg.gif') 0 0 no-repeat;
	width:129px;
	height:94px;
	overflow:hidden;
	position:relative;
	left:-10px;
	margin-bottom:14px;
}
	.top20_handler h3, .top20_handler a {
		display:block !important;
		width:129px !important;
		height:94px !important;
		background:none !important;
	}
	.top20_handler a img {
		background:url('images/top20-popup_handler.gif') 0 0 no-repeat;
		height:94px !important;
	}
	.top20_handler a:hover img {
		background:url('images/top20-popup_handler.gif') 0 -94px no-repeat;
		height:94px !important;
	}

	/* User Conference Styles */
#wrapper div.custcare .after_login h1 {
color:#133968;
font-size:20px;
font-weight:bold;
line-height:23px;
}

#wrapper div.custcare .after_login h2 {
color:#133968;
font-size:16px;
font-weight:normal;
}

#wrapper div.custcare .after_login span{
color:#133968;
font-size:12px;
font-weight:bold;
}

#wrapper div.custcare .after_login .light-blue{
color:#238fc5;
font-size:12px;
font-weight:bold;
}

#wrapper div.custcare .after_login ul{
color:#585757;
font-size:12px;
margin:0 0 0 10px;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 31px;
    margin-right: 6px;
    padding-right: 13px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    padding: 8px 0 8px 35px;
} 

/*two column with form on left*/
#wrapper div.two_col_form {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/webinarbg.gif) repeat-y scroll 549px top;
padding:1px 0;
}

#wrapper div.two_col_form .innercontentcol {
padding:0;
margin:15px 60px 0 2px;
_margin:15px 45px 0 2px;
width:500px;
}

#wrapper div.two_col_form h2{
color:#133968;
font-size:20px;
line-height:normal;
margin:0;
padding:0 0 3px 37px;
}

#wrapper div.two_col_form h2.form_header{
color:#133968;
font-size:20px;
line-height:normal;
margin:0;
padding:0;
}

#wrapper div.two_col_form span{
color:#186da2;
font-size:12px;
font-weight:bold;
line-height:normal;
padding:15px 0 0 0;
} 


#wrapper div.two_col_form ul{
margin:0;
padding:0 0 3px 60px;
list-style-image:url('images/list_arrow.png');
}

#wrapper div.two_col_form ul li{
padding:0 0 15px 0;
}

#wrapper div.two_col_form ul li strong{
font-size:13px;
color:#133968;
}

#advanced_sales_features{
background:transparent url(images/advanced_sales_features.png) no-repeat 10px 0;
width:513px;
height:198px;
padding:0 0 15px 0;
}

#wrapper div.two_col_form #advanced_sales_features ul{
padding:30px 0 0 290px;
width:210px;
}

#wrapper div.form_column {
color:#666666;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:20px 0 0 0;
padding:0 10px 20px;
width:236px;
}

#business_quote{
background:transparent url(images/accelearating_business_header_bg.png) repeat-y 0 0;
clear:left;
width:420px;
padding:0 0 0 40px;
height:93px;
}

#business_quote p{
color:white;
font-size:17px;
padding:14px 0 0 0;
line-height:22px;
font-family:Arial,Helvetica,sans-serif;
}

#business_quote small{
color:white;
font-size:12px;
padding:15px 0 0 0;
line-height:22px;
font-family:Arial,Helvetica,sans-serif;
}

/** Clearfix **/
.cf:after  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.cf  {display: inline-block;}
/* Hides from IE-mac \*/
* html .cf  {height: 1%;}
.cf   {display: block;}
/* End hide from IE-mac */


.style1 {
	color: #556F3F;
}