html
        {
            background-color:White;
            font-family:Helvetica, Sans-Serif, Arial;
            height:100%;
        }
        body
        {
        	height:100%;
        }
        body h1
        {
	        color:maroon;
	        font-size:20pt;
	        font-weight:bold;	
        }
        body h2
        {
	        color:#81828E;
	        font-size:18pt;
	        font-weight:bold;	
        }
        body h3
        {
	        color:#81828e;
	        font-size:16pt;
	        font-weight:bold;	
        }
        body h4
        {
	        color:#81828e;
	        font-size:14pt;
	        font-weight:bold;
        }
        #container
        {
        	margin-left: auto;
        	margin-right:auto;  
        	top:0px;      	
        	width:990px; 
        	text-align:left; 
        	height:auto; 
        	background-color:#662222;         	         	  	        	
        }         
        .header
        {
            position:relative;         
            width:990px;
            top:0px;
            left:0px;
            height:95px;
            background-color:transparent;
            text-align:left;
            vertical-align:top;
            z-index:2;
        }  
        .menucontainer
        {
        	position:relative;        	
        	display:inline;
        	top:0px;
        	left:0px;
        	width:990px;
        	height:34px;
			background-color:transparent;
			text-align:left;
			vertical-align:top;         
			z-index:1;
        }
        
        .hmenul
        {
        	background:url(images/gradientMaroon2.gif) 0% 0% repeat-x;
        	width:150px;
        	height:34px;
        	border-collapse:collapse;
        	background-color:transparent;            
          text-align:left; 
          vertical-align:top;  
          z-index:2;  
        }
        .hmenur
        {
        	background:url(images/gradientMaroon2.gif) 0% 0% repeat-x;
        	width:150px;
        	height:34px;
        	border-collapse:collapse;
        	font-size:12px;
        	background-color:transparent;            
			text-align:left; 
			vertical-align:top; 
			z-index:1; 
        }     
        .hmenu
        {   
        	background:url(images/gradientMaroon2.gif) 0% 0% repeat-x;	     
			width:690px;
			height:34px;
			border-collapse:collapse;
			background-color:inherit;            
			text-align:left; 
			vertical-align:top; 
			z-index:2;            
        }  
        .greybar
        {
        	position:absolute;
        	width:990px;
        	top:110px;
        	height:10px;
        	background-color:transparent;
        	z-index:0;
        }      
        .middle
        {
        	position:relative;
        	border-top-width:0px;
        	border-top-color:inherit;
        	border-top-style:none;
        	border-collapse:collapse;        	
        	left:0px;
        	top:27px;
        	width:990px;
        	height:auto;
        	background-color:transparent;
        }       
        .body
        {
			position:relative;
			border-left-width:0px;
			border-right-width:0px;
			border-color:#663333;
			padding-left:0px;
			padding-right:0px;
			top:0px;
			left:0px;
			width:690px;
			height:auto;
			margin-left:auto;
			margin-right:auto;           	
			background-color:transparent;                      
        }     
        .contentBody
        {
        	position:relative;
			border-left-width:2px;
			border-right-width:2px;
			padding-left:2px;
			padding-right:2px;
			top:0px;
			left:0px;
			width:676px;
			height:auto;
			margin-left:auto;
        	margin-right:auto;           	
			background-color:White;
			border-left-color: #663333;
			border-right-color: #663333;
			border-top-color: #663333;
			border-bottom-color: #663333;
}           
        .contentFooter
        {
        	position:relative;
			border-left-width:2px;
			border-right-width:2px;
			border-color:#663333;
			padding-left:0px;
			padding-right:0px;
			top:0px;
			left:0px;
			width:680px;
			height:auto;
			margin-left:auto;
			margin-right:auto;           	
			background-color:White; 
        }   
        .panelMain
        {
        	border-left:3px;
        	border-right:3px;
        	border-color:#663333;        	
        } 
        .lpanel
        {          	
      	  position:relative;    
          top:0px;  
          text-align:left;                           
          vertical-align:top;
          left:0px;
          width:150px; 
          height:auto;            
          background-color:#990000;
          z-index:2;  
          border-collapse:collapse;          
        }
        .rpanel
        {  
      	  position:relative;    
          top:0px;  
          text-align:left;                           
          vertical-align:top;
          left:0px;
          width:150px; 
          height:auto;          
          background-color:#990000;
          border-collapse:collapse;
          z-index:2;            
        }                
        .mIndexP_z1
        {
        	position:absolute;
        	top:0px;
        	left:0px;
        	height:474px;
        	width:690px;
        	background-color:transparent;
        	z-index:1;
        } 
        .mIndexBottom
        {
        	position:absolute;
        	top:Auto;
        	left:0px;
        	width:690px;
        	height:26px;        	        	
        	background-color:Transparent;  
        	z-index:1;      	       	      	
        } 
        .mIndexBText
        {
        	position:relative;
        	top:0px;
        	left:0px;
        	width:690px;
        	height:26px;
        	background:url('images/gradientMaroon2.gif') repeat-x;
        	font-size:large;
        	font-weight:bold;
        	font-family:@Arial Unicode MS;
        	color:#ffffcc;
        	text-align:center;
        	z-index:2;  
        }
        .cards
        {
        	position:absolute;
        	top:500px;
        	left:0px;
        	width:690px;
        	height:80px;        	        	
        	background-color:Transparent;  
        	z-index:1;  
        	text-align:center;   
        	font-family:@Arial Unicode MS;
        	font-size:14px;
        	font-weight:bold;
        	color:GrayText;        	
        }                    
        .gradient 
        {
          height: 30px;
          padding: 2px;
          background:url(images/gradientMaroon2.gif) 0% 0% repeat-x;
          color: #ffffcc;
          font-family:Verdana, Tahoma, Helvetica;
          font-size:12pt;
          font-weight:bold;
          text-align:center;
        }
        .gradient1 
        {
          height: 30px;
          background:url(images/gradientMaroon2.gif) 0% 0% repeat-x;
          color: #ffffcc;
          font-family:Verdana, Tahoma, Helvetica;
          font-size:12pt;
          font-weight:bold;
          text-align:center;
        }
        .gradient2 
        {
          height: 60px;
          padding: 4px;
          background: url(images/gradientButton_Grey_1w.gif) 0% 0% repeat-x;
          color: #fc2;
        }        
        .phoneOrder
        {
        	position:absolute;
        	top:500px;
        	left:0px;
        	width:690px;
        	height:40px;        	        	
        	background-color:Transparent;  
        	z-index:1;  
        	text-align:center;   
        	font-family:@Arial Unicode MS;
        	font-size:12px;
        	font-weight:bold;
        	color:GrayText;  
        }      
        .phoneOrder2
        {
        	position:relative;
        	top:0px;
        	left:0px;
        	width:690px;
        	height:40px;        	        	
        	background-color:Transparent;  
        	z-index:1;  
        	text-align:center;   
        	font-family:@Arial Unicode MS;
        	font-size:12px;
        	font-weight:bold;
        	color:GrayText;  
        }  
               
        .rangeText 
        {
        	position:relative;
        	top:0px;
        	left:0px;  
        	padding-left:3px;
        	padding-right:3px;      	
        	width:670px;              	        	
        	background-color:White;  
        	z-index:1;  
        	text-align:left;   
        	font-family:@Arial Unicode MS;
        	font-size:10px;
        	font-weight:bolder;
        	color:GrayText;  
        }   
        .listText 
        {
        	position:relative;
        	top:0px;
        	left:0px;  
        	padding-left:3px;
        	padding-right:3px;      	            	        	
        	background-color:White;  
        	z-index:1;  
        	text-align:left;   
        	font-family:@Arial Unicode MS;
        	font-size:10px;
        	font-weight:normal;
        	color:Navy;  
        } 
        .listImageText 
        {
        	position:relative;
        	top:0px;
        	left:0px;  
        	padding-left:2px;
        	padding-right:2px;      	            	        	
        	background-color:White;  
        	z-index:1;  
        	text-align:center;   
        	font-family:@Arial Unicode MS;
        	font-size:10px;
        	font-weight:normal;
        	color:Navy;  
        }  
        .memberPrice
        {
        	color:Red;
        	font-size:14px;
        	font-weight:bold;
        } 
                
        
        .JIImageLinkButton
        {
        	background:url(./images/gradientMaroon2.gif) 0% 0% repeat-x;	
	        background-color:transparent;
	        color:#ffffcc;
	        font-size:small;
          font-weight:bold;
          width:80px;	 
          height:25px;
          border-style:none;
          border-width:0px;
          z-index:10;
        }
        .JIRowBottom
        {        	
        	border-bottom-width:1px; 
        	border-bottom-color:Gray;
        	border-bottom-style:solid;
        	font:Arial;
					font-size:8pt;
					font-weight:normal;
					text-align:center;
        }        
        .leftMenuButton
        {
	        background:url(./images/gradientMaroon2.gif) 0% 0% repeat-x;	
	        background-color:transparent;
	        color:#ffffcc;
	        font-size:small;
          font-weight:bold;
          width:147px;	 
          height:25px;
          border-style:none;
          border-width:0px;
        }
         .leftMenuButtonDynamic
        {
	        background:url(./images/gradientMaroon2.gif) 0% 0% repeat-x;	
	        background-color:transparent;
	        color:#ffffcc;
	        font-size:small;
          font-weight:bold;
          width:147px;	 
          height:25px;
          border-style:none;
          border-width:0px;
          z-index:10;
        }
        .leftMenuButtonHover
        {
	        background:url(./images/gradientMaroon2.gif) 0% 0% repeat-x;
	        background-color:transparent;	
	        font-size:small;
	        font-weight:bold;
	        color:navy;
	        width:147px;
	        height:25px;
	        border-style:none;
	        border-width:0px;		
        }
        .leftMenuButtonHoverDynamic
        {
	        background:url(./images/gradientMaroon2.gif) 0% 0% repeat-x;
	        background-color:transparent;	
	        font-size:small;
	        font-weight:bold;
	        color:navy;
	        width:147px;
	        height:25px;
	        border-style:none;
	        border-width:0px;	
	        z-index:10;	
        }
        .leftMenuButtonSelected
        {
	        background:url(./images/gradientMaroon2.gif) 0% 0% repeat-x;	
	        background-color:transparent;		
	        font-size:small;
	        font-weight:bold;
	        color:navy;
	        width:147px;
	        height:25px;
	        border-style:none;
	        border-width:0px;
        }
         .leftMenuButtonSelectedDynamic
        {
	        background:url(./images/gradientMaroon2.gif) 0% 0% repeat-x;	
	        background-color:transparent;		
	        font-size:small;
	        font-weight:bold;
	        color:navy;
	        width:147px;
	        height:25px;
	        border-style:none;
	        border-width:0px;
	        z-index:10;
        }
        .headermenu
        {
	        background:url(./images/gradientMaroon2.gif) 0% 0% repeat-x;	
	        background-color:transparent;
	        border-collapse:collapse;
	        height:34px;
	        color:#ffffcc;
	        font-size:0.8em;
          font-weight:bold;
	        border-style:none;
          border-width:0px;	
        }
        .headerMenuButton
        {
	        background:url(./images/gradientMaroon2.gif) 0% 0% repeat-x;			       
	        color:#ffffcc;
	        font-size:small;
          font-weight:bold;
          width:110px;	 
          height:34px;
          border-style:none;
          border-width:0px;
        }
        .headerMenuButtonHover
        {
	        background:url(./images/gradientMaroon2.gif) 0% 0% repeat-x;		       
	        font-size:small;
	        font-weight:bold;
	        color:navy;
	        width:110px;
	        height:34px;
	        border-style:none;
	        border-width:0px;		
        }        
        .headerMenuButtonSelected
        {
	        background:url(./images/gradientMaroon2.gif) 0% 0% repeat-x;			        
	        font-size:small;
	        font-weight:bold;
	        color:navy;
	        width:110px;
	        height:34px;
	        border-style:none;
	        border-width:0px;
        }
        .gradientHeaderText
        {
		        height:30px;
  	        background:url('images/gradientButton_Grey_1w.gif') repeat-x;
  	        font-size:14pt;
  	        font-weight:bold;
  	        font-family:@Arial Unicode MS;
  	        color:Maroon;
  	        text-align:center;
        }
        .sidebarText
        {
		        height:30px;
  	        background:url('./images/gradientButton_Grey_1w.gif') repeat-x;
  	        font-size:10pt;
  	        font-weight:bold;
  	        font-family:@Arial Unicode MS;
  	        color:Gray;
  	        text-align:center;
        }
        .registerButton
        {
		        height:26px;
  	        background:url('./images/gradientButton_Grey_1w.gif') repeat-x;
  	        font-size:12pt;
  	        font-weight:bold;
  	        font-family:@Arial Unicode MS;
  	        color:Maroon;
  	        text-align:center;
        }
        .loginButton
        {
		        height:26px;
  	        background:url('./images/gradientMaroon2.gif') repeat-x;
  	        font-size:10pt;
  	        font-weight:bold;
  	        font-family:@Arial Unicode MS;
  	        color:#ffffcc;
  	        text-align:center;
        }
        .loginHeader
        {
		        height:30px;
  	        background:url('images/gradientButton_Grey_1w.gif') repeat-x;
  	        font-size:14pt;
  	        font-weight:bold;
  	        font-family:@Arial Unicode MS;
  	        color:Maroon;
  	        text-align:center;
        } 
        .smallArticleHeading
        {
	        font-family:Verdana;
	        font-size:medium;
	        color:#990000;
	        font-weight:bold;
        }
        .gridHeader
        {
	        color:#81828e;
	        font-family:@Arial Unicode MS;
	        font-weight:bold;
	        font-size:16px;
	        border-bottom-color:Silver;
	        border-bottom-width:4px;
	        border-bottom-style:ridge;
	        background-color:#f3f3f3;
        }    
        .infoBigHeader
        {
	        margin-left:0px;
	        padding-top:5px;
	        padding-left:10px;
	        color:maroon;
	        font-family:Verdana;
	        font-size:15px;
	        font-weight:bold;
        }
        .infoHeader
        {	        
	        margin-left:0px;
	        padding-top:5px;
	        padding-left:10px;
	        color:maroon;
	        font-family:Verdana;
	        font-size:13px;
	        font-weight:bold;
        }
        .subheader
        {
        	margin-left:0px;
	        padding-top:2px;
	        padding-left:0px;
	        padding-right:0px;
	        padding-bottom:5px;
	        color:#666666;
	        font-family:Verdana;
	        font-size:11px;
	        font-weight:bold;
        }
        .infoSubHeader
        {	        
	        margin-left:1px;
	        padding-top:2px;
	        padding-left:0px;
	        padding-right:10px;
	        color:#666666;
	        font-family:Verdana;
	        font-size:11px;
	        font-weight:bold;
        }
        .infoText
        {	        
	        margin-left:1px;
	        padding-top:2px;
	        padding-bottom:10px;
	        padding-left:10px;
	        padding-right:10px;
	        color:#999999;
	        font-family:Verdana;
	        font-size:10px;
	        font-weight:bolder;
        }
        .infoDiv
        {
        	margin-left:1px;
	        padding-top:2px;
	        padding-bottom:10px;
	        padding-left:10px;
	        padding-right:10px;
	        color:#999999;
	        font-family:Verdana;
	        font-size:12px;
	        font-weight:bolder;
        }
        .infoTextFP
        {	        
	        margin-left:1px;
	        padding-top:2px;
	        padding-bottom:10px;
	        padding-left:10px;
	        padding-right:10px;
	        color:#999999;
	        font-family:Verdana;
	        font-size:14px;
	        font-weight:bolder;
        }


.ulIndexPage
{
	color:Maroon;
	font-size:18px;
	font-weight:bold;
	font-family:@Arial Unicode MS;
}
.ulBenefits
{
	color:Maroon;
	font-size:14px;
	font-weight:bold;
	font-family:@Arial Unicode MS;	
}
.ulBenefitItem
{
	padding-bottom:4px;
	padding-top:4px;
}
.articleList
{
	margin-left:1px;
  padding-top:2px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
  color:#999999;
  font-family:Verdana;
  font-size:12px;
  font-weight:bolder;
}
.articleListItem
{
	padding-bottom:4px;
	padding-top:4px;
}
.articleFooter
{
	margin-left:1px;
  padding-top:2px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
  color:#999999;
  font-family:Verdana;
  font-size:16px;
  font-weight:bold;
}
.leftMenu
{
	background-color: #990000;
	width: 150px;
	color: #ffffcc;
	font-size: small;
	font-weight: bold;
	border-style: none;
	border-width: 0px;
	border-color: Gray;
	
}

.smallPageText
{
	font-family:Verdana;
	font-size:small;	
	color:#990000;
	font-weight:bold;	
}
.smallerPageText
{
	font-family:Verdana;
	font-size:smaller;	
	color:#990000;
	font-weight:bold;	
}
.smallxPageText
{
	font-family:Verdana;
	font-size:x-small;	
	color:#990000;
	font-weight:bold;	
}

.xxsmallPageText
{
	font-family:Verdana;
	font-size:xx-small;	
	color:Gray;
	font-weight:bold;	
}
.warningText
{
	font-family:Verdana;
	color:Red;
	font-weight:bold;
	font-size:x-small;
}
.warningText2
{
	font-family:Verdana;
	color:Red;
	font-weight:bold;
	font-size:small;
}
.ourPrice
{
	font-family:Verdana;
	color:Red;
	font-weight:bold;
	font-size:medium;
}
.productText
{
	font-family:Arial;
	font-size:small;
	color:Navy;
	font-weight:normal;
	border-style:none;
	border-width:0px;
	border-color:inherit;
	overflow:hidden;
}
.productHeader
{
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	color:Maroon;
	border-top-width:20px;
	border-top-style:none;
	border-top-color:inherit;
}
.productImageCell
{
	width:40%;
	text-align:center;	
	vertical-align:top;
	padding-top:50px;
}
.suitsText
{
	font-family:Arial;
	font-size:small;
	color:Navy;
}
.productHeaderRow
{
	background-color:transparent;
	text-align:center;
	height:45px;
	vertical-align:middle;
}
.rangeHeaderCell
{
	border-left-width:30px;
	border-right-width:30px;
	border-style:none;
	font-family:Arial;
	font-size:12px;
	font-style:normal;
	color:Navy;
	vertical-align:middle;
}
.hbodyimage
{
}
.addToCartLink
{
	background-color:#6699ff;
	color:White;
	font-family:Arial;
	font-size:small;
	font-weight:bold;
	border-style:outset;
	border-color:ButtonShadow;
	border-width:thick ;
	text-transform:uppercase;
	width:100px;
}
.DataListTable
{
	border-top-style:outset;
	border-top-color:#81828E;
	border-top-width:3px;
	border-collapse:collapse;
}
.xxsmallPageTextRed
{
	font-family:Verdana;
	font-size:xx-small;	
	color:Red;
	font-weight:bold;	
}
.cartAlignRight
{
	 text-align:right;
}
.cartLinkButton
{
	text-align:right;
	color:Blue;
}
.cartHeaderText
{
	font-family:Verdana;
	font-size:x-small;	
	color:#ffffcc;
	font-weight:bold;	
}
.gridview
{
	 padding:1px;	 
}
.gridItem
{
	font: Arial;
	font-size:10px;
	font-weight: normal;
	border-bottom: 40px;
	border-bottom-style:inherit;
	border-bottom-color: #FFFFFF;
}
.gridText
{
	font:Arial;
	font-size:8pt;
	font-weight:normal;
	text-align:center;
}
.loginPanelText
{
		font-size:8pt;
  	font-weight:normal;
  	font:Arial;
  	font-family:Arial, Helvetica, sans-serif;
  	color:Gray;
  	text-align:left;  	
}
.frontPagePanel
{ 
		font-size:8pt;
  	font-weight:normal;
  	font:Arial;
  	font-family:Arial, Helvetica, sans-serif;
  	color:Gray;
  	text-align:center;
  	width:660px;
  	margin-right: 5px; }

.aboutPageText
{
	font-size:10pt;
  	font-weight:normal;
  	font:Arial;
  	font-family:Arial, Helvetica, sans-serif;
  	color:Gray;
  	text-align:left;  
}
.leftmenu3
{
	display:block;
	margin-left:1px;
	padding-top:2px;
	padding-left:0px;
	color:#990000;
	font-weight:bold;
	font-size:x-small;
	font-family:Verdana;	 
}
.smallArticleText
{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	font-family:Verdana;
	font-size:small;	
	color:#000000;
	font-weight:normal;	
}

.smallPageTextNormal
{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-family:Verdana;
	font-size:small;	
	color:#990000;
	font-weight:normal;
}
.xsmallPageText
{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-family:Verdana;
	font-size:x-small;
	color:#990000;
	font-weight:normal;
}
.xsmallPageNoPostcode
{
	font-family:Verdana;
	font-size:x-small;
	color:#990000;
	font-weight:normal;
}
.xsmallPageTableRow
{
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	padding-bottom:2px;
	font-family:Verdana;
	font-size:x-small;
	color:#990000;
	font-weight:normal;
}

.xsmallPageTextBox
{	
	font-family:Arial;
	font-size:x-small;
	color:black;
	font-weight:normal;
}
.postcode
{
	font-family:Verdana;
	font-size:small;	
	color:#990000;
	font-weight:bold;
}
.imageButton
{
	border-color:Gray;
	border-width:2px;
	border-style:outset;
}
img
{  border-style: none;
}
.articleTextGray
{
		font-size:8pt;
  	font-weight:normal;
  	font:Arial;
  	font-family:Arial, Helvetica, sans-serif;
  	color:Gray;
  	text-align:left; 
}

.articleText
{
		font-size:8pt;
  	font-weight:normal;
  	font:Arial;
  	font-family:Arial, Helvetica, sans-serif;
  	color:Black;
  	text-align:left; 
}

.recommendedPricePage
{
		font-size:10pt;
  	font-weight:bold;
  	font:Arial;
  	font-family:Arial, Helvetica, sans-serif;
  	color:Black;
  	text-align:center;
}

.memberPricePage
{
	font-size:12pt;
  	font-weight:bold;
  	font:Arial;
  	font-family:Arial, Helvetica, sans-serif;
  	color:Red;
  	text-align:center;
}
.JIPrices
{
	font-size:14pt;
	font:Arial;
	font-family:Arial,Helvetica,sans-serif;
	color:Maroon;
	font-weight:bold;
	text-align:center;
}