﻿/* ***************************************** FCK Editor CSS style settings */
.Headline
{
	font-family: Century Gothic, Arial, Helvetica, Verdana, sans-serif;
	font-size: 26px;
	color: #5d2e24;
	font-weight: lighter;
	margin: 0px 0px 5px 0px;
}

.Sub-Headline
{
	font-family: Century Gothic, Arial, Helvetica, Verdana, sans-serif;
	font-size: 18px;
	color: #741426;
	font-weight: lighter;
	margin: 0px 0px 5px 0px;
}	

.photoFrame_right img
{
	font-family: Century Gothic, Arial, Helvetica, Verdana, sans-serif;
	border: solid #b09e9a 1px;
	padding: 2px;
	margin: 0px 0px 10px 15px;
	float: right;
}
.photoFrame_left img
{
	font-family: Century Gothic, Arial, Helvetica, Verdana, sans-serif;
	border: solid #b09e9a 1px;
	padding: 2px;
	margin: 0px 15px 10px 0px;
	float: left;
}
.Content_Text 
{
	font-family: Century Gothic, Arial, Helvetica, Verdana, sans-serif;
	font-weight: lighter;
	padding: 0px 0px 10px 0px;
	margin: 0px;	
}
.larger_orange
{
	font-size: 13px;
	color: #e76f00;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
/*********************************
Custom CSS to over-write DNN Css 
********************************/
ul li
{
	list-style-type: none;
}

.listBox ul li
{
	list-style-type: disc;
	padding-left: 10px;
}
/*********************************
Temperary Nav CSS from DNN BLUE Skin
********************************/

.main_dnnmenu_container 
{
	background-color: transparent; 
	font-family: Century Gothic, Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	font-weight: lighter;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	color: #FFFFFF;
}
.main_dnnmenu_bar {

	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: #6F7062;

}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/

	cursor: pointer; 
	cursor: hand; 
	background-color: Transparent;
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 1px 3px 3px 1px;	
   	font-family: Century Gothic, Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	font-weight: lighter;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	color: #FFFFFF;

}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/

	cursor: pointer; 
	cursor: hand; 
	background-color: Transparent;
    white-space: nowrap;  /*Word wrapping menu item now optional*/ 	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
    font-family: Century Gothic, Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	font-weight: lighter;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	color: #FFFFFF;

}

.main_dnnmenu_itemhover 
{  
	background-color: #616161; 
}

.main_dnnmenu_itemhover td 
{  
	background-color: #616161; 
}


.main_dnnmenu_icon {
/* 	
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
*/ 
}
.main_dnnmenu_submenu {

	background-color: #616161;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
 	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
 
}
.main_dnnmenu_break {
/* 
	height: 1px;
	font-size: 1px;
*/ 
}

.main_dnnmenu_arrow {
/* 
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
*/ 
}
.main_dnnmenu_rootmenuarrow {
/* 
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
*/ 
}

.ContentDetailphotoFrame {
	border: solid #b09e9a 1px;
	padding: 2px;
	margin: 0px 15px 10px 0px;
}

/***************************/
/* css :: menus :: carlson */
/***************************/

/* ***************************************** logoAnim */
#logoAnim_layer {
	width: 325px;
	height: 123px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}
#logoAnim {
	width: 325px;
	height: 123px;
	margin: 0px;
	padding: 0px;
}

/****************************************** utilityNav mainNav */
#mainHeader {
	/*background-image: url(../images/mainHeader_bgnd.jpg);*/
	background-image: url(../images/CJPMAdmnBar_2011_3.gif);	
	background-repeat: no-repeat;
	background-position: top left;
	height: 170px;
	_overflow: hidden; /*IE FIX*/
	position:relative;
}
#mainHeader_AmericanGirl {
	background-image: url(/carlsonJPMDesign/images/CJPM_AdmnBarAmericanGirl_2011.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 170px;
	_overflow: hidden; /*IE FIX*/
	position:relative;
}
#utilityNav_container {
	padding: 8px 0px 0px 525px;
	_padding: 8px 0px 0px 525px; /*IE FIX*/
	width: 460px;
}
#utilityNav {
	float: left;	
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#utilityNav li {
	color: #cac9c2;
	font-size: 11px;
	text-transform: uppercase;
	padding-top: 1px;
	_height: auto; /*IE FIX*/
}
#utilityNav .xLarge {
	font-size: 20px;
	font-weight: bolder;
	padding-top: 0px;
	margin-left: -52px;
	padding-left: -5px;
	_height: auto; /*IE FIX*/
}
/* ***************************************** mainNav */
#mainNav_container {
	position: relative;
	padding: 95px 0px 0px 0px;
}
#mainNav_container .subMenuContent {
	width: 175px;
	/* font control */
	font-family: Century Gothic, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FFFFFF;
}
#mainNav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	_height: auto; /*IE FIX*/
}
#mainNav li 
{
		margin: 0px;
	padding: 0px;

	height: 47px;
	_height: auto; /*IE FIX*/
}
/* ***************************************** searchForm */
#searchForm_container {
	padding: 0px;
	width: 225px;
	margin-left: 0px;
	margin-bottom: 0px;
	height: 47px;
	_height: auto; /*IE FIX*/
}
.searchField_container {
	
	_height: auto; /*IE FIX*/
	padding: 11.5px 0px 0px 0px;
		width: 135px;
	background: none;
	border: 0px none #FFFFFF;
	color: #56595c;
	font-size: 11px;
}
#searchBTN_container {
	width: 82px;
	height: 47px;
	_height: auto; /*IE FIX*/
	margin: 0px;
	padding: 0px;
}
#searchForm {
	height: 0px;
	margin: 0px;
	padding: 0px;
}
.searchField {
	width: 135px;
	background: none;
	border: 0px none #FFFFFF;
	color: #56595c;
	font-size: 11px;
}
/* ***************************************** contact Us dropMenu */
/*Another CSS change from the test team. */
#contactUs-layer {
	display: none;
	position: absolute;
	z-index: 115;
	top: 0px;
	#top: 0px; /*IE FIX*/
	_top: 0px; /*IE FIX*/
	left: 720px;
}
#contactUs_menu {
	background-color: #283743;
	width: 100px;
	/* font control */
	font-family: Century Gothic, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FFFFFF;
}
#contactUs_menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#contactUs_menu li {
	padding: 5px 0px 5px 8px;
	margin: 0px;
	border-bottom: solid #476D8C 1px;
}
#contactUs_menu li:hover {
	background-color: #283E4F;
}
/* ***************************************** subNav_dropMenu :: subMenu-layers */
#whyCarlson-layer {
	display: none;
	position: absolute;
	z-index: 110;
	top: 130px;
	_height: auto; /*IE FIX*/
	left: 10px;
}
#shopStore-layer {
	display: none;
	position: absolute;
	z-index: 111;
	top: 130px;
	_height: auto; /*IE FIX*/
	left: 150px;
}
#service-layer {
	display: none;
	position: absolute;
	z-index: 112;
	top: 130px;
	_height: auto; /*IE FIX*/
	left: 280px;
}
#resourceInfo-layer {
	display: none;
	position: absolute;
	z-index: 113;
	top: 130px;
	_height: auto; /*IE FIX*/
	left: 365px;
}
#customerServ-layer {
	display: none;
	position: absolute;
	z-index: 114;
	top: 130px;
	_height: auto; /*IE FIX*/
	left: 505px;
}
#whyCarlson_menu {
	width: 175px;
	background-color: #005399;
}
#shopStore_menu {
	width: 175px;
	background-color: #005399;
}
#service_menu {
	width: 175px;
	background-color: #005399;
}
#resourceInfo_menu {
	width: 175px;
	background-color: #005399;
}
#customerServ_menu {
	width: 175px;
	background-color: #005399;
}
/* ***************************************** subNav_dropMenu */
.subNav_dropMenu ul {
	margin: 0px 10px 0px 10px;
	padding: 0px;
	list-style: none;
}
.subNav_dropMenu li {
	background-image: url(../images/dropDnMenu_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding: 5px 5px 5px 20px;
	margin: 0px;
	border-bottom: solid #3A7798 1px;
}
.subNav_dropMenu .bgndTile {
	background-image: url(../images/dropDnMenu_bgndTile.gif);
	background-repeat: repeat-y;
}
.subNav_dropMenu .topCap {
	padding: 0px;
	margin: 0px;
	height: 10px;
	background-color: none;
	background-image: url(../images/dropDnMenu_topCap.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.subNav_dropMenu .endCap {
	padding: 0px;
	margin: 0px;
	height: 10px;
	background-color: none;
	background-image: url(../images/dropDnMenu_endCap.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.subNav_dropMenu li.end {
	border-bottom-width: 0px;
}
.subNav_dropMenu li:hover {
	background-color: #004b89;
}
