body {
  	margin: 0;
  	background: url(/img/2006/layout/background.jpg);
	background-color: #501f09;
	/* IE only, does not validate w3c! */
    scrollbar-face-color : #a03f11;
    scrollbar-shadow-color : #5a230a;
    scrollbar-highlight-color : #efb72f;
    scrollbar-3dlight-color : #ffbd3b;
    scrollbar-darkshadow-color : #311305;
    scrollbar-track-color : #efc46d;
    scrollbar-arrow-color : #efc46d;
}

body,p,td,div,input,textarea,select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

input, textarea {  border-style: solid; border-width: 1px; border-color: #6e9195 }

.iframebg {   	background: url(/img/2006/layout/iframebg.jpg);
	background-color: #e6ba63;
}

.submitbutton {text-align:center; background: #e6ba63}

body,p,td,div,input,textarea,select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
	color: #6a351d;

}

p {	text-align: justify;
}

.links { text-align: left}
input,textarea {background: #e6ba63}

.top { font-size: 22px; font-weight: 100; background: none}
.topa { font-size: 22px; font-weight: 100; background: none;color: #000000}

input, textarea {  border-style: solid; border-width: 1px; border-color: #6e9195; width: 200px }

a {  text-decoration: underline; color: #6a351d}
a:hover { color: #ffffff}

h1 { font-size: 12px; background: #6a351d; padding: 5px;color: #ffffff}

h1 a { color: #ecc16a}
.ped { border-bottom: 1px solid #501f09; font-size: 10px}
.ped1 { border-bottom: 1px solid #501f09}
.ped2 { font-size: 10px}

.ped,.ped1,.ped2,.ped3 { padding: 1px 10px 1px 10px;text-align: left}

/*
______________________________________________
           dhtml menu
______________________________________________
*/

/* from ppk */

     /* The styles for each menu*/
     div.navilayer  {
     	position : absolute; 
     	top : 120px;			/* distance from the top */
     	visibility : hidden;
     	width : 120px;			/* default with */
     	z-index: 2;
     }
     
     /* The extra DIV around the links. I'd rather have done
     
     	a {display: block}
     
     	throughout but that doesn't work in Explorer 4.*/
     div.navilayer div  {
     	width : 120px;
     	padding-top : 2px;				/* separation of text from top of cell*/
     	padding-bottom : 2px;			/* separation of text from bottom of cell*/
     	font-size : 11px;
     	font-weight: bold;
	/*	border-bottom: 1px solid #999999; */
		/* background: #697298 url(/img/b_tack.jpg); */
     	background-image : url(/img/2006/layout/navbg.jpg);			/* Color of the cell background*/
     	/*layer-background-color : #999999; */
     }
     
     /* This style does not work in Netscape 4 so you see the borders of the empty
     	DIV's*/
     div.navilayer div.fill  {
     	border-top-width : 1px;
     	border-top-style : solid;
     	border-top-color : #ffffff;
     }

     /* Explorer 5.5 gives my general link colours precedence over
     	the colour defined here. I think it's a bug*/
     div.navilayer div a  {
     	display : block;
     	width : 120px;
     	color : #ecc16a;
     	text-decoration : none;
     	padding-left : 0px;
     	letter-spacing : 0px;
	text-align: left;
     }

     /* The styles for the pseudo-mouseover. The class change does not work in Netscape 4,
     	while Opera 5 changes the class but doesn't do anything about it,
     	so these styles will never be visible in those browsers*/
     div.navilayer div.over  {
   		background: #ba5701;
   		background-image: url(/img/2006/layout/navbgon.jpg);		/* The color of the back of the cell when "mouseovered"*/

	 }

     div.navilayer div.over a  {
     	color : #ffffff;			/* The color of the text when "mousovered" */


     }

     div.navilayer a:visited  {
     	color : #b4854d;			/* The color of the text when "mousovered" */


	}

	 div.navilayer a:hover  {
     	color : #ffffff;			/* The color of the text when "mousovered" */

     }

/*
   #############################################
            SHARP UPDATE CSS CLASSES
   #############################################
*/

/* to avoid images in the edit mode */


/* ________ the standard sharp update module css _______ */

/* the style of the image buttons (mostly margins) */
.shu_buttons {text-align:center;margin: 10px}

.shu_table {}
.shu_title {}
.shu_img {}
.shu_text {}
.shu_file {}

/* ________ the sharp update summary module css _______ */

.summary_table {}
.summary_title {}
.summary_text {}

/* ________ the sharp update links module css _______ */

.link_table {text-align:center;width:510px}
.link_title {}
.link_img {}
.link_text {}

/* the style of the text above the links */
.links_header {text-align:center}

/* the style of the anchor text above the links */
.links_header_anchor {text-align:center}

/* ________ the sharp update adverts module css _______ */

.advert_table {}
.advert_title {}
.advert_img {}
.advert_text {}
.advert_phone {}
.advert_feedback {}

/* the style of the text above the adverts */
.adverts_header {}
/* the style of the anchor text above the adverts */
.adverts_header_anchor {}

/* ________ the sharp update shopping module css _______ */

.shop_table {}
.shop_title {}
.shop_file {}
.shop_img {}
.shop_text {}
.already_in_cart {}
.shop_button {}
.shop_class_2 {}

/* ________ the sharp update checkout module css _______ */

.checkout_table {}
.checkout_title {}
.checkout_table_2 {}
.checkout_button {}
.checkout_class_2 {}
/* the style of the text asking user additional instructions */
.checkout_class_3 {}
.checkout_terms_and_conds {background: #EEDD66; font-weight: bold}

/* ________ the sharp update diary module css _______ */

.diary_table {}
.diary_header {}
.diary_text {}

/* ________ the sharp update mini cart module css _______ */

.mini_cart_table {}
.mini_cart_header {}
.mini_cart_text {}
.mini_cart_text_2 {}


/* ________ the sharp update archive output css _______ */

.shu_archive_title {}