* {margin: 0; padding: 0;} /* Zero down margin and paddin on all elements */

html, body, div, span, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; border: 0; outline: 0;}

body{font: 12px Arial, sans-serif; line-height: 14px; color:#333; background-color: #f9f9f9; min-width: 780px;
 margin: 0; padding: 0;
text-align: center; /* Centers the page content container in IE 5 browsers. */
}

#outerWrapper {width: 780px;  margin: 0px auto 0 auto; text-align: left; background:url(outerWrapper-bg.gif) repeat-x #e3eaf0; } /* WAS margin: 24px auto 0 auto; */

#outerWrapper #header { position:absolute; top:10px; background-color: #f9f9f9; padding:0;} /* WAS top:26px with lead */

#logo { width:780px; height: 50px; margin:0;
  background: url(SpeedyPin-B2B-header.jpg) no-repeat; background-color:#f9f9f9;
}


/* BEGIN Top Nav */
.nav-tab-container {width: 780px; height:22px; margin: 5px 0 -2px 0;}

.nav-tab { border:1px solid #aaa;  background:url(SpeedyPin-B2B-topnav-bg.jpg) bottom repeat-x; background-color: #efefef; color: #FF9900; font-size:13px; font-weight:bold; padding:2px 0 2px 0;}

.nav-tab a, .nav-tab a:active {text-decoration:none;}
.nav-tab a:visited {text-decoration:none;} /* color:#3580D2; */
.nav-tab a:hover { color:#F60; text-decoration:underline;}

.nav-tab-selected { 
font-size:13px; font-weight:bold;
color:#F60; padding:2px 0 3px 0;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
border-right:1px solid #aaa; 
background-color: #e8edf3;}

.nav-spacer { border-bottom:1px solid #aaa; background-color:transparent;}

/* END Top Nav */

/* START breadcrumbs */

#breadcrumbs {width:748px; height: 22px; margin:0; padding:0 0 0 30px;
font-size:12px; font-weight:bold; text-align:left; 
color:#999; line-height:21px;
border-left:1px solid #aaa;
border-right:1px solid #aaa;
border-bottom:1px solid #dadada;
background-color: #e8edf3;
}
#breadcrumbsa, #breadcrumbs a:link, #breadcrumbs a:visited {color:#999; text-decoration: none;}
#breadcrumbs a:hover { text-decoration: underline;color: #F60;}

/* END breadcrumbs */


#contentContainer {border-left: solid 1px #aaa;  border-right: solid 1px #aaa;}
 
#head-one {width:728px; margin:0; padding:10px 0 5px 50px; color:#61759c; line-height:14px;}

#contentContainer {margin:100px 0 0 0;}
#outerWrapper #contentWrapper #leftColumn1 {width: 247px; margin:0; padding:0 0 0 10px; float: left;}
#outerWrapper #contentWrapper #leftColumn-wide   {width: 502px; margin:0; padding:0 0 0 10px; float: left;}
#outerWrapper #contentWrapper #leftColumn-widest {width: 617px; margin:0; padding:0; float: left;}

#outerWrapper #contentWrapper #content { margin: 0 0 0 267px;  padding: 0;
 }
#outerWrapper #contentWrapper #content-right {margin: 0 0 0 512px;  padding: 0; }
#outerWrapper #contentWrapper #content-rightest {margin: 0 0 0 622px;  padding: 0; }

#outerWrapper #contentWrapper .clearFloat {clear: left; display: block;} /* This ".clearFloat" class should be applied to an element after the last floated element and before the close of the container with floated elements. */
  
#outerWrapper #footer {
  background-color: #f9f9f9; font-size: 13px; font-weight:bold; line-height:16px; text-align:center; letter-spacing: .06px; word-spacing: 2px; color:#6c7a91; background: url(SpeedyPin-B2B-footer.jpg) repeat-x;
border-top:1px solid #aaa;  solid #aaa; border-left: solid 1px #aaa;border-right:1px solid #aaa; border-bottom:1px solid #4D6F94; margin:0; padding:4px 0 5px 0;
}


#outerWrapper #footer a, a:link, a:visited  {color: #4c6f97;}
#outerWrapper #footer a:hover {color: #16387c;}

#lead {position:absolute; top:0; left:0; width:100%; height:20px; margin:0; padding: 0; background:url(SpeedyPin-lead-bg.jpg) bottom repeat-x; font: 11px Arial, sans-serif; text-align:right; line-height: 18px; color:#AAA; border-bottom: 1px solid #aaa; background-color: #E3E3E3; white-space:nowrap;}

#lead a,#lead a:link, #lead a:visited {font: 11px Arial, sans-serif; line-height: 14px; color:#144dbe; text-decoration: none;}
#lead a:hover { text-decoration: underline; color: #F60;}

#trademark {width: 760px; height:32px; font: normal 10px Arial, sans-serif; text-align:center; line-height:12px; margin:0 auto; padding:10px 0 15px 0;}

#trademark a, #trademark a:link, #trademark a:visited {color:#144dbe; text-decoration: none;}
#trademark a:hover { text-decoration: underline; color: #F60;}


/* Boxes */

.box-left { width: 245px; height: auto; background:url(B2B-pg2-nav-bg.jpg) top repeat-x;
background-color:#f9f9f9; border: 1px solid #3580D2;  margin: 0 auto 10px auto; padding: 0 0 5px 0;}
.box-left-borderless {width: 245px; height:auto; margin: 0 auto 10px auto; padding:0;}
.box-right-wide {width: 496px; height: auto; margin: 0 10px 10px 0; background:url(B2B-pg2-nav-bg.jpg) top repeat-x;
background-color:#f9f9f9; border: 1px solid #3580D2;}

.box-right-wide-no-head {width: 496px; height: auto; margin: 0 10px 10px 0; background-color:#f9f9f9; border: 1px solid #3580D2;}
.box-left-widest-no-head {width: 590px; height: auto; margin: 0 0px 10px 10px;
background-color:#f9f9f9; border: 1px solid #3580D2;}

.box-left-widest {width: 590px; height: auto; margin: 0 0px 10px 10px; background:url(B2B-pg2-nav-bg.jpg) top repeat-x;
background-color:#f9f9f9; border: 1px solid #3580D2;}
.box-right-borderless {width: 150px; height:auto; margin: 0 0 10px 61px; padding: 0; }
.box-rightest-borderless {width: 150px; height:auto; margin: 0 0 10px 0px; padding: 0; }

.box-left-wide {width: 496px; height: auto; margin: 0 10px 10px 0; background:url(B2B-pg2-nav-bg.jpg) top repeat-x;
background-color:#f9f9f9; border: 1px solid #3580D2;}
.box-right { width: 245px; height: auto; background:url(B2B-pg2-nav-bg.jpg) top repeat-x;
background-color:#f9f9f9; border: 1px solid #3580D2;  margin: 0 auto 10px auto; padding: 0 0 5px 0;}

.box-left h3, .box-left-wide h3, .box-left-widest h3, .box-right h3, .box-right-wide h3 {font-size: 14px; font-weight: bold; text-align:center;  margin: 5px 0 0 0; color:#7b8eb1;}


.box-promo {width: 245px; height: auto; font: bold 16px Geneva, Arial, sans-serif; color:#F60; text-align:center; background-color:#f9f9f9; border: 1px solid #3580D2; padding:10px 0;}

.box-pad { padding:8px 20px 10px 20px;}
.box-pad h3 {font-size: 15px; font-weight: bold; text-align:left; color:#7b8eb1; margin: 0px 0 0 0;}

.box-pad2 { padding:8px 10px 10px 10px;}

.box-pad-login { padding:8px}

/* END Boxes */

/* side-bar */
.side-bar {width:150px; margin:0; padding:0; }
.side-bar table {background-color:#f7fbfa; margin:0;}
.side-bar td {font: normal 12px Arial, Helvetica, sans-serif; color : #000000;}
.side-bar-heading { font-weight:bold; width: 100%; line-height: 180%; text-align:center; background-color: #3580D2; color:#ffffff;}
.side-bar-testimonial {text-align:center; padding: 5px 0 0 0;}
.side-bar-testimonial-more {text-align:right; margin: 5px 0 -3px 0;}
.darkfg {font: 11px verdana, arial, helvetica, sans-serif; text-align:center; color: #3580D2;}
.darkbg {background-color: #3580D2;}
.whitefg {color:#f9f9f9;}
/* END side-bar */


.affiliates-tier td {font: normal 12px Arial, Helvetica, sans-serif; color : #000000; padding: 0 0 0 20px;}

#manage-account p{ text-align:center; line-height:10px; padding-top: 5px;}


h1 {font-size:17px; font-weight: bold; margin: 2px 0; padding: 0 0 0 15px;}
h2 {font-size: 16px; font-weight: bold; text-align:center; letter-spacing:.3px; color:#555; margin: 5px 0; }
h3 {font-size: 15px; font-weight: bold; text-align:left; color:#7b8eb1; margin: 10px 0 0 0;}
h4 {font-size: 14px; font-weight: normal; text-align:left; color:#3580D2; margin: 15px 0 0 0;}

p {margin: 10px 5px  10px 5px;}

ul {list-style-image: url(bullet.gif); margin: 10px 0 0 25px;}
li {font-size: 12px; line-height: 16px;}
ul ul {margin: 5px 0 0 20px;}
ul ul {list-style:url(bullet2.gif);}

ol { margin: 10px 0 0 20px; }

/* START images */
.inset-img { float:left; margin:0 5px 0px 0;}
.inset-img2 { margin:10px 0px -12px 0px;}
.inset-img5 { float:left; margin:10px 10px 0px -5px;}
.inset-img6 { float:right; margin:10px 0px 0px 0px;}
.img1 {float:right; padding: 20px; margin:-50px -20px 0px 0px; border:0;}
.img2 {float:left;  margin:0; border:0;}
/* END images */

#sub-text 
	{ padding: 7px 30px 7px 20px; 
	margin: 0 0 15px 0; 
	background-color:#C8CCFD; 
	border-top:solid 1px #bbc8d7; 
	border-bottom:solid 1px #9bafc5;
	font-size:10pt; line-height:12pt;
	} 
	
#sub-text table
{
	width:100%;
	

}

#wholesale-cards  { padding: 10px 0 10px 0px;}
#wholesale-cards td { padding: 2px 0 2px 15px;}
.card { text-align: center; font-weight:bold; color:#748bba;}
.promotional-uses td { padding: 2px 0 2px 5px;}

.red {color: #FF0000;}
.selected-crumb {color: #555;}
.box-left-widest h1 {font-size:17px; font-weight: bold; text-align:center; margin: 5px 0; padding: 0; color:#555;}

#testimonials td {padding: 5px 10px;}

#box-pad-sitemap {width: 400px; padding:20px 0 0 20px;}
#box-pad-sitemap p{ padding:10px 0 0 0;}
.sitemap-thumb {float:left; margin: -5px 8px 0 0 ;}
#sitemap-img1 {float:right; margin:10px 10px 0 0;}
.sitemap-contact {margin: -10px 0 20px 75px;}
.sitemap-more {color:#FF6600; text-align:right; margin: 2px 10px 0 0;}

a, a:link, a:visited {color:#16387c; text-decoration: none;}
a:hover { text-decoration: underline; color: #F60;}

.nav-tab-selected  a, .nav-tab-selected  a:active{color:#F60; text-decoration:none;}
.nav-tab-selected a:visited {text-decoration:none;}
.nav-tab-selected a:hover { color:#999; text-decoration:underline;}

.survey-box {width: 590px; height: auto; margin: 0 0 10px 10px; padding: 0 0 0 0; background:url(B2B-pg2-nav-bg.jpg) top repeat-x;
background-color:#f9f9f9; border: 1px solid #3580D2;}

/* ########### END pg2 styles ############# */

.thank_you_page img
{
	margin:0px 15px 15px 15px;
	}
	
#ulp_picture_box
{
	position:relative;
}

#ulp_text_box_1
{
	padding:10px 20px 10px 20px;
	text-align:justify;
}

.pix_box_header_font
{
	color:#C00;
	font-size:1.2em;
	font-weight:bold;

}