html, body 
{
background-color:#002244;
text-align:center;
font-family:"trebuchet MS", arial, helvetica, tahoma;
font-size:14px;
margin-top:0px;
}

div.main
{
margin:auto;
margin-top:0px;
background-color:#ffffff;
width:880px;
min-height:500px;
padding:0px 5px;
text-align:left;
color:#002244;
}

div.menubar
{
background-color:#4295CE;
padding:10px 0px;
}

div.nav
{
background-color:#4295CE;
float:left;
width:160px;
border-color:#002244;
border-style:solid;
border-width:0px 1px 1px 0px;}

div.basketview
{width:100%;
text-align:right;
border-style:solid;
border-color:#002244;
border-width:0px 0px 1px 0px;
font-size:11px;
line-height:15px;
padding-bottom:3px;
}


div.content
{
margin-left:166px;
background-color:#ffffff;
text-align:center;
padding:5px;	
font-size:12px;
line-height:14px;
}

div.specialoffer
{
background-color:#ffffff;
font-family:verdana,tahoma,sans-serif;
width:310px;
height:88px;
background-image:url(../images/special_offer.gif);
background-repeat:no-repeat;
padding:1px;
font-size:28px;
color:#002244;
text-align:center;
font-weight:normal;
line-height:16px;
border-style:solid;
border-color:#002244;
border-width:1px;
}

div.red_button
{
width:343px;
height:58px;
background-image:url(../images/red_button.gif);
background-repeat:no-repeat;
margin:auto;
padding:22px 0px 0px 20px;
font-size:15px;
text-align:left;
}

div.free_delivery
{
}

div.footer
{
margin-top:3px;
clear:both;
padding:5px;
text-align:center;
color:#666666;
font-size:10px;
border-style:solid;
border-color:#4295CE;
border-width:3px 0px 0px 0px;
}

div.panel
{
background-color:#ffffff;
padding:15px;
border-style:solid;
border-color:#002244;
border-width:1px 4px 4px 1px;

}
/*now pale blue */
div.palegreen
{
padding:8px 1px;
background-color:#ACD9F7;
text-align:center;}

div.secure
{
border-style:solid;
background-color:#ffffff;
border-color:#002244;
border-width:1px 0px 1px 1px;
}

table.add_to_basket
{
font-size:11px;
line-height:12px;
padding:1px;
spacing:1px;
background-color:#ECF7FD;
width:100%;
text-align:left;
}

table.add_to_basket td
{
font-size:11px;
line-height:12px;
padding:1px;
spacing:1px;
background-color:#ECF7FD;
}
.product
{
padding:0px;
background-color:#ECF7FD;
border-style:solid;
border-color:#ECF7FD;
border-width:5px;
}

.product2
{

padding:0px;
background-color:#ECF7FD;
border-style:solid;
border-color:#ECF7FD;
border-width:5px;
}


.key
{
font-size:10px;
color:#666666;
line-height:10px;
}

h1
{font-size:17px;
color:#3184bd;
}

h2
{font-size:15px;
color:#3184bd;
margin:4px 0px;
}


h3
{font-size:14px;
color:#3184bd;
margin:2px 0px;
}


table.colour_chart
{
width:70px;
}

td.swatch
{
padding:6px 0px;
text-align:center;
}
table.colour_chart2
{
spacing:5px;
}

td.swatch2
{

padding:0px;
text-align:center;
border-style:solid;
border-color:#002244;
border-width:1px;
}

a:link {color:#242499;text-decoration:none;font-weight:bold;}
a:visited {color:#242499;text-decoration:none;font-weight:bold;}
a:hover {color:#4295CE; text-decoration:none;font-weight:bold;}

a.special:link {color:#CC3333;text-decoration:none;font-weight:bold;}
a.special:visited {color:#CC3333;text-decoration:none;font-weight:bold;}
a.special:hover {color:#CC3333; text-decoration:none;font-weight:bold;}

a.white:link {color:#ffffff;text-decoration:none;font-weight:bold;}
a.white:visited {color:#ffffff;text-decoration:none;font-weight:bold;}
a.white:hover {color:#ffff33; text-decoration:none;font-weight:bold;}

.large
{font-size:17px;}


#menu a, #menu a:visited {
  font-size:12px;
  text-decoration:none;
  text-align:left;
  background-color:#ACD9F7; 
  color:#002244;
  display:block; 
  width:140px; 
  padding:2px 5px;
  margin:0.5em auto;
  border-left:5px solid #4295CE;
  border-right:5px solid #4295CE;
  font-weight:bold;
  }
#menu a:hover {
  border-left:5px solid #002244;
  border-right:5px solid #002244;
  background-color:#ffffff; 
  }


#menu2 a, #menu2 a:visited {
  font-size:12px;
  text-decoration:none;
  text-align:left;
  background-color:#acd9f7; 
  color:#002244;
  display:block; 
  width:140px; 
  padding:1px 5px;
  margin:1px auto;
  border-left:5px solid #4295CE;
  border-right:5px solid #4295CE;
  }
#menu2 a:hover {
  border-left:5px solid #002244;
  border-right:5px solid #002244;
  background-color:#ffffff; 
  }