﻿.xsmall {
     width: 150px;
}

.xwide {
     width: 805px;
}

tbody.hide .infobox-large, tbody.hide .infobox, tbody.hide td.covered span, tbody.hide td.uncovered span {
     display: none;
}

#content h1.display-name {
     line-height: 38px;
     margin: 12px 155px 8px;
     padding: 0pt;
}

h1 .ms-formfieldcontainer {
     font-size: 12px;
     font-weight: normal;
     line-height: 125%;
}

#content .small {
     width: 215px;
}

#content .main {
     width: 585px;
}

.product-description {
     font-size: 1.6em;
     font-weight: 100;
     line-height: 125%;
     min-height: 95px;
}

.product-price {
     margin: 0pt 0pt 10px;
     min-height: 95px;
     padding-bottom: 20px;
     text-align: center;
}

.less-more {
     background: url("Images/less-more-divider.png") repeat-x scroll 50% 0pt transparent;
     border-color: #1F7C07;
     border-style: solid;
     border-width: 1px 0pt;
     font-size: 1.2em;
     height: 33px;
}

.less-button, .more-button {
     float: left;
     height: 33px;
     vertical-align: middle;
     width: 49.5%;
}

.less-button a, .more-button a {
     color: #444444;
     display: block;
     height: 100%;
     line-height: 30px;
     text-decoration: none;
}

.less-button a:hover, .more-button a:hover {
     text-decoration: underline;
}

.less-button a {
     background: url("Images/left-arrow.png") no-repeat scroll 2% 50% transparent;
     padding-right: 8px;
     text-align: right;
}

.more-button a {
     background: url("Images/right-arrow.png") no-repeat scroll 100% 50% transparent;
     padding-left: 5px;
}

.compare-button {
     background: url("Images/compare-button.png") no-repeat scroll 50% 80% transparent;
     height: 55px;
}

.compare-button a {
     display: block;
     font-size: 0pt;
     height: 55px;
     overflow: hidden;
     padding-left: 100%;
     vertical-align: bottom;
}

.product-footer {
     clear: both ! important;
     line-height: 20px;
     margin: 10px 0pt 10px 155px;
     vertical-align: bottom;
}

div.panel.summary h2 {
     height: 32px;
     line-height: 35px;
}

div.panel.summary {
     height: 180px;
     position: relative;
}

div.panel.summary div.prodsummary_morelink {
     bottom: 0pt;
     position: absolute;
     width: 95%;
}

div.panel.summary span.product-label {
     padding-top: 5px;
     position: absolute;
}

div.panel.summary span.panel-header {
     font-size: 1.2em;
}

div.panel.summary span.product-price {
     padding-top: 5px;
     position: absolute;
     right: 5px;
}

div.column.small span img {
     padding-top: 4px;
}

.product-tabs {
     margin: 0pt 15px;
     position: relative;
     z-index: 99;
}

.tab-panel {
     background: url("Images/panel-head-right-bg.png") no-repeat scroll 100% 0pt transparent;
     clear: both;
     margin: -2px 5px 0pt 13px;
     position: relative;
}

.table-panel {
     background: url("Images/panel-head-left-bg.png") no-repeat scroll 0% 0% transparent ! important;
     margin: 0pt 0pt 0pt -8px;
}

table.product-table {
     border-collapse: collapse;
     border-width: 0pt 1px;
     font-size: 1em;
     width: 100%;
}

table.product-table td {
     color: #000000;
     font-weight: normal;
     padding: 5px;
}

table.product-table thead td.head-comment {
     background-color: #FFFFFF;
     border-color: #1F7C07;
     border-style: solid;
     border-width: 0pt 1px;
}

table.product-table tr.alternate-head th {
     border-top: 5px solid #7ABD0E ! important;
     color: #000000;
     font-weight: bold;
     text-align: center;
}

table.product-table tbody.gutters td.left, table.product-table tr.alternate-head td.left {
     border-left: 1px solid #1F7C07;
     float: none ! important;
}

table.product-table tbody.gutters td.right, table.product-table tr.alternate-head td.right {
     border-right: 1px solid #1F7C07;
     float: none ! important;
}

#medicalPanel table.product-table th, #hospitalPanel table.product-table th {
     padding-left: 5px;
     text-align: left;
}

table.product-table tr.alternate-head th.first {
     background-color: #FFFFFF ! important;
}

table.product-table tbody td.first {
     background-color: #FFFFFF ! important;
     border-left: 1px solid #1F7C07 ! important;
     display: block;
     position: static;
}

table.product-table tbody.gutters td.first {
     border: medium none ! important;
}

table.product-table tr.alternate-head th.infobox_info, table.product-table tbody td.infobox_info {
     background-color: #F5F9EC ! important;
     text-align: center;
     vertical-align: middle;
}

table.product-table tr.alternate-head th.limit, table.product-table tbody td.limit {
     background-color: #E8F2E6 ! important;
}

table.product-table tr.alternate-head th.last {
     background-color: #D2E5CD ! important;
}

table.product-table tbody td.last {
     background-color: #D2E5CD ! important;
     border-right: 1px solid #1F7C07 ! important;
}

table.product-table tbody.gutters td.last {
     border: medium none ! important;
}

table.product-table tbody td.infobox_info span.infobox {
     text-indent: 16px;
}

table.product-table tbody.gutters tr.bottom-gutter td {
     height: 5px;
     padding: 0pt ! important;
}

.product-table .infobox-large {
     margin: -2px 0pt 0pt;
}

div.restrictions {
     clear: both;
     display: block;
     float: left;
     font-size: 1em;
     margin-bottom: 1em;
     width: 100%;
}

div.restrictions-header {
     font-weight: bold;
}

ul.hospital-exclusion li, ul.medical-exclusion li, ul.restrictions-list li {
     font-size: 1em;
     line-height: 16px;
     margin-top: 5px;
     padding: 0pt 0pt 2px 2px;
}

ul.medical-inclusion, ul.hospital-inclusion {
     list-style-image: url("/Style%20Library/Images/tick-bullet.png");
     width: 49%;
}

ul.medical-exclusion, ul.hospital-exclusion {
     list-style-image: url("/Style%20Library/Images/cross-bullet.png");
}

ul.medical-inclusion li, ul.hospital-inclusion li {
     font-size: 1em;
     line-height: 23px;
     padding: 0pt;
}

ul.medical-inclusion li span.infobox, ul.hospital-inclusion li span.infobox {
     margin-top: 8px;
}

table.product-table tfoot td {
     background: url("Images/prod-panel-footer-right-bg.png") no-repeat scroll 100% 100% transparent;
     color: #FFFFFF ! important;
     height: 28px;
     padding: 0px;
}

table.product-table tfoot a {
     color: #FFFFFF;
}

table.product-table tfoot td.footer-title {
     background: url("Images/prod-panel-footer-left-bg.png") no-repeat scroll 0pt 100% transparent;
     font-size: 0.8em;
     padding: 0px 5px 0px 10px ! important;
     vertical-align: middle;
}

table.product-table tfoot td.footer-limit {
     font-size: 0.8em;
     line-height: 105%;
     padding-top: 5px ! important;
     text-align: left ! important;
     vertical-align: middle;
}

#hospitalPanel table.product-table tfoot td {
     height: 37px;
     padding: 0pt ! important;
     vertical-align: bottom;
}

.excess {
     background: url("Images/prod-panel-footer-left-bg.png") no-repeat scroll 0pt 100% transparent;
     display: block;
     float: left;
     font-size: 0.9em;
     font-weight: bold;
     height: 100%;
     line-height: 30px;
     padding: 0pt 5px;
     position: relative;
     vertical-align: bottom;
     width: 70%;
}

.excess-options {
     bottom: 2px;
     float: right;
     font-size: 0.9em;
     font-weight: normal;
     line-height: 110%;
     position: absolute;
     right: 0pt;
     width: 60%;
}

.restrictions {
     display: block;
     float: right;
     font-size: 0.8em;
     line-height: 125%;
     padding: 5px 25px 0pt 0pt;
}

span.hospital, span.medical {
     background: url("Images/prod-panel-footer-left-bg.png") no-repeat scroll 0pt 100% transparent;
     display: block;
     font-size: 0.9em;
     height: 100%;
     line-height: 150%;
     padding: 0pt 0pt 0pt 5px;
     vertical-align: bottom;
     width: 90%;
}

#hospitalPanel table.product-table span.hospital td {
     background-image: none ! important;
     height: 35px;
     vertical-align: top;
}

#non-packaged .main .panel-footer .infobox, .restrictions .infobox {
     margin-top: 0px;
}

.info-links {
     clear: both;
     font-size: 0.8em;
}

.product-footer table.slm-layout-main {
     float: left;
     margin-right: 5px;
}

.product-footer div.item {
     clear: none;
     display: inline;
     margin: 0pt;
}

.product-footer a.sis-link {
     float: left;
     left: -225px;
     position: relative;
     top: 45px;
     vertical-align: bottom;
     width: 220px;
}

.product-footer div#footer {
     display: none;
}

#non-packaged .product-description {
     margin-bottom: 20px;
     min-height: 0pt;
     width: 800px;
}

#non-packaged .main .panel-footer {
     background: url("Images/prod-panel-footer-left-bg.png") no-repeat scroll 0pt 100% transparent;
     color: #FFFFFF;
     font-size: 0.8em;
     height: auto ! important;
     line-height: 120%;
     margin: 0pt 5px;
     min-height: 37px ! important;
     padding: 0pt;
}

#non-packaged .main .panel-footer .ms-formfieldcontainer {
     background-color: #FFFFFF;
}

#non-packaged .main .panel-footer .ms-formfieldcontainer, #non-packaged .main .panel-footer .ms-formfieldcontainer a {
     color: #444444;
}

#non-packaged .main .panel-footer a, #non-packaged .main .panel-footer a:visited {
     color: #FFFFFF;
}

#non-packaged .main .panel-corner {
     background: url("Images/prod-panel-footer-right-bg.png") no-repeat scroll 100% 100% transparent;
     min-height: 37px;
}

div#content h1.heading-hidden {
     height: 24px;
}

table.comparison-table {
     border-collapse: collapse;
     width: 100%;
}

table.comparison-table .infobox {
     margin: 0pt;
}

.title-col {
     background: url("Images/panel-grad-trans.png") no-repeat scroll 0% 0% transparent;
     color: #1F7C07;
     width: 273px;
}

.second-product-col, .first-product-col {
     background: url("Images/prod-comparison-bg.png") no-repeat scroll 0% 0% transparent;
     font-size: 1.3em;
     font-weight: bold;
     text-align: center;
     width: 208px;
}

.first-product-info-col, .second-product-info-col {
     width: 33px;
}

table.comparison-table th {
     background-image: none;
     color: #1F7C07;
     font-size: 1.3em;
     font-weight: bold;
     padding: 0pt 5px;
     text-align: center;
     vertical-align: middle;
}

table.comparison-table td {
     border-color: #1F7C07;
     border-style: dotted;
     border-width: 0pt 0pt 1px;
     padding: 9px 5px;
}

table.comparison-table td.select-products {
     background: url("Images/prod-comparison-select.gif") no-repeat scroll 0% 0% transparent;
     border-bottom: 0px none;
     color: #FFFFFF;
     font-weight: bold;
     height: 30px;
     padding-bottom: 0pt;
     position: relative;
     width: 522px ! important;
}

span.select-wrapper {
     display: inline-block;
     text-align: center;
     width: 222px;
}

span.select-wrapper select {
     width: 150px;
}

td.select-products span.large-button {
     position: absolute;
     right: 8px;
     top: 0pt;
}

tr.first-row td {
     width: 251px;
}

tr.second-row td {
     background-position: 0pt -35px;
     font-size: 1em ! important;
     font-weight: normal;
     width: 251px;
}

tr.third-row td {
     background-position: 0pt -70px;
     width: 251px;
}

tr.fourth-row td {
     background-position: 0pt -105px;
     width: 251px;
}

tr.fifth-row td {
     border-width: 0pt;
}

table.comparison-table td.product-tabs {
     border-bottom: 0px none;
     padding-bottom: 0px;
     z-index: auto;
}

td.product-tabs div.tab-selected, td.product-tabs div.tab {
     bottom: -2px;
     position: absolute;
}

td.product-tabs div.tab-selected {
     z-index: 1;
}

td.product-tabs #extras {
     margin: 0pt 0pt 0pt 5px ! important;
}

td.product-tabs #hospital {
     margin: 0pt 5px 0pt 0pt ! important;
     right: 0pt;
}

table.comparison-table .tab-panel th {
     color: #FFFFFF;
     font-size: 1em;
     height: 24px;
}

table.comparison-table .tab-panel th.header-left {
     background: url("Images/prod-compare-panel-left-bg.png") no-repeat scroll 0% 0% transparent;
}

table.comparison-table .tab-panel th.first-product-header, table.comparison-table .tab-panel th.first-product-info, table.comparison-table .tab-panel th.second-product-header, table.comparison-table .tab-panel th.second-product-info {
     background: url("Images/panel-head-right-bg.png") no-repeat scroll 0% 0% transparent;
}

table.comparison-table .tab-panel th.first-product-header {
     background-position: -470px 0pt;
}

table.comparison-table .tab-panel th.first-product-info {
     background-position: -688px 0pt;
}

table.comparison-table .tab-panel th.second-product-header {
     background-position: -731px 0pt;
}

table.comparison-table .tab-panel th.second-product-info {
     background-position: 100% 0pt;
}

table.comparison-table .tab-panel td {
     background: url("Images/prod-comparison-bg.png") no-repeat scroll 0% 0% transparent;
     font-size: 1em ! important;
}

table.comparison-table .tab-panel td.title-col {
     background: none repeat scroll 0% 0% #FFFFFF;
     border-left: 1px solid #1F7C07;
     font-weight: bold;
}

table.comparison-table .tab-panel td.info-col {
     background: none repeat scroll 0% 0% #F5F9EC;
}

table.comparison-table .tab-panel td.info-col .infobox-large {
     margin: 0pt 0pt 0pt 5px;
}

table.comparison-table .tab-panel td.last-col {
     border-right: 1px solid #1F7C07;
}

table.comparison-table .tab-panel td.covered, table.comparison-table .tab-panel td.uncovered {
     padding: 0pt;
}

table.comparison-table .tab-panel td.covered span, table.comparison-table .tab-panel td.uncovered span {
     display: block;
     font-size: 0pt;
     height: 25px;
     line-height: 100px;
     margin: 8px auto 0pt;
     overflow: hidden;
     width: 25px;
}

table.comparison-table .tab-panel td.covered span {
     background: url("Images/bluetick_icon.gif") no-repeat scroll 0% 0% transparent;
}

table.comparison-table .tab-panel td.uncovered span {
     background: url("Images/redcross_icon.gif") no-repeat scroll 0% 0% transparent;
}

table.comparison-table .tab-panel tr.last-row td {
     border-bottom: 0px none;
}

table.comparison-table tr.footer td {
     border-width: 0px;
     color: #FFFFFF;
     font-size: 0.8em ! important;
     font-weight: normal ! important;
     height: 37px;
     line-height: 120%;
     padding: 0pt 5px;
     vertical-align: middle;
}

table.comparison-table tr.footer td.title-col {
     background: url("Images/prod-panel-footer-left-bg.png") no-repeat scroll 0pt 100% transparent;
     border-left: 0px none;
     font-weight: bold;
}

tr.footer td.title-col a {
     color: #FFFFFF;
}

table.comparison-table tr.footer td.second-product-footer {
     background: url("Images/prod-panel-footer-right-bg.png") no-repeat scroll 100% 100% transparent;
}

table.comparison-table tr.footer td.first-product-footer {
     background: url("Images/prod-panel-footer-left-bg.png") no-repeat scroll -65px 100% transparent;
}

.title-column {
     color: #1F7C07;
     font-weight: bold;
     text-align: left;
     width: 275px;
}

.info-column {
     width: 20px;
}

.product-table .infobox-large {
     margin: -2px 0pt 0pt;
}

.limit-column {
     text-align: center;
     width: 127px;
}

.waiting-column {
     text-align: center;
     width: 127px;
}

.inclusions-column {
     width: 65%;
}

.exclusions-column {
     width: 35%;
}

.gutter {
     padding: 0pt ! important;
     width: 5px;
}

.product-table thead th {
     background-color: transparent ! important;
     background-image: none;
     border-width: 0px;
     color: #FFFFFF;
     font-size: smaller;
     font-weight: bold;
     height: 22px;
     text-align: center;
     vertical-align: bottom;
}

span.infobox_container {
     z-index: 100000 ! important;
}

div.modal-window {
     font-size: 0.71em;
}

div.modal-window-content {
     background: none repeat scroll 0% 0% #FFFFFF;
     border-color: #1F7C07;
     border-style: solid;
     border-width: 0pt 1px;
}

div.modal-window-content div.full select {
     width: 98%;
}

div.modal-window-header {
     background: url("Images/panel-half-head-right-bg.png") no-repeat scroll 100% 0pt transparent;
     color: #FFFFFF;
     font-size: 1em;
     font-weight: bold;
     line-height: 25px;
     margin: -9px 0pt 1px 5px ! important;
     min-height: 25px;
     padding: 0pt;
}

div.modal-window-text {
     background: url("Images/panel-head-left-bg.png") no-repeat scroll 0pt 0pt transparent;
     display: block;
     height: 100%;
     line-height: 25px;
     margin: 0pt 0pt 0pt -5px;
     padding: 0pt 10px;
}

.modal-window-close {
     background: url("Images/close.png") no-repeat scroll 100% 60% transparent;
     color: #FFFFFF;
     display: block;
     margin-top: 0pt;
     padding-right: 30px;
     position: absolute;
     right: 5px;
     top: -8px;
}

div.modal-window-footer {
     background: url("Images/panel-bottom-bg.png") no-repeat scroll 100% 0pt transparent;
     display: block;
     height: 6px ! important;
     margin: -1px 0pt 0pt 5px;
     position: static;
}

span.modal-window-corner {
     background: url("Images/panel-bottom-corner.png") no-repeat scroll 0pt 0pt transparent;
     display: block;
     height: 6px;
     left: -5px;
     position: relative;
     top: 0pt;
     width: 7px;
}

.product-table .infobox, .product-table .nib-editCustom-Infobox {
     display: inline-block;
     line-height: 1em;
     margin: 0pt ! important;
     position: static;
}

.join_button {
     background: url("Images/join.gif") no-repeat scroll 0px 0px transparent ! important;
     clear: both;
     display: block;
     float: right;
     height: 40px;
     margin-right: 2px;
     position: relative;
     width: 115px;
}

.join_button a {
     display: block;
     height: 100%;
}

.join_button:hover {
     background: url("Images/join.gif") no-repeat scroll 0px -45px transparent !important;
     cursor: pointer;
}

@media \0screen{
	.join_button:hover {
     -ms-background-position-x: 0px !important; 
	 -ms-background-position-y: 0px !important;
 }
 }

.join_button:active {
     background: url("Images/join.gif") no-repeat scroll 0px -90px transparent ! important;
     cursor: pointer;
}

.compare_button {
     background: url("Images/compare.gif") no-repeat scroll 0px 0px transparent ! important;
     clear: both;
     display: block;
     float: right;
     height: 40px;
     margin-right: 2px;
     position: relative;
     width: 181px;
}

.compare_button a {
     display: block;
     height: 100%;
}

.compare_button:hover {
     background: url("Images/compare.gif") no-repeat scroll 0px -45px transparent ! important;
     cursor: pointer;
}

@media \0screen{
	.compare_button:hover {
     -ms-background-position-x: 0px !important; 
	 -ms-background-position-y: 0px !important;
 }
 }


.compare_button:active {
     background: url("Images/compare.gif") no-repeat scroll 0px -90px transparent ! important;
     cursor: pointer;
}

.quote_button input {
     background: url("Images/detailedQuote.gif") no-repeat scroll 0px 0px transparent ! important;
     border: 0px none;
     clear: both;
     display: block;
     float: right;
     height: 40px;
     margin-right: 2px;
     position: relative;
     width: 181px;
}

.quote_button:hover {
     background: url("Images/detailedQuote.gif") no-repeat scroll 0px -45px transparent ! important;
     cursor: pointer;
}

@media \0screen{
	.quote_button:hover {
     -ms-background-position-x: 0px !important; 
	 -ms-background-position-y: 0px !important;
 }
 }


.quote_button:active {
     background: url("Images/detailedQuote.gif") no-repeat scroll 0px -90px transparent ! important;
     cursor: pointer;
}

.quote_button input:hover {
     background: url("Images/detailedQuote.gif") no-repeat scroll 0px -45px transparent ! important;
     cursor: pointer;
}
@media \0screen{
	.quote_button input:hover {
     -ms-background-position-x: 0px !important; 
	 -ms-background-position-y: 0px !important;
 }
 }


.quote_button input:active {
     background: url("Images/detailedQuote.gif") no-repeat scroll 0px -90px transparent ! important;
     cursor: pointer;
}

.slm-layout-main > div {
     display: block ! important;
}

#linkitem {
     float: left;
     height: 25px;
     overflow: hidden;
     width: 220px ! important;
}

#linkitem + #linkitem
{
	width: 201px !important
}

.sis-link {
     clear: both;
     padding-top: 5px;
     top: 0 !important;
     left: 0 !important;
}

.product-footer>.right
{
	padding-bottom: 30px;
	margin-top: -30px;
}

.join_button {
     float: right;
clear: none;
}


.quote_button INPUT{
     float: right;
clear: none;
}

.compare_button {
clear: none;
     float: right;
}

#ctl00_PlaceHolderMain_upTrigger
{
width: 600px;
}
.clearfix + span {
     float: right;
     margin-left: -300px !important;
     margin-right: 120px !important;
}

.clearfix + span + span {
     clear: none;
     float: right;
     margin-bottom: 20px !important;
}

.product-footer
{
clear: left !important;
}

