html, body { padding: 0px; margin: 0px; }
html, body, a, p, div, span, h1, h2, h3, h4, h5, li, ul, ol { font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 32px; color: #000000; }
h1 { line-height: 40px; }
img { border: none; }
a img { border: none; }

h1 { font-size: 36px; color: #53777a; margin-top: 60px; margin-bottom: 40px; font-weight: normal; } 

#fullPage { }

#topChunk { background-color: #f8f2f8; }
#topChunk .centered, 
#navChunk .centered, 
#midChunk .centered,
#btmChunk .centered  {  width: 960px; margin-left: auto; margin-right: auto;  }
#navChunk { background-color: #000000; }
#midChunk { background-color: #FFFFFF; margin-bottom: 40px; }
#btmChunk { background-color: #939393; border-top: 4px solid #868686; }

.centered p.error { background: #ffe5e5; border: 1px solid red; color: red; padding: 10px; margin-bottom: 15px; margin-top: 0px; }
.centered p.whatiswicked { width: 80%; margin: 20px 10px 10px 65px; font-size: 1.25em; line-height: 36px; }


#topbar { height: 5px; width: 100%; background-color: #7d006d; }
#book { text-align: center; }
#book img {}
#readOnline { width: 476px; float: left; margin-top: 18px; margin-right: 8px; }
#readOnline p { color: #c02942; margin: 14px 30px 0px 6px;  }
#readOnline a, #readOnline a:visited  { color: #c02942; font-weight: bold; }
#readOnline a:hover { color: #000000; font-weight: bold; }

#readOnline .header { background-color: #c02942; color: #FFFFFF; border-top: 4px solid #ac253b; font-size: 20px; padding: 10px 0px 0px 5px; }


#purchaseDetails { width: 476px; float: left;  margin-top: 18px; }
#purchaseDetails p { color: #53777a; margin: 14px 30px 0px 6px; }
#purchaseDetails p.sendAgain, #purchaseDetails p.sendAgain a { margin-top: 20px; color: #53777a; font-size: 12px; line-height: normal; }

#purchaseComplete { margin-top: 18px; }
#purchaseComplete p {  margin: 14px 30px 0px 6px; line-height: normal; font-size: 12px;  color: #53777a; }
#purchaseComplete p.error { background: #ffe5e5; border: 1px solid red; color: red; padding: 10px; width: 90%; margin-bottom: 15px; margin-top: 0px; }
p.downloadDate  { width: 400px; font-size: .75em; }
#purchaseComplete div.downloadInfo { width: 400px; }

#copyrightInformation, #copyrightDetail, #copyrightInformationLarge  { width: 476px; float: left;  }
#copyrightInformation p, #copyrightDetail p {  color: #53777a; margin: 14px 30px 0px 6px; line-height: 24px; }
#copyrightInformation span, #copyrightInformation a,  #copyrightInformation ul,  #copyrightInformation ul li, #copyrightDetail a, #copyrightDetail ul, #copyrightDetail ul li { line-height: 24px; color: #53777a; }



#orderForm { width: 456px; float: left;  margin-top: 32px; background-color: #edf1f1; border-top: 1px solid #53777a; border-bottom: 1px solid #53777a; padding: 20px 10px 20px 10px; }
#orderForm .formItem { float: left; font-size: 12px; line-height: normal; margin-right: 10px; color: #403f3f;  }
#orderForm .topPad { margin-top: 16px }
#orderForm .topPadLock { margin-top: 30px; }
#orderForm .checkBox  { width: 25px; }
#orderForm .mailing-list { width: 25px; }
#orderForm .topPadLarge { margin-top: 32px }
#orderForm .formItemHelper { font-size: 10px; line-height: normal; float: left; width: 145px; }
#orderForm .formItemHelperOnePointFive { font-size: 10px; line-height: normal; float: left; width: 220px; }
#orderForm .formItemHelperDouble { font-size: 10px; line-height: normal; float: left; width: 325px; }
#orderForm hr { color: #FFFFFF; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: #FFFFFF; height: 1px; } 
#orderForm a { font-size: 10px; line-height: normal; }

#order-forgot  { margin-top: 20px; border-top: 1px solid #EBEBEB; width: 90%; }
#order-forgot #emailAddress { margin-left: 5px; }

input { border: 1px solid #53777a; background-color: #dde5e5; width: 130px; color: #403f3f; font-size: 11px; padding: 4px; }
input.double { width: 280px; }
input.quarter { width: 30px; }
input.half { width: 65px; }
input.error { border: 1px solid red; background-color: #ffe5e5; }
input.noborderinput { border: 0px; background-color: none; }
label.error { font-size: 12px; } 
select { width: 75px; background-color: #DDE5E5; border: 1px solid #53777A; }

.payment-errors { color: red; font-size: 12px; }


button.big { padding: 4px; font-size: 16px;}

#buy { width: 476px; float: left;  margin-top: 18px; }
#buy .header { background-color: #53777a; color: #FFFFFF; border-top: 4px solid #4b6b6e;  font-size: 20px; padding: 10px 0px 0px 5px; }
#buy p { color: #53777a; margin: 14px 30px 0px 6px;}
#buy a, #buy a:visited, #purchaseComplete a, #purchaseCompletea:visited { color: #53777a; font-weight: bold; }
#buy a:hover { color: #000000; font-weight: bold; }

#readOnline .header a, #buy .header a { color: #FFFFFF; text-decoration: none; }


ul.buyOptions { list-style-type:none; margin:0; padding:0; }  
ul.buyOptions li { color: #53777a; margin: 0px 0px 0px 0px; line-height: 20px; padding: 0px 0px 0px 40px; margin-top: 30px; } 
ul.buyOptions li.pdf { background-image: url("../i/ico_pdf.png"); background-repeat: no-repeat; }
ul.buyOptions li.book { background-image: url("../i/ico_book.png"); background-repeat: no-repeat; }
ul.buyOptions li.spread { background-image: url("../i/dl_spread.png"); background-repeat: no-repeat; padding: 0px 0px 200px 515px; margin: 0px; }
ul.buyOptions li.single { background-repeat: no-repeat; padding: 0px 0px 30px 0px; margin: 0px;  }
ul.buyOptions li.epub { background-repeat: no-repeat; padding: 0px 0px 30px 0px; margin: 0px;  }
ul.buyOptions li.mobi { background-repeat: no-repeat; padding: 0px 0px 30px 0px; margin: 0px;  }


#btmChunk p.name, #btmChunk p.name a { color: #FFFFFF; text-transform: uppercase; font-weight: bold; margin: 20px 0px 20px 0px; padding: 0px; } 
#btmChunk span.about, #btmChunk span.about a { font-weight: normal; color: #FFFFFF;  line-height: .6; font-size: 14px; text-decoration: none; } 
#btmChunk p.copyright, #btmChunk p.copyright a { color: #FFFFFF; text-transform: uppercase;  margin: 0px 0px 20px 0px; padding: 0px; font-size: 14px; text-decoration: none; } 
#btmChunk p a:hover { color: #AC253B; }

#header { margin-top: 0px; background-image: url("../i/header_bg.jpg"); background-repeat: no-repeat; background-position: left top; height: 250px; }

#navHeader img.cover { float: left; }
#navHeader div.nav { float: left; margin-left: 30px;  }
#navHeader div.nav img.title { margin-bottom: 60px; }
#navHeader div.nav ul { list-style-type:none; margin:0px 0px 0px 0px; padding:0px; }  
#navHeader div.nav ul li { display: inline; margin-right: 20px; color: #FFFFFF; text-transform: uppercase; } 
#navHeader div.nav ul li.last {  }
#navHeader div.nav ul li.first { margin-left: 250px; }
#navHeader div.nav ul li a { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: normal; }
#navHeader div.nav ul li a:hover { color: #FFFFFF; text-decoration: underline; font-size: 12px; font-weight: normal; }
#navHeader div.nav ul li.active a { font-weight: bold; }
#navHeader div.nav ul li.active a:hover { color: #FFFFFF; text-decoration: none; font-weight: bold; }

#rightRail h3 { margin: 10px 0px 0px 0px; }

#leftRail, #leftRailMethods { width: 240px; float: left; margin-top: 40px; }
#leftRail a { font-size: 12px; text-decoration: none; color: #403f3f; line-height: normal; }
#leftRail a:hover { color: #000000; text-decoration: underline;  }
#leftRailMethods a { font-size: 12px; text-decoration: none; color: #403f3f; line-height: normal; }
#leftRailMethods a:hover { color: #000000; text-decoration: underline;  }

#leftRail ul, #leftRailMethods ul { list-style-type:none; margin: 20px 0px 10px 20px; padding:0; }
#leftRail ul li, #leftRailMethods ul li {  margin-bottom: 16px; margin-left: 10px; line-height: normal; }

#leftRail ul ul.selectedSection { background-color: #fbf4f5; padding: 10px 0px 5px 0px; margin: 0px 0px 10px 0px; border-top: 1px solid #ac253b; border-bottom: 1px solid #ac253b; }
#leftRail ul ul.selectedSection li { color: #ac253b; margin: 0px 0px 10px 10px }
#leftRail ul ul.selectedSection li.selectedHeader { font-weight: bold; }
#leftRail ul ul.selectedSection a { color: #ac253b; }

#leftRailMethods ul ul.selectedSection { background-color: #edf0eb; padding: 10px 0px 5px 0px; margin: 0px 0px 10px 0px; border-top: 1px solid #4c703c; border-bottom: 1px solid #4c703c; }
#leftRailMethods ul ul.selectedSection li { color: #4c703c; margin: 0px 0px 10px 10px }
#leftRailMethods ul ul.selectedSection li.selectedHeader { font-weight: bold; }
#leftRailMethods ul ul.selectedSection a { color: #4c703c; }

#rightRail, #rightRailMethods { width: 615px; float: left; padding: 0px 0px 0px 40px; }
#rightRail h1 { font-size: 36px; color: #ac253b; margin-top: 60px; margin-bottom: 40px; font-weight: normal;}
#rightRail h2 { font-size: 28px; color: #ac253b; margin-top: 30px; margin-bottom: 0px; padding-bottom: 0px; font-weight: normal;}
#rightRail p.next a { color: #ac253b; line-height: normal; }
#rightRail p.next a:hover { color: #000; line-height: normal; }

#rightRailMethods h1 { font-size: 36px; color: #4c703c; margin-top: 60px; margin-bottom: 40px; font-weight: normal;}
#rightRailMethods h2 { font-size: 28px; color: #4c703c; margin-top: 30px; margin-bottom: 0px; padding-bottom: 0px; font-weight: normal;}
#rightRailMethods p.next a { color: #4c703c; line-height: normal; }
#rightRailMethods p.next a:hover { color: #000; line-height: normal; }


hr { color: #e6e6e6; margin-top: 40px; margin-bottom: 10px; border: 0px; background-color: #e6e6e6; height: 1px; }


span.citation {	position:relative; z-index:24; background-color: #fef8e6; text-decoration:none; }
span.citation span { display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
span.citation:hover { z-index:25; color: #000000; background-color: #fdf2ce; }
span.citation:hover span.tooltip { display:block; position:absolute; top:0px; left:0; padding: 15px; width:276px; }
span.citation:hover span.top { display: block; width: 276px; height: 16px; padding: 0px; background: url("../i/citation_top.png") no-repeat top; }
span.citation:hover span.middle{ display: block; width: 276px; padding: 0px; background: url("../i/citation_mid.png") repeat-y bottom; }
span.citation:hover span.middle span.cite { display: block; width: 256px; padding: 10px; background: url("../i/citation_mid.png") repeat-y bottom; color: #FFF; font-size: 12px; line-height: normal; }
span.citation:hover span.middle span.cite a { color: #FFF; font-size: 12px; line-height: normal; }
span.citation:hover span.middle span.cite a:hover { color: #000; font-size: 12px; line-height: normal; }

span.citation:hover span.bottom{ display: block; width: 276px;  height: 10px; padding: 0px; background: url("../i/citation_btm.png") no-repeat bottom; }

.table_6_scenario_planning, .table_6_journey_map { margin-top: 14px; margin-bottom: 14px; }
.table_6_scenario_planning th, .table_6_journey_map th { background-color: #4c703c; text-align: left; color: #FFFFFF; }
.table_6_journey_map td.leftCol { background-color: #4c703c; width: 100px; text-align: left; border-right: 1px solid #EBEBEB; }
.table_6_scenario_planning td, .table_6_scenario_planning th, .table_6_journey_map td, .table_6_journey_map th { padding: 4px; font-size: 12px; line-height: 1.2; }

p.p6_service_blueprint_indent_1 { margin-left: 10px; }
p.p6_service_blueprint_indent_2 { margin-left: 20px; }
p.p6_service_blueprint_indent_3 { margin-left: 30px; }
p.p6_service_blueprint_indent_4 { margin-left: 40px; }
p.p6_service_blueprint_indent_5 { margin-left: 50px; }
p.p6_service_blueprint_indent_6 { margin-left: 60px; }
.citedList p { padding-left: 10px; }
p.alpha { font-size: 14px; margin: 0px; line-height: 1; background-color: #FBF4F5; padding:10px; color: #c02942;  }

.sidebar { background-color: #f4d1ca; border: 1px solid #c3523c; padding: 0px 20px 0px 20px; }
.riaz_sidebar_image { border-bottom: 1px solid #FFFFFF; padding: 15px 0px 15px 0px;  }
.riaz_sidebar_image img { float: left;  }
.riaz_sidebar_image p { float: left; display: block; width: 300px; padding: 0px 10px 0px 20px; margin: 0px; }
.riaz_in_text_image { padding: 5px 0px 0px 0px; }
.caption { font-size: 10px; line-height: 1.2; margin-top: 5px; display: block; }
.short { width: 200px; }
.float_img { float: left; margin-right: 15px; }
img.border { border: 1px solid #4c703c; }
.person { border: 18px solid #ac253b; }

.classlist a { font-size: 12px; line-height: 1.2;  }
ul.usecase { list-style-type:none; margin:0px 0px 10px 10px; padding:0; }  
ul.usecase li { font-style: italic; margin:5px 0px 5px 0px; color: #4c703c; }
.storyboard { width: 2000px; }

ul.toc { list-style-type:none; margin:10px 0px 0px 20px; padding:0; }  
ul.toc li {  }
.smallnote { font-size: .75em; }