@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800,300italic,400italic,600italic,700italic,800italic|Open+Sans+Condensed:300,700,300italic|Oswald:400,700,300);


::-moz-selection { /* Code for Firefox */
    color: white;
    background: #F4594F;
}

::selection {
    color: white; 
    background: #F4594F;
}


/* These are the changes for smaller than 1300px screens */
@media screen and (max-width: 1300px) {
	.pageHeaders {
		margin: 0.52em 0 0 0 !important; 
		font-size: 34px!important;
	}
	.labelHeader{
		font-size: 30px!important;
	}
}
/* -------------------------------------------------*/



input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    color: rgb(62, 62, 62) !important;
}

input:-webkit-autofill:focus{
	-webkit-box-shadow: 0 0 0px 1000px white inset;
    color: rgb(62, 62, 62) !important;
}

@-webkit-keyframes scrollDownAnimation {
    from {bottom:-3px; opacity: 0.10; filter: alpha(opacity=10); }
    to {bottom:3px; opacity: 1; filter: alpha(opacity=100); }
}

/* Standard syntax */
@keyframes scrollDownAnimation {
    from {bottom:-3px; opacity: 0.10; filter: alpha(opacity=10); }
    to {bottom:3px; opacity: 1; filter: alpha(opacity=100); }
}

#scrollDownDiv
{
	position: absolute;
	height: 56px;
	width: 56px;
	bottom: 0px;
	left: 48%;
	
	-webkit-animation: scrollDownAnimation 0.8s infinite; /* Safari 4+ */
	-moz-animation:    scrollDownAnimation 0.8s infinite; /* Fx 5+ */
	-o-animation:      scrollDownAnimation 0.8s infinite; /* Opera 12+ */
	animation:         scrollDownAnimation 0.8s infinite; /* IE 10+, Fx 29+ */
}

.labelHeader{
	
    display: block;
	color: rgb(62, 62, 62);
	
	font-family: 'Open Sans Condensed', Candara, Oswald, Arial, sans-serif;
	font-size: 3.6vw;
	font-style: normal;
	font-weight: 300;
	
	letter-spacing: -.025em;
  	line-height: .8em;
	text-rendering: geometricPrecision;
	margin: .5em .08em .5em .08em;
}

.labelSubHeader {
	
	display: block;
	color: rgb(153, 153, 153);
	
	font-family: 'Open Sans', Oswald, Arial, sans-serif;
	font-size: 1.4vw;
	font-style: normal;
	font-weight: 400;
		
	letter-spacing: -.045em;
  	line-height: .2em;
	text-rendering: geometricPrecision;
	margin: .25em .08em .25em .08em;
}

.helperTool {
    font-family: "Open Sans" !important;
    text-align: right;
    width: 250px;
    height: 52px;
    margin-right: 32px;
    margin-top: 0px;
    /*background-color: lightBlue;*/
    float: right;
    
    -webkit-animation-delay: 1.8s; /* Chrome, Safari, Opera */ animation-delay: 1.8s;
	-webkit-animation-duration: 1.5s; /* Chrome, Safari, Opera */ animation-duration: 1.5s;	
}

.helperTool .explanation
{
	margin-right: 5px;
	font-size: 15px;
	display: none;
}

.fullScreenSection{
	
	position: absolute;  
	height: 100vh;
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	left: 0px;
	top: 0px;
	
	background: no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.defaultBackgroundImage{
	background-image: url(../images/defaultBackground.jpg);
}

.bottomFooter {
	
	font-family: 'Open Sans Condensed', Oswald, Arial, sans-serif;
	font-weight: 600;
	font-size: 13px;
	position: absolute;
	margin-bottom: 10px;
	bottom: 10px;
	float: left;
	left: 10px;
	margin-left:10px;	
	color: rgb(62, 62, 62);
	z-index: 999;
}

.contentWindowTemplateOutside{
	
	position: relative;
	width: 100%;
	height: 50%;
	top: 25%;
}

#contactUsDiv
{
	z-index: 999;
	position: fixed;
	width: 100px;
	height: 100px;
	float: right;
	right: 0px;
	top: 0px;
}
#contactUsDiv:hover
{
	width: 300px;
	height: 300px;
	right: 0px;
	top: 0px;
	
	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;
    transition: height 0.5s;
}
#contactUsDiv:hover + #contactLabelDiv 
{
	z-index: 99999999;
	position: fixed;
	width: 130px;
	height: 30px;
	float: right;
	margin-right: 110px;
	top: 120px;
	font-family: 'Open Sans', Oswald, Arial, sans-serif;
  	font-size: 24px;
   	font-stretch: normal;
   	font-style: normal;
   	font-variant: normal;
   	font-weight: normal; 
	color:#871826;
 	
	-webkit-animation: contactUsLabel 0.5s; /* Chrome, Safari, Opera */
   	animation: contactUsLabel 0.5s;
}

#contactUsLink
{
    background-image: url(../images/contactUs.png);
    background-position: right;
    background-size: contain;
    background-repeat:no-repeat;
    display: block;
    cursor: auto;
    height: 100%;
	width: 100%;

    -webkit-animation: logoOpacity 2s; /* Chrome, Safari, Opera */
    animation: logoOpacity 2s;
}
	
#contactLabelDiv
{
	z-index: 999999999;
	position: fixed;
	width: 130px;
	height: 30px;
	float: right;
	margin-right: -95px;
	right: -95px;
	top: 120px;

	font-family: 'Open Sans', Oswald, Arial, sans-serif;
   	font-size: 24px;
   	font-stretch: normal;
   	font-style: normal;
   	font-variant: normal;
   	font-weight: normal; 
	color: #871826;
}

@-webkit-keyframes contactUsLabel {
    from {margin-right:-50px; display:none; }
    to {margin-right:110px; display:inherit; }
}

/* Standard syntax */
@keyframes contactUsLabel {
    from {margin-right:-50px; display:none; }
    to {margin-right:110px; display:inherit; }
}

#loginLinks{
	
	position: relative;
	float: right;
	margin-top: 30px;
	margin-right:40px;
	height: 80px;
	
}

#welcomeDiv {
	
	position: relative;
	float: right;
	margin-top: 10px;
	height: 40px;
	width: 670px;
	
}

#goToLinks{
	
	position: relative;
	float: left;
	height: 40px;
	width: 400px;
	padding-right: 0;
}

#socialLinks{
	
	position: relative;
	float: left;
	left: 40px;
	height: 40px;
	width: 200px;
}

#socialMenuUL{
	   display: block;
	   height: 100%;
	   list-style-image: none;
	   list-style-position: outside;
	   list-style-type: none;
	   
	   width: 100%;
	   align: center;
}
#facebookLI, #linkedInLI, #twitterLI, #pinterestLI, #instagramLI{
   
   float: left;
   height: 23px;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   position: relative;
   width: 22px;
   margin: 1.5%;
   top: 6px;
}

 #contactUsLI {
   float: left;
   height: 37px;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   position: relative;
   width: 30px;
   margin: 1.5%;
   border-left : solid 1px black;
   padding-left:15px;
 }
 
#aFacebook, #aLinkedIn, #aTwitter, #aPinterest, #aInstagram{
	
	background-repeat:no-repeat;
	background-size: contain;
	
	display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

#aContactUs {
	background-repeat:no-repeat;
    background-size: contain;
    
    display: inline-block;
    width: 32px;
    height: 21px;
    margin: 0 auto;
    top: 7px;
    
}
	



.pageHeaders {
	font-family: 'Open Sans Condensed', Oswlald, Arial, sans-serif;
	font-size: 38px;
	color: rgb(62, 62, 62); 
	letter-spacing: 0.04em;
}

#fullPageContent{
	
	/*min-height: 800px;*/
	width: 100%;
	font-size: 14px;
}

#innerMainMenu {
	
	/*height: 750px;*/
	width: 800px;
	margin-left: auto;
 	margin-right: auto;
	padding-top: 15px;
}

.mainMenuItems {
	
	float: left;
	margin: 1px;
	width: 30%;
	//width: 460px;
	//height: 50%;
	//height: 140px;
	//margin-left: 20px;
	//margin-right: 10px;
	//margin-top: 8px;
	//margin-bottom: 8px;
	
}

.mainMenuItems2 {
	
	float: left;
	margin: 1px;
	width: 48%;
	//width: 460px;
	//height: 50%;
	//height: 140px;
	//margin-left: 20px;
	//margin-right: 10px;
	//margin-top: 8px;
	//margin-bottom: 8px;
	
}

.mainMenuItems3 {
	
	float: right;
	margin: 0px;
	width: 400px;
	
}

.mainMenuItems4 {
	
	float: left;
	margin: 0px;
	width: 400px;
	
}

.vendorIndexHeaders {
	
	font-family: 'Open Sans Condensed', Oswald, Arial, sans-serif;
	font-size: 22px;
	color: #D93742; 
	letter-spacing: 0.04em;
	font-weight: 600;
	position: relative;
	width: 99.8%;
	  
}

.vendorIndexHeaderDetail {
	
	font-family: 'Open Sans', Oswald, Arial, sans-serif;
	font-size: 16px;
	color: rgb(62, 62, 62); 
	letter-spacing: 0.04em;
	float: right;
	font-weight: 600;
	margin-top: 8px;
	
}

.vendorIndexButtonsDiv {
	float: right;
	height: 35px;
	margin-top: 80px;
}

.vendorIndexTablesDiv {
	font-family: 'Open Sans', Oswald, Arial, sans-serif;
	color: #4f4f4f;
	width: 72%;
	margin-top: 12px;
}


hr.style-one {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(217, 55, 66, 0), rgba(217, 55, 66, 0.75), rgba(217, 55, 66, 0));
}

.vendorIndexExceptions{
    margin-left: 10px;
    position: absolute;
    margin-top: 20px;
    font-family: "Open Sans", Oswald;
    color: rgb(62, 62, 62);
}

.outsideMainButton{
	margin-left: 30%!important;
	-webkit-animation-delay: 0.8s; 
	/* Chrome, Safari, Opera */ animation-delay: 0.8s;
	font-size: 16px !important;
	min-width: 100px;
}

@media only screen and (max-width: 1300px) {
    .outsideMainButton{ font-size: 14px!important; min-width: 75px!important; padding: .3em 2em!important; }
 }

.ui-outputlabel .ui-outputlabel-rfi {
    color: red;
}