body
{
    font-family: Lucida Sans, Arial;
    font-size: 62.5%;
    letter-spacing: -0.07em;
    color: #fff;
    background: #7c8d8f url('/images/bg.jpg') repeat-x top left;
}

h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

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

    a.underline
    {
        background: url('/images/link_bg.gif') left bottom repeat-x;
    }

h1
{
    font-size: 3em;
}

    h1 a
    {
        width: 116px;
        height: 91px;   
        float: left;
        text-indent: -5000px;
        margin-left: 40px;
        background: url('/images/logo.gif') no-repeat left top;
    }

h2
{
    font-size: 2.6em;
    font-weight: normal;
    color: #728184;
    letter-spacing: -0.05em;
    float: right;
    padding-right: 30px;
}

    h2 span
    {
        font-size: 0.5em;
        float: left;
        line-height: 12px;
        letter-spacing: -0.01em;
        padding: 4px 10px 0 0;
    }

h3
{
    font-size: 2.2em;
    font-weight: normal;
    float: left;
    letter-spacing: -0.05em;
}

h4
{
    font-size: 1.8em;
    font-weight: normal;
    float: left;
}

h5
{
    font-size: 1.4em;
    font-weight: normal;
    float: left;
}

p
{
    font-size: 1.4em;
    float: left;
    letter-spacing: 0;
    line-height: 20px;
}

img
{
    border: none;
}

.small
{
    font-size: 1.2em;
}

.right
{
    float: right;
}

a.btn-red
{
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

    .btn-red-l
    {
	    height: 18px;
	    display: inline-block;
	    padding: 3px 0 0 10px;
	    vertical-align: top;
	    background: url('/images/buttons/red_off_l.png') no-repeat left top;
    }

        .btn-red:hover .btn-red-l
        {
	        background: url('/images/buttons/red_on_l.png') no-repeat left top;
        }
        
    .btn-red-r
    {
	    width: 12px;
	    height: 21px;
	    display: inline-block;
	    background: url('/images/buttons/red_off_r.png') no-repeat left top;
    }
    
        .btn-red:hover span.btn-red-r
        {
	        background: url('/images/buttons/red_on_r.png') no-repeat left top;
        }

.editable-content
{
    float: left;
}

    .editable-content a
    {
        background: url('/images/link_bg.gif') left bottom repeat-x;
    }

    .editable-content h3
	{
		width: 100%;
		float: left;
	}
	
    .editable-content p
	{
		width: 100%;
		float: left;
	}

    .editable-content ul
    {
        width: 430px;
        font-size: 1.4em;
        margin: 0;
        padding: 0 0 0 40px;
    }
    
        .editable-content ul li
        {
            padding: 0 0 5px 0;
            list-style-image: url('/images/bullet_list.gif');
        }

            .editable-content ul ul
            {
                width: 418px;
                font-size: 1em;
                margin: 0;
                padding: 5px 0 0 20px;
            }
            
                .editable-content ul ul li
                {
                    padding: 0 0 5px 0;
                    list-style-image: url('/images/bullet_sublist.gif');
                }


fieldset
{
    width: 100%;
    float: left;
    border: none;
}

    fieldset input
    {
        font-family: Lucida Sans, Arial;
        font-size: 1.4em;
        color: #fff;
    }

    fieldset dl
    {
        width: 100%;
        float: left;   
        margin: 0;
    }
    
        fieldset dl dd
        {
            display: none;
            margin: 0;
        }
        
        fieldset dl dt
        {
            float: left;
        }
    
            fieldset dl dt .text-sml
            {
                width: 149px;
                padding: 5px 10px;
                margin-bottom: 5px;
                background-color: #485253;
                border: none;
            }
            
            fieldset dl dt .text-med
            {
                width: 240px;
                padding: 5px 10px;
                margin-bottom: 5px;
                background-color: #485253;
                border: none;
            }
            
            fieldset dl dt .text-lrg
            {
                width: 310px;
                padding: 5px 10px;
                margin-bottom: 5px;
                background-color: #485253;
                border: none;
            }
            
            fieldset dl dt .textarea
            {
                width: 400px;
                font-family: Lucida Sans, Arial;
                font-size: 1.4em;
                color: #fff;
                padding: 5px 10px;
                margin-bottom: 5px;
                background-color: #485253;
                border: none;
            }

            fieldset dl dt.checkbox
            {
                width: 100%;
                float: left;
                padding-top: 5px;
            }

	            fieldset dl dt.checkbox label
	            {
		            padding: 0 0 0 5px;
	            }
    	                
            fieldset dl dt.submit
            {
                width: 27px;
                float: right;
            }
            
    fieldset .validation
    {
        font-size: 1.4em;
    }

.loading
{
    position: absolute;
    left: 50%;
    top: 50%;
}
           
/* Main layout */    
#page-container
{
    width: 990px;
    margin: 0 auto;
    padding-top: 30px;
    position: relative;
}

    .full-bg
    {
        position: absolute;
        top: 0;
        padding-top: 30px;
    }

    #header-container
    {
        width: 100%;
        float: left;
    }
    
        #navigation-container
        {
            width: 764px;
            float: left;
            margin: 15px 0 0 70px;
        }
        
    #content-container
    {
        width: 100%;
        float: left;
        margin-top: 45px;
    }

        #content-container .content-1-4
        {
            width: 225px;
            float: left;
        }
        
            #content-container .content-1-4-right
            {
                width: 225px;
                float: right;
            }
        
        #content-container .content-2-4
        {
            width: 480px;
            float: left;
        }

            #content-container .content-2-4-right
            {
                width: 480px;
                float: right;
            }

        #content-container .content-3-4
        {
            width: 735px;
            float: left;
        }

            #content-container .content-3-4-right
            {
                width: 735px;
                float: right;
            }
            
        #content-container .content-4-4
        {
            width: 100%;
            float: left;
            position: relative;
        }

        #content-container .content-4-4 img, 
        #content-container .content-4-4 div, 
        #content-container .content-4-4 input, 
        #content-container .content-4-4 a, 
        #content-container .content-4-4 span,
        #content-container .content-3-4 img, 
        #content-container .content-3-4 div, 
        #content-container .content-3-4 input, 
        #content-container .content-3-4 a, 
        #content-container .content-3-4 span,
        #content-container .content-3-4-right img, 
        #content-container .content-3-4-right div, 
        #content-container .content-3-4-right input, 
        #content-container .content-3-4-right a, 
        #content-container .content-3-4-right span,
        #content-container .content-2-4 img, 
        #content-container .content-2-4 div, 
        #content-container .content-2-4 input, 
        #content-container .content-2-4 a, 
        #content-container .content-2-4 span,
        #content-container .content-2-4-right img, 
        #content-container .content-2-4-right div, 
        #content-container .content-2-4-right input, 
        #content-container .content-2-4-right a, 
        #content-container .content-2-4-right span,
        #content-container .content-1-4 img, 
        #content-container .content-1-4 div, 
        #content-container .content-1-4 input, 
        #content-container .content-1-4 a, 
        #content-container .content-1-4 span,
        #content-container .content-1-4-right img, 
        #content-container .content-1-4-right div, 
        #content-container .content-1-4-right input, 
        #content-container .content-1-4-right a, 
        #content-container .content-1-4-right span
        { behavior: url('/htc/iepngfix.htc') }

    #footer-container
    {
        width: 100%;
        float: left;
        margin: 0 0 35px 0;
        padding-top: 35px;
    }
    
        #footer-container ul
        {
            float: left;
            margin: 0;
            padding: 10px;
            display: inline;
            background-color: #768688;
        }

            #footer-container ul li
            {
                font-size: 1.2em;
                float: left;
                list-style-type: none;
                padding: 0 5px;
            }
        
        #footer-container ul.content-1
        {
            margin-right: 10px;
        }
        
            #footer-container ul.content-1 li span
            {
                padding-right: 15px;
            }
        
            #footer-container ul.content-2 li img
            {
                float: left;
                margin: 0 18px;
            }

/* Navigation */
.nav, .nav *
{
    margin: 0;
	padding: 0;
}

.nav
{
    width: 760px;
    height: 27px;
    float: left;
    position: relative;
    list-style-type: none;
    background: url('/images/nav_l.png') no-repeat left top !important;
    background/**/:/**/ none;
}

    .nav ul
    {
        width: 100%;
        height: 27px;
        float: left;
	    position: relative;
        list-style-type: none;
        background: url('/images/nav_l.png') no-repeat left top !important;
        background/**/:/**/ none;
    }

        .nav li
        {
	        float: left;
	        padding: 3px 10px 0 10px;
        }
        
            .nav li ul
            {
                width: inherit !important;
                width/**/:/**/ 760px;
	            left: 0;
	            top: -999em;
	            position: absolute;
	            margin: 8px 0 0 0;
	            height: 27px;
	            display: inline;
            }
            
                .nav li .nav-r
                {
	                width: 4px;
                    height: 27px;
                    position: absolute;
                    right: -4px;
                    padding: 0;
                    background: url('/images/nav_r.png') no-repeat right top !important;
                    background/**/:/**/ none;
                }
            
                    .nav a
                    {
	                    font-size: 1.6em;
                        float: left;
                        color: #728184;
                        float: left;
                    }
                    
                        .nav li.current a,
                        .nav a.current,
                        .nav a:hover
                        {
                            color: #fff;
                        }

            .nav li:hover ul, /* pure CSS hover is removed below */
            body .nav li.current ul, /* this must be more specific than the .superfish override below */
            ul.nav li.sfHover ul
            {
	            top:2.5em;
            }

            .nav li:hover li ul,
            .nav li.sfHover li ul
            {
	            top:-999em;
            }
            
            .nav li li:hover ul, /* pure CSS hover is removed below */
            ul.nav li li.sfHover ul
            {
	            top:2.5em;
            }
            
            /*following rule negates pure CSS hovers
            so submenu remains hidden and JS controls
            when and how it appears*/
            .superfish li:hover ul,
            .superfish li li:hover ul
            {
	            top: -999em;
            }
            
span.nav-r
{
    width: 4px;
    height: 27px;
    float: left;
    padding: 0;
    background: url('/images/nav_r.png') no-repeat right top !important;
    background/**/:/**/ none;
}

/* NewsBlog listing */
div.newsblog-item
{
    width: 480px;
    float: left;
    padding: 15px 0;
    border-bottom: solid 1px #94a2a4;
}

    div.newsblog-item img
    {
        float: left;
        margin-top: 15px;
    }
    
    div.newsblog-item h3
    {
        width: 100%;
        font-size: 2.6em;
        padding-left: 10px;
    }
    
    div.newsblog-item span.small
    {
        padding-left: 10px;
    }
    
    div.newsblog-item p
    {
        padding: 20px 0 0 10px;
    }
    
    div.newsblog-item div.social-bookmarks
    {
        margin: 10px 0 0 10px;
    }
    
.paging
{
    width: 100%;
    float: left;
    position: relative;
    padding-top: 15px;
}

    .paging a
    {
        font-size: 2em;
    }

        .paging a.older-link
        {
            height: 27px;
            float: left;
            padding-left: 40px;
            background: url('/images/arrows/left_red.gif') no-repeat left top;
        }
        
        .paging a.newer-link
        {
            height: 27px;
            float: right;
            padding-right: 40px;
            background: url('/images/arrows/right_red.gif') no-repeat right top;
        }
        
        .paging a.backtotop-link
        {
            height: 27px;
            position: absolute;
            left: -257px;
            text-indent: 40px;
            background: url('/images/arrows/up_red.gif') no-repeat left top;
        }

div.social-bookmarks-ctr
{
    width: 100%;
    font-size: 1.2em;
    float: left;
    position: relative;
}

    #social-bookmarks
    {
        width: 474px;
        float: left;
        margin-top: 10px;
        padding-left: 7px;
        position: relative;
        overflow: hidden;
    }

        #social-bookmarks a.share-btn
        {
            width: 48px;
            height: 27px;
            float: left;
            padding: 5px 0 0 12px;
            text-transform: uppercase;
            cursor: pointer;
            background: url('/images/social/share_btn.png') left top no-repeat;
        }
        
        div.bookmarks-ctr
        {
            width: 423px;
            height: 27px;
            float: left;
            background: url('/images/social/bg.png') left top no-repeat;
        }

            div.bookmarks-ctr ul
            {
                float: left;
                list-style-type: none;
                padding: 6px 0 0 20px;
                margin: 0;
            }

                div.bookmarks-ctr ul li
                {
                    float: left;
                }
                
                    div.bookmarks-ctr a
                    {
                        color: #000;
                        float: left;
                        padding-right: 10px;
                    }
                    
                        div.bookmarks-ctr a img
                        {
                            float: left;
                            padding-right: 3px;
                            margin: 0;
                        }
    
/* NewsBlog category listing */
ul.newsblog-categories
{
    width: 100%;
    font-size: 1.6em;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    ul.newsblog-categories li a
    {
        width: 195px;
        line-height: 16px;
        float: left;
        margin-bottom: 11px;
        padding: 5px 15px;
        background-color: #434d4d;
    }
    
        ul.newsblog-categories li a.active,
        ul.newsblog-categories li a:hover
        {
            background: #434d4d url('/images/nav_link_on.gif') no-repeat right top;
        }

/* Newsblog feature */
div.newsblog-feature
{
    width: 480px;
    float: left;
    position: relative;
    background-color: #3e4a42;
    background: url('/images/text_bg.png') left top repeat;
}

    div.newsblog-feature img.newsblog-feature-img
    {
        position: absolute;
        top: 20px;
        left: -30px;
    }
    
    div.newsblog-feature h3
    {
        width: 225px;
        float: left;
        font-size: 2.6em;
        padding: 30px 0 0 175px;
    }
    
    div.newsblog-feature p
    {
        width: 225px;
        float: left;
        font-size: 1.2em;
        padding: 0 0 30px 175px;
    }
    
    div.newsblog-feature a
    {
        float: left;
        margin: 40px 0 0 20px;
    }
    
/* Newsletter feature*/
div.newsletter-feature
{
    width: 205px;
    float: left;
    padding: 10px;
    background: url('/images/side_feature_btm.png') no-repeat left top;
}

    div.newsletter-feature h3 span
    {
        width: 205px;
        font-size: 0.5em;
        display: inline-block;
        letter-spacing: 0;
        margin: 0;
    }
    
    div.newsletter-feature fieldset
    {
        padding-top: 10px;
    }
    
        div.newsletter-feature dl
        {
            padding-top: 5px;
        }
    
            div.newsletter-feature dt
            {
                width: 169px;
                float: left;
                margin-right: -3px;
            }

/* Side feature */     
div.side-feature-top
{
    width: 218px;
    height: 5px;
    font-size: 1px;
    float: left;
    margin: 0 4px 0 3px;
    display: inline;
}

div.side-feature
{
    width: 218px;
    float: left;
    margin: 0 4px 0 3px;
    display: inline;
    background: url('/images/side_feature_btm.png') no-repeat left bottom;
}

    div.side-feature img
    {
        float: left;
    }

    div.side-feature span
    {
        width: 181px;
        font-size: 1.2em;
        float: left;
        padding: 10px 15px 15px 15px;
    }
    
    div.side-feature a.text-link
    {
        font-size: 1.2em;
        float: left;
        padding: 0 15px 15px 15px;
    }

/* Text feature */
div.text-feature-top
{
    width: 218px;
    height: 5px;
    font-size: 1px;
    float: left;
    margin: 0 4px 0 3px;
    display: inline;
    /*background: url('/images/side_feature_top.png') no-repeat left top;*/
}

div.text-feature
{
    width: 218px;
    float: left;
    margin: 0 4px 0 3px;
    display: inline;
    background: url('/images/side_feature_btm.png') no-repeat left bottom;
}

    div.text-feature div.editable-content
    {
        width: 188px;
        padding: 10px;
    }

/* Download feature */
div.download-feature-top
{
    width: 218px;
    height: 5px;
    font-size: 1px;
    float: left;
    margin: 0 4px 0 3px;
    display: inline;
    /*background: url('/images/side_feature_top.png') no-repeat left top;*/
}

div.download-feature
{
    width: 188px;
    font-size: 1.6em;
    padding: 15px;
    float: left;
    margin: 0 4px 0 3px;
    display: inline;
    background: url('/images/side_feature_btm.png') no-repeat left bottom;
}

    div.download-feature a
    {
        float: left;
    }

    div.download-feature div
    {
        width: 130px;
        float: left;
        padding-left: 10px;
    }

/* Centre editable feature */
div.centre-feature
{
    width: 100%;
    float: left;
}

    div.centre-feature div.header-content
    {
        width: 442px;
        float: left;
        padding: 10px 18px 18px 18px;
    }
    
        div.centre-feature div.header-content h4
        {
            width: 100%;
            padding-bottom: 3px;
        }
        
        div.centre-feature div.header-content h5
        {
            width: 100%;
        }
        
    div.centre-feature p
    {
        width: 442px;
        padding: 0 18px;
    }
    
    div.centre-feature div.links-content
    {
        width: 442px;
        float: left;
        padding: 10px 18px 0 18px;
    }
    
        div.centre-feature div.links-content a
        {
            height: 27px;
            font-size: 2em;
            letter-spacing: -0.05em;
            float: left;
            padding-right: 40px;
            margin-right: 20px;
            background: url('/images/arrows/right_purple.gif') no-repeat right top;
        }
 
    div.centre-feature span.grey-line
    {
        width: 100%;
        font-size: 1px;
        float: left;
        padding: 0;
        margin-top: 15px;
        border-bottom: solid 1px #94a2a4;
    }

/* Centre editable feature with bg */
div.centre-feature-with-bg
{
    width: 100%;
    float: left;
    background: url('/images/text_bg.png') left top repeat;
}

    div.centre-feature-with-bg div.header-content
    {
        width: 420px;
        float: left;
        padding: 30px 30px 20px 30px;
    }
    
        div.centre-feature-with-bg div.header-content h4
        {
            width: 100%;
            float: left;
            padding-bottom: 3px;
        }
        
        div.centre-feature-with-bg div.header-content h5
        {
            width: 100%;
            float: left;
        }
    
    div.centre-feature-with-bg p
    {
        width: 420px;
        float: left;
        padding: 0 30px;
    }
    
    div.centre-feature-with-bg div.links-content
    {
        width: 420px;
        float: left;
        padding: 10px 30px 30px 30px;
    }
    
        div.centre-feature-with-bg div.links-content a
        {
            height: 27px;
            font-size: 2em;
            letter-spacing: -0.05em;
            float: left;
            padding-right: 40px;
            margin-right: 20px;
            background: url('/images/arrows/right_purple.gif') no-repeat right top;
        }
    
    div.centre-feature-with-bg span.grey-line
    {
        width: 100%;
        font-size: 1px;
        float: left;
        padding: 0;
        margin-top: 15px;
        border-bottom: solid 1px #94a2a4;
    }

/* Navigation link */
ul.level-3-navigation
{
    width: 100%;
    font-size: 1.6em;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    ul.level-3-navigation li a
    {
        width: 195px;
        line-height: 16px;
        float: left;
        margin-bottom: 11px;
        padding: 5px 15px;
        background-color: #1f2324;
    }

/* Page link */
a.page-link-back
{
    font-size: 1.8em;
    line-height: 30px;
    float: left;
    padding-left: 35px;
    background: url('/images/arrows/left_red.gif') no-repeat left top;
}

a.page-link-fwd
{
    font-size: 1.8em;
    line-height: 30px;
    float: right;
    padding-right: 35px;
    background: url('/images/arrows/right_red.gif') no-repeat right top;
}

/* Contact form */
div.contact-form
{
    width: 100%;
    float: left;
}

    div.contact-form fieldset
    {
        width: 460px;
        padding: 10px;
    }
   
        div.contact-form .text-sml
        {
            margin-right: 10px;
        }
        
        div.contact-form .textarea
        {
            height: 100px;
        }
        
        div.contact-form dt.submit
        {
            margin-top: 85px;
        }
        
        div.contact-form dt.checkbox
        {
            width: 400px;
        }

/* Job listing */
div.job-listing-ctr
{
    width: 480px;
    float: left;
}

    div.job-listing-ctr h3
    {
        width: 100%;
        color: #008649;
    }
    
    div.job-listing
    {
        width: 100%;
        float: left;
    }
    
        div.job-listing div.job-item
        {
            width: 100%;
            float: left;
            padding: 20px 0 15px 0;
            border-top: solid 1px #828e90;
        }
        
            div.job-item h4,
            div.job-item .editable-content
            {
                width: 100%;
            }
            
            div.job-item .btn-red
            {
                margin-top: 5px;
            }
            
    div.job-listing-ctr dl
    {
        padding-top: 5px;
    }

    div.job-listing-ctr .text-sml
    {
        margin-right: 10px;
    }
    
    div.job-listing-ctr dt.submit
    {
        float: left;
        margin: 85px 0 0 30px;
    }
    
    div.job-listing-ctr dt ul *
    {
        width: 400px;
        float: left;
        padding-bottom: 3px;
    }
    
    div.job-listing-ctr dt .ruButton
    {
        width: 102px;
        height: 21px;
        float: left;
        text-indent: -5000px;
        margin: 3px 0 0 10px;
        background: url('/images/buttons/upload.gif') no-repeat left top;
        border: none;
    }
                    
        div.job-listing-ctr dt input.ruButton:hover
        {
            background: url('/images/buttons/upload_on.gif') no-repeat left top;
        }
    
    div.job-listing-ctr dt .ruFakeInput
    {
        width: 149px;
        height: 19px;
        padding: 3px 10px;
        background-color: #485253;
        border: none;
    }
                
/* Services features */
div.services-single-feature
{
    width: 100%;
    float: left;
    position: relative;
}

    div.services-single-feature a.text-link,
    div.services-single-feature span
    {
        font-family: Franklin Gothic Medium;
        font-size: 1.2em;
        letter-spacing: 0.01em;
        width: 180px;
        position: absolute;
        left: 30px;
        top: 80px;
    }

/* Services header */
div.services-header
{
    width: 100%;
    float: left;
    position: relative;
}

    div.services-header p
    {
        font-size: 1.8em;
        letter-spacing: -0.05em;
        padding-bottom: 10px;
    }
    
    div.services-header a
    { 
        height: 27px;
        font-size: 2em;
        letter-spacing: -0.05em;
        float: left;
        padding-right: 40px;
        margin-right: 20px;
        background: url('/images/arrows/right_purple.gif') no-repeat right top;
    }
    
/* Home feature */
div.home-feature
{
    width: 100%;
    float: left;
}

    div.home-feature img
    {
        float: left;
    }

    div.home-feature div.feature-ctr
    {
        width: 240px;
        float: left;
        margin-top: 60px;
    }
    
        div.home-feature h3 { font-size: 3.4em; }
        
        div.home-feature fieldset
        {
            padding: 30px 0 13px 0;
        }
        
            div.home-feature dd
            {
                font-size: 3.4em;
                display: block;
            }
            
            div.home-feature input.textbox
            {
                width: 177px;
                height: 20px;
                font-family: Lucida Console, Arial;
                font-size: 1.8em;
                color: #fff;
                letter-spacing: -0.05em;
                float: left;
                padding: 6px;
                background: url('/images/red_textbox_bg.gif') no-repeat left top;
                border: none;
            }
            
        div.home-feature div p
        {
            font-size: 1.2em;
            line-height: 14px;
        }

/* Floating image */
.floating-image
{
    width: 100%;
    float: left;
    position: relative;
}

/* Fading images */
.fading-images
{
    width: 100%;
    float: left;
    position: relative;
}

/* Competition content */
div.competition-header
{
    width: 100%;
    float: left;
    position: relative;
}

    div.competition-header p
    {
        font-size: 1.8em;
        letter-spacing: -0.05em;
        padding-bottom: 10px;
    }

/* Competition form */
div.competition-form
{
    width: 100%;
    float: left;
}

    div.competition-form fieldset
    {
        width: 100%;
        padding: 10px;
    }
   
        div.competition-form .text-med
        {
            background-color: #800007;
            margin-right: 10px;
        }
             
        div.competition-form dt.submit
        {
            float: left;
            margin-top: 25px;
        }
        
/* Seasonality Info */
div.seasonality-header
{
    width: 950px;
    height: 185px;
    float: left;
    padding: 40px 0 20px 40px;
    background: url('/images/seasonality_header.jpg') no-repeat left top;
}

    div.seasonality-header div
    {
        width: 390px;
        float: left;
    }

        div.seasonality-header div h3
        {
            width: 100%;
            font-size: 2.2em;
            padding: 0 0 18px 0;
        }

        div.seasonality-header div p
        {
            font-size: 1.6em;
            padding: 0 0 18px 0;
        }

div.seasonality-content
{
    width: 100%;
    float: left;
    padding: 30px 0 0 0;
}

    div.seasonality-content .content-left
    {
        width: 480px;
        float: left;
    }

        div.seasonality-content .content-left .reflect
        {
            width: 225px;
            float: left;
        }
        
            div.seasonality-content .content-left .reflect img
            {
                float: left;
            }
        
        div.seasonality-content .content-left .product-info
        {
            width: 205px;
            float: left;
            padding: 0 20px 0 30px;
        }
        
            div.seasonality-content .content-left .product-info h4
            {
                width: 100%;
                line-height: 30px;
                padding-bottom: 17px;
            }
        
            div.seasonality-content .content-left .centre-feature-with-bg p
            {
                font-size: 1.2em;
            }
            
        div.seasonality-content .content-left .content-2-4
        {
            margin-top: 15px;
        }
            
    div.seasonality-content .content-right
    {
        float: right;
    }
   
        div.seasonality-content .content-right table
        {
            width: 100%;
            float: left;
        }
        
            div.seasonality-content .content-right table th.month-header-cell
            {
                padding-bottom: 8px;
            }
            
            div.seasonality-content .content-right table td.country-cell
            {
                width: 120px;
                font-size: 1.4em;
                letter-spacing: normal;
                color: #fff;
            }
            
            div.seasonality-content .content-right table td.month-cell
            {
                width: 30px;
                height: 30px;
                background-color: #89999a;
            }
            
                div.seasonality-content .content-right table td.month-cell-active
                {
                    width: 30px;
                    height: 30px;
                    background-color: #459449;
                }
   
        div.seasonality-content .centre-feature-with-bg p
        {
            padding: 17px;
        }