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

html, body {
	margin:0;
	padding:0;
}


#wrapWhite {
	width:100%;
	float:left;
	background-color: #FFF; /*change bk color*/
}

#wrapTeal {
	width:100%;
	float:left;
	background-color:#8ED4DF;
}

#wrapTealBottom {
	width:100%;
	float:left;
	background-color: #243D51;
	border-top-color: #999;
	border-top-style: solid;
	border-top-width: 1px;
}

#wrapGray {
	width:100%;
	float:left;
	background-color:#243D51;
}


#wrapPatternTeal {
	width:100%;
	float:left;
	background-color:; /*change bk color*/
	background-image:url(../images/bg-teal.png);
}


.content {
	position:relative;
	margin:0 auto;
	width:75%;
}


.contentMain {
	position:relative;
	margin:0 auto;
	width:80%;
	height:auto;
	padding:;
}

.contentMain {
	line-height: 30px;
}


p {
	font-size:100%;
	color: #333;
	font-family:'Raleway', sans-serif;
}


h1, h2, h3, h4, h5, h6 {
	font-family:'Raleway', sans-serif;
	font-size: 100%;
	color: #FFF;
	font-weight:bold;
	margin: 0;
	
}

a {
	font-size: 100%;
	color: #333;
	font-family:'Raleway', sans-serif;
	text-decoration:none;
}
a:hover {
	color: #AF1F24;
}




img	{
	border: none;
	height: auto;
	margin: 0;
	width: 100%;
}


ul {
	font-family:'Raleway', sans-serif;
	font-size: 100%;
	margin-left: 0;
    padding-left: 0;
}


li {
	margin-left: 1em;
	padding: 2% 0;
}








.header {
	width: 100%;
	float: left;
}


.logo {
	width: 30%;
	float: left;
	margin: 1% 0 2% 0;
}
.social {
	width:70%;
	float: left;
	/*margin: 1% 0 2% 0;*/
}
.socialIcons {
	width: 5%;
	float: right;
	margin: 10% 0 1% 2%;
}


.headerNavBox {
	width: 94%;
	float: left;
	padding: 1% 3%;
	height: 10%;
	border-radius: 5px;
background: rgb(88,89,91); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(88,89,91,1) 0%, rgba(128,130,133,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,89,91,1)), color-stop(100%,rgba(128,130,133,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(88,89,91,1) 0%,rgba(128,130,133,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(88,89,91,1) 0%,rgba(128,130,133,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(88,89,91,1) 0%,rgba(128,130,133,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(88,89,91,1) 0%,rgba(128,130,133,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58595b', endColorstr='#808285',GradientType=0 ); /* IE6-9 */


}
	
.headerNav {
    list-style-type:none;
    margin: 0;
    padding: 0;
}
.headerNav li {
	display:inline;
}

.headerNav a {
	display: inline-block;
	padding: 0 2%;
	color: #FFF;
	font-weight: 300;
	font-size: 100%;
	text-decoration: none;
	letter-spacing: 1px;
}
.headerNav ul {
	margin: 0;
	padding: 0;
}
.headerNav ul li {	
}
.headerNav li:hover ul {
	left:0;
}
.headerNav li:hover a {
	color:#333;
	text-decoration:none;
}



.slide {
	width: 75%;
	position: relative;
	margin:0 auto;
	margin-top: 1%;
}


.columnOneThridBox {
	width:100%;
	float: left;
	margin: 1% 0;
	border-radius: 5px;
	border: 2px solid #e6e7e8;
	
}
.columnOneThridBox a {
	font-size:80%;
	color: #FFF;
}
.columnOneThridBox a:hover {
	color: #000;
}


.columnOneThirdA {
	width: 29%;
	float: left;
	padding: 1%;
	margin: 0 1%;
	background-image:url(../images/One-Third-A.png);
	background-repeat:no-repeat;
}


.columnOneThirdB {
	width: 29%;
	float: left;
	padding: 1%;
	margin: 0 1%;
	background-image:url(../images/One-Third-B.png);
	background-repeat:no-repeat;
}

.columnOneThirdC {
	width: 29%;
	float: left;
	padding: 1%;
	margin: 0 1%;
	background-image:url(../images/One-Third-C.png);
	background-repeat:no-repeat;
}

.columnOneThirdView {
	float: left;
	width: 30%;
	margin-top: 20%;
	padding: 1%;
	border-radius: 5px;
	text-align:center;
	background: #ba1a24; /* Old browsers */
	background: -moz-linear-gradient(top,  #ba1a24 0%, #991521 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba1a24), color-stop(100%,#991521)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ba1a24 0%,#991521 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ba1a24 0%,#991521 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ba1a24 0%,#991521 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ba1a24 0%,#991521 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba1a24', endColorstr='#991521',GradientType=0 ); /* IE6-9 */
}







.productNavLeft {
	width: 23%;
	float: left;
	margin: 2% 3% 2% 0;
	border-radius: 5px;
	background: #e6e7e8;
	padding: 1% 0;
	
}
.productNavLeft ul li {
	width: 90%;

	border-bottom: 1px solid #d1d3d4;
	margin: 0 5%;
	
}

.productNavLeft li {
	list-style-type:none;
	padding: 2% 0;
}
.productNavLeft a {
	color: #333;
	font-weight: 300;
	font-size: 14px;
	text-decoration: none;
}
.productNavLeft ul {
	margin: 0;
	padding: 0;
}
.productNavLeft li:hover a {
	color:#8ED8F5;
}






.productFeaturedRight{
	width: 74%;
	float: left;
	margin: 2% 0;
}


.featuredProductBG {
	width: 96%;
	float: left;
	padding: 2%;
	border-radius: 5px;
	background: #ba1a24; /* Old browsers */
	background: -moz-linear-gradient(top,  #ba1a24 0%, #991521 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba1a24), color-stop(100%,#991521)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ba1a24 0%,#991521 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ba1a24 0%,#991521 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ba1a24 0%,#991521 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ba1a24 0%,#991521 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba1a24', endColorstr='#991521',GradientType=0 ); /* IE6-9 */

}

.columnOneFourth {
	width: 23%;
	float: left;
	border: 2px solid #E6E7E8;
	margin: 1.3% 1.3% 1.3% 0;
	text-align: center;
	border-radius: 5px;
}
.columnOneFourth img {
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.columnOneFourth img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.productImageSmall {
	width: 96%;
	margin: 2%;
}

.productDescSmall {
	width: 96%;
	margin: 2%;
}
.productDescSmall p{
	line-height: 1px;
	line-stacking:1px;
}


.productPageHeader {
	width: 95%;
	float: left;
	padding: 2%;
	border-radius: 5px;
	border: 4px solid #e6e7e8;
}

.productPageBox {
	width: 89%;
	float: left;
	border-radius: 5px;
	border: 4px solid #e6e7e8;
	padding: 5%;
	margin: 0 0 3% 0;
}

.productPageBox h1 {
	color:#333;
	font-size: 160%;
}

.productPageImage {
	width: 50%;
	float: left;
}

.productPageDesc{
	width: 45%;
	float: left;
	padding: 0 0 0 5%;
}

.productButtons {
	float: left;
	width: 60%;
	text-align:center;
	margin: 3% 0;
	padding: 2%;
	border-radius: 5px;
	background: #ba1a24; /* Old browsers */
	background: -moz-linear-gradient(top,  #ba1a24 0%, #991521 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba1a24), color-stop(100%,#991521)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ba1a24 0%,#991521 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ba1a24 0%,#991521 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ba1a24 0%,#991521 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ba1a24 0%,#991521 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba1a24', endColorstr='#991521',GradientType=0 ); /* IE6-9 */

}
.productButtons a {
	font-size:100%;
	color: #FFF;
}
.productButtons a:hover {
	color: #333;
}
.productPageDetails {
	width: 100%;
	float: left;
	margin-top: 5%;
	padding-top: 2%;
	border-top: 1px;
	border-top-color:#E6E7E8;
	border-top-style:solid;
	
}
.productPageDetails p {
	font-size: 85%;
	line-height: 200%;
}





.contactPageDesc {
	width: 100%;
	float: left;
}
.contactPageDesc p {
	line-height: 180%;
}








/* Contact Form */


.textBox-Two {
	float: left;
	width: 70%;
	border: 1px double #333;
	margin: 2% 0;
	height: 30px;
}
.descBox {
	float: left;
	width: 25%;
	padding: ;
	height: 30px;
	margin: 2% 0;
}
.descBox p {
	font-size:;
	padding: 0;
	margin: 0;
}
.descBoxTwo {
	float: left;
	width: 100%;
	margin: 2% 0;
}
.descBoxThree {
	float: left;
	width: 100%;
	margin: ;
	padding: ;
}
.required {
	float: left;
	width: 70%;
	margin: 2% 0;
	padding: 0;
	border: 1px double #333;
	height: 30px;
}

.notrequired {
	float: left;
	width: 70%;
	margin: 2% 0;
	padding: 0;
	border: 1px double #333;
	height: 30px;
}
.messageBox {
	float: left;
	height:150px;
	width:95%;
	margin: 0;
	padding:0px;
	border: 1px double #333;
	overflow:hidden;
}
.checkBox {
	float: left;
	height: auto;
	width: auto;
	margin: 0;
	padding:12px;
}
.checkBoxVerb {
	float: left;
	height: auto;
	width: 650px;
	margin: 0;
	padding:0;
}


/* End Contact Form */


.footerBox {
	width: 100%;
	float: left;
	margin: 3% 0;
	border-top: 1px;
	border-top-color:#E6E7E8;
	border-top-style:solid;
	
}


.footerBoxes {
	width: 29%;
	float: left;
	padding: 0 2%;
	margin-top: 2%;
}
.footerBoxes h4,h5,h6 {
	margin: 0 0 15px 0;
	color: #AF1F24;
	font-size: 140%;
}
.footerBoxes p {
	color: #333;
	font-size: 14px;
	margin: 0px;
	padding: 6px 0;
	font-weight: bold;
}
.footerBoxes li {
	list-style-type:none;
	padding: 2% 0;
	margin: 0;
}
.footerBoxes a {
	color: #333;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
.footerBoxes ul {
	margin: 0;
	padding: 0;
}
.footerBoxes li:hover a {
	color:#AF1F24;
}
.footerBottom {
	width: 100%;
	height: auto;
	float: left;
	margin: 5% 0 0 0;
	text-align: center;
}
.footerBottom a {
	font-size:80%;
	color: #BCBEC0;
}
.footerBottom a:hover {
	color: #AF1F24;
}
.footerSocialIcons {
	width: 10%;
	float: left;
	margin: 7% 5% 0 0;
}


/*css for pages Fundraiser */
.productPageBox h6{ color:#fff; background-color:#b01f24; padding:5px 10px; font-size:16px !important; border-radius:5px;}
.productPageBox .mainHeading { background: transparent linear-gradient(to bottom, #BA1A24 0%, #991521 100%) repeat scroll 0% 0%; border-radius:4px; padding:3px 0px 8px 0px; min-height:30px;}
.productPageBox h5{ border-bottom:#ccc 1px solid; color:#b01f24; font-weight:normal !important; font-size:18px !important; padding-bottom:5px; margin-top:10px;}
.productPageBox .mainHeading h4{ float:left; margin:8px 0 5px 10px;color:#fff !important;}
.productPageBox .mainHeading a{ float:right; background: transparent linear-gradient(to bottom, #BA1A24 0%, #991521 100%) repeat scroll 0% 0%; padding:5px 10px; border-radius:5px; float:right; font-size:12px !important; letter-spacing:1px; margin:0 10px 0 0;}
.productPageBox a img{ width:auto; margin-right:8px; float:left;}
.productPageBox a span{ float:right; color:#fff; font-size:12px; padding-top:5px; font-weight:normal !important;}
.productPageBox a span:hover {color:#000; }
.productPageBox p{ color:#666;font-size:14px; letter-spacing:1px;}
.productPageBox span, .buySet ul li span{ color:#b01f24;font-size:14px; letter-spacing:1px; font-weight:bold;}
.productPageBox ul li{ padding: 5px 0; list-style:square; font-size:14px; color:#333; letter-spacing:1px;}
.buySet ul li, .ourStyles ul li{ width:25%; list-style:none; float:left; font-family:verdana; line-height:20px;margin:0 !important;}
.clear{ clear:both;}
.ourStyles ul li img { width:80%; padding:5px; border:1px solid #ccc; border-radius:5px;}
.ourStyles1 ul li{ width:50%; list-style:none; float:left; font-family:verdana; line-height:20px;margin:0 !important;}
.ourStyles1 ul li img { width:80%; padding:5px; border:1px solid #ccc; border-radius:5px;}
iframe{position:none !important;}	
.imgborder{padding:5px; border:1px solid #ccc; border-radius:5px;}

.spiritCardFlyer{ width:40%; float:left; }
.innerSpiritInfo{ float:right; width:55%; padding:6px; padding-top:0px !important;}
.innerSpiritInfo ul, .innerSpiritInfo ul li{padding-top:0px !important; margin-top:0px;}
.innerSpiritInfo ul li{ padding-bottom:15px;}
.spiritInfo{ margin-bottom:0px;}
.spiritInfoBottom{ margin-top:0px; }

.info ul{ float:left;}
.info img{ float:right;width:28%; padding:1%; border:1px solid #ccc; border-radius:4px; margin-top:2%;}

/*.sportsBeadsInfo ul{ float:left;}
.sportsBeadsInfo img{ float:right;width:28%; padding:1%; border:1px solid #ccc; border-radius:4px; margin-top:2%;}
*/
.spiritWigsInfo ul{ float:left; width:50%}
.spiritWigsInfo img{ float:right;width:40%; padding:1%; border:1px solid #ccc; border-radius:4px; margin-top:2%;}

.spiritCards  img{ width:46%; padding:1%; border:1px solid #ccc; border-radius:4px;}
.spiritCards .img1{ float:left;}
.spiritCards .img2{ float:right;}
.homeImg{ background-image: url("../images/fundraiser/PinkCheer.jpg"); background-position: 50% 0; background-repeat: no-repeat; background-size: cover; border-radius: 4px; height: 265px; margin-top: 10px;}
.bgText{ border-radius: 0 4px 4px 0; margin-top: 10px; min-height: 92px; width: 100%;}
.homeImg .bgText ul{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; border-image: none;
border-left: medium none !important; border-radius: 0 4px 4px 0; color: #fff; height: 62px; margin: 0 !important;
padding: 10px;}
.homeImg .bgText ul li{ list-style: outside none none;padding: 1px !important; font-size: 17px; }
.black{color: #000 !important;font-weight: bold;}

.imageHeight{height:300px; }
.imageWidth{width:70%; margin:0 15%;}

.option{ width:28% !important; float:right;}
.innerOptionInfo{ float :left; width:70%;}