/***************************************************************************
*                      THINK BEYOND - ADAPTIVE SOLUTIONS.
*             			webmaster@jarman.org.uk
*
*                       Client: AngloEnterprises.co.uk
*                        Copyright: Dave Jarman 2009
*
****************************************************************************
*
* Module Name: Simple Styles.css
* Author     : Dave Jarman.
*
* Edit Record.
* Date          By     Comment
* ---------	    ---    ----------------------------------------------------
*  1-Nov-09     DCJ    New.
*
****************************************************************************
Description:

Simple styles define generic styles for every day use. For example a bordered table
is a simple collapsed table with padding and bordered.


Colour Scheme:

Blue/Purple:#330099
Orange: 	#FF6633
Grey:       #999999
Yellow:     #FFFF00
Bold White: #FFFFFF
Less White: #E1E1E1
Text Orange:#FF3300
Text Grey:  #7e7e7e
Text Grey dark:  #474747


  border-left: 2px solid #cadced;


***************************************************************************/


body, .Waiting {
  left: 0px;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 976px;
  height: 100%;
  margin: 0pt;
  font-weight: 600;
  font-size: 10pt;
  text-align: left;
  color: #7e7e7e;
  font-family: helvetica, arial, sans-serif;
  background-color: #ffffff;
  z-index: -1;
}

.Waiting {
	cursor: progress;	 !important;	
}



html {
  overflow: auto;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

a:hover {
	color: #FF3300;
}



.right_box_100 {
	border: 1px solid #7a7a7a;
	width: 100px;
	padding: 10px;
	float: right;
}

.right_box_200 {
	border: 1px solid #7a7a7a;
	width: 200px;
	padding: 10px;
	float: right;
}

.right_box_300 {
	border: 1px solid #7a7a7a;
	width: 300px;
	padding: 10px;
	float: right;
}

.left_box_100 {
	border: 1px solid #7a7a7a;
	width: 100px;
	padding: 10px;
	float: left;
}

.left_box_200 {
	border: 1px solid #7a7a7a;
	width: 200px;
	padding: 10px;
	float: left;
}

.left_box_300 {
	border: 1px solid #7a7a7a;
	width: 300px;
	padding: 10px;
	float: left;
}

.content_box {
	border: 1px solid #7a7a7a;
	width: 100%;
	padding: 10px;
}

.content_padded {
	width: 100%;
	padding: 10px;
}

****************************************************************************

  Box styles

***************************************************************************/

.basic_box {
	border: 1px solid #7a7a7a;
/*	margin-top: 10px; */
	margin-bottom: 10px;
	padding: 10px;
}

.basic_box_text {
	position:relative; 
	padding-top:10px; 
	font-size:11px;
	width: 100%;
	height: 100%;
}

.bordered_box_wide {
  	border: 1px solid #7A7A7A;
  	position: relative;
  	width: 620px;
	padding: 10px;
  	border-collapse: collapse;
}

.bordered_box_wide hr {
	margin-left: -10px;
	margin-right: -10px;
}

.bordered_box {
  	border: 1px solid #7A7A7A;
  	position: relative;
  	height: 307px;
  	width: 300px;
  	display: inline-block;
  	vertical-align: top;
  	padding: 10px;
}


.bordered_box_error_msg {
	margin:10px -15px 10px -15px; 
	padding: 5px;
	display: none;
  	background-color: red;
	color: white;
	text-align: center;
	width: 300;
	height: 37px;
	font-weight: 700;
	visibility: hidden;
}

.bordered_box_wide table, .bordered_box table {
/*	height: 100%; */
/*	padding: 10px; removed for school register is too indented. */
	white-space: nowrap;
}

/*
.bordered_box table {
	width: 300px;
}

.bordered_box_wide table {
	width: 560px;
}
*/
.bordered_box table th {
    white-space: nowrap;
	font-size: 8pt;
}

.bordered_box table td {
}

.bordered_box h2 {
	font-size: 14pt;
	margin: 0;
}

.bordered_box table td input[type='text']                              
{
}


.bordered_box_wide a, .bordered_box_wide a:active, .bordered_box a, .bordered_box a:active {
	color: #7A7A7A;
	text-decoration: underline;
}

.bordered_box a:hover, .bordered_box_wide a:hover {
	color: #FF4300;
}

.confirm_row {
	white-space: wrap;
}

.bordered_box_wide .comment, .bordered_box .comment {
	font-size: 9pt;	
	line-height: auto;
	white-space: normal;
	
}

.ok_bordered_box {
	position: absolute;
	bottom: 10px;
	right: 30px;	
}

.bordered_box_wide th, .bordered_box_wide td
{
  	border-bottom: 1px solid #7A7A7A;
	padding: 10px;
}



body, .Waiting {
  left: 0px;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 976px;
  height: 100%;

  font-size: 10pt;
  text-align: left;
  color: #7e7e7e;
  font-family: helvetica, arial, sans-serif;
  background-color: #ffffff;
  z-index: -1;
  overflow: hidden;
  font-weight: 500;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#wrapper {
	margin: 0 auto;
	width: 1000px;
	display: table;
	border: 0;
	padding: 0;
}

#inner_wrapper {
	position: absolute;
	width: 978px;
	height: 100%;
		
}

/* ------------------------ New style end --------------- */

#page_body 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 975px;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#header 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 975px;
	height: 103px;
	color: #474747;
}

#page_bottom 
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 975px;
	height: 30px;
	font-size: 8pt;	
	text-align: center;
}

#left_col
{
	position: absolute;
	top: 104px;
	left: 8px;
	width: 120px;
	bottom: 38px;
	overflow: hidden;
}

#page_right
{
	position: absolute;
	top: 66px;
	left: 789px;
	width: 205px;
	height: 600px;
	overflow: auto;
}



#content_pane
{
	position: absolute;
	top: 105px;
	left: 135px;
	width: 656px;
	height: 600px;
	overflow: auto;
	z-index: 0;
}

#content_pane_wide
{
	position: absolute;
	top: 105px;
	left: 135px;
	width: 840px;
	height: 600px;
	overflow: auto;
	z-index: 1;
}
/* ------------------------ New style end --------------- */

.Waiting {
	cursor: progress;	 !important;	
}



html {
  overflow: auto;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

a:hover {
	color: #FF3300;
}

.right_box_100 {
	border: 1px solid #7a7a7a;
	width: 100px;
	padding: 10px;
	float: right;
}

.right_box_200 {
	border: 1px solid #7a7a7a;
	width: 200px;
	padding: 10px;
	float: right;
}

.right_box_300 {
	border: 1px solid #7a7a7a;
	width: 300px;
	padding: 10px;
	float: right;
}

.left_box_100 {
	border: 1px solid #7a7a7a;
	width: 100px;
	padding: 10px;
	float: left;
}

.left_box_200 {
	border: 1px solid #7a7a7a;
	width: 200px;
	padding: 10px;
	float: left;
}

.left_box_300 {
	border: 1px solid #7a7a7a;
	width: 300px;
	padding: 10px;
	float: left;
}

.content_box {
	border: 1px solid #7a7a7a;
	width: 100%;
	padding: 10px;
}

.content_padded {
	width: 100%;
	padding: 10px;
}

/****************************************************************************

  Content Pane, where all site content lives.

***************************************************************************/
#navigation_zone {
	height: 33px;
	width: 100%;
}

#promotional_items, #minibasket {
}

#promotional_items img {
  	border: 1px solid #7A7A7A;
	width: 180px;
	display: block;
	margin: 0 0 3px 0;
}

#anglo_logo {
  position: absolute;
	top: 10px;
	left: 6px;
	width: 102px;
	height: 102px;
	color: #7a7a7a;
	font-size: 8pt;
	text-align: center;
}

#search_block {
  position: absolute;
	top: 0px;
	left: 134px;
	width: 460px;
	height: 60px;
	display: inline;
	vertical-align: center;
	text-align: left;
}

#search_fld {
}


#telephone_order_box {
  position: absolute;
  font-size: 8pt;
  font-weight: 800;
	top: 30px;
	left: 584px;
	width: 135px;
	height: 60px;
	text-align: center;
}

#telephone_order_no {
  font-size: 14pt;
  white-space: nowrap;
  margin-top: -4px;
}


#basket_total,
#sign_in,
#user_register,
#sign_out {
  	position: absolute;
  	border: 1px solid #7A7A7A;
  	font-weight: 600;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;	
	text-align: center;
	white-space: nowrap;
}

#user_register {
	top: 6px;
	left: 727px;
	width: 60px;
	height: 25px;
}

#sign_in {
	top: 34px;
	left: 727px;
	width: 60px;
	height: 24px;
}

#sign_in a, #sign_out a, #user_register a, #sign_in a, #basket_total a, #sign_in a:active, #user_register a:active, #basket_total a:active {
  	color: #7A7A7A;
	text-decoration: none;
/*	padding: 4px; */
	text-align: center;
/*	display: table-cell; */
	display: block;
	padding-top: 4px;
}

#basket_total a, #basket_total a:active {
	text-align: left;
}

#sign_out {
	top: 6px;
	left: 727px;
	width:56px;
	height: 23px;
	padding: 15px 2px;
}

#sign_out a {
}

#sign_in a:hover, #basket_total a:hover, #sign_out a:hover, #user_register a:hover {
	color: #FF4300;
}


#basket_total {
	top: 6px;
	left: 790px;
	width: 178px;
	height: 52px;
	text-align: left;
}

#basket_total img {
	padding: 4px 0 4px 4px;
}

#basket_total a {
	font-weight: 700;
	color: #000000;
}

#items_total {
  position: absolute;
	top: 5px;
	left: 102px;
	width: 80px;
	height: 44px;
}

#items_total strong {
  	font-size: 12px;
	font-weight: 700;
	color: #000000;
}

#top_menu {
	top: 66px;
	left: 135px;
	width: 837px;
	position: absolute;
	font-weight: 500;
	z-index: 500;
}



#side_menu {
	position: absolute;
	top: 104px;
	left: 8px;
	width: 120px;
	bottom: 38px;
	overflow: hidden;
}

#side_menu a {
  	border-bottom: 2px dotted #7A7A7A;
	display: block;
	text-decoration: none;
	font-size: 10pt;
	font-weight: 700;
  	color: #707070;
/*	color: #474747; */
	width: 100%;
	padding: 6px 0;
}

#side_menu a:hover {
  color: #FF4300;
}

#spare_areas {
	top: 100px;
	left: 0px;
	position: absolute;
}

#edit_page {
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 7pt;
}

#add_page {
	text-align: center;
	width: 100%;
	padding-top: 30%;
}

/****************************************************************************

  Menu Banner

***************************************************************************/
.banner_menu {
  top: 110px;
  left: 150px;
  width: 1024px;
  position: absolute;
  height: 60px;
  background-color: #0e7cc9;
  background-image:url('layout/banner_background.png');
  padding-top: 5px;
}

.menu_banner {
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 800;
  float: left;
  width: 140px;
  height: 60px;
  text-align: center;
  border-left: 2px solid #cadced;
}

.menu_banner_highlight {
  background-color: #0FC862;
}

.menu_banner:hover {
  top: -104px;
  height: 160px;
  position: relative;
  background-color: transparent;
/*  background-image:url('layout/popup_banner.png'); */
  background-repeat: no-repeat;
  background-position: top-left;
  padding-top: 13px;
  border-left: 2px solid transparent;
}

#menu1, #menu2
{
  width: 150px;
}
#menu1:hover, #menu2:hover
{
  background-image:url('layout/popup_banner.png');
}

#menu3, #menu4, #menu5, #menu6
{
  width: 100px;
}

#menu3:hover, #menu4:hover, #menu5:hover, #menu6:hover
{
  width: 100px;
  background-image:url('layout/popup_banner_s.png');
}

.subtotal, .mini_subtotal {
	white-space: nowrap;
}

.mini_subtotal, .mini_total {
	white-space: nowrap;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.mini_total {
	font-weight: 600;
}

#sand_reqd {
	display: block;
	font-weight: 600;
	height: 15px;
	left: 100px;
	position: relative;
	text-align: right;
	top: -78px;
	width: 35px;
}




.sub_menu_banner
{
  overflow: hidden;
  text-transform: none;
  display: none;
}

.sub_menu_banner p
{
  border-top: 2px solid #cadced;
  width: 110px;
  margin-bottom: 0px;
  margin-top: 3px;
  margin-left: 20px;
}

.sub_menu_banner a
{
  text-decoration: none;
  color: #FFFFFF;
}

.sub_menu_banner a:hover
{
  color: #FDFE03;
}


ul.cssMenu ul{
	display:none
}
ul.cssMenu li:hover>ul{
	display:block;
}
ul.cssMenu ul {
	position: absolute;
	/*left:-1px; */
	top:95%;
}
ul.cssMenu ul ul{
	position: absolute;
	left:100%;
	top:-1px;
}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:3px 2px 2px 0px;
}
ul.cssMenu table {
border-collapse:collapse
}
ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
	z-index: 32000;
}
ul.cssMenu ul{
/*	width:160.65px; */
}
ul.cssMenu li{
	display:block;
	margin: 0px 3px 0px 0px;   /* DJ space around text */
	font-size:0px;
}

ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:table-cell;
	min-width: 100%;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
/*	font:normal 13px Verdana; */
	font-size:10pt;
	text-decoration:none;
/*	cursor:default; */
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
/*	text-align:left; */
	display:table-cell;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	
	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;
}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	text-decoration:none;
	background-image:url(layout/orange_button_bgnd.png);
}
ul.cssMenu li a:hover{
	position:relative;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}


ul.cssMenu li	 {
	vertical-align:middle;
}

ul.cssMenu a	 {
	background-image:url(layout/blue_button_bgnd.png);
	background-position:left top;
	background-repeat:repeat-x;
	height: 35px;
	color: #f0f0f0;
	font-weight: 600;
/*	padding: 0 2px;  */  /* DJ space around text */
	text-align:center;
	vertical-align:middle;
	display: table-cell;
  }

#greyone {
	background-image:url(layout/grey_button_bgnd.png);
}

ul.cssMenu a:hover, ul.cssMenu a:active, #greyone:hover	 {
	background-image:url(layout/orange_button_bgnd.png);
}

ul.cssMenu ul li a  {
    width: 130px;
	background-image:url(layout/orange_button_bgnd.png);
/*	font-size: 11px; */
	font-weight:500;
}

ul.cssMenu ul li a:hover  {
/*	font-size: 12px; */
	font-weight:600;
}


ul.cssMenu ul ul {
  border: 1px solid #7A7A7A;
	background-color: #ffffff;
}

ul.cssMenu ul ul li a  {
  text-align: left;
  background-image: none;
  background-color: white;
  height: 12px;
	color: #000000;
	padding: 3px;
}

ul.cssMenu ul ul li a:hover  {
  background-image: none;
  color: #FF4300;
}

#admin_menu {
  position: absolute;
  top: 0px;
  left: 160px;
  width: 500px;
  font-size: 8pt;
  text-align: center;
  font-weight: 600;	
  z-index: 320000;
}

#admin_menu a {
	text-decoration: none;
  	color: #000000;
}
#admin_menu a:hover {
  color: #FF4300;
}

/****************************************************************************

  Highlight Regions.

***************************************************************************/
.h_curvy {
	position:relative; 
	width:100%;
/*	height:100%;	 */
	background:#EAF9FF; 
	color:#000; 
}
#h_ctl, #h_cbl, #h_ctr, #h_cbr, #h_ctl2, #h_cbl2, #h_ctr2, #h_cbr2 {
	position:absolute; 
	width:20px; 
	height:20px; 
	color:#EAF9FF; 
	background:#fff; 
	overflow:hidden; 
	font-style:normal; 
}
#h_ctl {
	top:0; 
	left:0;
	background-color: transparent;
}
#h_cbl {
	bottom:0; 
	left:0;
	background-color: transparent;
}
#h_ctr {
	top:0; 
	right:0px;
	background-color: transparent;
}
#h_cbr {
	bottom:0; 
	right:0;
	background-color: transparent;
}
#h_ctr2 {
	top:-1px; 
	right:-2px;
}
#h_cbr2 {
	bottom:-1px; 
	right:-2px;
}
#h_ctl2 {
	top:-1px; 
	left:-1px;
}
#h_cbl2 {
	bottom:-1px; 
	left:-1px;
}
.h_curvy em b {
	position:absolute; 
	font-size:150px; 
	font-family:arial; 
	color:#EAF9FF; 
	line-height:40px; 
	font-weight:normal;
}
#h_ctl b {
	left:-8px;
}
#h_ctl2 b {
	left:-10px;
}
#h_ctl2 b {
	left:-8px;
	color:#90949D; 
	height: 15px;
}
#h_ctr b {
	left:-25px;
}
#h_ctr2 b {
	color:#90949D; 
	left:-25px;
	height: 15px;
}
#h_cbl b {
	left:-8px; 
	top:-17px;
}
#h_cbl2 b {
	left:-8px; 
	top:-17px;
	color:#90949D; 
	height: 15px;
}
#h_cbr b {
	left:-25px; 
	top:-17px;
}
#h_cbr2 b {
	color:#90949D; 
	height: 15px;
	left:-25px; 
	top:-17px;
}
.h_curvy p, .h_text {
	position:relative; 
	margin:10px 15px; 
	padding-top:10px; 
	font-size:11px;
	width: 100%;
	height: 100%;
}

.h_curvy hr {
  position: relative;
	margin:10px -15px 10px -15px; 
}

.h_curvy_backr {
  position: absolute;
  right: -2px;
  top: 10px;
  bottom: -1px;
  width: 2px;
  background-color:#90949D; 
}
.h_curvy_backb {
  position: absolute;
  left: 20px;
  right: 10px;
  bottom: -1px;
  height: 1px;
  background-color:#90949D; 
}
.h_curvy_backl {
  position: absolute;
  left: -1px;
  top: 10px;
  bottom: -1px;
  width: 1px;
  background-color:#90949D; 
}
.h_curvy_backt {
  position: absolute;
  left: 16px;
  right: 10px;
  top: -1px;
  height: 1px;
  background-color:#90949D; 
}

.h_error_msg {
	margin:10px -15px 10px -15px; 
	padding: 5px;
	display: none;
  background-color: red;
	color: white;
	text-align: center;
	position: absolute;
	top: 37px;
	width: 300;
	height: 37px;
	font-weight: 700;
}

/****************************************************************************

  Box styles

***************************************************************************/

.basic_box {
	border: 1px solid #7a7a7a;
/*	margin-top: 10px; */
	margin-bottom: 10px;
	padding: 10px;
}

.basic_box_text {
	position:relative; 
	padding-top:10px; 
	font-size:11px;
	width: 100%;
	height: 100%;
}

.b_curvy {
	background:#EAF9FF; 
	color:#000; 
}
.b_curvy em b {
	color:#EAF9FF; 
}
#b_ctl, #b_cbl, #b_ctr, #b_cbr, #b_ctr2, #b_cbr2 {
	color:#EAF9FF; 
	background:#fff; 
}


#b_ctr2 b {
	color:#90949D; 
}
#b_cbr2 b {
	color:#90949D; 
}
.b_curvy_backr {
  background-color:#90949D; 
}
.b_curvy_backb {
  background-color:#90949D; 
}



/* Derived and extended styles to the curved boxes. */

.my_basket {
  position: absolute;
  top: 218px;
  left: 860px;
  width: 130px;
  height: 325px;
}


/****************************************************************************

  Buttons and Images.

***************************************************************************/

.login {
  position: absolute;
  top: 186px;
  left: 859px;
}

#login {
  position: absolute;
  top: 186px;
  left: 859px;
}

#login:hover {
  position: absolute;
  top: 185px;
  left: 859px;
}

#register {
  position: absolute;
  top: 186px;
  left: 914px;
}

#register:hover {
  position: absolute;
  top: 185px;
  left: 914px;
}

.my_basket h2 {
  font: normal small-caps 900 9pt arial,sans-serif;
  font-weight: bolder;
  text-align: right;
  padding-right: 10px;
}

.basket_loading_img {
  display: none;
  position: absolute;
  left: -200px;
  top: -200px; // position off screen.
}

.orange_button {
  	background-image:url('layout/signin/midbutton.png');
  	background-repeat: no-repeat;
  	background-position: top-left;
  	width: 125px;
  	height: 24px;  
	color: #d0d0d0;
  	text-align: left;
	font: normal 600 9pt helvetica, arial, sans-serif;
	cursor: pointer;
  	border: 0px solid #cadced;
}

.grey_button {
  	background-image:url('layout/signin/grey_midbutton.png');
  	background-repeat: no-repeat;
  	background-position: top-left;
  	width: 125px;
  	height: 24px;  
	color: #d0d0d0;
  	text-align: left;
	font: normal 600 9pt helvetica, arial, sans-serif;
	cursor: pointer;
}

.grey_button:hover {
  	background-image:url('layout/signin/midbutton.png');
}

.submit_button {
  background-color: white;
  background-repeat: no-repeat;
  background-position: top-left;
	color: #ffffff;
  font: normal 900 9pt helvetica, arial, sans-serif;
	cursor: pointer;
  	background-image:url('layout/signin/midbutton.png');
  	background-repeat: no-repeat;
  	background-position: top-left;
  	width: 125px;
  	height: 24px;  
  	float: right;
  	border: 0px;
}

.login_error {
  background-color: red;
	color: white;
	font-weight: 900;
	font-size: 12pt;
	line-height: normal;
}

/****************************************************************************

  Forms

***************************************************************************/

#registration {
}

#registration .hdr {
  font-weight:  400;
}

#registration .data {
  font-weight:  400;
}

#registration .comment {
  font-size: 8pt;
}



#new_customers, #existing_customers {
	display: table-cell;
	padding: 0 4px 0 0;
	position: absolute;
	top: 0;
	width: 320px;
}

#existing_customers {
	left: 0px;
}
	
#existing_customers .bordered_box{
	line-height: 55px;
}

#new_customers {
	left: 325px;
}

#new_customers .bordered_box{
	line-height: 37px;
}

#new_customers ul, #existing_customers ul, #registration_form ul {
	line-height: normal;
	color: red;
}

.new_customer_register {
	background-image: url( layout/signin/new_customers.png );
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 36px;
}

.new_customer_contact {
	background-image: url( layout/signin/new_customers.png );
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 36px;
	width: 285px;
}



.normal_line {
	line-height: normal   !important;
}

#reg_error, .error_msg {
	line-height: normal;
	background-color: red;
	font-size: 10pt;
	white-space: normal;
	color: white;
	visibility: hidden;
}

.hidden {
	visibility: hidden;
}

.right {
	float: right;
}

.privacy {
	font-weight: 400;
	font-size: 8pt;
}


/****************************************************************************

Shopping basket and Product rendering

***************************************************************************/

#show_product {
	/* display: table-row;*/
}

	
#prod_list {
/*	
	position: absolute;
	top: 36px;
	left: 133px;
*/
	position: relative;
	top: 10px;
	left: 135px;	
	width: 500px;
	height: 100%;

}

#prod_list a, #prod_list a:active  {
  color: #7e7e7e;
}

#prod_list a:hover {
  color: #FF3300;	
}

#prod_list table {
	width: 490px;
	border-collapse: collapse;
}

#prod_list tr {
}	

#prod_list td, #prod_list .description {
  border: 1px solid #999999;
	font-size: 10pt;
	padding-left: 10px;
}	

#prod_list .noborder {
  border: 0;
  padding: 0;
}

#prod_list .description h2, .prod_decrip h2 {
  font-size: 12pt;  
}


.prod_details {
	display: table-cell;
	height: 100%;
}

.prod_add {
}

.prod_pic {
}

.prod_descrip {
  	text-align: left;  
	height: 100%;
	width: 200px;
	vertical-align: top;
}

.prod_descrip h2, .prod_descrip p {
  	text-align: left;  
}

.pack_size {
	font-size: 10pt;	
}

/*
.border {
	display: table-cell;
	height: 100%;
	width: 230px;
}


.naborder {
	position: absolute;
	top: 0px;
	left: 116px;
	height: 100%;
	width: 18px;
	border-left: 1px solid #7a7a7a;
}


.border_right {
	position: absolute;
	top: 0px;
	height: 100%;
	width: 18px;
	right: 120px;
	border-left: 1px solid #7a7a7a;
	}
*/

.add_to_basket {
/*	padding: 50px; */
	position: relative;
	line-height: 30px;
	width: 140px;
}
.amount_in_bold {
	font-weight: 700;
	color: #474747;
}

#your_shopping_basket_logo, #promotional_logo {
/*	position: absolute;
	top: -38px;
	left: -4px; */
	margin-left: 4px;
	margin-bottom: 3px;
	border: 0  !important;   
}

.up_img {
	position: absolute;
	top: 31px;
	left: 56px;
}
.up_img:hover {
	position: absolute;
	top: 32px;
	left: 57px;
}

.down_img {
	position: absolute;
	top: 44px;
	left: 56px;
	cursor: hand;
}

.down_img:hover {
	position: absolute;
	top: 45px;
	left: 57px;
}


.add_to_basket p {
	height: auto;
	width: auto;
	padding: 0;
}
	
.add_to_basket p input {
	position: relative;
	height: 15px;
	width: 80px;
}

.add_to_basket p input:hover {
}

.add_to_basket p img {
	margin: -15px 35px 0 0;
}

.mini_basket_tbl {
  font-family: helvetica, arial, sans-serif;
	font-size: 8pt;
	font-weight: 500;
  	border: 1px solid #7A7A7A;
		border-collapse:collapse;
		padding: 4px;
		width: 188px;
}

.mini_basket_tbl th {
  	border-bottom: 1px solid #7A7A7A;
	padding: 5px;
	text-align: left;
}

.mini_basket_tbl td {
	padding: 5px;
}

.mini_basket_tbl td a .up {
	position: absolute;
	top: -3px;
	right: 0px;
	border: 0;
}

.mini_basket_tbl td a .down {
	position: absolute;
	top: 10px;
	right: 0px;
	border: 0;
}


.arrows {
	position: relative;
	float: right;
	height: 30px;
}


.full_basket table {
	font-family: helvetica, arial, sans-serif;
	font-size: 10pt;
	font-weight: 500;
	border-collapse:collapse;
	/* padding: 4px; */
	/* cell-spacing: 20px; */
}

.full_basket th {
	padding: 5px;
	text-align: left;
	color: #000000;
}

.full_basket td {
	padding: 15px;
  	border: 1px solid #7A7A7A;
}

.full_basket .empty_tr, .full_basket .empty_td, .empty_td, .empty_tr {
  	border: 0px solid #FFFFFF;
  	padding: 0px;
  	height: 8px;
}

/*
.full_basket .proceed_top {
	position: absolute;
	margin-left: 650px;
}

.full_basket .proceed_bottom {
	position: absolute;
	margin-left: 650px;
	margin-top: -23px;
}
*/

.full_basket tr {
	padding: 5px;
}

.full_basket .tr_header {
  	border: none;
	padding: 5px;
}

.full_basket td a .up {
	position: absolute;
	top: -1px;
	right: 0px;
	border: 0;
}

.full_basket td a .down {
	position: absolute;
	top: 12px;
	right: 0px;
	border: 0;
}

.full_basket .empty {
  	border: 0px solid #FFFFFF;
  	vertical-align: top;
	}

.full_basket .empty a, .empty_basket_div a {
/*	display: block; */
	text-decoration: underline	!important;
/*	width: 500px; */
}

.full_basket, .empty_basket_div {
	width: 820px;
}

.empty_basket_div {
	height: 30px;
	position: relative;
}





.full_basket .subtotal {
  	border: 1px solid #000000;
}

.full_basket h2 {
	font-size: 13pt;	
}

.full_basket a, .full_basket a:active, .empty_basket_div a:active, .empty_basket_div a {
	color: #7a7a7a;	
}

.full_basket a:hover, .empty_basket_div a:hover {
	color: #FF4300;	
}






/****************************************************************************

Tabs

***************************************************************************/

#tabs {
  float:left;
  width:100%;
  background:#DAE0D2 url("pics/borders/tab_bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#tabs ul {
  margin:0;
  /* padding:10px 10px 0; */
  padding:0px 0px 0px;
  list-style:none;
	float: left;
  }
#tabs li {
  float:left;
  /* background:url("pics/borders/tab_left.gif") no-repeat left top; */
  margin:0;
  padding:0 0 0 9px;
  }
#tabs a {
  float:left;
  display:block;
/*  background:url("pics/borders/tab_right.gif") no-repeat right top;  */
  background:url("layout/orange_button_bgnd.png") repeat-x right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#dddddd;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
  color:#ffffff;
  font-weight: 900;
  }
#tabs #current {
/*  background-image:url("pics/borders/tab_left_on.gif"); */
  }
#tabs #current a {
/*  background-image:url("pics/borders/tab_right_on.gif"); */
  color:#ffffff;
  padding-bottom:5px;
  }



#prod_selection {
  background: url("layout/prod_select.png") repeat-x right top;
  width: 130px;
  height: 596px;
  left: 0px;
  position:absolute;
  font-size: 9pt;
  line-height: 16px;
  top: 26px;
}

#prod_selection a, #prod_selection a:active, #prod_selection a:focus {
	color: #7A7A7A;
	display:block;
	font-weight: 600;
	padding: 0 8px;
}

#prod_selection a:hover {
	color: #FF3300;
}


.admin_table {
  width: 100%;
}

.show_image {
	position: relative;
}

.show_image div {
	display: none;
}

.show_image:hover div {
	display: block;
	position: absolute;
	left:0;
	top:0;
	z-index: 1000;
  	border: 1px solid #7A7A7A;
  	margin: -200px 0 0 0;
}


.admin_header
{
  background-color: #CCCCCC;
}
	
	
#school_po_select
{
	position: absolute;
	left: -253px;
	top: 114px;
	display: none;
	z-index: 1000;
  	border: 1px solid #7A7A7A;
	background-color: #ffffff;
	margin-top: -12px;
	padding: 4px;
	font-size: 9pt;
	width: 550px;
}
	

#pad {height:140px;}





.black_overlay {
  position: fixed;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  background-color: #000000;
  z-index: 5001;
  -moz-opacity: 0.45;
  opacity:.45;
  filter: alpha(opacity=45);
}
* html .black_overlay {
  position: absolute;
  top: 0px;
  left: 0px;
}
.white_content {
  position: fixed;
  top: 40%;
  left: 25%;
  width: 50%;
  height: auto;
  max-height: 80%;
  padding: 16px;
  border: 1px dotted #505050;
  background-color: #ffffff;
  color: #000000;
  z-index: 5002;
  overflow: auto;
}
* html .white_content {
  position: absolute;
  width: 500px;
}


#checkout_stage {
  float:left;
  width:500px;
  font-size:93%;
  line-height:normal;
  }
#checkout_stage ul {
  margin:0;
  /* padding:10px 10px 0; */
  padding:0px 0px 0px;
  list-style:none;
	float: left;
  }
#checkout_stage li {
  float:left;
/*  background:url("/layout/signin/grey_midbutton.png") no-repeat left top; */
  margin:0;
  list-style:none;
  padding:0 0 0 9px;
  width: 125px;
  height: 24px;
  }
#checkout_stage li #selected {
/*  background:url("/layout/signin/midbutton.png") no-repeat left top; */
  }

#checkout_stage li a, #checkout_stage #selected a {
  float:left;
  display:block;
  background:url("/layout/signin/grey_midbutton.png") no-repeat left top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color: #D0D0D0;
  width: 125px;
  height: 24px;
}

#checkout_stage li a {
  background:url("/layout/signin/grey_midbutton.png") no-repeat left top;
}

#checkout_stage .selected a {
  background:url("/layout/signin/midbutton.png") no-repeat left top;
}

#checkout_contact_details {
	position: relative;
	width: 321px;
	float: left;
	border: 1px solid #999999;
	height: 282px;
}

.errorlist {
	color: red;
}

#checkout_delivery_address {
	position: relative;
	width: 321px;
	float: right;
	border: 1px solid #999999;
	height: 282px;
}



	
#addresses {
	width: 650px;
	height: 290px;
}

#del_ins {
	display: none;	
	font-size: 8pt;
	font-weight: 400;
}

#checkout_contact_details th, #checkout_delivery_address th, #checkout_contact_details .comment, #checkout_delivery_address .comment {
	font-size: 8pt;
	font-weight: 400;
}

#registration_form
{
	width: 639px;	
	margin: 0;
	padding: 0;
}

#registration_form th
{
	font-size: 8pt;
	font-weight: 400;
}

.error {
	color: #ff0000;
	font-weight: 900;
	font-size: 11pt;
}

.errorlist_right {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 169px;
	color: #ff0000;
	}

.blue_background, .green_background {
	width: 323px;
	height: 36px;
	font-weight: 600;
	font-size: 13pt;
	color: #ffffff;
	display:block;
	line-height: 33px;
	text-align: center;
}

.blue_background {
	background-image: url("layout/signin/blue_background.png");
}

.green_background {
	background-image: url("layout/signin/green_background.png");
}

.right_margin
{
	float: right;
	margin: 10px;
}


.checkout_stage
{
	display: inline;
}

.checkout_stage li
{
	display: inline;
		
}

.pay_emphasis
{
	font-size: 18px;
}

#paylater {
	border: 1px solid #7a7a7a;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
/*	float: right; */
	width: 320px;
}
	
#total_amount_to_pay
{
	border: 1px solid #7a7a7a;
	padding: 10px;
	margin-top: -56px;
	float: left;
	font-size: 13pt;
	color: #000000;
	font-weight: 600;	
}

.checkout_submit_button {
  background-color: white;
  background-repeat: no-repeat;
  background-position: top-left;
	color: #ffffff;
  font: normal 900 9pt helvetica, arial, sans-serif;
	cursor: pointer;
  	background-image:url('layout/signin/midbutton.png');
  	background-repeat: no-repeat;
  	background-position: top-left;
  	width: 125px;
  	height: 24px;  
  	float: right;
  	border: 0px;
  	margin-right: 180px;
}

.admin_submit_button {
  	float: right;
  	margin-right: 180px;
  	width: 125px;
  	height: 24px;  
  	float: right;
  	border: 1px;
    font: normal 900 9pt helvetica, arial, sans-serif;
	cursor: pointer;
}
	
.close_top, .close_bottom
{
	float:right; 
	width: 550px; 
	text-align:right; 
	text-decoration:none   !important; 
	background-color: whitesmoke;
}

.close_bottom
{
	border-top: solid 1pt #000;
}
.close_top
{
	border-bottom: solid 1pt #000;
}

.protx_blurb
{
	background-color: white;
	width: 500px;	
	border: 1px solid #7a7a7a;
	padding: 5px;
}

.invoice
{
	font-size: 12pt;
	font-family: sans-serif;
	color: #000000;
	margin: 10px;
	width: 600px;
    position: absolute;
}

.invoice h2
{
	font-size: 12pt;
	text-align: center;
}

.invoice table, .invoice td, .invoice th, .invoice tr
{
	border-collapse: collapse;
	border: 1px solid #7a7a7a;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.invoice_header
{
	position: absolute;
	right: 0px;
	font-size: 8pt;
	text-align: center;
}

th 
{
	white-space: nowrap;
}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
/*
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; !* trigger IE7 hasLayout so spans position accurately *!
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; !* IE6 only *!
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('!layout!menu!arrows-ffffff.png') no-repeat -10px -100px; !* 8-bit indexed alpha png. IE6 gets solid image only *!
}
a > .sf-sub-indicator {  !* give all except IE6 the correct values *!
	top:			.8em;
	background-position: 0 -100px; !* use translucent arrow for modern browsers*!
}
!* apply hovers to modern browsers *!
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; !* arrow hovers for modern browsers*!
}

!* point right for anchors in subs *!
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
!* apply hovers to modern browsers *!
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; !* arrow hovers for modern browsers*!
}
*/

/*** shadows for all but IE6 ***/
/*
.sf-shadow ul {
	background:	url('/layout/menu/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
*/

/* End of superfish styles. */