/* CSS Document */

body{style=padding:0px; margin:0px;font-size:87.5%px;font-family:Arial, "Lucida Sans Unicode"; line-height:1.5; text-align:left; background:#378DC8;
/* IE10 Consumer Preview */ 
}

.body{ margin:0 auto; clear:both;
background-image: -ms-linear-gradient(top, #013476 0%, #378DC8 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #013476 0%, #378DC8 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #013476 0%, #378DC8 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #013476), color-stop(1, #378DC8));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #013476 0%, #378DC8 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #013476 0%, #378DC8 100%); background-repeat:no-repeat;  }

.mainHeader img { width:30%; height:auto; margin:.5% 0 0 10%;}
.mainHeader nav { background-color: #095bbd; height:30px; }
.mainHeader nav ul{ margin:0 auto; margin-left:100px; }
.mainHeader nav ul li {display:inline;font-size:12px;font-family:"Arial Black", Gadget, sans-serif; }
.mainHeader nav a:link, .mainHeader nav a:visited { color: #fff; display: inline-block; padding: 5px 25px; height:20px;text-decoration:none; }
.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited{background-color:#205a82; text-shadow: none;}
.maincontent{line-height:25px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:80%; margin-left:auto; margin-right:auto;}
.content{width:70%; float:left;}
.rightcontent{ background-color:#fff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:1.4% 5%; margin-top:2%;}
.bottomcontent{ background-color:#fff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:1.2% 5%; margin-top:2%;}
.top-sidebar{ width:15%; float:left; background-color: #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;margin: 1% 0 1% 3%; padding:1% 1%;}
.middle-sidebar{ width:15%; float:left; background-color: #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin: 0 0 1% 3%; padding:1% 1%;}
.mainfooter { width:100%;height:28px; float:left;}
.mainfooter p { text-align:center;font-family:Verdana, Geneva, sans-serif;font-size:12px; margin-top:5px;}
.any{position: absolute; display: block; top: 6px; right: 170px; width: 280px; height: 40px;}
.info{font-style:italic; color:grey; font-size:70%; margin:0 0 0 0;}
.con{color:black; font-size:90%; margin:0 0 3px 0;}
.share-icon {
                    display: inline-block;
                    float: left;
                    margin: 4px;
                    width: 32px;
                    height: 32px;
                    cursor: pointer;
                    vertical-align: middle;
                    background-image: url(images/share-icons.png);
                }

                .share-facebook {
                    background-position: 0px 0px;
                }

                    .share-facebook:hover {
                        background-position: 0px -40px;
                    }

        .share-twitter {
            background-position: -40px 0px;
        }

            .share-twitter:hover {
                background-position: -40px -40px;
            }

        .share-pinterest {
            background-position: -80px 0px;
        }

            .share-pinterest:hover {
                background-position: -80px -40px;
            }

                .share-linkedin {
                    background-position: -240px 0px;
                }

                    .share-linkedin:hover {
                        background-position: -240px -40px;
                    }


                .share-googleplus {
                    background-position: -120px 0px;
                }

                    .share-googleplus:hover {
                        background-position: -120px -40px;
                    }


        .share-stumbleupon {
            background-position: -360px 0px;
        }

            .share-stumbleupon:hover {
                background-position: -360px -40px;
            }

                .share-email {
                    background-position: -320px 0px;
                }

                    .share-email:hover {
                        background-position: -320px -40px;
                    }
					
#share-wrapper {
	margin-top: 40px;
	position:fixed;
	left: 0;
}

/* inner wrapper */
#share-wrapper ul.share-inner-wrp{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* the list */
#share-wrapper li.button-wrap {
	background: #E4EFF0;
	padding: 0px 0px 0px 10px;
	display: block;
	width: 150px;
	margin: 0px 0px 1px -117px;
}

/* share link */
#share-wrapper li.button-wrap > a {
	padding-right: 60px;
	height: 120px;
	display: block;
	line-height: 32px;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/* background image for each link */
#share-wrapper .order > a{
	background: url(../images/buttons/order.jpg) no-repeat right;
}
#share-wrapper .discount > a{
	background: url(../images/buttons/discount.jpg) no-repeat right;
}
#share-wrapper .new > a{
	background: url(../images/buttons/new.jpg) no-repeat right;
}					

@media only screen and (min-width: 150px) and (max-width:600px)
{
	.body{ width: 90%; font-size:95%;}
	.mainHeader img { width:100%; margin:0;}
	.mainHeader nav {height:200px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.mainHeader nav ul {padding-left:0; margin-left:0;}
	.mainHeader nav ul li {width:100%;text-align: center;}
	.mainHeader nav a:link, .mainHeader nav a:visited{ padding:10px 25px;height:20px;display: block;}
	.content{width:100%; float:left;margin-top:2%;}
	.maincontent{width:100%}
	.rightcontent{height:100%}
	.top-sidebar, .middle-sidebar{width:100%; margin:2% 0 2% 0;}
	.mainfooter {height:100%;}
	.any{top: 50px; right: 10px; width: 10%;}
	
#share-wrapper {
		bottom: 0;
		position: fixed;
		padding: 5px 5px 0px 5px;
		background: #378DC8;
		width: 100%;
		margin: 0px;
		-webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0 -1px 4px rgba(0,0,0,0.15);
		-o-box-shadow: 0 -1px 4px rgba(0,0,0,0.15);
		box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
	}
	#share-wrapper ul.share-inner-wrp {
		list-style: none;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
		overflow: auto;
	}
	#share-wrapper li.button-wrap {
		display: inline-block;
		background:none;
		width: 60px!important;
		margin: 0px;
		padding: 0px;
		margin-left:0px!important;
	}
	#share-wrapper li.button-wrap > a {
		height: 20px;
		display: inline-block;
		
		text-indent: -10000px;
		width: 60px;
		padding-right: 0;
		float: left;
	}	

#share-wrapper .order > a{
	background: url(../images/buttons/orders.png) no-repeat right;
}
#share-wrapper .discount > a{
	background: url(../images/buttons/discounts.png) no-repeat right;
}
#share-wrapper .new > a{
	background: url(../images/buttons/news.png) no-repeat right;
}				


}