/* HTML Styles */
/**
font styles for html elements
classes where we can set the font size
classes where we cannot set the font size
styles applied to block elements
link styles
**/
/** px to ems: 9:0.55, 10:0.6, 11:0.7, 12:0.75, 13:0.8, 14:0.9, 15:0.95, 16:1, 17:1.05, 18:1.1 **/
body {
font-size: 100%;
}
body, input, select, td {
font-family: verdana, arial, sans-serif;
}
body, input, select {
color: #666;
}
input, select {
font-size: 0.6em;
}
h1 {
font-size: 1.1em;
color: #333;
font-family: Arial, Verdana, Sans-serif;
font-weight: bold;
}
body#popup h1 {
font-size: 1em;
}
/* Orange */
.bf6011, .bf6010, a.bf6010, .nf6010,
.nf6011, .bf6018a, .nf6018a, .nf6014,
.bf6014, .bf6014a, h6, .nf60 {
color: #f60;
}
.bf6011, .bf6010, a.bf6010, .bf6014,
.bf6014a, .bf6018a,
h6, .bf60 {
font-weight: bold;
}
.bf6018a, .nf6018a, .bf6014a {
font-family: arial, verdana, sans-serif;
}
.bf6010, .nf6010, .nf6010 h2{
font-size: 0.6em;
}
.bf6011, .nf6011 {
font-size: 0.7em;
}
.nf6014, .bf6014, .bf6014a {
font-size: 0.8em;
}
.bf6018a, .nf6018a {
font-size: 1em;
}
/* Light Orange */
.bf9310, .nf9310 {
color: #f93;
font-size: 10px;
}
.bf9310 {
font-weight: bold;
}
.nf9310 {
font-weight: normal;
}
/* Light Grey */
.n99910, .n999 {
font-weight: normal;
color: #999;
}
.n99910 {
font-size: 0.6em;
}
/* Mid Grey */
.b66610, .n66610, .i66610, .n66611, .b66611 {
color: #666;
font-size: 0.6em;/*10px;*/
}
.b66610, .b66611 {
font-weight: bold;
}
.n66610, .i66610 {
font-weight: normal;
}
.i66610 {
font-style: italic;
}
.b66611, .n66611 {
font-size: 0.7em;
}
.n666, .b666, .b66618a {
color: #666;
}
.b666, .b66618a {
font-weight: bold;
}
.b66618a {
font-family: arial, verdana, sans-serif;
}
.b66618a {
font-size: 1.1em;
}
/* Dark Grey */
.n33310, .b33310, .n33311, .b33311, .n33312, .b33312, .b33313, .b33314, .b33316a {
color: #333;
}
.n33310, .b33310 {
font-size: 0.6em;
}
.n33311, .b33311 {
font-size: 0.7em;
}
.n33312, .b33312 {
font-size: 0.75em;
}
.n33310 {
font-weight: normal;
}
.b333, .b33310, .b33311, .b33312, .b33313, .b33314, .b33316a {
font-weight: bold;
}
.b33313 {
font-size: 0.8em;
}
.b33314 {
font-size: 0.9em;
}
.b33316a {
font-size: 1em;
}
.b33316a {
font-family: arial, verdana, sans-serif;
}
/* White */
.fff {
color: #fff;
}
.bfff10, a.bfff10, a.bfff10:visited {
font-weight: bold;
font-size: 0.6em;
color: #fff;
}
.nfff18a, h6.nfff18a {
font-family: arial, verdana, sans-serif;
font-weight: normal;
font-size: 18px;
color: #fff;
}
.bfff11 {
font-weight: bold;
font-size: 0.7em;
color: #fff;
}
.nfff11 {
font-size: 0.7em;
color: #fff;
}
.bfff12 {
font-weight: bold;
font-size: 0.75em;
color: #fff;
}
.bfff15a {
font-weight: bold;
font-size: 0.95em;
font-family: arial, verdana, sans-serif;
color: #fff;
}
.bfff16a {
font-weight: bold;
font-size: 1em;
font-family: arial, verdana, sans-serif;
color: #fff;
}
.bfff18a {
font-weight: bold;
font-size: 1.1em;
font-family: arial, verdana, sans-serif;
color: #fff;
}
a.bfff11v {
font-weight: bold;
font-size: 10px;
color: #fff;
}
/* Red */
.nf00, .bf00, .nf0010, .bf0010, .bif0010, .if0010, .bf0011, .nf0012, .bf0014, .bf0024a {
color: #f00;
}
.nf0010, .bf0010, .bif0010, .if0010 {
font-size: 0.65em;
}
.bf00, .bf0010, .bf0011, .bf0014, .bf0024a {
font-weight: bold;
}
.bif0010 {
font-weight: bold;
font-style: italic;
}
.if0010 {
font-style: italic;
}
.bf0011 {
font-size: 0.7em;
}
.nf0012 {
font-size: 0.75em;
}
.bf0014 {
font-size: 0.9em;
}
.bf0024a {
font-size: 1.5em;
font-family: arial, verdana, sans-serif;
}
/* Black */
.b000, .b00010, .b00011, .b00012, .b00014, .i00010, .n00010, .n00014, .b00018 {
color: #000;
}
.b000, .b00010, .b00011, .b00012, .b00014, .b00018 {
font-weight: bold;
}
.b00010, .i00010, .n00010 {
font-size: 0.6em;
}
.b00011 {
font-size: 0.7em;
}
.b00012 {
font-size: 0.8em;
}
.b00014, .n00014 {
font-size: 0.9em;
}
.b00018 {
font-size: 18px;
}
.i00010 {
font-style: italic;
}
/* Green */
.b09010 {
color: #090;
font-size: 0.6em;
font-weight: bold;
}
.b5b0 {
color: #5dba00;
font-weight: bold;
}
/* My Account styles - removed from ie_bq.css */
.darkblueheader {
background-color:#4E3D85;
font-family:Verdana, Arial;
font-size:14px;
color:#FFFFFF;
font-weight:bold
}
/* Generic Links */
/*------------------------------------------------------*/
a {
color: #f60;
text-decoration: none;
}
a:hover {
color: #f60;
text-decoration: underline;
}
a.n66610:hover span, a.n666:hover span,
a.nf6010:hover span.n999 {
color: #f60;
}
a:hover span.productNameBlock {
text-decoration: underline;
cursor: pointer;
}
a.nf00:link, a.nf00:active, a.nf00:visited {
color:#666;
text-decoration:none;
}
a.nf00:hover {
color:#f00;
text-decoration:underline;
}
a.bf00:link, a.bf00:active, a.bf00:visited {
color:#f00;
text-decoration:none;
}
a.bf00:hover {
color:#f00;
text-decoration:underline;
}
a.bfff:link, a.bfff:active, a.bfff:visited {
color:#fff;
text-decoration:none;
}
a.bfff:hover {
text-decoration:underline;
}
/* Specific links */
/*------------------------------------------------------*/
#footerBlock a.n666{
font-size: 0.6em;
}
#featuredProductsBlock span.icon a.bfff10:hover {
color: #fff;
}
#productFeaturesBlock .h2Title a {
color: #333;
}
#productFeaturesBlock .h2Title a:hover {
text-decoration: none;
}
/* Styles by element */
/*------------------------------------------------------*/
#compareTableBlock input, #compareTableBlock td.priceBlock {
font-size: 1.0em;
}
#footerBlock h2 {
font-size: 0.7em;
line-height: 0.7em;
}
/* Styles needed for old site (my account) */
.whitetextsml { font-family:Verdana, Arial; font-size:10px; color:#FFFFFF; text-decoration:none }
.whitetextvsml { font-family:Verdana, Arial; font-size:9px; color:#FFFFFF; text-decoration:none }
.purpletext { font-family:Verdana, Arial; font-size:11px; color:#4E3D85; text-decoration:none }
.purpletextvsml,.purpletextvsml:link,.purpletextvsml:visited,.purpletextvsml:active { font-family : Verdana, Arial ; font-size : 9px; color: #4E3D85; text-decoration:none}
.purpletextvsml:hover {text-decoration:underline }
a.whitetextsml:link, a.whitetextsml:visited, a.whitetextsml:active { font-family:Verdana, Arial; font-size:10px; color:#FFFFFF; text-decoration:none }
a.whitetextsml:hover { text-decoration:underline }
a.whitetextvsml:link, a.whitetextvsml:visited, a.whitetextvsml:active { font-family:Verdana, Arial; font-size:9px; color:#FFFFFF; text-decoration:none }
a.whitetextvsml:hover { text-decoration:underline }
.emsg { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:11px; color:#FF0000; font-weight:bold }
a.emsglink:link, a.emsglink:active, a.emsglink:visited { font-family:verdana, arial, helvetica; color:#0000FF; font-size:10px; font-weight:bold; text-decoration:none }
a.emsglink:hover { color:#FF6600; text-decoration:underline }
.emsgbl { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:11px; color:#3366CC; font-weight:bold }
.n09010, a.n09010:link, a.n09010:active, a.n09010:visited {
color: #009900;
font-size: 10px;
}
/* Firefox here to help title fix */
.merchLinks a:hover {
color: #f60;
text-decoration: none;
}
/*** New for AFRO ***/
/** Set font specs directly to block elements **/