/*	background-color: #4b6cb5; lite blue
#4A6BB3 ; blue
4d83a6
#608fc8 ; real light blue
 
GRAY	color: #eeeeee;
font: normal 12px 'Trebuchet MS','Arial';
Vista = #4d83a6;

# = the id portion. The id is unique to a page while 
. = the classes can mulitple times on a page
*/
/*	BODY and WHOLE PAGE		*/

	body {
		margin:0; 
		padding:0; 
		height:100%; 
		background-color: #4d83a6;
		font-family:  Arial, Tahoma,Verdana, Helvetica, sans-serif;
		color: #333333;
		font-size: 12px;
		}
		
	textarea {
		font-family:  Arial, Tahoma,Verdana, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	.fontSmall {
		font-size: 10px;
	}
	.hrBottom {
		color: #4d83a6;
		height:5px;
		}
		
	#wholePage {
		max-width: 1024px;
		min-width: 900px;
		background-color: white ;
		}
		
	iframe {
		border: none ;
		}
		
	td, th {
		text-align:left;
		}
		
	img {
		border: none;
	}
	
	b {
		font-weight: bold;
		}
		
		.cpFolderText {
			color: Black;
			font-weight: bold;
			text-decoration:none;
		}
		
	.rowSelected
		{
		color:  #606060;
		border: red solid  2px;
	  background-color:  #D8D8D8;
	  font-style: italic;
		}
	.rowSelected a
		{
		color:  #606060;
	  font-style: italic;
		}
		

	.warningColor{
		color:#B80000;
		font-weight:bold;
		}
	.warningColorSmall{
		color:#B80000;
		font-size: 10px;
		font-weight:bold;
		}
		
/*	BODY and WHOLE PAGE END		*/


/*	NAV and BUTTONS		*/


.cpNav table {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	  width :10px;
	  border:none;
}
.cpNav td {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		border:none;
}

.cpNav img {
		border:none;
}


 .divMenu table {
}





		.menuBarDiv {
			color: #FFF;
			text-align:left ;
			font-weight: normal ;
			margin: 0px auto 0px auto;
			padding: 5px 15px 15px 15px;
			width: 95%;
			background: #4d83a6;
			position: relative;
			border: none;
			height: 16px;
			}
			
		  input.btnformat {
			color: #4d83a6;
			background-color: #FFFFFF;
			border: 1px solid #4d83a6;
			font-weight: bolder;
			font-size: 10px;
			text-decoration: underline;
			}
			
			input.textformat {
			font-weight:  normal ;
			font-size: 11px;
			height:15px;
			}
			
			input.text {
			font-weight:  normal ;
			font-size: 11px;
			height:15px;
			}

			input.select {
			font-weight: normal;
			font-size:	11px;
			Height:15px;
			}
			
		.btnMainTable {
			left: 0;
			margin-left: 0;
			width: 98%;
			}
		.btnMainTable td	{
			padding-left: 0px;
			padding-bottom: 2px;
			padding-top: 0px;
			padding-right: 8px;
			margin-right: 5px;
			width:80px;
			border-top: none;
			border-left: none;
			border-bottom: solid 1px white;
			border-right: solid 1px white;
			color: #FFFFFF;
			text-align: center;
			}
		.btnMainTable a	{
			color: #FFFFFF;
			text-decoration: none;
			font-weight:bold ;
			font-size:15px ;
			}

		.btnMainTableOP		{
			background-color: #FFFFFF;
			color: #4d83a6;
			font-weight:bold ;
						font-size:15px ;

			}
		.btnMainTableOP a	{
			background-color: #FFFFFF;
			color: #4d83a6;
			font-weight:bold ;
						font-size:15px ;

			}
	
			
/*	NAV and BUTTONS	END	*/

/*	FOOTER		*/

		#footerMain {
			background: #608fc8 url(images/bg-nav.png) bottom left no-repeat;
			margin-top: 3px;
			margin-left: auto;
			margin-right: auto;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: .8em;
			padding-bottom: 1em;
			width: 95%;
			position: relative;
			}

		#footerMain div {
			background: #4d83a6 url(images/bg-nav-side.png) bottom right no-repeat;
			width: 25%;
			_width: 25.5%;
			position: absolute;
			top: 0;
			right: 0;
			padding: .8em 0 1em 0;
			}

		#footerNav {
			margin-top: 1em;
			margin-left: auto;
			margin-right: auto;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: .1em;
			padding-bottom: 2em;
			width: 95%;
			text-align: center;
			position: relative;
			}
/*	FOOTER END	 	*/




/* ///////////////////////////////////////////////////////////////////////////////////// */

/*	CONTROL PANEL END		*/


	.tableCp 	table {
		width:100%;
		border: none;
		}
	.tableCpSml	table {
		width:100%;
		border: none;
		}
		
	.tableCpLink {
		 font-size:10px;	
		 color: Gray;
	}
	
	.tableCp  th {
		color: #FFFFFF;
		background-color: #4d83a6;
		font-weight:normal ;
		font-size:12px ;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 1px;
		padding-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 1px;
		margin-bottom: 0px;
		height:16px;
		}
		.tableCpSml th {
		color: #FFFFFF;
		background-color: #4d83a6;
		font-weight:normal ;
		font-size:12px ;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 1px;
		padding-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 1px;
		margin-bottom: 0px;
		}
		
	.tableCp td	{
		font-weight:normal ;
		border-bottom:  solid 1px #FFFFFF;
		font-size:12px ;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 1px;
		padding-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 1px;
		margin-bottom: 0px;
		height:16px;

		}
		.tableCpSml td	{
		font-weight:normal ;
		font-size:10px ;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 1px;
		padding-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 1px;
		margin-bottom: 0px;
		}
		
	.tableCpPopUp {
		width: 580px; 
		height: 100%; 
		background-color: Green;
	}

	.tablePlans 	table {
		width:100%;
		border: none;
		}

	.tablePlans td	{
	 text-align:right ;
		}
	.tablePlans th	{
	 text-align:right ;
		}

.divMenu table {
	border: solid 10px  #4d83a6;
}
.divMenu th {
	font-size:15px;
	background: #4d83a6;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
}


.divMenu td {
	font-size:15px;
	background: #eeeeee;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.divMenu a {
	color: #4d83a6;
	font-weight: bold;
 text-decoration:none;
}
/*	CONTROL PANEL END		*/

.inputCheckout {
height: 15px;
font-weight: bold;
background-color: #FFFFFF;
text-align:right;
}

.inputStyleReq {
border-color: #FFE4E1;
border-style:inset;
}


.othblue {
text-decoration: none;
color: BLACK;
background-color: #CADBF9;
text-align:left;
}

.paraLong {
width: 90%;
text-align: left;
padding-left:3%;
}

#contentMainX {
margin-top: 10px;
margin-left: 20px;
}


#contentMain,.rpContentMain,.pgContentMain {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom :10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 55px;
width: 95%;
min-height: 400px;
border: 1px solid #818181;
position: relative;
}

#cpContentMain,.cpContentMain {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom :10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 55px;
width: 95%;
height: 400px;
min-height: 400px;
position: relative;
}

.pgHdr {
color: #FFF;
font-weight: bold ;
background: #4d83a6;
padding: 4px;
border: solid 1px black;
}

.pgtitle {
color: #FFF;
text-align: center ;
margin-left:auto;
margin-right:auto;
font-weight: bold ;
font-size: 20px;
margin: 2px auto 0px auto;
padding: 5px 15px 5px 15px;
width: 95%;
background: #4d83a6;
position: relative;
border: none;
height: 26px;
}

.rpPagetitle {
color: #FFF;
text-align:left ;
font-weight: bold ;
margin: 2px auto 0px auto;
padding: 5px 15px 5px 15px;
width: 95%;
background: #4d83a6;
position: relative;
border: none;
height: 26px;
}

.rpPagetitle a
{
	color: #ffffff;
}

.pagetitle,
#pagetitle {
color: #FFF;
text-align:left ;
font-weight: normal ;
margin: 2px auto 0px auto;
padding: 5px 15px 5px 15px;
width: 95%;
background: #4d83a6;
position: relative;
border: none;
height: 26px;
}



#webChatMain_chatpanel
{
overflow:  hidden ;
Height: 250px;
max-height: 200px;
max-width: 575px;
background-color: #FFFFFF;
}
#webChatMain_chattextbox
{
	width: 25px;
	max-width:75%;
}
#webChatMain_button
{
	height:50px;
	width:70px;
	right:65px;
	position:absolute ;
	color: #4d83a6;
	background-color: #FFFFFF;
	border: 1px solid #4d83a6;
	font-weight: bolder;
	text-decoration: underline;
}

#divHeader {
margin-top: 2px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
padding-top: 2px;
padding-bottom: 5px;
width: 95%;
position: relative;
height: 110px;
border: 1px solid #818181;
}

#topInformation {
height: 6em;
margin-left: auto;
margin-right: auto;
margin-bottom: 3px;
position: relative;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
width: 95%;
}

#topInformationHome {
text-align: right;
border-bottom: 1px dashed #CACACA;
position: absolute;
top: 0;
right: 25.5%;
height: 2em;
width: 15%;
padding: 0 1.5% 0 0;
}

#topInformationPhone {
text-align: center;
border-left: 1px dashed #CACACA;
position: absolute;
top: 0;
left: 75%;
height: 100%;
padding: 0 0 0 2%;
}

#topInformationLlink {
text-align: center;
border-left: 1px dashed #CACACA;
position: absolute;
top: 0;
right: 0;
height: 2em;
width: 8.5%;
padding: 0 0 0 1.5%;
}

#topInformationlogo {
position: absolute;
top:.1em;
left: 65px;
font-size: 2em;
font-weight:bold;
padding: .25em 0 .5em 0;
}

#topInformationSlogan {
font-size: 1em;
position: absolute;
vertical-align: top;
top: 2.9em;
left: 70px;
padding: .15em 0 .15em 0;
}



#divHeaderLeft {
position: absolute;
top: 0;
left: 0px;
width: 85%;
}

#divHeaderRight {
position: absolute;
top: 0px;
left: 85%;
width: 15%;
text-align: center;
}

#navMain {
height: 31px;
background: #4d83a6 ;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-left: 15px;
padding-right: 15px;
padding-top: .5em;
padding-bottom: 1em;
width: 95%;
position: relative;
}

#navMainCPNav {
height: 45px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-left: 15px;
padding-right: 15px;
padding-top: .5em;
padding-bottom: 1em;
width: 95%;
position: relative;

}
/*	4b6cb5	*/
#navRight {
background: #4d83a6 ;
width: 25%;
_width: 25.5%;
position: absolute;
text-align: center;
top: 0;
right: 0;
padding: .8em 0 1em 0;
}

#cpPageHeader {
left: 15px;
top: 5px;
width: 15%;
position: absolute;
color: White;
border: none;
text-decoration: none;
}

#cpPageNav {
left: 15%;
top: 5px;
width: 80%;
position: absolute;
}


#threeColumnContainer {
padding: 0;
margin: 5px 0 5px 0;
vertical-align:top;
}

#threeColumnLeft {
float: left;
width: 28%;
text-align:left;
top: 0;
margin-right: 1%;
padding-left: 2%;
padding-right: 2%;
}

#threeColumnMiddle {
border: none
vertical-align: top;
width: 28%;
text-align: left;
top: 0;
float:left;
margin-left: 1%;
margin-right: 1%;
padding-left: 1%;
padding-right: 1%;
}

#threeColumnRight {
border: none;
width: 28%;
text-align:left;
top: 0px;
float:left;
margin-left: 1%;
padding-left: 3px;
padding-right: 0px;
}


.tableProduct
{
width: 100%;
border-bottom: solid 1px #4d83a6;
margin-left: auto;
margin-right: auto;
}

.tableProduct td
{
text-align: left;
padding: .25em;
}

.tableQuoteMast
{
width: 650px;
border: solid 2px black;
}

.tableQuote
{
background-color: White;
margin-left: auto;
margin-right: auto;
}

.tableQuote td
{
text-align: left;
vertical-align: top;
}

.requiredColor {
color: Red;
}

.notifyPadding {
margin-left: 1em;
}



img {
}

.image-border-none {
border: none;
}
.cpWindow {
	height: 100%; 
	border: none;
	margin: 0px; 
	max-width:650px;
}

.photoId {
max-width: 160px;
max-height: 200px;
text-align: center;
border: 1px solid #cecece;
padding: 4px;
display: block;
left:auto ;
}

.photoIdBorder {
border: 1px solid #cecece;
}

.photoIdSml {
width: 60px;
max-width: 60px;
max-height: 100px;
text-align: center;
border: 1px solid #cecece;
padding: 4px;
display: block;
left:auto ;
}

.photoIdBorderSml {
border: 1px solid #cecece;
width: 60px;
max-width: 60px;
}


.photoBorder {
border: 1px solid #cecece;
padding: 4px;
background: #d9d9d9 url(images/bg-photo.png) top repeat-x;
margin-bottom: 5px;
display: block;
text-align:center;
}

.photoNoBorder {
border: none 1px #cecece;
padding: 2px;
margin-bottom: 2px;
display: block;
}

.photo-float-left {
float: left;
margin-right: 10px;
}


.clear {
clear: both;
}

.none {
display: none;
}

#bottom_div{
width: 520px;
height: 150px;
background-color: #b9d1ea;
clear:both;
}





/* ---=== Corner code follows ===--- */
/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */

#tlc, #trc { zoom: 1 }
 	
#cornerContent
	{
	padding-top: 15px;
	padding-bottom:15px;
	padding-left:0px;
	margin: 0 auto;
	padding-right:5px;
	text-align:center;
	}
	
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(images/crnNB_tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(images/crnNB_trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(images/crnNB_blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(images/crnNB_brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(images/crnNB_tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(images/crnNB_bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(images/crnNB_r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-color: #eeeeee;
	background-image:url(images/crnNB_l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
/* ---=== Corner code follows ===--- */