#header
{
	border-top: 0px !important;
	border-bottom: 0px !important;
}

.smallerText
{
	font-size: 0.7em;
}

.socials li a:hover {
	background: #55117b;
}

#header2 {
	background: #55117b;
	color : #ffffff;
	line-height: 30px;
	vertical-align: top;
}

.socials li a:hover {
	background: #9933ff;
}

.copy a:hover {
	color: #55117b;
}

.avidLink {
	text-decoration: underline;
}

.avidList {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.avidList li {
	padding-left: 23px;
	background: url(../images/bull.png) 0 7px no-repeat;
}

.avidList li a {
	text-transform: none;
	font-size: 14px;
	color: #666666;
	font-weight: 600;
    letter-spacing: -.2px;
}

.avidList li a:hover {
	color: #fc8c29;
	text-decoration: none;
	border-bottom: none;
}

/*****box for product pictures*****/

.boxPicture {
	position: relative;
	margin: 40px 0 70px;
	background: #fff;
	text-align: left;
	padding: 0 25px 39px;
}

.boxPicture h3 {margin-bottom: 18px;}
.boxPicture p {letter-spacing: -.4px}

.imagePicture {
	position: relative;
	text-align: center;
	border: 8px solid #f2f5f6;
	width: 100px;
	height: 100px;
	display: inline-block;
	margin: -69px 0px 26px;
	
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;

	transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.imagePicture > img {
	width: 100px;
	height: 100px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	border: 1px solid #55117b;
}


/*****square box for product pictures*****/

.boxPictureSq {
	position: relative;
	margin: 40px 0 70px;
	background: #fff;
	text-align: left;
	padding: 0 25px 39px;
}

.boxPictureSq h3 {margin-bottom: 18px;}
.boxPictureSq p {letter-spacing: -.4px}

.imagePictureSq {
	position: relative;
	text-align: center;
	border: 8px solid #f2f5f6;
	width: 100px;
	height: 100px;
	display: inline-block;
	margin: -69px 0px 26px;
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

	transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.imagePictureSq > img {
	width: 100px;
	height: 100px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #55117b;
}


/**********specific colours**********/

.lightPink { background: #f9d8ea; }
.lightOrange { background: #fdead2; }
.lightBlue { background: #cce5f3; }
.lightGreen { background: #dae9da; }
.lightGrey { background: #eaeaea; }
.lightRed { background: #ffc4c4; }
.white { background: #ffffff; }

.darkPurple {background: #55117b;}
.darkPink {background: #e33a95;}
.darkOrange {background: #f7941e;}
.darkBlue {background: #007dc3;}
.darkGreen {background: #478f47;}
.darkRed { background: #df0000; }

.darkPurple:hover{background: #3F0D59;}
.darkPink:hover {background: #ce1e7e;}
.darkOrange:hover {background: #c87106;}
.darkBlue:hover {background: #006ba6;}
.darkGreen:hover {background: #006600;}
.darkRed:hover { background: #b00000; }

.textLightPink { color: #f9d8ea; }
.textLightOrange { color: #fdead2; }
.textLightBlue { color: #cce5f3; }
.textLightGreen { color: #dae9da; }
.textLightGrey { color: #eaeaea; }
.textLightRed { color: #ffc4c4; }

.textDarkPurple { color: #55117b; }
.textDarkPink { color: #e33a95; }
.textDarkOrange { color: #f7941e; }
.textDarkBlue { color: #007dc3; }
.textDarkGreen { color: #478f47; }
.textDarkRed { color: #df0000; }
.textWhite { color: #ffffff; }

.backgroundColour { background: #f2f5f6; }

.standard a {
	text-decoration: underline;
}

.thumb {
	border: 1px solid #aeaeae;
}

.buttonOrange {
	color: white !important;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	background: #f7941e !important;
}

.buttonOrange:hover {
	background: #c87106 !important;
}

.buttonGrey {
	color: white !important;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	background: #aeaeae !important;
}

.buttonGrey:hover {
	background: #cccccc !important;
}

.textCenter {
	text-align: center;
}

.textLeft {
	text-align: left;
}

.boxit {
	position: relative;
	display: inline-block;
	border: 2px solid #aeaeae;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.listPadding
{
	margin: 5px;
}

.clearStyle
{
	color: inherit;
	text-decoration: none !important;
}

/****** MAILING STYLES *****/
#contactform form {display:block; position:relative; text-align:left; }
#contactform h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#contactform input, textarea {border:1px solid #999; -webkit-appearance:none;}
#contactform input:focus, textarea:focus {border-color:#55117B;}
#contactform .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#contactform .button:hover {background-color:#55117B;}

#contactform .formfield {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#contactform .formfield label {display:block; margin-bottom:3px;}
#contactform .formfield input, textarea{display:block; width:100%; padding:8px 0; text-indent:2%;}
#contactform .formfield select {display:block; width:100%; padding:8px 0;}

#contactform .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#contactform .asterisk {color:#267F00; font-size:200%;}
#contactform .formfield .asterisk {position:absolute; top:25px; right:10px;}        
#contactform .clear {clear:both;}

#contactformSubmit {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}

a:link, a:active { text-decoration: underline; }

.no-underline { text-decoration: none !important; }