/**
 * File: style.js, $Revision: 1.223 $
 * Global CSS file for HUP.
 * 
 * Last Modified by: $Author: MPLS\vnikam, jkramer $
 * On: $Date: 2015/06/05 22:39:37 $
 *
 */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y: scroll;}
html,button,input,select,textarea{font-family:sans-serif;color:#222}
body{margin:0;font-size:1em;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;}
a{color:#00e}
a:visited{color:#551a8b}
a:hover{color:#06e}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
ins{background:#ff9;color:#000;text-decoration:none}
mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}
pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:"";content:none}
small{font-size:85%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
ul,ol{margin:1em 0;padding:0 0 0 40px}
dd{margin:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:0;margin:0;padding:0}
label{cursor:pointer}
legend{border:0;*margin-left:-7px;padding:0;white-space:normal}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
input:invalid,textarea:invalid{background-color:#f0dddd}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top}
.chromeframe{margin:.2em 0;background:#ccc;color:black;padding:.2em 0}
.link{text-decoration:underline}


/* =============================================================================
   Grid system
   ========================================================================== */

.container {
  max-width: 58.75em; /* 940px/16px = 58.75em */
}   

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8 {float: left; display: inline; margin: 0 1.063829787%;}
.grid-1 { width: 10.63829787%; /* 100px/940px = 10.63829787% */}
.grid-2 { width: 23.404255319%; /* 220px/940px = 23.404255319% */ }
.grid-3 { width: 36.170212766%; /* 340px/940px = 36.170212766% */ }
.grid-4 { width: 48.936170213%; /* 460px/940px = 48.936170213% */ }
.grid-5 { width: 61.70212766%; /* 580px/940px = 61.70212766% */ }
.grid-6 { width: 74.468085106%; /* 700px/940px = 74.468085106% */ }
.grid-7 { width: 87.234042553%; /* 820px/940px = 87.234042553% */ }
.grid-8 { width: 100%; /* 940px/940px = 100% */ }
.alpha { margin-left: 0; }
.omega { margin-right: 0; }
.push-right { float: right; }
.push-left { float: left; }

/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

/* =============================================================================
   BEGIN: Common Styles

   Define styles are that are not associated with a particular page or
   section. These styles can be reused anywhere on the site.
   ========================================================================== */

body {
  background: #FFFFFF;
  color: #000;
  font-family: "Segoe UI", Segoe, Arial, Sans-Serif;
}

#wrapper {
  background: #FFF;
  margin: 0 auto;
  padding: 20px 1.25em 0; /* 20px/16px = 1.25em*/
}

h1, h2, h3, h4 {
  font-family: "Segoe UI Light","Segoe UI", Arial, Sans-Serif;
  font-weight: 400;
}

#content {
  font-size: 0.8125em; /* 13px/16px = 0.8125em */
}

h1 {
  float: left;
  margin: 0;
}

h2 {
  font-size: 2.77em; /* 36px/13px = 2.77em */
  margin: 0 0 30px;
}

h3 {
  font-size: 2.3em; /* 30px/13px = 2.3em */
}

h4 {
  font-size: 1.82em; /* 24/13px = 1.82em */
}

.learn-more {
  border-left: 1px solid #000;
  margin-left: 10px;
  padding-left: 10px;
	text-decoration:underline;
}

.note {
  color: #8F8F8F;
  font-size: 0.85em;
  margin: 0;
}

.sabrix {
  font-size: 0.85em;
  margin:15px auto 0px;
	width:740px;
	float:left;
}

.loader-container {
  padding: 10px 0;
  text-align: center;
}

img.ajax-loader {
  width: 41px;
}

.req-marker {
  color: #B91B19;
}

.payment-icons img {
  margin-right: 10px;
  cursor:pointer;
}

.payment-control{
  display: block;
  width: 680px;
}


/* =============================================================================
   BEGIN: Red arrow Styles
  
   ========================================================================== */

.arrow-up-down {
  border-top: 6px solid transparent;
  border-bottom: 6px solid #b91b19;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: inline-block;
  height: 0;
  width: 0;
  margin-bottom: 0px;
  margin-top:4px;
}

.collapsed .arrow-up-down {
  border-top: 6px solid #b91b19;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  margin-bottom: 0;
}

.arrow-right-down {
  border-top: 6px solid #B91B19;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: inline-block;
  height: 0;
  width: 0;
  margin-right:5px;
  margin-bottom: -1px;
}
.collapser .arrow-right-down
{
   border-color: transparent transparent transparent #B91B19;
    border-style: solid;
    border-width: 6px;
    margin-bottom: 0;
    margin-right:0;
}
.collapsed .arrow-right-down {
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #B91B19;
  border-right: 6px solid transparent;
  margin-bottom: -2px;
}

/* FAQ expand-collapse styles */

#contactus .tileSection .tile a {
	float: left;
	width: 100%;
}
#faq .showAll_links_universal #show-all {
	float:left;
}
#faq .showAll_links_universal #show-all span {
	float:left;
}
#faq .arrow-right-down, #contactus .arrow-right-down  ,#home .arrow-right-down, #logon .arrow-right-down, #logon .arrow-up-down, #default .arrow-up-down,#default .arrow-right-down,#accesshistory .arrow-up-down,#accesshistory .arrow-right-down
{
    background-image:url("../expand-collapse.png");
    background-position:bottom;
    background-repeat:no-repeat;
    height:14px;
    width:16px;
    margin-right:5px;
    border:none;
}
#faq .collapsed .arrow-right-down, #contactus .collapsed .arrow-right-down ,#home .collapser .arrow-right-down ,#logon .collapser .arrow-right-down, #default .collapsed .arrow-up-down,#default .collapsed .arrow-right-down,#accesshistory .collapsed .arrow-up-down,#accesshistory .collapsed .arrow-right-down,#accesshistory .collapser .arrow-right-down
{
    background-image:url("../expand-collapse.png");
    background-position:top;
    background-repeat:no-repeat;
    height:14px;
    width:16px;
    margin-right:5px;
    border:none;
}
#returns-sec2 h3 a
{
	text-decoration:underline;
	margin-left:10px;
	margin-right:10px;
}
#home .arrow-right-down, #logon .arrow-right-down { margin-bottom:-4px; }
/* =============================================================================
   BEGIN: Common Form Styles
  
   Common styles required for form elements such as labels, input boxes etc.
   ========================================================================== */

label {
  display: block;
  font-size: 1.08em; /* 14px/13px = 1.07em */
  margin: 20px 0 10px;
}

/* =============================================================================
   BEGIN: Link styling
   ========================================================================== */

a, a:visited  {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #D2480E;
}

a.blue-link {
  color: #176BA7;
}

a.blue-link:hover {
  color: #004185;
}

#contactus .phone-table a, #shopperinfo .cin-field a, #termsofuse a,
#home .success-message a, #checkout .terms a, #checkout .termsBox a, #shopperinfo #termsBox a {
	text-decoration:underline
}
#termsofuse #footer a{text-decoration:none}
.header-links a{text-decoration: none; font-weight: bold; color:#176BA7}
header h1 a:focus{border:dotted 1px black;}
.header-links a:focus{border:dotted 1px black;}
#global-footer #footer p a:focus{border:dotted 1px black;}
/* =============================================================================
   BEGIN: Button styling
   ========================================================================== */

.button {
  background: none;
  border: 0 none;
	moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-size: 1em; /* 16px / 16px = 1em*/
	font-family: "Segoe UI",Arial,Sans-Serif;
  overflow: visible;
  padding: 5px 23px 6px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
#basket .add-to-cart:focus {
  border: 1px dotted #ccc;
}
.button-purchased {
  cursor: default;
  display: inline-block;
  font: 1.2em Segoe UI; /* 16px / 16px = 1em*/
  padding: 5px 10px 6px 0;
  white-space: nowrap;
	text-transform:uppercase;
	font-weight:bold;
	color: #b91b19;
}

.button:active {
  position: relative;
  top: 1px;
}

.button:focus {
  outline: thin dotted;
}

.green-button {
  background-color: #A3CF51;
}

.green-button:hover {
  background-color: #3F3F3F;
  color: #FFF;
}

.blue-button {
  background: #176BA7;
  color: #FFF;
}

.blue-button:hover {
  background-color: #3F3F3F;
  color: #FFF;
}

.gray-button, .gray-button:hover {
  background-color: #CCC;
	font-weight:bold;
}

.add-to-cart {
  background: #176BA7;
  color: #FFF;
}

.purchased.tool-tip
{
  color: #EE7523;
  cursor : help;
 }

.purchased{
  cursor: default;
}

.purchased.with-icon span  {
  background: #3F3F3F;
   border-radius: 5px;
  display: inline-block;
  color: #FFF;
  line-height: 26px;
  margin: 5px 0 3px;
  padding: 0 13px 2px 6px;
}

#default .tooltip { left:0; }
#default .button .tooltip { font-size: 0.8em; }
/*#default .purchased .tooltip { left:-50px; }*/
#default .components .tooltip { margin-bottom:10px;}
#default .purchased .tooltip .arrow { margin:0 60px -1px;}
#default .purchased .tooltip { left:-90px; top:35px; }

.add-to-cart:hover {
  background: #3F3F3F;
  color: #FFF;
}


.add-to-cart.with-icon, .purchased.with-icon {
  background: url("../add-to-cart-left.png") no-repeat scroll left bottom transparent;
	padding: 0 0 0 40px;
  height: 36px;
}

.add-to-cart.with-icon span {
  background: #176BA7;
  border-radius: 5px;
  display: block;
  color: #FFF;
  line-height: 26px;
  margin: 5px 0 3px;
  padding: 0 13px 2px 6px;
}

.add-to-cart.with-icon:hover, .purchased.with-icon {
  background-image: url("../add-to-cart-left-hover.png");
}

.add-to-cart:hover span, .purchased span {
  background: #3F3F3F;
  color: #FFF;
}

.button.download {
  background-image: url("../download.png");
  background-repeat: no-repeat;
  background-position: 10px 70%;
  padding-left: 40px;
  padding-right: 15px;
}

/* =============================================================================
   BEGIN: Styles for help icon

   Markup required:
   <span class="help"><span>?</span></span>
   ========================================================================== */

.help {
  color: #EE7523;
  cursor: help;
}

.help .tooltip {
  color: #444;
  cursor: text;
  font-size: 0.85em;
  left: -118px;
  width: 250px;
}

#home .help .tooltip {
    left: -200px;
}

#accesshistory .help .tooltip {
	left:-17px;
	top:17px;
	}
	
#accesshistory .tooltip .arrow { 
	margin:-1px 15px; 
	}	
	
.dr-use-borderradius span.help {
  border: 1px solid #EE7523;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -o-border-radius:8px;
  border-radius: 8px;
  display: inline-block;
  height: 14px;
  width: 14px;
	margin-left:5px;
}

.dr-use-borderradius span.help span {
  display: block;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  margin: 0;
  padding: 0 4px;
}

.dr-use-no-borderradius span.help {
  background: url("../help.png") no-repeat;
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}

.dr-use-no-borderradius span.help span {
  display: none;
}

/* =============================================================================
   BEGIN: Header Styles
   ========================================================================== */
header .myaccountTab{display: none;}

header img {
  vertical-align: top;
}

header h1 a {
  display: block;
}

header .header-links {
  float: right;
  font-size: 0.75em; /* 12px/16px = 0.75em */
  list-style: none;
  margin: 0;
	max-width:64%;
}
#faq header .header-links, #contactus  header .header-links {
  width:50% !important; max-width:auto;
}

header .header-links li {
  border-right: 1px solid #CCC;
  float: right;
	margin-bottom: 3px;
  padding-right: 5px;
  margin-left: 5px;
}
header .header-links li.livechat{
	border:none
}
header .header-links li:first-child { border:none; }

header .header-links li:hover { text-decoration:underline; }
/*header .header-links li:first-child, header .header-links .myaccountDefault {
  border: none;
}

#home header .header-links li {
	padding-right: 15%;
	border-right:medium none;
}#default header .header-links li.noCulture {
	padding-right: 50px;
}*/
header .seoLinks{float:right}

header li.languageDropDnClass { border:none; }
#default header .header-links .languageDropDnClass { float:right;}
header .header-links div.languageDropDnClass span select{ width:100%;}
header .header-links .AddThisClass {
    float: right;
    clear: right;
    text-align: right;
    padding: 10px 0px;
}
.messageBox { float:left; }

header #countryDialectChooserSection { color:#176BA7; font-weight:bold; position:relative; cursor:pointer;}
header #countryDialectChooserSection .chooserIcon {
  width: 30px;
  height: 30px;
  vertical-align:middle;
}
header .CountryDialect{margin-bottom:10px; float:right}
header #countryDialectChooserSection .languageDropDnInnererClass {background: #0078d7; padding: 7px;  z-index:5; font-weight:normal}
header #countryDialectChooserSection .languageDropDnInnererClass  span.ddTitleText{text-align:left !important;}
header  .header-links #countryDialectChooserSection li._msddli_{border:none; display:inline;}
header #countryDialectChooserSection{width:auto; float:right; margin-right:5px;}
header  .header-links .headerlinks{width:100%; overflow:hidden; line-height:1.5;}
header #countryDialectChooserSection .countryDialectChooser img.flg{margin:0px 5px 0px;}
#accesshistory header  .header-links .back_to_store{margin-top:5px;}
header #countryDialectChooserSection .countryDialectChooser{position:relative; display:inline;}
header #countryDialectChooserSection .languageDropDnInnererClass div.ddcommon {width:100% !important;}
header #countryDialectChooserSection .languageDropDnInnererClass div.ddcommon div.borderRadiusTp{border-radius:0px !important;}
header #countryDialectChooserSection .languageDropDnClass{z-index:5; width:270px; position:absolute;  top: 26px; right: -6px; background: url("../blueArrow.png") no-repeat top 0 right 16px; padding: 7px;}
header #countryDialectChooserSection .languageDropDnClass .countrydropdownHome { margin-bottom:10px; }
header .cntryDialectTxt, header .countryDialectChooser{float:left}
header .cntryDialectTxt{margin-top:5px}

header .header-links .minibasketOuterClass {float:right;}
header .header-links #header-nav-links, #pdp header .header-links #header-nav-links-pdp {clear:both; float:right; min-width:47%;}
header .homeProgramHeader {color: #6f6f6f; font-family: sans-serif; margin-bottom: 11px; margin-top: -3px; font-size: 24px; text-decoration:none !important;}

@media (max-width: 599px) 
{
 header #countryDialectChooserSection .countryDialectChooser{ margin-top:-3px;}
 header #countryDialectChooserSection{ float:left;}
 header ul.header-links{margin-left:10px !important;}
header ul.header-links .CountryDialect,header ul.header-links .headerlinks{margin-left:10px;}
header .header-links .languageDropDnClass select {float:right; margin-bottom:5px;}
header #countryDialectChooserSection .languageDropDnClass{ left:-15px !important; padding:7px !important; background: url("../blueArrow.png") no-repeat top 0 left 20px !important;}
}

/* =============================================================================
   BEGIN: EU Cookie Styles
   ========================================================================== */
   
#cldimain{
    width:100%;font-size:11px;color:white;background-color:#0080C0;margin-top:10px;
 }
#cldimaina{
    width:75%;padding:2px 0px 3px 10px;
}
#cldimainb{
    width:20%;padding:2px 0px 4px 10px;text-align:right;text-decoration:underline;cursor:pointer;
}
#cldimainb a { color:#fff; }
#cldimainc{
    width:5%;padding:2px 5px 3px 10px;text-align:right;font-weight:bold; cursor:pointer;
} 
   
/* =============================================================================
   BEGIN: Global Footer Styles
   ========================================================================== */

#global-footer {
  font-size: 0.75em; /* 12px/16px = 0.75em */
  padding: 40px 0;
}

#global-footer .links {
  display: inline;
  list-style: none;
  line-height: 1.5em;
  padding: 0;
  margin: 0;
}

#global-footer .links li {
  border-right: 1px solid #444;
  float: left;
  padding-right: 10px;
  margin-right: 10px;
}

#global-footer .links li.last {
  border: none;
  padding-right: 0;
}

#global-footer p {
  margin-bottom: 10px;
}

#global-footer img.mslogo-footer {
  margin-left: 3px;
}

/* =============================================================================
   BEGIN: Breadcrumb Styles
   ========================================================================== */

ol.checkout-progress {
  clear: left;
  font-size: 0.8125em; /* 13px/16px = 0.8125em */
  font-weight:bold;
  list-style: none;
  padding: 0;
  margin-bottom: 15px;
  float:left;
  width:100%;
}

ol.checkout-progress li {
    float: left;
    padding: 0px 5px 0px 5px;
    line-height: 27px;
    border-right: 1px solid #ccc;
}

ol.checkout-progress #step-basket {
  padding-left: 0;
}

ol.checkout-progress #step-downloader {
  border-right: none;
}
#basket #singleLanguage {display: none}
#basket ol.checkout-progress #step-basket,
#shopperinfo ol.checkout-progress #step-shopperinfo,
#checkout ol.checkout-progress #step-confirm {
  color: #D2480E;
  font-size: 1.16em;
}

#downloader ol.checkout-progress #step-downloader,
#thankyou ol.checkout-progress #step-downloader {
  color: #D2480E;
  font-size: 1.16em;  
}
#basket td.add-usb-row{border-top:none !important; }  
#basket .cart tbody td{border-top:none;}
#basket ol.checkout-progress { float:left; margin-top:6px;}
#basket .product .desc {padding-left:0;}

/* =============================================================================
   BEGIN: General Overlays and Error Message Overlays
   ========================================================================== */

.overlay {
  display: none;
}

.errors {
  margin-top: 20px;
  clear: both;
}

.errors.overlay {
  display: block;
}

.overlay,
.errors.overlay {
  background: #FFF;
  border: 1px solid #CCC;
  box-shadow: 1px 1px 15px #AAA;
  padding: 10px;
  width: 480px;
  z-index: 9999;
  left: 47%;
  top: 30%;
  margin: 0 0 0 -210px;
  position: fixed;
	overflow:auto;
}

.overlay .close {
  text-align: right;
  float: right;
}

.overlay .close img {
  cursor: pointer;
}

.errors .error-list ul {
  color: #E81123;
}

.overlay h4, .overlay h5 {
  float: left;
  margin: 0;
}

.overlay .content {
  max-height: 350px;
  overflow: auto;
  margin-top: 20px;
}

#overlay-mask {
  background-color: #000;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 9998;
}

#home .overlayHeader, #downloader .overlayHeader, #thankyou .overlayHeader {
  display: none;
}


/* =============================================================================
   BEGIN: Tabs Styles
   ========================================================================== */

.tab-links {
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
  list-style: none;
  position: relative;
  padding: 0;
}

.tab-links .tab-link-item {
  float: left;
  padding: 10px 20px 10px 0;
  position: relative;
}

.tab-links .tab-link-item.active {
  border-bottom: none;
  padding: 0;
  margin-right: 20px;
}


.tab-links .tab-link-item.active .arrow {
  background: url("../down-arrow-grey.png") no-repeat center bottom transparent;
  display: block;
  height: 7px;
  margin-bottom: -8px;
  position: absolute;
  width: 100%;
}
/*
.tab-links .tab-link-item.active:after {
  content: url("../img/down-arrow-grey.png");
  display: block;
  height: 7px;
  margin-top: -10px;
  text-align: center;
}
*/

.tab-links .tab-link-item.active a {
  background: #CCC;
  border-bottom: 1px solid #CCC;
  padding: 10px 12px;
}

.tab-links .tab-link-item a {
  display: block;
}

.tab-links .tab-link-item a:hover {
  text-decoration: none;
}

.tab-content .content {
  display: none;
}

.tab-content .content.active {
  display: block;
}


/* =============================================================================
   BEGIN: Product Slider

   Associated Class: product-slider

   The product slider is a module which displays various products as sidebar.
   It may contain any number of products and are marked up as a unordered 
   list.
   ========================================================================== */

.product-slider h3 {
  margin-bottom:0;
	font-size:2.1em;
	font-weight:500;
}

.product-slider ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-slider h4 {
  font-size: 1.385em; /* 18px/16px = 1.385em */
  font-family: "Segoe UI",Arial,Sans-Serif;
  margin: 0;
}

.product-slider .nav-buttons {
  border-top:1px solid #CCC;
  height: 43px;
  text-align:right;
  padding-bottom:15px;
}

.product-slider .nav-buttons a {
  cursor:pointer;display:inline-block;
  height:42px;
  overflow:hidden;
  position:relative;/* For IE7 Bug: http://goo.gl/RXZRI */;
  padding-right:5px;
}

.product-slider .nav-buttons a.disabled {
  cursor:default;
}

.product-slider .nav-buttons img {
  position:relative;
}

.product-slider .nav-buttons .prev img {
  top:-129px;
}

.product-slider .nav-buttons .prev:hover img {
  top:-172px;
}

.product-slider .nav-buttons .prev.disabled img {
  top:-215px;
}

.product-slider .nav-buttons .next img {
  top:0;
}

.product-slider .nav-buttons .next:hover img {
  top:-43px;
}

.product-slider .nav-buttons .next.disabled img {
  top:-86px;
}

.product-slider div.price {
  color: #B91B19;
  font-family: "Segoe UI Light", "Segoe UI", Arial, Sans-Serif;
  font-size: 2.3em; /* 30px/13px = 2.3em */  
  line-height: 1;
  margin: 10px 0;
}

.product-slider img.box-shot {
  width: 100px;
}

.lt-ie9 .product-slider img.box-shot {
  display: inline-block;
}

.product-slider .product-language {
  padding: 10px 0 15px;
}

.product-slider > table {
  display: none;
}

/* =============================================================================
   BEGIN: Product Information on Home and Default page
   ========================================================================== */

.product {
  display: table;
  width: 100%;
}

.product .box-shot {
  display: table-cell;
  vertical-align: text-top;
}
.product .desc {		
 display: table-cell;
 padding-left: 3.19%; /* 30px/940px = */
 vertical-align: top;	
 padding-right: 10px;
   }  
#thankyou .product .desc, #downloader .product .desc{
  width: 65%;
  float:left;
}
#orderdetail .product .button-list
{
	clear:both;
}
.lt-ie8 #thankyou .product .desc,.lt-ie8 #downloader .product .desc,.lt-ie8 #thankyou .product .button-list,.lt-ie8 #downloader .product .button-list{width: auto}

/* IE Bug: http://haslayout.net/css/Percentage-Padding-Margin-Bug */
.lt-ie9 .product .desc {
  border-right: 1px solid transparent;
}

.lt-ie8 .product .box-shot,
.lt-ie8 .product .desc {
  float: left;
}
/*.lt-ie8 #default .applications-included ul.components .tooltip-trigger .desc{float:none;background-color:White}*/
#language-pack.product .desc {
  padding-left: 0;
}

#language-pack.product button {
  margin-top: 5px;
  display: block;
}
#home h3 
{
    word-wrap:break-word; font-size:2.1em
}
#default #more-products .smTxtRed, #basket #more-products .smTxtRed {font-size:0.8125em; color:#b91b19} 
#default #more-products .showmeBtn{padding:20px 0}

/* =============================================================================
   BEGIN: Product Component Icons
   ========================================================================== */

.product .components {
  display: inline-block;
  padding: 0;
  margin: 10px 0;
}

/*.lt-ie8 .product .components {
  display: inline;
}*/

.product .components > li {
  display: inline-block;
  padding: 0;
}

.lt-ie8 .product .components > li {
  display: inline;
}

.product .components li > img {
  border: 2px solid #FFF;
  cursor: pointer;
  padding: 2px;
  /* width: 100%; */
}

.components #component-access     img {left: 0; top: 0;}
.components #component-excel      img {left: -36px; top: 0;}
.components #component-infopath   img {left: -72px; top: 0;}
.components #component-onenote    img {left: -108px; top: 0;}
.components #component-outlook    img {left: -144px; top: 0;}
.components #component-powerpoint img {left: 0; top: -36px;}
.components #component-publisher  img {left: -36px; top: -36px;}
.components #component-sharepoint img {left: -72px; top: -36px;}
.components #component-word       img {left: -108px; top: -36px;}
.components #component-lync       img {left: -144px; top: -36px;}

.components #component-omacword       img,.components #defcomponent-omacword       img {left: 0; top: -74px;}
.components #component-omacpowerpoint img,.components #defcomponent-omacpowerpoint img {left: -36px; top: -74px;}
.components #component-omacexcel      img,.components #defcomponent-omacexcel      img {left: -72px; top: -74px;}
.components #component-omacoutlook    img,.components #defcomponent-omacoutlook    img {left: -108px; top: -74px;}

.lt-ie9 .components #component-access     {background-position: 0 0;}
.lt-ie9 .components #component-excel      {background-position: -36px 0;}
.lt-ie9 .components #component-infopath   {background-position: -72px 0;}
.lt-ie9 .components #component-onenote    {background-position: -108px 0; }
.lt-ie9 .components #component-outlook    {background-position: -144px 0;}
.lt-ie9 .components #component-powerpoint {background-position: 0 -36px;}
.lt-ie9 .components #component-publisher  {background-position: -36px -36px;}
.lt-ie9 .components #component-sharepoint {background-position: -72px -36px;}
.lt-ie9 .components #component-word       {background-position: -108px -36px;}
.lt-ie9 .components #component-lync       {background-position: -144px -36px;}

.lt-ie9 .components #component-omacword ,.lt-ie9 .components #defcomponent-omacword        {background-position: 0 -74px;}
.lt-ie9 .components #component-omacpowerpoint,.lt-ie9 .components #defcomponent-omacpowerpoint {background-position: -36px -74px;}
.lt-ie9 .components #component-omacexcel, .lt-ie9 .components #defcomponent-omacexcel     {background-position: -72px -74px;}
.lt-ie9 .components #component-omacoutlook,.lt-ie9 .components #defcomponent-omacoutlook    {background-position: -108px -74px;}


/* =============================================================================
   BEGIN: Logon Page Styles

   Page: logon.aspx
   ========================================================================== */

#logon .logon .logonCheckBox input{width:auto}
#logon .logon .alertMessage, #recoverpassword .alertMessage {
	color:#CC3300;
	font-style:italic;
	font-weight: bold;
}
#logon .forTablet800{display:none;}
#logon .forTabletLarge, #home .forTabletLarge {display: none;}
#logon .homeLifeStyle {position:relative; width:100%;}
#logon .container {max-width:100%;}
#logon #wrapper {padding:0px;}
#logon #logonHome{position: absolute; top:170px; right:10%;text-align:center;}
#logon .grid-3 {width: 565px;}
#logon .logon-field-style-adjust {width:100%; clear:both;text-align:left !important;}
#logon .logon-field-style-adjust span {width: auto; float:left;margin-left: 10px; margin-right:3px;}
#logon.channel_590 .logon-field-style-adjust span {width:15px;}
#logon.channel_590 .field-style-adjust {padding:0 15px;}
#logon.channel_590 .logon label {padding:0 8px;}
#logon .logon-field-style-adjust input {height:22px !important;}
#logon #forms .emailResent{padding: 1em 0;}
#logon #forms .emailResent{text-align:center; font-size:1.2em; margin:0 auto; font-weight:bold;display:block;padding-bottom:0px;}
#logon #resendEmail{width:100%; margin:0 auto;}
#logon .field {width: 97%;padding: 10px;}
#logon #resendEmail .field input{width: 90%;height: 22px;border: 1px solid #888;}
#logon .logon { background-color:rgb(255,255,255); border:1px solid #888}
#logon .help .tooltip {left:-222px}
#logon .tooltip .arrow {left:105px}
#logon.culture_ko-KR .success-message, #logon.culture_ko-KR  #forms { padding: 0 10px 0px 10px;}
#logon.culture_ko-KR #logonHome .product h3 { font-size: 2.0em;}

@media only screen and (min-width : 1001px) and (max-width: 1077px) {
	#logon header { padding: 2em 4em 0em !important;}
	#logon #logonHome { top: 170px !important; right: 2% !important;}
	#logon #global-footer {padding:2em 4em !important;}
	#logon.culture_ko-KR #logonHome { top: 115px !important; right: 2% !important;}
}

#logon #resendEmail .field .compliance_checkbox input{
	border:none;
}

/* =============================================================================
   BEGIN: Access History Page Styles
   ========================================================================== */

#accesshistory #content span .errors table.error-list {float:left;}
#accesshistory #content .overlay .close {text-align: right; float:right;clear:right;margin:-20px 0px 0px 0px;}
#accesshistory #captchaArea {margin-top: 10px}
#accesshistory #imgCaptchaRefresh {margin-left: 10px;		cursor:pointer;}
#accesshistory #captcha{border:1px solid #ccc;}
#accesshistory .toPurchase p, #accesshistory .dontReceiveEmail p {margin: -20px 0px 0px 20px;}
#accesshistory #loginSection{margin:0; width:100%}
#accesshistory #forms { padding:20px 5.82% 20px; }
#accesshistory .successDesktop ol {padding:0 0 0 14px}
#accesshistory  .access_details { padding: 10px 0; }
#accesshistory .access_details a { color: #00E; text-decoration:underline; }
#accesshistory .EHupAuthentication.success-message { padding: 10px 0 10px 5%;}
#accesshistory .successDesktop a { text-decoration:underline;}
#accesshistory .header-links li.back_to_store a { color:#000000; font-weight:normal}
#accesshistory .header-links li.back_to_store a:hover { color:#ffffff; }
#accesshistory .header-links li.back_to_store{margin:40px 0 15px 0}
#accesshistory .dd, #accesshistory #myaccount_login input{width:350px !important}
#accesshistory #myaccount_login .logonCheckBox input{width:auto!important}
.EHupAuthentication p span.alertMessage { color: #E81123; font-style: italic; font-weight: bold;}
/* =============================================================================
   BEGIN: Home Page Styles

   Page: home.aspx
   ========================================================================== */


#home .grid-3{width: 38%}
#home .grid-5{width: 58%}

#home h2{
  font-size: 3.69em; /* 48px/13px = 3.69em */
}
#home h3 .price,  #logon h3 .price, #logoff h3 .price{color: #B91B19;}
#home .product p.descHeader, #logon .product p.descHeader, #logoff .product p.descHeader{margin:15px 0 0 0; font-size:1.1em; font-weight:bold}
/*#home .product p.descText{margin:5px 0 25px 0;}*/
#home header .socialSharing{float:right}
#home header .header-links{ margin-top:15px}

header .header-links .languageDropDnClass { float: right; clear: right; padding-top: 10px;}
header .header-links .languageDropDnClass li{float:left}

#logon .product .desc, #logoff .product .desc{
  padding:0 19px;
}
#home .product .desc{
  padding:0;
}
#home .product .desc p, #logon .product .desc p {
  margin-top: 0;
}
#home .product .components .desc p, #logon .product .components .desc p{
  margin-bottom: 0;
}
#home .grid-5.alpha .product div, #logon .grid-5.alpha .product div, #logoff .grid-5.alpha .product div {
   display:table-cell; vertical-align:middle;
}

/**** Forms on home page ****/

#home .success-message,
#logon #forms{
  padding: 0 10px 10px 15px;
}

#home .success-message, #home #forms, #logon .success-message, #logon #forms { padding: 0 10px 10px 10px; /* 30px/340px = 8.82% */}

#home #registerLookup {
  display: none;
}

#home h3, #home h4, #logon h3, #logoff h3, #accesshistory h3  {
   margin:0;
}

#home h5, #logon h5{
  font: normal 1.69em "Segoe UI Light", Segoe, Arial, Sans-Serif; /* 22px/13px = 1.69em */
  margin: 0;
}

#home #forms a, #logon #forms a{
  display: block;
  font-size: 0.93em; /* 12px/16px = 0.93em */
  margin: 10px 10px 0 0; 
}

#home #forms p.formText a{display:inline; text-decoration:underline}

#home #forms .edit-email{
  display: none;
  text-decoration: underline;
}

#home input, #logon input{
  width: 66.86%; /* 224px/335px =  */
}

#home #forms input.disabled{
  background: none;
  border: 0;
  color: #000;
  width: auto;
}

#home #forms .ajax-loader {
  display: inline-block;
}

#home .submit, #logon .submit, #accesshistory .submit {
  margin-top: 20px;
  font-size:1.1em;
  font-weight:bold;
  }  
  
#home.culture_ro-RO .submit, #home.culture_uk-UA .submit
{
	padding-left: 5px;
	padding-right: 5px;
}

#home .codeNotFound .error {
  color: #E81123;
  font-size: 0.85em;
}
#home #CMsg{float:right; color:#F00; text-align:right; width:501px}

#home #CMsg{float:right; color:#F00; text-align:right; width:501px}
/***** Home Page - Components  ****/

#home .product, #logon .product, #default .product{
  z-index:10
}
.lt-ie8 #default #main-product{position:relative;z-index:1000}
.lt-ie8 #default #more-products{position:relative;z-index:900}
#home .product .components li, #logon .product .components li, #default .product .components li {
  margin: 0 10px 10px 0;
}

#home .components .tooltip, #logon .components .tooltip, #default .components .tooltip {
  left: -208px;
  width: 448px;
}

.lt-ie8 #default .components .tooltip 
{
  width:400px;
}
.lt-ie8 #default .tooltip .arrow {
    margin: 0 auto -1px 217px;
    /*position: absolute;*/
}
.lt-ie8 #default .purchased .tooltip .arrow {
    margin: 0 ;
 }
.lt-ie8 #default .productButton .tooltip .arrow {margin:0}
/*#default .product .components li 
{
   height: 36px;
   margin-right: 5px;
   overflow: hidden;
   position: relative;
   width: 36px;
}*/
.lt-ie8 #default .product .components {display:inline}
#default .product .components 
{
  vertical-align:middle;
  display:inline-block;
}

#home .components .tooltip-link, #logon .components .tooltip-link, #default .components .tooltip-link{
  display: inline-block;
  overflow: hidden;
  height: 36px;
  position: relative;
  width: 36px;
}

#home .components .tooltip-link img, #logon .components .tooltip-link img, #default .components .tooltip-link img {
  position: absolute;
}

.lt-ie9 #home .components .tooltip-link img, .lt-ie9 #logon .components .tooltip-link img, .lt-ie9 #default .components .tooltip-link img {
  display: none;
}

.lt-ie9 #home .components li, .lt-ie9 #logon .components li, .lt-ie9 #default .components li {
  background-image: url("../components/components-home-sprite.png");
  background-repeat: no-repeat;
  height: 36px;
}

.lt-ie9 #home .components .tooltip-link, .lt-ie9 #logon .components .tooltip-link, .lt-ie9 #default .components .tooltip-link {
  position: relative;
}
.lt-ie8 #default .components .tooltip-link {position:static}
.lt-ie9 #home .components .box-shot, .lt-ie9 #logon .components .box-shot, .lt-ie9 #default .components .box-shot{display: block;}

#home .components .tooltip .product img, #logon .components .tooltip .product img, #default .components .tooltip .product img{width:150px}

.collapse {
 display:none;
}
.toPurchase, .dontReceiveEmail{ position: relative; display:block; cursor:pointer; text-decoration:none! important; height: 28px;}
.successDesktop .answer ol{margin-top:0.5em;margin-bottom:1em}
.toPurchase:hover, .dontReceiveEmail:hover{ color:#D2480E;}
.successDesktop{display: block}
.successMobile{display: none}
.successMobile .answerMob ol{margin-top:0.5em;margin-bottom:1em}
.toPurchase p, .dontReceiveEmail p{margin: -15px 0 0 20px;}
#home.culture_zh-CN .toPurchase p, .dontReceiveEmail p{margin: -16px 0 0 20px;}
.lt-ie8 .toPurchase { padding:10px 0; }
    
#home .EHupAuthentication .field  label, #logon .logon label, #accesshistory .EHupAuthentication .field  label { font-size:1.1em; font-weight:bold; }
#home .EHupAuthentication a.blue-link, #logon .logon a.blue-link { font-size:1.1em; font-weight:bold; }
#home .EHupAuthentication, #accesshistory .EHupAuthentication{ background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #888;}
#home .EHupAuthentication .field  label .tooltip .content, #logon .logon label .tooltip .content, #accesshistory .EHupAuthentication .field  label .tooltip .content { font-weight:normal; }
#logon .labelnotrequired{padding-right:5px;}
#home .product .box-shot, #logon .product .box-shot, #changepassword .product .box-shot, #logoff .product .box-shot {
  vertical-align: middle;
  width:50px;
  height:50px;
}

#logon .program-code-title {margin-left:4% !important;}
#home .program-code-title, #logon .program-code-title {text-align:left; width:99% !important;}
#home .program-code-title span:first-child, #logon .program-code-title span:first-child {margin: 0 0 5px 3.5%; font-weight:700; font-size:120%; color: rgb(27,70,255); float:left;}
#logon .program-code-title span:first-child {margin: 0 0 5px 0.5% !important;}
#home .program-code-title .program-code-restyle span, #logon .program-code-title .program-code-restyle span {font-size:12px; font-weight:bold; margin:0; color:#ee7523;}
#home.channel_590 .field-style-adjust {margin-left:10px;}
#home article.product, #logon article.product{margin-bottom:0px;}
#home .EHupAuthentication, #home .success-message, #logon .success-message{ background-color:rgb(255,255,255); border:1px solid #888}
#home .dd .ddTitle, #logon .dd .ddTitle {background-color:rgb(255,255,255);}
#home .field, #logon .field{width:97%; padding:10px 0;float:left;}
#home .field.work-email {width:98%;}
#home .ddcommon, #logon .ddcommon{margin:0; border:1px solid #888}
#home .dd, #logon .dd{width:90.8% !important; text-align:left}
#home .productdesciption, #home #registerFieldSet, #home #registerLookup{width:100%; margin:0 auto;}
#home .productdesciption p {text-align:center;}
#home #registerFieldSet input, #home #registerLookup input{ margin-left:3.3%; width:89%; padding-left:5px; height:22px; border:1px solid #888; background-color:rgb(255,255,255);}
#home #registerFieldSet .compliance_checkbox input, #home #registerLookup .compliance_checkbox input{width:90%; height:22px; border: none;}
#home .culture-dropdown select, #logon .culture-dropdown select, #logon .country-dropdown select {width:91.8%; height:22px;background-color: rgb(255,255,255); border:1px solid #888;}
#home #forms h4{text-align:center; font-size:1.2em; margin:0 auto; font-weight:bold;}
#home #forms{width:90%; margin:0 auto;}
#home article.product{margin: 0 auto; padding: 10px 0px 5px 0px; width:90%}
#home #forms #registerFieldSet a.blue-link, #home #forms #registerLookup a.blue-link{margin:0 auto !important; text-align:center;}
#home .clearfix *{width:auto;}
#home #forms #registerFieldSet button , #home #forms #registerLookup button, #home #forms #registerFieldSet .ajax-loader{margin:10px auto}
#home article.product .clearfix{margin:0 auto;}
#home article.product .clearfix h3{text-align:center;}
#accesshistory .EHupAuthentication { background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #CBCBCB;}

/* new lifestyle imagery on home page */
#home #homePageContainer{position: absolute; top:170px; right:10%;text-align:center}
#home.culture_it-IT #homePageContainer{top:195px;}
#home .forTablet800{display:none}
#home .homeLink{float:left; width:100%}
#home .homeLifeStyle {position:relative; width:100%}
#home .country-dropdown .help, #home .culture-dropdown .help  {visibility:hidden}
#home .container {
    max-width: 100%;
}
#home #content{min-height:550px}
#home header, #logon header {
    padding: 2em 12em 0px 10em;
}
#home #global-footer, #logon #global-footer {
    font-size: 0.75em;
    padding: 2em 13em;
}
#consentformkr.channel_590 #global-footer #footer p a {text-decoration: underline;}
#home #wrapper {
	padding:0;
}
#home .grid-3 {
    width: 565px;
}
#home.culture_it-IT .sabrix {display:block; float:none; margin-left:10%; width:auto;}
#home .sabrix {display:none;}
#home #forms h4 {
    padding: 5px 0;
}

#home.culture_ko-KR #homePageContainer { top: 120px;}

#logoff span.innerText
{
	color: red;
	font-weight: bold;
	font-style: italic;
}
#logoff #EHupLogoff{
	float:right;
	margin-right:10%;
}
@media (min-width: 601px) and (max-width: 1000px){
	#home .forTablet800, #logon .forTablet800 {display: block;}
	#home .forTabletLarge, #logon .forTabletLarge {display:none;}
	#home .forDesktop, #logon .forDesktop {display: none;}
}
@media (min-width: 1001px) and (max-width: 1450px){
	#home .forTabletLarge, #logon .forTabletLarge {display:block !important;}
	#home .forDesktop, #logon .forDesktop {display: none;}
	#home #homePageContainer {right: 2%; top: 140px;}
	#logon #logonHome {top: 170px;}
}
@media only screen and (max-width: 1024px) {
#home .help .tooltip .arrow{ margin: 0 90px -1px;}
}
/* Korean Legal Compliance */

#home.channel_590 #registerFieldSet .compliance_checkboxSection input, #home.channel_590 #registerLookup .compliance_checkboxSection input {
    width: auto;
    float: left;
    margin-left:10px;
		margin-right: 3px;
}
#home.channel_590 #registerFieldSet .compliance_checkbox, #home.channel_590 #registerLookup .compliance_checkbox {
    width: 100%;
    clear: both;
		text-align: left !important;
}

#home.channel_590 #registerFieldSet .compliance_checkboxSection .compliance_text, #home.channel_590 #registerLookup .compliance_checkboxSection .compliance_text 
{
    margin-left:30px;
		display: block;
}

#home.channel_590 .field {word-break: keep-all;}

/*Task #119162 - 'Child of 119160: HUP: Streamline registration process - WEBDEV'*/
#home .field.program-code, #logon .field.program-code { display:none; }
#home #registerFieldSet .error { color:Red; }
#logon .field.work-email, #logon .field.program-code { margin-left:2%; width:98%; }
#logon .logon label { margin-top:0; }
#home .dd,#logon .dd{ width:91.5%!important; text-align:left;}
#logon #resendEmail .error { color:Red; }

/* =============================================================================
   BEGIN: Default Page Styles
  
   Page: default.aspx
   ========================================================================== */

#default h2 {
  float: left;
  display:block;
  margin:0;
  padding-bottom:30px;
  max-width: 615px;
}
#default #content{margin-bottom: 40px}
#default .product .desc{padding-left:20px}
#default .minibasket .basket {
  position: relative;
  z-index: 9990;
}

.lt-ie8 #default .minibasket .basket {
  float: right; /*  Trigger hasLayout or horizontal scroll is displayed */
}

#default .minibasket a.mminicart .price ,#pdp .minibasket a.mminicart .price{
  color: #000;
	font-family: "Segoe UI", Arial, Sans-Serif;
	margin:0 5px;
	font-size: 1em !important;
}

#default .minibasket .basket-item-list,#pdp .minibasket .basket-item-list {
  background: #FFF;
  box-shadow: 1px 1px 5px #CCC;
  clear: both;
  display: none;
  float: right;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 1;
}

#default .minibasket .basket-item-list .data ,#pdp .minibasket .basket-item-list .data{
  border: 1px solid #CCC;
  border-radius: 0 3px 3px 3px;
  padding: 10px;
}

#default .minibasket table {
  width: 100%;
}

#default .minibasket td {
  padding: 5px 0;
}

#default .minibasket a.mminicart, #pdp .minibasket a.mminicart 
{
	color:#FFFFFF;
  background:#0078D7;
  float: left;
  padding: 5px 10px;
  position: relative;
  z-index: 2;
  margin: 0 0 10px 0;
}

#default .minibasket .gotocart,#pdp .minibasket .gotocart{text-align:left; padding:3px 10px 3px 0px;}
#default .minibasket .cartImg, #pdp .minibasket .cartImg{float:left; padding:0 10px 0 0;}
#default .minibasket .cartImg img, #pdp .minibasket .cartImg img{width:20px; height:20px}
#default .minibasket .minibasketdeatils,#pdp .minibasket .minibasketdeatils
{
    background-color:#FFFFFF;
    padding-left:5px;
    color:#000000;
    padding:3px 5px;
}
#default .minibasket a.mminicart div,#default .minibasket a.mminicart strong,#pdp .minibasket a.mminicart div,#pdp .minibasket a.mminicart strong{float:left;}
#default .minibasket .green-button{margin-top:15px}

#default .minibasket a.show-hide-trigger {
  border-bottom: 0;
}

#default .minibasket a.show-hide-trigger.collapsed {
  border-bottom: 1px solid #CCC;
  border-radius: 3px;
}

#default aside {
  margin-top: 15px;
}

#default h5 {
  clear: left;
  display: inline;
  font: normal 1em "Segoe UI", Segoe, Arial, Sans-Serif;
  margin: 0 3px 0 0;
}

#default #main-product .applications-included .components h5,#default #mac-product .applications-included .components h5 {
    font: 1.69em "Segoe UI Light",Segoe,Arial,Sans-Serif;
    margin: 0;
}

#default .product-language {
  padding: 10px 0 15px;
}

#default #main-product {
  margin-bottom: 30px;
}

#default #main-product h3 {
  margin: 0;
}

#default .price {
  color: #B91B19;
  font-family: "Segoe UI Light", "Segoe UI", Arial, Sans-Serif;
}

#default #main-product .price {
  font-size: 3.23em; /* 42px/13px = 3.23em */
  padding-right: 30px;
  vertical-align: middle;
}

.lt-ie8 #default .product .add-to-cart {
  vertical-align: middle;
}

#default #main-product select {
  margin-right: 10px;
}

#default #mac-product {
  padding-right: 15.51%; /* 90px/940px = 15.51% */
}

#default #mac-product h4 {
  font-size: 1.92em; /* 25px/13px = 1.92em */
  margin: 0;
}

#default #mac-product .price {
  font-size: 3.07em; /* 40px/13px = 3.07em */
}

#default #more-products .price {
  font-size: 2.3em; /* 30px/13px = 2.3em */
}

#default #more-products h4 {
  font-size: 1.385em; /* 18px/16px = 1.385em */
	font-family: "Segoe UI",Arial,Sans-Serif;
  margin: 0;
}

#default #more-products .learn-more {
  border: 0;
  display: block;
  margin: 10px 0 0 0;
  padding: 0;

}

.no-js #more-products {
  width: 100%;
}

.no-js #more-products .nav-buttons {
  display: none;
}

#default .overlay dt {
  margin-top: 10px;
  text-transform: uppercase;
}

#default .overlay dd {
  margin-left: 21px;
}

#default div.OFMSingleOfficeTxt {
  color: #FF4545;
}
#default #old-product{width: 100%; margin-top: 25px; float:left}
#default #old-product img{margin-bottom: 10px}
#default #old-product .oldsku{text-decoration:underline}

/*#default .components .tooltip-link img {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
}*/

.lt-ie9 #default .components img {
  display: none;
}

.lt-ie9 #default .components li.tooltip-trigger {
  background-image: url("../components/components-home-sprite.png");
  background-repeat: no-repeat;
}

#default .overlay dt .learnmoretext{padding-left: 10px; font-weight:bold}

#default #redemption-prod .desc h3 {font-size: 1.4em}
#default #redemption-prod .learn-more {border:none;display:block;margin:10px 0 0 0;padding:0;}

#default .dvdBundleImage, #default .featDVDBundleText { display: inline-block }
#default .dvdBundleImage img { vertical-align: bottom }
#default .add-bundle {margin-top: 10px}
#default #main-product .add-bundle { display: inline-block; vertical-align: middle; margin: 0 0 0 20px; }
.lt-ie8 #default #main-product .add-bundle {display: inline;}
.lt-ie8 #default .dvdBundleImage, .lt-ie8 #default .featDVDBundleText { display: inline }

#default .note { color: #000; }

#default #more-products .note { padding-bottom: 10px; }

#default #main-product .product .mainProdBox, #default #mac-product .macProdBox{float: left; clear:both; text-align:center}
#default #main-product .product .learnMain, #default #mac-product .macProdBox .learnMain{clear:both; text-align:center;}
#default #main-product .product .learnMain .learn-more, #default #mac-product .macProdBox .learnMain .learn-more{border:0; display:block; padding:0; margin:0}
#default #main-product .product .compatibleSection {float:left; margin:5px 15px 15px 0;}
#basket .cart .compatibleSection {float:left; margin:0; padding:10px 0; }
#default #main-product .product .productButton, #default #main-product .product .price, #default #main-product .product .needDVDUSB,#default #main-product .product .needDVD, #default #main-product .product .OFMTxtMsg, #default #main-product .product .note {float:left}
#default #main-product .product .productButton{margin-top: 15px; width: 100%;}
#default #main-product .product .desc .productButton { width: 49%; }
#default #main-product .product .needDVD, #default #main-product .product .note, #default #main-product .product .OFMTxtMsg  {margin-top: 10px}
#default .product .compatibleSection .compatibleText1, #basket .cart .compatibleSection .compatibleText1 {font-size:1em; float:left; color:#838383; font-weight:bold; width:100%;}
#default .product .macCompatibletxt{font-size:1em; color:#838383; font-weight:bold; width:100%;}
#default .product .compatibleSection .compatibleText2, #basket .cart .compatibleSection .compatibleText2 {font-size:0.7em; float:left; clear:left; color:#838383; font-weight:bold;}
#default .product .compatibleSection .winImg, #basket .cart .compatibleSection .winImg {float:left; clear:left;}
.lt-ie8 #basket .cart .compatibleSection .compatibleText1{float: none}
.lt-ie8 #default .product .compatibleSection .winImg {float:none; clear:left;}
.lt-ie8 #default #main-product .product .OFMTxtMsg{float:left; clear:left; width:100%;}
.lt-ie8 #default #main-product .product .note{float:left; width:100%;}
#default #main-product .product .needDVD { width:165px;}
#default #main-product .needDVDorUSB {float:left;}
#default #main-product .product .applications-included{float:left; margin-top:10px;}
.lt-ie8 #default #main-product .product .applications-included, #default .macTable{width:100%}
/*#default .macOnly .macProdBox .learnMain .learn-more{ padding-left: 0px}*/

/*No Additional Products to display on Product Selection page */
#default .macOnly { width:100%; }
#default .macOnly #mac-product { width:100%; }
#default .macOnly #mac-product .price { padding-right:30px; vertical-align:middle; float:left; line-height:1.2em;}
#default .macOnly .product-language { float:left; line-height:2.2em }
#default .macOnly .add-to-cart{ float:left; margin:5px 0 0 10px; padding:0 0 0 40px; }
#default .macOnly .learn-more {float:none; margin-top:15px;}
#default .macOnly .needDVD ,#default .macOnly .needDVDorUSB { float:none; line-height:3em; }
#default #mac-product .desc .needDVDorUSB {margin-top: 7px;}
#default .macOnly .button-purchased  { line-height:2.6em; }
#default .macOnly #mac-product aside { float:left; width:100%; clear:left; }
#default .macOnly .additional_data { line-height:2.6em; }
#default .macOnly .button-purchased  { line-height:3em; }
#default .macOnly .macTable { width:100%; }
/*.lt-ie9 #default .macOnly .macTable .product .desc, .lt-ie8 #default .macOnly .macTable .product .desc { padding-left:3.19%; float:left; }*/
#default .macOnly .add-bundle{border-left:1px solid #000; float: left; margin:15px 0 0 10px; padding-left: 10px;}
#default .macOnly #mac-product .desc{padding-left: 4.0%}
#default #mac-product.product .macProdBox img.box-shot { width: 200px;}
#default .overlaydvd,#default .overlayusb{float:left; margin-top: 10px }  
#default .overlaydvd span,#default .overlayusb span{float:right;}  
#default .overlaydvd p,#default .overlayusb p{width: auto;display: inline;float: left;}  
#default .overlaydvd .dvdStyle, #default .overlayusb .usbStyle{font-weight:bold}
#default .overlaydvd .button, #default .overlayusb .button{margin-top:8px}
#default .button-purchased{float:left;}
/*logoff link styles*/
#default .logoff_section { background: #fd8024; color: #ffffff; padding: 4px 0;}
#default .logoff_section span a { color: #ffffff; text-decoration: underline; }
#default .logoff_section #logoff-text-container {max-width: 1020px; margin: 0 auto; text-align: right;}

/* default page-specific tooltip styles */
#default .tooltip .arrow {
    margin: 7px auto -1px auto;
}
#default .tooltip .content {
    background: #FFF;
    border: 1px solid #888;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #CCC;
    padding: 10px;
    color: #000;
    font-size: 1.2em;
}
#default .tooltip {
    left: -15px;
}
#default .button.buttonLinkStyle { padding: 6px 0px 6px; }
#default .button span.buttonSpanStyle { padding: 0 20px; }

/* =============================================================================
   BEGIN: Basket Page Styles

   Page: basket.aspx
   ========================================================================== */

#basket header {max-width:1020px; margin:0 auto;}
#basket .upperBlock {max-width:1020px; margin:0 auto;}
#basket .sub {font-size:18px; font-weight:600; font-family:"Segoe UI", Segoe, Arial, Sans-Serif; color:#808080; margin:0 2% -10px 0; width:98%}
#basket #grid-wrapper {max-width:950px; margin:0 auto;}
#basket .cartTotals {float:right; clear:both; padding:8px 0 0 3%; margin:10px 0 20px;}
#basket td.price {padding-right:2%; font-size: 18px;}
#basket #lower-gridWrapper {max-width:960px; margin:0 auto;}
#basket footer {max-width:1020px; margin:0 auto;}
#basket table .innerItem .product div.price {margin-bottom:15px;}
#basket #prodName {font-size: 18px; font-weight: 600;}
#basket .cart .removeClass a {color:#469ad2;}
#basket .BasketListTable td.borderTopTd {border-top:1px solid #ccc;}
#basket .style0 {border-top:none !important;}
#basket .checkout{float:right; font-weight:700;}
#basket .gray-button, .gray-button:hover {font-weight:400;}
#basket #lower-gridWrapper .product .box-shot {margin-right:20px !important; float:left;}
#basket #lower-gridWrapper .product .price {float:left; width:70%; font-size:1.8em;}
#basket #lower-gridWrapper .product span span a {float:left;}
#basket #lower-gridWrapper .product .desc {width:100%; float:left; margin-bottom:25px;}
#basket #lower-gridWrapper .product .desc h4 {margin:15px 0px;}
#basket .backupMediaTooltip #toolTipQuestionMark {border-radius:10px; height:13px; width:11px; padding:0 0 4px 5px; margin-left:-1px;}
#basket .basketOne {padding-top:0;}
#basket .backupMediaTooltip {color: #000 !important;font-weight:600;}
#basket .sabrix{float:none;}
#basket .chkOutSty {display:inline-block; float:right;}
#basket #removeLinkSty {
	background-color: #fff;
	border: none;
	text-decoration: underline;
	color: #469ad2;
}
#basket #removeLinkSty:focus {
	border: dotted 1px black;
}

#basket .backupMediaTooltip #toolTipQuestionMark {
  color: #ee7523 !important;
	font-weight:600;
}

#basket .gray-button, .gray-button:hover {
  background-color: #e2e3d6;
}

#basket .container {
    max-width: 99%;
}

#basket .upperBlock {
    margin: 0px auto;
    width: 100%;
}

#basket .add-dvd-row .gray-button,#basket .add-usb-row .gray-button,#default .overlaydvd .gray-button,#default .overlayusb .gray-button{display: none;}
#basket h2 {
  margin-bottom: 0;
}

#basket h3 {
  margin: 0;
}

#basket .errors .error-list .innerText {
  color: #E81123;
}

#basket .checkout {
  float: right;
}

#basket .cart-icons {
    float: right;
    
}

#basket .cart {
  border-left: 3px solid #808080;
  border-top: 3px solid #808080;
  clear: both;
  margin: 10px 0;
  padding: 1% 0 0 2%;
}

#basket .cart table {
  width: 100%;
}

#basket .cart th, #basket .cart tfoot .total {
  text-align: right;
}

#basket .cart th .label {
  font-weight: normal;
}

#basket .cart tfoot .total td {
    border-top: 2px solid #CCC;
    display: inline-block;
		padding:0 0 0 5%;
		font-size: 18px;
}

#basket .cart tbody td {
  /*border-top: 1px solid #CCC;
  padding:15px;*/
}

#basket .cart tbody tr.backupMediaSection td {
  vertical-align:middle;
  text-align:center;
}

#basket .cart tbody tr.backupMediaSection td  {
	padding:10px;
}
#basket .cart .errors tbody td {
  border: 0;
}

#basket .cart tbody td.add-dvd-row,
#basket .cart td.item0,
#basket .cart .first td {
  border: none;
}

#basket .cart .add-dvd-row .tooltip {
  width: 350px;
}

#basket .cart .add-dvd-row .tooltip .arrow {
  background-color: #F8F8F8;
}

#basket .cart .add-dvd-row .tooltip .content,#basket .cart .add-usb-row .tooltip .content {
  background: url("../add-dvd.png") no-repeat 0 10px #F8F8F8;
  padding-left: 78px;
  width: 236px;
}

#basket #more-products {
  margin-bottom: 20px;
}

#basket .cart .add-usb-row .tooltip .content {  
	background: url("../add-usb.png") no-repeat 0 10px #F8F8F8;  
} 

#basket .cart-cc-icons {
  display: block;
  margin: 0;
  float:right;
	padding-top:8px;
}

#basket #vcs-logo {
  margin-right: 10px;
  vertical-align: top;
}

#basket .languagePack select {
  margin: 10px 0;
}
#basket .languagePack .productFamilyAddItem .innerLabel {display:block}

.lt-ie8 #basket .languagePack .productFamilyAddItem {
  clear: both;
  float: left;
}

#basket .cart .currencyCountryLabel, #basket .cart .currencyCurrencyLabel{font-weight:normal}

#basket .cart span.currencyCurrencyLabel{margin:0 5px 0 15px}

#basket .cart .note a{text-decoration:underline}

#basket .productFamilyAddItem .upsellPrice { display:none;}

#basket .shippingTable td, #basket .shippingTable th, #checkout .shippingTable td, #checkout .shippingTable th {
    border: 1px solid #000000;
    padding: 5px;
    text-align: center;
    vertical-align: top;
}
#basket #shippingTimes h4 , #checkout #shippingTimes h4
{
  padding:5px;
}

#basket .grid-3 #more-products table {width:100% !important;}
#basket .compatibleSection img{width:180px}

/* spinning image css changes */
#basket .M_backBtn .ajax-loader { float:right; }
#basket #more-products .ajax-loader{float:left;}
.country_AU#default .ajax-loader { padding-left:20px; padding-top:10px;}
#inicispayment .inicisCancelButton .ajax-loader { float:left; }
#inicispayment .inicisCheckoutButton .ajax-loader { float:right; }

#basket img.searchImage { max-width:100%;}

#basket .prodImageClass.ESDcart { max-width: 150px; width: 120px; padding-right:30px; }

#basket .titleBlock { float:left; width:100%;}

#basket .countryCurrencyBlock { float:right; line-height:3em;}

#basket .title { float:left; line-height:3em;}

#basket .cart .removeClass {
    float: left;
		width: 100%;
		max-width: 167px;
		text-align: center;
}

#basket .cart .removeClass a { text-decoration:underline;}

#basket .gray-bkgnd { background-color:#E2E3D6; margin:25px 0 0 0;}

#basket #more-products h3 {
	margin: 20px;
	font: 2.3em;
}

#basket #more-products td.innerItem {
	display: table-cell;
	width: 50%;
	padding: 0px 5%;
}

#basket #more-products .product {
	display:table-cell;
}

#basket .sub { padding:10px 0 10px 0;}
#basket .sub .sub-left { float:left;}
#basket .sub .sub-right { float:right;}
#basket .prodImageClass { float:left;}
#basket .DVDcart, #basket .USBcart {padding-left:40px; width:110px;}
.clearBothClass { clear:both;}
#basket .tooltip-right .arrow { background: url("../tooltip-arrow-sprite.png") no-repeat scroll 0px -2px; }
#basket #more-products td.innerItem { width: auto; padding: 0px 2%; width: 46%; display: inline-block;}
#basket #more-products img.box-shot {
    vertical-align: top;
    margin-right: 0px;
    height: 120px;
    /*width: 100px;*/
    max-width:100%;
}
/* gray section of USB and DVD */
.backupMediaSection {width:100%; float:left; padding:0; text-align:left;}
#backupContainerOne {float:left; padding:30px 0; margin: 0 30px 0 0px; display:inline-block; text-align:left; word-wrap:break-word;}
.backupMediaTooltip {display:inline-block;}
#backupMediaDvdSection {float:left; padding-top:5px; margin:0 5px 0 5px; text-align:center;}
#backupMediaUsbSection {float:left; padding-top:5px; margin:0 5px 0 5px; text-align:center;}
#basket tr .basketOne #paddingAdjust {padding-top:0px;}
#ascrail2000 {
		left: 5000px !important;
	}

	#sarlText {
		height: 520px;
	}

	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) {
		#sarlText.overlay {
			top: 10%;
		}
	}

	@media only screen and (max-width : 600px) {
		#sarlText {
			height: 250px;
			top: 3%;
		}
		#termsofuse ul {
            padding: 0 0 0 25px;
        }
	}

	@media only screen and (min-width : 601px) and (max-width: 800px) {
		#sarlText {
			height: 300px;
			top: 3%;
		}
	}

	@media only screen and (min-width : 801px) and (max-width: 1000px) {
		#sarlText {
			height: 450px;
			top: 10%;
		}
	}

/* =============================================================================
   BEGIN: Cart anywhere.
   ========================================================================== */

.cart table {
  width: 100%;
}

.cart .total,
.cart tfoot .total {
  text-align: right;
}

.cart .total td {
  padding: 0;
}

.cart th {
  text-align: left;
}

.cart .total > td,
.cart tfoot .total td {
  border-top: 1px solid #CCC;
  display: inline-block;
  padding-top: 5px;
  line-height:2.3em;
}

.cart tbody td {
  padding-top: 20px;
}

.cart td.image {
  padding-right: 10px;
  width: 68px;
}
#basket .cart td.image {
  padding-right: 10px;
  width: 160px;
}
.cart td.description {
  padding-right: 5px;
	padding-bottom:10px;
}
.cart p {
  margin: 5px 0;
}

.cart .quantity,
.cart .price {
  text-align: right;
}

.cart .price {
  white-space: nowrap;
}

.cart .remove {
  width: 20%;
}

.cart .dvd .button {
  display: block;
}

.cart .dvd td {
  border: none;
  padding-bottom: 20px;
}


/* =============================================================================
   BEGIN: Billing/Shopper Info page

   Page: shopperinfo.aspx
   ========================================================================== */

#shopperinfo #shippingSection,
#shopperinfo #billingSection {
  width: 460px;
}

#shopperinfo .no-new-line {
  float: left;
  margin-right: 20px;
}

#shopperinfo .offerstext{
	width:100%
}
#shopperinfo #offersText label {
    display: inline;
    white-space: pre-wrap;
}
#shopperinfo #paymentSection input,
#shopperinfo #shippingSection input,
#shopperinfo #shippingSection select,
#shopperinfo #billingSection input,
#shopperinfo #billingSection select {
  padding: 2px 1%;
  width: 98%;
}

#shopperinfo label {
  white-space: nowrap;
}

#shopperinfo #paymentSection .cin-field input {
  width: 80px;
  margin-right:10px;
}
#shopperinfo #paymentSection .cin-field {
	width:100%;
}

#shopperinfo #personal-email, #thankyou .personal-email, #downloader .personal-email {
  background: #F0F0F0;
  border: 1px solid #D4D4D4;
  margin: 0;
  padding: 0 20px 20px;
  width: 54%;
  float:left;
}

#shopperinfo .shippingrdo label {
    margin: 0;
}
#downloader .personal-email  
{
  padding:20px;
  background: #F0F0F0;
  border: 1px solid #D4D4D4;
  margin: 0;
  width: 54%;
}

#thankyou .note, #thankyou .note > span, #downloader .note, #downloader .note > span
{
	margin-top:13px;
	float: left;
	width:100%;
	word-wrap:break-word;
}

.success_note { float:left; width:100%; color:#E81123; }
#thankyou h3.order_details_title, #downloader h3.order_details_title { display:inline-block; width:100%; margin-bottom:5px; }
#thankyou p.c2r-privacy, #downloader p.c2r-privacy { padding:10px 0; }
.lt-ie8 #thankyou .note, .lt-ie8 #thankyou .note > span, .lt-ie8 #downloader .note, .lt-ie8 #downloader .note > span { float:left;}
.lt-ie8 #thankyou .note input, .lt-ie8 #downloader .note input { float:left; }

#thankyou .grid-4.alpha.field, #downloader .grid-4.alpha.field 
{
	width: 100%;
	float: none;
}
#thankyou .grid-4.alpha.field input, #downloader .grid-4.alpha.field input
{
	float:left;
	margin:3px 10px 15px 0;
	width:180px;
}
#thankyou .grid-4.alpha.field a, #downloader .grid-4.alpha.field a
{
	float: left;
}
#thankyou #more-instr li, #downloader #more-instr li, #orderdetail #more-instr li { padding-bottom:15px; }

#shopperinfo #personal-email label, #downloader .personal-email label, #downloader .personal-email label {
  margin: 0 0 10px;
}

#shopperinfo p.note {
  color: #000;
}

#shopperinfo #personal-email p, #downloader .personal-email p, #downloader .personal-email p  {
  clear: left;
  color: #000;
  margin: 0;
}

#shopperinfo h2 {
	border-top:1px solid #d4d4d4;
}

#shopperinfo #billingSection h2, #shopperinfo #cart-summary h2  {
	border:none;
}
.lt-ie8 #shopperinfo #offersText {
	padding-bottom:0;
}

#shopperinfo #offersText {
	padding-bottom:15px;
}

#shopperinfo #paymentSection h2 img {
	padding-left:15px;
}

#shopperinfo .field .tooltip-trigger {
  display: block;
}
#shopperinfo #offersText input{margin-right:10px}

#shopperinfo #shippingSection fieldset {
  padding-bottom: 20px;
}

#shopperinfo #cart-summary h2{margin-bottom:10px}
#shopperinfo #cart-summary .cart tbody td{padding-top:10px}

#shopperinfo #termsBox {
    border: 1px solid #b4b4b4;
    float: left;
    font-size: 0.8em;
    height: 100px;
    margin: 20px 0;
    overflow: auto;
    padding: 2px 10px;
    width: 90%;
}

/* =============================================================================
   BEGIN: Confirm Order page

   Page: checkout.aspx
   ========================================================================== */

#checkout h3 {
  border-bottom: 1px solid #CCC;
  margin-bottom: 0;
}

#checkout #confirm-billing-section h3 {
  margin-top: 0;
}

#checkout .edit-link {
  background: url("../edit.png") no-repeat right center transparent;
  float: right;
  padding-right: 15px;
}

#checkout #confirm-payment-section {
  clear: left;
}

#checkout .terms {
  /*clear: left;
  float:left;*/
  width:100%;
  padding-top: 10px;
}
#checkout .button-group{ margin-top: 10px}

.lt-ie8 #checkout #content .button-group .grid-4.omega.chkout_btn{float: none}
.lt-ie8 #checkout #content .button-group .grid-4.omega{width: 100%}
#checkout #top-checkout a {
  margin-bottom: 20px;
}

#checkout a.green-button {
  font-weight:bold;
}

#checkout h2{
  margin:0 0 5px;
}

#checkout #cart-summary .cart .cartTotals {
  display: none;
}
#checkout .acceptanceTxt .normal{cursor: pointer}
#checkout #termsBox{
  border: 1px solid #B4B4B4;
  height:240px;
  overflow:auto;
  padding: 2px 10px;
  float:left;
  width:50%;
  margin-bottom:20px;
}

.lt-ie8 #checkout #termsBox sup {                                     
  position:static;
}

.shippingoptions {
	border: 1px solid #ccc;
	margin:10px 0;
  padding: 10px;
}
.shippingoptions h4 {
  margin: 0;
}	
.shippingOptionText {float:left; margin:-5px 0 0 5px;}
#checkout.culture_el-GR .shippingOptionText {float:left; margin:-5px 0 0 5px; display:inline; float:none;}
.shippingOptionPrice {float:right; margin-top:-5px}
.shippingoptions label{margin:0;}
#checkout.culture_el-GR .shippingoptions label{margin:0; display:inline;}
.payInfo 
{
  float:left;
}

#checkout .termSection {
    float: left;
    margin-top: 30px;
}

#checkout #top-checkout { margin-top:15px; }
#checkout .terms_checkbox { width: 50%; float: left; margin-right:10px}
/*#checkout .chkout_btn { float:left; }
#checkout .last_step_instr { float:left; }*/
#checkout .acceptanceTxt {
    margin: 15px 0 15px 0;
}
#checkout .check-news label {
    display: inline;
}
#checkout #DVDNotes { padding:10px 0; }
#checkout #DVDNotes a { text-decoration:underline }
#checkout .chkout_btn .nextTxt{display:none}
#checkout .noCC_note { display:none; }
#checkout .standard { display:block;}
#checkout .expedited{ display:none;}
/* =============================================================================
   BEGIN: Thank You page

   Page: downloader.aspx, thankyou.aspx
   ========================================================================== */
#orderdetail .installOverlayMask, #downloader .installOverlayMask {
	background-color: #000;
	opacity:0.3;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	z-index:9998;
	display:none;
}
#downloader aside,
#thankyou aside {
  border-left: 1px solid #CCC;
  padding-left: 15px;
}

#downloader #bit-wrapper, #orderdetail #bit-wrapper, #downloader #mac-bit-wrapper, #orderdetail #mac-bit-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 1903px;
	height: 1476px;
	display: none;
	z-index: 9998;
	background-color: rgba(0,0,0, 0.6);
}

#downloader .bit-main-header, #orderdetail .bit-main-header {
	margin-bottom: 15px;
}

#downloader #thirtyTwoContainer, #downloader #sixtyFourContainer, #orderdetail #thirtyTwoContainer, #orderdetail #sixtyFourContainer,  #downloader #mac-thirtyTwoContainer, #orderdetail #mac-thirtyTwoContainer {
	float: left;
	width: 100%;
}

#downloader .txtArea0, #downloader .txtArea1, #downloader .macCopyText, #orderdetail .txtArea0, #orderdetail .txtArea1, #orderdetail .macCopyText {
	width: 97%;
	padding: 5px;
}

#orderdetail .thirtyTwoBtn, #orderdetail .sixtyFourBtn, #orderdetail .macCopyBtn, #downloader .thirtyTwoBtn, #downloader .sixtyFourBtn, #downloader .macCopyBtn {
	cursor:pointer; 
	text-decoration:underline
}

#downloader #divider-line, #orderdetail #divider-line {
	border-bottom: 1px solid #ccc;
	margin: 20px 0;
	width: 100%;
	float: left;
}
#downloader .winoverlay .row1 #divider-line, #orderdetail .winoverlay .row1 #divider-line {display:none}
#downloader .thirtyTwoBtn, #downloader .sixtyFourBtn, #orderdetail .thirtyTwoBtn, #orderdetail .sixtyFourBtn {
	margin-top: 10px;
}

#downloader .product dd, #thankyou .product dd {
  margin: 0;
}
#downloader .product dd.key, #thankyou .product dd.key, #orderdetail .order-details div.product-details dd.key {font-weight:bold;}

#downloader .suppButton a, #thankyou .suppButton a, #orderdetail .suppButton a{
	text-decoration:underline;
}
#thankyou h2,
#downloader h2 {
  margin-bottom: 0;
}

#thankyou h4 a .arrow,
#downloader h4 a .arrow {
  border-top: 6px solid transparent;
  border-bottom: 6px solid #b91b19;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: inline-block;
  height: 0;
  width: 0;
  margin-bottom: 6px;
}

#thankyou h4 a.collapsed .arrow,
#downloader h4 a.collapsed .arrow {
  border-top: 6px solid #b91b19;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  margin-bottom: 0;
}

#thankyou .product,
#downloader .product {
  margin-bottom: 20px;
}

#thankyou .product .box-shot,
#downloader .product  .box-shot,
#orderdetail .product  .box-shot {
  width: 68px;
  vertical-align: middle;
  float: left;
}

.lt-ie9 #thankyou .product .box-shot,
.lt-ie9 #downloader .product  .box-shot,
.lt-ie9 #orderdetail .product  .box-shot {
  display: inline-block;
}

#thankyou .product .box-shot,
#downloader .product  .box-shot,
#orderdetail .product  .box-shot 
{
  display:inline-block;
}
/*#thankyou .product .desc,
#downloader .product  .desc {
  display: inline-block;
}*/

#thankyou .product .desc p,
#downloader .product  .desc p {
  margin: 5px 0;
}

#thankyou .product .desc dd.lang,
#downloader .product  .desc dd.lang,
#thankyou .product .desc dd.quantity,
#downloader .product  .desc dd.quantity {
  float: left;
}

#thankyou .product .desc dt.lang,
#downloader .product .desc dt.lang,
#thankyou .product .desc dt.quantity,
#downloader .product .desc dt.quantity {
  float: left;
  margin-right: 10px;
  clear: left;
}


#thankyou .product .advancedoptions-link,
#downloader .product .advancedoptions-link, #orderdetail .product .advancedoptions-link {
  clear: right;
}

#thankyou .product .advancedoptions-link a,
#downloader .product .advancedoptions-link a,
#orderdetail .product .advancedoptions-link a {
  text-decoration: underline;
	margin: 3px 0;
	float: right;
}

#thankyou .product .button-list,
#downloader .product  .button-list,
#orderdetail .product  .button-list
 {
  display: table-cell;
  vertical-align: top;
	width: 115px;
}

#thankyou .product .button-list > table,
#downloader .product  .button-list > table,
#orderdetail .product  .button-list > table
 {
  float: right;
}

#thankyou .overlay .download-entry,
#downloader .overlay .download-entry, #orderdetail .overlay .download-entry {
  margin-bottom: 20px;
}

#thankyou .overlay .download-name,
#downloader .overlay .download-name, #orderdetail .overlay .download-name {
  float: left;
}

#thankyou .overlay .download-button,
#downloader .overlay .download-button,
#orderdetail .overlay .download-button {
  float: right;
}

#thankyou .overlay .download-desc,
#downloader .overlay .download-desc,
#orderdetail .overlay .download-desc {
  clear: both;
}

#thankyou .overlay h5,
#downloader .overlay h5, #orderdetail .overlay h5 {
  font-size: 1.385em;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: normal;
}

#thankyou .emailContentBody h4,
#downloader .emailContentBody h4 {
  float: none;
}

#thankyou .button-list, #downloader .button-list, #orderdetail .button-list{
  text-align: right;
}

#thankyou .button-list .overlay,
#downloader .button-list .overlay,
#orderdetail .button-list .overlay {
  text-align: left;
}

#thankyou .c2r-privacy a,
#downloader .c2r-privacy a,
#thankyou aside a,
#downloader aside a,
#orderdetail #more-instr a, #orderdetail .c2r-privacy a{
  text-decoration: underline;
}

#thankyou aside a.show-hide-trigger,
#downloader aside a.show-hide-trigger,
#thankyou aside a.button,
#downloader aside a.button {
  text-decoration: none;
}

#thankyou #downloadBox table,
#downloader #downloadBox table {
  margin: 0 auto;
}

#thankyou #more-instr #how-download,
#downloader #more-instr #how-download,
#orderdetail #more-instr #how-download {
  display:inline;
}

#thankyou h4.learn_more_dwnld, #downloader h4.learn_more_dwnld, #orderdetail h4.learn_more_dwnld {
    font-size: 1.72em;
}
/* rearrange downloader and thankyou page styles */

#thankyou .errors,#thankyou .alpha{float:left;}
#thankyou .grid-3,#downloader .grid-3 {float:right;}
#downloader .errorPanelReceipt, #thankyou .errorPanelReceipt{float:left; width:61%;}
#downloader .errorPanelReceipt .grid-5,#thankyou .errorPanelReceipt .grid-5{width:95%;}
#downloader .grid-5, #thankyou .grid-5{width: 58%}
#downloader .order-details dd ,#thankyou .order-details dd {
  width: auto;
}
#downloader .personal-email,#thankyou .personal-email{width:88% !important;}
#downloader #Mac16.overlay, #orderdetail #Mac16.overlay{
    background: none repeat scroll 0 0 #000000;
    border: 15px solid #1D1D1C;
    box-shadow: 1px 1px 15px #474343;
    width: 500px;
	  top:10%;
	  left:25%;
		right:25%;
	  border-radius:15px;
	  padding:20px;
		margin:0;
	  -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    color:#ffffff;
		font-family: "Segoe UI", Segoe, Arial, Sans-Serif;
		font-size:1.2em;
   }


/*image-slider control styles */

.banner { position: relative; overflow: auto; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }
        
#holder, #holderMac { height:auto; width:80%; margin:auto;}
#slideshow, #slideshowMac { max-height:100%; max-width:100%; }
.overlay#pptOverlay, .overlay#pptOverlayMac {
    background: none repeat scroll 0 0 #000000;
    border: 15px solid #1D1D1C;
    box-shadow: 1px 1px 15px #474343;
    width: auto;
	  top:10%;
	  left:25%;
		right:25%;
	  border-radius:15px;
	  padding:0;
		margin:0;
	  -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
   }
   #pptOverlay #leftArrow, #pptOverlayMac #leftArrowMac {
			display:inline;
			float: left;
		 	padding:0;
		 	margin-top:20.5%;
		 	cursor:pointer;
			visibility:hidden;
		}
  
		#pptOverlay #rightArrow, #pptOverlayMac #rightArrowMac {
    	display:inline;
     	padding:0;
     	float:right;
     	margin-top:-31.5%;
		cursor:pointer;
		visibility:visible;
		}

.slide1, .slide2, .slide3, .slide4,.slide5, .slide6,.slide7, .slide8, .slide9, .slide10, .slide11{display:none}
  
#pptOverlay.overlay .content, #pptOverlayMac.overlay .content {
    margin: 30px 0;
    max-height: 100%;
    overflow: auto;
}

/*.lt-ie9.lt-ie8 #pptOverlay.overlay .close img {
  margin-top: -4%;
}*/

/*Pdf print*/
#printPdf, #printPdf a, #printPdfMac, #printPdfMac a{
  color: white;
  float: right;
  margin:0px 39px 6px 0;
  }
#printPdf a, #printPdfMac a{text-decoration:underline}	
.lt-ie8 #printPdf a, .lt-ie8 #printPdfMac a{ float:none; }
#thankyou p.printArea, #downloader p.printArea { width:100%; }
#thankyou p.emailConfirmation, #downloader p.emailConfirmation { float:left; width:100%} 
#thankyou .opDefault a.green-button.push-right, #downloader .opDefault a.green-button.push-right {
	margin-bottom:5px; margin-top: 10px;
}
#thankyou .opDefault img.ajax-loader, #orderdetail .opDefault img.ajax-loader{float: right}
#downloader .opDefault img.ajax-loader { float:right !important; }
#downloader .tellOthers .body img.ajax-loader { float:left !important; }
#downloader #tellOthersNote {clear: both;}
#downloader .personal-email .note img.ajax-loader { float:left !important; }
#downloader.culture_ar-SA .opDefault img.ajax-loader { float:left !important; }
#orderdetail.culture_ar-SA #content .opDefault img.ajax-loader { float:left !important; }
#downloader.culture_ar-SA .tellOthers .body img.ajax-loader { float:right !important; }
#downloader.culture_ar-SA #tellOthersNote {clear: both;}
#downloader.culture_ar-SA .personal-email .note img.ajax-loader { float:right !important; }
#downloader.culture_he-IL .opDefault img.ajax-loader { float:left !important; }
#orderdetail.culture_he-IL #content .opDefault img.ajax-loader { float:left !important; }
#downloader.culture_he-IL .tellOthers .body img.ajax-loader { float:right !important; }
#downloader.culture_he-IL #tellOthersNote {clear: both;}
#downloader.culture_he-IL .personal-email .note img.ajax-loader { float:right !important; }
#thankyou p.printArea, #downloader p.printArea {
	padding-top: 55px;
    width: 100%;
  }
    #thankyou .opDefault h2, #downloader .opDefault h2 {
    margin-bottom: 0;
    float: left;
}
#downloader .grid-5, #thankyou .grid-5{width: 58%}
#thankyou .BBPayOption,  #downloader .BBPayOption { text-decoration: underline; color: #176BA7; font-weight: bold; cursor:pointer;}
#thankyou .BPayBtnClass, #downloader .BPayBtnClass { clear:both; padding:10px 0 0 0; float:left; width:100%; display:none}

/* personal email overlay styles */

#downloader .personalEmailOverlay 
{
   background: #FFF;
  border: 1px solid #CCC;
  box-shadow: 1px 1px 15px #AAA;
  padding: 10px;
  width: 480px;
  z-index: 9999;
  left: 47%;
  top: 30%;
  margin: 0 0 0 -210px;
  position: fixed; 
}
#downloader .personalEmailOverlay .close {
    text-align: right;
    float: right;
    cursor:pointer;
}
#downloader .personalEmailOverlay .personal-email {
    padding: 20px;
    background: none;
    border: 0;
    margin: 0px;
    width: 54%;
}
.personalEmailOverlay .errors { margin-bottom:-25px; }
#downloader .personalEmailOverlay .errors {padding-left: 20px;}

/* ************* install popup overlay start ************* */

#orderdetail .installOverlay, #downloader .installOverlay {
		width:600px;
		padding:0;
		margin:0;
		left: 34%;
}
#orderdetail #installTop, #downloader #installTop {
		background-color:#ff4400;
		width:96.6%;
		float:left;
		padding: 10px;
		color:#fff;
}
#orderdetail #installHeaderTop, #downloader #installHeaderTop {
		float:left;
		font-size:2em;
}
#orderdetail #dlContentContainer, #downloader #dlContentContainer {
		padding:0 10px;
		clear:both;
}
#orderdetail #dlImageContainer, #downloader #dlImageContainer {
		margin:20px auto 0;
}
#orderdetail #dlImageOne, #downloader #dlImageOne {
		margin:0 20px 0 25px;
		display: inline-block;
}
#orderdetail #dlImageTwo, #downloader #dlImageTwo {
		margin:0 40px 0 0;
		display: inline-block;
}
#orderdetail #dlImageThree, #downloader #dlImageThree {
		display: inline-block;
}
#orderdetail .dlImageOneText, #downloader .dlImageOneText {
		width:155px;
		margin:0 20px 0 42px;
		display: inline-block;
		float:left;
}
#orderdetail #dlImageOneHeader, #downloader #dlImageOneHeader {
		font-weight:700;
		color:#707070;
		margin:10px 0 5px;
}
#orderdetail #dlImageOneHeader img, #downloader #dlImageOneHeader img {
		float:left;
		margin-right:5px;
}
#orderdetail #dlImageOneInfo, #downloader #dlImageOneInfo {
		color:#707070;
		margin:0;
}
#orderdetail .dlImageTwoText, #downloader .dlImageTwoText {
		width:155px;
		margin:0 18px 0 0;
		display: inline-block;
		float:left;
}
#orderdetail #dlImageTwoHeader, #downloader #dlImageTwoHeader {
		font-weight:700;
		color:#707070;
		margin:10px 0 5px;
}
#orderdetail #dlImageTwoHeader img, #downloader #dlImageTwoHeader img {
		float:left;
		margin-right:5px;
}
#orderdetail #dlImageTwoInfo, #downloader #dlImageTwoInfo {
		 color:#707070;
		 margin:0;
}
#orderdetail .dlImageThreeText, #downloader .dlImageThreeText {
		width:155px;
		margin:0 0 0 3px;
		display: inline-block;
		float:left;
}
#orderdetail #dlImageThreeHeader, #downloader #dlImageThreeHeader {
		font-weight:700;
		color:#707070;
		margin:10px 0 5px;
}
#orderdetail #dlImageThreeHeader img, #downloader #dlImageThreeHeader img {
		float:left;
		margin-right:5px;
}
#orderdetail #dlImageThreeInfo, #downloader #dlImageThreeInfo {
		color:#707070;
		margin:0;
}
#orderdetail .closeOverlayInstall, #downloader .closeOverlayInstall {
		float:left !important;
		text-align:left !important;
}
#orderdetail .closeOverlayInstall span, #downloader .closeOverlayInstall span {
		 border:1px solid #c0c0c0;
		 padding:5px 35px;
		 margin: 25px 0 25px 15px;
		 float:left;
		 font-weight:600;
		 color:#707070;
		 cursor:pointer;
}
/* ************* install popup overlay end ************* */

/* =============================================================================
   BEGIN: Order Detail section.

   This section contains information such as order date, order number, total
   and payment information. These are key value pairs and are thus marked-up
   using dl. 
   ========================================================================== */
#orderdetail .product-details{width:100%; float:left}
#orderdetail #content .green-button{margin-left:10px;}
#orderdetail #purchaseExpired{clear:both;padding-top:20px;display:none;}
.order-details dl, #orderdetail .payment-details dl  {
  clear: left;
  margin: 0;
}

.order-details dt, #orderdetail .payment-details dt {
  clear: left;
  float: left;
  margin: 5px 0;
  width: 30%;
}

.order-details div.product-details dt, #orderdetail .order-details div.product-details dd {
  width: 100%; margin: 0;
}

.order-details dd, #orderdetail .payment-details dd {
  float: left;
  margin: 5px 10px;
  width: 65%;
}
.order-details dd.total {
  font-weight: bold;
}
#orderdetail .cart .total td{width:25%}

.order-details p {
  clear: both;
}
#orderdetail #billing-address .ODPgSpecific, #orderdetail .payment-details .ODPgSpecific{visibility:hidden; display:none}


/* =============================================================================
   BEGIN: Cart Summary section.

   File: Block/cartsummary.aspx
   ========================================================================== */

#cart-summary .content {
  border: 1px solid #CCCCCC;
  font-size: 90%;
  padding: 10px;
}

#cart-summary p {
  margin-top: 0;
}

/* =============================================================================
   BEGIN: FAQ.

   File: faq.aspx
   ========================================================================== */

#faqArea dt .faqtext{ padding-left: 10px;}
#faq .green-button {font-weight:normal;color:Black;}
#faq .header-links, #contactus .header-links {margin: 0 7%}
#faq header .backToStoreBtn{clear:right; float: right; margin:20px 7% 0 0; font-size:0.8em}
#faq .green-button:hover {background-color:#000000;color:#ffffff;}
#faqArea dd{margin:0px 0 0 22px;}
#faqArea dt.question{ margin:10px 0px;}
#faqArea dd.answer a{text-decoration:underline}

#faqArea #faq_30 td, #thankyou #downloadBox td, #downloader #downloadBox td{padding-left:10px}

#faq .showAll_links { display:inline-block; padding-top:10px; }
#faq #show-all {cursor: pointer;margin-right:90px;
}
#faq .shippingTable td, #faq .shippingTable th {
    border: 1px solid #000000;
    padding: 5px;
    text-align: center;
    vertical-align: top;
}
#faq #shippingTimes h4 
{
  padding:5px;
}
/* tile */

#faq .tleSection, #contactus .tleSection { float:left; width:100%;}
#faq .tile, #contactus .tile { width:18%; margin:3px; cursor:pointer;}
/*#faq .tile_active
{
  height:195px;
  width:195px;
}*/
#faq .tile.tile_dormant.mobile {
    margin-left: 3%;
    margin-right: 3%;
    opacity: 0.5;
    width: 95%;
}

#faq #moreInfo, #contactus #moreInfo { float:left; width:100%; }
#faq .tile_program.tile_active, #contactus .tile_program.tile_active { border:4px solid #AD2594; background-image:url("../PurpleSelection.png");background-repeat:no-repeat; background-position:right top; }
#faq .tile_order.tile_active, #contactus .tile_order.tile_active { border:4px solid #DE5921; background-image:url("../RedSelection.png");background-repeat:no-repeat; background-position:right top;}
#faq .tile_tech.tile_active, #contactus .tile_tech.tile_active { border:4px solid #FFD310; background-image:url("../OrangeSelection.png");background-repeat:no-repeat; background-position:right top;}
#faq .tile_download.tile_active, #contactus .tile_download.tile_active { border:4px solid #22BEEF;background-image:url("../BlueSelection.png");background-repeat:no-repeat; background-position:right top; }
#faq .tile_return.tile_active, #contactus .tile_return.tile_active { border:4px solid #BDD630;background-image:url("../GreenSelection.png");background-repeat:no-repeat; background-position:right top; }

/*#faq .showAllClone { display:none;}
#faq .showAllClone_block { display:block;}*/

#faq .tile span, #contactus .tile span { text-align: center; display: block; color:#ffffff;}
#faq .tile span img, #contactus .tile span img  { margin:15% 0 10%;}
#faq .tile span.tile_text, #contactus .tile span.tile_text { padding: 0 7% 12% 7%; width:86%; height:70px; cursor:pointer;}
#show-other-sections {
  display:none;
  float:right;
  cursor:pointer;
}
#faq .tile_program, #contactus .tile_program { background-color:#722E6B; }
#faq .tile_order, #contactus .tile_order { background-color:#AD2A0C; }
#faq .tile_tech, #contactus .tile_tech { background-color:#E58606; }
#faq .tile_download, #contactus .tile_download { background-color:#0075A1; }
#faq .tile_return, #contactus .tile_return { background-color:#42860F; }
#contactus #content .tileSection a:focus {float:left; border:1px dotted #707070;}

/*overlay */
#faqArea #faqOverlay dt .faqtext { padding-left: 20px;}
#faqOverlay .header { float: right; width: 10%;}
#faqArea #faqOverlay dt.question { margin: 10px 0; width: 90%;}
#faqOverlay .arrow-right-down { display:none; }
#faqArea #faqOverlay { font-size:1.0em; }
#faqArea #faqOverlay dt.question { font-size:1.2em; }

#faq .tileSection .tile_program_active, #faq .tileSection .tile_order_active, #faq .tileSection .tile_tech_active, #faq .tileSection .tile_download_active, #faq .tileSection .tile_return_active { height:195px; width:195px; margin-top:-1%;}
/*#faq .tile_dormant_1{height: 165px; opacity: 1; width: 165px;}*/
#faq .desktop, #contactus .desktop{ display:block}
#faq .mobile, #contactus .mobile{display:none}
#faq .category.mobile, #contactus .category.mobile{display:block}

/*#faq .showAll_links { display:none; }*/
#faq .show .showAll_links { display:block; }
#faq .showAll_links { float: left; width: 100%; margin:-35px 0 23px;}
.lt-ie8 #faq .showAll_links { float: left; width: 100%; margin:-30px 0 20px;}
#faq .showAll_links #show-all_orderinfo-sec1, #faq .showAll_links #show-all_orderinfo-sec2, #faq .showAll_links #show-all_orderinfo-sec3, #faq .showAll_links #show-all_techsupport-sec1, #faq .showAll_links #show-all_dwnldinfo-sec1, #faq .showAll_links #show-all_returns-sec1,#faq .showAll_links #show-all_returns-sec2, #faq .showAll_links #show-all_program-eligibility-sec1, #faq .showAll_links #show-all_dwnldinfo-sec2 { float:left; margin-right:100px; }
#faq .showAll_links .show-other-sections { float:left; }
#faq #orderinfo, #faq #techsupport, #faq #dwnldinfo, #faq #returns, #faq #program-eligibility { float:left; width:100%; }
#faq .showAll_links a { color:#176BA7; cursor:pointer; }
#faq .showAll_links_universal { float:left; padding:20px 0 0 0; }
.lt-ie8 .sectionContent { padding-top:20px;}
#faq .tile.mobile { opacity:1; }
#faq .hideClass{display: none}
/*#faq .voteSection, #faq .gradeSection { display:none; }
#faq #faqOverlay .voteSection, #faq #faqOverlay .gradeSection { display:block; }*/
#faq .voteSection img { margin:0 5px 0 0; }
#faq #faqOverlay .gradeSection, #faq .gradeSection { font-size: 0.8em; padding: 0 0 10px 0px; color: #376092; float:left; width:100%;}
#faq .feedbackSection { display:none; }
#faq .voteSection .faqvote { color:#376092; }
#faq .voteSection { display:block; }
#faq .feedbackClass {padding::10px 0 0 20px; color:#376092; }
#faqOverlay #faq_377 table { width:100%; }
#faqOverlay dd.answer {max-height: 320px}
/* =============================================================================
   BEGIN: Order History.

   File: ordersummary.aspx
   ========================================================================== */

#ordersummary table.order-history, #ordersummary table.order-historyNested {
	width: 100%;
	margin-bottom:10px;
}
#ordersummary table.order-history{margin-top:15px}

table.order-history a {
	color: #000000;
	text-decoration: underline;
}

table.order-history th {
	background-color: #b3b3b3;
	color: #ffffff;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	line-height:26px;
	padding:0 10px;
}

table.order-history td {
  padding: 4px;
}

table.order-history .detail,
table.order-history .invoice {
  text-align: center;
}

table.order-history .date {
  text-align: left;
}

table.order-history .total {
  text-align: right;
}

#ordersummary .col1 
{
  width:80%;
}

#ordersummary .col2 
{
  width:20%;
  text-align:right;
}

#ordersummary .col2span 
{
  float:right;
}

#ordersummary .col2span a 
{
  text-decoration:none;
}

#ordersummary .errors .error-list ul {
  color: #E81123;
}


/* =============================================================================
   BEGIN: Contact US.

   File: contactus.aspx
   ========================================================================== */

/* Legacy class */
#contactus .boldTxt {
  font-weight: bold;
}

#contactus .phone-table {
  border: 1px solid #CCC;
  margin-top: 20px;
  padding: 5px;
  width:auto;
	float:left;
}

#contactus .icon {
  text-align: center;
}

#contactus button {
  margin-top: 20px;
}
#contactus .CSClick {cursor: pointer;}
#contactus #content .tileSection a , #contactus #content .mobile a { text-decoration:none; }
#contactus .PhoneSupTitle span { font-size:1.8em;}
#contactus .PhoneSupText { width:410px; color:#ffffff; padding:0 15px; background-color:#0167B9; float:right; }
#contactus .PhoneSupText a { color:#ffffff; }
#contactus .PhoneSupImg { float:left; margin: 20px 5px 0 5px; }
#contactus .PhoneSupTitle { float:left; margin:40px 15px 0; text-align:center; }
#contactus .tellOthers {cursor:pointer;}
#contactus .contactus_receipt { clear: none; float: left;}
#contactus .contactus_receipt.left { border: 1px solid #CCCCCC; padding:10px; width:auto;}
#contactus #content .contactus_receipt_left a { text-decoration:none; }
#contactus .contactus_receipt.right { padding-left:20px; width:75%}
#contactus .receiptSection { width:100%; float:left; padding-top:30px;}
#contactus .contactus_receipt_header {width:100%; float:left; text-align:left; }
.contactus_receipt_header.orange_class { color:#F2B871; border-bottom:1px solid #cccccc; }
.contactus_bold { font-weight:bold; }
#contactus .contactus_receipt_left { float:left; clear:both; padding:5px;}
#contactus .contactus_receipt_esd, #contactus .contactus_receipt_dvd { float:left; padding-top:10px; width:45% }
#contactus .contactus_receipt_esd_faq, #contactus .contactus_receipt_dvd_faq { float:right; padding:10px 10px 0 0; width:45%; }
#contactus .contactus_total span { color:#BD1B16; }
#contactus .dvdClass { clear: left; float: left; width: 100%;}
#contactus .esdClass { float: left; width: 100%; margin-bottom:20px}
#contactus .esdHeader, #contactus .dvdHeader { float: left; width: 100%; border-bottom: 1px solid #cccccc; padding-bottom:5px;}
#contactus #PhoneSupport #phoneNumber { font-size:1.6em; }
#contactus .emailSupportTitle { float:left; width:80%; font-size:2em; overflow:hidden; }
#contactus .emailSection .emailHeaderClass { float:left; }
#contactus .emailSupportSubTitle { float:left; width:auto; }
#contactus .email_box .emailSupportContent { float: left; border: 1px solid #ccc; width: 76%; padding: 0px 10px 10px 20px; margin-top:15px;}
#contactus .emailSection { float:left; padding-top:30px; }
#contactus .emailSection .emailSupportSubTitleClass { float:left; width:80%; margin-top:10px }
#contactus #content a.green-button {text-decoration: none}
#contactus .arrow-right-down {
    border-color: transparent transparent transparent #B91B19;
    border-style: solid;
    border-width: 6px;
    display: inline-block;
    height: 0;
    margin-bottom: -1px;
    margin-right: 5px;
    width: 0;
}
#overlay-mask-phone {
  background-color: #000;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 9998;
}

/* IE 7 styles */

.lt-ie8 #contactus .contactus_receipt_esd, .lt-ie8 #contactus .contactus_receipt_dvd {
   clear: both;
}
.lt-ie8 #contactus .contactus_receipt_esd_faq, .lt-ie8 #contactus .contactus_receipt_dvd_faq {
    float: right;
}
.lt-ie8 #contactus .email_box .emailSupportContent { clear:both; }
.lt-ie8 .productsDL { width :100%; }
.lt-ie8 #contactus .emailSupportSubTitle{padding-left: 25px;}
.lt-ie8 #contactus .email_box .emailSupportContent{width: auto; float: none;}
.lt-ie9 #contactus .emailSection { padding-bottom:10px; }
.lt-ie8 #contactus .contactus_receipt_left{float:none}

/* IE 8 styles HUP Page */

.lt-ie9 #hup #pg-hup-content-container {
    background-color: #b4009e;
    opacity: 0.9;
    max-width: 330px;
    color: #FFF;
    margin: 0px auto;
    padding: 20px;
    width: 100%;
    position: absolute;
    top: 135px;
    right: 20%;
}

.lt-ie9 #hup #pg2-main-content-two {
    background-color: #008272;
    opacity:0.9;
    padding: 0 10px;
    float: left;
    color: #fff;
}

.lt-ie9 #hup #pg2-header-two-style {
    margin-bottom: 0;
    font-size: 2.5em;
    background-color: #008272;
    opacity:0.9;
    color:#fff;
    padding:10px
}

.lt-ie9 #hup #reg-nav {
    background-color: #fff;
    opacity:0.85;
    padding: 0;
    width: 100%;
    text-align: center;
    margin: auto;
    color: #000;
}

.lt-ie8 .lt-ie9 #hup #btn-container {
    background-color: #fff;
    padding: 10px 25px;
    text-align: center;
    margin: auto;
		opacity:0.85;
}

#contactus .contactus_receipt_prodClass.prodImg {float:left; margin:0 15px 15px 0}
#contactus .contactus_receipt_prodClass.prodInfo p{margin-top:0}
#contactus .contactus_receipt_prodClass.prodInfo {float:left; width:65%; margin-bottom:20px;}
#contactus .contactusQue{float:left; width:100%; margin-bottom:5px}
#contactus .arrowDiv{float:left}
#contactus .queDiv{float:left; width:90%}
#contactus .contactus_receipt_dvd_container { width:100%; float:left}



/* ==========================================================
	BEGIN: Receipt, orderdetails and Invoice Pages.

	==========================================================   */

#receipt2 .cart > table,
#orderdetail .cart > table,
#receipt .cart > table {
  margin-top: 15px;
}

#receipt2 .cart th,
#orderdetail .cart th,
#receipt .cart th {
  background-color: #EDEDED;
  color: #707070;
  padding: 5px;
}

#receipt2 h2,
#orderdetail h2,
#receipt h2 {
  margin-bottom: 0;
}

#receipt2 h3,
#receipt h3 {
  margin-bottom: 10px;
}
	
#receipt2 h3 {
  margin-top: 15px;
}

#receipt .cart table.receiptTableStyle,
#orderdetail .cart table.receiptTableStyle {
  float:right;
}

#receipt .cart table.receiptTableStyle .receiptTableContent,
#orderdetail .cart table.receiptTableStyle .receiptTableContent {
text-align:right;
}

#orderdetail h3 {
  margin: 0;
}

#orderdetail h4 {
    margin: 0;
}

#orderdetail #billing-address {
    border-left: 1px solid gray;
    float:right;
    width: 40%;
    padding-left: 30px;
}

#orderdetail .grid-4 { width:58%; }
#orderdetail p.printArea { width:100%; text-align:right; margin-bottom:0}
#orderdetail .address_heading { padding:10px 0; }
#orderdetail .product .desc {padding:0 0 0 6%; margin-top: 0; float:left; width:70%}
#orderdetail .product .desc p {margin-top: 0;}
#orderdetail .order-details{ float:left; width:52%;}
#orderdetail .product { margin-top: 15px;}
#orderdetail .advancedoptions-link a.overlay-trigger,#orderdetail #how-download a.overlay-trigger,#orderdetail .c2r-privacy a{text-decoration:underline;}
#orderdetail .clearfix .key{margin:0;width:100%;}
/* ==========================================================
	BEGIN: Sitemap

  File: sitemap.aspx
	==========================================================   */

#sitemap #content ul {
  list-style: none;
  font-size: 1.231em;
  line-height: 2.0;
  padding: 0;
  float:left;
}

.sitemapLinks ul.majorLinks {
    margin-right: 150px;
}
/************************************
 Phonenumber page css
************************************/

.phonenos {
	margin: 0px 10px;
	width:920px
}
.phonenos td {
	padding: 5px;
	border:1px solid #444;
}
table.phonesupheader td {
	border-bottom:none;
	background-color: #C2D69A;
	font-weight:bold;
	text-align: center
}
table.phonesupfooter td {
	border-top:none;
	background-color: #C2D69A;
	font-weight:bold;
	width:920px;
	text-align:center
}
table.phonesupfooter td a {
	color: #176BA7;
}
table.phonesupfooter td a:hover {
  color: #004185;
}
table.phonesupheader td.cstitle {
	font-size: 1.5em;
	width:42%;
}
table.phonesupheader td.instr {
	text-align:left;
}
table.phonenos td.suplanguage {
	width:22%;
}
table.phonenos td.supcountry {
	width:20%;
}
table.phonenos td.supphoneno {
	width:26%
}
table.phonenos td.suphours {
	width:32%
}
.boldText {font-weight:bold;}

/* ==========================================================
	BEGIN: Refundinfo

  File: refundinfo.aspx
	==========================================================   */
#refundinfo table.refundInfoTable td { padding:5px; }
#refundinfo  div.buttonLink { padding:10px;}
#refundinfo .refund_data { padding:5px 0;}

/* =============================================================================
   BEGIN: Mobile Site Hidden Content
   ========================================================================== */

.footerMobile, #home .homeMALink, #default .M_learnMain, #basket .M_basketCurrencyList, #home .M_successMessage, #logon .M_successMessage, #home .tellOthers, #logon .tellOthers, #default .M_addItemButton, #thankyou .emailConfirmation, #downloader .emailConfirmation, #home #PromoCode, #logon #PromoCode {display: none}
#basket .paddingRight{margin-right:15px; font-weight:700;}
#basket .M_basketCurrencyList{font-weight:700;}

/* =============================================================================
   BEGIN: Tooltip styling
   ========================================================================== */

.tooltip-trigger {
  position: relative;
}

.lt-ie8 .tooltip-trigger {
  position: static;
}

.lt-ie8 .tooltip-trigger.active {
  position: relative;
}

.tooltip-trigger.active .tooltip {
  display: block;
}
/*
.tooltip-trigger:hover .tooltip {
  display: block;
}
  */

.tooltip {
  display: none;
  left: 50%;
  position: absolute;
  top: 100%;
  z-index: 9999;
}

.tooltip .content {
  background: #FFF;
  border: 1px solid #888;
  border-radius: 5px;
  box-shadow: 1px 1px 10px #CCC;
  padding: 15px;
  color:#000;
}
#thankyou .tooltip .content, #downloader .tooltip .content{text-align:left}
#thankyou .button-list .supplemental, #downloader .button-list .supplemental{text-align:right}
#downloader .button-list .supplemental .suppButton .help, #orderdetail .button-list .supplemental .suppButton .help {text-align: left; float:right;}
#thankyou .grid-3 u, #downloader .grid-3 u{text-decoration:none}

.channel_596 .tooltip .content {
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 5px;
  box-shadow: 1px 1px 10px #CCC;
  padding: 10px;
}
#thankyou .downloadbuttons, #downloader .downloadbuttons {
    float: right;
}
.tooltip .arrow {
  background: url("../tooltip-arrow-top.png") no-repeat center 0 #FFF;
  height: 15px;
  margin: 0 auto -1px auto;
  position: relative;
  width: 18px;
  z-index: 2;
}
#home .tooltip .arrow {
    margin: 3px auto -1px auto;
    left: 82px;
}

.tooltip-right,
.help .tooltip-right {
  margin: -30px 0 0 7px;
  left: 100%;
  width: 346px;
}

.tooltip-right .arrow {
  background: url("../tooltip-arrow-sprite.png") no-repeat scroll 0 -2px #FFF;
  float: left;
  height: 14px;
  margin: 15px -1px 0 0;
  width: 14px;
}

.tooltip-right .content {
  float: left;
  width: 300px;
}

.tooltip-link {
  cursor: pointer;
}

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media only screen and (max-height: 545px)
{
	#downloader .grid-3 section, #thankyou .grid-3 section {display:none}
}
@media only screen and (max-width: 680px) {
  .product .desc {
    display: block;
    padding-left: 0;
  }
	#default .minibasket a.mminicart, #pdp .minibasket a.mminicart {padding: 5px 5px;}
	#downloader .product .desc, #orderdetail .product .desc{padding-left:10px}
  h2 {
    font-size: 1.5em;
  }

  h3 {
    font-size: 1.4em;
  }
  
  #home .products p, #home .products ul {
    float: none;
    width: auto;
  }

  #home .products ul {
    clear: left;
  }
  #home .products ul li {
    width: auto;
  }

  #home .products ul img {
    width: auto;
  }

	header .header-links {padding:0; margin:0 !important; font-size:0.75em; max-width:61% !important;}
	#orderdetail .installOverlay, #downloader .installOverlay {
		left: 1%;
	}
}

@media (min-width: 681px) and (max-width: 768px) {
	header .header-links {padding:0; margin:0 !important; font-size:0.75em; max-width:56%;}
	#default .minibasket a.mminicart, #pdp .minibasket a.mminicart {padding: 5px 5px;}
	#orderdetail .installOverlay, #downloader .installOverlay {
		left:9%;
	}
}

@media (min-width: 769px) and (max-width: 1000px) {
	header .header-links {
		padding: 0;
		margin: 0 !important;
		font-size: 0.7em;
	}

	#orderdetail .installOverlay, #downloader .installOverlay {
		left: 11%;
	}
}
@media (min-width: 1001px) and (max-width: 1077px) {
	#home header, #logon header {padding:2em 6em 0em 6em;}
}
@media (min-width: 1078px) and (max-width: 1300px) {
	#home header, #logon header {padding:2em 6em 0em 6em;}
	header .header-links {max-width:83%; padding:0; margin:0 !important;}
	#logon #logonHome { top: 170px !important; right: 6% !important;}
	#home #global-footer, #logon #global-footer {padding:2em 6em;}
}

#home .success-message .alertMessage p.congomessage, #logon .success-message .alertMessage p.congomessage { line-height:20px;}
#home .success-message .alertMessage p.congomessage p, #logon .success-message .alertMessage p.congomessage p{margin-top:15px;}
#home .success-message .successDesktop, #logon .success-message .successDesktop {padding-bottom:5px;text-align:left}
@media only screen and (max-width: 1024px) {
#home .help .tooltip .arrow{
  margin: 0 136px -1px;
}
#home .help .tooltip{
  left: -220px;
}
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.visibleFalse, .hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/** =========================================================================

Culture Specific

=============================================================================*/

#basket.culture_el-GR .backupMediaSection {width:100%;}
#basket.culture_el-GR #backupContainerOne {width:20%;}
#faq.culture_el-GR header .header-links, #contactus.culture_el-GR header .header-links, #accesshistory.culture_el-GR header .header-links {width: 54% !important;}
#basket.culture_nl-NL .backupMediaSection {width:100%;}
#basket.culture_nl-NL #backupContainerOne {width:20%;}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; box-shadow:none !important; text-shadow: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  /*a[href]:after { content: " (" attr(href) ")"; }*/
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}