/* CSS Document */
/* Import External Styles */

/*-------------------------------------
/*  side items
-------------------------------------*/
.sideBoxCategory {
	width: 					180px;
	background: 			#fff;
	margin: 				20px;
	border: 				1px solid #ccd6e0;
}

.sideBoxCategory {
	background:			#EAEEF9;
	padding-bottom:		16px;
}

.sideBoxCategory a {
	color:					#4c83c8;
}

.sideBoxCategory a:hover {
	color:					#3366ff;
}

.sideBoxCategory h2 {
	font-weight:					bold;
  font-size: 16px;
	color: 					#4c83c8;
	margin: 				16px 16px 0 16px;
	padding-bottom:			7px;
	border-bottom:			1px dotted #4C83C8;
}

.sideBoxCategory h2.moreToExplore {
	font-weight:					bold;
  font-size: 12px;
	color: 					#4c83c8;
	margin: 				26px 16px 0 16px;
	padding-bottom:			7px;
	border-bottom:			1px dotted #4C83C8;
}

.sideBoxCategory h3 {
	font-weight:					bold;
  font-size: 12px;
	color: 					#4c83c8;
	margin: 				8px 16px 0 16px;
}

.sideBoxCategory h3.moreToExplore {
	font-weight:					bold;
  font-size: 11px;
	color: 					#4c83c8;
	padding-top:			2px;
	margin: 				4px 16px 0 16px;
}

.sideBoxCategory ul {
	margin-bottom: 			16px;
}
.sideBoxCategory li {
	font-weight:					normal;
  font-size: 11px;
	color: 					#4c83c8;
	list-style:				disc;
	margin: 				5px 16px 0 28px;
}

.sideBoxCategory .categoryCount {
	font-size:				10px;
	font-weight:			normal;
	color: 					#666;
}

/*-------------------------------------
/*  center items
-------------------------------------*/

div.centerAd img {
  font-weight: normal;
  color:#4C83C8;
  font-size:24px;
}


.item {
	text-align: 			center;
}
.featuredItems .item img  {
	margin:					0 0 5px 0;
}

.categoryFamilies {
	text-align:				center;
}

.categoryFamilies img {
  border:1px solid #CCD6E0;
}

.familyLeftColumn {
	float: 					left;
	width: 					208px;
	margin-right:			16px;
	margin-bottom:			16px;
}

.familyRightColumn {
	float: 					left;
	width: 					208px;
	margin-bottom:			10px;
}

.familyName {
  font-weight: normal;
  font-size: 155%;
	margin: 				5px 0 2px 0;
}

.familyName a { text-decoration: none; }

.familyCount {
	font-size:					10px;
	color: 					#666666;
	margin: 				0 0 2px 0;
}

/* family page - breadcrumb nav and sort drop-downs */

.breadcrumbNav {
	font-size:					10px;
	color: 					#4c83c8;
	margin: 				18px 0 15px 0;	
}

.brandList {
	
}

.priceSort {
	
}
/* family top level drop downs and page nav */

.familyNavAndSort {
	width:					430px;
  padding-bottom: 1px;
  border-bottom: 5px solid #B5D3F9;
}

.familyItems {
	margin:					20px 0px;
}

.familySortMenus {
	padding:				8px;
	margin-top:				8px;
	font-size:				10px;
	text-align:				left;
	clear:					both;
	background:				#86B7F5;	
}
.moreLinks {
	padding:				8px;
	margin-top:				0px;
	font-size:				9px;
	text-align:				right;
	clear:					both;
	background:				#B5D3F9;
  width: 414px;
}

.familySortMenus .menu {
	font-size:				10px;
}

.familySortMenus .menu label {
	color:					#fff;
}

.familySortMenus select.priceDropDown {
	font-size:          	11px; 
	color:             		#003366;
	width:					140px;
}
.familySortMenus select.brandDropDown {
	font-size:        		11px;   
    color:              	#003366;
	width:					110px;
}
.familySortMenus select.brandDropDown option, .familySortMenus select.priceDropDown option  {
	font-size:				12px;
	padding:              	3px 16px 3px 6px;
   	border-bottom:			1px solid #ccc;
}


input.btGo {
	vertical-align:			middle;
	margin-bottom:			5px;
}


/* product family table text and dividing lines */

.familyItems h2 {
	font-weight:					bold;
  font-size: 16px;
	color: 					#4c83c8;
	margin: 				0 0 15px 0;
}
.familyItems .item img {
	margin:					0 0 5px 0;
}
.familyItems .item {
	float: 					left;
}
.familyItems .last {
	margin: 				10px 0 0 0;
}

.item p.productName {
	font-weight:					normal;
  font-size: 13px;
	margin: 				0 0 2px 0;	
}

.item p.productDesc {
	font-weight:					normal;
  font-size: 10px;
	color: 					#333;
	margin: 				0 0 8px 0;
}
.item p.priceRegular {
	font-size:					10px;
	color: 					#666666;
	margin: 				0 0 2px 0;
}

.item p.priceSale {
	font-weight:					bold;
  font-size: 11px;
	color: 					#CC0000;
	margin: 				0 0 2px 0;
}

.item p.freeShipping {
	margin-top:				9px;
	font-size:				8px;
	padding:				5px;
	background:				#EAEEF9;
}

/* product table */

.productGrid {
	width:				430px;
}

.productGrid td {
	vertical-align:				top;
}

.gridTopLeft {
	border-bottom:		1px solid #EAEEF9;
}

.gridTopMiddle {
	border-bottom:		1px solid #EAEEF9;
	border-left:		1px solid #EAEEF9;
	border-right:		1px solid #EAEEF9;
}

.gridTopRight {
	border-bottom:		1px solid #EAEEF9;
}

.gridLeft {
	border-bottom:		1px solid #EAEEF9;
}

.gridMiddle {
	border-bottom:		1px solid #EAEEF9;
	border-left:		1px solid #EAEEF9;
	border-right:		1px solid #EAEEF9;
}

.gridRight {
	border-bottom:		1px solid #EAEEF9;
}

.gridBottomLeft {
	border-top:			0px solid #EAEEF9;
}

.gridBottomMiddle {
	border-top:			0px solid #EAEEF9;
	border-left:		1px solid #EAEEF9;
	border-right:		1px solid #EAEEF9;
}

.gridBottomRight {
	border-top:			0px solid #EAEEF9;
}
