@import "/App_/ROOT/PageFrame/StyleSheetBase.css";
body { /* 	background-color:#fff; 	*/ }

.pageFrame { margin: auto auto; width: 980px; /* 	background-color:#000;  	*/ }
#headerFrame { width: 980px; height: 200px; /* adjust */ border: dashed 0px red; }

#headerFrame div { margin: 0; padding: 0; vertical-align: top; }
#headerFrame img { margin: 0; }

#leftHeader { float: left; width: 284px; }

#leftHeader .logoPane { width: inherit; height: 174px; margin-bottom: -3px; }

#leftHeader .pageGraphicPane { width: inherit; height: 27px; border: dashed 0px #c21431; background-image: url(/App_/ROOT/PageFrame/StandardPartial/Header/SubNavBar.gif); background-repeat: repeat-x; }

#rightHeader { border: solid 0px blue; width: 696px; /*696 without borders */ height: 200px; float: left; }

#rightHeader .headerControl { width: inherit; background-color: #000; border: solid 0px yellow; height: 33px; background-image: url(/App_/ROOT/PageFrame/StandardPartial/Header/TopBarSync.gif); background-repeat: repeat-x; }

#rightHeader .mainMenuControl { height: 141px; width: 696px; background-image: url(/App_/ROOT/PageFrame/StandardPartial/Header/RightNavBar.gif); background-repeat: repeat-x; margin-bottom: -3px; }


#rightHeader .bottomHeaderControl { width: inherit; height: 26px; background-image: url(/App_/ROOT/PageFrame/StandardPartial/Header/SubNavBar.gif); background-repeat: repeat-x; position: relative; }

#rightHeader .bottomHeaderControl .subMenuControl { width: 500px; height: 26px; padding-top: 3px; font-size: 10pt; float: left; clear: none; }

#rightHeader .bottomHeaderControl a { text-decoration: none; color: #fff; }
#rightHeader .bottomHeaderControl a:hover { text-decoration: underline; }

#rightHeader .bottomHeaderControl .subMenuControl .subMenuBreak { margin-left: 3px; margin-right: 3px; }

#rightHeader .bottomHeaderControl .subMenuControl a.selected { text-decoration: underline !important; color: #fff; }

#rightHeader .bottomHeaderControl .orderStatusControl { padding: 3px 3px 0 0; width: 180px; height: 26px; float: right; clear: none; text-align: right; }

/* MainMenu */
#MenuContainer { width: 684px; margin: 0 0; padding: 0 0; /* 	width: 750px; 	border:dashed 1px yellow; 	*/ }

#MenuContainer div { float: left; }

/* BreadCrumb */
#breadCrumbControl { margin-top: 10px; margin-left: 5px; font-size: 8pt; }

#breadCrumbControl a { color: #000; font-weight: bold; text-decoration: none; }

#breadCrumbControl a:hover { text-decoration: underline; }
img { border-width: 0px; padding: 0; margin: 0; }

* { margin: 0; padding: 0; }

/* Content Frame */
#contentFrame { width: 980px; margin-bottom: 35px; min-height: 500px; }

#contentFrame .leftContent { float: left; width: 280px; height: inherit; border: dashed 0px blue; min-height: 500px; }
#contentFrame .rightContent { float: right; font-weight: bold; margin-top: 10px; margin-left: 5px; font-size: 8pt; }
#contentFrame .mainContent { float: left; width: 696px; /* 696px */ height: inherit; border: dashed 0px #c21431; min-height: 400px; }



#contentFrame .contentControl { width: 696px; margin-top: 10px; }

/* Footer */
#FooterContainer { margin-top: 5px; background-color: #c21431; font-family: Verdana; /* background-color: maroon; #c21431 gradient */ color: #fff; }

#FooterContainer a { text-decoration: none; }

#FooterContainer a:hover { text-decoration: underline; }

#FooterContainer .copyright { font-size: 9pt; }


/* Accordian, Side Menu 
#SideMenuContainer
{
	width: 207px;
	margin-left: 25px;
	margin-top: 35px;
	margin-bottom: 35px;
	color: #000;
	font-size: 12px;
}

#SideMenuContainer .moreInfoHeader
{
	width: inherit;
	height: 36px;
}

#SideMenuContainer .moreInfoMenu
{
	width: 205px;
	background-color: #e5e5e5;
	height: auto;
	padding-bottom: 10px;
	border-left: solid 1px #c21431;
	border-right: solid 1px #c21431;
	border-bottom: solid 1px #c21431;
} Previous stylee where the side menu is not rendering properly*/
/* new Accordian, Side Menu */
#SideMenuContainer { width: 207px; margin-left: 25px; color: #000; font-size: 12px; position: relative; top: 20px; }

#SideMenuContainer .moreInfoHeader { width: inherit; height: 36px; display: inline-block; }

#SideMenuContainer .moreInfoMenu { width: 205px !important; overflow: hidden; display: inline-block; background-color: #e5e5e5; height: auto; padding-bottom: 10px; border-left: solid 1px #c21431; border-right: solid 1px #c21431; border-bottom: solid 1px #c21431; }
#SideMenuContainer .rootHeader { font-size: 9pt; width: 205px; height: 20px; margin-left: 15px; cursor: pointer; padding-top: 2px; }
#SideMenuContainer .accordionHeader, .accordionHeaderSelected { font-size: 12px; width: 205px; height: 20px; padding-top: 2px; }

#SideMenuContainer .accordionHeader { cursor: pointer; }

#SideMenuContainer .accordionHeaderSelected { background-color: #fff; cursor: default; }

#SideMenuContainer .accordionHeader span, .accordionHeaderSelected span { margin-left: 15px; }

#SideMenuContainer .accordionContent { width: 205px; height: auto; background-color: #fff; padding-top: 5px; padding-bottom: 10px; font-size: 12px; }

#SideMenuContainer .accordionContent div { clear: both; width: 185px; margin-bottom: 5px; margin-left: 20px; }

#SideMenuContainer .accordionContent a { color: #000; text-decoration: none; }

#SideMenuContainer .accordionContent a:hover { text-decoration: underline; color: #c21431; }

#SideMenuContainer .accordionContent span { margin: 5px 2px 5px 20px; }

#SideMenuContainer .accordionHeader a, .accordionHeaderSelected a { text-decoration: none; }

#SideMenuContainer .accordionHeader a:hover, .accordionHeaderSelected a:hover { text-decoration: underline; }

#SideMenuContainer .accordionHeader a { color: #000; }

#SideMenuContainer .accordionHeaderSelected span { color: #c21431; }




#LeftNavCategory { display: inline; margin-left: 25px; margin-top: 25px; width: 100px; height: 124px; }

#LeftNavCategory .top { width: 100px; height: 12px; background-image: url(/App_/ROOT/PageFrame/StandardPartial/Catalog/LeftNavTop_C.gif); }

#LeftNavCategory .top_O { width: 100px; height: 12px; background-image: url(/App_/ROOT/PageFrame/StandardPartial/Catalog/LeftNavTop_O.gif); }

#LeftNavCategory .leftSync { background-image: url(/App_/ROOT/PageFrame/StandardPartial/Catalog/LeftNavSyncShadow.gif); background-repeat: repeat-y; width: 4px; }
#LeftNavCategory .rightSync { background-image: url(/App_/ROOT/PageFrame/StandardPartial/Catalog/RightNavSyncShadow.gif); background-repeat: repeat-y; width: 4px; }
#LeftNavCategory .content { height: 108px; width: 92px; text-align: center; background-image: url(/App_/ROOT/PageFrame/StandardPartial/Catalog/LeftNavSync_C.gif); background-repeat: repeat-y; }
#LeftNavCategory .content_O { height: 108px; width: 92px; text-align: center; background-image: url(/App_/ROOT/PageFrame/StandardPartial/Catalog/LeftNavMiddleSync_O.gif); background-repeat: repeat-x; }

#LeftNavCategory .content a { color: #000; font-weight: bold; font-size: 10px; }
#LeftNavCategory .content_O a { color: #000; font-weight: bold; font-size: 10px; }
#LeftNavCategory .content a.selected { text-decoration: underline; }

#LeftNavCategory .bottom { height: 12px; width: 100px; background-image: url(/App_/ROOT/PageFrame/StandardPartial/Catalog/LeftNavBottom_C.gif); }
#LeftNavCategory .bottom_O { height: 12px; width: 100px; background-image: url(/App_/ROOT/PageFrame/StandardPartial/Catalog/LeftNavBottom_O.gif); }



table.dashboardFrame td { }

table.dashboardFrame a { color: #000000; }

table.dashboardFrame td.leftFrame { vertical-align: top; padding-top: 25px; width: 200px; }

table.dashboardFrame td.leftFrame table.dashboardContainer { width: 150px; }


table.dashboardFrame td.rightFrame { vertical-align: top; padding-top: 25px; width: 800px; }

table.dashboardFrame td.rightFrame td.message { }

table.dashboardFrame td.rightFrame td.leftPane { width: 250px; }

table.dashboardFrame td.rightFrame td.leftPane table.dashboardContainer { width: 200px; }

table.dashboardFrame td.rightFrame td.centerPane { width: 300px; vertical-align: top; }

table.dashboardFrame td.rightFrame td.centerPane table.dashboardContainer { width: 250px; }

table.dashboardFrame td.rightFrame td.rightPane { width: 250px; vertical-align: top; }

table.dashboardFrame td.rightFrame td.rightPane table.dashboardContainer { width: 200px; }

.dashboardContainer { margin: auto auto; margin-bottom: 25px; }
.dashboardContainer table.header { height: 26px !important; width: 100%; }

.dashboardContainer table.header td.left { width: 6px; background-image: url(/App_/ROOT/PageFrame/StandardPartial/Header/Left.gif); }

.dashboardContainer table.header td.title { background-image: url(/App_/ROOT/PageFrame/StandardPartial/Header/Sync.gif); background-repeat: repeat-x; height: 26px; color: #FFFFFF; font-weight: bold; font-size: 12px; }

.dashboardContainer table.header td.right { width: 6px !important; background-image: url(/App_/ROOT/PageFrame/StandardPartial/Header/Right.gif); }

.dashboardContainer table.container { width: 100%; color: #000000; padding: 3px; background-color: #ffffff; border-left: solid 1px #000; border-right: solid 1px #000; border-bottom: solid 1px #000; }

.dashboardContainer table.container table { padding: 5px; }

#HeaderContainer { width: 320px; height: 20px; float: right; margin-top: 5px; }

#HeaderContainer .account { text-align: center; color: #fff; }

#HeaderContainer .account a { }

#HeaderContainerStandard { width: 480px; height: 20px; float: right; margin-top: 5px !important; color: #fff; }

#HeaderContainerStandard a { color: #fff; }

#HeaderContainerStandard .account { text-align: center; }

#HeaderContainerStandard div { float: left; }

#HeaderContainerStandard .searchImage { width: 50px; }

#HeaderContainerStandard .searchImage img { padding-top: 3px; }

#HeaderContainerStandard .searchInput input { border: none; width: 110px; }

#HeaderContainerStandard .account { padding-left: 10px; padding-right: 5px; line-height: 20px; text-align: right; float: right; font-size: 12px; }

.OrderDetailPane { }
.OrderDetailPane .detailPane input[type=text] { }

.AutoComplete_Collection { width: 400px; background-color: #ffffff; }

.AutoComplete_Collection_Item { width: 400px; background-color: #ffffff; border: solid 1px #000000; }

.AutoComplete_Collection_Highlight { width: 400px; background-color: #cccccc; color: #fff; }
div#container { border: 1px solid #99b3b4; padding: 15px; margin: 200px auto; width: 400px; }

/** News Listing Table *****/
table.newsTable td 
{
	padding-bottom: 25px;
}

/* SEARCH RESULTS */
table.searchResultPager { width: 100%; }
table.searchResultPager td a { text-decoration: underline; font-weight: bold; }

table.searchResultPager td { padding: 3px; }
table.searchResultPager td.rightColumn { padding-left: 1em; white-space: nowrap; }

table.searchResultPager td.colorColumn { background-color: #eee; }
#ShareSiteContainer { text-align: right; float: right; }
#ShareThisSiteWindow 
{
	font-style: normal;
	display: -moz-inline-box;
	display: inline-block;
	padding: 5px 10px;
	background: #C21431 ;
	color: #FFFFFF;
	margin-right: 6px;
	position: relative; top: 5px;
}
/* SITEMAP */
a.SitemapLink { display: block; }


/* MEDIALIST */
div.mediaListType { }
div.mediaListType2 { padding-top: 15px; }
div.mediaListTypeName { font-weight: bold; }

div.mediaListTypeItemName { }

div.mediaListTypeItemDescription { }

div.mediaListTypeItemUri { }