/* 	This Stylesheet is meant to be used as the base stylesheet across the entire Lycos Network of sites. Please only add styles here
	if they will be used on two or more sites. Any site-specific layout CSS, background images, etc. should be in a file specifically for that site. */

/* CSS RESET */

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* Universal border-box box model */

*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
	}

/* Other Resets and Overrides */

input:-webkit-autofill{ /*revisit this when we have registration and login forms. for now it's not needed on search */
	background: white;
	}

/* Base Type & Color */
/*
	Brand Colors:

	- White: 	#FFFFFF 	255,255,255 	Backgrounds & Text on Dark Colors
	- Black  	 #000000 	0,0,0 		Logo's and Critical Information
	- Dark Grey   	#686868 	104,104,104 	Titles & Text
	- Light Gray  	#8C8C8C 	140,140,140 	Footers and Unimportant Text
	- Light Blue  	#6D8AC6 	109,138,198 	Calls to Action & Buttons (Also Links)

	– There are additional variations on gray used throughout the network. I will attempt to standardize
	  them here as pages are built.

	Other Colors (derivitives of brand coors for interaction, error messaging, etc.)

	– Red 			#dc6851 	11,77,78,1 		Error Messages, use sparingly
	– Green 		#b8cb78 	35,10,76,0 		Success Messages, use sparingly

	Fonts:

	- Proxima Nova 300 		Body Copy
	- Proxima Nova 700 		Titles
	- Proxima Nova 600 		Subtitles

	- Lycos Custom Font 	For Logo's. Will Never Appear in CSS as the
							glyphs do not exists as a useable font file.

*/


/* Contents */
/*

	1. Base Styles
		HTML & Body Styles
		Overal Typography - links, footers, paragraph text
		Buttons
		Helper Classes (ie 16:9 aspect ratio, etc)
	2. Search Boxes
	3. Network Panel
	4. Top Bar
	5. Footer Bar
	6. Pagination

*/


html, body{
	height:100%;
	margin: 0;
	padding: 0;
	}

body, input, textarea{
	font-family: proxima-nova, "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
	font-weight: 300;
	color: #686868;
	text-rendering: optimizelegibility;
	line-height: 1.3;
	}

.title{ /* Bold Weight, for Titles */
	font-weight: 700;
	letter-spacing: .5px; /* give the heaver fonts some breathing room */
	}

.subtitle{ /* Semi-Bold Weight, for Titles */
	font-weight: 600;
	letter-spacing: .5px; /* give the heaver fonts some breathing room */
	}

.fine-print{ /* for footers and less important text */
	color: #8c8c8c;
	}

sup, sub{
	font-size: 75%;
	line-height: 0;
	position: relative;
	}
sup{
	top:-0.5em;
	}
sub{
	bottom:-0.5em;
	}

a:link,
a:active,
a:visited,
a:hover{
	color: #6d8ac6; /* Light Blue for Links */
	text-decoration: none;
	border-bottom: 1px solid #8faae0; /* slightly lighter underline */
	}

/* 	Add this class to any block that needs to have a 16:9 aspect ratio.
	It's width must be defined by that of it's parent in order for the
	aspect ratio to be maintained. */

.ar-16-9{
	height: 0;
	padding: 56.25% 0 0 0;
	display:block;
	position: relative;
	overflow:hidden;
	width: 100%;
	}

/* Buttons */

.button{ /* all buttons */
	border: 0;
	padding: 5px;
	cursor: pointer;
	}
.button-primary{ /* blue background, white text */
	background: #6D8AC6;
	color: #FFF;
	}
.button-secondary{ /* gray background, white text */
	color: #FFF;
	background: #8C8C8C;
	}
.button-clear{ /* white background, gray text */
	color: #686868;
	background: #FFF
	}
.button-disabled{
	}


/*************************************
 			Network Panel
 *************************************/

/* This is the panel that slides in from the side on sites that share the main Lycos look-and-feel,
   but that do not use the Network top bar and footer. There are a couple variations on the content
   of the panel, but the style is generally the same.*/

.network-no-toggle {
	background-image: url('../img/lycos-menu-ss.png');
	background-repeat: no-repeat;
	background-position:  -62px -5px;
	display: block;
	width: 50px;
	height: 50px;
}

.network-toggle {
        background-image: url('../img/lycos-menu-ss.png');
        background-repeat: no-repeat;
        background-position:  -62px -5px;
        display: block;
        width: 50px;
        height: 50px;
}

.network-toggle:hover {
	background-position: -116.5px -7px;
}
.network-toggle.active{
	background-repeat: no-repeat;
	background-position: -7px -6px;
}

.network-panel{
	position:fixed;
	top:69px;
	left:0;
	height:0;
	width: 250px;
	background: #fff;
	color: #000;
	z-index: 200;
	white-space: normal;
	transition: height 1s ease;
	border-right: 1px solid #8C8C8C;
	border-bottom: 1px solid #8C8C8C;
	overflow: hidden;
	}


.network-panel.active{
	height:100%;
	transition: height 1s ease;
    overflow-y: auto;
    padding-bottom:70px;
	}

.nw-properties{
	margin-bottom: 70px;
	padding:0 10px 40px 10px;
	}
.nw-properties li{
	padding:10px 0 10px 10px;
	font-weight: 600;
	cursor: pointer;
	}

.nw-footer{
	font-size: .9em;
	position: absolute;
	bottom:10px;
	text-align: center;
	border-bottom: 1px solid #8C8C8C;
	}

.nw-footer-nav{ margin-bottom: 10px;}

.nw-footer-nav a{ color: #FFF;}

.nw-footer li{
	display: inline-block;
	padding: 5px;
	width:30%;}

.network-panel a,
.network-panel a:link,
.network-panel a:active,
.network-panel a:visited,
.network-panel a:hover{
	border: 0;
	display: block;
	text-decoration: 0;
	color: #000;
	height: 30px;
	}

.network-panel a:hover{
	color: #6d8ac6; /* Light Blue for Links */
	}


/*************************************
 	NEW: Universal Top Bar
 *************************************/

/* All Universal Top Bar classes are prefixed with uvt- */


.uvt .button-search{ display: none; }
.uvt{ /* base styles for the universal top bar. */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #FFF;
	z-index: 100;
	height: 70px;
	border-bottom:1px solid #8C8C8C;
	display: block;
	padding: 0;
	}

.uvth{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: #FFF;
	z-index:100;
	padding:20px 5px;
	height: 70px;
	font-size:1.4em;
	letter-spacing: .5px;
	}

.uvt-logo-block{
	position: absolute;
	top:0px;
	left:0px;
	width: 260px;
	height:70px;
	}

.uvt-logo{
	display: inline-block;
	height: 50px;
	position:absolute;
	top:10px;
	left:70px;
	}

.uvt-dog{
	width: 50px;
	height: 50px;
	position: absolute;
	top:10px;
	left:10px;
	border:2px solid black;
	display:inline-block;
	cursor: pointer;
	}


	.uvt-dog img{
		width: 100%;
		}

	/*  the nav block on uvt and the search block on uvts have the same positioning and
		sizing for their parent containers */
.uvt-nav-block, .uvts-search-block{
	display: block;
	width: 100%;
	height: 70px;
	padding: 0 260px;
	text-align: center;
	line-height: 70px;
	text-transform: uppercase;
	letter-spacing: .5px;
	}

	/* Navigation list in the UVT */
	.uvt-li{
		list-style: none;
		display: inline-block;
		padding:0 10px;
		}

	.uvt-li a:link,
	.uvt-li a:active,
	.uvt-li a:visited,
	.uvt-li a:hover{
		font-weight:700;
		color: #868686;
		border-bottom: 0;
		font-size: 2vw;
		}
	.uvt li a:hover{
		color: #000;
		}

	/* Mobile Menu */

	.uvt-menu-icon{ /* hide the icon on desktop */
		display: none;
		}

.uvt-search-block{
	width: 260px;
	height: 69px;
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF;
	transition: width .3s ease;
	}

	.uvt-form{
		height:50px;
		border: 2px solid black;
		width:250px;
		position:absolute;
		top:10px;
		right:10px;
		}
	.uvt-input{
		border: 0;
		outline: 0;
		width:180px;
		position: absolute;
		top:0;
		left:10px;
		height:46px;
		font-size:1.3em;
		}
	.uvt-button{
		width:50px;
		height:50px;
		position: absolute;
		top:-2px;
		right:-2px;
		border: 2px solid black;
		background: url('../img/search.png') no-repeat 9px 8px;
		}

@media screen and (max-width: 1100px){
	.uvt-search-block{
		width: 60px;
		overflow: hidden;
	}
	.uvt-nav-block {
		padding: 0 70px 0 260px;
		}
	.uvt-search-block:hover{
		width: 260px;
		transition: width .3s ease;
		}
}


/* Menu Icon CSS */

.uvt-menu-button, .uvts-menu-button{
	display: none;
	margin: 0 auto;
		}

.uvt-menu-button span, .uvts-menu-button span{
		font-size: 26px;
		display: inline-block;
		vertical-align: middle;
		line-height: 70px;
		padding: 0;
		margin: 0;
		font-weight: 600;
		}

.uvt-menu-icon{
	display: none;
	width: 50px;
	height:50px;
	position: absolute;
	top:10px;
	right: 70px;
	vertical-align:middle;
	margin-right: 10px;
	transition: all .3s ease;
	cursor: pointer;
	border:2px solid black;
	}
.uvt-menu-icon .line1,
.uvt-menu-icon .line2,
.uvt-menu-icon .line3{
	width: 25px;
	height:4px;
	display: block;
	opacity: 1;
	background: #000;
	position: absolute;
	left: 11px;
	transition: all .3s ease;
	}
.uvt-menu-icon .line1{ top: 15px; }
.uvt-menu-icon .line2{ top: 23px;}
.uvt-menu-icon .line3{ top: 31px;}

.uvt-menu-icon.active{
	transition: all .3s ease;
	-webkit-transition-delay: .3s; /* Safari */
	}

.uvt-menu-icon.active .line1,
.uvt-menu-icon.active .line2,
.uvt-menu-icon.active .line3{
	transition: all .3s ease;
	}

/* Need an image fallback for IE8. Will look the same, but lack the transition animation */
.uvt-menu-icon.active .line1{
	-moz-transform: rotate(45deg) translateY(4px) translateX(3px);
	-webkit-transform: rotate(45deg) translateY(4px) translateX(3px);
	-o-transform: rotate(45deg) translateY(4px) translateX(3px);
	-ms-transform: rotate(45deg) translateY(4px) translateX(3px);
	transform: rotate(45deg) translateY(4px) translateX(3px);
	transition: all .3s ease;
	}
.uvt-menu-icon.active .line2{
	opacity: 0;
	transition: all .3s ease;}
.uvt-menu-icon.active .line3{
	-moz-transform: rotate(-45deg) translateY(-9px) translateX(7px);
	-webkit-transform: rotate(-45deg) translateY(-9px) translateX(7px);
	-o-transform: rotate(-45deg) translateY(-9px) translateX(7px);
	-ms-transform: rotate(-45deg) translateY(-9px) translateX(7px);
	transform: rotate(-45deg) translateY(-9px) translateX(7px);
	transition: all .3s ease;
	}

@media screen and (max-width: 870px){
		.uvt-menu-button{
				display: block;
				cursor: pointer;
				padding-left: 190px;
				}
		.uvt-menu-icon{
				display: inline-block;
				margin: 0 auto;
				}
		.uvt-nav-block{
				width: 100%;
				padding: 0 0 0 0;
				border-bottom:1px solid #8C8C8C;
				}
		.uvt-list{
				width: 100%;
				position: absolute;
				left: 0;
				background: rgba(255, 255, 255, 0.95);
				border-bottom: 1px solid #8C8C8C;
				height: 0px;
				transition: height .5s ease;
				z-index:-10;
				top: 69px;
				overflow: hidden;
				line-height: 50px;
				}
		.uvt-list.active{
				height:50px;
				transition: height .5s ease;
				}

		}

@media screen and (max-width: 650px){
		.uvts-menu-button{
			display: block;
			cursor: pointer;
			padding-left: 190px;
			position: absolute;
    		top: 0px;
    		right: 0px;
    		width: 50px;
    		height: 50px;
			}
		.uvts-menu-icon{
				display: inline-block;
				margin: 0 auto;
				}
		.uvts-search-block{
				width: 100%;
				position: absolute;
				left: 0;
				background: rgba(255, 255, 255, 0.95);
				border-bottom: 1px solid #8C8C8C;
				height: 0px;
				padding-left: 0;
				transition: height .5s ease .5s, top .1s ease .85s;
				z-index:-10;
				overflow: hidden;
				top: 69px;
				line-height: 50px;
				}
			.uvts-menu-icon {
				right: 10px;
				}
		.uvts-search{
			opacity: 0;
			margin-top:5px;
			transition: opacity .5s ease;
			}
		.uvts-search-block.active{
				height:60px;
				z-index:10;
				top: 70px;
				overflow: visible;
				transition: height .5s ease;
				}
		.uvts-search-block.active .uvts-search{
			opacity: 1;
			transition: opacity .5s ease .5s;
			}

		}

/*************************************
 			Search Boxes
 *************************************/

/*

	There are three search box styles in use on Lycos Sites. They are prefixed by uvt, uvts, and hp in their
	classes depending on usage. uvt is for Universal Top Bar, uvts is Universal Top Bar Search, and hp is Home Page.

*/

.search, .uvts-search{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	}

.search input, .uvts-search input{
	width: auto;
	color: #000;
	font-weight: 600;
	border: 4px solid #FFF;
	}

.search input:focus, .uvts-search input:focus{
	border:4px solid black;
	outline: 0;
	}

::-webkit-input-placeholder{ font-weight: 300; }
:-moz-placeholder{ font-weight: 300; }
::-mox-placeholder{ font-weight: 300; }
:-ms-input-placeholder{ font-weight: 300; }

.uvts-search{
    width: 100%;
    max-width: 700px;
    padding:0 200px 0 10px;
    }

.uvts-search .search-form{
	display: block;
	width:100%;
	padding:0;
	height: 70px;
	}

.uvts-search .search-form, .uvts-search .search-fieldset{ height: 70px; }

.uvts-search input{
	height: 50px;
	padding:0 10px;
	font-size:1.3em;
	border: 2px solid #686868;
	}

.uvts-search input{ width: 100%; }
.uvts-search .search-options{
	padding: 0 0 0 15px;
	font-size: 18px;
	display: block;
	width: 200px;
	position: absolute;
	top: 0px;
	text-align: left;
	right: 0px;
	}

/* Web/Images/ Video drop-down for Search. Used in the UVTS search box only */
.search-options{
	display:table;
	font-weight: 600;
	text-transform: uppercase;
	color: #696868;
	height: 70px;
	line-height:1.3;
	}

.search-options a{
	color: #696868;
	border-bottom: 0;
	}

.so-current{
	height: 70px;
	display: table-cell;
	vertical-align: middle;
	}

.so-current a{
	background: url('../img/arrow.png') no-repeat right;
	padding-right: 20px;
	display:block;
	}

.so-submenu{
	display: none;
	background: #FFF;
	width: 200px;
	position: absolute;
	border-top: 1px solid white;
	left: 0;
	margin-top: -3px;
	text-align: left;
	font-size: .9em;
	z-index: 100;
	}

.so-submenu-list{
	background: #FFF;
	min-width: 100%;
	padding: 0 15px;
	border: 1px solid #8C8C8C;
	border-top: 1px solid #FFF;
	}

.so-submenu-list li{
	line-height: 1;
	padding:0 0 25px 0;
	}
	.so-submenu-list li:last-child{
		padding:0 0 10px 0;
		}

.search-options:hover .so-submenu{ display: block;}


/* For the block showing the number of results for a given search */
.search-numbers{
    display: inline-block;
	font-weight: 600;
	color:#8C8C8C;
	color: #afafaf;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
	height: 70px;
	line-height: 70px;
	width: 260px;
	text-align: right;
	padding:0 10px 0 0;
    }


/*************************************
			Footer Bar
*************************************/

/* Like the Network Panel, there are some variations here but the base styling is fairly consistent. */

.network-footer a{ border-bottom: 0; text-decoration: none;}

.network-footer{
	width:100%;
	height: 50px;
	background: #FFF;
	position: fixed;
	bottom: 0;
	font-size:.9em;
	left:0;
	line-height: 50px;
	}
.network-footer li{
	display: inline-block;
	padding:0 5px;
	}
.network-social{
	float: right;
	height:50px;
	}
.network-social a{
	height:100%;
	display:inline-block;
	width: auto;
	padding:8px 0;
	margin-right:10px;
	}

/*************************************
		Navigation
*************************************/

.notification-container {
    width: 260px;
    display: block;
    position: fixed;
    box-sizing: border-box;
    z-index: 1000000;
    background-color: rgba(255, 255, 255, 0.85);
    border: 2px solid #2a2a2a;
}
.notification-container.right {
	right: 32px;
}
.notification-container.bottom {
	bottom: 125px;
}
.notification-container.top {
	top: 100px;
}
.notification-container .close {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 0;
	right: 0;
	background-color: #333;
	color: #fff;
	cursor: pointer;
	text-align: center;
	line-height: 18px;
}
.notification-container .close:hover {
	background-color: #464646;
}
.notification-container .notification {
	position: relative;
	padding: 24px;
	color: #000;
}

.notification h4 {
	border-bottom: 1px solid;
	padding: 4px 0;
	margin-bottom: 12px;
}






/*************************************
			Pagination
*************************************/

.pagination{
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
	}

.pagination li{
	display: inline-block;
	padding: 2px 1%;
	}

.pagination a{
	text-decoration: none;
	padding:0 5px;
	border: 1px solid transparent;
	transition: border .8s ease;
	}

.pagination a:link,
.pagination a:active{ color: #686868; }
.pagination a:visited{ color: #8C8C8C; }

.pagination a:hover{
	color: #000;
	border: 1px solid #8C8C8C;
	transition: border .5s ease;
	}

.pagination .active a{
	font-weight: 700;
	cursor: default;
	color: #000; }
.pagination .active a:hover{
	border-color: #FFF;
	}



/*************************************
			Footer
*************************************/

.network-footer{
	width:100%;
	height: 50px;
	background: #FFF;
	position: fixed;
	bottom: 0;
	font-size:.9em;
	left:0;
	line-height: 50px;
	border-top: 1px solid #8C8C8C;
	}

.network-footer a{ border-bottom: 0; text-decoration: none;}

.network-nav-f{
	float: left;
	padding:0 12px;
	}
.network-social{
	float: right;
	height:50px;
	}
.network-social a{
	height:100%;
	display:inline-block;
	width: auto;
	padding:8px 0;
	margin-right:10px;
	}

.nav a{
	color: #8C8C8C;
	text-decoration: none;
	border-bottom: 0;
	font-weight: 300;
	}
.nav a:hover{
	color: #000;
	}




/*************************************
			Icons
*************************************/

.network-panel .icon{
	display: inline-block;
	vertical-align: middle;
	margin-right:5px;
	width: 32px;
	height:33px;
	background: url('../img/lycosPopertyIcons-30.png') no-repeat top left;
	}

.network-panel .icon.icon-lycos{ background-position:0 0; }
.network-panel .icon.icon-mail{ background-position:0 -276px; }
.network-panel .icon.icon-news{ background-position:0 -309px; }
.network-panel .icon.icon-entertainment{ background-position:0 -379px; }
.network-panel .icon.icon-chat{ background-position:0 -481px; }
.network-panel .icon.icon-shopping{ background-position:0 -414px; }
.network-panel .icon.icon-gamesville{ background-position:0 -103px; }
.network-panel .icon.icon-tripod{ background-position:0 -172px; }
.network-panel .icon.icon-domains{ background-position:0 -240px; }
.network-panel .icon.icon-weather{ background-position:0 -448px; }
.network-panel .icon.icon-whowhere{ background-position:0 -67px; }
.network-panel .icon.icon-hotbot{ background-position:0 -33px; }
.network-panel .icon.icon-angelfire{ background-position:0 -206px; }
.network-panel .icon.icon-lycostv{ background-position:0 -517	px; }

.network-panel a:hover .icon.icon-lycos{ 		background-position:-37px 0; }
.network-panel a:hover .icon.icon-mail{ 		background-position:-37px -276px; }
.network-panel a:hover .icon.icon-news{ 		background-position:-37px -309px; }
.network-panel a:hover .icon.icon-entertainment{ 	background-position:-37px -379px; }
.network-panel a:hover .icon.icon-chat{ 		background-position:-37px -481px; }
.network-panel a:hover .icon.icon-shopping{ 		background-position:-37px -414px; }
.network-panel a:hover .icon.icon-gamesville{ 		background-position:-37px -103px; }
.network-panel a:hover .icon.icon-tripod{ 		background-position:-37px -172px; }
.network-panel a:hover .icon.icon-domains{ 		background-position:-37px -240px; }
.network-panel a:hover .icon.icon-weather{ 		background-position:-37px -448px; }
.network-panel a:hover .icon.icon-whowhere{ 		background-position:-37px -67px; }
.network-panel a:hover .icon.icon-hotbot{ 		background-position:-37px -33px; }
.network-panel a:hover .icon.icon-angelfire{ 		background-position:-37px -206px; }
.network-panel a:hover .icon.icon-lycostv{ 		background-position:-37px -517px; }


.products .icon{
	display: inline-block;
	vertical-align: middle;
	margin-right:5px;
	width: 30px;
	height:30px;
	background: url('../img/lycosPopertyIcons-60.png') no-repeat 4px 0px;
	}

.products .icon.icon-lycos{ 			background-position:0 1px; }
.products .icon.icon-mail{ 				background-position:0 -557px; }
.products .icon.icon-news{ 				background-position:0 -627px; }
.products .icon.icon-entertainment{ 	background-position:0 -380px; }
.products .icon.icon-chat{ 				background-position:0 -485px; }
.products .icon.icon-shopping{ 			background-position:0 -416px; }
.products .icon.icon-gamesville{ 		background-position:0 -208px; }
.products .icon.icon-games{ 			background-position:0 -278px; }
.products .icon.icon-tripod{ 			background-position:0 -347px; }
.products .icon.icon-domains{ 			background-position:0 -487px; }
.products .icon.icon-weather{ 			background-position:0 -910px; }
.products .icon.icon-whowhere{ 			background-position:0 -138px; }
.products .icon.icon-hotbot{ 			background-position:0 -69px; }
.products .icon.icon-angelfire{ 		background-position:0 -417px; }
.products .icon.icon-lycostv{ 			background-position:0 -1051px; }


.products a:hover .icon.icon-lycos{ 			background-position:-69px 1px; }
.products a:hover .icon.icon-mail{ 				background-position:-69px -557px; }
.products a:hover .icon.icon-news{ 				background-position:-69px -627px; }
.products a:hover .icon.icon-entertainment{ 	background-position:-69px -380px; }
.products a:hover .icon.icon-chat{ 				background-position:-69px -485px; }
.products a:hover .icon.icon-shopping{ 			background-position:-69px -416px; }
.products a:hover .icon.icon-gamesville{ 		background-position:-69px -208px; }
.products a:hover .icon.icon-games{ 			background-position:-69px -278px; }
.products a:hover .icon.icon-tripod{ 			background-position:-69px -347px; }
.products a:hover .icon.icon-domains{ 			background-position:-69px -487px; }
.products a:hover .icon.icon-weather{ 			background-position:-69px -910px; }
.products a:hover .icon.icon-whowhere{ 			background-position:-69px -138px; }
.products a:hover .icon.icon-hotbot{ 			background-position:-69px -69px; }
.products a:hover .icon.icon-angelfire{ 		background-position:-69px -417px; }
.products a:hover .icon.icon-lycostv{ 			background-position:-69px -1051px; }



/* Search Top Bar - Tablet */

@media screen and (max-width:1024px){
	.search-numbers{ display: none;} /* move search numbers down*/
	.uvts-search-block{ padding-right: 0px;} /* remove padding from the middle block */
} /* end 1024 query */

@media screen and (max-width:725px){
	.mobilehide{ display: none; }
	.uvts-search .search-options { width: 125px; }
	.uvts-search{ padding-right: 125px; }
	.network-footer li{ display: none;}
	.network-footer .nf-mobile{ display: inline-block;}
} /* end 725 query */

/* css propertice for small devices ***/

.mobilesearch {display:none;}

@media screen and (max-width:390px){
	.uvt-menu-icon {
		right: 10px;
		}

	.uvt-list.active{
		height:220px;
		}

	.uvt-li {
		display: block;
		padding:5px 10px;
		}

	.uvt-search-block { display:none;}
	.mobilesearch {
		display:block;
		width: 260px;
		height:70px;
		position: relative;
		margin:0 auto;
		background:none;
		}

	.uvt-form { background:#fff; }
	pre { white-space:normal; }

}/* end 390 query */