/*************************************************************************
*   
*   C S S  G L O B A L  S T Y L E  S H E E T
*   Copyright 2010, Signature Gifts
* 
*************************************************************************/

* {font-family:Arial, Helvetica, sans-serif;}

body {
    font-size:12px; color:#333;
    background:#1f2022 url(../images/bg.gif) repeat 0 50%;
    margin:0; padding:0;
    text-align:center;
    cursor:default;
}

div {text-align:left;}

ul {margin:0; padding:0;}
li {list-style:none;}

a {
 color:#6b5319; 
 text-decoration:none;
}

a:hover {color:#6b5319;}
a:focus, a:active {outline:none;}

/*.divDivider {behavior: url(iepngfix.htc);}*/

h1 {padding:0; margin:0 0 0 10px;}
h1, h2, h3, h4, h5 {font-weight:normal;}

h2 {
 width:588px; 
 height:88px;
 margin:0 0 10px 0;
 padding:0; 
 float:left;
}

h3 {
 font-size:16px; color:#333;
 padding:0; margin:0;
}

h5 {
 font:12px Arial, Helvetica, sans-serif;
 margin:0; padding:0;
}

form, fieldset {margin:0; padding:0;}

fieldset {border:0 none;}
legend {display:none;}

label {
 font-size:11px; 
 font-weight:bold;
 white-space:nowrap;
 color:#333;
}

img {border:0 none;}

input, select, textarea {
 font-size:13px;
 color:#000;
 overflow:auto;
 background:transparent url(../images/input-bg.gif) repeat-x 0 0 !important; /* Google Toolbar Yellow Field Fix */
 border-top:2px solid #959595;
 border-right:2px solid #ddd;
 border-bottom:2px solid #ddd;
 border-left:2px solid #959595;
 padding:4px 3px 4px 3px; margin:0;
 margin:3px 0 0 0;
 float:left;
}

select {padding:3px; background:#fff !important;}
em {font:11px Tahoma; color:#6b5319;}

span.checkbox input {background:none !important; border:none !important; margin:0 10px 0 0; padding:0 !important; width:auto !important;}

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

button {
 height:37px; 
 padding:0; margin:0;
 border:0 none;
 text-indent:-9999px;
 cursor:pointer;
}

/*--------------------------------------------------------------------------
Classes
--------------------------------------------------------------------------*/

.divClear {
 clear:both; 
 height:0; 
 font-size:1px;
}

.divDivider {
 width:259px;
 height:11px; 
 font-size:1px; /* Clean hack for some browsers */
 background:transparent url(../images/div-divider.png) no-repeat 0 0;
 float:left;
}

.divHide {display:none;}
.divLeft {float:left;}
.divRight {float:right;}

.spanSmall, pSmall {font-size:11px; color:#5f5f5f;}
.spanGold {color:#c9ac46;}
.spanImportant {color:#990000;}
.spanSimple {font-weight:normal;}

.blur {color: #999;}
.hide {display:none;}

/*--------------------------------------------------------------------------
Templates
--------------------------------------------------------------------------*/

.divContainer {width:980px; margin:0 auto;}

#divWrapper {
 width:960px;
 margin:0;
 padding:0 10px;
 background:#fff url(../images/div-wrapper.jpg) bottom right no-repeat;
 float:left;
}

#divWrapperTop, 
#divWrapperBottom {
 width:960px; 
 height:10px; 
 font-size:1px; /* Clean hack for some browsers */
 background:#fff; 
 clear:both;
}

.divRow {padding:0 0 10px 0; float:left;}

.divBody {
 width:546px;
 padding:20px; margin-bottom:10px;
 border:1px solid #d6d5d5;
 float:left;
}

.divBody a {color:#6b5319;}
.divBody a:hover {color:#333;}

/*--------------------------------------------------------------------------
Products
--------------------------------------------------------------------------*/

.divProducts {
 width:438px; 
 margin:0 10px 0 0;
 display:inline;
 background:#ccc url(../images/div-products.jpg) bottom left no-repeat;
 cursor:default;
 float:left;
 position:relative;
}

.divProducts h2 {
 font:14px Arial, Helvetica, sans-serif; color:#fff;
 width:438px; height:40px; 
 margin:0;
 line-height:40px;
 float:left;
}

.divProducts h2 a {
 width:408px;
 height:40px;
 background:transparent;
 text-indent:0;
 color:#fff;
 margin:0; padding:0 15px;
 display:block;
}

.divProducts h2 a:hover {color:#7d7d7d;}

.divProducts h3 {
 width:438px;
 height:143px;
 padding:0; 
 margin:0;
 background:#e9e9e9 url(../images/h3.gif) no-repeat 0 100%;
 float:left;
}

.divProducts h3 a {
 width:438px;
 height:143px;
 margin:0; padding:0;
 display:block;
 text-indent:0; 
 float:left;
}

.divProducts ul {
 width:398px;
 padding:20px 20px 0 20px; 
 margin:0;
 float:left;
}

.divProducts ul li {
 width:378px;
 font-size:11px; color:#1f2022;
 padding:3px 0 5px 20px;
 background:transparent url(../images/li.gif) no-repeat 0 0;
 list-style:none;
 float:left;
}

.divProducts a {
 width:53px; 
 height:49px; 
 margin:0 0 0 385px;
 display:inline;
 text-indent:-9999px;
 background:#ccc url(../images/a-more.jpg) no-repeat 0 0;
 padding:0; border:0 none;
 float:left;
}

.divProducts a:hover {background-position:-53px 0;}

.divProducts h2.h2Gold {background:#725a1b url(../images/h2-long.jpg) no-repeat 0 0;}
.divProducts h2.h2Black {background:#151515 url(../images/h2-long.jpg) no-repeat 0 -41px;}
.divProducts h2.h2Silver {background:#4a4a4a url(../images/h2-long.jpg) no-repeat 0 -82px;}

.divProductsFlag {position:absolute; top:6px; right:30px; height:54px; width:44px;}

/*--------------------------------------------------------------------------
Products About
--------------------------------------------------------------------------*/

.divProductsAbout {
 width:189px; 
 margin:0 10px 10px 0;
 display:inline;
 background:#fff url(../images/div-products-about.jpg) repeat-x 0 100%;
 cursor:default;
 float:left;
 position:relative;
}

.divProductsAboutUk 
{
 border:1px solid #c7c7c7;
 width:287px; 
 margin:0 10px 10px 0;
 display:inline;
 background:#fff url(../images/div-products-about.jpg) repeat-x 0 100%;
 cursor:default;
 float:left;
 position:relative;
}

.divProductsAboutUs 
{
 border:1px solid #c7c7c7;
 width:586px; 
 margin:0 0 10px 0;
 display:inline;
 background:#fff url(../images/div-products-about.jpg) repeat-x 0 100%;
 cursor:default;
 float:left;
 position:relative;
}

.noMargin {
 margin:0;
}

.divProductsAboutUk h2, .divProductsAboutUs h2 {
 font:14px Arial, Helvetica, sans-serif; color:#fff;
 width:189px; height:40px; 
 margin:0;
 line-height:40px;
 float:left;
}

.divProductsAboutUk h2 a, .divProductsAboutUs h2 a {
 width:189px;
 height:40px;
 background:transparent;
 text-indent:0;
 color:#fff;
 margin:0; padding:0 15px;
 display:block;
}

.divProductsAboutUk h2 a:hover, .divProductsAboutUs h2 a:hover {color:#7d7d7d;}

.divProductsAboutUk h3, .divProductsAboutUs h3 {
 width:189px;
 height:80px;
 padding:0; 
 margin:0;
 background:#e9e9e9 url(../images/h3.gif) no-repeat 0 100%;
 float:left;
}

.divProductsAboutUk h3 a, .divProductsAboutUs h3 a {
 width:189px;
 height:80px;
 margin:0; padding:0;
 display:block;
 text-indent:0; 
 float:left;
}

.divProductsAboutUk ul, .divProductsAboutUs ul {
 padding:20px 20px 0 20px; 
 margin:0;
 float:left;
}

.divProductsAboutUk ul li, .divProductsAboutUs ul li {
 font-size:11px; color:#1f2022;
 padding:3px 0 5px 20px;
 background:transparent url(../images/li.gif) no-repeat 0 0;
 list-style:none;
 float:left;
}

.divProductsAboutUk a, .divProductsAboutUs a {
 width:53px; 
 height:49px;
 display:inline;
 text-indent:-9999px;
 background:#ccc url(../images/a-more.jpg) no-repeat 0 0;
 padding:0; border:0 none;
 float:right;
}

.divProductsAboutUk a:hover, .divProductsAboutUs a:hover {background-position:-53px 0;}

.divProductsAbout h2.h2Gold {background:#725a1b url(../images/h2-short.jpg) no-repeat 0 0;}
.divProductsAbout h2.h2Black {background:#151515 url(../images/h2-short.jpg) no-repeat 0 -41px;}
.divProductsAbout h2.h2Silver {background:#4a4a4a url(../images/h2-short.jpg) no-repeat 0 -82px;}

.divProductsAboutFlag {position:absolute; top:9px; right:18px; height:21px; width:26px;}

/*--------------------------------------------------------------------------
Contact Details
--------------------------------------------------------------------------*/

.divContactDetails {
    background:#d0d0d0 url(../images/div-contactdetails.jpg) top left no-repeat;
    border-bottom:1px solid #cccccc;
    float:left;
    line-height:18px;
    margin:0 0 10px;
}

.divContactDetails hr {
    border-bottom:1px solid #f7f7f7;
    border-top:1px solid #c7c7c7;
    border-right:none;
    border-left:none;
    margin:15px 0;
}

.divContactDetails h2 { 
    width:259px; 
    height:40px;
    margin:0; 
    padding:0;
}

.divContactDetails h2 a {
 width:259px; height:40px;
 font-size:14px;
 background:#333 url(../images/h2.jpg) no-repeat 0 -41px;
 color:#fff;
 margin:0; padding:0 15px;
 line-height:40px;
 display:block;
 border:0 none;
 float:left;
}

.divContactDetails h2 a:hover {color:#abaaaa;}

.divContactDetails .divContent {
 width:259px;
 padding:15px 15px;
 float:left;
}

.divContactDetails .divContent p {
 margin:0 0 10px 0; 
 padding:0; 
 line-height:normal;
}

/*--------------------------------------------------------------------------
Header
--------------------------------------------------------------------------*/

#divHeader {
 width:980px; 
 height:102px;
 background:transparent url(../images/glow.jpg) no-repeat 50% 0;
 float:left; 
 position:relative;
}

#divHeader h1 a {
 width:250px;
 height:100px;
 padding:0; margin:0;
 background:transparent url(../images/h1-logo.png) no-repeat 0 0 !important;
 text-indent:-9999px;
 border:0 none;
 float:left;
}

#divHeader .flags {
 position:absolute; top:16px; right:0; 
}

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

#divFooter {
 width:980px; height:50px; 
 font-size:11px; color:#676969; 
 background:transparent url(../images/dot.gif) repeat-x 0 0;
 margin:18px 0 0 0;
 padding:0 0 18px 0;
 float:left;
}

#divFooter a {border-bottom:1px solid #2f2f30;}
#divFooter a:hover {color:#676969; border-bottom:1px solid #fff;}

#ulContactDetails {
 background:transparent url(../images/icon-so.gif) top left no-repeat;
 float:left;
 margin:15px 0; 
 padding:0 0 0 40px;
}

#ulCopyright {margin:15px 0 0 0; float:right;}

#ulContactDetails li {
 padding:2px 0;
 float:left;
 clear:both;
}

/*--------------------------------------------------------------------------
Classes
--------------------------------------------------------------------------*/

.spanTel {padding:0 20px 0 0; background:transparent url(../images/li-bullet.gif) no-repeat 100% 50%;}
.spanMail {padding:0 0 0 20px; background:transparent url(../images/li-bullet.gif) no-repeat 0 50%;}
.spanFax {padding:0 8px 0 8px;}

.divCleaner {clear:both;}

a.aBacktohome { 
 width:153px; 
 height:37px;
 padding:0; margin:5px 0 0 0; 
 text-indent:-9999px;
 border:0 none;
 display:block;
 background:#ddd url(../images/a-backtohome.gif) no-repeat 0 0;
}

a.aBacktohome:hover {background-position:0 -37px;}

/*--------------------------------------------------------------------------
Navigation
--------------------------------------------------------------------------*/

#ulNavigation {
 height:102px;
 height:34px; 
 padding:68px 0 0 0;
 float:right;
}

#ulNavigation li {
 margin:0 0 0 1px;
 display:inline;
 float:left;
}

#ulNavigation li a {
 height:34px;
 display:block; 
 text-indent:-9999px;
 padding:0; 
 border:0 none;
 float:left;
}

#ulNavigation li a.aHome {width:80px; background:transparent url(../images/a-home.gif) no-repeat 0 -68px;}
#ulNavigation li a.aAbout {width:80px; background:transparent url(../images/a-about.gif) no-repeat 0 -68px;}
#ulNavigation li a.aWhoami {width:112px; background:transparent url(../images/a-whoami.gif) no-repeat 0 -68px;}
#ulNavigation li a.aServices {width:166px; background:transparent url(../images/a-services.gif) no-repeat 0 -68px;}
#ulNavigation li a.aContact {width:93px; background:transparent url(../images/a-contact.gif) no-repeat 0 -68px;}
#ulNavigation li a.aTrade {width:144px; background:transparent url(../Images/a-trade.gif) no-repeat 0 -68px;}

#ulNavigation li a:hover {background-position:0 -34px;}

body#home #ulNavigation li a.aHome {background-position:0 0; cursor:default;}
body#about #ulNavigation li a.aAbout {background-position:0 0; cursor:default;}
body#whoami #ulNavigation li a.aWhoami {background-position:0 0; cursor:default;}
body#services #ulNavigation li a.aServices {background-position:0 0; cursor:default;}
body#contact #ulNavigation li a.aContact {background-position:0 0; cursor:default;}
body#trade #ulNavigation li a.aTrade {background-position:0 0; cursor:default;}

/*--------------------------------------------------------------------------
Sub Navigation
--------------------------------------------------------------------------*/

#ulSubNavigation {
 width:289px; 
 padding:20px 0;
 margin:0 0 10px 0;
 background:#2f3033 url(../images/ul-subnavigation.gif) no-repeat 0 0;
 float:left;
}

#ulSubNavigation li {
 width:289px;
 margin:0; 
 padding:0; 
 float:left;
}

#ulSubNavigation li a {
 width:249px; 
 height:35px; 
 margin:0; padding:0 20px;
 background:transparent url(../images/a-subnavigation.gif) no-repeat 0 0; 
 border:0 none;
 color:#abaaaa;
 line-height:35px;
 display:block;
 float:left;
}

#ulSubNavigation li a:hover {color:#fff;}

#ulSubNavigation li a.aActive,
#ulSubNavigation li a.aActive:hover {
 background:transparent url(../images/a-subnavigation.gif) no-repeat 0 -35px; 
 cursor:default;
 font-weight:bold;
 color:#d1b44a;
}

#ulSubNavigation li .new {width:289px; background:transparent url(../images/li-new.gif) no-repeat 100% 0;}

#ulSubNavigation li .newbold { width:289px; background:transparent url(../images/li-new.gif) no-repeat 100% 0; }
#ulSubNavigation li .newbold a { font-weight:bold; color:#866B26; }

#ulSubNavigation li a.aActiveLevel {
 background:transparent url(../images/a-subnavigation.gif) no-repeat 0 -35px; 
 font-weight:bold;
 color:#abaaaa;
}

#ulSubNavigation li a.aActiveLevel:hover {color:#d1b44a;}

#ulSubNavigation ul {padding:10px 0; float:left;}

#ulSubNavigation ul li {background:none; float:left;}

#ulSubNavigation ul li a {
 width:auto;
 height:21px; 
 line-height:21px; 
 background:transparent url(../images/a-subnavigation-bullet.gif) no-repeat 0 50%; 
 padding:0 13px;
 margin:0 20px;
 display:inline;
 float:left; 
 font-size:12px;
}

#ulSubNavigation ul li a.aActive,
#ulSubNavigation ul li a.aActive:hover {
 background:none;
 cursor:default;
 background:transparent url(../images/a-subnavigation-bullet.gif) no-repeat 0 50%;
 font-weight:bold;
 color:#d1b44a;
}

/*--------------------------------------------------------------------------
Banner
--------------------------------------------------------------------------*/

#divBanner {
 width:438px;
 height:302px;
 margin:0 10px 0 0;
 display:inline;
 text-indent:-9999px;
 background:#000 url(../images/img-advert-1.jpg) no-repeat 0 0;
 float:left;
}

#divBanner-us {
 width:438px;
 height:302px;
 margin:0 10px 0 0;
 display:inline;
 text-indent:-9999px;
 background:#000 url(../images/img-advert-1-us.jpg) no-repeat 0 0;
 float:left;
}

/*--------------------------------------------------------------------------
Contact Form | Trade Form
--------------------------------------------------------------------------*/

form input {width:249px}
form input.small {width:129px}
form input.large {width:536px;}

form select {width:260px;}

form select.selDay {
 width:50px; 
 margin:0 15px 0 0; 
 display:inline; 
 float:left;
}

form select.selMonth {
 width:108px; 
 margin:0 15px 0 0; 
 display:inline; 
 float:left;
}

form select.selYear {
 width:70px; 
 margin:0; 
 float:left;
}

form textarea {width:536px;}
form textarea.small {width:249px;}

form p.left {
 margin:0 0 15px 0; 
 padding:0; 
 float:left;
}

form p.right {
 margin:0 0 15px 0; 
 padding:0; 
 float:right;
}

form h4 {
 font-size:14px; 
 color:#6b5319;
 margin:5px 0 15px 0; 
 padding:0;
}

form h4.h4Error {
 width:513px;
 font-size:12px;
 font-weight:bold; 
 color:#6b5319 !important;
 height:30px;
 line-height:30px;
 margin:5px 0 20px 0; padding:0 0 0 33px;
 background:#ddd url(../images/form-h4.gif) no-repeat 0 0;
 cursor:default;
 float:left;
}

form p.error label {color:#6b5319;}

form p.error input, 
form p.error textarea {background:#ddd url(../images/input-error-bg.gif) repeat-x 0 0 !important;}

form#frmContact button {
 width:138px; 
 margin:5px 0 0 0; 
 background:#ddd url(../images/btn-contact.gif) no-repeat 0 0;
 float:left;
}

form#frmProductRequest button {
 width:138px; 
 margin:5px 0 0 0; 
 background:#ddd url(../images/btn-contact.gif) no-repeat 0 0;
 float:left;
}

form#frmTrade button {
 width:111px; 
 margin:5px 0 0 0; 
 background:#ddd url(../images/btn-trade.gif) no-repeat 0 0;
 float:left;
}

form#frmPersonalisation button {
 width:135px; 
 margin:5px 0 0 0; 
 background:#ddd url(../images/btn-personalisation.gif) no-repeat 0 0;
 float:left;
}

form#frmCreatelabel button {
 width:190px; 
 margin:5px 0 0 0; 
 background:#ddd url(../images/btn-createlabel.gif) no-repeat 0 0;
 float:left;
}

form#frmDeliverlabel button {
 width:190px; 
 margin:5px 0 0 0; 
 background:#ddd url(../images/btn-deliverlabel.gif) no-repeat 0 0;
 float:left;
}

form#frmProductRange button#btn01 {
 width:156px; 
 margin:5px 0 0 0; 
 background:#ddd url(../images/btn-getimages.gif) no-repeat 0 0;
 float:left;
}

form#frmProductRange button#btn02 {
 width:156px; 
 margin:5px 0 0 0; 
 background:#ddd url(../images/btn-getimages2.gif) no-repeat 0 0;
 float:left;
}

#div_form {
	margin: auto;
	width: 530px;
	height: 140px;
	position: relative;
	float:left;
}
#div_form_selection00 {
	margin: auto;
	width: 530px;
	position: relative;
	float:left;
}
#div_form_selection03 {
	margin: auto;
	width: 530px;
	position: relative;
	float:left;
}
#div_form_selection01 {
	margin: auto;
	width: 530px;
	height: 70px;
	position: relative;
}
#div_form_selection02 {
	margin: auto;
	width: 530px;
	height: 70px;
	position: relative;
}
#div_form_selection01_left {
	margin: auto;
	width: 265px;
	height: 62px;
	position: relative;
	float:left;
	margin-top: 8px;
}
#div_form_selection01_right {
	margin: auto;
	width: 265px;
	height: 70px;
	position: relative;
	float:left;
}
#div_form_selection02_left {
	margin: auto;
	width: 265px;
	height: 62px;
	position: relative;
	float:left;
	margin-top: 8px;
}
#div_form_selection02_right {
	margin: auto;
	width: 265px;
	height: 70px;
	position: relative;
	float:left;
}
.divBody2 {
 width:546px;
 padding-left:20px;
 padding-right:20px;
 padding-top:20px;
 padding-bottom:20px;
 border:1px solid #d6d5d5;
 float:left;
}


form#frmContact button:hover, 
form#frmTrade button:hover,
form#frmPersonalisation button:hover,
form#frmCreatelabel button:hover,
form#frmDeliverlabel button:hover,
form#frmProductRange button:hover,
form#frmProductRequest button:hover,

form#frmContact .btnHover,
form#frmTrade .btnHover,
form#frmPersonalisation .btnHover,
form#frmCreatelabel .btnHover,
form#frmDeliverlabel .btnHover,
form#frmProductRange .btnHover,
form#frmProductRequest .btnHover {background-position:0 -37px;}

/*--------------------------------------------------------------------------
Columns
--------------------------------------------------------------------------*/

#divColumnone {
 width:588px;
 margin:0 10px 0 0;
 display:inline;
 float:left;
}

#divColumntwo {width:289px; float:left;}

/*--------------------------------------------------------------------------
Contacts - Kevin Spindler and Mike Herbert
--------------------------------------------------------------------------*/

.ulContact {
 width:259px;
 margin:10px 0 0 0;
 padding:0 0 20px 0;
 float:left;
}

.ulContact li {padding:2px 0;}
.ulContact li a {color:#6b5319;}
.ulContact li a:hover {color:#333;}

/*--------------------------------------------------------------------------
Trade Companies
--------------------------------------------------------------------------*/

#ulTrade {padding:0 15px 10px 15px;}

#ulTrade li.liCompany {padding:10px 0 10px 0;}
#ulTrade li.liDescription {padding:2px 0 2px 15px; background:transparent url(../images/li-arrow.gif) no-repeat 0 0;}

#ulTrade li a {
 font-size:12px;
 font-weight:bold;
 color:#6b5319;
}

#ulTrade li a:hover {color:#333;}

#ulTrade li.disabled {
 font-size:12px;
 font-weight:bold;
 color:#333;
}

#ulTrade li.liDescription a {font-weight:normal;}

/*--------------------------------------------------------------------------
Announcements
--------------------------------------------------------------------------*/

.ulAnnouncements {
 width:687px;
 color:#fff;
 background:#000 url(../images/announcement-bg.gif) no-repeat 0 50%; 
 margin:0 0 10px 0;
 padding:20px 20px 20px 180px; 
 clear:both;
 float:left;
}

.ulAnnouncements li {padding:0; margin:0;}

.ulAnnouncements a {color:#d1b44a; border:0 none;}
.ulAnnouncements a:hover {color:#fff;}

/*--------------------------------------------------------------------------
Create Your Label Steps
--------------------------------------------------------------------------*/

#divSteps {
 width:546px;
 height:37px;
 margin:0 0 18px 0;
}

/*--------------------------------------------------------------------------
ASP.NET Buttons
--------------------------------------------------------------------------*/

.btnSelectProduct,
.btnCreateLabel,
.btnDeliverLabel {
 width:135px;
 height:37px;
 margin:5px 0 0 0; 
 background:#ddd url(../images/btn-personalisation.gif) no-repeat 0 0 !important; 
 padding:0;
 border:0 none;
 text-indent:-9999px;
 cursor:pointer;
 float:left;
}

.btnSelectProduct {width:135px; background:#ddd url(../images/btn-personalisation.gif) no-repeat 0 0 !important;}
.btnCreateLabel {width:190px; background:#ddd url(../images/btn-createlabel.gif) no-repeat 0 0 !important;}
.btnDeliverLabel {width:190px; background:#ddd url(../images/btn-deliverlabel.gif) no-repeat 0 0 !important;}

.btnSelectProduct:hover, 
.btnCreateLabel:hover, 
.btnDeliverLabel:hover {background-position:0 -37px !important;}

/*--------------------------------------------------------------------------
Additional ID's
--------------------------------------------------------------------------*/

#divFlashLabel {
 width:266px; 
 margin:0;
 background:#fff;
 float:right;
}

#divLabels {
 width:235px; 
 height:181px; 
 margin:0 15px 0 0;
 display:inline;
 float:right;
}

/*--------------------------------------------------------------------------
Quick Links
--------------------------------------------------------------------------*/

#divQuicklinks {
 width:887px; 
 background:#aaa url(../images/div-quicklinks.gif) repeat-x 0 0; 
 margin:10px 0 0 0; 
 float:left;
}

#divQuicklinks ul {
 width:175px; 
 padding:20px 23px;
 float:left;
}

#divQuicklinks ul li {width:175px; float:left;}

#divQuicklinks ul li.disabled {
 width:155px;
 font-style:normal;
 font-size:11px;
 border:0 none;
 margin:0 0 0 10px;
 padding:2px 0 2px 10px;
 background:transparent url(../images/a-quicklinks.gif) no-repeat 0 50%;
 display:inline;
 color:#fff;
 float:left;
}

#divQuicklinks ul li h4 {
 font-size: 12px;
 font-weight: bold; 
 color:#212224;
 margin:0 0 8px 0;
}

#divQuicklinks ul li a {
 width:155px;
 font-style:normal;
 font-size:11px;
 border:0 none;
 margin:0 0 0 10px;
 padding:2px 0 2px 10px;
 background:transparent url(../images/a-quicklinks.gif) no-repeat 0 50%;
 display:inline;
 color:#5a5a5a;
 float:left;
}

#divQuicklinks ul li a:hover {color:#222325;}

/*--------------------------------------------------------------------------
Privacy Policy | Terms & Conditions | Delivery Information
--------------------------------------------------------------------------*/

#divLegal h3 {
 width:546px;
 margin:5px 0 5px 0; 
 padding:0; 
 float:left;
}

#divLegal h4 {
 width:546px;
 font-size:12px;
 margin:0; padding:10px 0;
 float:left;
 clear:both;
}

#divLegal ul {
 width:506px;
 padding:10px 20px; 
 margin:0;
 float:left;
 clear:both;
}

#divLegal ul li {
 width:486px;
 font-size:12px; color:#1f2022;
 padding:3px 0 5px 20px;
 background:transparent url(../images/li.gif) no-repeat 0 0;
 list-style:none;
 float:left;
}

#divLegal ol {
 width:506px;
 padding:10px 20px; 
 margin:0;
 float:left;
 clear:both;
}

#divLegal ol.olSmall {padding:10px 20px 20px 20px;}

#divLegal ol.olSmall li {
 font-size:11px; 
 padding:5px 0 0 20px;
 background:transparent url(../images/ol-li.gif) no-repeat 0 0;
 line-height:normal;
}

#divLegal ol li {
 width:486px;
 font-size:12px; color:#1f2022;
 padding:3px 0 5px 20px;
 background:transparent url(../images/ol-li.gif) no-repeat 0 0;
 line-height:18px;
 list-style:none;
 float:left;
}

#divLegal ul li.liNote {font-size:11px; color:#8c8d91; background:none;}

#divLegal a {color:#6b5319;}
#divLegal a:hover {color:#333;}

#divLegal p {
 margin:10px 0; 
 padding:0; 
}

#divLegal address {
 width:100%;
 padding:15px 0; 
 font-style:normal; 
 float:left;
}

/*--------------------------------------------------------------------------
Table of Data [Delivery Information]
--------------------------------------------------------------------------*/

table, th, td {border:0 none;}

#tableDelivery {
 width:100%;
 background:#5a5a5a url(../images/table.gif) repeat-x 100% 100%; 
 padding:0 0 22px 0; 
 margin:10px 0 20px 0 !important;
 margin:10px 0;
 float:left;
}

tr th { 
 font:normal 11px Arial, Helvetica, sans-serif; 
 text-align:center;
 font-weight:bold;
 border-left:1px solid #cdcdcd;
 padding:10px; 
 background:#fff url(../images/thead-2.gif) repeat-x 0 0;
}

tr.trFirst th {
 background:#151515 url(../images/thead.gif) repeat-x 0 0; 
 font:normal 11px Arial, Helvetica, sans-serif;
 border-left:1px solid #323232; 
 padding:10px;
 color:#fff;
}

tr.trFirst th.thFirst {background:#151515 url(../images/th-first.gif) repeat-x 0 0; border:0 none;}
tr.trFirst th.thLast {background:#151515 url(../images/th-last.gif) repeat-x 100% 0;}

caption {
 font:italic 11px Arial, Helvetica, sans-serif; 
 padding:0 0 10px 0;
 background:#fff;
 text-align:right;
}

tr th.thFirst {text-align:left; padding:15px 10px; border-left:0 none;}

td {
 font:11px Arial, Helvetica, sans-serif; 
 padding:10px;
 color:#333;
}

/*
td span {
 font-size:1px;
 width:9px; 
 height:9px; 
 background:#ddd url(../images/icon-span.gif) no-repeat 0 0; 
 display:block;
 text-indent:-9999px; 
 margin:0 auto;
}
*/

tbody td {background:#fff url(../images/td-border.gif) repeat-y 0 0;}
tbody td.tdFirst {background:#fff;}

tr.trAlt td {background:#dfdfdf url(../images/td-alt.gif) repeat-x 0 50%;}
tr.trAlt td.tdFirst {background:#dfdfdf url(../images/td-alt.gif) repeat-x 100% 50%;}

tfoot td {text-align:center; background:transparent url(../images/tfoot.gif) repeat-x 0 0;}
tfoot td.tdFirst {text-align:left;}

/*--------------------------------------------------------------------------
Delivery Location Boxes
--------------------------------------------------------------------------*/

.divDelivery {
 width:289px; 
 margin:0 10px 0 0;
 display:inline;
 background:#ccc url(../images/div-delivery.jpg) no-repeat 0 100%;
 cursor:default;
 float:left;
 position:relative;
}

.noMargin {
 margin:0;
}

.divDelivery h2 {
 font:14px Arial, Helvetica, sans-serif; color:#fff;
 width:289px; height:40px; 
 margin:0;
 line-height:40px;
 float:left;
}

.divDelivery h2 a {
 width:259px;
 height:40px;
 background:transparent;
 text-indent:0;
 color:#fff;
 margin:0; padding:0 15px;
 display:block;
}

.divDelivery h2 a:hover {color:#7d7d7d;}

.divDelivery h3 {
 width:219px;
 height:80px;
 padding:0; 
 margin:0;
 background:#e9e9e9 url(../images/h3.gif) no-repeat 0 100%;
 float:left;
}

.divDelivery h3 a {
 width:219px;
 height:80px;
 margin:0; padding:0;
 display:block;
 text-indent:0; 
 float:left;
}

.divDelivery ul {
 padding:20px 20px 0 20px; 
 margin:0;
 float:left;
}

.divDelivery ul li {
 width:209px;
 font-size:11px; color:#1f2022;
 padding:3px 0 20px 20px;
 background:transparent url(../images/li.gif) no-repeat 0 0;
 list-style:none;
 float:left;
}

a.delivery {border:none; color:#6b5319;}
a.delivery:hover {color:#333;}

.divDelivery h2.h2Gold {background:#725a1b url(../images/h2-delivery.jpg) no-repeat 0 0;}
.divDelivery h2.h2Black {background:#151515 url(../images/h2-delivery.jpg) no-repeat 0 -41px;}
.divDelivery h2.h2Silver {background:#4a4a4a url(../images/h2-delivery.jpg) no-repeat 0 -82px;}

.divDeliveryFlag {position:absolute; top:6px; right:30px; height:54px; width:44px;}

/*--------------------------------------------------------------------------
Product Request Form
--------------------------------------------------------------------------*/

#frmProductRequest h4 {color:#333;} 

#frmProductRequest h4 span,
#frmProductRequest label span {font-size:11px; font-weight:normal; color:#5f5f5f;}



/*--------------------------------------------------------------------------
About Us Page
--------------------------------------------------------------------------*/

.corp-info-gd, .corp-info-hn, 

.corp-info-rw, .corp-info-dts {
      display: block;
      padding: 10px 10px 10px 220px !important;
      width: 320px;
      margin: 0 auto;
      font-size: 11px;
      position: relative;
      }


.corp-info-gd {   background: url(images/corp-small-logo-gd.jpg) no-repeat top left;   }
.corp-info-hn {   background: url(images/corp-small-logo-hn.jpg) no-repeat top left;   }
.corp-info-rw {   background: url(images/corp-small-logo-rw.jpg) no-repeat top left;   }
.corp-info-dts {  background: url(images/corp-small-logo-dts.jpg) no-repeat top left;  }



.company-history p, .customer-service p, 

.company-staff p, .company-locations p, 

.company-locations li {
      font-size: 11px;
      }

      

.company-history, .customer-service,

.company-staff, .company-locations {
      float: left;
      width: 245px;
      padding: 12px;
      }

.company-staff { clear: left; }

.company-history h4 {
      background: url(images/h4-about-history.jpg) no-repeat top left;
      display: block;
      text-indent: -9999px;
      width: 245px;
      height: 63px;
      margin-bottom: 4px;
      }
      

.customer-service h4 {
      background: url(images/h4-about-cs.jpg) no-repeat top left;
      display: block;
      text-indent: -9999px;
      width: 245px;
      height: 63px;
      margin-bottom: 4px;
      }

      
.company-staff h4 {
      background: url(images/h4-about-people.jpg) no-repeat top left;
      display: block;
      text-indent: -9999px;
      width: 245px;
      height: 63px;
      margin-bottom: 4px;
      }

      
.company-locations h4 {
      background: url(images/h4-about-locations.jpg) no-repeat top left;
      display: block;
      text-indent: -9999px;
      width: 245px;
      height: 63px;
      margin-bottom: 4px;
      }


.about-link-float {
      display: block;
      top: 0;     left: 0;
      width: 200px;
      height: 80px;
      text-indent: -9999px;
      position: absolute;
}

/*--------------------------------------------------------------------------
Merchant Images (John!)
--------------------------------------------------------------------------*/

.merchant-gallery-title
{
    font-size: medium;
}

.merchant-gallery-price
{
    font-size: small;
    color: #999933;
    font-weight: bold;
}

.merchant-gallery-text
{
    font-size: small;
}

/*--------------------------------------------------------------------------
Torben's button that doesn't look like a button!!!
--------------------------------------------------------------------------*/

a.button {background:url(/images/bg-button-a.gif) top right no-repeat; color:#fff; display:block; float:left; font:normal 11px arial, sans-serif; height:30px; margin-right:10px; padding-right:10px;}
a.button span {background:url(/images/bg-button-span.gif) top left no-repeat; display:block; line-height:12px; padding:9px 0 9px 10px;}
a.button span img {float:left; margin:-2px 10px 0 0;}
a.button:active {background-position: bottom right; color: #000; outline: none;}
a.button:active span {background-position: bottom left; padding:10px 0 8px 10px;} 

/*--------------------------------------------------------------------------
John's lol fix
--------------------------------------------------------------------------*/

.lol input, .lol select, .lol textarea {float:none !important; margin:5px 0;}

/*-------------------------------------------------------------------------------------------------------------
John can do CSS too! Here's a clearer to fix all the global shite that goes wrong with floating. (c) John 2010.
-------------------------------------------------------------------------------------------------------------*/

.clearer
{
    clear: both;
    height: 0px;
    line-height: 0px;
}

/* Catalogues & Retail Packs */

ul.catalogue-list {list-style:none;}
ul.catalogue-list li {float:left; margin:25px 12px;}
ul.catalogue-list li a {border:4px solid #fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:0 3px 6px #999999; display:block;}
ul.catalogue-list li a:hover {border-color:#c6a945;}
ul.catalogue-list li a img {width:150px;}

ul.retail-pack-list {list-style:none;}
ul.retail-pack-list li {float:left; margin:20px 10px;}

/* Tipsy CSS - Basket Tooltips */

a.tooltip {display:block; float:left;}

.tipsy { padding: 5px; font:bold 11px arial; position: absolute; z-index: 100000; }
  .tipsy-inner { padding:10px; background:#000; color:#fff; max-width:300px; text-align: left; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-shadow:#000 1px -1px 0px; }
  .tipsy-arrow { position:absolute; background:url(/images/tipsy.gif) no-repeat top left; width:9px; height:5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }



/*--------------------------------------------------------------------------
Product Contents Pages
--------------------------------------------------------------------------*/

.cp-image {border:none !important; margin-right:20px;}