/* ------------------------------------------------------------------- */
/* LAYOUT */
/* ------------------------------------------------------------------- */
#container-wrapper-cdefgh			{ position:relative; }
#container-c						{ width:210px; float:left; min-height:610px; }
#container-wrapper-defgh			{ float:left; width:790px; position:relative; }
#container-d						{ width:580px; min-height:100px; }
#container-wrapper-efg				{ width:580px; margin:10px 0 0 0;}
#container-wrapper-ef				{ width:580px;}
#container-e						{ width:354px; /*width:580px; Full Width*/ float:left; position:relative;}
#container-f						{ width:226px; /*width:580px; Full Width*/ float:left; }
#container-g						{ clear:both; margin-top:10px; position:relative; }
#container-h						{ width:200px; position:absolute; top:0; right:0; margin-bottom:10px; }

/* Inset layout clearfix */
#container-wrapper-cdefgh:after		{ content:"."; display:block; height:0; clear:both; visibility:hidden; }


/* ------------------------------------------------------------------- */
/* TEMP PAGE CONTENT WIDTH ADJUSTMENT */
/* ------------------------------------------------------------------- */
#page-TIMELINE #container-e,
#page-AU-THE-GROUP #container-e,
#page-ABOUT-AWARD #container-e,
#page-ABOUT-EQUAL-OPP #container-e,
#page-CAREERS #container-e,
#page-ENVIRONMENTAL-STATEM #container-e	,
#page-EXTRA-PROFILE #container-e,
#page-EXTRA-WELCOME #container-e				{ width:580px; }

#page-TIMELINE #container-f,
#page-AU-THE-GROUP #container-f,
#page-ABOUT-AWARD #container-f,
#page-ABOUT-EQUAL-OPP #container-f,
#page-CAREERS #container-f,
#page-ENVIRONMENTAL-STATEM #container-f,
#page-EXTRA-PROFILE #container-f,
#page-EXTRA-WELCOME #container-f				{ width:0; }


/* ------------------------------------------------------------------- */
/* TITLE HEIGHT ADJUSTMENT */
/* ------------------------------------------------------------------- */
#page-BRANDS #container-d,
#page-STORE-BASKET #container-d,
#page-CATALOGUE-HOMEPAGE #container-d,
#page-TERMS-OF-USE #container-d, 
#page-PRIVACY-POLICY #container-d,
#page-TERMS-OF-PURCHASE #container-d,
#page-CONTENT-SEARCH #container-d,
#page-CATALOGUE-CLEARANCE #container-d,
#page-CATALOGUE-OFFERS #container-d,
#page-CATALOGUE-BRANDS #container-d			{ min-height:56px; }

#page-BRANDS #container-wrapper-efg,
#page-STORE-BASKET #container-wrapper-efg,
#page-CATALOGUE-HOMEPAGE #container-wrapper-efg,
#page-CATALOGUE-CLEARANCE #container-wrapper-efg,
#page-CATALOGUE-OFFERS #container-wrapper-efg,
#page-CATALOGUE-BRANDS #container-wrapper-efg		{ margin-top:0; }

/* ------------------------------------------------------------------- */
/* Titles */
/* ------------------------------------------------------------------- */

h3.page-header						{ text-transform:uppercase; color:#cc0a0b; font-size:2.2em; margin:0; font-weight:normal; }

/* ------------------------------------------------------------------- */
/* MAIN IMAGE */
/* ------------------------------------------------------------------- */

#brand-detail-image-gallery			{ overflow:hidden; }

/* ------------------------------------------------------------------- */
/* RELATED LINKS */
/* ------------------------------------------------------------------- */

#related-link-list-wrapper h3		{ display:block; height:20px; width:226px; text-indent:-999em; background:url('../grfx/layout/relatedlinks-header-bg.png') no-repeat 0 0; margin:0; }
#related-link-list-column-1			{ background:url('../grfx/layout/relatedlinks-bg.jpg') no-repeat 0 0; width:226px; }
ul.related-link-list				{ list-style:none; margin-top:0; padding-top:10px; padding-bottom:10px; background:url('../grfx/layout/relatedlinks-footer-bg.jpg') no-repeat bottom; width:226px; }
ul.related-link-list li				{ margin:3px 10px 3px 10px; }
ul.related-link-list li.last		{ width:226px; padding-bottom:10px; }
ul.related-link-list li a			{ width:auto; padding-right:12px; background:url('../grfx/layout/relatedlinks-arrow.png') no-repeat right; }
ul.related-link-list li a:hover		{ background:url('../grfx/layout/relatedlinks-arrow-roll.png') no-repeat right; }

/* ------------------------------------------------------------------- */
/* Bullets */
/* ------------------------------------------------------------------- */

#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 0 0 12px; }




/* ------------------------------------------------------------------- */
/* ICONS */
/* ------------------------------------------------------------------- */

/*Special Offer*/
div.promo-flash						{ width:92px; height:16px;  display:block; text-indent:-999em; background:url('../grfx/icons/special-offer.png') no-repeat 0 0; position:absolute; top:0; left:8px; }


/* ------------------------------------------------------------------- */
/* FORMS */
/* ------------------------------------------------------------------- */
/* Generic form styles -------------------- */
#container-wrapper-efg form													{ position:relative; width:580px; padding:10px 0px 40px 0px; margin:0 0 10px 0;  }
form span.field-name    													{ width:112px; display:inline-block; margin-right:5px; color:#ffffff; font-size:1em;}
form input																	{ width:135px; border:none; padding:2px 11px 2px 5px; font-size:10px; }
form ul																		{ list-style:none}
form ul,
form ul li 																	{ margin:0; padding:0; position:relative;}
form ul li																	{ margin-bottom:4px}
form ul ul																	{padding-top:10px;}
form span.mandatory															{ position:absolute; top:1px; right:1px; color:#bb3134; background:url('../grfx/forms/mandatory.gif') no-repeat top left; width:5px; height:14px; text-indent:-9999px; }
form span.mandatoryset														{ position:absolute; top:1px; right:1px; color:#31a0bb; background:url('../grfx/forms/mandatoryset.gif') no-repeat top left; width:5px; height:14px; text-indent:-9999px;}
form span.mandatory-text													{ position:absolute; left:8px; bottom:11px; color:#bb3134; background:url('../grfx/forms/mandatory.gif') no-repeat top left; padding:0 0 0 9px;}
form span.mandatoryset-text													{ position:absolute; left:108px; bottom:11px; color:#31a0bb; background:url('../grfx/forms/mandatoryset.gif') no-repeat top left;padding:0 0 0 9px;}
form textarea																{ border:none; padding:2px 5px 2px 5px; font-size:10px; width:260px; font-family:Arial, san-serif  }
form select 																{ border:none; width:151px; 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.gif') no-repeat top left; padding:8px 10px 10px 90px; margin:0; font-size:1.1em; min-height:34px;  }
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; }

/* Buttons */		
form span.button															{ position:absolute; bottom:13px; right:10px;  }													
form span.button label,														
#advanced-search-button label												{ display:none; }
form span.button input,
input#advanced-search-submit												{ background:url('../grfx/buttons/submit.png') no-repeat 0 0; border:none; width:89px; height:21px; cursor:pointer; text-indent:-9999px; display:block; overflow:hidden; text-decoration:none; }

/* Bkgd images */

#online-enq-form-wrapper,
#activate-req-form-wrapper,
#return-req-form-wrapper,
#advanced-search-wrapper form,
#ask-question-form-wrapper,
#sop-delivery-form-wrapper,
#ext-customer-form-wrapper,
#acc-order-form-wrapper,
#sop-contact-form-wrapper				{ background:url('../grfx/forms/form-top.gif') no-repeat top left; margin-top:0px; display:block; width:580px; }

#online-enq-form-wrapper form,
#activate-req-form-wrapper form,
#return-req-form-wrapper form,
#ask-question-form-wrapper form,
#sop-delivery-form-wrapper form,
#ext-customer-form-wrapper form,
#acc-order-form-wrapper form,
#sop-contact-form-wrapper form			{ background:url('../grfx/forms/form-bottom.gif') no-repeat bottom left; width:580px; }


/* Column positioning */
form ul li.contact-details,
form ul li.unsubscribe-details,
form ul li.extranet-detail,
form ul li.forgot-password-grp,
form ul li.sop-delivery-details,
form ul li.ext-contact-details,
form ul li.ext-account-details,
form ul li.customer-details,
form ul li.acc-delivery-details,
form ul li.sop-contact-details			{ width:268px; float:left; margin-top:10px;/**/ margin-left:10px;}

form ul li.enq-message,
form ul li.enq-notes,
form ul li.order-details,
form ul li.return-details,
form ul li.question-details,
form ul li.ext-company-details,
form ul li.sop-delivery-instruction		{ width:268px; float:left; margin-top:10px; margin-left:22px;}

form ul li.business-details				{ width:268px; position:absolute; top:162px; left:10px;}
					


/* 100% width labels */
#online-enq-form-wrapper ul li.enq-message span.field-name,
#return-req-form-wrapper ul li.return-reason span.field-name,
#ask-question-form-wrapper ul li.question span.field-name				{ margin-bottom:10px; width:100%}

/* Narrow Forms */

#extranet-login-form-wrapper,
#forgotpass-form-wrapper,
#newsletter-subs-form-wrapper,
#newsletter-unsubs-form-wrapper													{ background:url('../grfx/forms/form-top-narrow.gif') no-repeat top left; margin-top:0px; display:block; width:285px; float:left; margin-bottom:10px;}														
#extranet-login-form-wrapper form,
#forgotpass-form-wrapper form,
#newsletter-subs-form-wrapper form,
#newsletter-unsubs-form-wrapper form												{ background:url('../grfx/forms/form-bottom-narrow.gif') no-repeat bottom left; width:285px; margin-bottom:0;}


#newsletter-subs-form-wrapper,
#extranet-login-form-wrapper												{margin-right:10px;}

/* Form Headers */

form h3																		{ padding:0 0 4px 0px; margin:0 0 0 10px;color:#ffffff; font-weight:normal; font-size:1.4em; text-transform:uppercase;}

#online-enq-form-wrapper form h3											{ background:url('../grfx/titles/forms/online-enquiry.png') no-repeat top left; text-indent:-9999px;}
#activate-req-form-wrapper form h3											{ background:url('../grfx/titles/forms/account-activation.png') no-repeat top left; text-indent:-9999px;}
#newsletter-subs-form-wrapper form h3										{ background:url('../grfx/titles/forms/subscribe.png') no-repeat top left; text-indent:-9999px;}
#newsletter-unsubs-form-wrapper form h3										{ background:url('../grfx/titles/forms/unsubscribe.png') no-repeat top left; text-indent:-9999px;}
#return-req-form-wrapper form h3											{ background:url('../grfx/titles/forms/returns-request.png') no-repeat top left; text-indent:-9999px;}
#advanced-search-wrapper h3													{ background:url('../grfx/titles/forms/keyword-search.png') no-repeat top left; text-indent:-9999px;}
#extranet-login-form-wrapper form h3										{ background:url('../grfx/titles/forms/login-details.png') no-repeat top left; text-indent:-9999px;}
#forgotpass-form-wrapper form h3											{ background:url('../grfx/titles/forms/forgotten-password.png') no-repeat top left; text-indent:-9999px;}
#ask-question-form-wrapper form h3											{ background:url('../grfx/titles/forms/ask-a-question.png') no-repeat top left; text-indent:-9999px;}
#acc-order-form-wrapper form h3,
#sop-delivery-form-wrapper form h3											{ background:url('../grfx/titles/forms/delivery-details.png') no-repeat top left; text-indent:-9999px;}
#sop-contact-form-wrapper form h3											{ background:url('../grfx/titles/forms/contact-details.png') no-repeat top left; text-indent:-9999px;}
#ext-customer-form-wrapper form h3											{ background:url('../grfx/titles/my-profile.png') no-repeat top left; text-indent:-9999px;}

#online-enq-form-wrapper form ul li h3,
#activate-req-form-wrapper form ul li h3,											
#newsletter-subs-form-wrapper form ul li h3,										
#newsletter-unsubs-form-wrapper form ul li h3,										
#return-req-form-wrapper form ul li h3,
#advanced-search-wrapper ul li h3,											 													
#extranet-login-form-wrapper form ul li h3,										
#forgotpass-form-wrapper form ul li h3,
#ask-question-form-wrapper form ul li h3,
#acc-order-form-wrapper form ul li h3,
#ext-customer-form-wrapper form ul li h3									{ padding:0 0 0px 0px; margin:0;color:#ffffff; font-weight:normal; font-size:1.3em; text-transform:none; background-image:none; text-indent:0;}

/* Individual form styles -------------------- */

/* Online Enquiry */

#online-enq-form-wrapper form textarea										{ height:268px;}

#online-enq-form-wrapper form ul li.contact-details							{ border-bottom: 1px solid #2e2e2e; padding-bottom:10px; margin-bottom:10px;}
#online-enq-form-wrapper form ul ul li.business-address2 input				{ margin-left:117px;}


/* Acount Delivery Details */
form ul li.customer-details													{ width:558px; }
#acc-order-form-wrapper .mandatory											{ right:-5px; top:0; height:17px; }
#ddl-acc-delivery-details-customer-costcentre,
#ddl-acc-delivery-details-customer-delpoint									{ width:151px; float:right; }
li.del-special-instr														{ margin-top:10px; position:absolute; top:-97px; left:290px; }
li.del-special-instr label													{ padding:0 0 0px 0px; margin:0;color:#ffffff; font-weight:normal; font-size:1.3em; text-transform:none; background-image:none; text-indent:0; }
li.customer-ref																{ clear:both; padding-top:4px; }
#txt-del-special-instr														{ margin:10px 0 0 0; height:232px; }
form ul li.acc-delivery-details												{ }


/* Extranet */
#ext-customer-form-wrapper #txt-ext-company-address2,
#ext-customer-form-wrapper #txt-ext-company-address3						{ margin-left:117px;}


/* Returns Request */

#return-req-form-wrapper ul li.return-reason span.mandatory					{ top:48px !important; right:0; }
#return-req-form-wrapper form ul ul li.business-address2 input				{ margin-left:117px;}
#return-req-form-wrapper form textarea										{ height:183px;}
#return-req-form-wrapper form ul li.contact-details							{ border-bottom: 1px solid #2e2e2e; padding-bottom:10px; margin-bottom:10px;}

/* Ask a Question */

#ddl-question-details-question-topic										{ width:148px; display:inline-block;}
#ask-question-form-wrapper form ul ul li.business-address2 input			{ margin-left:117px;}
#ask-question-form-wrapper form ul li.contact-details						{ border-bottom: 1px solid #2e2e2e; padding-bottom:10px; margin-bottom:10px;}
#ask-question-form-wrapper ul li.question span.mandatory					{ top:36px !important; right:0; }
#ask-question-form-wrapper form textarea									{ height:232px;}


/* Search */

#advanced-search-wrapper form												{ padding:0px; position:relative; }
#advanced-search-wrapper h3													{ margin:0; padding:0; position:relative; top:25px; left:10px; z-index:999;}
#advanced-search-button														{ background:url('../grfx/forms/form-bottom.gif') no-repeat bottom left; margin-top:0px; }
input#advanced-search-submit												{ position:relative; bottom:13px; left:481px; }

#advanced-search-keywords-box												{ margin-left:10px; padding-top:40px; }
#advanced-search-matchtype-box												{ float:right; width:auto; margin-top:-21px; margin-right:10px; }
#advanced-search-matchtype-box span.field-name								{ width:55px; padding-left:10px; }
#advanced-search-matchtype-box input										{ margin:0px; }
#advanced-search-contentoptions-box											{ margin-left:10px; padding-top:8px; padding-bottom:3px; }

/* Search Results */

#advanced-search-search-results ul											{ padding-bottom:30px; }
#advanced-search-search-results ul li										{ list-style-type:none; padding:10px; margin-left:-10px; border-bottom:1px solid #161616; width:580px; }
#advanced-search-search-results ul li:hover									{ background-color: #1E1E1E;}
#advanced-search-search-results ul li span.result-name a					{ display:block; font-size:1.2em; font-weight:600; }
#advanced-search-search-results ul li span.result-name a:hover				{ text-decoration:none; }

/* Catalogue Group List */
#catalogue-group-list-wrapper												{ background:url('../grfx/layout/products/catalogue-group-bg.gif') no-repeat top left; width:580px; padding:5px 0 0 0; margin-bottom:5px; clear:both; }
#catalogue-group-list-wrapper h3											{ background:url('../grfx/titles/catalogue-ranges.png') no-repeat top left; padding:0; width:178px; height:17px; display:block; text-indent:-9999px; margin:10px; }

#catalogue-group-list-column-1												{ background: url('../grfx/layout/products/catalogue-group-bg-bottom.png') no-repeat bottom left; display:block; position:relative; padding:0px 0 10px 10px; }
#catalogue-group-list-wrapper ul 											{ display:block; position:relative; }
#catalogue-group-list-wrapper ul li											{ list-style:none; display:block; float:left; width:185px; padding:0 0 5px 0; }
#catalogue-group-list-wrapper ul li a										{ color:#FFFFFF; font-size:1.1em; }
#catalogue-group-list-wrapper ul li a:hover									{ color:#c6c6c6; }
#catalogue-group-list-wrapper ul li a span									{ display:block; float:left; width:auto; }
#catalogue-group-list-wrapper ul li a span.product-count					{ padding-left:4px; }
#catalogue-group-list-column-1:after										{ content:"."; display:block; height:0; clear:both; visibility:hidden;  }

/* Brand Group List */
#brand-catalogue-list-wrapper												{ background:url('../grfx/layout/products/catalogue-group-bg.gif') no-repeat top left; width:580px; padding:5px 0 0 0; margin-bottom:5px; clear:both; }
#brand-catalogue-list-wrapper h3											{ background:url('../grfx/titles/catalogue-brands.png') no-repeat top left; padding:0; width:184px; height:17px; display:block; text-indent:-9999px; margin:10px; }

#brand-catalogue-list-column-1												{ background: url('../grfx/layout/products/catalogue-group-bg-bottom.png') no-repeat bottom left; display:block; position:relative; padding:0px 0 10px 10px; }
#brand-catalogue-list-wrapper ul 											{ display:block; position:relative; }
#brand-catalogue-list-wrapper ul li											{ list-style:none; display:block; float:left; width:185px; padding:0 0 5px 0; }
#brand-catalogue-list-wrapper ul li a										{ color:#FFFFFF; font-size:1.1em; }
#brand-catalogue-list-wrapper ul li a:hover									{ color:#c6c6c6; }
#brand-catalogue-list-wrapper ul li a span									{ display:block; float:left; width:auto; }
#brand-catalogue-list-wrapper ul li a span.product-count					{ padding-left:4px; }
#brand-catalogue-list-column-1:after										{ content:"."; display:block; height:0; clear:both; visibility:hidden;  }

/* Clearance Group List */
#catalogue-clearance-group-list-wrapper										{ background:url('../grfx/layout/products/catalogue-group-bg.gif') no-repeat top left; width:580px; padding:5px 0 0 0; margin-bottom:5px; clear:both; }
#catalogue-clearance-group-list-wrapper h3									{ background:url('../grfx/titles/catalogue-ranges.png') no-repeat top left; padding:0; width:184px; height:17px; display:block; text-indent:-9999px; margin:10px; }

#catalogue-clearance-group-list-column-1									{ background: url('../grfx/layout/products/catalogue-group-bg-bottom.png') no-repeat bottom left; display:block; position:relative; padding:0px 0 10px 10px; }
#catalogue-clearance-group-list-wrapper ul 									{ display:block; position:relative; }
#catalogue-clearance-group-list-wrapper ul li								{ list-style:none; display:block; float:left; width:185px; padding:0 0 5px 0; }
#catalogue-clearance-group-list-wrapper ul li a								{ color:#FFFFFF; font-size:1.1em; }
#catalogue-clearance-group-list-wrapper ul li a:hover						{ color:#c6c6c6; }
#catalogue-clearance-group-list-wrapper ul li a span						{ display:block; float:left; width:auto; }
#catalogue-clearance-group-list-wrapper ul li a span.product-count			{ padding-left:4px; }
#catalogue-clearance-group-list-column-1:after								{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* Offers Group List */
#catalogue-offer-group-list-wrapper										{ background:url('../grfx/layout/products/catalogue-group-bg.gif') no-repeat top left; width:580px; padding:5px 0 0 0; margin-bottom:5px; clear:both; }
#catalogue-offer-group-list-wrapper h3									{ background:url('../grfx/titles/catalogue-ranges.png') no-repeat top left; padding:0; width:184px; height:17px; display:block; text-indent:-9999px; margin:10px; }

#catalogue-offer-group-list-column-1									{ background: url('../grfx/layout/products/catalogue-group-bg-bottom.png') no-repeat bottom left; display:block; position:relative; padding:0px 0 10px 10px; }
#catalogue-offer-group-list-wrapper ul 									{ display:block; position:relative; }
#catalogue-offer-group-list-wrapper ul li								{ list-style:none; display:block; float:left; width:185px; padding:0 0 5px 0; }
#catalogue-offer-group-list-wrapper ul li a								{ color:#FFFFFF; font-size:1.1em; }
#catalogue-offer-group-list-wrapper ul li a:hover						{ color:#c6c6c6; }
#catalogue-offer-group-list-wrapper ul li a span						{ display:block; float:left; width:auto; }
#catalogue-offer-group-list-wrapper ul li a span.product-count			{ padding-left:4px; }
#catalogue-offer-group-list-column-1:after								{ content:"."; display:block; height:0; clear:both; visibility:hidden; }






/* ------------------------------------------------------------------- */
/* ACCOUNT APPLICATION */
/* ------------------------------------------------------------------- */

#externallink-wrapper			{ width:226px; margin-bottom:10px;  background:url('../grfx/layout/downloads-header-bg.png') no-repeat 0 0; padding-top:20px; }
#externallink-wrapper div		{ background:url('../grfx/layout/downloads-bg.jpg') no-repeat 0 0; width:226px; margin:0; padding:0; }

#externallink-wrapper ul		{ list-style:none; background:url('../grfx/layout/downloads-footer-bg.png') no-repeat bottom left; width:226px; margin:0; padding:0; min-height:50px; height:auto!important; height:50px; }
#externallink-wrapper ul li		{ margin:0; padding:15px 10px 10px 10px; display:block; position:relative; height:50px; float:left; width:auto; clear:left; }
#externallink-wrapper ul li.last{ padding-bottom:10px; }

#externallink-wrapper ul li a.name			{ display:block; position:relative; padding-right:12px; height:16px; background:url('../grfx/layout/relatedlinks-arrow.png') no-repeat right; clear:both; line-height:normal; }
#externallink-wrapper ul li a.name:hover	{ background:url('../grfx/layout/relatedlinks-arrow-roll.png') no-repeat right; }

#externallink-wrapper ul li span.filesize	{ color:#808080; display:block; clear:both; height:20px; line-height:normal; }