/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    z-index: 10;
    bottom:10px;
    right:20px;
    overflow:hidden;
    width:51px;
    height:51px;
    border:none;
    text-indent:100%;
    background:url(../../../images/totop.png) no-repeat left top;
}

#toTopHover {
    background:url(../../../images/totop.png) no-repeat left -51px;
    width:51px;
    height:51px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
    outline:none;
    border: 3px dashed #f00;
}
@media screen and (max-width: 1368px) and (orientation: landscape){
	#toTop {
		position: fixed;
		bottom:90px;
		right:40px;
	}
}

@media screen and (max-width: 1366px) and (orientation: landscape){
	#toTop {
		position: fixed;
		bottom:200px;
		right:40px;
	}
}

@media screen and (max-width: 1280px) and (orientation: landscape){
	#toTop {
		position: fixed;
		bottom:15px;
		right:50px;
	}
}

@media screen and (max-width: 1024px) {
	#toTop {
		position: fixed;
		bottom:540px;
		right:20px;
	}
}

@media screen and (max-width: 1024px) and (orientation: landscape){
	#toTop {
		position: fixed;
		bottom:20px;
		right:40px;
	}
}

@media screen and (max-width: 912px) {
	#toTop {
		position: fixed;
		bottom:540px;
		right:40px;
	}
}

@media screen and (max-width: 853px) {
	#toTop {
		position: fixed;
		bottom:450px;
		right:40px;
	}
}

@media screen and (max-width: 821px) {
	#toTop {
		position: fixed;
		bottom:350px;
		right:40px;
	}
}

@media screen and (max-width: 769px) {
	#toTop {
		position: fixed;
		bottom:200px;
		right:40px;
	}
}

@media screen and (max-width: 1024px) and (orientation: landscape){
	#toTop {
		position: fixed;
		bottom:15px;
		right:40px;
	}
}

@media screen and (max-width: 540px) {
	#toTop {
		position: fixed;
		bottom:15px;
		right:20px;
	}
}

@media screen and (max-width: 430px) {
	#toTop {
		position: fixed;
		bottom:100px;
		right:20px;
	}
}

@media screen and (max-width: 414px) {
	#toTop {
		position: fixed;
		bottom: 80px;
		right: 20px;
	}
}

@media screen and (max-width: 390px) {
	#toTop {
		position: fixed;
		bottom:20px;
		right:20px;
	}
}

@media screen and (max-width: 375px) {
	#toTop {
		position: fixed;
		bottom:10px;
		right:20px;
	}
}

@media screen and (max-width: 344px) {
	#toTop {
		position: fixed;
		bottom:60px;
		right:20px;
	}
}