/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
/* ----- */

body { font: 13px/1.2 Arial, Helvetica, Verdana, sans-serif; }
#container { width: 960px; margin: 0 auto; padding: 10px 0 0; position: relative; }
#stamp { width: 141px; height: 142px; position: absolute; top: 130px; right: -10px; text-indent: -9999px; background: url(../_assets/readersDigestStamp.png) 0 0 no-repeat; }

body#content #stamp { left: 825px; top: 200px; }

/* --- Nav --- */
	ul#nav { margin: 5px 0 0 50px; float: left; display: inline; }
	a.main span { display: block; height: 0; overflow: hidden; }
	a.main { width: 108px; height: 108px; display: block; }

	#one a.main { background: url(../_assets/btnOneForAll.png) 0 0 no-repeat; }
	#products a.main { background: url(../_assets/btnFlashProducts.png) 0 0 no-repeat; }
	#find a.main { background: url(../_assets/btnFindYourFlash.png) 0 0 no-repeat; }

	.navButton:hover { cursor: pointer; }
	ul#nav a:hover, ul#nav a.on, ul#nav a.hovering { background-position: 0 -108px; }
	
	#whereToBuy { position: absolute; top: 10px; left: 385px; }
	#whereToBuy, #header #whereToBuy a { width: 147px; height: 147px; }
	#whereToBuy a { display: block; background: url(../_assets/btnWhereToBuy.png) 0 0 no-repeat; }
	#whereToBuy span { display: block; height: 0; overflow: hidden; }
	#whereToBuy a:hover, #header #whereToBuy a.on, #header #whereToBuy a.hovering { background-position: 0 -147px; }	
/* --- / Nav --- */

/* --- Index page --- */
	body#home { background: url(../_assets/bgHome.jpg) center 50px no-repeat; }
	
	#home h1 { width: 250px; height: 192px; margin: 0 0 0 65px; text-indent: -9999px; background: url(../_assets/logo.png) 0 0 no-repeat; }	
	
	#home li { clear: both; }
	#home li a.main, #home li div { float: left; }

	#home h2 { height: 21px; margin: 0 0 5px; text-indent: -9999px; }
	#home h3 { margin: 0 0 3px; font-family: Helvetica, Verdana, sans-serif; font-size: 15.46px; font-weight: normal; }

	#home #one h2 { width: 224px; background: url(../_assets/navOneForAll.gif) 0 0 no-repeat; }
	#home #products h2 { width: 198px; background: url(../_assets/navFlashProducts.gif) 0 0 no-repeat; }
	#home #find h2 { width: 203px; background: url(../_assets/navFindYourFlash.gif) 0 0 no-repeat; }
		
	#home li div.detail { margin: 20px 0 0 10px; }
	#home li div a { color: #000; }
	#home li div a:hover { text-decoration: underline; }
/* --- / Index page --- */

/* --- Content page --- */
	
	#header { position: absolute; top: 10px; left: 0; }
	
	#header a.logo { width: 250px; height: 192px; margin: 0 0 0 65px; display: block; background: url(../_assets/logo.png) 0 0 no-repeat; }
	#header a.logo span { display: block; height: 0; overflow: hidden; }
		
	body#content #container { z-index: 12; background: url(../_assets/contentStrip.gif) 91px 0 repeat-y; }
	body#content ul#nav, body#content ul#nav li { width: 108px; }
	* html body#content ul#nav li { margin-left: -16px; }
	
	#top { width: 864px; height: 321px; position: absolute; top: 0; left: 65px; z-index: -1; background: #fff url(../_assets/contentTop.jpg) 0 bottom no-repeat; }
		
	body#content h1 { text-indent: -9999px; }
	h1#tOneForAll { width: 224px; height: 21px; margin: 0 0 8px; background: url(../_assets/navOneForAll.gif) 0 0 no-repeat; }
	h1#tFlashSpecialistCleaners { width: 331px; height: 26px; margin: 0 0 3px; background: url(../_assets/tFlashSpecialistCleaners.gif) 0 0 no-repeat; }
	h1#tFindYourFlash { width: 203px; height: 21px; margin: 0 0 8px; background: url(../_assets/tFindYourFlash.gif) 0 0 no-repeat; }
	h1#tWhereToBuy { width: 253px; height: 26px; margin: 0 0 3px; background: url(../_assets/tWhereToBuy.gif) 0 0 no-repeat; }
	
	#copy { width: 675px; margin: 0 0 0 91px; padding: 180px 0 50px 109px; font: 14px/1.2 Helvetica, Verdana, Arial, sans-serif; }
	body.oneForAll #copy { background: url(../_assets/packsOneForAll.jpg) 0 bottom no-repeat; }
	body.products #copy { background: url(../_assets/productPackShots.jpg) 0 bottom no-repeat; }
	
	#copy p.intro { width: 350px; font-size: 16px; }
	#copy ul.intro { margin: 10px 0 0; font-size: 18px; font-weight: bold; list-style: square outside url(../_assets/bullet.gif); }
	#copy ul.intro li { margin: 5px 0 0 15px; padding: 0 0 0 10px; line-height: 1; }
	
	#variants { padding: 20px 0 0 251px; }
	#variants h2 { width: 432px; margin: 20px 0 10px; text-indent: -9999px; }
	#variants p { padding: 0 50px 0 0; }
	#variants .grapefruit h2 { height: 20px; background: url(../_assets/tPinkGrapefruit.png) 0 0 no-repeat; }
	#variants .lemons h2 { height: 20px; background: url(../_assets/tCrispLemons.png) 0 0 no-repeat; }
	#variants .cascade h2 { height: 17px; background: url(../_assets/tCleanCascade.png) 0 0 no-repeat; }
	#variants .lavender h2 { height: 17px; background: url(../_assets/tLavenderAndCamomile.png) 0 0 no-repeat; }
	
	body.produtcts #variants h2 { width: 423px; }
	#variants .bathroom h2 { height: 17px;  background: url(../_assets/tBathroom.png) 0 0 no-repeat; }
	#variants .kitchen h2 { height: 17px; background: url(../_assets/tKitchen.png) 0 0 no-repeat; }
	#variants .sprayWithBleach h2 { height: 20px; background: url(../_assets/tSprayWithBleach.png) 0 0 no-repeat; }
	#variants .ultimateSpray h2 { height: 20px; background: url(../_assets/tUltimateSpray.png) 0 0 no-repeat; }
	#variants .woodenFloors h2 { height: 17px; background: url(../_assets/tWoodenFloors.png) 0 0 no-repeat; }
	#variants .specialSurfaces h2 { height: 20px; background: url(../_assets/tSpecialSurfaces.png) 0 0 no-repeat; }
	#variants .wipes h2 { height: 20px; background: url(../_assets/tWipes.png) 0 0 no-repeat; }
	
	#flashmovie { position: relative; top: 50px; left: -26px; }
	
	#whiteBox { width: 606px; height: 305px; position: relative; margin: 25px 0 0; background: url(../_assets/whiteBox.gif) 0 0 no-repeat; }
	
	#supermarkets li { position: absolute; }
	#supermarkets a { display: block; }
	#supermarkets span { display: block; height: 0; overflow: hidden; }
	
	#lSainsburys { top: 59px; left: 83px; }
	#lSainsburys a { width: 167px; height: 60px; background: url(../_assets/lSainsburys.gif) 0 0 no-repeat; }
	
	#lmySupermarket { top: 70px; left: 325px; }
	#lmySupermarket a { width: 216px; height: 35px; background: url(../_assets/lmySupermarket.gif) 0 0 no-repeat; }
	
	#lAsda { top: 194px; left: 59px; }
	#lAsda a { width: 133px; height: 39px; background: url(../_assets/lAsda.gif) 0 0 no-repeat; }
	
	#lOcado { top: 175px; left: 259px; }
	#lOcado a { width: 93px; height: 78px; background: url(../_assets/lOcado.gif) 0 0 no-repeat; }
	
	#lTesco { top: 192px; left: 417px; }
	#lTesco a { width: 142px; height: 39px; background: url(../_assets/lTesco.gif) 0 0 no-repeat; }
	
/* --- / Content page --- */

/* --- Footer --- */
	#footer { width: 100%; min-width: 960px; position: relative; top: 65px; z-index: 12; float: left; font: 9px/1.2 Verdana, Helvetica, sans-serif;  }
	body#content #footer { height: 61px; padding: 95px 0 0; top: 0; background: url(../_assets/contentBottom.jpg) center 0 no-repeat; }
	* html body#content #footer { width: 960px !important; margin: 0 auto; float: none; }
	#footerNavWrap { width: 100%; position: relative; overflow: hidden; }
	#footer a { color: #000; }
	#footer a:hover { text-decoration: underline; }
	#footer ul { position: relative; left: 50%; }
	#footer ul, #footer li, #footer li a { float: left; clear: none; }
	#footer li { padding: 0 10px; position: relative; right: 50%; border-right: 1px solid black; }
	#footer li.last { border: none; }
	#footer a#freshliving { width: 92px; height: 29px; display: block; margin: 25px auto; clear: both; background: url(../_assets/freshliving.gif) 0 0 no-repeat; }
	#footer a span { display: block; height: 0; overflow: hidden; }
/* --- / Footer --- */