/*********************************************************************
 ** Filename: general_ecom.css                                      **
 ** Creation Date: 05/27/2007                                       **
 **                                                                 **
 *********************************************************************/

html, body {
	height: 	100%;
	margin: 	0;
	padding: 	0;
	border: 	0;
	text-align: center;
} 

body.mon                    {
	background-image:       url(../images/bg_repeat.gif);
	background-repeat: repeat;
	color:                  #666;
	font-family:            Verdana, Arial, Helvetica, sans-serif;
	font-size:              10px;
	font-weight:            400;
}

div.header_back {
	background-image:       url(../images/header_back.gif);
}
#main_header { 
	width: 		927px;
	margin: 	0 auto; 
	text-align: left; 
	background-image:       url(../images/header_back.gif);

} 

div.user_header_text {
	text-align:			right;
	padding:			0px 3px 4px 0px;
	
	font-size:			12px;
	color: 				#003264;
	font-weight:		700;
}

.logout_header_text {
	float:				right;
	vertical-align:		top;
	margin-top:			3px;
	font-size:			12px;
	color: 				#003264;
	font-weight:		300;
}
.logout_header_icon {
	float:				right;
	vertical-align:		top;
	margin-top:			3px;
	font-size:			12px;
	color: 				#003264;
	font-weight:		700;
}

#main { 
	min-height: 100%; 
	width: 		927px; 
	margin: 	0 auto; 
	text-align: left; 
	background: #fff; 
	border-left:#CCC 2px ridge; 
	border-right:#CCC 2px ridge;
	border-top:#DDD 1px ridge;
} 
html>body #main {
	width:924px;
}

* html #main {
	height: 	100%;
} 

p {
	margin: 0;
	line-height: 13px;
} 

hr {
	color:	#FFFFFF;
	height:	2px;

}
a:active,
a:link,
a:visited                   {
	color:                  #002a88;
	text-decoration:        none;
}
a:hover                     {
	color: 					#006600;
	text-decoration:        underline;
	
}

form {
	margin:					0px;
}

form table                  {
	margin-bottom:         10px;
}


img	                        {
	border: 0;
	padding:                0;
	margin:                 0;
}


table {
	border:                 0;
	padding:                0;
	margin:                 0;
	font-size:              10px;
	vertical-align:			top;

}
td                          {
	border:                 0;
	padding:                0;
	margin:                 0;
}
input text {
	margin-top:				1px;
	font-family:            Verdana, Arial, Helvetica, sans-serif;
	font-size:              10px;
	color:                  #666;
	height:					17px;

	}
button submit {
	height:					25px;
}

select {
	font-size:				10px;
}

th,
td.box_header,
td.box_header1 {
	color:				#000066;
	background-color: 	#DDDDDD;
	padding:			7px;
	font-weight:		600;
	font-size:			11px;
	border-top:			1px #CCC solid;
	border-left:		1px #CCC solid;
	border-right:		1px #CCC solid;
	text-align:			left;
}
td.box_header1 {
	background-color: 	#E4E4E4;
	padding:			3px;
	border-top:			none;
	border-left:		none;
	border-right:		none;
}

td.container {
	color:				#222222;
	background-color:  	#E5E5E5;
	border-bottom:		1px #CCC solid;	
	padding:			3px;
	font-size:			9px;
	text-align:			center;
	font-size:			10px;
}



/* Title Header */
h1 {
	text-align:			left;
	padding-top:		5px;
	padding-bottom:		5px;	
	margin:				0px;
	font-size:			18px;
	color: 				#003264;
	font-weight:		700;
}

/* Section Header */
h2  {
	text-align:			left;
	margin:				0px;
	font-size:			11px;
	color: 				#003264;
	font-weight:		700;
}

/* Sub section header*/
h3 {
	text-align:			left;
	margin:				0px;
	font-size:			10px;
	color: 				#333333;
	font-weight:		bold;
}

/* sub headline - main section*/
h4 {
	text-align:				left;
	color:                  #003264;
	font-size:              14px;
	font-weight:            700;
	margin:					0px;
	padding-left:			4px;
}

/* headline - right section*/
h5 {
	text-align:				left;
	color:                  #00216c;
	font-size:              12px;
	font-weight:            700;
	padding-bottom:			2px;
	margin:					0px;
}

/* sub headline - right section*/
h6 {
	text-align:				left;
	color:                  #666666;
	font-size:              11px;
	font-weight:            700;
	padding-bottom:			2px;
	margin:					0px;
}

ol{
	margin-top:5px;
	margin-bottom:5px;
}

ul{
	margin-top:5px;
	margin-bottom:5px;
}
li{
	padding:3px;
}

.bold {
	font-weight:			bold;
}

.italic {
	font-style:				italic;
}

/*--------------- Logo & Login ------------------ */

div.logo_position {
	top:				7px;
	float:				left;
	padding:			0px 0px 10px 12px;
}



/*********************************************************************
 ** These are the ID styles that determine the general layout of    **
 ** the pages. These IDs apply, in general, to every page or a      **
 ** number of pages.                                                **
 *********************************************************************/

#footer {
	margin-top:10px;
	width: 100%;
	
	left: 0px;
	border-top: 2px #a4b9cf solid;
	font-family:Arial, Helvetica, sans-serif;
}

html>body #footer {
	width: 100%;
	
	bottom: -25px;
	left: 0px;
	border-top: 2px #a4b9cf solid;
	font-family:Arial, Helvetica, sans-serif;
}

#bg                         {
	background-image:       url(../images/bg_gradiant.jpg); 
	background-position:    top center; 
	background-repeat:      no-repeat;
	height:                 575px; 
	width:                  100%; 	
}





#hd_np                      {
	background-image:       url(../images/main_menu_background.gif);
 /*width:					904px; */
	height:                 33px; 
	padding:                0;
	margin:                 0;
	
	
}
.hd_np_ends                      {
	background-image:       url(../images/main_menu_background.gif);
	height:                 33px; 
	padding:                0;
	margin:                 0;

}


/*********************************************************************
 ** These classes are used for display purposes for the main        **
 ** content sections                                                **
 *********************************************************************/


.cm                         {
	font-family:            Verdana, Arial, Helvetica, sans-serif;
	/*font-size:              11px;*/
	padding:           		5px 10px 10px 0px;
	vertical-align:         top;
	width:					100%;
}
.cmh                         {
	font-family:            Verdana, Arial, Helvetica, sans-serif;
	padding:           		5px 10px 10px 0px;
	vertical-align:         top;
	width:					100%;
}
.cm1                         {
	font-family:            Verdana, Arial, Helvetica, sans-serif;
	padding-top:			10px;
	vertical-align:         top;
	width:					100%;
}
.cm_login                         {
	font-family:            Verdana, Arial, Helvetica, sans-serif;
	padding:           		20px;
	vertical-align:         top;
}

/* --- MENU BUTTON --- */
div.menu_item            {
	color:                  #FFFFFF;
	border-left:			#555 1px solid;

	font-family:            Arial, Verdana, Helvetica, sans-serif;
	font-size:              10px;
	/*	width:					212px=4; */
	width:					287px;
	padding:                8px 0px 7px 12px;
	text-decoration:        none;
	white-space:			nowrap;

}

html>body div.menu_item {
	color:                  #FFFFFF;
	border-left:			#555 1px solid;

	font-family:            Arial, Verdana, Helvetica, sans-serif;
	font-size:              10px;
	/*width:					170px;*/
	/*width:					209px;*/
	width:					284px;
	padding:                8px 0px 7px 15px;
	text-decoration:        none;
	height:					19px;
	white-space:			nowrap;

}
div.menu_item_nomenu            {
	border-left:			#555 1px solid;
	width:					900px;
	padding:                8px 0px 7px 12px;
	white-space:			nowrap;
}
html>body div.menu_item_nomenu            {
	border-left:			#555 1px solid;
	width:					887px;
	padding:                8px 0px 7px 12px;
	white-space:			nowrap;
		height:					19px;

}
div.menu_width {
	width:			200px;
}

td.menu_end_left {
	width:					13px;
}
html>body td.menu_end_left {
	width:					11px;
}

td.menu_end_right {
	width:					13px;
}
html>body td.menu_end_right {
	width:					12px;
}

div.menu_item_on
{
	margin:0;
	border-left:			#555 1px solid;
	border-top:				#999 1px solid;
	font-family:            Arial, Verdana, Helvetica, sans-serif;
	font-size:              10px;
	width:					181px;
	padding:                8px 0px 7px 12px;
	text-decoration:        none;
	height:					34px;
	white-space:			nowrap;

/*	background-color:		#344d67; */
	background-color:		#3a5571;	

}

html>body .menu_item_on {
	border-left:			#555 1px solid;
		border-top:			#999 1px solid;
	font-family:            Arial, Verdana, Helvetica, sans-serif;
	font-size:              10px;
	width:					167px;
	padding:                8px 0px 7px 15px;
	text-decoration:        none;
	white-space:			nowrap;
	height:					18px;
	background-color:		#3a5571;
}

html>body .menu_item{
	height:					19px;
	
}


.menu_item,
.menu_item a:link,
.menu_item a:active,
.menu_item a:visited               {
	color:                  #FFFFFF;
	font-family:            Arial, Verdana, Helvetica, sans-serif;
	font-size:              12px;
	text-decoration:        none;
}
.menu_item a:hover               {
	color:                  #DDDDDD;
	font-family:            Arial, Verdana, Helvetica, sans-serif;
	font-size:              12px;
	text-decoration:        none;
}

.border_right,
li.menu_separator_right {
	border-right:			1px #555 solid;
}


td.dialog_container,
td.dialog_container50  {

	border:					1px #CCC solid;
}

td.sequence {
	vertical-align: top;
}

table.table_border {
	border:					1px #DDDDDD solid;
}

.maxwidth {
	width:					100%;
}

.required {
	padding: 				0px 5px 0px 5px;
}
.required_red {
	color:					#800000;
}


/* ---------- Misc ------------ */


.clear {
	clear:				both;
}

.input_text {
	height:				17px;
}

.content_main {
	font-family:            Verdana, Arial, Helvetica, sans-serif;
	font-size:				14px;
	padding-left:           11px;
	vertical-align:         top;
	width:                  513px; 
}

.content_right  {
	font-family:            Arial, Verdana, Helvetica, sans-serif;
	font-size:				10px;
	text-align:             left;
	padding-left:           11px;	
	vertical-align:         top;
	width:                  216px;
}

.background_white {
	background-color:		#FFFFFF;
}
.background_gray_lite {
	background-color: 		#F8F8F8;
}
.background_blue_lite {
	background-color: 		#F4FBFD;
}
.background_blue_lite1 {
	background-color: #E9F2FA;
}
.background_red_lite {
	background-color: #3366FF;
}


/* ---------- positioning -------------- */

.float_right {
	float:			right;
}

.float_left {
	float:			left;
}

.display_inline {
	display:		inline;
}

.align_left {
	text-align:		left;
}
.text_align_right,
.align_right {
	text-align:		right;
}
.align_center {
	text-align: 	center;
}
.v_align_top {
	vertical-align:		top;
}
/* ------------- Margins ------------ */

.margin5 {
	margin:			5px;
}
.margin10 {
	margin:			10px;
}

.margin_top2{
	margin-top:		2px;
}
.margin_top15{
	margin-top:		15px;
}

.margin_top10_body {
	margin-top:		0px;
}
html>body .margin_top10_body {
	margin-top:		10px;
}

.margin_right5 {
	margin-right:	5px;
}

.margin_left10 {
	margin-left:	10px;
}
.margin_left20 {
	margin-left:	20px;
}
.margin_left30 {
	margin-left:	30px;
}
.margin_left40 {
	margin-left:	40px;
}

.margin_bottom0 {
	margin-bottom:  0px;
}
.margin_bottom10 {
	margin-bottom:  10px;
}

.margin_tb_10 {
	margin:			10px 0px 10px 0px;
}

.margin_sections {
	margin:			10px 10px 0px 10px;
}
/* ------------- Padding ------------ */

.padding5 {
	padding:		5px;
}
.padding10 {
	padding:		10px;
}

.padding_top1 {
	padding-top:	1px;
}
.padding_top2 {
	padding-top:	2px;
}
.padding_top4 {
	padding-top:	4px;
}
.padding_top10 {
	padding-top:	10px;
}
.padding_top13 {
	padding-top:	13px;
}

.padding_bottom15 {
	padding-bottom:	15px;
}

.padding_left5 {
	padding-left:	5px;
}
.padding_left10 {
	padding-left:	10px;
}

.padding_left20 {
	padding-left:	20px;
}
.padding_left40 {
	padding-left:	40px;
}

.padding_right5 {
	padding-right:	5px;
}
.padding_right10 {
	padding-right:	10px;
}
.padding_tb_10 {
	padding:		10px 0px 10px 0px
}

html>body .right_section_padding {
	padding-left:	12px;
}
.right_section_padding {
	padding-left:	5px;
}

/* ------------- Widths ------------ */

.width10 {
	width:			10px;
}
.width11 {
	width:			11px;
}

.width12 {
	width:			12px;
}

.width13 {
	width:			13px;
}
.width20 {
	width:			20px;
}
.width23 {
	width:			23px;
}
.width25 {
	width:			25px;
}
.width50 {
	width:			50px;
}
.width60 {
	width:			60px;
}
.width75 {
	width:			75px;
}
.width80 {
	width:			80px;
}
.width90 {
	width:			90px;
}
.width100 {
	width:			100px;
}
.width105 {
	width:			105px;
}
.width110 {
	width:			110px;
}
.width125 {
	width:			125px;
}
.width150 {
	width:			150px;
}
.width175 {
	width:			175px;
}
.width200 {
	width:			200px;
}
.width205 {
	width:			205px;
}
.width210 {
	width:			210px;
}
.width215 {
	width:			215px;
}
.width225 {
	width:			225px;
}
.width240 {
	width:			240px;
}
.width250 {
	width:			250px;
}
.width270 {
	width:			270px;
}
.width300 {
	width:			300px;
}
.width305 {
	width:			305px;
}
.width350 {
	width:			350px;
}
.width400 {
	width:			400px;
}
.width450 {
	width:			450px;
}
.width480 {
	width:			480px;
}
.width904 {
	width:			904px;
}


.width10p {
	width:			10%;
}
.width15p {
	width:			15%;
}
.width20p {
	width:			20%;
}
.width60p {
	width:			60%;
}
.width70p {
	width:			70%;
}
.width80p {
	width:			80%;
}

.width97p {
	width:			97%;
}
.width100p {
	width:			100%;
}



/* ------------- Heights ------------ */

.height2 {
	height:			2px;
}
.height11 {
	height:			11px;
}
.height18 {
	height:			18px;
}
.height180 {
	height:			180px;
}
.height190 {
	height:			190px;
}
.height200 {
	height:			200px;
}
.height237 {
	height:			237px;
}

.height100p {
	height:			100%;
}


.border_left {
	border-left:	1px #555 solid;
}
.border_top {
	border-top:		1px #EEE solid;
}


/* ------------------- Breadcrumb --------------------*/


.breadcrumb_line {
	height:				2px;
	border-top: 		2px #a4b9cf solid;
	width:				100%;
}
html>body .breadcrumb_line {

	width:				924px;	
}



/* ------------------- Main Body ----------------------- */



div.main_header_text {
	text-align:			left;
	padding-left:		10px;
	padding-top:		13px;
	font-size:			18px;
	color: 				#003264;
	font-weight:		700;
}

div.main_header_border {
	width:				100%;
	border-top: 		1px #CCC dotted;
}




/* ------------------- Footer --------------------*/
.padding_footer_text1 {
	padding:			4px 0px 10px 20px;
}
.padding_footer_text2 {
	padding:			3px 8px 10px 8px;
}
.padding_footer_text3 {
	padding:			4px 0px 10px 0px;
}
.padding_footer_text4 {
	padding:			4px 0px 10px 113px;
}

.berkley_logo {
	padding-left:		65px;
	padding-top:		8px;
}


.home_section1_image{
	display:			inline;
	float:				left;
	padding-right:		10px;
	width:				15%;

}
.home_section1_text {
	display:			inline;
	float:				left;
	width:				77%;
	padding:			10px 10px 0px 10px;
}
.home_section2 {
	margin-top:			10px;
	border-top:			1px #EEEEEE solid;
}

.home_section2_left {
	float:				left;
	display:			inline;
	width:				48%;
	border-right:		1px #EEEEEE solid;
}
.home_section2_right {
	float:				left;
	display:			inline;
	width:				47%;
	padding-left:		20px;
}


div.maintenance_text{
	color:				#993300;
}