/*************************************
**	ACKLEYCMS STYLES
**************************************/
@import "mainstyles.layout.css";

body, table, .bodyText, ul, li {
	
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#919191;

}

p {
	margin: 0px;
	margin-bottom: 8px;
}

p.topmargin {
	margin-top: 8px;
}

form {
	margin:0px;
}

.formItemText {
	font-weight:bold;
}

img, table {
	border:0px;
}

/* scrollbar-base-color: #E6F2F8; */
body {
/*	background-color:#eaf8fb;	*/
}

body.blank {
	margin:6px 16px 6px 16px;
}

a { 
	color:#298EAA;	/* Turquoise */
/*	color:#21419b;*/	/* Royal Blue */
	text-decoration:none; 
}

a:hover {
	text-decoration:underline;
}

a.u {
	text-decoration:underline;
}

label {
	font-weight:bold;
}

/*************************************
**	Styles for Ordered Lists
**************************************/
ul {
	margin-top:10px;
}
li {
	padding-bottom:5px;
}


hr {
	border: 0;
	margin: 0px;
}

/* empty HR tag (wrap around with a <div> tag */
hr.empty {
	display: none; 
}

/* 
	Used for div tag to create an empty line... 
	example1 : make a line and apply a style class "newStyle" on top of it:
		<div class="newStyle"><div class="line"></div></div>
	example2 : make an empty spacer
		<div class="invoiceTable"><div class="line"></div></div>
	example2 : make a line and apply a color style to it:
		<div class="line" style="background-color: #C2CCFF;"></div>
*/
div.line { width:100%; height:1px; overflow: hidden; }

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #202352;
}


div.spacer {
	overflow:hidden;
}

/* ERROR TEXT */
.error {
	color:#FF3300;
}


	
	
/*************************************
**	Styles for Bulleted Menu List used in left menu block
**************************************/
	li.menu_list {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		margin-left:0px;
		margin:0px;
		list-style: none;
		height:20px;
	}
	li.menu_list a {
		background-image:url(../images/page_ico.gif);
		background-position:top left;
		background-repeat:no-repeat;
		padding-left:14px;
		display:block;		
		height:20px;
	}
	li.menu_list a:hover {
		text-decoration: underline;
		/*color:#00e100;*/
		color:#B80818;
	}
	
	/** When it's Selected */
	li.menu_list_selected {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		margin-left:0px;
		margin:0px;
		list-style: none;
		height:20px;
	}
	li.menu_list_selected a {
		color:#B80818;
		background-image:url(../images/page_ico_sel.gif);
		background-position:top left;
		background-repeat: no-repeat;
		padding-left:14px;
		display:block;		
		height:15px;
	}
	
	li.menu_list_selected a:hover {
		text-decoration: underline;
		/*color:#00e100;*/
		color:#B80818;
	}

	/** When it's Selected */
	/*li.menu_list_selected {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		padding-top:4px;
		padding-bottom:3px;
		margin-left:0px;
		list-style-image:url(../images/page_ico_sel.gif);
		background-image:url(../images/lmenu_arrow_dotted.png);
		background-attachment:scroll;
		background-position:bottom right;
		background-repeat: no-repeat;
	}*/
	li.menu_list2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		padding-top:4px;
		padding-bottom:3px;
		margin-left:0px;
		list-style-image:url(../images/page_ico2.gif);
		list-style-position:outside;

	}
	/** When it's Selected */
	li.menu_list2_selected {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		padding-top:4px;
		padding-bottom:3px;
		margin-left:0px;
		list-style-image:url(../images/page_ico2_sel.gif);
		background-image:url(../images/lmenu_arrow_dotted.png);
		background-attachment:scroll;
		background-position:bottom right;
		background-repeat: no-repeat;
	}
	
	

/*************************************
**	Styles for Main Page Banner Boxes
**************************************/
table.banner1 {
	background-color: #CDDFE9;
	font-family:Arial, Helvetica, sans-serif;
}
td.banner1_head {
	text-align:left;
	background-color: #CDDFE9;
	background-image: url(../images/tbl_ban_headback.jpg);
	background-repeat:repeat;
	font-size:12px;
	font-weight:bold;
	color:#189BD1;
}
td.banner1_body {
	text-align:left;
	background-color: #FFFFFF;
	font-size:11px;
}

/*************************************
** Front-Page Products - Cell Style
**************************************/
td.front_products {
	vertical-align:top;
	border-width:1px; 
	border-style:dashed;
	border-color:#CDDFE9; 
	font:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	width:25%;
}

/*************************************
** Disclaimer Text
**************************************/
#disclaimers {
	margin-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
p.disclaimer, div.disclaimer {
	margin:0px 0 5px 0;
}

/*************************************
** Quick Search Table
**************************************/
table.quick_search {
	background-color:#8BC6E4;
}
td.quick_search {
	background-color:#F8FBFD;
}
input.quick_search {
	width: 136px;
	height: 16px;
	background-color:#F8FBFD;
	border:none;
	color:#003300;
	padding-left:2px;
	padding-right:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}



/*************************************
** Left Menu Cell
**************************************/
td.lmenu {
	vertical-align:top;
	text-align:left;
	padding:0px;
	background-image: url(../images/lmenu_back.gif);
	background-repeat: no-repeat;
	border-right: 1px solid #8BC6E4;
}
/* Left Menu Paded */
td.lmenu_paded {
	padding:5px;
}
th.lmenu_heading {
	padding-top:22px;
	padding-left:4px;
	text-align:left;
	background-image:url(../images/lmenu_grad_under.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
/* First Level Menu Item */
td.lmenu_item
{
	padding-top:6px;
	padding-left:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
/* Second Level Menu Item */
td.lmenu_item2
{
	padding-top:6px;
	padding-left:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
/* Menu Spacer */
td.lmenu_spacer
{
	padding:0px;
	height:6px;
}
/* First Level Menu Bullet */
.lmenu_bullet
{
	font-size:16px;
}
/* Second Level Menu Bullet */
.lmenu_bullet2
{
	font-size:14px;
}

/*************************************
** Button Indicator (Page Indicator) Cell
**************************************/
td.button_ind_on {
	height:5px;
	background-image:url(../images/btn_s_downarrow.gif);
	background-position:center;
	background-repeat:no-repeat;
}
td.button_ind_off {
	height:5px;
	background-image:none;
	background-position:center;
	background-repeat:no-repeat;
}



/*************************************
** Main Body Cell
**************************************/
td.mainbody {
	vertical-align:top;
	background-image: url(../images/body_background.gif);
	background-repeat: no-repeat;
	padding:4px;
	height:100%;
}
td.pagebody {
	vertical-align:top;
	padding:4px;
	height:100%;
}



/*************************************
** COPYRIGHT (C) Cell at the bottom of the table
**************************************/
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #464646;
	background-color:#F8FBFD;
}

/*************************************
** Title Heading
**************************************/
H1 {
	background:url(../images/h1_sliding_right.gif) top right no-repeat; 
	width:100%; 
	height:37px;	
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 17px;
	color:#298EAA;	/* Turquoise */
	color:#21419b;	/* Royal Blue */
	
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 0px;
	font-weight: bold;
}
H1 div {
	background:url(../images/h1_left.gif) top left no-repeat; 
	width:100%; 
	height:37px;
	padding:4px 10px 0px 40px;
}

/*************************************
** Heading 2
**************************************/
H2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	
	color:#21419b;	/* Royal Blue */
/*	color:#777;*/
	border-bottom:1px dotted #21419b;
	text-transform:uppercase;
	
	margin:0 0 5px 0;
}

/*************************************
** H2 Big Heading (Similar to H1)
**************************************/
H2.H2big {
	background:url(../images/h2big_sliding_right.gif) top right no-repeat; 
	width:100%; 
	height:40px;	
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 14px;
	color:#298EAA;	/* Turquoise */
	color:#21419b;	/* Royal Blue */
	border-bottom:none;
	
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	font-weight: bold;
}
H2.H2big div {
	background:url(../images/h2big_left.gif) top left no-repeat; 
	width:100%; 
	height:40px;
	padding:6px 10px 0px 43px;
}

/*************************************
** H1 Main
**************************************/
H1.h1biggest {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#333333;
}


/*************************************
** Heading 3
**************************************/
H3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*color: #2C681A;*/
	/*color: #ff2600;*/
	color: #3073be;
	
	font-weight:bold;
	margin:0px;
	margin-bottom:6px;
}


/*************************************
** Heading 4 - Not Used but similar to the Advanced Search Subheadings
**************************************/
H4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	/*color: #317FA7;*/
	color: #ff2600;
	font-weight:bold;
	margin:0px;
	margin-top:5px;
	margin-left:5px;
	border-bottom:1px solid #317FA7;
}

/*************************************
** Heading 5 - USED on the Products Page for brochures etc.
**************************************/
H5 {
	border-width:0px; 
	border-color: #5E991C; 
	border-style:solid; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	color:#5E991C; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt; 
	font-weight:bold;
	margin:0px;
	background-color:#F7FFED;
	padding:0px 2px 0px 5px;
}
H5.linked {
	border-color: #00A4E7; 
	color:#00A4E7; 
	background-color:#F5F9FB;
}


/*************************************
** Used on Advanced Search Subheadings
**************************************/
.searchresult_subheading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-style:italic;
	color: #597eb4;
	font-weight:bold;
	margin:7px 5px 0px 0px;
	padding-right:5px;
	border-bottom:1px solid #597eb4;
	width:100%;
}
.searchresult_subheading td.fromToOf {
	text-align:right;
	font-style:italic;
	font-size:9pt;
}


/* Divider Class for cells that should be divided on listing pages */
.rec_list_divider {
	border-top:1px dotted #f38342;
}



/*************************************
** Heading 2 Paragraph
**************************************/
p.h2 {
	padding-left:4px;
}
p.h2_table {
	padding-left:12px;
	margin-bottom:18px;
}

/*************************************
** Picture Formating on Detail Page
**************************************/
img.detail {
	border: 0px solid #CDDFE9;
}



/*************************************
** Green Information Table
**************************************/
td.greenwindow_head {
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#487713;
	border:1px solid #CBE492;
	padding-left:4px;
	background-image:url(../images/wing_h_back.gif);
	height:30px;
	vertical-align:middle;
	overflow:hidden;
}
td.greenwindow_body {
	border:1px solid #CBE492;
	border-top:none;
	background-color:#EEF6DD;
}
.greenwindow_text {
	color:#003300;
}
.greenwindow_subheading {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#487713;
	border-bottom:1px solid #CBE492;
}
.greenwindow_error {
	color:#D54600;
	font-weight:bold;
}

/*************************************
**	The Input Required asterix on forms
**************************************/
.inputRequirementText {
	htmlarea_name: Input Requirement for Forms;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6000;
}

/*************************************
**	Styles for Bulleted Site Map
**************************************/
	ul.sitemap {
		padding-top:0px;
		margin-left:20px;
		list-style-image:url(../images/bullet_brown.gif);
	}
	li.sitemap {
		margin-top:10px;
		padding-bottom:0px;
		font-weight:bold;
	}
	li.sitemap_item {
		margin-top:3px;
		padding-bottom:0px;
		list-style-image:url(../images/bullet_folder_green.gif);
		list-style-position:inside;
	}
	li.sitemap_item2 {
		font-size:10px;
		margin-top:3px;
		padding-bottom:0px;
		list-style-image:url(../images/bullet_file_green.gif);
		list-style-position:inside;
	}

	/** Graphical Dialog **/
	table.dialog1 {
		font-size:16px; 
		color:#5e8eff; 
		font-weight:bold; 
		height:36px;
	}
	table.dialog1 .lft {
		background-image:url(../images/h5_l.gif); 
		padding-left:10px; 
		background-repeat:no-repeat;
	}
	table.dialog1 .mid {
		width:100%; 
		background-image:url(../images/h5_m.gif); 
		background-repeat: repeat-x; 
		vertical-align:middle 
	}
	table.dialog1 .rgt {
		background-image:url(../images/h5_r.gif); 
		padding-right:10px; 
		background-repeat:no-repeat;
	}
	table.dialog1_body {
		width:100%;
	}
	table.dialog1_body td.dialog1_body {
		padding:5px 15px 5px 15px;
	}
	.dialog1_body input.text {
			border:1px solid #6d98ff;
			padding: 3px;
			font-size:12px;
			height:22px;
			background-color:#FFFFFF;
		}
	
	/*************************************
	** tabs for products page (products info, specs etc) Lada
	**************************************/
	a.tabs {
	color:#4378bd;
	text-decoration:none;
	font-weight:bold;
	}
	
	a.tabs_active {
	color:#ff6600;
	text-decoration:none;
	font-weight:bold;
	}
	/*************************************
	** tabs for products page (products info, specs etc) - display and hide divs Lada
	**************************************/
	.tabs_div {
	display:none;
	}
	
	.tabs_div_active {
	display:inline;
	}
	
	.span_nowrap{
		white-space:nowrap;
	}
	
	/** When it's displayed in div */
	.resources_list {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}

		
/**********************************************************************
**	Styles for  Extra features like links to subpages, resources etc.
**********************************************************************/
	li.extra_list {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		margin-left:0px;
		margin:0px;
		list-style: none;
		height:20px;
	}
	li.extra_list a {
		background-image:url(../images/page_ico.gif);
		background-position:top left;
		background-repeat:no-repeat;
		padding-left:14px;
		display:block;		
		height:20px;
	}
	li.extra_list a:hover {
		text-decoration: underline;
		/*color:#00e100;*/
		color:#120E27;
	}
	
	/** When it's Selected */
	li.extra_list_selected {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		margin-left:0px;
		margin:0px;
		list-style: none;
		height:20px;
	}
	li.extra_list_selected a {
		color:#0055c8;
		background-image:url(../images/page_ico_sel.gif);
		background-position:top left;
		background-repeat: no-repeat;
		padding-left:14px;
		display:block;		
		height:15px;
	}





/** The Sitemap and Pritable Version Links at the bottom of the page **/
a.sitemap_link {
    background: url('../images/btn2_sitemap_ico.gif') no-repeat left;
	font-size:9px;
	padding-left:18px;
	padding-right:10px;
}
a.printable_link {
    background: url('../images/btn2_print_ico.gif') no-repeat left;
	font-size:9px;
	padding-left:18px;
	padding-right:10px;
}
a.mail_link {
    background: url('../images/btn2_mail_ico.gif') no-repeat left;
	font-size:9px;
	padding-left:18px;
	padding-right:10px;
}

img.picture_line {
	border-top:3px solid white; 
}