/* CSS Document */
/* -----------------------------------------------------------------------------------------------------------------

Client: Blow Creative
URL: http://www.blowcreative.co.uk/
Date: 24/07/2009
Description: Portfolio website
Version: 1.0

Author: Lewis Litanzios
Author URI: http://www.ldexterldesign.co.uk/

Tags: todo
Theme Name: ldexterldesign
Theme URI:

Visual design copyright Blow Creative Ltd, UK 2009. All Rights Reserved.


1. DEFAULTS (Resets)

2. BASIC

3. LINKS & NAVIGATION

4. LAYOUT

5. TYPOGRAPHY

6. COLOUR

7. FORMS

8. TABLES

9. OTHER (Comment these as explicitly and extensively as possible)

----------------------------------------------------------------------------------------------------------------- */





/* 1. DEFAULTS (Resets)
----------------------------------------------------------------------------------------------------------------- */

/* 2. BASIC
----------------------------------------------------------------------------------------------------------------- */
img{border:#000000 1px solid;}
hr{display:none;}

.entry strong{font-weight:bold;}
.entry em{font-weight:bold; font-style:italic;}
.entry ol{list-style:decimal; margin:0 0 0 2em; padding:0 0 2em 0;}
.entry ul{list-style:circle;margin:0 0 0 2em;padding:0 0 2em 0;}

body acronym{border-bottom:#FFFFFF dotted 1px;}
.strapline acronym{border:none;}

/* no image alt/title text flag */
img[alt=""]{outline:#FF0000 2px dashed;}
img[title=""]{outline:#FF0000 2px dashed;}
img.avatar{outline:none;}

blockquote p{font-style:italic; padding:0 1em;}
cite{ text-align:right; display:block;}


/* 3. LINKS & NAVIGATION
----------------------------------------------------------------------------------------------------------------- */
a:link{color:#FFFFFF; text-decoration:underline;}
a:visited{color:#FFFFFF; text-decoration:none;}
a:hover{color:#000000; text-decoration:none;}
a:active{color:#000000; text-decoration:none;}

.entry a:visited{color:#FFFFFF; text-decoration:none; border-bottom:2px #FFFFFF solid;} /* pseudo a:visited sitewide */

/* sitewide link styling (e.g. links to other websites/links internally etc) */
.entry a[href$="pdf"]{background:url(images/icon-pdf.gif) left top no-repeat; width:16px; height:16px; display:inline; padding:0 0 0 1.8em;}

.entry a[target="_blank"]:hover{background:url(images/icon-newWindow.gif) right top no-repeat; width:16px; height:14px; display:inline; padding:0 1.66em 0 0;}
/* new window styling - loaded in with js (/scripts/javascript/siteWideScripts.js, // handle new window links (icon/hover state), line: 68 (approx)) */

.entry a[href^="mailto"]:hover{background:url(images/icon-mailClient.gif) right top no-repeat; width:16px; height:14px; display:inline; padding:0 1.66em 0 0;}

/* defaults */
#nav-global a{outline:none;}
#nav-global .page-item-5 a{background:url(images/nav-global-pixy.png) 1em top no-repeat; width:60px;text-indent:-9999em;}
#nav-global .page-item-5 a:hover{background:url(images/nav-global-pixy.png) 1em -90px no-repeat; width:60px;text-indent:-9999em;}
#nav-global .page-item-6 a{background:url(images/nav-global-pixy.png) -44px top no-repeat; width:105px;text-indent:-9999em;}
#nav-global .page-item-6 a:hover{background:url(images/nav-global-pixy.png) -44px -90px no-repeat; width:105px;text-indent:-9999em;}
#nav-global .page-item-7 a{background:url(images/nav-global-pixy.png) -152px -360px no-repeat; width:90px;text-indent:-9999em;}
#nav-global .page-item-8 a{background:url(images/nav-global-pixy.png) -245px -360px no-repeat; width:90px;text-indent:-9999em;}
#nav-global .page-item-9 a{background:url(images/nav-global-pixy.png) -342px top no-repeat; width:45px;text-indent:-9999em;}
#nav-global .page-item-9 a:hover{background:url(images/nav-global-pixy.png) -342px -90px no-repeat; width:45px;text-indent:-9999em;}
#nav-global .page-item-10 a{background:url(images/nav-global-pixy.png) -392px top no-repeat; width:85px;text-indent:-9999em;}
#nav-global .page-item-10 a:hover{background:url(images/nav-global-pixy.png) -392px -90px no-repeat; width:85px;text-indent:-9999em;}

/* active page */
#nav-global li.page-item-5.current_page_item a{background:url(images/nav-global-pixy.png) 1em -90px no-repeat;}
#nav-global li.page-item-6.current_page_item a{background:url(images/nav-global-pixy.png) -44px -90px no-repeat;}
#nav-global li.page-item-9.current_page_item a{background:url(images/nav-global-pixy.png) -342px -90px no-repeat;}
#nav-global li.page-item-10.current_page_item a{background:url(images/nav-global-pixy.png) -392px -90px no-repeat;}


/* skinning colours */
/* fmcg (green) colour skin */
.fmcg #nav-global .page-item-5 a{background:url(images/nav-global-pixy.png) 1em top no-repeat; width:60px;text-indent:-9999em;}
.fmcg #nav-global .page-item-5 a:hover{background:url(images/nav-global-pixy.png) 1em -180px no-repeat; width:60px;text-indent:-9999em;}
.fmcg #nav-global .page-item-6 a{background:url(images/nav-global-pixy.png) -44px top no-repeat; width:105px;text-indent:-9999em;}
.fmcg #nav-global .page-item-6 a:hover{background:url(images/nav-global-pixy.png) -44px -180px no-repeat; width:105px;text-indent:-9999em;}
.fmcg #nav-global .page-item-7 a{background:url(images/nav-global-pixy.png) -152px -360px no-repeat; width:90px;text-indent:-9999em;}
.fmcg #nav-global .page-item-8 a{background:url(images/nav-global-pixy.png) -245px -360px no-repeat; width:90px;text-indent:-9999em;}
.fmcg #nav-global .page-item-9 a{background:url(images/nav-global-pixy.png) -342px top no-repeat; width:45px;text-indent:-9999em;}
.fmcg #nav-global .page-item-9 a:hover{background:url(images/nav-global-pixy.png) -342px -180px no-repeat; width:45px;text-indent:-9999em;}
.fmcg #nav-global .page-item-10 a{background:url(images/nav-global-pixy.png) -392px top no-repeat; width:85px;text-indent:-9999em;}
.fmcg #nav-global .page-item-10 a:hover{background:url(images/nav-global-pixy.png) -392px -180px no-repeat; width:85px;text-indent:-9999em;}

/* corp (blue) colour skin */
.corp #nav-global .page-item-5 a{background:url(images/nav-global-pixy.png) 1em top no-repeat; width:60px;text-indent:-9999em;}
.corp #nav-global .page-item-5 a:hover{background:url(images/nav-global-pixy.png) 1em -270px no-repeat; width:60px;text-indent:-9999em;}
.corp #nav-global .page-item-6 a{background:url(images/nav-global-pixy.png) -44px top no-repeat; width:105px;text-indent:-9999em;}
.corp #nav-global .page-item-6 a:hover{background:url(images/nav-global-pixy.png) -44px -270px no-repeat; width:105px;text-indent:-9999em;}
.fmcg #nav-global .page-item-7 a{background:url(images/nav-global-pixy.png) -152px -360px no-repeat; width:90px;text-indent:-9999em;}
.fmcg #nav-global .page-item-8 a{background:url(images/nav-global-pixy.png) -245px -360px no-repeat; width:90px;text-indent:-9999em;}
.corp #nav-global .page-item-9 a{background:url(images/nav-global-pixy.png) -342px top no-repeat; width:45px;text-indent:-9999em;}
.corp #nav-global .page-item-9 a:hover{background:url(images/nav-global-pixy.png) -342px -270px no-repeat; width:45px;text-indent:-9999em;}
.corp #nav-global .page-item-10 a{background:url(images/nav-global-pixy.png) -392px top no-repeat; width:85px;text-indent:-9999em;}
.corp #nav-global .page-item-10 a:hover{background:url(images/nav-global-pixy.png) -392px -270px no-repeat; width:85px;text-indent:-9999em;}


.nav-local a:link{color:#FFFFFF; text-decoration:none;}
.nav-local a:visited{color:#FFFFFF; text-decoration:none;}
.nav-local a:hover{color:#000000; text-decoration:none;}
.nav-local a:active{color:#000000; text-decoration:none;}
.nav-local .current_page_item a{color:#000000; text-decoration:none;}

.nav-local .nav-local-workCats a:link{color:#FFFFFF; text-decoration:none;}
.nav-local .nav-local-workCats a:visited{color:#FFFFFF; text-decoration:none;}
.nav-local .nav-local-workCats a:hover{color:#000000;text-decoration:none;}
.nav-local .nav-local-workCats a:active{color:#000000;text-decoration:none;}
.nav-local .nav-local-workCats .current-cat a{color:#000000; text-decoration:none;}

.nav-local-archives a:link{color:#FFFFFF; text-decoration:none;}
.nav-local-archives a:visited{color:#FFFFFF; text-decoration:none;}
.nav-local-archives a:hover{color:#000000; text-decoration:none;}
.nav-local-archives a:active{color:#000000; text-decoration:none;}


/* posts navigation/pagination */
.navigation .alignleft a{background:url(images/scrollableNav-pixy.png) 7px 6px no-repeat; background-color:#99004B; display:block; width:11em; height:3em; text-indent:-9999em; position:absolute; right:0.5em; top:15.5em; z-index:9999;cursor:pointer; border:0.33em solid #99004B; border-radius:0.33em 0 0 0; -moz-border-radius:0.33em 0 0 0; -webkit-border-radius:0.33em 0 0 0; border-bottom:none; outline:none;}
.navigation .alignleft a:hover{background:url(images/scrollableNav-pixy.png) 7px -106px no-repeat;background-color:#99004B;}

.navigation .alignright a{background:url(images/scrollableNav-pixy.png) right top no-repeat; background-color:#99004B; display:block; width:11em; height:3em; text-indent:-9999em; position:absolute; right:0.5em; top:18.5em; z-index:9999; cursor:pointer;border:0.33em solid #99004B; border-radius:0 0 0 0.33em; -moz-border-radius:0 0 0 0.33em; -webkit-border-radius:0 0 0 0.33em;border-top:none;outline:none;}
.navigation .alignright a:hover{background:url(images/scrollableNav-pixy.png) right -112px no-repeat;background-color:#99004B;}

body[class*="fmcg"] .navigation .alignleft a{background-color:#88C704; border-color:#88C704;}
body[class*="fmcg"] .navigation .alignright a{background-color:#88C704; border-color:#88C704;}
body[class*="corp"] .navigation .alignleft a{background-color:#71919E; border-color:#71919E;}
body[class*="corp"] .navigation .alignright a{background-color:#71919E; border-color:#71919E;}


/* 4. LAYOUT
----------------------------------------------------------------------------------------------------------------- */
body{background:url(images/fauxBg.gif) left top repeat-y; color:#FFFFFF; background-color:#99004b;}
#header{background-color:#FFFFFF; width:auto; height:140px;}
	#branding{}
	.logo{position:absolute; left:0.5em; top:0;}
	.logo a{background:url(images/blowCreative-branding-logo-pixy.gif) left top no-repeat; width:156px; height:106px; text-indent:-9999em; display:block; outline:none;}
	.description{display:none;}
	#nav-global{position:absolute; left:200px; top:111px; width:500px; z-index:1;} /* z-index fixes overlap conflict with search bar */
	#nav-global li{display:inline;}
	#nav-global li a{display:block; text-indent:-9999em; float:left; height:2em;}
	#searchform{position:absolute; top:90px; right:0; margin:1.5em 1em; width:100%;}
		#searchform label{visibility:hidden; position:absolute;}
		#s{font-family:Helvetica, Arial, sans-serif; font-size:1em; font-weight:bold; padding:0.33em; background-color:#e4e4e4 ; color:#99004B; padding-right:2em; float:right; width:5%; text-align:right; border:0;}
		#searchsubmit{background:url(images/searchIcon-pixy.png) left top no-repeat; width:18px; height:18px; text-indent:-9999em; border:0; position:absolute; right:0; top:6px;}
		#searchsubmit{*text-transform:uppercase;} /* kludge: ie7 */
		#searchsubmit:hover{background:url(images/searchIcon-pixy.png) left -90px no-repeat; cursor:pointer;}
	#nav-local{ position:absolute; left:0; top:142px; width:172px; text-align:right; margin:210px 0 0 0; padding:0 0 2em 0;}
#content{margin:0 0 0 212px; width:525px; min-height:700px;}
	.navigation{padding:1em 0 1em 0;}
	.post{}
	.post h2{visibility:hidden;}
.single .post h2{visibility:visible;}
		.entry{padding:1em 0 0 0; width:425px;}
		.single .entry{width:525px;}
		.archive .entry{width:525px;}
			.cufonContainer{position:relative; height:252px; margin:-4.2em 0 0 0;}
				.strapline{width:700px; position:absolute; bottom:-0.26em;}
					.strapline .cufon{margin:-8px 0;}
					.strapline .cufon{*margin:0;} /* kludge: ie7 */
				.colLeft{float:left; width:47%;}
				.colRight{float:right; width:47%; padding:0 0 0 1em;}
	#archives{position:absolute; left:2em; top:300px; width:148px; text-align:right;}
	.nav-local-archives li{list-style:none;}

	/* comments */
	#commentform{ padding:1em 0 2em 0;}
	#commentform label{visibility:hidden;}
	#commentform label{*display:none;} /* kludge: ie7 */
	#commentform br{*display:none;}
	
	#commentform input[type="text"]{font-family:Helvetica, Arial, sans-serif; font-size:1em; font-weight:bold;  padding:0.33em; background-color:#ae0055; border:0; color:#FFFFFF;}
	#commentform input[type="text"]:hover{background-color:#FFFFFF;color:#000000;}
	#commentform input[type="text"]:focus{background-color:#FFFFFF;color:#000000;}
	#commentform textarea{font-family:Helvetica, Arial, sans-serif; font-size:1em; font-weight:bold; padding:0.33em; background-color:#ae0055; border:0; color:#FFFFFF;}
	#commentform textarea:hover{background-color:#FFFFFF;color:#000000;}
	#commentform textarea:focus{background-color:#FFFFFF;color:#000000;}
	
	#commentform input[type="text"]{margin:-2em 0 0 0; width:380px;}
	#commentform textarea{width:380px;}
	.logged-in #commentform textarea{ height:274px;}
	#commentform input[type="submit"]{float:left; margin:-300px 0 0 400px;}
	
	#commentform input[type="submit"]{font-family:Helvetica, Arial, sans-serif; font-size:1.66em; font-weight:bold; cursor:pointer; background:url(images/submitBt-pixy.gif) left top no-repeat; text-indent:-9999em; width:125px; height:285px; border:0;}
	#commentform input[type="submit"]{*text-transform:uppercase;} /* kludge: ie7 */
	#commentform input[type="submit"]:hover{background:url(images/submitBt-pixy.gif) left bottom no-repeat;}

#footer{border-top:#FFFFFF 5px solid; padding:1em 0 0 212px; clear:both; width:auto; margin:1em 0 0 0;}
	#footer p{ padding:0 2em 2em 0;}

/* slight layout changes to accomodate contact form on 'contact us' and 'join us' pages */
.page-id-10 .entry, .page-id-45 .entry{width:585px;}
.page-id-10 .colLeft, .page-id-45 .colLeft{width:47%;}
.page-id-10 .colRight, .page-id-45 .colRight{width:47%;}


/* 5. TYPOGRAPHY
----------------------------------------------------------------------------------------------------------------- */
body{font-family:Helvetica, Arial, sans-serif;}
body h5{font-weight:bold;}
small{font-size:0.91em;}
.strapline{text-transform:uppercase; font-size:7em; letter-spacing:-0.066em; color:#FFFFFF;}
.strapline{*font-size:5em;} /* kludge: ie7 */
.nav-local{font-size:1.33em; font-weight:bold; line-height:166%;}
.page-id-9 .nav-local, .archive .nav-local{ text-transform:lowercase;}
	.nav-local-workCats{font-size:0.75em; font-weight:100;}
	.nav-local-workCats li{ line-height:1.5em;}
	.nav-local-workCats li:last-child{padding:0 0 1em 0;} /* fix: ie7 won't recognize this */
.nav-local-archives{font-size:1.33em; font-weight:bold; line-height:166%;}
	.nav-local-archives-workCats{font-size:0.75em; font-weight:100;}
	.nav-local-archives-workCats li{height:1.5em;}
	
	.wp-caption-text{font-size:1.17em; font-weight:bold;}
#footer p{font-size:0.91em;}


/* 6. COLOUR
----------------------------------------------------------------------------------------------------------------- */

/* skinning colours */
/* fmcg (green) colour skin */
.fmcg{background-color:#88c704;}
body[class*="fmcg"]{background-color:#88c704;}
body[class*="fmcg"] .logo a{background:url(images/blowCreative-branding-logo-pixy.gif) left 50% no-repeat; width:156px; height:106px; text-indent:-9999em; display:block;}

/* search */
body[class*="fmcg"] #s{color:#92d311;}

/* comments */
body[class*="fmcg"] #commentform input[type="text"]{background-color:#92d311;}
body[class*="fmcg"] #commentform input[type="text"]:hover{background-color:#FFFFFF;color:#000000;}
body[class*="fmcg"] #commentform input[type="text"]:focus{background-color:#FFFFFF;color:#000000;}
body[class*="fmcg"] #commentform textarea{background-color:#92d311;}
body[class*="fmcg"] #commentform textarea:hover{background-color:#FFFFFF;color:#000000;}
body[class*="fmcg"] #commentform textarea:focus{background-color:#FFFFFF;color:#000000;}
body[class*="fmcg"] #commentform input[type="submit"]{font-family:Helvetica, Arial, sans-serif; font-size:1.66em; font-weight:bold; cursor:pointer; background:url(images/submitBt-pixy.gif) 50% top no-repeat; text-indent:-9999em;}
body[class*="fmcg"] #commentform input[type="submit"]:hover{font-family:Helvetica, Arial, sans-serif; font-size:1.66em; font-weight:bold; cursor:pointer; background:url(images/submitBt-pixy.gif) 50% bottom no-repeat; text-indent:-9999em;}

/* corp (blue) colour skin */
.corp{background-color:#71919e;}
body[class*="corp"]{background-color:#71919e;}
body[class*="corp"] .logo a{background:url(images/blowCreative-branding-logo-pixy.gif) left -252px no-repeat; width:156px; height:106px; text-indent:-9999em; display:block;}

/* search */
body[class*="corp"] #s{color:#5e8a9c;}

/* comments */
body[class*="corp"] #commentform input[type="text"]{background-color:#5e8a9c;}
body[class*="corp"] #commentform input[type="text"]:hover{background-color:#FFFFFF;color:#000000;}
body[class*="corp"] #commentform input[type="text"]:focus{background-color:#FFFFFF;color:#000000;}
body[class*="corp"] #commentform textarea{background-color:#5e8a9c;}
body[class*="corp"] #commentform textarea:hover{background-color:#FFFFFF;color:#000000;}
body[class*="corp"] #commentform textarea:focus{background-color:#FFFFFF;color:#000000;}
body[class*="corp"] #commentform input[type="submit"]{font-family:Helvetica, Arial, sans-serif; font-size:1.66em; font-weight:bold; cursor:pointer; background:url(images/submitBt-pixy.gif) right top no-repeat; text-indent:-9999em;}
body[class*="corp"] #commentform input[type="submit"]:hover{font-family:Helvetica, Arial, sans-serif; font-size:1.66em; font-weight:bold; cursor:pointer; background:url(images/submitBt-pixy.gif) right bottom no-repeat; text-indent:-9999em;}

.postmetadata{color:rgba(255, 255, 255, 0.33);}
.postmetadata:hover{color:rgba(255, 255, 255, 1);}

#footer{color:rgba(255, 255, 255, 0.33);}
#footer:hover{color:rgba(255, 255, 255, 1);}


/* 7. FORMS
----------------------------------------------------------------------------------------------------------------- */

/* 8. TABLES
----------------------------------------------------------------------------------------------------------------- */

/* 9. OTHER (Detail these as explicitly and extensively as possible)
----------------------------------------------------------------------------------------------------------------- */

/* contact-form-7 */
.wpcf7-form{}
.wpcf7-form label{visibility:hidden;}

.wpcf7-form input[type="text"]{font-family:Helvetica, Arial, sans-serif; font-size:1em; font-weight:bold;  padding:0.33em; background-color:#ae0055; border:0; color:#FFFFFF;}
.wpcf7-form input[type="text"]:hover{background-color:#FFFFFF;color:#000000;}
.wpcf7-form input[type="text"]:focus{background-color:#FFFFFF;color:#000000;}
.wpcf7-form textarea{font-family:Helvetica, Arial, sans-serif; font-size:1em; font-weight:bold; padding:0.33em; background-color:#ae0055; border:0; color:#FFFFFF;}
.wpcf7-form textarea:hover{background-color:#FFFFFF;color:#000000;}
.wpcf7-form textarea:focus{background-color:#FFFFFF;color:#000000;}

.wpcf7-form input[type="text"]{margin:-2em 0 0 0; width:140px;}
.wpcf7-form textarea{width:140px;}
.wpcf7-form input[type="submit"]{float:left; margin:-300px 0 0 160px;}

.wpcf7-form input[type="submit"]{font-family:Helvetica, Arial, sans-serif; font-size:1.66em; font-weight:bold; cursor:pointer; background:url(images/submitBt-pixy.gif) left top no-repeat; text-indent:-9999em; width:125px; height:285px; border:0;}
.wpcf7-form input[type="submit"]{*text-transform:uppercase;} /* kludge: ie7 */
.wpcf7-form input[type="submit"]:hover{background:url(images/submitBt-pixy.gif) left bottom no-repeat;}

.wpcf7-response-output{position:relative; left:0; top:-4em;}

/* google map */
.map{padding:1em 0;}
.map a:link{color:#FFFFFF; text-decoration:none; background-color:transparent;}
.map a:visited{color:#FFFFFF; text-decoration:underline; background-color:transparent;}
.map a:hover{color:#FFFFFF;text-decoration:underline; background-color:transparent;}
.map a:active{color:#FFFFFF;text-decoration:underline; background-color:transparent;}


/* scrollable functionality */
.scrollContent{padding:0 0 2em 0; margin:0 0 0 -1.5em;}

/* 	root element for the scrollable.
	when scrolling occurs this element stays still. 
*/ 
.scrollable{height:675px;overflow:hidden;position:relative;}
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.scrollable div.items{position:absolute;width:20000em;} /* this width cannot be too large */ 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
.scrollable div.items div{float:left;width:525px;}
.scrollable div .post{float:left;width:525px;}
.scrollable div.items div.active{background-color:#ae0055;}
body[class*="fmcg"] .scrollable div.items div.active{background-color:#92d311;}
body[class*="corp"] .scrollable div.items div.active{background-color:#5e8a9c;}

.scrollable .entry{padding:0;} /* overrides non-scrollable layout */
.scrollable .cufonContainer{padding:5em 0 0 0;}
.scrollable .strapline{padding:0 0 0 0.2em; width:525px;} /* omitting .scrollableItem allows sitewide styling */
.scrollable .scrollableItem h2{display:none;}
.scrollable .scrollableItem h3{display:none;}
.scrollable .scrollableItem .strapline{display:inline;}
.scrollable .scrollableItem .strapline{*padding:0 0 0 0.3em;} /* kludge: ie7 */
.scrollable .scrollableItem small{display:none;}
.scrollable .scrollableItem p{padding:0 1.8em;}

#tooltip{background-color:#FFF;color:#000;font-size:.5em;margin:1em;opacity:1;padding:1em;position:absolute;z-index:9999;}

/* scrollable navigation */
.scrollContent a.prev{background:url(images/scrollableNav-pixy.png) 7px 6px no-repeat; background-color:#99004B; display:block; width:11em; height:3em; text-indent:-9999em; position:absolute; right:0.5em; top:15.5em; z-index:9999;cursor:pointer; border:0.33em solid #99004B; border-radius:0.33em 0 0 0; -moz-border-radius:0.33em 0 0 0; -webkit-border-radius:0.33em 0 0 0; border-bottom:none;}
.scrollContent a.prev:hover{background:url(images/scrollableNav-pixy.png) 7px -106px no-repeat;background-color:#99004B;}

.scrollContent a.next{background:url(images/scrollableNav-pixy.png) right top no-repeat; background-color:#99004B; display:block; width:11em; height:3em; text-indent:-9999em; position:absolute; right:0.5em; top:18.5em; z-index:9999; cursor:pointer;border:0.33em solid #99004B; border-radius:0 0 0 0.33em; -moz-border-radius:0 0 0 0.33em; -webkit-border-radius:0 0 0 0.33em;border-top:none;}
.scrollContent a.next:hover{background:url(images/scrollableNav-pixy.png) right -112px no-repeat;background-color:#99004B;}

body[class*="fmcg"] .scrollContent a.prev{background-color:#88C704; border-color:#88C704;}
body[class*="fmcg"] .scrollContent a.next{background-color:#88C704; border-color:#88C704;}
body[class*="corp"] .scrollContent a.prev{background-color:#71919E; border-color:#71919E;}
body[class*="corp"] .scrollContent a.next{background-color:#71919E; border-color:#71919E;}

.scrollable .readMore{font-size:0.91em; font-weight:bold;}