<STYLE TYPE-"type/css">
<!--
BODY {background-color: #FFFFFF; }

.caption { padding: 5px 5px 10px 10px;
	   float: right;
	   font-family:Tahoma;
	   font-size:10px;  
	   text-align: center;
	   font-style: italic;
	   font-weight: bold;
	   width: 150px;
	     
	  }

.images {
text-align: center;
border :3px solid #E0E1E1;

}



a.terms {

background-color: #FFFFFF; 
font-family: arial;
color: black;

}

img.flavourlabel {
float: right;
padding: 2px 0px 4px 8px;
}

a.boldbuttons{
width: 120px;
background: transparent url('images/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: black; /*button text color*/
}

a.boldbuttons span{

background: transparent url('images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-family: tahoma;
      font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}


div.underline {

width: 100%;
border :1px solid #BBBBBB;
height: 1em;
background-color: #BBBBBB;
float: left;

}


.footernavmenu a a:hover {
text-indent: 0px;
font-size: 0.6em;
font-weight:bold;
font-family: arial;
color: black;
text-align: center; 

}


.inputwarning  {
font-size: 0.8em;
margin-left: 12em;
color: red;
font-family: arial;
margin-bottom: 0.5em;
}


.inputtexthelp {
font-size: 0.8em;
margin-left: 12em;
margin-bottom: 0.5em;
font-family: arial;
}

.formlabelrequired{
font-size: 0.8em;
font-family: arial;
color: red;
float: left;
text-align: right;
width: 10em;
font-weight: bold;
margin-right: 1em;
}

.formlabelstd{
font-size: 0.8em;
font-family: arial;
text-align: right;
float: left;
width: 10em;
font-weight: bold;
margin-right: 1em;
}

.forminput, textarea{
font-size: 0.8em;
font-family: arial;
width: 12em;
margin-bottom: 0.5em;

}

.formdropdown{
font-size: 0.8em;

margin-bottom: 0.5em;
font-family: arial;

}

.formtextarea{
font-size: 0.8em;
font-family: arial;
width: 12em;
height: 6em;

}

.formboxes{
font-size: 0.8em;
font-family: arial;
width: 1em;

}

.submitbutton{
font-family: arial;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: 90px;

}

ul { 
font-size: 12pt;
font-family: arial;
color: black;
}

.hrgrey{
position: absolute; 
clear:both; 
margin: 0 0 0 0; 
width: 95%;
border :1px solid #FF0000;
background-color: #FF0000;



border :1px solid #BBBBBB;
background-color: #BBBBBB;


}

.hrred{

position: absolute; 
clear:both; 
margin: 0 0 0 0; 
width: 95%;
border :1px solid #FF0000;
background-color: #FF0000;
 

}




.hrwhite{
color: #000000;
border :1px solid #000000;
background-color: #000000;
height: 0.1em ;
min-width: 100%;

}

h2 {
text-align: center;
}


.titlered {


width: 470px;
text-align: left;
font-size: 16px;
font-family: arial;
font-weight: bold;
color: red;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

a:link.titlered, a:visited.titlered, a:hover.titlered, a:active.titlered

{

text-decoration: none;

}

.warning {
text-align: center;
font-size: 12pt;
font-family: arial;
font-weight: bold;
color: black;
}

.titlewhite{
text-align:center;
font-size: 12pt;
font-family: arial;
font-weight: bold;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.listtitle {
font-size: 10pt;
font-family: arial;
font-weight: bold;
color: white;
}

P {

font-size: 10pt;
font-family: arial;
color: black;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.plainlink {

text-decoration: none;
font-size: 10pt;
font-family: arial;
color: black;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


a:link.plainlink  a:visited.plainlink, a:hover.plainlink, a:active.plainlink

{

text-decoration: none;

}

.signature {
text-align: right;
font-size: 20pt;
font-family: Brush Script MT;
color: black;}

.jobtitle {
text-align: right;
font-size: 12pt;
font-family: arial;
color: black;}

.bolder { 
font-size: 20pt;
font-family: arial;
font-weight: bold;
color: #BBBBBB;
}

.strapline { 
font-size: 1.5em;
font-family: arial;
font-weight: bold;
color: #BBBBBB;
margin-top: 0px; 
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

.product_description { 
padding-left: 1em;
font-size: 11px;
font-family: arial;
color: black;
padding-top: 0;
text-align: justify; }


.product_price { 

font-family: arial;
color: black;
font-size: 1.5em;
padding-top: 0;
text-align: center; }

.ctr_panel_txt { 

font-size: 1em;
font-family: arial;
color: black;
 }



.product_title { 
text-align: center;
padding-left: 0em;
font-size: small;
font-family: arial;
color: black;
font-weight: bold;
font-size: 0.8em; }

.note { 
font-size: small;
font-family: arial;
color: black;
font-size: 8pt; }

.smalltxt { 
text-align: justify;
font-size: 0.8em;
font-family: arial;
color: black;
text-align: justify; 
}

.smalljust { 
text-align: justify;
font-size: 12px;
padding: 5px 5px 10px 10px;
font-family: arial;
color: black;
text-align: justify; 
}

.smalltxtctr { 
font-size: 10px;
font-family: arial;
color: black;
text-align: center; 
}

.smallbld { 
text-indent: 0px;
font-size: 0.8em;
font-weight:bold;
font-family: arial;
color: black;
text-align: left; 
}

.number { 

font-size: 1.1em;
font-weight:bold;
font-family: arial;
color: black;
text-align: left; 
}


.smallbldctr { 
text-indent: 0px;
font-size: 0.8em;
font-weight:bold;
font-family: arial;
color: black;
text-align: center; 
}

table {
font-family: Verdana;
font-size: 14pt;
color: black;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}


      BODY { height: 8.5in } /* Required for percentage heights below */
      
      #wrapper {
        width: 800px;
 	  
        margin: 0 auto;
      }
      
      #content {
        
        width: 100%;
      }
                  
      #header {
        position: relative;
        
        width: 100%px;
        height: 100px;
        top: 0;
        right: 0;
	  left: 2px;
        bottom: auto;
        padding: 0px;
 	  margin: 0px 0px 0px 0px;
      }
      #sidebar {
        position: relative;
        float: left; 
        width: 150px;
        height: auto;
        top: 5px;
        right: auto;
        bottom: auto;
        left: 0px;
        
      }
      #main {
        position: relative;
        float: left; 
        width: 495px;
        height: auto;
        top: 5px;
        right: auto;
        bottom: auto;
        padding:2px;
        
        
      }
      #sidebaright {
        position: relative;
        float: left; 
        width: 150px;
        height: auto;
        top: 5px;
        right: auto;
        bottom: auto;
        left: 5px;
      }
      #footer {
        position: relative;
        float: left; 
        width: 100%;
        height: 100px;
        top: auto;
        right: auto;
        bottom: auto;
        left: 0px;
        
        padding-top: 1em;
        
      }
      
      div.container {
        float: right;
        min-height: 200px;
        width: 100%;
        margin-bottom: 1em; 
      }
      
      
      div.float-right {
 	padding-left: 5px;       
 
        float: right;
	

      }
      
      div.centre {
        width: 100%
        margin-left: auto; 
        margin-right: auto;
        
        text-align: center;        
      }
      
      div.float-left {
        float: left;
        
        margin-bottom: 1em;
        margin-right: 1em;
      }                 

      div.testemonial {

        clear: both;       
        padding-right: 1em;     
        padding-left: 1em;
        padding-bottom: 1em;
        

      }



.clear {font-size: 1px;float: both;}


/* Hides from IE5-mac \*/
* html .bl {height: 1%;}
* html .br {height: 1%;}
* html .bl2 {height: 1%;}
* html .br2 {height: 1%;}
* html .bl3 {height: 1%;}
* html .br3 {height: 1%;}
/* End hide from IE5-mac */


#nav-menu ul
{
list-style: none;

}

#nav-menu li
{
float: left;



}

#nav-menu li a
{
background: url(images/Background.gif) #fff bottom left repeat-x;
height: 1.8em;
line-height: 1.8em;
float: left;
width: 6em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;

}

#nav-menu li a:hover
{
background: url(images/Background.gif) #fff bottom left repeat-x;
height: 1.8em;
line-height: 1.8em;
float: left;
width: 6em;
display: block;
border: 1px solid #dcdce9;
color: #0d2474;
text-decoration: underline;
text-align: center;


}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{

width: 100%


}




#nav_main ul {
position: relative;

left: 2px;
top: 65px;
width: 95%;
height: 1.6em;
list-style: none;
margin: -10px 0px 0px 0px;
padding 0px 0px 0px 0px;
}

#nav_main li {
float: left;
display:inline;
}


#nav_main li a{
border-right:2px solid #fff;
float: left;
font-size: 10pt;
color: white;
text-decoration: none;
font-weight: bold;
text-align: center;
padding:5px 0;
width:75px;
margin: 0px 0px 0px 0px;

}

#nav_main li a:hover{

background: #EFEFEF;
color: black;
}




#catlist a
{
margin-left: 0;
padding: 0 0 0 0;
font-size: 1em;
font-family: arial;



width: 123px;
display: block;
color: #000000;
text-decoration: none;
text-align: left;

font-weight: bold;

}

#catlist a:hover
{

text-decoration: none;
color: #FFFFFF;

}


#catlist
{
margin: 0 0 0 0;
padding: 0 0 0 0;

}

#splat_list { list-style-image: url(./images/smoothit/splat.gif); }




-->     
</STYLE>