/*
_|                                                      _|
_|_|_|     _|_|     _|_|   _|    _|   _|_|_| _|_|_|   _|_|_|_|
_|    _| _|    _| _|    _| _|    _| _|    _| _|    _|   _|
_|    _| _|    _| _|    _| _|    _| _|    _| _|    _|   _|
_|_|_|     _|_|     _|_|     _|_|_|   _|_|_| _|    _|     _|_|
                                 _|
                             _|_|
Project: iZUP
Developer: Booyant, Inc.
Website: www.booyant.com
Contact: team@booyant.com  / 978.729.8408
Version: 1.0
	
*/



/* Import the style sheet that resets all browsers. */
@import url("reset.css");

ol { list-style:decimal; list-style-position:outside; }
ol li { list-style:inherit; margin-bottom: .5em;}

ul.unstyled-list {padding:0 0 0 0em; margin: 0;}
ul.unstyled-list li {margin:.25em 0;}


/* ===============================================
General, non-section-specific selectors
=============================================== */

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

.clearBoth {
	clear: both;
	display: block;
	height: 0;
}
.hidden {
	display: none;
	visibility: hidden;
}

/* ===============================================
Hidden nav
=============================================== */

ul#nav_access { position:absolute; top:-9999px; left:-9999px; }

/* ============================================ */

#pageWrap {
	/* background: #fff; */
	margin: 0 auto;
	width: 776px;
}




/* ===============================================
Tertiary Nav
=============================================== */
.with-tertiary-nav #content-primary{
	width: 536px;
}



body.sec-account #tertiary-nav {
	margin-top: 96px;
}

#tertiary-nav{
	width: 141px;
	margin-top: 66px;
	float: right;
	clear: right;
}

#tertiary-nav li a{
	color: #fff;
	display: block;
	width: 137px;
	height: 33px;
	margin-bottom: 7px;
	padding: 4px 0 0 4px;
	font-size: .85em;
}

#tertiary-nav li a{
	background: url("../images/tertiary-nav/tertiary-nav.gif") 0 0 no-repeat;
}

#tertiary-nav li a:visited{
	text-decoration: none;
}

#tertiary-nav li a:hover{
	background: url("../images/tertiary-nav/tertiary-nav.gif") 0 -37px no-repeat;
	text-decoration: none;
}

#tertiary-nav li a:active{
	background: url("../images/tertiary-nav/tertiary-nav.gif") 0 -74px no-repeat;
}
#tertiary-nav li.selected a{
	background: url("../images/tertiary-nav/tertiary-nav.gif") 0 -74px no-repeat;
}

/*
#tertiary-nav li#account-nav a{
	background: url("../images/tertiary-nav/account-nav-bg.gif") 0 0 no-repeat;
}

#tertiary-nav li#current-nav a{
	background: url("../images/tertiary-nav/current-nav-bg.gif") 0 0 no-repeat;
}

#tertiary-nav li#manage-nav a{
	background: url("../images/tertiary-nav/manage-nav-bg.gif") 0 0 no-repeat;
}

#tertiary-nav li#report-nav a{
	background: url("../images/tertiary-nav/report-nav-bg.gif") 0 0 no-repeat;
}*/

/*hover*//*
#tertiary-nav li#account-nav a:hover{
	background: url("../images/tertiary-nav/hover/account-nav-bg.gif") 0 0 no-repeat;
}

#tertiary-nav li#current-nav a:hover{
	background: url("../images/tertiary-nav/hover/current-nav-bg.gif") 0 0 no-repeat;
}

#tertiary-nav li#manage-nav a:hover{
	background: url("../images/tertiary-nav/hover/manage-nav-bg.gif") 0 0 no-repeat;
}

#tertiary-nav li#report-nav a:hover{
	background: url("../images/tertiary-nav/hover/report-nav-bg.gif") 0 0 no-repeat;
}*/
/*active*//*
#tertiary-nav li#account-nav a:active{
	background: url("../images/tertiary-nav/active/account-nav-bg.gif") 0 0 no-repeat;
}

#tertiary-nav li#current-nav a:active{
	background: url("../images/tertiary-nav/active/current-nav-bg.gif") 0 0 no-repeat;
}

#tertiary-nav li#manage-nav a:active{
	background: url("../images/tertiary-nav/active/manage-nav-bg.gif") 0 0 no-repeat;
}

#tertiary-nav li#report-nav a:active{
	background: url("../images/tertiary-nav/active/report-nav-bg.gif") 0 0 no-repeat;
}
*/
/* End Tertiary Nav =========================== */





/* ===============================================
All header-specific selectors; logo, nav, search etc.
=============================================== */

body{
	background-image: url(../images/bg-header.gif);
	background-repeat: repeat-x;
	background-color: #fff;
}



#header {
	background: url(../images/bg-header.gif) repeat-x;
	padding: 10px 22px 4px 22px;
	zoom: 1; /* This triggers hasLayout in IE 6 & IE 7 */
	
}

	#header h1 a {
		display: block;
		background: url(../images/iZUP-Logo-New.png) no-repeat;
		width: 145px;
		height: 68px;
		float: left;
		margin-top: 13px;
	}
	
	#searchForm {
		float: right;
		width: 185px;
		background:  url(../images/boxes/bg-searchForm-bot.gif) left bottom no-repeat;
		
	}
	
		#searchForm p {
			background: url(../images/boxes/bg-searchForm-top.gif) left top no-repeat;
			margin: 0;
			padding: 4px;
			
		}
		
		input#search {
			float:left;
			margin:0 5px 0 0;
			width: 114px;
	
		}
		
		#search-button { 
			padding-top: 2px;
			height: 19px;
		}



	
	#mainNav {
		float: right;
		clear: right;
		font-size: 1.1em;
		margin: 0;
		padding: 45px 0 0 0;
		position: relative;
	}
		#mainNav li {
			float: left;
			margin: 0;
			padding: 0;
			border-right: 1px solid #00a2cf;
			
		}
			
		#mainNav li.last {
			border: none;
		}
			
			#mainNav li a {
				color: #797468;
				font-weight: bold;
				padding: 0 7px;
				display: block;
				float: left;
			}
			#mainNav li.last a{
			padding: 0 0 0 7px;
			}
			
					
			#mainNav li a:hover {
				color: #2160ad;
				text-decoration: none;
			}
				
				
	#mainNav li.green a{
		color: #5c8727;
	}	
	
	#tagline {
		background: url(../images/bg-tagline.gif) no-repeat;
		clear: both;
		width: 315px;
		height: 41px;
		margin-left: 93px;
	}
			
/* ============================================ */

/* ===============================================
Main navigation lighting
=============================================== */

.sec-what-is ul#mainNav li.what-is a, .sec-service-support ul#mainNav li.service-support a, .sec-giving-back ul#mainNav li.giving-back a, .sec-about ul#mainNav li.about-us a, .sec-contact-us ul#mainNav li.contact-us a {
	color: #2160ad;
	text-decoration: none;
}




/* ===============================================
All home page-specific selectors
=============================================== */

#slider {
	margin-top: 6px;
	position: relative;
	/*display:block;*/
	width:776px;
	height:297px; 
}

	ul#pagination {
		position: absolute;
		top: -34px;
		right: 0px;
	}
	
		ul#pagination li {
			float: left;
			margin-left: 12px;
		}
			ul#pagination a {
				display: block;
				background-color: #dddbd5;
				width: 1.3em;
				height: 1.3em;
			}
			ul#pagination a:hover,
			ul#pagination a.on {
				background-color: #f5a81c;
			}
			
			


#call-to-action {
	position: relative;
	background: url(../images/bg-cta-orange.gif) left 26px repeat-x;
	height: 88px;

}
	#call-to-action a {
		display: block;
		position: absolute;
		top: -11px;
		right: 19px;
	}



#contentWrap {
	padding: 0 24px;
	font-size: 1.2em;
	position: relative;
}


.step1 {
	background: url(../images/checkout/step1.gif) 582px 126px no-repeat;
}

.step2 {
	background: url(../images/checkout/step2.gif) 566px 126px no-repeat;
}

.step3 {
	background: url(../images/checkout/step3.gif) 566px 126px no-repeat;
}


	.indentWrap {
		padding: 0 28px 0 70px;
		
	}
	
	.indentWrap h2 {
		padding: 0;
		
	}

	#actions {
		margin: 0;
		padding: 0;
		font-size: 0.9em;
	}
		
		#actions li {
			padding: 0;
			margin: 0 0 0.9em 0;
			
		}
		
		#actions a {
			display: block;
			color: #fff;
			background-image: url(../images/buttons/brown-button-top.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			line-height: 1.3em;
			letter-spacing: -0.03em;
		}
		
		#actions a:hover {
			background-position: 0 -100px;
			text-decoration: none;
		}
		
			#actions a span {
				display: block;
				padding: 6px 34px 3px 6px;
			}
		
			#actions a span.corner {
				background-image: url(../images/buttons/brown-button-bot.gif);
				background-repeat: no-repeat;
				background-position: 0 0;
				padding: 0px 0px 3px 0px;
			}
			
			#actions a:hover span.corner  {
				background-position: 0 -3px;
			}
			form#login{
				margin-top: 4.3em;
				margin-bottom: 2.5em;
			}
			
	form#login .inputWrap {
		background: #56a1d5;
		margin-bottom: 1em;
		padding: 3px 6px;
		width: 152px;
		font-size: 0.9em;
		position: relative;
	}
		form#login .inputWrap label {
			color: #fff;
			float: left;
			padding: 2px 0 0 0;
		}
		
		form#login input {
			float: right;
			margin-left: 3px;
			width: 85px;
		}
		
		form#login span {
			position: absolute; 
			top: 8px;
			right: -96px;
			display: block;
			font-size: 0.9em;
		}
		
		form#login input#loginSubmit {
			width: 66px;
			float: left;
			margin: 0;
			height: 26px;
		}
		
		p.signup {
			float: left;
			padding: 6px 0 0 9px;
			margin: 0;
			font-size: 0.8em;
		}
		
	.box h2 {
		border-bottom: 1px solid #2160ad;
		padding-left: 3px;
		font-size: 1.3333em;
		margin:0.6em 0 1em 0;
		
	}
	
	.news h2 {color: #56a1d5;}
	
	.buzz h2 a {color: #6da642;}

	#buzz, #news {
		margin: 0;
		padding: 0;
		font-size: 0.875em;
	}
	
	#buzz li, #news li {
		padding-left: 3px;
	}
	#buzz li  {
		float: left;
		width: 100%;
	}
	
	#buzz a, #news a {
		color: #797468;
		display: block;
		line-height: 1.6em;
		margin-bottom: 0.8em;
	}
	
	#buzz a  {
		text-decoration: none;
		
	}
	
	#buzz img  {
		float: left;
		margin-right: 6px;
		
	}
	
	#buzz a:hover span  {
		text-decoration: underline;
		
	}
	
	.logoWrap {
		clear:both;
		padding-top: 10px;
	}
	
	img.partner-logo {float: left;}
	
	#socialMedia {
		float: right;
		width: 246px;
	}
	
		#socialMedia li {
			float: left;
			margin-right: 16px;
		}

	.mediaWrap {
		text-align: center;
		padding-top: 32px;
		
	}
	
	#hp-tagline{
		background: url("../images/hp-tagline.gif") 0 0 no-repeat;
		height: 50px;
		text-indent: -9999px;
		margin: 3px 0 0 75px;
	}

.pg-home div#call-to-action{
	margin-top: 10px;
	height: 110px;
}

img#try-btn{
	margin-top: 1em;
}


/* ============================================ */

#breadcrumbs {
	margin: 0;
	padding: 1em 25px;
}

/* ===============================================
All right column-specific selectors
=============================================== */
#rightColumn {
	float: right;
	width: 456px;
}
/* ============================================ */

/* ===============================================
All right column-specific selectors
=============================================== */
#leftColumn {
	float: left;
	width: 252px;
	margin-top: -50px;
}
/* ============================================ */

/* ===============================================
Choose Plan
=============================================== */


dl.phoneNavigator {
	margin-bottom: 1.5em;
}

	dl.phoneNavigator dt, dl.phoneNavigator dd {
		float: left;	
	}

	dl.phoneNavigator dt {
		margin-right: 8px;
	}
	dl.phoneNavigator dd {
		border-right: 1px solid #00a2cf;
		padding: 0 7px;
		margin: 0;
	}
	dl.phoneNavigator dd.last {
		border-right: none;
	}


#selectPhone  {
	background: url(../images/product-logos/att-logo.gif) 146px top no-repeat;
	margin-top: 20px;
		
}

	img.carrierlogo {
		margin: 22px 0 22px 162px;
		
	}
	#selectPhone dl {
		background: url(../images/bg-selectPhone.gif) right bottom no-repeat;
		width: 660px;
		padding: 12px 0;
	}
	
	#selectPhone dt {
		float: left;
		margin-right: 30px;
		width: 134px;
		text-align: right;
		
		
	}
	
	#selectPhone dd {
		float: left;
		margin-right: 20px;
		text-align: center;
		width: 100px;
		/*background: #ccc;*/
	}
	
	#selectPhone dd.clearRow {
		clear: left;
		margin-left: 164px;
	}
	
	#selectPhone dd span {
		display: block;
		text-align: center;
		color: #000;
	}
	


/* ============================================ */

/* ===============================================
Boxes
=============================================== */

.box {
	background: #fdfcf3;
	border: solid 1px #dfdcd1;
	padding: 0px 9px;
	margin-bottom: 1.4em;
	position: relative;
}

	span.arrow {
		display: block;
		width: 28px;
		height: 26px;
		position: absolute;
		z-index: 20;
		bottom: -26px;
		right: 73px;
		background: url(../images/boxes/arrow.gif) left top no-repeat;
	}

.formWrap {
	width: 498px;
	background: url(../images/boxes/checkout-boxes/bg-middle.gif) left top repeat-y;
	
}


	.formWrap h3 {
		background: url(../images/boxes/checkout-boxes/bg-top.gif) left top no-repeat;
		padding: 10px 20px;
		font-size: 1.16em;
		color: #fff;
		font-weight: bold;
		
	}

	.formWrap h4 {
		background: #70cee7;
		padding: 10px 20px;
		font-size: 1.16em;
		color: #fff;
		position: relative;
		width: 457px;
		margin: 0 0 0.6em -19px;
		
	}
	
	.formWrap .gutter {
		background: url(../images/boxes/checkout-boxes/bg-bottom.gif) left bottom no-repeat;
		padding: 10px 20px;
		
	}
	
	#noPadding .gutter {
		margin: 0;
		padding: 10px 2px;
	}



.formWrapSmall {
	width: 416px;
	background: url(../images/boxes/checkout-boxes/bg-sm-middle.gif) left top repeat-y;
	font-size: 1.1em;
	margin-bottom: 40px;
	
}

	.formWrapSmall h3 {
		background: url(../images/boxes/checkout-boxes/bg-sm-top.gif) left top no-repeat;
		padding: 10px 20px;
		font-size: 1.16em;
		color: #fff;
		font-weight: bold;
		
	}

	.formWrapSmall .gutter {
		background: url(../images/boxes/checkout-boxes/bg-sm-bottom.gif) left bottom no-repeat;
		
	}
	
	.formWrapSmall table  {
		width: 414px;
		margin: 0 1px;
		
	}
	
	.formWrapSmall table tr.yellow {
		background: #f4efd8;
		
	}
	
	.formWrapSmall td {
		padding: 10px 30px;
		
	}
	.formWrapSmall th {
		padding: 5px 30px;
		
	}



.formWrapLarge {
	width: 695px;
	background: url(../images/boxes/checkout-boxes/bg-lg-middle.gif) left top repeat-y;
	margin-bottom: 20px;
	
}


	.formWrapLarge h3 {
		background: url(../images/boxes/checkout-boxes/bg-lg-h3-top.gif) left top no-repeat;
		padding: 10px 20px;
		font-size: 1.16em;
		color: #fff;
		font-weight: bold;
		
	}

	.formWrapLarge .gutter {
		background: url(../images/boxes/checkout-boxes/bg-lg-bottom.gif) left bottom no-repeat;
		padding-bottom: 10px;
		
	}
	
	.formWrapLarge table {
		width: 695px;
		background: url(../images/boxes/checkout-boxes/bg-lg-top.gif) left top no-repeat;
		
	}
	
	
	
	/*Used to remove top image from the table if required*/
	#notop table  {
		background: none;
		
	}
	
	.formWrapLarge th {
		padding: 20px 20px 0px 20px;
		text-align: left;
		
	}
	
	.formWrapLarge table td {
		padding: 10px 20px;
		
	}
	
	table#deleteUser {
		font-size: 0.9em;
		background: none;
		margin: 10px 0px 10px 20px;
		line-height: 1.2em;
		
		
	}
	table#deleteUser th {
		text-align: left;
		
	}
	
	table#deleteUser th.delete  {
		width: 68px;
		padding-left: 20px;
		
	}
	table#deleteUser th.phone  {
		width: 120px;
	}
	
	table#deleteUser th.carrier  {
		width: 100px;	
	}
	
	table#deleteUser th.handset  {
		width: 140px;
	}
	
	table#deleteUser td, table#deleteUser th {
		padding: 0px;
		line-height: 20px;
		
	}
	
	table#deleteUser a {
		display: block;
		width: 67px;
		height: 20px;
		background: url(../images/buttons/delete.gif) left top no-repeat;
		margin-top: 6px;
		text-indent: -9999em;
	}
	
	.formWrapLarge select {
		max-width: 93px;
		
	}
	
#continue, #update {
	height: 26px;
	float: right;
	margin-right: 30px;
}

#submit {
	margin-left: 432px;
	margin-top: 10px;
	height: 26px;
}



#submit-brown {
	margin-left: 428px;
	margin-top: 10px;
	height: 26px;
}

.formWrapCheckout {
	width: 498px;
	background: url(../images/boxes/checkout-boxes/bg-confirm-middle.gif) left top repeat-y;
	margin-top: 20px;
	position: relative;
	
	
}
	.formWrapCheckout h3 {
		
		padding: 22px 28px;
		font-size: 1.16em;
		color: #fff;	
		position: absolute;
		font-weight: bold;
		
	}

	.formWrapCheckout .gutter {
		background: url(../images/boxes/checkout-boxes/bg-confirm-bottom.gif) left bottom no-repeat;
		padding-bottom: 10px;
		
	}
	
	.formWrapCheckout table {
		padding: 10px 0;
		font-size: 1.2em;
		width: 498px;
		background: url(../images/boxes/checkout-boxes/bg-confirm-top.gif) left top no-repeat;
		
		
	}
	

	
	.formWrapCheckout table td {
		padding: 8px 0 4px 0;
		border-bottom: 1px solid #ccc;

	}
	
	.formWrapCheckout table td.block {
		width: 160px;
		border: none;
	}
	td.plan, td.total {
		width: 114px;
		padding-left: 20px;
		
	
		
	}
	
	td.terms{ 
		width: 60px;
		
	}
	
	td.total {
		font-weight: bold;
		
	}
	
	.formWrapCheckout table td.cost {
		width: 55px;
		text-align: right;
		padding-right: 20px;
		
	}
	
	.formWrapCheckout table tr#endrow td {border: none;}

#confirm {
	height: 26px;
	margin: 20px 0px 0px 384px;
}


/* ============================================ */


/* ===============================================
All footer-specific selectors
=============================================== */
#contentWrap #footer {
	font-size: 0.75em;
}

#footer {
	clear: both;
	width: 700px;
	/*margin: 0 auto;*/
	padding: 10px 0 0 0;
	color: #59582b;
	font-size: 0.83333em;
}

	
	#footer li {
		float: left;
		border-right: 1px solid #59582b;
		padding: 0 4px;
		line-height: 1.2em;
	}
	
	#footer li.last {
		border-right: none
	}
	
	#footer a {
		color: #59582b;
		/* display: block; */
		text-decoration: underline;
	}
	
/* ============================================ */


/* ===============================================
Various Groupings
=============================================== */

/*// Image replacements*/
#header h1 a, #tagline {
	text-indent: -9999em;
}

#searchForm label {
	left:-9999px;
	position:absolute;
}



img.temp-block {margin-left: 25px;}

body.sec-friend h5 {
	margin-top: 20px;
}
body.sec-friend #content-primary {
	width: 500px;
}


/* ===============================================
FORMS
=============================================== */

dl.forwardForm {margin: 0; }
.generic #content-primary dl.forwardForm dt {color: #59582B;}
span.white {background: #fff; display: block; padding: 20px 0 0 0; margin-bottom: 20px;} 

/*Share by all*/
.billingForm, .reportProblemForm, .commentsForm {margin-top: 30px;}

.billingForm dt, .reportProblemForm dt, .accountForm dt, .forwardForm dt {
	float:left;
	margin-right:10px;
	text-align:right;
	width:140px;
	font-weight: normal;
	
}

.billingForm dt, .billingForm dd, .reportProblemForm dt, .reportProblemForm dd, .accountForm dt, .accountForm dd, .commentsForm dd  {
padding-bottom:0.75em;
}

.forwardForm dd {
padding-bottom:1.75em;
}
.billingForm input, .reportProblemForm input, .accountForm input, .forwardForm input {width: 221px;}

select#country {max-width: 226px;}
select.fullWidth {width: 226px;}
.accountForm span, .billingForm span {display: block; font-size: 0.9em;}

/*Now with your variations, now */

#login-form input[type="checkbox"] {width: 12px;}

dd.horizontal input {margin-bottom: 0.75em;}
.float-inputs {
	padding-left:190px;
	
}
.float-inputs input, .float-inputs select {
	float: left;
	margin-right: 10px;
}

input#billingZip, billingState {width: 60px;}

.commentsForm dt {
	float:left;
	margin-right:10px;
	text-align:right;
	width:60px;
	font-weight: normal;
	
}

.commentsForm dd input {
	width: 300px;
}


/* ============================================ */

/* ===============================================
GENERIC CONTENT PAGES
=============================================== */


/*General entities and variations*/

.generic #content-primary {
	padding-left: 17px;
}

	#content-primary ul li {
		background: url(../images/bg-bullet.gif) left 6px no-repeat;
		padding-left: 1em;
	}
	
	#content-primary a {
		text-decoration: underline;
	}
	#content-primary a:hover {
		color: #4d4d4f;
	}

	.generic #content-primary dt {
		color: #000;
	}
	
	.generic #content-primary dt span {
		color: #2160ad;
		font-weight: normal;
	}
	
	.sec-service-support #content-primary dd {
		margin-bottom: 2em;
	}

	dl.newsEvents, dl.blogArchive {
		border-bottom: 1px dotted #ccc;
		margin: 30px 0 5px 0;
		padding-bottom: 5px;
		position: relative;
	}
	.generic #content-primary dl.newsEvents dd,
	.generic #content-primary dl.blogArchive dd {
		margin: 0;
	}
	dl.newsEvents a.rsvp {
		position: absolute;
		right: 0;
		bottom: 5px;
		display: block;
		height: 16px; 
		width: 42px;
		background: url(../images/buttons/rsvp.gif) left top no-repeat;
		text-indent: -9999em;
	}
	dl.newsEvents dt a{
		display: block;
		float: left;
	}
	
	dl.newsEvents dd{
		clear: left;
	}
	dl.newsEvents a.video {
		display: block;
		height: 15px; 
		width: 21px;
		margin-left: 1em;
		background: url(../images/icons/icn-video.gif) left top no-repeat;
		text-indent: -9999em;
	}
	table.pressRelease  {
		margin: -20px 0 0 0;
	}
	
		table.pressRelease th {
			font-weight:normal;
			padding:10px 15px 10px 0;
			text-align:left;
			white-space:nowrap;
		}
		
		td.month {
			padding-top: 20px;
			color: #4d4d4f;
			font-weight: bold; 
			font-size: 1.2em;
		}
		
	
dl.bios dd {
	margin-bottom: 2em;
}
	

strong.description {
	font-size: 1.45em; font-weight: normal; line-height: 1.2em;
}

blockquote p {margin: 0;}


#errors {
	padding: 20px;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #d6d1c3;
	margin-bottom: 20px;

	
}
#errors h3 {
	background: none;
	margin: 0;
	padding: 0;
	color: #333;
}

#errors ul {
	margin: 0;
}
	#errors li {
		background: url(../images/bg-bullet.gif) left 6px no-repeat;
		padding-left: 1em;
	}
	

div.login-info {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #d6d1c3;
	background: #fff;
	right: 24px;
	top: 10px;
	padding: 5px 20px;
	position:absolute;
	font-size: 12px;
	
	width:130px;
}

	div.login-info p {
		margin: 0; padding: 0;
	}
	
	img#arrow {
		left:-16px;
		position:absolute;
		top:20px;
		z-index:20;
	}

/* ===============================================
MARKETING FACTS AND FIGURES
=============================================== */
ul#facts-figures{
	padding-left: 0;
}

ul#facts-figures li{
	background-image: none;
	padding-left: 0;
	height: 10em;
}


ul#facts-figures .img-holder{
	width: 95px;
	float: left;
	clear: left;
	margin-right: 2em;
}

ul#facts-figures .img-holder img{
	float: left;
}

ul#facts-figures h4{
	color: #000;
	margin-bottom: 0;
}

/* ===============================================
SEARCH RESULTS
=============================================== */
dl#search-results dd{
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px dotted #aaa;
}

/* ===============================================
HOMEPAGE SLIDER
=============================================== */

#slider img  {display:none; position: absolute; top:0; left:0;}
img#slider_1 {display: block;} 

/* ===============================================
BLOG PAGE
=============================================== */
body#blog-pg{
	background-image: url(../images/bg-header-blog.gif);
	background-repeat: repeat-x;
	background-color: #eaf6fb;
}

#blog-pg #pageWrap{
	width: 913px;
	padding: 0;
}



#blog-pg #tagline{
	margin-left: 50px;
}

#blog-pg #contentWrap{
	padding: 30px 5px 420px 0px;
	background: url("../images/blog/page-bg.gif") bottom right no-repeat;

}

#blog-pg #header h1 a {
	background: url("../images/blog/blog-logo.png") 0 0 no-repeat;
	width: 176px;
}

#blog-nav{
	margin: .4em 0;
}

#blog-nav, #blog-nav li{
	float: left;
	padding: 0;
}
#blog-nav a{
	display: block;
	float: left;
	padding: .5em 0;
	background-color: #f3ab1b;
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	letter-spacing: .05em;
}
#blog-nav a:hover{
	background-color: #b3aca2;
	text-decoration: none;
}

#blog-nav #archives-nav a{
	width: 100px;
}

#blog-nav #profiles-nav a{
	width: 90px;
}

#blog-nav #twitter-nav a{
	width: 80px;
}

#blog-nav #innews-nav a{
	width: 162px;
}

#blog-nav #events-nav a{
	width: 135px;
}

#blog-nav #statistics-nav a{
	width: 105px;
}

#blog-content{
	width: 630px;
	background-color: #fdfcf3; 
	border: 1px solid #dcdbd3;
	float: left;
	padding: 20px 20px 0 20px;;
	border-bottom: none;

}
#blog-content .bottom-border{
	background: url(../images/blog/main-content-bot.gif) bottom left no-repeat;
	height: 20px;
	width: 100%;
	height: 48px;
	width: 672px;
	position: relative;
	left: -21px;
	top: 48px;
	margin-top: -48px;
}

#blog-pg #sidebar{
	width: 214px;
	float: right;
	background: url(../images/blog/sidebar-bg.gif) 0 0 repeat-y;
}

#blog-pg #sidebar ul{
	padding: 0 2em 0 1.5em;
}
#blog-pg #sidebar #social-media-links{
	background-color: #fff;
	margin: 0;
	position: relative;
	float: left;
	height: 4.5em;
	width: 214px;
}
#blog-pg #sidebar #social-media-links li {
	float: left;
}
#blog-pg #sidebar #social-media-links a{
	display: block;
	width: 31px;
	height: 31px;
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	text-indent: -9999px;
	background-color: #222;
}

#blog-pg #sidebar #social-media-links li#linked-in a{ background: url(../images/blog/linked-in.png) 0 0 no-repeat;}
#blog-pg #sidebar #social-media-links li#facebook a{ background: url(../images/blog/facebook.png) 0 0 no-repeat;}
#blog-pg #sidebar #social-media-links li#twitter a{ background: url(../images/blog/twitter.png) 0 0 no-repeat;}
#blog-pg #sidebar #social-media-links li#you-tube a{ background: url(../images/blog/you-tube.png) 0 0 no-repeat;}

#blog-pg #sidebar h3{
	font-size: 1.2em;
	background-color: #56a1d5;
	color: #fff;
	padding: .4em 1em;
	letter-spacing: .1em;
	margin-right: 15px;
}

#blog-pg #sidebar #resources-header{
	clear: both;
	background: url(../images/blog/sidebar-bg-top.gif) top left no-repeat;
	margin-top: -36px;
	margin-right: 0px;
}

#blog-pg #sidebar h3 a{
	color: #fff;
	font-size: .7em;
	padding-left: 5em;
	letter-spacing: 0;
}

#blog-pg #sidebar #twitter-feed li{
	padding-bottom: .5em;
	margin-bottom: .5em;
	border-bottom: 1px dotted #2160AD;
	line-height: 1.2em;
}

#blog-pg #sidebar #twitter-feed span{
	color: #f3ab1b;
	font-weight: bold;
}

#blog-pg #sidebar #twitter-feed span.date{
	display: block;
}

#blog-pg #sidebar #twitter-feed li.last{
	border-bottom: none;
}

#blog-pg #sidebar #sidebar-bottom{
	width: 214px;
	height: 48px;
	margin-bottom: -48px;
	background: url(../images/blog/sidebar-bg-bot.gif) bottom left no-repeat;
}

#blog-content{
	position: relative;
}

#blog-content h2.post-title{
	padding-left: 0;
	font-size: 2.5em;
	color: #56a0d4;
	line-height: 1.1em;
	margin-bottom: .2em;
}

#blog-content h4.post-date{
	font-weight: normal;
	font-size: 1.2em;
	padding-bottom: .7em;
	border-bottom: 1px dotted #2160AD;
	width: 365px;
	margin-bottom: 1.5em;
}

#blog-content h3.post-subtitle{
	font-weight: bold;
	font-size: 1.1em;
	color: #f3ab1b;
}

#blog-content h5.post-byline{
	padding-bottom: 1.1em;
	border-bottom: 1px dotted #2160AD;
	width: 365px;
	margin-bottom: 1em;
}

#blog-content #recent-posts{
	width: 200px;
	float: right;
	margin-left: 40px;
	color: #5c8727;
}

#blog-content #recent-posts a:link, #blog-content #recent-posts a:visited, #blog-content #recent-posts h4{color: #5c8727;}

#blog-content #recent-posts h4{ text-transform: uppercase; font-weight: normal; font-size: 1.1em;}
#blog-content #recent-posts ul{
	padding: 0;
	padding-left: 1em;
}
#blog-content #recent-posts ul li{list-style: disc;}

#blog-pg #get-iZUP-link{
	width: 246px;
	height: 55px;
	background: url(../images/blog/get-izup-btn.png) 0 0 no-repeat;
	text-indent: -9999px;
	position: absolute;
	bottom: -120px;
	right: 0;
}

#blog-pg .cap-photo{
	float: right;
	padding: 1em;
	background-color: #e7e2d8;
	margin-left: 1em;
	line-height: 1.2em;
}

#blog-pg .cap-photo img{
	display: block;
	margin-bottom: 1em;
}


#checkout_terms {
	padding: 20px;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #d6d1c3;
	margin: 20px 0px;
	height: 100px;
	overflow: auto;
}
	#checkout_terms h4{
	background: none;
	font-size: 1.1em;
	color: #777;
	padding: 0;
	margin: 0 0 10px 0;
	width: auto;
	}
ul.commentsActions {
	float: left;
	width: 280px;
	margin: 0;
}

input#commentSubmit {
	float: right;
	height: 26px;
	width: 60px;
	
}

div.commentsActionsWrap {
	width: 100%;
	clear: both;
	padding: 10px 0;

}

.commentItem {
	padding: 20px;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #d6d1c3;
	margin-bottom: 30px;
	position: relative;

	
}

span.commentArrow {
	display: block;
	width: 24px;
	height: 21px;
	background: url(/images/comment-arrow.gif) left top no-repeat;
	position: absolute;
	bottom: -21px;
	right: 40px;

}

#commentText {width: 100%;}
#checkout_terms {display: none;}
#selectPhone dd span.asterix {color: #439f2e; display: inline; padding-left: 2px; display: block;}


/*Login Page ///////////////////*/
#login-form input {width: 221px;}

#login-page #contentWrap{
	background: url("/images/blog/page-bg.gif") bottom right no-repeat;
	padding:10px 5px 160px 0px;
	width: 940px;
	position: relative;
} 

#login-form{
	margin: 4em auto 0 auto;
}
 
body#login-page{
	background-image: url(/images/bg-header-blog.gif);
	background-repeat: repeat-x;
	background-color: #eaf6fb;
}

#login-form dt {
	float:left;
	margin-right:10px;
	text-align:right;
	width:140px;
	font-weight: normal;
	
}

#login-form dd{
	margin-bottom: 15px;
}
 
#login-page #tagline{
	margin-left: 75px;
}
 
#login-page #contact-link{
	text-align: center;
	margin-bottom: .5em;
}
 
#login-page #submit-btn{
	width: 66px;
	height: 26px;
}

#submit-btn-p{
	margin-top: 2em;
	text-align: center;
} 

.checkout-info {width: 400px; font-size:11px;}

ul#socialIcons {
	padding: 20px 0 0 0;
	margin:0;
	clear:both;
}

ul#socialIcons li {
	display:inline;
	padding: 0 5px 0 0;
	margin:0;
}