/* Main Content Area */
#maincontainer { background-color: #FFFFFF; width: 960px; padding: 0;margin: 0 4px 0 4px; }
#maincontainer.wilsonparking { border-bottom: 2px solid #e16b03; }

#maincontainer #photobar { display: none; height: 173px; background-image:url(images/platinum-photobar-bg.jpg); background-repeat:no-repeat; border-top: 1px solid white; }

#platinumcontent { padding: 31px 27px 50px 0;  border-top: 1px solid white; border-right: 1px solid white; border-left: 1px solid white; background-image:url(images/platinum-content-bg.jpg); background-repeat:repeat-x; }
#platinumcontent #column1 { width: 313px; float: left; background-image:url(images/platinum-column1-bg.jpg); background-repeat:no-repeat; background-position: 0 201px; height: 483px; padding-left: 31px; }
#platinumcontent #column2 { width: 587px; float: left; padding: 14px 0 0 0; }

#platinumcontent .intro { font-size: 15px; color: #aba59f; line-height: 22px; margin-bottom: 28px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; }


#platinumcontent #column2 #box { width: 588px; }
#platinumcontent #column2 #box #tabs { height: 24px; padding: 0 5px; }
#platinumcontent #column2 #box #middle { height: 450px; background-image: url(images/platinum-box-bg.png); background-repeat:repeat-x; padding: 40px 40px 0 40px; }
#platinumcontent #column2 #box #base { height: 45px; background-image:url(images/platinum-box-base.png); background-repeat:no-repeat;  }

#platinumcontent #column2 #box #tabs .tab1on { padding: 6px 0 0 0; font-weight: bold; text-align: center; color: #2e2e2e; text-decoration: none; display: block; float: left; width: 289px; background-image: url(images/platinum-box-tab1-on.png); background-repeat:no-repeat; height: 18px; }
#platinumcontent #column2 #box #tabs .tab2off { padding: 6px 0 0 0; font-weight: bold; text-align: center; color: #757778; text-decoration: none; display: block; float: left; width: 289px; background-image: url(images/platinum-box-tab2-off.png); background-repeat:no-repeat; height: 18px; }

#platinumcontent #column2 #box #tabs .tab1off { padding: 6px 0 0 0; font-weight: bold; text-align: center; color: #2e2e2e; text-decoration: none; display: block; float: left; width: 289px; background-image: url(images/platinum-box-tab1-off.png); background-repeat:no-repeat; height: 18px; }
#platinumcontent #column2 #box #tabs .tab2on { padding: 6px 0 0 0; font-weight: bold; text-align: center; color: #757778; text-decoration: none; display: block; float: left; width: 289px; background-image: url(images/platinum-box-tab2-on.png); background-repeat:no-repeat; height: 18px; }

#tab1content { display: block; }
#tab2content { display: none; }

#tab1content a { color: #3894ce; }
#tab1content h4 { color: #0067a7; border-top: 1px solid #d5d5d5; padding-top: 10px; }

#toggle { height: 21px; margin: 0px 0 9px 0; text-align: right; }
#toggle #mapView, #toggle #textList {cursor:pointer;}

#carparkfinder { border: 1px solid #e5e5e5; height: 410px; position: relative;}
#carparkfinder #states { background-image: url(images/platinum-box-states-bg.jpg); background-repeat:no-repeat; background-position: bottom left; background-color: #eaf2f3; width: 139px; height: 410px; border-right: 1px solid #ffffff; position: absolute; top: 0; left: 0;}
#carparkfinder .outputInner { position: absolute; top: 0; left: 140px; height: 410px; border-left: 1px solid #e5e5e5; width: 365px; }

#carparkfinder #states a { color: #787777; padding: 15px 0 0 15px; font-weight: bold; text-decoration: none; display: block; }
#carparkfinder #states a.selected { color: #0067a7; }

#carparkfinder .outputInner .text { padding: 15px; display: block; overflow: auto; height: 380px;}
#carparkfinder .outputInner .map { padding: 0; display: none; height: 410px;}

#carparkfinder .outputInner .text h2 a { color: #0067a7; margin: 0 0 10px 0; padding: 0; font-size: 11px; font-weight: bold; text-decoration: none; }
#carparkfinder .outputInner .text a.carparkLink { display: block; margin: 0; padding: 6px 0 6px 40px; border-bottom: 1px solid #d5d5d5; color: #787777; text-decoration: none; background-image: url(images/platinum-box-carpark-icon.gif); background-repeat:no-repeat; background-position: 25px 7px; }


/* Application Form classes */

#platinumcontent #column2 #box #appformtop { background-image: url(images/platinum-box-appformtop.png); height: 24px; padding: 0 5px; }
#platinumcontent #column2 #box #appform { background-image: url(images/platinum-box-bg.png); background-repeat:repeat-x; padding: 0 40px 0 40px; }

#platinumcontent #column2 #box #appform table { width: 508px; }
#platinumcontent #column2 #box #appform table tr td { padding: 5px 0; border-bottom: 1px solid #d5d5d5; }
#platinumcontent #column2 #box #appform table tr th { color: #0067a7; font-weight: bold; text-align: left; width: 180px; padding: 5px 0;border-bottom: 1px solid #d5d5d5;}

th .note { font-weight: normal; color: #aba59f; }

#platinumcontent #column2 #box #appform h3 { font-size: 16px; font-weight: bold; color: #7a9faa; margin: 30px 0 10px 0; }
#platinumcontent #column2 #box #appform h4 { margin: 30px 0 10px 0;  }

#platinumcontent #column2 #box #appform .indent { padding: 20px 0 20px 20px; color: #787777; }
#platinumcontent #column2 #box #appform .indent ol { margin-top: 0; }

#platinumcontent #column2 #box #appform table.wide tr th { color: #0067a7; font-weight: bold; text-align: left; width: 250px; border-bottom: 1px solid #d5d5d5;}

#platinumcontent #column2 #box #appform #directdebit { background-color: #eaf2f3; padding: 20px; margin: 20px 0; }
#platinumcontent #column2 #box #appform #directdebit table { width: 468px; }
#platinumcontent #column2 #box #appform #directdebit h4 { margin-top: 0; color: black; }

#platinumcontent #column2 #box #appform #creditcard { background-color: #eaf2f3; padding: 20px; margin: 20px 0; }
#platinumcontent #column2 #box #appform #creditcard table { width: 468px; }
#platinumcontent #column2 #box #appform #creditcard h4 { margin-top: 0; color: black; }

#platinumcontent #column2 #box #appform table.confirm { width: 508px; }
#platinumcontent #column2 #box #appform table.confirm tr td { padding: 5px 0; border-bottom: 1px solid #d5d5d5; }
#platinumcontent #column2 #box #appform table.confirm tr th { padding: 5px 0; color: #0067a7; font-weight: bold; text-align: left; width: 240px; border-bottom: 1px solid #d5d5d5;}

#platinumcontent #column2 #box #appform .signature { display: block; padding: 5px 0 15px 0; }

/* Co-branded ID'd */

#eastlink { width: 313px; float: left; background-repeat:no-repeat; background-position: 0 201px; height: 483px; padding-left: 31px; background-image:url(images/platinum-column1-bg-eastlink.jpg); }