@import "common.css";
@import "product-promotion-pods.css";
/* ------------------------------------------------------------------
  Filename:        information.css
  Author:          AKQA
  Description:     Page layout for the information templates
  ------------------------------------------------------------------- */

div.page div.pageFooter {
	margin-top:-3px;}

div.left {
    width:523px!important;
    margin-bottom:0;
    padding-bottom:30px;}
    
div.right {
    width:218px;
    margin-bottom:0;}
    
div.left div.buttons{
    margin:-8px 0px 10px 0px;
    width:100%;}
    
div.left div.buttons p{
    float:left;
    width:370px;
    margin:5px 0px;}

div.left div.buttons div.btnRounded a {
	text-decoration:none;}
	
div.left div.buttons div.btnRounded a:hover {
	text-decoration:underline;}

div.left div.gradContent {
    padding-top:18px;}

div.right div.gradContent {
    clear:both;
    width:197px;
    padding-top:15px;}
    
div.left p{
    clear:both;
    margin:0px 0px 18px 0px;}
    
div.left a{
    text-decoration:underline;}

div.left a:hover{
    text-decoration:none;}
 
div.left h1{
    float:none;
    width:auto;
    height:auto;
    margin: 0px 0 26px 0;
    text-indent:0;
    font-size:1.9em;
	font-weight:normal;
	color:#c21b35;
	background:none;}

/* removed div.right h4 */
div.left h2 {
    float:none;
    margin: 0px 0 12px 0;
    text-indent:0;
    font-size:1.3em;
	font-weight:bold;
	color:#f36533;}

/* added from product.css */
div.right div.gradContent h3{
    float:none;
    text-indent:0;
    font-size:1.3em;
	font-weight:bold;
	color:#f36533;
    margin: 10px 0 10px 0;
}
/* end */
    
div.left ul {
    clear:both;
    margin:0px 0 18px 7px;}
    
div.left li {
    background: url(/library/default/images/common/chevrons/orange-bullet-disc.gif) no-repeat scroll 0 8px;
    display:block;
    padding: 4px 0 4px 12px;
    width:430px;}
    
div.left li a{
    text-decoration:underline;}

div.left li a:hover{
    text-decoration:none;}

/* added table styles */
div.left table{
    margin-top:10px;
    table-layout:auto;
    }

div.left th{
    color:#f26334;}
div.left td, div.left th{
    padding:7px 15px;}
div.left .rightBorder{
    border-right:1px solid #d6d6d6;}
div.left .row1{
    background-color: #E2E2E2;}
    
div.mainContent ul.linkList {
	margin:5px 0 5px 0;}

div.mainContent div.right ul.linkList {
    margin:4px 0;}

div.mainContent ul.linkList li {
	padding:4px 0 4px 8px;
	background: url(/library/default/images/common/chevrons/right-full.gif) no-repeat scroll 0 55%;}

div.mainContent ul.linkList li a {
	text-decoration:none;}
	
div.mainContent ul.linkList li a:hover {
	text-decoration:underline;}

/* removed and added new */
/* div.right h4 {
	float:none;
	margin-bottom:10px}
*/
div.right h4 {
    text-indent:0px;
    color:#f26334;}

div.right h5{
    text-indent:0px;
    color:#f26334;}
    
div.right p{
    margin-bottom:10px;}
    
div.right ul {
    margin-top:0;}

/* added chevron and display */    
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, div.left div.dividerLine{
    clear:both;
    margin:10px 2px 12px 0;
    border-bottom:1px solid #e7e6e6;}

    
div.offer.first{
    display:inline;
    height:102px;
    width:513px;
    margin-top:70px;
    margin-left:3px;}
    
div.offer.second, div.offer.third {
    margin:0 0 3px 0;
    height:200px;
    width:217px;}
    
div.offer h3{
    background: none;
    height:0px !important;
    margin:0;}
    
div.left p.back{
    float:right;
    width:60px;
    margin-bottom:0;
    text-align:right;}
    
/* Place CSS rules for to-be-replaced elements here. 
Prefix by .sIFR-active so they only apply if sIFR is active. */
	
@media screen { 
	.sIFR-active div.gradContent h1 {
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
		font-size:210%;
		margin-bottom:15px;
	}
	
	/* changed h4 to h3 to use rhnav */
	.sIFR-active div.left div.gradContent h2,
	.sIFR-active div.right div.gradContent h3 {
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
		font-size:153%;
		margin:0 0 3px;
	}
}