/** standard **/
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
	color:#000000;
  background: #fff url(graphics/bg_body_capri.gif) repeat;
  min-width:785px; /*** This is needed for moz. Otherwise, the header and footer will
slide off the left side of the page if the screen width is narrower than the design.
Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
  text-align:center; /*** IE/Win (not IE/MAC) alignment of page ***/
  margin-top:0;
}

a {
	text-decoration: none;
	font-weight: normal;
}

a:visited {
color: #000;
	}
a:active {
color: #797979;
	}
a:hover {
	text-decoration: none;
	}
strong, b {
	font-weight: bold;
	}
hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	}
p {
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
	text-align: justify;
	}
li {
	font-size: 12px;
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
	}
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em; 
	}
td {
	font-size: 12px;
	}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	}
	

/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/

div,p
{margin:0}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/** specifics **/
html,body
{
  margin:0; /*** Do NOT set anything other than a left margin for the page
as this will break the design ***/
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}


h1, h2 {
	font-size: 12px;
	font-variant: small-caps;
	letter-spacing: .2em;
	font-weight: bold;
	padding: 0 0 0 1px; 
	margin: 0 0 1em 0;
	
}

 h2 {
 background-image: url(graphics/divider_blue_.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	height:32px;	
	text-align: center;
 }

 #left h2 {
 	background-image: none;
	height: auto;
		font-size: 12px;
 }

h3, h4 {
	font-size: 12px;
	letter-spacing: .2em;
	font-weight: bold;
	padding: 0 0 0 0; 
	margin: 0.5em 0 0.5em 0;
	text-align: center;
}

body h1 {
font-weight: normal;
font-variant: normal;
font-size: 10px;
line-height:12px;
color: silver;
background-color: transparent;
text-align: left;
margin:0 auto;
padding: 2px 0 0 8px;
width: 770px;
height:15px;



}

.clear{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}

* html .clear{height:auto;margin-bottom:0} /*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high ***/

#fullheightcontainer{
  margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  text-align:left; /*** IE Win re-alignment of page if page is centered ***/
  position:relative; /*** Needed for IE, othewise header and footer aren't contained
directly above and below the body ***/
  width:785px; /*** Needed for Moz/Opera to keep page from sliding to left side of
page when it calculates auto margins above. Can't use min-width. Note that putting
width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Needed for Moz to give full height design if page content is
too small to fill the page ***/
}
#wrapper{
  min-height:100%; /*** moz uses this to make full height design. ***/
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Fixes height for non moz browsers, to full height ***/
  background:#FFF; /*** Set background color for side columns for Safari & IE ***/
vertical-align: top;
border-left: 8px solid #0094DE;
border-right: 1px solid #000;
}
#wrapp\65	r{ /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
  height:auto; /*** For moz to stop it fixing height to 100% ***/
}
/* \*/
* html #wrapper{
  height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */


#outer{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  margin-left:220px; /*** Critical left col dimension value = left col width ***/
  width:555px; /*** Critical left and right col/divider dimension value (moves inversely) = center col width ***/
  background:#FFFFFF; /*** Sets background of center col***/
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Needed for full height inner borders in Win IE ***/
}
#left{
  width:221px; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
  float:left;
  display:inline;
  position:relative; /*** IE needs this or the contents won't show
outside the parent container. ***/
  margin-left:-221px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/
vertical-align: top;
}

*>html #left
{width:220px;} /*** Fix only for IE/Mac = left col width + one internal border width ***/

#container-left{
  width:220px; /*** Critical left col dimension value = left col width - 1px ***/
vertical-align: top; 
}
/*** Static fixes ***/

/*** a Note on the Holly hack: if IE/Win shows bugs it's a good idea to apply the height:1%
     hack to different elements and see if that fixes the problem. Sometimes it may be
     necessary to use "position: relative;" on certain elements, but it's hard to tell in
     advance which elements will need such fixes. ***/
/*** This is a STATIC fix for IE5/Win at the largest text size setting. ***/
/* \*/

* html #left
{margin-right:-3px;}
/* Above style hidden from Mac IE */
/*** All the IE fixes that are inside seperate "Mac-hacks" may be grouped within
     just one Mac-hack for convenience if desired. However, each fix must come
     later than the rule it is fixing or the fix itself will be overridden. ***/

#colcenter{
  width:505px; /*** Set to = colcenter  width 600px MINUS 20px padding***/
  float:right;
  padding: 30px 0 0 0;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}
/*** clearheader heights are made from header height + borders +
any sidebar box height, less any sidebar intrusion.
Similar calculations for footers. ***/

#clearheadercenter{
  height:200px; /*** needed to make room for header in center column ***/
  overflow:hidden;
}
#clearfootercenter{
  height:170px; /*** needed to make room for footer in center column ***/
  overflow:hidden;
}
#clearfooterleft{
  height:170px; /*** needed to make room for footer in left column ***/
  overflow:hidden;
}
#footer{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors to work ***/
  position:absolute;
  clear: both;
  width:785px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders +
Both External Borders ***/
  height:170px; /*** = Bottom Margin + One Outer Border + body to footer divider depth +
subfooter1 height + any other subfooter heights ***/
  overflow:hidden;
  margin-top:-170px; /*** negative height ***/
  font-size: 10px;
 padding-top:21px; 

}
#subfooter1{
  background:#0094de; /*** Background Color of Sub-footer #1 ***/
  text-align:center;
  height:20px; /*** sub-footer row height ***/
  padding-top: 8px;
    border-top: 1px solid #0094de;

}
#subfooter2{
  background:silver; /*** Background Color of Sub-footer #2 ***/
  text-align:center;
  height:20px; /*** sub-footer row height ***/
	 border-left:8px solid  #0094de;
	padding-top: 8px;

}
#subfooter3{
  background: #0094de; /*** Background Color of Sub-footer #3 ***/
  text-align:center;
  height:55px; /*** sub-footer row height ***/
  padding: 15px 0 0 5px;

}

#subfooter3 a:link {
	text-decoration: none;
	font-weight: normal;
	color: #FFF;
}

#subfooter3 a:visited {
color: #000;
	}

#subfooter3 a:hover {
	text-decoration: underline;
	color: #000;
	}

	#subfooter3 a:active {
color: #191970;
	}

#subfooter4{
  background:#FFF; /*** Background Color of Sub-footer #4 ***/
  text-align:center;
  margin-left:0; /*** If the left sidebar intrudes, move the
header to the right by the width of the left col + one external border width ***/
  height:45px; /*** sub-footer row height ***/
  background-image: url(graphics/strapline.jpg);
  background-repeat: repeat-x;
  border-bottom: 1px solid #0094de;
  border-left: 8px solid #0094de;
}

#logo {
position:absolute; 
top:0; 
left:1px; 
height:164px;
width:321px;
background-image: url(graphics/logo_shopfitters_324.gif);
background-repeat: no-repeat;
border-top: 1px solid #000;
}


#header{
  z-index:1; 
  position:absolute;
  top:0;
  width:456px; 
  margin-left:329px;
  height:206px; 
  overflow:hidden;
}

#subheader1{
  background:#FFF; /*** Background Color of Sub-header #1 ***/
  text-align:right;
  height:170px; /*** sub-header row height ***/
  border-right: 1px solid #000;
  border-top: 1px solid #000;
}
#subheader2 { 
	background:#FFF; /*** Background Color of Sub-header #2 ***/
  height:36px; /*** sub-header row height ***/
  border-right: 1px solid #000;

}

#gfx_bg_middle{
  top:0;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:480px; /*** = Center Col Width ***/
  margin-left:180px; /*** = Left Col Width ***/
  background:#FFF; /*** Set background color for center column for Mozilla & Opera ***/
}
* html #gfx_bg_middle{
  display:none; /*** Hides the moz fix from IE ***/
}

#navmain {
padding:0; /* for space between start of nav & page side */
font-weight: normal;
color: #000;
font-size: 12px;
background-color:#fff;
height: 35px;
line-height: 35px;
text-align:right;
}

#navmain ul {
/*remove default values: */
margin: 0 2px 0 5px;
padding: 0;
display: inline;
font-size: 12px;

}

#navmain li {
display: inline;
list-style: none;
margin: 0 0 0 -2px;	/*	use -3px to minimise space between buttons */
padding:0;
height: 35px;
line-height: 35px;
}

#navmain li a:link, #navmain li a:visited { 
color: #000; 
font-family: Arial, Helvetica, sans-serif;
text-decoration:none; /* to remove underline of the hyperlinks */
margin: 0 ; /* for the items */
padding: 6px; /* for items: top, right bottom left for space around*/
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #0094DE;
border-left: 1px solid #0094DE;
}

#navmain li a:hover, #navmain li a:active {
color: #0094DE; 
/* to set hover color for the hyperlinks */
border-top: 1px solid #0094DE;
border-right: 1px solid #0094DE;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
}


/* vertical navigation */

#navside {
height: 650px;
width:  230px; /* for button width */
padding: 217px 0 0 0;
margin: 9px 0 0 0;
}

#navside li {
display: block; 	/*for vertical display*/
height: 32px; /* NB NB NB for button height - required here! */
margin: 0; 		/* nb nb to eliminate default margins */
padding: 0; 		/* nb nb to eliminate default padding */
}

#navside ul {
list-style: none; 	/* no bullets */
margin: 0; 		/* nb nb to eliminate or adjust default margins */
padding: 0; 	/* nb nb to eliminate default padding */
}

#navside li a:link, #navside li a:visited { 
text-decoration: none; 	/* NB required here - no underline */
display: block; /* NB required here - for item width!! */
width:  210px; /* to accommodate button width - padding deducted*/
color: #000; 
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 81%;
font-variant: normal;
letter-spacing: 1px;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
margin: 0; /* between for the items */
padding: 5px 7px 5px 3px;  /* space around the items and height*/
}

#navside li a:hover, #navside li a:active {
color: #c2c2c2; 	/* to set hover color for the hyperlink text */
border-top: 1px solid #000;	/* to set hover colors for borders */
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
}

.pictorial
{
position: relative;
width: 490px;
border: 1px solid black;
}

.pichead{
height:30px;
background-color: #CC0000;
color: #fff;
width: 505px;
padding: 0 0 0 0 ;
margin: 0 0 0 0;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 0;
border-left: 1px solid #000;
}

.picpicture {
position: absolute;
top: 0;
left: 0;
width: 200px; 
padding: 0;
font-size: 12px;	
}

.pictext{
margin: 0 0 0 220px;
padding: 5px 0 2px 2px;
width:283px;
font-size: 12px;
}

.button {
	background: #e9e9e9;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #303e54;
	height:30px;
}

.input{
background: #e9e9e9;
border: 1px solid #c1c1c1;
}

.frame {
	border: 3px double #c1c1c1;
	padding: 3px;
}

/* special statements */
#home .home, #about .about, #contact .contact, #products .products, #services .services, #enquiries .enquiries, 
{
color: #cc3300;
}