html, body { margin: 0; padding: 0 }
body    { color: #3f4554; font-size: 12px; font-family: Verdana, Arial, sans-serif; line-height: 17px; background-color: #fcf2d3; text-align: center; margin: 0; padding: 0 }
p   { color: #68679d; margin: 0; padding: 4px 0 6px }
.team  { color: #3e27a9; font-size: 13px; line-height: 15px; margin: 0; padding: 5px 0 4px }
.job  { color: #7677a3; font-size: 11px; font-weight: bold; line-height: 14px; margin: 0; padding: 0 0 2px }
.bio   { font-size: 11px; line-height: 15px; padding-bottom: 10px; padding-left: 40px; border-bottom: 1px solid #dedcf6 }
ul { color: #68679d; font-size: 12px; line-height: 15px; list-style-type: disc; list-style-position: outside; margin: 0 0 0 15px; padding: 0 0 4px }
li { padding-bottom: 4px }
table  { }
td  { vertical-align: top }
h1  { color: #6780cb; font-size: 16px; font-family: Verdana, Arial, sans-serif; line-height: 20px; margin: 0; padding: 0 }
h2  { color: #80a0c8; font-size: 14px; font-weight: normal; line-height: 18px; margin: 8px 0 0; padding: 0 0 4px }
h3 { color: #3e66e1; font-size: 14px; font-weight: normal; line-height: 16px; margin: 0; padding: 0 0 4px }
#feature_box a:link, #feature_box a:visited { border: 0; outline-style: none; outline-width: 0 }
#side_image_box  { background-color: #d4daf9; text-align: center; margin-bottom: 5px; margin-left: 10px; padding-top: 5px; padding-bottom: 5px; width: 170px; vertical-align: middle; border: 0; outline-style: none; outline-width: 0 }
#side_image_box a:link, #side_image_box a:visited { background-color: #f9e8e8; text-align: center; margin-left: 10px; width: 170px; vertical-align: middle; border: 0; outline-style: none; outline-width: 0 }
#opening_hours_box { background-image: url("../images/opening_hours.gif"); background-repeat: no-repeat; width: 190px; height: 140px }
.opening_hours { font-size: 9px; line-height: 10px; padding: 60px 12px 12px 15px }
.opening_hours_sjw { font-size: 9px; line-height: 10px; padding: 25px 15px 15px 18px }
.right_image { border: solid 1px #fff8f2 }
#blog_links { background-color: #fff4f4; background-image: url("../images/blogger_link_mayfieldvet.gif"); background-repeat: no-repeat; background-position: right bottom; margin-right: 10px; margin-left: 10px; padding: 4px; width: 160px; height: auto; border: solid 1px #d4daf9 }
.blog_links { color: #4841a0; font-size: 10px; line-height: 12px; text-indent: 0; white-space: normal; list-style-image: url("../images/blogger_tiny-b-mayfieldvet.gif"); list-style-position: outside; display: list-item; margin: 0 10px 0 30px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; border-top: 1px solid #f6d7a8 }
#wrapper      { background-color: #fff; text-align: left; margin: 0 auto; padding: 0; width: 850px; height: auto; border: solid 1px #f3ab7e }
#header     { background-color: #fff; margin-bottom: 4px; padding: 10px 0 0; width: 100%; height: 84px; float: none; clear: both; border-bottom: 1px solid #f3ab7e }
#logoblock     { background-color: #fff; background-image: url("../images/mayfield_vet_logo.gif"); background-repeat: no-repeat; background-position: 5px 0; margin: 0; width: 220px; height: 70px }
#strapline    { background-color: #fff; background-image: url("../images/mayfield_strapline_v1_0.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; position: relative; left: 215px; width: 390px; height: 70px }
#contact     { background-color: white; background-image: url("../images/mayfield_contact_box_1.gif"); background-repeat: no-repeat; background-position: 10px 0; position: relative; left: 420px; width: 200px; height: 70px; float: left }
#navbar   { font-size: 10px; text-decoration: none; background-color: #fff; text-align: left; text-transform: uppercase; letter-spacing: 1px; padding-top: 8px; padding-bottom: 10px; width: 400px; height: 16px; clear: none }
#navbar1  { font-size: 10px; text-decoration: none; background-color: #fff; text-align: left; text-transform: uppercase; text-indent: 220px; letter-spacing: 1px; padding-top: 8px; padding-bottom: 10px; width: 840px; height: 16px; clear: none; border-top: 1px solid #f3ab7e }
#navbar a:link, #navbar a:visited, #navbar a:active  { color: #6c76b9; font-size: 10px; line-height: 12px; text-decoration: none; text-align: left; margin-right: 20px; padding-top: 8px; height: 15px; border-bottom: 2px solid #fff }
#navbar a:hover   { color: #3d2365; text-decoration: none; text-align: left; margin-right: 20px; padding-top: 8px; height: 15px; border-bottom: 2px solid #bbd1f3 }
.navbar_links { font-size: 10px; line-height: 12px }
#appointment_button   { margin: -22px 10px 0 0; padding: 0 10px 0 0; position: relative; top: 0; right: 0; bottom: 0; left: 0; width: 170px; height: 30px; float: left; border-style: none; outline-style: none }
.plain { border: 0; outline-style: none }
.plainbutton { padding-right: 15px; border: 0; outline-style: none }
#box    { background-color: #fff; margin: 0; padding: 0 0 20px; position: static; width: 100% }
#left   { background-color: #fff; margin: 5px 0 0; padding: 0 0 20px; left: 0; width: 220px; height: auto; min-height: 20px; float: left }
.graphic_head   { margin: 0 0 4px 0; padding: 0 0 0 5px; float: left; clear: left }
#left a:link, #left a:visited, #left a:active  { color: #7677a3; font-size: 13px; line-height: 16px; text-decoration: none; margin-top: 5px; margin-right: 20px; margin-left: 12px; padding: 6px 10px 4px 0; width: 160px; float: left; clear: left; border-top: 1px solid #b7c2e4 }
#left a:hover { color: #7689d5; border-right: 2px solid #f3d373 }
.current_item  { color: #7689d5; background-color: #f6f8fe; border-right: 2px solid #6f71a0 }
#header_image     { margin: 15px 10px 8px 0; padding: 0; width: 610px; height: auto; float: left; clear: none; border-top: 1px solid #d3d3d3; outline: solid 1px #d6dbed }
.nobump { margin: 0; padding: 0 }
.padleft { margin: 0 0 0 5px; padding-left: 5px }
#content     { background-color: #fff; margin: 5px 0 0; padding: 0 0 20px; position: static; width: 390px; height: auto; min-width: 380px; float: left }
#right    { background-color: #fff; margin: 5px 10px 0; padding: 0 0 10px; position: static; left: 0; width: 190px; height: auto; min-height: 20px; float: right }
.intro   { color: #7689d5; font-size: 14px; line-height: 19px; padding-top: 8px; padding-bottom: 10px; border-bottom: 1px solid #b7c2e4 }
#side_button a:link, #side_button a:visited, #side_button a:hover  { color: #855cc8; font-size: 11px; line-height: 12px; padding: 0 5px 1px 10px; width: 180px; clear: none; border: 0 }
.button_text    { font-size: 12px; line-height: 15px; background-color: #f0effc; margin: 2px 0 0; padding: 5px 20px 0 5px; vertical-align: top; border: 0 }
.button_image   { font-size: 12px; line-height: 15px; margin: 0 5px 0 0; padding: 2px 5px 0 0; float: left; clear: none; vertical-align: top; border: 0; outline-style: none; outline-width: 0 }
#blue_button       { background-image: url("../images/blue_button_sm.gif"); background-repeat: no-repeat; margin-top: 10px; margin-left: 0; padding-left: 0; width: 190px; height: 70px; float: left; clear: left }
.foot_plain  { margin: 0 0 0 0; padding: 0; border: 0; outline-style: none; outline-width: 0 }
#pdf_button  { background-image: url("../images/blue_button.gif"); background-repeat: no-repeat; margin-top: 10px; margin-left: 5px; width: 190px; height: 70px; float: left; clear: left }
.button_text2  { font-size: 12px; line-height: 15px; padding: 5px 10px 10px 55px }
#footer   { color: #68679d; font-size: 10px; line-height: 12px; background-color: #f9e0c3; text-align: left; margin: 0; padding: 5px; border-top: 1px solid #d3dce6 }
#footer p { color: #68679d; font-size: 10px; line-height: 12px; text-align: left; margin: 0 }
#footer a:link, #footer a:visited, #footer a:active { color: #3e27a9; font-size: 10px; line-height: 12px; background-color: #93afe7; text-align: left; margin: 0; padding: 0 }
.clearer { font-size: 0; display: block; width: 100%; height: 0; clear: both }
#pricing { font-size: 11px; line-height: 14px; margin: 5px 0; padding: 0 }
#email_contact  { color: #3e27a9; font-size: 9px; line-height: 11px; background-color: #eff; margin: 10px 2px 2px; padding: 2px; border: solid 1px #bbc9f3 }
.small { font-size: 10px; line-height: 11px }
.small_enquiry { font-size: 10px; line-height: 12px; margin: 2px 0 0; padding-bottom: 8px; border-bottom: 1px solid #dedcf6 }
.enquiry { color: #3c5b94; font-size: 10px; padding-bottom: 2px }
.registration_input  { color: #36177b; font-size: 10px; background-color: #fff8f2; margin: 0; padding: 2px; border: solid 1px #868ada }
.roc_image   { margin-top: 10px; margin-bottom: 5px; margin-left: 5px; padding: 0; float: right; vertical-align: text-top; border: solid 1px #bbc9f3 }