#page-wrapper { /*main big central white box */
  width:          744px;
  margin-left:	  auto;
  margin-right:	  auto;
  text-align:	  left;
  background-color:#FFFFFF;
  border-color:#9295A5;
  border-width:1px;
  border-style:solid;
  padding:10px;
}

#logo {
margin: 2px;
margin-top: 0px;
margin-bottom: 10px; 
}

#underline {
margin-top:-10px;
margin-bottom:-10px;  }

#menu {
color:#006699;
margin-top:0px;
}


#strapline_r, #strapline { /* see ie hack - only works in ie (mozilla/netscape uneffected) - big margin not req' */
margin-top:85px; /*was 85,then: 35 but moves strapline too high */
}

#strapline_r {
text-align:right;
}

#strapline, #strapline_r, #strapline_b { /* right-index page, bottom-index page */
height:15px;
width:738px;
padding-top:2px;
border:1px;
border-style:solid;
border-bottom-color:#aaaaaa;
border-top-color:#cccccc;
border-left:none;
border-right:none;
background-color:#EDF3F6;
}


body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
/*  text-align: center;*/
  background-image:url(images/page_background_grey.gif);
}

body a {
color:#006699;
font-weight:bold;
text-decoration:none;
}
body a:hover {
color:#0099FF;
}
/* ALL THUMBNAILS */
img.thumb1, img.thumb2, img.thumb3, img.thumb4, img.thumb5, img.thumb6 {
border:0px;
margin-top:10px;
margin-right:5px;
padding-top:25px;
}

/* RIGHT THUMBNAILS - NO R MARGIN */
img.thumb3, img.thumb6 {
margin-right:0px;
}


#box_home_blu, #box_home_lblu, #box_home_grn, #box_home_ple, #box_home_red, #box_home_oge, #box_title_r, #box_home_brn, #box_home_gry {
float:left;
margin-top:-147px; /*img 120h + padding at top 25h*/
margin-right:9px;
padding:2px;
padding-right:0px;
font-size:14px;
font-weight:bold;
color:#efefef;
}

#box_home_blu {
background-image:url(images/bg_blu_gradient.gif); 
background-repeat: repeat-x;
}
#box_home_lblu {
background-image:url(images/bg_lblu_gradient.gif); 
background-repeat: repeat-x;
}
#box_home_grn {
background-image:url(images/bg_grn_gradient.gif); 
background-repeat: repeat-x;
}
#box_home_ple {
background-image:url(images/bg_ple_gradient.gif); 
background-repeat: repeat-x;
}
#box_home_red {
background-image:url(images/bg_red_gradient.gif); 
background-repeat: repeat-x;
}
#box_home_oge {
background-image:url(images/bg_oge_gradient.gif); 
background-repeat: repeat-x;
}
#box_home_brn {
background-image:url(images/bg_brn_gradient.gif); 
background-repeat: repeat-x;
}
#box_home_gry {
background-image:url(images/bg_gry_gradient.gif); 
background-repeat: repeat-x;
}



#box_home_blu a, #box_home_lblu a, #box_home_grn a, #box_home_ple a, #box_home_red a, #box_home_oge a, #box_title a, #box_title_r a, #box_home_brn a, #box_home_gry a {
color:#eeeeee;
}

#box_home_blu a:hover, #box_home_lblu a:hover, #box_home_grn a:hover, #box_home_ple a:hover, #box_home_red a:hover, #box_home_oge a:hover, #box_title a:hover, #box_title_r a:hover, #box_home_brn a:hover, #box_home_gry a:hover {
color:#999999;
}

#box_home_grn, #box_home_oge, #box_title_r, #box_home_gry {
margin-right:0px;
}

#box_text {
float:left;
width:234px;
height:50px;
margin-top:124px;
margin-left:-2px;
padding:2px;
padding-bottom:4px;
font-size:13px;
font-weight:normal;
color:#003366;
border-color:#CcccCC;
border-width:1px;
border-style:solid;
background-color:#EDF3F6;
}

#box_text a{
color:#006699;
font-weight:bold;
text-decoration:none;
}

#box_text a:hover{
color:#0099ff;
}

/* FULL BANNER ACCROSS PAGE (top) */
#title_full_blu, #title_full_lblu, #title_full_grn, #title_full_ple, #title_full_red, #title_full_oge, #title_full_sil, #title_full_brn, #title_full_gry {
width:736px;
padding:2px;
font-size:14px;
font-weight:bold;
color:#eeeeee;
height:19px;
}

#footer {
text-align:center;
color:#FFFFFF;
}

#footer a {
color:#eeeeee
}

#footer a:hover {
color:#666666
}



/* SUBPAGES */
#title1 { 
border:0px;
margin-top:10px;
}
#box_title_blu, #box_title_lblu, #box_title_grn, #box_title_ple, #box_title_red, #box_title_oge, #box_title_brn, #box_title_gry {
position:absolute;
width:524px; /* normally 740 (or 736) - 212 (margin) = */
/*float:left;*/
margin-left:212px;
padding:2px;
font-size:14px;
font-weight:bold;
color:#eeeeee;
}

#box_title_blu, #title_full_blu {
background-image:url(images/bg_blu_gradient.gif);
}
#box_title_lblu, #title_full_lblu {
background-image:url(images/bg_lblu_gradient.gif);
}
#box_title_grn, #title_full_grn {
background-image:url(images/bg_grn_gradient.gif);
}
#box_title_ple, #title_full_ple {
background-image:url(images/bg_ple_gradient.gif);
}
#box_title_red, #title_full_red {
background-image:url(images/bg_red_gradient.gif);
}
#box_title_oge, #title_full_oge {
background-image:url(images/bg_oge_gradient.gif);
}
#box_title_gry, #title_full_gry {
background-image:url(images/bg_gry_gradient.gif); 
}
#box_title_brn, #title_full_brn {
background-image:url(images/bg_brn_gradient.gif); 
}
#title_full_sil {
background-image:url(images/bg_sil_gradient.gif);
}


#vr { /* v line - side of images */
position:absolute;
width:1px;
margin-left:200px;
border-right: 1px;
border-right-style:solid;
border-right-color:#999999;
height:390px;
}

#content, #content2 {
font-size:small;
width:475px;
margin-left:15px;
margin-top:40px;

position:absolute;


}
#content2 { /* not a big top margin required */
width:735px;
margin-top:10px;
}

#content_scr { /* scrolling allowed */
font-size:small;
width:538px;
height:378px; /* 400 - 30ish for margin */
margin-left:15px;
margin-top:30px;
overflow: scroll;
position:absolute;
}

#box_text_sub { /* eg on videos page; blue box */
width:168px;
padding:9px;
padding-bottom:4px;
font-size:12px;
font-weight:normal;
color:#003366;
border-color:#CcccCC;
border-width:1px;
border-style:solid;
background-color:#EDF3F6;
}


#box_text_left { /* left hand pane, no bg no bdr */
width:230px;
padding-top:10px;
font-size:12px;
font-weight:normal;
}

#box_text_left_c { /* left hand pane, align center */
width:194px;
font-size:12px;
font-weight:normal;
text-align:center;
}


#box_text_left_hdr { /* left hand pane, title */
width:230px;
padding-top:4px;
font-size:12px;
font-weight:bold;
color:#003366;
}

hr.gry { /* USED faq */
/*color:#4C589C;*/
color:#cccccc;

margin-bottom:10px;

margin-top:5px;
width:739px;
height:1px;
}



h1.blu, h5.blu, h1.blu_sm {
  color:#122C8B;
}
h1.lblu, h5.lblu, h1.lblu_lg {
  color:#258AA1;
}
h1.grn, h5.grn, h3.grn { 
  color:#1B7E1E;
}
h1.ple, h5.ple {
  color:#532B80;
}
h1.red, h5.red {
  color:#86131A;
}
h1.oge, h5.oge {
  color:#E0240B;
}
h1.sil {
color:#4c589c;
}
h1.brn, h5.brn {
color:#221508;
}
h1.gry, h1.gry_sm, h5.gry, h3.gry {
color:#1F2125;
}



h1.blu, h1.lblu, h1.grn, h1.ple, h1.red, h1.oge, h1.sil, h1.brn, h1.gry {
font-size:16px;
float:left;
}

h1.blu_sm, h1.gry_sm { /*  used in faq page */
font-size:small;
margin-bottom:9px;
}


#p_img {
float:right;
/*width:300px;*/
margin: 0 0 0 0px;
padding:0px;
border:none;
/*border:1px solid black;*/
text-align:center;
}




#p_img_r { /*eg, fairtrade img on home page  */
float:right;
margin: 7px 5px 0 20px;
border:none;
text-align:center;
}

li {
margin-bottom:10px;
}














/*unused ?*/

#page-wrapperBtm { /*botom central page wrapper- for footer */
  width:          760px;
  margin-left:	  auto;
  margin-right:	  auto;
  text-align:	  left;
}
#page-wrapperBtm a { 
text-decoration:none;
color:#FFFFFF;
}
#page-wrapperBtm a:hover { 
color:#999999;
}


#logo {
  float:      left;
}
#logo h1 {
  width:       760px;
  height:      90px;
  position:    relative;
  top:         0px;
  left:        0px;
  font-size:   100%;
}

#logo span {
 width:       760px;
 height:      90px;
 position:    absolute;
 top:         0px;
 left:        0px;
 background:  url("images/logo.jpg") no-repeat top left;
}
#sm_text {
  font-size:11px;
  color:#eeeeee;
  float:right;
}

.sm_bl_text {
  font-size:11px;
  float:right;
  padding-right:177px;
}

#footerLine1 {
  font-size:11px;
  color:#eeeeee;
  float:left;
  margin-top:-10px;
}

#footerLine2 {
  font-size:11px;
  color:#eeeeee;
  float:left;
  margin-top:6px;
}

#contact_button{
  float:left;
  font-size:15px;
  color:#eeeeee;
  margin: -15px 22px 0px 0px;
  border-style:solid;
  border-width:1px;
  padding: 1px 7px 2px 7px;
}

#navbar {
  width:    100%;
  background-color:#990000; /* same col as last menu item  */
/*  background:  url("images/border.gif") repeat-x bottom;*/
border-style:solid;
border-width: 1px 0px 1px 0px; /* was  2px 0px 1px 0px; when text menu. now top and bot bdr  */
border-bottom-color:#999999;
border-top-color:#eeeeee;
}

#navbar ul {
  margin:      0px;
}

#navbar li {
  float:       left;
  color:#999999; /* - faded out menu.  was 336699 for text menu  */
/*  margin:      0px;  padding:     0px;  padding:     5px 10px; - no diff */
}
#navbar a {
  color:     #eeeeee; /* was 336699 for text menu  */
  text-decoration:	none;
}

/* ROLL OVERS */
#title_blu a:hover  {
	color:#0099CC;
}
#title_grn a:hover  {
	color:#003300;
}
#title_home a:hover  {
	color:#660000;
}
#title_lblu a:hover  {
	color:#004488;
}
#title_olv a:hover  {
	color:#444400;
}
#title_brn a:hover  {
	color:#663300;
}
#title_bur a:hover  {
	color:#550000;
}

#title_gry a:hover  { /* not used */
	color:#ff0000;
}






body, h1, h2, h3, h4 {
  margin:   0px;
  padding:  0px;
}
#content-wrapper {
  width:  760px;
  padding-top:12px;
 /*float:  left;*/
}
/* no longer any content-left - just right with inner-left and inner-right: */
/* #content-left {   width:  180px;   float:  left;  padding : 5px 0px 5px 0px; }*/

#flash {
	width:  180px;
	float:  left;
	border:0px;
	vertical-align:bottom;
}

#subtitle_blu, #subtitle_grn, #subtitle_red, #subtitle_lblu, #subtitle_olv, #subtitle_oge, #subtitle_brn, #subtitle_bur {
  padding: 1px 1px 1px 3px;
  margin-top:2px;
  font-weight:bold;
  color:#FFFFFF;
  font-size:13px;
  border-color:#999999;
  border-bottom:1px;
  border-left:0px;
  border-right:0px;
  border-top:0px;
  border-style:solid;
}
/* titles - main menu */
#title_blu, #title_grn, #title_red, #title_lblu, #title_olv, #title_oge, #title_brn, #title_bur, #title_home, #title_none {
  font-weight:bold;
  font-size:12px;
  padding:3px; /* gives main menu height */
}

#subtitle_blu, #title_blu {
  background-color:#003366;
}
#subtitle_grn, #title_grn {
  background-color:#006600;
}
#subtitle_red, #title_red{
  background-color:#CC0000;
}
#subtitle_lblu, #title_lblu {
  background-color:#0099CC;
}
#subtitle_olv, #title_olv {
  background-color:#999933;
}
#subtitle_oge, #title_oge {
  background-color:#FF6600;
}
#subtitle_brn, #title_brn {
  background-color:#996633;
}
#subtitle_bur, #title_bur {
  background-color:#990000;
}
#title_home {
  background-color:#CC0000;
}
#title_none {
  background-color:#eeeeee;
}
/* left menu font & width */
#subnav_blu, #subnav_grn, #subnav_red, #subnav_lblu, #subnav_olv, #subnav_oge, #subnav_brn, #subnav_bur { 
  width:181px;
/*  height:139px; /* min height- keeps flash movie at bottom */
  font-weight:bold;
  font-size:13px;
}
/* left menu border style & margins */
#subnav_blu li, #subnav_grn li, #subnav_red li, #subnav_lblu li, #subnav_olv li, #subnav_oge li, #subnav_brn li, #subnav_bur li { 
  margin-left:-40px;
  padding: 2px 0 1px 0;
  list-style-image:url(images/arrow.gif);
  list-style-position:inside;
  border-color:#999999;
  border-bottom:1px;
  border-left:0px;
  border-right:0px;
  border-top:0px;
  border-style:solid;
}

/* about summary */
#vspace li { 
  padding: 2px 0 1px 0;
  margin-left:-47px;
  margin-bottom:-2px;
  list-style-image:url(images/arrow_head.gif);
  list-style-position:inside;
  border-top:0px;
}


#subnav_blu a { /* left menu colour-blue */
  color:#003366;
}
#subnav_blu a:hover{
  color:#0066cc;
}
#subnav_grn a { /* left menu colour-green */
  color:#006600;
}
#subnav_grn a:hover{
  color:#00CC33;
}
#subnav_red a { /* left menu colour-red */
  color:#CC0000;
}
#subnav_red a:hover{
  color:#CC6600;
}
#subnav_lblu a { /* left menu colour-light blue */
  color:#0099CC;
}
#subnav_lblu a:hover{
  color:#00ccee;
}
#subnav_olv a { /* left menu colour-olive */
  color:#666600;
}
#subnav_olv a:hover{
  color:#999900;
}
#subnav_oge a { /* left menu colour-orange */
  color:#FF6600;
}
#subnav_oge a:hover{
  color:#FFbb00;
}
#subnav_brn a { /* left menu colour-brown */
  color:#996633;
}
#subnav_brn a:hover{
  color:#cc9944;
}
#subnav_bur a { /* left menu colour-burgandy */
  color:#990000;
}
#subnav_bur a:hover{
  color:#dd4444;
}

/* no text decoration for all */
#subnav_blu a, #subnav_grn a, #subnav_red a, #subnav_lblu a, #subnav_olv a, #subnav_oge a, #subnav_brn a, #subnav_bur a { 
  text-decoration:none;
}/* no text decoration for all hovers*/
#subnav_blu a:hover, #subnav_grn a:hover, #subnav_red a:hover, #subnav_lbu a:hover, #subnav_olv a:hover, #subnav_oge a:hover, #subnav_brn a:hover, #subnav_bur a:hover  { 
  text-decoration:none;
}

#content_right_blu, #content_right_grn, #content_right_red, #content_right_lblu, #content_right_olv, #content_right_oge, #content_right_brn, #content_right_bur {
  width: 552px;
  height:470px; 
  float: right;
  margin-top:19px;
  padding: 0px 15px 0px 0px;
  overflow:scroll;
}
#content_right_no_s { /* no scroll -no overflow - was used in about_summary, now in armour_summary */
  width: 552px;
  height:420px; 
  float: right;
  margin-top:19px;
  padding: 0px 14px 0px 0px;
}

#col2, #col_left {
float:left;
width:247px;
padding: 0px 10px 0px 10px;
border:none;
margin-top:-30px;
}

#col_left {
border-right-style:solid;
border:1px;
border-color:#cccccc;
}
#block_brn {
font-weight:bold;
padding-bottom:5px;
padding-top:9px;
color:#996633;
}
a.block_grn {
font-weight:bold;
padding-bottom:5px;
padding-top:9px;
color:#006600;
text-decoration:none;
}
#block_grn {
font-weight:bold;
padding-bottom:5px;
padding-top:9px;
color:#006600;
text-decoration:none;
}


#hr_brn {
border-bottom-style:solid;
border-color:#cccccc;
border:1px;
padding-bottom:5px;
}




#content_right_blu, #content_right_grn, #content_right_red, #content_right_lblu, #content_right_olv, #content_right_oge, #content_right_brn, #content_right_bur {
border:none;
}

#c_r_inner_left {
width:259px;
float:left;
}
#c_r_inner_right {
width:259px;
float:right;
margin-right:2px;
}



h1.lblu_lg {
font-size:50px;
padding-left:300px;
}

h1.title {
font-size:26px;
text-align:center;
}
h1.title_grn {
font-size:26px;
text-align:center;
}

#p_img_bdr { /* used on inst' our customers */
float:right;
width:100px;
margin: 0 0 0 5px;
padding:0px;
border:1px solid;
border-color:#aaaaaa;
text-align:center;
}

.clear_margin { /* - used in contact page - clear the margin from previous tag */
margin-right:-35px;
text-align:left;
font-size:11px;
}

#gallery_img {
  border-color:#cccccc;
  border-width:1px;
  border-style:solid;
}


/* FORM LAYOUT - used in contact page*/
label,input, textarea {
	display: block;
	width: 210px;
	float: left;
	margin-bottom: 12px;
	font-size:12px;
}

/* used in contact page*/
input.chb {
width:25px;
display:list-item;
float:none;
margin-left:20px;
}

/* used in contact page*/
input.button {
width:94px;
float:none;
display:inline;
margin-left:-3px;
}

/* used in contact page*/
label {
	text-align: right;
	width: 125px;
	padding-right: 20px;
	padding-top:1px;
}

/* used in contact page*/
/* the br tag - clear: left, any previously defined float is canceled. We have to insert a clear somewhere, or all labels and inputs would line up next to each other, which is not what we want.
Clear is declared on the br, because the only other option (declaring it on the labels themselves) may not work properly in Opera.
http://www.quirksmode.org/css/forms.html*/
br {
	clear: left;
}