/* ############ */
/* Boiler Plate */
/* ############ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
body {
	line-height: 1.5;
	background: #fff;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	text-align: left;
	font-weight:400;
	vertical-align: top;
}
a img {
	border: none;
}
input, textarea {
	margin: 0;
}
a {
	outline: none;
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, input, textarea {
	font-family: Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 14px;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 125%;
}
h4 {
	font-size: 100%;
}
h5, h6, p {
	font-size: 100%;
}

/* Boiler Plate End */

/* ##### */
/* FIXES */
/* ##### */

.group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.group {
	display: inline-block;
}
html[xmlns] .group {
	display: block;
}
* html .group {
	height: 1%;
}
.group:after { content:""; clear:both; display:table;}
.group  {zoom:1}

hr.bottomFix {
	width: 100%;
	color: #ffffff;
	border-color: #ffffff;
	background-color: #ffffff;
	border-width: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.clear {
	clear: both;
}

/* ############### */
/* Main Containers */
/* ############### */

html {
	background-color: #ffffff;
}
body  {
	width: 100%;
	margin: 0px auto;
	font-size: 16px;
	background-color: #ffffff;
}

/* ########### */
/* Main Layout */
/* ########### */

div#overAll {
	width: 100%;
	margin: 0px auto;
}
@media screen and (min-width: 1px) {
	div.sectionContainer {width: 100%;}
}
@media screen and (min-width: 1000px) {
	div.sectionContainer {width: 940px; margin: 0px auto;}
}



/* ########### */
/* Header      */
/* ########### */



div#header {
	width: 100%;
}
#headerLogo {
	width: 209px;
	margin: 25px 28px 14px 28px;
}
@media screen and (min-width: 1px) {
	#headerLogo {width: 159px;}
}
@media screen and (min-width: 350px) {
	#headerLogo {width: 209px;}
	#headerLogo {margin-left: 28px;}
}
@media screen and (min-width: 1000px) {
	#headerLogo {margin-left: 0px;}
}



#headerMobileMenu {
	float: right;
	margin: 23px 34px 8px 14px;
	height: 26px;
	width: 31px;
}
#headerMobileMenu img {
	height: 26px;
	width: 31px;
}
#headerLoginPadlock {
	float: right;
	clear: right;
	margin: 7px 35px 8px 25px;
	height: 25px;
	width: 19px;
}
#headerLoginPadlock img {
	height: 25px;
	width: 19px;
}
#headerLoginPadlock span {
	display: none;
	margin-right: 10px;
}
@media screen and (min-width: 1px) {
	#headerLoginPadlock span {display: none;}
	#headerLoginPadlock {clear: right;}
	#headerLoginPadlock {width: 19px;}
	#headerMobileMenu {margin-top: 23px;}
	#headerLoginPadlock {margin-top: 7px;}
	#headerLoginPadlock {margin-right: 35px;}
}
@media screen and (min-width: 540px) {
	#headerLoginPadlock span {display: inline-block;}
	#headerLoginPadlock {clear: none;}
	#headerLoginPadlock {width: 89px;}
	#headerMobileMenu {margin-top: 63px;}
	#headerLoginPadlock {margin-top: 67px;}
	#headerLoginPadlock {margin-right: 5px;}
}






/* ########### */
/* Pink Band   */
/* ########### */

div#pinkBand {
	background-color: #bd0071;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #ffffff;
	text-align: center;
}
div#pinkBand h1 {
	background-color: #bd0071;
	color: #ffffff;
	margin-bottom: 0px;
}

img.pinkBannerImages {
	display: none;
	float: right;
	width: auto;
	height: 120px;
	margin-right: 34px;
}



@media screen and (min-width: 1px) {
	div#pinkBand {text-align: center;}
	div#pinkBand {padding-left: 0px;}
	div#pinkBand {padding-top: 20px; padding-bottom: 20px;}
	div#pinkBand h1 {margin-bottom: 0px;}
	img.pinkBannerImages {display: none;}
}
@media screen and (min-width: 540px) {
	div#pinkBand {text-align: left;}
	div#pinkBand {padding-left: 28px;}
	div#pinkBand {padding-top: 40px; padding-bottom: 40px;}
	div#pinkBand h1 {margin-bottom: 10px;}
	img.pinkBannerImages {display: block;}
}
@media screen and (min-width: 1000px) {
	div#pinkBand {padding-left: 0px;}
}




div#pinkBand input[type=text], div#pinkBand input[type=submit] {
	font-weight: bold;
	border-radius: 11px;
	border: 1px solid #ffffff;
	padding: 8px;
	margin-bottom: 10px;
	margin-top: 6px;
}
@media screen and (min-width: 1px) {
	div#pinkBand input[type=text], div#pinkBand input[type=submit] {margin-top: 6px;}
}
@media screen and (min-width: 540px) {
	div#pinkBand input[type=text], div#pinkBand input[type=submit] {margin-top: 16px;}
}

div#pinkBand input[type=text] {
	background-color: #ffffff;
	color: #6d6e70;
	margin-right: 10px;
}


div#pinkBand input[type=submit] {
	background-color: #6d6e70;
	color: #ffffff;
}


div#pinkBand input[type=radio]:not(old){
	width     : 2em;
	margin    : 0;
	padding   : 0;
	font-size : 1em;
	opacity   : 0;
}


/*
The following CSS for styling Radio Buttons came from:
http://code.iamkate.com/html-and-css/styling-checkboxes-and-radio-buttons/
*/

div#pinkBand input[type=radio   ]:not(old) + label{
	display      : inline-block;
	margin-left  : -2em;
	line-height  : 1.5em;
}
div#pinkBand input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.5em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}
div#pinkBand input[type=radio   ]:not(old):checked + label > span{
	background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}
div#pinkBand input[type=radio]:not(old):checked + label > span > span{
	display          : block;
	width            : 0.5em;
	height           : 0.5em;
	margin           : 0.125em;
	border           : 0.0625em solid rgb(115,153,77);
	border-radius    : 0.5em;
	background       : rgb(153,204,102);
	background-image :    -moz-linear-gradient(rgb(189,0,113),rgb(189,0,113));
	background-image :     -ms-linear-gradient(rgb(189,0,113),rgb(189,0,113));
	background-image :      -o-linear-gradient(rgb(189,0,113),rgb(189,0,113));
	background-image : -webkit-linear-gradient(rgb(189,0,113),rgb(189,0,113));
	background-image :         linear-gradient(rgb(189,0,113),rgb(189,0,113));
}





/* ########### */
/* Steps       */
/* ########### */


#steps {border: solid 1px #000000; border-width: 0px 0px 1px 0px; margin-bottom: 18px;}

#steps h2 {
	color: #777777;
	margin: 20px 20px;
}


.step {width: 33%; text-align: center; floaT: left; height: 121px;}



@media screen and (min-width: 1px) {
	.step {width: 33%; height: 121px;}
}
@media screen and (min-width: 800px) {
	.step {width: 16.5%; height: 186px;}
}

div.stepImage {
	height: 75px;
}


.step img {}

span.stepNumber {font-weight: bold; color: #bd0071; clear: both;}
span.stepTitle {font-weight: bold; 	color: #6d6e70;}
div.stepText {display: none; margin-top: 15px; color: #6d6e70;}




@media screen and (min-width: 1px) {
	div.stepText {display: none;}
}
@media screen and (min-width: 800px) {
	div.stepText {display: block;}
}













.optionWrapper {
	text-align: center;
}

.oftenButton, .hoursButton, .datesButton, .timesButton, .dateButtonDisabled {
	margin: 15px;
	width: 100px;
	display: inline-block;
	border: solid 1px #6d6e70;
	border-radius: 8px;
	color: #6d6e70;
}
.hightlightButton {
	color: #ffffff;
	background-color: #bd0071;
}

.dateButtonDisabled {
	background-color: #777777;
	color: #ffffff;
}




/* ########### */
/* Content     */
/* ########### */




#content {
	margin-top: 10px;
	text-align: center;
	padding: 0px 10px;
}



img.mainBodyImage {
	display: block;
	margin: 0px auto;
}




div#steps a {
	background-color: #bd0071;
	display: inline-block;
	margin: 20px auto;
	padding: 20px 40px;
	font-size: 20px;
	text-decoration: none;
	color: #ffffff;
	border-radius: 10px;

}



div#background {
	background: url(/images/template/Fotolia_95123072_L2.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom: 75px;
}






/* ########### */
/* Careers     */
/* ########### */

#careers{
	background-color: #bd0071;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #ffffff;
	text-align: center;
}
@media screen and (min-width: 1px) {
	div#careers {padding-left: 0px;}
	div#careers {padding-top: 20px; padding-bottom: 20px;}
}
@media screen and (min-width: 540px) {
	div#careers {padding-left: 28px;}
	div#careers {padding-top: 40px; padding-bottom: 40px;}
}
@media screen and (min-width: 1000px) {
	div#careers {padding-left: 0px;}
}

#careersBlock {
	background-color: #bd0071;
	color: #ffffff;
	text-align: center;
	padding: 10px;
}










/* FOOTER */

#footer {
	background-color: #6d6e70;
	color: #ffffff;
}

#footerEmailIcon, #footerPhoneIcon {
	margin-left: 29px;
	margin-right: 17px;
	margin-top: 30px;
	margin-bottom: 24px;
	vertical-align: middle;
}
.footerSocialIcon {
	margin-left: 29px;
	margin-right: 10px;
	margin-bottom: 24px;
}



/* COPYRIGHT */

#copyright {
	text-align: center;
	font-size: 11px;
	color: #aaaaaa;
}
#copyright a {
	color: #aaaaaa;
}