.pageHeader
{
    width: 100%;
    height: 55px;
   background: url(https://assets.bodybuilding.com/images/orderhistory/header_image.png);
}
.pagetitle
{
   font-size: 30px;
   line-height:34px;
   color: #febf00;
   font-weight: bold;
   vertical-align:bottom;
   padding:10px 0 0 10px;
}

.helpCon
{
    margin: 0 auto;
    padding:0 5px 0 10px;
}

.helpText
{
    margin-top: 20px;
    width: 436px;
    float: left;
}

.helpText p
{
    margin: 10px 0 0 0;
    line-height: 22px;
}

.helpVideo
{
    height: 215px;
    width: 320px;
    float: right;
}

.sectionBar
{
    height: 24px;
    width: 100%;
    line-height: 24px;
    background: #f0f0f0 url(https://assets.bodybuilding.com/images/trackers/exercise/sectionBarBg.png) top left repeat-x;
}

.sectionBar h2
{
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    color: #b2541a;
}

.sectionBar h2 span.text
{
	font-size: 80% !important;
	font-weight: normal;
    padding-left: 24px;
    color: #000000;
}

h3.sectionLeft
{
    float: left;
    width: 390px;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
}

h3.sectionRight
{
    float: left;
    padding-left: 10px;
    width: 350px;
    border-left: solid 1px #bcbdbc;
    font-size: 12px;
    font-weight: bold;
}

.green
{
    color: #5b8f06 !important;
}

.red
{
    color: #a71930 !important;
}

.bold
{
    font-weight: bold;
}

#mainContent
{
    width: 808px;
    font-size: 80% !important;
    font-family: Arial, verdana, sans-serif;
}

div.orderContainer
{
    width: 780px;
    margin: 20px auto 20px auto;
    border: solid 1px #9a9b9c;
}

div.orderContent
{
    width: 760px;
    margin: 0 auto;
   /* padding: 16px 0 6px 0;*/
}

div.greySeperator
{
    border-top: solid 1px #dcd8d2;
    height: 4px;
    margin: 0;
}

.bbcomPackage
{
    width: 100px;
    float: left;
    text-align: center;
    vertical-align: top;
}

.bbcomPackage img
{
    margin: 0 auto 0 auto;
}

.orderSummary
{
    width: 420px;
    float: left;
    vertical-align: top;
}

.orderSummary h3
{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 4px 0;
}

.orderSummary h4
{
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0 4px 0;
    color: #b2541a;
}

.orderSummary h5
{
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 4px 0;
}

.orderSummaryBottom
{
    font-size: 12px;
    height: 22px;
}

.orderSummaryBottom p
{
    color: #9a9b9c;
    line-height: 22px;
    font-weight: bold;
}

.note
{
    margin-bottom: 15px;
}

.orderConRight
{
    width: 240px;
    color: #b2541a;
    text-align: center;
}

.orderConRight td
{
    vertical-align: middle;
}

.orderConRight h4
{
    font-size: 18px;
    font-weight: bold;
    color: #b2541a;
    margin: 0 0 8px 0;
}

.orderTotal
{
    width: 240px;
    color: #b2541a;
    text-align: right;
}

.orderTotal td
{
    vertical-align: top;
}

.orderTotal h4
{
    font-size: 18px;
    font-weight: bold;
    color: #b2541a;
    margin: 0 0 8px 0;
}

.totalTable
{
    width: 190px;
    float: right;
}

.totalTable td
{
    color: #9a9b9c;
    padding: 3px;
}

.totalRow
{
    border-top: dashed 1px #ccc;
    border-bottom: dashed 1px #ccc;
}

.billAddressCon
{
    width: 360px;
    float: left;
}

.shipAddressCon
{
    width: 360px;
    float: right;
    position: relative;
    right: 20px;
}

.shipAddressCon H5, .billAddressCon H5
{
    font-size: 12px;
    font-weight: bold;
    width: 170px;
    border-bottom: dashed 1px #ccc;
    text-align: center;
    padding: 8px 0 8px 0;
}

.addressTable
{
    width: 280px;
    margin: 8px auto 0 auto;
}

.addressTable td
{
    padding: 3px 3px 3px 6px;
    vertical-align:top;
    line-height:17px;
}

/*----------------CSS added for version 2 --------------------*/

.orange
{
    color: #b2541a !important;
}

.grey
{
    color: #9a9b9c ;
}

.splitOrdersTop
{
    width: 450px;
    float: left;
    position: relative;
    left: 50px;
}

.splitOrdersTopMainPage
{
    width: 450px;
    float: left;
    position: relative;
    left: 40px;
}

.splitOrders
{
    height: 150px;
    width: 680px;
    margin: 0 auto;
}

.splitNotice
{
    background: url(https://assets.bodybuilding.com/images/orderhistory/topLeftLine.png) top left repeat-y;
    vertical-align: top;
    padding-left: 50px;
}

.splitNotice ul
{
    list-style-type: disc;
    margin: 8px 0 0 25px;
}

.splitNotice li
{
    margin-bottom: 8px;
    line-height: 18px;
}

.middleBox
{
    background: url(https://assets.bodybuilding.com/images/orderhistory/middleBox.png) top left no-repeat;
    width: 160px;
}

.bottomBox
{
    background: url(https://assets.bodybuilding.com/images/orderhistory/bottomBox.png) top left no-repeat;
    width: 160px;
}

.boxContent
{
    width: 500px;
}

.productImage
{
    width: 100px;
    text-align: center;
    vertical-align: top;
}

.productImgBg
{
    width: 75px;
    height: 75px;
    background: url(https://assets.bodybuilding.com/images/productImgBg.png) top left no-repeat;
    margin: 0 auto;
}

.productImgBgCombo
{
    width: 75px;
    height: 75px;
    background: url(https://assets.bodybuilding.com/images/orderhistory/productImgBgCombo.png) top left no-repeat;
    margin: 0 auto;
}

.productImgBg td
{
    vertical-align: middle;
    text-align: center;
}

.packedBy
{
    width: 100px;
    text-align: center;
    vertical-align:top;
}

.packedBy p
{
    text-align: center;
    color: #4d4f53;
}

.reOrder
{
    width: 150px;
    text-align: center;
    vertical-align:top;
}


.thanks
{
    width: 520px;
    float: left;
    margin: 8px 0 8px 0;
}

.thanks h1
{
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 8px 0;
}

.liveChat
{
    width: 240px;
    float: right;
    margin: 8px 0 8px 0;
    text-align: center;
}

.ratingText
{
    float:left;
    margin:6px 0 0 0;
    text-align:left;
}

.ratingSmall
{
    background-image: url(https://assets.bodybuilding.com/images/reviews/rating_box_sm.gif);
    color:#fff;
    height: 21px;
    line-height:21px;
    text-align: center;
    width: 36px;
    margin:3px 0 0 0px;
}

.editRating
{
    float:left;
    margin:6px 0 0 5px;
    width:90px;
}

/*-----------ADD me to Version 2 Order History -------------*/

.comboHeaderBg
{
    width:739px;
    padding-left:15px;
    height:16px;
    background:#e9e5dd url(https://assets.bodybuilding.com/images/orderhistory/comboHeaderBg.png) top left no-repeat;
    margin:0 auto;
    padding-top:12px;
}

.comboHeaderBg h4
{
    color:#b2541a;
    font-weight:bold;
    font-size:16px;
}

.comboMiddleBg
{
    width:754px;
    background-color:#e9e5dd;
    margin:0 auto;
}

.comboMiddleBg h5
{
   color:#9a9b9c;
   font-size:14px;
   line-height:18px;
   font-weight:bold;
}

.comboMiddleBg h6
{
   color:#9a9b9c;
   font-size:14px;
   line-height:18px;
}

.comboNamePrice
{
    width: 604px;
    padding: 0 0 5px 15px;
    line-height:18px;
}

.comboBottomBg
{
    width:754px;
    height:2px;
    background:#e9e5dd url(https://assets.bodybuilding.com/images/orderhistory/comboBottomBg.png) top left no-repeat;
    margin:0 auto;
}

.orderSummaryCombo
{
    width: 390px;
    float: left;
}

.whiteDashLine
{
    border-bottom:dashed 1px #fff;
    height:1px;
}

.darkGrey
{
    color: #4d4f53;
}

.addSups
{
    height:24px;
    line-height:24px;
}

.rateProduct
{
    height:24px;
    line-height:24px;
}

.greySep
{
    border-bottom:solid 1px #dcd8d2;
    margin:6px 0 6px 0;
}

.showProducts
{
    margin:10px 0 10px 0;
}

.reOrderCombo
{
    width: 150px;
    text-align: center;
    vertical-align:middle;
}

.greySepDots
{
    border-bottom:dashed 1px #9a9b9c;
    margin:6px 0 6px 0;
}
.statusContent
{
    width:520px;
    margin:0 0 0 25px;
    font-size:12px;
}

.orBetweenForms
{
    height:80px;
    font-size:16px;
    color:#b2551b;
    font-weight:bold;
    line-height:80px;
}

.smallForm
{
    width: 480px;
}

.fullFormCenter
{
    width:740px;
    margin:0 auto;
}
.formCon
{
    background-color: #f5f1eb;
    border: solid 1px #ddd9d2;
    padding: 20px;
}

.formCon h2
{
    font-size:16px;
    font-weight:bold;
    color:#333;
    line-height:20px;
    margin:0 0 10px 0;
}

.formCon h3
{
    font-size:12px;
    font-weight:bold;
    color:#333;
    margin:0 0 8px 0;
}

.orangeHeader
{
    font-size:20px !important;
    color:#b2551b !important;
}

.orangeHeader2
{
    font-size:16px !important;
    color:#b2551b !important;
    font-weight:bold;
    margin:8px 0 10px 0;
}

.wheresMyOrder
{
   height:300px;
   width:453px;
   float:left;
}

.memberLoginCon
{
    width:330px;
    float:left;
}

.formVertSep
{
    width:1px;
    float:left;
    border-left:solid 1px #fff;
    border-right:solid 1px #9b9b9c;
}

.checkStatusCon
{
    width:368px;
    float:left;
    position:relative;
    left:30px;
}

.checkStatusCon p
{
    font-weight:bold;
    margin:0 0 6px 0;
}

.checkStatusCon ul
{
    list-style-type:disc;
    margin:0 0 0 15px;
}

.checkStatusCon li
{
    margin:0 0 6px 0;
    line-height:18px;
}

.formTable
{

}

.formTable td
{
    height:50px;
    vertical-align:top;
}

.formTable td label
{
    font-size:12px;
    display:block;
    font-weight:bold;
    margin:0 0 3px 0;
}

.formTable td input
{
    font-size:12px;
    height:16px;
}

.formTable td.button
{
    height:20px !important;
}

.exampleText
{
    color:#9a9b9c;
    font-size:13px;
}

.valideerror
{
    color:#A71930;
    font-size:12px;
    padding-top:3px;
    padding-bottom:10px;
}


p.infoBox
{
    padding:10px;
    margin-top:-1px;
}


div.myRightBox
{
    width:195px;
    float:right;
    height:150px;

    margin-top:-34px;
    margin-right:3px;
}

input.redButton
{
   border-style:outset;
   color: white;
   background-color:#A71930;
   font-weight:bold;
   font-size:12px;
}


div.flotinInfoBox
{
    width:400px;
    position:absolute;
    left:-230px;
    z-index:5;
    top:-20px;
}

.sectionHeader
{
    background-color:#bcbdbc;
    height:40px;
    line-height:40px;
}

.sectionHeader h2
{
    color:#fff;
    font-size:24px;
    margin-left:15px;
    font-weight:bold;
}


.sectionHeader span
{
    color:#b2541a;
    font-size:24px;
    font-weight:bold;
}

/*-------COMMON ERROR BOX ---------*/
.errorBox
{
    background:#a71930 url(https://assets.bodybuilding.com/images/orderhistory/errorIcon.png) top left no-repeat;
    width:380px;
    padding:0 0 0 115px;
    border-top:solid 1px #ddd9d3;
    border-left:solid 1px #ddd9d3;
    border-right:solid 1px #717873;
    border-bottom:solid 1px #717873;
}

.errorBox h4
{
    color:#fff;
    margin:10px 0 10px 0;
    font-size:18px;
}

.errorBox ul
{
    list-style-type:disc;
    margin-left:20px;
}

.errorBox li
{
    color:#fff;
    margin:0 0 10px 0;
    font-size:12px;
    line-height:16px;
}

.errorBox a, .errorBox a:link, .errorBox a:visited
{
    color:#fff;
    font-size:12px;
    text-decoration:underline;
}

.errorBox a:hover
{
    text-decoration:none;
}