@charset "utf-8";
/* CSS Document */

html, body {
height: 100%;
}

body {
background-color: #FFFFFF;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
width: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

    a:link              { color:#AF9FCC; text-decoration:none; font-weight: bold; }
    a:visited           { color:#AF9FCC; text-decoration:none; font-weight: bold; }
    a:hover             { color:#AF9FCC; text-decoration:underline; font-weight: bold; }
    a:active            { color:#AF9FCC; text-decoration:none; font-weight: bold; }
	
	
#container {
width: auto;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -206px;
}

#container-background {
width: 100%;
position: absolute;
bottom: 206px;
height: 83px;
background-image: url(../images/container-background.jpg);
background-repeat: repeat-x;
background-position: bottom;
z-index: 4;
}

#header-divider-page-background {
width: 100%;
position: absolute;
top: 95px;
height: 13px;
background-color: #958576;
z-index: 2;
}

#divider-post-menu {
width: 100%;
position: absolute;
top: 124px;
height: 10px;
background-color: #FFFFFF;
background-image: url(../images/divider-post-menu-border.jpg);
background-position: bottom;
background-repeat: repeat-x;
z-index: 6;
}

#page-top-background {
width: 100%;
position: absolute;
top: 0px;
height: 97px;
z-index: 1;
background-image: url(../images/page-top-background.jpg);
background-repeat: repeat-x;
}

#page {
width: 960px;
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background-color: #FFFFFF;
z-index: 10;
}

#clear {
width: 100%;
clear: both;
height: 20px;
}

#header {
width: 930px;
height: 95px;
margin-left: auto;
margin-right: auto;
position: relative;
}

#community-care-chemist-logo {
position: absolute;
left: 0px;
top: 0px;
}

#header-bollard {
position: absolute;
right: 315px;
top: 0px;
}

#header-scales {
position: absolute;
right: 210px;
top: 0px;
}

#header-mother-and-child {
position: absolute;
right: 105px;
top: 0px;
}

#header-flower {
position: absolute;
right: 0px;
top: 0px;
}

#header-purple {
position: absolute;
right: 0px;
top: 0px;
}

#header-background {
width: 295px;
height: 90px;
position: absolute;
right: 420px;
top: 0px;
background-image: url(../images/header-background.jpg);
background-repeat: repeat-x;
}

#header-divider {
width: auto;
position: relative;
height: 13px;
background-color: #958576;
background-repeat: no-repeat;
background-position: right;
background-image: url(../images/your-community-owned-pharmacy-top.jpg);
}

#subtitle-menu-bar {
width: auto;
position: relative;
background-color: #FFFFFF;
height: 25px;
border-bottom: solid 1px #958576;
z-index: 20;
}

#menu-container {
padding-top: 3px;
z-index: 1;
}

#your-community-owned-pharmacy {
position: absolute;
right: 14px;
top: 0px;
}

#page-content {
position: relative;
margin-left: auto;
margin-right: auto;
width: 400px;
margin-top: 20px;
top: 20px;
padding-left: 15px;
border-left: solid 1px #958576;
background-color: #FFFFFF;
min-height: 440px;
height: auto; !important
height: 440px;
}

#left-column {
position: absolute;
left: 0px;
width: 260px;
height: 450px;
z-index: 2;
}

#left-column-buttons {
width: 211px;
border: solid 1px #958576;
padding: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 92px;
}

#left-column-break {
border-bottom: solid 1px #958576;
}

embed.left {
border: solid 1px #958576;
}

#right-column {
position: absolute;
right: 0px;
width: 280px;
background-image: url(../images/your-community-owned-pharmacy-bottom.jpg);
background-position: top right;
background-repeat: no-repeat;
}

#right-column-image {
margin-top: 20px;
}

#push {
clear: both;
width: 100%;
height: 206px;
}

#footer {
width: auto;
height: 206px;
background-image: url(../images/footer-background.jpg);
background-repeat: repeat-x;
}

h1 {
display: inline;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}

h2 {
display: inline;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}

h3 {
display: inline;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}