body#home-page { background: #e93862 url(images/body.gif) repeat-x center top; margin: 0; padding: 0; text-align: center; font: 62.5% "Lucida Sans Unicode",Verdana,Arial,sans-serif; }
	body#page { background: #ececec url(images/page_body.gif) repeat-x center top;; margin: 0; padding: 0; text-align: center; font: 62.5% "Lucida Sans Unicode",Verdana,Arial,sans-serif; }
	
	h1, h2, h3, h4, p, ul, li, ol { padding: 0; margin: 0; list-style: none; }
	
	a img { border: none; }
	
	
	#wrapper { margin: 0 auto; width: 1000px; }
	
	
	#header { height: 130px; text-align: left; }
	
	
	#header img { float: left; margin: 70px 0 0 50px; display: inline; overflow: hidden; }
	
	#header ul { float: right; width: 580px; margin: 70px 0 0 0px; height: 60px; position: relative; }
	#header ul li { }
	#header ul li#li-home { background: url(images/header-ul/home.gif) 0 -20px; width: 43px; height: 13px; text-indent: -5000px; overflow: hidden; position: absolute; left: 0; top: 25px;  }
	#header ul li#li-home a { background: url(images/header-ul/home.gif) 0px 0px; width: 43px; height: 13px; display: block; text-indent: -5000px; overflow: hidden; }
	#header ul li#li-home a:hover { background-position: 0px -20px; }
	#header ul li#li-view-packs { background: url(images/header-ul/view_packs.gif) 0 -20px; width: 85px; height: 13px; text-indent: -5000px; overflow: hidden; position: absolute; left: 80px; top: 25px; }
	#header ul li#li-view-packs a { background: url(images/header-ul/view_packs.gif) 0 0; width: 85px; height: 13px; display: block; text-indent: -5000px; overflow: hidden; }
	#header ul li#li-view-packs a:hover { background-position: 0 -20px; }
	#header ul li#li-create-a-custom-pack { background: url(images/header-ul/create_a_custom_pack.gif) 0 -20px; width: 170px; height: 12px; text-indent: -5000px; overflow: hidden; position: absolute; left: 200px; top: 25px; }
	#header ul li#li-create-a-custom-pack a { background: url(images/header-ul/create_a_custom_pack.gif) 0 0; width: 170px; height: 12px; display: block; text-indent: -5000px; overflow: hidden; }
	#header ul li#li-create-a-custom-pack a:hover { background-position: 0 -20px; }
	#header ul li#li-benefits { background: url(images/header-ul/benefits.gif) 0 -20px; width: 122px; height: 12px; margin-right: 0; text-indent: -5000px; overflow: hidden; position: absolute; left: 395px; top: 25px; }
	#header ul li#li-benefits a { background: url(images/header-ul/benefits.gif) 0 0; width: 122px; height: 12px; display: block; text-indent: -5000px; overflow: hidden; }
	#header ul li#li-benefits a:hover { background-position: 0 -20px; }
	
	
	
	body#home-page #main { width: 1000px; background: url(images/main.gif);  }
	body#page #main { width: 1000px; background: url(images/page_wrapper.gif);  }
	
	
	#blue-paint { height: 390px; background: url(images/blue-paint/bg.gif); }
	
	#blue-paint ol { float: left; text-align: left; padding: 90px 0 0 90px; }
	#blue-paint ol li#li-choose-a-pack { background: url(images/blue-paint/choose_a_pack.gif) left bottom; width: 290px; height: 50px; }
	#blue-paint ol li#li-choose-a-pack a { background: url(images/blue-paint/choose_a_pack.gif) left top; width: 290px; height: 50px; display: block; text-indent: -5000px; overflow: hidden; }
	#blue-paint ol li#li-choose-a-pack a:hover { background-position: left bottom; }
	#blue-paint ol li#li-order-online { background: url(images/blue-paint/order_online.gif) left bottom; width: 280px; height: 40px; }
	#blue-paint ol li#li-order-online a { background: url(images/blue-paint/order_online.gif) left top; width: 280px; height: 40px; display: block; text-indent: -5000px; overflow: hidden; }
	#blue-paint ol li#li-order-online a:hover { background-position: left bottom; }
	#blue-paint ol li#li-get-packs-delivered { background: url(images/blue-paint/get_packs_delivered.gif) left bottom; width: 310px; height: 80px; }
	#blue-paint ol li#li-get-packs-delivered a { background: url(images/blue-paint/get_packs_delivered.gif) left top; width: 310px; height: 80px; display: block; text-indent: -5000px; overflow: hidden; }
	#blue-paint ol li#li-get-packs-delivered a:hover { background-position: left bottom; }
	
	#choose-a-pack { float: right; width: 460px; height: 340px; background: url(images/choose-a-pack/bg.gif); margin: 0 50px 0 0; display: inline; overflow: hidden; }
	#choose-a-pack h4 { float: right; background: url(images/choose-a-pack/h4.gif) no-repeat left bottom; width: 220px; height: 30px; display: block; text-indent: -5000px; overflow: hidden; padding: 40px 30px 0 0; float: right;  }
	#packs { clear: right; }
	#gcse-pack { clear: right; width: 160px; height: 240px; background: url(images/choose-a-pack/gcse_pack.jpg) no-repeat left bottom; float: left; margin: 0px 0 0 50px; display: inline; overflow: hidden; }
	#gcse-pack a { width: 160px; height: 240px; background: url(images/choose-a-pack/gcse_pack.jpg) no-repeat left top; float: left; margin: 0px 0 0 0px; display: block; text-indent: -5000px; overflow: hidden; }
	#gcse-pack a:hover { background-position: right top }
	#a-level-pack { width: 180px; height: 240px; background: url(images/choose-a-pack/a_level_pack.jpg) no-repeat left bottom; float: left; margin: 0px 0 0 40px; display: inline; overflow: hidden; }
	#a-level-pack a { width: 180px; height: 240px; background: url(images/choose-a-pack/a_level_pack.jpg) no-repeat left top; float: left; margin: 0px 0 0 0px; display: block; text-indent: -5000px; overflow: hidden; }
	#a-level-pack a:hover { background-position: right top }
	
	
	#content { background: url(images/hp-intro/bg.gif) no-repeat 500px 0px;	}
	body#page #content { background: url(images/view-packs/content.gif) no-repeat center top; text-align: left; padding: 0 0 30px 0; }
	
	#hp-benefits { width: 500px; height: 390px; background: url(images/hp-benefits/bg.jpg); float: left; position: relative; }
	#saves-money { background: url(images/hp-benefits/saves_money.gif) left bottom; width: 180px; height: 100px; position: absolute; right: 0; top: 10px;  }
	#saves-money a { background: url(images/hp-benefits/saves_money.gif) left top; width: 180px; height: 100px; display: block; text-indent: -5000px; overflow: hidden; }
	#saves-money a:hover  { background-position: left bottom; }
	#presentation { background: url(images/hp-benefits/presentation.gif) left bottom; width: 210px; height: 100px; position: absolute; right: 0; top: 270px;  }
	#presentation a { background: url(images/hp-benefits/presentation.gif) left top; width: 210px; height: 100px; display: block; text-indent: -5000px; overflow: hidden; }
	#presentation a:hover  { background-position: left bottom; }
	#peer-pressure { background: url(images/hp-benefits/peer_pressure.gif) left bottom; width: 170px; height: 100px; position: absolute; left: 25px; top: 50px;  }
	#peer-pressure a { background: url(images/hp-benefits/peer_pressure.gif) left top; width: 170px; height: 100px; display: block; text-indent: -5000px; overflow: hidden; }
	#peer-pressure a:hover  { background-position: left bottom; }
	
	
	#hp-intro { width: 494px; height: 390px; float: right; text-align: left; }
	#hp-intro h1 { width: 315px; height: 25px; display: block; background: url(images/hp-intro/h1.gif) no-repeat right top; padding: 0 0 0 38px; margin: 15px 0 12px 0; text-indent: -5000px; overflow: hidden; }
	#hp-intro p { padding: 0 75px 0 40px; margin: 0 0 12px 0; font: 1.25em/1.55em Arial; color: #666; }
	#hp-intro p#view-student-packs { text-align: center; }
	#hp-intro p#view-student-packs a { background: url(images/hp-intro/cta.gif) no-repeat left top; width: 230px; height: 50px; margin: 15px auto 0 auto; display: block; text-indent: -5000px; overflow: hidden; }
	#hp-intro p#view-student-packs a:hover { background-position: left bottom; }
	
	
	/* ##### .view-packs ##### */
	
	#view-packs-intro h1 { float: left; background: url(images/view-packs/h1.gif) no-repeat right top; width: 420px; height: 110px; padding: 0 0 0 50px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 25px 0; }
	#view-packs-intro p { float: left; padding: 35px 0px 0 0px; font-size: 1.2em; color: #fff; width: 440px; display: inline; overflow: hidden; margin: 0 0 0 30px;  }
	#view-packs-intro p a { color: #fff; }
	
	.pack { width: 964px; margin: 0px auto; padding: 25px 0 40px 0; background: url(images/view-packs/shadow.gif) no-repeat center bottom; clear: left; }
	#gcse-pack-large {  }
	#a-level-pack-large {   }
	.pack h3, #custom-pack h3, body.order-page h2 { color: #cc3366; font-size: 2.5em; }
	.pack h3 { margin: 0 0 0px 280px;  }
	.pack .price { display: block; width: 152px; height: 52px; float: right; background: url(images/view-packs/price_tag.gif); text-indent: -5000px; overflow: hidden; margin: -30px 0 0 0; }
	#stationery-starterpack1 .price { display: block; width: 152px; height: 52px; float: right; background: url(images/view-packs/price_tag_17_95.gif); text-indent: -5000px; overflow: hidden; margin: -30px 0 0 0; }
	#stationery-starterpack2 .price { display: block; width: 152px; height: 52px; float: right; background: url(images/view-packs/price_tag_25_95.gif); text-indent: -5000px; overflow: hidden; margin: -30px 0 0 0; }
	.pack .photo { float: left; display: inline; overflow: hidden; margin: 0 0 0 40px; text-align: center;  }
	.pack .photo a { text-decoration: none; }
	.pack .photo img { margin: 0 0 20px 0; }
	.pack .pack-contents { float: left; width: 625px; margin: 0 0 0 30px; display: inline; overflow: hidden; }
	.pack .pack-contents p { font-size: 1.3em; line-height: 1.5em; color: #666; margin: 0 150px 12px 0; }
	.pack .pack-contents h4 { background: url(images/view-packs/pack_contents_h4.gif); width: 165px; height: 38px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 10px 0; }
	.pack .pack-contents ul li { float: left; margin: 0 0px 0 0; width: 27%; list-style: none; background: url(images/arrow.png) no-repeat left center; padding: 0 0 4px 25px; font-size: 1.3em; }
	#custom-pack { padding: 10px 60px 0 60px; }
	#custom-pack img { float: right; margin: -20px 0 10px 20px; }
	#custom-pack p { font: 1.3em/1.6em Arial; color: #555; }
	#custom-pack p.price { padding: 10px 0 15px 0; }
	
	.pack p.cta, #custom-pack p.cta { background: url(images/cta.gif) left bottom; width: 256px; height: 42px; display: inline; overflow: hidden; margin: 20px 0 0 30px; float: left; padding: 0; }
	.pack p.cta a, #custom-pack p.cta a { background: url(images/cta.gif) left top; width: 256px; height: 42px; display: block; line-height: 42px; text-align: center; color: #fff; font-size: 1.3em; }
	.pack p.cta a:hover, #custom-pack p.cta a:hover { background-position: left bottom; }
	
	
	.pack p.get-a-quote { padding: 0 0 0 280px; } #custom-pack p.get-a-quote { padding: 0 0 0 240px; }
	.pack p.get-a-quote a, #custom-pack p.get-a-quote a { width: 254px; height: 40px; background: url(images/view-packs/get_a_quote.gif) left top; display: block; text-indent: -5000px; overflow: hidden; }
	.pack p.get-a-quote a:hover, #custom-pack p.get-a-quote a:hover { background-position: left bottom; }
	
	/* ##### /.view-packs ##### */
	
	/* ##### .order-page ##### */
	
	body.order-page h1 { background: url(images/order/h1.gif) no-repeat right top; width: 420px; height: 110px; padding: 0 0 0 50px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 25px 0; }
	
	body.order-page h2 { padding: 15px 0 12px 60px; }
	
	body.order-page p {
		padding: 0 60px; font-size: 1.5em; line-height: 1.7em; color: #666; 
	}
	
	body.order-page h3 { color: #cc3366; font-size: 2.25em; margin: 20px 0 10px 0; padding: 0 0 0 60px; }
	
	
	/* ##### #custom-pack ##### */
	
	body.custom-pack h1 { background: url(images/custom-pack/h1.gif) no-repeat right top; width: 420px; height: 110px; padding: 0 0 0 50px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 25px 0; }
	
	/* ##### /#custom-pack ##### */
	
	
	/* ##### benefits ##### */
	
	body.benefits h1 { background: url(images/benefits/h1.gif) no-repeat right top; width: 420px; height: 110px; padding: 0 0 0 50px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 25px 0; }
	
	body.benefits #content ul { padding: 20px 60px; float: left; width: 600px; }
	body.benefits #content ul li { background: url(images/benefits/li.gif) no-repeat left center; padding: 10px 0 10px 40px; font-size: 20px; color: #666; }
	
	body.benefits #content img { float: left; margin: 35px 0 0 40px; }
	
	/* ##### /benefits ##### */
	
	
	/* ##### faq ##### */
	
	body.faq h1 { background: url(images/faq/h1.gif) no-repeat right top; width: 420px; height: 110px; padding: 0 0 0 50px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 25px 0; }
	body.faq #content ul { padding: 30px 60px 0 60px; }
	body.faq #content ul li { padding: 0 0 20px 0; }
	body.faq #content ul li h4 { font-size: 1.9em; font-weight: normal; }
	body.faq #content ul li p { font: 1.25em/1.6em Arial; color: #666; }

	
	/* ##### /faq ##### */
	
	/* ##### testimonials ##### */
	
	body.testimonials h1 { background: url(images/testimonials/h1.gif) no-repeat right top; width: 420px; height: 110px; padding: 0 0 0 50px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 25px 0; }
	body.testimonials #content ul { padding: 30px 60px 0 60px; }
	body.testimonials #content ul li { padding: 0 0 20px 0; }
	body.testimonials #content ul li h4 { font-size: 1.9em; font-weight: normal; }
	body.testimonials #content ul li p { font: 1.25em/1.6em Arial; color: #666; }

	
	/* ##### /testimonials ##### */
	
	
	/* ##### .order ##### */
	
	body.order h1.gcse-art { background: url(images/order/gcse_art_packs_h1.gif) no-repeat right top; width: 420px; height: 110px; padding: 0 0 0 50px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 25px 0; }
	body.order h1.custom-pack { background: url(images/order/custom_packs_h1.gif) no-repeat right top; width: 420px; height: 110px; padding: 0 0 0 50px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 25px 0; }
	body.order h1.a-level-art { background: url(images/order/a_level_art_packs_h1.gif) no-repeat right top; width: 420px; height: 110px; padding: 0 0 0 50px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 25px 0; }
	body.order h1.stationerypacks { background: url(images/order/stationerypacks_h1.gif) no-repeat right top; width: 420px; height: 110px; padding: 0 0 0 50px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 25px 0; }
	
	fieldset { width: 900px; margin: 0 auto; padding: 30px 0 0 0; border: none; }
	.order p { padding: 20px 50px 0 50px; font-size: 1.2em; }
	fieldset p, body.contact fieldset p, body.order fieldset p { width: 600px; clear: both; height: 35px; line-height: 35px; padding: 0 10px; margin: 0 0 0px 0; background: #f5f5f5 url(images/order/p.gif) repeat-x left top; }
	body.order fieldset p.packs-qty { background: url(images/order/packs_qty.gif) no-repeat; width: 626px; height: 96px; font-size: 18px; color: #333; margin: 0; clear: left; }
	body.order fieldset p.packs-qty span { display: block; padding: 30px 0 0 10px; }
	body.order fieldset p.packs-qty input {margin: -25px 315px 0 0px; display: inline; overflow: hidden; width: 60px; }
	body.order fieldset h4, fieldset h4 { font-weight: normal; font-size: 18px; color: #666; margin: 15px 0 0 0; }
	fieldset small { display: block; padding: 4px 0 10px 0; color: #666; }
	fieldset p.button, body.order fieldset p.button, body.contact fieldset p.button  { background: none; }
	fieldset p.button input { margin: 10px 0 0 0; background: url(images/order/submit.gif) no-repeat; width: 186px; height: 41px; display: block; border: none; padding: 0; text-indent: -5000px; overflow: hidden; cursor: pointer; font-size: 0.00001em; color: #fff; }
	fieldset p input, fieldset p textarea { width: 350px; float: right; margin: -28px 0 0 0; border: 1px solid #ccc; }
	fieldset p.ptextarea, body.contact fieldset p.ptextarea, body.order fieldset p.textarea { height: 100px; }
	fieldset p input.checkbox { border: none; }
	
	.custom-pack-contents h3 { font-size: 22px; font-weight: normal; color: #666; }
	.custom-pack-contents h5 { font: normal 1.2em Arial; text-transform: uppercase; margin: 0 auto; width: 80px; }
	.order fieldset .custom-pack-contents p { background: none; }
	.custom-pack-contents table { width: 200px; float: left; margin: 0 13px 15px 0; background: #ebebeb; }
	.custom-pack-contents td { width: 100px; text-align: center; padding: 5px 0; background: #f5f5f5 url(images/order/p.gif) repeat-x left top; }
	.custom-pack-contents thead td { background: #e6e6e6; }
	.custom-pack-contents input { width: 60px; margin: 0 auto; }
	
	/* ##### /.order ##### */
	
	
	/* ##### .register ##### */
	
	body.register h1 { background: url(images/register/h1.gif) no-repeat right top; width: 420px; height: 110px; padding: 0 0 0 50px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 25px 0; }
	
	body.register p { padding: 20px 60px 0 60px; color: #666; font: 1.3em/1.5em Arial; }
	
	/* ##### /.register ##### */
	
	
	/* ##### .contact ##### */
	
	body.contact h1 { background: url(images/contact/h1.gif) no-repeat right top; width: 420px; height: 110px; padding: 0 0 0 50px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 25px 0; }
	
	body.contact p { padding: 20px 60px 0 60px; color: #666; font: 1.3em/1.5em Arial; }
	
	
	body.contact h1.cthankyou { background: url(images/contact/thankyou_h1.gif) no-repeat right top; width: 420px; height: 110px; padding: 0 0 0 50px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 25px 0; }
	
	/* ##### /.contact ##### */
	
	
	/* ##### .order-thankyou ##### */
	
	body.order-thankyou h1 { background: url(images/order/thank_you_h1.gif) no-repeat right top; width: 420px; height: 110px; padding: 0 0 0 50px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 25px 0; }
	
	body.order-thankyou p { padding: 20px 60px 0 60px; color: #666; font: 1.3em/1.5em Arial; }
	
	body.order-thankyou h3 { color: #cc3366; font-size: 2.0em; padding: 20px 0 0px 60px; margin: 0; }
	
	body.order-thankyou p.cta { background: url(images/cta.gif) left bottom; width: 256px; height: 42px; display: inline; overflow: hidden; margin: 20px 0 0 55px; padding: 0; float: left; }
	body.order-thankyou p.cta a { background: url(images/cta.gif) left top; width: 256px; height: 42px; display: block; color: #fff; text-align: center; line-height: 42px;  }
	body.order-thankyou p.cta a:hover { background-position: left bottom; }
	
	/* ##### /.order-thankyou ##### */
	
	
	hr.cleaner { clear: both; height: 1px; visibility: hidden; margin: -1px 0 0 0; border: none; padding: 0; }
	
	#footer p#contact-details { background: url(images/home_footer_contact.jpg); width: 1000px; height: 90px; text-indent: -5000px; overflow: hidden; margin: 0 0 20px 0; padding: 0; position: relative; }
	#footer p#contact-details a { width: 320px; height: 60px; position: absolute; right: 80px; top: 15px; display: block; }
	body#page #footer ul { background: url(images/page_footer_ul.gif) no-repeat center top; padding: 20px 0 0 0; }
	#footer ul li { display: inline; margin: 0 20px 0 0; font-size: 1.3em; }
	body#page #footer ul li a { color: #0099cc; } body#home-page #footer ul li a { color: #fff; }
	body#page #footer p#contact-details { background: url(images/page_footer_contact.gif) no-repeat center top; width: 1000px; height: 90px; text-indent: -5000px; overflow: hidden; margin: 0 0 20px 0; }
	body#page #footer p#contact-details a { width: 320px; height: 60px; position: absolute; right: 80px; top: 15px; display: block; }
	#footer p { color: #ffcccc; padding: 0 0 15px 0; font-size: 1.1em;  }
	body#page #footer p { color: #888; }