html { background-color: #fff; }

body {
	font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: left; 
	background-image: url("/wm_website/public/images/header_background.png");
	background-repeat: repeat-x;
	background-color: #fff;
}

body.home {
	background-image: url("/wm_website/public/images/header_background_home.png");
}

table, tr, td, span, ul, ol, li, h1, h2, h3, h4, div, blockquote, p, span { font-family: inherit !important; }
p, div, li, h1, h2, h3, h4, ol, ul { font-family: Verdana, Arial, sans-serif; }
a { font-weight: normal; color: #E81082; text-decoration: none; }
a:hover { text-decoration: underline; }
p a, div#footer a, div#content li a, h3 a { font-weight: bold; }
hr { border: none; border-top: dotted 1px; height: 0; color: #999; }

div#header { width: 932px; margin: 0 auto; z-index: 200; }
div#header-main { position: relative; height: 102px; z-index: 100; }
div#header h1#webmart { position: absolute; left: 36px; top: 12px; }

div#navigation ul.primary { position: absolute; bottom: 0px; right: 0px; display: inline-block !important; margin: 0; padding: 0;  }
div#navigation ul.primary li { display: block !important; float: left; position: relative; }
div#navigation ul.primary li a.primary { float: left; height: 0px; padding-top: 36px; overflow: hidden; background-image: url("/wm_website/public/images/menu_sprite.png"); }

div#navigation ul.primary li.home a.primary { width: 106px; background-position: 0px 0px; }
div#navigation ul.primary li.whatweoffer a.primary { width: 123px; background-position: -106px 0px; }
div#navigation ul.primary li.whatwedo a.primary { width: 105px; background-position: -229px 0px; }
div#navigation ul.primary li.aboutus a.primary { width: 85px; background-position: -334px 0px; }
div#navigation ul.primary li.news a.primary { width: 62px; background-position: -419px 0px; }
div#navigation ul.primary li.search a.primary { width: 62px; background-position: -419px 0px; }
div#navigation ul.primary li.joinus a.primary { width: 71px; background-position: -481px 0px; }
div#navigation ul.primary li.contactus a.primary { width: 102px; background-position: -552px 0px; }

div#navigation ul.primary li.home a.primary:hover { width: 106px; background-position: 0px -36px; }
div#navigation ul.primary li.whatweoffer a.primary:hover { width: 123px; background-position: -106px -36px; }
div#navigation ul.primary li.whatwedo a.primary:hover { width: 105px; background-position: -229px -36px; }
div#navigation ul.primary li.aboutus a.primary:hover { width: 85px; background-position: -334px -36px; }
div#navigation ul.primary li.news a.primary:hover { width: 62px; background-position: -419px -36px; }
div#navigation ul.primary li.search a.primary:hover { width: 62px; background-position: -419px -36px; }
div#navigation ul.primary li.joinus a.primary:hover { width: 71px; background-position: -481px -36px; }
div#navigation ul.primary li.contactus a.primary:hover { width: 102px; background-position: -552px -36px; }

div#navigation ul.secondary { display: none; margin: 0; padding: 0; background-color: #B30946; position: absolute; top: 36px; left: 0px; border-left: solid 1px #EC3D9A; border-right: solid 1px #EC3D9A; z-index: 10; }
div#navigation ul.secondary li { display: block !important; z-index: 10; }
div#navigation ul.secondary li a.secondary { display: block !important; background: none; padding: 4px 10px 4px 24px !important; border-top: solid 1px #EC3D9A; border-bottom: solid 1px #590423; text-decoration: none; color: #fff; background-image: url("/wm_website/public/images/chevron_small.png"); background-repeat: no-repeat; background-position: 10px 9px; }
div#navigation ul.secondary li a.secondary:hover { background-color: #E81082; border-top: solid 1px #F16AB1; border-bottom: solid 1px #590423; }

div#navigation ul.whatweoffer li { width: 210px !important; }
div#navigation ul.whatwedo li { width: 125px !important; }
div#navigation ul.aboutus li { width: 260px !important; }
div#navigation ul.contactus li { width: 125px !important; }

div#navigation ul.tertiary { display: none; }
div#navigation ul.tertiary { margin: 0px; padding: 0px; }
div#navigation ul.tertiary li { padding: 0px 10px; }

div#main { width: 932px; margin: auto; }
div#navigation { z-index: 10; }
div#subnavigation { float: left; display: inline-block; width: 233px; margin-right: 10px; }
div#content { width: 689px; margin: 0 auto; display: inline-block; background-image: url("/wm_website/public/images/content_background_top.png"); background-repeat: no-repeat; background-position: top left; }
div#content div.container { background-image: url("/wm_website/public/images/content_background_bottom.png"); background-repeat: no-repeat; background-position: bottom center; }

div#subnavigation div.heading { display: block; height: 50px; background-image: url("/wm_website/public/images/subnavigation_heading.png"); text-align: left; }
div#subnavigation ul { margin: 0; padding: 0; }
div#subnavigation ul li { position: relative; display: block; padding: 0; margin: 0; background-image: url("/wm_website/public/images/subnavigation_background.png"); background-repeat: repeat-x; background-position: top; background-color: #EBEBEB; }
div#subnavigation ul li:hover { background-color: #F9C3E0; }
div#subnavigation ul li a { display: block; font-size: 110%; color: #282c35; padding: 10px 30px; text-decoration: none; background-image: url("/wm_website/public/images/chevron.png"); background-repeat: no-repeat; background-position: 10px 12px; }
div#subnavigation ul li:hover a { background-image: url("/wm_website/public/images/chevron_hover.png"); }
div#subnavigation ul li a.selected { color: #e1117e; font-weight: bold; background-image: url("/wm_website/public/images/chevron_active.png"); }
div#subnavigation ul li div.arrow { position: absolute; top: 11px; left: 230px; width: 10px; height: 20px; background-image: url("/wm_website/public/images/arrow.png"); }
div#subnavigation div.menu { background-image: url("/wm_website/public/images/subnavigation_menu_background.png"); background-position: top center; background-repeat: repeat-y; padding: 0 1px; }
div#subnavigation div.footer { background-image: url("/wm_website/public/images/subnavigation_footer.png"); background-position: bottom center; height: 8px; margin-bottom: 10px; }

div#subnavigation ul.tertiary { margin: 0; padding: 0; display: none; }
div#subnavigation ul.tertiary li { margin: 0; padding: 0; }
div#subnavigation ul.tertiary li a { display: block; padding: 3px 0 3px 40px; font-size: 85%; background-color: #EBEBEB; background-image: url("/wm_website/public/images/chevron_small.png"); background-repeat: no-repeat; background-position: 26px 6px; }
div#subnavigation ul.tertiary li a:hover { display: block; background: none; background-color: #F9C3E0; background-image: url("/wm_website/public/images/chevron_small.png"); background-repeat: no-repeat; background-position: 26px 6px; }

body.home div#content { width: 932px; margin: 0 auto; background-color: #fff; display: inline-block; }

div.container, span.container { display: inline-block; padding: 12px; }
div#content div.container { padding-bottom: 20px;}

div#footer { width: 932px; margin: 20px auto; clear: both; text-align: center; background-image: url("/wm_website/public/images/footer_background.png"); background-repeat: no-repeat; background-position: top center; }

ul#footer-nav { display: block; margin: auto 0; padding: 0; }
ul#footer-nav li { display: inline; }
ul#footer-nav li a { margin: 0 6px; }

div.main-div { display: block; width: 699px; padding: 0; margin: 0; }
	
a.product { display: block; float: left; margin-right: 10px; margin-bottom: 10px; width: 223px; height: 126px; background-image: url("/wm_website/public/images/tablet_background.png"); color: #282c35; text-decoration: none; cursor: pointer; }
a.product img { display: inline-block; float: left; margin-right: 8px; }

div#todays_news { width: 233px; height: 262px; float: right; display: block; font-size: 85%; background-image: url("/wm_website/public/images/todays_news_background.png"); }

a.article { display: inline-block; color: #FFF; padding: 5px 8px; margin-bottom: 5px; }
a.article:hover { text-decoration: none; }
div.date { float: left; display: inline-block; font-size: 80%; color: #fff600; width: 26px; padding-top: 24px; background-image: url("/wm_website/public/images/tweet.png"); background-repeat: no-repeat; line-height: 1.25em; text-align: center; }
div.article { float: left; display: inline-block; width: 180px; margin-left: 10px; height: 65px; line-height: 13px; overflow: hidden; }

div.tweet { background-image: url("/wm_website/public/images/twitter.png"); }
div.press_release { background-image: url("/wm_website/public/images/press_release.png"); }
div.blog { background-image: url("/wm_website/public/images/blog.png"); }

div#cheesy_photo { position: relative; width: 932px; height: 104px; margin: 0 auto 10px auto; background-image: url("/wm_website/public/images/cheesy_photo_small.png"); z-index: 1; }
div#cheesy_photo div.strapline { position: absolute; text-align: center; width: 100%; top: 32px; color: #fff; font-size: 145%; line-height: 140%; }
div#cheesy_photo div.strapline div.heading { font-size: 150%; line-height: 140%; }

div.person_photo { float: right; position: relative; display: inline-block; width: 240px; height: 453px; }
div.person_photo div#person_photo_1 { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; }
div.person_photo div#person_photo_2 { display: none; position: absolute; top: 0px; left: 0px; z-index: 2; }
div.person_photo IMG { width: 240px; height: 453px; }

body.home div.cheesy_photo { position: relative; width: 932px; height: 208px; margin: 0 auto 10px auto; z-index: 1 !important; }
body.home div.cheesy_photo div#cheesy_photo_1 { position: absolute; width: 100%; height: 100%; background-image: url("/wm_website/public/images/cheesy_photo_1.png"); z-index: 1; }
body.home div.cheesy_photo div#cheesy_photo_2 { position: absolute; width: 100%; height: 100%; background-image: url("/wm_website/public/images/cheesy_photo_2.png"); z-index: 1; }
body.home div.cheesy_photo div#cheesy_photo_3 { position: absolute; width: 100%; height: 100%; background-image: url("/wm_website/public/images/cheesy_photo_3.png"); z-index: 1; }
body.home div.cheesy_photo div.active { z-index: 3 !important; }
body.home div.cheesy_photo div.next { z-index: 2 !important; }
body.home div.cheesy_photo div.inactive { z-index: 1 !important; }
body.home div.cheesy_photo div.inactive div { display: none; }
body.home div.cheesy_photo div.strapline { position: absolute; width: 420px; text-align: left; top: 30px; left: 30px; color: #FFF; font-size: 110%; line-height: 160%; }
body.home div.cheesy_photo div.strapline div.heading { font-weight: bold; font-size: 170%; line-height: 160%; }
body.home div.cheesy_photo div.strapline div.subheading { font-size: 130%; line-height: 160%; }

h1.image, h2.image { background-repeat: no-repeat; margin: 0; padding: 0; height: 0; overflow: hidden; }
h1.title { display: inline-block; width: 100%; background-position: top left; padding-top: 32px; margin: 2px 0 10px 0; background-image: url("/wm_website/public/images/title_sprite.png"); }
h2.subtitle { display: inline-block; width: 100%; background-position: top left; padding-top: 25px !important; margin: 2px 0 10px 0; background-image: url("/wm_website/public/images/subtitle_sprite.png?20110705"); }

h1#webmart { display: block; width: 184px; background-image: url("/wm_website/public/images/webmart_logo.png"); background-position: top center; padding-top: 78px; }

h1#point_of_sale { background-position: 0 -32px; }
h1#stationery { background-position: 0 -64px; }
h1#marketing_communications { background-position: 0 -96px; }
h1#promotional { background-position: 0 -128px; }
h1#publications { background-position: 0 -160px; }
h1#software { background-position: 0 -192px; }
h1#consultancy { background-position: 0 -224px; }
h1#procurement { background-position: 0 -256px; }
h1#project_management { background-position: 0 -288px; }
h1#innovation { background-position: 0 -320px; }
h1#history { background-position: 0 -352px; }
h1#charitable_trust { background-position: 0 -384px; }
h1#people_profiles { background-position: 0 -416px; }
h1#meet_the_team { background-position: 0 -448px; }
h1#values_ethos_mission { background-position: 0 -480px; }
h1#environmental_focus { background-position: 0 -512px; }
h1#site_map { background-position: 0 -544px; }
h1#efi_return { background-position: 0 -576px; }
h1#contact_form { background-position: 0 -608px; }
h1#search_guide { background-position: 0 -640px; }
h1#client_testimonials { background-position: 0 -672px; }
h1#search_results { background-position: 0 -704px; }
h1#suppliers { background-position: 0 -736px; }
h1#thankyou { background-position: 0 -768px; }
h1#agency_services { background-position: 0 -800px; }
h1#faq { background-position: 0 -832px; }
h1#wembley_comp { background-position: 0 -864px; }
h1#casestudies { background-position: 0 -894px; }
h1#control_print_spend { background-position: 0 -928px; }

h2#printing { background-position: 0 -25px; }
h2#account_management { background-position: 0 -50px; }
h2#logistics { background-position: 0 -75px; }
h2#insight { background-position: 0 -100px; }
h2#online_tools { background-position: 0 -125px; }
h2#simon_biltcliffe { background-position: 0 -150px; }
h2#richard_biltcliffe { background-position: 0 -175px; }

h2#paul_seaborn { background-position: 0 -200px; }
h2#mark_sprintall { background-position: 0 -225px; }
h2#mark_robinson { background-position: 0 -250px; }
h2#darren_cummings { background-position: 0 -275px; }
h2#derek_boyle { background-position: 0 -300px; }
h2#lee_smith { background-position: 0 -325px; }
h2#neil_moffat { background-position: 0 -350px; }
h2#jake_kenny { background-position: 0 -375px; }
h2#printelligence { background-position: 0 -400px; }
h2#printelligence_features { background-position: 0 -425px; }
h2#brochures { background-position: 0 -450px; }
h2#postcards { background-position: 0 -475px; }
h2#catalogues { background-position: 0 -500px; }
h2#leaflets_and_flyers { background-position: 0 -525px; }
h2#booklets { background-position: 0 -550px; }
h2#reports_and_accounts { background-position: 0 -575px; }
h2#inserts { background-position: 0 -600px; }
h2#direct_mail_printing_and_services { background-position: 0 -625px; }
h2#design_and_artworking { background-position: 0 -650px; }
h2#sheet_fed_lithographic_printing { background-position: 0 -675px; }
h2#web_offset_lithographic_printing { background-position: 0 -700px; }
h2#gravure_printing { background-position: 0 -725px; }
h2#digital_printing { background-position: 0 -750px; }

h2#whats_new { display: block; background-image: url("/wm_website/public/images/whats_new.png"); background-position: top center; margin: 14px 0px 6px 0px; padding-top: 32px; }

div.heading a { display: inline-block; width: 100%; height: 0; overflow: hidden; background-position: top left; padding-top: 32px; margin: 10px 0 10px 10px; background-image: url("/wm_website/public/images/section_sprite.png"); }
div.heading a#whatweoffer { background-position: 0 -32px; }
div.heading a#whatwedo { background-position: 0 -64px; }
div.heading a#aboutus { background-position: 0 -96px; }
div.heading a#news { background-position: 0 -128px; }
div.heading a#joinus { background-position: 0 -160px; }
div.heading a#contactus { background-position: 0 -192px; }
div.heading a#app { background-position: 0 -224px; }
div.heading a#search { background-position: 0 -256px; }
div.heading a#myaccount { background-position: 0 -288px; }
div.heading a#competition { background-position: 0 -320px; }
div.heading a#fastcash { background-position: 0 -352px; }
div.heading a#ecmod2011 { background-position: 0 -192px; }

h3.image, span.image { display: block; width: 200px; background-image: url("/wm_website/public/images/mini_title_sprite.png"); background-repeat: no-repeat; margin: 0; padding: 0; margin-bottom: 16px; height: 0px; padding-top: 24px; overflow: hidden; }

span#point_of_sale { background-position: 0 -24px; }
span#stationery { background-position: 0 -48px; }
span#publications { background-position: 0 -72px; }
span#marketing_communications { background-position: 0 -96px; }
span#promotional { background-position: 0 -120px; }
span#software { background-position: 0 -144px; }

span.mand {color: red;}
span.input_error {color: red; font-weight:bold;}
input.error	{ border:red 2px solid }

div#telephone { position: absolute; top: 24px; right: 335px; display: inline-block; background-repeat: no-repeat; width: 235px; height: 0px; padding-top: 24px; overflow: hidden; background-image: url("/wm_website/public/images/telephone.png"); }

div.search { position: absolute; top: 20px; right: 100px; display: inline-block; width: 222px; height: 31px; background-image: url("/wm_website/public/images/search_background.png"); }
div.search input#search { position: absolute; border: 0px; width: 175px; padding: 2px; top: 6px; left: 6px; }
div.search input#magnify { position: absolute; top: -3px; right: 0; width: 0; height: 0; background-image: url("/wm_website/public/images/magnify.png"); padding-top: 36px; padding-left: 33px; overflow: hidden; border: 0; background-color: none; background-repeat: no-repeat; }

div#header a#myaccount, div#header a#myaccount_signedin { 
	position: absolute; 
	top: 24px; 
	right: 0px; 
	display: inline-block; 
	background-repeat: no-repeat; 
	width: 83px;
	height: 0px;
	padding-top: 24px;
	overflow: hidden;
}

input.datepicker { background: url("/wm_website/public/images/calendar-sm.png") no-repeat 69px 1px;		width: 86px; padding-left: 2px; cursor: pointer;}

div#header a#myaccount_signedin { background-image: url("/wm_website/public/images/myaccount-signedin.png"); }

div#header a#myaccount { background-image: url("/wm_website/public/images/myaccount-signin.png"); }

div#copyright { font-size: 85%; padding: 12px; }

div#content p, div#content li { line-height: 150%; }

div.errors {border: 2px solid red; background: pink; padding: 10px; margin: 20px;}
div.ok {border: 2px solid green; background: lightgreen; padding: 10px; margin: 20px;}

label.small { float:left; width:100px; display:block; }
label.medium { float:left; width:150px; display:block; }
label.large { float:left; width:200px; display:block; }

span.dim {color: pink;}

table#rfq {width: 100%;}
table#rfq td.footer {background: #E81082;}
table#rfq td.expander {background: #ffffaa; cursor: pointer; text-align:center; font-family: courier;}
table#rfq label { display: inline-block; width: 12em; line-height: 1.5em; vertical-align: top;  }

form#myaccount label.prim { display: inline-block; width: 12em; line-height: 1.5em; vertical-align: top;  }
form#myaccount textarea { width: 200px; height: 50px;}
form#myaccount small { vertical-align:top;}
form#myaccount label.radio {vertical-align: top;}
form#myaccount a.sizelink { font-weight: normal; cursor: pointer; text-decoration: underline; }
form#myaccount p#p_size input, form#myaccount p#p_pagination input, form#myaccount p#p_cover_pagination input {width: 4em;}

p.error { color:red; font-weight:bold; }

div.service_centre { display: inline-block; width: 48%; vertical-align: top; margin-bottom: 24px; float: left; }
div.service_centre div.address { margin-bottom: 12px; }

table.history, table.history tr td { border: 0em; padding: 8px 12px 8px 0px; vertical-align: top; }
table.history tr td.date { font-weight: bold; }

p.small { font-size: 80%; }
span.small { font-size: 80%; }
div.stock { display: inline-block; float: right; margin: 0 0 20px 20px; background-color: #EBEBEB; padding: 5px; text-align: center; }
img.stock { border: solid 5px #FFF; margin: 5px; }
div.masthead { background-color: #EBEBEB; margin-bottom: 20px; padding: 5px; text-align: center; }
img.masthead { border: solid 5px #FFF; margin: 5px; }

div.people { text-align: center; }
a.people { padding: 0px 14px; }

div.site_map ul { margin-top: 0; margin-bottom: 0; }

div#closeup { display: none; position: absolute; _position: absolute; z-index: 600; top: 400px; left: 50%; margin-left: -250px; width: 500px; background-color: #000; padding: 8px; border: solid 2px #333; }
div#closeup div#details { color: #FFF; }
div#closeup div.name { font-size: 150%; font-weight: bold; }

#mask { display: none; position: fixed; _position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #090303; z-index: 500; }

span.pink {color: #E81082;}
p.message {color: blue;font-weight:bold;}

div.awards { text-align: center; }
div.awards img { vertical-align: middle; margin: 5px 20px; }

a.follow_us_on_twitter { display: block; width: 150px; height: 0; overflow: hidden; padding-top: 20px; margin-top: 5px; margin-left: 8px; background: url("/wm_website/public/images/follow_us_on_twitter.png"); }
a.read_simons_blog { display: block; width: 150px; height: 0; overflow: hidden; padding-top: 20px; margin-bottom: 5px; margin-left: 8px; background: url("/wm_website/public/images/read_simons_blog.png"); }

div.container { position: relative; }
div.iod { position: absolute; top: 10px; right: 30px; }

input.challenge {width:300px;}
textarea.challenge {width:300px;height:130px;}
div.testimonials {background-image: url(/wm_website/public/images/london/testimonials-bg.png);height:222px;width:209px;float:right;clear:both;}
p.testimonials { padding:10px; }