@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700|Karla:400,700|Open+Sans:300,400,700');

/*
font-family: 'Cinzel', serif;
font-family: 'Karla', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

html, body{ 
}
body {
	font:300 16px/24px 'Karla', 'Open Sans', sans-serif;
	line-height: 28px;
	letter-spacing: 0;
	color: #3f4751;
	box-sizing: border-box;
	background-color: #e7eaec;
}
a{
	transition-property: color,background-color,border-color;
    transition-duration: .2s;
    transition-timing-function: linear;
}
a, a:visited, a:active {
	text-decoration: none;
	font-family: inherit;
	color: #c5af69;
}
a:hover{
	color:#3f4751;
}
p {
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom:20px;
}


/* Headings
--------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: "Karla", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-weight: 300;
	line-height: 1.2;
	margin: 0 0 20px;
}

h1 {
	font-size: 70px;
	/*font-family: 'Cinzel', serif;*/
}

h2 {
	font-size: 40px;
	/*font-family: 'Cinzel', serif;*/
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 26px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

b, i {
	font-family: inherit;
	font-size: inherit;
}
input, textarea, keygen, select, button { 
    line-height: 16px;
	font-size:16px;

	margin:10px auto 10px 4px;
	margin:auto;

    display: inline-block;
    outline: none;
    vertical-align: middle;

    border: 1px solid #808080;
    border-radius: 2px;
	padding:8px 12px;
 	color: #808080;
	background: #FFFFFF;

	min-height: 38px;

}
input:not([type="radio"]), textarea, keygen, select{

}
input[type="button"]{
	box-shadow:none;
}
input[type="radio"]{
	height:auto;
	margin-top:-4px;
}
input[type="image"]{
	background:none;
	box-shadow:none;
	padding:0;
	margin:0;
}
input[type="image"][name*="Delete"]{
	padding-top:5px;
}
input:focus, textarea:focus, keygen:focus, select:focus, button:focus{
	border: #e9d68d 1px solid;
}
select{
	-webkit-appearance: unset;
	-moz-appearance: unset;
    appearance:unset;
	background:url("images/subnav-arrow-down.png") 95% center no-repeat #fff !important;
	background-size: 10px !important;
	width:100%;
}
select#donationDayOfMonth{
	max-width:600px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

#soPageWrapper {

}
#soPageContent {/*
	margin-bottom:13px;
	padding-bottom:20px;*/
}
.contentLimit{
	max-width: 1440px;
	margin:auto;
	min-height: 50px;
	overflow: visible;
}
div[id$='pnlContent']{
	padding-bottom:150px;
}

/* moving buttons below OPC for event detail page */
.eventDetailPageOPC .dsproducttopbuttons, #soEventDetailPage .dsproducttopbuttons {
    position: absolute;
    bottom: 0;
    margin: auto;
    width: 100%;
    text-align: center;
}
#soEventDetailPage .dsproductdetailsmallcontainer{
	margin-bottom:0;
}
#soEventDetailPage .dsproductdetails{
	margin-bottom:0;
}
#soEventDetailPage #EventGroupID{
	margin-bottom:20px;
}
/* end moving buttons for OPC event detail */


/* top nav*/
#soTopNav {
	z-index: 999;
	overflow: visible;
    padding: 0 0 0 30px;
    margin: 0 auto;
    width:auto;
    float:right;
}
.contentLimit.topNav{
	background:#576270;
}
.topIcons {
	vertical-align: middle;
	position: relative;
	text-align: right;
	line-height: 40px;
	height:40px;
	color:#e7eaec;
}
.topIcons a {
    font-size: 12px;
    vertical-align: middle;
    display:inline-block;
	color:#e7eaec;
}
#soCartLink .topIcons a{
	padding-left:0px;
}
.topIcons #soMiniCartFooter .DS-MiniCart-CheckOutLink-left a.Checkout_Minicart {
	/*color: #7DCC77;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	box-shadow: none;*/
}
.topIcons #soMiniCartFooter .DS-MiniCart-CheckOutLink-right a.Checkout_Minicart{
	/*color: #77B6C9;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	box-shadow: none;*/
}
.topIcons #soMiniCartFooter span {
	font-size: 90%;
	color: #ccc;
}
.topIcons > div {
	padding:initial;
	position: initial;
	vertical-align: initial;
	display: initial;
}
.topIcons > .navItem {
	padding:0px 12px 0 0;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.topIcons > .navItem:last-child{
	border:none;
}/*
#soTopNav .soSearchButton {
	margin: 0;
	background:url("images/searchIcon.png") no-repeat center center;
	background-size:18px;
	width:36px;
	height:36px;
	border:none;
	padding: 0;
    margin-left:auto;
    cursor:pointer;
}
.navItem .soSearch{
}
.navItem .soSearch input[id*="_SearchText"]{
	border: 1px solid #898E8D;
	box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.50);
	border-radius: 8px;
}*/
.navItem.divider{
	height: 34px;
    width: 1px;
    background:#c5c5c5;
    padding: 0;
    margin: 0 7px 0 16px;
    display: inline-block;
}
#soCartLink.navItem{
    display: inline-block;
    vertical-align: middle;
}
#soCartLink.navItem > a{
	padding-left:0px;
}
.navItem .wishListLink{
}
.clientContent{
	float:left;
	margin-left:3%;
}
.clientContent .navItem {
	display: inline-block;
	vertical-align: middle;
	margin:auto 10px auto -4px;
}
.clientContent .navItem a{
	display: block;
	width:36px;
	height:36px;
	text-align: center;
	padding:0;
}
.clientContent .navItem a i{
	vertical-align: middle;
	display: block;
	line-height: 36px;
	font-size: 20px;
}
.topIcons > div.clientContent2{
	display: inline-block;
}
.clientContent2 .navItem{
    padding: 0px 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.clientContent2 .navItem.divider{
	height: 44px;
    width: 1px;
    background:#fff;
    padding: 0;
    margin: 0 7px 0 16px;
    display: inline-block;
}

#soMiniCart{
	color:#808080;
}
#soMiniCart a{
	color:#808080;
}
#soMiniCart .DS-MiniCart-CheckOutLinks a.Checkout_Minicart.soIdleBtn, #soMiniCart .DS-MiniCart-CheckOutLinks a.Checkout_Minicart.soActionBtn {
	color:#fff;
}

#google_translate_element {
	line-height: 40px;
	height:auto;
	display: inline-block;
	border:none;
	margin-left:20px;
}
#google_translate_element .goog-te-gadget-simple{
	border:none;
}
/***header***/
#soHeader{
    height:auto;
    position: relative;
	z-index: 999;
    border-bottom: 1px solid #eee;
    margin: 0px auto 0;
    padding: 0px;
    background: #576270;
}
#topheader{
	display: inline-block;
	margin-top:-50px;
	padding: 22px 15px 10px 15px;
	float:left;
	height:100%;
	background:url('images/pattern-bg.png');
}
.logo{
}
.logo img{
	width: 130px;
    padding: 0 7px 7px;
    padding-bottom: 10px;
    margin-bottom: 3px;
    border-bottom: 1px dotted #f1d88a;
}
.alt-font{
	display: block;
	text-align: center;
	margin-top:-2px;
}
.alt-font a{
	color:#c5af69;
	font-family: 'Cinzel';
	font-size: 15px;
}
.alt-font a:hover{
	color:#fff;
}

/* header navigation */
.headerNavContainer {
	display: block;
	width:auto;
	text-align: right;
	vertical-align: top;
	position: relative;
	overflow: visible;
}
.menu-item{
	position: relative;
}
.menu-primary{
	overflow: visible;
}
.menu-primary .menu-item{
	display: inline-block;
}
.menu-primary .menu-item a{
	font-family: 'Cinzel', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color:#e7eaec;
	line-height: 16px;
    padding: 0px 17px 28px;
    display: block;
    text-transform: uppercase;
}
.menu-primary .sub-menu .menu-item a{
	padding:17px;
	position: relative;
}

.menu-primary .menu-item a:hover{
    color:#f1d88a;
}

.menu-primary .menu-item a:hover:before{
	width: 30px;
    margin-left: -15px;
}

.menu-primary .menu-item a:before {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    background: #f1d88a;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: absolute;
    bottom: 15px;
    left: 50%;
}
.mobileMenu .menu-primary .menu-item a:before{
	display: none;
}
.mobileMenu .menu-primary .menu-item a{
	border-bottom:1px solid #e7eaec;
	padding:14px;
	display: block;
}
.mobileMenu .menu-primary .menu-item:hover a{
	border-bottom:1px solid #f1d88a;
}
.menu-primary .menu-item.storeLink{
/*	background: #687686;*/
}

.menu-primary .sub-menu .menu-item a:before{
	left:17px;
	bottom:5px;
	margin:auto;
}

.menu-primary .current-menu-item a, .menu-primary .current-menu-item:hover a{
	color:#f1d88a;
}
.menu-item-has-children ul{
	display: none;
	position: absolute;
	height:0;
	opacity: 0;
}
.menu-item-has-children:hover > ul{
	display: block;
	height:auto;
	opacity: 1;
}
ul.sub-menu{
	background: #3f4751;
	text-align: left;
	width:auto;
	white-space: nowrap;
}
ul.sub-menu ul.sub-menu{
	left:100%;
	top:0;
}
.menu-primary ul.sub-menu li.menu-item {
	display: block;
}
.menu-primary ul.sub-menu li.menu-item.menu-item-has-children > a:after{
	content: '\e804';
	font-family: 'fontello';
	color: #1779BA;
	display: inline-block;
	float:right;

}
/*
.menu-item-has-children ul.closed{
	display: block;
	height:0;
	opacity: 0;
    animation-name: subMenuClose;
    animation-duration: 1s;
}
.menu-item-has-children ul.open{
	display: block;
	opacity:1;
	height:auto;
	white-space: nowrap;
    animation-name: subMenuOpen;
    animation-duration: 1s;
    text-align: left;
}*/
.mobileOnly{
	display: none;
}
.mobileNavBar{
}
.mobileNavBar .menu-item {
	display: none;
}
.mobileNavBar .mobileItem {
	display: inline-block !important;
}
.mobileMenu .menu-primary{
	text-align: left;
}
.mobileMenu .menu-primary .menu-item{
	display: block;
}


/* Sub-menu animation */
@keyframes subMenuOpen {
    from {opacity: 0;}
    to {opacity:1;}
}

@keyframes subMenuClose {
    from {opacity: 1;}
    to {opacity: 0;}
}


/*Mobile Nav Icon*/

.mobileIcons{
	display: none;
	vertical-align: top;
	margin: auto;
	text-align: center;
}
.mobileNavIcon{
	display: inline-block;
	cursor: pointer;
    text-align: center;
    color: #fff;
	line-height: 30px;
	height:32px;
	margin-left:17px;

}
.navIconText{
	display:none;
	vertical-align:middle;
	color:#fff;
	font-size:14px;
	padding-left:5px;
}
.navbar-toggle {
	width: 0;
	height:0;
	border: none;
	border-radius: 0; 
	display:block;
	text-align: center;
}
.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: transparent; 
}
.navbar-toggle:hover .icon-bar{
	background: #f1d88a;
}
.navbar-toggle:hover .icon-bar-text{
	color: #f1d88a;
}
.navbar-toggle .icon-bar {
    width: 0px;
    height: 0px;
    border-radius:0px;
    background-color: #e7eaec;
    display: block;
    transition: all .2s;
    line-height: 8px;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px; 
}
.navbar-toggle .icon-bar.withtext{
	height:10px;
	background:none;
}
.navbar-toggle .icon-bar-text{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-variant: small-caps;
	color:#e7eaec;
	display: block;
}
.navbar-toggle:not(.collapsed) {
}
.navbar-toggle:not(.collapsed) .icon-bar {
	background-color: #f1d88a; 
}
.navbar-toggle:not(.collapsed) .icon-bar:first-child {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	top: 11px; 
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: relative;
	margin: 0; 
	top: 5px; 
}

.navbar-toggle:not(.collapsed) .icon-bar:last-child {
    display: none; 
}

/* mobile menu */
.mobileMenu{
	height:0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: height .8s, opacity 1s, visibility .2s; /* Safari */
    transition: height .8s, opacity 1s, visibility .2s;
}
.mobileMenu.open{
	display: none;
	height:100%;
	opacity: 1;
	visibility: visible;
	text-align:center;
	max-width: 90%;
    margin: auto;
    padding:20px 0px;
}
.mobileMenu .headerNavContainer{
	display: none;
	float:none;
}
.mobileMenu.open .headerNavContainer{
	display: block;
	margin:40px auto auto;
}
.mobileMenu .clientContent{
	float: none;
}
.mobileNavBar{
	display: inline-block;
	height:32px;
	vertical-align: top;
}
.mobileMenu .menu-primary .menu-item{

}
.mobileMenu .menu-item-has-children ul{
	display: block;
	position: relative;
	left:0;
	top: auto;
	animation-name: none;
}

.mobileMenu .menu-item-has-children ul.open{
	display: block;
}
.mobileMenu .menu-item-has-children ul.closed{
	display: none;

}
.mobileMenu .menu-item-has-children ul{
	
}
.mobileMenu .menu-primary .menu-item .desktopOnly{
	display: none;
}

.mobileMenu li.menu-item.menu-item-has-children > a:after{
	content: '\e804';
	font-family: 'fontello';
	color: #e7eaec;
	display: inline-block;
	float:right;

}
.mobileMenu .menu-primary ul.sub-menu li.menu-item.menu-item-has-children > a:after {
    color: #e7eaec;
    display: inline-block;
}
.mobileMenu .menu-primary ul.sub-menu.L3{
	left:auto;
	background: black;
}




.mobileNavBar .mobileNavBarItem{
	display: inline-block;
	line-height: 20px;
	border-right:1px solid #000;
}
.mobileNavBar .mobileNavBarItem a{
	padding:10px 20px; 
	display: block;
	font-size: 16px;
}
.mobileNavBar .menuItem.L1{
	vertical-align: middle;
    line-height: 30px;
    border-right:1px solid #000;
    height:30px;
    padding-right:30px;
    margin-right:30px;
}
.mobileNavBar .menuItem.L1 a{
	padding:4px 0px;
}
.mobileNavBar .menuItem.L1.button{
	padding-left:0;
}
.mobileNavBar .menuItem.L1.button a{
	padding:4px 12px;
}
.mobileMenu .topNavMobile{
	text-align: center;
	display: block;
	opacity: 0;
	height:0px;
}
.mobileMenu.open .topNavMobile{
	display: block;
	opacity: 1;
	height:auto;
}
.mobileMenu .topNavMobile .clientContent{
	text-align: center;
	display: block;
}
.mobileMenu .topNavMobile .navItem{
	display: inline-block;
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #e5e5e5;
}
.mobileMenu .topNavMobile .navItem a{
	text-transform: uppercase;
	font-size: 16px;
	color:#e7eaec;
}
.mobileMenu .topNavMobile .navItem a:hover{
	color:#f1d88a;
}
.mobileMenu .topNavMobile .navItem.divider{
	display: none;
}
.mobileMenu .topNavMobile .clientContent{
	padding: 10px 0 20px;
}
.mobileMenu .topNavMobile .clientContent .navItem{
	border:none;
	padding:0 10px 0 0;
	margin:auto;
}
.mobileMenu .searchContainer{
	/*display: none;*/
}

.mobileMenu #searchContainer input[type="button"]{
	margin-left:-25px;
	border:none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	display: inline-block;
	z-index: 10;
	background:url("images/searchicon2.png") no-repeat center center;
	cursor: pointer;
}
.mobileMenu .headerNavContainer{
	border:none;
}
.mobileMenu .menuItem.L1{
	display: block;
	background: #e5e5e5;
	border-bottom:2px solid #fff;
	text-align: left;
	padding:0 10px;
	height:auto;
	min-height: 44px;
}
.mobileMenu .menuItem.L1.hasSub > a:after{
	font-family: 'fontello';
	content: '\f105';
	display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
}
.mobileMenu .menuItem.L1.hasSub.open > a:after{
	content: '\f107';
}
.mobileMenu .menuItem.L1.button{
	background: #ef604a;
}

.mobileMenu #soCartLink.navItem {
	border:none;
	vertical-align: initial;
    margin-left: -6px;
    margin-right: auto;
    padding-right: 0;
}
.mobileMenu .menuItem .sub-menu{
	position: relative;
	width:100%;
	display: none;
	visibility: visible;
	height:auto;
	opacity: 1;
	border-top:none;
	top:auto;
	margin-bottom:10px;
}
.mobileMenu .headerNavContainer{
	padding:0 20px;
}
.mobileMenu .sidebarNav{
	padding: 0 20px;
	display: none;
}

.mobileMenu.open .sidebarNav{
	display: block;
}
.mobileMenu #soSideBarMenu li a{
	padding:14px;
	color:#e7eaec;
	border-bottom: 1px solid #e7eaec;
}
.mobileMenu #soSideBarMenu li:hover > a{
	color:#f1d88a;
}

.mobileMenu .sidebarNavItem.level1{
	border:none;
	padding:0;
	margin:0;
}
.mobileMenu #soSideBarMenu .sidebarNavItems.subNav li a{
	padding:14px;
}
.mobileMenu .sidebarNavItem.hasChildren > a{
	position: relative;
}
.mobileMenu .sidebarNavItem.hasChildren > a:before{
	font-family: 'fontello';
	content: '\e804';
	display: inline-block;
    width: auto;
    height: auto;
    text-align: center;
    float:right;
}
.mobileMenu #soSideBarMenu li.sidebarNavItem.hasChildren.open a{
	border-bottom: 1px solid #f1d88a;
}
.mobileMenu .sidebarNavItem.hasChildren.open > a:before{
	content: '\e804';
}
.mobileMenu .sidebarNavItems{
	text-align: left;
}
.mobileMenu .sidebarNavItems.subNav.level2.open{
	padding-left:0;
	margin-bottom:10px;
	background:#3f4751;
}
.mobileMenu .sidebarNavItems.subNav.level2.open .sidebarNavItem.level2 a{
	
}
#soSideBarMenu .sidebarNavItems.subNav li a{
	font-size: 16px;
	line-height: initial;
}

/* Sidebar */
#soNoSideBarTemplate #soSidebar{
	display: none;
}
#soNoSideBarTemplate #soContent{
	width:100%;
	margin:25px auto;
	padding:0 25px;
}
#soSidebar{
	width:29%;
	max-width: 300px;
	margin:25px auto;
	padding:10px;

}
#soContent {
	display: inline-block;
	padding:25px 0 25px 20px;
	/*margin:auto auto auto 20px;*/
	width:69%;
	position: relative;
}
#soSideBarMenu > ul{
	padding:0;
}
.sidebarNavItems.subNav{
	/*display: none;*/
	height:0;
    opacity: 0;
	visibility: hidden;
    overflow: hidden;
    /*padding-left:10px;*/
	-webkit-transition: all ease-in-out .4s; /* Safari */
    transition: all ease-in-out .4s;
   
}
.sidebarNavItems.subNav.open{
	height:auto;
	opacity: 1;
	visibility: visible;
    padding-left: 30px;
}



.sidebarNavItem {
	margin-bottom:4px;
}
.subNav .sidebarNavItem {
	/*text-align: right;*/
}

/* Sidebar Search */
.sidebarNavItem.searchbar{
	background:none;
	position: relative;
	margin-bottom:20px;
}
.sidebarNavItem.searchbar input[type="button"]{
	margin-left:-25px;
	border:none;
	display: inline-block;
	z-index: 10;
	background:url("images/searchicon2.png") no-repeat center center;
	cursor: pointer;
}
#searchContainer{
	text-align: center;
	padding:10px;
}
#searchContainer input[type="text"] {
	border: 1px solid #e5e5e5;
	/* border-right:none; */
}
#searchContainer input[type="text"]:focus{
	border: #e9d68d 1px solid;
}
#searchContainer input[type="button"]{
	border: 0px solid #e5e5e5;
	border-left:none;
	background: url('images/searchicon2.png') no-repeat center center;
}
/* Sidebar Search */

.sidebarNavItem.sectionHeader{
	background:none;
}
.sidebarNavItem.sectionHeader span{
	padding:20px 28px 5px 20px;
	display: block;
	color:#3981d0;
	font-weight: 700;
	font-size:20px;
}
#soSideBarMenu li{
	cursor: initial;
}
#soSideBarMenu li a{
	font-family: 'Cinzel', serif;
	font-weight: 700;
    padding: 10px;
    text-transform: uppercase;
}
#soSideBarMenu li.sidebarNavItem.hasChildren{
	cursor: pointer;
}
#soSideBarMenu .sidebarNavItems.subNav li a{
	padding:0;
	font-size: 12px;
	line-height: 20px;
}
.sidebarNavItem.level1{
	border-bottom:0px solid #e0dede;
	padding:10px 0px;
}
.sidebarNavItem.level1 > a{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	vertical-align: middle;
}
.sidebarNavItem.hasChildren > a:before{
	font-family: 'fontello';
	content: '\e804';
	display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
}
.sidebarNavItem.hasChildren.open > a:before{
	content: '\f107';
}


/* Main Content */
#soContentWrapper {
	padding:0px;
    margin: 0 auto;
    clear:both;
}
#soMainContent{
	background:rgba(255, 255, 255, 1);
	padding:10px;
	text-align: left;
}
#breadcrumb {
	margin: 0 5px 10px 28px;
	font-size: 90%;
}
#breadcrumb a {
	font-size: 90%;
	color:#BF2E1A;
}
.soBreadcrumbLinks { 
	font-size: 90%;
}
.breadcrumbsStoreLink{
	display: none;
}
.dsShareThis{
	margin:auto;
}
.infoHeader {
	background: none;
	padding: 20px 0px 0px;
	margin-top:20px;
	border-top: 1px solid #3f4751;
	/*color:#8c8c8c;*/
}
.infoHeader *{
	display: initial;
}
.infoHeader h3{
}
.infoTitle{
	text-transform: uppercase;
}
.sliderArrow {
    width: 40px;
    height: 100%;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    cursor: pointer;
    z-index: 999;
}
    .sliderArrow.left {
        background-image: url(images/jc-left.png);
        left: 0;
    }
    .sliderArrow.right {
        background-image: url(images/jc-right.png);
        right: 0;
    }

#soWelcomeMsg{
    text-align:center;
}
#soWelcomeMsg img{
        max-width:100%;
        margin: auto;
    }
@media(min-width:1001px){
    #soWelcomeMsg{
        display:none;
    }
}
/*buttons*/

a.soActionBtn, #dsSubmitButton a {
	margin: 10px;
	padding: 7px 10px;
	display: inline-block;
    color: #576270;
	background: #f1d88a;
    border-radius: 5px;

	font-size: 16px;
	text-transform: uppercase;

	transition: all 0.1s linear;
}
	a.soActionBtn:hover, #dsSubmitButton a:hover {
		background: #c5af69; 
    	color: #576270;
	}
	a.soActionBtn:active, #dsSubmitButton a:active {
		background: #c5af69; 
    	color: #576270;
	}

a.soIdleBtn, #soSideBar input[type="button"].soSearchButton, #eventTopPanel .dseventgridbutton a, .viewAllLink a {
	margin: 10px;
	padding: 7px 24px;
	display: inline-block;
	border: 0px solid #aaaaaa;
	border-radius: 5px;
	background: #aaaaaa;

	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #fff;

	transition: all 0.1s linear;
}
	a.soIdleBtn:hover, #soSideBar input[type="button"].soSearchButton:hover, #eventTopPanel .dseventgridbutton a:hover, .viewAllLink a:hover {
		background:#808080;
		color:#fff;
		border-color:#808080; 
	}
	a.soIdleBtn:active, #soSideBar input[type="button"].soSearchButton:active, #eventTopPanel .dseventgridbutton a:active, .viewAllLink a:active {
		background: #808080;
		color:#fff;
		border-color:#808080;
	}


.dsHistoryRowButton a, .dsHistoryRowButton a:hover, .dsHistoryRowButton a:active {
	display: block;
	padding: 0;
	margin: 0;
}
.dsDonateBtn a {
	margin: 5px 3px;
}

/*forms*/
.dsRequiredFieldsHint {
	color: #ff0000;
	font-size: 80%;
}
.dsCodeControlCol2 {
	color: #ff0000;
	font-size: 80%;
}

.dsContactUsForm .infoContainer{
	max-width: 600px;
	margin:auto;
}
/* Page Sorter and Layout Control */
.sortandLayout {
}
.sortandLayout .btn li {
	background: #ffffff;
    border: 2px solid #D8D8D8; /*rgba(0, 0, 0, 0.74902)*/
    /*color: #D8D8D8;*/
    padding: 5px 7px;
}
.sortandLayout .btn li:hover{
	background:#1b4879;
    border: 2px solid #1b4879;
    color:#fff;
}
.sortandLayout .btn li.list:active, .sortandLayout .btn li.list.active:hover {
    color:#fff;
    border: 2px solid #576270; 
    background: url('images/list-button-overlay-s.png') no-repeat center center #576270; 
}
.sortandLayout .btn li.list:hover {
    color:#fff;
    border: 2px solid #e7eaec; 
    background: url('images/list-button-overlay-gray-s.png') no-repeat center center #e7eaec; /* list-button-overlay-s.png */
}
.sortandLayout .btn li.grid:active, .sortandLayout .btn li.grid.active:hover {
    color:#fff;
    border: 2px solid #576270; 
    background: url('images/grid-button-overlay-s.png') no-repeat center center #576270; /* grid-button-overlay-s.png */
}

.sortandLayout .btn li.grid:hover {
    color:#fff;
    border: 2px solid #e7eaec; 
    background: url('images/grid-button-overlay-gray-s.png') no-repeat center center #e7eaec; /* grid-button-overlay-s.png */
}
.sortandLayout .btn li:active img, .sortandLayout .btn li:hover img{
	visibility: hidden;
}
.sortandLayout .btn li.active {
    color:#fff;
    border: 2px solid #576270;
    background: #576270;
}
.sortandLayout .btn li.active:hover {
    color:#fff;
    border: 2px solid #576270;  /* e7eaec */
    background-color: #576270;
}
.solistpagercontainer {
	position: relative;
}
.page-numbers-container{
	width:70%;
}
.sortandLayout .label {
	/*color: #004160;*/
}


.sortandLayout .label, .sortandLayout .btn {
    display: inline-block;
    width: auto;
}
.sort-group .btn li.last.active{
	margin:0px 0 0 -4px;
}
.btn li.active {
    background: #a5a5a5;
    border: 1px solid #a5a5a5;
}
.sorter {
    float: left;
}
.sorter .btn li.first {
    margin-right: -2px;
}
.sorter .btn li.last {
}
.layout {
    float: right;
    margin-top:5px;
    margin-bottom:5px;
}
.layout .btn li{
	margin-right:2px;
}
.layout .btn li.first.active {
    margin-right: 2px;
}
.sort-group {
    margin-right: 5px;
    margin-top:5px;
    margin-bottom:5px;
}
.layout-selector span.label {
    margin-right: 2px;
}


.sortandLayout .btn li.first {
    border-radius: 0px 0 0 0px;
    -moz-border-radius: 0px 0 0 0px;
    -webkit-border-radius: 0px 0 0 0px;
    -khtml-border-radius: 0px 0 0 0px;
    -ms-border-radius: 0px 0 0 0px;
    -o-border-radius: 0px 0 0 0px;
}
.sortandLayout .btn li.last {
    border-radius: 0 0px 0px 0;
    -moz-border-radius: 0 0px 0px 0;
    -webkit-border-radius: 0 0px 0px 0;
    -khtml-border-radius: 0 0px 0px 0;
    -ms-border-radius: 0 0px 0px 0;
    -o-border-radius: 0 0px 0px 0;
    margin:auto auto auto -5px;
}

.productKit {
    display: none;
}

/* Product Grid */
.prodtabs .soProdTabTitle{
	font-size:20px;
	display: inline-block;
}
.soProdTabsContainer{
	display: inline-block;
	font-weight: 300;
}
.productGrid{
	text-align: left;
}
.productGriditem, .dsproductgriditem{
	width:23%;
	margin:20px 5px;
	padding:0;
}
.productGriditem {

}

.productGridimage, .dsentitygridimage{
	width:220px;
	height: 300px;
	margin:auto;
	max-width:100%;
}
.dsentitygridimage a{
	display: block;
}

.productGrid .productGridimage, .productGrid .dsentitygridimage{
	margin:auto;
}

.productList .productGridimage, .productList .dsentitygridimage, #dsSearchResultsArea .productGridimage, #dsSearchResultsArea .dsentitygridimage{
	margin:auto 10px auto auto;
}
.productList a.soIdleBtn{
	/*display: inline-block;*/
}
.entityGridActions .dsentitygridbutton a{
	/*display: initial;*/
}
.productGridimage img, .dsproductgridimage img, .dsentitygridimage img{
    width: 100%;
    height:auto;
    overflow: hidden;
} 
.productGriditemname{
	margin:5px 0;
	height: 5em;
}
.productGriditemname a{
	font-size: 20px;
}
.productGriditemprice{
	font-size: 18px;
	color: #808080;
	margin:5px auto 20px;
}
.entityGridActions .dsentitygridbutton{
	position: relative;
	margin:auto;
}
.productGridItemButton{
	min-height: 0;
}
.productGridItemButton a[id*="_lnkReadMore"]{
	display: none;
	
}
.productGridItemButton.dsproductaddsummary > span{
	min-height:40px;
	vertical-align: middle;
}
/* Product List */
.dsentitygriditem {
}
.dsentitygridname{
}
.dsentitygridname a h3{
	
}
.dsentitygridname a:hover h3{
	
}
.entityGridActions .dsentitygridbutton a.readMoreBtn{
	display:none;
}

/* Product Detail */

.dsproducttopbuttons{
	text-align: left;
}
.dsproductdetails {
	margin-bottom: 15px;
}
	.dsAddToWishlist {
		margin-top:-8px;
	}
.giveAsGiftContainer {
	/*text-align: right;*/
	max-width:600px;
	margin:auto;
}

#productsCatPage .layout {display:none}

.dsproductsendtoRow{
	margin-top:20px;
}
.dsproductsendtoRow .dsproductsendtoCol1 {
	width:auto;
}
.dsproductsendtoRow .dsproductsendtoCol2 {
	font-size: 80%;
	color: #ff0000;
}
.dsproductsendtoRow .dsproductsendtoCol3{
	display: block;
    width: 100%;
    text-align: left;
}
.dsproductdescription .dsSmallTitle{
	display: none;
}
.dsGiftNotes .dsproductsendtoRow {
	text-align: left;
}
.dsGiftNotes .dsproductsendtoRow .dsproductsendtoCol1 {
	width:auto;
	text-align: left;
}
.dsGiftNotes .dsproductsendtoRow .dsproductsendtoCol2 {
	display: none;
}
.dsGiftNotes .dsproductsendtoRow .dsproductsendtoCol3 {
	display: block;
	width:100%;
}
#GiftNotes{
	width:100%;
}
.dsproductdetailsmallcontainer{
	/*width:65%;*/
	width:auto;
	display: block;
}
.dsproductdetailsmallcontainer span {
	vertical-align: middle;
}
.dsproductsendtoCol3 input{
	width:100%;
}

.dsproductsendtoCol3 select{
	width:100%;
}
.dsproductimagecontainer{
	width:100%;
	max-width:250px;
}
.dsproductprice{
	font-weight: 700;
	font-size: 16px;
}
.dsproductpriceamt{
	font-weight: 500;
	font-size: 18px;
}
.soPricePlus-sh{
	font-weight: 400;
	vertical-align: initial;
}
.dsAddToWishlist{
	text-align: right;
	padding-right:10px;
}
.dsAddToWishlist a{
	font-size: 14px;
	color:#808080;
}

.dsAddToWishlist a:hover{
	color:#aaaaaa;
}
.dsproductcontinuebtn a:hover{
	/*margin-left:0;
	color: #fff;
	border-color:#aaaaaa;
	background: #aaaaaa;*/
}
.dsproductcontinuebtn a{
	/*margin-left:0;
	color: #fff;
	border-color:#737373;
	background: #737373;*/ 
}
#bestSellers{
	text-align:left;
}
#bestSellers .productGridItemButton{
	display: none;
}
.alsoBought{
	text-align: left;
}
.alsoBought .productGridItemButton{
	display: none;
}


/* Product Description */
.productDescription ul{
    padding-bottom:20px;
}
.productDescription li{
	list-style: disc;
	margin-left:40px;
}
.productDescription .mktgHighlight em{
	font-weight: 700;
}
.dsSmallTitle, .standardBlue {
	color:#004160;
	font-size: 20px;
	line-height: 26px;
}
.smallSubTitle{
	margin: 10px 0;
	font-size: 16px;
	line-height: 26px;
}
ul.descriptionBulletList{
	margin:20px 45px;
}
ul.descriptionBulletList li{
	list-style: disc;
	padding-left:10px;
}
.bulletItemHeader{
	font-weight: 700;
}
a.descriptionLink{
	font-size: 14px;
	color: #77B6C9;
	line-height: 19px;
}
.emphasis{
	font-style: italic;
}
.authorName, .productDescription strong, .productDescription b{
	/*color: #77B6C9;*/ /* blue */
	color: #e9d68d;
	font-weight: 700;
}
.productDescription table.table tr > td:first-child{
    font-weight: 700;
    padding-right:25px;
}
/* Product Attributes */
div.ds-Product-Attribute span.Label {
	font-weight: 700;
	color:#999;
	display: inline-block;
	line-height: 1.5em;
}

div.ds-Product-Attribute span.Label:after {
	content: ":";
}
div.ds-Product-Attribute span.Value {
	color:#898e8d;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5em;
}
#ProductDetailsAttributes div.ds-Product-Attribute span.Label {
    font-weight:700;
    font-size: 14px;
    color: #898e8d;

}
#ProductDetailsAttributes div.ds-Product-Attribute span.Value a {
    text-decoration: none;
}

    #ProductDetailsAttributes div.ds-Product-Attribute span.Value a:hover {
        text-decoration: underline;
    }

div.productGriditemattr div.ds-Product-Attribute span.Label {
    font-weight:700;
}
div.productGriditemattr div.ds-Product-Attribute span.Value a {
    text-decoration: none;
}

    div.productGriditemattr div.ds-Product-Attribute span.Value a:hover {
        text-decoration: underline;
    }

/*sponsor list*/

.soSlidDownContainer {
	background: rgba(255, 255, 255, .5);
	background: rgba(4, 4, 4, .5);
	padding: 15px;
	color: #fff;
	border:0px solid;
	border-radius: 5px;
	margin-bottom: 10px;
}

.soSlidDownContainer a {
	color:#dddddd;
}
.soSlideDown {
	display: none;
}
.soSlideDownContent {

}
.soContainerCloseBtn {
	text-align: right;
	font-size: 1.5em;
	cursor: pointer;
}
.swishlinkcontainer {
	text-align: right;
	font-size: 1.2em;
}
.swishlink {
	cursor: pointer;
}
.dsSponsorSearchSubTitle {
	font-size: 1.2em;
	font-weight: 700;
	font-style: italic;
	color: rgb(153, 153, 153);
}
.dsSponsorshipResultsGridItem {
	border: 1px solid #ccc;
}
.dsSponsorshipGridItemName {
	font-weight: 700;
	font-size: 1.5em;
}
.dsSponsorshipMonthlyAmount {
	font-weight: 700;
	font-size: 1.1em;
	color:#999;
}
/* Sponsorship Detail */
.soSponsorDetailSearchPanelTop {
	background: rgba(4, 4, 4, .5);
	color: #fff;
}
.dsSponsorSearchTitle {
	font-size: 1.2em;
	font-weight: 700;
	font-style: italic;
	color: rgb(153, 153, 153);
}
.dsSponsorshipDetailsName {
	font-size: 150%;
}
/* Sponsorship widget */

#soSidebarSponsorWidget .dsSponsorshipInfoContainer {
    background-color: #e5e5e5;
	margin-bottom: 0px;
	padding: 15px 15px 0px;
	text-align: left;
	font-size: 12px;
	color: #333333;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
#soSidebarSponsorSearch {
    background-color: #e5e5e5;
	border-top:1px solid #fff;
	margin-bottom: 3px;
	padding: 15px;
	text-align: center;
	font-size: 12px;
	color: #333333;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#soSidebarSponsorSearch .soSidebarSponsorSearchTitle {
	text-transform:uppercase;
	color:#333;
}
.dsSponsorshipDonateButton {
	font-weight:inherit;
	height: auto;
	line-height: inherit;
	color: #fff;
	margin: 10px 0;
	padding: 6px 15px;
	display: inline-block;
	border: 1px solid #a81016;
	border-radius: 6px;
	background: #e71921;
	background: -moz-linear-gradient(top,  #e71921 0%, #b81016 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e71921), color-stop(100%,#b81016)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e71921 0%,#b81016 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e71921 0%,#b81016 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e71921 0%,#b81016 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e71921 0%,#b81016 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e71921', endColorstr='#b81016',GradientType=0 ); /* IE6-8 */
}
.dsSponsorshipDonateButton:hover {

	background: #D6131B;
	background: -moz-linear-gradient(top,  #e71921 0%, #9C0E13 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e71921), color-stop(100%,#9C0E13)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e71921 0%,#9C0E13 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e71921 0%,#9C0E13 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e71921 0%,#9C0E13 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e71921 0%,#9C0E13 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e71921', endColorstr='#9C0E13',GradientType=0 ); /* IE6-8 */
}
.dsSponsorshipDonateButton:active {
		background: #9C0E13;
		background: -moz-linear-gradient(top,  #9C0E13 0%, #e71921 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9C0E13), color-stop(100%,#e71921)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #9C0E13 0%,#e71921 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #9C0E13 0%,#e71921 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #9C0E13 0%,#e71921 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #9C0E13 0%,#e71921 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9C0E13', endColorstr='#e71921',GradientType=0 ); /* IE6-8 */
		box-shadow: 0 0 5px #8C0E13 inset;
	}



/*pagination*/
.pager{
    line-height: 52px;
    min-height: 52px;
	clear:both;
}
.pager .page-sizer select{
	border: 1px solid #898D8D;
	border-radius:0px;
    font-size: 14px;
    color: #8A8B8C;
    padding: 6px 10px 6px 6px;
    height:auto;
    width:110px;
}
.pager a, .pagination a {
	padding: 6px 12px;
	font-size: 18px;
	color: #898E8D;
}
	.pager a:hover, .pagination a:hover {
		background: #e7eaec;
	}
.pager .page-numbers-container > span, .pagination span {
	padding: 6px 12px;
	font-size: 18px;
	color: #fff;
	background: #576270;
}
	.pager .page-numbers-container > span {
	}
.page-numbers {
	margin-left: 3px;
}

/* account page */
div[id*="_pnlAcctControls"]{
	display: none;
}
/*tabs*/
.tab_container {
    border: 1px solid #CCC;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
}
ul.tabs li {
	background-color: #AAA;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	margin:0px 2px 0 0 !important;
}
ul.tabs li a {
    font-size: 14px;
    font-weight: 700;
    outline: medium none;
    color: #fff;
}
ul.tabs li.active {
	background: #fff;
	box-shadow: -2px -5px 11px -6px rgba(0, 0, 0, 0.52);
	border-bottom:1px solid #fff;
}
	ul.tabs li.active a {
		color: #333;
	}
#HeaderDep1:before{
	content: '';
	display: block;
}
ul.tabs li.active[id*="HeaderDep"]{
	box-shadow: none;
	border:none;
	background: none;
}
ul.tabs li.active[id*="HeaderDep"] a{
	color:#ed4b33;
}
ul.tabs li[id*="HeaderDep"]{
	box-shadow: none;
	border:none;
	background: none;
}
ul.tabs li[id*="HeaderDep"] a{
	color:initial;
}
ul.tabs li[id*="HeaderDep"] a:hover{
	color:#ef604a;
}

ul.tabs.ui-tabs-nav {
	background: none;
	border: none;
}
.ui-widget.ui-widget-content {
	border: none;
}
#ui-datepicker-div{
	box-shadow: 2px 2px 10px #999;
	z-index: 9999;
}
.ui-tabs .ui-tabs-panel {
	border-color: #ccc;
}
#divTransactionHistory .ui-widget-content {
	border: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #AAA;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: #fff;
	color:#999;
}
	.ui-tabs .ui-tabs-nav li {
		border: 1px solid #ccc;
	}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
		color: #333;
	}
.ui-tabs .ui-tabs-panel {
	border-width: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	border: 1px solid #ccc;
	margin-bottom:initial;
	padding-bottom:initial;
}
#divARPaymentsHistory a {
	color: #3E587C;
}

/*product tabs*/
.prodtabs .tab {
	border: 0px solid #aaa;
	background: none;
	border-radius: 5px;
}
.prodtabs .tab a{
	color:inherit;
}
.prodtabs .tab::after{
	content: "  |  ";
	display: inline-block;
}
.prodtabs .tab:last-child::after{
	content:"";
}
.prodtabs .tab_hover {
	border: 0px solid #aaa;
	border-radius: 5px;
	background: none;
}
.prodtabs .tab_hover a{
	color:#CE112D;
}
.prodtabs .tab_hover::after{
	content: "  |  ";
	display: inline-block;
}	
.prodtabs .tab_hover:last-child::after{
	content:"";
}
.prodtabs .tab_selected {
	border: 0px solid #aaa;
	border-radius: 5px;
	background: none;
	color:#CE112D;
}
.prodtabs .tab_selected::after{
	content: "  |  ";
	display: inline-block;
	color:#000;
}
.prodtabs .tab_selected:last-child::after{
	content:"";
}
.prodtabs span.dsTabText{
	display: inline-block;
}
.prodtabs div.soTabItem a, .prodtabs div.tab_selected.soTabItem span{
	display: inline-block;
}

/*tables*/
.dsCSSTableHeader {
}
.dsCSSTableRow {
}	
#dsShoppingCartSummary .dsCSSTableRow {
	background: none;
	overflow: auto;
}
.dsCartSummaryPanel > div, #pnlOrderSummary > div{
	margin-bottom: 40px;
}

#dsCheckoutReviewPage .dsOneTimeDonations .dscol2{
	width:46%;
}
#dsCheckoutPaymentPage .dsOneTimeDonations .dscol2{
	width:49%;
}
#dsCheckoutPaymentPage .dsRecurringDonations .dscol5{
	width:25%;
}
#dsCheckoutPaymentPage .dsRecurringDonations .dscol4{
	width:29%;
}
/*signin*/
.dsLeftColumn {
	border-right: 1px solid #333;
}
.dsformsimplelabel {
	width: auto;
}
.dsFormCheckboxSignIn {
	width: 10%;
}

.dsForgotPassPanel a.soActionBtn{
	margin:0px;
	text-align: center;
	letter-spacing: normal;
}
.dsForgotPassPanel .dsRight.padT15{
	text-align: center;
}
#dsSigninPage h3{
	font-size: 28px;
}

/*account+address*/
.soSuccessMsg {
	margin: 10px 0;
	color: #ff0000;
}
.dsAddressListItem {
	color: #333;
}
	.dsAddressListItemDetails {
		border-left: 1px solid #3f4751;
	}
	.dsAddressListItemImageButtons {
		min-width: 0px;
	}
#ctl00_PageContent_pnlAccountUpdated {
	color: #ff0000;
	font-weight: bold;
}
div#ctl00_PageContent_ctrlAccount_pnlOrderHistory {
    /*display:none*/
}
.GivingStatementInnerContent .total {
	font-size: 90%;
}
.dsGivingStatementDateRange {
	font-size: 90%;
}
.GivingStatementInnerContent .hiddenColumnsText {
	font-size: 70%;
}
/* forms */
.formFields{
	max-width:600px;
	margin:auto;
}
.addressPanel{
	max-width:600px;
	margin:auto;
}
.dsFormItem{
	margin:10px 0 20px;
}
input[type="checkbox"]{
	height: auto;
}
.dsFormItem .dsFormLabel{
	 width:auto;
	 text-align:left;
	 margin-bottom:7px;
}
.dsCodeControlCol3{
	display:block;
	margin:0;
	width:100%;
}
.dsCodeControlCol3 input, .dsCodeControlCol3 select{
	width:100% !important;/*override inline styling created in asp*/
	display:block;
}
.dsCodeControlCol3 input[type="checkbox"]{
	height: auto;
	width:auto;
	display:inline-block;
}
.dsRequiredFieldsHint{
	font-size: 12px;
}
div[id*="_pnlPhoneNumber"] > .dsCodeControlCol2 + div[style="display: inline-block"]{
	display:block !important;
}
.soPhoneType span{
	width:auto;
}
.soPhoneType .dsCodeControlCol2{
	height:0;
	padding:0;
	margin:0;
}
#domesticPhone{
	width:100%;
}
#domesticPhone input{
	width:100%;
}
#internationalPhone{
	width:100%;
}
#internationalPhone > div{
	width:100%;
}
#internationalPhone span[id*="_lblPlus"]{
	display:none;
	width:0;
	height:0;
}
.dsRequiredField {
	vertical-align: super;
}
/* international phone blocks - country, area and phone number */
#internationalPhone > div > div { 
	width:80px;
	margin-right:5px;
	float:left;
}
/* international phone block label - for country, area and phone number - This needs to be small for mobile screens. Otherwise the field labels run into each other. */
#internationalPhone > div > div span{
	font-size:12px;
}
/* international input fields for country code, area code and phone number */
#internationalPhone > div > div input{
	width:100%;
}
/* international phone block for phone number only */
#internationalPhone > div > div + div + div{
	width:100%;
	max-width:420px;
	max-width:calc(100% - 170px);
	min-width: 200px;
	margin-right:0;
	float:right;
}
/* international phone block input for phone number only */
#internationalPhone > div > div + div + div input{
	width:100%;
}
/* international phone number - link for switching to international number format */
#internationalPhone > div > div + div + div.phoneCountry {
    cursor: pointer;
    text-decoration: underline;
	display:block !important;
	text-align:right;
	width:100%;
	font-size:12px;
}
/* international phone number - link for switching to domestic number format */
.phoneCountry {
    cursor: pointer;
    text-decoration: underline;
	display:block !important;
	text-align:right;
	width:100%;
	font-size:12px;
}

/* Google Places - Address lookup */
.soGooglePlacesContainer .dsproductsendtoTextBox{
	margin-top:10px;
}

/*wishlist*/
.dscol5 a, .dscol5 a:hover, .dscol5 a:active {
	background: none;
	border: none;
	box-shadow: none;
	/*color: #333;*/
	color:#3981d0;
}
.dscol5 a:hover{
	color:#1b4879;
}
.dsCartItemRowColumnAmount a {
	margin: 0;
	padding: 0;
}
#wishListPage .dscol5 {
	width: 16%;
}

/*donation history*/
#divTransactionHistory table td {
	border: 1px solid #eee;
}
	#divTransactionHistory select {
		font-size: 90%;
	}
.ui-corner-all {
	border-radius: 0;
}
.dsHistoryTableTitle {
	font-weight: bold;
	font-size: 125%;
}
	#soMyBalancesPage .dsHistoryTableTitle {
		font-size: 120%;
	}

#MyCommitments {
	font-size: 110%;
}
	#MyCommitments .soCSSTableHeader .soCSSTableCell {
		font-weight: bold;
	}
.dsHistoryRowButton a, .dsHistoryRowButton a:hover, .dsHistoryRowButton a:active {
	background: none;
	border: none;
	box-shadow: none;
}
.dsorderitems tr td{
	padding:3px;
}

#divTransactionHistory .tab_container{
	margin-top:5px;
}
/*product kit*/
#soProductDetailPage .dscol1 {
	width: 45%;
}
#soProductDetailPage .dscol2 {
	display: none;
}
#soProductDetailPage .dscol3 {
	width: 25%;
}
#soProductDetailPage .dscol4 {
	width: 25%;
}

/*pledge info*/
.dsSponsorshipDetailsImageContainer {
	min-width: 150px;
}
.soSponsorWidgetButton a {
	color: #fff;
}

.dsPledgeDetailsConfirmationText{
	text-align:center;
}
/*project list*/
#projectsCatPage .dsentitylistadddonation{
	display: block;
}
.soCatPageAmtAddToCart{
	margin-top:8px;
}
.dsentitylistadddonation{
	display: inline-block;
}
.soCatAmountEntry{
	display: inline-block;
}
.soCatAmountEntry input{
	width:100px;
}
.soMakeMonthlyCkbx{
	display: inline-block;
}

.productGriditemattr {
	color: #999;
}
#projectsCatPage .dsentitygridbutton{
	display: none;
}

/*project info*/
.dsproductname h3 {
	font-weight: 700;
	font-size: 27px;
	margin-bottom:20px;
	padding-top:0;
}
.dsproductname h2 {
	font-weight: 700;
	font-size: 27px;
	margin-bottom:20px;
}
.dsproductattr {
	color: #999;
}
.dsProjectDonationDetails ul{
	text-align: left;
}
.dsProjectDonationDetails ul li{
	min-width:110px;
	height:40px;
}
#pnlDedicationHeader{
	text-align: left;
}
.ds-Project-Donation-Recurring-Form{
	text-align: left;
}

.dsAnonymousDonation{
	bottom:60px;
}

/* Convert Radio buttons to large check boxes / circles - for frequency selection and all normal input/label tructure */

@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: absolute;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

input[type="radio"] {
	opacity:0;
    height: 40px;
    width: 40px;
    margin:auto auto auto 5px;
    position: relative;
    z-index: 100;
    cursor: pointer;
    left: -10px;
    top: -2px;
}

input[type="radio"] + label{
	display: inline-block;
	position: relative;
}

input[type="radio"] + label::before{
	opacity: 1;
	height: 40px;
	width: 40px;
	transition: all 0.15s ease-out 0s;
	background: #aaa;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	color:#aaa;
	content: "\f00c"; /* fa-check checkmark */
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 30px;
	line-height: 38px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	left: -50px;
	top: -6px;
	position: absolute;
}

input[type="radio"]:hover + label::before{
	color:#ccc;
}

input[type="radio"]:checked + label::before{
	color:#fff;
	background: #3981d0;
}
input[type="radio"]:checked:hover + label::before{
	color:#fff;
}

input[type="radio"]:checked + label::after{
	-webkit-animation: click-wave 0.65s;
	-moz-animation: click-wave 0.65s;
	animation: click-wave 0.65s;
	background: #3981d0;
	content: '';
	display: inline-block;
	border:none;
	border-radius: 50%;
	position: absolute;
	left: -50px;
	top:-30px;
	z-index: 100;
}


/* radio to large check marks - again for giving array */

input[type="radio"] + span.dsProjectLabel{
	display: inline-block;
	position: relative;
}

input[type="radio"] + span.dsProjectLabel::before{
	opacity: 1;
	height: 40px;
	width: 40px;
	transition: all 0.15s ease-out 0s;
	background: #aaa;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	color:#aaa;
	content: "\f00c"; /* fa-check checkmark */
	font-family: 'FontAwesome';
	font-weight: 900;
	display: inline-block;
	font-size: 30px;
	line-height: 38px;
	vertical-align: middle;
	text-align: center;
	left: -50px;
	top: -6px;
	position: absolute;
}

input[type="radio"]:hover + span.dsProjectLabel::before{
	color:#ccc;
}

input[type="radio"]:checked + span.dsProjectLabel::before{
	color:#fff;
	background: #3981d0;
}
input[type="radio"]:checked:hover + span.dsProjectLabel::before{
	color:#fff;
}

input[type="radio"]:checked + span.dsProjectLabel::after{
	-webkit-animation: click-wave 0.65s;
	-moz-animation: click-wave 0.65s;
	animation: click-wave 0.65s;
	background: #3981d0;
	content: '';
	display: inline-block;
	border:none;
	border-radius: 50%;
	position: absolute;
	left: -50px;
	top:-30px;
	z-index: 100;
}




/* radio to large check marks - again for pledge detail */

input[type="radio"] + span.dsPledgeLabel{
	display: inline-block;
	position: relative;
}

input[type="radio"] + span.dsPledgeLabel::before{
	opacity: 1;
	height: 40px;
	width: 40px;
	transition: all 0.15s ease-out 0s;
	background: #aaa;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	color:#aaa;
	content: "\f00c"; /* fa-check checkmark */
	font-family: 'FontAwesome';
	font-weight: 900;
	display: inline-block;
	font-size: 30px;
	line-height: 38px;
	vertical-align: middle;
	text-align: center;
	left: -50px;
	top: -6px;
	position: absolute;
}

input[type="radio"]:hover + span.dsPledgeLabel::before{
	color:#ccc;
}

input[type="radio"]:checked + span.dsPledgeLabel::before{
	color:#fff;
	background: #3981d0;
}
input[type="radio"]:checked:hover + span.dsPledgeLabel::before{
	color:#fff;
}

input[type="radio"]:checked + span.dsPledgeLabel::after{
	-webkit-animation: click-wave 0.65s;
	-moz-animation: click-wave 0.65s;
	animation: click-wave 0.65s;
	background: #3981d0;
	content: '';
	display: inline-block;
	border:none;
	border-radius: 50%;
	position: absolute;
	left: -50px;
	top:-30px;
	z-index: 100;
}
/* */

/* removing radio to large check marks - again for auto donation and one time donation */

.dsPledgeAutoDonation input[type="radio"]{
	opacity: 1;
	left:auto;
	top:auto;
    margin-left: 20px;
    margin-right: 5px;
    margin-top:-4px;
}
.dsPledgeOneTimeDonation input[type="radio"]{
	opacity: 1;
	left:auto;
	top:auto;
    margin-left: 20px;
    margin-right: 5px;
    margin-top:-4px;
}
/* */


/* Removing radio to large check marks for subscription detail page - structure does not support the large check marks solution */

.dsSubsProductVariantRadioBtn input[type="radio"]{
	opacity: 1;
	height:auto;
	width:auto;
	left:auto;
	top:auto;
    margin-left: 20px;
    margin-right: 5px;
}

/* */

.maximizeDonationButtonContainer > input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	height: 30px;
	width: 30px;
	transition: all 0.15s ease-out 0s;
	background: #aaa;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-right: 0.5rem;
	outline: none;
	position: relative;
	z-index: 1000;
	opacity:0;
}

.dsPremiumSelectBox > input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	height: 30px;
	width: 30px;
	transition: all 0.15s ease-out 0s;
	background: #aaa;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-right: 0.5rem;
	outline: none;
	position: relative;
	z-index: 1000;
	opacity:0;
}
.maximizeDonationButtonContainer > input[type="radio"]:checked::before {
	height: 40px;
	width: 40px;
	position: absolute;
	/*content: '✔';*/
	content: "\f00c"; /* fa-check checkmark */
	font-family: 'FontAwesome';
	font-weight: 900;
	display: inline-block;
	font-size: 25px;
	left: 7px;
	top: 5px;
}

/* but not on the donation widget amounts... */

.widgetDonationAmounts .DonationAmount input[type="radio"]:checked + label::before{
	color:unset;
	background:unset;
}
.widgetDonationAmounts .DonationAmount input[type="radio"]:hover + label::before{
	color:unset;
}
.widgetDonationAmounts .DonationAmount label:after{
	display: none;
}

.widgetDonationAmounts .DonationAmount label::before{
	opacity: unset;
	height: unset;
	width: unset;
	transition:unset;
	background: unset;
	border: unset;
	border-radius: unset;
	cursor: unset;
	color:unset;
	display: unset;
	font-size: unset;
	line-height: unset;
	vertical-align: unset;
	text-align: unset;
	left: unset;
	top: unset;
	position: unset;
}

.widgetDonationAmounts .DonationAmount label::before{
	color: unset;
}

.widgetDonationAmounts .DonationAmount label::before{
	color: unset;
	background:  unset;
}
.widgetDonationAmounts .DonationAmount label::before{
	color: unset;
}

.widgetDonationAmounts .DonationAmount label::after{
	-webkit-animation:  none !important;
	-moz-animation: none !important;
	animation:  none !important;
	background:  none !important;
	content: none !important;
	display:  none !important;
	border: none !important;
	border-radius:  0 !important;
	position:  relative !important;
	left:  auto !important;
	top: auto !important;
	z-index:  unset !important;
}

/* or the donation widget frequency */

.widgetDonationFrequency .DonationFrequency input[type="radio"]:checked + label::before{
	color:unset;
	background:unset;
}
.widgetDonationFrequency .DonationFrequency input[type="radio"]:hover + label::before{
	color:unset;
}
.widgetDonationFrequency .DonationFrequency label:after{
	display: none;
}

.widgetDonationFrequency .DonationFrequency label::before{
	opacity: unset;
	height: unset;
	width: unset;
	transition:unset;
	background: unset;
	border: unset;
	border-radius: unset;
	cursor: unset;
	color:unset;
	display: unset;
	font-size: unset;
	line-height: unset;
	vertical-align: unset;
	text-align: unset;
	left: unset;
	top: unset;
	position: unset;
}

.widgetDonationFrequency .DonationFrequency label::before{
	color: unset;
}

.widgetDonationFrequency .DonationFrequency label::before{
	color: unset;
	background:  unset;
}
.widgetDonationFrequency .DonationFrequency label::before{
	color: unset;
}

.widgetDonationFrequency .DonationFrequency label::after{
	-webkit-animation:  none !important;
	-moz-animation: none !important;
	animation:  none !important;
	background:  none !important;
	content: none !important;
	display:  none !important;
	border: none !important;
	border-radius:  0 !important;
	position:  relative !important;
	left:  auto !important;
	top: auto !important;
	z-index:  unset !important;
}


/* END convert Radio buttons to large check boxes / circles */




#RecurringInfo label{
	margin: 0 10px;
    min-width: 65px;
}

.soCurrencySymbol{
	margin-right:5px;
}
/* event category page */
#eventsCatPage .entityGridActions{
	height: 70px;
    vertical-align: middle;
    line-height: 70px;
}
/*event info*/
/* image width: 830px max with variable height */
#soEventDetailPage .dsproductimagecontainer{
	float:none;
	display: block;
	width:100%;
	max-width:initial;
	height:100%;
	max-height:initial;
	margin:auto auto 30px;
	overflow: hidden;
}
.dseventDates, .dsEventPricelabel, .dseventlocationlabel, .soEventCapacityLabel, .soEventAvailabilityLabel, .dseventcapacity {
	font-weight: 700;
	font-size: 20px;
	color: #898E8D;
}
.dseventDates span.dseventDate, .dsEventPriceAmt, .soEventPriceNote, .dseventcapacityvalue, .soEventAvailabilityValue, .dseventcapacityvalue {
	
}
.dseventprice, .dseventcapacity, .soEventAvailability{
	margin-bottom:20px;
}
.dseventprice span, .dseventcapacity span, .soEventAvailability span{
	margin:auto;
}
.dspagecontentAlt .dsprojectpage .infoHeader {
    -webkit-border-radius:  0px;
    -moz-border-radius: 0px;
    border-radius:0px;
}
.dspagecontentAlt .infoHeader div {    
    font:inherit;
    font-weight:700;
    font-size:17px;
	color:inherit;
}
.dseventregisteroptions{
	text-align: left;
	min-height: 50px;
}
.dseventregisteroptionslabel {
	font-size: 1.10em;
	color:#999;
	font-weight: 700;
}
.dseventregisteroptionslabel.soCreateGroupTitle {
	font-size: 1em;
}
.soCreateGroupEventPageContainer {
	border:1px solid #999;
	padding:10px;
}
.eventSearch {
	min-height:460px;
	background-color: #E3E3E3;
}
.dseventsessionitem{
	border-bottom:1px solid #4eb2fe;
}
.dseventsessionitem:nth-child(odd) {
	/*background-color:rgb(238, 238, 238);*/
}
.dseventsessiontable label{
	display: inline-block;
}
.dseventsessionitem > div{
	vertical-align: top;
}
.dseventsessioncheckbox{
	vertical-align: top !important;
	margin-top:8px;
}
.dseventsessioninfo{
	max-width:90%;
}
/* Vounteer Opportunity Qualifications and Requirments */
#soVolunteerOpportunity .dseventlocationlabel {
    font-size:inherit;
}
#soVolunteerOpportunity .dseventlocationname {
    font-size:inherit;
}
#soVolunteerOpportunity .dseventcapacity {
    font-size:inherit;
}
#soVolunteerOpportunity .dsprojectimageAlt {
	text-align: center;
}
.soVOLocationCapacity {
    border-left: 1px solid #B3B3B5;
}
.dsVOHeader1 {
	color: #464646;
	font-size:18px;
	font-weight:700;
}
.dsVOHeader2 {
	color: #464646;
	font-size: 14px;
	font-weight:700;
}
.dsVODetails ul {
	list-style-type: circle;
}
.dsVODetails ul li {
    list-style: disc;
}
.dseventsessioncapacity {
    color:#656668;
}
#soVolunteerOpportunity .dsproductdetails {
	border:1px solid #B3B3B5;
}

/* Online Courses Event page */
#CoursesTemplate .dseventlocation{
	display: none;
}

/*my pledges*/
#pledgesHistoryTable td {
	vertical-align: middle;
}
.dsTableNameColumn {
	width: 30%;
}
.dsTableDonationColumn {
	width: 25%;
	white-space: nowrap;
}
	.soMakeDonationTextBox {
		width: 50%;
	}
.dsTableAmountPledged {
	width: 15%;
}
.dsTableAmountGiven {
	width: 25%;
	text-align: center;
}

/*my groups*/
.groupsTable {
	text-align: center;
}

/*subscriptions*/
.dsSubsProductVariants{
	margin-top:20px;
}
.dsSubsProductVariant > div {
	display: initial;
	vertical-align: initial;
}
.dsSubsProductVariant{
	display: block;
	overflow: auto;
}
.dsSubsProductVariantRadioBtn{
	float:left;
}
.dsSubsProductVariantRadioBtn input{
	margin:4px 5px auto auto;
}
.dsSubsProductVariantInfo{
	float:left;
	width:90%;
}
.dsSubsProductVariantInfo h5{
	font-size: 16px;
	line-height: 18px;
	white-space: normal;
	letter-spacing: normal;
}
.dsSubsContinueBtn {
	text-align: right;
}

/* Mini Cart */
.soMiniCartPopped {
	background: #fff;
	border-radius: 3px;
	 -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     -khtml-border-radius: 3px;
	border: 2px solid #ccc;
}
#soMiniCartHeader {
	color:#666;
	border-bottom: 1px solid #B4B4B4;
	text-align: left;
    font-size: 18px;
    padding-bottom: 5px;
}
.DS-MiniCart-Item {
	border-bottom: 1px dotted #B4B4B4;
}
.DS-MiniCart-Item:first-child {
	border-top:none;
}
.DS-MiniCart-Item a {
}
.DS-MiniCart-Item a:hover {
	text-decoration: underline;
}
.soMiniCartQTY:before {
	content: "Qty: ";
	font-size: .7em;
	color:#333;
}
.soMiniCartQTY {
	font-size: .9em;
	border:1px solid #eee;
	float: none;
}
.DS-MiniCart-ProductLink a{
	text-align: left;
}
.DS-MiniCart-ProductPrice{
}
.DS-MiniCart-SubTotal {
	border-top: 1px solid #B4B4B4;
}
.DS-MiniCart-Details{
	overflow: hidden;
}
.soPopupWindow{
	top:36px;
}

/*shopping cart*/
.dsCartSummaryPanel{
	text-align:left;
}
.dsCSSTableHeader .dscol2, .dsCSSTableHeader .dscol3, .dsCSSTableHeader .dscol4, .dsCSSTableHeader .dscol5{
	vertical-align: top;
}
.dscol4 input[type="text"]{
	width: 50px;
	text-align: center;
}
.dscol5{
	float:right;
	vertical-align: top;
	width:20%;
}
.dsProducts .dscol5{
	width:auto;
}
.dsProducts .dsCartItemRowColumnQTY.dscol4{
	width:10% !important;
}

.dsCSSTableHeader h4 {
	font-size: 18px;
	font-weight: 700;
	color: #3981d0;
}


.dsSubscriptions {

}	
	.dsSubscriptions .dscol2 {
		width: 30%;
		min-width:150px;
		padding-right:10px;
	}
	.dsSubscriptions .dscol5 {
		text-align: center;
		float:none;
		width: auto;
    	max-width: 100px;
	}
	.dsSubscriptions .dscol6 {
		width: inherit;
		text-align: right;
		float:right;
		vertical-align: top;
	}

.dsEvents{

}
.dsEvents .dscol4{
	width:15%;
	min-width: 90px;
}
.dsEvents .dscol3{
	width: 10%;
	min-width:56px;
}
.dsEvents .dscol3 input[type="text"]{
	width: 50px;
}
.soShoppingCartBottomLeft input{
	margin:0;
}
.soOrderNotes textarea{
	border: 1px solid #808080;
}
.dsCartItemRowColumnAmount input{
	width:100px;
}
/*checkout*/
#dsCheckoutPaymentPage h4, #dsCheckoutReviewPage h4 {
	font-size: 1em;
}
.dsOneTimeDonations .dscol2{
	width:46%;
}
#dsCheckoutCCPane img {
	width: auto;
}
#soCheckoutDonationPanel {
}
.dsDonationNowTitle {
	color:#999;
    font-size: 1em;
    font-weight: bold;
}
.dsPaymentMethodSelectorContainer{
	text-align: left;
}
.dsPaymentMethodSelectorContainer ul li{
	margin-bottom: 10px;
}
.dsFormItem > input[type="text"], .dsFormItem > input[type="password"], .dsFormItem select{
	width:100%;
	display:block;
}
.dsFormItem select[id*="_ddlSuffix"]{
	width:100% !important;
}
div[id*="_pnlCCVerCd"] .dsFormLabel{
	display: inline-block;
}
#dsCheckoutCCPane div.dsFormItem[id*="_pnlCCVerCd"] > input{
	margin:5px;
	display: inline-block;
}
select.ddlCCExpYr, select.ddlCCExpMonth{
	width:100px;
	margin:5px 5px;
	display: inline-block;
}
#dsCheckoutCCPane{
	width:100%;
	max-width:600px;
	margin:auto;
}

span.soDownloadCart{
	display: inline-block;
	margin-left:10px;
}
.topButtons{
	display: none;
}
/*multishipping*/
#soCheckoutShipping .topButtons{
	display: none;
}
#soCheckoutShippingMult2Page h4 {
	font-size: 1em;
}
.dsProductsShippingGroup .dscol2{
	width:38.7%;
}
.dsShippingMultiDetailsCol2 select{
	max-width: 280px;
	padding-right: 30px;
}
.dsProductsShippingGroup h4{
	font-size: 18px;
}
#soCheckoutShipping div[id*="_pnlOrderSubTotal"]{
	display: none;
}

/* Anonymous checkout */
#dsAnonymousCheckoutPage .infoHeader{
	padding-bottom:10px;
}
#dsAnonymousCheckoutPage .LightCellText {
	width:auto;
	text-align: left;
    margin-bottom: 7px;
    font-size: 18px;
    line-height: 28px;
}
.ui-accordion .ui-accordion-header {
	background: #bbb;
}
	.ui-accordion .ui-accordion-header a {
		color: #333;
		font-size: 1em;
}
.ui-accordion-icons .ui-accordion-header a{

}
.anonEmailInput, .anonPasswordInput{
	display: block;
	width:auto;
}
#dsAnonymousCheckoutPage .checkoutAnonLabel{
	max-width: 600px;
	margin:15px auto;
	text-align: left;
}
/* checkout confirmation */
#dsConfirmationPageContainer .bottomButtons{
	text-align: center;
}
/*receipt*/
#dsOrderConfDetails {
	margin: 10px 0;
}
#dsOrderConfDetails > div {
	display: inline-block;
	margin: 5px 20px;
}
	.dsOrderConfOrderDate > div {
		display: inline-block;
	}
	.dsOrderConfDetailsRight > div > div {
		display: inline-block;
		width:160px;
	}

.dsOrderConfOrderDateLabel, .dsOrderConfCustIDLabel, .dsOrderConfOrderNumLabel, .dsOrderConfRecurCartIDLabel{
	font-weight: 700;
}



	.dsOrderConfOrderDate > div{
		text-align: center;
		font-weight: 700;
		width:auto;
	}
	.dsOrderConfOrderDate > div + div{
		text-align: center;
		font-weight: 400;
	}
	.dsOrderConfDetailsRight > div > div{
		text-align: center;
		margin-top:5px;
	}
	.dsOrderConfDetailsRight > div > div + div{
		text-align: center;
		margin-top:0;
	}
	.dsOrderConfCustIDLabel, .dsOrderConfOrderNumLabel, .dsOrderConfRecurCartIDLabel{
		font-weight: 700;
	}
	.dsOrderConfCustIDValue{
		text-align: center;
	}
	.dsOrderConfDetailsLeft, .dsOrderConfDetailsRight, .dsOrderConfOrderDateValue, .dsOrderConfCustIDValue, .dsOrderConfOrderNumValue, .dsOrderConfRecurCartIDValue{
		display: block !important;
	}

/*my causes*/
.dCauseDetailContainer {
	margin-top: 5px;
}

/* Front Page Features */

#soFrontPageFeatures{
	clear:both;
}
#soFrontPageFeatures > div {
	text-align: center;
}
#soFrontPageFeatures .infoHeader{
	position: relative;
	text-align:left;
	margin:22px auto;
}
#soFrontPageFeatures h3{
	text-align: left;
	font-size: 36px;
	color: #898E8D;
	display: inline-block;
}
#soFrontPageFeatures .viewAllLink{
    display: inline-block;
    padding-left: 34px;
    float:right;
}
#soFrontPageFeatures .viewAllLink a{
	font-size: 14px;
    margin: -10px auto auto;
    vertical-align: middle;
}
.soFrontPageFeatureItem .Feature-Secondary-Item-Info-Name
#soFrontPageFeatures .slider {
	height:210px;
	overflow: hidden;
}
.soFrontPageFeatureItem {
    border: dotted 0px #CCC;
    display: inline-block;
    padding:0px;
    width:202px;
    margin:15px;
}
.soFrontPageFeatureItem h4{
	font-size: 18px;
	line-height: 1.25em;
}
.soFrontPageFeatureItem .Feature-Secondary-Item-Info-Name h4, .soFrontPageFeatureItem .Feature-Secondary-Item-Info-Name h4 a{
	/*font-size: 14px;
	color: #8A8B8C;*/
}
.soFrontPageFeatureItem .dsproductprice{
	font-size: 15px;
    color: #808080;
    margin: 5px auto 20px;
    font-weight: 500;
}
.soFrontPageFeatureItem  .dsproductprice span{
	vertical-align: initial;
}
.soFrontPageFeatureItem .Feature-Secondary-Item-Info-Description{
	max-height: 60px;
	height:auto;
}
.soFrontPageFeatureItem .Feature-Secondary-Item-Info-Cart{
	overflow: hidden;
	height: auto;
	margin:auto;
}
.soFrontPageFeatureItem .Feature-Secondary-Item-Info-Cart-Button{
}
.soFrontPageFeatureItem .Feature-Secondary-Item-Image{
	width:200px;
	height:200px;
}
.soFrontPageFeatureItem .Feature-Secondary-Item-Image img{
	
}

#soFrontPageFeatures .Feature-Secondary-Item-Info-Description {
    display:none
}
/** Slider **/
.dsSlider {
 	width:100%;
 	/*height:365px;*/
 	border-radius: 0px;

	position: relative;
	padding-top: 54.25%;
	z-index: 800;
}
.pix_relativize {
    overflow: hidden;
    position: relative;
    max-width: 100%;
    max-height: 100%;
}
.pix_slider {
 	width:100%;

	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#pix_pag {
 	width:100%;
}
#pix_prev, #pix_next{
	margin-top:0px;
	background:rgba(0,0,0,.1);
	color:rgba(255,255,255,.6);
	width:70px;
	height:100%;
    position: absolute;
    top: 0;
    text-align: center;
}
#pix_prev:hover, #pix_next:hover{
	color:rgba(255,255,255,.9);
}
#pix_prev:before {
	font-size: 100px;
	opacity: 1;
	font-family: 'Nanum Gothic', sans-serif;
	content: "<";
    position: absolute;
    top:50%;
    left:0;
    width:70px;
}
#pix_next:before {
	font-size: 100px;
	opacity: 1;
	font-family: 'Nanum Gothic', sans-serif;
	content: ">";
    position: absolute;
    top:50%;
    left:0;
    width:70px;
}

/* Search */
.projectSearch .soSearch input[type="text"] {    
    border-radius: 8px;
    border: 1px solid #D8D8D8;
    color:#565246;
}
.projectSearch input.soSearchButton[type="button"] {
    background:none;
	background-image: url(images/MagnifyingGlass.png);
    background-repeat: no-repeat;
    border: none;
}
.projectSearch input.soSearchButton[type="button"]:hover {
    background-image: url(images/MagnifyingGlass2.png);
}
.dssearchtype {
	margin-bottom: 15px;
}
div[id$=SponsorshipResultsContainer] {
	text-align: center;
}
	div[id$=SponsorshipResultsContainer] .infoHeader {
		text-align: left;
	}
.dsSearchWatermark {
	color:#ccc;
}
.dsproducttype{
	width:auto;
	display: none;
}
.dssearchterm{
	margin:20px auto;
	text-align:left;
}
.soSponsorSearchButton{
	text-align:left;
}
.soSponsorSearchButton a[id*="_btnClearSearch"]{
	display: none;
}
div[id*="_dssearchrange"]{
	text-align:center;
}
.dssearchcriteria input[type="radio"] + label{
	margin-right: 50px;
	white-space: nowrap;
}
.soAdvSearchByType{
	text-align: left;
}
.dssearchcriteria input[type="radio"] + label::before{
	left:-40px;
}
.dssearchcriteria .dssearchtype label{
	padding-right:10px;
}
.dssearchcriteria .dssearchterm{
	text-align: center;
}
.dssearchcriteria .dsproducttype{
	font-size: 12px;
	text-align: center;
    padding-left: 40px;
}
/* add space */
.adSpaceContainer .contentLimit{
	min-height: 0;
}
/*footer*/
#footer{
	background-color: #576270;
}
#footer h4{
	font-family: 'Karla', sans-serif;
	color:#fff;
	font-size: 24px;
	font-weight: 300;
	line-height: 35px;
	margin: auto auto 30px;
	text-transform: uppercase;
}
#footer {
	font-size: 16px;
	color:#fff;
}
#footer a{
	color:#fff;	
	font-family: 'Karla', sans-serif;
}
#footer a:hover{
	color:#f1d88a;
}
.footerRow1{
	border-top: 1px solid #ccc;
}
.footerHeader{
	background: #3f4751;
	width:100%;
	display: block;
	padding:15px;
}
.footerLogo{
	display: inline-block;	
}
.footerLogo img{
	height:70px;
}
.footerSocialLinks{
	float:right;
}
.footerSocialLinks li{
	display: inline-block;
}
#footer .footerSocialLinks a{
	display: block;
    margin: 10px 5px;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 25px;
    color: #fff;
    background-color: #576270;
    border-radius: 50%;
    padding: 14px 14px;
    color: #fff;
}
#footer .footerSocialLinks a:hover{
	background-color: #f1d88a;
    color: #3f4751;
}
.footerRow2{
	width:66%;
	display: table-cell;
}
.columnList{
	margin:0 0 30px 20px;
}

.footerRow3{
	width:33%;
	display: table-cell;
	vertical-align: top;
	background: url("images/pattern-bg.png");
	padding:30px;
}
.footerRow3.footerRow3Mobile{
	display: none;
}
#footer .footerRow3 h4{
	color:#f1d88a;
	font-family: 'Cinzel', serif;
}


.footerColumn{
	display: inline-block;
	width:24%;
	vertical-align: top;
	padding:30px;
}
.footerLeftBottom{
	border-color: #3f4751;
	border-top:1px;
	border-top-style: solid;
	padding:30px;
	line-height: 35px;
    font-size: 18px;
}
.footerLeftBottom li{
	display: inline-block;
	font-size: 18px;
	border-right:1px solid #fff;
	padding-right:15px;
	padding-left:10px;
	line-height: 18px;
}

.footerLeftBottom li:first-child{
	padding-left:0px;
}
.footerLeftBottom li:last-child{
	border:none;
	padding-right:0;
}
.footerRight p{
	font-size: 20px;
	font-family: 'Cinzel', serif;
	line-height: 34px;
}

.poweredByDonorDirect{
	display: block;
	visibility: hidden;
    clear: both;
    text-align: center;
    margin-top: 130px;
    font-size: 12px;
    color: #dedede;
}
.poweredByDonorDirect a{
    color: #dedede;
}
.poweredByDonorDirect a:hover{
    color: #3981d0;
}
/* Email subscription widget */
.soSubscribeWidget{
	padding: 20px;
	border:none;
    margin: 0 auto;
    width:100%;
    clear: both;
    text-align: center;
    color:#ccc;
}
.soSubscribeWidget .contentLimit{
}
.soSubscribeWidgetContainer{
	margin:auto;
}
.soSubscribeWidget .soSubscribeWidgetTitle{
	font-size: 25.6px;
	font-weight: 300;
}
img[id*="_imgEmail"]{
	display: none;
}
#divSubscribeWidgetOptions .dsCodeControlCol1, #divSubscribeWidgetOptions .dsCodeControlCol2{
	display: none;
}
#divSubscribeWidgetOptions .dsCodeControlCol3{
	margin:0;
	width: auto;
}
#divSubscribeWidgetOptions li{
	padding:0;
}
.soSubscribeWidgetContainer .dsCodeControlCol3 li input{
	margin:auto;
	width:40px !important;
}
.soSubscribeWidgetContainer .dsCodeControlCol3 li input[type="radio"]{
	margin:0px;
	display: inline-block;
}
ul.dsCodeControlRadioButtonList li{
	margin:10px 0;
}
.soSubscribeWidgetEmailBox input{
	display: block;
	text-align: left;
	margin:6px 10px 15px 0px;
	width:100%;
	padding:10px;
	font-size: 18px;
	border:0px;
	border-radius: 5px;

}
.soSubscribeWidgetEmailBox a[id*="_btnSubscribe"]{
	vertical-align: top;
    margin:5.5px auto auto 0;
    padding:6.5px 20px;
    text-transform: uppercase;
    background: #f1d88a;
    color: #576270 !important;
    border:0px;
    border-radius: 5px;
    letter-spacing: normal;
    font-size: 16px;
    display: block;
}
.soSubscribeWidgetEmailBox a[id*="_btnSubscribe"]:hover{
	background-color: #c5af69;
    color: #576270 !important;
}
.soSubscribeWidgetErrorMsg{
	background: #e71921;
	padding:5px;
	color:#fff;
	display: none;
}
.soSubscribeWidgetOptions{

}

div#divSubscribeWidgetOptions {
    display: none;
}

/* /end subscribe widget

/* Event Template */


.hiddenColumnsText{
	display: none !important;
}


/* Templates */

/* product template */

#ProductsTemplate #soSidebar{
	display: inline-block;
	width:30%;
	float:left;
	padding:10px;
	margin-right:15px;
}

#ProductsTemplate #soContent{
	display: inline-block;
	width:68%;
}

/* DONATE WIDGET */
body#emptyTemplate{
    overflow: hidden;
}
.widgetContentContainer{
	width:100%;
	height:99%;
	position:relative;
	text-align:center;
	padding: 0px 10px;
    font-size:20px;
    font-weight: 700;
}
.widgetContentContainer h4{
    font-size: 20px;
    font-weight: 700;
    color:#A5A5A5;
}
.widgetContentContainer #loading, .widgetContentContainer #processing{
    top:40%;
    position: absolute;
}
.widgetContentContainer a:hover{
	color: #666363;
}
.widgetContentContainer .projectImage{
	text-align:center;
	margin:30px auto 30px;
}
.widgetContentContainer .projectImage img{
	width:100%;
}
.widgetContentContainer .projectTitle{
	text-align:center;
	font-weight:100;
	font-size:30px;
	line-height:30px;
	margin:auto auto 8px;
}
.widgetContentContainer .projectTitle strong{
	font-weight:900;
	letter-spacing: 1px;
}
.widgetContentContainer .projectDescription{
    margin:5px auto;
    text-align: left;
}
.widgetContentContainer .widgetPanel{
    height:auto;
    overflow: hidden;
    color:#A5A5A5;
}
.widgetDonationAmounts{
	text-align:left;
	margin-bottom:10px;
}
.widgetDonationAmounts .DonationAmount {
	/*border:1px solid #fff;*/
	display:inline-block;
	margin:2px;
	width:31.5%;
	height:38px;
	font-weight:800;
	color:#A5A5A5;
	text-align:center;
}
.widgetDonationAmounts .DonationAmount input[type="radio"]{
	display:none;
}
.widgetDonationAmounts .DonationAmount label{
	display:block;
	padding:0px;
	cursor:pointer;
    font-size: 20px;
    line-height: 38px;
    background:#fff;
    height:38px;
}
.widgetDonationAmounts .DonationAmount label:before{
	content: "\f155";
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widgetDonationAmounts .DonationAmount input[type="radio"]:checked{
}
.widgetDonationAmounts .DonationAmount input[type="radio"]:checked + label{
	background:#3981d0;
	color:#fff;
}
.widgetContentContainer .DonationWidgetBtnContainer{
    min-height: 40px;
    width:100%;
    /*border-top: 1px solid #fff;*/
    padding: 0;
    margin-top: 10px;
}
.widgetContentContainer .DonationWidgetBtnContainer a{
	display:block;
	line-height: 40px;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
	color: #ffffff;
	margin:auto;
	background: #3981d0;
    font-weight: 700;
    padding: 0px;
    letter-spacing: 2px;
}
.widgetContentContainer .DonationWidgetBtnContainer a:hover{
	background: #1b4879;
}
.widgetContentContainer .DonationWidgetBtnContainer a#btnWidgetSkipSignin{
	color:#A5A5A5;
	margin:10px auto;
}

.widgetContentContainer .DonationWidgetBtnContainer a#btnWidgetSkipSignin:hover{
	color:#aaaaaa;
}
.withdrawDate.widgetFormField{
    /*margin-bottom:10px;
    display: inline-block;
    width:52%;
    position: absolute;
    top:5px;
    left:0;*/
    display: block;
}
.widgetDonationRecurring{
    position: relative;
    /*height:40px;*/
    height:72px;
    margin-top:15px;
}
.withdrawDate.widgetFormField .withdrawDate.formLabel{
    visibility: hidden !important;
    height:5px;
    display:none;
    margin-bottom:-30px;
}
.withdrawDate.formLabel + select{
    width:100%;
    min-height: 0px;
    height: 25px;
}
.startDate.widgetFormField{
    /*position:absolute;
    top:5px;
    right:0;
    width:40%;
    margin-bottom:0px;
    display: inline-block;*/
    display: block;
}
/*
.startDate.widgetFormField:active .formLabel{
    visibility: hidden;
}
.startDate.widgetFormField:focus .formLabel{
    visibility: hidden;
}*//*
.widgetFormField .startDate.formLabel{
    margin-bottom: -20px;
    padding-left: 5px;
    color: #999;
    display: none;
}*/
.startDate.widgetFormField input{
    min-height: 0px;
    height:31px;
}
.startDate.widgetFormField .startDateLabel {
	display: none;
}
.endDate.widgetFormField{
    width:40%;
    margin-bottom:0px;
    display: none;
}
.endDate.formLabel{
    margin-bottom: -20px;
    padding-left: 5px;
    color: #999;
}
.endDate.widgetFormField input{
    min-height: 0px;
    height:0px;
}
/* donation widget sign in page */
.widgetSigninPanel{
	text-align:center;
}
.widgetContentContainer .donationWidgetSigninHeader{
	margin:30% auto auto;
	text-align:center;
}
.widgetFormField{
	text-align:left;
	font-size: 20px;
	display:inline-block;
	width: 100%;
    margin: auto auto 10px;
}
.widgetFormField span.dsRequiredField{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}
.widgetFormField input{
	display:block;
	width:100%;
	border:none;
	font-size: 20px;
    font-weight: 700;
    color: #A5A5A5;
    padding:5px;
}
.widgetFormField .formLabel{
    margin-bottom: -30px;
    padding-left: 5px;
    color: #A5A5A5;
    height: 30px;
    padding-top: 0;
    display:block;
    width:100%;
}
.widgetFormField .formLabel span, .widgetFormField .formLabel label{
	line-height:40px;
}
.widgetDonationAmounts .otherDonationAmount {
	width: 100%;
    height: 37px;
    border: none;
	/*border:1px solid #fff;*/
	display:inline-block;
	padding: 10px 5px 5px 10px;
}
.widgetDonationAmounts .otherDonationAmount:focus{
	outline:none;
}
.widgetDonationAmounts .otherDonationAmount:before{
	content:"Other donation amount";
	color:red;
}
.widgetDonationAmounts .DonationAmount.otherDonationAmountContainer{
    background:#fff;
    width: 64.5%;
    vertical-align: top;
    position: relative;
}
.widgetDonationAmounts .DonationAmount.otherDonationAmountContainer input{
    background:none;
    position: absolute;
    top:0;
    left:0;
    padding: 0 0 0 5px;
    font-size: 20px;
    color: #a5a5a5;
}

.widgetDonationAmounts .otherDonationAmountLabel.formLabel {
	display:inline-block;
	margin:auto;
	width:auto;
	height:auto;
	color:#A5A5A5;
	text-align:center;
}
.widgetDonationAmounts .otherDonationAmountLabel.formLabel label{
	padding:0;
}
.widgetDonationAmounts .DonationAmount .otherDonationAmountLabel.formLabel label:before{
	display: none;
	width:0;
	height:0;
}
.widgetContentContainer .widgetFormField select{
    width:100%;
    height: 31px;
    margin: 0;
    padding: 5px;
    border:none;

	font-weight: 700;
	font-size: 20px;
	color:#A5A5A5;
 }
.widgetContentContainer .skipSignin.DonationWidgetBtnContainer{
	border-top: none;
	margin-top:0px;
	color:#A5A5A5;
}
.widgetContentContainer .skipSignin.DonationWidgetBtnContainer a{
	background: none;
	border: none;
	font-size: 80%;
	line-height:inherit;
	color:#A5A5A5;
}
.widgetContentContainer .skipSignin.DonationWidgetBtnContainer a:hover{
	color:#666363;
}
.widgetBack{
	position:absolute;
	bottom:1px;
	left:5px;
}
.widgetDonationFrequency{
    text-align:left;
    font-weight: 600;
}
.widgetDonationFrequency .DonationFrequency{
    display:inline-block;
    width:49%;
}
.widgetDonationFrequency input{
    background:none;
    border:none;
    box-shadow: none;
    border: 0px solid;
    background:#fff;
}
.widgetDonationFrequency input[type="radio"]{
    display: none;
}
.widgetDonationFrequency input[type="radio"]:focus{
    outline: none;
}
.widgetDonationFrequency .DonationFrequency label:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0px 5px 0px 0px;
    background-color: #fff;
    box-shadow: none;
    border:1px solid #fff;
    border-radius: 8px;
}
.widgetDonationFrequency .DonationFrequency input[type="radio"]:checked + label:before {
    background:#3981d0;
}



/* Widget address info panel */

.widgetContentContainer .donationWidgetAddressInfoHeader{
    margin:5px auto auto;
    text-align:center;
}
.addressInfo.widgetPanel input{
    min-height:30px;
}
.addressInfo.widgetPanel .addressTitle.widgetFormField, .addressInfo.widgetPanel .addressSuffix.widgetFormField{
    display: none;
}
.addressInfo.widgetPanel .addressFirstName.widgetFormField, .addressInfo.widgetPanel .addressLastName.widgetFormField, .addressInfo.widgetPanel .addressState.widgetFormField, .addressInfo.widgetPanel .addressZip.widgetFormField {
    width:49%;
    display: inline-block;
}
.addressZip.widgetFormField{
	vertical-align: top;
}
 .addressInfo.widgetPanel .addressState.widgetFormField select{
    /*width:100%;
    height: 31px;
    margin: 0;
    padding: 0;*/
 }
.addressInfo.widgetPanel .widgetFormField{
    /*margin: auto;*/
}
.addressInfo.widgetPanel .widgetFormField .formLabel{
    /*margin-bottom: -25px;
    padding-left: 5px;
    color: #999;
    height: 30px;
    padding-top: 13px;*/
}
.addressInfo.widgetPanel .addressState.widgetFormField .formLabel{
	display: none;
}
.expirationDate.widgetFormField .formLabel{
    display: none;
}
.expirationDate.widgetFormField select{
    width: 49%;
    padding-left:5px;
    font-weight: 700;
    color:#a5a5a5;
    margin-bottom: 10px;
    display: inline-block;
}
/* Widget Payment Page */
.DonationWidgetCreditCardImage{
    margin:10px;
}
/* widget confirmation page */
.donationWidgetConfirmationHeader{
    margin-top:5%;
}
.confirmationCreateAccount{
    margin-top:10px;
    padding:10px 0;
    border-top:1px solid #fff;
}
.confirmationCreateAccountTitle{
    font-size: 18px;
    color: #3c3c3c;
    font-weight: 700;
    display: none;
}
.dsAnonymousOrderConfirmationPageCreateAcctMsg{
    padding:5px 0;

}
.confirmationPassword.widgetFormField, .confirmationPasswordConfirm.widgetFormField{
    margin:10px auto;
}
.confirmationCreateAccountBtn.DonationWidgetBtnContainer{
    height: 40px;
    width: 100%;
    border-top: 0px solid #fff;
    padding: 10px 0px 0px;
    margin:auto;
}
.confirmationCreateAccountBtn.DonationWidgetBtnContainer a{
    /*display:inline-block;
    line-height: 24px;
    font-size: 16px;
    padding: 4px 10px 0px;*/
}

a#btnWidgetConfirmationCreateAccount{
	background: #aaaaaa;
	color: #fff;
	transition: all 0.1s linear;
}
	a#btnWidgetConfirmationCreateAccount:hover{
		background:#808080;
		color:#fff;
		border-color:#808080; 
	}
	a#btnWidgetConfirmationCreateAccount:active{
		background: #808080;
		color:#fff;
		border-color:#808080;
	}



.startNewDonationButton.DonationWidgetBtnContainer{

}
/* widget errors */
.pageErrorsContainer{
    max-height:28px;
}
.pageErrors{
    color:#fff;
    background:red;
    padding:3px;
    height:auto;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:100%;
    overflow: hidden;
    z-index: 100;
    position: relative;
}
.pageErrors.pageErrorsHidden{
    display:none;
}
.pageErrors.pageErrorsMinimized{

}
.pageErrors.pageErrorsVisible{
    /*width: auto;
    position: absolute;
    top:30px;
    margin:auto;
    padding: 10px;
    border: 0px solid;
    border-radius: 5px;
    left: 20px;
    right:20px;
    font-size: 18px;*/
/*
    position: absolute;
    margin:auto;
    left:0;
    width: 284px;*/
    min-height: 50px;
    height:auto;
    padding-bottom:25px;/*
    text-overflow:initial;
    white-space:normal;*/

}
.pageErrors.pageErrorsVisible:after{
    content:"click to minimize";
    color:#fff;
    font-size: 12px;
    position:absolute;
    bottom:4;
    right:4;
}

.widgetContentContainer .pageErrors{
	padding:0;
}

input.ValidationError, select.ValidationError, .widgetDonationAmounts input.otherDonationAmount.ValidationError{
    border:2px solid red
}

/* media panel */
#dsAnonymousCheckoutPage div[id*="_MainPanel"].infoContainer > div, .checkoutMedia{
	max-width:600px;
	margin:auto;
}
#dsAnonymousCheckoutPage div[id*="_MainPanel"].infoContainer > div .dsFormLabel{
    font-size: 18px;
    line-height: 28px;
}
#soMediaPanel label{
    width: auto;
    margin-right: 20px;
    padding-top: 5px;
}
#soMediaPanel input{
	width:40px;
}
div[id*="_pnlMedia"].infoContainer{
	padding:15px 0px;
}

/* shopping cart messages - Display only appropriate message for the skin being used */
	body.usa .msgCA{
		display:none;
	}
	body.ca .msgUSA{
		display:none;
	}

/* related giving */
.relatedProductsContainer{
	text-align:left;
}

/* jQuery UI overrides */
#divTransactionHistory.ui-tabs .ui-tabs-nav li a{ /* changes color of selected tab in transaction history */
	color:#333;
	font-size: 14px;
    font-weight: 700;
    font: 300 16px/24px 'Karla', 'Open Sans', sans-serif;
}
#divTransactionHistory.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active a{ /* changes color of selected tab in transaction history */
	color:#333;
	font-size: 14px;
    font-weight: 700;
    font: 300 16px/24px 'Karla', 'Open Sans', sans-serif;
}
/* Media Queries */

/* 1183 */
@media(max-width:1183px){
}
/* 1122 */
@media(max-width:1122px){/*
	#topheader{
		text-align: left;
		padding:0;
	}
	.headerNavContainer{
		margin:auto;
	}
	.menuItem.L1{
		padding:0 14px;
	}*/
}
/* 1000 */
@media(max-width:1000px){
	.menu-primary .menu-item a{
		padding:0 14px 28px;
	}
}
/* 960 */
@media(max-width:960px){
	.headerNavContainer{
		display: none;
	}
	.contentLimit{
		min-height: 0;
	}
	.mobileIcons{
		display: inline-block;
		float:right;
		margin-top:30px;
		margin-bottom:10px;
		margin-right:20px;
	}
	.mobileMenu.open{
		display: block;
	}
	.navbar-toggle {
		width:36px;
		height:28px;
	}
	.navbar-toggle .icon-bar {
	    width: 36px;
	    height: 6px;
	}
	#soTopNav{
		display: none;
	}
	.mobileSidebarMenu{
		display: block;
	}
	#soSidebar{
		display: none;
	}
	#soContent{
		width:100%;
		margin:auto;
		padding:25px 0 25px 0;
	}
	#soHeader{
		
	}
	#topheader{
		display: inline-block;
		float:none;
		margin:0px auto;
		text-align: center;
	}
	.tagline{
		display: none;
	}
	#searchContainer{
		padding: 20px 10px;
	}
}
/* 948 */
@media(max-width:948px){
	.dsproductdetailsmallcontainer {
	    width: auto;
	    margin:auto;
	}/*
	.dsproductimagecontainer{
		float:none;
		margin:auto;
	}*/
}
/* 940 */
@media(max-width:940px){
	#dsCheckoutPaymentPage .dscol2, #dsCheckoutReviewPage .dscol2 {
	    width: 46%;
	}
}
/* 930 */
@media(max-width:930px){
	.dsSubscriptions .dscol3{
		display: none;
	} 
}
/* 880 */
@media(max-width:880px){
	.footerColumn{
		width:100%;
		max-width: 300px;
		height:auto;
		min-height: 0;
		display: block;
		float:none;
		padding-bottom: 0px;
		margin:auto;
	}
}
/* 860 */
@media(max-width:860px){
	.topIcons{
		text-align: left;
	}
	.topIcons a{
		font-size: 12px;
	}
	#soHeader{
		/*height:auto;*/
	}
}
/* 830 */
@media(max-width:830px){
	.layout {
	    float: none;
	}
	.sorter{
		float:none;
	}
	.sortandLayout .label, .sortandLayout .btn{
		display: block;
	}
	#soContentWrapper{
		padding:0;
	}
	.contentLimit{
		width:100%;
	}
	.soSubscribeWidgetContainer{
		border-left:none;
	}
	#soHeader{
		/*padding:10px;*/
	}
}
/* 784 */
@media(max-width:784px){

}

/* 768 - ipad */
@media(max-width:768px){


	.siteLinksDropdownIcon{
		height:80px;
	}
	.dssearchtype{
		width:80%;
		margin:auto;
	}
	.dssearchtype table td{
		width:100%;
		display: block;
		text-align: left;
		margin:10px 0px;
	}
	.dsproducttype table td{
		width:100%;
		display: block;
		text-align: left;
	}
	.dsproducttype table td input{
		margin:0 2px;
	}
}
/* 730px */
@media(max-width:730px){
	.copyrightRight, .copyrightLeft{
		display: block;
		float:none;
	}
	.dsproductimagecontainer{
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
	.dsproductdetailsmallcontainer{
		margin:auto;
		width:100%;
	}

	.dsproductdetails{ /* for subscriptions */
		max-width: 320px;
	    width: 100%;
	    margin: auto;
	}

}
/* 650 */
@media(max-width: 650px){

	#dsCheckoutCCPane div.dsFormItem[id*="_pnlCCVerCd"] > input{
		margin:5px;
		display: block;
	}
	select.ddlCCExpYr, select.ddlCCExpMonth{
		display: block;
	}
	#dsCheckoutCCPane{
		width:80%;
		margin:auto;
	}
}
/* 640 */
@media(max-width:640px){
	#soFooter{
		padding: 0px;
		text-align: left;
	}
	.dsTableButtonsColumn a.soIdleBtn, .dsTableButtonsColumn a.soIdleBtn:hover, .dsTableButtonsColumn a.soIdleBtn:active{
		background: #aaaaaa;
	}
}
/* 620 */
@media(max-width:620px){
	.dsCartItemRowColumnAmount input{
		width:80%;
		padding:5px 3px;
	}
}
/* 600 */
@media(max-width:600px){
	.footerRow1 .footerColumn{
		display: block;

	}
	.mcwe-header-tagline{
		line-height: normal;
		padding:20px 0;
	}
	.mcweTagline{
		padding-bottom:20px;
	}
}
/* 520 */
@media(max-width: 520px){

	.dsEvents .dscol4 h4, .dsEvents .dscol4 {
		font-size: 12px;
	}
}
/* 540 */
@media(max-width: 540px){
	.dsProducts .dscol3{
		display: none !important;
	}
	.dsSubscriptions .dscol4{
		display: none;
	}

}
/* 500 */
@media(max-width:500px){
	#soFrontPageFeatures .viewAllLink{
	    display: block;
	    margin: 20px auto;
	    padding: 0;
	    float:none;
	}
	.soFrontPageFeatureItem{
		margin: 15px auto 50px;
	}
	#soFrontPageFeatures .infoHeader{
		text-align: center;
	}
	.dseventregisteroptions #IndividualInfo, .dseventregisteroptions #GroupInfo{
		padding:0px;
	}
	.dseventnameofattendeesfield input[type="text"]{
		max-width:100%;
	}
	.mobileMenu.open{
		max-width: 100%;
	}
	.mobileMenu .headerNavContainer{
		padding:0;
	}
	.mobileMenu .sidebarNav{
		padding:0;
	}
}
/* 480 */
@media(max-width:480px){
	.dscol5{
		width:auto;
	}
	.dsEvents .dscol4{
		width:25%;
	}
	.dsEvents .dscol4 h4, .dsEvents .dscol4 {
		font-size: 16px;
	}
	.dsRecurringDonations .dscol4 {
	    width: 20%;
	}
	#dsCheckoutPaymentPage .dsRecurringDonations .dscol2{
		width:auto;
		max-width:70%;
	}
	#dsCheckoutPaymentPage .dsRecurringDonations .dscol5{
		width:auto;
	}
	#dsCheckoutPaymentPage .dsSubscriptions .dscol2, #dsCheckoutReviewPage .dsSubscriptions .dscol2{
		width:auto;
		max-width:40%;
	}
	#dsCheckoutPaymentPage .dsSubscriptions .dscol6, #dsCheckoutReviewPage .dsSubscriptions .dscol6{
		width:auto;
	}
	.dsShoppingCartBottomButtonsNotes > .soShoppingCartBottomLeft, .dsShoppingCartBottomButtonsNotes > .soShoppingCartBottomright{
		float:none;
	    display: block;
	    width: 100%;
	}
	.forgotPass{
		text-align: center;
	}
	.productGrid{
		text-align: center;
	}
	.productGriditem, .dsproductgriditem{
		width:100%;
		margin: 30px auto;
	}
	.dsCartItemRowColumnDescription.dsCartItemRowSubInfo{
		text-align: center;
	}
	h2{
		font-size: 30px
	}
	h3{
		font-size: 26px;
	}
	.checkoutReviewInfo .padR5, .checkoutReviewInfo .address{
		display: inline-block;
	}
	.checkoutReviewInfo .padR5 input[type="image"]{
		padding:0;
		margin:auto 10px;
	}
	
	.checkoutReviewInfo .billingInfo .address, .checkoutReviewInfo .paymentInfo .address, .checkoutReviewInfo .shippingMethodInfo .address{
		margin:auto;
		width:auto;
		max-width:80%;
	}
	#soEventDetailPage .dsproductdetailsmallcontainer{
		text-align: left;
	}
	.page-numbers-container{
		width:auto;
	}
	#soNoSideBarTemplate #soContent{
		padding:0;
	}
	.footerRow3{
		display: none;
		width:100%;
	}
	.footerRow3.footerRow3Mobile{
		display: block;
		width:100%;
	}
	.footerHeader{
		text-align: center;
	}
	.footerLogo{
		display: block;
		margin:auto;
	}
	.footerSocialLinks{
		float:none;
		margin:20px auto;
	}
	.footerLeftBottom{
		padding:20px 10px;
		font-size: 10px;
	}
	.footerLeftBottom li{
		font-size: 10px;
		padding-right: 8px;
		padding-left:8px;
	}
}
/* 460 */
@media(max-width:460px){
	/* international phone block for phone number only */
	#internationalPhone > div > div + div + div{
		width:100%;
		max-width:100%;
	}
}
/* 440 */
@media(max-width: 440px){
	.mobileNavBar .mobileItem{
		display: none !important;
	}
}
/* 400 */
@media(max-width:400px){
	.dscol4{
		display: none !important;
	}
	.dsSubscriptions .dscol5{
		display: none;
	}
	.bottomButtons, .topButtons{
		text-align: right;
	}


	.footerHelpMenuTitle{
	    display: block;
	    vertical-align: top;
	    margin-right: 0;
	    text-align: left;
	}
	.dsproductdetails{
		text-align: left;
	}
	.dsproductdetailsmallcontainer{
		margin:auto;
		width:100%;
	}
	.dsproductcontinuebtn a{
		margin:auto;
	}
	.dsproducttopbuttons{
		text-align: center;
	}
	.productList .productGridimage, .productList .dsentitygridimage, #dsSearchResultsArea .productGridimage, #dsSearchResultsArea .dsentitygridimage{
		margin:auto;
	}
	.soSubscribeWidget .soSubscribeWidgetTitle{
		font-size: 20px;
	}
	.dsproductname h3{
		font-size: 20px;
	}

	.soSubscribeWidgetContainer{
		text-align: center;
		padding:0;
	}
	.mobileNavBar .menuItem.L1{
		padding-right:20px;
		margin-right:20px;
	}

	.dsproductdescription {
		text-align: left;
	}
}
/* 348 */
@media(max-width: 348px){
	.dsShippingInfoAddressEdit{
		width:auto;
	}
	.dsShippingInfoAddressDisplay{
		width:75%;
	}
	.dsShippingMultiDetailsCol2{
		margin:auto;
	}
	.dsShippingMultiDetailsCol3{
		text-align: left;
		display:block;
		font-size: 16px;
		margin:20px auto;
	}
	.soShippingMethodSelection{
		margin-bottom:20px;
	}
}
/* 320 */
@media(max-width: 320px){
	.bottomButtons, .topButtons{
		text-align: right;
	}
	#divMarital .dsFormLabel{
		width:auto;
	}
}