/*
 * SUPER SWEET SMARTYSTREETS SUPERGLOBAL STYLE SHEET
 * (That's S to the 6th power)
 *
 * Every webpage, widget, and other site
 * asset should link to this style sheet.
 *
 */

/*
TODO:
- (An error form .field should also be a ".error")
-
*/


/*
 * ==========================================
 * BEGIN BROWSER RESETS
 * (XHTML, HTML4, and HTML5)
 * ==========================================
 */

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.
  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0px;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}
i,
em {
	font-style: italic;
}

img {
  color: transparent;
  font-size: 0px;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol,
ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0px;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}

/*
 * ==========================================
 * END BROWSER RESETS
 * ==========================================
 */






/*
 * ==========================================
 * BEGIN SMARTYSTREETS GLOBAL STYLES
 * These are SmartyStreets-specific and are
 * applied throughout the site by default.
 * ==========================================
 */




/******* UNIVERSAL TAG STYLES *******/


*, body {
	font: 14px/1.5em Arial, Helvetica, "Helvetica Neue", Verdana, Tahoma, sans-serif;
}

::selection {
	/* Don't forget the Mozilla variant below */
	background: #333; /* We also like #E3BD1C */
	color: white;
}

	::-moz-selection {
		background: #333;
		color: white;
	}

body {
	background: #F8F8F8 url('//d79i1fxsrar4t.cloudfront.net/bgnoise-old--19196f9fe404bff07de1437f44309e0c.gif');
	color: #4B4B4B;
	height: auto;
}

a {
	color: #2C5AA0;
	text-decoration: underline;
	font-weight: inherit;
}

	a:hover {
		color: #042035;
	}

p {
	margin: 20px 0px 30px;
}

/** TODO: Take out of global; place where needed? **/
widget {
	display: block;
}

article {
	margin-bottom: 50px;
	color: #3A3A3A;
	/* NEEDED? (See "*" rule above) */
	/*font: 14px/1.5em Helvetica, Arial, Verdana, Sans, sans-serif;*/
	text-shadow: white 1px 1px 1px;
}

td {
	vertical-align: middle;
}

code, samp {
	background-color: #FFF;
	padding: 5px;
}
	code, code *, samp, samp * {
		font-family: "Lucida Console", "Monaco", monospace, "Courier New" !important; /* overriding some dd rule on what-is pages */
		font-size: 13px;
	}

	code.block, samp.block {
		border: 1px solid #AAA;
		line-height: 1.5;
		margin: 20px auto;
	}

hr {
	clear: both;
	border: none;
}

dl {
	width: 60%;
	margin: 0px auto;
	font-size: 16px;
}

	nav.glossary {
		font-size: 12px;
		color: #333;
		margin: 0px auto;
		border: 1px solid #999;
		background: white;
		margin-bottom: 50px;
		width: 90%;
	}

		nav.glossary a {
			padding: 10px;
			text-decoration: none;
		}

		nav.glossary a:hover {
			background: #EFEFEF;
			color: black;
		}

		nav.glossary a.float-left {
			border-right: 1px solid #999;
		}

		nav.glossary a.float-right {
			border-left: 1px solid #999;
		}

dt {
	font-size: 30px;
	color: #000;
}

dd, dd * {
	font-family: Georgia, "Book Antiqua", "Palotino Linotype", "Times New Roman", serif;
	line-height: 2em;
}

abbr, dfn {
	border-bottom: 1px dotted red;
	cursor: default;
}

	abbr:hover, dfn:hover {
		color: #000;
	}

dd ul, ol {
	margin: 25px 0px 25px 25px;
}

dd ul {
	list-style: disc outside none;
}

dd ol {
	list-style: decimal outside none;
}

dd li {
	padding: 5px 15px;
}

dd p sup,
dd p sup a {
	font: 12px/1em Helvetica, Arial, sans-serif;
	text-decoration: none;
}

dd table {
	width: 100%;
	background: white;
	border-collapse: collapse;
	border-spacing: 0px;
}

dd table * {
	font: 14px/1.5em Helvetica, Arial, sans-serif;
}

dd table th {
	font-weight: bold;
	text-align: center;
}

dd table td, dd table th {
	border: 1px solid #BBB;
	padding: 10px;
}

/*** GLOBAL FORMS ***/

/******** UNIVERSAL FORM RULES ********/

form {
	position: relative;
}

form section {
	padding: 20px;
	background: url('../images/60degree_gray.png');
	border: 1px solid #AAA;
	border-radius: 15px;
	box-shadow: #CCC 1px 1px 1px;
	margin-top: 50px;
	margin-bottom: 10px;
}

	form section:first-child {
		margin-top: 0px;
	}

form .heading {
	font: bold 24px/1.2em Verdana, Helvetica, Arial, Tahoma, sans-serif;
	color: #555;
	text-shadow: white 1px 1px 1px;
	padding-bottom: 40px;
}

form .field {
	clear: both;	/* NEEDED? (the !important below, since we won't be using sections) */
	padding-bottom: 15px !important; /*overriding #not-home #content section */
}

	form .field label:first-child {
		text-align: right;
		display: block;
		float: left;
		width: 150px;
		font-weight: bold;
		padding-top: .6em;
		padding-right: 20px;
	}

	form label + div {
		float: left;
	}

		form label + div > label {
			display: block;
			font-style: italic;
			font-size: 12px;
			width: 220px;
		}

form .error-message {
	background: rgba(255, 0, 0, .15);
	margin-bottom: 50px;
	padding: 20px;
	color: #CC0000;
}

form .error {
	background: rgba(255, 0, 0, .15);
	border: 1px solid #CC0000;
	margin-bottom: 10px;
	padding: 10px 0px;
	color: #CC0000;
}


form table.ccards td {
	width: 150px;
	text-align: center;
	border: 1px solid #AAA;
	padding: 20px;
	background-color: #F5F5F5;
}

	form table.ccards td:hover {
		cursor: pointer;
		color: #000;
		background: #FFF;
	}

form table.ccards .chosen {
	background: #FFFDC3;
	color: #000;
}

	form table.ccards .chosen:hover {
		background: #FFFBA1;
	}

.visa-logo {
	width: 76px;
	height: 23px;
	margin: 0px auto;
	background: url('//d79i1fxsrar4t.cloudfront.net/visa--d3012b869da002ad176d7e2284799341.png') no-repeat center center;
}

.amex-logo {
	width: 48px;
	height: 48px;
	margin: 0px auto;
	background: url('//d79i1fxsrar4t.cloudfront.net/amex--5cc556ec0552f8fd9c8fed1353bfa1a1.png') no-repeat center center;
}

.mastercard-logo {
	width: 70px;
	height: 42px;
	margin: 0px auto;
	background: url('//d79i1fxsrar4t.cloudfront.net/mastercard--4c14ba47ec90db0c526385f67e3b1621.png') no-repeat center center;
}

.discovercard-logo {
	width: 65px;
	height: 41px;
	margin: 0px auto;
	background: url('//d79i1fxsrar4t.cloudfront.net/discovercard--6306d1bd909af6fb59fb8146bc35c5be.png') no-repeat center center;
}



/******** INPUT ELEMENTS ********/


form input[type="submit"] {
	display: inline-block;
	padding: 5px 15px;
	font-size: 22px;
	margin-bottom: 7px;
}

	form input[type="submit"]:hover {
		cursor: pointer;
	}

	form input[type="submit"]:active {
		position: relative;
		top: 1px;
		left: 1px;
	}


form input[type="text"],
form input[type="password"],
form input[type="number"],
form input[type="tel"],
form input[type="email"],
form input[type="date"],
form input[type="file"],
form input[type="search"],
form input[type="url"],
form input[type="time"] {
	padding: 7px;
	line-height: 1em;
	width: 220px;
	font-size: 12px;
	font-family: "Monaco", "Lucida Console", Verdana, Tahoma, Arial, sans-serif;
}

	form input[type="text"]:focus,
	form input[type="password"]:focus,
	form input[type="number"]:focus,
	form input[type="tel"]:focus,
	form input[type="email"]:focus,
	form input[type="date"]:focus,
	form input[type="file"]:focus,
	form input[type="search"]:focus,
	form input[type="url"]:focus,
	form input[type="time"]:focus {
		background-color: #FFFED4;
	}

/* NEEDED? */
form input[type="radio"] {
	margin-bottom: 15px;
}

/* .field NEEDED? */
form input[type="checkbox"] + label,
form input[type="radio"] + label {
	font-style: normal;
	font-size: 14px;
	display: inline !important;
}


/* API DEMO (ADDRESS) FORMS */
/* The type="number" line NEEDED? */
form.header-api-demo {
	margin-top: 10px; /* simulate vertical centering */
	background: rgba(255, 255, 255, .1);
	text-align: center;
	padding: 25px 10px;
	border: 1px solid #AAA;
	border-radius: 5px;
	box-shadow: #111 2px 2px 5px; /* keep? */
}

	form.header-api-demo input[type="text"],
	form.header-api-demo input[type="number"] {
		padding: 12px 10px;
		background: rgba(0, 0, 0, .35);
		color: white;
		border: 1px solid black;
		border-radius: 5px;
		font: 16px Helvetica, Arial, Tahoma, Verdana, sans-serif;

		-webkit-box-shadow: inset 0px 2px 7px black;
		-moz-box-shadow: inset 0px 2px 7px black;
		box-shadow: inset 0px 2px 7px black;
	}

	form.header-api-demo input[type="submit"] {
		color: #000;
		padding: 5px 20px;
		box-shadow: 1px 1px 3px black;
		border-radius: 2px;
		font-size: 18px;
		margin-top: 15px;

		transition: box-shadow .2s, color .2s;
		-moz-transition: box-shadow .2s, color .2s;
		-webkit-transition: box-shadow .2s, color .2s;
		-o-transition: box-shadow .2s, color .2s;

	}

		form.header-api-demo input[type="submit"]:hover {
			cursor: pointer;
			color: #005599;
			box-shadow: 1px 1px 10px #000;
		}

		form.header-api-demo input[type="submit"]:active {
			position: relative;
			top: 1px;
			left: 1px;
			box-shadow: none;
		}

	form.header-api-demo input[type="text"] {
		margin-bottom: 10px;
	}

	form.header-api-demo #street {
		width: 300px;
	}

	form.header-api-demo #city {
		width: 105px;
	}

	form.header-api-demo #state {
		width: 40px;
	}

	form.header-api-demo #zipcode {
		width: 100px;
	}

/* END API DEMO (ADDRESS) FORM STYLES */


form input.lock {
	background: white url('../images/padlock-sm.png') no-repeat center right;
}

/* NEEDED? */
form + div {
	width: 100%;
}

/* both selectors NEEDED? */
form .caption,
form + div .caption {
	font-size: 12px;
	font-style: italic;
}


/*** END GLOBAL FORMS ***/












/******* UNIVERSAL CLASSES *******/


.h1 {
	/*
		Firefox bug: Must set font-weight to 900
		to render Arial Black.
	*/
	font: 50px/1.2em "Arial Black", Verdana, Tahoma, Arial, sans-serif;
	font-weight: 900px;
}

.h2 {
	font: 35px/1.5em Georgia, "Book Antiqua", "Palotino Linotype", "Times New Roman", serif;
	line-height: 1.2em;
}

.h3 {
	margin: 10px auto 40px;
	font-family: "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
	font-size: 28px;
	color: #32A0C0;
}

.h4 {
	color: #1A1A1A;
	font: bold 20px/1.2em Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-shadow: white 1px -1px 1px;
}

.h5 {
	font: italic 22px Georgia, "Palotino Linotype", "Book Antiqua", "Times New Roman", serif;
	color: #333;
	text-shadow: white 1px -1px 1px;
	text-align: center;
	padding-bottom: 15px;
}

.h6 {
	font-weight: bold;
	display: inline;
	color: black;
}
	/* NEEDED? (for <a> tags inside, like products page?) */
	.h6 > * {
		font-weight: inherit;
	}

.social-shares {
	margin: 20px auto;
	width: 100%;
}

	.social-shares > div {
		display: inline-block;
	}

/* Primary/secondary buttons used everywhere,
   not only on forms, so they are in this file. */
.primary, .secondary {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}

	.primary span, .secondary span {
		display: block;
		text-transform: uppercase;
		font-size: 12px;
	}

.primary {
	padding: 10px 30px;
	border: 1px solid #FFF;
	border-radius: 10px;
	color: #FFF;
	text-shadow: #333 1px 1px 2px;
	box-shadow: #000 1px 1px 5px;
	font-weight: bold;
	font-size: 25px;

	background: rgb(122,188,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYmNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDViYTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(16,91,165,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(100%,rgba(16,91,165,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(16,91,165,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(16,91,165,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(16,91,165,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(16,91,165,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#105ba5',GradientType=0 ); /* IE6-8 */
}

	.primary:hover {
		color: #FFF;
		cursor: pointer;

		background: rgb(160,207,255); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwY2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzg1ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgba(160,207,255,1) 0%, rgba(23,133,237,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,207,255,1)), color-stop(100%,rgba(23,133,237,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(160,207,255,1) 0%,rgba(23,133,237,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(160,207,255,1) 0%,rgba(23,133,237,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(160,207,255,1) 0%,rgba(23,133,237,1) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(160,207,255,1) 0%,rgba(23,133,237,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0cfff', endColorstr='#1785ed',GradientType=0 ); /* IE6-8 */
	}

	.primary:active {
		position: relative;
		top: 1px;
		left: 1px;
		box-shadow: #333 0px 0px 3px;
	}

.primary-sm {
	font-size: 18px;
	padding: 5px 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.secondary {
	box-shadow: #777 1px 1px 2px;
	color: #333;
	text-shadow: white 1px 1px 1px;
	border: 1px solid #CCC;
	padding: 5px 10px;

	background: rgb(236,236,236); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(236,236,236,1) 0%, rgba(187,187,187,1) 92%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(92%,rgba(187,187,187,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(187,187,187,1) 92%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(187,187,187,1) 92%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(187,187,187,1) 92%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(236,236,236,1) 0%,rgba(187,187,187,1) 92%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
}
	/* NEEDED? */
	.secondary:first-child {
		margin-top: 10px;
	}

	.secondary:hover {
		color: #000;
		box-shadow: #333 1px 1px 2px;
	}

	.secondary:active {
		box-shadow: #777 0px 0px 3px;
		position: relative;
		top: 1px;
		left: 1px;
	}
/* END primary/secondary buttons */




.abs {
	position: absolute;
}

.action-line {
	background: #E0F4FF;
	padding: 20px 0px !important; /*over-rule .not-home .content section*/
	border: 1px solid #429BCF;
	border-radius: 20px;
	text-align: center;
}

	.action-line .action-text {
		font: italic 40px Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
		text-align: right;
		text-shadow: #AAA 1px 1px 2px;
		padding-top: 15px;
		color: #000;
	}

.block {
	display: block !important; /*In some cases, is overriding .img ... */
}

.bold {
	font-weight: bold;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

.dark-bg {
	color: #E6E6E6;
	text-shadow: #000 0px -1px 2px;
}

	.dark-bg a {
		color: #70B8FF;
	}

	.dark-bg a:hover {
		color: #FFE680;
	}


/* This is the glowy/shadowy effect surrounding
the top of non-homepage content */
.glower {
	box-shadow: #777 0px 0px 50px;
	position: relative;
	z-index: 0;
	height: 200px; /* Height of the glow/shadow effect */
}

/* On non-home pages, this holds <article class="content">
and pushes it up into the dark-bg header a little bit */
.content-container {
	z-index: 0;
	border-top: 10px solid #E3BD1C;
	border-radius: 10px;
	padding-top: 30px;
	position: relative;
	margin-top: -270px; /* Height of .glower + height into the header  */
	background: #F8F8F8 url('../images/bgnoise.gif');
	min-height: 400px;
}

.fluid {
	width: 85%;
	min-width: 960px !important;
	max-width: 1200px !important;
	margin-left: auto;
	margin-right: auto;
}

.fill {
	width: 100%;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.footnotes {
	font: 11px/1.5em Helvetica, Arial, sans-serif;
	padding-top: 10px;
	border-top: 1px solid #BBB;
}

	.footnotes ol {
		list-style: decimal inside none;
		margin: 0px;
	}

	.footnotes ol li:before {
		font-weight: bold;
		color: #000;
	}

	.footnotes ol li {
		margin-bottom: 7px;
		padding: 0px;
	}

	.footnotes cite {
		font-style: italic;
	}

.helpbox {
	background-color: #FFFAC9;
	border: 1px solid #E3BD1C;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px;
	line-height: .8em;
}
	.helpbox p {
		color: #333;
		margin: 10px 0px;
	}

.inline {
	display: inline;
}

.map-overlay {
	position: absolute;
	z-index: 10;
	background: #FFF;
	background: rgba(255, 255, 255, .9);
	padding: 15px;
	line-height: .5em;
	border-radius: 10px;
	box-shadow: #777 0px 10px 20px;
	color: #000;
	text-shadow: #FFF 1px 1px 1px;
	font-size: 16px;
}

	.map-overlay h4 {
		color: #000;
		text-shadow: inherit;
	}

	.map-overlay p {
		/*margin: 5px inherit 5px inherit;
		padding: 0px;*/
		margin: 0px;
	}

.placeholder {
	color: #777;
}

.pre {
	white-space: pre;
}

.push-bottom {
	margin-bottom: 50px;
}

ul.regular {
	list-style-type: disc;
	margin: 0px 0px 30px 30px;
}

	ul.regular li {
		margin-bottom: 10px;
	}

.rel {
	position: relative;
}

.sm {
	font-size: smaller;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.not-bold {
	font-weight: normal;
}

.sm-push-bottom {
	padding-bottom: 20px;
}

/* These are the 1-2-3 of the product pages, for example */
.step div {
	margin: 0px auto 15px;
	width: 45px;
	text-align: center;
	border-radius: 15px;
	padding: 15px;
	line-height: 1em;
	background: #D2AC0B;
	text-shadow: #000 1px 1px 1px;
	color: #FFF;
	font-size: 40px;
}

.step h3 {
	font-size: 16px;
}

.step p {
	margin-top: 15px;
	font: 14px/1.75em Georgia, "Book Antiqua", Tahoma, Helvetica, Arial, serif;
}

.video-container {
	background: #DDD;
	width: 90%;
	margin: 0px auto 50px;
	border-radius: 5px;
	border: 1px solid white;
	padding: 30px 10px;
	box-shadow: #999 0px 0px 10px;
	text-align: center;
}

.white-bg {
	background: #F8F8F8 url('../images/bgnoise.gif');
}

.z-top {
	z-index: 999;
	position: relative;
}



/* Micro-Clearfix */
.cf:before,
.cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/************ END UNIVERSAL CLASSES **********/








/************ BEGIN IMAGES : IMAGE SECTION **********/


/* For all image-holding tags (a, figure, etc) */
.img {
	display: inline-block;
	background-repeat: no-repeat !important;
}




/* Specific images follow */
.ajax-white {
	background: url('//d79i1fxsrar4t.cloudfront.net/ajax-white-old--5c6516979a95ad322d900eeaf605ae11.gif');
	width: 18px; height: 15px;
}
.dmm {
	background: url('../images/books/dmm.png');
	width: 270px; height: 283px;
}
.excel-sm {
	background: url('../images/excel-sm.png');
	width: 16px; height: 15px;
}
.leadership-arbinger {
	background: url('../images/books/arbinger.jpg');
	width: 175px; height: 271px;
}
.liveaddr-lists-sm {
	background: url('../images/liveaddress-forlists-sm.png');
	width: 200px; height: 37px;
}
.liveaddr-lists-med {
	background: url('../images/liveaddress-forlists-med.png');
	width: 212px; height: 46px;
}
.liveaddr-lists-icon-med {
	background: url('../images/liveaddress-forlists-icon-med.png');
	width: 64px; height: 69px
}
.liveaddr-lists-icon-lg {
	background: url('../images/liveaddress-forlists-icon-lg.png');
	width: 134px; height: 159px;
}
.liveaddr-lists-dark-med {
	background: url('../images/liveaddress-lists-dark-med.png');
	width: 200px; height: 29px;
}
.liveaddr-lists-lg {
	background: url('../images/liveaddress-lists-lg.png');
	width: 319px; height: 71px;
}
.liveaddr-api-sm {
	background: url('../images/liveaddress-api-sm.png');
	width: 164px; height: 33px;
}
.liveaddr-api-med {
	background: url('../images/liveaddress-api-med.png');
	width: 210px; height: 49px;
}
.liveaddr-api-dark-med {
	background: url('../images/liveaddress-api-dark-med.png');
	width: 170px; height: 26px;
	margin-top: 3px;
}
.liveaddr-api-lg {
	background: url('../images/liveaddress-api-lg.png');
	width: 313px; height: 74px;
}
.liveaddr-api-icon-med {
	background: url('//d79i1fxsrar4t.cloudfront.net/liveaddress-api-icon-med--2514569e2458aea2a02d72f9ea94ffa5.png');
	width: 70px; height: 60px
}
.liveaddr-api-icon-lg {
	background: url('../images/liveaddress-api-icon-lg.png');
	width: 150px; height: 140px;
}
.old-mac {
	background: url('../images/mac-old.png');
	width: 73px; height: 67px;
}
.old-phone {
	background: url('../images/telephone-candlestick.png') center right;
	width: 55px; height: 69px;
	margin-right: 20px;
}
/* Potentially temporary */
.addr-check {
	background: url('//d79i1fxsrar4t.cloudfront.net/address-validation-old--d83c9332660f3c8346dae4b9dcde89d3.png');
	width: 319px; height: 194px;
}
.bookshelf {
	background: url('//d79i1fxsrar4t.cloudfront.net/books--64ecd7d678e86a3ce98d01567e3afd13.png');
	width: 260px; height: 115px;
}
.chatting {
	background: url('//d79i1fxsrar4t.cloudfront.net/chatting--1ec3b239dffb9f5ca9588cf0b87b563d.png');
	width: 220px; height: 126px;
}
.customers-img {
	background: url('//d79i1fxsrar4t.cloudfront.net/customers-old--ee0ba43847834721bb32b41305d1eb81.png');
	width: 3142px; height: 40px;
}
.demo-arrow {
	background: url('//d79i1fxsrar4t.cloudfront.net/demo-arrow-old--b3e7ce5600a5cf9e5cc2442176aa53bf.png');
	width: 128px; height: 42px;
	position: absolute;
	top: -25px;
	left: 380px;
}
.demo-results-arrow {
	background: url('//d79i1fxsrar4t.cloudfront.net/demo-results-arrow-old--92a0f3c0aa93c745d33f5dd376583213.png');
	width: 95px; height: 53px;
}
.hearye {
	background: url('//d79i1fxsrar4t.cloudfront.net/hearye--d10b5dea54ed09b4feac7de728585274.png');
	width: 150px; height: 120px;
}
.mailing-discounts {
	background: url('//d79i1fxsrar4t.cloudfront.net/mailing-discounts-old--b96fe15dcc98518b8a3aa072ac88868b.png');
	width: 308px; height: 221px;
}
.low-prices {
	background: url('//d79i1fxsrar4t.cloudfront.net/low-prices-old--b3f1882af9b988616e147a0c2a906203.png');
	width: 318px; height: 174px;
}
.party-hat {
	background: url('../images/party-hat.png');
	width: 160px; height: 138px;
}
.ss-speed {
	background: url('//d79i1fxsrar4t.cloudfront.net/ss-speed-old--83dc815faf9fb2710517538d7b869ae7.png');
	width: 255px; height: 201px;
}
.spacer {
	background: url('//d79i1fxsrar4t.cloudfront.net/spacer--b0086a45a9489bcd3acf4769f37b52aa.gif');
}
.team {
	background: url('//d79i1fxsrar4t.cloudfront.net/team--2ab99074f63a631972c3d9100ef8a022.png');
	width: 257px; height: 125px;
}
.the7habits {
	background: url('../images/books/7habits.png');
	width: 150px; height: 221px;
}
.video-thumb-pricing {
	background: url('//d79i1fxsrar4t.cloudfront.net/video-thumb-pricing--46e1e7a17dbda3e54e159e1d3ab0a3fa.jpg');
	width: 560px; height: 315px;
}
.video-thumb-disneyland {
	background: url('//d79i1fxsrar4t.cloudfront.net/video-thumb-disneyland--5a888f0201b643a41b05f211c3f7851c.jpg');
	width: 560px; height: 315px;
}
.video-thumb-updates {
	background: url('//d79i1fxsrar4t.cloudfront.net/video-thumb-updates--ddca8b270fad09246749c85ec372c3c7.jpg');
	width: 560px; height: 315px;
}
/************ END IMAGES **********/












/************ TAG-SPECIFIC CLASSES ************/


span.help {
	color: #FFF;
	font-size: 14px;
	border-radius: 15px;
	background: #333;
	padding: 2px 6px;
	text-shadow: none;
	cursor: pointer;
	margin-left: 10px;
}

	span.help:hover {
		background: #000;
	}

/* NEEDED? */
a.regular {
	color: inherit;
	text-shadow: inherit;
	font: inherit;
}

ul.checklist-green {
	margin: 10px 10px;
	font: inherit;
}

	ul.checklist-green li:before {
		content: "\2713";
		color: #71C837;
		padding-right: 10px;
		font-size: 18px;
	}

a.button {
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #FFF;
	box-shadow: #999 2px 2px 2px;
	margin: 0px 20px 10px 0px;
	text-shadow: none;
	line-height: 3em;
	text-decoration: none;
}

	a.button:hover {
		color: #FFF;
		background-color: #2C5AA0;
	}

	a.button:active {
		position: relative;
		top: 1px;
		left: 1px;
		box-shadow: #999 0px 0px 2px;
	}

hr.spacer {
	margin: 70px auto;
}
/************ END TAG-SPECIFIC CLASSES **********/




/**************** PAGE-SPECIFIC STYLES **********/

/* ============= Not the homepage =========== */

body.not-home {
	background: #222 url('//d79i1fxsrar4t.cloudfront.net/blackpaper--315b84edbfbe8f6c5baa67d33b27f1cb.png'); /* For short pages so the footer doesn't look weird */
}

/** Logo, top <nav> of pages **/

/* (Shared rules on home and non-home pages */
.home-nav, .not-home .top {
	top: 0px;
	background: #111; /* ie7 fix */
	background: rgba(0, 0, 0, .2);
	box-shadow: black 0px 3px 10px;
	color: #EFEFEF;
}

.not-home .top {
	height: 65px;
	font-size: 18px;
}

.not-home .top a#logo {
	display: block;
	width: 165px;
	height: 40px;
	margin-top: 12px;
	background: url("//d79i1fxsrar4t.cloudfront.net/logo-dark-sm--1cfca5ce279d27f36a4c841acc92a83b.png") no-repeat;
}

.not-home .top nav > ul {
	margin-top: 17px;
}

/* more shared rules b/w home and non-home pages */
.not-home .top nav > ul > li,
.home-nav > div ul li {
	display: inline;
	vertical-align: middle; /*IE7 fix*/
}

.not-home .top nav > ul > li {
	font: 14px Tahoma, sans-serif;
}

	/* shared b/w home and non-home pages */
	.not-home .top nav > ul > li > a,
	.home-nav div > ul > li > a {
		color: #E3BD1C;
		display: inline-block;
		padding: 12px;
		z-index: 999;
		position: relative;
		text-decoration: none;
		line-height: 1em;

		transition: background .2s, color .2s;
		-moz-transition: background .2s, color .2s;
		-webkit-transition: background .2s, color .2s;
		-o-transition: background .2s, color .2s;
	}

		.not-home .top nav > ul > li > a:hover,
		.home-nav div > ul > li > a:hover {
			background: black;
			color: white;
		}

.not-home > header {
	position: relative;
	margin-top: 0px; /* Move out of the nav's way */
	padding: 95px 0px 100px 0px;
	border-top: 1px solid #777;
	border-bottom: 5px solid #E3BD1C;
	box-shadow: inset rgba(0, 0, 0, .5) 0px 5px 20px;
	text-shadow: #000 2px 2px 2px;
	z-index: 0;

	background: #222 url('//d79i1fxsrar4t.cloudfront.net/blackpaper--315b84edbfbe8f6c5baa67d33b27f1cb.png'); /* Default... */
	background-image: -moz-radial-gradient(50% 50%, ellipse cover, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, .25) 55%), url('//d79i1fxsrar4t.cloudfront.net/blackpaper--315b84edbfbe8f6c5baa67d33b27f1cb.png');
	background-image: -webkit-radial-gradient(50% 50%, ellipse cover, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, .25) 55%), url('//d79i1fxsrar4t.cloudfront.net/blackpaper--315b84edbfbe8f6c5baa67d33b27f1cb.png');
	background-image: -o-radial-gradient(50% 50%, ellipse cover, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, .25) 55%), url('//d79i1fxsrar4t.cloudfront.net/blackpaper--315b84edbfbe8f6c5baa67d33b27f1cb.png');
	background-image: -ms-radial-gradient(50% 50%, ellipse cover, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, .25) 55%), url('//d79i1fxsrar4t.cloudfront.net/blackpaper--315b84edbfbe8f6c5baa67d33b27f1cb.png');
	background-image: radial-gradient(50% 50%, ellipse cover, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, .25) 55%), url('//d79i1fxsrar4t.cloudfront.net/blackpaper--315b84edbfbe8f6c5baa67d33b27f1cb.png');
}

	.not-home > header .primary {
		margin-top: 20px;
	}

	.not-home > header .h1 {
		color: white;
	}

	.not-home > header .h2 {
		color: #F0F0F0;
	}

/* Main content body (usually <article>) */
.not-home .content .beside {
	width: 50%;
}

.not-home .content aside {
	width: 40%;
	margin-left: 20px;
}

.not-home .content section {
	padding-bottom: 30px;
}

.not-home .content .h1 {
	color: #222;
}

/* =========== END non-homepage styles ========== */



/* ========== Homepage only ========= */

.home-bg {
	top: 0px;
	left: 0px;
	height: 600px;
	background: #222 url('//d79i1fxsrar4t.cloudfront.net/blackpaper--315b84edbfbe8f6c5baa67d33b27f1cb.png');
	z-index: -999;
}



/* HOMEPAGE: Nav container */
.home-nav {
	left: 0px;
	margin-top: 5px;
	height: 40px; /* SHOULD equal .home-header values below */
	font-size: 14px;
}


/* HOMEPAGE: Header (logo, title) */
.home-header {
	position: relative;
	margin-top: 45px;
	height: 200px;
}

.home-header a#logo {
	margin-top: 35px;
	display: block;
	width: 371px;
	height: 100px;
	background: url("//d79i1fxsrar4t.cloudfront.net/logo-dark-old--02f45752759950178749eed10a05d75a.png") no-repeat;
}

.home-header h1 {
	text-align: center;
	margin-top: 50px;
	letter-spacing: .75px;
	font: 37px/1.5em Georgia, "Palotino Linotype", "Book Antiqua", "Times New Roman", Serif;
	color: #DDD;
	text-shadow: black 0px -2px 2px; /* color x-dist y-dist blur-radius */
}

	.home-header h2 {
		text-align: center;
		text-transform: uppercase;
		font: bold 15px/2em Arial, Helvetica, Sans, sans-serif;
	}

	.home-header h1 > a {
		color: inherit;
		font: inherit;
		text-decoration: none;
	} /* also remove hover color? */



/* HOMEPAGE: Demo area */
.home-demo {
	background-color: rgba(255, 255, 255, 0.05);
	background-image: -moz-radial-gradient(50% 50%, ellipse cover, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 65%);
	background-image: -webkit-radial-gradient(50% 50%, ellipse cover, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 65%);
	background-image: -o-radial-gradient(50% 50%, ellipse cover, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 65%);
	background-image: -ms-radial-gradient(50% 50%, ellipse cover, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 65%);
	background-image: radial-gradient(50% 50%, ellipse cover, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 65%);
	height: 250px;
	padding: 20px 10px 20px;
	font-size: 18px;
	border-top: 2px solid #E3BD1C;
}

	.home-demo .h2 {
		font-size: 20px;
		color: white;
		width: 500px;
	}

		.home-demo .h2 > strong {
			font-weight: normal;
			font-family: inherit;
		}

	.home-demo ul {
		color: white;
		margin: 20px inherit;
	}

	.home-demo output {
		overflow-y: scroll;
		max-height: 220px;
		color: black;
		background: white;
		background: rgba(255, 255, 255, .9);
		border: 1px solid #111;
		box-shadow: #222 2px 2px 5px;
		border-radius: 10px;
		padding: 15px 10px;
		display: block;
		width: 110%;
	}

	.home-demo output td:first-child {
		padding-right: 10px;
		font-weight: bold;
		width: 33%;
		max-width: 33%;
	}

	.home-demo output td:first-child * {
		font-weight: bold;
	}

	.home-demo td {
		padding-bottom: 4px;
	}

	.home-demo output,
	.home-demo output td,
	.home-demo output td * {
		font: 12px/1.5em Monaco, 'Lucida Console', 'Courier New', 'Courier', Tahoma, serif;
		text-shadow: none;
		vertical-align: top;
	}

	.home-demo output abbr {
		border-bottom-color: #888;
	}

	.home-demo button.primary-sm {
		padding: 15px 0px;
		width: 90% !important;
	}


/* HOMEPAGE: Customers row */
#home-customers .g_12 div {
	float: left;
	color: #B3B3B3;
	font: 24px/60px "Palatino Linotype", Georgia, "Book Antiqua", Palatino, serif;
	text-shadow: #000 1px 1px 2px;
}

	#home-customers .g_12 > div:first-child {
		width: 130px;
	}

#customers-left,
#customers-right {
	font: 75px/.7em Arial, Helvetica, Sans, Tahoma, sans-serif;
	color: #B3B3B3;
	width: 100%;
	display: block;
	text-decoration: none;
}

	#customers-left:hover,
	#customers-right:hover {
		position: relative;
		color: white;
		text-shadow: white 0px 0px 10px;
	}

	#customers-left:active,
	#customers-right:active {
		top: 1px;
		left: 1px;
	}

#customers-list {
	width: 735px;
	position: relative;
	top: 13px;
	overflow: hidden !important;
}

#home-customers .customers-img {
	opacity: 0.6;
	position: relative;
}
/* (NEEDED? We're not using the table at this point...)
#home-customers td {
	padding: 0px 20px;
	position: relative;
}

	#home-customers td a {
		display: block;
		opacity: 0.6;
	}

		#home-customers td a:hover {
			opacity: 1;
		}

	#home-customers #allstate {
		background-image: url('../images/customers/allstate.png');
		width: 126px; height: 27px;
	}
	#home-customers #chase {
		background-image: url('../images/customers/chase.png');
		width: 113px; height: 21px;
	}
	#home-customers #deloitte {
		background-image: url('../images/customers/deloitte.png');
		width: 105px; height: 20px;
	}
	#home-customers #etrade {
		background-image: url('../images/customers/etrade.png');
		width: 115px; height: 16px;
	}
	#home-customers #fedex {
		background-image: url('../images/customers/fedex.png');
		width: 69px; height: 21px;
	}
	#home-customers #ge {
		background-image: url('../images/customers/ge.png');
		width: 40px; height: 40px;
	}
	#home-customers #google {
		background-image: url('../images/customers/google.png');
		width: 98px; height: 36px;
	}
	#home-customers #humanesociety {
		background-image: url('../images/customers/humanesociety.png');
		width: 190px; height: 13px;
	}
	#home-customers #kelloggs {
		background-image: url('../images/customers/kelloggs.png');
		width: 86px; height: 28px;
	}
	#home-customers #magellan {
		background-image: url('../images/customers/magellan.png');
		width: 125px; height: 27px;
	}
	#home-customers #marines {
		background-image: url('../images/customers/marines.png');
		width: 149px; height: 16px;
	}
	#home-customers #microsoft {
		background-image: url('../images/customers/microsoft.png');
		width: 118px; height: 19px;
	}
	#home-customers #prudential {
		background-image: url('../images/customers/prudential.png');
		width: 124px; height: 26px;
	}
	#home-customers #purdue {
		background-image: url('../images/customers/purdue.png');
		width: 96px; height: 30px;
	}
	#home-customers #purina {
		background-image: url('../images/customers/purina.png');
		width: 137px; height: 22px;
	}
	#home-customers #redcross {
		background-image: url('../images/customers/redcross.png');
		width: 106px; height: 31px;
	}
	#home-customers #salvationarmy {
		background-image: url('../images/customers/salvationarmy.png');
		width: 33px; height: 40px;
	}
	#home-customers #siemens {
		background-image: url('../images/customers/siemens.png');
		width: 99px; height: 16px;
	}
	#home-customers #siriusxm {
		background-image: url('../images/customers/siriusxm.png');
		width: 137px; height: 26px;
	}
	#home-customers #unitedway {
		background-image: url('../images/customers/unitedway.png');
		width: 151px; height: 31px;
	}
	#home-customers #yahoo {
		background-image: url('../images/customers/yahoo.png');
		width: 117px; height: 22px;
	}
*/



/* HOMEPAGE: Content body area */
.home-body section {
	margin: 100px auto;
}

	.home-body section p {
		font-size: 16px;
	}

.home-body h3 {
	color: #1A1A1A;
	padding-bottom: 10px;
	text-align: left;
	width: 100%;
	text-shadow: #FFF 1px -1px 1px;
	font: normal 35px Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
}



/* HOMEPAGE: Upper and lower gradients */
.home-grad-upper {
	position: absolute;
	top: 175px;
	height: 70px;
	width: 100%;
	left: 0px;
	z-index: -1;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.45))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73000000',GradientType=0 ); /* IE6-8 */
}

.home-grad-lower {
	position: absolute;
	top: 600px;
	height: 50px;
	width: 100%;
	left: 0px;
	z-index: -1;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.45)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
}





/* ======== END homepage only =====  */



/* LiveAddress pricing table */
.liveaddr-price {
	padding: 20px 0px 0px 0px;
}

	.liveaddr-price > div {
		font-size: 20px;
	}

	.liveaddr-price h4 {
		margin-bottom: 20px;
	}

	.liveaddr-price table {
		border-spacing: 0px;
		border: 0px;
		border-collapse: collapse; /* IE7, grumble */
		width: 100%;

		background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
background: linear-gradient(top,  #ffffff 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );

	}

	.liveaddr-price td, .liveaddr-price th {
		padding: 10px 10px;
		line-height: 35px;
		border: none;
	}

	.liveaddr-price tr:hover {
		background-color: #D0D0D0;
		cursor: pointer;
	}

	.liveaddr-price th {
		background: #222;
		color: #FFF;
		text-shadow: none;
		cursor: text;
		font-size: 14px;
	}

	.liveaddr-price .price {
		color: #B20000;
	}

	.liveaddr-price .value {
		font-size: 14px;
		font-style: italic;
		vertical-align: middle;
		color: #007500;
	}

	.liveaddr-price .selected {
		background-color: #D9EDF7;
		color: #000;
	}

		.liveaddr-price .selected td:first-child:after {
			content: " \2713";
			color: #007500;
			font: normal 25px Arial, sans, sans-serif;
		}

		.liveaddr-price .selected:hover {
			color: #222;
		}

/* END LiveAddress pricing table */



/* Side navigation pane for content */
.not-home .content + nav {
	font-size: 13px;
}

	.not-home .content + nav ul {
		padding-bottom: 70px;
	}

	.not-home .content + nav li {
		border-bottom: 0px solid #E0E0E0;
	}

	li.current,
	.not-home .content + nav li a {
		display: block;
		padding: 10px 15px;
		text-decoration: none;
		font-size: 14px;
		font-family: Verdana, Tahoma, Arial, sans-serif;
	}

		li.current:before,
		.not-home .content + nav li a:before {
			content: "\203A";
			margin-right: 15px;
		}

	.not-home .content + nav li a {
		color: #4A4A4A;
	}

	.not-home .content + nav li a:hover {
		color: black;
		background-color: #F7F2BC;
	}

	li.current {
		font-weight: bold;
		color: black;
	}
/*
	li.current,
	.not-home .content + nav li a {
		padding: 12px 10px;
		border-right: 5px solid #DDD;
		display: block;
		color: #555;
		text-decoration: none;
		text-align: center;
		text-shadow: #DDD 1px 1px 0px;
		font: 18px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	}

		.not-home .content + nav li a:hover {
			color: #FFF;
			background: #555;
			border-right: 5px solid #222;
			text-shadow: none;
		}

	li.current {
		color: #AAA;
		text-shadow: none;
		border-right-color: #E3BD1C;
	}
*/
	.not-home .content + nav blockquote {
		line-height: 1.3em;
		font-style: italic;
		color: #444;
		background: rgba(255, 223, 10, .35);
		padding: 10px;
		margin: 10px auto;
	}

		.not-home .content + nav blockquote:before {
			margin-right: 10px;
			font-size: 50px;
			content: "\275D";
			color: #bea600;
			vertical-align: text-top;
		}

		.not-home .content + nav blockquote:after {
			margin-right: 10px;
			font-size: 50px;
			content: "\275E";
			color: #bea600;
			float: right;
		}

		.not-home .content + nav blockquote span {
			font-style: normal;
			font-weight: bold;
			display: block;
		}
/* END side navigation in content */


/* Products page */
table.products {
	width: 100%;
}

	table.products a {
		text-decoration: none;
	}

	table.products .check {
		color: #71C837;
		font-size: 45px;
		text-shadow: #555 1px 1px 0px;
		text-align: center;
	}

	table.products th {
		white-space: nowrap;
	}

	table.products td, table th {
		border: 1px solid #DDD;
		padding: 10px;
		vertical-align: middle;
	}

		table.products td:first-child {
			width: 300px;
		}

	table.products tr:first-child th {
		border-top: 0px;
	}

	table.products tr:last-child td {
		border-bottom: 0px;
	}

	table.products tr td:first-child,
	table.products tr th:first-child {
		border-left: 0px;
	}

	table.products tr td:last-child,
	table.products tr th:last-child {
		border-right: 0px;
	}


/* LiveAddress-API FAQ */

li.faq-benefit-list-item::before {
	content: "\2022";
	margin-left: 15px;
	margin-right: 15px;
}

/*************** END PAGE-SPECIFIC STYLES *********/





/************* GLOBAL ELEMENTS **********/

/* Potentially temporary products menu (SIMPLE one) */
#products-menu {
	display: none;
	position: absolute;
	left: 0px;
	box-shadow: #000 0px 5px 10px;
	background: #DDD;
	text-align: left;
}
#products-menu a.img {
	display: block;
	width: 200px;
	padding: 10px;
	background-position: 10px center;
}

#products-menu a:hover {
	background-color: #FFF;
}
/* End potentially temporary products menu */



.dropdown-menu  {
	width: 650px;
	height: 400px;
	display: none;
	position: absolute;
	right: 0px;
	top: 3em;
	border-radius: 5px;
	border-top: 5px solid #E3BD1C;
	border-bottom: 3px solid #333;
	color: #555;
	font: 14px/1.2em Verdana, Arial, Tahoma, Sans, sans-serif;
	background: white;
	text-align: left;
	box-shadow: #222 0px 10px 30px;
	z-index: 999;
}

.menu-sel {
	background: #E3BD1C !important;
	color: black !important;
}

.menu-links {
	width: 270px;
	border-right: 1px solid #CCC;
	background: #E3E3E3;
	height: 320px;
}

	.menu-links a {
		padding: 15px 20px;
		font-size: 16px;
		display: block;
		color: #222;
		font-weight: normal;
		text-decoration: none;
	}

		.menu-links a:hover {
			background-color: #EEE;
			text-shadow: none;
			font-weight: bold;
		}

		.menu-links a span {
			font: 12px Verdana, Arial, sans-serif;
			color: #555;
		}

#telephone {
	padding-left: 10px;
}


/* Products dropdown menu */
#products-menu {
	/* Gr. Need to over-ride 960gs here,
	despite display being in .dropdown-menu. */
	display: none;
}

	#products-menu > div:first-child {

	}

	#products-menu h4,
	#products-menu h5 {
		padding: 10px 0px;
		color: #333;
	}

/* Hide helper divs until they're called upon */
#products-menu > div .helper,
#products-menu #default {
	display: none;
	visibility: hidden;
}
/* END products dropdown menu */



/* Support dropdown menu */

#support-menu {
	display: none;
	color: #333;
}

/* End support dropdown menu */

/* Login dropdown menu */

#login-menu {
	display: none;
	background-color: white;
}
	#login-menu form {
		padding: 20px;
	}

/* END login dropdown menu */

/*** END GLOBAL DROPDOWN MENUS ***/





















/*** GLOBAL FOOTER ***/
.grad-footer {
	height: 50px;
	left: 0px;
	z-index: 0;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.74) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.74)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.74) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.74) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.74) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(0,0,0,0.74) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
}

footer {
	background: #222 url('//d79i1fxsrar4t.cloudfront.net/blackpaper--315b84edbfbe8f6c5baa67d33b27f1cb.png');
	border-top: 3px solid #555;
}

	footer section {
		position: relative;
		padding: 15px 0px;
		z-index: 1;
	}

	footer h6 {
		color: #FFF;
		border-bottom: 1px dotted #888;
		padding-top: 30px;
		padding-bottom: 5px;
		margin-bottom: 15px;
		display: block;
		text-shadow: none;
		font-weight: bold;
		font: inherit;
	}

	footer a {
		display: block;
		color: #BBB !important;
		text-shadow: #000 -1px 1px 1px;
		padding: 7px 0px;
		line-height: 1.2em;
		font-size: 14px;
		text-decoration: none;

		transition: color .2s, text-shadow .2s;
		-moz-transition: color .2s, text-shadow .2s;
		-webkit-transition: color .2s, text-shadow .2s;
		-o-transition: color .2s, text-shadow .2s;
	}

		footer a:hover {
			color: #FFF !important; /* NEEDED? */
			text-shadow: #FFF 0px 0px 10px;
		}

	footer .copyright {
		text-align: center;
		padding: 20px 0px 30px;
		font-size: 12px;
		margin-top: 25px;
	}

	footer .copyright a {
	 	display: inline;
		font-size: 12px;
		padding: 0px;
		border-bottom: 1px dotted;
	}

	footer > div.linear {
		font-size: 16px;
	}


		footer > div.linear a {
			display: inline;
			padding: 15px;
			font-size: 16px;
		}

/*** END GLOBAL FOOTER ***/










/************************************************
***************************************************
960 GS
***************************************************
*************************************************/




/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.g12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.g12 .g_1,
.g12 .g_2,
.g12 .g_3,
.g12 .g_4,
.g12 .g_5,
.g12 .g_6,
.g12 .g_7,
.g12 .g_8,
.g12 .g_9,
.g12 .g_10,
.g12 .g_11,
.g12 .g_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.g12 .alpha {
  margin-left: 0;
}

.g12 .omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.g12 .g_1 {
  width: 60px;
}

.g12 .g_2 {
  width: 140px;
}

.g12 .g_3 {
  width: 220px;
}

.g12 .g_4 {
  width: 300px;
}

.g12 .g_5 {
  width: 380px;
}

.g12 .g_6 {
  width: 460px;
}

.g12 .g_7 {
  width: 540px;
}

.g12 .g_8 {
  width: 620px;
}

.g12 .g_9 {
  width: 700px;
}

.g12 .g_10 {
  width: 780px;
}

.g12 .g_11 {
  width: 860px;
}

.g12 .g_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.g12 .prefix_1 {
  padding-left: 80px;
}

.g12 .prefix_2 {
  padding-left: 160px;
}

.g12 .prefix_3 {
  padding-left: 240px;
}

.g12 .prefix_4 {
  padding-left: 320px;
}

.g12 .prefix_5 {
  padding-left: 400px;
}

.g12 .prefix_6 {
  padding-left: 480px;
}

.g12 .prefix_7 {
  padding-left: 560px;
}

.g12 .prefix_8 {
  padding-left: 640px;
}

.g12 .prefix_9 {
  padding-left: 720px;
}

.g12 .prefix_10 {
  padding-left: 800px;
}

.g12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.g12 .suffix_1 {
  padding-right: 80px;
}

.g12 .suffix_2 {
  padding-right: 160px;
}

.g12 .suffix_3 {
  padding-right: 240px;
}

.g12 .suffix_4 {
  padding-right: 320px;
}

.g12 .suffix_5 {
  padding-right: 400px;
}

.g12 .suffix_6 {
  padding-right: 480px;
}

.g12 .suffix_7 {
  padding-right: 560px;
}

.g12 .suffix_8 {
  padding-right: 640px;
}

.g12 .suffix_9 {
  padding-right: 720px;
}

.g12 .suffix_10 {
  padding-right: 800px;
}

.g12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.g12 .push_1 {
  left: 80px;
}

.g12 .push_2 {
  left: 160px;
}

.g12 .push_3 {
  left: 240px;
}

.g12 .push_4 {
  left: 320px;
}

.g12 .push_5 {
  left: 400px;
}

.g12 .push_6 {
  left: 480px;
}

.g12 .push_7 {
  left: 560px;
}

.g12 .push_8 {
  left: 640px;
}

.g12 .push_9 {
  left: 720px;
}

.g12 .push_10 {
  left: 800px;
}

.g12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.g12 .pull_1 {
  left: -80px;
}

.g12 .pull_2 {
  left: -160px;
}

.g12 .pull_3 {
  left: -240px;
}

.g12 .pull_4 {
  left: -320px;
}

.g12 .pull_5 {
  left: -400px;
}

.g12 .pull_6 {
  left: -480px;
}

.g12 .pull_7 {
  left: -560px;
}

.g12 .pull_8 {
  left: -640px;
}

.g12 .pull_9 {
  left: -720px;
}

.g12 .pull_10 {
  left: -800px;
}

.g12 .pull_11 {
  left: -880px;
}

.g12 .clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}


.g12 .clearfix:before,
.g12 .clearfix:after,
.g12:before,
.g12:after {
  content: ' ';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.g12 .clearfix:after,
.g12:after {
  clear: both;
}

.g12 .clearfix,
.g12 {
  zoom: 1;
}







/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 12px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner {
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner {
		border-top-color: rgba(20,20,20,0.92);
	}
}