/*
SilverStripe BlackCandy Theme
http://www.silverstripe.com
*/

/************
* Misc Styles and defaults 
*/


body {
    color: #97978E;
    font-size: 0.8em;
    margin:0;
    padding:0;
    font-family: Helvetica, Arial, sans-serif;
}


html,
body {
    background: #ecece3 url(../images/bg.jpg) center top repeat-x;
}

.clear{
    clear:both;
}

img {
    border: 0;
}

.right  {
    float:right;
}a

.left {
    float:left;
}

a.learnMore {
    width:78px;
    height:13px;
    display:inline-block;
    text-indent:-9999px;
    outline: none;
    background:transparent url(../images/learn-more.png) left top no-repeat;
}

a.more,
table#SearchResults td a.more {
    width:43px;
    height:13px;
    display:inline-block;
    text-indent:-9999px;
    outline: none;
    background:transparent url(../images/more.png) left top no-repeat;
}

div#RoomByRoomIntro a.more,
li.pane a.more {
    background:transparent url(../images/more-dark.png) left top no-repeat;
}

a.view {
    width:37px;
    height:14px;
    display:inline-block;
    background:transparent url(../images/view.png) left top no-repeat;
}

a.viewAll {
    width:57px;
    height:14px;
    display:inline-block;
    background:transparent url(../images/view-all.png) left top no-repeat;
}

    .typography a.view:hover,
    .typography a.viewAll:hover {
        text-decoration:none;
    }

.typography a.bttnNext  {
    background:url(../images/bttn-next.png);
    width:54px;
}

.typography a.bttnPrevious  {
    background:url(../images/bttn-previous.png);
    width:79px;
    margin-right:5px;
}

.typography a.bttnBackToResults  {
    background-image:url(../images/bttn-backtoresults.png);
    width:117px;
}

#Layout .typography a.bttnNextStep  {
    background:url(../images/bttn-next-step.png);
    width:84px;
}

#Layout .typography a.bttnBack  {
    background:url(../images/bttn-back.png);
    width:54px;
}

#Layout .typography a.bttnDownload  {
    background:url(../images/bttn-download.png);
    width:86px;
}

#Layout .typography a.bttnLearnmore  {
    background:url(../images/bttn-learnmore.png);
    width:96px;
}

.typography a.bttn  {
    display:block;
    background-color:transparent;
    background-position: left top;
    background-repeat: no-repeat;
    height:32px;
    margin:12px 0;
    text-decoration:none;
}
.typography a.bttn:hover    {
    text-decoration:none;
    background-position:left -32px;
}

hr  {
    border-top:0;
    border-left:0;
    border-right:0;
    border-bottom:1px dashed #d1d9de;
    background-color:transparent;
    margin:0;
    height:1px;
}

    div#MainContent hr  {
        margin-bottom:12px;
    }
    
html body .last {
    margin-right:0;
}

/**************
Site Container Box
*/

div#Container {
    width: 946px;
    margin: 0 auto;
}

div#ContainerLiner {
    width: 100%;
    padding-bottom: 15px;
}
div#Container div.toolresourceholder  {
    padding-bottom:0;
}

div#Layout {
    clear: both;
    
}

div#Content {
    margin: 0;
    text-align: left;
    /*background:transparent url(../images/bg-hr.png) left bottom repeat-x;*/
}

div#ContentNoBanner {
    background: transparent url(../images/bg-content-nobanner.png) repeat-y 0% 0%;
    position: relative;
}

div#ContentNoBannerLiner {
    margin: 0 20px 0 0;
    float:right;
    width:685px;
}

#ExtraSideBar {
    float: right;
    width: 200px;
}

/** Header **/
#Header,
html body div#Container div.searchresults div#Header  {
    width: 100%;
    margin: 0 auto;
    height:122px;
    background:transparent url(../images/paper-top.png) no-repeat scroll left bottom;
}

div#Container div.homepage div#Header,
div#Container div.productholder div#Header,
div#Container div.toolresourceholder div#Header,
div#Container div.designplanningholder div#Header,
div#Container div.planningguidestepholder div#Header,
div#Container div.planningguidesteppage div#Header{
    background: transparent url(../images/paper-top-home.png) left bottom no-repeat;
}

div#Container div.competitionpage div#Header{
    background: transparent url(../images/paper-top-competition.png) left bottom no-repeat;
}


div#HeaderLiner	{
    padding: 11px 0px 0 23px;
}
a#Logo img  {
    display:block;
}

a#Logo  {
    float:left;
    display:block;
    width:179px;
    height:102px;
}

div#NavSearch   {
    float:right;
    width:550px;
}

div#Hero	{
    width:100%;
    padding-bottom:6px;
    position:relative;
    z-index:800;
    background: transparent url(../images/bg-hero-bottom.png) left bottom no-repeat;
}
	div.entrypage div#Hero,
    div.glossarypage div#Hero,
    div.merchantspage div#Hero,
    div.guidepage div#Hero,
    div.aboutpage div#Hero,
    div.aboutholder div#Hero,
    div.partnerholder div#Hero,
    div.partnerpage div#Hero,
    div.contactpage div#Hero,
    div.globalsearchresults div#Hero,
    div.findlocatepage div#Hero,
    div.searchresults div#Hero,
    div.allstories div#Hero,
    div.errorpage div#Hero,
    div.orderpage div#Hero,
    div.defaultpage div#Hero,
    div.healthyhomedesignpage div#Hero{
        padding-bottom:0;
        height:26px;
        background: transparent url(../images/bg-hero.png) left top repeat-y;
    }

div#HeroLiner   {
    background: transparent url(../images/bg-hero.png) left top repeat-y;
    width:100%;
}

div#HeroBottom	{
    width:100%;
    height:6px;
    background: transparent url(../images/bg-hero-bottom.png) left top no-repeat;
}

div#Banner  {
    position: relative;
    width:936px;
    /*height:233px;*/
    margin:0 auto;
    overflow:hidden;
}

    div.homepage div#Banner {
        overflow:visible;
        height:340px;
    }

    div.allstories div#Banner   {
        height:auto;
    }

    div.guidepage div#Banner    {
        height:auto;
    }

div#Banner img,
div#BannerSub img {
    display:block;
}

	div.featuredetailpage div#BannerSub	{
		overflow:hidden;
	}

    div#BannerSub img.banner {
        position:absolute;
    }

    div.toolpage div#BannerSub  {
        height:440px;
    }

        div.toolpage div#BannerSub img.bannerFlash,
        div.toolpage div#BannerSub div#FlashBanner{
            margin-top:20px;
        }

    div.toolpage div#Sidebar div.sidebarBox {
        height:388px;
    }

div#BannerThumbHolder   {
    position:absolute;
    bottom:7px;
    right:17px;
    width:201px;
}

    div#BannerThumbHolder div   {
        float:right;
    }

        div#BannerThumbHolder div ul    {
            margin:0;
            padding:0;
            list-style:none;
        }

            div#BannerThumbHolder div ul li {                
                float:left;
                margin-left:3px;
                border:1px solid #b7b7b7;
                padding:0;
                width:46px;
            }

                div#BannerThumbHolder div ul li.first {
                    margin-left:0;
                }

                div#BannerThumbHolder div ul li a.bannerThumb   {
                    border:2px solid #fff;
                    width:42px;
                    height:31px;
                    display:block;
                    overflow:hidden;
                    cursor:pointer;
                }

                    div#BannerThumbHolder div ul li a.bannerThumb img   {
                        display:block;
                    }

div#FlashBanner {
    width:718px;
    float:right;
    height:420px;
    overflow:hidden;
}
/* ====== Slideshow ====== */

div#Slideshow   {
    position:relative;
}
div.slideshow   {
    position:absolute;
    left:0;
    top:0;
}

/* ====== end slideshow ====== */

div#Intro {
    position: absolute;
    left:17px;
    bottom: 48px;
    width:300px;
}

    div#Intro *{
        color:#fff;
        font-weight:normal;
    }

    div#Intro h1  {
        font-size:26px;
        padding:0;
        margin:0 0 20px 0;
        font-family:Helvetica, Arial, sans-serif;
    }

    div#Intro p  {
        line-height:1.4em;
    }

        div#BannerSub div#Intro {
            bottom:9px;
            left:20px;
            width:425px;
        }

            div#BannerSub div#Intro h2  {
                font-size:34px;
                margin:0 0 5px 0;
                padding:0;
            }

            div#BannerSub div#Intro p  {
                margin:0;
                padding:0;
            }

a#ChangeImageBttn {
    position:absolute;
    top:299px;
    right:15px;
    width:109px;
    height:32px;
    z-index:9999;
    background:transparent url(../images/bttn-change-image.png) left top no-repeat;
}

a#RoomByRoomIntro {
    display:block;
    position: absolute;
    right:-14px;
    bottom: 35px;
    width:317px;
    height:157px;
    z-index:99999;
    color:#fff;
    text-decoration:none;
    background:transparent url(../images/bg-interactive-guide.png) right top no-repeat;
}

a#RoomByRoomIntro span	{
    display:block;
    color:#fff;
    margin:102px 10px 0 26px;
    font-size:12px;
    line-height:1.4em;
}

    a#RoomByRoomIntro span em	{
        font-style:normal;
        width:43px;
        height:13px;
        display:inline-block;
        text-indent:-9999px;
        outline: none;
        background:transparent url(../images/more-dark.png) left top no-repeat;
    }

div#BannerSub {
    position: relative;
    float:right;
    width:718px;
    margin-right:5px;
    height:336px;
}

    div.designforyourerapage div#BannerSub /*,div.storypage div#BannerSub*/
    {
        height:233px;
        overflow:hidden;
    }

div#BannerSub div.hotspot {
    position: absolute;
    z-index:99;
    cursor:pointer;
}

div.roomImage {
    position:absolute;
}


/* -------------------------------------------------
Hotspots/thumbnail box
-------------------------------------------------*/
div#HotspotHolder   {
    position:absolute;
    right:5px;
    z-index:900;
    top:22px;
    width:718px;
    height:314px;
}

    div#HotspotHolder div.liner   {
        position:relative;
        z-index:1000;
        height:100%;
        width:100%;
    }

div.thumbnailBox {
    position:absolute;
    background:transparent url(../images/bg-thumbnailbox.png) left top no-repeat;
    width:221px;
    height:195px;
    z-index:999;
}

div.roombyroompage div.imageChanger {
    position:absolute;
    background:transparent url(../images/bg-thumbnailbox2.png) left top no-repeat;
    width:214px;
    height:212px;
    z-index:99999;
    right:30px;
    top:100px;
}

div.roombyroompage div.thumbnailBox div {
    padding:17px 23px 22px 26px;
}

div.thumbnailBox div    {
    padding:17px 23px 22px 33px;
}

div.thumbnailBox div h2 {
    color: #3b647c;
    font-size:34px;
    margin:0 0 8px 0;
    padding:0;
    font-family: WiesbadenSwing, Helvetica, Arial, sans-serif;
}

div.thumbnailBox div div.thumb {
    width:78px;
    height:61px;
    overflow:hidden;
    padding:0;
    float:left;
    margin:0 9px 7px 0;
    background:transparent url(../images/thumbnailbox-thumbframe.png) left top no-repeat;
}

div.thumbnailBox div div.even {
    margin-right:0;
}

div.thumbnailBox div div.thumb a {
    display:block;
    width:71px;
    height:52px;
    padding:0;
    margin:3px 0 0 3px;
    overflow:hidden;
}


div.intro {
    position:absolute;
    background:transparent url(../images/bg-popup-intro.png) left top no-repeat;
    width:284px;
    height:111px;
    z-index:999;
}

span.nextPageIntro  {
    line-height:32px;
    margin:12px 10px 0 0;
    color:#666;
    font-size:0.95em;
}

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

div#PromoTileHolder {
    padding-top:10px;
    position:relative;
    height:145px;
    background: transparent url(../images/bg-hr.png) left 165px repeat-x;
}

div.promoTile {
    position:absolute;
    z-index:9;
    float:left;
    width:308px;
    height:175px;
    margin-right:11px;
    background: transparent url(../images/bg-tile1.png) left top no-repeat;
}

div.promoTile .promoTileThumb  {
    position:absolute;
    display:block;
    z-index:10;
    text-decoration:none;
    background: transparent left top no-repeat;
}

div.promoTile img {
    position:absolute;
    z-index:9;
}

div.promoTile h2 a img {
    position:static;
}

div.tile1 .promoTileThumb {
    right:7px;
    top:-29px;
    width:120px;
    height:103px;
    background-image:url(../images/mask-tile1.png);
}

div.tile2 .promoTileThumb {
    right:7px;
    top:-29px;
    width:128px;
    height:103px;
    background-image:url(../images/mask-tile2.png);
}

div.tile3 .promoTileThumb {
    right:5px;
    top:-29px;
    width:118px;
    height:100px;
    background-image:url(../images/mask-tile3.png);
}

div.tile1 img {
    right:22px;
    bottom:109px;
}

div.tile2 img {
    right:22px;
    bottom:112px;
}

div.tile3 img {
    right:18px;
    bottom:107px;
}

div.promoTile div {
    padding:22px 43px 0 17px;
}
div.promoTile div a {
    color:#3b647c;
    text-decoration:none;
}

div.promoTile div h2  {
    margin:0;
    padding:0 0 25px 0;
    color:#3b647c;
    font-weight:normal;
}

div.promoTile div p  {
    margin:0;
    padding:7px 0 0 0;
    color:#545454;
    font-size:0.95em;
    line-height:1.5em;
}


div#PromoTileHolder div.tile2   {
    left:320px;
}

div#PromoTileHolder div.tile3   {
    left:638px;
}


/* -------------------------------------------------
Sidebar
-------------------------------------------------*/

div#Sidebar {
    float:left;
    width:223px;
    padding-top:50px;
    position:relative;
    background:transparent url(../images/bg-sidebar-top.png) right 26px no-repeat;
}

div#Sidebar div.sidebarBox  {
    min-height:286px;
    overflow:hidden;
    background:transparent url(../images/bg-sidebar.png) right top repeat-y;
}

div#Sidebar div.sidebarBottom  {
    position:absolute;
    bottom:-8px;
    right:0px;
    width:223px;
    height:8px;
    background:transparent url(../images/bg-sidebar-bottom.png) right bottom no-repeat;
}

    div.designforyourerapage div#Sidebar div.sidebarBox,
    div.designplanningholder div#Sidebar div.sidebarBox,
    div.workbookchecklistpage div#Sidebar div.sidebarBox,
    /*div.featuredetailpage div#Sidebar div.sidebarBox,*/
    div.articlepage div#Sidebar div.sidebarBox,
    /*div.storypage div#Sidebar div.sidebarBox,*/
    div.guidepage div#Sidebar div.sidebarBox,
    div.partnerpage div#Sidebar div.sidebarBox  {
        height:183px;
        min-height:183px;
    }

div#SidebarNoBanner {
    float:left;
    width:223px;
    padding-top:24px;
    background:transparent url(../images/bg-sidebar-top.png) right top no-repeat;
}

div.partnerholder div#SidebarNoBanner,
div.partnerpage div#SidebarNoBanner{
    padding-top:11px;
}

div.allstories div#SidebarNoBanner  {
    width:227px;
    background:transparent url(../images/bg-sidebar-stories.png) 3px top no-repeat;
}

div.allstories div#SidebarNoBanner div.sidebarBox  {
    height:244px;
    background:none;
}

div.allstor ies div#SidebarNoBanner div.sidebarBox h4{
    color:#333;
    margin:0 19px 10px 24px;
}

div.allstories div#SidebarNoBanner div.sidebarBox p{
    color:#545454;
    margin:0 19px 0 24px;
}
	
	div.allstories div#SidebarNoBanner div.sidebarBox h4	{
		margin:0 19px 15px 24px;
	}

    div.allstories div#SidebarNoBanner div.sidebarBox p a,
    a.tellYourStoryBttn {
        display:block;
        width:136px;
        height:32px;
        float:right;
        margin-top:13px;
        background:transparent url(../images/bttn-tellusyourstory.png) left top no-repeat;
    }
        div.allstories div#SidebarNoBanner div.sidebarBox p a:hover,
        div.typography a.tellYourStoryBttn:hover   {
            text-decoration:none;
        }
    
div#SidebarNoBanner div.sidebarBox  {
    height:286px;
    background:transparent url(../images/bg-sidebar.png) right top repeat-y;
}

div#SidebarNoBanner div.sidebarBottom  {
    width:223px;
    height:8px;
    background:transparent url(../images/bg-sidebar-bottom.png) right top no-repeat;
}

/* -------------------------------------------------
Column layout
-------------------------------------------------*/

div.column  {
    float:left;
    margin:3px 14px 0 0;
    position:relative;
    width:306px;
}
div.column div.columnTop  {
    height:58px;
    padding:0 22px;
    background:transparent url(../images/bg-column-top.png) left top no-repeat;
}

div.column div.columnMid  {
    background:transparent url(../images/bg-column-mid.png) left top repeat-y;
}

div.column div.columnMid  {
    padding:0 22px;
}

div.column div.columnBottom  {
    height:12px;
    background:transparent url(../images/bg-column-bottom.png) left top no-repeat;
}


div.column img.columnDetail {
    position:absolute;
}

div.column img#Detail1 {
    left:221px;
    top:-2px;
}

div.column img#Detail2 {
    left:136px;
    top:-4px;
}

div.column img#Detail3 {
    left:199px;
    top:-8px;
}

div.column ul.static,
div.column ul.expander,
div.narrowColumn ul.static,
div.narrowColumn ul.expander{
    margin:0;
    padding:0 0 15px 0;
}

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



/* -------------------------------------------------
Narrow sidebars layout
-------------------------------------------------*/

div.narrowColumn  {
    float:left;
    margin:3px 13px 0 0;
    position:relative;
    width:226px;
}
div.narrowColumn div.columnTop  {
    height:50px;
    padding:0 15px;
    background:transparent url(../images/bg-narrowcolumn-top.png) left top no-repeat;
}

div.narrowColumn div.columnMid  {
    background:transparent url(../images/bg-narrowcolumn-mid.png) left top repeat-y;
}

div.narrowColumn div.columnMid  {
    padding:0 22px;
}

div.narrowColumn div.columnBottom  {
    height:10px;
    background:transparent url(../images/bg-narrowcolumn-bottom.png) left top no-repeat;
}


div.narrowColumn img.columnDetail {
    position:absolute;
}

div.narrowColumn img#Detail1 {
    left:188px;
    top:-2px;
}

div.narrowColumn img#Detail2 {
    left:136px;
    top:-4px;
}

div.narrowColumn img#Detail3 {
    left:199px;
    top:-8px;
}

div.narrowColumn ul {
    margin:0;
}

div.lastCol {
    /*position:absolute;*/
}

/* Wide column areas */

div.wideColumn  {
    float:left;
    margin:3px 14px 0 0;
    position:relative;
    width:467px;
}
div.wideColumn div.columnTop  {
    height:50px;
    padding:0 18px;
    overflow:hidden;
    background:transparent url(../images/bg-widecolumn-top.png) left top no-repeat;
}

div.wideColumn div.columnMid  {
    background:transparent url(../images/bg-widecolumn-mid.png) left top repeat-y;
}

div.wideColumn div.columnMid  {
    padding:0 22px;
}

div.wideColumn div.columnBottom  {
    height:8px;
    margin-bottom:5px;
    background:transparent url(../images/bg-widecolumn-bottom.png) left top no-repeat;
}


div.wideColumn img.columnDetail {
    position:absolute;
}

div.wideColumn img#Detail1 {
    left:188px;
    top:-2px;
}

div.wideColumn img#Detail2 {
    left:11px;
    top:-4px;
}

div.wideColumn img#Detail3 {
    left:430px;
    top:-2px;
}

div.narrowColumn img#Detail4 {
    right:8px;
    top:-2px;
}

div.wideColumn img#Detail5 {
    left:230px;
    top:320px;
}

div.wideColumn img#Detail6 {
    left:200px;
    top:333px;
}

div.wideColumn ul {
    margin:0;
}

/* ===================*/

div.find div.map   {
    padding:0 19px;
}

div.find div#FindTradesman div.liner   {
    margin-left:3px;
}
/* -------------------------------------------------
Room by Room layout
-------------------------------------------------*/

div#ContentContainer  {
    float:left;
    margin:3px 13px 0 0;
    position:relative;
    width:100%;
}

/*
div#ContentContainer div.columnTop  {
    height:24px;
    padding:0 22px;
    background:transparent url(../images/bg-full-top.png) left top no-repeat;
}

div#ContentContainer div.columnMid  {
    padding:0 22px;
    background:transparent url(../images/bg-full-mid.png) left top repeat-y;
}

div#ContentContainer div.columnBottom  {
    height:19px;
    background:transparent url(../images/bg-full-bottom.png) left bottom no-repeat;
}
*/

div#ContentContainer img#Detail1 {
    position:absolute;
    left:188px;
    top:-2px;
}

div#SideContent {
    width:192px;
    margin-right:30px;
    float:left;
}

    div.storypage div#SideContent   {
        margin-right:30px;
        padding-bottom:6px;
        width:225px;
        background:transparent url(../images/bg-story-sidebar-bottom.png) left bottom no-repeat;
    }

        div.storypage div#SideContent div   {
            padding:0 22px 12px 22px;
        }
        /*
        div.storypage div#ContentContainer div.columnMid {
            padding:0 22px 0 0;
        }

        div.storypage div#ContentContainer div.columnBottom {
            height:10px;
            background:transparent url(../images/bg-story-bottom.png) left bottom no-repeat;
        }*/

div#SideContent ul  {
    margin:0 0 20px 0;
    padding:0 0 0 15px;
    list-style-image:url(../images/icon-list.png);
    border-bottom:1px dashed #c1c9cc;
}
div#SideContent ul.last {
    margin-bottom:0;
}

div#SideContent ul li   {
    margin:0 0 10px 0;
    padding:0;
    font-size: 0.9em;
}

div#SideContent ul li p {
    font-size: 1em;
}

div#SideContent ul.links li a {
    color:#545454;
    padding-right:10px;
    background:transparent url(../images/icon-arrow.png) right top no-repeat;
}

div#SideContent h4  {
    margin:0;
    padding:0px 30px 10px 0;
    line-height:1.4em;
    font-size:1em;
    color:#333;
}

div#ArticleImages   {
    float:right;
    width:215px;
}

div.articleImage   {
    position:relative;
}

div.articleImage .mask   {
    position:absolute;
    left:10px;
    display:block;
}

    div.articleImage .mask:hover   {
        text-decoration:none;
    }

div.odd .mask    {
    width:208px;
    height:171px;
    background: transparent url(../images/mask-article-image1.png) left top no-repeat;
}

div.even .mask   {
    width:212px;
    height:177px;
    background: transparent url(../images/mask-article-image2.png) left top no-repeat;
}

div#ArticleImages div.odd img   {
    margin-left:10px;
}

div#ArticleImages div.even img   {
    margin-left:15px;
}

div#Layout div.articleImage p   {
    margin:0 0 15px 35px;
    font-size:0.85em;
    color:#a1a1a1;
    /*position:absolute;
    top:171px;
    left:35px;*/
}

div#GuideVideos {
    float:right;
    width:190px;
    padding-top:25px;
}

    div#GuideVideos div.articleImage    {
        margin-bottom:20px;
    }

    div#GuideVideos div.articleImage img    {
        border:4px solid #666;
    }

        div#GuideVideos div.articleImage .mask    {
            left:139px;
            top:90px;
            width:42px;
            height:41px;
            background: transparent url(../images/icon-playvideo.png) left top no-repeat;
        }

        div#Layout div#GuideVideos div.articleImage p   {
            margin:14px 0 0 10px;
            font-size:0.85em;
            color:#a1a1a1;
        }

            div#Layout div#GuideVideos div.articleImage p strong   {
                padding:0 0 5px 0;
                display:block;
                color:#666;
            }


div#MainContent {
    width:462px;
    float:left;
}

    div.allstories div#MainContentWide {
        width:680px;
        float:right;
    }

div#MainContent p   {
    margin-bottom:15px;
}


div#MainContentWide {
    width:678px;
    float:left;
}
/* Step by Step pages */

div#ContentContainer2  {
    float:left;
    margin:3px 13px 0 0;
    position:relative;
    width:100%;
}
div#ContentContainer2 div.columnTop  {
    height:6px;
    padding:0 22px;
    background:transparent url(../images/bg-container-top.png) left top no-repeat;
}

div#ContentContainer2 div.columnMid  {
    padding:0 22px 0 0;
    background:transparent url(../images/bg-container-mid.png) left top repeat-y;
}

div#ContentContainer2 div.columnBottom  {
    height:6px;
    background:transparent url(../images/bg-container-bottom.png) left top no-repeat;
}

div#ContentContainer2 img#Detail1 {
    position:absolute;
    left:8px;
    top:-2px;
    z-index:99;
}

div#ContentContainer2 div#Sidebar {
    background:transparent url(../images/bg-container-sidebar-top.png) left top no-repeat;
    padding-top:26px;
    left:1px;
}

div#ContentContainer2 div#SideContent {
    width:223px;
    margin-right:21px;
}

div#ContentContainer2 div#SideContent ul    {
    border-bottom:0;
		padding-bottom:5px;
}

/* ================== */


/* -------------------------------------------------
Stories
-------------------------------------------------*/

div.story {
    width:209px;
    float:left;
    position:relative;
    margin-bottom:10px;
}

div.story a.mask  {
    position:absolute;
    top:-11px;
    left:-6px;
    display:block;
    width:209px;
    height:118px;
}

div.storyHolder div.odd {
    width:203px;
    margin-right:6px;
}

div#Layout div.storyHolder div.odd p,
div#Layout div.storyHolder div.odd h4  {
    padding-left:7px;
}

div#Layout div.storyHolder div.even p,
div#Layout div.storyHolder div.even h4  {
    padding-left:19px;
}

div.storyHolder div.even img {
    margin-left:11px;
}

div.story img,
div.story h4    {
    margin-bottom:12px;
}


div.storyHolder div.odd a.mask  {
    background:transparent url(../images/mask-medium.png) left top no-repeat;
}

div.storyHolder div.even a.mask  {
    left:5px;
    background:transparent url(../images/mask-medium2.png) right top no-repeat;
}

div.storyHolder div a.mask:hover  {
    text-decoration:none;
}


/* All Stories page */

div.featuredStory   {
    margin-top:20px;
    width:330px;
    float:left;
    margin:0 20px 10px 0;
    padding-bottom:17px;
    position:relative;
    border-bottom:1px dashed #d2dadf;
}
div.featuredStory img  {
    margin:0 0 23px 2px;
}

div#Layout div.featuredStory p,
div#Layout div.featuredStory h4{
    margin:0 10px;
}

div#Layout div.featuredStory h4 a{
    color:#333333;
}

div.featuredStory div.mask  {
    position:absolute;
    left:-8px;
    top:-45px;
    width:348px;
    height:230px;
    background:transparent url(../images/bg-mask-story-large.png) left top no-repeat;
}

        div.allstories div#MainContentWide div.featuredStory div.mask h2     {
            position:relative;
            left:27px;
            top:171px;
            color:#fff;
            margin:0;
            padding:0;
        }

            div.featuredStory div.mask h2 a  {
                color:#fff;
            }

div.allstoriesStory {
    width:198px;
    margin-right:22px;
    float:left;
    position:relative;
    padding-bottom:5px;
    margin-top:32px;
    border-bottom:1px dashed #d2dadf;
}
    div.allstoriesStory div.mask {
        position:absolute;
        top:-18px;
        left:-6px;
        width:212px;
        height:126px;
        background-color:transparent;
        background-position: left top;
        background-repeat:no-repeat;
    }

        div.allstoriesStory div.odd {
            background-image:url(../images/bg-mask-story-pin.png);
        }

        div.allstoriesStory div.even {
            background-image:url(../images/bg-mask-story-pin2.png);
        }

            div.allstoriesStory div.mask a {
                display:block;
                width:100%;
                height:100%;
            }
                div.allstoriesStory div.mask a {
                    text-decoration:none;
                }

    div.allstoriesStory img {
        margin:0 0 18px 2px;
    }

    div#Layout div.allstoriesStory p,
    div#Layout div.allstoriesStory h4   {
        padding:0 10px;
        margin:0;
    }

        div#Layout div.allstoriesStory h4 a {
            color:#333;
        }
            div#Layout div.allstoriesStory h4 a:hover {
                text-decoration:underline;
            }

/* ===================*/

/* -------------------------------------------------
Merchants
-------------------------------------------------*/

div.merchant    {
    float:left;
    width:210px;
    padding-bottom:15px;
    margin:0 22px 20px 0;
    border-bottom:1px dashed #d4dce1;
}

div.merchant img    {
    margin:0 8px 0 0;
    float:left;
}

div.merchant p    {
    float:left;
    width:130px;
    line-height:1.6em;
}
div.merchant p span {
    color:#333;
}

div.merchant p a {
    color:#0077bb;
    border-bottom:2px solid #0077bb;
}

div.merchant p a:hover {
    text-decoration:none;
}



/* ===================*/

/* -------------------------------------------------
Partners
-------------------------------------------------*/

div.partner {
    width:154px;
    float:left;
    margin-right:20px;
}

    div.partner h3  {
        padding:20px 0 15px 0;
        margin:0;
        line-height:normal;
        border-top:1px dashed #d2dadf;
    }

    div.partner p  {
        height:65px;
    }

    div.partner a.learnMore,
    div.partner hr  {
        margin-bottom:10px;
    }

    div.partner div.logo    {
        
    }

        div.partner div.logo a {
            display:block;
            text-align:center;
            width:100%;
        }

            div.partner div.logo a img  {
                margin:0 auto;
                display:block;
            }


table.partnerLogos  {
    width:100%;
}

    table.partnerLogos td   {
        width:154px;
        text-align:center;
        padding:15px 0 10px 0;
    }


/* ===================*/


/* -------------------------------------------------
Expanding lists (horizontal)
-------------------------------------------------*/

ul.panes  {
    position:absolute;
    list-style:none;
    /*top:157px;*/
    bottom:0;
    margin:0;
    padding:0;
    background:#333;
    width:100%;
}

ul.panes li  {
    display:block;
    height:76px;
    padding:0;
    float:left;
    overflow:hidden;
    background:transparent url(../images/bg-pane.png) left top no-repeat;
}

ul.panes li div.liner {

    margin:8px 0 0 26px;
    width:423px;
    height:62px;
    overflow:hidden;
}

ul.panes li div.liner div   {
    padding:4px 5px;
    float:left;
    background:transparent url(../images/bg-panes-img-frame.png) left top no-repeat;
}

div#Layout ul.panes li div.liner p   {
    float:left;
    width:254px;
    color:#fff;
    margin:10px 0 0 8px;
    font-size:0.95em;
    line-height:1.3em;
}

ul.panes li div.liner div.clear   {
    padding:0;
    float:none;
    clear:both;
    background:none;
}


ul.panes li a.thumb {
    color:#fff;
    display:block;
    width:131px;
    height:52px;
    overflow:hidden;
    text-decoration:none;
    font-weight:bold;
    position:static;
}

ul.panes li a.thumb span  {
    position:static;
    display:block;
    margin-top:36px;
    margin-left:8px;
}

/* ===================*/




/* -------------------------------------------------
Expanding lists
-------------------------------------------------*/

ul.expander {
    list-style:none;
}

    ul.expander li  {
        height:45px;
        overflow:hidden;
        display:block;
        border-bottom:1px dashed #bfcbd3;
    }

        ul.expander li a img   {
            float:left;
            display:block;
        }

        ul.expander li a   {
            display:block;
            position:relative;
            height:63px;
        }

            ul.expander li a:hover  {
                text-decoration:none;
            }
    
            ul.expander li a span   {
                display:block;
                height:45px;
                width:180px;
                color:#333;
                position:relative;
                float:right;
                background-colour:transparent;
                background-image:url(../images/bg-expander-arrow.png);
                background-position: right -45px;
                background-repeat:no-repeat;
            }

                ul.expander li a:hover span  {
                    text-decoration:none;
                    background-position:right top;
                }

                ul.expander li a span em   {
                    font-style:normal;
                    position:absolute;
                    bottom:5px;
                    font-size:1em;
                }

                    div.narrowColumn ul.expander li a span   {
                        
                        width:100px;
                    }

            ul.expander li img.mask   {
                float:none;
                display:block;
                position:absolute;
                left:0;
                top:0;
            }

            div#Layout ul.expander li p    {
                
                /*border:1px solid blue;*/
            }

            ul.expander li p a.learnMore   {
                display:inline-block;
                position:static;
                height:13px;
            }
        
    
    

/* ----------------- End Expanding lists ---------------------*/

/* non expanding lists */

ul.static   {
    list-style:none;
}

    ul.static li    {
        padding:7px 0 0px 0;
        margin:0;
        border-bottom:1px dashed #bfcbd3;
    }

        ul.static li a  {
            position:relative;
            display:block;
            width:100%;
            height:63px;
        }

            ul.static li a.introOnly    {
                height:85px;
            }

            ul.static li a span {
                position:absolute;
                right:0;
                bottom:18px;
                width:108px;
                display:block;
                color:#333;
                font-size:1em;
            }

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

                ul.static li a.introOnly span  {
                    position:static;
                    float:right;
                    width:108px;
                    color:#666;
                    display:block;
                }

            ul.static li a img {
                display:block;
            }

                ul.static li a img.mask,
                div.column ul.static li p img.mask{
                    position:absolute;
                    z-index:999;
                    left:0;
                    top:0;
                }

                ul.static li p a.learnMore  {
                    position:static;
                    display:inline-block;
                    width:78px;
                    height:13px;
                }

                    ul.static li a img.item3,
                    div.column  ul.static li p img.item3{
                        left:-3px;
                        top:-4px;
                    }

        
                div.column ul.static li p span em   {
                    color:#333;
                    display:block;
                    margin-bottom:5px;
                    font-style:normal;
                }


        div.column ul.static li p   {
            display:block;
            width:100%;
            position:relative;
        }

            div.column ul.static li p img    {
                float:left;
                display:block;
            }

            div.column ul.static li p span    {
                width:180px;
                float:right;
            }

                div.column ul.static li p a.mask  {
                    display:block;
                    position:absolute;
                    left:0;
                    top:0;
                    width:70px;
                    height:63px;
                }
                
                div.column ul.static li p a.item1  {
                    background:transparent url(../images/mask-thumb-multi1.png) left top no-repeat;
                }
                
                div.column ul.static li p a.item2  {
                    background:transparent url(../images/mask-thumb-multi2.png) left top no-repeat;
                }
                
                div.column ul.static li p a.item3  {
                    background:transparent url(../images/mask-thumb-multi3.png) left top no-repeat;
                }

                div.column ul.static li p a.item4  {
                    background:transparent url(../images/mask-thumb-multi4.png) left top no-repeat;
                }

                div.column ul.static li p a.item5  {
                    background:transparent url(../images/mask-thumb-multi5.png) left top no-repeat;
                }

                div.column ul.static li p a.item6  {
                    background:transparent url(../images/mask-thumb-multi6.png) left top no-repeat;
                }



/* =================== */


div.findlocatepage div#FindTradesman {
    margin:0 0 20px 0;
    width:427px;
    float:left;
}
    div.findlocatepage div#FindTradesman h2    {
        font-size:34px;
    }

div#FindLocateMapHolder {
    width:427px;
    padding:10px 0;
    overflow:hidden;
    background: transparent url(../images/bg-map.png) left 5px no-repeat;
}

div#FindLocateMapHolder div#FindLocateMap  {
    margin:0 auto;
    width:417px;
    height:201px;
    overflow:hidden;
}

/* Showhome */

    .typography div.tradesmanDetailsHolder h2.showhomeheading  {
        margin-bottom:6px;
        padding:0;
    }
    
    div#ShowHomeImgHolder {
        width:466px;
        padding:10px 0;
        overflow:hidden;
        margin-bottom:20px;
        position:relative;
        background: transparent url(../images/bg-showhome.png) left 5px no-repeat;
    }

        div#ShowHomeImgHolder div#ShowHomeImg  {
            margin:0 auto;
            width:456px;
            height:185px;
            overflow:hidden;
        }

        div#ShowHomeImgHolder img#Detail1   {
            left:220px;
            top:0px;
            position:absolute;
        }



input#CustomAdvancedSearchForm_FindLocateSearchForm_action_FindLocateResults,
input#CustomAdvancedSearchForm_GlossarySearchForm_action_GlossaryResults {
    width:68px;
    height:28px;
    border:0;
    margin-top:10px;
    background:transparent url(../images/bttn-search.png) left top no-repeat;
}

input#CustomAdvancedSearchForm_GlossarySearchForm_action_GlossaryResults    {
    float:right;
    margin-top:0;
}

div#AjaxBackground{
    background-color:#000000;
    height:100%;
    left:0;
    opacity:0.2;
    position:absolute;
    top:0;
    width:100%;
    z-index:10000;
}
div.ajaxContainerBox, 
iframe.ajaxFrameContainerBox {
    opacity:1;
    position: relative;
    width:710px;
    height:547px;
    display:block;
    margin: 0 auto;
    background-color:white;
}
iframe.ajaxFrameContainerBox {
    border: thin none;
    /*overflow: hidden;*/
}
div#AjaxDefBox {
    width:710px;
    height:547px;
}
div#StoryPageContentCol{

}
div#StoryPageFormCol .Actions{
    text-align:right;
}


/*custom containers*/
div#OrderGIBKit {
    height:360px;
    background:#ECECE3 url(../images/popup-background.png) repeat-x scroll center bottom;
}
iframe#StorySubmit {
}
div#OrderPageContentCol{
    float:left;
    width:355px;
}
div#OrderPageContentCol p{
    font-size:12px;
    line-height:18px;
    margin:0 25px 6px 20px;
}

div#OrderPageContentCol img{
    margin:0 25px 6px 20px;
    float:right;
}

div#OrderPageContentCol p strong{
    font-size:13px;
    line-height:17px;
}
div#AjaxContainer div#OrderGIBKit h2{
    margin:0 20px 15px;
    padding:24px 0 0;
}
div#OrderPageFormCol{
    height:280px;
    width:355px;
    float:right;
    margin:0;
}

div#OrderPageFormCol form fieldset {
    margin-bottom:10px;
    background:transparent url(../images/popup-formdivider.png) repeat-y scroll left center;
}

div#Kit ul.optionset{
    margin:0;
    padding:0 0 0 11px;
}
div#Kit ul.optionset li{
    clear:both;
    height:116px;
}
div#Kit input{
    float:left;
    margin:0;
    padding:0;
}

form#Form_OrderForm div#Kit {
    width:155px;
}
div#Kit select{
    width:155px;
}


div#Kit label{
    margin:0 0 2px 8px;
}


div#Kit div.downloadIcon{
    float:left;
}
div#Kit div.downloadIcon img{
    position:relative;
    top:-10px;
}
div#Kit .downloadDescription{
    color:#666666;
    float:left;
    font-size:12px;
    font-weight:normal;
    line-height:18px;
    margin:8px 10px 0 8px;
    width:283px;
}
form#Form_OrderForm .text label{
    float:left;
    clear:both;
}
form#Form_OrderForm .text div,
form#Form_OrderForm .customphone div {
    width:170px;
}
form#Form_OrderForm .text div input{
    background:transparent url(../images/popup-button-thick.png) repeat-x scroll center bottom;
    height:13px;
    padding:5px 10px;
    width:135px;
}
form#Form_OrderForm div.text,
form#Form_OrderForm div.customphone,
form#Form_OrderForm div.giboptionset{
    float:left;
    height:33px;
    padding:0 0 10px 27px;
    width:135px;
}
body form#Form_OrderForm .customphone {
    clear:both;
    float:none;
}
form#Form_OrderForm input.phone,
form#Form_OrderForm input.phoneExt {
    color:#999999;
}
form#Form_OrderForm input.phone {
    background:transparent url(../images/number-ph-thick.png) repeat-x scroll center bottom;
    border:thin none;
    height:12px;
    padding:5px 6px;
    width:107px;
}
form#Form_OrderForm input.phoneExt {
    background:transparent url(../images/number-ext-thick.png) repeat-x scroll center bottom;
    border:thin none;
    height:12px;
    padding:5px 6px;
    width:20px;
}
form#Form_OrderForm div.Actions{
    bottom:0;
    height:70px;
    position:absolute;
    right:0;
    text-align:right;
    width:100%;
}
form#Form_OrderForm div#Firstname   {
    clear:both;
}

form#Form_OrderForm div#City,
form#Form_OrderForm div#Postcode{
    padding-bottom:0;
}

    form#Form_OrderForm div.Actions{
        position:static;
    }

form#Form_OrderForm div.Actions input{
    background:transparent url(../images/popup-placeorder.png) repeat-x scroll center bottom;
    border:0 none;
    cursor:pointer;
    font-size:0;
    height:30px;
    overflow:hidden;
    padding:30px 0 0;
    width:98px;
    margin:22px 19px 3px 4px;
}

div#AjaxContainer form#Form_OrderForm div#Postcode div input{
    background:transparent url(../images/popup-postcode.png) repeat-x scroll center bottom;
    width:58px;
}

form#Form_OrderForm div.error,
form#Form_OrderForm div.error label,
form#Form_OrderForm div.error div input{
    color:red;
}
form#Form_OrderForm div#Error{
    color:red;
    float:left;
    height:30px;
    left:210px;
    position:relative;
    text-align:left;
    top:31px;
    width:150px;
}

img.orderGibBook{
    margin:25px 0 0 21px;
}
div#OrderUp p{
    margin:15px 2px 3px 6px;
}
div#OrderUp img{
    float:left;
    margin:-3px 3px 0 18px;
}

/*** Main Nav ***/
#Navigation {
    float:right;
    width:550px;
}
#Navigation ul {
    margin:0;
    padding:10px 0 0 0;
    float:right;
    
}
#Navigation ul li {
    list-style: none;
    margin: 0;
    padding:0;
    float: left;
    display: block;
}
#Navigation ul li a {
    float: left;
    text-decoration: none;
    display: block;
    font-size: 14px;
    color: #8f8f8f;
    line-height:57px;
    padding:0 26px 0 4px;
    background: transparent url(../images/bg-nav-hover.png) no-repeat;
    background-position: right -57px;
}
#Navigation ul li a span {
    text-align: center;

}
#Navigation ul li a:hover {
    background-position: right top;
    color: #54819c;
    cursor: pointer;
}
#Navigation ul li a:hover span {
    cursor: pointer;
}
#Navigation ul li a.current,
#Navigation ul li a.section {
    background-position: right top;
    color: #54819c;
}
#Navigation ul li a.current span,
#Navigation ul li a.section span,
#Navigation ul li a.section:hover span,
#Navigation ul li a.current:hover span {
    color: #54819c;
}

/** Breadcrumbs **/
div#Breadcrumbs,
html body div#Container div.searchresults #Breadcrumbs  {
    position: absolute;
    top:0;
    left:0;
    width:938px;
    height:26px;
    color: #fff;
    text-align: left;
    font-size: 0.9em;
    margin-left:5px;
    z-index:1;
    background: transparent url(../images/bg-breadcrumbs.png) left top no-repeat;
}

div#Container div.homepage div#Breadcrumbs,
div#Container div.productholder div#Breadcrumbs,
div#Container div.toolresourceholder div#Breadcrumbs,
div#Container div.designplanningholder div#Breadcrumbs,
div#Container div.planningguidestepholder div#Breadcrumbs,
div#Container div.planningguidesteppage div#Breadcrumbs{
    background: transparent url(../images/bg-breadcrumbs2.png) left top no-repeat;
}

div#Container div.competitionpage div#Breadcrumbs{
    background: transparent url(../images/bg-breadcrumbs-competition.png) left top no-repeat;
}

div#Banner div#Breadcrumbs   {
    background: transparent url(../images/bg-breadcrumbs2.png) left top no-repeat;
}

div#Layout div#Breadcrumbs p {
    margin: 0;
    padding:0 0 0 30px;
    line-height:22px;
    color:#fff;
}
div#Breadcrumbs a {
    color:#fff;
}

/* Search Results
*****************************************/

div.searchResults {
    width:467px;
    float:left;
    padding-top:56px;
    margin-right:15px;
    background: transparent url(../images/bg-findlocate-results-header.png) left top no-repeat;
}

    div.globalResults div.searchResults    {
        width:675px;
        margin-right:0;
        background: transparent url(../images/bg-search-results-header.png) left top no-repeat;
    }

div.searchResults h2    {
    margin:0 0 25px 16px;
    padding:0;
    font-size:34px;
    clear:none;
    font-family: WiesbadenSwing, Helvetica, Arial, sans-serif;
}

    div.glossarypage div.searchResults h2    {
        margin:0 0 15px 16px;
    }

div.searchResults strong    {
    color:#fff;
    display:block;
    line-height:25px;
    float:left;
    margin-left:20px;
}

div.searchResults strong.company    {
    width:286px;
}

div.searchResultsFooter {
    width:467px;
    height:91px;
    overflow:hidden;
    background: transparent url(../images/bg-findlocate-results-bottom.png) left top no-repeat;
}

    div.globalResults div.searchResultsFooter {
        width:675px;
        background: transparent url(../images/bg-search-results-bottom.png) left top no-repeat;
    }

div.searchResultsFooter strong  {
    display:inline;
    color:#666;
    float:none;
    line-height:normal;
    margin:0;
}


div.resultsWrapper  {
    padding:0 4px 0 2px;
    background: transparent url(../images/bg-findlocate-mid.png) left top repeat-y;
}
    
    div.globalResults div.resultsWrapper    {
    padding:0 4px 0 2px;
        background: transparent url(../images/bg-search-results-mid.png) left top repeat-y;
    }

table#SearchResults {
    width:100%;
    padding:0;
    margin:0;
    border-collapse: collapse;
    
}

    div.globalResults table#SearchResults {
        width:100%;
        padding:0;
        margin:0;
        border-collapse: collapse;
        /*background: transparent url(../images/bg-search-results-mid.png) left top repeat-y;*/
    }

table#SearchResults td{
    padding:13px 10px 0 10px;
    border:0;
    margin:0;
}

    div.globalResults table#SearchResults td{
        padding:13px 20px 10px 20px;
    }

    div#Container table#SearchResults p.breadcrumbs {
        color:#545454;
        padding:0;
        margin:0 0 10px 0;
        width:100%;
        height:20px;
        border-bottom:1px dashed #d6dee3;
    }

        div#Container table#SearchResults p.breadcrumbs a   {
            color:#545454;
            background:none;
            padding:0;
        }

table#SearchResults td.term  {
    color:#333;
    font-weight:bold;
    padding:0;
    width:165px;
    margin-left:2px;
    border-bottom:1px solid #d6dadb;
}

    table#SearchResults td.term div {
        padding:0;
        margin:10px 0 8px 22px;
        border-bottom:0;
    }

table#SearchResults td.desc  {   
    padding:0;
    width:290px;
    border-bottom:1px solid #d6dadb;
}

    table#SearchResults td.desc div {
        padding:0 20px;
        margin:10px 0 8px 0;
        border-bottom:0;
        background: transparent url(../images/bg-splitter.png) left top repeat-y;
    }



table#SearchResults td a  {
    padding-right:10px;
    background: transparent url(../images/icon-arrow.png) right top no-repeat;
    color:#333;
    font-weight:bold;
    text-decoration: none;
    font-size:0.8em;
}

    div.globalResults table#SearchResults td a  {
        font-size:0.9em;
    }

table#SearchResults td div  {
    padding-left:20px;
    border-bottom:1px solid #c4c9cc;
}

table#SearchResults td hr  {
    border:0;
    background-color:#dadfe2;
    margin:0;
    height:1px;
}

table#SearchResults td table  {
    font-size:0.85em;
    padding:0;
    margin:0;
    border-collapse:collapse;
    width:100%;
    line-height:13px;
    background: transparent url(../images/bg-findlocate-results-row.png) left 11px no-repeat;
}

table#SearchResults td table td {
    width:30%;
    padding:0;
    margin:0;
    color:#666;
}

table#SearchResults td table tr.details td {
    padding-top:11px;
}

table#SearchResults td table tr.details td.phone span {
    padding-left:40px;
}

table#SearchResults td table tr.details td.email span,
table#SearchResults td table tr.details td.city span{
    padding-left:22px;
}

table#SearchResults tr.noresults td {
    font-size:0.8em;
}

table#SearchResults tr.noresults td span    {
    padding-left:10px;
}

div#LocationPane    {
    float:right;
    width:203px;
    background: transparent url(../images/bg-findlocate-map-small.png) left 49px no-repeat;
}

    div#LocationPane h2 {
        margin:0 0 0 10px;
        padding:0 0 8px 0;
        font-size:34px;
        font-family: WiesbadenSwing, Helvetica, Arial, sans-serif;
    }

        div#LocationPane div.liner {
            margin:0 0 0 19px;
        }

            div#LocationPane div.liner img.logo {
                margin:0 0 10px 0;
            }

    div#LocationPane div.selectWrapper  {
        margin-bottom:5px;
    }

div#TradesmanLocationMapHolder,
div#ContactMapHolder    {
    width:185px;
    padding:22px 0 3px 0;
    margin:0px 0 16px 0;
    background: transparent url(../images/bg-mapholder-small.png) left 22px no-repeat;
    overflow: hidden;
}

div#TradesmanLocationMapHolder div#FindLocateMap,
div#TradesmanLocationMapHolder div#TradesmanLocation,
div#ContactMapHolder div#ContactMap {
    width:176px;
    height:111px;
    margin:3px 0 0 3px;
}

div#LargeContactMap {
    width:690px;
    height:527px;
    margin:10px;
}


div.tradesmanDetailsHolder  {
    width:460px;
    /*margin-right:20px;*/
    padding-bottom:10px;
    float:left;
}

.typography table.tradesmanDetails  {
    width:100%;
    font-size:0.9em;
    margin-bottom:20px;
}
table.tradesmanDetails td   {
    padding:9px 0 5px 0;
    border-bottom:1px dashed #d6dee3;
}

table.tradesmanDetails tr.first td   {
    padding:0 0 5px 0;
}

table.tradesmanDetails td.empty   {
    border-bottom:none;
}

dl  {
    margin:0;
    padding:0;
}

dl div.clear  {
    border-bottom:1px solid #666;
}

dt  {
    float:left;
    margin:0;
    padding:5px 0;
    width:160px;
}

dd  {
    margin:0;
    padding:5px 0;
    float:left;
    width:280px;
}



div.wideColumn ul.articleList  {
    float:left;
    list-style:none;
    width:200px;
    margin:0 22px 10px 0;
    padding:10px 0 0 0;
}

div.wideColumn ul.last  {
    margin-right:0;
}

ul.articleList li   {
    margin:0;
    padding:9px 0;
    border-bottom:1px dashed #d1d9de;
}

ul.articleList li a {
    color:#333;
    padding-right:10px;
    background:transparent url(../images/icon-arrow.png) right top no-repeat;
    font-size:1em;
}

div#popupTop{
    background:transparent url(../images/popup-top.png) right top no-repeat;
    padding:5px 0 0;
    height:512px;
    left:50%;
    margin:126px 0 0 -355px;
    position:absolute;
    width:710px;
    z-index:100000;
}
div#popupBot{
    background:transparent url(../images/popup-bottom.png) right bottom no-repeat;
    padding:0 0 7px;
    position:relative;
}


/* ------------------------------------
    Pagination
--------------------------------------*/

div.pageNumbers {
    float:right;
    margin:55px 21px 0 0;
    line-height:19px;
    color:#666;
    font-size:0.9em;
}

    div#SmallSearchResultsFooter div.pageNumbers,
    div#GlobalSearchResultsFooter div.pageNumbers{
        margin-top:50px;
    }

    div.pageNumbers p span  {
        line-height:16px;
        padding-right:7px;
        margin-right:5px;
        background:transparent url(../images/bg-splitter.png) right top repeat-y;
    }
    
        div.pageNumbers p span a    {
            color:#999;
        }
            div.pageNumbers p span a:hover,
            div.pageNumbers p span a.current    {
                color:#4a6e85;
            }

            div.pageNumbers p span a.current    {
                font-weight:bold;
            }

            div.pageNumbers p span.last {
                margin-right:0;
                padding-right:0;
                background:none;
            }

/* ---------------------------------------
    Footer
--------------------------------------- */


            
div#Footer {
    clear: both;
    width: 100%;
    margin:0 auto;
    padding:38px 0 30px 0;
    background:transparent url(../images/bg-footer.png) center top no-repeat;
}

    div#FooterLiner {
        width: 900px;
        margin:0 auto;
    }

    div#Footer a {
        color: #97978E;
        text-decoration: none;
    }

        div#Footer a:hover {
            text-decoration: underline;
        }

        div#Footer a.current {
            color: #3f4e57;
            padding-left:14px;
            background: transparent url(../images/icon-arrow2.png) left top no-repeat;
        }

    div#Footer ul	{
        width:164px;
        margin:0 20px 0 0;
        padding:0;
        list-style:none;
        float:left;
    }

        div#Footer ul li {
            font-size:11px;
            padding:9px 0 1px 0;
            margin:0;
        }

            div#Footer ul li.first {
                font-weight:bold;
                padding:0 0 4px 0;
                border-bottom:1px solid #cecec4;
            }

            div#Footer ul.aboutNav li  {
                border-bottom:1px solid #cecec4;
                padding:11px 0 4px 0;
                font-weight:bold;
            }

            div#Footer ul.last {
                margin-right:0;
            }

                div#Footer ul.aboutNav li.first  {
                    padding-top:0;
                }

                div#Footer ul li.toggler span    {
                    cursor:pointer;
                    padding-right:10px;
                    background:transparent url(../images/icon-arrow-footer.png) right center no-repeat;
                }

                div#Footer ul li.toggler ul {
                    margin:0 0 0 10px;
                    width:154px;
                    float:none
                }

                    div#Footer ul li.toggler ul li  {
                        margin:0;
                    }


/* ---------------------------------------
    Search Results 
--------------------------------------- */

div#GlobalSearchResultsWrapper {
    overflow:hidden;
    width:680px;
    background:transparent url(../images/bg-search-results-header.png) left top no-repeat;
}

    div#GlobalSearchResultsWrapper div#GlobalSearchResults {
        /*margin-top:113px;*/
        
    }

        div#GlobalSearchResultsWrapper div#GlobalSearchResults div#GlobalSearchResultsLiner {
            background:transparent url(../images/bg-search-results-mid.png) left bottom repeat-y;
        }

            div#GlobalSearchResultsFooter   {
                height:91px;
                background:transparent url(../images/bg-search-results-bottom.png) left bottom no-repeat;
            }
            
    div#GlobalSearchResultsWrapper h2   {
        font-size:34px;
        height:30px;
        margin:55px 0 0 16px;
    }

    div#GlobalSearchResultsWrapper h5   {
        font-weight:bold;
        color:#fff;
        clear:both;
        margin:0;
        line-height:normal;
        padding:20px 0 8px 20px;
    }

/* ----- Find/Locate Results ----- */


div#SmallSearchResultsWrapper {
    overflow:hidden;
    width:465px;
    margin-right:15px;
    background:transparent url(../images/bg-findlocate-results-header.png) left top no-repeat;
}

    div#SmallSearchResultsWrapper div#SmallSearchResults div#SmallSearchResultsLiner {
        background:transparent url(../images/bg-findlocate-mid.png) left bottom repeat-y;
    }

        div#SmallSearchResultsFooter   {
            height:91px;
            overflow:hidden;
            background:transparent url(../images/bg-findlocate-results-bottom.png) left bottom no-repeat;
        }

    div#SmallSearchResultsWrapper h2   {
        font-size:34px;
        height:30px;
        margin:55px 0 0 16px;
    }

    div#SmallSearchResultsWrapper h5   {
        font-weight:bold;
        color:#fff;
        clear:both;
        margin:0;
        line-height:normal;
        padding:20px 0 8px 20px;
    }

        div#SmallSearchResultsWrapper h5 span.company  {
            width:300px;
            display:block;
            float:left;
        }

/* ---------------------------------------------
    Main content with side column
-----------------------------------------------*/

div#MainContentSideColumnWrapper    {
    background:transparent url(../images/bg-main-side-mid2.png) left top repeat-y;
}

    div.storypage div#MainContentSideColumnWrapper    {
        background:transparent url(../images/bg-main-noside-mid.png) left top no-repeat;
    }

div#MainContentSideColumnLiner   {
    padding:0 20px 20px 20px;
    background:transparent url(../images/bg-main-side-bottom.png) left bottom no-repeat;
}

    div.storypage div#MainContentSideColumnLiner   {
        padding:0 20px 20px 0;
        background:transparent url(../images/bg-main-noside-bottom.png) left bottom no-repeat;
    }

div#MainContentSideColumn    {
    padding-top:24px;
    background:transparent url(../images/bg-main-side-top.png) left top no-repeat;
}


/* ---------------------------------------------
    Videos
-----------------------------------------------*/
div#VideoHolder {
    width:710px;
    height:482px;
    background:#ECECE3 url(../images/bg-video-popup.png) left top repeat-x;
}

    div#AjaxContainer div#VideoHolder h2 {
        margin:0 0 0 20px;
        padding:10px 0;
    }

a#GIBVideo {
    width:670px;
    height:400px;
    display:block;
    margin:0 20px;
    background:#000;
}

/* Video Controls */

div#GIBControlsHolder {
    position:relative;
    height:41px;
    width:634px;
    margin:0 auto;
    overflow:visible;
}

div#GIBControls {
    position:absolute;
    bottom:53px;
    z-index:9999;
    height:41px;
    width:634px;
    margin:0 auto;
    background:transparent url(../images/video-controlbar.png) left top no-repeat;
}

div#GIBControls a.play,
div#GIBControls a.pause,
div#GIBControls a.mute,
div#GIBControls a.unmute    {
    width:28px;
    height:27px;
    display:block;
    float:left;
    margin-top:6px;
    text-indent:-9999em;
    cursor:pointer;
}
div#GIBControls a.play    {
    background-color:transparent;
    background-image:url(../images/video-playpause.png);
    background-position:left top;
    background-repeat:no-repeat;
    margin:6px 6px 0 13px;
}

div#GIBControls a.pause    {
    margin:6px 6px 0 13px;
    background-color:transparent;
    background-image:url(../images/video-playpause.png);
    background-position:left bottom;
    background-repeat:no-repeat;
}

div#GIBControls a.mute    {
    background:transparent url(../images/video-mute.png) left top no-repeat;
    margin-left:6px;
}

div#GIBControls a.unmute    {
    background:transparent url(../images/video-mute.png) left -27px no-repeat;
    margin-left:6px;
}

div#GIBControls div.playhead {
    position:absolute;
    cursor:pointer;
    width:7px;
    height:5px;
    top:23px;
    background:transparent url(../images/video-playhead.png) left top no-repeat;
}

div#GIBControls div.track   {
    float:left;
    position:relative;
    width:539px;
    height:38px;
}

div#GIBControls div.progress,
div#GIBControls div.buffer {
    position:absolute;
    background-color:#4ff;
    height:16px;    
    top:12px;
    background:transparent url(../images/video-track.png) left top no-repeat;
}

div#GIBControls div.buffer {
    background:transparent url(../images/video-track.png) left -16px no-repeat;
}

div#GIBControls div.time,
div#GIBControls div.time strong {
    display:none;
}

/* ---------------------------------------------
    Competition
-----------------------------------------------*/

#RoomForImprovementImage{
	position: absolute;
	z-index: 9999;
	left: 0px;
	top: 22px;
	background: transparent url(../images/room-for-improvement.png) left top no-repeat;
	width: 150px;
	height: 90px;
}

div#ContentNoBanner #RoomForImprovementImage{
	left: 5px;
	top: -4px;
}

#CompetitionEnter{
	position: absolute;
	right: 0;
	top: 30px;
	width: 260px;
	height: 170px;
	background: transparent url(../images/bg-competition-enter2.png) left top no-repeat;
}

#Layout #CompetitionEnter p{
	margin: 90px 25px 0 23px;
}

#CategoryDesc{
	position: absolute;
	width: 550px;
	left: 25px;
	top: 140px;
	color: #FFF;
	font-size: 1.9em;
}

.enterBttn{
        display:block;
        width:67px;
        height:32px;
        margin-top:13px;
        background:transparent url(../images/bttn-enter.png) left top no-repeat;
	text-indent: -9999px;
	margin-left: 20px;
}
.enterBttn:hover{
	background-position: 0 -32px;
}

#BlueTop{
	float: left;
	width: 222px;
	background:transparent url(../images/blue-top.png) left top no-repeat;
}
#BlueMid{
	background:transparent url(../images/blue-mid.png) left top repeat-y;
	padding: 20px 20px 0 20px;
}
#BlueBot{
	background:transparent url(../images/blue-bot.png) left top no-repeat;
	height: 10px;
}
#BlueTop .enterBttn{
	margin: 5px 0 0 -4px;
}
#BlueTop form{
	margin-top: 10px;
}
#BlueTop #Terms{
	padding-top: 10px;
	width:25px;
	clear: none;
	float: left;
}

#BlueTop #TermsLink {
	margin-top:15px;
	display: block;
	float: none;
}

#BlueTop .dropdown {
	clear:both;
	float: none;
}

#BlueTop #Actions{
	clear: left;
}
#Layout #BlueTop h4{
	font-weight: bold;
	color: #333333;
	font-size: 0.9em;
	margin-bottom: 5px;
}
#Layout #BlueTop p {
	margin:0;
}
.finalists #MainContentSideColumnLiner{
        background:transparent url(../images/bg-main-competition-bot.png) left bottom no-repeat;
}
.finalists #MainContentSideColumnWrapper{
        background:transparent url(../images/bg-main-competition-mid.png) left top repeat-y;
}
.finalists #MainContentSideColumn{
        background:transparent url(../images/bg-main-competition-top.png) left top no-repeat;
}

.finalists #MainContent {
    width:684px;
}
.finalists .entry{
	width: 228px;
	float: left;
}
.finalists .entry .image{
	height: 124px;
    background-color: transparent;
	background-position: 5px 11px;
	background-repeat: no-repeat;
}
#Layout .finalists .entry .content{
	padding: 10px 0 5px 5px;
}
#Layout .finalists .entry h3{
	margin-bottom: 5px;
}
#HeaderVoteForm{
	position: absolute;
	right: 0;
	top: 22px;
	background-color: #d2dfe6;
	border: 1px solid #b9c8d1;
	width: 279px;
	height: 271px;
	padding: 20px;
}
#HeaderVoteForm h3{
	margin-top: 0;
	color: #333333;
	font-size: 0.9em;
}
#HeaderVoteForm p{
	font-size: 0.9em;
	color: #666666;
}
#FinalistImages{
	position: absolute;
	left: 10px;
	bottom: 0;
	height: 70px;
	z-index: 10;
}
#FinalistImages .group{
	float: left;
}
#FinalistImages img.thumb{
	border: 2px solid #fff;
	float: left;
	margin: 5px 5px 0 5px;
	cursor: pointer;
}
#FinalistImages .separator{
	background-color: #70706f;
	margin-top: 5px;
	height: 60px;
	width: 1px;
	float: left;
}
.entry #Banner{
	height: 335px;
}
#Banner .large{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}
#Banner .active{
	display: block;
}
.entry #MainContent{
		width: 674px;
}
#FinalistsList{
        background:transparent url(../images/bg-entry-right.png) left top no-repeat;
		width: 232px;
		height: 315px;
		position: absolute;
		right: 0;
		top: 0;
}
#FinalistsList .inner{
	padding: 20px;
}
#FinalistsList h4{
	color: #7e7e7e;
	line-height: 20px;
}
#FinalistsList ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#FinalistsList li a{
	line-height: 48px;
	display: block;
	float: left;
	height: 48px;
	color: #7e7e7e;
}
#FinalistsList li.active a{
	color: #2f5973;
	padding-right: 15px;
	background: transparent url(../images/bg-li-active.png) right 16px no-repeat;
}
#FinalistsList .thumb{
	border: 2px solid #fff;
	float: left;
	clear: left;
	margin: 5px 5px 0 0;
}
.finalists hr{
	margin-right: 20px;
}