/*
 * $Id: standard.css 92145 2012-06-01 15:22:09Z simon $
 * 
 * Standard css rules.
 */

body {
	background-color: white;
    color: black;
    font-family: sans-serif;
}

/* global styles */
legend, 
fieldset {
    color: black;
}

h1 {
    padding-top: 0em;
    margin-top: 0em;
}

a img {
    border: 0px;
}

/* main blocks */
div#container {
    position: relative;
    width: 60em;
	padding-top: 2em;
}

/* Used in:
 * common/comps/header.tt2 
 */
div#header {
    position: relative;
    width: 100%;
    height: 8.5em;
}

/* Used in:
 * shop/comps/catalogue.tt2
 * shop/comps/cart.tt2
 * checkout/comps/checkout_account.tt2
 * checkout/comps/checkout_address_details.tt2
 * checkout/comps/checkout_card_details.tt2
 * 
 *
 */
div#main_content {
    float: right;
    width: 44em;
}

/* Used in:
 * common/comps/sidebar.tt2
 */
div#sidebar {
    float: left;
    margin-left: 2em;
    padding-left: 0em;
    width: 12em;
}

div#footer {
    clear: both;
	width: 100%;
}

/* header styles */
div#header_logo {
    position: absolute;
    top: 0.5em;
    left: 2em;
    height: 100px;
    width: 318px;
}

div#header_basket {
    position: absolute;
    top: 0.5em;
    right: 2em;
    height: 5em;
    width: 18em;
}

div#header_basket_details {
    height: 5em;
    right: 0em;
    float: right;
}

div#header_basket_details_title {
	padding-bottom: 0.3em;
    width: 100%;
    text-align: right;
}

div#header_basket_details_total {
    width: 100%;
    text-align: right;
    font-size: smaller;
}

div#navigation {
    position: absolute;
    top: 7em;
    left: 2em;
}

/* sidebar styles */
div#sidebar_currency_selector input.button {
    margin-top: 0.5em;
}

div#sidebar_currency_selector select {
    margin-top: 0.3em;
}

/* main_content styles */
/* main_content catalogue styles */
.catalogue_item {
    clear: both;
    float: left;
    width: 100%;
}

div.catalogue_item h2 {
    /* align h2 to top of catalogue_item div */
    margin-top: 0em;
}

p.product_sku {
}

div.product_details {
    float: right;
    width: 33em;
}

div.product_image {
    float: left;
    width: 10em;
}

div#catalogue_footer {
    clear: both;
    text-align: center;
}

/* main_content cart styles */
.cart_contents {
    clear: both;
    float: left;
    list-style-type: none;
    padding-left: 0em; /* Firefox */
    margin-top: 0em;   /* Firefox */
    margin-bottom: 0em; /* Firefox */
    margin-left: 0em;  /* IE */
}

.cart_item, .checkout, .continue_shopping, .order_summary_line, .confirm_order_line, .confirm_terms_and_conditions {
    clear: both;
    float: left;
    width: 100%;
    line-height: 2em;
}

.cart_item_description {
    float: left;
    width: 28em;
}

.cart_item_remove {
    float: left;
    width: 6em;
}

.cart_item_price {
    float: left;
    width: 8em;
    text-align: right;
}

.cart_total {
    clear: both;
    float: left;
    width: 42em;
    line-height: 2em;
    text-align: right;
}

/* main_content form styles */
#main_content fieldset {
    margin-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    width: 32em;
}

div.field_container,
div.button_container {
    text-align: right;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

div.field_container input,
div.field_container select.full_width {
    width: 20em;
}

.form_error_header span {
    color: red;
}

span.form_error {
    font-size: small;
	font-weight: bold;
    color: red;
}

div.main_content_subhead {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-weight: bold;
}



/* progress meter styles (only used for direct payments screen) */
div#progress_container {
    visibility: hidden;
    position: absolute;
    background-color: #D4CCC0;
    border: 1px;
    border-style: solid;
    border-color: gray;
    left: 40%;
    width: 20%;
    top: 200px;
    text-align: center;
}

div#progress_meter_container {
    text-align: left;
}

div#progress_meter {
    position: relative;
    border: 1px;
    background-color: white;
    border-style: solid;
    border-color: gray;
    left: 5%;
    width: 90%;
    top: 0px;
    height: 20px;
    margin-bottom: 5px;
}

div#progress_meter_bar {
    position: relative;
    border: 0px;
    background-color: #EF6B00;
    left: 5%;
    width: 30%;
    height: 20px;
}