/* Tab Content - menucool.com */
ul.tabs
{
	padding: 25px 0;
	font-size: 115%;
	margin:0 0 4px 0;
	list-style-type: none;
	/* [disabled]text-align: center; */ /*set to left, center, or right to align the tabs as desired*/
}
        
.container.info.clearfix .catalogs ul.tabs li,
.home-tabs ul.tabs li {
    display: inline;
    margin: 0;
    margin-right:4px; /*distance between tabs*/
	color: #ffffff;
	float:left;
}
        
.container.info.clearfix .catalogs ul.tabs li a
{
	font-size: 100%;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	position: relative;
	padding: 6px 14px;
	color: #222;
	border-radius: 4px 4px 0 0;
	outline: none;
	background-color: #D1D1D1;
}


        
.container.info.clearfix .catalogs ul.tabs li a:visited
{
    color: #000;
}
        
.container.info.clearfix .catalogs ul.tabs li a:hover
{
	background-repeat: repeat-x;
	background-position: 0 0;
	background-image: url(tabbg.gif);
	background-color: #999999;
}
        
.container.info.clearfix .catalogs ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    position: relative;
    top: 0px;
    font-weight:bold;
	background: #999999;
	color: #ffffff;
}
        
.container.info.clearfix .catalogs .tabs  li.selected a:hover 
ul.tabs li.selected a:hover
{
    text-decoration: none;
	}
   

div.tabcontents
{
	padding: 0 3%;
	background-color: #999999;
	border-radius: 0px 4px 4px 4px;
	margin-bottom:3%;
}
.tabcontents #view1 a img,
.tabcontents #view2 a img,
.tabcontents #view3 a img,
.tabcontents #view4 a img,
.tabcontents #view5 a img,
.tabcontents #view6 a img,
.tabcontents #view7 a img{
	margin-bottom: 10px;
	width:15%;
	margin-left:10px;
	border: 1px solid #999999;
}

.tabcontents #view1  a:hover img,
.tabcontents #view2  a:hover img,
.tabcontents #view3  a:hover img,
.tabcontents #view4  a:hover img,
.tabcontents #view5  a:hover img,
.tabcontents #view6  a:hover img,
.tabcontents #view7  a:hover img {
	border: 1px solid #FFFFFF;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opactiy .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}


.catalogs {
	 width: 100%;
	 margin: 0 auto; 
	 float:left;
}
.container.info.clearfix .catalogs .tabs li a {
	color: #333333;
}

.home-tabs ul.tabs li a
{
	font-size: 75%;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	position: relative;
	padding: 6px 14px;
	color: #ffffff;
	border-radius: 4px 4px 0 0;
	outline: none;
	background-color: #006699;
}

.home-tabs ul.tabs li.selected a,
.home-tabs ul.tabs li a:hover
{
    position: relative;
    top: 0px;
    font-weight:bold;
	background: #ffffff;
	color: #006699;
}

 .home-tabcontents
{
	padding:3%;
	background-color: #ffffff;
	border-radius: 0px 4px 4px 4px;
	margin-bottom:3%;
}


@media (max-width: 910px) {
.tabcontents #view1 a img{
	width: 18%;
}
.home-tabs ul.tabs li a {
font-size:70%;	
	}
	.container.info.clearfix .catalogs ul.tabs li,
	.home-tabs ul.tabs li{
	margin-right:0px;}
	.container.info.clearfix .catalogs ul.tabs li{
		font-size: 82%;}
		ul.tabs{
			padding:25px 0 20px;}
		div.tabcontents{
	padding:1% 3%;
	}
}

@media (max-width: 720px) {
.home-tabs ul.tabs li a {
font-size:75%;	
	}
.container.info.clearfix .catalogs ul.tabs li{
margin:0;	
width:100%;
}

.container.info.clearfix .catalogs ul.tabs li a {
    display: block;
    padding: 2%;
	color: #ffffff;
	width:100%;
	background-color:#333;
	font-size:100%;
}	
.container.info.clearfix .catalogs ul.tabs li a:hover {
	background: #999999;
	color: #ffffff;
}

.tabcontents #view1 a img,
.tabcontents #view2 a img,
.tabcontents #view3 a img,
.tabcontents #view4 a img,
.tabcontents #view5 a img,
.tabcontents #view6 a img,
.tabcontents #view7 a img{
	margin-bottom: 10px;
	width:30%;
	margin-left:5px;
	border: 1px solid #999999;
}

.home-tabs ul.tabs li a
{
	font-size: 100%;
	padding: 6px 14px;
	width:100%;
	color: #ffffff;
	border-radius: 0;
	background-color: #006699;
	display: block;
}
.container.info.clearfix .catalogs ul.tabs li a {
	border-radius:0;}
.home-tabs ul.tabs li.selected a,
.home-tabs ul.tabs li a:hover
{
    position: relative;
    top: 0px;
    font-weight:bold;
	background: #ffffff;
	color: #006699;
}

}

@media (max-width: 640px){
	.home-tabs ul.tabs li{
		width:100%;}
		#gsa-logo img{
			width:55%;
			}
	.header-logos #gsa-logo{
		padding-right:0px;
		text-align:center;}		
	}

@media (max-width: 400px){
.tabcontents #view1 a img,
.tabcontents #view2 a img,
.tabcontents #view3 a img,
.tabcontents #view4 a img,
.tabcontents #view5 a img,
.tabcontents #view6 a img,
.tabcontents #view7 a img{
	margin-bottom: 10px;
	width:45%;
	margin-left:10px;
	border: 1px solid #999999;
}
#gsa-logo img{
	width:80%;}
}