@import "common.css";
@import "product-promotion-pods.css";
/* ------------------------------------------------------------------
  Filename:        support.css
  Author:          AKQA
  Description:     Page layout for the support templates
  ------------------------------------------------------------------- */
  
div.left {
    margin-top:3px;
    float:left;
    width:523px !important;
    /*background: url(/library/default/images/common/backgrounds/horizontal-divider-bg.gif) repeat-y right top;*/
}
    
div.right {
    margin-top:3px;
    float:left;
    width:217px;
    /*background: url(/library/default/images/common/backgrounds/horizontal-divider-bg.gif) repeat-y left top;*/
    margin-left:-7px;
    padding-left:7px;
}
  
div.left div.gradContent {
    position:relative;
    margin-right:7px;
    padding:0;
    padding-top:6px;}
    
div.left ul.tabMenu {
    border-bottom:1px solid #e7e6e6;
    margin-bottom:17px;
    padding-left:12px;}

div.left ul.tabMenu li {
    background:url(/library/default/images/common/tabs/off-right.gif) no-repeat right top;
    min-height:42px;
    height:auto !important;
    height:42px;
    float:left;
    text-align:center}

div.left ul.tabMenu li a {
    float:left;
    padding:18px 14px 4px 14px;
    background:url(/library/default/images/common/tabs/off-left.gif) no-repeat;
    font-weight:bold;
    font-size:1.1em;
    min-width:30px;
    width:auto !important;
    width:30px;
	color:#333333;}

div.left ul.tabMenu li.first a {
    background:url(/library/default/images/common/tabs/off-left-first.gif) no-repeat;}

div.left ul.tabMenu li a:hover {
    text-decoration:underline;}

div.left ul.tabMenu li.selected {
    background:url(/library/default/images/common/tabs/on-right.gif) no-repeat right top;}

div.left ul.tabMenu li.selected a {
    background:url(/library/default/images/common/tabs/on-left.gif) no-repeat;
    color:#FFF;}
    
div.left ul.tabMenu.savings li,
div.left ul.tabMenu.faqs li {
    min-height:54px;
    height:auto !important;
    height:54px;
    max-width:120px;
}

div.left ul.tabMenu.savings li {
   /* max-width:96px;*/
   width:96px;
}

div.left ul.tabMenu.savings li a,
div.left ul.tabMenu.faqs li a {
    padding:18px 10px 4px;}

/* added to fix narrow tab issue */
div.left ul.tabMenu.savings li a {
	width: 90px !important;
	padding-left: 3px;
	padding-right: 3px;}

div.left ul.tabMenu.savings li a span,
div.left ul.tabMenu.faqs li a span {
    white-space:nowrap}
    
div.left div.gradContent div#accordion {
	padding-right:10px;
	padding-left:12px;
}

div.right div.gradContent {
    clear:both;
    width:197px;}
    
div.offer.first{
    height:138px;
    width:auto;}

div.offer.second{
    clear:both;
    float:none;
    margin-bottom:3px;
    margin-left:3px;
    margin-top:10px;
    width:513px;}
    
div.right div.gradContent h3{
    float:none;
    text-indent:0;
    font-size:1.28em;
	font-weight:bold;
	color:#f36533;
    margin: 9px 0 10px -1px;
	letter-spacing: -1.19px;}

div.right h4{
    text-indent:0px;
    color:#f26334;
    margin:0px 0 10px 0;}
    
div.right p{
    margin-bottom:10px;}
    
div.right ul {
    margin-top:0;}
    
div.right li {
    background: url(/library/default/images/common/chevrons/right-full-black.gif) no-repeat scroll 0 51%;
    display:block;
    padding: 2px 0 2px 7px;}
    
div.right div.dividerLine{
    clear:both;
    margin:10px 2px 10px 0;
    border-bottom:1px solid #e7e6e6;}
  
div.right .btnRounded a{
    font-weight:normal;}

div.right div.buttons{   
    padding: 7px 0 25px 0;}
    
div.right form fieldset{
	margin:0;
	padding:0;}

div.right label{
    color:#f26334;
    font-weight:bold;}

/*  
div.right textarea#message{
    margin-top:5px;
    color:#999999;
    width:160px;
    height:65px;
    border:1px solid #e7e6e6;
    overflow-y:scroll;
    font-size:8pt;}   
*/
/* added entry to match creative virtual field */
/*
div.right textarea#entry{
    margin-top:5px;
    color:#999999;
    width:160px;
    height:65px;
    border:1px solid #e7e6e6;
    overflow-y:scroll;
    font-size:8pt;}   
*/    
div.panel{
    clear:both;
    width:490px;
    margin-bottom:10px;}

div.panelHeader{
    width:490px;
    padding:11px 0;
    cursor:pointer;
    background-image: url(/library/default/images/product/panel-header.gif);
    background-repeat:no-repeat;
    background-position:top left}

div.panelHeader.panelHeaderOver{
    background-position: left -72px;}

div.panelHeader.panelHeaderActive{
    cursor:default;
    width:490px;
    padding-bottom:10px;
    background-position: left -36px;}

/* added h2 to replicate product.css */
div.panelHeader h4, div.panelHeader h2{
	margin-left:42px;
	margin-top: 1px;
	text-indent:0;
	font-size:1.2em;
	letter-spacing:-0.9px;

	color:#454545;}

div.panelContent{
    clear:both;
    padding:0 42px;}

div.noAccordian div.panelContent{
    padding-left:20px;}

div.panelContent table{
    margin-top:10px;
    table-layout:auto;
    }

/* added to default links to underline in accordian*/
div.panelContent p a {
    text-decoration:underline;}
div.panelContent ul li a {
    text-decoration:underline;}

div.panel th{
    color:#f26334;}
div.panel td, div.panel th{
    padding:7px 10px;} /* 7px 15px */
div.panel .rightBorder{
    border-right:1px solid #d6d6d6;}
div.panel .row1{
    background-color: #E2E2E2;}


div.panel h5{
    text-indent:0px;
    color:#f26334;
    margin-top:15px;
    margin-bottom:10px;}

/* added div.panel h3 to replicate product.css */
div.panel h3{
    text-indent:0px;
    color:#f26334;
    margin-top:15px;
    margin-bottom:10px;}

/* added margin-bottom */
div.panel p{
    width:auto;
    margin-bottom:10px;}
    
div.panel ul{
    margin: 10px 0 0 13px;}

div.panel ul li{
    background: url(/library/default/images/common/chevrons/orange-bullet-disc.gif) no-repeat scroll 0 51%;
    display:list-item;
    padding:4px 2px 4px 12px;}

div.panel ol li{
    padding:4px 2px 4px 12px;}
    
div.panel div.buttons{
    margin-top:5px;
    margin-bottom:5px;
    margin-left:-42px;
    padding:10px 0 30px 0;}

div.panel div.tableButtons{
    margin-top:5px;
    margin-bottom:0;
    margin-left:-5px;
    padding:10px 0 1em 0;}

div.panel div.btnRounded{
    margin-right:10px;}


/* Styles for non-accordian items */
div.additionalItem{
    clear:both;
    padding:0 42px;}
    
div.additionalItem table{
    margin-top:10px;
    table-layout:auto;
    }

/* added to default links to underline in accordian*/
div.additionalItem p a {
    text-decoration:underline;}
div.additionalItem p a:hover {
    text-decoration:none;}
div.additionalItem ul li a {
    text-decoration:underline;}


div.additionalItem th{
    color:#f26334;}
div.additionalItem td, div.panel th{
    padding:7px 15px;}
div.additionalItem .rightBorder{
    border-right:1px solid #e7e6e6;}
div.additionalItem .row1{
    background-color: #f6f6f6;}

div.additionalItem h5{
    text-indent:0px;
    color:#f26334;
    margin-top:15px;
    margin-bottom:10px;}

/* added div.panel h3 to replicate product.css */
div.additionalItem h3{
    text-indent:0px;
    color:#f26334;
    margin-top:15px;
    margin-bottom:10px;}

/* added margin-bottom */
div.additionalItem p{
    width:auto;
    margin-bottom:10px;}
    
div.additionalItem ul{
    margin: 10px 0 0 13px;}

div.additionalItem ul li{
    background: url(/library/default/images/common/chevrons/orange-bullet-disc.gif) no-repeat scroll 0 51%;
    display:list-item;
    padding:4px 2px 4px 12px;}

div.additionalItem ol li{
    padding:4px 2px 4px 12px;}
    
div.additionalItem div.buttons{
    margin-top:5px;
    margin-bottom:5px;
    margin-left:-42px;
    padding:10px 0 30px 0;}

div.additionalItem div.btnRounded{
    margin-right:10px;}
    
/* Place CSS rules for to-be-replaced elements here. 
Prefix by .sIFR-active so they only apply if sIFR is active. */

/* changed h4 to h2 */
@media screen { 
	
	.sIFR-active div.right div.gradContent h3 {
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
		font-size:148%;
		margin:6px 0 5px;
	}
	.sIFR-active div.left ul.tabMenu li a {
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
		font-size:115%;
		padding:16px 11px 4px;
	}
	
	.sIFR-active div.left ul.tabMenu.savings li a,
	.sIFR-active div.left ul.tabMenu.faqs li a {
		padding-right:0px;
		padding-left:0px;
	}
	
	/* fix for IE7 as there's an issue with padding in this sIFR release*/
	.sIFR-active div.left ul.tabMenu.savings li a {
		padding-top:0;
		padding-bottom:0;
	}

	.sIFR-active div.left ul.tabMenu.savings li a .sIFR-flash {
		margin-top: 15px; 
		margin-bottom: 3px;
	}
	/* end of IE7 fix*/
	
}