/*css styles created for PayPoint Merchant Services by Vicki Wilson for ProBoostgold*/

html, body {
	margin: 0px;
	padding:0px;
	background-image:url("images/bg2.jpg");
}

a { color: #225799; text-decoration: underline;}
a:hover { text-decoration: none;}


#wrapper {
	width:800px;
	margin:0px auto;
	background-color:#FFF;
}

#content {
	width:772px;
	margin:0px auto;
	background-color:#FFF;
}

#logo-hdr {
	background-image: url("images/logo-hdr.gif");
	background-repeat: no-repeat;
	height: 84px;
	background-position:top;
}

#menubar {
	background-image: url("images/menubar.gif");
	background-repeat: no-repeat;
	height: 41px;
	background-position:top;
}

/*navigation*/

#navigation	{padding:5px 0px; font:  bold 14px Arial, Sans-Serif; text-align: center; letter-spacing: -1;}
#navigation ul 		{margin:0; padding:0; }
#navigation li 		{margin:0; padding:0; list-style:none; display:inline; }
#navigation a		{color:#666; padding:0 10px 0 0; text-decoration:none; }
#navigation a:hover	{color:#225799; }
#navigation span  {margin:0; padding:0 8px 0 0px; }



#mainimg {
	background-image:url("images/main_img.jpg");
	background-repeat:no-repeat;
	height:255px;
	background-position:top;
}



/* main area - this is the good one for the home page  */
#main { margin-top: 10px; clear: both;}
	#right_side { float: right; clear: both; width: 376px; margin-right: 9px; background: #Fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px }
		#right_side h1 {  background: #FFF url("images/coltop.gif") repeat-x; height:30px; padding: 4px 0 0 16px; 
		margin: 0; color: #fff; font:  bold 14px Arial, Sans-Serif; }
		#right_side h1 span { padding: 1px 10px 0 23px; line-height: 22px; margin: 0}
			#right_side h2 { color: #333; font:  bold 14px Arial, Sans-Serif; padding: 0 0 0 16px; }
		#right_side p { color: #454545; font-family: MS Sans Serif, Arial, Helvetica, sans-serif;
		padding: 0 10px 0 19px; text-align: left; font-weight: normal; font-size: 12px; 
		line-height: 18px; letter-spacing: 1px;  }
	
	#left_side {  width: 376px; margin-left: 15px; margin-bottom: 10px; background: #FFF; border-right: 1px solid #ccc; 
	border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;  }
		#left_side h1 { background: #FFF url("images/coltop.gif") repeat-x; height:30px; padding: 4px 0 0 16px; margin: 0; color: #fff; font:  bold 14px Arial, Sans-Serif; }
		#left_side h1 span { padding: 1px 10px 0 23px; line-height: 22px; margin: 0}
		#left_side h2 { color: #333; font: bold 14px Arial, Sans-Serif; padding: 0 0 0 16px; }
		#left_side p { font-family: MS Sans Serif, Arial, Helvetica, sans-serif; color: #454545; padding: 0 10px 0 19px; text-align: left; font-weight: normal; font-size: 12px; line-height: 18px; letter-spacing: 1px; }
		#left_side img { float: left; padding: 0 10px 5px 0 }
		#left_side blockquote { padding-left: 10px; border-left: 2px solid #DA4040; margin: 10px 0 10px 25px; }
		.date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right }		


/* Testimonial Area */

#testimonial { clear: right;}

.testimonialtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-align: left;
	padding: 34px 5px 0px 15px;
}
#rightbar {
	float:right;
	clear: right;
	width:277px;
	height: 166px;
	background-image:url("images/rightbar.gif");
	background-repeat:no-repeat;
	margin-right: 5px;
}
#rightbar a		{color:#fff; text-decoration:none; }
#rightbar a:hover	{text-decoration: underline; }
.rightbarText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	color: #fff;
	text-align: left;
}
.clickHere {
	padding-left: 159;
	padding-right: 32px;
	font-size: 14px;
}


#leftbar {
	width:457px;
	height: 120px;
	background-image:url("images/leftbar.gif");
	background-repeat:no-repeat;
	margin-left: 13px;
}

#leftbar p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	color: #666;
	text-align: left;
	padding: 38px 25px 0px 25px;
}
.testimonial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	color: #666;
	text-align: left;
	padding-top: 38px; 
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 15px;
}
.leftbarText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	color: #666;
	text-align: left;
}

.quoteName {
	padding-left: 283;
	font-size: 12px;
	line-height: normal;
}
#leftbar blockquote { 
	padding-left: 10px;
	padding-bottom: 0px; 
	border-left: 2px solid #669966; 
	margin: 11px 0 10px 225px;
	font-size: 12px;
	line-height: normal; 
}

.dates { margin: 0 0 0 290; text-align: left; 
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold;
	color: #666; position: relative;}


/* END Testimonial Area */

.header {
	background: url("images/coltop.gif") no-repeat;
	height:20px;
	width:auto;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold; color: #fff;
	padding: 3px 0 0 10px;
}


.bodystyle {
	font-family: MS Sans Serif, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	text-align: left;
}


#footercontainer {
	background-image: url("images/bg-footer.gif");
	background-repeat:no-repeat;
	height: 39px;
	text-align: center;
	padding: 4px 2px;
	background-position:center;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 17px;
}

a.footer:link {
	text-decoration: none;
}
a.footer:visited {
	text-decoration: none;
}a.footer:hover {
	text-decoration: underline;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 10px;
}



/*  BELOW ARE THE STYLES THAT APPLY TO THE SUB-PAGES LAYOUTS */

/* below is not used anymore 
#submain { margin-top: 10px;}
	#subright { float: right; width: 275px; margin-right: 9px; background: #Fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px }
		#subright a { background: #F6F6F6; text-decoration:  none }
		#subright h3 {  background: #FFF url(images/coltop.gif) repeat-x; height:30px; padding: 2px 0 0 0px; 
		margin: 0; color: #fff; font:  bold 14px Arial, Sans-Serif; }
		#subright h3 span { padding: 1px 10px 0 23px; line-height: 22px; margin: 0}
		#subright p { color: #454545; font-family: MS Sans Serif, Arial, Helvetica, sans-serif;
		padding: 0 10px 0 19px; text-align: left; font-weight: normal; font-size: 12px; 
		line-height: 18px; letter-spacing: 1px;  }
	
	#subleft {  width: 477px; margin-left: 15px; margin-bottom: 10px; background: #FFF; border-right: 1px solid #ccc; 
	border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;  }
		#subleft h3 { background: #FFF url(images/coltop.gif) repeat-x; height:30px; padding: 2px 0 0 0px; 
		margin: 0; color: #fff; font:  bold 14px Arial, Sans-Serif; }
		#subleft h3 span { padding: 1px 10px 0 23px; line-height: 22px; margin: 0}
		#subleft p { font-family: MS Sans Serif, Arial, Helvetica, sans-serif; color: #454545; 
		padding: 0 10px 0 19px; text-align: left; font-weight: normal; font-size: 12px; 
		line-height: 18px; letter-spacing: 1px; }
		#subleft img { float: left; padding: 0 10px 5px 0 }
		#subleft blockquote { padding-left: 10px; border-left: 2px solid #DA4040; margin: 10px 0 10px 25px; }
		.date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right }		
*/

/* main content area for sub-pages layout */
#mainsub { clear: both;}
	#rightsub { float: right; clear: right; width: 192px; background: #F6F6F6; border-left: 1px solid #ccc; padding: 5px 10px 5px 10px; margin-right: 13px; margin-bottom: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
		#rightsub p { font-family: MS Sans Serif, Arial, Helvetica, sans-serif; color: #454545;  padding: 0 3px 0 3px; font-weight: normal; font-size: 12px;  line-height: 18px; letter-spacing: 1px; }
		#rightsub ul { padding: 3px 0 8px 0; font-family: MS Sans Serif, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; margin-left: 1px;} 
		#rightsub li { line-height: 18px; background: url("images/check-red.gif") no-repeat; list-style: none; padding-left: 1.3em; padding-top:-0.4em;}
		#rightsub a { background: #F6F6F6; text-decoration:  none; }
		#rightsub h3 { color: #333; font:  bold 15px Arial, Sans-Serif; }
		#rightsub h3 span { color: #DA4040; font:  bold 16px Arial, Sans-Serif; }
		#rightsub h4 { color: #3A5171; font:  bold 16px Arial, Sans-Serif; line-height: 14px;}
		#rightsub h4 span { color: #DA4040; font:  bold 18px Arial, Sans-Serif; }
		#rightsub hr {color:#666666}
		.pdf { line-height: 18px; background: #F6F6F6 url("images/pdf.gif") no-repeat left; list-style: none; padding-left: 1.1em; list-style-position: outside; font-family: MS Sans Serif, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px;}
		
		#rightbottom { float: right; width: 201px; background: #fff;  padding: 5px 10px 5px 10px; margin-right: 8px; margin-bottom: 10px; }
	
	#leftsub { clear: left; background: #FFF; margin-left: 13px; margin-bottom: 10px; width: 530px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
		#leftsub h1 { background: #FFF url("images/hbg2.gif") repeat-x; height:22px; padding: 5px 0 0 0px; margin: 0; font: bold 15px Arial, Sans-Serif; color: #fff}
		#leftsub h1 span { padding: 1px 10px 0 23px; line-height: 22px; margin: 0}
		#leftsub h2 { margin-left: 10px; margin-top: 5px; margin-bottom: 6px; font: bold 15px Arial, Sans-Serif; color: #333;}
		#leftsub p { font-family: MS Sans Serif, Arial, Helvetica, sans-serif; color: #454545;  padding: 0 5px 0 9px; text-align: justify; font-weight: normal; font-size: 12px; line-height: 18px; letter-spacing: 1px; }

		#leftsub blockquote { padding-left: 10px; border-left: 2px solid #DA4040; margin: 10px 0 10px 35px; }
		.date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right; }		
.rs { float: right;  margin-left: 6px; margin-top: 18px; margin-bottom: 5px; border: 1px solid #2E3F5B; padding: 8px; background: #93AAC7; font: 12px Verdana, Helvetica, Sans Serif; line-height: 17px; }
.rsspan {font: bold; color:#DA4040; }
		#leftsub ul { list-style-position: outside; margin-left: 9px; }
		#leftsub ul li { list-style-type: square; margin-left: 7px;  }
		#leftsub ul ul li { list-style: none; margin-left: 5px; list-style-type: lower-alpha; list-style-position: outside; }
		#leftsub ol { margin-left: 24px; font-family: MS Sans Serif, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px;}
		#leftsub ol li { margin-left: 7px;  }

	#fullsub { background: #FFF; margin-left: 13px; margin-bottom: 10px; width: 772px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
			#fullsub h1 { background: #FFF url("images/hbg2.gif") repeat-x; height:22px; padding: 5px 0 0 5px; margin: 0; font: bold 15px Arial, Sans-Serif; color: #fff}
		#fullsub h1 span { padding: 1px 10px 0 23px; line-height: 22px; margin: 0}
		#fullsub h2 { margin-left: 27px; margin-top: 5px; margin-bottom: 6px; font: bold 15px Arial, Sans-Serif; color: #333;}
		#fullsub p { font-family: MS Sans Serif, Arial, Helvetica, sans-serif; color: #454545;  padding: 0 45px 0 40px; text-align: justify; font-weight: normal; font-size: 12px; line-height: 18px; letter-spacing: 1px; }


#formborder {
	border-style: solid;
	border-width: thin;
	border-color: #666633;
}
.formtable {
	font-family: MS Sans Serif, Arial, Helvetica, sans-serif;
	color: #454545;
	font-size: 12px;
}
