.at-wrapper{
	max-width: 1125px;
	padding: 50px 30px;
	margin: 0 auto;
	box-sizing: border-box;
}
#tabs-section {
	display: block;
}

.tabs {
	padding: 0;
	list-style: none;
    display:flex;
    display:-webkit-flex;
    flex-direction:row;
	-webkit-flex-flow:row;
	gap: 5px;
}

.tabs li {
	flex-grow:1;
	-webkit-flex-grow:1;
}

.tabs li a:link, .tabs li a:visited, .tabs li a:active {
	text-decoration: none;
	font-size:15px;
	font-weight:bold;
	font-family:Calibri, Arial, "sans-serif";
	text-align: center;
	text-transform:uppercase;
	position: relative;
	display: block;
	padding:12px 20px 12px 20px;
	color: #fff;
	border:0px #66635b solid;
	border-bottom:none;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:0px 0px 0 0;
	background:#512d88;
    flex-grow:1;
	-webkit-flex-grow:1;
}

.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:#626262;
}

.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 #512d88;
    background:#fff;	
    padding: 0;
}






/* 
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:20px 0 40px 0px;
	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:10px 25px;
	background:#512d88; /* Choose a background color which compliments your website */
	font-size:13px;
	border:1px #512d88 solid;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	font-family:Calibri, Arial, "sans-serif";
}
#logins a:hover {
	color:#fff;
	text-decoration:none;
	background:#66635b;
	border:1px #66635b solid;/* Choose a background color which compliments your website */
}


/* The styles below are ONLY for the AuctionTime Results.
If AuctionTime Results are rquested, update the "#subnav a" styles as indicated. */

#subnav {
	background:#fff;
	border:1px solid #512d88;
	border-bottom:0;
	padding:5px 0;
	font-size:15px;
	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:10px 8px;
	display:inline-block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#subnav a:hover, #subnav a.subnavcurrent {
	background:#fff; /* Choose a background color which compliments your website */
	color:#512d88;
	font-weight: 900;

}

ul#subNavList {
    list-style:none; 
    display:block; 
    margin:0px; 
    list-style:none; 
    font-size:15px; 
    font-family:Calibri, Arial, "sans-serif";
}
ul#subNavList li {
    float:left;
    margin:0px; 
    border-right:1px dotted #000; 
    position: relative;
}
ul#subNavList li a.menu {
    margin:2px 12px; 
    display:block;
}


@media screen and (max-width:1180px) {
	.tabs {text-align:center; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin-bottom: 10px;}
	.tabs li {
		float: none;
		min-width:20%;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	.tabs li a:link, .tabs li a:visited, .tabs li a:active {
		border-bottom:1px #000 solid;
        margin-right:0;
        -moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
	}
}
@media screen and (max-width: 380px) {
	.tabs {flex-wrap:wrap; -webkit-flex-wrap:wrap;}
	.tabs li {flex-basis:46%; -webkit-flex-basis:46%;}
}