/* --------------------------------------
   Global Styling
-------------------------------------- */

body
{
    background-color: #fff;
    font: 0.75em/18px Helvetica, Arial, Verdana, sans-serif;
    color: #393939;
}

body.landing-page
{
    background: #fff url('../i/bg-body.gif') left top repeat-x;
}

textarea
{
    font: 1em Helvetica, Arial, Verdana, sans-serif;
    resize: none; /* Google Chrome */
}

/* Print Only */

.print-only
{
    display: none !important;
}

/* Headings */

h1, h2, h3, h4, h5
{
    font-weight: normal;
}

h1
{
    font-size: 2.5em;
    line-height: 1em;
}

h2, h1.title
{
    font-size: 2em;
    line-height: 1em;
}

h2 a, h1.title a
{
    color: #000 !important;
    text-decoration: none !important;
}

h2 a:hover, h1.title a:hover
{
    text-decoration: underline !important;
}

h2.site-header a, h2.site-header a:hover, h2.site-header
{
    color: #fff !important;
    text-decoration: none !important;
}

h3
{
    font-size: 1.5em;
    line-height: 1em;
}

h3 a
{
    color: #000 !important;
    text-decoration: none !important;
}

h3 a:hover
{
    text-decoration: underline !important;
}

h4
{
    font-size: 1.255em;
    line-height: 1em;
    font-weight: 800;
}

h4 a
{
    color: #000 !important;
    text-decoration: none !important;
}

h4 a:hover
{
    text-decoration: underline !important;
}

h5
{
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
}

.mr10
{
    margin-right: 10px !important;
}

.ml10
{
    margin-left: 10px !important;
}

.mb10
{
    margin-bottom: 10px !important;
}

.mt10
{
    margin-top: 10px !important;
}

.pl15
{
    padding-left: 15px !important;
}

.pt20
{
    padding-top: 20px !important;
}

.pb10
{
    padding-bottom: 10px !important;
}

.left-pad
{
    padding-left: 10px !important;
}

.no-left-pad
{
    padding-left: 0px !important;
}

#content h1.page-title
{
    padding: 10px 0px 0px 0px;
    margin: 0;
    font-size: 2em;
}

/* Anchors */

a, a:visited
{
    text-decoration: underline;
    color: #000;
}

a:hover
{
    text-decoration: none;
}

p a
{
    z-index: 100;
}

/* Base margin */

#content p, #content blockquote, #content ul, #content ol, #content h1, #content h2, #content h3, #content h4, #content h5
{
    margin-bottom: 0.5em;
}

/* ULs, OLs & LIs */

#content ul
{
    margin-left: 3em;
}

#content ul li
{
    list-style: disc;
}

#content ol
{
    margin-left: 3em;
}

#content ol li
{
    list-style: decimal;
}

/* Blockquote */

blockquote
{
    width: 75%;
    margin-left: 10%;
    padding: 10px;
    background-color: #ccc;
    quotes: "\201C" "\201D";
}

blockquote:before
{
    content: open-quote;
    font: bold 20px/12px Georgia, "Times New Roman" , Times, serif;
}

blockquote:after
{
    content: close-quote;
    font: bold 20px/12px Georgia, "Times New Roman" , Times, serif;
}

/* Other styles */

small
{
    font-size: 80%;
}

/* Classes */

.right
{
    float: right;
}

.left
{
    float: left;
}

.twoclmn-small
{
    width: 220px;
}

.twoclmn-small .right, .twoclmn-small .left
{
    width: 50%;
}

img.right
{
    float: right;
    margin: 0 0 0 10px;
}

img.left
{
    float: left;
    margin: 0 10px 0 0;
}

p img.right
{
    float: right;
    margin: 0 0 10px 10px;
    z-index: 100;
}

p img.left
{
    float: left;
    margin: 0 10px 10px 0;
    z-index: 100;
}

.last
{
    border: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

.error
{
    background-color: #d5a2a2;
    color: #fff;
    border: 1px solid #c38e8e;
}

.tleft
{
    text-align: left;
}

.tright
{
    text-align: right;
}

.tcenter
{
    text-align: center;
}

.formerror
{
    border-top: 1px solid #cc0000;
    border-bottom: 1px solid #cc0000;
    color: #cc0000;
    padding: 7px;
    width: 534px;
}

.nomarg
{
    margin: 0 !important;
}

.nobord
{
    border: none !important;
}

div.hr, div.hr2
{
    display: block;
    height: 2px;
    margin: 10px 0;
    clear: both;
    background: url('../i/bg-hr.gif') center center no-repeat;
}

div.hr2
{
    background: url('../i/bg-hr2.gif') center center no-repeat;
    margin: 10px 0px 15px 0px;
}

div.clear
{
    width: 100%;
    height: 1px;
    clear: both;
}

#content .center
{
    width: 600px;
    margin: 0 auto;
}

.inner-content
{
    margin-left: 15px;
}

.no-pad-bottom
{
    padding-bottom: 0px !important;
}

.no-min-height
{
    min-height: 0px !important;
}

#content h2.normal-title a, #content h2.normal-title a:hover
{
    color: #fff !important;
    text-decoration: none !important;
}

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

   Center Wrap Section

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



#center
{
    width: 940px;
    margin: 0 auto;
}

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

   Landing Page

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



#landing
{
    width: 940px;
    height: 580px;
    padding-top: 34px;
    position: absolute;
    left: 50%;
    margin-left: -470px;
    top: 50%;
    margin-top: -290px;
    border: 1px solid #c6c6c6;
    background: transparent url('../i/bg-landing.gif') left top no-repeat;
}

/** content-block **/

#landing .content-block
{
    width: 251px;
    margin-bottom: 60px;
    font-size: 1.166em;
    color: #444;
    line-height: 1.2em;
}

#landing .mainsite
{
    padding-left: 390px;
}

#landing .bussite
{
    padding-left: 480px;
}

#landing .ressite
{
    padding-left: 590px;
}

/** btns **/

#landing .content-block .btn
{
    width: 251px;
    height: 39px;
    display: block;
    margin-bottom: 15px;
}

#landing .content-block .btn span
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#landing .mainsite .btn span
{
    background-image: url('../i/btn-landing-consumersite.gif');
}

#landing .bussite .btn span
{
    background-image: url('../i/btn-landing-businesses.gif');
}

#landing .ressite .btn span
{
    background-image: url('../i/btn-landing-resourcecentre.gif');
}

#landing .content-block .btn:hover span
{
    background-position: left bottom;
}

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

   Header Section

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



#header
{
    background: #e09c1d url('../i/bg-header.gif') left top no-repeat;
    width: 940px;
    height: 104px;
    margin-bottom: 80px;
}

#logo
{
    float: left;
}

#logo, #logo a
{
    width: 665px;
    height: 104px;
    display: block;
    color: #006f56;
    font-size: 30px;
    text-decoration: none;
}

#logo span
{
    background-image: url('../i/bg-header.gif');
}

/* consumer site styles */
#header.consumer-site,
#header.consumer-site #logo span
{
    background-image: url('../i/bg-header-consumer.gif');
}

#header.consumer-site h2.site-header a:hover,
#header-meta ul#other-homepages li.consumer-site a:hover
{
    color: #31dab2 !important;
}

/* businesses styles */
#header.businesses,
#header.businesses #logo span
{
    background-image: url('../i/bg-header-business.gif');
}

#header.businesses h2.site-header a:hover,
#header-meta ul#other-homepages li.businesses a:hover
{
    color: #94ddff !important;
}

/* resource centre styles */
#header.resource-centre,
#header.resource-centre #logo span
{
    background-image: url('../i/bg-header-resources.gif');
}

#header.resource-centre h2.site-header a:hover,
#header-meta ul#other-homepages li.resource-centre a:hover
{
    color: #ffbade !important;
}


/** header meta **/

#header-meta
{
    padding: 40px 0 0 0;
    height: 64px;
    float: right;
    text-align: right;
    width: 240px;
}

#header-meta h2
{
    font-size: 2.33em;
    font-weight: normal;
    color: #fff;
    display: block;
    margin-right: 15px;
}

#header-meta ul
{
    padding-top: 13px;
    padding-bottom: 5px;
    width: 240px;
    margin-left: 15px;
}

#header-meta ul li
{
    display: block;
    float: left;
    width: 115px;
    text-align: center;
}

#header-meta ul li.last
{
    border: none;
    margin: 0;
    padding: 0;
    width: 110px;
}

#header-meta ul li a
{
    color: #fff !important;
    text-decoration: none !important;
}

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

   Container Template

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



#content
{
    min-height: 300px;
    width: 940px;
}

/** 2 Column Layout **/

.two-columns
{
    clear: both;
    width: 940px;
}

.two-columns .left-column
{
    width: 665px; /*padding-top: 15px;*/
    float: left;
    background-color: transparent;
}

.two-columns .right-column
{
    width: 240px;
    float: right;
    background-color: transparent;
}

/** 3 Column Layout **/

.three-columns
{
    clear: both;
}

.three-columns .left-column
{
    width: 204px;
    border-right: 1px solid #000;
    float: left;
    background-color: transparent;
}

.three-columns .mid-column
{
    width: 418px; /* removed 20px to allow for left & right padding */
    padding: 10px;
    float: left;
    background-color: transparent;
}

.three-columns .right-column
{
    width: 204px; /* removed 20px to allow for left & right padding */
    padding: 10px;
    border-left: 1px solid #000;
    float: right;
    background-color: transparent;
}

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

   Content Styles

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



/** h2 (left-column) **/

#content .left-column h2, #content .right-column h2, #content .left-column h1.title, #content .right-column h1.title
{
    padding: 9px 15px;
    color: #fff;
    font-size: 1.333em;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    min-width: 160px;
    display: inline-block;
}

#content .right-column h2, #content .right-column h1.title
{
    display: block;
    margin-bottom: 0;
    padding: 9px 8px;
}

/** box (no-column) **/

#content .box-full
{
    padding: 10px;
    margin-top: 35px;
    margin-bottom: 50px;
    display: block; /*background: url('../i/bg-box.gif') left center no-repeat;*/
    min-height: 175px;
    height: auto !important;
    height: 175px;
    border-top: 2px solid #009e78;
}

#content .box-full h1
{
    position: absolute;
    top: -34px;
    background: #009e78 url('../i/main/bg-heading.gif') left top repeat-x;
    padding: 9px 15px;
    color: #fff;
    font-size: 1.333em;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    min-width: 160px;
    display: inline-block;
    margin-left: -10px;
}

#content .box-half, #content .box-half div.full-width, #content .left-column .box-half .content
{
    width: 317px !important;
    margin-right: 15px;
    display: inline-block !important;
}

#content .box-halfer, #content .box-halfer div.full-width, #content .left-column .box-halfer .content
{
    width: 310px !important;
}

#content #sidebar .generic-box
{
    padding: 4px;
}

#content #sidebar .generic-box div.content
{
    padding-bottom: 30px;
}

#content #sidebar .generic-box div.content .btn
{
    margin: 0px 10px 5px 0px;
}

/** box (left-column) **/

#content .left-column .box
{
    padding: 10px 0px 0px 0px;
    margin-bottom: 45px;
    margin-top: 32px;
    display: block; /*background: url('../i/bg-box.gif') left center no-repeat;*/ /* removed by CB - looks poo */ /*min-height: 175px;*/
    height: auto !important;
    height: 175px;
}

#content .left-column .box h2, #content .left-column .box h1.title
{
    position: absolute;
    top: -34px;
    left: 0;
}

#content .left-column .box .content
{
    padding: 0 15px 30px 0px;
    width: 635px;
}

#content .left-column .multibox .content
{
    width: 665px !important;
}

#content .left-column .box .content h3
{
    font-size: 1.166em;
    margin-bottom: 0.3em;
    font-weight: bold;
    color: #222;
}

/** box (right-column) **/

#content .right-column .box
{
    padding: 3px;
    margin-bottom: 15px;
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#content .right-column .box .content
{
    padding: 5px 8px;
    width: 220px;
}

#content .right-column .box .content h3
{
    font-size: 1.166em;
    margin-bottom: 0.3em;
    font-weight: bold;
    color: #222;
}

/** promotions terms & conditions link **/
#content form p.competition-terms 
{
    text-align: right;
    padding-bottom: 0;
    margin-bottom: 0;
}

/** gray box (right-column) **/

#content .graybg
{
    background: url('../i/bg-graybg.gif') left top repeat;
}

#content .graybrd
{
    border: 1px solid #cbcbcb;
}

/** video box **/

#content .left-column .vidtext
{
    margin-top: 0px;
}

#content .left-column .vidtext .text
{
    width: 140px;
}

#content .left-column .vidtext .content
{
    height: 275px;
}

#content .left-column .video
{
    width: 480px;
    height: 270px;
    float: left;
    background-color: #000;
    color: #fff;
    text-align: center;
}

#content .left-column .video-container
{
    width: 650px;
    height: 350px;
    float: left;
    background-color: #000;
    color: #fff;
    text-align: center;
}

#content .left-column .video noscript
{
    padding: 20px;
}

#content .left-column .text, #content .left-column .numeric
{
    float: right;
}

.example-text
{
    color: #999;
}

/** text with thumb box **/

#content .left-column .txtwthmb
{
}

#content .left-column .txtwthmb .content
{
}

/* Featured Image */

#content .left-column #featured-image.txtwthmb .thumb
{
    width: auto;
    border: 1px solid #ccc;
}

#content .left-column .txtwthmb .thumb
{
    width: 177px;
    float: left;
}

/* Featured Image */

#content .left-column #featured-image.txtwthmb .text
{
    width: 315px;
    padding-left: 15px;
    float: left;
}

#content .left-column .txtwthmb .text
{
    width: 440px;
    float: right;
}

/** multi-box **/

#content .left-column .multibox
{
    background: none !important;
}

#content .left-column .multibox .content
{
    padding: 0;
}

#content .left-column .multibox .mbox
{
    width: 312px;
    height: 234px;
    float: left;
    background: url('../i/bg-mbox.gif') left bottom no-repeat;
    padding-left: 15px;
    padding-right: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}

#content .left-column .multibox .mbox .thumb, #content .left-column .box-half .mbox .thumb
{
    width: 153px;
    float: left;
    text-align: center;
    overflow: hidden;
}

#content .left-column .multibox .mbox .thumb img
{
}

#content .left-column .multibox .mbox .text, #content .left-column .box-half .mbox .text
{
    width: 145px;
    float: right;
}

/** btn & arrow **/

#content .btn, div.Actions input
{
    color: #fff;
    border: none;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 1px 5px;
    text-decoration: none;
    margin-top: 10px;
    float: right;
}

#content .txtwthmb .btn, #content .vidtext .btn, #content .box .btn, #content .box-half .btn, #content .mbox .btn
{
    float: none;
    position: absolute;
    right: 0;
    bottom: 0;
}

#benefits-list p.right .btn
{
    position: relative;
    float: right;
}

#content .mbox .btn
{
    margin-bottom: 20px;
    margin-right: 15px;
}

#why-amade, #what-logo
{
    padding-right: 0px !important;
}

/*

#content .box-half .btn {

 	position: absolute;

	right: 0;

	bottom: 0;

 }



#featured-image .btn {

	position: absolute;

	bottom: 0;

	right: 0;

	margin-bottom: 0px;

}



#why-amade, #what-logo {

	height: 130px !important;

}



#content .school-kits {

	height: 180px !important;

}*/



#content .btn, #content div.Actions input
{
    background-color: #009e78 !important;
}

#content .btn:hover, #content div.Actions input:hover
{
    background-color: #03bd90 !important;
}

#content .arrow
{
    padding-right: 20px;
    background: url('../i/icon-arrow.gif') right center no-repeat;
}

#content .arrow-up
{
    padding-right: 20px;
    background: url('../i/icon-arrow-up.gif') right center no-repeat;
}

/** apply now button **/

#content .right-column .applynow
{
    padding: 0;
    width: 240px;
}

#content .right-column .applynow a.applynow-btn
{
    display: block;
    text-decoration: none;
    width: 184px;
    height: 44px;
    padding: 10px 46px 10px 10px;
    margin-bottom: 5px;
}

#content .right-column .applynow p
{
    line-height: 1.4em;
    font-size: 0.916em;
    padding-left: 10px;
}

#content .right-column .applynow a.applynow-btn p
{
    color: #fff;
    font-size: 1.166em;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1em;
    padding: 0;
}

#content .right-column .applynow a.applynow-btn h4
{
    color: #fff;
    font-weight: bold;
    font-size: 2.5em;
    margin-bottom: 0;
}

#content p
{
    line-height: 1.75em;
}

#content ul, #content ol
{
}

#content ul li, #content ol li
{
}

#content ul#documents-list
{
    margin-bottom: 1em;
}

/** SUPPORTERS LOGOS *****/

#content ul.supporter-logos
{
    margin: 0;
    padding: 0;
}

#content ul.supporter-logos li
{
    list-style: none;
    float: left;
    margin-right: 18px;
    height: 100px;
}

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

   Social links

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

#content .social ul
{
    margin: 0;
    padding: 0;
}

#content .social ul li
{
    list-style: none;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#content .social ul li a
{
    width: 53px;
    height: 54px;
    display: block;
    color: #000;
    font-size: 0.916em;
    text-align: center;
}

#content .social ul li a span
{
    background-image: url('../i/sprite-social.jpg');
}

#content .social ul li a.facebook
{
    background-color: #4566AB;
}

#content .social ul li a.facebook span
{
    background-position: 0 0;
}

#content .social ul li a.facebook:hover span
{
    background-position: 0 -121px;
}

#content .social ul li a.twitter
{
    background-color: #68C9E9;
}

#content .social ul li a.twitter span
{
    background-position: -66px 0;
}

#content .social ul li a.twitter:hover span
{
    background-position: -66px -121px;
}

#content .social ul li a.youtube
{
    background-color: #EFEFEF;
}

#content .social ul li a.youtube span
{
    background-position: -132px 0;
}

#content .social ul li a.youtube:hover span
{
    background-position: -132px -121px;
}

#content .social ul li a.linkedin
{
    background-color: #1A639A;
}

#content .social ul li a.linkedin span
{
    background-position: 0 -64px;
}

#content .social ul li a.linkedin:hover span
{
    background-position: 0 -185px;
}

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

   Licencee Section

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





#licencees, #photos-js
{
    display: none;
    width: 650px;
}

#content .licencees-carousel
{
    width: 940px;
    padding: 30px 0 20px;
    background: url('../i/bg-licencees-top.gif') left top repeat-x;
}

#content .licencees-carousel p
{
    padding-left: 10px;
    color: #444;
    margin-bottom: 0;
}

#content .licencees-carousel ul
{
    display: block;
    margin: 0;
    padding: 0 0 0 1px;
    background: url('../i/bg-licencees.gif') left center no-repeat;
}

#content .licencees-carousel ul li
{
    width: 155px;
    height: 110px;
    float: left;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0 1px 0 0;
    background: url('../i/bg-licencees.gif') right center no-repeat;
}

#content .licencees-carousel ul li a
{
    display: block;
    height: 110px;
}

#content .licencees-carousel ul li a:hover img
{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

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

   Main Navigation Section

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



/** Menu level 1 **/

#main-navigation
{
    position: absolute;
    top: 125px;
    padding: 7px 10px;
    width: 920px;
    height: 26px;
    background: #f3f3f3;
    z-index: 1000;
}

#main-navigation ul
{
    /** First level un-ordered list **/
    background: #f3f3f3 url('../i/bg-nav.gif') left top no-repeat;
    height: 28px;
    padding: 0px;
    width: 922px;
    z-index: 1000;
}

#main-navigation ul li.last
{
    background: #f3f3f3 url('../i/bg-nav.gif') right top no-repeat;
}

#main-navigation ul li
{
    /** First level un-ordered list items **/
    display: block;
    float: left;
    color: #626262;
    padding-top: 1px;
    height: 27px;
    z-index: 1000;
}

#main-navigation ul li a, #main-navigation ul li a:visited
{
    /** First level anchor static-state **/
    text-decoration: none;
    padding: 4px 13px 5px 14px;
    color: #626262;
    display: block;
    font-size: 1.0833em;
    font-weight: bold;
    z-index: 1000;
}

#main-navigation ul li a:hover, #main-navigation ul li:hover a, #main-navigation ul li.hover a, #main-navigation ul li a.active
{
    /** First level anchor hover-state **/
    background: #fd9c02 url('../i/bg-nav-btn.gif') center top no-repeat;
    color: #fff;
}

#main-navigation ul li.first a:hover, #main-navigation ul li.first:hover a
{
    background-position: left top;
}

#main-navigation ul li.last a:hover, #main-navigation ul li.last:hover a
{
    background-position: right top;
}

/** Menu level 2 **/

#main-navigation ul li ul
{
    /** Second level un-ordered list - when hidden **/
    display: none;
    z-index: 1000;
    position: absolute;
    left: 0;
    margin: -1px 0 0 0;
    padding: 10px;
    background: #fd9c02 url('../i/bg-nav-subnav.gif') left top repeat-x;
    width: 160px;
    height: auto;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

#main-navigation ul li:hover ul, /** Second level un-ordered list - when visible **/ #main-navigation ul li.hover ul
{
    display: block;
}

#main-navigation ul li ul li
{
    /** Second level un-ordered list items **/
    clear: both;
    float: none;
    padding: 0;
    background: none;
    height: auto;
    display: inline;
    z-index: 1000;
}

#main-navigation ul li ul li a, #main-navigation ul li:hover ul li a, #main-navigation ul li.hover ul li a, #main-navigation ul li ul li a:visited
{
    /** Second level anchor static-state - must cancel out first level anchors **/
    text-decoration: none;
    background: none;
    padding: 5px 0;
    color: #fff;
    font-weight: normal;
    text-align: left;
    font-size: 0.916em;
    line-height: 1.2em;
}

#main-navigation ul li ul li a:hover, #main-navigation ul li ul li:hover a, #main-navigation ul li ul li.hover a
{
    /** Second level anchor hover-state **/
    text-decoration: underline;
    background: none;
}

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



#footer
{
    height: 30px;
    padding-top: 20px;
    background: url('../i/bg-footer.gif') left top repeat-x;
}

#footer-navigation ul
{
    float: left;
}

#footer-navigation ul li
{
    display: block;
    float: left;
    padding-right: 7px;
    margin-right: 5px;
    border-right: 1px solid #999;
    font-size: 0.916em;
    line-height: 1em;
}

#footer-navigation ul li a
{
    color: #444;
    text-decoration: none;
}

#footer-navigation ul li a:hover
{
    text-decoration: underline;
}

#credit
{
    width: 125px;
    float: right;
    font-size: 0.916em;
    line-height: 1em;
}

#credit a
{
    text-decoration: none;
}

/* --------------------------------------
   Business Theme
-------------------------------------- */



#content a
{
    color: #009e78;
}

#content .btn
{
    background-color: #009e78 !important;
}

#content .btn:hover
{
    background-color: #03bd90 !important;
}

#content .left-column h2, #content .right-column h2, #content .left-column h1.title, #content .right-column h1.title
{
    background: #009e78 url('../i/main/bg-heading.gif') left top repeat-x;
}

#content .left-column .box
{
    border-top: 2px solid #009e78;
}

#content .box .form .input input, #content .box form .field input
{
    border-color: #009e78;
}

#content .applynow
{
    background: url('../i/main/bg-applynow-btn.gif') left top no-repeat;
}

/* --------------------------------------
    Adverts
-------------------------------------- */



.ad-240x400
{
    width: 240px;
    margin-bottom: 15px;
    height: auto;
    text-align: center;
}

/* --------------------------------------  
    Section Specific Styles
-------------------------------------- */

.section-title
{
    font-size: 2em;
    padding-bottom: 15px;
}

/* --------------------------------------
    News Article Styles / Product Styles / Video-Styles / Case Studies
-------------------------------------- */

#content ul#case-studies-list
{
    padding-top: 5px;
}

#content .list-layout
{
    margin-left: 15px;
    padding-top: 20px;
}

#content .list-layout li
{
    list-style: none;
    width: 650px;
    padding-bottom: 30px;
}

#content .list-layout div.left
{
    width: auto;
    overflow: hidden;
}

#content #logo-list li
{
    padding-bottom: 0px;
}

#content #logo-list li div.hr2
{
    padding-top: 50px;
}

#content .list-layout div.right
{
    width: 470px;
    padding-bottom: 30px;
}

#content .list-layout img
{
    border: 1px solid #cecece;
}

#content .list-layout h3
{
}

#content #news .list-layout h3
{
    margin-bottom: 0 !important;
}

#content ul#case-studies-list div.right
{
    width: 510px;
}

#content ul#case-studies-list li a
{
    margin-bottom: 20px;
}

#content ul#case-studies-list li
{
    padding-bottom: 50px;
}

.product-image p
{
    width: 219px;
}

.news-image p
{
    width: 220px;
}

.video-image p
{
    width: 200px;
}

.news-image, .product-image, .video-image
{
    margin: 5px 20px 0px 0px;
    z-index: 1000;
}

#content .date, #content .news-date, #content .news-image p, #content .product-date, #content .video-date, #content .caption, #content .product-image p, .product-caption
{
    font-size: 0.883em;
    color: #888;
}

#content .caption
{
    text-align: left;
}

#content .news-image p, #content .product-image p
{
    margin: 0px 0px 4px 0px;
}

#content .date, #content .news-date, #content .product-date, #content .video-date
{
    margin-bottom: 10px;
}

#product-entries ul li
{
    float: left;
    display: block;
}

/* --------------------------------------
    Generic List
-------------------------------------- */

#content .generic-list li
{
    list-style: disc;
    list-style-type: disc;
    width: 650px;
}

#content .generic-list div.left
{
    width: auto;
    overflow: hidden;
}

#content .generic-list div.right
{
    width: 470px;
}

#content .generic-listt img
{
    border: 1px solid #cecece;
}

#content .generic-list h3
{
    margin-bottom: 0px !important;
}

/* --------------------------------------
    Export List
-------------------------------------- */

ul#export-list
{
    margin-left: 20px;
}

ul#export-list li h4
{
    margin-bottom: 5px;
}

ul#export-list li a.btn
{
    float: right;
}

ul#export-list li
{
    width: 650px;
    margin-bottom: 25px;
    list-style: none;
}

ul#export-list li div.left
{
    margin-right: 20px;
    width: 150px;
}

ul#export-list li div.right
{
    float: left;
    width: 400px;
    padding-bottom: 30px;
}

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

#content .pagination ul
{
    margin: 0;
}

#content .pagination ul li, #content .paginator-link, #content .back-to-listing a
{
    background-color: #f5f5f5; /* padding: 6px 9px;*/
    width: 25px;
    height: 20px;
    margin-bottom: 10px;
    padding: 8px 5px;
    text-align: center;
    float: left;
    list-style-type: none;
    margin-right: 5px;
}

#content .back-to-listing a
{
    width: 90px !important;
}

#content .pagination ul li.back-next
{
    width: 50px !important;
}

#content .back-to-listing
{
    margin: 30px 0 0 0;
}

/* --------------------------------------
    Widget Styles
-------------------------------------- */

#logo-widget
{
    background: url('../i/bg-amtags.gif') left top no-repeat;
    text-align: right;
}

#logo-widget div
{
    padding-bottom: 45px !important;
}

#logo-widget div .btn
{
    margin: 0px 5px 5px 0px;
}

#logo-widget h3
{
    width: 135px;
    margin: 4px 0px 0px 80px;
}

#sidebar-login .left .btn, #sidebar-login .right .btn
{
    position: relative;
}

#sidebar-login .left .btn
{
    float: left;
}

#sidebar-login .right .btn
{
    float: right;
}

/* --------------------------------------
    Center Image
-------------------------------------- */

#content .main-image
{
    width: 500px;
    margin-bottom: 30px;
}

/* --------------------------------------
    Tooltip
-------------------------------------- */
#tooltip
{
    position: absolute;
    border: 1px solid #333;
    background: #f7f5d1;
    padding: 2px 5px;
    color: #333;
    z-index: 1000;
    display: none;
    width: 300px;
}

a.tooltip, a.more-less-link
{
    cursor: pointer;
}

/*#content .more { display: none;  }*/

#content ul.plain, .more-less-link
{
    margin-left: 5px;
}

#content ul.plain li
{
    list-style-type: none !important;
}

/* --------------------------------------
    School Kits
-------------------------------------- */

#content .school-kit
{
    margin-left: 0px;
    margin-bottom: 50px;
    width: 600px;
    margin-top: 20px;
    padding-bottom: 30px;
}

#content .school-kit h4, #content .school-kit p
{
    margin-bottom: 0;
}

/* --------------------------------------
    Cost Calculator
-------------------------------------- */

.calc-cost
{
    margin-top: 20px;
    display: none;
}

.calc-cost h3
{
    display: inline-block;
}

/* --------------------------------------
    Controls
-------------------------------------- */
#controls
{
    width: 675px;
    height: 25px;
    margin-top: 20px; /*border-bottom: 2px solid #b1b3b2; 	background-color: #fff;*/ /*margin-bottom: 10px;*/
    z-index: 1000;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
}

#controls #print-control
{
    display: none;
}

#controls ul
{
    float: right;
    padding-top: 3px;
}

#controls ul li
{
    list-style: none;
    float: left;
    display: block;
    height: 17px;
    z-index: 1000;
}

#controls a
{
    height: 15px;
    padding: 1px 20px 1px 20px;
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0;
    display: inline;
    color: #626262 !important;
    text-decoration: none;
    font-weight: bold;
    z-index: 1000;
    cursor: pointer;
}

#controls ul li a:hover, #controls ul li a.hover
{
    color: #aaa !important;
    background-position: bottom left;
    cursor: pointer;
}

/** SHARE **/

/** Level 2 Menu **/

#controls ul li.share-controls ul
{
    width: 120px;
    height: 72px;
    position: absolute;
    padding: 10px 10px; /*left: 8px; 	top: 17px;*/
    top: -2px;
    top: -93px;
    margin: -1px 0 0 0px;
    background-color: #FFF;
    z-index: 1000;
    border: 2px solid #ccc;
    display: none;
}

/** Level 2 menu items **/

#controls ul li.share-controls ul li
{
    display: block;
    clear: both;
    float: none;
    background: none;
    height: auto;
}

#controls ul li.share-controls:hover ul, #controls ul li.share-controls.hover ul, #controls ul li.share-controls ul:hover, #controls ul li.share-controls ul.hover
{
    display: block;
}

/** Level 2 menu item anchors **/

#controls ul li.share-controls ul a, #controls ul li.share-controls ul a:visited
{
    background-image: url('../i/icons-social-sprite.gif');
    background-repeat: no-repeat;
    height: 14px;
    padding: 1px 0px 5px 23px;
}

#controls ul li.share-controls ul li.share-facebook a
{
    background-position: 0 0 !important;
}

#controls ul li.share-controls ul li.share-twitter a
{
    background-position: 0 -25px !important;
}

#controls ul li.share-controls ul li.share-linkedin a
{
    background-position: 0 -49px !important;
}

#controls ul li.share-controls ul li.share-buzz a
{
    background-position: 0 -74px !important;
}

#controls ul li.share-controls ul li.share-digg a
{
    background-position: 0 -98px !important;
}

/**** ARTWORK PAGE / PHOTOS *****/
ul#artwork-logos, ul#photos-nojs
{
    width: 650px;
    margin-left: 0px;
}

ul#artwork-logos li, ul#photos-nojs li
{
    border: 2px solid #CCCCCC;
    padding: 3px;
    float: left;
    list-style-type: none;
    margin-bottom: 20px;
    margin-right: 10px;
}

ul#photos-nojs li
{
    width: 90px;
    height: 90px;
}

ul#artwork-logos li p a, ul#artwork-logos li p
{
    width: 140px;
    text-align: center;
}

/***** CONTROLS **********/
#controls .print-page
{
    background-image: url('../i/main/ctrl-print.gif');
}

#controls .email
{
    background-image: url('../i/main/ctrl-email.gif');
}

#controls .share
{
    background-image: url('../i/main/ctrl-share.gif');
}

/***** Search Results Page **********/
#Form_SearchForm .Actions input
{
    margin-top: 0px !important;
    display: block;
    width: 139px;
    height: 30px;
    text-indent: -9999px;
    font-size: 0px;
    line-height: 0;
    background: transparent url('../i/main/btn-search.gif') no-repeat left top;
}

#Form_SearchForm .Actions input:hover
{
    background-position: left bottom;
}

#content ul#search-results
{
    margin-left: 0;
}

#content ul#search-results li
{
    list-style-type: none;
    display: block;
}

/** Company page column styles **/
#content .company-columns h3
{
    margin-bottom: 0.3em;
}

#content .company-columns
{
    width: 650px !important;
}

#content .company-columns .column
{
    /*width: 33% !important; 	float: left;*/
    padding-bottom: 10px;
    padding-left: 0px;
}

/**** ADVERTISEMENTS ******/
#content .banner
{
    width: 650px;
    height: 60px;
    padding-bottom: 50px;
    text-align: center;
}

.mt10 span {
	padding-left: 122px !important;
}