.clearfloatConditionalIcons{
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}

.clearfloatConditionalForm{
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}

.insetShadow { 
    box-shadow: inset 2px 2px 5px rgba(0,0,25,0.3); 
    -moz-box-shadow: inset 2px 2px 5px rgba(0,0,25,0.3); 
    -webkit-box-shadow: inset 2px 2px 5px rgba(0,0,25,0.3); 
    -o-box-shadow: inset 2px 2px 5px rgba(0,0,25,0.3); 
} 

.TextBoxArea{
resize:none;
}


#SCM3_ManufacturersWrapper {
	padding: 10px 0px 0px 10px;/* Top,Right,Bottom,Left */
	border: 0px solid #000000;
    margin:0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	display: block;
	float: none;
    width: auto;
	}

#SCM3_ServiceLogos_r1_c1 {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 62%;
}
#SCM3_ServiceLogos_r1_c2 {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 32%;
}
#SCM3_ServiceLogos_r1_c3 {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 98%;
}


#TopHeaderWrapper {
	padding: 10px 10px 10px 10px;
	border: 0px solid #000000;
	margin: 0px 0px 10px 0px;/* Top,Right,Bottom,Left */
	text-align: left;
	background-color: #ffffff;
	display: block;
	float: none;
    width: auto;
	}


#TopHeaderWrapper2 {
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;/* Top,Right,Bottom,Left */
	text-align:left; /* this overrides the text-align: center on the body element. */
	background-color: #ffffff;
	display: block;
	float: none;
	width: auto;
    height:43px;
	}

#TopHeaderIconWrapper
{
    background-position: left top;
    background-repeat: repeat-x;
    background-image: url('../SCM3_ImagesLayout/SCM3_DemoIconBackR.png');
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    padding: 0px 0px 0px 0px;
    border: 0px solid #ff0000;
    display: inline;
    float: left;
    width: 100%;

}

#DemoHeaderIcon
{
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    padding: 0px 0px 0px 0px;
    border: 0px solid #ff0000;
	display: inline;
	float: left;
    width: 110px;

}
 .TopHeaderText
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 24px;
    color: #ffffff;
    margin: 0px 0px 0px 0px;/* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 5%;

}









#TopInfoWrapper {
	padding: 10px 10px 10px 10px;
	border: 0px solid #000000;
	margin: 0px 0px 10px 0px;/* Top,Right,Bottom,Left */
	text-align: left;
	background-color: #ffffff;
	display: inline;
	float: left;
    width: auto;

	}
	
#TopInfoWrapper2 {
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;/* Top,Right,Bottom,Left */
	text-align:left; /* this overrides the text-align: center on the body element. */
	background-color: #b10014;
	display: inline;
	float: left;
    width: 100%;
    height: 100%;
	}

#TopInfoDiv1 {
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;/* Top,Right,Bottom,Left */
	text-align:center; /* this overrides the text-align: center on the body element. */
	display: block;
	float: none;
	width: auto;
    height:66px;
	}
	
#TopInfoDiv2 {
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;/* Top,Right,Bottom,Left */
	text-align:center; /* this overrides the text-align: center on the body element. */
	background-color: #F3E225;
	display: inline;
	float: left;
	width: 100%;

	}

#TopInfoDiv3 {
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	margin: 10px 0px 0px 0px;/* Top,Right,Bottom,Left */
	text-align:center; /* this overrides the text-align: center on the body element. */
	display: inline;
	float: left;
	width: 100%;
    height:20px;
	}
	
#TopInfoDiv4 {
	padding: 10px 0px 0px 0px;
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;/* Top,Right,Bottom,Left */
	text-align:center; /* this overrides the text-align: center on the body element. */
	display: inline;
	float: left;
	width:100%;
	height:40px;	
	}	

#TopInfoDiv5 {
	padding: 20px 10px 20px 10px;
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;/* Top,Right,Bottom,Left */
	text-align:center; /* this overrides the text-align: center on the body element. */
	background-color: #F3E225;
	display: block;
	float: none;
	width: auto;    
	}


#TopInfoDiv6 {
	padding: 20px 10px 20px 10px;
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;/* Top,Right,Bottom,Left */
	text-align:center; /* this overrides the text-align: center on the body element. */
	display: block;
	float: none;
	width: auto;  
	}

#TopInfoDiv7 {
	padding: 20px 0px 0px 0px;
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;/* Top,Right,Bottom,Left */
	text-align:center; /* this overrides the text-align: center on the body element. */
	display: inline;
	float: left;
	width: 100%;
    height:30px;
	}
	
#TopInfoDiv8 {
	padding: 0px 0px 10px 0px;
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;/* Top,Right,Bottom,Left */
	text-align:center; /* this overrides the text-align: center on the body element. */
	display: inline;
	float: left;
	width: 100%;	
	}	








 .TopInfoText1
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #ffffff;
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 2%;
}





 .TopInfoText2
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    color: #000000;
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}



 .TopInfoText3
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    color: #000000;
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-align:center;
}


 .TopInfoText4
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}



 .TopInfoText5
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-align:left;
}

 .TopInfoText6
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    color: #ffffff;
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-align:left;
}






#FormWrapper {
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #000000;


	padding: 10px 10px 10px 10px;
	border: 0px solid #000000;
    margin:0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background-color: #FFFFFF;
	display: block;
	float: none;
    width: auto;

	}
	
#FormHeader
{
	padding: 10px 0px 20px 0px;  /* Top,Right,Bottom,Left */
	border: 0px none #000000;
	margin: 0px 0px 0px 0px;
	background-color: #f4f4f4;
	display: inline;
	float: left;
	width: 100%;
	text-align: center;
}


 .FormLabel
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #b10014;
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}



@media (min-width: 480px) {

        .TopHeaderText
        {
            padding-left: 15%;
        }


        .clearfloatConditionalForm
        {
            clear: none;
            display: none;
        }

    }

@media (min-width: 600px) {

        #SCM3_ManufacturersWrapper {
	        padding: 10px 0px 0px 10%;/* Top,Right,Bottom,Left */

	        }
        .clearfloatConditionalIcons {
	        clear: none;

        }

        #SCM3_ServiceLogos_r1_c1 {

	        width: 30%;
        }
        #SCM3_ServiceLogos_r1_c2 {

	        width: 16%;
        }
        #SCM3_ServiceLogos_r1_c3 {

	        width: 44%;
        }



        #FormWrapper {

            width: 90%;

	    }
	    
         .TopHeaderText
        {
            padding-left: 30%;
        }
        





        #TopInfoDiv3 {
	        margin: 10px 10px 0px 6%;/* Top,Right,Bottom,Left */
	        width: 130px;
            height:50px;
            
            
            text-align:right;
	        }


        #TopInfoDiv4 {
	        width:auto;
	        }



    }


@media (min-width: 780px) {




        #TopInfoWrapper {
	        padding: 10px 10px 10px 10px;
	        margin: 0px 0px 10px 10%;/* Top,Right,Bottom,Left */
            width: 680px;

	        }


         .TopInfoText1
        {
            font-size: 24px;
            line-height: 24px;
            padding-left: 5%;
        }


         .TopInfoText3
        {
            font-size: 60px;
            line-height: 60px;

        }

        #TopInfoDiv4 {
	        padding: 0px 0px 0px 0px;
	        }





        #TopInfoDiv7 {
	        padding: 20px 0px 0px 90px;
	        text-align:right; /* this overrides the text-align: center on the body element. */
	        width: 160px;
            height:50px;
	        }

         #TopInfoDiv8 {
	        padding: 0px 0px 10px 10px;
	        border: 0px solid #000000;
	        margin: 0px 0px 0px 0px;/* Top,Right,Bottom,Left */
	        text-align:left; /* this overrides the text-align: center on the body element. */
	        display: inline;
	        float: left;
	        width:auto;
	        height:50px;	
	        }	
       
                
}




@media (min-width: 980px) {


        #TopInfoDiv1 {

            height:42px;
	        }

        #TopInfoWrapper {
	        margin: 0px 0px 10px 120px;/* Top,Right,Bottom,Left */
            width: 680px;

	        }


        #SCM3_ManufacturersWrapper {
	        padding: 10px 0px 0px 60px;/* Top,Right,Bottom,Left */

	        }


        #SCM3_ServiceLogos_r1_c1 {
	        margin-left: 0px;
	        margin-top: 0px;
	        margin-bottom: 0;
	        width: 272px;
        }
        #SCM3_ServiceLogos_r1_c2 {
	        margin-left: 0px;
	        margin-top: 0px;
	        margin-bottom: 0;
	        width: 152px;
        }
        #SCM3_ServiceLogos_r1_c3 {
	        margin-left: 0px;
	        margin-top: 0px;
	        margin-bottom: 0;
	        width: 396px;
        }



	















         .TopInfoText6
        {
            font-family: 'Source Sans Pro' ,arial, sans-serif;
            font-weight: 700;
            font-size: 60px;
            line-height: 60px;
            color: #ffffff;
            margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
            border: 0px solid #ff00f0;
            padding-top: 0px;
            padding-bottom: 0px;
            padding-right: 0px;
            padding-left: 0px;
            text-align:left;
        }

 

                
}