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

* {margin: 0; padding: 0; }

html,body {margin:0;padding:0; height:100%;}
body {font: 76% /*arial unicode ms,*/ Arial, Helvetica, sans-serif; color: #333; text-align:center; min-height:100%; height:100%;}
p {margin:0px 0px 15px 0px;}
a:link, a:visited {color:#5397d8; font-weight: normal; text-decoration: none;}
a:hover {color: #f06000; font-weight: normal; text-decoration: underline;}
.alignleft {float:left;}
.alignright {float:right;}
.clear {clear:both;}

h1 {
	font:normal 26px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-top: 0px;
	margin-bottom: 15px;
	/*color: #32669a;*/
	color: #8aae4c;
}

h3{
	font:bold 16px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
}

dt{
	font:bold 16px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
}
blockquote {margin-left:25px;}

.containerBody {margin: 0 auto;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px;}
.headerBG { width: 100%; background: url(../images/bg_header.jpg) repeat-x 0px 0px; }
.header { width: 900px; background: url(../images/logo.jpg) no-repeat 0px 0px; margin: 0 auto; padding: 0px 0px 0px 0px; height: 115px;}
.logo { width: 200px; float:left; background: url(../images/logo.jpg) no-repeat 0px 0px; margin: 0 auto; padding: 0px 0px 0px 0px;}
.tagline {float:right; position:relative;}
.headerlogo { font-family:Arial; font-size: 35px; letter-spacing: -2px; line-height: 38px; text-align:left; margin-top: 0px;}
  
.bannerBG { width: 100%; background: url(../images/bg_banner.jpg) repeat-x 0px 0px;}
.banner { width: 900px; position: relative; margin: 0 auto; padding: 0px 0px 0px 0px; height: 120px;}
.banner img {float:right; }
  
.containerBG { width: 100%; float: left; padding: 0px 0px;}
.container { width: 900px; position: relative; clear: left; margin: 0px auto; margin-top: 25px; text-align:left; padding-bottom:60px;}
.content {float:left;width:655px; border-right: 1px dotted #dddddd; padding-right: 24px;}
.content p {/*font-size:1.2em;*/ line-height:1.5em; color: #333;}
.sidebar {background:#ffffff; float:right; width:220px; DISPLAY: block; PADDING-LEFT: 0px; text-align:center;}


/************* Navigation Top **************/
.navbar {width: 900px;  height:30px; background: url(../images/bg_navbar.jpg) no-repeat 0px 0px; margin: 0px 0px 0px 0px; text-align: left;}/*was 68px*/
/*.navbar ul {list-style: none; margin:0px auto; display: inline; text-decoration: none; text-align: left; text-transform:uppercase;}
.navbar li {
	display:inline;
	margin:0px auto;
	padding:20px 20px 0px 0px;
	text-decoration: none;
	text-align: left;
}
.navbar li a {color: #ffffff; text-decoration: none; font: bold 14px Arial, Tahoma, Trebuchet MS, Lucida Sans; letter-spacing: -1px;}
.navbar li a:hover {color: #833444; text-decoration: none;}/*was ddeeff
*/
.login-nav {padding:8px 0px 0px 0px; font: 1.2em normal tahoma,arial; float: right; color:#1e3c5a;}
.login-nav a { color: #ffffff; text-decoration: none; }
.login-nav a:hover { color: #833444; }


/************* Navigation Left **************/

.navright{background:#ffffff; float:right; width:220px; DISPLAY: block; PADDING-LEFT: 0px;}

#navLinks{
	margin: 0px;
	padding: 0px;
}

#navLinks ul{
	display: block;
	list-style-type: none;
	padding left: 10px;
	margin: 0px 0px 0px 0px;
}

#navLinks li{
	display: inline; 
	color: #5397d8; /*#455560 #86ccf0*/
	text-decoration: none; 
	margin-left: 0px;
	font-size:14px;
}

#navLinks h3{
	font-size: 16px;
	margin: 20px 0px 5px 0px;
}

#navLinks a:link, #navLinks a:visited {
	display: block;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;/*#21536A*/;
	color: #5397d8;/*#21536A #6AA1B0*/
	text-decoration: none; 
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;

}

#navLinks a:hover{
	background-color: #eee;/*#DDEEFF #e7f1d1;*/
	color: #cf5530;
	background-image: none;
	font-weight: normal;
	text-decoration: none;
}

#navSub ul{
	display: block;
	list-style-type: none;
	padding left: 10px;
	margin: 0px 0px 5px 0px;
}

#navSub li{
	padding: 2px 0px 2px 20px;
}

#navSub a:link, #navSub a:visited {
	display: block;
	font-weight: normal;
	color: #666;
	text-decoration: none; 
}

#navSub a:hover{
	font-weight: normal;
	color: #f06000;
	text-decoration: underline;
}

#navRelated{
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

#navRelated ul{
	display: block;
	list-style-type: none;
	padding left: 10px;
	margin: 10px 0px 10px 0px;
}

#navRelated h3{
	font-size: 16px;
	margin: 0px 0px 0px 0px;
}

#navRelated a:link, #navRelated a:visited{
	display: block;
	font-weight: normal;
	color: #21536A;
	padding: 2px 0px 2px 10px;
	text-decoration: none; 
}
#navRelated a:hover{
	display: block;
	font-weight: normal;
	text-decoration: none; 
	background-color: #DDEEFF;
}

/************* Content **************/
.content {
}
.content ul{
	/*list-style:url(../images/bullet.gif) outside;*/
	margin: 10px 0px 15px 35px;
}

.content ol{
	margin: 10px 0px 15px 35px;
}


.content li{
	margin: 10px 0px 15px 0px;
}

.headblack {
	color:#333;
	font:normal 22px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}

.headgreen {
	font:normal 24px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color:#78a22f;
}

.headorange {
	font:normal 24px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color:#ff4609;
}

.headblue {
	font:normal 24px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color:#0064a5;
}

	
.headsub, p.headsub {color:#0064a5; font:bold 16px/16px Arial, Helvetica, sans-serif;}
.headsub2, p.headsub2 {color:#333; font:bold 16px/16px Arial, Helvetica, sans-serif;}
.headoverview {color:#0064a5; font:bold 16px/16px Arial, Helvetica, sans-serif; letter-spacing:-1px;}
.headhome{color:#32669a; font:normal 24px Arial, Helvetica, sans-serif; letter-spacing:-1px; border-bottom:1px dotted #ccc; padding-top:0px;}
.headbox{color:#333; font:normal 22px Arial, Helvetica, sans-serif; letter-spacing:-1px; border-bottom:1px dotted #ccc; padding-top:0px;}
.headfeatures {color:#0064a5; font:bold 16px Arial, Helvetica, sans-serif; letter-spacing:-1px; text-decoration: none;}
a.headfeatures {color:#0064a5; font:bold 16px Arial, Helvetica, sans-serif; letter-spacing:-1px; text-decoration: none;}
a.headfeatures:hover {color:#f06000; font:bold 16px Arial, Helvetica, sans-serif; letter-spacing:-1px; text-decoration: underline;}

.headbox2 {
	color:#000000;
	font:bold 12px Arial, Helvetica, sans-serif;
	background-color: #F5F7F7;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-bottom: 10px;
}

#columnA {
	vertical-align: top;
	padding-right: 10px;
	line-height: 14px;
}
#columnB {
	vertical-align: top;
	line-height: 14px;
	padding-left: 10px;
}

.column2A{float:left; width:310px; margin:0px 30px 0px 0px; display: block;}
.column2A h2{color:#333; font:normal 24px Arial, Helvetica, sans-serif; letter-spacing:-1px; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.column2A p{color:#333; font:normal 12px Arial, Helvetica, sans-serif; margin-left:45px; margin-bottom:0px;}
.column2B{float:left; width:310px; margin:0px 0px 0px 0px; display: block;}
.column2B h2{color:#333; font:normal 24px Arial, Helvetica, sans-serif; letter-spacing:-1px; border-bottom:1px dotted #ccc; margin-bottom:10px;;}
.column2B p{color:#333; font:normal 12px Arial, Helvetica, sans-serif; margin-left:45px; margin-bottom:0px;}
.item {padding:5px; margin-bottom:10px; border:1px solid #fff; text-decoration:none;}
.item:hover {background-color:#eee; /**#e6f2ff;**/ border:1px solid #e1e1e1;/**#d2e8ff;**/ text-decoration:none;}
.item-box {padding:0px 5px 10px 0px; margin-bottom:10px; text-decoration:none; font-size:14px; line-height:24px; text-decoration:none;}
.item-box a { font-weight: normal;}
.item-box p {color:#333; font:normal 12px Arial, Helvetica, sans-serif; margin-left:0px; margin-bottom:0px;}
.item-box .headsub {font:bold 12px/14px Arial, Helvetica, sans-serif}
.font-normal {font: 12px Arial, Helvetica, sans-serif; color: #333;}

.border {border: 1px solid #cccccc;}
.imagelist {border-bottom: 1px solid #dddddd; padding-top:10px;}

.faq:link {
	color:#5397d8;
	text-decoration:none;
	margin: 0px 0px 7px 0px;
}
.faq:visited {
	color:#5397d8;
	text-decoration:none;
}
.faq:hover {
	color:#f06000;
	text-decoration:underline;
}
.faq {
	margin:0px 0px 7px 0px;
}


/************* Features **************/
.features {
	width:590px;
    margin-left: auto;
    margin-right: auto;
}

.thumb {
	background:#F4F4F4 none repeat scroll 0%;
	display:block;
	padding:4px;
	float:left;
	border:1px solid #dddddd;
	margin-bottom:20px;
	text-align:center;
	/*width:252px;
	height:112px;*/
}
.thumb:hover {
	background-color: #D6ECF8;
	border: 1px solid #82B7DF;
}
.thumb img {
	border:1px solid #dddddd;
}

.thumb a img {
border-style:none;
}

.thumb-desc {
	float:left;
	margin-bottom:20px;
	padding-left:20px;
	width:310px;
	text-align:left;
}

.thumb-desc h3 {
	font:bold 16px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 5px;
}

.screen {
	background:#F4F4F4 none repeat scroll 0%;
	display:block;
	padding:4px;
	border:1px solid #dddddd;
	text-align:center;
    margin-left: auto;
    margin-right: auto;
	/*width:252px;
	height:112px;*/
}
.screen:hover {
	background-color: #D6ECF8;
	border: 1px solid #82B7DF;
}
.screen img {
	border:1px solid #dddddd;
}

.screen a img {
border-style:none;
}
img.ads {
	background:#ffffff none repeat scroll 0%;
	display:block;
	padding:4px;
	/*border:1px solid #dddddd;*/
	margin:0px 0px 0px 0px;
	text-align:center;
	font-size:.9em;
}

img.photo {
	background:#ffffff none repeat scroll 0%;
	display:block;
	padding:5px;
	border:1px solid #dddddd;
	margin:0px 0px 10px 10px;
	text-align:center;
	font-size:.9em;
}

img.photoleft {
	background:#ffffff none repeat scroll 0%;
	display:block;
	padding:5px;
	border:1px solid #dddddd;
	margin:0px 10px 10px 0px;
	text-align:center;
	font-size:.9em;
}



/************* Tables **************/
.list td {
	color:#333;
	padding:10px;
	font:normal 14px Arial, Helvetica, sans-serif;
	}
.list th {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#0064a5;
	padding:10px;
	text-align:left;
	}
	
.grid table a,
.grid table a:link,
.grid table a:visited {
	border:none;
	}		
.grid table {
	border-top:1px solid #c8df97;
	border-right:1px solid #c8df97;
	margin:1em auto;
	border-collapse:collapse;
	}
.grid caption {
	color: #9ba9b4;
	font-size:.94em;
	letter-spacing:.1em;
	padding:0;
	margin:1em 0 0 0;
	margin-bottom:0;
	caption-side:top;
	text-align:center;
	}	
tr.odd td,
tr.odd .column1 {
	background:#e7f1d1;
	}	
.column1	{
	background:#f9fcfe;
	}
.grid td {
	color:#0064a5;
	border-bottom: 1px solid #c8df97;
	border-left:1px solid #c8df97;
	padding:.3em;
	}				
.grid th {
	font-weight:normal;
	color: #0064a5;
	text-align:left;
	border-bottom: 1px solid #c8df97;
	border-left:1px solid #c8df97;
	padding:.3em;
	}	
.grid thead th {
	background:#e7f1d1;
	text-align:left;
	font:bold 1.1em/2em Arial,Helvetica,sans-serif;
	color:#0064a5;
	}				
.grid tfoot th {
	background:#f4f9fe;
	text-align:center;
	}	
.grid tfoot th strong {
	font:bold 1.2em Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
.grid tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	

/************* Forms **************/
.formhead {
	background-color: #eeeeee;
	font: bold 14px/14px Arial, sans serif;
	color: #5397d8;
	padding: 5px 0px 5px 0px;
}

.formreg {text-align:right;}
.formbold {text-align:right; font-weight:bold;}
.form {font-size:12px;}
.form input[type=text], select, textarea {padding:5px; border:1px solid #dddddd; background-color:#f8f8f8; color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:14px; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; position:relative;}
/*.form select {padding:4px; border:1px solid #dddddd; background-color:#f8f8f8; color:#555555;}
.form textarea {padding:4px; border:1px solid #dddddd; background-color:#f8f8f8; color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:14px;}*/
.form input:focus, textarea:focus {border: 1px solid #52A8F2;}
.form input:selected {padding:4px; border:1px solid #ffffff;}
.form input.submit {padding-left:5px; padding-right:5px; }
.form .privacy {font-size:11px; padding-top:10px;}

/************* Merchants and Shopping **************/
.prodlist {
    font: normal .8em Arial, Helvetica, sans-serif;
}

.text3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}


.topnav {
    font: bold 14px Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
	color:#999999;
	text-decoration: none;
}
.topnav a:hover {
    font: bold 14px Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
	color:#f06000;
	text-decoration: none;
}

/************* Homepage **************/
.homebannerBG { width: 100%; margin-top:10px;/*background: url(../images/bg_bannerhome.jpg) repeat-x 0px 0px;*/}
.homebanner { width: 900px; position: relative; margin: 0 auto; padding: 0px 0px 0px 0px; height: 200px; background: url(../images/banner_pigbank.jpg) repeat-x 0px 0px;}
/*.homebanner img {float:right; }*/
.homecontent {float:left;width:590px; /**was 600px**/border-right: 1px dotted #dddddd; padding-right: 23px;}
.homecontent p {line-height:1.3em; color: #333;}
.homeright{background:#ffffff; float:right; width:265px;/**was 260px**/ DISPLAY: block; PADDING-LEFT: px;}
.homeright form {margin-top: 0px;}
.homelogin {width:265px; /**was 255px**/float:right; /**border-right:1px dotted #dddddd;**/} 
.homeright h3 	{font:normal 22px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-top: 0px;
	margin-bottom: 10px;
	/*color: #32669a;*/
	color: #8aae4c;}
.homehours {width:150px; float:right;} 
.homeads{background:#ffffff; float:left; width:265px;/**was 255px**/ DISPLAY: block; text-align:center;}
.softbannerBG { width: 100%; margin-top:10px;/*background: url(../images/bg_bannerhome.jpg) repeat-x 0px 0px;*/}
.softbanner { width: 900px; position: relative; margin: 0 auto; padding: 0px 0px 0px 0px; height: 200px; background: url(../images/banner_pigbank.jpg) repeat-x 0px 0px;}
.softcontent {float:left;width:600px; border-right: 1px dotted #dddddd; padding-right: 23px;}
.softcontent p {line-height:1.3em; color: #333;}
.softright{background:#ffffff; float:left; width:260px; DISPLAY: block; PADDING-LEFT: 15px;}
.softright h3 	{font:normal 26px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-top: 0px;
	margin-bottom: 10px;
	/*color: #32669a;*/
	color: #8aae4c;}

.homebox1{/*background:url(../images/bg_prod.jpg) no-repeat 0px 0px;*/ float:left; width:480px; height:200px; margin-right:0px; padding:20px 20px; display: block;}
.homebox2{background:url(../images/bg_prod.jpg) no-repeat 0px 0px; float:left; width:238px; height:260px; margin-right:33px; padding:20px 20px; display: block;}
.homebox3{background:url(../images/bg_prod.jpg) no-repeat 0px 0px; float:left; width:238px; height:260px; padding:20px 20px; display: block;}
.homebox4{float:left; width:460px; /**was 460px**/ margin:15px 15px 15px 0px; display: block;}
.homebox4 h2{color:#32669a; font:normal 24px Arial, Helvetica, sans-serif; letter-spacing:-1px; border-bottom:1px dotted #ccc; margin-top:0px;}
.homebox4 p{color:#333; font:normal 12px /*arial unicode ms,*/ Arial, Helvetica, sans-serif; margin-left:60px;}
.homebox4 a{font:normal 16px Arial, Helvetica, sans-serif; /*letter-spacing:-1px;}*/}
.homebox4 a.normal{font:normal 12px Arial, Helvetica, sans-serif; /*letter-spacing:-1px;}*/}
.homebox5{float:left; width:433px; margin:15px 0px 15px 0px; display: block;}
.homebox5 h2{color:#32669a; font:normal 24px Arial, Helvetica, sans-serif; letter-spacing:-1px; border-bottom:1px dotted #ccc; margin-top:0px;}
.homebox5 p{color:#333; font:normal 12px /*arial unicode ms,*/ Arial, Helvetica, sans-serif; margin-left:60px;}
.homebox1 a:link{background:url(../images/bg_prod.jpg) 0px 0px;}
.homebox1 a:hover{background:url(../images/bg_prodlims.jpg) 0px 0px;}
.homebox ul{list-style:url(../images/bullet.gif) outside;margin: 10px 0px 15px 25px;}
.homebox ol{margin: 10px 0px 15px 25px;}
.homebox li{margin: 10px 0px 15px 0px;}


/************* Extra **************/
.extraleft{float:left;clear:left;width:225px}
.extra {background:#FF8539; clear:both; width:100%}


/************* Footer **************/

.footerBG {width: 100%; float: left; background: #eee url(../images/bg_footer.jpg) repeat-x 0px 0px;  padding: 15px 0px; margin-top:15px; }
.footer, .push {width: 900px; position: relative; clear: left; margin: 0 auto; text-align: center; height:60px;}
.footer p {padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; color:#666; font-size: 11px; display: block;}
.footer p a {color:#6699cc; text-decoration: underline;}

.footer ul {display: inline; padding: 0px; margin: 0px; }
.footer li {display: inline; padding: 0px; margin: 0px; list-style-type: none;}