* {
margin: 0;
padding: 0;
border: none;
}

body {
background-image:url(/themes/chapman/graphics/background.jpg);
font-family: Arial, sans-serif;
font-size: small;
color: #666;
}
a {
color: #6f6f6f;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #ed6900;
}
#horizon {
padding-top:60px;
}

#wrapper {
background-color: #fff;
position: relative;
text-align: left;
width: 834px;
height: 600px;
margin: 0px auto;
background-image: url(/themes/chapman/graphics/body_bottom.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
#main {
background-image: url(/themes/chapman/graphics/body_top.gif);
background-repeat: no-repeat;


}
#header {
height: 90px;
}
#header img {
position: relative;
float: right;
top: 25px;
width: 250px;
margin-right: 10px;
}
#top:after {
height: 10px;
content: ' ';
clear: both;
}
#left, #content {
margin-top: 10px;
margin-bottom: 10px;
}
#left {
float: left;
width: 210px;
margin-left: 10px;
}
#content {
float: left;
width: 612px;
overflow: auto;
}
#bottom {
height: 56px;
clear: both;
margin-top: 10px;
}
#footer {
float: left;
position: relative;
left: 20px;
top: 5px;
}
#bottom a {
position: absolute;
bottom: 10px;
left: 20px;
font-size: 0.9em;
}




/*the bit between the header and the body*/
#top form {
float: right;
width: 260px;
margin-right: 48px;
}
#top form input {
float: right;
}
#login_button:hover {
cursor: pointer;
}
#top form label {
float: left;
clear: left;
}
#not_registered {
float: right;
margin-right: 20px;
color: #f6b47f;
}
#not_registered a{
font-weight: normal;
color: #ed6900;
}
#top #nav {
margin-left: 35px;
float: left;
width: 50%;
}
#nav ul {
list-style-type: none;
width: 150px;
float: left;
}
#login_button {
margin-right: -6px;
}
#nav h1 {
float: left;
color: #ed6900;
font-weight: normal;
position: relative;
top: 20px;
left: 50px;
}

#account_options li{
list-style-type: none;
position: relative;
left: 200px;
width: 100px;
}





/*the menu on the left*/
#menu_holder {
margin-top: 40px;
margin-left: 30px;
}

#menu_items {
font-size: 1.3em;
list-style-type: none;
}

#menu_items li {
margin-bottom: 15px;
text-transform: lowercase;
}

#menu_items li.current a {
color: #ed6900;
}

/*messages and errors*/
#flash {
position: absolute;
top: 100px;
left: 20px;
z-index: 50;
width: 800px;
}
#flash ul {
list-style-type: none;
margin: 0 auto;
width: 50%;
z-index: 50;
font-size: 1.4em;
text-align: center;
padding: 10px 0;
}
#flash #messages {
border: 1px solid green;
background-color: #d8ffe0;
color: green;


}

#flash #errors {
border: 1px solid red;
background-color: #ff9b9b;
color: red;
text-align: left;
padding-left: 40px;
}
#flash li {
padding: 2px 0;
}





/*standard form elements*/
.numeric {
text-align: right;
}
label {
margin: 7px 5px;
}
input {
color: #6f6f6f;
font-weight: normal;
background: url(/themes/chapman/graphics/input_bg.gif) no-repeat;
height: 18px;
width: 150px;
padding: 4px 7px;
}
#saveform, #login_button, input.button {
width: 170px;
height: 24px;
padding: 0;
}
input.numeric {
background: url(/themes/chapman/graphics/numeric_input_bg.gif) no-repeat;
text-align: right;
width: 25px;
padding-right: 2px;
}

input.checkbox {
width: auto;
height: auto;
background: none;
}
a.button {
width: 150px;
height: 25px;
position: relative;
left: 70px;
display: block;
padding-right: 15px;
padding-top: 2px;
background: url(/themes/chapman/graphics/input_bg.gif) no-repeat right;
}




/**home page**/
#homepage {
float: left;
}
#homepage img {
float: left;
margin: 20px;
}
#homepage #lady_left,#homepage #man_right {
margin-top: 0px;
}
#homepage #man_right {
margin-bottom: 4px;
}






/**product listings **/
div.item_container {
width: 198px;
height: 180px;
float: left;
background: url(/themes/chapman/graphics/manuf_bg.gif) no-repeat;
background-position: 10px;
text-align: center;
position: relative;
margin: 5px 0;
}
span.manuf_name {
position: relative;
float: right;
right: 15px;
top: -15px;
display: block;
margin-bottom: -15px;
}
div.container_num1 {
float: left;
background-position: 0px;
width: 167px;
}
div.container_num2 {
margin-left: 45px;
}
div.container_num0 {
float: right;
margin-right: 2px;
background-position: 0px;
width: 167px;
}

div.item_container div {
margin-top: 30px;
width: 97%;
}
div.item_container p {
clear: both;
}
div.item_container img {
text-align: center;
}
div.container_num2 a{
right: 37px !important;
}
div.container_num2 span.manuf_name {
right: 35px;
}
div.container_num2 a.brand_info{
left: 35px !important;
}
div.item_container a.image_link {
position: relative;
top: 0;
left: -1px;
float: none;
}
div.item_container a {
font-weight: normal;
float: right;
color: #ed6900;
position: absolute;
right: 18px;
bottom: 25px;
}
div.item_container h3 {
text-align: left;
margin-left: 8px;
margin-top: 4px;
font-size: 0.8em;
}

div.container_num2 h3{
margin-left: 20px;
}
div.item_container dl.prices dd.normal_price{
text-decoration: line-through;
}
div.item_container dl.prices{
text-align: right;
font-size: 0.8em;
width: 130px;
margin-left: 18px;
margin-top: 4px;
}
div.container_num2 dl.prices{
margin-left: 29px;
width: 130px;
}
dl.prices dt {
float: left;
}
dl.prices dd {
float: r
}
div.item_container a.brand_info {
text-align: left;
float: left;
color: #6f6f6f;
left: 25px;
}
#paging {
float: right;
clear: both;
position: absolute;
bottom: 10px;
right: 20px;
margin-right: 20px;
}




div.info_window {
position: absolute;
background: #fff;
width: 550px;
height: 200px;
border: 1px solid #ed5900;
top: 130px;
left: 100px;
z-index: 50;
padding: 60px 30px;
}

div.info_window h2 {
font-size: 1em;
}
div.info_window p {
margin: 20px;
font-size: 1.2em;
}
div.info_window img {
float: left;
}
div.info_window button {
position: absolute;
top: 2px;
right: 2px;
color: #ff0000;
border: 1px solid #6f6f6f;
}




/**Product page**/
#product_description {
float: right;
width: 310px;
margin: 0 20px;
}

#buybox {
border: 1px solid #ed6900;
float: left;
width: 250px;
padding-left: 6px;
}
#buybox input {
margin: 2px 0;
}
#prescription_label {
display: block;
}
#BasketItem_qty {
width: 25px;
padding-right: 8px;
height: 25px;
}











/*the login page*/
#login_page {
width: 90%;
margin: 10px auto;

}
#login_page #login {
float: left;
margin-left: 30px;
}
#login_page #register {
float: right;
margin-right: 30px;
}
#login_page #register a{
color: #ed6900;
}
#login_page div {
width: 200px;
}
#login_page h3 {
margin-bottom: 20px;
}
#login_page form dl {
width: 200px !important;
padding-top: 30px;
}
#login_page #login form dl dd {
margin: 0;
padding: 0;
}
#login_page #forgotten {
margin-top: 40px;
margin-bottom: 2px;
}
#login_page #forgotten_instruct {
font-size: 0.9em;
}
#login_page #view_data_right {
padding-top: 15px;
}



/*registration*/
#content form {
float: none;
width: auto;
}


#content form input, #content form label {
float: none;
clear: none;
}
#content form dl {
width: 400px;
}
#content form dt, #content form dd {
margin-bottom: 8px;
}
#content form dt {
padding-top: 4px;
float: left;
width: 150px;
text-align: right;
margin-right: 10px;
}
select {
width: 170px;
border: 1px solid #ccc;
}
#saveform {
position: absolute;
bottom: 12px;
right: 20px;
}













/*basket page*/
#basket_table {
width: 90%;
border-collapse: collapse;
float: left;
margin: 10px 20px;
}
#basket_table thead th {
padding-bottom: 4px;
border-bottom: 1px solid #ed6900;
}
#basket_table tbody td {
padding: 2px 5px;
border-bottom: 1px dashed #ed6900;
}
#basket_table tfoot tr td, #basket_table tr.foot td {
border-top: 1px solid #ed6900;
font-weight: bold;
}
#basket_table tfoot tr.no_border td{
border-top: none;
}
td.numeric {
text-align: right;
}
td span.small {
font-size: 0.7em;
font-weight: normal;
}
#basket_table tbody input.button {
background: url(/themes/chapman/graphics/smaller_input_bg.gif) no-repeat;
width: 95px;
}












/* prescription form */

#prescription_form {
width: 90%;
padding: 10px;
}
#prescription_form fieldset {
border: 1px solid #ed9600;
width: 50%;
margin: 10px 0;
padding: 10px;
}
#prescription_form legend {
font-weight: bold;
}
#prescription_form h1 {
font-size: 1.4em;
}
#prescription_form fieldset label {
float: left;
clear: left;
}

#prescription_form fieldset select{
float: right;
clear: right;
}





/**checkout page*/
#checkout_page {
height: 420px;
overflow: auto;
}
#checkout_page h2{
clear: both;
}
#prescription_table {
width: 50%;
float: left;
border-collapse: collapse;
margin: 10px 20px;
}
#prescription_table td {
border-bottom: 1px dashed #ed9600;
}
#prescription_table th{

border-bottom: 1px solid #ed9600;
}
#prescription_table .row_head {
border-right: 1px solid #ed9600;
}
#agreement {
font-size: 1.2em;
padding: 10px;
}
#agreement_label {
clear: left;
display: block;
}

div.address h2 {
font-size: 1.1em;
}
#order_summary div.item_container a.change_address {
position: static;
float: left;
margin-left: 90px;
margin-top: -10px;
}










/**account_page**/
#account_page {
padding: 10px;
}
#account_page h1 {
font-size: 1.4em;
}
#account_page dl {

}
#account_page dt {
font-weight: bold;
margin: 10px 0;
font-size: 1.2em;
border-bottom: 1px solid #ed6900;
}
#account_page dd {
padding: 5px;
font-weight: normal;
}
#account_page h2 {
position: relative;
left: -145px;
}




/**addresses**/
div.address {
text-align: left;
font-size: 1.1em;
margin-left: 20px;
padding-top: 5px;
}
div.item_container a.edit_address {
float: left;
left: 30px;
bottom: 20px;
right: auto;
}
div.item_container a.delete_address {
float: right;
right: 40px;
bottom: 20px;
}
#new_address {
position: absolute;
top: 30%;
left: 20%;
z-index: 50;
background-color: #fff;
opacity: 0.9;
padding: 30px;
border: 1px solid #ed9600;
}
#save_address, #cancel_address {
width: 200px;
height: 25px;
padding:0;
}
#new_address dl dt {
float: left;
clear: left;
width: 80px;
text-align: right;
}
#new_address dl {

}
#new_address dl dd {
clear: right;
margin: 12px 0;
}

div.item_container a.pick_address {
right: 35px;
}





/**Viewing Orders**/
#orders_page {
overflow: auto;
height: 430px;
}
#orders_table {
width: 100%;
border-collapse: collapse;
}
#orders_title {
padding-bottom: 20px;
border-bottom: 1px solid #ed9600;
}
#orders_table dd, #orders_table h3 {
font-weight: bold;
font-size: 1.3em;
}
#orders_table dd, #orders_table dl {
float: left;
clear: left;
}
#orders_table td {
padding-bottom: 40px;
padding-top: 10px;
}
#orders_table tr {
border-bottom: 1px solid #ed9600;
}
#orders_table dl {
width: 250px;
}
#orders_table dt {
float: right;
margin-right: 40px;

}




/*details page*/
#edit_instructions {
margin: 10px;

}
#other_details {
border: 1px solid #ed6900;
width: 200px;
position: absolute;
top: 240px;
right: 30px;
padding: 8px;
}
#other_details h2 {
font-size: 1.2em;
margin-bottom: 4px;
}
#other_details ul {
list-style-type: none;
}
#other_details a:hover {
color: #ed6900;
}



#cms_content {
height: 400px;

}