body {font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: .8em; color: #333333; margin: 0px; padding: 0px;}

.clearAll {clear: both;}
form {margin: 0px;}
img {display: block;}
a img {border: none;}
.xbtooltip {display: none; position: absolute; padding: 5px; background-color: #fff; border: 1px solid; width: 140px; z-index: 50px; top: 100px; left: 100px;}




#calContainerTop {width: 710px; height: 15px; margin: 0px 0px 0px 12px;}
#calContainer {background: url(../../../media/images/calculator/calculator_bg_main.jpg) no-repeat bottom left; width: 710px; margin: 0px 0px 0px 12px;}


#calContainer h1 {color: #e92a21; margin-top: 0px; padding-top: 0px; font-size: 1.6em;}

  #calContainer #calContent {padding-left: 25px; padding-right: 25px;}
    #calContainer #calContent .calContentLeft {background-color: #eaf7fd; width: 432px; float: left;}
      #calContainer #calContent .calContentLeft .calForm {padding: 0px 8px 0px 8px;}
        #calContainer #calContent .calContentLeft .calForm div {margin: 0px;}
        #calContainer #calContent .calContentLeft .calForm .frmTitle {font-size: 12px; width: 240px; color: #0055a5; float: left; margin-bottom: 13px; height: 16px;}
        #calContainer #calContent .calContentLeft .calForm a {color: #e1261d; text-decoration: none;}
        
        #calContainer #calContent .calContentLeft .calForm select {width: 138px; outline: none;}
        #calContainer #calContent .calContentLeft .calForm input {border: 0; width: 80px; margin-top:3px; height: 16px; margin-left: 2px; background: transparent; outline: none;}
        
        #calContainer #calContent .calContentLeft .calForm .frmDataSelect {width: 152px; float: left; margin-bottom: 10px; margin-top: -3px;}
        #calContainer #calContent .calContentLeft .calForm .frmData {width: 152px; height: 23px;float: left; margin-bottom: 10px; margin-top: -3px; background: url(../../../media/images/calculator/calculator_form_input_text.png) no-repeat top left;}
        #calContainer #calContent .calContentLeft .calForm .pound {float: left; width: 16px; font-weight: bold;}
        #calContainer #calContent .calContentLeft .calForm .frmDataNotEditable {width: 152px; height: 23px; float: left; margin-bottom: 10px; margin-top: -3px; background: url(../../../media/images/calculator/calculator_form_input_text.png) no-repeat bottom left;}
        
        #calContainer #calContent .frmSubTitle {height: 16px;}
        #calContainer #calContent .frmSubTitle #totalcost {float: left; width: 250px;}
        #calContainer #calContent .frmSubTitle #totalcostvalue {float: left; width: 100px; font-weight: bold;}
        #calContainer #calContent .frmSubTitle #nextdayitem {float: left; width: 250px;}
        #calContainer #calContent .frmSubTitle #nextdayitemvalue {float: left; width: 100px; font-weight: bold;}
        #calContainer #calContent .frmSubTitle #totalannualsaving {float: left; width: 250px;}
        #calContainer #calContent .frmSubTitle #totalannualsavingvalue {float: left; width: 100px; font-weight: bold;}
        
        /* Default form layout */
        /*#calContainer #calContent .calContentLeft .calForm #box_frankingmachinepostage {display: none;}
        #calContainer #calContent .calContentLeft .calForm #box_prepaidpostage {display: none;}
        #calContainer #calContent .calContentLeft .calForm #box_frankingmachinerental {display: none;}*/
        
        
        
        
        /* Rounded Corner */
        
      
    #calContainer #calContent .calContentLeft .frmSubTitle {width: 100%; color: #e1261d; border-top: 1px solid #e1261d; border-bottom: 1px solid #e1261d; padding-top: 4px; padding-bottom: 4px; background-color: #ffffff;}
    
    #calContainer #calContent .calContentLeft .calForm .frmSubmit {}
      #calContainer #calContent .calContentLeft .calForm .frmSubmit .frmSubmitContent {}
        #calContainer #calContent .calContentLeft .calForm .frmSubmit .frmSubmitContent #btCalculate {color: transparent; text-decoration: none;}
            #calContainer #calContent .calContentLeft .calForm .frmSubmit .frmSubmitContent #btCalculate:hover {background-color: transparent; text-decoration: none;}
        
        
    #calContainer #calContent .calContentLeftBottom {width: 432px; float: left; border-top: 1px solid #0055a5; border-bottom: 1px solid #0055a5; margin-top: 10px; color: #0055a5; font-size: .8em; background-color: #ffffff;}
      #calContainer #calContent .calContentLeftBottom .calContentLeftBottomContent {padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 1.1em;}
    
    #calContainer #calContent #calContentRight {width: 224px; float: left;}
      #calContainer #calContent #calContentRight #savingsAlert {width: 224px; height: 218px; background: url(../../../media/images/calculator/savings_alert_bg.png) no-repeat bottom right; margin-top: -12px;}
        #calContainer #calContent #calContentRight #savingsAlert #savingsAlertContent {padding-left: 30px; padding-top: 30px; padding-right: 10px; color: #004382;}
          #calContainer #calContent #calContentRight #savingsAlert #savingsAlertContent h3 {color: #eb3224; margin: 0px; font-size: 1.4em;}
        #calContainer #calContent #calContentRight #savingsAlert #savingsAlertContent p {font-size: .8em; margin-top: 8px; margin-bottom: 8px;}
        #calContainer #calContent #calContentRight #savingsAlert #savingsAlertContent #email {width: 88px; height: 23px; float: left; margin-bottom: 5px; background: url(../../../media/images/calculator/calculator_form_input_text.png) no-repeat top left;}
        #calContainer #calContent #calContentRight #savingsAlert #savingsAlertContent #email input {border: 0; width: 76px; margin-top:3px; height: 16px; margin-left: 2px; background: transparent; outline: none;}
        #calContainer #calContent #calContentRight #savingsAlert #savingsAlertContent #emailbutton {float: left; padding: 0px 0px 0px 16px;}
  
#twitterButton iframe  {display: block; float: left;}
.tweetLabel  {display: block; float: left; margin: 2px 0px 0px 5px; font-weight: bold;}

#noflashCon  {display: block; width: 224px; height: 324px; text-align: right;}
    #nfSavingsCon  {display: block; position: relative; width: 204px; height: 81px; background: url(../../../media/images/calculator/box_savings.gif) no-repeat top left; margin: 0px 0px 0px auto; text-align: center;}
        h1#nfPercentage  {position: absolute; top: 20px; left: 111px; font-size: 2em; width: 89px; height: auto; display: block; text-align: center;}