/* CSS Document for vendor pages*/
#divContent p { font-size: 13px !important; }
#vendorHeader { font-family: Verdana, Arial, Helvetica, sans-serif; }
#vendorProducts { width: 99%; }
#colHalf p { font-size: .8em; margin: 5px; }
#vendorHeader img { float: left; margin-right: 15px; }
#colHalf { width: 295px; float: left; margin: 5px 0px; border-right: 2px dotted #CCCCCC; }
#colHalf div img { float: none; margin-top: 4px; }
#vendorHeader h1 { font-size: 1.6em; margin-top: 0px; margin-bottom: 8px; }
#vendorHeader h2 { font-size: .8em; margin: 0px 0px 5px 0px; }
#vendorHeader h3 { font-size: 1.1em; margin: 0px 0px 0px 0px; }
#vendorHeader p { font-size: .8em; }
#products { float: left; width: 190px; margin-right: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 30px; text-align: center; }
#products2 { float: left; width: 300px; margin-right: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 30px; }
#vendorProducts #products a, #products2 a { text-decoration: none; }
#vendorProducts #products h3, #products2 h3 { font-size: .9em; margin: 0px; clear: left; }
#vendorProducts #products h4, #products2 h4 { font-size: 14px; text-align: center; margin: 0px; }
#sectionHeader { clear: both; margin-bottom: 4px; padding: 0px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; font-size: .9em; }
#sectionHeader h3, #vendorPromo h3 { font-size: 1.1em; padding: 4px 4px; margin: 0px; position: relative; }
#sectionHeader p { font-size: .8em; float: left; margin: 4px; }
#vendorPromo p { font-size: .8em; margin: 10px 0px; }
#categories { margin: 0px; }
#categories img { margin-right: 0px; }
#productsC4 { float: left; width: 147px; margin-right: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 30px; }
#productsC4 a, #productsC2 a, #productsC1 a { text-decoration: none; clear: both; text-align: left; }
#productsC4 h3, #productsC2 h3, #productsC1 h3 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 1.8em; }
#productsC4 h4, #productsC2 h4, #productsC1 h4 { font-size: 1em; text-align: center; margin: 0px; }
#productsC4 h5, #productsC2 h5, #productsC1 h5 { font-size: 1em; text-align: left; margin: 0px; }
#productsC2 p, #productsC1 p { margin: 6px 0px; font-size: .8em; }
#productsC2 p a, #productsC1 p a { font-size: 1em; text-align: left;  }
#productsC1 p span { font-size: .9em; }
#productsC1 #images img, #productsC2 #images img { float: right; margin-bottom: 5px; } 
.zeroMargin { margin: 0px; }
#productsC2 { float: left; width: 49%; margin-right: 5px; padding-bottom: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px; border-bottom: 1px dotted #CCCCCC; text-align: center; }
#productsC1 { float: left; margin-left: 10px; padding-bottom: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px; border-bottom: 2px dotted #CCCCCC; width: 100%; }
.clear { line-height: 0px; height: 0px; clear: both; }
/******* Slide Show Nav for jquery slider **********/
.caption { width: 49%; float: left; font-weight: bold; font-size: .9em; }
#navCaption { padding: 4px 0px; border-bottom: dotted 1px #999999; }
.nav { width: 49%; float: left; text-align: right; }
#navCaption a { border: 1px solid #ccc; background: #fc0; font-size: 1em; text-decoration: none; margin: 0 5px; padding: 4px 5px; }
#navCaption a.activeSlide { background: #ea0 }
#navCaption a:focus { outline: none; }

#catNav h2, #vendorProducts h2 { font-size: 1.2em; margin: 2px 0px 10px 0px; color: #666666; padding: 0px; }
#catSelect { width: 32%; text-align: center; float: left; margin-bottom: 20px; }

ul.tabs, ul.tabs2 {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li, ul.tabs2 li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a, ul.tabs2 li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover, ul.tabs2 li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover, html ul.tabs2 li.active, html ul.tabs2 li.active a:hover   { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}