@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; font-size: 100%;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-color: #F5F5F5;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
}

body, td, ul, ol, div, input, select, textarea, button {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
}

#main {margin:0 auto; width:800px;background-color: #FFFFFF;}

/*---- Header ----*/
#header {
    float:left;
    width:100%; 
	height:125px;
	background-color:#000000;
	background-image: url(../Images/header.jpg); 
	background-repeat:no-repeat;
    line-height:normal; 
    }
#header .icon { display:block; float:right; margin-top:4px; margin-right:4px;}
#header .head_pink {margin-top:38px; margin-left:222px; padding-bottom:0px;
color:#fff;
font-size:16px;
font-weight:bold;
}
#header .head_txt {
color:#fff;
font-size:10px;
font-weight:bold; margin-left:222px;
}

#header .quicklinks { float:right; margin-top:18px;}

/*---- Search box style ----*/
#header form#searchform {
	height: 85px;
	position: relative; 
	border:none; top:20px;
	left:228px;
	width: 180px;
}
 
 
#header form#searchform input#searchfield {
	background: url(../images/search_lbl.png) no-repeat 0 0;
	color: #b2b2b2;
	font: 1em Arial, Helvetica, sans-serif;
	height: 27px;
	border: none;
	padding: 2px 0 0 10px;
	width: 153px;
}
#header form#searchform input#searchfield:focus {
	color: #4c2805;
	outline:none;
}
 
#header form#searchform input#searchsubmit {
	position: absolute;
	right: 0;
	top:0px;
}
 
.focus {
	background: url(images/search_lbl.png) no-repeat 0 -40px !important;
}



/*======= index.html =======*/
.col_1, .col_2, .col_3, .col_box_1, .col_box_2{ float:left;}
#flash {float:right; margin-top:20px;}

#index .row .col_1{ width:156px;}
#index .row .col_2{ width:644px;}

#index .row{ padding:13px 0 16px 0;}


#index .row .col_1 .indent{ width:150px; padding-left:2px;}

#index .col_1 p {font-weight:bold; font-size:12px; padding-top:4px;}

/*======= uploading_files.html =======*/
#files .row{ padding:13px 0 16px 0;}
#files .row .col_1{ width:800px;}
#files .row .col_1 .indent{ width:750px; margin-left:40px;}



.fxpink {color:#CC0099; padding-top:10px; font-weight:bold;}

/*---- Content ----*/

#content { 	width:100%; }

h1 {
color:#CC0099;
font-size:12px;
font-weight:bold; display:inline; padding-bottom:8px;
}
h1 strong {color:#000;}
.heading {font-size:12px;font-weight:bold;padding-bottom:8px;}

h2 {color:#CC0099;font-size:12px;padding-top:4px;}
h2 strong {color:#CC0099;font-weight:bold; font-size:12px;}
h2 span {color:#fff;font-weight:bold; font-size:12px;}

h3 {color:#CC0099;font-size:12px;padding-top:4px;}
h3 strong {color:#FFF;}
h3 span {color:#FFF;}

h4 { color:#CC0099; font-size:12px; font-weight:bold; padding-top:10px;}
h4 strong { color:#000;}
h4 span { color:#000;}

.txt {text-align:justify; margin-right:10px; padding-top:16px;}
.txt strong { color:#CC0099;}
.txt span { color:#CC0099; font-weight:bold;}
.txt_bold {text-align:justify; margin-right:10px; padding-top:16px; font-size:11px; font-weight:bold;}
.txt_bold strong { color:#CC0099;}
.txt_bold span { color:#CC0099;}

.txt_lrg {color:#000; font-size:15px; font-weight:bold; margin-right:10px; padding-top:4px; }
.txt_lrg strong {color:#CC0099;}
.txt_lrg span {color:#CC0099;}

.txt_just { text-align:justify; margin-right:10px; }
.txt_total { font-size:36px; color:#CC0099; padding-left:20px;}

.col_1 img {padding:4px 4px;}

.col_2 a {
color:#CC0099; text-decoration:none;
}
.col_2 a:hover { text-decoration:underline;}

.lr_link { color:#333333; font-size:18px; font-weight:bold; }


.clear { clear:both;}
.al_center { text-align:center;}
.right {float:right}
.left {float:left}

.img_left {float:left; padding:0 10px 10px 0;}

.pre_page_heading {background-color:#CC0099; height:20px; text-align:center; padding-top:4px;}
.pre_page_heading h1 { color:#FFF; font-weight:bold; font-size:12px;}
.pre_page_heading h2 { color:#FFF; font-weight:bold; font-size:12px;}
.page_heading {
background-color:#999; height:25px; color:#FFF; font-weight:bold; padding-left:2px;
}
.page_heading p {
color:#000; padding-top:4px;
}
.foot_page_heading { background-color:#000000; color:#FFFFFF; font-size:11px; font-weight:bold; text-align:justify; padding:8px;}
.foot_page_heading strong {color:#CC0099;}

.list_sm
{
margin-left:17px; padding-top:6px; padding-bottom:6px;
}
.list_sm li { font-size:10px;}

.list_tick
{ list-style-image:url(../Images/tick.jpg);
margin-left:23px; padding-top:6px; padding-bottom:6px;
}
.list_tick li { font-size:11px; font-weight:bold;}

.clist
{ list-style-image:url(../Images/arrow.jpg);
margin-left:20px; padding-top:6px; padding-bottom:6px;
}
.clist li { font-size:11px; font-weight:bold; padding-bottom:6px;}

.list_bold
{ 
margin-left:17px; padding-top:6px; padding-bottom:6px;
}
.list_bold li { font-size:11px; font-weight:bold; margin-top:10px;}

ol.list_num li {margin-left:17px; padding-top:6px; padding-bottom:6px; color:#CC0099; font-weight:bold;}
ol.list_num span { color:#000000; font-weight: lighter;}

#upload {
float:left;
height:360px;
width:800px;
}


/*Top categories*/
.main_cat1 {font-size: 16px; font-weight: bold; color:#0000FF}
.main_cat2 {font-size: 12px; font-weight: bold; color:#0000FF}
.cat1:visited {font-size: 16px; font-weight: bold; color:#5555AA}

/*Small urls*/
.url {color: #115599}

a:visited{color:#5555AA}
/*hr{color:#000066}*/

/*Page descriptions*/
.description{font-size: 13px;}

/* Title/link of pages */
.title{color:#0000FF; font-size:15px}


#result_report {
	text-align:center ;
	padding:3px;
	background-color:#e5ecf9; 
	font-weight: bold;
	margin-bottom:14px;
}

.catBanner {
	padding:3px;
	margin-top:15px;
	background-color:#e5ecf9; 
	font-weight: bold
}
.webPageBanner {
	padding:3px;
	margin-top:20px;
	background-color:#e5ecf9; 
	font-weight: bold
}

hr{color:#000066;}
hr.powered{width:550; color: #000066}

/*main results table */
#results{width: 780;}

#other_pages {
	text-align:center;
}

#powered_by {
	margin:0 auto;
	margin-top:20px;
	padding-top:10px;
	font-size:10px;
	text-align:center;
	vertical-align: center;
}

#common_report {
		text-align:center;
}

#cat_table {
		width:600px;
		margin-top:20px;
		padding-top:10px;
		padding-bottom:20px;
		border-top:1px solid #AAAAAA;
		border-bottom:1px solid #AAAAAA;

}

#cat_main {
	font-weight: bold;
}

.divline{
	margin-top:20px;
	margin-bottom:-5px;
	border-bottom:1px solid #DDDDDD;
}

#sub_cat {
	font-size:12px;
}

.idented {
	margin-left:30px;
}

#did_you_mean {
	font-size: 14px; 
	text-align:center ;
	margin:10px;

}

/* suggestions box */
/* js code generates unordered list */
#header .sf_suggestion{
	position:relative;
}
#header .sf_suggestion ul{
	position:absolute;
	margin:0;
	padding:0;
	background:#86BAC7;
	top:0;
	left:0;
}
#header .sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
}
#header .sf_suggestion li a{
	display:block;
	text-indent:5px;
	color:#fff;
}
#header .sf_suggestion li.selected a{
	background:#3D91A5;
}

/*---- Header Menu ----*/
.menu {
	width:798px;
	height:3em;
	background-color:#000;
	font-weight: bolder; padding-left:2px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {background-image:url(../Images/drop.gif) bottom right no-repeat;
	display: block;
	width: 14.1em;
	height:3em;
	text-decoration:none; 
	color:#fff;padding-left:10px; line-height:3em;
}
/* style the top level hover */
#nav a:hover, #nav ul ul a:hover{width: 14.1em; color:#000; background:#CCC;}

#nav li { /* all list items */
	float: left;
	width: 14.64em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background:#CCC;
	width: 15.1em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul a, #nav li ul a:visited {
	color:#000;
	height:auto; 
	line-height:1em;
	padding-top:5px; 
	padding-bottom:5px;
	border-left:1px solid #999;
	border-right:1px solid #999; 
	border-bottom:1px solid #999;
}

#nav li ul a:hover, #nav li ul a:hover { color:#FFF; background:#999;}

#nav li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 15.1em;
}

#nav li ul ul ul { /* third-and-across-level lists */
	margin: 0 0 0 15.1em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav a.drop, #nav a.drop:visited { background-image:url(../Images/drop.gif); background-position:bottom right; background-repeat:no-repeat;}

#nav .drk, #nav .drk { width:auto;background: #999999; color:#FFFFFF;border-right:1px solid #CCC;border-bottom:1px solid #CCC;}
#nav .ylw a, #nav .ylw a:visited {background: #ff9900; color:#FFFFFF;}
#nav .pnk a, #nav .pnk a:visited {background: #CC0099; color:#FFFFFF;}
#nav .blk a, #nav .blk a:visited {background: #000000; color:#FFFFFF;}
#nav .grn a, #nav .grn a:visited {background: #006633; color:#FFFFFF;}



/*---- Left Menu ----*/
.clock
{
font-size: 14px;
font-weight: bold; 
padding-bottom:5px;
}
.date
{
padding-bottom:10px;
}
#navcontainer { display:block; width:146px; padding-bottom:16px;}
.navlist {
 width:146px; margin-left: 0; padding-top:6px; padding-bottom:6px;
padding-left:4px; border-bottom:1px solid #CCCCCC;
list-style: none;
}

.navlist li
{
}
.navlist a, #navlist a:visited {
display:block;
font-size:11px; 
font-weight:bold;
text-decoration:none; 
color:#333; 
height:15px; 
padding-left:10px; 
padding-top:3px; 
line-height:14px;}

.navlist li.nav_bold {
background-image: url(../Images/arrow_anim.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}
.navlist li.nav_bold a { color:#CC0099; }
.navlist li.nav_bold a span { color:#000; }

.navlist li.nav_standard {
background-image: url(../Images/arrow.jpg);
background-repeat: no-repeat;
background-position: 0 .5em;
}

.navlist li.nav_standard strong { color:#CC0099; }

/*---- Page Tabs ----*/

.tabcontainer
{
margin-bottom: 1em;
overflow: hidden;
width: 640px;
}

.tablist
{
list-style-type: none;
margin: 0;
padding: 0;
}

.tablist li
{
border-left: 1px solid #000;
float: left;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
}

#effect { width: 640px; height: auto; margin-top:1em; padding: 0.4em; position: relative; display:none; }
#effect1 { width: 640px; height: auto; margin-top:1em; padding: 0.4em; position: relative; display:none; }
#effect2 { width: 640px; height: auto; margin-top:1em; padding: 0.4em; position: relative; display:none; }
#effect3 { width: 640px; height: auto; margin-top:1em; padding: 0.4em; position: relative; display:none; }
#effect4 { width: 640px; height: auto; margin-top:1em; padding: 0.4em; position: relative; display:none; }
#effect5 { width: 640px; height: auto; margin-top:1em; padding: 0.4em; position: relative; display:none; }
#effect6 { width: 640px; height: auto; margin-top:1em; padding: 0.4em; position: relative; display:none; }
#effect7 { width: 640px; height: auto; margin-top:1em; padding: 0.4em; position: relative; display:none; }
#effect8 { width: 640px; height: auto; margin-top:1em; padding: 0.4em; position: relative; display:none; }
.toggle h3 { margin: 0; padding: 0.4em; text-align: left; }
.toggle p { margin: 0; padding: 0.8em; }
.ui-effects-transfer { border: 2px dotted gray; } 


/*---- Page Thickbox popup ** to load html  ----*/
.view_design {
margin: 1em 0;
}
.view_design img {padding-top:6px; padding-right:4px;}


/*---- Footer ----*/
#footer{ width:100%; height:auto; padding:0 0 0 0;}
#footer a { font-size:90%;
color:#CC0099; text-decoration:none; font-weight:bold;
}
#footer a:hover { text-decoration:underline;}

/*---- index table elements ----*/
table,td
{
	border: 0px solid #CCC;
	border-collapse: collapse; vertical-align:top;
}
table
{
	border:none;
	border:0px solid #CCC;
}
.padd td 
{
	padding:4px 8px;
}

.cell_pink
{ 
	background-color:#CC0099; 
	color:#FFFFFF; font-weight:bold; 
	padding:4px 10px;
}
.img_pink
{ background-image:url(../Images/best2.gif); 
	color:#FFFFFF; 
	font-weight:bold; 
	padding:4px 10px; 
	text-align:center;
}

.price td
{ 
	color:#CC0099; 
	padding:4px 10px; 
	font-size:15px;
	font-weight:bold; 
	text-align:center;
}
.price td img { vertical-align: bottom;}
.price td span { color:#000000; font-size:11px;}

.tb_order 
{ 
	margin:1px 0;

}
.tb_order td{ color:#FFF; font-weight:bold; padding:4px; border-bottom:1px solid #FFF;}
.tb_order .bg1{ background-color:#999;}
.tb_order .bg2{ background-color:#666;}
.tb_order .bg3{ background-color:#333;}
.tb_order .bg4{ background-color:#000;}
.tb_order p{ color:#000;}


.tb_spec table,td
{
	border: 1px solid #000;
}
.tb_spec table
{
	border: 1px solid #000;
}
.tb_spec tbody th
{
	background-color:#999;
	color: #000;  
	padding: 3px 8px;
	border: 1px solid #CCC; 
	text-decoration:none;
}
.tb_spec tbody th
{
	border: 1px solid #000;
	text-align: left;
	font-weight: bold;
}
.tb_spec tbody th a 
{
	color:#FFF;
	text-decoration:none; 
	font-weight:bold;
}
.tb_spec tbody tr td
{
	background-color:#CCC;
	padding:4px 8px;
	color: #333;
	border-bottom: 1px solid #000;
}
.tb_spec h3 {
color:#CC0099;
font-size:11px;
font-weight:bold;
}

.tb_spec .cl_wh {
	background-color:#fff;
	padding:4px 4px;
	color: #333;
	border-bottom: 1px solid #000; 
	text-align:center;
}





.navlinks table,td
{
	border: 0px solid #CCC;
	border-collapse: collapse;
}
.navlinks table
{
	border: none;
	border: 0px solid #CCC;
}
.navlinks tbody th
{
	background-color:#000;
	color                 : #fff;  
	padding               : 5px 0;
	border           : 1px solid #CCC; 
	text-decoration:none;
}
.navlinks tbody th
{
	border-top: 1px solid #CCC;
	text-align: center;
	font-weight: bold;
}
.navlinks tbody th a 
{
	color:#FFF;
	text-decoration:none; 
	font-weight:bold;
}
.navlinks tbody tr td
{
	padding-top: 15px;
	color: #333;
	border-bottom: 0px solid #CCC;
}








.productlinks table td
{
	border               : 0px solid #CCC;
	border-collapse      : collapse;
}
.productlinks table
{
	border                :none;
	border                :0px solid #CCC;
}
.productlinks tbody th
{
	background-color:#999;
	color                 : #fff;  
	padding               : 0 0 5px 10px;
	border           : 1px solid #CCC; 
	text-decoration:none;
}
.productlinks tbody th
{
	border-top: 1px solid #CCC; 
	text-align: left;
	font-weight: bold;
}
.productlinks tbody th a 
{
	color:#FFF;
	text-decoration:none; 
	font-weight:bold;
}
.productlinks tbody tr td
{
	padding-bottom: 15px;
	color: #333;
}


/*---- Form Elements ----*/
.form_panel {
background-color: #F7F7F7;
border:4px solid #E0E0E0; margin: 10px 0;
padding: 10px;
float:left;
position:relative;
	-moz-border-radius:1em;
	-khtml-border-radius:1em;
}
.form_panel h2 { padding-top:8px;}

fieldset { 
	padding:10px; 
	border:2px solid #ddd;
	-moz-border-radius:1em;
	-khtml-border-radius:1em;
}

fieldset legend { padding:0 4px 0 4px; font-weight:bold;}


fieldset label {
	width:140px;
	float:left;
	padding:0.2em;
	margin-top:0.8em; 
	font-weight:bold; }
fieldset .lrlabel {
	width:390px;
	float:left;
	padding:0.2em;
	margin-top:0.8em; }

fieldset .nobr { display:none; } 

fieldset .txtblock { float:left; margin-right:8px; margin-bottom:10px;}
	
fieldset .smtxt { font-size: 10px; margin-left:133px;}


fieldset p { padding:0 0.2em 0 0.2em;}
fieldset .txt_lrg {color:#000; font-size:15px; font-weight:bold; margin-right:10px; padding-top:4px; }
fieldset .txt_lrg strong {color:#CC0099;}


fieldset .error { color:#990000;}
fieldset .error image { margin-top:10px;}

fieldset .error_left_align { font-size: 80%; padding-left:10px; color:#990000;}

fieldset .textfield {
	margin-top:0.8em;
	padding:0.15em;
	height:1.8em;
	width:24em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

.textfield:hover, .textfield:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

fieldset .textfield_sm {
	margin-top:0.8em;
	padding:0.15em;
	height:1.8em;
	width:6em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

.textfield_sm:hover, .textfield_sm:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 


fieldset select { 
	margin-top:0.8em;
	padding:0.15em;
	height:1.8em;
	width:6em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

fieldset .rad {margin-top:0.8em;}

fieldset .textbox {
	height:6em;
	width:23.75em;
	margin-top:0.8em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
.textbox:hover, .textbox:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 


.btn_send { float:right;
	width: 130px;
	height: 21px;
	display: block;
	border: 0px solid #34689A;
	margin-top: 10px;
	padding: 0;
	background: url(../Images/btn_send.png) no-repeat center top;
}

.btn_calculate { float:right;
	width: 130px;
	height: 21px;
	display: block;
	border: 0px solid #34689A;
	margin: 0;
	padding: 0;
	background: url(../Images/btn_calculate.png) no-repeat center top;
}

.btn_sendquote { float:right;
	width: 130px;
	height: 21px;
	display: block;
	border: 0px solid #34689A;
	margin-top: 10px;
	padding: 0;
	background: url(../Images/btn_sendquote.png) no-repeat center top;
}

.btn_order {float:right;
	width: 130px;
	height: 21px;
	display: block;
	border: 0px solid #34689A;
	margin-right:14px;
	padding: 0;
	background: url(../Images/btn_order.png) no-repeat center top;
}

fieldset em.required { color:red !important;}

#panel {
	background: #f5f5f5;
	height: 410px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	border-bottom: solid 4px #f5f5f5;
}
.btn-slide {
	background: url(../Images/btn_quote.png) no-repeat left top;
	width: 130px;
	height: 21px;
	margin: 0 auto;
	display: block;
}

.active { }


/* simple css-based tooltip */
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

.formError {
position:absolute;
top:300px; left:300px;
padding-bottom:13px;
display:block;
z-index:5000;
cursor:pointer;
}
#debugMode{
	background:#000;
	position:fixed;
	width:100%; height:200px;
	top:0; left:0;
	overflow:scroll;
	opacity:0.8;
	display:block;
	padding:10px;
	color:#fff;
	font-size:14px;
	z-index:100000;
}

.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent {
	width:100%; 
	background:#ee0101;
	color:#fff;
	width:150px;
	font-family:tahoma;
	font-size:11px;
	border:2px solid #ddd;
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	padding:4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {background:#33be40;}

.blackPopup .formErrorContent {background:#393939;color:#FFF;}

.formError .formErrorArrow{
	position:absolute;
	bottom:0;left:20px;
	width:15px; height:15px;

	z-index:5001;
}
.formError .formErrorArrowBottom{top:0;margin:-6px;}

.formError .formErrorArrow div{
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	box-shadow: 0px 2px 3px #444;
	-moz-box-shadow: 0px 2px 3px #444;
	-webkit-box-shadow: 0px 2px 3px #444;
	font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
}
	.formError .formErrorArrowBottom div{
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

.formError .formErrorArrow .line10{width:15px;border:none;} 
.formError .formErrorArrow .line9{width:13px;border:none;} 
.formError .formErrorArrow .line8{width:11px;} 
.formError .formErrorArrow .line7{width:9px;} 
.formError .formErrorArrow .line6{width:7px;} 
.formError .formErrorArrow .line5{width:5px;} 
.formError .formErrorArrow .line4{width:3px;} 
.formError .formErrorArrow .line3{width:1px;
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	border-bottom:0px solid #ddd;} 
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  		




/*---- SiteMap Elements ----*/
.sitenav 	{
		padding: 0; margin: 20px 0 0 20px;
		font-family: Arial, Helvetica, Sans-Serif;
		overflow: visible;
		}

.sitenav blockquote { margin: 10px 0 0 20px;color:#000000;}

		
.sitenav ul {		
		display: block;
		list-style: none;
		margin: -11px 0; padding: 0;
		border: 0;
		}
		
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .sitenav ul {position: relative; top: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
.sitenav ul li 	{
			position: relative; top: 0px; left: -11px;
			margin: 10px 0 5px 0; padding: 0; 
			border: 0;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			margin: 10px 0 5px 10px; 
			}
			
/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body .sitenav ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

.sitenav a, .sitenav a:visited {
				width: 18.4em; height: 1.5em;
				display: block; 
				margin: 0 0 0 3px; padding: 1px;
				font-weight: bold; font-size: 110%; line-height: 1.5em; 
				text-indent: 0.5em; text-align: left; text-decoration: none;
				voice-family: "\"}\""; /* Gecko Stuff follows */
				margin: 0 0 0 -10px;
				}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .sitenav a, html + body .sitenav a:visited { text-indent: 0; padding: 0 0 0 8px; }

.sitenav ul ul {	
			padding: 12px 0 18px 0;
			background: none;
			}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .sitenav ul ul {position: relative; top: 0px; }
				
.sitenav ul li li	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 1px; padding: 0 0 0 25px;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			left: 0px;
			/* margin: 10px 0 5px 1px; padding: 0 0 0 25px; */
			}
			
/* HACK >>> IE 5  */
html + body .sitenav ul li li {position: relative; left: 12px; margin: 10px 0 5px 0;}

.sitenav ul li .sub-sub {
			/* position: relative;  top: 0px; */ left: 10px;
			margin: 10px 0 0 1px; /* padding: 0 0 0 25px;  */
			voice-family: "\"}\"";
			position: relative; top: 0px; left: 0px;
			}

.sitenav ul ul a, .sitenav ul ul a:visited 	{
					width: 15.9em; height: 1.3em;
					margin: 0; /* padding: 1px; */
					font-size: 110%; line-height: 1.3em; font-weight: normal; text-indent: 0.4em; 
					}

.sitenav ul ul ul {margin: 0 0 30px 12px; padding: 12px 0 0 0;}

.sitenav ul li li li	{
			position: relative; top: 10px; left: 0px;
			margin: 10px 0 5px 0; padding: 0 0 0 20px; 
			}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body .sitenav ul li li li {top: 10px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .sitenav ul li li li {top: 14px;}
																		
.sitenav ul ul ul a, .sitenav ul ul ul a:visited 	{
					width: 14.9em;
					padding: 1px;
					font-size: 100%;
					}
					
/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .sitenav ul ul a, html + body .sitenav ul ul a:visited {text-indent: 0; padding: 0 0 0 8px; }


/* ### Global Settings >>> colors, borders and images  ### */
.sitenav 	{ border: 0; border-left: 1px solid #9292A1; }
.sitenav ul li li	{color: #000; background:  url(../images/line-01.gif) left center no-repeat;}	
.sitenav ul ul ul {border-left: 1px solid #9292A1; }
.sitenav ul li .sub-sub {background:  url(../images/line-01.gif) top left no-repeat;}
.sitenav a, .sitenav a:visited	{color: #4F4F4F; border: 1px solid #004F99; background: #FFF; }				
.sitenav a:active, .sitenav a:hover, .sitenav a:focus,  a:focus .sffocus 	{color: #000; border: 1px solid #000; background: #F2F1F1;}			
.sitenav ul ul a, .sitenav ul ul a:visited 	{color: #4F4F4F; border: 1px solid #9292A1;background: #FFF;}			
.sitenav ul ul a:active, .sitenav ul ul a:hover, .sitenav ul ul a:focus	{color: #000; border: 1px solid #000;	background: #F2F1F1; }	

-->