/*
 *  Structural elements
 */

* {
  margin: 0;
  padding: 0;
}
 
body {
  font-size: 62.5%;
  font-family: Verdana, Helvetica, Sans-Serif;
  margin-top: 0;
  text-align: center;
}

table {
  font-size: 1em;;
}

h2 {
  color: #7f4d37;
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 1.8em;
  clear: both;
}

h3 {
  margin-top: 1em;
  margin-bottom: .3em;
  clear: both;
}

p.text_block {
  line-height: 1.4em;
  font-size: 1.1em;
  margin-bottom: 1em;
}

ol.text_block {
  margin-left: 20px;
  font-size: 1.1em;
}

p .emphasis {
  font-weight: bold;
}

p.quote_block {
  margin: 5px 10px;
  font-size: 1.1em;
  font-style: italic;
}

p.quote_block .quote_source {
  font-style: normal;
  font-weight: bold;
  margin-left: 10px;
}

.image_text_block {
  margin-bottom: 10px;
}

.image_text_block h3 {
  clear: right;
}

.image_text_block img.left, .text_block img.left {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}

.image_text_block img.right {
  float: right;
  margin-left: 10px;
  margin-top: 10px;
}

.image_text_block h3.left {
  clear: left;
}

a.button_link , a.button_link:visited {
  color: #444;
  text-decoration: none !important;
  background-image: url('../images/button_back.jpg');
  background-repeat: repeat-x;
  margin: 0px;
  padding: 2px 3px;
  border: 1px solid #aaaaaa;
  font-size: 12px;
  display: inline;
}

a.button_link:hover { 
  background: #cccccc; 
  color: #ffffff;
}

img {
  border: 0;
}

.discounted {
  color: #cc0000;
  text-decoration: line-through;
}

.error {
  color: #cc0000;
}

.error_box {
  color: #cc0000;
}

.info {
  color: #0000cc;
}

.info_box {
  width: 600px;
  color: #0000cc;
  background: #99ccff url('../images/info_icon.gif') no-repeat;
  border: 1px solid #6699cc;
  padding: 3px 3px 3px 20px;
  margin: 3px;
  float: none;
}


#whole_page div {
  float: left;
  display: inline;
}

#outer_wrapper {
  margin: 0 auto;
  width: 840px;
  background-image: url('../images/shadow_bg.gif');
  background-color: #ffffcc;
}

#inner_wrapper {
  margin: 0 auto;
  width: 830px;
  text-align: left;
}

#header {
  height: 114px;
  background-color: #ffff99;
  xbackground-color: #eaffaf;
}

#header img {
  display: block;
}

#nav_top {
  background-color: #7f4d37;
  margin-bottom: 10px;
}

#nav_left {
  width: 150px;
  clear: left;
  background-color: #fadf6c;
  border: 1px solid #7f4d37;
  margin-left: 10px;
}

#nav_left_more_links {
  margin-top: 10px;
  margin-left: 5px;
}

div#currency_selector {
  background-color: #eeeeee;
  border: 1px solid #aaaaaa;
  float: left;
  clear: left;
  padding: 3px;
  margin-left: 10px;
  margin-bottom: 10px;
  width: 145px;
}

#currency_selector #nav_currency_title {
  margin: 1px 5px 5px 0;
}

#currency_selector #nav_currency_options {
  clear: left;
  width: 100%;
}

#currency_selector img.selectedCurrency {
  border: 1px solid red;
}

#mc {
  width: 645px;
  margin-left: 10px;
}

#footer {
  background-color: #7f4d37;
  float: left;
  clear: left;
  width: 830px;
  margin-top: 10px;
  color: #ffffff;
}

#page_end {
  height: 23px;
  background-image: url('../images/shadow_bottom.gif');
  background-repeat: no-repeat;
  background-color: #ffffff;
}

.clear {
  clear: both;
}

.center {
  text-align: center;
}



/*
 *  Header
 */

#logo {
  margin-left: 10px;
  width: 200px;
  float: left;
}

#header_image {
  float: right;
  text-align: right;
  margin-right: 10px;
}

#header_image img {
  border: 1px solid #006600;
  margin-top: 5px;
}

#logotext {
  padding: 20px 0 0 67px;
  width: 398px;
  vertical-align: middle;
}

*html #logotext {
  padding-left: 55px;
}



/*
 *  Top Navigation
 */

#nav_top_items {
  text-align: center;
}

#nav_top_items ul {
  margin: 0;
  color: #ffffff;
}

#nav_top_items li {
  display: inline;
}

#nav_top_items li a {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
  line-height: 20px;
  margin: 0 10px 0 5px;
}

#nav_top_items li a:hover {
  text-decoration: underline;
}

#logged_in {
  background-color: #C5AE88;
  margin-top: -10px;
  margin-bottom: 10px;
  padding: 4px;
  text-align: center;
}

/*
 *  Left Navigation
 */

.nav_left_items_1, .nav_left_items_2, .nav_left_items_3 {
  list-style-type: none;
  text-indent: 0;
  margin: 5px;
  padding: 0;
}

.nav_left_items_3 {
  margin-top: 2px;
}

.nav_left_items_1 li {
  margin: 0;
}

.nav_left_items_1 li a {
  text-indent: 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.2em;
}

.nav_left_items_2 li {
  border-bottom: 1px solid #7F4D37;
  margin-bottom: 3px;
}

.nav_left_items_2 li a {
  font-weight: normal;
  font-size: 1.1em;
  text-transform: none;
  line-height: 1.2em;
}

.nav_left_items_3 li {
  font-size: 1em;
  margin-left: 5px;
}

.nav_left_items_1 li a {
  color: #000000;
  text-decoration: none;
}

.nav_left_items_1 li a:hover {
  text-decoration: underline;
}



/*
 *  Bottom Navigation
 */

.footer_image {
  margin: 5px;
  float: left;
}

.footer_image.right {
  float: right;
}

#nav_bottom_items {
  margin: 5px;
  text-align: center;
}

#nav_bottom_items ul {
  margin: 0;
  color: #ffffff;
}

#nav_bottom_items li {
  display: inline;
}

#nav_bottom_items li a {
  text-transform: capitalise;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
  line-height: 20px;
  margin: 0 10px 0 5px;
}

#nav_bottom_items li a:hover {
  text-decoration: underline;
}


/*
 *  Product results
 */

#results_navigation {
  width: 100%;
  background: #eeeeee;
  font-size: 1.1em;
  line-height: 2em;
  padding: 3px;
  margin-top: 5px;
}

#results_navigation #num_results {
  margin-left: 10px;
}

#results_navigation select {
  font-size: 1em;
}

#results_navigation #page_selector {
  float: right;
  margin-right: 10px;
}

#mc #results {
  margin-top: 10px;
}

#page_description {
  font-size: 1.2em;
  width: 100%;
  margin-bottom: 10px;
}

.results_row {
  margin-bottom: 10px;
}

#results .product {
  border: 1px dashed #cccccc;
  background-color: #fffff0;
  width: 200px;
  margin-right: 10px;
  text-align: center;
  font-size: 1.1em;
}

#result .product {
  border: 1px dashed #cccccc;
  background-color: #fffff0;
  width: 350px;
  margin-right: 10px;
  margin-top: 10px;
  font-size: 1.1em;
}

#result .product .product_info {
  clear: left;
  margin: 2px;
}

#result .product .product_info_block {
  clear: left;
  margin: 5px;
}

.product .product_info {
  margin: 5px;
  width: 190px;
}

.product img {
  border: 1px solid #cccccc;
  margin: 5px;
}

.product_code {
  color: #990000;
  width: 180px;
  margin: -2px 5px 0 5px;
}

.product_name {
  font-size: 1.2em;
  font-weight: bold;
  width: 180px;
  margin: 5px;
}

.product_price {
  font-size: 1.3em;
  font-weight: bold;
  width: 180px;
  margin: 5px;
}

.product_add {
  width: 180px;
}

.col_quantity input {
  width: 25px;
  margin: 0;
  text-align: center;
}

.item_add_button input {
  margin-left: 10px;
  background: url('../images/basket_add.png') no-repeat;
  padding: 2px 0 0 18px;
  border: 1px solid #cccccc;
}

#copyright {
  text-align: center;
  margin-bottom: 3px;
}

#welcome_message {
  text-align: center;
  width: 100%;
}

#welcome_message p {
  font-size: 1.3em;
}

#promo_wrapper {
  margin-bottom: 10px;
}

#promo_wrapper div {
  margin: 10px 0 0 10px;
  font-size: 1.2em;
}

#promo_text {
  width: 320px;
}


/*
 *  Small Basket
 */

#basket {
  width: 100%;
  border: 1px solid #cccccc;
  margin-bottom: 10px;
  text-align: right;
  background-color: #ffffff;
}

*html #basket {
  padding-bottom: 5px;
}

#basket_details {
  height: 20px;
  width: 360px;
  margin: 8px 8px 0 8px;
  background: url('../images/basket_icon.gif') no-repeat;
  padding-left: 30px;
  text-align: left;
}

#basket_items, #basket_value {
  font-weight: bold;
}

#basket_links {
  margin: 6px;
}

#basket_links a {
  font-weight: bold;
  text-decoration: none;
}

#view_basket, #checkout {
  margin-left: 10px;
  border: 1px solid #cccccc;
  padding: 3px;
}

#view_basket a {
  background: url('../images/basket.png') no-repeat;
  padding: 2px 0 5px 20px;
}

#checkout a {
  background: url('../images/basket_go.png') no-repeat;
  padding: 2px 0 5px 20px;
}

/*
 *  Basket page
 */
 
table#shopping_basket {
  width: 600px;
  margin-left: 10px;
  margin-top: 10px;
}

#shopping_basket th {
  font-size: 1.3em;
  text-align: left;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 3px;
}

#shopping_basket td {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.2em;
  border-top: 1px solid #cccccc;
}

#shopping_basket td.noline {
  border-top: 0;
}

th#col_code, td.col_code {
  width: 75px;
}

th#col_name, td.col_name {
  width: 175px;
}

th#col_quantity, td.col_quantity {
  width: 75px;
  text-align: center;
}

th#col_price, td.col_price {
  width: 95px;
  text-align: right;
}

th#col_total, td.col_total {
  width: 95px;
  text-align: right;
}

th#col_remove, td.col_remove {
  width: 85px;
  text-align: right;
}

#shopping_basket .basket_action {
  font-size: .8em;
}

#shopping_basket td.product_name {
  padding-left: 5px;
}

#shopping_basket td.total_text {
  text-align: right;
  font-weight: bold;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
}

#shopping_basket td.total_amount {
  text-align: right;
  font-weight: bold;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
}

#form_select_currency select{
  font-size: 0.9em;
}

.basket_update input {
  background: #ffff99 url('../images/arrow_refresh_small.png') no-repeat;
  padding: 2px 0 1px 18px;
  border: 1px solid #cccccc;
  font-size: 1em;
  cursor: pointer;
}

.col_remove a {
  background: #ffff99 url('../images/basket_delete.png') no-repeat;
  padding: 2px 5px 2px 20px;
  border: 1px solid #cccccc;
  font-size: 0.9em;
  text-decoration: none;
}

.pdf_link {
  background: url('../images/page_white_acrobat.png') no-repeat;
  padding: 2px 0 5px 20px;
}

.back_link {
  background: url('../images/arrow_left.png') no-repeat;
  background-color: #ffff99;
  padding: 2px 5px 5px 20px;
  border: 1px solid #cccccc;
  text-decoration: none;
}

.back_link {
  background: url('../images/arrow_left.png') no-repeat;
  padding: 2px 0 5px 20px;
}

#logged_in .user {
  background: url('../images/user.png') no-repeat;
  padding: 2px 0 5px 20px;
}

.log_out a {
  background: url('../images/user_go.png') no-repeat;
  padding: 2px 0 5px 20px;
  margin-left: 20px;
}

.checkout_link {
  background: #ffff99 url('../images/basket_go.png') no-repeat;
  padding: 2px 5px 5px 20px;
  border: 1px solid #cccccc;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  float: right;
  margin: 25px
}

input.empty_basket {
  background: url('../images/basket_empty.png') no-repeat;
  padding: 2px 0 0 18px;
  border: 1px solid #cccccc;
  font-size: 1em;
  cursor: pointer;
  color: red;
  margin-top: 10px;
}



#mc #slideshow {
  width: 250px;
  height: 270px;
  margin-top: 20px;
}

#mc #slideshow .slide {
  width: 100%;
}

#mc #slideshow .slide img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  display: block;
  border: 2px solid #187f07;
}

#mc #slideshow.cardmaking {
  height: 310px;
  width: 100%;
  text-align: center;
}

#home_image {
  margin-top: 20px;
  margin-left: 30px;
}

#home_logos {
  width: 650px;
  margin-top: 15px;
}

#home_logos img {
  margin: 0 2px;
}

#contact_details td {
  font-size: 1.1em;
}

.body_photo {
  border: 2px solid #187f07;
}

#mc ol, #mc ul {
  margin-left: 20px;
  float: left;
  clear: right;
}

*html #mc ol, #mc ul {
  margin-left: 0;
  padding-left: 30px;
}