﻿/* Headings */

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 2.462em; /* 32px */
	line-height: 1.19em;
	margin-bottom: 15px;
	letter-spacing: -0.03em;
	color: #525252;
}
h1.products {
	color: #afb4b4;
	margin: 22px 0 0 0;
	line-height: 100%;
}
h2 {
	font-size: 1.286em; /* 18px */
	line-height: 1.056em; /* 19(px) : 18(px) =   1.056(em) */
	padding: 9px 0 10px 0; /* was margin: 9px 0 10px 0; but changed beacuse of 19px + 9px case */
	color: #2C2C2C;
}
h2.products {
	padding: 0 0 10px 0;
	line-height: 100%;
}
h3, h4, h5, h6  {
	/* font-family: "Lucida Grande", Calibri, Verdana, Geneva, Tahoma, sans-serif; */
	font-size: 1em; /* 14px */
	line-height: 1.357em;
	margin: 0;
	color: black;
}

sup {
	font-size: 0.85em;
	vertical-align: super;
}
sub {
	font-size: 0.85em;
	vertical-align: sub;
}
/* Big button */
span.button a { 
    height: 32px;
    font: bold 18px/32px Helvetica, Arial, sans-serif;
    text-decoration: none;
    float: left;
    display: block;
    overflow: hidden;
    padding: 0;
}
    span.button a span {
        display: block;
        white-space: nowrap;
        padding: 5px 12px 5px 0;
        line-height: 23px;
        cursor: pointer;
    }

/* Blue */

span.button a.blue {
    background: #42B2F5;
	color: #fff;
    padding: 0 0 0 12px;
    background: #42B2F5 url(/i/images/buttons/blue/blue_comp_left.png) left top no-repeat;
}

span.button a.blue:hover {
    padding: 0 0 0 12px;
    background: #42B2F5 url(/i/images/buttons/blue/blue_comp_left.png) 0 -32px no-repeat;
}
	span.button a.blue span {
	    background: #42B2F5 url(/i/images/buttons/blue/blue_comp_right.png) right top no-repeat;
	}
	span.button a.blue:hover span {
	    background: #42B2F5 url(/i/images/buttons/blue/blue_comp_right.png) right -32px no-repeat;
	}
span.button a.blue.skypeCredit {
    padding: 0 0 0 40px;
    background: #42B2F5 url(/i/images/buttons/blue/blue_comp_credit_left.png) left top no-repeat;
}

span.button a.blue.skypeCredit:hover {
    padding: 0 0 0 40px;
    background: #42B2F5 url(/i/images/buttons/blue/blue_comp_credit_left.png) 0 -32px no-repeat;
}

span.button a.blue.shop {
    padding: 0 0 0 40px;
    background: #42B2F5 url(/i/images/buttons/blue/blue_comp_shop_left.png) left top no-repeat;
}

span.button a.blue.shop:hover {
    padding: 0 0 0 40px;
    background: #42B2F5 url(/i/images/buttons/blue/blue_comp_shop_left.png) 0 -32px no-repeat;
}

span.button a.blue.logitechWebcam {
    padding: 0 0 0 40px;
    background: #42B2F5 url(/i/images/buttons/blue/blue_comp_logitechwebcam_left.png) left top no-repeat;
}

span.button a.blue.logitechWebcam:hover {
    padding: 0 0 0 40px;
    background: #42B2F5 url(/i/images/buttons/blue/blue_comp_logitechwebcam_left.png) 0 -32px no-repeat;
}
span.button a.blue.freeCall {
    padding: 0 0 0 40px;
    background: #42B2F5 url(/i/images/buttons/blue/blue_comp_call_left.png) no-repeat scroll left top;
}
span.button a.blue.freeCall:hover {
    padding: 0 0 0 40px;
    background: #42B2F5 url(/i/images/buttons/blue/blue_comp_call_left.png) 0 -32px no-repeat;
}

/* Text styles based on content, tables etc */

#content #paddedContent table.list {
	width: 100%;
	border-top: 1px solid #d9d9d9;
	margin-bottom: 28px;
}
#content #paddedContent table.list td,
#content #paddedContent table.list th {
	padding: 3px 20px;
	border-bottom: 1px solid #d9d9d9;
}
#content #paddedContent table.list thead td,
#content #paddedContent table.list thead th {
	background: #e5f6fd;
}
#content #paddedContent table.list th {
	font-weight: bold;
}

#content #paddedContent table.prices {
	width: 100%;
	border-top: 1px solid #cbcdcd;
	margin-bottom: 28px;
}
#content #paddedContent table.prices td,
#content #paddedContent table.prices th {
	padding: 12px 10px;
}

#content #paddedContent table.prices tr.grey td,
#content #paddedContent table.prices tr.grey th {
	background-color: #f2f2f2;
}

#content #paddedContent table.prices tr.grey td {
	border-left: 1px solid #ffffff;
}

#content #paddedContent table.prices td span {
	color: #afb4b4;
}

#content #paddedContent table.prices th {
	line-height: 16px;
}

#content #paddedContent table.prices th img {
	float: left;
	margin: 0 8px 0 0;
}

#content #paddedContent p,
#content #paddedContent h1,
#content #paddedContent h2,
#content #paddedContent h3,
#content #paddedContent h4,
#content #paddedContent h5,
#content #paddedContent h6,
#content #paddedContent .padded {
	padding-left: 20px;
	padding-right: 10px;
}

	#content #paddedContent h1.icon img {
		vertical-align: middle;
		margin-top: -8px;
		background: white;
		padding-right: 8px;
	}

#content #paddedContent ul p,
#content #paddedContent ul h1,
#content #paddedContent ul h2,
#content #paddedContent ul h3,
#content #paddedContent ul h4,
#content #paddedContent ul h5,
#content #paddedContent ul h6,
#content #paddedContent ul .padded {
	padding-left: 0;
	padding-right: 10px;
}

#content div.fullWidth h1,
#content div.fullWidth h2,
#content div.fullWidth h3,
#content div.fullWidth h4,
#content div.fullWidth h5,
#content div.fullWidth p,
#content div.fullWidth .padded {
	padding-left: 20px
	padding-right: 20px;
}
#content #paddedContent li {
	padding-right: 10px;
}

#content #paddedContent .contentSplit .leftQuarter p,
#content #paddedContent .contentSplit .leftQuarter h1,
#content #paddedContent .contentSplit .leftQuarter h2,
#content #paddedContent .contentSplit .leftQuarter h3 {
	padding-right: 0;
}
#content #paddedContent .contentSplit .rightQuarter p,
#content #paddedContent .contentSplit .rightQuarter h1,
#content #paddedContent .contentSplit .rightQuarter h2,
#content #paddedContent .contentSplit .rightQuarter h3 {
	padding-left: 0;
}

#content #paddedContent img.floatl {
	margin: 0 20px 0 -10px;
}

#content #paddedContent img.floatr {
	margin: 0 -10px 0 20px;
}

#content ul {
	margin-left: 0px;
	padding-left: 20px;
	list-style: outside circle;
}
#content ol {
	margin-left: 0px;
	padding-left: 20px;
	list-style: decimal inside;
}
#content ul li,
#content ol li {
	overflow: visible;
}
small {
	color: #7b7f81;
	font-size: 0.85em;
}
ul.small {
	color: #7b7f81;
	font-size: 0.85em;
	margin-top: 0;
}
#content ul li.title {
	list-style: none;
}
#content ul li.action {
	list-style: none;
}
p.center {
	text-align: center;
}
.graphicalSteps {
	background: url(/i/images/backgrounds/graphical_steps.png) no-repeat 23px bottom;
	padding-left: 35px;
}

.removeStepsBorder {
	background: #fff;
	margin-left: -35px;
	padding-left: 35px;
	margin-bottom: -15px;
}

#content #paddedContent div.fakeParagraph {
	margin-bottom: 1.357em;
	height: 100%;
}

#content #paddedContent h2.step1,
#content #paddedContent h2.step2,
#content #paddedContent h2.step3,
#content #paddedContent h2.step4,
#content #paddedContent h2.step5,
#content #paddedContent h2.step6,
#content #paddedContent h2.step7,
#content #paddedContent h2.step8,
#content #paddedContent h2.step9,
#content #paddedContent h2.step10,
#content #paddedContent.fullWidth h2.step1,
#content #paddedContent.fullWidth h2.step2,
#content #paddedContent.fullWidth h2.step3,
#content #paddedContent.fullWidth h2.step4,
#content #paddedContent.fullWidth h2.step5,
#content #paddedContent.fullWidth h2.step6,
#content #paddedContent.fullWidth h2.step7,
#content #paddedContent.fullWidth h2.step8,
#content #paddedContent.fullWidth h2.step9,
#content #paddedContent.fullWidth h2.step10,
#content #paddedContent h2.step1Disabled,
#content #paddedContent h2.step2Disabled,
#content #paddedContent h2.step3Disabled,
#content #paddedContent h2.step4Disabled,
#content #paddedContent h2.step5Disabled,
#content #paddedContent h2.step6Disabled,
#content #paddedContent h2.step7Disabled,
#content #paddedContent h2.step8Disabled,
#content #paddedContent h2.step9Disabled,
#content #paddedContent h2.step10Disabled {
	padding-left: 35px !important;
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: -25px;
	zoom: 1;
}

#content #paddedContent p.step1,
#content #paddedContent p.step2,
#content #paddedContent p.step3,
#content #paddedContent p.step4,
#content #paddedContent p.step5,
#content #paddedContent p.step6,
#content #paddedContent p.step7,
#content #paddedContent p.step8,
#content #paddedContent p.step9,
#content #paddedContent p.step10 {
	padding: 9px 0 8px 35px !important;
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: -25px;
	zoom: 1;
}

h2.step1,
p.step1 {
	background-image: url(/i/images/bullets/blue_1.png);
}
h2.step2,
p.step2 {
	background-image: url(/i/images/bullets/blue_2.png);
}
h2.step3,
p.step3 {
	background-image: url(/i/images/bullets/blue_3.png);
}
h2.step4,
p.step4 {
	background-image: url(/i/images/bullets/blue_4.png);
}
h2.step5,
p.step5 {
	background-image: url(/i/images/bullets/blue_5.png);
}
h2.step6,
pstep6 {
	background-image: url(/i/images/bullets/blue_6.png);
}
h2.step7,
p.step7 {
	background-image: url(/i/images/bullets/blue_7.png);
}
h2.step8,
p.step8 {
	background-image: url(/i/images/bullets/blue_8.png);
}
h2.step9,
p.step9 {
	background-image: url(/i/images/bullets/blue_9.png);
}
h2.step10,
p.step10 {
	background-image: url(/i/images/bullets/blue_10.png);
}
h2.step1Disabled {
	background-image: url(/i/images/bullets/grey_1.png);
	color: #959595;
}
h2.step2Disabled {
	background-image: url(/i/images/bullets/grey_2.png);
	color: #959595;
}
h2.step3Disabled {
	background-image: url(/i/images/bullets/grey_3.png);
	color: #959595;                                    
}                                                      
h2.step4Disabled {                                    
	background-image: url(/i/images/bullets/grey_4.png);
	color: #959595;                                    
}                                                      
h2.step5Disabled {                                    
	background-image: url(/i/images/bullets/grey_5.png);
	color: #959595;                                    
}                                                      
h2.step6Disabled {                                    
	background-image: url(/i/images/bullets/grey_6.png);
	color: #959595;                                    
}                                                      
h2.step7Disabled {                                    
	background-image: url(/i/images/bullets/grey_7.png);
	color: #959595;                                    
}                                                      
h2.step8Disabled {                                    
	background-image: url(/i/images/bullets/grey_8.png);
	color: #959595;                                    
}                                                      
h2.step9Disabled {                                    
	background-image: url(/i/images/bullets/grey_9.png);
	color: #959595;                                    
}
h2.step10Disabled {
	background-image: url(/i/images/bullets/grey_10.png);
	color: #959595;
}
#content div.contentbox div.boxheading {
	padding: 10px 10px 8px 10px;
	margin: 0 !important;
	font: bold 1.385em Helvetica, Arial, sans-serif;
	color: #2c2c2c;
}

#content div.contentbox p {
	margin: 0;
	padding: 10px;
}

#content div.contentbox img.floatr {
	padding: 0 10px 10px 10px;
}

#content div.contentbox.yellow {
	background-color: #fff8e1;
}

#content div.contentbox.yellow div.boxheading {
	background-color: #ffe9a4;
}

#content div.contentbox.blue {
	background-color: #e2f2fe;
}

#content div.contentbox.blue div.boxheading {
	background-color: #9dd6ff;
}

#content div.contentbox.orange {
	background-color: #fff0e5;
}

#content div.contentbox.orange div.boxheading {
	background-color: #ffb97f;
	color: #ffffff;
}

#content #infoBox {
	margin: 10px 0 0 10px;
	background: url(/i/images/backgrounds/yellow_blue_bottombox_bg.png) -462px 0px repeat-y;
}

#content #infoBox p {
	padding: 10px;
}
#content #infoBox .leftBlock {
	width: 335px;
	float: left;
}

#content #infoBox .rightBlock {
	width: 335px;
	float: right;
}

#content #infoBox .leftBlockTriple {
	width: 210px;
	float: left;
	margin: 0 10px 0 0;
}

#content #infoBox .centerBlockTriple {
	width: 220px;
	float: left;
}

#content #infoBox .rightBlockTriple {
	width: 230px;
	float: right;
}

#content .hiddenElement {
    visibility: hidden !important;
}

#content .shownElement {
    visibility: visible !important;
}

#content .hiddenBlock {
    display: none !important;
}

#content .shownBlock {
    display: block !important;
}

#content .upSellBox {
    background: url(/i/images/backgrounds/upsell_box.png) no-repeat bottom left;
    overflow: hidden;
    zoom: 1;
}
#content .upSellBoxYellow {
    background: url(/i/images/backgrounds/upsell_box_yellow.png) no-repeat bottom left;
    overflow: hidden;
    zoom: 1;
}
    #content .upSellBox h2,
    #content .upSellBoxYellow h2 {
        margin-bottom: 0.75em;
        padding-top: 10px;
    }
    #content .upSellBox .leftColumn {
        width: 345px;
        float: left;
        display: inline;
        overflow: hidden;
    }
        #content .upSellBox .leftColumn h2 {
            background: #9dd6ff;
            padding-left: 10px !important;
            margin-left: 10px;
        }
    #content .upSellBox .rightColumn {
        width: 345px;
        float: right;
        display: inline;
        overflow: hidden;
    }
        #content .upSellBox .rightColumn h2,
        #content .upSellBoxYellow .singleColumn h2 {
            background: #ffe9a4;
            padding-left: 10px !important;
            margin-left: 10px;
        }
    #content .upSellBoxYellow .singleColumn {
        overflow: hidden;
    }
    #content .upSellBox h2 img,
    #content .upSellBoxYellow h2 img {
        margin: -5px 0 0 0 !important;
    }
    #content .upSellBox p.buttonSmallAndText,
    #content .upSellBoxYellow p.buttonSmallAndText {
        margin-bottom: 1em;
    }
    #content .upSellCta {
        height: 23px;
    }
#content h2 img.icon16 {
	vertical-align: middle;
	margin: 0px 5px 4px 0px;
}
#content p.message {
	padding: 14px 20px 16px 67px !important;
	margin: 1.31em 0 1.45em 0 !important;
}
#screenshotWindows {
	float: right;
	margin: -170px 0px 0 20px;
	z-index: 999;
	position: relative;
}
.vistaCertified {
    float: right;
    margin: -5px -25px 0 20px;
}
#screenshotMacosx {
	float: right;
	margin: -210px 35px 0 20px;
	z-index: 999;
	position: relative;
}
#screenshotLinux {
	float: right;
	margin: -210px 35px 0 20px;
	z-index: 999;
	position: relative;
}
#screenshotLinuxChoose {
	float: right;
	margin: -255px 35px -3px 20px;
	z-index: 999;
	position: relative;
}
#screenshotN800{
	float: right;
	margin: -120px 35px 0 20px;
	z-index: 999;
	position: relative;
}
#screenshotN810{
	float: right !important;
	margin: -145px 0 0 20px;
	z-index: 999;
	position: relative;
}
#screenshotPSP {
	float: right !important;
	margin: -125px -10px 0 -50px;
	z-index: 999;
	position: relative;
}
#screenshotEmailtoolbar {
	float: right;
	margin: -87px -20px 0 20px;
	z-index: 999;
	position: relative;
}
#screenshotOfficeToolbar {
	float: right;
	margin: -154px -10px 0 20px;
	z-index: 999;
	position: relative;
}
.downloadForm {
	/*border-top: 1px solid #7fd7f7;
	border-bottom: 1px solid #7fd7f7;
	background: #e5f6fd url(/i/images/illustrations/download_blue.png) no-repeat 354px 0px;*/
	display: block;
	padding: 14px 20px 20px 20px;
	margin: 9px 0 17px 0;
}

.downloadForm.emailToolbar {
	background: #e5f6fd url(/i/images/illustrations/download_blue.png) no-repeat 540px -37px;
}
.officeToolbar {
	background: #e5f6fd;
}
.chooseForm {
	border-top: 1px solid #7fd7f7;
	border-bottom: 1px solid #7fd7f7;
	background: #e5f6fd url(/i/images/illustrations/download_blue.png) no-repeat 570px -18px;
	display: block;
	padding: 14px 10px 20px 10px;
	margin: 9px 0 17px 0;
	overflow: hidden;
	zoom: 1;
}
.downloadWindows,
.downloadMac,
.downloadLinux,
.downloadOfficeToolbar,
.downloadEmailToolbar,
.downloadMobile,
.downloadPsp {
	padding-left: 43px;
	width: 400px;
	padding-top: 11px;
}
.downloadWindows {
	background: url(/i/images/icons/download_windows.png) no-repeat top left;
}
.downloadMac {
	background: url(/i/images/icons/download_mac.png) no-repeat top left;
}
.downloadLinux {
	background: url(/i/images/icons/download_linux.png) no-repeat top left;
}
.downloadMobile {
	background: url(/i/images/icons/download_mobile.png) no-repeat top left;
}
.downloadEmailToolbar {
	background: url(/i/images/icons/download_emailtoolbar.png) no-repeat 0 6px;
}
.downloadOfficeToolbar {
	background: url(/i/images/icons/download_officetoolbar.png) no-repeat 0 6px;
	width: 280px;
}
.downloadPsp {
	background: url(/i/images/icons/download_psp.png) no-repeat top left;
}
.downloadForm h2 {
	margin-top: 0;
}
#content #paddedContent .downloadForm h2,
#content #paddedContent .downloadForm p {
	padding: 0;
}
p#upgradeToLatest {
	margin-bottom: 0;
	display: none;
}
div.chooseLinux {
	float: left;
	width: 265px;
}
#content #paddedContent div.chooseLinux p {
	padding: 0;
}
div.chooseLinux p.last {
	margin-bottom: 0;
	padding-bottom: 0;
}
div.chooseLinux p img {
	float: left;
}

.rightColumn p,
.rightColumn h3,
.rightColumn h2 {
	padding-left: 0 !important;
}

.rightColumn h3 img.icon {
	margin: 0 5px 0 0;
	float: left;
}

p.center {
	padding: 0 !important;
}

p.center strong {
	display: block;
}

p.center span {
	display: block;
}

/* Images for different Linux distros */
img#downloadUbuntu {
	margin: 0 13px 0 1px;
}
img#downloadDebian {
	margin: 0 16px 0 6px;
}
img#downloadMepis {
	margin: -2px 16px 0 8px;
}
img#downloadXandros {
	margin: -4px 13px 0 2px;
}
img#downloadFedora {
	margin: 1px 13px 0 2px;
}
img#downloadSuse {
	margin: 0 14px 0 0;
}
img#downloadMandriva {
	margin: -3px 14px 0 1px;
}
img#downloadDynamicStatic {
	margin: 2px 17px -10px 4px;
}

div.chooseLinux ul {
    margin: 0 0 0 10px !important;
    padding: 0 !important;
}

div.chooseLinux ul li {
    list-style: none !important;
    padding: 10px 0 0 48px !important;
    min-height: 35px;
}

* html div.chooseLinux ul li {
    height: 35px;
}

div.chooseLinux ul li#distroUbuntu {
    background: url(/i/images/icons/download_ubuntu.png) left center no-repeat;
}
div.chooseLinux ul li#distroDebian {
    background: url(/i/images/icons/download_debian.png) left center no-repeat;
}
div.chooseLinux ul li#distroMepis {
    background: url(/i/images/icons/download_mepis.png) left center no-repeat;
}
div.chooseLinux ul li#distroXandros {
    background: url(/i/images/icons/download_xandros.png) left center no-repeat;
}
div.chooseLinux ul li#distroFedora {
    padding-top: 0 !important;
    padding-bottom: 1px !important;
	background: url(/i/images/icons/download_fedora.png) left center no-repeat;
}
div.chooseLinux ul li#distroSuse {
    background: url(/i/images/icons/download_suse.png) left center no-repeat;
}
div.chooseLinux ul li#distroMandriva {
    background: url(/i/images/icons/download_mandriva.png) left center no-repeat;
}
div.chooseLinux ul li#distroDynSta {
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    background: url(/i/images/icons/download_stat-dyn.png) left center no-repeat;
}
div.chooseLinux ul li#distroCentos {
    background: url(/i/images/icons/download_centos.png) left center no-repeat;
}

#pspWithHeadphones {
    margin: 0 -10px 0 10px;
}
#prettyGirlPsp {
    /* margin: 6px 0 0 0; */
}
* html #prettyGirlPsp {
    position: absolute;
    /* width: 235px; */
}
li.bulletPsp {
     list-style-image: url(/i/images/bullets/psp_device.png);
}
li.bulletHeadset {
     list-style-image: url(/i/images/bullets/headphones.png);
}
li.bulletWifi {
     list-style-image: url(/i/images/bullets/wifi.png);
}
li.bulletMemoryStick {
     list-style-image: url(/i/images/bullets/memory_stick.png);
}

img#soundQuality {
    padding-bottom: 8px;
}

img#myspaceIllustartion {
    margin-left: 10px;
}

.style1 {
	direction: ltr;
}

