html { height: 100%;}

body {
	background: url('../img/stripes.png') repeat-x;
	font:14px/1.5 Calibri, Frutiger Linotype, Optima, Lucida Sans, Lucida Sans Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
	margin: 0; padding:0;
	height: 100%;
}

/* font family inheritance seems to be buggy in FF (3.x), so fonts repeated here */
#content div,
#content p {
	font-family: Calibri, Corbel, Candara, Frutiger Linotype, Frutiger, Optima, Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* 'arial' class added by JS on WinXP FF/IE6 because ClearType not on by default */
body.arial { font-size:13px; }

body.arial #content div,
body.arial #content .sidebar h2,
body.arial #content p {	font-family: Arial, Helvetica Neue, Helvetica, sans-serif; }

#header,
#content h1,
#content h2,
#content h3,
#content h4,
body #content div.pullQuote { 
	font-family: Myriad Web, Myriad Web Pro, Segoe UI, Calibri, Candara, Aller, Frutiger Linotype, Frutiger, Myriad Pro, Myriad Roman, Optima, Lucida Sans, Lucida Sans Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
}


img { border:0; }

a { color: #900; text-decoration:none; }
a:hover { text-decoration:underline; }

p, .top { margin-top:0; }

p.fineprint,
#content p.fineprint,
body.arial #content p.fineprint { color:#777; font-family:verdana; font-size:10px; }

h2,h3,h4 { margin-bottom:0; }

.read_more, 
.read_more_continued,
.hidden { display: none; }



/*** UI Elements ***/


/* auto-adjusting button */

a.button, 
a.button span {
	background: transparent url('../img/grey_backgrounds.png') no-repeat scroll -614px 0;
	margin: 0 15px 0 0; padding: 0 0 0 15px; display: -moz-inline-box; display: inline-block; padding-top: 6px;
	height: 27px; font-size: 12px; color: #777; text-transform: uppercase;
/*	cursor: hand;*/
}

a.button { background-position: right 0; margin: 0; padding: 0;}

.wide_content a.button { text-decoration: none; }


/* sidebar */

#content .sidebar { margin-bottom: 15px; float: right; clear: right; width: 280px; }

#content .sidebar h1 {
	background: url('../img/grey_backgrounds.png') no-repeat -2px -329px;
	font-weight:normal; height: 63px;
	line-height: 53px;	margin: 0; 
	padding-left: 20px; padding-top: 0px;	width: auto;
}

#content .sidebar h2 { 
	color: #888; line-height: 13px; margin-top: -10px; font-size:13px;
	margin-top: -20px; padding-left: 18px; font-weight: normal;
	border-left: 1px solid #ccc; border-right: 1px solid #ccc; 
	padding-bottom: 7px; margin-left: 1px;
}

#content .sidebar p, #page #content .sidebar div.sidebar_middle { 
	border-right: 1px solid #ccc; border-left: 1px solid #ccc; 
	margin-left: 1px; margin-bottom: 0px; padding: 0 19px 10px;	
}

#content .sidebar.quote p { padding: 0 19px 13px; font-style:italic; }
#content .sidebar.quote h2 { margin-top:-18px; color: #000; font-size: 12px; padding-bottom: 15px; }


.sidebar .moveUp { margin-top:-10px; }
.sidebar ul { margin: -10px 0 0 1px; padding-left:36px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

.sidebar_bottom { 
	background: url('../img/grey_backgrounds.png') no-repeat -2px -419px;
	padding-left: 20px; _height:22px; min-height: 20px; margin-top: -10px; 
}

#subscription_options img {
	margin:5px 2px 0 2px;
}

#subscription_options p {
	text-align:center;
	padding-top:10px;
}

#subscription_options h2 {
	line-height:16px !important;
}

#content .sidebar p.pullQuote { font-style:italic; font-size:inherit; color:#555; text-align:left; 	border: 0px; 	padding: 0px;	}

.sidebar p.pullQuote a { font-style:normal; }


/*** header portion ***/

#header { position: relative; margin: auto; height: 430px; width: 880px; padding-left: 5px; }
div#logo { padding-top: 16px; }
a#logo_img { width: 155px; height: 63px; background: url('../img/logo.png') no-repeat; display: block;}
#slogan { position: absolute; color: #ddd; font-size: 18px; padding-left: 20px; top: 110px; z-index: 5;}


/* top menus */

#topmenu1 { right: 80px; top: 8px; position: absolute; }
#topmenu1 a { text-transform: uppercase; text-decoration: underline;	font-size: 10px; margin-left: 20px; color: #eee; }
#topmenu2 a { text-transform: uppercase; padding-top: 2px; text-decoration: none; font-size: 13px; margin-left: 30px; color: #eee; }
#topmenu2 a:hover, #topmenu2 a.selected { border-top: 1px solid white;}
#topmenu2 { 	top: 60px; 	position: absolute; right: 80px;}

a.has_icon { padding-left: 18px;	background: url('../img/icons.png') no-repeat 0 0;}
#client_login { background-position: 0 1px;}
#contact { background-position: 0 bottom; }


/* quote/presentation area */

#presentation { top: 99px; width: 750px; height: 279px; position: absolute; left: 80px;}
#presentation img { opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

#quote_img { position: absolute; top: 50px; z-index: 5;}
#photo_img { position: absolute; right: 0; }

#presentation #quote4 { display:block;}
#quote_img, #photo_img { cursor: pointer; }

/* supply chain bar */

#scbar { 
	background-image: url('../img/supply_chain.png'); background-repeat: no-repeat; width: 671px; 
	height: 104px;	top: 322px;	position: absolute; left: 90px;
}
/* doing it this way to avoid ie6 multiple id/class bug */
div.tab_1 { background-position: 0px 0px; }
div.tab_2 { background-position: 0px -106px; }
div.tab_3 { background-position: 0px -212px; }
div.tab_4 { background-position: 0px -318px; }

.sctab { width: 163px; height: 60px; display: block; float: left; margin-top: 20px;}




/*** content ***/

#content { position: relative; margin: auto; width: 880px; padding-left: 5px; }

#content h2 { color:#900; font-size:15px; }

#content h4 { font-size:14px; margin-top:10px; }

#content h1 {
	width: 585px; height: 35px; padding-top: 7px; padding-left: 10px; margin-left:-10px;
	font-size: 15px; font-weight: normal; 
	background: url('../img/grey_backgrounds.png');

}

#content em { 
	font-weight:bold;
	/* myriad web bold does not have italics
	font-family:Myriad Pro, Myriad Roman, Candara, Calibri, Frutiger Linotype, Optima, Helvetica Neue, Helvetica, Arial, sans-serif; 
	 */
}

#content i { color:black; }


span.breadcrumb { 
	background: url('../img/crumb.png'); width: 7px; height: 12px;
	display: inline-block; margin-left: 5px; margin-right: 5px; zoom: 1; 
}

.wide_content { width: 565px; padding-left:10px; float:left; }

.wide_content p, 
.wide_content ul { color: #555; }

.wide_content a { font-weight:bold; }
.wide_content h1 a { font-weight:normal; }

h1 a,
a.read_more_link,
a.read_less_link { font-weight:normal;}

.screenShot { cursor:url(/resources/img/zoom_in.cur), -moz-zoom-in; }

/* cursor url must be absolute or start with slash for IE. 
For Firefox, a single alternate must be specified after url (not zero, not 2 or 3, just one)
Safari version: -webkit-zoom-in (can't use without messing up FF) */

img.screenShot { 
	width:50%; border:1px solid #999; position:relative; top:4px;
}

div.wide_content img.large { float:none; display:block; width:auto; cursor:url(/resources/img/zoom_out.cur), -moz-zoom-out; }

img.left { float:left; margin:0 15px 15px 0; }

img.right { float:right; margin:0 0 15px 15px; }

img.wide { width:95%; display:block; margin-bottom:5px; }

#content .pullQuote { font-size:18px; text-align:right; }

.vendor .pullQuote { 
	background:url(/resources/img/warehouse.jpg) no-repeat; 
	height:192px; padding-left:370px; padding-top:118px; 
}
.member .pullQuote { padding-right:10px; }
.member .pullQuote img { margin-right:47px; }

.consumer .screenShot { width:60%; }

.buyingGroup .screenShot img { border: 1px solid #000; }

#asOneImg { margin-top:-15px; }

.girl { background:url(/resources/img/girl.jpg) no-repeat -20px 0; padding-left:363px; text-align:right; }

.boy { background:url(/resources/img/boy.jpg) no-repeat 112% -5px;  }

p.boy, 
 .boy > p { padding-right:312px; }


/* features list */

#features ul { list-style-type:none; padding-left: 0; margin:0; }
#features li {
	color: #666; width: 220px; display: block; float: left;
	padding-bottom: 10px; background: url('../img/grey_backgrounds.png') no-repeat -1px -112px;
	padding-left:50px;  height: 60px; font-size: 12px; 
}
#features li#list_item_2 { background-position:-1px -184px; }
#features li#list_item_3 { background-position:-1px -257px }
#features li#list_item_4 { background-position:-451px -112px; }
#features li#list_item_5 { background-position:-451px -184px; }
#features li#list_item_6 { background-position:-451px -257px; }

#features h3 { color: #444; font-size: 15px; display: block; font-weight: bold; margin: 0px; }
#features h3 em { color: #900; font-style: normal; }

/* demo blurb */
#demo_blurb { 
	background: url('../img/grey_backgrounds.png') no-repeat; background-position: 0px -51px; height: 30px;
	margin-bottom: 15px; padding: 10px; clear: both;
}
#demo_blurb p { padding-top: 5px; color: #666; float: left; font-style: italic; font-size: 15px; }
#demo_blurb a.button { float: right; font-style: normal; }


/* case study*/
#casestudy { margin-top:10px; }
#casestudy img { float: left; padding-right: 30px; }
#casestudy p img { float: none; }

/* cloud sidebar */
#cloud.sidebar p { padding: 0 15px 10px; }

/* blog sidebar */
.blogpost { padding-top: 15px; padding-bottom: 15px;}
.bloglink { text-decoration: none; font-size: 13px; color: #1F88A7;}
.blogupdated { color: #999; font-size: 11px; }
#blog hr { color: #ddd; background-color: #ddd; height: 1px; border: 0px; margin-right: 20px;}
#blog p { height: 230px; }

/*** footer ***/
#footer { height: 50px; width: 100%; background: url('../img/footer.png') repeat-x; padding-top: 20px;}
#footer_content { margin: auto; width: 880px; font-size: 12px; color: #aaa; position: relative;}
#footer_menu { right: 0; position: absolute; top: 0;}
#footer_menu a { color: #aaa; border-bottom: 1px solid #aaa; }
#footer_menu a:hover { color: #ccc; text-decoration:none;}



/*** Email sent confirmation ***/

div.systemMessages ul {
	color: green; list-style-type: none; padding: 3px 10px; background-color: #ecffec; border: 1px solid #c2efc2; 
}



/*** Sub-pages ***/

body.subpage { background: url('../img/stripes2.png') repeat-x;}
body.subpage #header { height: 180px; }
body.subpage #content { min-height: 300px; /*force a minimum height for the footer to stick beneath it */}


/*** Make footer sticky ***/

html, body { height: 100%; }
.wrapper { min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -70px; }
.push {	height: 100px; clear:both; }



/* CBA Widget */

#cba { border: 1px solid #999; padding-bottom:10px; margin-bottom: 20px;}
#cba_steps { border: 1px solid #ccc; background-color: #eee; padding: 8px 10px 10px; margin:5px; height: 100px; position:relative; }
#cba_steps li { color: #900; cursor: default; }
#cba_steps li:hover { font-weight: bold; }

#cba_steps li p { display:none; position:absolute; left:30px; top:75px; font-weight:normal; color:#000; width:500px; }
#cba_steps li:hover p { display:block; }

#cba_steps ol { width: 220px; float: left; margin: 0; }

#cba_img { margin: 10px 20px 0; height:334px; width:520px; background:url('../img/cba_steps.png');  }

#cba_steps abbr { border-bottom:0;}

/*
#cba_steps_description { height: 40px; margin: 10px 10px 0; padding-left:20px; }
#cba_steps_description li { list-style-type:none; }


*/

/* CAREERS */

#career_images img { width: 240px; }

div#quotes {
	margin-left:50px; margin-top:-8px; position: absolute; background:#eee; display: none; border: 3px double #900; 
	padding: 10px 20px; z-index: 5; overflow: scroll; overflow-x:hidden; width: 533px; height: 300px;
}
#careersAudio { padding-top:10px; }

#careersAudio a { vertical-align:top; }




/*** IE 6/7 hacks ***/

.sidebar p.moveUp { *margin-top:0; }

span.breadcrumb { *display: inline; }

#cba_steps { *border:none; }
#cba_steps ol { *padding-left:40px; }

.sidebar_bottom { _height:22px; }

#features li { _line-height: 1.2; }

#cba_steps li.hover { font-weight: bold; }
#cba_steps li.hover p { display:block; }

abbr[title], 
acronym[title] { border-bottom:1px dotted gray; }

#content .sidebar p.pullQuote { *font-size:14px;	}

#content .pullQuote img { *margin-bottom:5px; }

/* MAILCHIMP */
#mc_embed_signup {
	font-size:13px;
	color:#000;
	margin-top:20px;
}

#mc_embed_signup label {
	width:70px;
	display:inline-block;
	height:30px;
	text-align:right;
}

#mc_embed_signup .textarea {
	width:150px;
	padding:4px;
	border:1px solid #bbb;
}
                        
.mce_inline_error, #mce-error-response {
	color:#990000;
}

#mc_embed_signup input.mce_inline_error {
	border:1px solid #990000;
}

#mce-EMAIL {
	margin-bottom:10px;
}

div.mce_inline_error {
	float:right;
	margin:3px 110px 0 0;
}

#mce-responses {
  margin-bottom:15px;
}

/* SUBSCRIBE BOX */
    #subscribe_top { background:url('/resources/img/subscribe_top.png') no-repeat; width:279px; height:88px; margin-top:10px; margin-bottom:0; }
    #subscribe_middle { background:url('/resources/img/subscribe_middle.png') repeat-y; width:279px; margin-top:0; margin-bottom:0; }
    #subscribe_bottom { background:url('/resources/img/subscribe_bottom.png') no-repeat; width:279px; height:6px; margin-top:0; margin-bottom:0; }
    #subscribe_inner_box { margin-left:3px; }
    .sidebar #subscribe h1, .sidebar #subscribe h2 { background:none; border:none; padding:0 0 0 12px; height:40px; line-height:0; }
    #subscribe #mc_embed_signup { margin:0 20px 0 10px; }
    #subscribe img { margin:12px 0 0 7px; }
    .email_icon { margin-right:11px; margin-left:5px; }
    #subscribe #mc_embed_signup .textarea { width:160px; }
    #subscribe #mc-embedded-subscribe { margin-bottom:5px; margin-left:160px; }

/* AWSTATS */

#awstats { font: 11px verdana, arial, helvetica, sans-serif; background-color: #FFFFFF; margin-top: 0; margin-bottom: 0; }

#awstats .aws_border { background-color: #CCCCDD; padding: 1px 1px 1px 1px; margin-top: 0; margin-bottom: 0; }
#awstats .aws_title  { font: 13px verdana, arial, helvetica, sans-serif; font-weight: bold; background-color: #CCCCDD; text-align: center; margin-top: 0; margin-bottom: 0; padding: 1px 1px 1px 1px; }
#awstats .aws_blank  { display:none; font: 13px verdana, arial, helvetica, sans-serif; background-color: #CCCCDD; text-align: center; margin-bottom: 0; padding: 1px 1px 1px 1px; }
#awstats .aws_data {
	background-color: #FFFFFF;
	border-top-width: 1px;   
	border-left-width: 0px;  
	border-right-width: 0px; 
	border-bottom-width: 0px;
}
#awstats .aws_formfield { font: 13px verdana, arial, helvetica; }
#awstats .aws_button {
	font-family: arial,verdana,helvetica, sans-serif;
	font-size: 12px; 
}
#awstats th		{ border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px; padding: 1px 2px 1px 1px; font: 11px verdana, arial, helvetica, sans-serif; text-align:center; color: #000000; }
#awstats th.aws	{ border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px; padding: 1px 2px 1px 1px; font-size: 13px; font-weight: bold; }
#awstats td		{ border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px; padding: 1px 1px 1px 1px; font: 11px verdana, arial, helvetica, sans-serif; text-align:center; color: #000000; }
#awstats td.aws	{ border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px; padding: 1px 1px 1px 1px; font: 11px verdana, arial, helvetica, sans-serif; text-align:left; color: #000000; }
#awstats td.awsm	{ border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; padding: 0px 0px 0px 0px; font: 11px verdana, arial, helvetica, sans-serif; text-align:left; color: #000000; }
#awstats b { font-weight: bold; }
#awstats a { font: 11px verdana, arial, helvetica, sans-serif; }
#awstats a:link    { color: #0011BB; text-decoration: none; }
#awstats a:visited { color: #0011BB; text-decoration: none; }
#awstats a:hover   { color: #605040; text-decoration: underline; }