body, p, h1, html, .default {
margin:0;
padding: 0;
border: 0;
font-family: Arial, HelveticaNeue, Helvetica;
font-size: 12px;
color: #010001;
}

body{
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 20px;
border: 0;
width: 430px;
}

a {
font-weight: normal;
color: #26B8EB;
}
a:hover {
text-decoration: underline;
}
h1 {
margin: 0;
padding: 0;
border: 0;
font-size: 24px;
font-weight: normal;
color: #5294A8;
line-height: 30px;
}
h2 {
margin: 0;
padding: 0;
border: 0;
font-size: 18px;
font-weight: normal;
color: #26B8EB;
line-height: 25px;
}
h3 {
margin: 0;
padding: 0;
border: 0;
color: #FFFFFF;
font-size: 25px;
font-weight: normal;
}
h4 {
margin: 0;
padding: 0;
border: 0;
color: #FFFFFF;
font-size: 18px;
font-weight: normal;
}
h5 {
margin: 0;
padding: 0;
border: 0;
font-size: 14px;
font-weight: normal;
color: #5294A8;
line-height: 22px;
}

li {
list-style-type: square;
list-style-position: inside;
color: #5294A8;
font-size: 10px;
}/*New stuff */
body, p, html, .default {
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
color: #010001;
margin:0px;
padding:0px;
border:0px;
}
body {
width: 100%;
margin: 0;
padding: 0;
border: 0;
background: #F2F9F6;
}
.container {
margin: 25px auto 30px auto;
padding: 0;
border: 0;
width: 786px;
background-color: #FFFFFF;
text-align: left;
}
.top {
margin: 0;
padding: 0;
border: 0;
height: 125px;
width: 100%;
}
.topleft {
margin: 0;
padding: 0;
border: 0;
width: 400px;
height: 125px;
background-image: url('mariag/assets/topbg.jpg');
background-repeat: no-repeat;
float: left;
}
.topright {
float: left;
margin: 0;
padding: 0;
border: 0;
width: 386px;
height: 125px;
background-image: url('mariag/assets/topbgright.jpg');
background-repeat: no-repeat;
color: #FFFFFF;
font-size: 15px;
}
.toprightwords {
margin: 0;
padding: 13px 12px 0px 0px;
border: 0;
float: right;
text-align: right;
}
.mariatop {
margin: 12px 0px 0px 20px;
padding: 0;
border: 0;
}
.menu {
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 32px;
background-image:url('mariag/assets/menubg.gif');
background-repeat: repeat-x;
}
.menu2 {
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 32px;
background-image:url('mariag/assets/menubgleft.gif');
background-position: top left;
background-repeat: no-repeat;
}
.menu3 {
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 32px;
background-image:url('mariag/assets/menubgright.gif');
background-position: right top;
background-repeat: no-repeat;
}
.menucontent {
margin: 0;
padding: 0px 15px 0px 0px;
border: 0;
float: right;
width: 640px;
text-align: right;
font-family: HelveticaNeue, Helvetica, Arial;
font-size: 18px;
color: #356651;
font-weight: normal;
text-decoration: none;
}
.mariabtm {
margin: 0px 0px 0px 20px;
padding: 0;
border: 0;
float: left;
}
.menuitem {
padding: 0px 0px 0px 0px;
margin: 0;
border: 0;
height: 32px;
line-height: 30px;
float: right;
}
#menulink {
font-family: HelveticaNeue, Helvetica, Arial;
font-size: 12px;
color: #356651;
font-weight: normal;
text-decoration: none;
float: left;
}
.menuitem#blue #menulink {
color: #5294A8;
}
#menuitem:hover, .menuitem.over, .menuitem#current {
background-image: url('http://www.onlinelifecoach.co.nz/templates/mariag/assets/menuhoverbg.gif');
background-repeat: repeat-x;
}
#menuitem:hover #menulink, .menuitem.over #menulink, .menuitem#current #menulink, .menuitem#blue:hover #menulink, .menuitem#blue.over #menulink{
color: #FFFFFF;
}
#menuitem2 {
margin: 0;
padding: 0px 0px 0px 0px;
border: 0;
height: 32px;
float: left;
width: 15px;
height: 32px;
}
#menuitem:hover #menuitem2, #menuitem.over #menuitem2, .menuitem#current #menuitem2{
background-image: url('mariag/assets/menuhoverleft.gif');
background-repeat: no-repeat;
}
#menuitem3 {
margin: 0;
padding: 0px 0px 0px 0px;
border: 0;
height: 32px;
float: left;
width: 15px;
height: 32px;
}
#menuitem:hover #menuitem3, #menuitem.over #menuitem3, .menuitem#current #menuitem3{
background-image: url('mariag/assets/menuhoverright.gif');
background-repeat: no-repeat;
background-position: top right;
}
.belowmenu {
margin: 0;
padding: 0;
border: 0;
height: 26px;
border-bottom: 8px solid #5294A8;
background: #5294A8;
background-image: url('mariag/assets/belowmenu.jpg');
background-repeat: no-repeat;
background-position: top right;
}
.contentarea {
margin: 0;
padding: 0;
border: 0;
width: 100%;
background: #FFFFFF;
background-image: url('mariag/assets/contentbg.gif');
background-repeat: no-repeat;
background-position: top right;
}
.skybox {
margin: 85px 0px 0px 50px;
padding: 0px 0px 0px 0px;
border: 0;
width: 182px;
background-image: url('mariag/assets/skybg.gif');
background-repeat: repeat-y;
}
.righthome {
margin: 0;
padding: 0;
border: 0;
float: right;
width: 276px;
height: 100%;
}
.skycontent {
margin: 0;
padding: 0px 10px 0px 10px;
border: 0;
color: #00B9F1;
font-weight: bold;
font-size: 18px;
text-align: center;
}
.skycontent a {
color: #00B9F1;
font-weight: bold;
font-size: 18px;
text-align: center;
text-decoration: none;
}
.skycontent a:hover {
text-decoration: underline;
}
.bookbox {
margin: 10px 0px 0px 60px;
padding: 0px 0px 0px 0px;
border: 0;
width: 168px;
background-image: url('mariag/assets/bookbox.gif');
background-repeat: repeat-y;
color: #34AACF;
text-align: center;
font-weight: bold;
font-family: HelveticaNeue, Helvetica, Arial;
font-size: 15px;
text-decoration: none;
}
.bookbox a {
color: #34AACF;
text-align: center;
font-weight: bold;
font-family: HelveticaNeue, Helvetica, Arial;
font-size: 15px;
text-decoration: none;
}
.contenthome {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 20px;
border: 0;
float: left;
width: 430px;
}
.contentarea li {
list-style-type: square;
list-style-position: inside;
color: #5294A8;
font-size: 10px;
}
.text {
font-family: Arial, HelveticaNeue, Helvetica;
font-size: 12px;
color: #010001;
line-height: 18px;
}
.footer {
margin: 0;
padding: 25px 0px 0px 0px;
border: 0;
width: 100%;
height: 25px;
text-align: center;
line-height: 25px;
color: #5294A8;
font-size: 11px;
font-family: Arial, HelveticaNeue, Helvetica;
}
/*BOOKING PAGE */
.gapleft {
margin: 0;
padding: 0;
border: 0;
width: 20px;
height: 250px;
float: left;
}
.contentbook {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0;
float: left;
width: 445px;
color: #5294A8;
font-size: 14px;
}
.rightbook {
margin: 0;
padding: 0;
border: 0;
float: left;
width: 260px;
}
.skylogo {
margin: 27px 0px 0px 0px;
padding: 0;
border: 0;
}
.leftform {
margin: 0;
padding: 0;
border: 0;
float: left;
width: 130px;
height: 35px;
line-height: 20px;
}
.rightform {
margin: 0;
padding: 0;
border: 0;
float: left;
width: 250px;
height: 35px;
}
#timefield, #datefield {
margin: 0;
padding: 2px 0px 0px 0px;
border: 0;
}
.input {
margin: 0;
padding: 2px 2px 2px 2px;
border: 1px solid #5294A8;
color: #26B8EB;
width: 175px;
}
.lightblue {
color: #26B8EB;
}
.submit {
margin: 0;
padding: 0px 0px 4px 0px;
border: 0;
width: 84px;
height: 22px;
background-image: url('mariag/assets/submitbg.gif');
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
}
.topcalendar {
margin: 0;
padding: 0;
border: 0;
height: 34px;
background-image: url('mariag/assets/calendartopbg.gif');
background-repeat: repeat-x;
}
.topcalendar2 {
margin: 0;
padding: 0;
border: 0;
height: 34px;
background-image: url('mariag/assets/topcalendarleft.gif');
background-repeat: no-repeat;
}
.topcalendar3 {
margin: 0;
padding: 0;
border: 0;
height: 34px;
background-image: url('mariag/assets/topcalendarright.gif');
background-repeat: no-repeat;
background-position: top right;
font-size: 20px;
font-weight: normal;
line-height: 33px;
color: #FFFFFF;
}
.calendar {
margin: 30px 0px 0px 0px;
padding: 0;
border: 0;
width: 260px;
background: #FFFFFF;
background-image: url('mariag/assets/calendarbg.gif');
background-position: top right;
background-repeat: repeat-y;
}
.calendar2 {
margin: 0px 0px 0px 0px;
padding: 0;
border: 0;
width: 260px;
background-image: url('mariag/assets/calendarbg2.gif');
background-position: bottom left;
background-repeat: repeat-x;
}
.calendar3 {
margin: 0px 0px 0px 0px;
padding: 0;
border: 0;
width: 260px;
background-image: url('mariag/assets/calendarbg3.gif');
background-position: bottom right;
background-repeat: no-repeat;
}
.calendar4 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0;
width: 260px;
background-image: url('mariag/assets/calendarbg4.gif');
background-position: bottom left;
background-repeat: no-repeat;
}
.leftarrow {
margin: 6px 0px 0px 10px;
padding: 0;
border: 0;
float: left;
}
.rightarrow {
margin: 6px 10px 0px 0px;
padding: 0;
border: 0;
float: right;
}
.days {
margin: 0;
padding: 0;
border-top: 1px solid #97BFCB;
border-left: 1px solid #97BFCB;
color: #5294A8;
font-size: 11px;
font-weight: bold;
height: 35px;
width: 36px;
}
.daysno {
margin: 0;
padding: 0;
border-top: 1px solid #97BFCB;
border-left: 1px solid #97BFCB;
color: #5294A8;
font-weight: normal;
font-size: 20px;
height: 35px;
width: 36px;
}
.daysno a {
color: #5294A8;
font-weight: normal;
text-decoration: none;
font-size: 20px;
}
.daysno#selected {
margin: 0;
padding: 0;
border-top: 1px solid #97BFCB;
border-left: 1px solid #97BFCB;
color: #FFFFFF;
font-weight: normal;
height: 35px;
width: 36px;
font-size: 20px;
background-image: url('mariag/assets/dayhover.gif');
background-repeat: repeat-x;
}
.daysno#selected a {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
font-size: 20px;
}
.hours {
margin: 27px 0px 0px 0px;
padding: 0;
border: 0;
width: 260px;
background: #FFFFFF;
background-image: url('mariag/assets/hoursbg.gif');
background-position: top right;
background-repeat: repeat-y;
}
.hours2 {
margin: 0px 0px 0px 0px;
padding: 0;
border: 0;
width: 260px;
background-image: url('mariag/assets/hoursbtm.gif');
background-position: bottom left;
background-repeat: repeat-x;
}
.hours3 {
margin: 0px 0px 0px 0px;
padding: 0;
border: 0;
width: 260px;
background-image: url('mariag/assets/hoursbtmright.gif');
background-position: bottom right;
background-repeat: no-repeat;
}
.hours4 {
margin: 0px 0px 0px 0px;
padding: 0;
border: 0;
width: 260px;
background-image: url('mariag/assets/hoursbtmleft.gif');
background-position: bottom left;
background-repeat: no-repeat;
}
.hourstop {
margin: 0;
padding: 0;
border: 0;
height: 38px;
width: 100%;
background-image: url('mariag/assets/hourstop.gif');
background-repeat: repeat-x;
}
.hourstop2 {
margin: 0;
padding: 0;
border: 0;
height: 38px;
width: 100%;
background-image: url('mariag/assets/hourstopleft.gif');
background-repeat: no-repeat;
background-position: top left;
}
.hourstop3 {
margin: 0;
padding: 0;
border: 0;
height: 38px;
width: 100%;
background-image: url('mariag/assets/hourstopright.gif');
background-repeat: no-repeat;
background-position: top right;
line-height: 38px;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}
.hoursslot {
margin: 0;
padding: 0;
border: 0;
border-top: 1px solid #97BFCB;
border-left: 1px solid #97BFCB;
border-right: 1px solid #97BFCB;
font-size: 12px;
font-weight: bold;
color: #5294A8;
height: 19px;
text-align: center;
}
.hoursslot:hover {
text-decoration: underline;
}
.nogo {
margin: 0;
padding: 0;
border: 0;
font-size: 12px;
font-weight: bold;
border-top: 1px solid #97BFCB;
background-image: url('mariag/assets/nogobg.gif');
background-repeat: repeat-x;
}
.nogo2 {
margin: 0;
padding: 0;
border: 0;
width: 100%;
font-size: 12px;
font-weight: bold;
background-image: url('mariag/assets/nogoright.gif');
background-repeat: no-repeat;
background-position: top right;
}
.nogo3 {
margin: 0;
padding: 0;
border: 0;
width: 100%;
font-size: 12px;
font-weight: bold;
background-image: url('mariag/assets/nogoleft.gif');
background-repeat: no-repeat;
background-position: top left;
}
.booked {
margin: 0;
padding: 0;
border: 0;
font-size: 12px;
font-weight: bold;
border-top: 1px solid #97BFCB;
width: 160px;
}
.booked2 {
margin: 0;
padding: 0;
border: 0;
width: 100%;
font-size: 12px;
font-weight: bold;
}
.booked3 {
margin: 0;
padding: 0;
border: 0;
width: 100%;
font-size: 12px;
font-weight: bold;
}