/* General */

/*Reset Common Tags*/

a,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img
{
    margin:0px;
    padding:0px;
}

body 
{
    margin:0px auto;
    padding:0px;
    font-family:Verdana;
    font-size:11px;
    background:URL(images/gosmarter_background.gif) center;
    background-repeat:repeat-y;
}

a
{
    color:#afbf16;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}

img
{
    border:0px;
}

p
{
    margin:10px 0px 10px 0px;
    padding-right:10px;
    line-height:18px;
}

/*headers*/

h1
{
    margin:0px;
    color:#9c2183;
    font-size:26px;
    margin-bottom:15px;
}

h2
{
    margin:20px 0px 10px 0px;
    color:#9c2183;
    font-size:18px;
}

p.header-blue
{
    font-size:13px;
    color:#1bbbe9;
    font-weight:bold;
}

p.header-orange
{
    font-size:16px;
    color:#fabc20;
    margin-bottom:10px;
}

p.address
{
    font-size:20px;
    font-weight:normal;
    line-height:30px;
}

p.contact-details
{
    font-size:18px;
    line-height:25px;
}

		/*---------------------layout--------------------*/
		
#container 
{
    width:960px;
    margin:0 auto;
    height:auto;
}

#layout
{
    width:890px;
    clear:both;
    padding:15px 35px 15px 35px;
}

		/*---------------------header---------------------*/
		
#header
{
    width:960px;
    height:129px;
    background: URL(images/smt_header.jpg) no-repeat;
}

#header-week
{
    width:960px;
    height:129px;
    background: URL(images/minisite_header.jpg) no-repeat;
}

#search
{
    float:right;
    margin:0px;
    padding:0px;
    width:212px;
    height:20px;
    padding-top:98px;
}

#header input,
#header-week input
{
    width:203px;
    border:solid 0 #fff;
    color:#707070;
}

#header IMG,
#header-week IMG
{
    position:relative;
    top:7px;
    left:8px;
}

        /*----------------------nav-----------------------*/
        
.menu
{
    margin-bottom:8px;
}

.nav
{
    width:181px;
    height:auto;
    background:URL(images/nav_bg.jpg);
    background-repeat:repeat-y;
    font-family:Arial;
    font-weight:bold;
}

.nav a
{
    color:#afbf16;
}

.nav a:hover
{
    text-decoration:none;
    color:#9c2183;
}

ul.nav
{
    list-style-type:none;
    width:166px;
    padding:5px 5px 0px 10px;
    line-height:17px;
}

.subnav
{
    height:auto;
    background:URL(images/nav_bg.jpg);
    background-repeat:repeat-y;
    font-family:Arial;
}

.subnav a
{
    color:#afbf16;
}

.subnav a:hover
{
    text-decoration:none;
    color:#9c2183;
}

ul.subnav
{
    list-style-type:none;
    width:156px;
    padding-left:20px;
    padding-right:10px;
    line-height:17px;
}

a.current
{
    color:#9c2183;
}

/*---------------------content--------------------*/
        
#content-leftcol
{
    float:left;
    width:181px;
    margin:0px 17px 25px 0px;
}

.leftcol-items
{
    width:161px;
    height:auto;
    background-color:#ebecee;
    padding:0px 10px 0px 10px;
    margin:0px;
    color:#1a171b;
}

.leftcol-items a
{
    color:#e7ac20;
}

.leftcol-items ol
{
    font-size:12px;
    width:125px;
    padding-left:25px;
    padding-top:5px;
    list-style-type:decimal;
    position:relative;
    left:-10px;
    font-weight:bold;
}

.leftcol-items ol p
{
    margin:0px;
    left:-2px;
}

.leftcol-items li
{
    padding-bottom:5px;
}

.blog-wrapper
{
    width:181px;
    height:auto;
    margin-top:20px;
}

.blog-items
{
    padding-top:3px;
    padding-bottom:5px;
}

#content-rightcol
{
    float:right;
    width:692px;
}

#content-rightcol a
{
    color:#9c2183!important;
}

#content-rightcol ul
{
    padding-left:20px;
    padding-right:10px;
    line-height:18px;
}

#content-rightcol-left
{
    float:left;
    width:502px;
}

#content-rightcol-left a:hover
{
    text-decoration:none;
}

.icons
{
    float:left;
    width:502px;
    margin:10px 0px 10px 0px;
}

.icons IMG
{
    float:left;
    width:auto;
    margin-right:10px;
}

#content-rightcol-right
{
    float:right;
    width:190px;
    margin-bottom:15px;
}

#ways-wrapper
{
    position:inherit;
    width:190px;
    height:291px;
    background:URL(images/gosamrtercounter.jpg) no-repeat;
}

#ways-wrapper:hover
{
    /*background:URL(images/gosamrtercounter_o.jpg) no-repeat;*/
}

#ways-number
{
    position:relative;
    top:50px;
    width:185px;
    text-align:center;
    font-size:60px;
    font-weight:bold;
    color:#ffffff;
}

#ways-text
{
    position:relative;
    width:140px;
    top:125px;
    padding:0px 30px 10px 20px;
    color:#878889;
    font-size:12px;
}

.rightcol-links
{
    float:right;
    margin-bottom:10px;
}

.things-img
{
    float:left;
    width:auto;
    margin-right:10px;
}

/*classes*/

.divider
{
    margin:15px 0px 15px 0px;
}

.pink
{
    color:#a70775;
    font-weight:bold;
}

.text-big
{
    font-size:21px;
}

.text-medium
{
    font-size:12px;
}

table
{
    margin:20px 0px 10px 0px;
}

.team
{
    float:left;
    width:230px;
    padding:0px 20px 20px 0px;
}

.team a:hover
{
    text-decoration:underline;
    color:#9c2183;
}

.textbox
{
    width:300px;
    margin:0px 0px 10px 30px;
}

.case-study
{
    color:#afbf16;
    font-weight:bold;
}

.case-study-profile
{
    width:200px;
    float:right;
    height:auto;
    padding:0px 10px 5px 10px;
}

.case-study-nav
{
    text-align:center;
    clear:both;
    margin-bottom:10px;
    font-size:12px;
}

.case-study-nav a
{
    color:#afbf16;
}

.polaroid-0
{
    float:left;
    width:146px;
    height:197px;
    background:URL(images/polaroid4.jpg) no-repeat;
    margin:0px 15px 20px 0px;
}

.polaroid-0 a
{
    display:block;
    width:126px;
    height:177px;
    color:#000;
    font-size:9px;
    padding:30px 10px 10px 10px;
}

.polaroid-1
{
    float:left;
    width:146px;
    height:197px;
    background:URL(images/polaroid3.jpg) no-repeat;
    margin:0px 15px 20px 0px;
}

.polaroid-1 a
{
    display:block;
    width:126px;
    height:177px;
    color:#000;
    font-size:9px;
    padding:30px 10px 10px 10px;
}

.polaroid-2
{
    float:left;
    width:146px;
    height:197px;
    background:URL(images/polaroid2.jpg) no-repeat;
    margin:0px 15px 20px 0px;
}

.polaroid-2 a
{
    display:block;
    width:126px;
    height:177px;
    color:#000;
    font-size:9px;
    padding:30px 10px 10px 10px;
}

.polaroid-3
{
    float:left;
    width:146px;
    height:197px;
    background:URL(images/polaroid1.jpg) no-repeat;
    margin:0px 15px 20px 0px;
}

.polaroid-3 a
{
    display:block;
    width:126px;
    height:177px;
    color:#000;
    font-size:9px;
    padding:30px 10px 10px 10px;
}

.polaroid-4
{
    float:left;
    width:146px;
    height:197px;
    background:URL(images/polaroid5.jpg) no-repeat;
    margin:0px 15px 20px 0px;
}

.polaroid-4 a
{
    display:block;
    width:126px;
    height:177px;
    color:#000;
    font-size:9px;
    padding:30px 10px 10px 10px;
}

.info-0
{
    float:left;
    width:153px;
    height:83px;
    background:URL(images/info1.jpg) no-repeat;
    margin:0px 10px 10px 0px;
}

.info-0:hover
{
    float:left;
    width:153px;
    height:83px;
    background:URL(images/info1_o.jpg) no-repeat;
    margin:0px 10px 10px 0px;
}

.info-0 a
{
    color:#000;
    width:85px;
    height:83px;
    display:block;
    position:relative;
    top:20px;
    left:10px;
}

.info-1
{
    float:left;
    width:153px;
    height:83px;
    background:URL(images/info2.jpg) no-repeat;
    margin:0px 10px 10px 0px;
}

.info-1:hover
{
    float:left;
    width:153px;
    height:83px;
    background:URL(images/info2_o.jpg) no-repeat;
    margin:0px 10px 10px 0px;
}

.info-1 a
{
    color:#000;
    width:85px;
    height:83px;
    display:block;
    position:relative;
    top:20px;
    left:10px;
}

.info-2
{
    float:left;
    width:153px;
    height:83px;
    background:URL(images/info3.jpg) no-repeat;
    margin:0px 10px 10px 0px;
}

.info-2:hover
{
    float:left;
    width:153px;
    height:83px;
    background:URL(images/info3_o.jpg) no-repeat;
    margin:0px 10px 10px 0px;
}

.info-2 a
{
    color:#000;
    width:85px;
    height:83px;
    display:block;
    position:relative;
    top:20px;
    left:10px;
}

.info-3
{
    float:left;
    width:153px;
    height:83px;
    background:URL(images/info4.jpg) no-repeat;
    margin:0px 10px 10px 0px;
}

.info-3:hover
{
    float:left;
    width:153px;
    height:83px;
    background:URL(images/info4_o.jpg) no-repeat;
    margin:0px 10px 10px 0px;
}

.info-3 a
{
    color:#000;
    width:85px;
    height:83px;
    display:block;
    position:relative;
    top:20px;
    left:10px;
}

.info-4
{
    float:left;
    width:153px;
    height:83px;
    background:URL(images/info5.jpg) no-repeat;
    margin:0px 10px 10px 0px;
}

.info-4:hover
{
    float:left;
    width:153px;
    height:83px;
    background:URL(images/info5_o.jpg) no-repeat;
    margin:0px 10px 10px 0px;
}

.info-4 a
{
    color:#000;
    width:85px;
    height:83px;
    display:block;
    position:relative;
    top:20px;
    left:10px;
}

.info-5
{
    float:left;
    width:153px;
    height:83px;
    background:URL(images/info6.jpg) no-repeat;
    margin:0px 10px 10px 0px;
}

.info-5:hover
{
    float:left;
    width:153px;
    height:83px;
    background:URL(images/info6_o.jpg) no-repeat;
    margin:0px 10px 10px 0px;
}

.info-5 a
{
    color:#000;
    width:85px;
    height:83px;
    display:block;
    position:relative;
    top:20px;
    left:10px;
}

        /*---------------------footer---------------------*/
        
#footer
{
    clear:both;
    float:left;
    width:890px;
    padding:0px 35px 30px 35px;
    color:#58585a;
}

#footer a
{
    color:#58585a;
}

#footer-left
{
    float:left;
    width:345px;
    font-size:9px;
    padding-top:8px;
    padding-left:5px;
}

#footer-left IMG
{
    float:left;
    width:72px;
    margin-right:5px;
    padding-right:25px;
}

#footer-right
{
    float:right;
    width:540px;
    font-size:10px;
    text-align:right;
    padding-top:10px;
}

.search-button
{
    position:relative;
    top:7px;
    left:8px;
}

/* ----- Calendar ----- */

.calendar-wrapper
{
    width:181px;
    height:auto;
}

.calendar
{
    width:181px;
    height:250px;
    background:URL(images/calendar-bg.jpg) no-repeat;
    background-position:bottom;
    margin-top:20px;
    font-family:Verdana;
}

.calendar table
{
    position:relative;
    top:-15px;
    left:7px;
    width:166px;
}

.calendar td
{
    height:24px;
    width:24px;
    text-align:center;

    font-weight:bold;
}

.calendar-blank
{
    color:#FFFFFF;
}

.calendar-normal
{
    color:#9B9B9D;
}

.calendar-highlight,
.calendar-highlight a
{
    color:#FFFFFF;
    background:URL(images/event-highlight.gif) no-repeat;
}

.calendar-yellow,
.calendar-yellow a
{
    color:#FABB22;
    width:auto!important;
}

.calendar-bottom
{
    width:181px;
    height:39px;
    text-align:center;
    background:URL(images/whatsoncalendar_bottom.jpg) no-repeat;
}

.calendar-bottom a
{
    color:#FFFFFF;
    font-weight:bold;
    position:relative;
    top:5px;
    font-size:11px;
}

#polaroid-large
{
    background:URL(images/poloroid-large.jpg) no-repeat;
    height:277px;
    width:205px;
}

#polaroid-large span
{
    display:block;
    width:181px;
    height:177px;
    color:#000;
    font-size:9px;
    padding:40px 10px 10px 10px;
    position:relative;
    top:15px;
    text-align:center;
}

#polaroid-large img
{
    position:relative;
    top:35px;
    left:10px;
}

#polaroid-large a
{
    font-size:12px;
    font-weight:bold;
}

 /*smarter business network form*/

#biz-form-content
{
    float:left;
    width:691px;
    background:URL(images/smarter-biz-network-bg.jpg) repeat-y;
    height:auto;
}

#biz-form-content-left
{
    float:left;
    width:260px;
    padding:10px 10px 10px 50px;
}

#biz-form-content-right
{
    float:right;
    width:290px;
    padding:10px 50px 10px 10px;
    color:#fff;
}

#biz-form-content-right
#biz-form-content-right input
{
    width:130px;
    margin-bottom:5px;
    margin-top:2px;
}

#biz-form-left
{
    font-size:10px;
    float:left;
    width:140px;
    margin-bottom:20px;
}

#biz-form-right
{
    font-size:10px;
    float:right;
    width:130px;
    margin-bottom:20px;
}

.text-small
{
    font-size:9px;
    color:#a2a2a2;
    line-height:10px;
}

.text-small-form
{
    font-size:8px;
    color:#fff;
    /*line-height:10*/
}

h3
{
    font-size:12px;
}

.tickbox-wrapper
{
    float:left;
    margin-bottom:10px;
}

.tickbox
{
    width:20px !important;
    margin:0px;
    float:left;
}

.tickbox-text
{
    float:right;
    width:110px;
}

/*smarter club form*/

#club-form-content
{
    float:left;
    width:691px;
    background:URL(images/smarter-club-bg.jpg) repeat-y;
    height:auto;
}

#club-form-content-left
{
    float:left;
    width:440px;
    padding:10px 10px 10px 50px;
}

#club-form-content-right
{
    float:right;
    width:125px;
    padding:15px 50px 10px 10px;
    color:#fff;
}

#club-form-content-right input
{
    width:125px;
    margin-bottom:5px;
    margin-top:2px;
}

.radio
{
    width:20px !important;
    margin:0px;
}

.box-wrapper
{
    float:left;
    width:391px;
    margin-bottom:30px;
}

.box-content
{
    float:left;
    width:371px;
    background:URL(images/box-bg.gif) repeat-y;
    padding:0px 10px 0px 10px;
}

.box-content-left
{
    float:left;
    width:106px;
}

.box-content-right
{
    float:right;
    width:250px;
}

.box-title
{
    font-size:16px;
    font-weight:bold;
}

#event-form-wrapper
{
    float:left;
    width:473px;
}

#event-form-content
{
    float:left;
    width:473px;
    height:auto;
    background:URL(images/event-form-bg.jpg) repeat-y;
    color:#fff;
}

.event-form
{
    float:left;
    width:455px;
    margin:0px;
    margin-left:10px;
}

.event-form td
{
    width:160px;
}

#event-form-right
{
    float:left;
    position:relative;
    width:108px;
    padding-right:5px;
}

.event-form-booknow
{
    float:left;
    width:118px;
    height:40px;
    margin-top:40px;
}

#event-form-bottom
{
    float:left;
    width:473px;
    height:13px;
}


/*minisite*/

.minisite-ql
{
    float:left;
    width:691px;
    height:295px;
    background:url(images/homepage_minisite_quicklink.png) no-repeat;
    margin-bottom:15px;
}

    .minisite-ql a
    {
        display:block;
        width:691px;
        height:295px;
        text-decoration:none;
    }
    
        .minisite-ql a:hover
        {
            text-decoration:none;
        }

    .minisite-ql span
    {
        color:#fff;
        width:100px;
        font-size:40px;
        float:right;
        padding:125px 42px 0 0;
        font-weight:bold;
        text-align:center;
    }
    
#minisite_nav IMG
{
    margin-right:2px;
}

#minisite-left,
.minisite-content
{
    float:left;
    margin-top:15px;
}

    #minisite-left h1,
    .minisite-content h1
    {
        font-size:20px;
        color:#000;
        margin:0;
        padding:0;
    }
    
    #minisite-left h2,
    .minisite-content h2
    {
        font-size:18px;
        color:#000;
        font-weight:normal;
        margin:0;
        padding:0;
    }
    
    #minisite-left h3,
    .minisite-content h3
    {
        font-size:14px;
        color:#000;
        font-weight:bold;
        margin:0;
        padding:0;
    }
    
    #minisite-left p,
    .minisite-content p
    {
        margin:15px 0;
    }

#minisite-right
{
    float:right;
    margin-top:15px;
}

.countdown
{
    float:left;
    width:267px;
    height:228px;
    padding:40px 0 0 0px;
    background:url(images/countdown_image.png) no-repeat;
    margin-bottom:10px;
    color:#fff;
    font-size:90px;
    font-weight:bold;
    text-align:center;
}

#blue-box
{
    float:left;
    background:#00a0d0;
    width:246px;
    padding:0 13px;
}

    #blue-box label,
    #gray-box label
    {
        display:block;
        margin:3px 0;
    }
    
    .box-textbox
    {
        border:0;
        padding:3px;
        width:240px;
    }
    
    #blue-box-left
    {
        float:left;
        width:140px;
        margin-top:15px;
    }
    
    #blue-box-right
    {
        float:right;
        width:95px;
        margin-top:15px;
    }
    
#blue-box-code
{
    float:left;
    background:#00a0d0;
    width:246px;
    height:240px;
    font-size:16px;
    color:#fff;
    font-weight:bold;
    text-align:center;
    line-height:26px;
    padding:100px 13px 0 13px;
}

    #blue-box-code span
    {
        font-size:32px;
        color:#122d73;
    }
    
#gray-box
{
    float:left;
    background:#efefef;
    width:246px;
    padding:0 13px;
}

    #gray-box span
    {
        color:#122d73;
        font-size:16px;
        font-weight:bold;
    }
    
#gray-box h1
{
    font-size:20px;
    color:#000;
    margin:0;
}

#gray-box h2
{
    font-size:16px;
    color:#000;
    margin:0;
    font-weight:normal;
}

#challenge
{
    float:left;
    margin:10px 0;
    width:246px;
}

    #challenge input
    {
        margin:3px 0;
    }
    
.shows
{
    float:left;
    width:246px;
    margin:15px 0;
    font-size:12px;
    line-height:18px;
    color:#dd016d;
}

#minisite-table td
{
    vertical-align:top;
    padding-right:10px;
}

.poster-wrapper
{
    float:left;
    width:400px;
}

.poster
{
    float:left;
    width:133px;
    margin-bottom:20px;
}

    .poster strong
    {
        float:left;
        width:133px;
        margin:5px 0;
    }
    
.minisite-list li
{
    float:left;
    margin:10px 0;
}

#colours
{
    font-size:16px;
    font-weight:bold;
}

.colours1
{
    padding:10px 20px;
}

#pledge-left
{
    float:left;
    width:400px;
}

#pledge-right
{
    float:right;
    width:100px;
    margin-top:30px;
}

#ipad
{
    border-top:7px solid #c7c9cb;
    border-bottom:7px solid #c7c9cb;
    color:#6d6f72;
    line-height:18px;
    padding:10px 0;
    font-size:12px;
    /*margin-top:20px;*/
}