.red {
	position:relative;
	float:right;
	margin-right:10px;
	margin-top:10px;
	width:21px;
	height:19px;
	background-color:red;
/*	z-index:4;*/
}

.blue {
	position:relative;
	float:right;
	margin-right:10px;
	margin-top:10px;
	width:21px;
	height:19px;
	background-color:blue;
/*	z-index:4;*/
}

.green {
	position:relative;
	float:right;
	margin-right:10px;
	margin-top:10px;
	width:21px;
	height:19px;
	background-color:green;
/*	z-index:4;*/
}


.FF9933 {
	position:relative;
	float:right;
	margin-right:10px;
	margin-top:10px;
	width:21px;
	height:19px;
	background-color:#FF9933;
/*	z-index:4;*/
}

.basicColor{
	font-size:16px !important;
	color:white;
	border: none;
	background-image: linear-gradient(to bottom,#FF9933 0,#5f3308 100%);
}

.socialIconBox
{
    top: 43%;
    width: 53px;
    height: 90;
    right: 0px;
    position: fixed;
    margin-right: 0px;
    z-index: 9999;
    background-color: #fff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #e2e2e2;
    padding-top: 5px;
    padding-bottom: 7px;
    -webkit-box-shadow: -5px 0px 4px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: -5px 0px 4px -3px rgba(0,0,0,0.75);
    box-shadow: -5px 0px 4px -3px rgba(0,0,0,0.75);
}

@media only screen and (max-width: 600px) {
 .socialIconBox {
    display: inline-block;
    top: 87%;
    width: 96px;
    height: 90;
    left: 40%;
    position: fixed;
    margin-right: 0px;
    z-index: 9999;
    background-color: #fff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #e2e2e2;
    padding-top: 5px;
    padding-bottom: 7px;
    -webkit-box-shadow: -5px 0px 4px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: -5px 0px 4px -3px rgba(0,0,0,0.75);
    box-shadow: -5px 0px 4px -3px rgba(0,0,0,0.75);
  }
}

.iconsocial
{
    float: left;
    margin-top: 0px;
    margin-left: 6px;
}

.social-icons
{
    float: right;
}

    .social-icons ul
    {
        margin: 5px 0 0 0;
        padding: 0px;
    }

        .social-icons ul li
        {
            list-style-type: none;
            display: inline-block;
            margin-right: 5px;
        }

            .social-icons ul li a.facebook
            {
                background: url(../images/img-sprite.png) no-repeat 0px -34px !important;
                width: 32px;
                height: 32px;
                display: block;
            }

                .social-icons ul li a.facebook:hover
                {
                    background: url(../images/img-sprite.png) no-repeat 0px 0px !important;
                }

            .social-icons ul li a.twitt
            {
                background: url(../images/img-sprite.png) no-repeat -33px -34px !important;
                width: 32px;
                height: 32px;
                display: block;
            }

                .social-icons ul li a.twitt:hover
                {
                    background: url(../images/img-sprite.png) no-repeat -33px 0px !important;
                }