/* General Very Small Browsers */
@media only screen and (min-width: 320px) {

	div.container {
		width:290px;
	}

   /*  div.div200pxwide, div.div200pxwide { display: block; } */


}

/* Average Smart Phone */
@media only screen and (min-width: 340px) {

	div.container {
		width:340px;
	}

/*    div.div300pxwide { display: block; } */

}

@media only screen and (min-width: 350px) {

	div.container {
		width:350px;

        /* border: 1px solid green; */
	}
    
}


/* General Medium Range Browsers */
@media only screen and (min-width: 480px) {

	div.container {
		width:450px;
        /* border: 1px solid blue;*/
	}

    div.div400pxwide { display: block; }

}


/* General Medium Range Browsers */
@media only screen and (min-width: 550px) {

	div.container {
		width:450px;
       /* border: 1px solid red;*/
	}
    div.div500pxwide { display: block; }

}

/* General Large and Desktop Browsers */
@media only screen and (min-width: 960px) {

	div.container {
		width:910px;
	}
	
}

div.process div.arrowblock
{
    vertical-align: middle;
    text-align: center;
    
    height: 5em;

    display: inline;
    float: left;
    margin:0;
    padding: 0;
}

div.process div.arrowblock div.arrow
{
    margin:0.05em; 
    margin-top: 2em;
    margin-bottom: 1em;
    background-image: url('/Images/Icons/search-arrow.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 24px;
}

br.clearLeft {
    line-height:0;
    clear: left;
}



/* added */

h1 { 
    color: #cc0000;
    font-size: 1.32em;
    font-family: Arial;
    font-weight: normal;
    margin:0;
    padding:0;
    margin-top: 0em;
    margin-bottom: 0.1em;
}



div.container span {
	font-size: 1.3em;
}

div.container a {
        font-size: 1em;
}

div.process div.block1,
div.process div.block2,
div.process div.block3,
div.process div.block4,
div.process div.arrowblock
{
    margin:0;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    padding:0;
}

div.process div.block1,
div.process div.block2,
div.process div.block3,
div.process div.block4
{
    border-radius: 0.4em;
    background: #f0f0f0;
    display: inline;
    float: left;
    width: 52px;
    padding: 0.5em;
    font-size: 0.7em;
}

        div.process div.block1,
        div.process div.block2,
        div.process div.block3,
        div.process div.block4
        {
            color: white;
            background: #3d6cc9;
            width: 56px;
            height: 175px;
            vertical-align: bottom;
            
        }
        div.process div.arrowblock {
            height: 180px 
        }

        div.process div.arrowblock div.arrow {
            margin-top: 70px; 
        }

        div.process div.block1 p,
        div.process div.block2 p,
        div.process div.block3 p,
        div.process div.block4 p
         {
            margin: 0;
            padding: 0;
            line-height: 1.3em;
        }


    div.process
    {
        padding:0;
        margin-top: 0.8em;
        margin-bottom: 0em;
    /*width: 340px; */
    /* border: 1px solid black; */
    }