/* CSS Document */
/*Body*/
html,body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:#000000;
    margin:0;
	padding:0;
	height:100%;
	text-align:center;
}
/*Text*/
p{margin:3px 3px 10px 0;line-height:1.5em;}
p.required{}
h1, h2, h3, h4, h5, h6
{margin:0 0 3px 0;font-weight:bold;font-size:20px;}
h2{font-size:16px;}
h3{font-size:15px; margin:15px 0 5px 0;padding:0 0 5px 0;border-bottom:1px solid #E1E1E1;}
h4{font-size:14px;}
h5{font-size:13px;}
h6{font-size:12px;}
h6.color, h4.color, h2.color{color:#0A5E8B}
h5.error, h5.success, h5.alert, h5.note
{
  margin:0;
  padding-left: 19px;   
  background: url(../../PID2/images/Icons/RedAlert.gif) no-repeat left transparent;
}
h5.success{background: url(../../PID2/images/Icons/GreenCheck.gif) no-repeat left transparent;}
h5.alert{background: url(../../PID2/images/Icons/Alert.gif) no-repeat left transparent;}
h5.note
{  
  padding-left: 18px;  
  background: url(../../PID2/images/Icons/Note.gif) no-repeat left transparent;
}

/*Text Highlight - Search*/
.highlight{background:#FFFF33;}
/*Article Author/Date*/
.textsmlcolor, .textsmlcolor2, .textmedcolor{color:#666666;	font-size:10px;}
.textsmlcolor2{color:#FF0000;}
.textmedcolor{font-size:12px;}
/*Horizontal Rule*/
hr{border: 1px solid #CCCCCC;}
/*List*/
ul{list-style:none;padding:0;margin:0;}
li{margin:0 0 8px 0;line-height:1.5em;}
/*Form List*/
ol.form-list{list-style:none;margin:0;padding:0;}
/*Messagebox List*/
ul.success, ul.error{list-style:url(../../PID2/images/Icons/ArrowRight.gif);margin:5px 0 0 32px;}
ul.arrow{margin:0;padding:0;}
ul.arrow li{padding:0 0 0 20px;	background:url(../../PID2/images/Icons/pfeil3.gif) no-repeat;background-position:5px 5px;}
ul.success{list-style:url(../../PID2/images/Icons/ArrowRightGreen.gif);}
ul.error{list-style:url(../../PID2/images/Icons/ArrowRightRed.gif);}
/*Testimonial List*/
ul.testimonial{list-style:none;margin:0;padding:0; width:95%;}   
ul.testimonial li{margin:0 0 20px 0;padding:0;}
ul.testimonial li p.testimonial{line-height:1.5em;font-style:italic;margin-bottom:5px;}
ul.testimonial li .author{font-weight:bold;color:#333333;}
/*List*/
ul.myaccountlink, ul.relatedArticles, ul.promo, ul.faq, ul.faq ul, ul.download{margin:0;padding:0;} 
ul.myaccountlink li, ul.myaccountlink li:hover
{
	padding:0 0 0 15px;
	margin:0;
	background-image:url(../../PID2/images/Icons/arrow_collapse.gif);
	background-repeat:no-repeat;
	background-position:0 .4em;
}
ul.myaccountlink li a, ul.myaccountlink li a:link, ul.myaccountlink li a:hover, ul.myaccountlink li a:visited, ul.myaccountlink li a:active
{font-size:12px;text-decoration:none;}

/*FAQ/Related Articles List*/
ul.relatedArticles li, ul.promo li, ul.faq li, ul.faq ul li, ul.download li
{
	padding:0 0 0 15px;
	margin:0 0 0 5px;
	line-height:1.8em;
	background:url(../../PID2/images/Icons/document.gif) no-repeat;
	background-position:0 0.5em;
}
ul.download li a{font-weight:bold;}
ul.promo li{background:url(../../PID2/images/Icons/star.gif) no-repeat;background-position:0 0.5em;}
ul.promo li{background:url(../../PID2/images/Icons/star.gif) no-repeat;background-position:0 0.5em;}
ul.faq li{background:url(../../PID2/images/Icons/pfeil7.gif) no-repeat;background-position:0 0.5em;}
ul.faq ul li{background:url(../../PID2/images/Icons/pfeil3.gif) no-repeat;background-position:0 0.5em;}
/*Link*/
a:link, a:active, a:visited{font-size:12px;text-decoration:underline;color:#0A5E8B;}
a.h1:link, a.h1:active, a.h1:visited, a.h1:hover
{
	font-size:16px;
	font-weight:bold;
	word-spacing:.08em;
	text-decoration:none;
}
a.h2:link, a.h2:active, a.h2:visited, a.h2:hover
{
	font-size:14px;
	font-weight:bold;
	word-spacing:.08em;
	text-decoration:none;	
}
a.h3:link, a.h3:active, a.h3:visited, a.h3:hover
{
	font-size:12px;
	font-weight:bold;
	word-spacing:.08em;
	text-decoration:none;	
}
a:hover, a.h1:hover, a.h2:hover, a.h3:hover{color:#660000;text-decoration:underline;}

a img{border:0;}
a.email, a.print, a.download, a.forward, a.delete, a.edit, a.add, a.top, a.close
{
  padding-left: 14px;  
  margin:0 8px 0 0; 
  background: url(../../PID2/images/Icons/mail.gif) no-repeat left transparent;
  text-decoration:none;
}
a.print{background-image: url(../../PID2/images/Icons/printer.gif);}
a.download{background-image: url(../../PID2/images/Icons/save.gif);}
a.forward{background-image: url(../../PID2/images/Icons/mail.gif);}
a.delete{background-image: url(../../PID2/images/Icons/trash.gif);}
a.edit{ background-image:url(../../PID2/images/Icons/document.gif);}
a.add{ background-image:url(../../PID2/images/Icons/plus.gif);}
a.top{ background-image:url(../../PID2/images/Icons/arrow_dash_up.gif);}
a.close{ background-image:url(../../PID2/images/Icons/cross.gif);}
a.more
{
  padding-right:12px;  
  margin:0; 
  background: url(../../PID2/images/Icons/pfeil7.gif) no-repeat right transparent;
  text-decoration:none;
}
/*Other Html Elements*/
image, form, div{margin:0;padding:0;}
em {color:red;}/*required field indicator*/
/*Image*/
/*Vertical Rule/Diveder Image*/
img.vr,img.hr{float:left; background:#CECECE}
img.hr{float:none;}
/*Form Elements*/
input, select{width:180px;border:#CCCCCC 1px solid;}
input.txtxl{width:280px; height:20px;}
input.txtlarge{width:220px; height:20px;}
input.txtmed{width:180px; height:20px;}
input.txtsml{width:50px; height:20px;}
input:focus, textarea:focus{border:1px solid #666666;}
/*Button*/

input.btn, input.btnsml{color:#333333;width:120px;background:#F7F7F7 url(../../PID2/images/tblth_3d_bg.gif) repeat-x ;border:#999999 1px solid;}
input.btn:active, input.btnsml:active{background-position:bottom left;}

.btnok, .btncancel
{
	background:#F7F7F7 url(../../PID2/images/tblth_3d_bg.gif) repeat-x ;
	border:#006600 1px solid;
	color:#006600;
	font-weight:bold;
	width:120px;		
}
.btncancel{border:#990000 1px solid;color:#990000;}
.btnok:active, .btncancel:active
{
	background-position:bottom left;
}
input.btnsml{width:109px;}
/*DropDown*/
select.ddllarge, select.ddlsml, select.ddlxs{height:20px;width:200px;font-size:12px;}
select.ddlsml{width:150px;}
select.ddlxs{width:50px;}
/*Radio Button/Check box*/
input.rbtn, input.chkbox{width:auto; border:0;}
/*Text Area*/
textarea,textarea.sml{background: #FFFFFF;width:350px; height:100px;border:#CCCCCC 1px solid;}
textarea.sml{width:200px; height:60px;}
/*Non-printable elements*/
@media print 
{
	a.print, a.close{display: none;}
}

div.btn-container{background:#EBEBEB; margin:0 0 10px 0;padding:10px 10px 10px 140px;}
div.note{background:#FFFFCC; padding:10px;}
/*Shopping Cart Total*/
.g-total
{
	text-align:right;
	font-size:14px;
	font-weight:bold;
}
.g-total .total
{
	display:inline-block;
	text-align:left;
	width:130px;
}
.g-total .amount
{
	display:inline-block;
	text-align:left;
	width:110px;
}
.g-total2
{
	text-align:left;
	font-size:14px;
	font-weight:bold;
}
.g-total2 .total
{
	display:inline-block;
	padding:5px;
	width:135px;
}
.g-total2 .amount
{
	display:inline-block;
}
/*Mortgage Rate*/
div#mortgagerate{width:100%;border-bottom:0px solid #CECECE; padding:0 0 10px 0;}
.header-brm
{
	font-size: 14px; 
	font-weight: bold; 	
	background:#F7F7F7 url(../../PID2/images/tblth_3d_bg.gif) repeat-x;
	border-bottom:1px solid #CECECE;
	border-top:1px solid #EBEBEB;	
	padding:3px 0 3px 5px;
}
.body-brm {}
/* Validation Error */
span.error
{
	color:#FF0000;
	font-weight:bold;
}

/*Table*/
table
{
	background:none;
	border-collapse:collapse;	
	color:#333333;
	margin:0;
	table-layout:auto;	
	text-align:left;
}
th
{
	font-size: 14px;
	font-weight:bold;
	color:#666666;
	background:#F7F7F7 url(../../PID2/images/tblth_3d_bg.gif) repeat-x ;
	border-bottom:1px solid #CECECE;
	border-top:1px solid #EBEBEB;	
	padding:4px 0 4px 5px;
}
td{padding:5px;border:none;}
td.fieldname{background:#F7F7F7;padding:5px;width:125px;}
tr.bg1 td{background:#F7F7F7;}

table.table1 td{line-height:1.5em;}

table.table2{border:0;}
table.table2 th{background:#CCCCCC;font-size:12px;color:#333333;}
table.table2 th.th1{border:0;background:#CCCCCC;}
table.table2 td{border-bottom:#E9E9E9 solid 1px;background:#FFFFFF;}
table.table2 tr.bg1 td{background:#FFFFFF;}
table.table2 tr.bg2 td{background:#EEEEEE;}

table.table3 {border-bottom:#E5E5E5 0px solid;border-left:none;}
table.table3 td, table.table3 th{border-bottom:#F7F7F7 1px solid;}
table.table3 td.td1{background:#FFFFFF;}
table.table3 td.td2{background:#F5F5F5;}
table.table3 th{background:#E5E5E5; font-size:14px;color:#666666;}
table.table3 tr.bg1 td{background:#FFFFFF;}

table.table4{border:0;}
table.table4 td{background:#FFFFFF;}

table.myorder td{padding:5px 5px 5px 10px;}

/*Product table*********************/
tr.new
{
	/*background:url(../../PID2/Images/badge-new-green.gif) no-repeat;*/
	background:#D2F1C0;
}
span.new
{	
	background:red;
	color:white;
	font-size:8px;
	margin-left:5px;
	padding:1px;
	position:relative;
	top:-2px;
}
/*Login/My Account box*/
table.myaccountbox   
{
	background:#E9E9E9;
	margin:0 0 6px 0;
	border:1px solid #CECECE;	
	width:280px;
}
table.myaccountbox td, table.myaccountbox th
{
	font-size: 12px;
	color: #666666;	
	padding:5px 5px 5px 10px;
}
table.myaccountbox td.name
{
	padding:5px 5px 0px 25px;
	font-weight:bold;
	background:url(../../PID2/images/Icons/person.gif) no-repeat;
	background-position:10px 7px;
}
table.myaccountbox th
{
	font-size:14px;
	font-weight:bold;
	color:#666666;	
	text-align:left;	
	background:url(../../PID2/images/tblth_3d_bg.gif);
	border:1px solid #CECECE;	
	padding:4px 0 4px 5px;	
}
/*Container**********************/
/*Layout*/
div#pagewrapper
{
	background:#F7F7F7;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	padding:5px 10px 10px 10px;
	text-align:left;
	width:880px;
}
div#header
{
	width:880px;
	margin:0 0 5px 0;	
	padding:0;
}
div#footer
{
	background:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	padding:10px 10px 15px 30px;
	text-align:left;
	width:880px;
}
div#bodywrapper
{
	height:100%;	
	width:885px;	
	text-align:left;
}
div#rightcol
{
	float:left; 
	width:280px;
	margin:0 0 0 10px;
}
div#bodycontent
{
	background:#FFFFFF;
	float:left;
	height:auto;	
	min-height:100%;
	padding:10px;
	width:570px;
}

div#bodycontenttitle
{
	border-bottom:#EAEAEA 3px solid;
	font-weight:bold;
	font-size:24px;
	margin:10px 0 10px 0;
	padding:0 0 5px 0;
}
div#bodycontenttitle .subtitle
{
	margin-top:5px;
	font-size:12px;
	font-weight:normal;
}
div#bodymaincontent{margin:0 5px 0 5px;}

/*spacer to clear floating elements*/
div.divspacer{float:none;clear:both; margin:0; padding:0;}
/*Body Container*/

/*Page Title*/
/*Information box*/
div.error, div.success
{
	padding:5px;
	background:#FFE6E6;
	margin-bottom:10px;
	border:2px solid #FFD9D9;
}
div.success{background:#EAFEDE;border-color:#D2F1C0;}

div#orderbox, div#platinumbox
{
	background:url(../../PID2/Images/ordr_bg.gif) repeat-x;
	float:left;
	height:195px;
	margin-right:10px;
	padding:0;
	width:260px;
}
div#platinumbox
{
	margin:0;
	width:300px;
}
div#orderbox .inner
{
	background:url(../../PID2/images/ordrim_operator.gif) no-repeat;
	background-position:bottom right;
	height:100%;
}
div#orderbox ul, .orderbutton, div#platinumbox ul
{
	left:1em;
	position:relative;
	top:.5em;
}

div#platinumbox ul{top:-1em;}
div#platinumbox ul#loginform li{padding:0; margin:.25em 0;}
div#platinumbox ul#loginlink  li
{
	background-position:0 0.4em;
	margin:0;
	padding:0;	
}
div#orderbox ul li
{
	background-position:0 0.5em;
	margin:0;
	padding:0 0 0 1em;	
}
div#orderbox ul li
{
	font-size:14px;
	font-weight:bold;
}
.orderbutton{left:2em;top:1.5em;}
div#platinumbox label
{
	width:98px;
	display:inline-block;
}
div#platinumbox input.btnLogin	
{
	border:none;
	bottom:30px;	
	float:right;
	position:relative; 
	right:.8em;
	z-index:100;
	height:auto;		
	width:auto;			
}

div#platinumbox .profilephoto, div#platinumbox ul.myaccountlink
{
	float:left;
	position:relative; 
	right:-1em;
	top:-.5em;
}
div#platinumbox ul.myaccountlink
{
	width:150px;
}
div#platinumbox .profilephoto{top:.5em;	right:-3em;}

.titlebar
{
	background:url(../../PID2/Images/banner_bg.gif) repeat-x;
	color:#FFFFFF;
	display:block;
	font-size:16px;
	font-weight:bold;	
	height:46px;	
	padding:.8em 0 0 .5em;	
}

div.itemheader
{
	background:none;
	border-bottom:#666666 3px solid;
	padding:8px 0px 5px 5px;	
	text-align:right;
}
div.itemheader span.tab
{
	background:#666666; 
	border:#666666 1px solid;
	border-bottom:0;
	clear:left;
	color:#FFFFFF;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin:0 5px 0 0;
	padding:1px 6px 2px 6px;
}

div.gray, div.grayright
{
	background:#F7F7F7;
	padding:5px;
}
div.gray{margin:5px 0 5px 0;}
div.grayright{text-align:right;border-top:1px solid #CECECE;}
div.floatright{float:right;}
div.grayfloatright
{
	margin:0 0 5px 5px;
	padding:2px;
	max-width:200px;
	background:#F7F7F7;
	float:right;
}
div.grayfloatright img{max-width:200px; width:inherit;}
div.grayfloatleft{margin:5px 5px 0 0;float:left;padding:0;}

div.tools{margin:0 0 10px 0;background:0;}

div.profilephoto
{
	text-align:center;
	background:#FFFFFF; 
	border:#CECECE solid 1px; 
	padding:3px 0 3px 0;
	width:90px;
	margin:0;
}
div.profilephoto img{max-width:80px;border:0;margin:0;}

/*Header*********************/
div.headerLogo, div.headerReceptionist
{
	font-size:14px;
	background:#F7F7F7 url(../../PID2/images/header_bg.gif) repeat-x;
	border:1px solid #CECECE;
	height:100px;
	width:589px;
	margin:5px 0 0 0;
	padding:0;
	float:left;
}
div.headerReceptionist
{
	background:url(../../PID2/images/receptionist.jpg) no-repeat;
	border:0;
	width:276px;
	margin:5px 0 0 10px;
}
div.headerReceptionist ul, div.headerReceptionist ul li{margin:2px 0 0 170px;padding:0;}
div.headerReceptionist ul li{margin:0;line-height:1.14em;}
div.headerLogo img{border:0;margin:0;padding:0;}

/*Chart Table*********************/
.c-up, .c-down, .c-neutral
{
	color:green;
	display:inline-block;	
	font-size:11px;
	margin-left;5px;	
	width:40px;
}
.c-down
{
	color:red;
}
.c-th td
{
	text-align:right;
	padding:0 44px 5px 0;
	font-weight:bold;
}
/*Easy Nhd*********************/
div.enhd{ text-align:center;}
div.enhd a:link, div.enhd a:hover, div.enhd a:active, div.enhd a:visited
{
	background:#246833;
	color:#FFFFFF;
    display:inline-block;
	font-weight:bold;
	margin:0;
	padding:10px;
	text-align:center;
	text-decoration:none;
	margin-top:10px;
}
div.enhd a:hover
{
	background:#999999;

}