﻿.auction-logo {
	float: right; 
	max-width: 250px; 
	height: auto;	
}

#tabs-section {
	display: block;
}

.tabs {
	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:15px;
	font-weight:600;
	font-family: 'Mulish Condensed', sans-serif;
	text-align: center;
	text-transform:uppercase;
	position: relative;
	display: block;
	margin-right: 5px;
	padding:8px 20px 6px 20px;
	color: #fff;
	border-top: none;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:0px;
	background-color:#324544;
	letter-spacing: 1px;
}

.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!important;
	background-color:#006b39;
}

.tabs li a.selected:hover {
	text-decoration: none;
	color: #fff!important;
}

.tabcontent-wrapper iframe {
    overflow: hidden;
    width:100%;
    height:auto;
    margin:0 auto;
	display: block;
    border:none;
    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:10px 0;
	color:#fff;
	font-family: 'Mulish', sans-serif; 
	letter-spacing: 1px; 
	border: none;
}

#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:5px 9px;
	background:#333333; 
	font-size:14px;
	border: none; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:0px;
	font-family: 'Mulish', sans-serif;
}
#logins a:hover {
	color:#fff;
	text-decoration:none;
	background:#324544;
}









/* 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:none;
	border-bottom:0;
	padding:5px 0;
	font-size:18px;
	line-height:18px;
}

#subnav a:link, 
#subnav a:visited, 
#subnav a:active {
	text-decoration:none;
	text-align:center;
	color:#333333;
	padding:8px 12px;
	display:inline-block;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	margin: 0;
	font-family: 'Mulish', sans-serif;
}
#subnav a:hover {
	background:#ebebeb; /* Choose a background color which compliments your website */
	color:#333333;
}

#subnav a.subnavcurrent{
    color:#fff; 
    background:#B4B4B4; /* Choose the same background color as in "#subnav a:hover"  */
    
}

ul#subNavList {
    list-style:none; 
    display:block; 
    list-style:none; 
    font-size:16px; 
    font-family: 'Mulish', sans-serif;
	letter-spacing: 1px; 
	text-transform:uppercase;
	margin-left: -39px;
}
ul#subNavList li {
    float:left;
    margin:0px; 
    border-right:1px solid #cccccc; 
    position: relative;
}
.first-menu {
	border-left:1px solid #cccccc; 
}
ul#subNavList li a.menu {
    display:block;
}


@media screen and (max-width: 1150px) {
	.tabs li {width: 25%; margin-bottom: 5px;}
}

@media screen and (max-width: 850px) {
	.tabs li {width: 33%;}
}

@media screen and (max-width: 650px) {
	.tabs li {width: 50%;}
	ul#subNavList {font-size: 14px;}
	.auction-logo {display: block; margin: auto; float:none;}
	#logins {float: none; display: block; margin: auto; padding-top: 15px; width: 100%;}
	#logins a:link, #logins a:visited, #logins a:active {float:none; display: inline-block; position: unset; text-align: center; width: 49%; margin: 0;}
}

@media screen and (max-width: 450px) {
	.tabs li {width: 100%; margin-right: 0;}
	ul#subNavList {font-size: 13px;}
	#logins a:link, #logins a:visited, #logins a:active  {width: 100%; margin-bottom: 5px;}
	.first-menu {border:none;}
	ul#subNavList li {float:none; border: solid 1px #ccc; margin-bottom: 5px;margin-left: 0; margin-right: 5px;}
}




