/*standards*/
body {background-position:center; background-repeat:repeat-y; background-color:#f4f4f4; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:16px; margin: 0px }
.tr td {border-bottom: 1px solid #FFFFFF;}
.h1 {font-size:24px; font-weight:bold; color:#f97d00}
.h2 {font-size:14px; font-weight:bold; color:#163768}
.h3 {font-size:18px; color:white; font-weight:bold;}
.whiteText {font-size:12px; color:white; line-height:22px}
.headerText {font-size:18px; font-weight:bold; color:#f97d00}

/*misc one off styles*/
.rightDottedBorder {border-right-width: 1px;border-right-style: dotted;border-right-color: #999999;}
.textJustify { text-align: justify }
.thanksLabels { font-weight: bold; text-align: justify }
.bulletPoint { font-weight: bold; color: #163768 }

/*layout*/
#wrapper {background-image:url(../images/layout/bgRepeat.jpg); margin:0 auto 0 auto; width:905px;}
#header {background-image:url(../images/layout/headerBg.jpg); height:290px;}
#headerDynamic {background-image:url(../images/layout/headerNoText.jpg); height:290px;}
.headerContent { width: 600px; height: 134px; position: relative; top: 136px; left: 10px; padding-top: 10px; padding-left: 0px; color: White; text-align: center }
#content {padding:16px 22px 16px 22px;}
#footer { background-image:url(../images/layout/footer.jpg); height:90px; background-repeat:no-repeat; background-position:center top;}
#col1 {float:left; width:170px;display:inline;}
#col2 {float:left; width:420px; margin-left:16px;display:inline;}
#col3 {float:left; width:220px; margin-left:19px; display:inline;}
#bookOnline #col2 {margin:0px; width:100%;}/*added to make pages other than front page full width*/
#bookOnline #wrapper {background-image:url(../images/layout/whiteBgRepeat.jpg); background-color:#FFFFFF;}

/*footer*/
#footer {color:white; text-align:center; padding:12px 0 0 0;}
#footer a {color:#ffffff;}
.subFooter { padding: 10px; text-align: justify; color: #888888; width: 885px; margin: 0px auto 0px auto }
.subFooter a { color: #888888 }

/*top menu*/
#topMenu { background-image:url(../images/layout/topMenuBgg.jpg); height:32px; background-repeat:no-repeat; background-position:center top;}
#topMenu .homeButton {display:block; width:97px; height:36px; background-image:url(../images/home_placeholders/home.jpg); float:right; position:relative; margin-top:-4px;}
#topMenu .homeButton:hover {background-position:0 -36px;}
#topMenu .aboutButton {display:block; width:113px; height:36px; background-image:url(../images/home_placeholders/about.jpg); float:right;position:relative; margin-top:-4px;}
#topMenu .aboutButton:hover {background-position:0 -36px;}
#topMenu .commitmentButton {display:block; width:172px; height:36px; background-image:url(../images/home_placeholders/commitment.jpg); float:right;position:relative; margin-top:-4px;}
#topMenu .commitmentButton:hover {background-position:0 -36px;}
#topMenu .scheduleButton {display:block; width:158px; height:36px; background-image:url(../images/home_placeholders/schedules.jpg); float:right;position:relative; margin-top:-4px;}
#topMenu .scheduleButton:hover {background-position:0 -36px;}
#topMenu .bookButton {display:block; width:182px; height:36px; background-image:url(../images/home_placeholders/book.jpg); float:right;position:relative; margin-top:-4px;}
#topMenu .bookButton:hover {background-position:0 -36px;}
#topMenu .contactButton {display:block; width:96px; height:36px; background-image:url(../images/home_placeholders/contact.jpg); float:right; display:inline; margin-right:10px;position:relative; margin-top:-4px;}
#topMenu .contactButton:hover {background-position:0 -36px;}

/*booking system styles*/
.divServiceTypeName { background-image:url(../images/booking_system/headerbg.jpg); font-size:18px; font-weight:bold; color:#ffffff; padding:0px; border:1px; background-position:right top; background-repeat: no-repeat}
.divDescription {background-color:#FFFFFF; width:508px; text-align: justify}
.divDescription table {font-size:18px; color:#000066; font-weight:bold; margin-bottom:28px;}
.divModelSpecificInfo {padding:4px;background-color:#FFFFFF; text-align: justify}
.divServiceCost {padding:4px;background-color:#FFFFFF; font-size:18px; color:#163768}
.divScheduleDetails {background-color:#efeeee;padding:5px;}
.serviceDetailsHeader { background-image:url(../images/booking_system/headerbg.jpg); font-size:18px; font-weight:bold; color:#ffffff; padding:5px; margin-bottom:12px; background-position:right bottom; }

/*booking system buttons*/
.oddRow .selectMakeButton {display:block; background-image:url(../images/buttons/makeOdd.png); width:140px; height:21px;behavior: url(iepngfix.htc);}
.oddRow .selectMakeButton:hover {background-position:-140px 0px;}
.evenRow .selectMakeButton {display:block; background-image:url(../images/buttons/makeEven.png); width:140px; height:21px;behavior: url(iepngfix.htc);}
.evenRow .selectMakeButton:hover {background-position:-140px 0px;}
.oddRow .selectModelButton {display:block; background-image:url(../images/buttons/modelOdd.png); width:140px; height:21px;behavior: url(iepngfix.htc);}
.oddRow .selectModelButton:hover {background-position:-140px 0px;}
.evenRow .selectModelButton {display:block; background-image:url(../images/buttons/modelEven.png); width:140px; height:21px;behavior: url(iepngfix.htc);}
.evenRow .selectModelButton:hover {background-position:-140px 0px;}
.selectServiceTypeButton {display:block; background-image:url(../images/buttons/SelectService.png); width:266px; height:33px; margin:4px 0 4px 0;}
.selectServiceTypeButton:hover {background-position:-266px 0px;}

	
/*accordion*/
.showScheduleHyperlink { margin: 4px 0 0 4px; text-decoration: none; color: #333333; display: block; width: 508px; height: 20px }
.showScheduleRow { background-image:url(../images/layout/accordian.jpg); height: 26px }

.serviceSchedulesTable { border: 1px; padding: 1px; border-style:solid; border-color: #333333 }
.serviceSchedulesTable .sectionHeaderRow { font-weight: bold;  background-image:url(../images/booking_system/headerbg.jpg); color:#FFFFFF; padding:4px;}
.serviceSchedulesTable .sectionHeaderRow td {padding:4px;}
.serviceSchedulesTable .sectionItemRowEven { background-color: #efeeee }
.serviceSchedulesTable .sectionItemRowOdd { background-color: #d2d2d2 }
.serviceSchedulesTable .tickEven { background-image:url(../images/efeeeetick.jpg); background-position:2px 2px; background-repeat:no-repeat;}
.serviceSchedulesTable .tickOdd { background-image:url(../images/d2d2d2tick.jpg); background-position:2px 2px;  background-repeat:no-repeat;}
.serviceSchedulesTable .noTickEven { background-color: #efeeee }
.serviceSchedulesTable .noTickOdd { background-color: #d2d2d2}

.serviceSchedulesAccordion { border: 1px; padding: 2px; border-style:solid; border-color: #333333; width: 577px; margin-bottom: 10px }
.serviceSchedulesAccordion .headerTemplate { font-weight: bold;  background-image:url(../images/booking_system/headerbg.jpg); color:#FFFFFF; padding:4px;}
.serviceSchedulesAccordion .headerLink { color: White; text-decoration: none; display: block }
.serviceSchedulesAccordion .firstLink { color: Orange; text-decoration: none; display: block }
.serviceSchedulesAccordion .bodyTemplate { background-color:#FFFFFF; padding: 8px; margin-bottom: 8px }
.serviceSchedulesAccordion .bodyTemplate .left { float: left }
.serviceSchedulesAccordion .bodyTemplate .right { width: 264px; float: right }
.serviceSchedulesAccordion .divDescription { width: 280px; text-align: justify; }

.serviceTypeScheduleTable { width: 486px }
.serviceTypeScheduleTable .sectionHeaderRow { font-weight: bold;  background-image:url(../images/booking_system/headerbg.jpg); color:#FFFFFF; padding:4px;}
.serviceTypeScheduleTable .sectionHeaderRow td {padding:4px;}
.serviceTypeScheduleTable .sectionItemRowEven { background-color: #efeeee }
.serviceTypeScheduleTable .sectionItemRowOdd { background-color: #d2d2d2 }
.serviceTypeScheduleTable .tickEven { background-image:url(../images/efeeeetick.jpg); background-position:2px 2px; background-repeat:no-repeat;}
.serviceTypeScheduleTable .tickOdd { background-image:url(../images/d2d2d2tick.jpg); background-position:2px 2px;  background-repeat:no-repeat;}
.serviceTypeScheduleTable .leftColumn { width: 456px }
.scheduleDetailsPanel { height: 0px; overflow: hidden }