/* Style settings used only within the /products/list.php page. */
a.buyButton[rel="facebox"] {
	color: #FFFFFF;
	text-decoration: none;
}

.productHeader
 {
	width: 100%;;
	background-repeat: no-repeat;
	height: 490px;
	top: 0;
	text-align: center;
	margin-top: -20px;
	background-color: #0b4b84;
	background-size: cover;
	display: inline-block;
}
.proHeader, .vatHeader { /* uses defaults defined in above .productHeader selector*/
}
.hubHeader, .amlHeader{
    background: url(/images/products/ch_header_5120x1370.jpg) center -60px/2560px 685px no-repeat;
    background: url(/images/products/ch_header.svg) center -1150px/3400px 2740px no-repeat,linear-gradient(transparent, transparent);
    background-attachment: fixed;
}
.apHeader {
    background: url(/images/products/ap_header_5120x1370.jpg) center -20px/2560px 680px no-repeat;
    background: url(/images/products/ap_header.svg) center -20px/2570px 700px no-repeat,linear-gradient(transparent, transparent);
    background-attachment: fixed;
}
.nonProHeader {
    background: url(/images/products/individual_header_5120x1370.jpg) center 0/2560px 605px no-repeat;
    background: url(/images/products/individual_header.svg) center -1070px/2560px 2740px no-repeat,linear-gradient(transparent, transparent);
    background-attachment: fixed;
}
.cloudConnectHeader {
    background: url(/images/products/cloud_header_5120x1370.jpg) center 0/2560px 685px no-repeat;
    background: url(/images/products/cloud_header.svg) center -870px/2560px 2240px no-repeat,linear-gradient(transparent, transparent);
    background-attachment: fixed;
}
.chfHeader {
    background: url(/images/products/cosec_header_5120x1370.jpg) center 0/2570px 700px no-repeat;
    background: url(/images/products/cosec_header.svg) center -1070px/2560px 2740px no-repeat,linear-gradient(transparent, transparent);
    background-attachment: fixed;
}

/* Not sure why this is here. Seems to force IE10 and up to revert to .jpg background image in preference to .svg */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* Hack - Greater than and equal to IE10 */
    .proHeader, .vatHeader {
        background: url(/images/products/tax_header_5120x1370.jpg) center -30px/2560px 685px no-repeat;
    }
    .hubHeader, .amlHeader {
        background: url(/images/products/ch_header_5120x1370.jpg) center -60px/2560px 685px no-repeat;
    }
    .apHeader {
        background: url(/images/products/ap_header_5120x1370.jpg) center -20px/2560px 685px no-repeat;
    }
    .nonProHeader {
        background: url(/images/products/individual_header_5120x1370.jpg) center 0/2560px 685px no-repeat;
    }
    .cloudConnectHeader {
        background: url(/images/products/cloud_header_5120x1370.jpg) center 0/2560px 685px no-repeat;
    }
    .chfHeader {
        background: url(/images/products/cosec_header_5120x1370.jpg) center 0/2560px 685px no-repeat;
    }
}

.headerInfoBox h1 {
	margin-top: 77px;
	/* 76px if the tab navigation lines up well across browsers following changes */
}

.headerInfoBoxSubTitle {
	font-size: 25px;
	color: #c8deef;
	letter-spacing: -1px;
	font-weight: 100;
}
.proHeader .headerInfoBoxSubTitle {
	color: #b5e9f4;
}
.apHeader .headerInfoBoxSubTitle {
	color: #e5c6da;
}
.cloudConnectHeader .headerInfoBoxSubTitle {
	color: #ffcfe3;
}
.chfHeader .headerInfoBoxSubTitle {
	color: #f4d8ce;
}
.amlHeader .headerInfoBoxSubTitle {
	margin-top: 10px;
}

.productHeader .price {
    font-size: 44px;
    color: #fff;
    letter-spacing: -1px;
    margin-top: 20px;
    font-weight: 100;
    margin-bottom: 25px;
    margin-left: 0;
    font-family: "Helvetica Neue LT W01_35 Thin";
}
.price sup {
    font-size: 26px;
    letter-spacing: 0px;
    margin-left: 1px;
    top: 10px;
    position: relative;
}
.price .small {
    font-size: 45%;
    top: -0.25em;
    position: relative;
    margin-right: 8px;
}
.taxHeaderButton, .nonProHeaderButton, .vatHeaderButton {
	color: #027f9c;
	background: #fff;
	font-weight: 700;
	border: 1px solid #fff;
}

.taxHeaderButton:hover, .nonProHeaderButton:hover, .vatHeaderButton:hover  {
	color: #0091b3;
    background: #fff;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.3);
	transition: ease-in-out, all .25s ease-in-out;
	border: 1px solid #fff;
}
.hubHeaderButton:hover, .amlHeaderButton:hover {
	color: #0d528d;
	border: 1px solid #fff;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.4);
	transition: ease-in-out, all .25s ease-in-out;
    background: #fff;
}
.ccHeaderButton:hover {
	background: #fff;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
	color: #da0057;
	border: 1px solid #da0057;
	transition: ease-in-out, all .25s ease-in-out;
}

.chfHeaderButton:hover {
	background: #fff;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3);
	color: #e15000;
	border: 1px solid #FFF;
	transition: ease-in-out, all .25s ease-in-out;
}

.apHeaderButton:hover {
	transition: ease-in-out, all .25s ease-in-out;
	color: #9e0073;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.4);
}

.taxHeaderSecondaryButton {
	background: transparent;
    border: 1px solid #b5e9f4;
    color: #b5e9f4;
    font-weight: 100;
}

.hubHeaderButton, .amlHeaderButton {
	color: #0b4579;
	background: #fff;
	font-weight: 700;
	border: 1px solid #fff;
}
.hubHeaderSecondaryButton,  .amlHeaderSecondaryButton, .vatHeaderSecondaryButton {
	background: transparent;
    border: 1px solid #c8deef;
    color: #c8deef;
    font-weight: 100;
}

.chfHeaderButton {
	color: #c43d02;
	background: #fff;
	font-weight: 700;
	border: 1px solid #fff;
}

.chfHeaderSecondaryButton  {
	border: 1px solid #f4d8ce;
	color: #f4d8ce;
	background: transparent;
	font-weight: 400;
}

.taxHeaderSecondaryButton {
	background: transparent;
    border: 1px solid #b5e9f4;
    color: #b5e9f4;
    font-weight: 100;
}

.apHeaderButton {
	color: #870062;
	background: #fff;
	font-weight: 700;
	border: 1px solid #fff;
}
.apHeaderSecondaryButton {
	background: transparent;
    border: 1px solid #e5c6da;
    color: #e5c6da;
    font-weight: 100;
}
.apHeaderSecondaryButton:hover, .taxHeaderSecondaryButton:hover, .taxHeaderSecondaryButton:hover, .hubHeaderSecondaryButton:hover, .amlHeaderSecondaryButton:hover, .chfHeaderSecondaryButton:hover, .vatHeaderSecondaryButton:hover {
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	box-shadow: none;
	transition: ease-in-out, all .25s ease-in-out;
}
.ccHeaderButton {
	color: #da0057;
	background: #fff;
	font-weight: 700;
	border: 1px solid #fff;
}

#productTabNav {
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	padding-top: 42px;
}
@-moz-document url-prefix() {
	#productTabNav {
		padding-top: 41px;
	}
}
#additionalTabs{
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	margin-top: -52px;
}
#additionalTabs ul li .activeTab{
	border: 1px solid #000000;
	border-bottom: 1px solid #FFF;
}
#productTabNav ul, #additionalTabs ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}
#productTabNav ul li, #additionalTabs ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}
#productTabNav ul li a, #additionalTabs ul li a {
	display:block;
	margin:0 0 0 1px;
	padding:3px 10px;
	color:#000;
	text-decoration:none;
	line-height:1.3em;
	background: #aecae1;
/*	padding: 11px 20px 11px 20px;*/
	padding: 11px 15px 11px 15px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}
#productTabNav ul li a, #additionalTabs.tchub11 ul li a, #productTabNav ul li a, #additionalTabs.aml ul li a, #productTabNav ul li a, #additionalTabs.vat ul li a  {
	background: #aecae1;
}
#productTabNav.hub-ap ul li a, #additionalTabs.hub-ap ul li a {
	background: #dbaacb;
}
#productTabNav.hub-tc ul li a, #additionalTabs.hub-tc ul li a,
#productTabNav.hub-vat ul li a, #additionalTabs.hub-vat ul li a,
#productTabNav.hub-vat-bus ul li a, #additionalTabs.hub-vat-bus ul li a  {
	background: #9be0ef;
}
#productTabNav.hub-cc ul li a, #additionalTabs.hub-cc ul li a {
	background: #ffb2d1;
}
#productTabNav.hub-inc ul li a, #additionalTabs.hub-inc ul li a, #productTabNav.hub-chf ul li a, #additionalTabs.hub-chf ul li a {
	background: #edc8b7;
}
#additionalTabs ul li a:hover {
	display:block;
	margin:0 0 0 1px;
	padding:3px 10px;
	background:#ededed;
	color:#000;
	text-decoration:none;
	line-height:1.3em;
	padding: 11px 20px 11px 20px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}
.proVersionsTab {
	background: #00AAD1 !important;
	color: #FFFFFF !important;
}
.hubVersionsTab {
	background: #0d518e !important;
	color: #FFFFFF !important;
}
.apVersionsTab{
	background: #9e0073 !important;
	color: #FFFFFF !important;
}
.amlVersionsTab{
	background: #105588 !important;
	color: #FFFFFF !important;
}
.vatVersionsTab{
	background: #6296ad !important;
	color: #FFFFFF !important;
}
.cloudConnectVersionsTab {
	background: #FF0066 !important;
	color: #FFFFFF !important;
}
.ciVersionsTab {
    background: #E15000 none repeat scroll 0 0 !important;
    color: #ffffff !important;
}
.chfVersionsTab {
    background: #E15000 none repeat scroll 0 0 !important;
    color: #ffffff !important;
}


.activeTab {
	background: #FFF !important;
	padding: 15px 20px 15px 20px !important;
	border-radius: 5px 5px 0 0 !important;
}
#productTabNav ul li a:hover {
	background: #c8deef;
}
#productTabNav.tchub11 ul li a:hover, #productTabNav.aml ul li a:hover, #productTabNav.aml ul li a:hover, #productTabNav.aml ul li a:hover {
	background: #c8deef;
}
#productTabNav.hub-ap ul li a:hover {
	background: #e5c6da;
}
#productTabNav.hub-tc ul li a:hover, #productTabNav.hub-vat ul li a:hover , #productTabNav.hub-vat-bus ul li a:hover {
	background: #b5e9f4;
}
#productTabNav.hub-cc ul li a:hover {
	background: #ffcfe3;
}
#productTabNav.hub-inc ul li a:hover, #productTabNav.hub-chf ul li a:hover {
	background: #f4d8ce;
}

ul li .firstTab {
	border-radius: 5px 0 0 0;
}
ul li .lastTab {
	border-radius: 0 5px 0 0;
}
.productTabLinkNonPro {
	text-decoration: none;
	cursor: pointer;
	padding: 10px 24px !important;
}
.productSelect {
	background: #FFFFFF;
	color: #000000;
}
.productTabLinkPro {
	text-decoration: none;
	cursor: pointer;
	padding: 10px 18px !important;
}
.detailTab {
	white-space: nowrap;
}
#productTabNav ul li#tabWhatsNew a {
background: #FF0066  !important;
color: white  !important;
}

#productTabNav ul li#tabWhatsNew a.activeTab {
background: #FF0066  !important;
color: white  !important;
}
#productVersions {
	width: 100%;
	background: #EAEAEA;
	margin-top: 20px;
	overflow: auto;
	margin-bottom: -20px;
}
#productInfomationHolder {
	width: 100%;
	margin:auto;
}
#productInfomationHolder ul li{
	list-style-image: none;
	text-align: left;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#productInfomationHolder ul {
	padding: 0;
}
#productInfomationHolder li {
	margin: 0 0 0.6em 1em;
}
#productInfomationHolder h4 {
	font-size: 15px;
	border: none;
	font-weight: 600;
	margin: 10px 0 10px 0;
	padding: 0;
}
#featuresInDetail {
	overflow: hidden;
	border-bottom: 1px solid #CCCCCC;
}
.productDivider{
	background-color:#FFFFFF;
	width: 100%;
}
#unlimitedProductsSelection{
	overflow: auto;
	padding-top: 20px;
}
#limitedProductsSelection{
	overflow: auto;
	padding-top: 20px;
}
#productAddons {
	margin-bottom: 100px;
}
#addons {
	margin-top: 20px;
	width: 960px;
	margin: auto;
	overflow: auto;
	padding-bottom: 10px;
}
#previousYearsProducts{
	width: 960px;
	margin:auto;
}
#productTotal, #productSubTotal {
	float:right;
	height: 60px;
	font-weight: 600;
}
.productTotalLine{
	width: 960px;
	margin: auto;
	overflow: auto;
	padding-top: 20px;
	margin-bottom: 20px;
	font-size: 28px;
	color: #000000;
}
.productAddonLine {
	margin: 20px 0 10px;
}

#productScreenshots {
	margin-bottom: -20px;
}
#productOverview {
	overflow: hidden;
}
#productOverview h2 {
	margin-left: 0;
}
#productPractice {
	overflow: visible;
}
.productScreenshotIntro {
	width: 800px;
	margin: auto;
	text-align: center;
	color: #000000;
	font-size: 17px;
	font-weight: 400;
	padding-top: 1ex;
}
.productScreenshot {
	width: 303px;
	margin: 0 15px 40px 15px;
	float: left;
	text-align: center;
}
.productScreenshot img:hover {
	cursor: pointer;
}
.productScreenshot p{
	margin-left: 0;
	text-align: left;
	margin-left: 30px;
	padding-right: 20px;
}
.screenshotNote {
	font-weight: 600;
	text-align: center;
	margin-top: -20px; /* push note into space at top of screenshot section */
}

#featuresTop {
	padding-bottom: 50px;
}
#featuresTop p {
	text-align: left;
	margin: 0;
}
#featuresTop h3 {
	text-align: left;
	width: 100%;
	margin-bottom: 10px;
}
#featuresTop .stripeMiddle {
	padding: 0;
}
#DARK_BG{
	position:absolute;
	z-index:999;
	width:100%;
	left:0; top:0;
	height:2000px;
	overflow:hidden;
	background-color:#000;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	-khtml-opacity:0.80;
	display:none
}
#screenshotPopup {
	position: fixed;
	width: 984px;
	height: 615px;
	left: 50%;
	margin-left: -490px;
	top: 50%;
	margin-top: -360px;
	display: none;
	z-index: 1000;
	background-size: 100% auto !important;
}
.addonDescription h3 {
	width: 400px;
}
.questionAnswer {
	max-width: 620px;
	float: left;
}
h3.productQuestion{
	padding-left: 40px;
}
#productQuestions .greyStripe, #productQuestions .whiteStripe {
	overflow: hidden;
}
#productQuestions h3 {
	width: 300px;
	margin-right: 20px;
}

#productFeatureDetail ul {
	margin-left: 0;
}
#productFeatureDetail ul li {
	list-style-image: none;
	color: #676767;
	text-align: left;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#productFeatureDetail .productColumn{
	width: 297px;
	padding: 0px 3px 0px 3px;
	margin-bottom: 0;
}
.productColumn h3 {
	margin-top: 20px;
	margin-bottom: 5px;
}
#productFeatureDetail h3{
	font-size: 16px;
	text-align: left;
	margin-bottom: -20px;
	margin-left: 10px;
	font-weight: 600;
	margin-top: 35px;
}
#productFeatureDetail h4{
	margin-bottom: 14px;
	margin-top: 14px;
	margin-left: -7px;
	color: #000000;
	text-align: left;
}
#productSupplementary{
	display: none;
}
#productSupplementary td{
	text-align: left;
	color: #676767;
	font-size: 14px;
	vertical-align: top;
}
#productSupplementary h3 {
	text-align: left;
	font-size: 16px;
	margin-left: 3px;
	margin-top: -20px;
	margin-bottom: -20px;
	font-weight: 600;
}
#productSystem {
	display: none;
}
#productSystem .pageOpener {
	margin-bottom: 0;
}
#productSystem .pageOpener span {
	color: #676767;
	font-style: italic;
	font-size: 14px;
	margin: .75em 0;
	margin-left: 10px;
}
#productSystem h3 {
	text-align: left;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 600;
	margin-left: 20px;
	float: left;
	clear: both;
}
#productSystem h4 {
	color: #676767;
	font-size: 15px;
	text-align: left;
	margin-left: 15px;
	margin-bottom: 0;
	margin-bottom: 10px;
}
.productSystemClear {
	clear: both;
}
#productSystem p {
	color: #676767;
	text-align: left;
	font-style: italic;
	font-size: 14px;
	margin-left: 10px;
}
#productSystem ul{
	margin-top:5px;
	margin-left: 0;
}
#productSystem ul li{
	margin-top:0;
	margin-bottom:5px;
	list-style-image: none;
	color: #676767;
	text-align: left;
	font-size: 14px;
}
#minimumSpec li{
	list-style-image: url(/images/squareBullet.gif);

}

h1 .headerInfoBoxSubTitle {
	font-family: 'Open Sans', sans-serif;
	display: block;
	margin-top: 8px;
	font-size: 25px;
	color: #c8deef;
	letter-spacing: -1px;
	font-weight: 100;
}