﻿*
{
}
body
{
  font-family: Tahoma, Verdana, Arial;
  font-size: 12px;
  color: #666666;
  background: #e2ecc7;
  padding: 30px 0;
}
a
{
  color: #666666;
  text-decoration: none;
}
a:hover
{
  color: #666666;
  text-decoration: underline;
}
input.button
{
  border: solid 1px #666666;
  margin-left: 5px;
  margin-right: 5px;
}
h1
{
  font-family: Trebuchet, Helvetica;
  font-size: 26px;
  color: #777777;
  font-weight: normal;
  padding: 0;
  margin: 0;
}
h2
{
  font-family: Trebuchet, Helvetica;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 0 5px 0;
  color: #777777;
}

/************************************************
 *  Global border layout
 ************************************************/
#frame_center
{
  width: 780px;
  margin: 0 auto;
}
#frame
{
  float: left;
  width: 780px;
  background-image: url('images/bgd_middle_main.gif');
  background-repeat: repeat-y;
}
#header
{
  width: 780px;
  background-position: top;
  background-repeat: no-repeat;
  background-image: url('images/bgd_top_main.gif');
  height: 68px;
  border-bottom: 1px solid #b2b2b2;
  position: relative;
}
#header_title
{
  position: absolute;
  left: 200px;
  bottom: 0;
  padding: 0 0 5px 5px;
}
.header_subtitle
{
  font-size: 18px;
}
#main
{
  float: left;
  padding-bottom: 110px;
  min-height: 400px;
  width: 780px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-image: url('images/bgd_bottom_main.gif');
}
*html #main
{
  height: 400px;
}
#main_left
{
  float: left;
  width: 184px;
  margin: 0 0 0 1px;
}
#main_right
{
  float: left;
  width: 594px;
  margin: 0 1px 0 0;
}
#main_content
{
  padding: 15px 7px 20px 3px;
  float: left;
}
#logo
{
  width: 200px;
  height: 152px;
  background-image: url('images/logo.png');
  position: absolute;
}
#slogan
{
  width: 202px;
  height: 24px;
  background-image: url('images/slogan.gif');
  right: 18px;
  top: 6px;
  position: absolute;
}
#view_basket
{
  width: 111px;
  height: 25px;
  right: 15px;
  top: 40px;
  position: absolute;
}
#menu
{
  width: 154px;
  margin: 91px 0 0 0;
}
.menu_item
{
  width: 154px;
}
.menu_sub_item
{
  width: 154px;
  padding: 1px 0 1px 0;
}
#footer
{
  width: 750px;
  padding: 5px 15px 0 15px;
  font-size: 11px;
  float: left;
}
#footer_left
{
  float: left;
}
#footer_right
{
  float: right;
  text-align: right;
}

/************************************************
 *  General Styles
 ************************************************/
.content_banner_small
{
  width: 324px;
  height: 165px;
  padding-bottom: 10px;
}
.content_banner
{
  width: 444px;
  height: 162px;
  padding-bottom: 10px;
}
.content_area
{
  width: 444px;
}
.section_header
{
}
.highlight_green_bold
{
  font-weight: bold;
  color: #99A63A;
}
.highlight_green_bold:hover
{
  color: #99A63A;
}
.highlight_orange_bold
{
  font-weight: bold;
  color: #FF9977;
}
.highlight_red
{
  color: #FF0000;
}
.padding_small
{
    padding-top: 1px;
    padding-right: 3px;
    padding-bottom: 1px;
    padding-left: 3px;
}

.padding_medium
{
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
}

.padding_large
{
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 6px;
  padding-left: 12px;
}
/************************************************
 *  home.aspx layout
 ************************************************/
#home_left
{
  width: 322px;
  float: left;
}

#home_right
{
  width: 253px;
  padding-left: 7px;
  float: left;
}
#home_banner
{
  background-image: url('images/banner_home.jpg');
  width: 324px;
  height: 165px;
}
#home_cooler_bag_image
{
  float: left;
  padding: 0 10px 10px 0;
}
#home_cooler_bag_description
{
  padding-top: 30px;
}
/************************************************
 *  sixmonthsplus.aspx layout
 ************************************************/
.sixmonthsplus_product
{
  width: 100%;
  padding: 20px 0 20px 0;
}
.sixmonthsplus_product_image
{
  float: left;
  width: 164px;
}
.sixmonthsplus_product_content
{
  float: left;
  width: 250px;
  padding-right: 30px;
}
.sixmonthsplus_product_price
{
  padding: 10px 0 10px 0;
}
.sixmonthsplus_product_cart
{
  padding-top: 25px;
  float: left;
  width: 130px;
}
.sixmonthsplus_add_basket_link
{
  height: 20px;
  margin: 0 0 5px 0;
  font-weight: bold;
}
.sixmonthsplus_product_cart_row
{
  width: 100%;
  clear: both;
  padding: 5px 0 5px 0;
}
.sixmonthsplus_add_basket_option
{
  float: left;
}
.sixmonthsplus_postcode_popup_background
{
  background-color: #666666;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.sixmonthsplus_postcode_popup
{
  width: 400px;
  min-height: 150px;
  border: solid 1px #333333;
  padding: 10px 10px 10px 10px;
  background-color: #FFFFFF;
}
*html .sixmonthsplus_postcode_popup
{
  height: 150px;
}
.sixmonthsplus_postcode_row
{
  padding: 5px 0 5px 0;
}
.sixmonthsplus_postcode_inquiry_label
{
  font-weight: bold;
  padding-bottom: 3px;
}

/************************************************
 *  aboutus.aspx layout
 ************************************************/
#aboutus_owner_photo
{
  float: left;
  margin: 0 10px 10px 0;
}

/************************************************
 *  our_dietitian.aspx layout
 ************************************************/
#our_dietitian_photo
{
  float: left;
  margin: 0 10px 10px 0;
}

/************************************************
 *  our_ingredients.aspx layout
 ************************************************/
 .our_ingredients_supplier_row
 {
   width: 100%;
   clear: both;
   padding: 10px 0 10px 0;
 }
 .our_ingredients_supplier_image_center
 {
   display: block;
   margin: 0 auto;
 }
 .our_ingredients_supplier_image
 {
   float: left;
   width: 150px;
   padding-right: 10px;
 }
 .our_ingredients_supplier_description
 {
   float: left;
   width: 280px;
 }
 
/************************************************
 *  basket.aspx layout
 ************************************************/
#basket_basket
{
  padding-top: 20px;
  width: 100%;
  clear: both;
}
.basket_product
{
  width: 100%;
  padding: 20px 0 20px 0;
}
.basket_product_image
{
  float: left;
  width: 164px;
}
.basket_product_content
{
  float: left;
  width: 400px;
  position: relative;
}
.basket_product_remove_item
{
  position: absolute;
  top: 0;
  right: 0;
}
.basket_product_quantity_row
{
  width: 100%;
  clear: both;
  padding: 5px 0 5px 0;
}
.basket_product_type
{
  float: left;
  padding-left: 20px;
  width: 100px;
}
.basket_product_quantity
{
  float: left;
  width: 170px;
}
.basket_product_subtotal_label
{
  float: left;
  width: 60px;
}
.basket_product_subtotal
{
  float: left;
  width: 50px;
}
.basket_remove_item_link
{
  font-weight: bold;
}
#basket_total
{
  float: left;
  width: 370px;
}
#basket_discount_code
{
  float: left;
  border: solid 1px #666666;
  width: 180px;
  margin-left: 20px;
}
.basket_discount_row
{
  width: 100%;
  clear: both;
  padding: 3px 0 3px 0;
}
.basket_total_row
{
  width: 100%;
  clear: both;
  padding: 3px 0 3px 0;
}
.basket_total_item
{
  float: left;
  width: 300px;
}
#basket_delivery_option_postcode
{
  padding-left: 30px;
  padding-top: 5px;
}
.basket_total_item_right
{
  float: right;
  width: 130px;
}
.basket_total_subtotal
{
  float: left;
  width: 70px;
}
.basket_summary_row
{
  width: 100%;
  clear: both;
  padding: 3px 0 3px 0;
}
.basket_summary_item
{
  float: left;
  width: 300px;
}
.basket_summary_quantity
{
  float: left;
  width: 70px;
  text-align: center;
}
.basket_summary_subtotal
{
  float: left;
  width: 70px;
}
.basket_customerdetails_row
{
  width: 100%;
  clear: both;
  padding: 10px 0 10px 0;
}
.basket_customerdetails_label
{
  float: left;
  font-weight: bold;
  width: 100px;
}
.basket_customerdetails_field
{
  float: left;
  width: 350px;
}
#basket_summary_delivery_name
{
  padding: 10px 0 10px 0;
}
#basket_summary_delivery
{
  padding: 0 0 20px 20px;
}

/************************************************
 *  Blackboard.ascx layout
 ************************************************/
.blackboard_background
{
  background-image: url('images/blackboard_bgd.png');
  background-repeat: repeat-y;
  margin-top: 20px;
  width: 253px;
}
.blackboard_top
{
  background-image: url('images/blackboard_top.gif');
  background-repeat: no-repeat;
  margin-top: -20px;
  min-height: 255px;
  width: 253px;
}
*html .blackboard_top
{
  height: 255px;
}
.blackboard_bottom
{
  background-image: url('images/blackboard_bottom.png');
  height: 29px;
  width: 253px;
}
.blackboard_content
{
  color: #FFFFFF;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
}
.blackboard_heading
{
  background-repeat: no-repeat;
  background-image: url('images/blackboard_heading.gif');
  height: 21px;
  margin-bottom: 10px;
}
.blackboard_item
{
  padding: 5px 0 10px 0;
}

/************************************************
 *  manage_news.aspx layout
 ************************************************/
#manage_news_manage
{
  width: 320px;
  float: left;
}
#manage_news_blackboard
{
  width: 255px;
  float: left;
}
.manage_news_row
{
  padding: 3px 0 3px 0;
}