/* resets */

html {
      min-height:101%; /* fixes scroll jumping on firefox */
}

body, div, span, h1, h2, h3, h4, h5, h6, p, ul, li, ol, a, img, table, th, tr, td , sup, fieldset {
	margin:0;
	padding:0;
}

a, img, fieldset {
	border:0;
}

* {
	outline:none;
}

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

ul {
	list-style-type:none;
}

a {
	text-decoration:none;
}

/* common */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#666666;
}

sup {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	vertical-align: top;
}

small {
	display: block;
	padding-left:5px;
}

a:hover {
	text-decoration:underline;
} 

h2 {
	font-size:2em;
	color:#666;
}

a, h6 a {
	color:#666666;
}

a:hover, h6 a:hover {
	color:#f36a20;
}

a.active, h6 a.active {
	color:#f36a20;
}

/* layout */

#wrapper {
	width:580px;
	margin:0 auto 0;
	overflow:hidden;
	padding:7px 0 20px 0;
	background:url(../img/wrapper-bg-gradient.jpg) 0 115px no-repeat;
}

#wrapper.movie {
	background:url(../img/bg-movie-home.jpg) 0 115px no-repeat;
}

#header {
	width:548px;
	margin:0 auto;
	overflow:hidden;
	text-transform: uppercase;
}

#header ul {
	width:548px;
	overflow:hidden;
	margin:-10px 0 0 0;
	text-align:right;
}

#header .home {
	padding-bottom:5px;
	border-bottom:#f36a20 solid 2px;
}

#header ul.sub {
	margin:5px 20px 0 0;
	padding-top:5px;
	border-top:#f36a20 solid 2px;
}

#header ul li {
	display:inline;
	font-size:1em;
	margin:-10px 10px 0 8px;
}

#header ul.sub li {
	margin:10px 10px 0 0;
}

#content {
	overflow:hidden;
}

h1 {
	color:#f3820a;
	text-align: center;
	display:block;
	background: center no-repeat;
	width:100%;
	height:30px;
	margin:20px 0 10px;
	text-indent:-99999px;
}


#footer {
	margin:22px 0 0;
	width:580px;
	float:left;
	position:relative;
	padding:10px 0 10px 0;
}

#footer ul {
	float:left;
	width:470px;
}

#footer ul li {
	font-size:0.9em;
	padding:0 6px;
	float:left;
}

#footer ul li.last {
	border-right:none;
}

/* headers */
h1.hd-home {
	background-image: url(../img/headers/hd-home.gif);
}

h1.hd-access {
	background-image: url(../img/headers/hd-access.gif);
}

h1.hd-powerpoint {
	background-image: url(../img/headers/hd-pp.gif);
}

h1.hd-word {
	background-image: url(../img/headers/hd-word.gif);
}

h1.hd-excel {
	background-image: url(../img/headers/hd-excel.gif);
}

h1.hd-outlook {
	background-image: url(../img/headers/hd-outlook.gif);
}

h1.hd-onenote {
	background-image: url(../img/headers/hd-onenote.gif);
}

h1.hd-publisher {
	background-image: url(../img/headers/hd-publisher.gif);
}

h1.hd-choose {
	background-image: url(../img/headers/hd-choose.gif);
}

h1.hd-choose-step2 {
	background-image: url(../img/headers/hd-choose-step2.gif);
}

h1.hd-compare {
	background-image: url(../img/headers/hd-compare.gif);
}

h1.hd-compare-hb {
	background-image: url(../img/headers/hd-office-hb.gif);
}

h1.hd-compare-hs {
	background: url(../img/headers/hd-office-hs.gif);
}

h1.hd-compare-pro {
	background-image: url(../img/headers/hd-office-pro.gif);
}

h1.hd-recommend {
	background-image: url(../img/headers/hd-recommend.gif);
}

h1.hd-why-upgrade {
	background-image: url(../img/headers/hd-why-upgrade.gif);
}

/* home */

.movie-home {
	width:580px;
	height:252px; 
}

.movie-home div {
	width:390px;
	height:226px;
	margin:0 0 0 14px;
	float:left;
}

.movie-home ul {
	width:126px;
	float:left;
	margin:0 0 0 10px;
}

.movie-home ul li {
	background:url(../img/list-divider.gif) bottom no-repeat;
	padding:7px 15px 7px 0;
	font-size:1.1em;
}

.movie-home ul li.last {
	background:none;
}

ul.hotlinkshome {
	
}

ul.hotlinkshome li {
	background:url(../img/list-divider-vert.gif) right center no-repeat;
	padding:0 25px 0 25px;
	height:140px;
	display:inline-block;
}

ul.hotlinkshome li.last {
	background:none;
}

/* tabs */
.tabs {
	width:100%;
	margin:30px 0 0 0;
	padding-top:20px;
	float:left;	
}

.tabs  .bottom {
	width:558px;
	padding:34px 0 0 0;
	margin:0;
	overflow:hidden;
	background:url(../img/tabs/bg-bottom.png)  5px bottom no-repeat;
}

.tabs ul {
	margin:-56px 0 0 10px;
	padding:10px 10px 0;
	list-style:none;
	float:left;
}
.tabs ul li {
	float:left;
	background:url("../img/tabs/left.png") no-repeat left top;
	margin:0 0 0 -10px;
	padding:0 0 0 9px;
}

.tabs ul a {
	float:left;
	display:block;
	background:url("../img/tabs/right.png") no-repeat right top;
	padding:5px 24px 4px 10px;
	text-decoration:none;
	font-weight:bold;
	color:#765;
	font-size:1.4em;
}

/* Commented Backslash Hack
 hides rule from IE5-Mac \*/
.tabs a {float:none;}

/* End IE5-Mac hack */
.tabs a:hover {
	color:#333;
}

.tabs ul .current {
	background-image:url("../img/tabs/left-on.png");
	border-width:0;
	z-index:2;
	position:relative;
	margin-left:-10px;
}
.tabs ul .current a {
	background-image:url("../img/tabs/right-on.png");
	color:#333;
	padding-bottom:5px;
	padding-left:8px;
	color:#fff;
}

.bg-pane1-top {
	background:url(../img/tabs/bg-pane1-top.png)  6px -2px no-repeat;
}

.bg-pane2-top {
	background:url(../img/tabs/bg-pane2-top.png)  6px -3px no-repeat;
}

.bg-pane1-bt {
	width:558px;
	height:23px;
	margin:0;
	overflow:hidden;
	background:url(../img/tabs/bg-pane1-bt.png)  6px bottom no-repeat;
}

.bg-pane2-bt {
	width:560px;
	padding:35px 0 0 0;
	margin:0;
	overflow:hidden;
	background:url(../img/tabs/bg-pane2-bt.png)  6px bottom no-repeat;
}


/* top 10 */

.tabbody {
	margin: -20px 40px 0 0px;
	float:left;
	position:relative;
	z-index:2;
}

.tb1  {
	position:absolute;
	z-index:4;
	width:500px;
}

.tabbody h2 {
	color:#f3820a;
	margin: 0 0 10px 0;
	font-size:1.2em;
	position:relative;
}

.tabbody p {
	margin: 0 0 10px 0;
	font-size:1.1em;
}

.tabbody p.note {
	margin: 0 0 10px 0;
	padding:10px 20px 20px 35px;
	font-size:1.1em;
}

#content .tb1  h3 {
	margin-bottom:8px;
	font-weight:bold;
	font-size:1.1em;
}

#content .tb1  ul {
	width:100%;
	margin:0 0 0 -8px;
	padding:0;
	font-size:1.1em;
}

#content .tb1 li {
	float:none;
	background: url(../img/bullet3.gif) left no-repeat;
	margin:0 0 6px 8px;
}

#content .tb1 p.single {
	background: url(../img/bullet3.gif) left no-repeat;
	margin:0 0 6px 0;
	padding-left:8px;
}


ol.features {	margin:0 0 5px 0; }

ol.features  li { 
	background:url(../img/divider-features.gif) 4px bottom no-repeat;    
	display:list-item;
	list-style-type:decimal;
	list-style-position:outside;
	vertical-align:top; 
	color:#f3820a; 
	padding:0.6em 0 1.6em 0;
	margin-left:33px;
	font-size:1em;
 }

ol.features p { 
	margin:0; 
	padding:0; 
	color:#666;
}

.tabbody .features-thumb, .tabbody .features-thumb-first, .tabbody .features-landing {
	width:480px;
	background: url(../img/divider-features.png) -2px bottom no-repeat;
	padding:10px 0 16px 0;
	display:block;
	font-size:1.1em;
	overflow:hidden;
}

.tabbody .features-thumb-first {
	padding-top: 0;
}

.tabbody .features-thumb img, .tabbody .features-thumb-first img {
	float:left;
	margin:6px 10px 0 0;
}

.tabbody .features-thumb p, .tabbody .features-thumb-first p, .tabbody .features-landing p {
	float:left;
	display:block;
	width:300px;
	margin-top:7px;
}

.tabbody .features-landing p {
	width: 400px;
}

.tabbody .features-thumb span, .tabbody .features-thumb-first span, .tabbody .features-landing span {
	color:#f3820a;
	float:left;
	display:block;
	width:1.5em;
	margin-top:7px;
}

.tabbody .features-landing span {
	font-weight:bold;
	width: 20px;
}

.tabbody .features-landing strong {
	display: block;
}

#wrapper.overview {
	background:url(../img/overview-bg-gradient.jpg) 0 115px no-repeat;
}

.slidemenu {
	float: left;
	height: 219px;
	width: 46px;
	padding: 10px 0 0 35px;
	position:relative;
}

.slidemenu li, .slidemenu li a {
	text-indent: -9999px;
	display: block;
	height: 36px;
	margin-top:-2px;
}

.slidemenu li {
	position:relative;
}

.slidemenu li#word {
	background:url(../img/word-icon-overview.png) 0 no-repeat;
	z-index:1;
}

.slidemenu li#word.active {
	background:url(../img/word-icon-overview-active.png) 0 no-repeat;
	z-index:2;
}

.slidemenu li#excel {
	background:url(../img/excel-icon-overview.png) 0 no-repeat;
	z-index:1;
}

.slidemenu li#excel.active {
	background:url(../img/excel-icon-overview-active.png) 0 no-repeat;
	z-index:2;
}

.slidemenu li#powerpoint {
	background:url(../img/pp-icon-overview.png) 0 no-repeat;
	z-index:1;
}

.slidemenu li#powerpoint.active {
	background:url(../img/pp-icon-overview-active.png) 0 no-repeat;
	z-index:2;
}

.slidemenu li#outlook {
	background:url(../img/ol-icon-overview.png) 0 no-repeat;
	z-index:1;
}

.slidemenu li#outlook.active {
	background:url(../img/ol-icon-overview-active.png) 0 no-repeat;
	z-index:2;
}

.slidemenu li#onenote {
	background:url(../img/on-icon-overview.png) 0 no-repeat;
	z-index:2;
}

.slidemenu li#onenote.active {
	background:url(../img/on-icon-overview-active.png) 0 no-repeat;
	z-index:2;
}

.slidemenu li#publisher {
	background:url(../img/pub-icon-overview.png) 0 no-repeat;
	z-index:1;
}

.slidemenu li#publisher.active {
	background:url(../img/pub-icon-overview-active.png) 0 no-repeat;
	z-index:2;
}

.slidemenu li#access {
	background:url(../img/access-icon-overview-2.png) 0 no-repeat;
	z-index:1;
}

.slidemenu li#access.active {
	background:url(../img/access-icon-overview-active.png) 0 no-repeat;
	z-index:2;
}

.slideshow {
	float: left;
	margin-top: 17px;
	
}

h2.caption-publisher {
	text-indent: -9999px;
	
}

/* Compare & Choose */

#wrapper.step1 {
	background:url(../img/wrapper-bg-gradient.jpg) 0 115px no-repeat;
}

h6 {
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
}

#content ul.packs-table, #content ul.packs-small  {
	margin: 0 0 10px 110px;
}

#content ul.packs-table li img {
	margin: 0 0 -23px 0;
}

#content ul.packs-table li span {
	display:block;
	position:relative;
	z-index:10;
}


#content ul.packs-table {
	position:relative;
	height: 95px;
}


#content ul.packs-table li {
	display: inline-block;
	text-align: center;
	width: 100px;
	font-size: 1.1em;
	margin-right: 22px;
}



#content ul.packs-small li a, #content ul.packs-table li a {
	display: block;
	font-weight: normal;
	text-decoration:none;
	color:#666;
	
}

.step2-purchase {
	display: block;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 5px;
	text-align: center;
}

#wrapper.compare-suites { /* wrapper is needed here to allow this bg to override the default wrapper bg. Or we change the default wrapper to be also a class! */
	background:url(../img/compare-suites-bg.jpg) 0 100px no-repeat;
}

.compare-suites .tabbody li {
	display: inline-block;
	padding: 5px 0 5px 30px;
	font-size: 1.1em;
	font-weight: bold;
}

.intro-suites {
	padding:0 20px 10px 210px;
}

.intro-suites h1 {
	margin-left:0;
	padding-left:0;
	background-position:left;
	background-repeat:no-repeat;
}

.intro-suites p {
	padding:0 0 20px 3px;
}

.intro-suites span {
	padding:0 5px 0 3px;
	font-size: 1.1em;
	font-weight:bold;
	margin-top:0;
	float:left;
}

.intro-suites a img {
	margin-left:2px;
}

.hs {
	background:url(../img/packshot-hs.png) 38px top no-repeat;
}

.hb {
	background:url(../img/packshot-hb.png) 55px top no-repeat;
}

.pro {
	background:url(../img/packshot-pro.png) 35px top no-repeat;
}


/* Step 1 Table */


table {
	width: 540px;
	margin-bottom: 10px;
}

table .col1 {
	width: 400px;
}

table tr {
	height: 27px;
	margin: 0 0 0 20px;
}

table th.main {
	font-size: 1.5em;
	color: #70706f;
	background-color: #fff;
	height: 26px;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	width:350px;
	
}

table th {
	color: #fff;
	font-size: 0.9em;
	text-align: center;
	padding: 0;
	width: 67px;
}


.row1-col2, .row1-col3, .row1-col4 {
	line-height: 1em; 
}


.row9 {
	color: #707070;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	height: 25px;
}

.row9 .first{
	font-size: 1.2em;
	text-align: left;
	padding-left: 10px;
}

.step1 h3 {
	padding: 0 0 0 20px;
	font-size: 1.1em;
	display: inline;
	margin-left: 10px;
	color: #434343;
}

.word {
	background:url(../img/word-icon.gif) 5px no-repeat;
	text-align:left;
}

.excel {
	background:url(../img/excel-icon.gif) 5px no-repeat;
}

.powerpoint {
	background:url(../img/powerpoint-icon.gif) 5px no-repeat;
}

.onenote {
	background:url(../img/onenote-icon.gif) 5px no-repeat;
}

.outlook {
	background:url(../img/outlook-icon.gif) 5px no-repeat;
}

.publisher {
	background:url(../img/publisher-icon.gif) 5px no-repeat;
}

.access {
	background:url(../img/access-icon.gif) 5px no-repeat;
}


#w7EditionsCompareContent {
	padding: 5px 5px 7px 5px;
	background:url(../img/table-bg.jpg) no-repeat;
	margin-top:15px;
	margin-left: 15px;
}

/* Recommend */

#wrapper.recommend {
	background:url(../img/movie-home.jpg) 0 115px no-repeat;
}

#wrapper.recommend h2 {
	color: #000;
	font-size: 1.3em;
	padding: 55px 60px 0 175px;
}

#wrapper.recommend h3 {
	color: #000;
	font-size: 1.3em;
	padding: 10px 60px 0 175px;
}

#wrapper.recommend h4 {
	font-size: 1.3em;
	padding: 0 30px 0 32px;
	color: #f36a20;
}

#wrapper.recommend p {
	font-size: 1.1em;
	padding: 5px 0 0 175px;
	width:290px;
}

#wrapper.recommend sub {
	display: block;
	font-size: 1em;
	padding: 10px 30px 0 175px;
	color: #888;
}

#content ul.programs {
	margin-top: 10px;
	margin-left: 27px;
}

#content ul.programs li {
	padding: 7px 0 5px 30px;
	height: 20px;
	font-size: 1.1em;
	font-weight: bold;
	display: block;
	background-position: 2px 4px;	
}

.recommend span {
	font-weight: normal;
	margin-bottom:5px;
}


/* Help me choose 1 */

#wrapper.help {
	background:url(../img/wrapper-bg-gradient.jpg) 0 115px no-repeat;
}

#wrapper.help h2 {
	font-size: 1.4em;
}

#wrapper.help h3 {
	font-size: 1.1em;
	padding: 20px 0 5px 20px;
}

.intro2 {
	padding-bottom:20px;
	overflow:hidden;
}

/* Checklist Wizard */

.wizard {
margin-left: 8px;
}

.wizard-nav
{
	position: relative;
	top: -12px;
	left: 10px;
}

ul.wizard-nav {
	
}

.wizard-nav li {
	
	overflow: hidden;
	float: left;
	height: 30px;	
	width: 150px;
	/*border: 5px solid #000;*/
	text-indent: -9999px;
}

.wizardcontrols {
	padding-left:15px;
}

.wizardcontrols .wizardnext, .wizardcontrols .wizardprev { 
	text-indent: -9999px;
	height: 30px;
	display: block;
	cursor: pointer;
	float: left;
	border: 0;
}

.wizardcontrols .wizardnext{ 
	background:url(../img/next-step-button.png) 0 0 no-repeat; 
	width: 100px;
}

.wizardcontrols .wizardprev { 
	background:url(../img/previous-step-button.png) 0 0 no-repeat; 
	width: 116px;
}

p.errormessage {
	color: #F00;
	display: none;
}

p.errordisplay {
	display: block;
	margin:10px 0 0 15px;
	width:100%;
	float:left;
}

li.step1 {
	background:url(../img/step-1-usage.png) 0 0 no-repeat; 
	width: 130px;
}

li.step1-active {
	background:url(../img/step-1-usage-active.png) 0 0 no-repeat; 
	width: 130px;
}

li.step2 {
	background:url(../img/step2-method.png) 0 0 no-repeat; 
	width: 183px;
}

li.step2-active {
	background:url(../img/step2-method-active.png) 0 0 no-repeat; 
	width: 183px;
}

li.step3 {
	background:url(../img/step3-recommendation.png) 0 0 no-repeat; 
	width: 139px;
}

#FirstPage h1 {
	text-indent: -9999px;
	background:url(../img/headers/hd-help-choose-h1.gif) center no-repeat; 
	height: 30px;
	text-align: center;
	width: 100%;
	margin:20px 0 10px;
}

#SecondPage h2 {
	text-indent: -9999px;
	background:url(../img/headers/hd-help-choose-h2.gif) center no-repeat; 
	height: 30px;
	text-align: center;
	width: 100%;
	margin:20px 0 10px;
}

.wizard legend {
	font-weight: bold;
	font-size: 1.1em;
	padding: 10px 0 10px 20px;
}
		
/* Checkboxes */

.checkboxes {
	background:url(../img/help-me-choose-1-ul-bg.png) 0 bottom no-repeat;
	padding: 5px 0 28px 12px;
}

.checkboxes2 {
	background:url(../img/help-me-choose-2-ul-bg.png) 0 bottom no-repeat;

}

li.checked, li.unchecked {
	background:url(../img/help-me-choose-1-li-sprite.png) no-repeat;
	height: 33px;
}
li.checked {
	background-position: 0 -34px;
}
li.unchecked {
	background-position: 0 0;
}
li.unchecked label, li.checked label {
	color: #000;
	display:block;
	cursor:pointer;
	font-size: 1.1em;	
	padding: 10px 0 10px 40px;
}		
		
		
		
/* Recommend */		

.office-home {
	background:url(../img/office-home_packshot.png) 28px 72px no-repeat;
}

.office-home-pkc {
	background:url(../img/office-home_packshot-pkc.png) 28px 72px no-repeat;
}

.office-pro {
	background:url(../img/office-pro_packshot.png) 28px 52px no-repeat;
}

.office-pro-pkc {
	background:url(../img/office-pro_packshot-pkc.png) 28px 52px no-repeat;
}

.office-hb {
	background:url(../img/office-hb_packshot.png) 28px 58px no-repeat;
}

.office-hb-pkc {
	background:url(../img/office-hb_packshot-pkc.png) 28px 58px no-repeat;
}

.buy-now {
	background:url(../img/office-hs-buy-now.png) 28px 90px no-repeat;
}

.buy-now-hb {
	background:url(../img/office-hb-buy-now.png) 26px 90px no-repeat;
}

.buy-now-pro {
	background:url(../img/office-pro-buy-now.png) 13px 90px no-repeat;
}



/* Compare Suites */



.scroll-pane-suites {
	overflow: auto;
	width:476px;
	height: 200px;
	padding-right: 80px;
	margin-left: 146px;	
}

.compare-buy-now {
	position: relative;
	top: 140px;
	left: 44px;
	z-index: 10;
	font-weight: bold;
	font-size: 1.1em;
	color:#f36a20;
}

.compare-suites p {
	font-size: 1.1em;
}

.compare-suites h3 {
	padding: 10px 0;
}

.compare-suites h4 {
	padding: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: bold;
}

.compare-suites ul {
	margin-bottom: 5px;
}

.compare-suites ul.l1 {
	margin:0;
}

.compare-suites  ul.l1 li {
	padding-left:25px;
	background:url(../img/bullet.gif) 10px 10px no-repeat;
	font-weight:normal;
}

.compare-suites .tabbody {
	margin: 10px 80px 0 0;
}

.compare-suites-button {
	margin: 10px 0 0 0;
}

.compare-buttons {
	float:left;
	margin: 10px 0 0 0;
	display:block;
	width:100%;
	text-align:center
}


/* Purchase Method */

.purchase-method {
	margin: 0 39px;
}

.purchase-method p {
	padding: 5px;
	font-size: 1.1em;
}

#wrapper .purchase-method h2 {
	font-family: Verdana;
	font-size: 1.4em;
	font-weight: bold;
	margin: 20px 0 20px 3px;
}

#wrapper .purchase-method h3.hd3 {
	font-weight: bold;
	margin: 5px 0 0 5px;
	padding:0;
}


#wrapper .disc, 
#wrapper .product-key, 
#wrapper .disc-hs, 
#wrapper .product-key-hs, 
#wrapper .disc-hb, 
#wrapper .product-key-hb, 
#wrapper .disc-pro, 
#wrapper .product-key-pro {
	height: 143px;
	width: 240px;
	float: left;
	margin: 5px 0 10px 0;
	padding: 0 0 0 10px;
	position: relative;
	font-family: Verdana, Arial, sans-serif;
}

#wrapper .disc, 
#wrapper .disc-hs, 
#wrapper .disc-hb, 
#wrapper .disc-pro {
	padding-left: 15px;
	width: 235px;
}

#wrapper .disc h3, 
#wrapper .product-key h3, 
#wrapper .disc-hs h3, 
#wrapper .product-key-hs h3, 
#wrapper .disc-hb h3, 
#wrapper .product-key-hb h3, 
#wrapper .disc-pro h3, 
#wrapper .product-key-pro h3 {
	font-size: 1em;
	padding: 10px 0 15px 0;
	color: #fff;
	font-weight: normal;
	text-indent: 0;
}

#wrapper .lnd .intro .disc, #wrapper .lnd .intro .product-key {
	font-size: 0.9em;
	line-height: 1em;
}

#wrapper .product-key h3, 
#wrapper .product-key-hs h3, 
#wrapper .product-key-hb h3, 
#wrapper .product-key-pro h3 {
	padding-left: 0;
}

.disc h4, 
.product-key h4, 
.disc-hs h4, 
.product-key-hs h4, 
.disc-hb h4, 
.product-key-hb h4, 
.disc-pro h4, 
.product-key-pro h4 {
	display: block;
	font-size: 1em;
	padding: 0 0 2px 0;
	font-weight:bold;
}

.disc p, 
.product-key p, 
.disc-hs p, 
.product-key-hs p, 
.disc-hb p, 
.product-key-hb p, 
.disc-pro p, 
.product-key-pro p {
	font-size: 1em;
	line-height: 1.1em;
	padding: 0 0 4px 0;
}

h4.info-disc {
	position: absolute;
	bottom: 40px;
	left: 10px;
}

h4.info-key {
	position: absolute;
	bottom: 15px;
	left: 10px;
}

.disc {
	background:url(../img/purchase-method_all-up-disc.png) 0 0 no-repeat;
}

.product-key {
	background:url(../img/purchase-method_all-up-key.png) 0 0 no-repeat;
}

.product-key p {
	padding-right: 70px;
}

/*
.product-key p, 
.product-key h4 {
	padding: 0 140px 0 10px;
}
*/

.disc-hs {
	background:url(../img/chart-trans-hs-d.png) 0 0 no-repeat;
	padding: 0 120px 0 10px;
	width: 121px;
}

.disc-hb {
	background:url(../img/chart-trans-hb-d.png) 0 0 no-repeat;
	padding: 0 120px 0 10px;
	width: 121px;
}

.disc-pro {
	background:url(../img/chart-trans-pro-d.png) 0 0 no-repeat;
	padding: 0 120px 0 10px;
	width: 121px;
}

.product-key-hs {
	background:url(../img/chart-trans-hs-k.png) 0 0 no-repeat;
}

.product-key-hb {
	background:url(../img/chart-trans-hb-k.png) 0 0 no-repeat;
}

.product-key-pro {
	background:url(../img/chart-trans-pro-k.png) 0 0 no-repeat;
}

div.buttons {
	text-align: center;
	display: block;
	clear: both;
	margin-top: 30px;
}

div.buttons a {
	padding: 3px;
}

/* why upgrade */

.scroll-pane-whyupgrade {
	overflow: auto;
	width:500px;
	height: 200px;
	margin-left:16px;	
}

table#whyupgradehd {
	width:500px;
	margin:20px 0 0 25px;
	border:#f2a62c solid 1px;
}

table#whyupgradehd td {
	background: url(../img/bg-tb2-th.gif) top repeat-x;
	text-align:left;
	padding:16px 0 4px 6px;
	font-size:1.6em;
	color:#000;
}

table#whyupgrade td sup  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
}


table#whyupgradehd td.a1 {
	width:350px;
	font-weight:bold;
	padding-top:6px;
}


table#whyupgradehd td.a2, table#whyupgradehd td.a3, table#whyupgradehd td.a4 {
	font-size:1.3em;
	width:50px;
	text-align:center;
	padding-left:0;
	font-weight:bold;
	padding-top:6px;
}

table#whyupgrade {
	width:500px;
	margin:0 0 40px 9px;
	border:#e0dcc8 solid 1px;
	position:relative;
}

table#whyupgrade td.b2, table#whyupgrade td.b3, table#whyupgrade td.b4 {
	font-size:1.3em;
	width:50px;
	text-align:center;
	padding-left:0;
	
}

table#whyupgrade td {
	background:#fff;
	border-left:#e0dcc8 solid 1px;
	
}

table#whyupgrade td.c1, table#whyupgrade td.c2, table#whyupgrade td.c3, table#whyupgrade td.c4 {
	background:#f6f6f6;
}

table#whyupgrade td a {
	font-size:1.2em;
	text-decoration:underline;
	color:#f3771b;
	padding-left:6px;
	display:block;
}

table#whyupgrade td.icon {
	text-align:center;
}

.keys {
	margin:15px 0 0 34px;
}


.keys span {
	color:#666;
	font-size:1.2em;
	font-weight:bold;
}
.keys ul {
	
}

.keys ul li {
	padding:0 0 0 12px;
	color:#666;
	font-size:1.2em;
}

.keys ul li.key1 {
	background:url(../img/icon1.png) left no-repeat;
}

.keys ul li.key2 {
	background:url(../img/icon2.png) left no-repeat;
}

.keys ul li.key3 {
	background:url(../img/icon3.png) left no-repeat;
}

p.intro {
	font-size:1.1em;
	width:500px;
	margin-left:35px;
}