/*  
    This file contains Styles used for the Merchandising pages of AA.com
    
    Copyright (c) 2010 American Airlines. All rights reserved.
    
    This file contains proprietary information of American Airlines.
    Copying or reproduction without prior written approval is prohibited
*/
#merchandising {
    padding-left: 11px;
    width: 635px;
    position: relative;
    top: -15px;
    _top: -16px;
}

.merchandisingText, .merchandisingCart {
	color:#000066;
}

.merchandisingCart {
    padding: 0 7px 1px 1px;
    _padding: 0px 7px 1px 1px;
}

.merchandisingBody {
    padding: 10px 10px 10px 13px;
    background-color: #ffffff;
}

.merchandisingLinksLineHeight {
    line-height:14px;
}

.merchandisingHeader {
	font-size: 27px; 
	padding: 28px 0pt 0pt 15px;
	_padding: 29px 0pt 0pt 15px;
	font-weight:bold;
}

.merchandisingItemsContainer {
    padding: 14px 0 0 0;
    position: relative;
    left: -13px;
    _left: -12px;
    width: 107%;
}

.merchandisingItems  {
    line-height:117px;
    text-align:center;
    float:left; 
}

.merchandisingItems {
    margin: 39px 0 0 1px;
    position: relative;
    left: -6px;
    /*width: 26px;*/
}

.merchandisingItemsActive {
    float:left;
    width:191px;
    text-align:center;
    font-size:21px;
    font-weight:bold;
    cursor: pointer;
}

div.merchandisingItemsText {
	padding-top: 4px;
	_padding-top: 5px;
}

.merchandisingTotal, .merchandisingTotalText {
    font-size:13px;
    font-weight:normal;
}

.merchandisingTotal {
    border-top: solid 1px #000066;
    padding-top: 5px;
    font-weight:bold;
    width: 100%;
}

.productPrice, .productAmount, .productPerson {
	text-align:left;
	font-size:19px;
	font-weight:bold;
	color: #000066;
	padding-top: 3px;
	_padding-top: 2px;
}

.productAmount {
	font-size: 29px;
}

.productPerson {
    font-size:11px;
    font-weight: normal;
}

.merchandisingIntroHeader {
    font-size: 16px;
    font-weight:bold;
    padding-top: 5px;
    _padding-top: 6px;
}

.merchandisingBottomTable {
    padding: 8px 0 0 2px;
    _padding: 11px 0 0 0px;
    margin-bottom: 6px;
}

a.merchandisingOffering, a.merchandisingOffering:visited {
    color: #000066;
    text-decoration: none;
}

a.merchandisingOffering:hover {
	color: #FF0000;
	text-decoration: none;
	cursor: pointer;
}

div.merchandisingButtonRow {
    width: 636px;
    _width: 639px;
    padding:7px 3px 18px 0;
    _padding:7px 3px 17px 0;
}

input.merchandisingButtons {
    padding: 0 14px 5px 14px; 
    _padding: 0 17px 0 17px; 
    margin-left: 5px;
}

/* Start of styles added by UX for the merhandising publising content in dialogs */
    #dialog {
        height: 418px;
        width: 500px;
        overflow: auto;
        padding: 15px;
        border: 1px solid lightgray;
    }
    
    /*  Add the following styles to the merchandising.css file */
    
    .mqh-bundle {
        margin-bottom: 40px;
        line-height: 1.5;
    }
    .mqh-bundle-content {
        margin-left: 95px;
    }
    .mqh-bundle-content h2 {
        color: #00007c;
        font-size: 18px;
        margin: 0;
        line-height: 1;
        border: none;
    }
    .mqh-bundle-content h2 span {
        display: block;
        font-size: 12px;
        font-weight: normal;
    }
    .mqh-bundle img {
        float: left;
        width: 76px;
        height: 55px;
        background: lightgray;
    }
    .mqh-summary {
        font-size: 12px;
        color: #00007c;
        margin: 0;
    }
    .mqh-bundle ul {
        margin-left: 0;
        padding-left: 0;
        list-style-position: inside;
    }
    .mqh-bundle ul li {
        margin-bottom: 8px;
    }
    .ui-dialog .mqh-bundle li {
	    display: list-item;
	    vertical-align: top;
    }
    .6mqh-features{
    	position: relative;
    	bottom: 5px;
    }
/* End of styles added by UX for the merhandising publising content in dialogs */