/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 03 March 2016 00:48:43
*/


@font-face {
    font-family: 'CoventryHvyITCTTRegular';
    src: url('http://www.thebrooke.org/__data/assets/file/0016/35116/itc_coventry-covehi-webfont.eot');
    src: local('☺'), url('http://www.thebrooke.org/__data/assets/file/0013/35113/itc_coventry-covehi-webfont.woff') format('woff'), url('http://www.thebrooke.org/__data/assets/file/0014/35114/itc_coventry-covehi-webfont.ttf') format('truetype'), url('http://www.thebrooke.org/__data/assets/file/0015/35115/itc_coventry-covehi-webfont.svg#webfonttTYNc0lX') format('svg');
    font-weight: normal;
    font-style: normal;
   } 

@font-face {
    font-family: 'CoventryITCStd-Heavy';
    src: url('http://www.thebrooke.org/__data/assets/file/0006/35259/coventryitcstd-heavy-webfont.eot');
    src: local('☺'), url('http://www.thebrooke.org/__data/assets/file/0003/35256/coventryitcstd-heavy-webfont.woff') format('woff'), url('http://www.thebrooke.org/__data/assets/file/0004/35257/coventryitcstd-heavy-webfont.ttf') format('truetype'), url('http://www.thebrooke.org/__data/assets/file/0005/35258/coventryitcstd-heavy-webfont.svg#webfonttTYNc0lX') format('svg');
    font-weight: 900;
    font-style: normal;
   } 

@font-face {
    font-family: 'frutigeb-webfont';
    src: url('http://www.thebrooke.org/__data/assets/file/0016/35260/frutigeb-webfont.eot');
    src: local('☺'), url('http://www.thebrooke.org/__data/assets/file/0019/35263/frutigeb-webfont.woff') format('woff'), url('http://www.thebrooke.org/__data/assets/file/0018/35262/frutigeb-webfont.ttf') format('truetype'), url('http://www.thebrooke.org/__data/assets/file/0017/35261/frutigeb-webfont.svg#webfonttTYNc0lX') format('svg');
    font-weight: 200;
    font-style: normal;
   } 

@font-face {
    font-family: 'frutigel-webfont';
    src: url('http://www.thebrooke.org/__data/assets/file/0020/35264/frutigel-webfont.eot');
    src: local('☺'), url('http://www.thebrooke.org/__data/assets/file/0005/35267/frutigel-webfont.woff') format('woff'), url('http://www.thebrooke.org/__data/assets/file/0004/35266/frutigel-webfont.ttf') format('truetype'), url('http://www.thebrooke.org/__data/assets/file/0003/35265/frutigel-webfont.svg#webfonttTYNc0lX') format('svg');
    font-weight: 200;
    font-style: normal;
   } 

@font-face {
    font-family: "copper";
    font-style: normal;
    font-weight: normal;
    src: url("http://www.thebrooke.org/__data/assets/file/0016/160027/copperplatecondensedssicondensed.eot?v=0.0.2?#iefix") format("embedded-opentype"), url("http://www.thebrooke.org/__data/assets/file/0011/160031/copperplatecondensedssicondensed.woff2?v=0.0.2") format("woff2"), url("http://www.thebrooke.org/__data/assets/file/0010/160030/copperplatecondensedssicondensed.woff?v=0.0.2") format("woff"), url("http://www.thebrooke.org/__data/assets/file/0018/160029/copperplatecondensedssicondensed.ttf?v=0.0.2") format("truetype"), url("http://www.thebrooke.org/__data/assets/file/0017/160028/copperplatecondensedssicondensed.svg?v=0.0.2#copperplate_condensed_ssiCn") format("svg");
}

/*
-----------------------------------------------------
Default CSS file for [ The Brooke ]
Media:screen, projection

Author: Harvest Digital [ technical at harvestdigital dot com ]
*/

/*
To enable easier tabbing:
= denotes main section
& denotes sub section

/* Stylesheet matrix:
        - screen.css:   Reset, defaults, all page elements
        - ie.css:       IE specific stylesheet
*/

/* Table of contents
-----------------------------------------------------
    1.  Reset                               Equalising all browsers
    2.  Defaults                            Standard sitewide definitions
            A.  Links
            B.  Typography
            C.  Lists
            D.  Forms
            E.  Tables
    3.  Structure/Layout                    Template building blocks
            A.  Columns
    4.  Utilities
            A.  Buttons
            B.  Misc
            C.  Tabs
    5.  Furniture                           Template look and feel
            A.  Header
            B.  Navigation
            C.  Content
            D.  Breadrcumb
            E.  Footer
    6.  Page Modules
            A.  Map module
            B.  Rounded corner modules
            C.  Homepage carousel
            D.  Hubpage carousel
            E.  Donate module
            F.  Hubpage carousel legacy
    7.  Page Content
            A.  Homepage
            B.  Article Container
            C.  Payment pages
            D.  Payment thank you page
            E.  Shopping page
    8.  Misc

1. Reset
----------------------------------------------------- */

#test {
font-family:'CoventryITCStd-Heavy',Verdana, Arial, Helvetica, sans-serif;
}

html, body, div, span,
ul, ol, li, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, em, dd, strong, object,
form, fieldset, label, legend, button, table, tr, th, td, tbody, tfoot, thead, caption, blockquote, abbr, acronym, address,
big, cite, code, del, dfn, ins, kbd, q, samp, small, sub, sup, tt, var, pre, b, u, i,
center, font, applet, strike, s, iframe, embed, form {padding:0; margin:0; border:0; font-size:1em; background:transparent; vertical-align:baseline;}
address, abbr, caption, cite, code, dfn, strong, th, var, h1, h2, h3, h4, h5, h6 {font-weight:normal; font-style:normal;}
ul, dir, menu {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th {text-align:left;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
acronym {cursor:help;}
nobr {white-space:normal;}
hr {display:none;}
.valigntop {vertical-align:top;padding-left:10px; }

table.withborder{
    border-color: #000000;
    border-width: 1px 1px 1px 1px;    
    border-style: solid;
}

table.withborder td { 
    padding: 5px 5px 5px 5px;
    }

table.withfullborder {    
    border-collapse:collapse;
}
table.withfullborder td{     
    border-bottom: 1px solid  #000000;
    border-left: 1px solid  #000000;
    border-right: 1px solid  #000000;    
    border-top: 1px solid #000000;
}


.directdebit-head  { 
    font-size: 18px;
    font-weight:bold;
    }



/* */

/* = 2. Defaults
----------------------------------------------------- */
body {
    /*background:#e86410;*/
    background:#F47920;
    font-size:62.5%;
    font-family:Verdana, Helvetica, sans-serif;
    line-height:1;
    min-width:976px;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after {
    clear:both;
    content:"\0020";
    display:block;
    height:0;
    visibility:hidden;
    overflow:hidden;
}

/* Makes clearfix actually work in IE */
#IE6 .clearfix,
#IE6 .container,
#IE7 .clearfix,
#IE7 .container { display:inline-block; }


#IE6 .clearfix,
#IE6 .container { height:1%; }

.clear { clear:both; }

strong { font-weight:bold; }

address { margin-bottom:1em; }

/* & 3A. Links
---------------------------- */

a,
a:link {
    color:#ec7405;
    font-style:inherit;
    text-decoration:none;
    cursor:pointer;
    outline:none;
}

a:hover,
a:active,
a:focus { color:#ec7405; }

a.quiet,
a.quiet:link,
a.quiet:hover,
a.quiet:active,
a.quiet:visited,
a.quiet:focus { color:#fff; }

a.sitemap,
a.sitemap:link,
a.sitemap:hover,
a.sitemap:active,
a.sitemap:visited,
a.sitemap:focus,
.sitemap 
{ 
color:#ec7405;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
cursor:pointer;
outline:none;
}

a.fresh,
a.fresh:link,
a.fresh:hover,
a.fresh:active,
a.fresh:focus { color:#5d9e0b; }

a.loud,
a.loud:link,
a.loud:hover,
a.loud:active,
a.loud:focus { color:#000; }

a.faint,
a.faint:link,
a.faint:hover,
a.faint:active,
a.faint:focus { color:#575757; }

a:hover { text-decoration:underline; }

a.static:hover { text-decoration:none; }

a.underlined { text-decoration:underline; }

a:active { outline:none; }

a.link span {
    background:url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll 0 0;
}

#IE7 a.link span,
#IE8 a.link span { zoom:1; }

a.sub-link span {     
    padding-left:11px;
    background-position:5px -83px;
}

a.arrow {     
background:url(http://www.thebrooke.org/__data/assets/image/0007/43738/link-arrow.png) no-repeat scroll 0 0;
padding-right:13px;
background-position:right top; 
}

h4 a.sub-link span { background-position:5px -81px; }

h4.submenu {
    margin:14px 0 3px;
    font-size:12px;
    padding-left:9px;
    background:url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll 0 -83px; 
}

a.sub-link.quiet span { background-position:5px -142px; }

a.back-link span {
    padding-left:11px;
    background-position:0 -1515px;
}

a.top-link span {
    padding-right:16px;
    background-position:0 -804px;
}

a.external-link span {
    padding-left:14px;
    background-position:4px -112px;
}

/* & 3B. Typography
---------------------------- */

p, address, li, dt, dd, td, th {
    color:#3f3f3f;
    font-size:1.1em;
    line-height:1.25;
}

td a,td p,td p a{
    color:#3f3f3f;
    /*font-size:1.1em;*/
font-size:100%;
    line-height:1.25;
}
.small { font-size:1em; }

.large { font-size:1.2em; }

.huge {
    font-size:44px;
    line-height:1.4;
}

.huge.font-coventry {
    font-family:'CoventryITCStd-Heavy',Verdana, Arial, Helvetica, sans-serif;
    display:block;
    float:left;
    margin-top:-23px;
}

.faint.font-coventry {
    font-family:'CoventryITCStd-Heavy',Verdana, Arial, Helvetica, sans-serif;
    display:block;
    float:left;
    margin-top:-23px;
}

h1, h2, h3, h4, h5, h6 {
    color:#000;
    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:1.2;
    margin-bottom:1em;
}


h1 {
    font-size:25px;
    margin-bottom:0;
font-family:'CoventryITCStd-Heavy',Verdana, Arial, Helvetica, sans-serif;
}

h2 {
    font-size:22px;
    margin-bottom:0;
font-family:'CoventryITCStd-Heavy',Verdana, Arial, Helvetica, sans-serif;
}

h3 {
    font-size:19px;
    margin-bottom:12px;
font-family:'CoventryITCStd-Heavy',Verdana, Arial, Helvetica, sans-serif;
font-style:900;
}

h4 {
    font-size:1.4em;
    margin-bottom:0.2em;
    letter-spacing:-1px;
    color:#575757;

}

h4.alt {
    font-size:1.9em;
    margin-bottom:0;
    letter-spacing:-1px;
    color:#ec7405;
}

h5 {
    font-size:1.2em;
    margin-bottom:0.5em;
    color:#575757;

}

h5.alt {
    margin-bottom:0.2em;
    color:#ec7405;
}

h6 {
    font-size:1.1em;
    margin-bottom:0.4em;
    letter-spacing:-1px;
    color:#575757;
}

p { margin-bottom:0.8em; }

.align-right { text-align:right; }

.align-center { text-align:center; }

.faint { color:#575757; }

.soft { color:#999; }

.quiet { color:#fff; }

.footercopyright { 
color:#fff; 
text-align:center; 
}

.loud { color:#000; }

.fresh { color:#5d9e0b; }

.bright { color:#86b918; }

.payment .bright { color:#208d8a; }

.squeeze { letter-spacing:-1px; }

blockquote {
    background:#fff url(http://www.thebrooke.org/__data/assets/image/0004/35149/open-quote.gif) no-repeat scroll 5px 0;
    padding:3px 19px 0 19px;
}

blockquote p {
    margin-bottom:0.6em;
}

blockquote span {
    padding-left:12px;
    background:#fff url(http://www.thebrooke.org/__data/assets/image/0018/35145/close-quote.gif) no-repeat scroll 2px 0;
}

/* & 3C. Lists
---------------------------- */

ul { margin-bottom:1.4em;}

div.article-container ul li { 
 background:url(http://www.thebrooke.org/__data/assets/image/0020/35147/li-bullet.gif) no-repeat scroll 0 6px transparent;
    padding-left:10px;
}

div.container ul li { 
 background:url(http://www.thebrooke.org/__data/assets/image/0020/35147/li-bullet.gif) no-repeat scroll 0 6px transparent;
 padding-left:10px;
}

li { margin-bottom:0.4em; }

ul.horizontal li {
    float:left;
    background:url(http://www.thebrooke.org/__data/assets/image/0015/35133/horizontal-ul-border.gif) no-repeat scroll 100% 2px;
    padding-right:6px;
    padding-left:0px;
    margin-right:6px;
    font-size:11px;
}

ul.horizontal li.large,
ul.horizontal li.large a { font-size:12px; }

ul.horizontal li.last {
    padding-right:0;
    margin-right:0;
    background:none;
}

ul.horizontal li a { font-size:11px; }

ul.media li {
    min-height:2.3em;
    padding-left:24px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0015/35151/default.png) no-repeat scroll 0 2px;
}

ul.media li.pdf {
    padding-left:28px;
    background-image:url(http://www.thebrooke.org/__data/assets/image/0018/35154/pdf.png);
    background-position:0 0;
}

ul.media li.ppt { background-image:url(http://www.thebrooke.org/__data/assets/image/0019/35155/ppt.png); }
ul.media li.doc { 
   background-image:url(http://www.thebrooke.org/__data/assets/image/0016/35152/doc.png); 
   padding-left:18px;
}
ul.media li.xls { background-image:url(http://www.thebrooke.org/__data/assets/image/0020/35156/xls.png); }
ul.media li.jpg { background-image:url(http://www.thebrooke.org/__data/assets/image/0017/35153/jpg.png); }

ul.faint-bullet li {
    background:url(http://www.thebrooke.org/__data/assets/image/0003/35148/li-bullet-faint.gif) no-repeat scroll 0 6px transparent;
    padding-left:10px;
    margin-bottom:0.6em;
}

ul.bullet li,
div.article-container li {
    background:url(http://www.thebrooke.org/__data/assets/image/0020/35147/li-bullet.gif) no-repeat scroll 0 6px transparent;
    padding-left:10px;
}
#bullet ul li 
{
 background:url(http://www.thebrooke.org/__data/assets/image/0020/35147/li-bullet.gif) no-repeat scroll 0 6px transparent;
    padding-left:10px;
}
.bullet ul li 
{
 background:url(http://www.thebrooke.org/__data/assets/image/0020/35147/li-bullet.gif) no-repeat scroll 0 6px transparent;
    padding-left:10px;
}

ol { margin-left:19px; }

#IE6 ol, #IE7 ol, #IE8 ol { margin-left:22px; }

/* & 3D. Forms
---------------------------- */
fieldset {
    display:block;
    clear:both;
}

legend {
    font-weight:bold;
    font-size:1.4em;
    line-height:1.4;
    color:#575757;
    margin-bottom:0.3em;
}

input.text {
    border:1px solid #ec7405;
    color:#000;
    height:18px;
    padding:2px 5px 0;
}
td input {
    border:1px solid #ec7405;
    color:#000;
    height:18px;
    padding:2px 5px 0;
}


input.submit {
    display:block;
    height:31px;
    width:151px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0016/35143/button-sprite.png) no-repeat scroll 0 -562px;
    cursor:pointer;
    border:none;
}

input.submitpaypal {
    display:block;
    height:33px;
    width:170px;
    background:transparent;
    cursor:pointer;
    border:none;
}

.find-address
{
    display:inline;
    height:25px;
    width:45px;
    /*background:transparent url(http://www.thebrooke.org/__data/assets/image/0016/35143/button-sprite.png) no-repeat scroll 0 -562px;
    border:none;
    padding-bottom:20px;*/
    border:3px solid #ec7405;
    background:#ec7405;
    color:#fff;
    cursor:pointer;

}

span.submit {
    display:block;
    height:31px;
    width:151px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0016/35143/button-sprite.png) no-repeat scroll 0 -562px;
    cursor:pointer;
    border:none;
}

select {
    border:1px solid #ec7405;
    color:#000;
    width:238px;
    font-size:11px;
    padding-top:1px;
    height:19px;
}


textarea { border:1px solid #ec7405; }

#IE6 select,
#IE7 select { width:245px; }

select.short { width:111px; }

#IE6 select.short,
#IE7 select.short { width:116px; }

select.shortest { width:78px; }

#IE6 select.shortest,
#IE7 select.shortest { width:82px; }

select.long { width:336px; }

#IE6 select.long,
#IE7 select.long { width:340px; }

span.required { color:#9a1a19; }
div.process-errors li{ color:#9a1a19; }
span.boldrequired { color:#9a1a19;font-weight: bold; }

span.required li{ 
color:#9a1a19;
font-weight: bold;
 }


div.errors {
background:#f3f3f3;
padding:10px 10px 10px 10px;
border:1px solid #b3b3b3;
position:relative;
float:left;
}

/* & 3E. Tables
---------------------------- */
table { padding-bottom:7px; }

td { padding-bottom:6px; }

td.column-1 {
    width:304px;
    padding:3px 16px 0 0;
    text-align:right;
    vertical-align:top;
}

td.column-1.align-left { text-align:left; }

/* = 3. Structure/Layout
----------------------------------------------------- */

div#global-center {
    margin:0 auto;
    width:976px;
    position:relative;
}

/* A container should group columns. */
div.container {
    padding:0 16px;
    overflow:hidden;
}

/* & 4A. Columns
---------------------------- */
.span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10,
.span-11, .span-12, .span-13, .span-14, .span-16, .span-18, .span-19, .span-21,
.span-22, .span-23, .span-24, .span-25, .span-26, .span-27, .span-29, .span-30,
.span-31, .span-33, .span-37, .span-38, .span-40, .span-41, .span-42, .span-43,
.span-44, .span-46, .span-48, .span-50, .span-59 {
    float:left;
    margin-right:16px;
}

.span-2 { width:32px; }
.span-3 { width:48px; }
.span-4 { width:64px; }
.span-5 { width:80px; }
.span-6 { width:96px; }
.span-7 { width:112px; }
.span-8 { width:128px; }
.span-9 { width:144px; }
.span-10 { width:160px; }
.span-11 { width:176px; }
.span-12 { width:192px; }
.span-13 { width:208px; }
.span-14 { width:224px; }
.span-16 { width:256px; }
.span-18 { width:288px; }
.span-19 { width:304px; }
.span-21 { width:336px; }
.span-22 { width:352px; }
.span-23 { width:368px; }
.span-24 { width:384px; }
.span-25 { width:400px; }
.span-26 { width:416px; }
.span-27 { width:432px; }
.span-29 { width:464px; }
.span-30 { width:480px; }
.span-31 { width:496px; }
.span-33 { width:528px; }
.span-37 { width:592px; }
.span-38 { width:608px; }
.span-39 { width:615px; }
.span-40 { width:640px; }
.span-41 { width:656px; }
.span-42 { width:672px; }
.span-43 { width:688px; }
.span-44 { width:704px; }
.span-46 { width:736px; }
.span-48 { width:768px; }
.span-50 { width:944px; }
.span-59 { width:944px; }

.last { margin-right:0; }

.prepend-1 { padding-left:16px; }
.prepend-2 { padding-left:32px; }
.prepend-17 { padding-left:272px; }
.prepend-18 { padding-left:345px; }
.prepend-24 { padding-left:384px; }

.append-1 { padding-right:16px; }
.append-2 { padding-right:32px; }
.append-3 { padding-right:48px; }
.append-4 { padding-right:64px; }
.append-5 { padding-right:80px; }
.append-6 { padding-right:96px; }
.append-7 { padding-right:112px; }
.append-8 { padding-right:128px; }
.append-10 { padding-right:160px; }
.append-11 { padding-right:176px; }
.append-15 { padding-right:240px; }
.append-16 { padding-right:256px; }
.append-18 { padding-right:288px; }
.append-21 { padding-right:336px; }
.append-28 { padding-right:448px; }

.prepend-top-0 { margin-top:0 }
.prepend-top-1 { margin-top:0.2em; }
.prepend-top-2 { margin-top:0.4em; }
.prepend-top-3 { margin-top:0.6em; }
.prepend-top-4 { margin-top:0.8em; }
.prepend-top-5 { margin-top:1em; }
.prepend-top-6 { margin-top:1.2em; }
.prepend-top-7 { margin-top:1.4em; }
.prepend-top-8 { margin-top:1.6em; }
.prepend-top-9 { margin-top:1.8em; }
.prepend-top-10 { margin-top:2em; }
.prepend-top-11 { margin-top:2.2em; }
.prepend-top-12 { margin-top:2.4em; }
.prepend-top-13 { margin-top:2.6em; }

.append-bottom-0 { margin-bottom:0 }
.append-bottom-1 { margin-bottom:0.2em; }
.append-bottom-2 { margin-bottom:0.4em; }
.append-bottom-3 { margin-bottom:0.6em; }
.append-bottom-4 { margin-bottom:0.8em; }
.append-bottom-5 { margin-bottom:1em; }
.append-bottom-6 { margin-bottom:1.2em; }
.append-bottom-7 { margin-bottom:1.4em; }
.append-bottom-8 { margin-bottom:1.6em; }
.append-bottom-9 { margin-bottom:1.8em; }
.append-bottom-10 { margin-bottom:2em; }
.append-bottom-11 { margin-bottom:2.2em; }
.append-bottom-12 { margin-bottom:2.4em; }
.append-bottom-13 { margin-bottom:2.6em; }
.append-bottom-14 { margin-bottom:2.8em; }
.append-bottom-16 { margin-bottom:3.2em; }
.append-bottom-20 { margin-bottom:4em; }
.append-bottom-23 { margin-bottom:4.6em; }
.append-bottom-28 { margin-bottom:5.6em; }

/* Border styles */
.border-top-1 { border-top:1px solid #ddd; }

.border-bottom-1 {
    margin-bottom:1em;
    border-bottom:1px solid #ddd;
}

.border-bottom-2 {
    padding-bottom:2.8em;
    margin-bottom:1.2em;
    border-bottom:1px solid #f5b982;
}

.border-bottom-3 {
    padding-bottom:0.4em;
    margin-bottom:1em;
    border-bottom:1px dashed #aeaeae;
}

.border-right-1 {
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35126/border-right-1.gif) no-repeat 100% 8px;
}

.border-right-2 { border-right:1px solid #d8d5d2; }

/* = 4. Utilities
----------------------------------------------------- */

/* & 4A. Buttons
---------------------------- */
a.btn {
    display:block;
    float:left;
    background-image:url(http://www.thebrooke.org/__data/assets/image/0016/35143/button-sprite.png);
    position:relative;
    color:#4f4f4f;
}

a.btn,
a.btn:link,
a.btn:hover,
a.btn:active,
a.btn:focus { color:#4f4f4f; }

a.btn span { display:none; }

a.btn span.label {
    display:block;
    position:absolute;
    top:0;
    left:21px;
    font-size:1.1em;
    line-height:1.5;
    white-space:nowrap;
}

a.btn-donate-small {
    height:24px;
    width:109px;
    background-position:0 -78px;
}

a.btn-donate-large {
    height:55px;
    width:208px;
    background-position:top left;
}

a.btn-give-small {
    height:27px;
    width:152px;
    background-position:0 -468px;
}

a.btn-give-medium {
    height:27px;
    width:187px;
    background-position:0 -516px;
}

a.btn-facebook-small {
    height:16px;
    width:16px;
    background-position:0 -150px;
}

a.btn-twitter-small {
    height:16px;
    width:16px;
    background-position:0 -182px;
}

a.btn-flickr-small {
    height:16px;
    width:16px;
    background-position:0 -214px;
}

a.btn-youtube-small {
    height:16px;
    width:16px;
    background-position:0 -118px;
}

a.btn-wordpress-small {
    height:16px;
    width:16px;
    background-position:-192px -118px;
}

a.btn-delicious-small {
    height:16px;
    width:16px;
    background-position:-192px -150px;
}

a.btn-digg-small {
    height:16px;
    width:16px;
    background-position:-192px -182px;
}

a.btn-ebay-small {
    height:23px;
    width:71px;
    background-position:0 -252px;
}

a.btn-ebay-large {
    height:36px;
    width:111px;
    background-position:0 -850px;
}

a.btn-amazon-small {
    height:22px;
    width:87px;
    background-position:0 -298px;
}

a.btn-amazon-large {
    height:26px;
    width:119px;
    background-position:0 -804px;
}

a.btn-quidco-small {
    height:32px;
    width:82px;
    background-position:0 -338px;
}

a.btn-giveortake-small {
    height:21px;
    width:86px;
    background-position:0 -382px;
}

a.btn-giveortake-large {
    height:27px;
    width:114px;
    background-position:0 -906px;
}

a.btn-findout {
    height:25px;
    width:138px;
    background-position:0 -422px;
}

a.btn-print {
    width:164px;
    height:26px;
    background-position:0 -760px;
}

a.btn-print span {
    display:block;
    font-size:12px;
    line-height:24px;
    padding-left:10px;
}

a.btn-bookmark {
    width:122px;
    height:16px;
    background-position:0 -953px;
}

a.btn-payment-monthly {
    width:102px;
    height:29px;
    background-position:-106px -987px;
}

a.btn-payment-monthly:hover,
a.btn-payment-monthly-active { background-position:0 -987px; }

a.btn-payment-one-off {
    width:95px;
    height:29px;
    background-position:-106px -1032px;
}

a.btn-payment-one-off:hover,
a.btn-payment-one-off-active { background-position:0 -1032px; }

a.btn-facebook-large {
    height:52px;
    width:192px;
    background-position:0 -1170px;
}

a.faint:hover { color:#575757; }

/* & 4B. Misc
---------------------------- */
img.bold-2 { border:2px solid #000; }

.faded { 
    opacity:0.5;
    filter:alpha(opacity=50);
}

.block { display:block; }

.center-block {
    display:block;
    margin:0 auto;
}

.overflow-hidden { overflow:hidden; }

.icon {
    display:block;
    height:53px;
    width:43px;
    background-image:url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png);
    background-repeat:no-repeat;
}

span.donkey-icon { background-position:0 -180px; }

span.globe-icon { background-position:0 -248px; }

span.calendar-icon { background-position:0 -313px; }

span.hand-icon { background-position:0 -378px; }

span.laptop-icon {
    width:110px;
    height:69px;
    background-position:0 -456px;
}

span.lg-laptop-icon {
    width:148px;
    height:92px;
    background-position:0 -857px;
}

span.small-laptop-icon {
    width:89px;
    height:54px;
    background-position:0 -1659px;
}

p.increase-icon {
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll 0 -541px;
    padding-left:15px;
}

span.phone-icon {
    width:35px;
    height:40px;
    background-position:0 -1242px;
}

span.post-icon {
    width:30px;
    height:35px;
    background-position:0 -1295px;
}

span.will-icon {
    width:27px;
    height:48px;
    background-position:0 -1346px;
}

span.frsb-icon {
    width:132px;
    height:51px;
    background-position:0 -1172px;
}

span.direct-debit-icon {
    width:140px;
    height:50px;
    background-position:0 -1408px;
}

span.home-icon {
    width:29px;
    height:44px;
    background-position:0 -1596px;
}

span.camera-icon {
    width:43px;
    height:31px;
    background-position:0 -2009px;
}

div.content { overflow:hidden; }

.faint-bg { background:#f3f3f3; }

div.fb-like {
    width:52px;
    height:24px;
    float:left;
    margin-right:8px;
    position:relative;
}

div.fb-like iframe {
    position:absolute;
    top:-40px;
    left:0;
    width:52px;
    height:65px;
    overflow:hidden;
}

span.price {
    font-size:1.4em;
    line-height:1;
    font-weight:bold;
}


div.currency-options { margin-bottom:3px; }

div.currency-options a.option {
    display:block;
    float:left;
    height:29px;
    width:40px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll 0 0;
    text-indent:-20000px;
}

div.currency-options a.gb { background-position:-152px -969px; }
div.currency-options a.eu { background-position:-152px -1008px; }
div.currency-options a.us { background-position:-152px -1047px; }
div.currency-options a.au { background-position:-152px -1086px; }
div.currency-options a.ca { background:url(http://www.thebrooke.org/__data/assets/image/0010/49339/cad-bw.jpg); }

div.currency-options a.gb-active,
div.currency-options a.gb:hover { background-position:0 -969px; }
div.currency-options a.eu-active,
div.currency-options a.eu:hover { background-position:0 -1008px; }
div.currency-options a.us-active,
div.currency-options a.us:hover { background-position:0 -1047px; }
div.currency-options a.au-active,
div.currency-options a.au:hover { background-position:0 -1086px; }
div.currency-options a.ca-active,
div.currency-options a.ca:hover { background:url(http://www.thebrooke.org/__data/assets/image/0020/49340/cad-colour.jpg); }

div.currency-options a.gb-active,
div.currency-options a.eu-active,
div.currency-options a.us-active,
div.currency-options a.ca-active,
div.currency-options a.au-active { cursor:default }

/* & 4C. Tabs
---------------------------- */

div.tabs {
   /* position:relative;*/
    height:34px;
    overflow:visible;
    z-index:1000;
}

div.tabs ul {
    /*position:absolute;*/
    overflow:visible;
    z-index:500;
}
ul.xxx {
list-style-type:disc;
background:#fff url(http://www.thebrooke.org/__data/assets/image/0019/35128/corners.gif) no-repeat scroll 0 -64px;
}

div.tabs li, div.tabs li.notactive{
    display:block;
    float:left;
    margin-bottom:0;
    padding-left:10px;
/*background:#fff url(http://www.thebrooke.org/__data/assets/image/0019/35128/corners.gif) no-repeat scroll 0 -96px;*/
    background:#fff url(http://www.thebrooke.org/__data/assets/image/0019/35128/corners.gif) no-repeat scroll 0 -64px;
    height:32px;
    margin:2px 1px 0 0;
}

div.tabs li div {
    display:block;
    white-space:nowrap;
    background:#fff url(http://www.thebrooke.org/__data/assets/image/0019/35128/corners.gif) no-repeat scroll 100% -64px;
    padding-right:10px;
    height:32px;
}

div.tabs h3 {
    font-size:14px;
    line-height:32px;
    margin-bottom:0;
}

div.tabs li h3 a { color:#575757; }

#IE6 div.tabs li { width:1%; }

div.tabs li.active {
    height:35px;
    background:#fff url(http://www.thebrooke.org/__data/assets/image/0019/35128/corners.gif) no-repeat scroll 0 -96px;
    margin-top:0;
}

div.tabs li.active div {
    height:35px;
    background:#fff url(http://www.thebrooke.org/__data/assets/image/0019/35128/corners.gif) no-repeat scroll 100% -96px;
}

div.tabs li h3 a:hover,
div.tabs li.active h3 a { color:#000; }

/* & 4C. Tabsfaq
---------------------------- */

div.tabsfaq {
    position:relative;
    height:34px;
    overflow:visible;
    z-index:1000;
}

div.tabsfaq ul {
    position:absolute;
    overflow:visible;
    z-index:500;
}

div.tabsfaq li {
    display:block;
    float:left;
    margin-bottom:0;
    padding-left:10px;
    background:#fff url(http://www.thebrooke.org/__data/assets/image/0019/35128/corners.gif) no-repeat scroll 0 -64px;
    height:32px;
    margin:2px 1px 0 0;
}

div.tabsfaq li div {
    display:block;
    white-space:nowrap;
    background:#fff url(http://www.thebrooke.org/__data/assets/image/0019/35128/corners.gif) no-repeat scroll 100% -64px;
    padding-right:10px;
    height:32px;
}

div.tabsfaq h3 {
    font-size:14px;
    line-height:32px;
    margin-bottom:0;
}

div.tabsfaq li h3 a { color:#575757; }

#IE6 div.tabsfaq li { width:1%; }

div.tabsfaq li.active {
    height:35px;
    background:#fff url(http://www.thebrooke.org/__data/assets/image/0019/35128/corners.gif) no-repeat scroll 0 -96px;
    margin-top:0;
}

div.tabsfaq li.active div {
    height:35px;
    background:#fff url(http://www.thebrooke.org/__data/assets/image/0019/35128/corners.gif) no-repeat scroll 100% -96px;
}

div.tabsfaq li h3 a:hover,
div.tabsfaq li.active h3 a { color:#000; }

/* = 5. Furniture
----------------------------------------------------- */

/* & 5A. Header
---------------------------- */
div.utilities {
    margin-top:7px;
    float:right;
}

div.utilities ul.horizontal,
div.utilities div.search-wrap { float:left; }

div.utilities ul.horizontal { margin:3px 10px 0 0; }

div.utilities ul.horizontal li { margin-bottom:0; }

div.utilities form input { float:left; }

div.utilities input.text {
    height:16px;
    width:114px;
    padding:2px 5px;
    border:none;
    background:url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll 0 -141px;
    margin-right:5px;
    font-size:11px;
}

div#header { margin-bottom:17px; }

div#header div.logo-wrap {
    float:left;
    width:720px;
    height:75px;
    margin-right:16px;
    overflow:visible;
}

a#logo {
    float:left;
    margin-right:20px;
}

div#header div.navigation-wrap {
    float:left;
    width:85%;
    margin-top:23px;
}

#header div.donate-module {
    float:left;
    margin-top:15px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll 0 -24px;
    width:208px;
    padding:11px 16px 0;
    height:93px;
}

div#header p.frutiger {
    font-family:'frutigel-webfont',Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:1.3;
    padding-right:40px;
    margin-bottom:0;
}

/* & 5B. Navigation
---------------------------- */

div#navigation {
    position:relative;       /* establish a menu-relative positioning context */
    float:left; 
    width:100%;        /* we always want our menu to fill the available space */
    z-index:5000;
}

div#navigation li.top-level {
    float:left;   /* this creates the side-by-side array of top-level buttons */
    position:relative;   /* create local positioning contexts for each button */
    margin-bottom:0;
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

div#navigation ul li div.dropdown {
    margin-top:-1000px;
    top:41px;
    left:0;
    position:absolute;

}

div#navigation ul li a.item-container {
    display:block;
    float:left;
    text-decoration:none;
    height:40px;
}

/* the following makes the CSS dropdowns work in IE6 */
#IE6 div#navigation ul li a:hover { border-top:0 solid #fff; }

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

div#navigation ul li:hover div.dropdown,
div#navigation ul li a:hover div.dropdown { margin-top:0; }

/*============================= ITEM TAB STYLING =============================*/
div#navigation span.item,
div#navigation h3.item {
    background-image:url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png);
    background-repeat:no-repeat;
    background-attachment:scroll;
    padding:0 10px 0 13px;
    font-size:20px;
    line-height:1.5;
    cursor:pointer;
font-family:'CoventryITCStd-Heavy',Verdana, Arial, Helvetica, sans-serif;
}

div#navigation h4.item {
    background-image:url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png);
    background-repeat:no-repeat;
    background-attachment:scroll;
    padding:0 10px 0 3px;
    font-size:15px;
    line-height:1;
    cursor:pointer;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#navigation h4.item {
    font-weight:bold;
    color:#000;
    margin-bottom:0;
    height:15px;
    /*float:left;*/
    padding-left:11px;             /* To account for left margin on div.inner */
    background-position:1px 10px;
}

div#navigation a:hover{
font-size:20px;
color:#000000;
text-decoration:none;
}
div#navigation span.item {
    display:block;
    float:left;
    color:#fff;
    height:40px;
    background-position:3px 11px;
}

#IE6 div#navigation span.item { display:inline-block; }

div#navigation h3.item {
    font-weight:normal;
    color:#000;
    margin-bottom:0;
    height:41px;
    float:left;
    padding-left:11px;             /* To account for left margin on div.inner */
    background-position:1px 10px;
}

div#navigation div.item-container {
    position:absolute;
    top:-40px;
    left:0;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll 0 -175px;
}

div#navigation div.item-container div.inner {
    margin-left:2px;
  background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll 100% -216px;
    float:left;
    display:inline;                           /* Fix double margin bug in IE6 */
}

/* Fix IE6 rounding bug */
#IE6 div#navigation div.item-container div.inner { background-position:101% -216px; }

/*============================= DROPDOWN STYLING =============================*/
div#navigation div.dropdown { width:429px; }

div#navigation div.dropdown span.bg {
    display:block;
    clear:both;
    background-image:url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png);
    overflow:hidden;                                 /* Fix IE6 empty div bug */
    height:2px;
    z-index:-1;
}

div#navigation div.dropdown span.bg-top { background-position:0 -216px; }

div#navigation div.dropdown span.bg-bottom { background-position:0 -275px; }

div#navigation div.dropdown div.content {
    background:#fff;
    padding:0 13px 14px;
    border:0 solid #d8d5d2;
    border-width:0 1px;
}

div#navigation div.dropdown div.column-1 {
    width:219px;
    margin-right:15px;
    float:left;
}

div#navigation div.dropdown div.column-2 {
    width:165px;
    float:left;
}

div#navigation div.dropdown h4 {
    margin:14px 0 3px;
    font-size:12px;
    padding-left:9px;
    background:url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll 0 -83px;
}

div#navigation div.dropdown h4 a{
    margin:14px 0 3px;
    font-size:12px;
    /*padding-left:9px;
    background:url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll 0 -83px;*/
}

div#navigation div.dropdown ul { margin-bottom:0; }

div#navigation div.dropdown li {
    margin-bottom:0;
    display:inline;
}

div#navigation div.dropdown li a {
    font-size:11px;
    display:block;
    margin-bottom:3px;
}

div#navigation div.dropdown li a:hover {
    font-size:11px;
    display:block;
    margin-bottom:3px;
}

/* & 5C. Content
---------------------------- */
div#content {
    /*background:#fff url(http://www.thebrooke.org/__data/assets/image/0018/35127/content-footer.png) no-repeat scroll -5px 0;*/
    background:#fff url(http://www.thebrooke.org/__data/assets/image/0004/51349/TheBrooke_Tear.png) no-repeat scroll -5px 0;
    padding-bottom:20px;
}

/* & 5D. Breadcrumb
---------------------------- */
ul#breadcrumb {
    display:block;
    clear:both;
    width:100%;
    margin:35px 0 6px;
}

ul#breadcrumb li {
    float:left;
    background:url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll 100% -54px;
    padding-right:9px;
    padding-left:0px;
    margin-right:6px;
}

ul#breadcrumb li.last {
    background:none;
    padding-right:0;
    margin-right:0;
}

/* & 5E. Footer
---------------------------- */
div#footer {
    /*background:#d4560e url(http://www.thebrooke.org/__data/assets/image/0018/35127/content-footer.png) no-repeat scroll -5px -23px;*/
    background:#d4560e url(http://www.thebrooke.org/__data/assets/image/0004/51349/TheBrooke_Tear.png) no-repeat scroll -5px -23px;
    padding-top:64px;
    padding-bottom:40px;
}

div#footer h4 {
    font-size:15px;
    margin-bottom:0.5em;
    letter-spacing:0;
    font-family:'CoventryITCStd-Heavy',Verdana, Arial, Helvetica, sans-serif;
}

div#footer li {
    background:url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll 0 -27px;
    padding-left:15px;
    margin-bottom:0.1em;
    letter-spacing:-1px;
}

/* = 6. Page Modules
----------------------------------------------------- */

/* & 6A. Map module
---------------------------- */

div#work-maps-module { position:static; }

div#work-maps-module div.content {
    padding:0;
    overflow:visible;
}

div#work-maps-module div.map {
    width:688px;
    height:277px;
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    position:relative;
    z-index:300;
}

div#work-maps-module img.world-map,
div#work-maps-module div.countries img.region {
    position:absolute;
    top:10px;
    left:0;
}

/* Countries map */
div#work-maps-module div.countries div.map .icon {
    width:15px;
    height:15px;
    position:absolute;
}

div#work-maps-module div.countries div.map .country-double-marker-icon {
    height:21px;
    width:22px;
    background-position:-170px -558px;
}

div#work-maps-module div.countries p.copy {
    text-align:right;
    margin-right:10px;
    color:#4f4f4f;
    margin-bottom:0;
    padding-bottom:0.8em;
}

/* Stories map */
div#work-maps-module div.stories div.map { margin-bottom:2.2em; }

div#work-maps-module div.stories div.map .icon {
    width:24px;
    height:24px;
    position:absolute;
}

div#work-maps-module div.stories div.legend-wrap { padding:0 15px; }

div#work-maps-module div.stories div.legend-wrap span.icon {
    width:46px;
    height:65px;
}

div#work-maps-module div.stories div.span-8 {
    border-right:1px solid #d9d6d2;
    width:127px;
}

div#work-maps-module div.stories div.span-8.last {
    border-right:none;
    width:128px;
}

/* Tooltips */
.tooltip {
    display:none;
    width:206px;
    z-index:2;/*5000;*/
    position:absolute;
}

div#work-maps-module .tooltip span.bg-top {
    height:10px;
    padding:0;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0018/35136/tooltip.png) no-repeat scroll 0 0;
}

div#work-maps-module .tooltip span.bg-bottom {
    height:20px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0018/35136/tooltip.png) no-repeat scroll 0 -9px;
}

div#work-maps-module .tooltip div.content {
    border:none;
    padding:5px 20px 0;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0018/35136/tooltip.png) repeat-y scroll -214px 0;
    overflow:hidden;
}

div#work-maps-module .country-tooltip {
    position:relative;
    width:271px;
}

div#work-maps-module .country-tooltip span.tail {
    position:absolute;
    top:19px;
    left:-10px;
    display:block;
    height:26px;
    width:16px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0019/35137/tooltip-country.png) no-repeat scroll -274px -4px;
}

div#work-maps-module .country-tooltip div.content {
    border:none;
    padding:15px 15px 10px 20px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0019/35137/tooltip-country.png) repeat-y scroll 0 0;
}

div#work-maps-module .country-tooltip span.bg-bottom {
    height:10px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0019/35137/tooltip-country.png) repeat-y scroll bottom left;
}

a.question-icon {
    display:block;
    float:left;
    width:19px;
    height:19px;
    background-position:0 -1125px;
    margin:5px 0 0 5px;
}

div.question-tooltip { width:280px; }

div.question-tooltip div.content {
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0020/35138/tooltip-question.png) no-repeat scroll top center;
    padding:10px 10px 0;
}

div.question-tooltip span.bg-bottom {
    display:block;
    width:100%;
    height:5px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0020/35138/tooltip-question.png) no-repeat scroll bottom center;
}

div.question-tooltip .small {
    font-size:0.9em;
    line-height:1;
}

/* Map icons/markers */
div#work-maps-module span.donkey-legend-icon { background-position:-146px -179px; }

div#work-maps-module span.people-legend-icon { background-position:-146px -248px; }

div#work-maps-module span.project-legend-icon { background-position:-146px -321px; }

div#work-maps-module .donkey-marker-icon { background-position:-168px -406px; }

div#work-maps-module .people-marker-icon { background-position:-168px -448px; }

div#work-maps-module .project-marker-icon { background-position:-168px -489px; }

div#work-maps-module .country-marker-icon { background-position:-177px -526px; }

/* & 6B. Rounded corner modules
---------------------------- */

div.rounded span.bg {
    display:block;
    clear:both;
    background-image:url(http://www.thebrooke.org/__data/assets/image/0019/35128/corners.gif);
    overflow:hidden;                                 /* Fix IE6 empty div bug */    
}

/* Module with rounded corners of radius 4px and white background */
div.rounded-1 span.bg-top {
    height:4px;
    background-position:0 -32px;
    padding-left:5px;
}

div.rounded-1 span.bg-top span {
    height:4px;
    background-position:100% -40px;
}

div.rounded-1 div.content {
    border-left:1px solid #d8d5d2;
    border-right:1px solid #d8d5d2;
    padding:0 15px;
}

div.rounded-1 span.bg-bottom {
    height:4px;
    background-position:0 -36px;
    padding-left:5px;
}

div.rounded-1 span.bg-bottom span {
    height:4px;
    background-position:100% -44px;
}

/* Module with rounded corners of radius 2px and white background */
div.rounded-3 span.bg-top {
    height:2px;
    background-position:0 -24px;
    padding-left:4px;
}

div.rounded-3 span.bg-top span {
    height:2px;
    background-position:100% -28px;
}

div.rounded-3 div.content {
    border-left:1px solid #d8d5d2;
    border-right:1px solid #d8d5d2;
    padding:0 15px;
}

div.rounded-3 span.bg-bottom {
    height:2px;
    background-position:0 -26px;
    padding-left:4px;
}

div.rounded-3 span.bg-bottom span {
    height:2px;
    background-position:100% -30px;
}

/* Module with rounded corners of radius 2px and grey background */
div.rounded-2 span.bg-top {
    height:2px;
    background-position:0 0;
    padding-left:4px;
}

div.rounded-2 span.bg-top span {
    height:2px;
    background-position:100% -4px;
}

div.rounded-2 div.content {
    background:#f3f3f3;
    border-left:1px solid #d8d5d2;
    border-right:1px solid #d8d5d2;
    padding:0 15px;
}

div.rounded-2 span.bg-bottom {
    height:2px;
    background-position:0 -2px;
    padding-left:4px;
}

div.rounded-2 span.bg-bottom span {
    height:2px;
    background-position:100% -6px;
}

/* Module with rounded corners of radius 2px and yellow background */
div.rounded-4 span.bg-top {
    height:2px;
    background-position:0 -8px;
    padding-left:4px;
}

div.rounded-4 span.bg-top span {
    height:2px;
    background-position:100% -12px;
}

div.rounded-4 div.content {
    background:#ecb71e;
    padding:0 16px;
}

div.rounded-4 span.bg-bottom {
    height:2px;
    background-position:0 -10px;
    padding-left:4px;
}

div.rounded-4 span.bg-bottom span {
    height:2px;
    background-position:100% -14px;
}

/* Module with rounded corners of radius 4px and graded background */
div.rounded-5 { position:static; }

div.rounded-5 span.bg-top {
    height:4px;
    background-position:0 -32px;
    padding-left:4px;
}

div.rounded-5 span.bg-top span {
    height:4px;
    background-position:100% -40px;
}

div.rounded-5 div.content {
    border-left:1px solid #d8d5d2;
    border-right:1px solid #d8d5d2;
    padding:0 15px;
    background:#fff url(http://www.thebrooke.org/__data/assets/image/0012/35130/gradient-1.gif) repeat-x scroll bottom center;
}

div.rounded-5.gradient-2 div.content { background-image:url(http://www.thebrooke.org/__data/assets/image/0013/35131/gradient-2.gif); }

div.rounded-5 span.bg-bottom {
    height:4px;
    background-position:0 -48px;
    padding-left:4px;
}

div.rounded-5.gradient-2 span.bg-bottom { background-position:0 -56px; }

div.rounded-5 span.bg-bottom span {
    height:4px;
    background-position:100% -52px;
}

div.rounded-5.gradient-2 span.bg-bottom span { background-position:100% -60px; }

div.rounded-5 div.donkeys-icon {
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll 0 -574px;
    position:absolute;
    height:122px;
    width:121px;
    bottom:1px;
    right:1px;
}

/* Module with rounded corners of radius 2px and orange background */
div.rounded-6 span.bg-top {
    height:2px;
    background-position:0 -16px;
    padding-left:4px;
}

div.rounded-6 span.bg-top span {
    height:2px;
    background-position:100% -20px;
}

div.rounded-6 div.content {
    background:#fef4eb;
    border-left:1px solid #f7c79b;
    border-right:1px solid #f7c79b;
    padding:0 15px;
}

div.rounded-6 span.bg-bottom {
    height:2px;
    background-position:0 -18px;
    padding-left:4px;
}

div.rounded-6 span.bg-bottom span {
    height:2px;
    background-position:100% -22px;
}

/* For containers that are tabulated */
div.rounded-3 span.bg-top.square,
div.rounded-5 span.bg-top.square {
    background-position:0 -131px;
}

/* & 6C. Homepage carousel
---------------------------- */
div#homepage-carousel { position:relative; }

div#homepage-carousel span.bg-top {
    display:block;
    /*background:transparent url(http://www.thebrooke.org/__data/assets/image/0018/35127/content-footer.png) no-repeat scroll -5px 0;*/
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0004/51349/TheBrooke_Tear.png) no-repeat scroll -5px 0;
    height:22px;
    width:100%;
    position:absolute;
    top:0;
    left:0;
}

div#homepage-carousel img.main {
    position:absolute;
    top:0;
    left:0;
}

div#homepage-carousel div.item-container {
    background:#d4560e;
    height:294px;
    padding-top:42px;
    overflow:visible;
    border-left:1px solid #ec7404;
    margin-left:528px;
}

div#homepage-carousel div.details {
    width:447px;
    position:relative;
    z-index:3000;
    height:89px;
}

div#homepage-carousel div.tab,
div#homepage-carousel div.teaser {
    padding-top:16px;
    position:absolute;
    top:0;
    left:0;
    height:72px;
}

div#homepage-carousel div.tab {
    background:#d4560e;
    border-bottom:1px solid #ec7404;
    z-index:1000;
    cursor:pointer;
    width:100%;
}

div#homepage-carousel div.first { border-top:1px solid #ec7404; }

div#homepage-carousel div.teaser {
    z-index:500;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) repeat-x scroll 0 -290px;
    display:none;
}

div#homepage-carousel div.teaser p {
    font-size:13px;
    padding:0 25px 0 16px;
}

div#homepage-carousel div.arrow {
    position:absolute;
    top:0;
    left:-12px;
    height:88px;
    width:12px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) repeat-x scroll 0 -599px;
    z-index:2000;
    display:none;
}

div#homepage-carousel h4 {
    font-size:16px;
    line-height:1.2;
}

div#homepage-carousel div.active div.tab { background:#b1291c; }

div#homepage-carousel div.active div.arrow { display:block; }

div#homepage-carousel div.active div.teaser {
    display:block;
    left:-416px;
}

#IE6 div#homepage-carousel div.arrow { display:none; }

#IE6 div#homepage-carousel div.teaser { background:#000; }

/* & 6D. Hubpage carousel
---------------------------- */

div#hubpage-carousel {
    height:222px;
    background:#000;
}

div#hubpage-carousel div.item-scroller {
    height:124px;
    position:relative;
    overflow:hidden;
    border-bottom:1px solid #b3b3b3;
}

div#hubpage-carousel div.item-scroller div.inner {
    width:1056px;
    position:absolute;
    top:0;
    left:0;
}

div#hubpage-carousel div.item-scroller div.item {
    height:119px;
    width:304px;
    padding:5px 32px 0 16px;
    float:left;
}

div#hubpage-carousel div.item-container {
    height:97px;
    position:relative;
}

div#hubpage-carousel div.item-container div.arrow {
    width:25px;
    height:14px;
    background:#000 url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll -167px -809px;
    position:absolute;
    top:-14px;
    left:46px;
}

div#hubpage-carousel div.item-container div.item {
    float:left;
    width:116px;
    padding-top:8px;
    height:89px;
    text-align:center;
    border-right:1px solid #b3b3b3;
    cursor:pointer;
}

div#hubpage-carousel div.item-container div.last { border-right:none; }

div#hubpage-carousel div.item-container h6 {
    margin-top:3px;
    padding:0 12px;
}

div#hubpage-carousel div.item-images {
    height:222px;
    overflow:hidden;
    position:relative;
}

div#hubpage-carousel div.item-images img {
    position:absolute;
    top:0;
    left:0;
}
  /* & 6F. Hubpage carousel Legacy
  ---------------------------- */
  
  div#hubpage-carousel-legacy {
      height:222px;
      background:#982E22;
  }
  
  div#hubpage-carousel-legacy div.item-scroller {
      height:124px;
      position:relative;
      overflow:hidden;
      border-bottom:1px solid #F47920;
  }
  
  div#hubpage-carousel-legacy div.item-scroller div.inner {
      width:1056px;
      position:absolute;
      top:0;
      left:0;
  }
  
  div#hubpage-carousel-legacy div.item-scroller div.item {
      height:119px;
      width:304px;
      padding:5px 32px 0 16px;
      float:left;
  }
  
  div#hubpage-carousel-legacy div.item-container {
      height:97px;
      position:relative;
  }
  
  div#hubpage-carousel-legacy div.item-container div.arrow {
      width:25px;
      height:14px;
      background:#000 url(http://www.thebrooke.org/__data/assets/image/0008/99773/legacy-arrow.jpg) no-repeat;
      position:absolute;
      top:-14px;
      left:46px;
  }
  
  div#hubpage-carousel-legacy div.item-container div.item {
      float:left;
      width:116px;
      padding-top:8px;
      height:89px;
      text-align:center;
      border-right:1px solid #F47920;
      cursor:pointer;
  }

  div#hubpage-carousel-legacy div.item-scroller div.item p.large a.link{
color:#ffffff;
}

  div#hubpage-carousel-legacy div.item-scroller div.item h3{
color:#EC7405;
}
  
  div#hubpage-carousel-legacy div.item-container div.last { border-right:none; }
  
  div#hubpage-carousel-legacy div.item-container h6 {
      margin-top:3px;
      padding:0 12px;
  }

  div#hubpage-carousel-legacy div.item-container h6 a.link{
      color:#ffffff;
  }
  
  div#hubpage-carousel-legacy div.item-images {
      height:222px;
      overflow:hidden;
      position:relative;
  }
  
  div#hubpage-carousel-legacy div.item-images img {
      position:absolute;
      top:0;
      left:0;
  }


/* Fundraiser stages modules on event organising page */
div#fundraiser-stages div.content {
    padding:0 15px;
    overflow:visible;
    height:51px;
}

div#fundraiser-stages div.first {
    float:left;
    width:153px;
}

div#fundraiser-stages div.stage-wrap { 
    position:relative;
    margin-right:0
}

div#fundraiser-stages div.divide {
    height:58px;
    width:16px;
    float:left;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll 100% -611px;
    position:absolute;
    top:-4px;
    right:0;
}

div#fundraiser-stages div.stage-index {
    display:block;
    float:left;
}

div#fundraiser-stages div.stage-index span { margin:-12px 7px 0 0; }

div#fundraiser-stages h5 { margin-top:10px; }

/* Payment stages modules on donation pages */
div#payment-stages {
    height:45px;
    background:#fff url(http://www.thebrooke.org/__data/assets/image/0016/35134/payment-stages.gif) no-repeat scroll 0 0;
    padding:0 16px;
}

div#payment-stages p {
    font-size:12px;
    line-height:45px;
    color:#575757;
    font-weight:bold;
    margin-bottom:0;
}

div#payment-stages p.active { color:#ec7405; }

#payment-details div#payment-stages { background-position:0 -45px; }

#confirm-details div#payment-stages { background-position:0 -90px; }

div#work-carousel { height:167px; }

div#social-media div.content {
    padding-top:0.4em;
    padding-bottom:0.4em;
}

div#social-media h4 {
    float:left;
    margin:0 13px 0 0;
}

div#social-media a.btn { margin-right:7px; }

div#newsletter-signup { position:relative; }

div#newsletter-signup span.lg-laptop-icon {
    position:absolute;
    top:-17px;
    left:28px;
}

div#newsletter-signup div.prepend { padding-left:184px; }

div#newsletter-signup input { float:left; }

div#newsletter-signup input.text {
    height:17px;
    width:154px;
    padding:2px 5px;
    border:none;
    color:#4f4f4f;
    background:url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll 0 0;
    margin-right:-6px;
    margin-top:1px;
    font-size:11px;
}

div#secure-payment div.content { padding:0; }

div#secure-payment div.content h6 {
    padding:4px 0 6px 21px;
    background:url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll 0 -1475px;
    margin:0 0 0 9px;
}

div#secure-payment div.content p {
    border-top:1px solid #e3e1df;
    padding:2px 9px 5px;
    margin-bottom:0;
}

/* & 6E. Donate module
---------------------------- */
#donate-module div.content {
    padding:0;
    overflow:visible;
}

#donate-module div.bottom-content { padding:6px 15px 0; }

#donate-module div.top-content {
    border-bottom:1px solid #ebeae8;
    position:relative;
    padding:0 15px 9px;
}

#donate-module div.top-content img {
    position:absolute;
    bottom:-16px;
    right:3px;
}

#donate-module p.icon-wrap {
    font-size:11px;
    line-height:21px;
}

#donate-module a.icon {
    width:20px;
    height:20px;
    float:left;
    padding-right:2px;
}

#donate-module label {
    font-size:1.1em;
    line-height:1.2;
    display:block;
}

#donate-module a.small-question-icon { background-position:0 -1798px; }

#donate-module a.small-exclamation-icon { background-position:0 -1834px; }

#donate-module div.payment-options a.btn { margin-right:5px; }

#donate-module div.payment-options label {
    float:left;
    margin:8px 5px 0 0;
}

#donate-module span.price { 
    display:block;
    float:left;
    margin:5px 0 0 3px;
    color:#575757;
}

#donate-module div.amount-module {
    height:133px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0020/35129/donate-module-amounts.jpg) no-repeat scroll 100% 0;
    cursor:pointer;
}

#donate-module div.amount-module div.content {
    border:none;
    height:133px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0020/35129/donate-module-amounts.jpg) no-repeat scroll 0 0;
    margin-right:15px;
    padding-left:15px;
}

#donate-module div.amount-module span.huge {
    font-size:6.5em;
    line-height:1.2;
    color:#86b918;
}

#donate-module div.amount-module div.amount-label { padding:10px 0 8px 31px; }

#donate-module div.amount-module span.amount { display:none }

#donate-module div.amount-module.highlight { background-position:100% -133px }

#donate-module div.amount-module.highlight div.content { background-position:0 -133px }

#donate-module div.amount-module.active { background-position:100% -266px }

#donate-module div.amount-module.active div.content { background-position:0 -266px }

#donate-module div.amount-module.active p,
#donate-module div.amount-module.active span.huge { color: #fff }

#donate-module input.submit {
    float:left;
    background-position:0 -1077px;
    height:80px;
    width:208px;
    margin-left:11px;
}

#donate-module div.submit-module label {
    display:block;
    float:left;
    font-size:1.6em;
    line-height:1.2;
    font-weight:bold;
    margin:37px 14px 0 0;
}

#donate-module div.input-amount-wrapper {
    height:38px;
    float:left;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll 0 -1864px;
    padding:4px 0 0 37px;
    margin-top:28px;
    width:100px;
}

#donate-module div.input-amount-wrapper input.text {
    border:none;
    font-size:24px;
    font-weight:bold;
    color:#86b918;
}

#donate-module div.input-amount-wrapper input.integer {
    width:83px;
    height:34px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll -332px -125px;
    margin-right:15px;
    text-align:right;
    padding:2px 10px 0;
}

#donate-module div.input-amount-wrapper input.decimal {
    width:30px;
    height:34px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll -454px -125px;
    padding:2px 9px 0;
}

/* Latest blogs on News and Comments page */
#blogs-module div.rounded { position:relative; }

#blogs-module div.content { padding:7px 0 12px; }

#blogs-module cite {
    display:block;
    font-size:1em;
    line-height:1.3;
    padding:0 19px;
    margin-bottom:0.6em;
}

#blogs-module a.sub-link { padding:0 19px; }

#blogs-module span.tail-icon {
    position:absolute;
    bottom:-10px;
    left:20px;
    display:block;
    height:11px;
    width:25px;
    background-position:0 -1924px;
}

/* Workaround for IE6 rendering bug */
#IE6 #blogs-module span.tail-icon { bottom:-12px; }

/* News in pictures on News and Comments page */
#news-module div.title-wrap h3 {
    float:left;
    margin:0;
}

#news-module div.title-wrap ul {
    margin:5px 0 0;
    float:right;
}

#news-module li.first { border-right:1px solid #7b7b7b; }

#news-module div.details {
    background:#d9d9d9;
    padding:7px 7px 0;
    overflow:hidden;
}

#news-module li.active a:hover { text-decoration:none; }

#news-module li.active a {
    color:#a9a9a9;
    cursor:default;
}

#news-module div.photos-panel { position:relative; }

#news-module div.photos-panel span.camera-icon {
    position:absolute;
    top:9px;
    right:9px;
}

/* Find a group module on Fundraising page */
#group-finder-module div.top-content { border-bottom:1px solid #d8d5d2; }

#group-finder-module div.bottom-content {
    padding-left:0;
    border-bottom:1px solid #d8d5d2;
    -moz-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}

#group-finder-module div.groups-wrap p {
    display:block;
    height:39px;
    border-bottom:1px solid #d8d5d2;
    margin-bottom:0;
    position:relative;
}

#group-finder-module div.groups-wrap p a {
    display:block;
    padding-left:15px;
    height:28px;
    padding-top:11px;
}

#group-finder-module div.groups-wrap p.last { border-bottom:none; }

#group-finder-module div.groups-wrap p.last a { height:29px; }

#group-finder-module a.sub-link span.pointer-icon {
    padding:0;
    display:none;
    position:absolute;
    top:0;
    right:-10px;
    width:11px;
    height:39px;
    background-position:0 -1952px;
}

#group-finder-module p.active a.sub-link {
    background:#ec7405;
    color:#fff;
}

#group-finder-module p.active a.sub-link span.chevron { background-position:5px -142px; }

#group-finder-module p.active a.sub-link span.pointer-icon { display:block; }

#IE6 #group-finder-module p.active a.sub-link span.pointer-icon { display:none; }

#group-finder-module div.uk-map {
    float:left;
    width:240px;
    height:200px;
    background:#fff url(http://www.thebrooke.org/__data/assets/image/0018/35163/uk-map.jpg) no-repeat scroll 0 0;
    border-left:1px solid #d8d5d2;
}

#group-finder-module div.uk-map.north { background-position:0 -200px }

#group-finder-module div.uk-map.south { background-position:0 -400px }

#group-finder-module div.uk-map.east { background-position:0 -600px }

#group-finder-module div.uk-map.west { background-position:0 -800px }

#twitter-feed-module img.avatar { margin-right:8px; }

#twitter-feed-module div.tweet {
    float:left;
    width:152px;
}

/* = 7. Page Content
----------------------------------------------------- */

/* & 7A. Homepage
---------------------------- */
#homepage div#content {
    background-image:none;
    border-top:1px solid #c15449;
    padding-bottom:40px;
}

/* & 7B. Article Container
---------------------------- */
div.article-container h4 { margin-bottom:0.6em; }

div.article-container p { margin-bottom:1.4em; }

#article-navigation div.content {
    padding:13px 0 4px;
    overflow:visible;
    height:142px;
}

#article-navigation div.item {
    float:left;
    width:133px;
    margin-right:1px;
    position:relative;
    overflow:visible;
}

#article-navigation div.item p {
    padding:0 27px;
    margin-bottom:0;
}

#article-navigation div.active {
    width:137px;
    height:187px;
    position:absolute;
    top:-17px;
    left:-2px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll 0 -390px;
    padding-top:6px;
}

#article-navigation div.last { margin-right:0; }

#article-navigation div.last div.active { left:2px; }

/* & 7B. Payment pages
---------------------------- */
.payment div.introduction h5 {
    font-size:2em;
    margin-bottom:0.2em;
}

.payment div.giftaid-options {
    width:360px;
    padding:10px 20px 10px 30px;
    background:#f3f3f3;
    margin-top:5px;
}

.payment div.giftaid-options div.radio-wrap { margin-left:0; }

.payment div.giftaid-options label { font-size:1.1em; }

.payment div.giftaid-options img { float:right; }

.payment div.radio-wrap {
    position:relative;
    margin-left:20px;
}

.payment div.radio-wrap input.radio {
    position:absolute;
    top:-1px;
    left:-26px;
}

.payment span.currency-symbol {
    font-size:14px;
    line-height:20px;
    font-weight:bold;
    padding-right:2px;
}

.payment div.contact-wrap {
    margin-top:15px;
    margin-bottom:7px;
}

.payment #confirm-details input.submit {
    width:157px;
    background-position:0 -611px;
}

.payment td.card-type-cell { padding-top:7px; }

div.credit-card-options input,
div.credit-card-options label {
    display:block;
    float:left;
}

div.credit-card-options input { margin:8px 2px 0 0; }

div.credit-card-options label {
    height:28px;
    width:40px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll 0 -1549px;
    margin-right:10px;
}

div.credit-card-options label.delta { background-position:0 -1549px }
div.credit-card-options label.maestro { background-position:-60px -1549px }
div.credit-card-options label.visa { background-position:-121px -1549px }

div.credit-card-options span { display:none; }

/* & 7C. Payment thank you page
---------------------------- */

#thanks .huge { font-size:3.6em; }

#thanks .bright { color:#ec7405; }

#thanks h3 { line-height:1; }

#thanks div.container th {
    width:176px;
    padding-right:36px;
}

#thanks div.container td {
    width:251px;
    background:#f1f1f1;
    font-weight:bold;
    padding:10px 10px 3px;
}

#thanks div.container td.last { padding-bottom:10px; }

#thanks div.textured-module {
    position:relative;
    background:#e7e5e1;
}

#thanks div.textured-module span.bg {
    display:block;
    position:absolute;
    top:89px;
    left:0;
    height:31px;
    width:304px;
    background:url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll 0 -705px;
}

#thanks-module { position:relative; }

#thanks-module img {
    position:absolute;
    bottom:0;
    right:40px;
}

#question td.column-1 { width:222px; }

#question input.submit {
    width:173px;
    height:27px;
    background-position:0 -666px;
}

#email-security {
    background:#f3f3f3;
    padding-top:9px;
    padding-bottom:11px;
}

#contact-module {
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll 0 -768px;
    height:100px;
    width:672px;
    padding:0 16px;
}

#contact input.submit {
    width:74px;
    height:27px;
    background-position:0 -714px;
}

#event-types-module {
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll 0 -903px;
}

#event-types-module div.type {
    position:relative;
    height:97px;
}

#event-types-module div.active {
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll -167px -389px;    
    width:179px;
    height:114px;
    position:absolute;
    top:-1px;
    left:-2px;
}

#event-types-module h4 { font-size:1.8em; }
#uk-regions-module {
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0005/41198/uk-regions.png) no-repeat;
}

#uk-regions-module div.type {
    position:relative;
    height:97px;
}

#uk-regions-module div.active {
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll -167px -389px;
    width:179px;
    height:114px;
    position:absolute;
    top:-1px;
    left:-2px; 
}

#uk-regions-module h4 { font-size:1.8em; }
#event-results-module div.rounded {
    display:block;
    float:left;
    width:328px;
}

#event-results-module div.headings-wrap h6 {
    font-weight:normal;
    color:#ec7208;
}

#event-results-module div.headings-wrap,
#event-results-module div.bottom-paginator-wrap {
    border-top:1px solid #d8d5d2;
    border-bottom:1px solid #d8d5d2;
    padding-top:8px;
    padding-bottom:7px;
}

#event-results-module div.bottom-paginator-wrap { border-bottom:none; }

#event-results-module div.row-wrap {
    padding:12px 15px 6px;
    border-left:1px solid #d8d5d2;
    border-right:1px solid #d8d5d2;
}

#event-results-module div.row-wrap.odd { background:#f6f6f6; }

ul.paginator li span { zoom:1; }

ul.paginator li.first span {
    padding-left:14px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll 0 -1735px;
}

ul.paginator li.first { padding-right:29px; }

ul.paginator li.last span {
    padding-left:14px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll -178px -1734px;
}

ul.paginator li.last { padding-left:23px; }

ul.paginator li { padding-right:0; }

/* & 7E. Shopping page
---------------------------- */
#shopping div.giving-module h4.loud {
    border-style:solid;
    border-color:#d8d5d2;
    border-width:0 1px 1px;
    padding:5px 15px 10px;
    margin-bottom:0;
}

#shopping div.giving-module div.content { padding-top:16px; }

#shopping div.showcase-module div.header {
    padding:7px 16px 10px;
    background:#dad7d5;
}

#shopping div.showcase-module div.amazon-header {
    padding:7px 16px;
}

#shopping div.amazon-header h4 {
    float:left;
    margin:1px 10px 0 0;
}

#shopping div.amazon-header select {
    border:1px solid #575757;
    width:166px;
    float:left;
    margin:1px 10px 0 0;
}

#shopping div.amazon-header input.text {
    border:none;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0017/35135/sprite.png) no-repeat scroll -169px -139px;
    width:134px;
    height:17px;
    padding:2px 5px;
    font-size:11px;
    float:left;
    margin-right:10px;
}

#shopping div.amazon-header input.img {
    float:left;
}

#shopping div.showcase-module div.content {
    border-left:5px solid #dad7d5;
    border-right:4px solid #dad7d5;
    padding:0 28px 0 43px;
}

#shopping div.showcase-module span.bg-top {
    height:3px;
    background-position:0 -140px;
    padding-left:3px;
}

#shopping div.showcase-module span.bg-top span {
    height:3px;
    background-position:100% -140px;
}

#shopping div.showcase-module span.bg-middle {
    height:3px;
    background-position:0 -143px;
    padding-left:8px;
}

#shopping div.showcase-module span.bg-middle span {
    height:3px;
    background-position:100% -143px;
}

#shopping div.showcase-module span.bg-bottom {
    height:7px;
    background-position:0 -147px;
    padding-left:8px;
}

#shopping div.showcase-module span.bg-bottom span {
    height:7px;
    background-position:100% -147px;
}

#shopping span.rating {
    display:block;
    clear:both;
    height:15px;
    width:79px;
    background:transparent url(http://www.thebrooke.org/__data/assets/image/0014/35150/icons-sprite.png) no-repeat scroll -80px -1767px;
    margin-top:9px;
}

#shopping span.rating-1 { background-position:-64px -1767px; }
#shopping span.rating-2 { background-position:-48px -1767px; }
#shopping span.rating-3 { background-position:-32px -1767px; }
#shopping span.rating-4 { background-position:-16px -1767px; }
#shopping span.rating-5 { background-position:0 -1767px; }

#shopping img.cashback-stores {
    margin:12px 0 25px;
}

.sidebar{

}

/* = 8. Misc
----------------------------------------------------- */

/* Debugging */
.debug div#global-center {
    background:url(http://www.thebrooke.org/__data/assets/image/0014/35132/grid.png) no-repeat scroll top left;
}

.debug div#content,
.debug div#footer { background:transparent; }

.debug .span-2, .debug .span-3, .debug .span-4, .debug .span-5, .debug .span-6,
.debug .span-7, .debug .span-8, .debug .span-9, .debug .span-10, .debug .span-12,
.debug .span-12, .debug .span-13, .debug .span-14, .debug .span-16, .debug .span-18,
.debug .span-19, .debug .span-21, .debug .span-22, .debug .span-23, .debug .span-24,
.debug .span-25, .debug .span-26, .debug .span-27, .debug .span-29, .debug .span-31,
.debug .span-33, .debug .span-37, .debug .span-38, .debug .span-40, .debug .span-41,
.debug .span-41, .debug .span-43, .debug .span-44, .debug .span-48, .debug .span-48,
.debug .span-50, .debug .span-59 {
    background:red;
}

#payment_gateway_sagepay_47161_card_frame{
   height:5px !important;
}
#payment_gateway_sagepay_174815_card_frame{
   height:5px !important;
}