#pillButtons {
	list-style-type:		none;
        float: right;
        z-index: 100;
        padding:				0;
	margin:					0;
}
	#pillButtons li {
		display:			block;
		float:				left;
		background:			white url('../images/pillButton.png') center center no-repeat;
		width:				91px;
		height:				20px;
		line-height:		20px;
		text-align:			center;
		font-weight:		normal;
		font-size: 9pt;
		margin-left:		15px;
	}

/*#pageBody {
	background:				white url('../images/portal_diagram.png') 425px center no-repeat;
	margin: 0 0 0 -35px;
}
#laptop {
	background:				transparent url('../images/portal_laptop.png') 60px 122px no-repeat;
	height:					355px;
	margin: 0 0 35px 0;
}
	#laptop ul {
		list-style-type:		none;
		padding:				35px 0 0 210px;
		margin:					0;
	}
	#laptop ul li {
		float:					left;
		text-align:				center;
	}*/
	

	/* New version */
	.word_new {
		font-size:				20pt;
		letter-spacing:			2px;
	}
	.word_version {
		font-size:				16pt;
	}
	.versionNumber {
		font-size:				54pt;
		letter-spacing:			-6px;
		margin-left:			10px;
	}

	/* Sale (text) */
	.word_sale {
		font-size:				20pt;
		letter-spacing:			2px;
	}
	.word_until {
		font-size:				8pt;
	}
		.word_until sup {
			font-size:				0.8em;
		}
	.percent_off {
		font-size:				54pt;
		letter-spacing:			-6px;
		margin-left:			10px;
	}
		.percent_off sup {
			font-size:				0.4em;
			letter-spacing:			-3px;
		}

	/* Sale (badge) */
	.sale.badge {
		/*padding:				40px 0 0 0px !important;*/
                position: absolute;
                top: -5px;
                left: -45px;
                margin: 0px;
                padding: 0px;
                z-index: 100;
                list-style-type: none;
	}


/*
 * Carousel Styles
 * 
 * These styles are used to customize the look and 
 * feel of the jquery.cycle slideshow
 *
 */

#portalContent {
    position: relative;
    margin: 0px;
    padding: 0px;
}

#carousel {
    background: #fff; 
    background-image: url('/media/spacer.gif');
    border: solid 1px #fff; 
    width: 100%; 
    position: relative; 
    top: 34px; 
    left: 0px; 
    height: 365px;
    overflow: hidden;
}

#carousel div {
    width: 100%; 
    height: 100%;
    position: absolute; 
    top: 0px; 
    left: 0px;
    display: none;
}

#carousel div.first {
    display: block;
}

#carousel div div {
    position: static;
}

#carousel div h3 {
    color: #393888;
}

#carousel_nav {
    position: absolute;
    bottom: -15px;
    left: 0px;
    text-align: center;
    z-index: 10;
    margin: 0px;
    padding: 0px;
    width: 100%;
    list-style-type: none;
}

#carousel_nav li {
    display: inline;
    margin: 0px 5px;
}

#carousel_nav li a {
    background: url("../images/black_dot.png") no-repeat center center;
    line-height: 12px;
    font-size: 3px;
    width: 12px;
    padding: 3px;
    color: #000000;
}

#carousel_nav li.activeSlide a {
    background-image: url("../images/selected_dot.png");
    color: #ffffff;
}

#carousel_nav a:focus {
    outline: none;
}

/* 
 * Carousel Item Divs
 * 
 * Each div has an id and contains three general pieces: img, h3, and p.
 *
 */

#os_compatible img {
    position: absolute; 
    top: 40px; 
    left: 20px;
}

#os_compatible h3 {
    width: 50%;
    font-size: 36px;
    position: absolute;
    top : 50px;
    right: 30px;
}

#os_compatible p {
    text-align: right;
    font-size: 1.8em;
    position: absolute;
    top: 110px;
    right: 0px;
}

#data_your_way img {
    position: absolute;
    top: 10px;
    right: 10px
}

#data_your_way h3 {
    width: 100%;
    font-size: 28px;
    position: absolute;
    top: 140px;
    left: 10px;
}

#data_your_way p {
    width: 60%;
    font-size: 1.8em;
    position: absolute;
    bottom: 110px;
    left: 10px
}

#plays_well img {
    display: block;
    width: auto;
    margin: 0px 0px 0px auto;
}

#plays_well h3 {
    position: absolute;
    top: 115px;
    left: 55px;
    font-size: 34px;
    font-style: italic;
}

#plays_well p {
    position: absolute;
    top: 180px;
    left: 75px;
    width: 65%; 
    font-size: 22px;
}

#system_integration img {
    position: absolute;
    top: 0px;
    left: 0px;
}

#system_integration h3 {
    margin: 130px 0px 5px 365px;
    font-size: 32px;
}

#system_integration p {
    font-size: 21px;
    margin-left: 370px;
}

#world_database img {
    position: absolute;
    bottom: 0px;
    left: 10px;
}

#world_database h3 {
    font-size: 32px;
    position: absolute;
    top: 10px;
    left: 315px;
}

#world_database p {
    position: absolute;
    left: 45%;
    font-size: 20px;
    top: 75px;
}

#data_migration img {
    position: absolute;
    top: 0px;
    left: 10px;
}

#data_migration h3 {
    text-align: left;
    font-size: 32px;
    margin: 20px 0px 25px 250px;
    font-style: italic;
}

#data_migration p {
    text-align: left;
    font-size: 24px;
    margin-left: 300px;
    font-style: italic;
}

#data_migration p span {
    padding: 0px 30px;
    display: block;
    text-indent: -10000px;
    line-height: 3em;
}

#data_aggregation h3 {
    font-size: 32px;
    margin: 10px 0px 0px;
    text-align: center;
}

#data_aggregation p {
    margin-top: 5px;
    font-size: 18px;
    text-align: center;
}