/* --  Primary Grey Gradient Tabs -- */

	/* tabs */
	.tabs li a, .tabs li a span { display: block; padding: 0px 5px; background: url(gradient_tabs_on_white.png) no-repeat; }
	.tabs.blue li a, .tabs.blue li a span { background-image: url(blue_tabs.png);}
	.tabs { list-style: none; margin: 0; padding:0; }
	.tabs li { float: left; min-width: 90px; margin-right: 6px; cursor: pointer;}
	.tabs.blue li { min-width: 65px; }
	.tabs li.ui-tabs-selected { margin-top: 0px;}
	.tabs li a { margin: 0; outline: 0; z-index: 2; padding-left: 0px; position: relative; top: 1px; line-height: 1.2; text-align: center; white-space: nowrap; cursor: pointer;
	color:#000000;
	background-image:url(gradient_tabs_on_white.png);}
	
	.tabs li a span {
		width: 64px; height: 18px; /*IE treats these as min- */
		min-width: 64px; min-height: 18px;
		padding: 3px 17px 0px 17px;
	}
	
	.tabs.blue li a span { padding: 3px 0px 0px 10px; min-width: 40px;} 

	/* * > .tabs li a span {} overrides the width, height given to IE6 in .tabs li a span for Firefox / Safari */
	* >.tabs li a span { width: auto; height: auto; }
	.tabs .ui-tabs-selected a span { padding-bottom: 1px; font-weight: bold;}
	.tabs li a { background-position: 100% -105px; text-decoration:none; }
	.tabs li a span { background-position: 0px -35px; }
	.tabs .ui-tabs-selected a { background-position: 100% -70px; font-weight: bold; }
	.tabs .ui-tabs-selected a span { background-position: 0px 0px; }
	.tabs li .selected{
	background-position: 100% -70px;
	text-decoration: none;
	color: #333333;
	}
	.tabs li a:hover {
	background-position: 100% -70px;
	text-decoration: underline;
	color: #000000;
}
	.tabs li a:hover span {
	background-position: 0px 0px;
	color: #000000;
}
	/* pop the selected tab */
	.tabs li { margin-top: 5px; } /* pushes non-selected tabs back down sucka. Needs to be the padding-top on the selected span - 3px*/
	.tabs li.ui-tabs-selected { margin-top: 0px; }
	.tabs .ui-tabs-selected a span { padding-top: 8px; } /* the top padding gives the illusion of the tab being popped */
	.tabs.blue .ui-tabs-selected a span { padding-top: 8px; }
	@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
		.ui-tabs-hide { display: none; }
	}

#products ul{
margin-top:0px;
}


	/* /tabs */

	/* tab content */
	.tab_content { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }


	/* 
	Note : This tab style goes along with the /images/global/tabs/ gradient_tabbed_cap cap images 
	*/