/* The big reset - Thanks to Eric Meyer */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


html {

}

body {
	margin:0;
	font-family: Arial, "Arial Narrow", Helvetica, sans-serif;
    color:#fff;
	font-size:10px;
	min-width:1014px;
}

a {
    text-decoration:none;
    color:#fff;
}



/* Clearfix and clearing floats */

/* NEW CLEARFIX */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*clear floats*/
.clear { clear:both; }





/* ---- STRUCTURE ---- */

/*
	some parts of the site flex and some are fixed. I am foregoing a wrapping element because of this.
	I am centering things per module or section - either using a % width or a fixed width and centering
	modules or sections with margin: 0 auto;  By all means if anyone has a better idea by all means
	let's flesh it out.

	- alex 4.22.13
*/

body {
    padding:0;
    width:100%;
    background:#fff;
}

header.home {
	margin:0 0 6px;
	padding:22px 0;
	height:82px;
	background-color: #FFF;
}

.gallery {
    margin:0 auto;
    width:96%;
    height:506px;
    clear:both;

    /* TEMP BORDER FOR PLACEMENT and TESTING */
    border:1px dotted #777;

}

.categories {
	margin:45px auto;
	width:978px;
	text-align: center;
}

.categories_wrap {
	-webkit-column-width: 300px;
	-moz-column-width: 300px;
	column-width: 300px;
}


/*  AD POSITION STUFF */
.rotator_outer_spacer { width:100%; margin:0 4px 0 6px; margin-left:auto; margin-right:auto; }
.rotator_floater { width:100%; float:left; }
.rotator_ad_overlay { position:absolute; margin-top:250px; right:16.7%; width:300px; height:250px; z-index:9999; padding:6px;background-color:#FFF; text-align:center; background-image: url('../www.toptenreviews.com/i/rev/site/10watermark.html'); }
@media (max-width: 769px) { .rotator_ad_overlay { right: 10%; } }
@media (min-width: 1470px) { .rotator_ad_overlay { right: 10%; } }


/* ---- HEADER LOGO, SEARCH FORM, MAIN NAV  ---- */

/* i put the .home class in there because the header on the rest of the site is a little different - alex 4.24.13 */

	.home #masthead {
	    margin:0 auto 10px;
	    width:970px;
	    text-align:left;
	}

	.home #logo {
		margin-right:14px;
		float:left;
	}

	.home #masthead form {
		margin:12px 0 0 1px;
		float:left;
		font-size:14px;
		position:relative;
	}

	#masthead #search {
		margin:0;
		padding:6px 14px 6px 30px;
		width:562px;
		/*height:24px;*/
		position:relative;
		top:0;
		color:#666666;
		border:none;
		outline:none;
		background: url('../www.toptenreviews.com/i/rev/site/search.html') #fff;
		background-repeat: no-repeat;
		background-position: 1% center;
	}
	#masthead #submit {
		margin:0 0 0 -4px;
		padding:6px 0 6px;
		width:100px;
		position:relative;
		top:0;
		color:#fff;
		border:none;
		background:#338cd8;
		cursor:pointer;
	}

	.home nav {
	    margin:0 auto;
	    width:1014px;
		clear:both;
		display:table;
	}

	.home nav ul {
		display: table-row;
	}

	.home .menu_item {
		display: table-cell;
		font-size: 16px;
		margin: 0 auto;
		text-align:center;
	}

	.home .menu_item .top_link {
	    display: inline-block;
		padding-top: 9px;
		height:36px;
		font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
		cursor:pointer;
	}



	.home .menu_item { .display: block; .float: left; .padding: 0 15px; }

	.home nav li.menu_item_sel { background:#338cd8; }
	.home nav li.menu_item:hover {
	background-color: #FF9900;
	padding: 0px;
}
	.home nav ul li:last-child { margin:0;}
	.home nav ul li.last { margin:0; }

	.submenu {
		padding:26px 0 0 0;
		clear:both;
		width:100%;
		min-width:1014px;
		background:#338cd8;
		text-align: center;
		position:absolute;
		top:126px;
		z-index: 99999;
	}

	.menu-thumbs {
		margin:0 auto;
		width:845px;
		height: 194px;
		color:#FFFFFF;
	}

	.menu-thumbs div:hover { text-decoration: underline; }
	.menu-thumbs div {
		width:200px;
		padding: 0 5px 0 5px;
		float:left;
		text-align:center;
		border-right:1px solid #2b7bbf;
		cursor:pointer;
	}
	.menu-thumbs div:last-of-type {
		border-right:none;
	}
	.menu-thumbs div img {
		max-width:132px;
		height:auto;
	}

	.menu-thumbs .menu-text {
		margin-top:12px;
		font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#fff;
		font-weight: normal;
		display:inline-block;
		width:200px;
	}
	.menu-thumbs .menu-text:hover { text-decoration:underline; }

	.sub-cats {
		background:#2b7bbf;
		height:36px;
		text-align: center;
		color:#FFFFFF;
	}
	.sub-cats ul {
		display:inline;
	}
	.sub-cats li {
		margin:0 8px;
		padding:0 8px;
		display:inline;
		text-align:center;
		font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
		font-size:16px;
		line-height:36px;
		cursor:pointer;
	}
	.sub-cats li:hover{ text-decoration: underline; }


/* ---- Gallery, Categories, Features ---- */

.categories h2,
.features .featHead {
    padding:8px 0 8px 10px;
    font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight:normal;
    color:#fff;
    background-color:#838383;
}

.features a:hover {text-decoration: underline; }

.categories li {
	overflow: hidden;
	width:150px;
	height:25px;
	line-height: 25px;
}

.categories h2 {
	margin-bottom:12px;
	width:290px;
	padding:0 0 0 10px;
	line-height:40px;
}
.product-type {
	margin:0 12px 50px 12px;
	width:300px;
	display: inline-block;
	text-align:left;
}
.product-type ul {
	float:left;
	width:150px;
}
.product-type li {
	line-height:28px;
}

.product-type li a {
	font-size:16px;
	color:#666666;

}
.product-type li a:before{
	padding-right:8px;
	content: "\00BB";
	font-size:14px;
}
.product-type li a:hover,
.product-type li a:active {
	color:#3399ff;
}
.product-type li.show-all a {
	color:#3399ff;
}
.product-type li.show-all a:hover,
.product-type li.show-all a:active {
	color:#666666;
}
.product-type li h3 { font-weight:normal; }

/* Sprite for Category Icons */
.software h2 { background:#838383 url('../www.toptenreviews.com/i/rev/site/sprite-category-icons.html') no-repeat 240px -4px; }
.electronics h2 { background:#838383 url('../www.toptenreviews.com/i/rev/site/sprite-category-icons.html') no-repeat 240px -60px; }
.web-services h2 { background:#838383 url('../www.toptenreviews.com/i/rev/site/sprite-category-icons.html') no-repeat 240px -117px; }
.mobile h2 { background:#838383 url('../www.toptenreviews.com/i/rev/site/sprite-category-icons.html') no-repeat 240px -173px; }
.appliances h2 { background:#838383 url('../www.toptenreviews.com/i/rev/site/sprite-category-icons.html') no-repeat 240px -230px; }
.auto-tech h2 { background:#838383 url('../www.toptenreviews.com/i/rev/site/sprite-category-icons.html') no-repeat 240px -286px; }
.science-tech h2 { background:#838383 url('../www.toptenreviews.com/i/rev/site/sprite-category-icons.html') no-repeat 240px -344px; }
.small-business h2 { background:#838383 url('../www.toptenreviews.com/i/rev/site/sprite-category-icons.html') no-repeat 240px -401px; }
.careers h2 { background:#838383 url('../www.toptenreviews.com/i/rev/site/sprite-category-icons.html') no-repeat 240px -458px; }
.entertainment h2 { background:#838383 url('../www.toptenreviews.com/i/rev/site/sprite-category-icons.html') no-repeat 240px -513px; }
.video h2 { background:#838383 url('../www.toptenreviews.com/i/rev/site/sprite-category-icons.html') no-repeat 240px -568px; }

/* Features */

.features {
    margin:0 auto 30px;
    width:1014px;
	clear:both;

}

.console {
	padding:22px 20px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;

}

.review {
	margin-bottom:22px;
	padding:0 0 40px;
	color:#666666;
	border-bottom:2px solid #ccc;
	clear:both;
}

.review ol { width:972px; }
.review .cat_header {
	margin-bottom:16px;
	font-size:18px;
	font-weight:normal;
}
.review p {
	margin-bottom:18px;
	font-size:14px;
	line-height:16px;
}
	.review p a {
		color:#3399ff;
		text-decoration: underline;
	}

.review li {
	margin:0 12px 0 0;
	padding:0;
	width:86px;
	float:left;
	text-align: center;
	font-size:14px;
	font-weight:bold;
}
.review li img {
	display:block;
	margin:10px auto 14px;
	width:76px;
	height:auto;
}
.review li span {
	font-weight:normal;
	font-size:12px;
	line-height:15px;
}
.cat_read_more { cursor:pointer; }
.rev_margin_adjust { padding: 0 0 20px; }
.features a, .cat_read_more { color:#666666; }
.features a:hover, .cat_read_more:hover { color:#3399ff; }
.features a:active { color:#3399ff; }
.features a:visited { color:#666666; }

/* FOOTER */

footer {
	clear:both;
    text-align: center;
}
.site-tools {
    margin:35px auto 40px;
    padding:10px 0;
    width:68%;
    text-align:center;
    border-top:2px solid #ccc;
    border-bottom:2px solid #ccc;
    clear:both;
}
    .site-tools a {
        margin:0 15px;
        padding:0;
        position:relative;
        width:80px;
        height:75px;
        overflow: hidden;
        display: inline-block;
        opacity:1;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .site-tools a:hover { opacity:.6; }

    .site-tools img { position: relative; }
    .site-tools img.newsletter { }
    .site-tools img.staff-index { top:-72px; }
    .site-tools img.mobile { top:-152px; }
    .site-tools img.contact-us { top:-222px; }
	.site-index {
		color:#fff;
		background:#000;
		.display:block !important;
	}
    .footer-wrap {
        margin:0 auto;
        padding:10px 0;
        width:974px;
        text-align: left;
        background:#000;
    }

	.footer-toggle {
		clear: both;
		background:#fff;
		text-align: center;
		border-bottom:1px solid #000;
		line-height:20px;
	}
	.footer-toggle span {
		padding:8px 39px 4px 34px;
		background:#000 url('../www.toptenreviews.com/i/rev/site/sprite-footer-icons.html') no-repeat -190px 13px;
		font-size:1.6em;
		cursor:pointer;
	}

	.links {
        margin:0 20px 0 0;
        float:left;
        width:175px;

    }
    .links li {
        font-size:1.6em;
        line-height:36px;
        border-top:1px solid #333;
    }
    .links li a:hover { text-decoration: underline; }

    .links li.title, .nl-signup .title {
        margin-bottom:20px;
        position:relative;
        border-top:none;
        height:28px;
        width:188px;
        overflow: hidden;
        line-height:48px;
    }
	.nl-signup .title { width:224px; }
	li.title img, img.join { position:relative; }
	li.title img.company { top:0; }
	li.title img.network { top :-42px; }
	li.title img.footer-categories { top: -82px; }
	li.title img.follow-us { top: -122px;}
	.title img.join { top: -166px; }

	/* FOLLOW US, NEWSLETTER SIGN UP, CORP LOGO */

    .footer-tools {
        margin:0 0 0 70px;
        float:left;
        width:318px;
    }
        .footer-tools .links {
            margin:0 0 60px;
            width:318px;
        }
        .footer-tools .links li {
            border-top:none;
            float:left;

        }
        .footer-tools .links li.title {
            float:none;
        }

            .footer-tools li a.rss,
            .footer-tools li a.fbook,
            .footer-tools li a.gplus,
            .footer-tools li a.twitter,
            .footer-tools li a.youtube {
                margin-right:20px;
                width:43px;
                height:43px;
                position:relative;
                overflow:hidden;
                float:left;
            }
            .footer-tools li a.youtube { margin-right:none; }

            .footer-tools li a img {
                position: relative;
                top:-207px;
                opacity:1;
                -webkit-transition: opacity 0.3s ease-in-out;
                -moz-transition: opacity 0.3s ease-in-out;
                -o-transition: opacity 0.3s ease-in-out;
                transition: opacity 0.3s ease-in-out;
            }
            .footer-tools li a:hover img { opacity: .6; }
            .footer-tools a.rss img { left:0; }
            .footer-tools a.fbook img { left:-65px; }
            .footer-tools a.gplus img { left:-135px; }
            .footer-tools a.twitter img { left:-197px; }
            .footer-tools a.youtube img { left:-264px; }

        /* NEWSLETTER SIGNUP */

        .nl-signup {
            margin:0 0 60px;
            clear:both;
        }
        .nl-signup form {
            position:relative;
            display:block;
            height:30px;
        }
        .newsletter-input {
            padding:0 0 0 4px;
            border:none;
            width:225px;
            height:30px;
            font-size:1.3em;
            font-weight:normal;
            color:#333;
            outline:none;
            line-height:28px;
        }
        #contactFormSubmit {
            border:none;
            width:76px;
            height:30px;
            overflow:hidden;
            position:absolute;
            background:url('../www.toptenreviews.com/i/rev/site/sprite-footer-icons.html') no-repeat 0 -266px;
            cursor:pointer;
            opacity:1;
            top:0;
            left:228px;
            -webkit-transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out;
        }
        #contactFormSubmit:hover { opacity: .6; }

        /* CORPORATE LOGO & COPYRIGHT */

        .copyright {
            margin-top:10px;
            font-size:1.3em;
            color:#ccc;
        }

/* CHANNEL PORTAL STUFF */
		

        .portal h1 {
            margin:0 0 38px;
            font-family:sans-serif;
            font-size:26px;
            font-weight:bold;
            color:#2a2828;
            line-height:42px;
            display:inline-block;
            width:970px;
          
        }

        .center-portal {
            text-align:center;
            width:100%;
        }

        .portal-thumbs {
            margin-bottom:48px;
            display:inline-block;
        }
        .portal-thumbs div {
            margin:0 14px;
            width:160px;
            float:left;
            text-align:center;
        }
        .portal-thumbs div img {
            max-width:150px;
        }

        .portal-thumbs h2 {
            margin-top:12px;
            font-size:14px;
            color:#838383;
        }

        .portal-categories {
            padding:35px 2px 0;
            border-top:10px solid #454242;
            clear:both;
        }
        .portal-categories .product-type {
            margin: 0 10px 50px 0;
            width:100%;
            text-align:center;
            -moz-column-width:260px;
            -webkit-column-width:260px;
            column-width:260px;
        }

        .portal-categories .product-type li {
            height:28px;
            overflow:hidden;
            display:inline-block;
            text-align:left;
            width:250px;
            padding-right:10px;
        }
        .portal-categories .product-type li a {
            float:left;
            font-size:16px;
        }