/* ------------------------------------------------------------------- */
/* LAYOUT */
/* ------------------------------------------------------------------- */
/* Side Nav */
#container-c { float:left; width:200px; padding:0; }
#container-wrapper-cdefgh { float:left; background:url(../grfx/layout/shadow-nav.png) no-repeat top left; display:block; width:800px; min-height:379px; height:auto !important; padding: 0 5px 0 5px; margin:0; z-index:9999;}
#container-wrapper-defgh { float:right; width:600px; }
/* Page Header */
#container-d { background:url('../grfx/layout/page-header.png') no-repeat top left; width:590px; height:65px; padding:8px 0 0 10px; }
#container-e { float:left; background:#FFFFFF; min-height:352px; height:auto;width:600px; padding-bottom:10px; position:relative; margin-top:10px;}
#introduction-wrapper,
#summary-wrapper,
#section-a-wrapper,
#section-b-wrapper,
#section-c-wrapper,
#section-d-wrapper,
#section-e-wrapper { margin:0; padding:0; }
#section-a-wrapper ul li,
#section-b-wrapper ul li,
#section-c-wrapper ul li,
#section-d-wrapper ul li,
#section-e-wrapper ul li { font-size:1.1em; line-height:1.5em; margin:0; color:#797979; }
#section-a-wrapper ul,
#section-b-wrapper ul,
#section-c-wrapper ul,
#section-d-wrapper ul,
#section-e-wrapper ul { margin-left:15px; }
/* Bold Intro */
#introduction-wrapper p { color:#242424;}
/* ------------------------------------------------------------------- */
/* LINKS */
/* ------------------------------------------------------------------- */
#hotlink-wrapper { border-top:dashed 1px #dadada; margin-right:10px; padding-top:10px;}
#hotlink-wrapper ul { }
#hotlink-wrapper ul li { list-style:none; float:left; font-size:1.5em; width:186px; padding-right:10px; padding-bottom:15px; background:url(../grfx/layout/arrow.gif) no-repeat;}
#hotlink-wrapper ul li a { display:block;}
#hotlink-wrapper ul li.dddeventcalendar { background-position: 126px 5px;}
#hotlink-wrapper ul li.dddeventcalendar a { width:131px; }
#hotlink-wrapper ul li.aaanewsheadlines { background-position: 130px 5px;}
#hotlink-wrapper ul li.aaanewsheadlines a { width:135px; }
#hotlink-wrapper ul li.bbbnewsletter { background-position: 96px 5px;}
#hotlink-wrapper ul li.bbbnewsletter a { width:101px;}
#hotlink-wrapper ul li.cccmediadownloads { background-position: 142px 5px;}
#hotlink-wrapper ul li.cccmediadownloadsr a { width:147px; }
#hotlink-wrapper ul li.dddmediapacks { background-position: 107px 5px;}
#hotlink-wrapper ul li.dddmediapacks a { width:112px; }
#hotlink-wrapper ul li.bbbpresscontacts { background-position: 120px 5px;}
#hotlink-wrapper ul li.bbbpresscontacts a { width:125px;}
#hotlink-wrapper ul li.aaapressreleases { background-position: 120px 5px;}
#hotlink-wrapper ul li.aaapressreleases a { width:125px; }
#hotlink-wrapper ul li.contuscontactdetails { background-position: 124px 5px;}
#hotlink-wrapper ul li.contuscontactdetails a { width:129px; }
#hotlink-wrapper ul li.contusonlineenquiry { background-position: 126px 5px;}
#hotlink-wrapper ul li.contusonlineenquiry a { width:131px; }
#hotlink-wrapper ul li.contuscataloguerequest { background-position: 164px 5px;}
#hotlink-wrapper ul li.contuscataloguerequest a { width:169px; }
#hotlink-wrapper ul li.contusstockistrequest { background-position: 143px 5px;}
#hotlink-wrapper ul li.contusstockistrequest a { width:148px; }
#hotlink-wrapper ul li.helpqanda { background-position: 163px 5px;}
#hotlink-wrapper ul li.helpqanda a { width:168px;}
#hotlink-wrapper ul li.helpaskquestion { background-position: 123px 5px;}
#hotlink-wrapper ul li.helpaskquestion a { width:128px;}
/*
*/
/* ------------------------------------------------------------------- */
/* FORMS */
/* ------------------------------------------------------------------- */
/* Generic form styles -------------------- */
#container-e form { position:relative; width:580px; padding:10px 0 40px 10px; }
form span.field-name { width:90px; display:inline-block; margin-right:5px; color:#6d6d6d; font-size:1.1em;}
form input { width:153px; border:1px solid #dadada; padding:2px 5px 2px 5px; font-size:10px; font-family:Arial, san-serif }
form ul { list-style:none}
form ul,
form ul li { margin:0; padding:0; position:relative;}
form ul li { margin-bottom:5px}
form span.mandatory,
form span.mandatoryset { position:absolute; top:1px; right:3px; color:#6d6d6d; }
form span.mandatory-text { position:absolute; left:10px; bottom:10px; color:#6d6d6d;}
form span.mandatoryset-text { position:absolute; left:130px; bottom:10px; color:#6d6d6d;}
form textarea { border:1px solid #dadada; padding:2px 5px 2px 5px; font-size:10px; width:250px; font-family:Arial, san-serif }
#container-e form h3 { padding:0 0 10px 0; margin:0;color:#5e5e5e; font-weight:normal; font-size:1.4em;}
form select { border:1px solid #dadada; width:190px; padding:2px 2px 2px 2px; font-size:0.9em; height:20px; background:#FFFFFF; }
/* Error message */
form .message { color:#FFFFFF; background:url('../grfx/forms/error-bg.png') repeat-x top left; padding:8px 10px 10px 80px; margin:0 11px 10px 0; font-size:1.1em; width:480px; }
form .message .headingmessage { color:#FFFFFF; font-weight:bold; padding:0; margin-bottom:3px; }
form .message ul { margin-left:14px; list-style:disc}
form .message ul li { color:#FFFFFF; }
/* Small Error message */
#extranet-login-form-wrapper form .message,
#forgotpass-form-wrapper form .message{ background-image:url('../grfx/forms/error-small-bg.png'); width:200px; padding-left:60px; }
/* Buttons */
form span.button,
#advanced-search-button,
#btn-resource-download-list-search { position:absolute; bottom:0px; right:0px; }
form span.button label,
#advanced-search-button label { display:none; }
form span.button input { background:url('../grfx/buttons/submit.png') no-repeat 0 0; border:none; width:62px; height:21px; cursor:pointer; text-indent:-999em; display:block; overflow: hidden; text-decoration:none; }
#btn-resource-download-list-search { background:url('../grfx/buttons/submit2.png') no-repeat 0 0; border:none; width:62px; height:21px; cursor:pointer; text-indent:-999em; display:block; overflow: hidden; text-decoration:none; }
#advanced-search-button input { background:url('../grfx/buttons/search.png') no-repeat 0 0; border:none; width:62px; height:21px; cursor:pointer; text-indent:-999em; display:block; overflow: hidden; text-decoration:none; }
/* Bkgd images */
#reg-interest-form-wrapper,
#ask-question-form-wrapper,
#online-enq-form-wrapper,
#info-req-form-wrapper,
#newsletter-unsubs-form-wrapper,
#newsletter-subs-form-wrapper,
#link-suggest-form-wrapper,
#stockist-signup-form-wrapper,
#advanced-search-wrapper,
#playtime-vote-form-wrapper,
#access-req-form-wrapper,
#ext-customer-form-wrapper,
#activate-req-form-wrapper,
#resource-download-list { background:url('../grfx/forms/form-bkgd-top.png') no-repeat top left; margin-top:0px; }
#reg-interest-form-wrapper form,
#ask-question-form-wrapper form,
#online-enq-form-wrapper form,
#info-req-form-wrapper form,
#newsletter-unsubs-form-wrapper form,
#newsletter-subs-form-wrapper form,
#link-suggest-form-wrapper form,
#stockist-signup-form-wrapper form,
#advanced-search-wrapper form,
#playtime-vote-form-wrapper form,
#access-req-form-wrapper form,
#ext-customer-form-wrapper form,
#activate-req-form-wrapper form { background:url('../grfx/forms/form-bkgd-bottom.png') no-repeat bottom left;}
/* Column positioning */
form ul li.contact-details,
form ul li.business-details,
form ul li.company-details,
form ul li.enq-message,
form ul li.unsubscribe-details,
#link-suggest-form-wrapper ul li.company-details,
#link-suggest-form-wrapper ul li.contact-details,
#link-suggest-form-wrapper ul li.link-details,
#link-suggest-form-wrapper ul li.enq-description,
#advanced-search-keywords-box,
#advanced-search-matchtype-box,
#newsletter-subs-form-wrapper ul li.additional-info,
#ext-customer-form-wrapper ul li.ext-contact-details,
#ext-customer-form-wrapper ul li.ext-company-details { width:260px; float:left; }
#online-enq-form-wrapper ul li.company-details,
#online-enq-form-wrapper ul li.enq-message,
#reg-interest-form-wrapper ul li.business-details,
#ask-question-form-wrapper ul li.business-details,
#info-req-form-wrapper ul li.business-details,
#stockist-signup-form-wrapper ul li.business-details,
#access-req-form-wrapper ul li.business-details,
#link-suggest-form-wrapper ul li.company-details,
#advanced-search-matchtype-box,
#ext-customer-form-wrapper ul li.ext-company-details,
#newsletter-subs-form-wrapper ul li.additional-info { margin-left:50px;}
/* 100% width labels */
#ask-question-form-wrapper ul li.question-topic span.field-name,
#ask-question-form-wrapper ul li.question span.field-name,
#online-enq-form-wrapper ul li.enq-message span.field-name,
#info-req-form-wrapper ul li.requirement-details span.field-name,
#stockist-signup-form-wrapper ul li.requirement-details span.field-name,
#link-suggest-form-wrapper ul li.enq-description span.field-name { margin-bottom:3px; width:100%}
/* Individual forms -------------------- */
/* Register Your Interest */
#reg-interest-form-wrapper { margin-top:20px; }
#reg-interest-form-wrapper h3 { padding:0 0 10px 0; margin:0; color:#5e5e5e; font-weight:normal;}
#reg-interest-form-wrapper h3.heading { font-size:1.5em;}
#reg-interest-form-wrapper ul li h3 { font-size:1.4em; }
#reg-interest-form-wrapper ul ul li { list-style:none; }
/* Ask a Question */
#ask-question-form-wrapper ul li { }
#ask-question-form-wrapper ul li.question-details { margin-top:10px; width:570px; clear:both; }
#ask-question-form-wrapper ul li.question { width:570px; }
#ask-question-form-wrapper ul li.question textarea { width:560px; }
#ask-question-form-wrapper ul li.question span.mandatory { top:17px !important; }
/* Subscribe/Unsubscribe */
#newsletter-subs-form-wrapper form { margin-bottom: 20px;}
#newsletter-subs-form-wrapper ul li.additional-info span.field-name { width:260px; display:block; padding-bottom:5px; }
#newsletter-subs-form-wrapper ul li.additional-info li li { float:left; }
#newsletter-subs-form-wrapper ul li.additional-info li li input { width:auto; }
#newsletter-subs-form-wrapper ul li.additional-info li li span { display:inline-block; margin-right:15px; margin-left:5px; color:#6d6d6d; font-size:1.1em; }
/* Online Enquiry */
#online-enq-form-wrapper ul li.company-name span.field-name,
#online-enq-form-wrapper ul li.company-position span.field-name,
#online-enq-form-wrapper ul li.account-code span.field-name { width:97px; }
#online-enq-form-wrapper ul li.company-name input,
#online-enq-form-wrapper ul li.company-position input,
#online-enq-form-wrapper ul li.account-code input { width:146px; }
#online-enq-form-wrapper ul li.enq-message span.mandatory { top:17px; }
/* Order catalogue */
#info-req-form-wrapper ul input#txt-business-address2 { margin-left:95px;}
#info-req-form-wrapper ul li.requirement-details { clear:both; margin-right:10px;}
#info-req-form-wrapper ul li.requirement-details textarea { width:560px; }
#info-req-form-wrapper ul li.requirement-details span.mandatory { top:17px; }
/* Order catalogue - Interested In */
#info-req-form-wrapper ul li.interested-details { clear:both; margin-right:10px; height:60px; }
#info-req-form-wrapper ul li.interested-details input { width:auto; border:none; }
#info-req-form-wrapper ul li.interested-details span { display:inline-block; margin-right:15px; margin-left:5px; color:#6d6d6d; font-size:1.1em; }
#info-req-form-wrapper ul li.interested-details li li { float:left; }
/* Suggest a link */
#link-suggest-form-wrapper div.summary { margin-bottom:10px;}
#link-suggest-form-wrapper ul li.enq-description span.mandatory { top:17px !important; }
#link-suggest-form-wrapper ul li.link-details,
#link-suggest-form-wrapper ul li.enq-description { clear:both; }
#link-suggest-form-wrapper ul li.enq-description { width:570px; }
#link-suggest-form-wrapper ul li.enq-description textarea { width:560px; }
/* Stockist */
#stockist-signup-form-wrapper ul input#txt-business-address2 { margin-left:95px;}
#stockist-signup-form-wrapper ul li.requirement-details { clear:both; margin-right:10px;}
#stockist-signup-form-wrapper ul li.requirement-details textarea { width:560px; }
#stockist-signup-form-wrapper ul li.requirement-details span.mandatory { top:17px; }
/* Advanced Search */
#advanced-search-keywords-box input { border-color:#c5c5c5; }
#advanced-search-matchtype-box span.field-name { width:auto;}
#advanced-search-matchtype-box input { margin:0 10px 0 0; padding:2px 0 0 0; vertical-align:middle; position:relative; width:auto; padding:1px; margin-top:0;}
#advanced-search-contentoptions-box {clear:left; margin:0 0 0 95px; padding:10px 0 0 0; }
#advanced-search-contentoptions-box input { width:auto; padding:0; margin:0; border:none; }
#advanced-search-contentoptions-box span.field-name { width:300px; }
#advanced-search-submit { font-size:0; text-indent:-9999px; }
#advanced-search-search-results ul li:hover { background-color:#f1f1f1; }
#advanced-search-search-results { background-color:#FFFFFF; margin-top:0px; padding:0; color:#797979;}
#advanced-search-search-results a:hover { text-decoration:underline;}
#advanced-search-search-results ul { background-color:#FFFFFF; margin:0; padding:20px 0 0 0; display:block; }
#advanced-search-search-results ul li { background-color:#FFFFFF; padding:10px; margin-right:10px; border-bottom:dashed 1px #dadada; position:relative; list-style:none;}
#advanced-search-search-results ul li.last { padding-bottom:0px; border:none; }
#advanced-search-search-results span.result-name { display:block; }
#advanced-search-search-results span.result-name a { text-decoration:none; color:#5e5e5e; font-size:1.1em; font-weight:bold; }
#advanced-search-search-results span.result-name a:hover { text-decoration:underline; }
/* Image gallery / brochure download */
#resource-download-list-searchwindow-wrapper {background:url('../grfx/forms/form-bg-top-small-downloads.png') no-repeat top left; margin-top:0px;margin-bottom:30px; width:370px; }
#resource-download-list-searchwindow-wrapper form { background:url('../grfx/forms/form-bkgd-bottom-downloads.gif') no-repeat bottom left; padding-bottom:10px; width:360px;}
#resource-download-list-searchwindow-wrapper h3,
#resource-download-list-button label,
#btn-resource-download-list-clear {display:none;}
#txt-resource-download-list-search-keywords { border-color:#c5c5c5; }
#resource-download-list-search-keywords label { width:110px; display:inline-block; margin-right:5px; color:#6d6d6d; font-size:1.1em;}
#resource-download-list { width:590px; padding-top:10px; }
#resource-download-list th { padding:0px 0 5px 10px; margin:0;color:#5e5e5e; font-weight:normal; font-size:1.4em; border-right:dashed 1px #bdbdbd;}
#resource-download-list tr.odd { background-color:#f5f5f5;}
#resource-download-list tr.even { background-color:#f0f0f0;}
#resource-download-list tr td { color:#797979; padding:3px 0 3px 10px; border-right:dashed 1px #d9d9d9;}
#resource-download-list tr.last td { padding-bottom:7px;}
#resource-download-list tr.last td.description { background:url('../grfx/forms/corner.png') no-repeat bottom left; }
#resource-download-list td a {}
#resource-download-list th.download,
#resource-download-list td.download {border-right:none;}
.pager-top {float:right; padding-right:10px; padding-bottom:5px;}
.pager-bottom {float:right; padding-right:10px; padding-top:5px;}
.paginginfo {display:none;}
.pager span.page-previous { background:url('../grfx/buttons/previous-inactive.gif') no-repeat top left; height:11px; width:8px; text-indent:-9999px; display:inline-block;}
.pager span.page-next { background:url('../grfx/buttons/next-inactive.gif') no-repeat 3px 0; height:11px; width:8px; text-indent:-9999px; display:inline-block;}
.pager a,
.pager span { display:block; padding-left:4px; padding-right:4px; text-align:center; float:left; font-size:1.1em; }
.pager a:hover,
.pager span.active-page-link { background:#383838; color:#FFFFFF;}
.pager a.page-previous,
.pager a.page-previous:visited { background:url('../grfx/buttons/previous.gif') no-repeat top left; height:11px; width:8px; text-indent:-9999px; display:inline-block; }
.pager a.page-previous:hover { background-position:bottom left;}
.pager a.page-next,
.pager a.page-next:visited { background:url('../grfx/buttons/next.gif') no-repeat 11px 0; height:11px; width:8px; text-indent:-9999px; display:inline-block;}
.pager a.page-next:hover { background-position:11px -11px;}
/*
*/
/* Login/Forgotten Password */
#extranet-login-form-wrapper,
#forgotpass-form-wrapper {float:left; }
#forgotpass-form-wrapper { margin-left:10px; }
#extranet-login-form-wrapper,
#forgotpass-form-wrapper { background:url(../grfx/forms/form-bg-top-small.png) no-repeat top left; margin-top:20px; }
#forgotpass-form-wrapper form { min-height:75px;}
#extranet-login-form-wrapper form,
#forgotpass-form-wrapper form { background:url(../grfx/forms/form-bg-bottom-small.png) no-repeat bottom left; width:280px;}
#extranet-login-form-wrapper form span.mandatory,
#forgotpass-form-wrapper form span.mandatory { right:23px;}
/* Activate */
#activate-req-form-wrapper form span.field-name { width:110px;}
#activate-req-form-wrapper form ul li.contact-details { width:280px;}
/* Related links */
/* ------------------------------------------------------------------- */
#related-link-list-wrapper { width:260px; float:right; margin:20px 10px 20px 20px; background:#f6f6f6 url('../grfx/layout/relatedLinks-bkgd.png') repeat-x 0 0; padding:7px 10px;}
#related-link-list-wrapper h3 { color:#767676; font-size:1.4em; font-weight:normal; margin:0 0 5px 0; }
#related-link-list-wrapper ul { border-top:dashed 1px #dadada; list-style:none;}
#related-link-list-wrapper ul li a { border-bottom:dashed 1px #dadada; background:url(../grfx/layout/arrow-light.png) no-repeat right center; padding:5px 0 5px 0; display:block}
#related-link-list-wrapper ul li a:hover { background-color:#e8e8e8}
/* ------------------------------------------------------------------- */
/* PAGE HEADER */
/* ------------------------------------------------------------------- */
#imgheader-wrapper { float:right; margin:-98px 0 20px 20px; position:relative; z-index:555;}