/**
* @author	Jasal Vadgama/Simon Wyse - Javelin Group
* @version	1.0
* @media	screen
*
* @info		Typography (from AFRO)
*			Sizes (approx): 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
*			NB: This is included for backwards compatability, and should be removed 
*				once new styles (typography.css) accepted across the site			
*
* @contents
* =1: Base
*
* =2: Colours
* 	=2.1: Orange
* 	=2.2: Grey
*	=2.3: White
* 	=2.4: Red
*	=2.5: Black
*	=2.6: Green
*
* =3: Links
*
* =4: My Account
*
* =5: Miscellaneous
*/

/**
* =1: Base
*
* @info Base styles
*/
body {
	font-size: 100%;
}
body, input, select {
	font-family: verdana, arial, sans-serif;
}
body, input, select {
	color: #666;
}
h1 {
	font-size: 1.1em;
	color: #333;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: bold;
}
body#popup h1 {
	font-size: 1em;
}

/**
* =2.1: Orange
*
* @info Orange / Light 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;
}
.bf6018 {	
	font-size: 0.9em;
	color: #f60;
}
.bf6048 {	
	font-size: 3.2em;
	color: #f60;
}
/* Light Orange */
.bf9310, .nf9310 {
	color: #f93;
	font-size: 10px;
}
.bf9310 {
	font-weight: bold;
}
.nf9310 {
	font-weight: normal;
}

/**
* =2.2: Grey
*
* @info Light / Mid / Dark
*/

/* Light Grey */
.n99910, .n999 {
	font-weight: normal;
	color: #999;
}
.n99910 {
	font-size: 0.6em;
}

/* Mid Grey */
.b66610, .n66610, .i66610, .n66611, .b66611, .n66612 {
	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, .n66618a { 
	color: #666;
}
.b666, .b66618a { 
	font-weight: bold;
}
.b66618a, .n66618a {
	font-family: arial, verdana, sans-serif;
}
.b66618a, .n66618a {
	font-size: 1.1em;
}
.n66612 {
	font-size: 0.75em;
}

/* Dark Grey */
.n333, .n33310, .b33310, .n33311, .b33311, .n33312, .b33312, .b33313, .b33314, .b33316a, .b33324 {
	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;
}
.b33324 {
	font-size: 1.50em;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: bold;
}
a.b333:link, a.b333:active, a.b333:visited {
	color:#333;
	text-decoration:none;
}
a.b333:hover {
	color:#333;
	text-decoration:underline;
}

/**
* =2.3: White
*
* @info White
*/
.fff {
	color: #fff;
}
.afff, a.afff, a.afff:visited {
	color: #fff;
	text-decoration:none;
}
a.afff:hover {
	color: #fff;
	text-decoration:underline;
}
.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;
}
.bfff13 {
	font-weight: bold;
	font-size: 0.8em;
	color: #fff;
}
.bfff14 {
	font-weight: bold;
	font-size: 0.9em;
	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;
}
.bfff24a {
	font-weight: bold;
	font-size: 1.5em;
	font-family: arial, verdana, sans-serif;
	color: #fff;
}
.bfff30 {	
	font-size: 1.5em;
	color: #fff;
}

/**
* =2.4: Red
*
* @info 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;
}

/**
* =2.5: Black
*
* @info Black
*/
.b000, .b00010, .b00011, .b00012, .b00013, .b00014, .i00010, .n00010, .n00014, .b00018, .b00024 {
	color: #000;
}
.b000, .b00010, .b00011, .b00012, .b00013, .b00014, .b00018, .b00024 {
	font-weight: bold;
}
.b00010, .i00010, .n00010 {
	font-size: 0.6em;
}
.b00011 {
	font-size: 0.7em;
}
.b00012 {
	font-size: 0.75em;
}
.b00013 {
	font-size: 0.8em;
}
.b00014, .n00014 {
	font-size: 0.9em;
}
.b00018 {
	font-size: 18px;
}
.i00010 {
	font-style: italic;
}
.b00024 {
	font-size: 1.50em;
}

/**
* =2.6: Green
*
* @info Green
*/
.b09010 {
 color: #090;
 font-size: 0.6em;
 font-weight: bold;
}
.b5b0, .b5b011 {
	color: #5dba00;
}
.b5b0, .b5b011 {
	font-weight: bold;
}
.b5b011 {
	font-size: 0.7em;
}

/**
* =3: Links
*
* @info 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;

}

/**
* =4: My Account
*
* @info removed from ie_bq.css
*/
.darkblueheader { background-color:#4E3D85; font-family:Verdana, Arial; font-size:14px; color:#FFFFFF; font-weight:bold }

.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 {
	padding:0 0 3px 0;
	color:#f00;
}

a.emsglink:link, a.emsglink:active, a.emsglink:visited { font-family:verdana, arial, helvetica; color:#D90000; font-size:10px; font-weight:bold; text-decoration:none }
a.emsglink:hover { color:#D90000; text-decoration:underline }
.emsgbl { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:11px; color:#3366CC; font-weight:bold }


/**
* =5: Miscellaneous
*
* @info Misc. links, seasonal links. 
*/
.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;
}

/* Christmas 2007 */
.n24202111 {
	color:#242021;
}
.n24202111 {
	font-size:0.7em;
}
.ba2906115a {
	color: #a29061;
	font-size:0.95em;
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
}

/* Mother's Day */
.n92588411 {
	color:#925884;
	font-size:0.7em;
}
.b92588412 {
	color:#925884;
	font-size:0.75em;
	font-weight:bold;
}
a.b925884:link, a.b925884:active, a.b925884:visited {
	color:#925884;
	font-weight:bold;
	text-decoration:underline;
}
a.b925884:hover {
	text-decoration:none;
}

/* Unique Easter font styles  */

.bf6060 {
	font-size:3.5em;
	font-weight:bold;
	color:#ff6600;
	font-family:Arial, Helvetica, sans-serif;
}

.bf6025 {
	font-size:2.1em;
	font-weight:bold;
	color:#ff6600;
	font-family:Arial, Helvetica, sans-serif;
}

.n33330 {
	font-size:1.875em;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
}

.bfff40 {
	font-size:2.5em;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
}

.bfff90 {
	font-size:5.63em;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}