.GenFont  { color: #000; font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.Headings  { color: #30c; font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.head0 { color: #f90; text-align:center; }
.FontButtons  { color: #666; font-size: x-small; font-family: Courier; font-weight: bold; background-color: #fff }
.GenFont { color: #221f1d; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal }
.Heading1 { color: #30c; font-size: x-small; font-family: Tahoma; font-weight: bold; background-color: #d2d2d2 }
.Head0 { color: #f90; font-size: medium; font-family: Tahoma; font-weight: bold }
.FontPass { color: #666; font-size: xx-small; font-family: Verdana, Arial, Helvetica, sans-serif }
.FinalFont { color: #fc0; font-size: medium; font-family: Verdana; font-weight: bold }
.clsSteps  { color: #c90; font-size: x-small; font-family: Verdana; font-weight: bold }
.Gen2 { color: #999; font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif }
a:link
{
    color: #333333;
    font-size: 2.8mm;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: none;
}
a:visited
{
    color: #333333;
    font-size: 2.8mm;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: none;
}
a:hover
{
    color: #ea220a;
    font-size: 2.8mm;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: underline;
}
/*.SubCat A:link { color: #000080; font-size: xx-small; font-family: Verdana; }
.SubCat A:visited { color: #000080; font-size: xx-small; font-family: Verdana; }
.SubCat A:hover { color: #000080; font-size: xx-small; font-family: Verdana; background-color: #f9d923; text-decoration: none; } */
.ClsBuyNow A:link{ color: #f03; font-size: medium; font-family: Verdana; font-weight: bold; text-decoration: none; }
.ClsBuyNow A:visited{ color: #f03; font-size: medium; font-family: Verdana; font-weight: bold; text-decoration: none; }
.ClsBuyNow A:hover{ color: #da0008; font-size: medium; font-family: Verdana; font-weight: bold; text-decoration: none; }
.SubCat A:link  { color: #214ebf; font-size: 2.8mm; font-family: verdana; font-weight: bold ; line-height: 4mm; text-decoration: none; border-bottom: 1px dotted #0f70ec; display: block; }
.SubCat A:visited { color: #214ebf; font-size: 2.8mm; font-family: verdana; font-weight: bold; line-height: 4mm; text-decoration: none; border-bottom: 1px dotted #0f70ec; display: block; }
.SubCat A:hover  { color: #ea220a; font-size: 2.8mm; font-family: verdana; font-weight: bold ; line-height: 4mm; text-decoration: none; border-bottom: 1px solid #ea220a; display: block; }
.SubCat2 A:link  { color: #0000a0; font-size: 2.4mm; font-family: Verdana; font-weight: normal ; line-height: 4mm; text-decoration: none; border-bottom-style: dotted; display: block; }
.SubCat2 A:visited { color: #0000a0; font-size: 2.4mm; font-family: Verdana; font-weight: normal ; line-height: 4mm; text-decoration: none; border-bottom-style: dotted; display: block; }
.SubCat2 A:hover  { color: #ea220a; font-size: 2.8mm; font-family: verdana; font-weight: bold ; line-height: 4mm; text-decoration: none; border-bottom: 1px solid #ea220a; display: block; }
table.FeaturedItems { border: dotted 2px #f00; }
.rrp
{
    color: #666;
    font-family: Verdana;
    text-decoration: line-through;
}
h1 { color: #ea220a; font-size: 15px; font-family: Verdana; font-weight: bold; margin: 0.67em 0; }
h2 { color: #da0008; font-size: 14px; font-family: Verdana; font-weight: bold; margin: 0.83em 0; }

/*--------------------------------------------------------------------------------*/


body
{
    margin: 0px;
    text-align: center;
    padding: 0px;
    color: #000;
    background-color: #FFFFCC;
}
#container
{
    /*background:#B1B3D6;*/
    background-color: #FFFFFF;
    width: 1000px;
    margin: 1px auto 1px auto;
    height:auto;
    
 }
#header
{
    background-image: url("images/Banner.jpg");
    height: 100px;
    text-align: center;
    margin-top: 0px;
    width: 1000px; 
}
#left
{
    margin-left: -169px; /* must be 1 pixel less than width*/
    float: left;
    width: 170px; /* must be same as left margin on #middle*/
    position: relative;
    left: -1px; /* line up exactly */
    display: inline;
    background-color: #dee3e7;
    height: auto;
}
#right
{
    margin-right: -169px;
    float: right;
    width: 170px;
    position:relative;
    right: -1px;
    display: inline;
    background-color: #dee3e7;
    height:auto;   
}


* html #left{margin-right:-3px;}/* 3 pixel jog*/
* html #right{margin-left:-3px;}/* 3 pixel jog*/

#middle
{
    background-position: #3366FF;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 660px;
    height: auto;
    z-index: auto;
}

/* mac hide and combat ie's 3 pixel jog \*/
* html #centre{overflow:hidden;float:left;width:100%}
* html #middle {height:1%;}
/* end hide*/


h1,h3,p {margin-top:0}
img{float:right;}
.clearer{
	height:1px;
	overflow:hidden;	
	margin-top:-1px;
	clear:both;
}

/*----------------------------------------------------------------------*/

.ClsLeftNav
{
   text-align:left;
   }
   
.ClsCatProDisplayContainer
{
    background-color: White;
    height: 180px;
    width: 180px;
    padding-top: 15px;
    text-align: center;
    vertical-align: text-bottom;
    border: 1px dotted #59595a;
    cursor: auto;
}

.ClsMainContainer
{
    width: 100%;
    text-align: center;
}
.ClsCatHeader
{
    width: 90%;
    background-color: #F0F2F4;
    color: #333333;
    font-family: Verdana;
    font-size: 12px;
    text-align: left;
    margin: 0px auto 5px auto;
    padding: 10px 20px 20px 10px;
}

.Dummy
{
    width: 100%;
    margin: 0px auto 5px auto;
    padding: 10px 20px 20px 10px;
}

.ClsMidMainContainer
{
    background-color:Orange;
    width:100%;   
}
#MainWindowTable
{
    width: 1000px;
    text-align: center;
}
#CatProdDisplayContainer
{
    width: auto;    
    padding-bottom: 2px;
    padding-left: auto;
    padding-right: auto;
    padding-top: 2px;   
}

#TblMain
{
    text-align:center;
      
}

#TopNav
{
    left: 10px;    
    text-align: right;
    padding-right:20px
}
.ClsHeader
{
    position: absolute;
    
    text-align: center;
    top: 0px;
    width: 1000px;
    background-repeat: repeat-x;
}

.header
{
    text-align: center;
    background-color: #ffcc33;
    height: 150px;
}
.LeftNavigation
{
    text-align: center;
    background-color: #FF99FF;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 1px;
    height: 100%;
}

.rightNavigation
{
    text-align: center;
    background-color: #FF99FF;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 1px;
    height: 100%;
}

.mainContent
{
    text-align: center;
    background-color: white;
    height: Auto;
    margin-top:1px;
           
}


.footer
{
    clear: both;
    text-align: center;
    background-color: #C0C0C0;
    height: 30px;
    width: 1000px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 8pt;
    color: black;
    font-family: Arial;
    text-decoration: none;
}
.footer a, .footer a:visited
{
    font-weight: bold;
    font-size: 8.5pt;
    color: #666666;
    font-family: Verdana;
    font-variant: small-caps;
}

.Outer
{
    width: 80%;
    height:100%;
    margin-left: auto;
    margin-right: auto;
    
    }
.CatHeaderFont
{
    font-family: Verdana;
    font-size: medium;
    color: #CC0000;
}
.ClsPageNumbers
{
    letter-spacing: 2px;
    text-align: right;
    padding-right: 20px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-top-style: none;
    padding-top: 10px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    vertical-align: middle;
    line-height: 20px;    
}

/* top navigation menu display */

.TopHeaderNavMain
{
    float: left;
    position: relative;
    margin-top: 100px;
    width: 1000px;
    text-align: left;
    background-color: #C0C0C0;
    border-bottom-style: solid;
    border-bottom-width: 10px;
    border-bottom-color: #CC0000;
}

.TopHeaderNavMain a, TopHeaderNavMain a:visited
{
    font-weight: bold;
    font-size: 8.5pt;
    color: #CC0000;
    font-family: Verdana;
    font-variant: small-caps;
    text-decoration: none;
    text-align: center;
    line-height: normal;
}
.TopHeaderNavMain a:hover
{
    font-weight: bold;
    font-size: 8.5pt;
    color: #666666;
    font-family: Verdana;
    font-variant: small-caps;
    text-decoration: none;
}

/*Left Navigation display ---------*/

.LeftNavMenuMainCat a, .LeftNavMenuMainCat a:visited
{
    font-size: 8.5pt;
    font-family: Verdana;
    font-variant: small-caps;
    line-height: 23px;
    text-align: left;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    text-decoration: none;
    color: #ffffff;
    border-bottom: white thin dotted;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom-color: #990000;
}

.LeftNavMenuSubCat a, .LeftNavMenuSubCat a:visited
{
    list-style-type: none;
    font-size: 7pt;
    font-family: Verdana;
    line-height: 20px;
    text-align: left;
    display: block;
    text-decoration: none;
    margin-left: 5px;
    color: #ffffcc;
    padding-left: 15px;
     margin-right: 5px;
}

.LeftNavMenu a, .LeftNavMenu a:visited
{
    font-size: 8pt;
    font-family: Verdana;
    font-variant: small-caps;
    line-height: 20px;
    text-align: left;
    display: block;
    margin-left: 5px;
    text-decoration: none;
    color: #214ebf;
    background-color: #dee3e7;
    padding-left: 5px;
    margin-right: 5px;
    border-bottom-color: #3366FF;
    border-bottom-style: dotted;
    border-bottom-width: thin;
    font-weight: bold;
    text-transform: none;
}


.LeftNavMenu a:hover
{
    font-size: 8pt;
    font-family: Verdana;
    font-variant: small-caps;
    line-height: 20px;
    text-align: left;
    display: block;
    margin-left: 5px;
    text-decoration: none;
    color: #FF0000;
    padding-left: 5px;
    margin-right: 5px;
    border-bottom-color: #FF0000;
    border-bottom-style: dotted;
    border-bottom-width: thin;
    font-weight: bold;
}


.LeftNavMenu_seleted
{
    font-size: 8.5pt;
    font-family: Verdana;
    font-variant: small-caps;
    line-height: 23px;
    text-align: left;
    display: block;
    margin-left: 5px;
    text-decoration: none;
    color: #CC0000;
    padding-left: 5px;
    margin-right: 5px;
    border-bottom-color: #CC0000;
    border-bottom-style: dotted;
    border-bottom-width: thin;
    font-weight: bold;
}


.RightNavMenu a, .RightNavMenu a:visited
{
    /*text-align:center;
     margin-left: 5px;
     padding-left: 5px;
    margin-right: 5px; */
    width:150px;
    
}

.ClsMyAccount
{
    padding: 10px;
    margin: auto auto auto 200px;
    font-family: Verdana;
    font-variant: small-caps;
    text-decoration: none;
    color: #990000;
}

/*-----------------------------------*/


/*Product Image display page---------*/

.ClsProductImageContainer
{
    border: 1px solid #C0C0C0;
    margin: 10px auto 10px auto;
    width: 85%; /*border: thin dotted #800080;*/
}


#ProductImage
{
     margin: 10px 10px 10px 10px;
}
#ProdHeadTitle
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    font-variant: normal;
    color: #CC0000;
    background-color: #E4E4E4;
    line-height: 28px;
    margin-right: auto;
    margin-left: auto;
    width: 85%;
}
/*-----------------------------------*/
#test
{
    width: 100px;
}

.ClsCustDetailsHeader
{
    background-color: #C0C0C0;
    font-family: Verdana;
    font-size: x-small;
    font-weight: bold;
    font-variant: small-caps;
    color: #0000FF;
}
.ClsVersionDisplay
{
    font-family: Verdana;
    font-size: 14px;
    color: #0000FF;
    text-align: left;
}
.clsConentDiv
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color: #666633;
    text-align: center;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

.clsBasketHeader
{
    background-color: #FF9900;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
}
.clsBasketLineDisplay , .clsBasketLineDisplay td
{
    background-color: #CCCCCC;
    color: #333333;
    font-family: Verdana;
    font-size: 11px;
}