/*==========================================================*/
/*==   style sheet for character development group        ==*/
/*==========================================================*/



/*-- insurance --*/
html {
	height: 100%;
	width: 100%;
}


/*-- insurance --*/
body {
	margin: 0;
	height: 100%;
	width: 100%;
	background: #fff;
}


/*-- catch-all --*/
table, tr, td, p {
	font-family: tahoma;
	font-size: 11px;
	line-height: 1.4em;
}




/*== custom ================================================*/
/*==========================================================*/

.MasterContainer {width: 100%; height: 100%; background: url(bg_main.gif); text-align: center;}
.SiteWidth {width: 770px;}
.ShadowLeft {width: 10px; background: url(shadow_left.gif) repeat-y;}
.ContentWhite {width: auto; background: #fff; padding: 0 3px 0 3px;}
.ShadowRight {width: 10px; background: url(shadow_right.gif) repeat-y;}
.MasterTop {height: 88px;}
.HeaderLeft {width: 400px; background: url(bg_header_left.jpg) no-repeat #40537C; padding: 5px 5px 5px 15px; color: #A8B0C1; font-weight: bold;}
.HeaderCenter {background: url(bg_header_center.gif) repeat-x; width: auto;}
.HeaderRight {width: 325px; background: url(bg_header_right.gif) no-repeat;}
.MasterMiddle {height: auto; border-top: 1px solid #fff; width: 100%;}
.MenuColumn {background: #B6B180; width: 186px;}
.MenuDiv {background: url(menu_bg.gif); width: 186px;}
#ShopNowDiv {padding: 0; height: 63px; cursor: hand;}
.LeftBottomDiv {width: 140px; margin: 15px 0 0 16px;}
.DuruttiColumn {padding: 0; border-left: 1px solid #fff;}
.ContentPad {padding: 15px;}
.Billboard {width: 571px; height: 178px; position: relative; margin-top: -34px; background: url(billboard_001.jpg) no-repeat; border-bottom: 1px solid #fff;}
.BreadcrumbCell {color: #fff; font-size: 11px; font-weight: bold; background: #181818; padding: 5px 7px 7px 2px;}
.ContentPaneLeft {padding: 0 3px 0 0; width: 33%;}
.ContentPaneCenter {padding: 0;}
.ContentPaneRight {padding: 0 0 0 3px; width: 33%;}
.MasterBottom {height: 10px; background: #181818; border-top: 1px solid #fff;}
.FooterContent {padding: 10px; color: #ccc; text-align: right;}


/*== main menu styles ======================================*/
/*==========================================================*/


/*-- box that holds the menu --*/
.MainMenu_MenuContainer {
	background-color: transparent;
	width: 100%;
	height: 1px;
}


/*-- bar that holds the menu? --*/
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	background: #fff;
	width: 100%;
}


/*-- applies to items in submenus only --*/
.MainMenu_MenuItem {
	font-family: tahoma; 
	color: #fff;
	font-size: 11px;
	background: transparent;
	font-weight: bold; 
	font-style: normal; 
	border: #3A4C74 1px solid;
	padding: 1px 4px 2px 1px;
	font-weight: bold;
	height: 21px;
}


/*-- hover state in submenus only --*/
.MainMenu_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #181818;
	border-left: #181818 1px solid;
	border-right: #181818 1px solid;
	padding: 1px 4px 2px 1px;
	font-weight: bold;
	height: 21px;
}


/*-- submenu container --*/
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 6px 0px 0px -6px;
	background-color: #3A4C74;
	border: #fff 1px solid;
	padding: 0px;
	font-weight: bold;
	filter: none;
}


/*-- idle state for root menu items --*/
.MainMenu_Idle {
	color: #E5E3D2;
	background: url(menu_item_off.gif) no-repeat;
	padding: 2px 3px 3px 1px;
	height: 23px;
	font-weight: bold;
}


/*-- hover state for root menu items --*/
.MainMenu_Selected {
	color: #fff;
	background: url(menu_item_on.gif) no-repeat;
	padding: 2px 3px 3px 1px;
	height: 23px;
	font-weight: bold;
}


/*-- applies to the active root menu item --*/
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	color: #fff;
	background: url(menu_item_on.gif) no-repeat;
	padding: 2px 3px 3px 1px;
	height: 23px;
	font-weight: bold;
}


/*-- stuff we don't need to see --*/
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuBreak, .MainMenu_MenuIcon  {
	display: none;
}

.MainMenu_MenuBreak {
	display: block;
}

/*== module menu styles ====================================*/
/*==========================================================*/


/*-- container for module menus --*/
.ModuleTitle_MenuContainer {
	color: #2c2c2c;
}


/*-- bar for module menus --*/
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
}


/*-- menu items --*/
.ModuleTitle_MenuItem {
	font-family: tahoma; 
	color: #7D8BA6;
	font-size: 11px;
	background: transparent;
	font-weight: bold; 
	font-style: normal; 
	border: #3A4C74 1px solid;
	padding: 1px 4px 2px 1px;
	font-weight: bold;
}


/*-- submenu container --*/
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 5px 0px 0px 0px;
	background-color: #3A4C74;
	border: #fff 1px solid;
	padding: 2px;
	font-weight: bold;
	filter: none;
}


/*-- hover state --*/
.ModuleTitle_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #3A4C74;
	border-left: #3A4C74 1px solid;
	border-right: #3A4C74 1px solid;
	padding: 1px 4px 2px 1px;
	font-weight: bold;
}


/*-- don't need this stuff --*/
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon    {
	display: none;
}









/*== linky linky ===========================================*/
/*==========================================================*/


/*-- for links in the footer area --*/
a.FooterLink:link, a.FooterLink:visited, a.FooterLink:active {
	color: #ccc;
	text-decoration: none;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
}

a.FooterLink:hover {
	color: #fff;
	text-decoration: none;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
}


/*-- unselected tabs --*/
a.OtherTabs:link, a.OtherTabs:visited, a.OtherTabs:active, .OtherTabs {
    text-decoration: none;
    color: #555349;
	background-color: transparent;
	border: 0;
	font-weight: bold;
}

a.OtherTabs:hover    {
    text-decoration: underline;
    color: #555349;
	background-color: transparent;
	border: 0;
	font-weight: bold;
}



/*-- fancy links that look like buttons! --*/
/*-- Removed these becuase they were causing issues with PortalStore
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
	color: #BEB6A0;
	padding: 1px 5px 2px 6px;
	border-top: 1px solid #9D8E70;
	border-bottom: 1px solid #090804;
	border-left: 1px solid #9D8E70;
	border-right: 1px solid #090804;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background: #2E2B1F;
}

a.CommandButton:hover {
	color: #E6E1D4;
	padding: 1px 5px 2px 6px;
	border-top: 1px solid #9D8E70;
	border-bottom: 1px solid #090804;
	border-left: 1px solid #9D8E70;
	border-right: 1px solid #090804;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background: #2E2B1F;
}
--*/


/*-- breadcrumb links --*/
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active {
	color: #aaa;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

a.BreadcrumbLink:hover {
	color: #fff;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}



/*-- login links --*/
a.Login:link, a.Login:visited, a.Login:active {
	color: #A8B0C1;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

a.Login:hover {
	color: #fff;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}



/*-- normal links --*/
a.Normal:link, a.Normal:visited, a.Normal:active {
	color: #3F527B;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

a.Normal:hover {
	color: #3F527B;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}


/*-- default link styles --*/
a:link, a:visited, a:active {
	color: #3F527B;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

a:hover {
	color: #3F527B;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}


/*-- white links --*/
a.White:link, a.White:visited, a.White:active {
	color: #fff;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

a.White:hover {
	color: #fff;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}



/*== container styles ======================================*/
/*==========================================================*/




/*== text styles ===========================================*/
/*==========================================================*/



/*-- for all basic text --*/
.Normal {
	font-family: tahoma;
	font-size: 11px;
	line-height: 1.4em;
	color: #444;
}


/*-- for highlighted text --*/
.NormalRed {
	color: #444;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
}


/*-- for bold text --*/
.NormalBold {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
}







/*== form styles ===========================================*/
/*==========================================================*/


/*-- ensures that all drop-downs and text boxes use the same font size --*/
select, input {
	font-family: tahoma;
	font-size: 11px;
	color: #555349;
}


/*-- dnn seems to apply this class to all input boxes --*/
.NormalTextBox {
	color: #555349;
	padding-left: 4px;
	line-height: 12px;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	scrollbar-face-color: #d0d0d0;
	scrollbar-track-color: #d0d0d0;
	scrollbar-arrow-color: #2f2f2f;
	scrollbar-3dlight-color: #d0d0d0;
	scrollbar-shadow-color: #d0d0d0;
	scrollbar-highlight-color: #d0d0d0;
	scrollbar-darkshadow-color: #d0d0d0;
}


/*-- prevents borders from showing up in form tables --*/
td.NormalTextBox {
	padding: 0;
	margin: 0;
	background: transparent;
	visibility: invisible;
}