/* reset HTML tags */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul
{
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after
{
	content: "";
}

/*Firefox table lines attempted fix*/
table[rules]
{
	border-collapse: separate !important;
}

/* set body attributes */
body
{
	text-align: center;
	font-family: "Trebuchet MS" , Arial, Verdana, sans-serif;
	font-size: 14px;
	background-image: url('../images/pulse-bg.png');
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #EEE;
	margin: 0px;
	padding: 0px;
}

/* set link attributes */
a
{
	color: #DA1A35;
	text-decoration: none;
	cursor: pointer;
}

/* set link hover attributes */
a:hover
{
	text-decoration: underline;
}

.externallink 
{
	padding-right:12px;
	background-image: url('../images/external-link.png');
	background-position: right center;
	background-repeat:no-repeat;
}

strong
{
	font-weight: bold;
}

/* clears floating div tags */
.clear
{
	display: block;
	clear: both;
}

/* top header container stretching 100% width */
#headercontainer
{
	/*background: #690020 url('../images/header-full.gif') repeat center;*/
	width: 100%;
	height: 122px;
	margin-left: auto;
	margin-right: auto;
}

/* header for 1024 monitors */
#header
{
	background-color: #690020;
	background-image: url('../images/pulse-header.png');
	background-repeat: no-repeat;
	width: 955px;
	height: 122px;
	margin-left: auto;
	margin-right: auto;
}

/* pulse logo in top left corner */
#logo
{
	margin-left: 17px;
	margin-top: 17px;
	float: left;
}

/* container holding flash login/logout script */
#logincontainer, #login_noflash
{
	height: 122px;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	float: right;
	text-align: right;
}

#logincontainer a
{
	color: #FFF;
	text-decoration: underline;
}

/* main content holder aligned centre of page  */
#maincontainer
{
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
	width: 955px;
	
}

/* main large image header */
#header-image
{
	width: 955px;
	height: 215px;
}

/* links and buttons for your pulse and your page below main image header */
#header-sub
{
	background-image: url('../images/yourpay-yourpulse.gif');
	width: 955px;
	height: 59px;
}

/* the container for the home content */
#homecontainer
{
	float: left;
	width: 100%;
	margin-top: 5px;
	border-bottom:solid 1px #CCC;
}

/* the container for the main content */
#contentcontainer
{
}


/* the page content for home page */
#homecontent
{
	padding-left: 15px;
	width: 609px;
	float: left;
}

/* controls margin of paragraphs */
#homecontent p
{
	margin-top: 24px;
}

/* the page content for other pages */
#content
{
	margin-left: 230px;
	position: relative;
	margin-top: 31px;
	font-size: 12px;
}

/* right align benefits box with red background */
#benefits
{
	float: left;
	width: 296px;
	margin-left: 17px;
	margin-top: 17px;
	color: #ffffff;
	font-size: 12px;
	background-image: url('../images/benefits.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
}

#benefits table
{
	height: 182px;
}

/* positioning of speach box within benefits box */
#speech
{
	margin-top: 13px;
	margin-bottom: 4px;
	margin-right: 17px;
	float: right;
}

/* large header font within benefits */
#benefits h3
{
	font-size: 16px;
	font-weight: bold;
	margin-top: 40px;
	margin-right: 17px;
	margin-bottom: 5px;
	margin-left: 17px;
	margin-top: 5px;
}

/* positioning of benefits bullets */
#benefits ul
{
	margin-left: 32px;
	margin-right: 15px;
}

/* positioning of benefits bullets and bullet style */
#benefits li
{
	line-height: 16px;
	margin-bottom: 4px;
	list-style-type: disc;
}

/* feeds container for "work out your pay", "look what you can get" etc */
#feeds
{
	float: left;
	width: 100%;
	margin-top: 25px;
}

/* "work out your pay" container with background */
#workout
{
	background-image: url('../images/workout.jpg');
	width: 312px;
	height: 295px;
	float: left;
}

/* "work out your pay" container with background for home page */
#workout_home
{
	background-image: url('../images/workout_home.jpg');
	width: 318px;
	height: 234px;
	float: right;
}

#workoutblank
{
	width: 312px;
	height: 295px;
	float: left;
}

/* offers container */
#offers
{
	float: left;
	margin-left: 15px;
	font-size: 12px;
	width: 298px;
}

#offers_home
{
	float: left;
	width: 295px;
	margin-bottom: 17px;
	margin-top: 17px;
	margin-left: 17px;
	background-image: url('../images/Look_bg.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
	color: #ffffff;
}

#offers_home h3
{
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
}

#offers_home p
{
	margin-left: 15px;
	margin-right: 15px;
}

#offers_home a
{
	color: #ffffff;
}

#offers_home a:hover
{
	text-decoration: none;
}

#offers_home table
{
	height: 182px;
}

#offers_main
{
	background-image: url('../images/Look_bg.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
	color: #ffffff;
}

#offers_main a
{
	color: #ffffff;
}

#offers_main p, #offers_main h2
{
	margin-left: 15px;
}

#offers_main a:hover
{
	text-decoration: none;
}

#contact_home
{
	float: left;
	width: 295px;
	margin-left: 17px;
	margin-top: 17px;
}

#contact_home .contact, #benefits .contact
{
	margin-top: 0;
}

/* black pop-up with contact form */
#getintouch_request, #getintouch_email
{
	float: left;
	background-image: url('../images/getintouch.png');
	background-repeat: no-repeat;
	height: 283px;
	width: 321px;
	display: none;
}

#homecontainer #getintouch_request, #homecontainer #getintouch_email
{
	background-image: url('../images/getintouch_home.png');
	width: 295px;
	margin-top: -80px;
	margin-left: 17px;
}

#homecontainer .quickcontact .input
{
	width: 248px;
}

#homecontainer .quickcontact .input_long
{
	width: 243px;
}

#offers h2
{
	color: #DA1A35;
	font-weight: bold;
	font-size: 18px;
}

#benefits #speech
{
	margin-top: 8px;
	margin-left: 12px;
	float: none;
	width: 271px;
}

/* footer on home page */

#footercol
{
	width: 955px;
	height: 60px;
	background-image: url('../images/footer.gif');
}

/* footer for all other pages */
#footercol_full
{
	width: 955px;
	height: 60px;
	background-image: url('../images/yourpay-yourpulse-full.gif');
}

#footercontainer, #footerContainer
{

	padding-top: 12px;
/*	margin-left: auto;
	margin-right: auto;
	width: 955px;*/
	font-size: 12px;
	background-color:#EEE;
}

#footercontainer p, #footerContainer p
{
	padding-bottom: 9px;
	text-align:center;
}

#footercontainer a, #footerContainer a
{
	color: #000000;
	border-bottom: dotted 1px;
}

#footercontainer a:hover, #footerContainer a:hover
{
	text-decoration:none;
	border-bottom:solid 1px;
}

#small
{
	font-size: 10px;
	line-height: 12px;
}

.contact
{
	margin-top: 15px;
	font-size: 16px;
}

.contact p
{
	margin-top: 18px;
	margin-bottom: 18px;
}

#cal
{
	position: relative;
	width: 250px;
	top: 114px;
	left: 30px;
}

#workout_home #cal
{
	top: 72px;
	left: 48px;
}

/* */
#cal #yourrate
{
	border: 1px solid #231F20;
}

/* button positions */

#your-pulse
{
	float: left;
	position: relative;
	top: 12px;
	left: 195px;
}

#your-pay
{
	float: right;
	position: relative;
	top: 12px;
	right: 35px;
}

#getmore
{
	float: right;
	position: relative;
	top: 10px;
	right: 10px;
}

/* styled submit button with for "working out your page" */
#calculate, #sendit, #sendit2, .calculate, .sendit
{
	height: 36px;
	width: 124px;
	color: #ffffff;
	font-size: 14px;
	border: 0;
	font-family: "Trebuchet MS" , Arial, Verdana, sans-serif;
	cursor: pointer;
	background-image: url('../images/calculate.png');
	background-color: transparent;
}

#sendit, #sendit2, .sendit
{
	background-image: url('../images/send_it.png');
	margin-top: 7px;
}

#breadcrumb
{
	margin-bottom: 14px;
	margin-top: 14px;
}

#breadcrumb a
{
	color: #000000;
}

#breadcrumb
{
	color: #DA1A35;
}

#bluecontainer
{
	border: 1px dotted #CCC;
	background-color: #FFF;
	padding: 18px;
	margin-right:16px;
	-moz-border-radius:5px;
}

#bluecontainer p
{
	margin-bottom: 18px;
}

#bluecontainer h2
{
	font-size: 13px;
	font-weight: bold;
}

#bluecontainer ul
{
	list-style-position: outside;
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 20px;
}

#bluecontainer ul li
{
	background: transparent url('../images/bullet_small.gif') no-repeat 0 7px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 5px;
}

#bluecontainer ul ul
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#bluecontainer ul ul li
{
	background: transparent url('../images/bullet_small_black.gif') no-repeat 0 7px;
}

#bluecontainer table
{
	border: 1px solid #710023;
	background-color: #ffffff;
	margin-bottom: 12px;
	width: 100%;
}

#bluecontainer table table td, #bluecontainer table table th, #bluecontainer table table
{
	border: 0;
}

#bluecontainer table td, #bluecontainer table th
{
	border: 1px solid #710023;
	padding: 4px;
	border-right: 0;
}

#bluecontainer table .alt
{
	background-color: #ECDCDB;
}

#bluecontainer table .tblhead
{
	background-image: url('../images/tblhead.gif');
	background-position: left;
	background-repeat: repeat-y;
	background-color: #DC1937;
	color: #ffffff;
}

/* container to fill width of main container */
#fullcontainer
{
	margin: 17px;
}

.quickcontact
{
	position: relative;
	top: 50px;
	left: 23px;
	color: #FFFFFF;
}

.quickcontact a
{
	color: #ffffff;
}

#yourpulse
{
	position: absolute;
	width: 955px;
	height: 777px;
	clip: rect(0px,955px,777px,629px);
}

#yp_footer
{
	/* footer on home page */
	width: 955px;
	height: 60px;
	background-color: #690020;
}

/* container to fill width of main container */
#yp_content
{
	margin: 17px 0 0 0px;
	
	min-height: 609px;
	padding: 0 10px 0 10px;
}

#yp_title
{
	margin: 30px 0 0 0px;
}

#yourpulse_container
{
	min-height:762px;
}

#contact_home .contact
{
	height: 182px;
}

/* 3 col */
#bluecontainer #col3
{
	background-image: url('../images/3col_bg.png');
	background-repeat: no-repeat;
	background-color: inherit;
	border: 0;
	height: 261px;
	width: 575px;
	color: #ffffff;
	font-size: 13px;
	line-height: 16px;
}

#bluecontainer #col3 p, #bluecontainer #col3 h2
{
	margin-left: 10px;
	margin-right: 10px;
}

#bluecontainer #col3 h2
{
	margin-top: 17px;
	margin-bottom: 17px;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
}

#bluecontainer #col2
{
	background-image: url('../images/2col_bg.png');
	background-repeat: no-repeat;
	background-color: inherit;
	border: 0;
	height: 297px;
	width: 575px;
	color: #ffffff;
	line-height: 14px;
	font-size: 12px;
}

#bluecontainer #col2 ul
{
	padding-left: 14px;
	padding-top: 6px;
}

#bluecontainer #col2 ul li
{
	padding-right: 0px;
	padding-left: 12px;
	background-image: url('../images/bullet_small_white.gif');
	padding-bottom: 1px;
}

#bluecontainer #col2 td
{
	border: 0;
}

#bluecontainer #col2 h2
{
	margin-top: 14px;
	margin-left: 14px;
	margin-bottom: 7px;
	font-size: 16px;
	font-weight: bold;
}

#bluecontainer #col2 img
{
	margin-top: 10px;
}

#bluecontainer table.noborder, #bluecontainer table.noborder td
{
	border: 0px;
}