

*, html, body, div, p, table, tr, td, ul, li, img {
	padding:0;
	border:0; 
	margin:0;
	border-collapse:separate; 
	border-spacing:0;
}


.clear {
	clear: both;
}

div, h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	line-height:20px;
	color:#022044;
}

body {
	background-color:#ffffff;
	margin:0;
	padding:0;
}



#calculator {
	width:731px;
}

#header {
	width:721px;
	height:123px;
}

#logo {
	width:509px;
	height:94px;
	background: url(../img/logo.png) top left no-repeat;
	display: inline-block;
	float: left;
}

#col3_hd {
	width:105px;
	height:94px;
	background: url(../img/chart_10.png) top left no-repeat;
	display: inline-block;
	float:left;
}

#col4_hd {
	width:156px;
	height:94px;
	background: url(../img/chart_11.png) top left no-repeat;
	display: inline-block;
}

#col3_hd h1, #col4_hd h1 {
	font-size:16px;
	padding: 20px;
	line-height:20px;
	text-align:center;
	font-weight:bold;
}

#col4_hd h1, #col3_hd h1 {
	color:#FFFFFF;
	font-weight:bold;
}


/* START Offering Even Row */

.offering.even {
	background: url(../img/even_row.jpg) no-repeat;
	width:721px;
	height:36px;
}

.offering.even .checkbox {
	width:35px;
	height:34px;
}

.offering.even .name {
	width:450px;
	height:34px;
}

.offering.even .pricewrap {
	width:118px;
	height:34px;
}

.offering.even .yourpricewrap {
	width:118px;
	height:34px;
}
/* END Offering Even Row */

/* START Offering Odd Row */

.offering.odd {
	background: url(../img/odd_row.jpg) no-repeat;
	width:721px;
	height:36px;
}

.offering.odd .checkbox {
	width:35px;
	height:34px;
}

.offering.odd .name {
	width:450px;
	height:34px;
}

.offering.odd .pricewrap {
	width:118px;
	height:34px;
}

.offering.odd .yourpricewrap {
	width:118px;
	height:35px;
}

/* END Offering Odd Row */

/* START Offering Last Row */

.offering.last {
	background: url(../img/last_row.jpg) no-repeat;
	width:721px;
	height:32px;
}

.offering.last .checkbox {
	width:35px;
	height:30px;
}

.offering.last .name {
	width:450px;
	height:30px;
}

.offering.last .pricewrap {
	width:118px;
	height:30px;
}

.offering.last .yourpricewrap {
	width:118px;
	height:30px;
}

/* END Offering Last Row */

.offering .checkbox{
	float:left;
	
}


.offering .checkbox input{
	margin: 10px 0px 0px 15px;
}


.offering .name {
	float:left;
	line-height:34px;
	color:#0d2b44;
	font-size:13px;
}

.offering .name label b {
	margin-left:5px;
	font-weight:bold;
}

.offering .name label strong {
	margin-left:5px;
	font-weight:bold;
}


.offering .pricewrap {
	float:left;
	
}

.offering .yourpricewrap {
	float:left;
	
}




.offering .discount {
	display:none;
}

.title_top {
	background:	#022044 url(../img/title_top.png) no-repeat;
	color:#FFFFFF;
	font-size:20px;
	padding:5px 0px 5px 16px;
	width:801px;
}

.title {
	width:721px;
	height:43px;
}

.subtitle {
	color:#FFFFFF;
	font-size:15px;
}

#bottom_row {
	background:url(../img/bottom_row.jpg) no-repeat;
	width:721px;
	height:42px;
}

#total {
	float:left;
	width:105px;
	margin-left:490px;
	font-size:16px;
	line-height:20px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF ;
	padding-top:8px;
}

#display_total {
	float:left;
	width:120px;
	font-size:16px;
	line-height:20px;
	text-align:center;
	color:#FFFFFF ;
	font-weight:bold;
	padding-top:8px;
}

.price, .yourprice {
	text-align:center;
	line-height:34px;
	display:none;
	font-weight:bold;
}


#grand_total, #discount_percent {
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:0px;
}

#discount_percent {
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	font-weight:bold;
	margin-top: 5px;
}

#tagline {
	margin: 40px 0px 0px 47px;
	float:left;
}

#btn {
	margin: 0px 0px 0px 0px;
	float:right;
}

.price {
	color:#ffffff;
}

.yourprice {
	color:#c1d72e;
}


.price_365, .price_credit, .price_ibm30 {
	color:#ffffff;
	display:none;
	text-align:center;
	line-height:34px;
	font-weight:bold;
}

.yourprice_365, .yourprice_credit, .yourprice_ibm30 {
display:none;
text-align:center;
	line-height:34px;
	font-weight:bold;
color:#c1d72e;	
}