@if $useObjects == true and $useNav == true and $useTabs == true {
	/*==========  $Nav Tabs  ==========*/
	.tabs, .tabs-vertical {
		@include cf;
		overflow: visible;

		> li {
			position: relative;

			> a, > a:link, > a:visited {
				@include default-gradient();
				border: 1px solid $c-lightgray;
				color: $c-black;
				padding: #{$baseUnit1 * 2} #{$baseUnit1 * 3};
			}
		}
	}

	/*==========  Horizontal Tabs  ==========*/
	.tabs {
		border-bottom: 1px solid $c-silver;

		> li {
			margin-right: $baseUnit1;
			top: 1px;

			> a, > a:link, > a:visited { border-radius: $radius1 $radius1 0 0; }

			> a:hover, &.active > a, &.active > a:link {
				background: $c-white;
				border: 1px solid $c-lightgray {
					bottom-color: transparent;
				};
			}
		}
	}

	/*==========  tabs-Vertical  ==========*/
	.tabs-vertical {
		border-#{get-text-dir(opposite)}: 1px solid $c-silver;
		float: get-text-dir(default);
		margin-#{get-text-dir(opposite)}: #{$baseUnit1 * 3};
		width: 10em;

		> li {
			float: none;
			#{get-text-dir(default)}: 1px;
			margin-bottom: $baseUnit1;
			padding-#{get-text-dir(default)}: 1px;

			> a, > a:link, > a:visited { border-radius: $radius1 0 0 $radius1; }

			> a:hover, &.active > a, &.active > a:link {
				background: $c-white;
				border: 1px solid $c-lightgray {
					#{get-text-dir(opposite)}-color: transparent;
				};
			}
		}
	}

	/*==========  Tabs content  ==========*/
	.tabs-content {
		@include cf;
		display: block;
		margin: 0;

		> li, > div { display: none; height: 1%; overflow: auto; }
		> li.active, > div.active { display: block; }
	}
}
