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

body {
	margin: 0px;
	padding: 0px;
	background: url(images/bgb.jpg) left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

div.main-box-bg {
	width: 100%;
/*	background: url(images/bg.png) center top repeat-y;*/
	float: left;
	background: url(images/bg.png) center 10px no-repeat;
}


div.main-box {
	width: 1000px;
	margin: 0px auto;
}

div.main-box div {
	float: left;
	
}

div.main-box img {
	border: none;
}

div.top {
	width: 1000px;
	/*border-top: #0054a6 15px solid;*/
	margin-top: 10px;
	background: #fff url(images/pplus_top.png) center bottom no-repeat;
}

div.logo {
	width: 375px;
	margin-left: 25px;
	height: 160px;
	background: url(images/logopplus.png) left center no-repeat;
}

div.lmenu {
	width: 600px;
	height: 120px;
	text-align: right;
}

div.lmenu a {
	height: 50px;
	line-height: 35px;
	text-decoration: none;
	font-size: 11px;
	display: block;
	float: right;
	text-align: center;
	background: url(images/tmenu_line.png) left top no-repeat;
	padding-left: 27px;
	padding-right: 20px;
	color: #464646;
}

div.socilink {
	width: 575px;
	height: 40px;
	line-height: 40px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #828181;
}

div.socilink span {
	display: block;
	width: 100px;
	float: right;
}

div.socilink img {
	display: block;
	float: right;
	margin-left: 5px;
}
	

div.lmenu a:hover {
	color: #309;
}

div.menu {
	background: url(images/pplus_menubg.png) center top no-repeat;
	width: 1000px;
	height: 38px;
	border-top: #e1e1e1 solid 1px;
}

div.menu a {
	color: #464646;
	text-decoration: none;
	display: block;
	float: left;
	text-align: center;
	padding: 0 25px 0 25px;
	line-height: 38px;
	height: 38px;
	font-size: 12px;
	font-weight: bold;
}

div.menu a.cm {
	color: #0054a6;
}

div.menu a:hover {
	background: #d4e2f0;
	color: #333;
}

div.sub-m {
	width: 950px;
	height: 45px;
	margin: 0px 25px;
	display: none;
}

div.sub-m a {
	text-decoration: none;
	font-size: 11px;
	line-height: 35px;
	color: #464646;
	padding-left: 20px;
	margin-right: 25px;
	background: url(images/arr.gif) left center no-repeat;
}

/*div#sub01 {
	width: 850px;
	padding-left: 100px;
}

div#sub02 {
	width: 750px;
	padding-left: 200px;
}

div#sub03 {
	width: 630px;
	padding-left: 320px;
}
*/
div.content  {
	width: 950px;
	padding: 20px 25px;
	min-height: 350px;
	background: #fff;
/*	background: url(images/cbg.jpg) left top repeat-x;*/
}

div.main-box img.banner {
	width: 438px;
	display: block;
}


div.home_banner {
	width: 950px;
	padding-bottom: 25px;
	margin-bottom: 20px;
	border-bottom: dashed 1px #e1e1e1;
}

div.flash_banner {
	width: 643px;
	height: 344px;
	margin-right: 10px;
}

div.bs1 {
	margin-bottom: 10px;
}

div.bs2 {
}

div.home_intro {
	width: 449px;
	padding: 0 25px;
	border-right: 1px dashed #e1e1e1;
	font-size: 12px;
	color: #464646;
}

div.home_intro a {
	padding: 4px;
	border: #e1e1e1 solid 1px;
	display: block;
}

div#h_ b {
	font-size: 18px;
	line-height: 25px;
	color: #005b7f;
	text-align: left;
}

div#h_ i {
	font-size: 12px;
	line-height: 25px;
	font-style: normal;
	color: #464646;
}

div.small {
	width: 270px;
}

div#small {
	margin: 0 0 0px 30px; 
}

div.small a.addbox {
	display: block;
	text-decoration: none;
	color: #464646;
	width: 250px;
	margin-bottom: 10px;
	padding: 8px;
	font-size: 11px;
	border: #fff solid 1px;
	text-align: justify;
	line-height: 18px;
}

div.small a.addbox:hover {
	display: block;
	text-decoration: none;
	color: #464646;
	width: 250px;
	padding: 8px;
		border: #4984bd solid 1px;
	background: #e0eaf4;
	font-size: 11px;
	text-align: justify;
	line-height: 18px;
}

div#profile {
	font-size: 11px;
	text-align: justify;
	line-height: 18px;
	color: #767676;
	background: url(images/c-bg1.jpg) left top repeat-x;
	width: 250px;
	padding: 9px;
	border: #e1e1e1 solid 1px;
}



div#cert {
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	color: #767676;
	width: 250px;
	padding: 9px;
	border: #e1e1e1 solid 1px;
	margin-bottom: 10px;
}

div#promenu {
	font-size: 11px;
	text-align: left;
	line-height: 18px;
	color: #767676;
	width: 250px;
	padding: 9px;
	border: #e1e1e1 solid 1px;
	margin-bottom: 20px;
}

div#promenu a {
	text-decoration: none;
	display: block;
	height: 25px;
	color: #000;
	line-height: 25px;
	width: 225px;
	border-bottom: #e1e1e1 solid 1px;
	padding-left: 25px;
	background: url(images/promenub.png) left center no-repeat;
}

div#promenu a:hover {
	color: #006;
	background: #e5e7ff url(images/promenub.png) left center no-repeat;
}

div.small b {
	font-size: 16px;
	line-height: 25px;
	color: #464646;
}

div.small i {
	font-size: 12px;
	text-transform: uppercase;
	line-height: 25px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

div.small i.s1 {
	font-size: 12px;
	line-height: 25px;
	text-transform: capitalize;
	font-style: normal;
	font-weight: bold;
}

div.big {
	line-height: 18px;
	font-size: 11px;
	text-align: justify;
	color: #686868;
	width: 650px;
}

div#big {
	margin: 0 30px 0 0px; 
}

div#cled {
	/*background: url(images/c-bg1.jpg) left top repeat-x;*/
}

div.h_list {
	width: 268px;
	height: 120px;
	background: #fff;
	padding: 16px;
	font-size: 11px;
	line-height: 18px;
	color: #464646;
	text-align: justify;
	border: #4984bd solid 1px;
	background: #e0eaf4;
	margin-bottom: 20px;
}

div.h_list a {
	text-align: right;
	display: block;
	height: 25px;
	width: 65px;
	margin-left: 204px;
	line-height: 25px;
	text-decoration: none;
	color: #464646;
	background: url(images/arr.gif) left center no-repeat;
}


div.h_list2 {
	width: 410px;
	margin: 0 25px 0 15px;
	font-size: 12px;
	line-height: 18px;
	color: #464646;
	text-align: justify;
}

div.h_list2 span {
	font-size: 13px;
	color: #666666;
	font-weight: bold;
}

div.h_list2 span.b2 {
	font-size: 13px;
	color: #0609fe;
}

div.h_list2 a {
	text-decoration: none;
	color: #14a8df;
	font-size: 10px;
}

div.s_list {
	width: 360px;
	background: #fff;
	padding: 10px 0;
	font-size: 11px;
	line-height: 18px;
	color: #464646;
	text-align: justify;
}


div.s_list i.s2 {
	font-size: 12px;
	line-height: 25px;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
/*	border: #7f88ff solid 1px; */
	background:#d4e2f0;
	display: block;
	height: 25px;
	padding-left: 15px;
}

div.s_list a {
	text-align: left;
	display: block;
	height: 25px;
	width: 300px;
	padding-left: 30px;
	margin: 0 15px;
	line-height: 25px;
	border-bottom: solid 1px #e1e1e1;
	text-decoration: none;
	color: #464646;
	background: url(images/bullet_ul.png) left center no-repeat;
}


div.s_list a:hover {
	color: #006;
	background: url(images/bullet_ul.png) 10px center no-repeat;
}

div#s_list {
	margin-right: 22px;
}

div#ttl {
	border-bottom: solid #e1e1e1 1px;
}

div.result {
	width: 950px;
	height: 75px;
	background: #fff;
	padding: 10px 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 75px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	background: url(images/result.jpg) center center no-repeat;
	text-decoration: blink;
}

div.c_ {
	width: 650px;
	background: #fff;
	padding: 10px 0;
	font-size: 11px;
	line-height: 18px;
	color: #464646;
	text-align: justify;
	overflow: hidden;
}


div.c_ b {
	font-size: 18px;
	line-height: 25px;
	color: #005b7f;
}

div.c_ i {
	font-size: 12px;
	line-height: 25px;
	font-style: normal;
}

div.c_ a.links {
	font-size: 12px;
	line-height: 25px;
	text-decoration: none;
	font-weight: bold;
	margin-right: 30px;
	background: url(images/icon_map.png) left center no-repeat;
	display: block;
	width: 100px;
	padding-left: 35px;
	float: left;
	color: #0054a6;
}


div.c_ i.subt1 {
	font-size: 12px;
	line-height: 25px;
	font-style: normal;
	font-weight: bold;
	background: #f8f8ff;
	color: #0054a6;
	display: block;
	height: 25px;
	width: 640px;
	padding: 0 5px;
	text-transform: capitalize;
}

div.c_ i.subt2 {
	font-size: 11px;
	line-height: 18px;
	font-style: normal;
	color: #F00;
}

div.c_ i.subt5 {
	font-size: 12px;
	line-height: 18px;
	font-style: normal;
	font-weight: bold;
	color: #464646;
}


div.c_ span.bult {
	width: 640px;
	height: 25px;
	display: block;
	line-height: 25px;
	font-size: 10px;
	color: #767676;
	margin: 0 5px 15px 5px;
}

div.sitemap a#lmenu {
	text-decoration: none;	
	line-height: 20px;
	height: 20px;
	margin: 0px;
	text-indent: 20px;
	background: none;
}

div.sitemap a.head1 {
	text-decoration: none;
	padding-left: 0px;
	line-height: 20px;
	height: 20px;
	margin: 0px;

}

ul {
	margin: 10px 0px;
	padding: 0px 0px 0px 12px;
	list-style: url(images/bullet_ul.png);
}

ul li {
	margin: 5px 0;
}

div.c_ table  {
	font-size: 11px;	
	margin: 10px 0 20px 0;
	display: block;
}

div.c_ table td  {
	border-bottom: solid 1px #e1e1e1;
	padding: 1px 10px;
	text-align: left;
}

div.c_ table td.h2 {
	border-bottom: solid 1px #e1e1e1;
	padding: 1px 10px;
	font-weight: bold;
	text-align: left;
}

div.c_ table th  {
	background: #cbcfff;
	padding: 1px 10px;
	color: #464646;
}

div.sm {
	width: 650px;
	height: 30px;
	text-align: right;
	line-height: 16px;
}

div.sm a {
	font-size: 11px;
	text-decoration: none;
	color: #000;
}

div.divline {
	width: 100%;
	height: 20px;
	border-bottom: dashed 1px #e1e1e1;
	margin-bottom: 5px;
	background: #fff;
}

div.qlink {
	width: 950px;
	margin: 15px 25px;
	font-size: 12px;
	line-height: 18px;
	color: #005b7f;
	font-weight: bold;
}

div.qlink span {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #767676;
	padding-right: 10px;
	display: block;
	width: 950px;
	text-align: justify;
	border-top: dashed 1px #e1e1e1;
	padding-top: 15px;
}

div.qlink a {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #767676;
}

div.bbg {
	background: url(images/bbg.png) left bottom repeat-x;
	width: 100%;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
}

div.bbox {
	margin: 0 auto;
	width: 1000px;
}

div.bottom {
	width: 950px;
	margin-left: 25px;
	font-size: 11px;
	line-height: 35px;
	height: 35px;
	text-align: left;
	color: #fff;
	float: left;
}

div.bottom a {
	text-decoration: none;
	text-transform: capitalize;
	color: #f1f1f1;
	font-weight: bold;
}

div.bottom a.prox {
	font-size: 10px;
	text-transform: capitalize;
	color: #ccc;
}

div.copy {
	height: 70px;
	line-height: 70px;
	font-size: 10px;
	text-align: center;
	color: #fff;
		float: left;
		width: 950px;
		margin: 0 25px;
		font-weight: bold;
}

div.copy span {
	color:#0000ff;
}

div.socialweb {
	width: 235px;
	margin: 7px 0 0 65px;
	height: 65px;
	float: left;
}


div.con_text {
	width: 620px;
	background: #fff;
	line-height: 18px;
}

div.con_text iframe {
	padding: 5px;
	border: #e1e1e1 solid 1px;
}

div.con_text small a {
	text-decoration: none;
	color: #464646;
}

div#contactFormArea {
	width: 430px;
}

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

label { 
	display:block;
	width: 100px;
	float: left;
}

input.text,textarea { 
	width:300px;
	font-size: 12px;
	line-height: 12px;
	color:#333;
	padding:3px;
	margin:1px 0;
	border:1px solid #ccc;
	display: block;
	float: left;
}

input.submit { 
	padding:2px 5px;
	font:bold 12px/12px verdana,arial,sans-serif; 
}


table.calc1 input {
	width: 100px;
}

div#calc2 table tr td {
	border: none;
}

div#calc2 .red {
	color: red;
}

/* If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin-top: 5px;
	padding: 0px;
	width: 700px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	background: #fff url(images/open1.gif) 675px center no-repeat;
	margin: 0px;
	cursor: pointer;
	width: 680px;
	font-size: 13px;
	line-height: 25px;
	text-transform: capitalize;
	color: #0054a6;
	font-weight: bold;
	padding: 0 10px;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px 10px;
	width: 680px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: #464646;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background: #fff url(images/open1.gif) 675px center no-repeat;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 background: #fff url(images/close1.gif) 675px center no-repeat;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #ebebeb;
	color: #000;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	/*background-color: #CCC;*/
	color: #000;
}


/*Gallery xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */