﻿#ProductCenter
{
	margin-top: 20px;
	position: relative;
}

#ProductCenter a
{
	/*text-decoration: none !important;*/
	color: Black;
}


#ProductCenter .CustomProducts
{
	float: right;
	padding-right: 20px;
	text-align: left;
	width: 40%;
}

#ProductCenter .FeaturedProducts
{
	float: left;
	padding-left: 20px;
	text-align: left;
	width: 40%;
}

#ProductCenter .FullWidth
{ 
	width: 100%;
}

#ProductCenter #ProductSearchHeader
{
	background-color: #DDDDDD; 
	font-size: 14px;
    font-weight: bold;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#ProductCenter #ProductSearchHeader h2
{
	padding: 9px 0px 0px 0px;
}



/* ---------------- Product Search ---------------------- */
#ProductCenter #ProductSearch
{
	background-color: #DDDDDD; 
	padding: 5px 0px 5px 10px;
}

#ProductCenter #ProductSearch hr
{
	margin-top: 15px;
	text-align: left; 
	width: 90%; 
}

#ProductCenter .autoCompleteText
{
	color: Gray;
	font-size: 9px;
	width: 120px;
}

#ProductCenter .autoCompleteTextFocus
{
	color: Black;
}

/* ---------------- Product Filters ---------------------- */
#ProductCenter .CornerBottomLeft
{
	background: url(Images/Corners.jpg) no-repeat Left Bottom;
	height: 35px;
	padding-top: 5px;
}

#ProductCenter .CornerBottomRight
{
	background: url(Images/Corners.jpg) no-repeat Right Bottom;
	float: right;
	height: 35px;
	width: 10px;
}

#ProductCenter .CornerTopLeft
{
	background: url(Images/Corners.jpg) no-repeat Left Top;
	height: 10px;
}

#ProductCenter .CornerTopRight
{
	background: url(Images/Corners.jpg) no-repeat Right Top;
	float: right;
	height: 10px;
	width: 10px;
}

#ProductCenter .FlyOutContent
{
	background-color: #F1EECA; 
	border: solid 5px #666666; 
	display: none;
	height: auto;
	max-height: 600px;
	opacity: 0; 
	overflow: auto;
	position: absolute;
	width: 625px;
}

#ProductCenter .FlyOutContentDetail
{
	height: inherit;
    text-align: center;
}

#ProductCenter .FlyOutContainer
{
	display: block;
	position: relative;
}

#ProductCenter .FlyOutTrigger
{
	background-color: #DDDDDD;
	color: Black;
	cursor: pointer;
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 42px;
	padding-left: 10px;
	text-decoration: none;
	vertical-align: middle;
	width: 182px;
}

#ProductCenter .FlyOutTriggerHover
{
	background-color: #666666;
	color: White;
}


#ProductCenter .column
{
	border-right: solid 2px #FFFFFF
}

#ProductCenter .last.column
{
	border-right: none;
}

#ProductCenter .ProductFilters
{
	position: relative;
	vertical-align: top;
	z-index: 50;
}

#ProductCenter .filtersLevel2
{
	background-color: #666666;
	margin-bottom: 5px;
}

#ProductCenter .filtersLevel2 a
{
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0px;
	text-decoration: none;
}

#ProductCenter .filtersLevel2 a:hover
{
	text-decoration: underline;
}

#ProductCenter .filtersLevel3
{
	margin-bottom: 3px;
}

#ProductCenter .filtersLevel3 a
{
	color: #004796;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#ProductCenter .filtersLevel3 a:hover
{
	text-decoration: underline;
}		

#ProductCenter .filtersLevel4
{
	margin-bottom: 3px;
}

#ProductCenter .filtersLevel4 a
{
	font-size: 10px;
	text-decoration: none;
}

#ProductCenter .filtersLevel4 a:hover
{
	text-decoration: underline;
}		

#ProductCenter ul.columnizedFilters
{
	list-style: none;
	padding: 0px 0px 5px 0px;
}		

#ProductCenter .columnizedFilters li
{
	list-style: none;
	padding-left: 10px;
}

/* ---------------- Product Results ---------------------- */


#ProductCenter .Navigation
{
	color: #004796;
	font-size: 10px;
}

#ProductCenter a.Navigation:link, a.Navigation:visited
{
	color: #004796;
	font-size: 10px;
	text-decoration: none;
}

#ProductCenter a.Navigation:hover
{
	color: #004796;
	font-size: 10px;
	text-decoration: underline;
}

#ProductCenter .NavigationContainer
{
	bottom: 0px;
	position: absolute;
	right: 0px;
	text-align: center;
	width: 100%;
}


#ProductCenter a.overlayLink:link, a.overlayLink:visited, a.overlayLink:hover
{
	text-decoration: none;
}

#ProductCenter .ProductFiltersPath
{
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 23px;
	text-align: left;
	width: inherit;
}

#ProductCenter .ProductResults
{
	margin: auto;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 80%;
}

#ProductCenter .ProductResultsLoadingOverlay
{
	background-color: White; 
	display: none;
	filter: alpha(Opacity=50);
    height: 100%;
    -moz-opacity: .50;
	opacity: .5;
	position: absolute;
	right: 0px; 
	top: 0px;
	width: 735px;
}

#ProductCenter .ProductResultsLoadingImage
{
	display: none;
	right: 40%; 
	position: absolute; 
	top: 45%;
}

#ProductCenter .ProductResults a
{
	text-decoration: none;
}

#ProductCenter .ProductResultsItem
{
    display: block;
	height: 150px;
	margin: 6px auto 6px auto;
	padding: 5px;
	text-align: center;
	width: 125px;
}

#ProductCenter .ProductResultsItemHover
{
    background-color: Silver;
    cursor: pointer;
}


#ProductCenter .ProductResultsTitle
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#ProductCenter .ProductResultsDetail
{
	color: #004796;
	font-size: 10px;
}

/* ---------------- Product Detail ----------------------- */

#ProductDetail
{
	color: White;
}

#ProductDetail #ProductDetailName
{
	color: #9EC4F5;
	font-size: 18px;
}

#ProductDetail .controlButtons
{
	display: block; 
	float: right; 
	text-align: right;
	width: 150px;
}

#ProductDetail .Fields
{
	color: #9EC4F5;
	display: inline-block;
	padding: 5px 0px 5px 0px;
	width: 75px;
	vertical-align: top;
}

#ProductDetail .FieldValues
{
	color: #FFFFFF;
	display: inline-block;
	padding: 5px 0px 5px 0px;
	vertical-align: top;
}

#ProductDetail td
{
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	vertical-align: top;
}

#ProductDetail #ProductDetailImages
{
	 display: block; 
	 float: left; 
	 padding: 30px 0px 20px 0px;
	 text-align: left; 
}

#ProductDetail .ProductDetailImage
{
	display: inline-block;
	font-size: 9px;
	margin: 0px 10px 0px 10px;
}

#ProductDetail a.ProductDetailFile:link, a.ProductDetailFile:visited, a.ProductDetailFile:hover
{
	color: White;
	line-height: 24px;
	vertical-align: top;
	text-decoration: underline;
}

#ProductDetail a.ProductDetailFile:hover
{
	color: #3c7faf;
	text-decoration: underline;
}



/* ---------------- Admin  ----------------------- */

.Admin
{
	text-align: left;
}

.AdminLink a:link
{
	color: Green;
    font-weight: bold;
    text-decoration: none;
}

.AdminLink a:hover
{
	color: Green;
    font-weight: bold;
    text-decoration: underline;
}

.AdminNavTitle
{
	color: Green;
    font-weight: bold;
    margin-bottom: 10px;
}	

/* ---------------- Admin Product Center ----------------------- */
#AdminProductCenter
{
	text-align: left;
}

/* ---------------- Admin Product Detail ----------------------- */

#AdminProductDetail
{
	background-color: #DCDEDE;
    padding: 20px;
    text-align: left;
}

#AdminProductDetail td
{
	font-size: 10px;
	font-weight: bold;
}

/* ---------------- Admin Product Tags ----------------------- */

#AdminProductTags .item
{
   border: 1px solid threedshadow;
   float: left;
   height: 20px;
   margin: 5px;
   padding: 5px;
   width: 140px;
}

#AdminProductTags .itemChecked
{
   background: #a6daf5 !important;
}

#AdminProductTags .item:hover, #AdminProductTags .alternatingItem:hover
{
   background: silver !important;
} 

#AdminProductTags td
{
	font-size: 10px;
}


/* ---------------- Admin Filters ----------------------- */
#AdminFilters .FilterDetail
{
	border: solid 2px #afdef8;
	margin: 10px;
	padding: 10px;
	text-align: left;
}


/* ---------------- Admin Product Filters ----------------------- */
#AdminProductFilters
{
	text-align: left;
	width: 747px;
}

/* ---------------- Shopping Cart -------------------- */

#ShoppingCart
{
	margin: 15px;
}

#ShoppingCart .cartDisplay
{
	border: solid 1px gray;
	margin: 15px 0px 25px 0px;
	padding: 20px;
}

#ShoppingCart .ShoppingCartOrderUserField
{
	display: inline-block;
	margin: 5px 10px;
}
