@import url("reset.css");

body {
	font-family:Arial, Helvetica, Trebuchet MS, sans-serif;
	line-height: 1.45; /* Unitless for proper inheritance */
	font-size: 85%; 
	color:#555555;
	word-wrap:break-word;
}

p { 
	margin-bottom: 1.0em;
}

h1 {
	font-size:1.4em;
	color:#824c8b;
	font-family: Arial, Helvetica, Trebuchet MS, sans-serif;
	line-height:1.2em;
	background-color:#F6F6F6;
	margin-bottom:1em;
	padding: 0.3em 0.5em;
	font-weight:normal;
}

h1.process {
	border:1px solid #cccccc;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
	background:none;
}

h2 {
	font-size:1.25em;
	color:#824c8b;
	font-family: Arial, Helvetica, Trebuchet MS, sans-serif;
	line-height:1.25em;
	margin:0.8em 0 0.2em;
	font-weight:normal;
}

h3 {
	font-family: Arial, Helvetica, Trebuchet MS, sans-serif;
	color:#824c8b;
	font-size:1.1em;
	line-height:1.2em;
	font-weight:normal;
	margin-bottom:0.2em
}

h4 {
	font-family: Arial, Helvetica, Trebuchet MS, sans-serif;
	color:#824c8b;
	font-weight:bold;
	font-size:1em;
}

h5 {
	font-family:Arial, Helvetica, Trebuchet MS, sans-serif;
	color:#824c8b;
	line-height:1.2em;
	font-weight:normal;
	font-size:1em;
}

h6 {
	font-family: Arial, Helvetica, Trebuchet MS, sans-serif;
}
	
ul, ol { 
	margin: 0 0 1.5em 2.2em; 
	}
	
ul ul, ol ol { 
	margin-bottom: 0; 
	}
ul {
	list-style-type:disc;
}
ol { 
	list-style-type: decimal; 
	}
	
li {
	line-height:1.3em;
	margin-bottom:0.5em;
}
dl {
	margin-bottom:1em;
	}
	
dl dt { 
    font-weight: bold;
	margin-top:.7em;
	}
	
dl.vertical-data {
	overflow:hidden;
}

dl.vertical-data dt {
	clear:left;
	float:left;
	margin:0 0.3em .3em 0;
	font-weight:bold;
}

dl.vertical-data dd {
	margin:0 0.3em .3em 0;
	overflow:hidden;
	float:left;
}

dl.vertical-data dd p {
	margin-top:.5em;
	margin-bottom:0;
}

dl.vertical-data dd dl.vertical-data {
	clear:left;	
	padding-top:.6em;
	margin-left:2em;
}

dl.information dt {
	margin:0 0 1em 0;
}

dl.information dd {
	margin:0 0 1em 2em;
}

a { 
	color: #336699;
	text-decoration:none;
}
a:hover, a:focus, a:active { 
	text-decoration:underline;
}
a:visited {
	color: #824C8B;
}

a[type="application/pdf"], a.pdf {
    background-image: url("/Style%20Library/Images/icon_pdf.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 4px 0 4px 24px;
}

input, textarea {
	border:1px solid #999999;
	padding:.2em .4em;
	color:#555555;
	background: url(/Style%20Library/Images/bac_input.gif) repeat-x;
	font-size:1em; /* To address Safari font-size issue */
}

select {
	border:1px solid #999999;
	color:#555555;
	font-family:Helvetica, Arial, sans-serif;
	background: #FFFFFF url(/Style%20Library/Images/bac_input.gif) repeat-x; 
}

label {
	font-weight:bold;
}

blockquote {
    margin-left: 2.0em;
	font-style:italic;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

code, kbd, samp {
    font-family:Courier, mono;
}
table {
	border-collapse:collapse;
}
td {
	vertical-align:top;
}

sup {
    font-size: 0.7em;
    vertical-align: top;
}

sub {
    font-size: 0.7em;
    vertical-align: bottom;
}

/* Genric Body Styles */

.hidden {
	display:none;
}

ul.nobullet, ol.nobullet {
	margin-left: 0;
	}
ul.nobullet li, ol.nobullet li {
	margin-left: 0;
	list-style: none;
	}
	
ul.inline, ol.inline {
	margin: 0;
	margin-bottom:1em;
	} 

ul.inline:after, ol.inline:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}

ul.inline li, ol.inline li {
	list-style: none;
	margin: 0 1em 0 0;
	line-height:2em;
	float:left;
	display:block;
}

ul.inline li:last-child, ol.inline li:last-child {
	margin-right:0;
}

.left {
	float:left;
	margin-right:.7em;
	margin-bottom:.7em;
	}
	
.right {
	float:right;
	margin-left:.7em;
	margin-bottom:.7em;
	}

.center {
	text-align:center;
	}	
	
.error {
	color: red;
}

.disabled {
	color:#CCCCCC;
}

.caption {
	font-size:0.8em;
	font-weight:bold;
}

.important-instruction {
	color:#FF0000;
	font-weight:bold;
}

.confirmation p {
	font-size:1.3em;
	font-weight:bold;
}

.confirmation p em {
	color:#824C8B;
	font-style:italic;
}

.notification {
	background: #F2F2F2;
	padding:10px;
	margin-bottom:1em; 
	color:#824c8b;
}

.notification p {
	margin-bottom:.3em;
}

em.dynamic {
	color:#824C8B;
	font-style:normal;
}

.edit{
	font-size: .85em;
	color:#336699;
}

.edit:visited {
	color:#336699;
}

.vertical-scroll {
    border:1px solid #999999;
    height:12em;
    overflow:auto;
    padding:1em;
    margin-bottom:1em;
}
.vertical-scroll h5 {
    counter-increment: section;
}

.vertical-scroll h5:before {
    content: counter(section) ". ";
}

.back-to-top {
	font-weight:bold;
	text-align:right;
}

.footnote {
	font-size: 0.7em;
}

.footnote sup {
	font-size: 0.8em;
}

.progress-overall {
	background-color: #6EA05C;
    display: block;
    float: left;
    height: 10px;
    margin: 5px 5px 0;
}

.progress {
    background-color: #b1b0b0;
    display: block;
    height: 10px;
    width: 50%;
}

a.header-link {
    font-size: 0.85em;
}

.promo-header a.header-link, a.header-link {
	color: #336699;
}
a.header-link:visited {
	color: #824C8B;
}

/* ---PAGE */

.page-wrap {
	position:relative;
	overflow:hidden;
	width:940px;
	margin-right:auto;
	margin-left:auto;
}

/* -------JUMP NAV */

.jump-nav {
    margin-bottom:1em;
    overflow:hidden;
}
	
.page-header .jump-nav ul.nav {
	margin:0;
}

.page-header .jump-nav ul.nav li {
	display:inline;
	list-style:none;
}

.page-header .jump-nav ul.nav li a {
	position:absolute;
	left:-10000px;
	top:auto;
}
 
.page-header .jump-nav ul.nav li a:focus, .page-header .jump-nav ul.nav li a:active {
	position:static;
} 

/* ------HEADER */

.page-header {
	position:relative;
	padding-top:6px;
	margin-bottom:1em;
}

/* ------------LOGIN */
.logon {
	background: #f6f5f5 url(/Style%20Library/Images/bac_login.gif) repeat-x; 
	border:1px solid #cccccc;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
	padding:.3em 1em;
	color:#86508f;
	font-family: Arial, Helvetica, Trebuchet MS, sans-serif;
	font-size:1.1em;
	margin-bottom:1em;
}

.logon ul {
	margin: 0;
	}
.logon ul li {
	display: inline;
	margin: 0 2em 0 0;
	list-style: none;
	}
	
.logon ul li:last-child {
	margin-right:0;
}
	
.logon a {
	color:#824C8B;
}

/* ---------HEADER */
.header {
	position:relative;
	overflow:hidden;
}

/* ---------LOGO */

.page-header .header .logo{
	float:left;
}

.page-header .header-checkout .logo {
	background: #f6f5f5 url(/Style%20Library/Images/bac_login.gif) repeat-x; 
	border:1px solid #cccccc;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
    border-radius: 5px;
	padding:1em 1.5em;
	margin-bottom:1em;
}

/* ---------UTILITY NAV */
.header .utility-nav {
	float:right;
	margin-top:20px;
}

/* ------------SEARCH */
.header .search {
	visibility:hidden;
	float:left;
	background: #f6f5f5 url(/Style%20Library/Images/bac_login.gif) repeat-x; 
	border:1px solid #cccccc;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
	padding:.3em 1em;
	position:relative;
}
.header .search input {
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
	padding:.2em .4em;
	font-size:1.1em;
}

.header .search input.button, #product-search-promo input.button, #find-solution-promo input.button, #newsLetterForm input.button {
	padding:0.1em 0.4em;
}

/* ------------USER ACTION */

/* Workaround for webpart div wrapper */
.page-header #ctl00_PlaceHolderMasterPageHeader_miniCart {
	float:left;
}

.page-header .user-action, .page-header #mini-cart {
	float:left;
	overflow:hidden;
	width:250px;
	border:1px solid #cccccc;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
    border-radius: 5px;       /* for Firefox */
	margin-left:12px;
	min-height:34px;
}

.page-header .user-action {
	background: #824c8b url(/Style%20Library/Images/bac_user-action.gif) repeat-x; 
}

.page-header .user-action div.promo-body {
	padding:0.5em 1em;
	font-size:0.96em;
	font-weight:bold;
}

.page-header .user-action div.promo-body p {
	margin:0;
}
.page-header .user-action div.promo-body a {
	color:#FFFFFF;
	padding-right: 20px;
	background: url(/Style%20Library/Images/icon_arrowright-yellow-purple.gif) no-repeat center right;
	cursor:default;
	text-decoration:none;
}

.page-header .promo-body, .page-header .promo-footer {
	font-size:.85em;
}

/* ------------MINI CART */
.page-header #mini-cart {
}

.page-header #mini-cart .promo-header {
	background:none;
	float:left;
	padding:0.3em 0 0 1em;
	text-align:right;
	width:57%;
}

.page-header #mini-cart .promo-header h3 {
	font-size:1em;
	height:1.2em;
	margin-bottom:0;
	overflow:hidden;
}

.page-header #mini-cart .promo-body {
	float:left;
	clear:left;
	padding:0 0 0.3em 1em;
	text-align:right;
	width:57%;
	font-weight:bold;
}

.page-header #mini-cart .promo-body p {
	margin:0;
}

.page-header #mini-cart .promo-footer {
	background:none;
	float:right;
	padding:0 1em 0 0;
	margin-top:-7px;
	}

.page-header #mini-cart .promo-footer a.cart {
	background: url(/Style%20Library/Images/bac_button-cartright.gif) no-repeat scroll right center #E9DD3D;
	padding-right:30px;
}

/* ------BODY */

.page-body {
	clear:both;
	margin-bottom:1em;
	min-height:320px;
}

/* ---------NAV COLUMN */
.nav-column {
	float: left;
    width: 180px;
    overflow: hidden;
	margin-right: 12px;
}

.nav-column ul.nav {
	margin-left: 0;
}

	
.nav-column ul.nav li {
	list-style: none;
}

.nav-column ul.nav li a {
	color:#555555;
}

.nav-column ul.nav li a:visited {
	color:#824C8B;
}

.nav-column #primary-nav-promo .promo-body {
	padding:0;
}

.nav-column .primary-nav ul, .nav-column .nav-action ul {
	margin:0;
	padding:0.5em 1em;	
}

.nav-column .primary-nav ul {
	padding-bottom:0;
}

.nav-column .nav-action ul {
 	font-weight:bold;
	background:#EAE9E9 url(/Style%20Library/Images/bac_promo-header.gif) repeat-x scroll 0 0;
}
.nav-column .nav-action li {
	margin-top:0.3em;
}

.nav-column .quick-links {
	visibility:hidden;
	position:relative;
}

.nav-column input, .nav-column textarea, .nav-column select {
	width:150px;
}

.nav-column .promo-header h3, .promo-column .promo-header h3, .bar-promos .promo-header h3 {
	font-size:1.4em;
}

.nav-column .promo-body, .nav-column .promo-footer, .nav-column .item-body, .nav-column .item-footer {
	font-size:.85em;
}

.nav-column .promo-body ul.nav {
	font-size:1.2em /* Increase nav items in nav column and promo columns to compendate for smaller size promo bodies */
}

.nav-column .promo-footer h4 {
	color:#555555;
	font-size:1.2em;
}

/* ---------------PROMO COLUMN */
.promo-column {
    overflow: hidden;
    float: right;
    width: 250px;
	margin-left: 12px;
}

.promo-column .promo-body, .promo-column .promo-footer, .promo-column .item-body, .promo-column .item-footer {
	font-size:.85em;
}

#product-search-promo, #find-solution-promo, #newsLetterForm fieldset {
	border:none;
	-webkit-border-radius: 0;    /* for Safari */
    	-moz-border-radius: 0;       /* for Firefox */
	border-radius: 0;
	background-color:#f2f2f2;
}

#product-search-promo, #find-solution-promo {
	margin-bottom:0;
}

#product-search-promo div.promo-header, #find-solution-promo div.promo-header, #newsLetterForm div.promo-header {
	padding:0.2em 1em;
	color: #91569a;
	background:none;
}

#product-search-promo div.promo-header h3, #find-solution-promo div.promo-header h3, #newsLetterForm div.promo-header h3 {
	font-weight:bold;
	border-bottom:2px solid #FFFFFF;
	font-size:1.3em;
}

#product-search-promo select, #find-solution-promo select, #newsLetterForm select {
	width:150px;
}

#product-search-promo .search-products {
	visibility:hidden;
	position:relative;
	margin-bottom:1em;
}

#find-solution-promo .donor-redirect {
	visibility:hidden;
	position:relative;
}

#find-solution-promo .category-redirect {
	visibility:hidden;
	position:relative;
	margin-bottom:1em;
}

.promo-column fieldset {
	font-size:0.85em;
	padding-top:25px;
	visibility:hidden;
	top:-15px;
}

#newsLetterForm fieldset legend {
	font-weight:bold;
}

#newsLetterForm fieldset legend span {
	background-color:#F2F2F2;
	border-bottom:2px solid white;
	display:block;
	position:relative;
	top:15px;
	white-space:normal;  /* make legend wrap when text-only zoom-in in Firefox3 */
	width:225px; /* make legend wrap when text-only zoom-in */
}

.promo-column #rss-feeds-promo {
	background: url(/Style%20Library/Images/bac_input.gif) repeat-x; 
	border:1px solid #999999;
	padding:.4em .4em;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
	top:-15px;
}
.promo-column #rss-feeds-promo .promo-header {
	float:left;
	padding:0;
	background:none;
}
.promo-column #rss-feeds-promo .promo-header img {
	vertical-align:top;
}
.promo-column #rss-feeds-promo .promo-header h3 {
	font-size:1.1em;
	font-weight:normal;
}
.promo-column #rss-feeds-promo .promo-body {
	float:left;
	padding:0 0 0 1em;
}

.promo-column #rss-feeds-promo .promo-body ul {
	margin-left: 0;
}
.promo-column #rss-feeds-promo .promo-body ul li {
	margin-left: 0;
	list-style: none;
}

/* ---------MAIN COLUMN */
.main-column {
	overflow:hidden;
	}

.main-column input {
	-webkit-border-radius: 5px;    /* for Safari */
	-moz-border-radius: 5px;       /* for Firefox */
	border-radius: 5px;
	padding:.2em .4em;
}

.content-footer {
	clear:right;
}

/* ------FOOTER */

.page-footer {
	position:relative;
	clear:both;
	font-size:.9em;
}

.page-footer h3 {
	font-size:1.3em;
	background-color:#e7edf5;
	padding:1em 1em .5em 1em;
	margin-bottom:.5em;
}

.page-footer li {
	margin-bottom:0;
}

.page-footer .share-nav {
	float:right;
}

.page-footer .global-nav, .page-footer .utility-nav, .page-footer .universe-nav, .page-footer .license {
	float:left;
	width: 22%;
}

.page-footer .mission {
	clear:both;
}

/* ---PROMO */

.promo {
	position:relative;
	overflow:hidden;
	border:1px solid #cccccc;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
	margin-bottom:1em;
}

.promo-header {
	background: #eae9e9 url(/Style%20Library/Images/bac_promo-header.gif) repeat-x; 
	padding:0.3em 1em;
	color: #91569a;
	-webkit-border-radius-topleft: 4px;    /* for Safari */
	-webkit-border-radius-topright: 4px;    /* for Safari */
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border-radius-topleft:4px;
	border-radius-topright:4px;
}

promo-header h3 {
	font-size:1.3em;
	color:#824c8b;
}

.promo-body {
	padding: .5em 1em;
}

.promo-body p, .promo-body h4, .promo-body h5, .promo-body ul, .promo-body ol{
	margin-top: 0;
	margin-bottom: .5em;
}

.promo ul {
	margin-left:1.3em;
}

.promo-footer {
	background: #d0d0d0 url(/Style%20Library/Images/bac_promo-footer.gif) repeat-x bottom; 
	padding: .3em 1em;
	-webkit-border-radius-bottomleft: 4px;    /* for Safari */
	-webkit-border-radius-bottomright: 4px;    /* for Safari */
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	border-radius-bottomleft:4px;
	border-radius-bottomright:4px;
}

.promo-footer li {
	font-weight:bold;
}

.main-column .promo-header {
	background:none; 
}

.main-column .promo-footer {
	background:none; 
}

/* ---TWO COLUMNS  */

.twocolpromo, .twocolfieldset, .product-details, .threecolul {
	clear:left;
	display: block;
	height: auto;
	list-style:none;
	margin-bottom:1em;
}

.twocolpromo:after, .twocolfieldset:after, .product-details:after, .threecolul:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}

.twocolpromo .promo, .twocolfieldset fieldset, .threecolul ul, .product-details .product-info, .product-details .product-ordering {
	float:left;
}

.twocolfieldset fieldset, .threecolul ul, .product-details .product-info, .product-details .product-ordering {
    margin-right:2%;
}

.twocolpromo .promo:first-child {
    margin-right:2%;
}

.twocolfieldset fieldset:last-child, .threecolul ul:last-child {
	margin-right:0;
}

.twocolpromo .promo, .product-details .product-info, .product-details .product-ordering {
   	width:48%;
}

.twocolfieldset fieldset {
	width:44%;
}

.product-details .product-ordering {
	float:right;
	text-align:right;
}

.threecolul ul {
    width: 28%;
    margin-left:4%;
}


/* ---INDEX */

.index {
	position:relative;
	overflow:hidden;
	border:1px solid #cccccc;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
	margin-bottom:1em;
}

div.index-header {
	background: #eae9e9 url(/Style%20Library/Images/bac_promo-header.gif) repeat-x; 
	padding:0.3em 1em;
	color: #91569a;
	-webkit-border-radius-topleft: 4px;    /* for Safari */
	-webkit-border-radius-topright: 4px;    /* for Safari */
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

div.index-actions {
	padding:0.8em 1em;
	background-color:#cccccc;
	font-size:.85em;
	overflow:hidden;
}

div.index-body {
	padding: .5em 1em;
	font-size:.85em;
	color:#555555;
}

div.index-footer {
	background: #d0d0d0 url(/Style%20Library/Images/bac_promo-footer.gif) repeat-x bottom; 
	padding: .3em 1em;
	-webkit-border-radius-bottomleft: 4px;    /* for Safari */
	-webkit-border-radius-bottomright: 4px;    /* for Safari */
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	font-size:.85em;
}

div.index-footer h3 {
	color:#666666;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:.5em;
}
div.index-body p, div.item p, div.item h3, div.item h4, div.item h5, div.item ul, div.item ol, div.item dl{
	margin-top: 0;
	margin-bottom: .5em;
}
div.item {
	padding-top:.3em;	
	padding-bottom:.3em;
	clear:both;
}

div.item div.item-header, div.item div.item-body, div.item div.item-footer {
	margin-bottom:2px;
}

div.item-header h3 {
	font-weight:bold;
}

.with_image .item-header img {
	float:left;
	margin-bottom:8px;
	margin-right:8px;
}

.with_image .item-body {
	margin-left: 110px;
}

.with_image .item-footer {
	margin-left: 110px;
}

/* ---FORMS */

fieldset {
	padding: .8em 1.5em;
	position:relative;
	margin-bottom:1em;
	overflow:hidden;
	border:1px solid #cccccc;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
	margin-bottom:1em;
}

fieldset fieldset {
	padding:0;
	border:0;
	margin:0 0 1em 0;
}
fieldset fieldset.left {
	width:48%;
	position:relative;
	overflow:hidden;
}

legend {
	font-family: Arial, Helvetica, Trebuchet MS, sans-serif;
	color:#824c8b;
	font-size:1.55em;
}

fieldset fieldset legend {
	color:#555555;
	font-size:1em;
	font-family:Arial, Helvetica, Trebuchet MS, sans-serif;
	margin-bottom:.5em;
	font-weight:bold;
}

.help, fieldset div.error, fieldset div.instruction {
	font-size:.9em;
}

.help {
	color:#555555;
}
fieldset .help p, fieldset div.error p {
	margin-bottom:.3em;
}

.input-column {
	position:relative;
	overflow:hidden;
	margin-bottom:.5em;
	clear:both;
}

.input-column .column {
	position:relative;
	margin-bottom:.25em;
	float:left;
	margin-right:1em;
}

.input-radiocheck .radiocheck {
	position:relative;
	margin-bottom:.25em;
	overflow:hidden;
}

.radiocheck-group { /*Hack to deal with .net radiobutton control that wraps with span */
	margin-bottom:.5em;
	display:block;
}

.input-column .column label {
	float:left;
	width:150px;
	margin-bottom:.25em;
}

.input-column .column input, .input-column .column select {
	max-width:210px;
}

.input-column .help, .input-column div.error, .input-column div.instruction {
	margin-left:150px;
	clear:left;
}

.input-column .inline {
	float:left;
	margin-right:1em;
}

.input-radiocheck .radiocheck {
	position:relative;
	overflow:hidden;
}

.radiocheck-group { /*Hack to deal with .net radiobutton control that wraps with span */
	margin-bottom:.5em;
	display:block;
}

.input-radiocheck .radiocheck input {
	float:left;
	width:20px;
	border:none;
	background:none;
	padding:0;
	margin:3px 0 0 0;
	overflow:hidden;
}

.input-radiocheck .radiocheck p {
	clear:left;
	margin-left:20px;
}

.input-inline {
	margin-bottom:1em;
}
.input-inline .inline {
	position:relative;
	overflow:hidden;
	margin-bottom:0.3em;
	clear:both;
}

.input-inline .inline input, .input-inline .inline select {
	float:left;
	margin-right:.5em;
}

.input-inline .inline label {
	float:left;
	margin-right:.5em;
}

.input-stacked {
	margin-bottom:1em;
}

.input-stacked .stacked {
	position:relative;
	overflow:hidden;
}

.input-stacked .stacked input, .input-stacked .stacked select {
	margin:0 0.3em 0.3em 0;
}

.input-stacked .stacked label {
	display:block;
	margin-bottom:0.3em;
}

input.button, a.button {
	background:url("/Style%20Library/Images/bac_button.gif") repeat-x scroll right top #4A77A5;
	border:1px solid #cccccc;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
	border-radius: 5px;
	padding:0.3em 0.6em;
	color:#FFFFFF;
	font-family: Arial, Helvetica, Trebuchet MS, sans-serif;
	font-weight:bold;
	width:auto;
	overflow:visible;
}

a.button {
	cursor:default;
	padding:0.35em 1em;
	text-decoration:none;
}

input.action, a.action {
	background:none;
	border:0;
	padding:0;
	color:#336699;
	font-weight:normal;
	font-size:1em;
}

input.action:hover, a.action:hover {
	cursor:pointer;
}

input.alert, a.alert {
	background: #fd7c16 url(/Style%20Library/Images/bac_button-orange.gif) repeat-x top left;
}

input.process, a.process {
	background: #9c659f url(/Style%20Library/Images/bac_button-purple.gif) repeat-x top left;
	padding: 0.3em .6em;
}


a.process {
	padding: 0.5em 0.8em;
	display:block;
}

input.assist, a.assist {
	background: #F9FAFC url(/Style%20Library/Images/bac_button-gray.gif) repeat-x bottom left;
	padding:0.1em 0.4em;
	color:#336699;
}

a.assist {
	padding:0.15em 0.6em 0.2em 0.6em;
}

fieldset dl.vertical-data dt {
	width:150px;
}

/* override for vertical data inside error message, this negates the line above */
fieldset .error dl.vertical-data dt {
	width:auto;
}

div.help div.popup {
	display:none;
}

div.lightbox {
	left:0;
	position:absolute;
	text-align:center;
	width:100%;
	z-index:100;
	display:none;
}

div.lightbox div.window {
	background-color:#FFFFFF;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	width:40%;
	padding:.2em 2em 2em 2em;
	text-align:left;
	border:1px solid #CCCCCC;
	-moz-box-shadow:3px 3px 5px #333333;
	-webkit-box-shadow:3px 3px 5px #333333;
	box-shadow:3px 3px 5px #333333;
	min-height:100px;
}

div.lightbox div.window p.close {
	text-align:right;
	margin-top:0;
	font-size:.9em;
	margin-right:-20px;
}

div.lightbox div.window p.close a {
	background: url(/Style%20Library/Images/icon_close.gif) no-repeat right 2px;
	padding-right:30px;
	min-height:30px;
	display:block;
}


/* ---PROCESS STEPS  */
.process-steps {
	margin-bottom:2em;
	overflow:hidden;
}
.process-steps ol {
	clear:left;
	display: block;
	height: auto;
	list-style:none;
	margin:0;
	padding:0;
}

.process-steps ol:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}
.process-steps ol li {
	float: left;
	background: url(/PublishingImages/arrow-off.gif) no-repeat left 6px;
	padding:0 0.8em 0 20px;
	width:29%;
}

.process-steps ol li:last-child {
	padding-right:0;
}

.process-steps ol h5 {
	font-weight:normal;
	font-size:1.3em;
	margin:0 0 .2em 0;
	color:#555555;
}

.process-steps ol p {
	line-height:1.2em;
	margin:0;
	}

.process-steps ol li.current {
	background-image:url(/PublishingImages/arrow-on.gif);
	color:#824C8B;
}

.process-steps ol li.current h5 {
	color:#824C8B;
}

.process-steps ol li.current p {
	font-weight:bold;
}

.four-steps ol li {
	width:16%;
}

.six-steps ol li {
	width:12.5%;
}

/* ---PROCESS ACTIONS  */
.process-actions {
    margin-bottom:1em;
    overflow:hidden;
}

/* ---DATATABLE */

table.datatable {
	width:100%;
	margin-bottom:2em;
	border-bottom:10px solid #CCCCCC;
}

.datatable caption {
	border:1px solid #cccccc;
	border-bottom:0;
	padding:10px;
	color: #824c8b;
	-webkit-border-radius-topleft: 4px;    /* for Safari */
	-webkit-border-radius-topright: 4px;    /* for Safari */
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border-radius-topleft:4px;
	border-radius-topright:4px;
	font-size:1.25em;
	font-weight:normal;
}

.datatable caption em {
    font-weight:bold;
}

.datatable caption a {
    font-size:0.85em;
    font-weight:normal;
    color:#336699;
}

.datatable td, .datatable th {
	padding:10px;
}
.datatable thead tr {
	background-color:#CCCCCC;
}

.datatable thead th, .datatable thead td {
	font-weight:bold;
}

.datatable thead tr.data-action {
	background: #f7f7f7;
}

.datatable tbody tr td, .datatable tbody tr th {
	border-bottom:3px solid #F8F8F8;
}

.datatable tbody td h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	}
	
.datatable tbody th input.action {
	padding-left:20px;
	background:url("/Style%20Library/Images/bull-arrow-yellow.gif") no-repeat left 1px;
	max-width:525px;
}

/* Override fieldset and radio-check when inside datatable (for cart media) */

.datatable fieldset {
    border:none;
    margin:0;
    padding:0;
}

.datatable fieldset legend {
    font-size:1em;
    color:#555555;
    font-weight:bold;
}


/* ---TECHSOUP HOME */

.page-techsoupthetechnologyplacefornonprofits .breadcrumb {
	display:none;
}

.page-techsoupthetechnologyplacefornonprofits .main-column h1.title {
	display:none;
}

.banner .index .index-header {	
	display:none;
}

.banner .index .index-body {
	padding:0;
}

.banner .index .index-body .item {
	padding:0;
}

#banner-index .index-body .item {
	display:none;
}
#banner-index .index-body .item:first-child {
	display:block;
}

#banner-index .index-body .item-header {
	display:none;
}

.banner .index .index-body .item-header h3 {
	font-size:2em;
	margin:0.8em 0 0.5em 0.5em;
}

.banner .index .index-body .item-body {
	padding:0 33px 0 17px;
}

.banner .index .index-body .item-body .image .left {
	margin-bottom:0;
	margin-left:-17px;
}

.banner .index .index-body .item-body .image .right {
	margin-bottom:0;
	margin-right:-33px;
}

.banner .index .index-body .item-body h4 {
	padding:0.3em 0 0 0;
	line-height:1.2em;
	font-size:3em;
	font-weight:normal;
	margin-bottom:0;
	color:#824C8B;
}

.banner .index .index-body .item-body h4 a {
	color:#824C8B;
}

.banner .index .index-body .item-body h5 {
	font-size:2.1em;
	color:#4976a4;
	font-weight:normal;
	margin-bottom:0.2em;
}

.banner .index .index-body .item-body p {
	line-height:1.7em;
	margin-bottom: 1em;
}

.banner .index .index-body .item-header .image {
	display:none;
}

.banner .index .index-body .item-footer {
	padding: 0 33px .5em 17px;
	text-align:right;
	font-size:0.95em;
	font-weight:bold;
}
.banner .index .index-body .item-footer p {
	margin-bottom:0;
}
.banner .index .index-body .item-footer p a {
	background: url(/Style%20Library/Images/bac_banner-arrowright.gif) no-repeat center right; 
	display:block;
	padding-right:50px;
	min-height:24px;
	font-size:1.1em;
	font-weight:bold;
	overflow:hidden;
}

.banner .index {
	margin-bottom:1em;
}

#banner-index {
width: 484px;
}        

#banner-index .index-footer {
background:transparent;
font-size:1em;
padding:0;
}

/*  SLIDES */

#banner-index .index-body {
min-height: 275px;
}

#banner-index .index-body .item {
float: left;
}


/* NAVIGATION */

#banner-index .slides-nav {
margin:0;
position:relative;
z-index:1000;
}

#banner-index .slides-nav li {
float: left;
margin-bottom:0;
display:block;
width:28.8%;
}

#banner-index .slides-nav li a {
background:#F6F5F5 url(/Style%20Library/Images/bac_login.gif) repeat-x scroll 0 0;
display: block;
min-height:21px;
text-decoration:none;
text-align:center;
color:#336699;
outline: none;
position:relative;
border-left:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
padding:10px 0;
font-size:0.85em;
font-weight:bold;
}

#banner-index .slides-nav li a:hover, #banner-index .slides-nav li a:focus, #banner-index .slides-nav li a:active {
	color:#824C8B;
}


#banner-index .slides-nav li a.activeSlide {
	color:#824C8B;
	background:white;
	border-top:none;
}

#playBtns {
	position:relative;
	float:left;
	z-index:2000;
	width:13.6%;
	border-top:1px solid #CCCCCC;
}

#pauseButton {
	position:relative;
	display:block;
	cursor:pointer;
	min-height:41px;
	background: #F2F2F2 url(/Style%20Library/Images/pauseBtn.png) no-repeat;
}

#resumeButton {
	position:relative;
	display:none;
	cursor:pointer;
	min-height:41px;
	background: #F2F2F2 url(/Style%20Library/Images/playBtn.png) no-repeat;
}

#pauseButton span, #resumeButton span {
	display:none;
}

/* -----BAR PROMOS */

.bar-promos {
	clear:left;
	width:678px;
	display: block;
	height: auto;
}

.bar-promos:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
	}

.bar-promos .promo {
	overflow:hidden;
	float:left;
	width:31.8%;
	margin-right:12px;
	min-height:155px;
	}
	
.bar-promos .promo:last-child {
	margin-right:0;
}
.bar-promos .promo-header {
	text-align:center;
}

.bar-promos .promo .promo-body {
	overflow:auto;
	height:109px;
	font-size:0.85em;
}

.bar-promos .promo-footer {
	background:none;
	font-size:0.85em;
}

.bar-promos .promo ul {
	margin: 0;
}

.bar-promos .promo ul li {
	list-style: none;
	background:url(/Style%20Library/Images/bull-arrow-yellow.gif) no-repeat left 1px;
	padding-left:20px;
}

.bar-promos #ad-promo .promo-body {
	text-align:center;
	overflow:hidden;
	height:auto;
}

/* -----UNIVERSE */
.universe .index {
	margin-bottom:1em;
	border:none;
	-webkit-border-radius: 0;    /* for Safari */
    -moz-border-radius: 0;       /* for Firefox */
}
.universe .index-header {
	display:none;
}

.universe .jcarousel-container-horizontal {
	padding:0 36px;
	width:868px;
}

.universe .jcarousel-next-horizontal a, .universe .jcarousel-prev-horizontal a {
	display:block;
    position: absolute;
	border:1px solid #cccccc;
	background: #f6f5f5 url(/Style%20Library/Images/bac_universe-item.gif) repeat-x; 
    width: 31px;
    min-height: 64px;
	padding-top:40px;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
	text-align:center;
}

.universe .jcarousel-next-horizontal a {
    right: 0;
}

.universe .jcarousel-prev-horizontal a {
    left: 0;
}

.universe .jcarousel-clip-horizontal {
	width:865px;
}

.universe .index-body {
	display: block;
	height: auto;
	padding:0;
}

.universe .index-body:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
	}

.universe .index-body .item {
	position:relative;
	overflow:auto;
	background: #f6f5f5 url(/Style%20Library/Images/bac_universe-item.gif) repeat-x; 
	border:1px solid #cccccc;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
	width:121px;
	padding: 2px 6px;
	min-height:100px;
	float:left;
	margin-right:11px;
	clear:none;
}

.universe .item .item-header {
	overflow:hidden;
}

.universe .item .item-header .image {
	float:right;
}

.universe .with_image .item-header img {
	margin-bottom:0;
	margin-right:0;
}

.universe .item .item-header h5 {
	margin-top:.4em;
	margin-bottom:0;
	font-family: Arial, Helvetica, Trebuchet MS, sans-serif;
	font-size:1.2em;
}

.universe .item .item-header a {
	color:#824C8B;
}

.universe .item .item-body {
	overflow:hidden;
}

.universe .item .item-body p {
	margin-bottom:0;
	line-height:1.2em;
}

.universe .with_image .item-body {
	margin-left:0;
}

.content-footer .body {
	background:#f3f2f2;
	padding:1em .5em 1em .5em;
	font-size:.9em;
	color:#333333;
}

.content-footer .body p {
	margin-bottom:0;
}

/* Home */

.page-techsoupthetechnologyplacefornonprofits .content-footer {
	clear:both;
}

/* Search */

.pagination {
	text-align:right;
	margin-bottom:1em;
}

.index-actions .pagination {
	float:right;
	margin-bottom:0;
}
	
.search-results-products ul.inline {
	display:inline;
	font-weight:bold;
}

.search-results-products ul.inline:after {
	content:none;
	display:none;
	height: 0;
	clear:none;
	visibility:hidden;
}

.search-results-products ul.inline li {
	margin-right:1em;
	display:inline;
	float:none;
}

.search-results-products ul.inline li:last-child {
	margin-right:0;
}

.search-results-products .srch-sort {
	margin-bottom:.3em;
}

.search-again, #search-again-promo, .search-community {
	visibility:hidden;
}

#featured-results-promo {
	background-color:#f2f2f2;
}

#featured-results-promo .index-header {
	background:none;
}

/* Global Ad Promo */

#global-ad-index {
	border:0;
}

#global-ad-index .index-body {
	font-size:inherit;
	padding:0;
	color:inherit;
}

#global-ad-index .item {
	position:relative;
	overflow:hidden;
	border:1px solid #cccccc;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
	margin:0 0 1em 0;
}

#global-ad-index .item-header {
	background: #eae9e9 url(/Style%20Library/Images/bac_promo-header.gif) repeat-x; 
	padding:0.3em 1em;
	color: #91569a;
	-webkit-border-radius-topleft: 4px;    /* for Safari */
	-webkit-border-radius-topright: 4px;    /* for Safari */
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	text-align:center;
}

#global-ad-index .item-header h5 {
	font-weight:normal;
	margin:0;
}

#global-ad-index .item-body {
	padding: .5em 1em;
	font-size:.85em;
	text-align:center;
}

#global-ad-index .item-footer {
	background:none;
	padding: .3em 1em;
	-webkit-border-radius-bottomleft: 4px;    /* for Safari */
	-webkit-border-radius-bottomright: 4px;    /* for Safari */
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	font-size:.85em;
	font-weight:bold;
}

#global-ad-index ul {
	margin-left: 0;
}


#global-ad-index ul li {
	margin-left: 0;
	list-style: none;
	background:url(/Style%20Library/Images/bull-arrow-yellow.gif) no-repeat left 1px;
	padding-left:20px;
	font-size:0.95em;
}

/* No JavaScript */
.noscript {
	position:absolute;
	top:0;
	left:0;
	visibility:visible;
}

/* ---TECHSOUP STOCK */

tr.program-restrictions td, .error-summary, tr.product-restrictions td {
	color:#FF0000;
}

tr.program-restrictions td, .error-summary {
	background: #F2F2F2 url(/PublishingImages/redX.png) no-repeat scroll 10px 10px;
	min-height: 40px; 
	padding:10px 10px 10px 50px;
}

tr.product-ordering td {
    text-align:right;
}

.error-summary {
	margin-bottom:1em; 
}

tr.program-restrictions ul, tr.product-restrictions  ul, .error-summary ul, .error-summary dl {
	margin:0;
}

tr.program-restrictions ul li, tr.product-restrictions  ul li, .error-summary ul li {
	list-style:none;
	margin-bottom:.5em;
}

tr.program-restrictions p, tr.product-restrictions  p, .error-summary p {
	margin-bottom:.3em;
}

.product-actions {
	margin:0;
}
.product-actions li {
	list-style:none;
	font-weight:bold;
}

.update-action {
	text-align:right;
	margin-bottom:2em;
}

.product_total {
	background-color:#f2f2f2;
	padding:10px;
	overflow:hidden;
	border-bottom:22px solid #cccccc;
	margin-bottom:2em;
}
.product_total dl.vertical-data {
	float:right;
	text-align:right;
	width:300px;
}

.product_total dl.vertical-data dt {
	width:200px;
}

.promotional-code {
	float:left;
}

.process-actions li.proceed {
	float:right;
}

.product-ordering .add-to-cart .input-inline .inline label, .product-ordering .add-to-cart .input-inline .inline input, .product-ordering .add-to-cart .input-inline .inline select {
	float:none;
}

.datatable tr.product-status td, .datatable tr.product-status th {
    border: 0 none;
}

.datatable tr.product td {
	border:0;	
}

.datatable tr.product-media td {
	border:0;	
}

input.cart, a.cart {
	background: #E9DD3D url(/Style%20Library/Images/bac_button-yellow.gif) repeat-x top left;
	padding: 0.3em .6em;
	color:#336699;
}

a.cart {
	padding: 0.5em 0.8em;
}

.print-link {
	background: #F2F2F2 url(/Style%20Library/Images/printer.png) no-repeat 10px 10px;
	min-height: 25px; 
	padding:15px 10px 15px 60px;
	color:#824C8B;
	margin-bottom:1em;
}

.print-link p {
	margin-bottom:0.3em;
}

@media print {

.page-wrap {
	width:auto;
}

.nav-column, .promo-column, .page-footer, .logon, .utility-nav, .jump-nav {
	display:none;
}

.print-link {
	display:none;
}
}