﻿/*

--Note: Current color palette is not web-safe.

Light Blue -- #A3DCED
Dark Pink/Red -- #ac0634
Dark Brown -- #694f40
Mid Brown -- #a28c7f
Light Brown -- #a39161

*/

/***** Base *****/
*
{
	font-family: Century Gothic, Sans-Serif, Arial;
	font-size: 12px;			
}

body
{
	background-image: url('../image/BackgroundGradient.jpg');
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	scrollbar-face-color:#eee8c5;
	scrollbar-arrow-color:#a28c7f;
	scrollbar-track-color:#ffffff;
	scrollbar-shadow-color:#eee8c5;
	scrollbar-highlight-color:#eee8c5;	
	scrollbar-darkshadow-Color:#eee8c5;
	background-color: #ffffff;
}

img
{
	border: 0px;	
}

a
{
	cursor: pointer;
}
/***** Base *****/


/***** Ids *****/
#masterContainer, .masterContainer
{	
	background-color: #ffffff;	
	width: 990px;
	margin: 0px 0px 0px 0px;
	margin: 0 auto;
	overflow: hidden;	
	border: 1px solid #694f40;		
}
#headerContainer
{		
	width: 990px;			
	height: 86px;
	border-bottom: 1px solid #694f40;	
}
#headerImageBody
{	
	float: left;
	width: 180px;		
}
#headerTextBody
{	
	float: left;
	width: 810px;	
	height: 86px;
	background-image: url('../image/HeaderBlueBack.jpg');
}
#headerText
{		
	margin: 0px 0px 0px 0px;
	width: 810px;		
}
#subMenu
{
	height: 30px;
	background-color: #694f40;
	width: 990px;
	float: left;	
	border-bottom: 1px solid #694f40;
}
#ctl00_ucHeader_subMenuBody
{
	width: 990px;
	margin: 0px 0px 0px 280px;
}
#footerContainer
{		
	float: left;
	width: 990px;					
}
#footerDivider
{		
	background-color: #a28c7f;			
	height: 5px;
}
#footerBody
{			
	height: 22px;
	margin: 0 auto;
	margin: 7px 0px 0px 0px;
	width: 990px;	
}
#RetailerLogin
{
	width: 990px;
}
#RetailerLoginWarning
{
	width: 570px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 15px;
	color: #990000;	
}
#LoginContainer, #RegisterContainer
{
	float: left;
	width: 400px;
	margin: 40px 0px 0px 50px;	
}
#ResetPasswordContainer
{
	margin: 0 auto;
	width: 500px;
}

#RetailerLogin
{
	float: left;
	width: 990px;
	height: 100%;
	background-color: #eee8c5;
}
#LoginHeader, #RegisterHeader, #ResetPasswordHeader
{
	border-top: 1px solid #694f40;
	border-right: 1px solid #694f40;
	border-left: 1px solid #694f40;
	background-color: #694f40;
	margin: 0 auto;		
	height: 30px;
}
#LoginHeaderText, #RegisterHeaderText, #ResetPasswordText
{	
	margin: 3px 0px 0px 25px;
	font-size: 19px;	
	color: #ffffff;	
	font-weight: bold;
	letter-spacing: 2px;
}
#LoginBody, #RegisterBody, #ResetPasswordBody
{
	border: 1px solid #694f40;
	background-color: #ffffff;
	color: #000;
	height: 200px;
}
#ResetPasswordBody
{
	height: 150px;	
}
#RegisterBody
{
	height: 300px;		
}
#LoginTable, #RegisterTable, #ResetPasswordTable
{
	width: 400px;
	margin: 20px 0px 0px 20px;		
}
 #ResetPasswordTable
 {
 	width: 500px;
 }
#RegisterTable
{
	margin: 10px 0px 0px 10px;		
}
#RetailerDownloadWarning
{
	width: 900px;
	margin: 0 auto;
	margin-top: 60px;
	font-size: 12px;
	font-style: italic;	
	color: #990000;	
}
#PageHeading, .PageHeading
{	
	font-size: 21px;
	color: #694f40;
	margin: 10px 0px 0px 10px;
	width: 500px;
	font-weight: bold;
	letter-spacing: 1px;	
}
#CatalogDisplay, #ShelfTalkerDisplay, #FeaturedAssortmentDisplay
{	
	margin: 10px 0px 10px 10px;
	width: 800px;
	overflow: auto;
	float: left;
}
#ShelfTalkerDisplay
{
			
}
#FeaturedAssortmentDisplay
{
	height: 100%;	
}
#TradeShowDisplay, #FeaturedRetailerDisplay, #FeaturedAssociateDisplay
{	
	width: 430px;	
	margin: 0px 0px 5px 10px;	
	overflow: auto;	
	float: left;		
}
 #FeaturedRetailerDisplay, #FeaturedAssociateDisplay
 {
	border: 0px;		
 }
#PressFeatureDisplay, #ProductDetailDisplay
{	
	width: 730px;	
	margin: 0px 0px 5px 10px;	
	overflow: auto;
	height: 100%;
	float: left;		
}
#ProductDetailDisplay
{
	height: 100%;
}
#RequestContainer
{
	margin: 0 auto;
	height: 100%;	
}
#RegisterHeader, #RegisterBody
{
	margin: 0 auto;
	width: 400px;	
}
#RegisterBody
{
	height: 100%;
}
#FeaturedAssortmentDetailImage
{
	float: left;
	width: 310px;
	
}
#FeaturedAssortmentDetailImage
{
	float: left;
	width: 310px;
}
#FeaturedAssortmentDetailContent
{
	float: left;
	width: 310px;
}
/***** Ids *****/


/***** Classes *****/

.headerPhone
{
	float: right;
	margin: 5px 5px 0px 470px;
	font-weight: bold;	
	font-family: Arial;
	font-size: 12px;
	font-style: italic;	
}

.lblHeaderText
{
	color: #694f40;
	font-size:  21px;
	letter-spacing: 3px;
	float: right;	
	
	margin: 40px 5px 0px 0px;
}

.mainImage
{
	margin: 20px 0px 0px 10px;
}

.hrefHeader, .hrefHeader:hover, .hrefHeader:visited, .hrefHeaderSelected
{
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;	
}

.hrefHeader:hover, .hrefHeaderSelected
{	
	color: 	#694f40;
}

.hrefFooter, .hrefFooter:hover, .hrefFooter:visited
{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;	
}

.hrefFooter:hover
{	
	color: #cc0000;	
}

.hrefProductListDetail, .hrefProductListDetail:hover
{
	font-size: 15px;
	color: #694f40;
	text-decoration: none;
}
.hrefProductListDetail:hover
{
	color: #ac0634;
}


.footerLink
{
	float: left;	
}
.footerLeft
{
	float: left;
	font-weight: bold;	
	font-family: Arial;
	font-size: 12px;	
	margin: 0px 0px 0px 10px;
	width: 592px;
	font-style: italic;
}
.headerLink, .headerLinkSelected
{	
	float: left;	
	height: 30px;
	margin: 0px 0px 0px 0px;
}
.headerLink:hover, .headerLinkSelected
{
	float: left;
	background-color: #a3dced;
	color: #694f40;
}
.subHeaderLink
{		
	text-align: center;
	margin: 7px 0px 0px 0px;		
}
.divMainBody
{	
	float: left;	
	width: 770px;	
	height: auto;	
	margin: 15px 0px 20px 15px;
}
.tdLoginLabel, .tdRegisterText
{
	font-size: 12px;	
	color: #000000;
	text-align: right;
}
.tdRegisterText
{	
	text-align: left;
	font-size: 13px;
}
.txtEntrySm, .txtEntryXXSm, .txtPhoneThree, .txtPhoneFour
{
	border: 1px solid #a28c7f;
	width: 200px;
	font-size: 13px;
}
.txtEntryXXSm
{	
	width: 100px;
}
.txtPhoneThree
{	
	width: 30px;
}
.txtPhoneFour
{	
	width: 40px;
}
.btnLogin, .btnLogin:hover, .btnReset, .btnReset:hover
{
	border: 0px;
	background-color: #a28c7f;
	color: #ffffff;
	height: 25px;
	width: 100px;	
	cursor: pointer;
}
.btnReset, .btnReset:hover
{
	width: 150px;
}
.btnLogin:hover,  .btnReset:hover
{	
	background-color: #ac0634;
}
.cbRememberMe
{	
	font-size: 13px;
	color: #a28c7f;
}
.baseHrefSm, .baseHrefSm:hover, .baseHrefSm:visited
{
	position: relative;
	color: #0000ff;
	font-size: 10px;
	text-decoration: none;	
}
.baseHrefSm:hover
{
	color: #ff0000;
}
.baseHref, .baseHref:hover, .baseHref:visited
{
	color: #0000ff;
	font-size: 12px;
	text-decoration: none;		
}
.baseHref:hover
{
	color: #ff0000;
}
.RegisterDivider
{
	float: left;
	width: 40px;	
}
.leftMenuContainer
{
	background-color: #eee8c5;		
	width: 180px;
	height: auto;
	float: left;	
	position: relative;
}
.leftMenuSub
{
	margin: 5px 0px 0px 15px;
	
}
.hrefLeftMenu, .hrefLeftMenu:hover
{
	color: #694f40;	
	font-size: 13px;
	text-decoration: none;	
}
.hrefLeftMenu:hover
{
	color: #ac0634;	
	text-decoration: none;
}
.leftMenuSubHead
{
	color: #694f40;	
	font-size: 13px;
	font-weight: bold;		
	margin: 15px 0px 0px 5px;
}
.txtBaseMessage, .txtWarningMessage, .txtAffirmationMessage
{
	margin: 10px 0px 0px 10px;
	color: #ac0634;
	font-size: 13px;
	border: 1px solid #ffffff;
	width: 400px;
	overflow: auto;
}
.txtAffirmationMessage
{
	color: #006600;
}
.txtBaseMessage
{
	color: #000000;	
}
.CatalogRequest, .ShelfTalkerRequest, .AcrobatLink
{
	font-size: 13px;
	color: #694f40;
	margin: 30px 0px 0px 40px;
	width: 500px;				
}
.AcrobatLink
{
	margin: 0px 0px 0px 40px;
}

.lblCatalogHeader, .lblShelfTalkerHeader
{
	font-size: 15px;
	color: #694f40;
	margin: 5px 0px 10px 0px;
	width: 300px;
	font-weight: bold;	
	letter-spacing: 1px;	
}
.tdCatalog, .tdCollection, .tdShelfTalker
{
	width: 200px;
}
.tdCollection, .tdShelfTalker
{
	text-align: center;	
}
.tdCatalogDivider
{
	width: 100px;
}
.lblCatalog, .lblCollection, .lblShelfTalker
{
	font-size: 12px;
	color: #694f40;	
}
.imgCatalog, .imgShelfTalker
{
	margin-bottom: 10px;		
}
.imgCollection
{
	margin: 10px 0px 5px 0px;		
}
.tblTradeShowDisplay, tblFeaturedRetailerDisplay
{
	width: 400px;		
	margin: 10px 0px 0px 10px;
}
.TradeShowHeader
{
	font-size: 15px;
	color: #694f40;
	margin: 10px 0px 0px 20px;
	width: 500px;
	font-weight: bold;
	letter-spacing: 1px;
}
.TradeShowDetail, .TradeShowDetailBold, .ddTradeShowDetail
{
	font-size: 12px;
	color: #694f40;
	margin: 0px 0px 0px 20px;	
}
.ddMakeRack
{
	font-size: 10px;
	color: #694f40;	
}
.ddTradeShowDetail
{
	color: #000000;
	font-size: 10px;	
}
.TradeShowDetailBold
{
	font-weight: bold;
}
.TradeShowContent
{						
	float: left;	
	width: 200px;	
	margin: 0px 0px 0px 40px;		
}
.FeaturedRetailerName, .FeaturedAssociateName, .CatalogDisplayHeader
{
	font-size: 19px;
	color: #ac0634;
	margin: 20px 0px 20px 20px;	
	font-weight: bold;
}
.FeaturedRetailerSmHeader, .FeaturedRetailerText, .FeaturedAssociateSmHeader
{
	font-size: 13px;
	color: #a28c7f;
	margin: 10px 0px 0px 20px;	
	font-weight: bold;	
}
.FeaturedRetailerText
{
	font-size: 12px;
	font-weight: normal;
	color: #694f40;
}
.tdFeaturedRetailer
{
	margin: 10px 0px 0px 3px;	
}
.txtFeaturedRetailer, .txtFeaturedAssociate
{
	width: 400px;	
	border: 0px;	
	margin: 0px 0px 20px 20px;
	overflow: auto;
}
.FeaturedRetailerContent, .FeaturedAssociateContent
{
	float: left;
	width: 250px;	
	margin: 0px 0px 0px 40px;
}
.PressFeatureDetail, .PressFeatureDetailImage
{
	width: 240px;	
	height: 30px;	
	text-align: center;	
	padding: 10px 0px 0px 0px;	
	margin: 0 auto;		
}
.PressFeatureDetail
{
	padding: 0px 0px 30px 0px;	
}
.PressFeatureText
{
	margin: 10px 10px 20px 10px;	
}
.CatalogImageDisplay
{	
	text-align: center;
	padding: 5px;	
	font-size: 15px;
	font-weight: bold;
	color: #694f40;
	width: 200px;
}
.blankTableRow
{
	height: 50px;	
}
.FeaturedAssortmentContent, .CatalogOrderFormContent, .CoOpAdContent, .ProductDetailDescription,
.POPContent,.PageContent
{
	color: #694f40;
	margin: 10px 0px 10px 10px;	
	height: 100%;	
	float: left;
}
.ProductDetailDescription
{
	margin: 20px 0px 10px 10px;
}
.tblImageLibraryDisplay
{
	width: 700px;
}
.ImageLibraryDetail
{
	width: 33%;
	text-align: center;
	color: #694f40;
	height: 225px;
	font-size: 15px;		
}
.FeaturedAssortmentDetailContent
{
	float: left;
	color: #694f40;
	width: 400px;
	margin: 30px 0px 0px 30px;
	font-size: 12px;	
}
.ProductDetailHeader
{
	color: #000000;
	font-size: 15px;
	font-weight: bold;		
}
.divDownloadInstructions
{
	width: 730px;
	margin: 0px 0px 15px 10px;
	background-color: #f4f4f4;
	color: #888888;	
	padding: 2px;
}
.ProductDisplayImage
{
	width: 160px;
}
.ProductDisplayImage
{
	font-size: 10px;
	color: #ff0000;
}
.SiteMapHeader
{
	color: #694f40;	
	font-size: 13px;	
	margin: 5px 0px 0px 0px;
}
.SiteMapDetail
{	
	font-size: 13px;
	margin: 5px 0px 0px 15px;
}
.ErrorDisplay
{
	font-size: 15px;
	color: #694f40;	
	margin: 15px 0px 0px 15px;
}




/***** Classes *****/




/************************** LightBox Styles *********************************/

.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #a8a8a8;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
 
.white_content , .white_content_collection_image
{
    display: none;
    position: absolute;
    width: 500px;
    height: 120px;
    padding: 16px;
    border: 2px solid #000000;
    background-color: #fff;
    z-index:1002;    
    left: 40%; 
    top: 30%;
} 
.white_content_collection_image
{
	width: 300px;
	height: 1250px;	
}

/************************** LightBox Styles *********************************/


/***** jQuery *****/

h1 { font-size:18px; margin:0 0 20px; }

.clear { clear:both; font-size:1px; line-height:1px; }

#overlay { background:#666; height:100%; left:0; position:absolute; top:0; width:100%; z-index:2000; }
#overlay #preloader { background:url(loader_bg.gif) no-repeat; height:50px; left:50%; line-height:50px; margin:-25px 0 0 -25px; position:absolute; text-align:center; top:50%; width:50px; }
#overlay #preloader img { margin:11px 0 0 0; vertical-align:middle; }

.ui-sortable {margin:0px 0px 0px 0; width:90px; height: 120px;margin-left: auto;margin-right: auto;}

dl.sort { color:#222;  }
#uidemo dl.first { margin-top:0; }
#uidemo dl.last { margin-bottom:0; }

dl.sort dt { background-color:#666; color:#FFF; cursor:move;height:0px; }
dl.sort dd { background-color:#FFF; margin:0px; height: 0px; }

.ui-sortable-helper { width:0px;height:0px;margin-left: auto; margin-right: auto; text-align: center;}
.placeholder { border:1px dotted #AAA;background-color: #fff98d;height:120px;filter: alpha(opacity=50);-moz-opacity: 0.5; opacity:.50; }

span.options { cursor:default; position:absolute; height: 0px; width: 0px; visibility: hidden; }
span.options a { background-color:#FFF; cursor:pointer; display:block; float:left; text-indent:-9000px; }

dl.sort dt span.options { right:5px; width:27px;height:0px; }
dl.sort dt span.options a { height:0px; width:12px; }
dl.sort dt span.options a.up { margin-right:3px;height:0px; }
dl.sort dt span.options a.disabled { background-color:#555; cursor:default; }

#container { float:left; }
#header { width:238px;height: 0px; }
#content { float:left; width:400px; }
#sidebar { float:left; width:200px; }
#footer { width:638px; }
#trashcan {float:left;margin: 40px 0px 0px 30px;width: 86px; height:95px;background-image: url('../image/RecycleBin.gif'); }
#trashcan p { margin:0; }
/***** jQuery *****/



/***** BUILD RACK STYLES *****/
.RackContainer
{
	float: left;
	width: 222px;
	height: 950px;
	padding-top: 30px;
	padding-left: -10px;
	background-image: url('../image/EmptyRackHigh.jpg');
}
.RackPositionTopLeft,.RackPositionTopRight,
.RackPositionTopMiddleLeft, .RackPositionTopMiddleRight,
.RackPositionMiddleMiddleLeft, .RackPositionMiddleMiddleRight,
.RackPositionBottomMiddleLeft, .RackPositionBottomMiddleRight,
.RackPositionBottomLeft, .RackPositionBottomRight 
{
	height: 118px;
	width: 86px;
	float: left;		
}
.BuildDisplayDropdownContainer, .SearchByKeywordContainer, .ProductResultContainer, .BuildDisplaySearchText
{
	width: 525px;
	margin: 0px 0px 0px 20px;
	float: left;
	color: #694f40;	
}
.BuildDisplaySearchText
{
	margin: 10px 0px 0px 20px;	
}
.BuildDisplaySavedRacks
{
	float: right;
	color: #a28c7f;
	font-size: 11px;		
}
.BuildDisplayDropdownContainer, .btnSearchGo
{
	border: 1px solid #a28c7f;
	background-color: #eee8c5;
}
.SearchByKeywordContainer
{		
	margin: -40px 0px 0px 0px;
	float: right;	
}
.tblBuildDisplayDropdown
{
	margin: 0px 0px 0px 15px;
	width: 520px;	
}
.tdBuildDisplayText
{
	font-size: 10px;	
}
.ProductResultContainer
{
	width: 500px;
	height: 400px;		
	margin: 20px 0px 0px 20px;
}
.SearchBy
{
	margin: 5px 0px 0px 15px;	
	font-size: 15px;
	font-weight: bold;
	color: #694f40;	
}
.txtSearch
{
	width: 250px;
	border: 1px solid #694f40;
}
.imgInvisible
{
	height: 0px;
	width: 0px;
}
.tblProductOptionRack
{
	margin: 0px 0px 0px 0px;
	width: 500px;	
	background-color: #eee8c5;
}
.tdProductOption
{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}

.PositionTopLeftChild
{
	margin-top: 0px;
}
.RackPositionTopLeft
{
	margin: 140px 0px 0px 20px;	
}
.RackPositionTopRight
{
	margin: 140px 0px 0px 3px;	
}
.RackPositionTopMiddleLeft
{
	margin: 40px 0px 0px 20px;	
}
.RackPositionTopMiddleRight
{
	margin: 40px 0px 0px 5px;		
}
.RackPositionMiddleMiddleLeft
{
	margin: 40px 0px 0px 20px;	
}
.RackPositionMiddleMiddleRight
{
	margin: 40px 0px 0px 3px;		
}
.RackPositionBottomMiddleLeft
{
	margin: 40px 0px 0px 20px;
}
.RackPositionBottomMiddleRight
{
	margin: 40px 0px 0px 3px;	
}
.RackPositionBottomLeft
{
	margin: 40px 0px 0px 20px;		
}
.RackPositionBottomRight
{
	margin: 40px 0px 0px 3px;	
}
.divProductItem
{	
	width: 125px;
	height: 122px;		
	background-color: #ffffff;
}
.tdProductItem
{
	margin: 0px;
	margin-left: auto;
	margin-right: auto;	
	text-align: center;	
	width: 125px;
	border: 1px solid #694f40;
}
.divProductDetails
{	
	margin-left: auto;
	margin-right: auto;
	text-align: center;		
}
.lblProductItem
{
	font-weight: bold;
	font-size: 13px;
}
.lblProductItemDetail
{	
	font-size: 11px;
}
.imgRack
{
	height: 118px;
	width: 86px;	
}
.tblProductOptionDetail
{
	width: 125px;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #eee8c5;	
	border-right: 1px solid #eee8c5;	
	border-bottom: 1px solid #eee8c5;	
}
.tdProductOptionLabel, .tdProductOptionValue, .tdProductOptionLink
{
	font-size: 10px;			
}
.tdProductOptionLabel
{	
	color: 	#694f40;
	width: 30%;
	font-weight: bold;
	background-color: #eee8c5;	
}
.tdProductOptionValue
{
	border-top: 1px solid #eee8c5;
	width: 70%;	
	color: #000000;
	background-color: #ffffff;	
}
.tdProductOptionLink
{	
	width: 100%;
	background-color: #ffffff;	
}

.baseHrefSm span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
background-color: #694f40;
border: 1px solid #694f40;
visibility: hidden;
text-decoration: none;
}

.baseHrefSm span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.baseHrefSm:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -450px;
left: -180px; /*position where enlarged image should offset horizontally */

}

.OrderRackContainer, .SaveRackContainer
{
	float: left;
	width: 240px;
	height: 40px;
	border: 1px solid #ac0634;
	margin: 5px 0px 0px 0px;
	visibility: hidden;	
}
.OrderRackContainer:hover, .SaveRackContainer:hover
{
	border: 1px solid #008800;
}
.SaveRackContainer
{
	width: 100px;		
	margin: 15px 0px 0px 20px;
}
.OrderRackBody, .SaveRackBody
{	
	float: left;
	width: 238px;
	height: 38px;
	background-color: #ac0634;
	margin: 1px;	
	cursor: pointer;	
}
.OrderRackBody:hover, .SaveRackBody:hover
{
	background-color: #008800;
}
.SaveRackBody
{
	width: 98px;
}
.OrderRackText, .SaveRackText
{
	margin: 10px 0px 0px 25px;	
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;	
}
.SaveRackText
{
	margin: 10px 0px 0px 15px;	
}
.DragDropInstruction
{	
	font-size: 12px;
	color: #000;		
}
.BuildDisplayPageResultsContainer
{
	width: 520px;		
}
.BuildDisplayPageResultsBody
{
	float: right;		
}

.CatalogPageResultsContainer
{
	width: 750px;		
}
.CatalogPageResultsBody
{
	float: right;		
}
/***** BUILD RACK STYLES *****/



/***** CATALOG PAGING STYLES *****/
.CatalogItemContainer
{
	width: 190px;
	margin: 0px 0px 20px 0px;	
}
.CatalogItemBody
{
	
}
.CatalogItemHeader
{
	color: #694f40;
	font-weight: bold;
	font-size: 11px;	
	margin: 0px 0px 5px 0px;	
}
.CatalogItem
{
}
.CatalogImage
{
	border: 1px solid #a28c7f;
}

/***** CATALOG PAGING STYLES *****/

