﻿.atwrap {width:100%; max-width:1020px; margin:0 auto;}

#tabs-section {
	display: block;
}

.tabs {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

.tabs li {
	display: inline;
	float: left;
}

.tabs li a:link, .tabs li a:visited, .tabs li a:active {
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	font-family: 'Roboto Condensed', sans-serif;

	text-align: center;
	text-transform:uppercase;
	position: relative;
	display: block;
	margin-right: 10px;
	padding:8px 15px 6px 15px;
	color: #fff;
	border-top:1px #282828 solid;
	border-left:1px #282828 solid;
	border-right:1px #282828 solid;
	background:linear-gradient(#383838, #464646); 
}

.tabs li a:hover, .tabs li a.selected, .tabs li a.selected:active, .tabs li a.selected:visited {
	text-decoration: none;
	position: relative;
	color: #fff;
	background:#ab2312;
	border-top:1px #ab2312 solid;
	border-left:1px #ab2312 solid;
	border-right:1px #ab2312 solid;
}

.tabs li a.selected:hover {
	text-decoration: none;
	color: #fff;
}

.tabcontent-wrapper iframe {
    overflow: hidden;
    width:100%;  
    height:1000px;
    margin:0 auto;
	display: block;
    border:1px solid #000;
    background:#fff;	
    padding: 0;
}


.top-button {
    padding: 5px 15px;
	font-size:12px;
   background:linear-gradient(#383838, #464646); 
    color: #fff;
}
.top-button:hover {
    background:linear-gradient(#ab2312, #9c2011);
    color: #fff;
}



/* 
Example styles you can apply to your "Register To Bid" and "Log In" links.  
There is no standard style for these links.
In some cases you might simply add the links to the website's main navigation (using your navigation styles for them). 
However, if these links will only appear on the same page as the AuctionTime listings, below is a way to style them as part of their own group--
Just place them inside a div with id="logins".
*/

#logins {
	float:left;
	position:relative;
	width:250px;
	margin:10px 0 10px 10px;
	color:#fff;
}

#logins a:link, #logins a:visited, #logins a:active {
	color:#fff;
	text-decoration:none;
	display:block;
	float:left;
	position:relative;
	margin:0 5px 0 0;
	padding:2px 7px;
	background:#000; /* Choose a background color which compliments your website */
	font-size:10px;
	border:1px #000 solid;
	font-family: 'Roboto Condensed', sans-serif;

}
#logins a:hover {
	color:#fff;
	text-decoration:none;
	background:linear-gradient(#ab2312, #9c2011);
}



.at-logo{float: right; position: relative; top: 20px;	}




/* The styles below are ONLY for the AuctionTime Results.
If AuctionTime Results are rquested, update the "#subnav a" styles as indicated. */

#subnav {
	background:url('../siteart/subnav-bg.gif') repeat-x bottom #fff;
	border:1px solid #000;
	border-bottom:0;
	padding:5px 0;
	font-size:13px;
	line-height:13px;
}

#subnav a:link, 
#subnav a:visited, 
#subnav a:active {
	text-decoration:none;
	text-align:center;
	color:#000;	 /* You can leave this black, or choose a text color complimenting your site. */
	padding:5px 8px;
	margin: 2px 12px;
	display:inline-block;
}
#subnav a:hover {
	background:linear-gradient(#ab2312, #9c2011);
	color:#fff;
}

#subnav a.subnavcurrent{
    color:#fff; 
   background:linear-gradient(#ab2312, #9c2011);
    
}

ul#subNavList {
    list-style:none; 
    display:block; 
    margin:0px; 
    list-style:none; 
    font-size:12px; 
    font-family: 'Roboto Condensed', sans-serif;

}
ul#subNavList li {
    float:left;
    margin:0px; 
    border-right:1px solid #000; 
    position: relative;
}
ul#subNavList li a.menu {
    margin:2px 12px; 
    display:block;
}


@media screen and (max-width: 1030px) {
.atwrap {width:90%; max-width:1020px; margin:0 auto;}
	
.tabs li a:link, .tabs li a:visited, .tabs li a:active {font-size:12px; padding:8px 10px 6px 10px; margin-right:5px;}
}

@media screen and (max-width: 920px) {

.tabs li {
    display: inline;
    float: none;
	width:100%;
}

}
@media screen and (max-width: 530px) {


.at-logo {
    float: none;
    position: relative;
    top: 0;
    margin: 4% auto;
    text-align: center;
}

a .top-button{
	display:block;
}
	
.top-button{
	display:block;
	margin: 0 auto;
	text-align:center;	
}
	
ul#subNavList li {float:none; width:100%; border-right:none; border-bottom:1px solid #000;}



}




