html,body
{
	margin: 0em;
	padding: 0em;
	color: ##e8ebef;
	font-size: 82%; 
	text-align: center;
}

table
{
	font-size: 100%; 
}

/* This sets the font-types */
body, h1, h2, h3, h4, h5, h6, td, p, a, li, input, select, textarea
{
	font-family: Arial, sans-serif;
}

div#top-title
{
	color: rgb(68,116,144);
	font-size: 2em; 
	font-family: Verdana;
	letter-spacing: 1px;
}

div.section-title div.whats-this
{
}

div.section-title div.whats-this p.whats-this
{
	font-size: 11px; 
	display:inline;
	position:relative;
	top:3px;
    left:330px;
	color: rgb(68,116,144);
}

div#white
{
    background-color:#FFFFFF;
}

div#adHeader-height
{
    height:1%;
}

div.section-title div.whats-this p.section-title-text
{
	display:inline;
	position:relative;
	left:-65px;
}

div.confirmation-message 
{
    FONT-WEIGHT: bold; 
    COLOR: #993333; 
    border: 1px solid #d2d2d2; 
    background-color: #ebebeb; 
    padding: 5px; 
    margin-top:5px;
    margin-bottom:15px;
}

div.confirmation-message p 
{
    FONT-WEIGHT: bold; 
    COLOR: #333333; 
    display:inline;
}

div.confirmation-message p.nobold
{
    FONT-WEIGHT: normal;     
    display:inline;
}

/* This turns off borders around images */
img
{
	border-width: 0em;
	margin: 0;
	padding: 0;
}

/* Ordinary paragraphs and list-items */
p, ul, ol
{
	margin-top: 0em;
	padding-top: 0em;
	font-size: 1.0em;
}

/* Line height settings */
p, li
{
	line-height: 1.3em;
}

/* General font sizing -- which shouldn't be necessary -- but IE could become confused otherwise */
input, textarea, select, td, th
{
	font-size: 1.0em;
}

form
{
	margin: 0em;
	padding: 0em;
}

/* General table properties */
table
{
	border-collapse: collapse; /* cells meet */
	border-spacing: 0em;
}

table td, table th
{
	vertical-align: top;
}

table td label {
    padding: 0;
    padding-top: 3px;
    margin: 0;
}

table td label.required-field {
    background-position: 1px 7px;
}

table td label.right {
    width: 100%; /* Only set the width on right side labels */
}

/* This can be used to hide text from regular browsers while allowing it appear for text readers */
p.accessibility, li.accessibility
{
	display: none !important;
}


/* General link colors */

a
{
	text-decoration: none;
}

a:link, a:active, a:visited {
	color: #222221;
}
    
a:hover {
	color: #1574cb;    
}    

acronym, abbr
{
	border-bottom: 1px dotted black;
	cursor: help;
}

.required-field
{
	background-image: url(/spportal/img-spportal/icons/asterisk.gif);
	background-repeat: no-repeat;
	background-position: 1px 4px;
	padding-left: 1em; /* Leaves space for the bullet-image */
}

.required-field#required-info
{
	color: #993333;
}



/* ================================================ Page/Content Areas ================================================== */

/* This holds the entire page. */
div#page
{
	width: 735px;
	/* This allows other child elements to be positioned with respect to this */
	position: relative;	
    margin-left: auto;
	margin-right: auto;
    height: 103px;
    text-align: left;
}

div#content {
    /* This allows other child elements to be positioned with respect to this */
	position: relative;
    margin-left: auto;
	margin-right: auto;
    width:735px;	 
    text-align: left;
   
}

div#content_box {
	background-color: rgb(255,255,255); /* white */
	border:1px solid rgb(210,210,210); /* Light gray */
    border-top: none;
	padding:15px;
	position:relative;	
	margin-bottom:0.5em;
	/* Box model hack for IE: http://tantek.com/CSS/Examples/boxmodelhack.html */
	voice-family: "\"}\""; 
	voice-family:inherit;
	
	}    

div#content_box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#content_box
{
	display: inline-block;
}

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

div#main_content_secondary_nav {
	width:560px;
	float:right;
	}
	
div#main_content_product_sidebar {
	float:left;
	width:425px;
	}

div#main_content_product_sidebar strong {
    top: -1.5em;
}


h2, div#main_banner div#learn_more_image, h1
{
	position: relative;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat; /* Just to be sure */

	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */

/* These properties providing styling in case something goes awry with the image */
	font-size: 1.5em;
	color: rgb(153,51,51); /* a deep red */
	
}

/* This is for IE 5.5's benefit */
h2 a, div#main_banner div#learn_more_image a, h1 a
{
	cursor: pointer;
}

h2 span, div#main_banner div#learn_more_image span
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1; /*for Opera 5 and 6*/
}

h2, div h2 {
	font-family: Helvetica Neue 55 Roman, sans-serif;
    font-size: 1.8em;
    color: #3A742D; /* dark green */
    font-weight: normal;    
    margin-bottom:5px;    
    margin-top:5px;
}
    
h2.black-header
{
    color: #323232;
    font-size: 1.8em;
    font-weight: normal;
}    

/* ========================================== h* Properties  ================================================== */

div#branding a {
	position:absolute;
	left:20px;
	top:0px;
	width:209px;
	height:56px;
	margin-top:20px;
    background-image:url(image/logo.gif);
    background-repeat: no-repeat;
	}

h3 {
	font-size: 1.2em;
	}
h4 {        
	background-color: #5baefd; /* highlight green */
	color: #323232;
	font-size: 1.1em;
	padding:0.3em;
	position:relative;
	margin: 0em;
    margin-bottom:0.5em; /* added code */
	margin-top: 0;
	}
    
h4#blue-header {        
	background-color: #A5A5A5; /* LIGHT GREY*/
	color: #FFFFFF;
	font-size: 1.1em;
	padding:0.3em;
	position:relative;
	margin: 0em;
	} 

h5 {        
	color: #0066FF;
	font-size: 1.1em;
	padding:0em;
	position:relative;
	margin: 0em;
    margin-bottom:0.5em; /* added code */
	margin-top: 0;
	}

/* ===== to be used on ppc faq pages======*/
h1.green-header{
	background-color: #edf2ea; /* light green */
	color: #323232;
	font-size:22px; 
    font-weight: bold;
	padding:0.5em;
 	position:relative;
	margin: 0em;
    margin-bottom:0.5em; 
	margin-top: 0; 
}
h4#grey-black-header {        
	background-color: #ebebeb; /* very LIGHT GREY*/
	color: #505050;
	font-size: 1.1em;
	padding:0.3em;
	position:relative;
	margin: 0em;
    margin-bottom:0.5em; /* added code */
	margin-top: 0;
	} 
   
 td.grey-title{   
    font-family: Arial, Helvetica, sans-serif;     
    background-color:#a5a5a5; 
    font-weight: bold;    
    color:#ffffff;
    padding:5px;
     
     }

/* ========================= learn more buttons in h4 ===================== */

h4 span.learn-more
{
    position: absolute; 
    right: 5px; 
    top:1px;
    font-size:0.9em;
}
	
h4 em{
	position:absolute;
	top:0.3em;
	right:0.6em;
	font-weight:normal;
	font-size:1.0em;
	font-style:normal;
	}	

h4 em a:hover {
	color: rgb(220,233,238);
	}	

h5 {
	}

h6 {
	font-size: 1.1em;
	margin:0;
	padding-bottom:0.5em;
	}
	
/* ========================================== End h* Properties  ================================================== */


	


/* ========================================= Column Properties =============================== */

div.two-columns:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.two-columns 
{
	display: inline-block;
}

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

div.two-columns div.first-column {
	width:48%;
	float:left;
    /*padding-top: 1em;*/
	}

div.two-columns div.vertical-rule {
	border-right: 1px solid rgb(222,222,222); /* light grey */
	padding-right: 0.5em;
}

div.two-columns div.second-column {
	width:48%;
	float:right;
   /* padding-top: 1em;*/
	}
    
div.two-columns div.header {
	width:50%;
    float:right;
   /* padding-top: 1em;*/
   }
   
div.two-columns div.vertical-rule {
	border-right: 1px solid rgb(222,222,222); /* light grey */
	padding-right: 0.3em;
}

.colindent {
    padding: 0px 4px;
}

div.three-columns:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.three-columns 
{
	display: inline-block;
}

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

div.three-columns div.first-column {
	width:33%;
	float:left;
    /*padding-top: 1em;*/
	}

div.three-columns div.second-column {
	width:33%;
	float:center;
   /* padding-top: 1em;*/
	}

div.three-columns div.third-column {
	width:33%;
	float:right;
   /* padding-top: 1em;*/
	}


div.two-columns div.two-columns {
	position:relative;
	}

div.two-columns div.two-columns:after {
    clear: none; 
	}

div.two-columns div.two-columns div.first-column {
	width:48%;
	float:none;
	}

div.two-columns div.two-columns div.second-column {
	width:48%;
	position:absolute;
	top:0em;
	right:0em;
	}

div.wide-right div.first-column {
	width:38% !important;
	float:left;
	}

div.wide-right div.second-column {
	width:58% !important;
	float:right;
	}

div.wide-left div.first-column {
	width:58% !important;
	float:left;
	}

div.wide-left div.second-column {
	width:38% !important;
	float:right;
	}

/* BEGIN two column wide right two column wide left */
div.wide-right div.second-column div.two-columns div.wide-left div.first-column {
    width:38% !important;
    float:right;
    }
  
div.wide-right div.second-column div.two-columns div.wide-left div.second-column {
    width:58% !important;
    float:right;
    }
/* END two column wide right two column */


/* ========================================= End Column Properties =============================== */

/* ========================================= Included Element Properties =============================== */
	
div#branding {
	position:absolute;
	top:10px;
	left:-20px;
	}
	
div#global_nav {
	position:absolute;
	right:0px;
	}	

div#page ul#global_nav_list
{
	display: block;

	margin: 0em;
	padding: 0em;

	/* This allows the primary-nav to be adjusted (via padding et al) from
		the right side of the #page. This way, if the user increases the
		font size, the #primary-nav won't word-wrap unless the user
		selects an obscenely large font size. (And, if that occurs, no worries.
		the page won't look quite as tight, but it won't look bad, either.) */
	text-align: right;

	/* This pushes the #global-nav-list away from the edge of the #page */

	position: relative;
}

/* Only IE/Mac sees this */
*>html  div#page ul#global_nav_list
{
	/* For some reason, IE/Mac just doesn't understand the configuration above
		with text:align-right and padding-right:##px. It displays the text-align
		part correctly, but it neglects the padding. So, this goes back to the old
		way -- for IE/Mac only. Rather that text-align:right along with adjustments
		with respect to the right side of the #page, this uses text-align:left with
		adjustments with respect to the left side of the page. If the user changes
		the font size, it may not look quite as nice as in other browsers, but
		who really still uses IE/Mac anyway? ;) */

	text-align: left;

	margin-right: 0px;
	padding-right: 0px;
	padding-left: 300px;

}

ul#global_nav_list li{
	float:left;
	display:block;
	padding: 8px 6px 0 6px;
	vertical-align:bottom;
	}
	
ul#global_nav_list li a{
	color: #890C08;
	}	



hr#global-footer-hr
{
	border: 0; 
	color: #ccc; 
	background-color: #ccc; 
	height: 1px;
}

div#utility_nav_container {
	text-align:center;
	}
	
/* utility-nav is the navigation at the bottom of the site */
ul#utility_nav {
	margin:0;	
    padding:5px 0 0px 2px ;
    list-style-type: none;
	clear:both;    
	}

ul#utility_nav li {
	display:inline;
	padding: 0 2px 0 0;
	margin:0;	    
	font-family: Arial;
	color: #505050 /* medium gray */
	}
	
ul#utility_nav li.last-item {
	display:block;
    padding-top:3px;	
    color: #333333;        
	}	

ul#utility_nav li a{
	font-size: 1.0em; 	        
    color: #666;
	text-decoration:none;
	}
    
ul#utility_nav li img {
    margin-right:5px;    
    top:2px;
}    

/* ========================================= primary-Nav buttons =============================== */	

/* section-nav contains the elements in primary-nav (below) which are currently Home, Products, My Account */
div#section_nav {
	height:23px;
	background-image:url(/spportal/img-spportal/banners/primary-nav-background.gif);
	background-repeat: repeat-x;
	width:735px;
	position:absolute;
	top:80px;
	left:0px;	
}

div#section_nav a, div#section_nav span
{
	float: left;	
}

a.nav:hover { 
	color: #890c08; 
	text-decoration: underline; 
}
a.nav, a.nav:visited 
{
	font-size: 11px; 
	color: #333333; 
	text-decoration: none; 
	font-weight: bold; 
 	padding: 5px;
	padding-left: 7px; 	
}
a.nav:hover { color: #3a742d; text-decoration: none; }

a.navon, a.navon:hover, a.navon:visited {
	font-size: 11px; 
	color: #3a742d; 
	text-decoration: none; 
	font-weight: bold; 
	padding: 5px;
	margin-top:2px;
	padding-top: 4px;
	padding-left: 7px;
	background-color: #fff; 
}

ul#header_nav li#sign-in-nav
{
	display: none;	
}

/* ========================================= End primary-Nav buttons =============================== */	

/*********** this is for the products nav ******************/
div#products-nav
{
	padding:5px;
}

div#products-nav-frame
{
	top:0;
	border-bottom:1px solid rgb(210,210,210);
}

div#products-nav a
{    
	font-size: 11px; 
	color: #333333; 
	text-decoration: none; 
	font-weight: normal; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	margin-left: 8px; 
	margin-right: 8px;	
}

div#products-nav a:hover
{
	color: #3a742d; 
	text-decoration: none;	
}

div#products-nav a.on
{
	font-size: 11px; 
	color: #3a742d; 
	text-decoration: none; 
	font-weight: normal; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	margin-left: 8px; 
	margin-right: 8px; 	
}

/* ========================================= End Included Element Properties =============================== */	


/* ========================================= Bulleted Lists =============================== */	

ul.option-list {
	margin: 0;
	padding: 0;
	}

ul.option-list li
{
	list-style-type: none;
	background-image: url(/spportal/img-spportal/icons/blue-link-arrow.gif);
	background-repeat: no-repeat;
	background-position: 1px 4px;
	padding-left: 8px; /* Leaves space for the bullet-image */
	display: inline;
	margin-right: 1em;
	}

ul.option-list-vert li
{    
    list-style-image: url(/spportal/img-spportal/icons/blue-link-arrow.gif);	
    margin-left: -1em;
}


ul.option-list li a {
	text-decoration:underline;
	}

/* used when the list item is an image */
ul.option-list li img {
	display: inline;
	padding: 0;
	vertical-align: middle;
}

/* removes the bullet when the list item is an image */
ul li.list-item-image
{
	list-style-type: none;
	background-image: none;
}

/* ========================================= End Bulleted Lists =============================== */	
	
		
/* ========================================= Other Random Parts =============================== */	
	
.indent {
	margin-left:1.0em 
	}

div.section-divider {
	background-image:url(/spportal/img-spportal/icons/dotted-line-horizontal.gif);
	background-repeat: repeat-x;
	width:100%;
	height:1px;
	clear:both;
	}

div#print_this_page
{
	position: absolute;
	top: 0.5em;
	right: 1.5em;
	background-image:url(/spportal/img-spportal/icons/printer-icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

div#save_quit
{
	position: absolute;
	top: 0.5em;
	right: 1em;
	padding-left: 20px;
}

div#save_quit_below
{
	position: absolute;
	top: 2em;
	right: 1em;
	padding-left: 20px;
}


/* ********* added div for forms.  */

div.form-format
{
    border:1px solid rgb(210,210,210); /* Light gray */ 
    margin-bottom:10px;                
}

div.form-content
{    
    padding: 10px;        
}

div.form-highlight
{
    border:1px solid rgb(210,210,210); /* Light gray */
    padding:10px; 
    background:#EBEBEB;   
    margin-bottom:10px;  
}

div.box-highlight
{
    background: #EBEBEB;
    padding: 5px;
}

div.extender
{
    clear:both;
    height:1px;
}

div.form-format h6.secondary_nav_header_url_lookup
{
	background-image: url(/spportal/img-spportal/icons/url-lookup-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 1em; /* Leaves space for the icon */
	margin-left:10px;
}


/* ***** added class for a blue bar with titles on either end */
div.two-titles
{
	background-color: rgb(155,192,204); /* A medium blue */
	color: rgb(100,100,100); /* white */
	font-size: 1.3em;
	padding:1em;
	position:relative;
	
	margin-bottom:0.5em; /* added code */
	margin-top: 0em;
	border:0px solid rgb(0,0,0);
}
 
div.two-titles div.first-title
{
    background-color: rgb(155,192,204); /* A medium blue */
    float: left;
    position: relative; 
    top: -0.6em;
    left: 1em;
    color: rgb(0,0,0);
}

div.two-titles div.second-title
{
    background-color: rgb(155,192,204); /* A medium blue */
    float: right;
    position: relative; 
	top: -0.5em;
	right: 1em;
    color: rgb(0,0,0);
}

div.red 
{
	color: #993333; /* red like the error messages */
}

/*page title used instead of images */
div#page-title {
    font-family: Helvetica Neue 55 Roman, sans-serif;
    font-size: 22px;
    color: #3A742D; /* dark green */
    font-weight: normal;    
    margin-bottom:10px;    
}

/* padding used for button divider*/
img.button-divider{
    margin-left:2px;
    margin-right:2px;
    }



/* =============== PPC Ad Summary Pages ===============*/

div#summary_menu
{
	float:left;
	margin: 0em;
	padding: 0em;
	font-size:0.9em;
  margin: 0em;
 	padding: 0em;
}

ul#summary_section_list 
{
	margin: 0em;
	padding:0em;
	list-style:none;
}
    

div#summary_container
{
	clear: left;
	border:1px solid #D2D2D2;
	background-color: #FFFFFF; /* white */
	margin-bottom: 1em;
	padding: 1em;
	width:90%;
}

div#product_sidebar
{
	float: left;
}

div#contributing_data, div#progress_bar {
    overflow: hidden;
    white-space: wrap;
}
div.product-sidebar-section
{
    word-wrap: break-word;
	width:250px;
}	

div.product-sidebar-box
{
	width: 250px;
	border: 2px solid #D2D2D2;
    background-color: #ebebeb;
	padding: 10px;
	margin-bottom: 1em;
	/* Box model hack for IE: http://tantek.com/CSS/Examples/boxmodelhack.html */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:226px;
}


/* =============== masterhead for banner pages ===============*/
div#masthead
{
	border-left-color: rgb(210,210,210); /* Light gray */
	border-right-color: rgb(210,210,210); /* Light gray */    
	border-bottom-color: rgb(210,210,210); /* Light gray */
}


div#masthead
{
	/* This allows other elements to be absolutely positioned with respect to this */
	position: relative;
	border-left-width: 1px;
	border-right-width: 1px;

	border-left-style: solid;
	border-right-style: solid;    
}

div#secondary div#masthead
{
	/* This allows other elements to be absolutely positioned with respect to this */
	position: relative;

	border-left-width: 1px;
	border-right-width: 1px;

	border-left-style: solid;
	border-right-style: solid;
}

/* Masthead properties for inside pages */
div#secondary div#masthead
{
	height: 106px;

	background-image: url(/spportal/img-spportal/banners/masthead-background-inside.gif);
	background-repeat: repeat-x;

	border-bottom-width: 1px;
	border-bottom-style: solid;
}


/* =============== Home Page ===============*/
/* The masthead is what might otherwise be called a "header", but that could get confusing
	with all the regular "headers" */

div#home h2
{
    margin-top:10px;
    padding-left:5px;
}

/* "Advertise With Us" */
/* Home page without the pulldown in the masthead */
div#home div#masthead
{
	background-image: url(/spportal/img-spportal/banners/masthead-background-home.jpg);
	background-repeat: no-repeat;
    height: 194px;
}

div#home div#masthead div#advertise-with-us {
	position: absolute;
	top: 35px;
	left: 20px;
    width: 350px;
	height: 120px;        
}

div#home div#masthead div#advertise-with-us span
{
    position: absolute;		
    width: 350px;
	height: 120px;  
    background-image: url(/spportal/img-spportal/banners/they-click-they-call-they-buy.gif);    
	background-repeat: no-repeat;
}

div#home div#masthead a.learn-more
{
	margin: 0em;
	position: absolute;
	top: 129px;
	left: 245px;
}

div#home div#masthead select#destination
{
	margin: 0em;
	position: absolute;
	top: 126px;
	left: 48px;
}
div#masthead select#destination
{
	width: 190px;
}

/* ================== Secondary Masthead ====================== */

/* Some inside pages have a secondary masthead */

div#masthead div.secondary-masthead 
{
    position: absolute;

	top: 0px;
	left: 448px;    

	width: 285px;
	height: 100%;	    
}

div#masthead div#products
{
	background-image: url(/spportal/img-spportal/banners/products-masthead-background.jpg);
	background-repeat: no-repeat;
}

div#masthead div#myaccount
{
	background-image: url(/spportal/img-spportal/banners/myaccount-masthead-background.gif);
	background-repeat: no-repeat;    
}

div#masthead div#contactus
{
	background-image: url(/spportal/img-spportal/banners/contact_us.gif);
	background-repeat: no-repeat;   
    left:560px;    
}
div#masthead div#payforcalls
{
	background-image: url(/spportal/img-spportal/banners/pfcheader.gif);
	background-repeat: no-repeat; 
    left:540px;   
}
div#masthead div#enhancedreport
{
	background-image: url(/spportal/img-spportal/banners/rptheader.gif);
	background-repeat: no-repeat;    
    left:540px;
}


/* This holds the actual copy; it's created primarily
	so as to avoid box model errors in That Browser */
div.secondary-masthead div.copy
{
	padding-left: 18px;
	padding-right: 70px;
	padding-top: 10px;
	padding-bottom: 4px;
}

div.secondary-masthead div.copy p
{
	margin-bottom: 0.4em;
}

/* "Build it. They will come." */
div#masthead div.secondary-masthead div#build-it-they-will-come
{
	background-image: url(/spportal/img-spportal/banners/build-it-they-will-come.gif);

	width: 141px;
	height: 39px;
}

div#masthead div.secondary-masthead div.copy
{
    font-size: 10px;
}


div#secondary div#masthead h1
{
    font-size: 29px;
    position: absolute;
	top: 22px;
	left: 25px;
}

div#secondary div#masthead h1#main-header
{    
	top: 32px;
}

div#secondary div#masthead h2#sub-header
{
    top: 60px;
    left:60px;
    font-size:1.2em;
	position: absolute;
}

div#secondary div#masthead a.learn-more
{
	margin: 0em;
	position: absolute;
	top: 70px;
	left: 222px;
}

div#secondary div#masthead select#destination
{
	margin: 0em;
	position: absolute;
	top: 67px;
	left: 25px;
}

div#secondary div#products-content
{
	padding-top: 10px;

	/* This makes use of margin collapsing and ensures a certain minimum
		margin below the #content area */
	margin-bottom: 0em;

	/* Ensures a certain minimum amount of space under the content */
	padding-bottom: 0em;
}

div#secondary div#products-content h2
{
    margin-top:0.5em;
    margin-bottom:0.3em;
}


/* ==================================== Promotion Bar =================================== */

/* The promotion bar holds various promotions */

body#home div#promotion-bar, div#home div#promotion-bar
{
	position: relative;

	height: 37px;
	_overflow: visible; /* IE doesn't see this part */

	width: 100%;

	background-color: rgb(228, 234,240); /* A light blue */
	background-image: url(/spportal/img-spportal/banners/promotion-bar-background.gif);
	background-repeat: repeat-y;
}

div#secondary div#promotion-bar.secondary
{
    position: relative;

	height: 37px;
	_overflow: visible; /* IE doesn't see this part */

	width: 100%;

	background-color: rgb(228, 234,240); /* A light blue */	
}

div#promotion-bar h6
{
	position: absolute !important;
	left: 0px;
	top: 2px;
}

div#promotion-bar p strong
{
	color: rgb(30,81,146); /* Royal blue, more or less - same as the link color */
    font-size: 1.2em;
}

/* The paragraphs remains in-flow */
div#promotion-bar p
{
	padding-left: 100px;
	padding-right: 50px;
    padding-top:5px;
	margin-top: 0;
	margin-bottom: 0;
}

div#promotion-bar p em
{
	font-style:normal;
    font-size:0.9em;
}

/* This holds the various option buttons */
div#promotion-bar ul
{
	position: absolute;
	top: 0.8em;
	right: 0.3em;
	width: 150px;

	margin: 0em;
	padding: 0em;
}

div#promotion-bar ul li
{
	list-style-type: none;
	float: left;
	display: inline;

	margin: 0em;
	padding: 0em;

	/* These are in px since there'd be no benefit to
		auto-resizing these when the user changes his/her font size */
	padding-top: 0px;
	padding-bottom: 4px;
}

div#promotion-bar ul li.last-child
{
	background-image: url(/spportal/img-spportal/icons/promotion-bar-divider.gif);
	background-repeat: no-repeat;

	padding-left: 8px;
	margin-left: 8px;
}

/* "Special Promotion"  */
div#promotion-bar.special-promotion h6,
	div#promotion-bar.special-promotion h6 span
{
	width: 85px;
	height: 35px;
	background-image: url(/spportal/img-spportal/banners/special-promotion.gif);
	background-repeat: no-repeat;
}


/* "Did You Know?"  */
div#promotion-bar.special-promotion h6#did-you-know,
	div#promotion-bar.special-promotion h6 span#did-you-know
{
	width: 85px;
	height: 35px;
	background-image: url(/spportal/img-spportal/banners/did-you-know.gif);
	background-repeat: no-repeat;
}



/* ===================================== Content: Choices =========================================== */

/* "Choices" -- not "choices with detail" -- are typically found on the home page */

div#home ul.choices
{
	padding:0;
	margin:0;
	height:190px;
}

ul.choices li
{
	margin-left: 0em;
	padding-left: 0em;
	padding-right: 0em;

	margin-right: 5px; /* Spacing between the items */

	list-style-type: none;

	width: 180px; /* The width of the choices-icons */
	float: left;

	display: inline; /* Helps IE with floated elements */

	background-repeat: no-repeat;

}

ul.choices li.last-child
{
	margin-right: 0px;
}

/* Holds the various copy bits */
ul.choices li div.copy
{
	padding-left: 10px;
	padding-right: 8px;
	padding-top: 0.6em;
	padding-bottom: 0.5em;
    background: #EDF2EA;
	position: relative;
    font-size: 1.0em;   
    height: 9.0em; 
}

/* IE has problems with absolutely positioned elements applied to
	a box without either a specific width or height:
	http://www.positioniseverything.net/abs_relbugs.html */

/* Hides from IE-mac \*/
* html ul.choices li div.copy {height: 1%;}
/* End hide from IE-mac */

ul.choices li div.copy p
{
	margin: 0em;
    height: 70px;
}

ul.choices li div.copy span.learn-more
{
	float:left;
    padding:2px;
    padding-bottom:5px;
}



/* ================== Content: Choices: Specific Items ================ */
/*contact us page*/
ul.blue-arrow
	
{
	list-style-image: url(/spportal/img-spportal/icons/blue-arrow-bullet1.gif);
}

ul.choices li, 
ul.choices-with-detail li
{
    position: relative;
}

ul.choices li img#icon
{	
    top: 0;
    left: 0;    
}

ul.choices-with-detail li div.copy

{	  
	position: absolute;
	top: 10px;
	left: 190px;
}

ul.choices-with-detail li div.pricing
{	  
	position: absolute;
	top: 10px;
	left: 595px;
}

td.highlight {
    background: #ebebeb;
    border-left: 1px solid rgb(210,210,210); /* Light gray */ 
}
td.highlight-last {
    background: #ebebeb;
    border-left: 1px solid rgb(210,210,210); /* Light gray */ 
    border-right: 1px solid rgb(210,210,210); /* Light gray */ 
}

td.normal {    
    border-left: 1px solid rgb(210,210,210); /* Light gray */ 
}
td.normal-last {
    border-left: 1px solid rgb(210,210,210); /* Light gray */ 
    border-right: 1px solid rgb(210,210,210); /* Light gray */ 
}

/********************* STEPS INDICATORS **************************/

div.steps {                    
    margin-bottom:15px;   
    width:100%;      
    height:20px;                 
}
div.steps div.selection {
    float:left;
    background-color:#FFFFFF; 
    text-align:center;
    font-weight:bold;    
    width:150px; 
    padding-top:4px;
    height:100%;   
    margin-right:10px;
    border-left: dotted 1px #DCE9EE;
    border-right: dotted 1px #DCE9EE;
    border-bottom: dotted 1px #DCE9EE;
}
div.steps div.current {
    float:left;
    color: #3A742D;
    text-align:center;    
    width:150px;     
    position: relative;    
    margin-right: 4px;      
    background-color:#3A742D;  
    height:100%;  
}

div.steps div.visited {
    float:left;
    background-color:#dedede;
    color:#dedede;
    text-align:center;    
    width:150px;     
    margin-right:4px;
    position: relative;   
    height:100%;  
}
div.steps div.disabled {
    float:left;
    background-color:#dedede;
    color: #dedede;
    text-align:center;        
    width:150px;    
    height:25px; 
    margin-right:4px;   
    position: relative;   
    height:100%;   
}

div.steps span {      
    position: absolute;    
    height:16px;
    top:0px;
    left:0px;    
    width: 100%;    
    background-color:#FFFFFF;      
}

div#short div.current, div#short div.disabled {
    width: 80px;
}
/***************ppc status bar***************************/

div.ppc-steps {                    
    margin-bottom:15px;   
    width:100%;      
    height:20px;                 
}

div.ppc-steps span {      
    position: absolute;    
    height:16px;
    top:0px;
    left:0px;    
    width: 100%;    
    background-color:#FFFFFF;      
}

div.ppc-steps div.current {
    float:left;
    color: #3A742D;
    text-align:center;    
    width:150px;     
    position: relative;    
    margin-right: 4px;      
    background-color:#3A742D;  
    height:100%;  
}
div#ppc-short div.current, div#ppc-short div.disabled {
    width: 100px;
}


div.ppc-steps div.disabled {
    float:left;
    background-color:#dedede;
    color: #dedede;
    text-align:center;        
    width:150px;    
    height:25px; 
    margin-right:4px;   
    position: relative;   
    height:100%;   
}





/**********************************************************/
/** question marks on pfc create yuor pfc ad page**/
a.question { 
    font-family: arial, Helvetica, sans-serif; 
    font-size: 11px;
    color: #505050; 
    text-decoration: none;
    padding: 0px 3px 0px 3px; 
    border: 1px #ccc solid;     
}

/******************* TOOL TIP ***********************/

div#tooltip {
    position:absolute;
    background:#E4EAF0;
    z-index:100;
    padding:10px;
    display:none;
    border: solid 1px #DEDEDE;
    width:201px;

}
div#tooltip div, div#tooltip span {
	width:201px;
}

/* ============================================ Choices with Detail =============================== */

/* "Choices with Detail" are used mostly on products pages */

ul.choices-with-detail
{
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 0em;
	padding-right: 0em;
	margin-bottom: 1em;	
}

ul.choices-with-detail li
{
	list-style-type: none;
	margin: 0em;

	padding-top: 10px;
	padding-bottom: 9px;
	padding-left: 10px;
	padding-right: 10px;

	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;

	border-bottom-width: 0px;

	background-position: 10px 10px;
	background-repeat: no-repeat;
}

* html ul.choices-with-detail li
{
	/* IE gets a slightly different value here */
	padding-bottom: 2px;
	margin-bottom: -3px; /* removes gap */
    padding-bottom: 9px;
}

ul.choices-with-detail li.last-child
{
	border-bottom-width: 1px;
    padding-bottom: 7px;
}

/* Disables those properties for children lists */
ul.choices-with-detail li ul li
{
	border-width: 0px !important;
	padding: 0px;
}

/* The list items within a choices-with-detail element make
	use of auto float clearing: http://www.positioniseverything.net/easyclearing.html */

ul.choices-with-detail li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.choices-with-detail li{display: inline-table;}

/* Hides from IE-mac \*/
* html ul.choices-with-detail li {height: 1%;}
ul.choices-with-detail li {display: block;}
/* End hide from IE-mac */


/* This holds the primary copy within a choices-with-detail item */
ul.choices-with-detail li div.copy
{
	float: left;
	width: 375px;
	border-right-style: solid;
	border-right-width: 1px;

	margin-right: 12px;
    padding-margin:5px;
    padding-left:15px;
}

ul.choices-with-detail li div.copy h5
{
    margin:0;
    margin-bottom: 0.3em;
    font-size: 1.0em;
}

/* Properties for nested lists within a choices-with-detail section */

ul.choices-with-detail li div.copy ul
{
	margin: 0em;
	padding: 0em;
}

ul.choices-with-detail li div.copy ul li
{
	background-image: url(/spportal/img-spportal/icons/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
    width: 95%;
	padding-left: 8px; /* Leaves room for the background image */
    margin-bottom: 0.1em;
}

/* The pricing section */
ul.choices-with-detail li div.pricing
{
	float: left;
	width: 125px;
}

/* The prices paragraph */
ul.choices-with-detail li div.pricing p
{
	/* These values are in pixels since
		there's little benefit to having these values grow
		as users resize their fonts. */
	padding-top: 1.1em;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1.0em;

	margin-bottom: 1.0em;

}

/* The "Learn More" and "Sign Up" buttons */
ul.choices-with-detail li div.pricing ul
{
	margin: 0em;
	padding: 0em;
}

ul.choices-with-detail li div.pricing ul li
{
	float: left;
	display: inline;
}

ul.choices-with-detail li div.pricing ul li a.learn-more
{
	position: relative;
    top:2px;
}

ul.choices-with-detail li div.pricing ul li.first-child
{
	margin-right: 4px;
}

ul.choices-with-detail li div.pricing ul li.last-child
{
	background-image: url(/spportal/img-spportal/buttons/button-divider.gif);
	background-repeat: no-repeat;
	background-position: top left;

	padding-left: 6px;
	margin-left: 0px;
    margin-bottom: 0;
    padding-bottom: 0;
}


/* ============================================ Choices with Detail =============================== */

/* Paragraphs within a choices-with-detail section */
ul.choices-with-detail li div.copy p
{
	margin-bottom: 0.6em;
    padding-right: 2px;
}

/* The prices paragraph */
ul.choices-with-detail li div.pricing p
{
	text-align: center;
	margin-bottom: 0.6em;
}

/* The lead-up to the actual pricing info */
ul.choices-with-detail li div.pricing p em
{
	font-style: normal;
	display: block;
}

/* Pricing numbers */
ul.choices-with-detail li div.pricing p strong
{
	font-size: 1.4em;
}

/* ============================================ Choices with Detail =============================== */

ul.choices-with-detail li
{
	border-color: rgb(210,210,210); /* Light gray */
}

ul.choices-with-detail li div.copy
{
	border-color: rgb(210,210,210); /* Light gray */
}

/* The prices paragraph */
ul.choices-with-detail li div.pricing p
{
	color: rgb(50,50,50); /* Dark gray - the normal text color */
	background-color: rgb(237,242,234); /* A light green */
}

ul.choices-with-detail li div.pricing p em
{
	color: rgb(50,50,50); /* Dark gray - the normal text color */
}


/************************** Helpful Tools Box ****************/

h4#toolHeader {
    background-color: #505050;
    color: #FFFFFF;
    padding-top:3px;    
    margin:0;    
}

td.toolFooter{        
    border-bottom:solid 1px #cccccc;
    padding-top:3px;
    padding-left:10px;
}

div.toolLinks {
    padding:5px;    
    font-weight:normal;
}

div.toolLinks a:visited {
	color: #1E5192;
}

div.toolLinks a:hover {
	color: #890C08;
}

div.toolLinks div.item
{
    margin-bottom:2px;
}
/* ============================ red message box ============================ */
div.red-message {        
    margin-bottom:20px;          
    border: 1px solid #890C08;
}

div.red-container
{
	padding: 10px;
    width:98%;
}

/*================  green image numbered list ========================*/
div.green-step1 {padding: 5px 0 1px 28px;margin-bottom:5px;background:url("/spportal/img-spportal/icons/step_1.gif") no-repeat;position:relative;}
div.green-step2 {padding: 5px 0 1px 28px;margin-bottom:5px;background:url("/spportal/img-spportal/icons/step_2.gif") no-repeat;position:relative;}
div.green-step3 {padding: 5px 0 1px 28px;margin-bottom:5px;background:url("/spportal/img-spportal/icons/step_3.gif") no-repeat;position:relative;}
div.green-step4 {padding: 5px 0 1px 28px;margin-bottom:5px;background:url("/spportal/img-spportal/icons/step_4.gif") no-repeat;position:relative;}
div.green-step5 {padding: 5px 0 1px 28px;margin-bottom:5px;background:url("/spportal/img-spportal/icons/step_5.gif") no-repeat;position:relative;}
div.green-step6 {padding: 5px 0 1px 28px;margin-bottom:5px;background:url("/spportal/img-spportal/icons/step_6.gif") no-repeat;position:relative;}

/******** most popular categories ***********/

td#most_popular_categories  
{
	background-color: #EBEBEB;
	
}

td#most_popular_categories caption
{
	padding: 3px;
	color: #447490;
	font-weight: bold;
}

span.phone-preview
{
    display: none;
}

span.required
{
    color: #993333;
}

  
         /******** tool tip style ****/

div#popup-content,span#contactus,span#cannotEdit, span#cache-header
 { 
	display: none;
 } 
span#contactus  div.contactus-box 
{ 
	clear:both;
        margin-bottom:6px;
 } 
span#contactus  div#tech
 { 
	margin-top:2px;
        margin-bottom:2px;
 } 
        
        /**** end tool tip style*********/
div.helpLink
{
    margin-bottom:2px;
}

div.form-format#preview-box
{
    background: #ebebeb;
}

/********** foot note***************/
div.footnote
{ 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
}
/************* end foot note*************/

/************ pagination ***************/

div#page-number-navigation
{
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

/************ end pagination ***************/

div.green-header, h1{
    font-family: Helvetica Neue 55 Roman, sans-serif;
    color: #3A742D; /* dark green */
    font-weight: normal;    
    margin-bottom:10px; 
    margin-top:0px;     
    font-size: 22px;
}

/**** product page common styles*********/
span.mediatag-span
{
    position:absolute;
    z-index: 100;
    top:0px;
}

td.prodpage-contact
{
    padding:5px;
    padding-top:11px;
}

td.prodpage-signup
{
   padding-left:10px;
   padding-top:5px;
   padding-bottom:5px;
}

div#prodpage-table
{
   margin-bottom:0;
}

span.prodpage-banner-contact
{
	padding-left:30px;
}

table.global-footer-table
{
	clear:both;
}

/****  end product page common styles*********/
select.creditcard-select
{
clear:left;
margin-left:180px;
}

img.creditcard-icons
{
   float:left;
   margin-bottom:5px;
 }
 
a#hackersafelogo
{
	position:relative;
	top:-15px;
	padding-left:15px;
}