@import url('carousel.css');
@import url('forms.css');
@import url('content.css');

* {margin:0; padding:0;}
body {font-family:Arial; font-size:0.9em;color:#58585A}
.clear {clear:both;}
.hide {display:none !important;}

.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}

img {border:0;}
a {text-decoration:none; color:#03417b; cursor:pointer;}
a:hover {text-decoration:underline;}
a.disabled {text-decoration:none; cursor:default; outline:none;}
a.noHover {cursor:default;}

p, h1, h2, h3, h4, h5 {margin:0 0 0.8em;}
h1 {}
h2 {text-transform:uppercase; font-size:1.25em; clear:both;}
h3 {text-transform:uppercase; font-size:0.9em; font-family: Arial; color:#7b7c7e; clear:both;}
ul, ol {margin:0.8em 2em;}

h1.vHeader {display:block; float: left; width: 188px; height: 375px; margin-right: 10px; text-indent:-999em; overflow:hidden; text-align:left;}
div.vHeaderRight {border: 1px solid rgb(255, 120, 0); padding: 10px; float: left; width: 450px; height: 353px; font-size: small;}

hr {margin:1.5em 1em; color:#DDD; background-color:#DDD; border-color:#CCC; border-width:0 0 1px;}

div.left2Col {width:50%; float:left;}
div.right2Col {width:49%; float:right;}

div.ui-dialog {font-size:0.9em;}

div.outline {border:1px solid #dfe0e1; padding:20px;}

div#userContent ul li {
	background:url("/images/icons/tick.png") no-repeat 0 2px;
	list-style:none;
	padding:0 0 2px 25px;
}

div#toolbar {
    width:100%; 
    position:fixed;
    top:0; 
    left:0; 
    z-index:1002; /* Higher than the autocomplete - also made it higher than the javascript/browser alert as position fixed causes it to appear at the top of the body instead of at the top of the relative div - JWM (04/11/2011) */
    height:36px; 
    background:url(/images/template/toolbar-bg.png) repeat-x;
}
div#toolbar .inner {width:870px; margin:0 auto; line-height:29px; height:29px;}
div#toolbar a {color:#393939;}
div#toolbar div#homeLink {float:left; height:29px; line-height:29px;vertical-align:middle;}
div#toolbar img.pageLoading {display:none; float:left; margin:6px 0 0 70px;}
div#toolbar img {vertical-align:middle;}
div#toolbar div#language {float:right;}
div#toolbar div#language input {height:22px; vertical-align:middle;}

div#toolbar ul#topLinks {float:right; margin:0; position:relative; z-index:1001;}
div#toolbar ul#topLinks li {display:inline-block; padding:0 20px; text-transform:uppercase; font-size:0.8em;}
div#toolbar ul#topLinks ul {position:absolute; left:-999em; margin:0 0 0 -20px; border-top:1px solid #424242;}
div#toolbar ul#topLinks li:hover > ul {left:auto;}
div#toolbar ul#topLinks li li {display:block; border:1px solid #424242; border-top:0; width:300px; padding:0; background:#F7F7F7 url(/images/template/topnav-sub-hover.gif) bottom repeat-x;}
div#toolbar ul#topLinks li li a {text-decoration:none; background:#fffdfa; display:inline-block; width:260px; padding:0 20px;}
div#toolbar ul#topLinks li li a:hover {background:#8b8a8a;}

div#toolbar div.search {float:right; vertical-align:middle; height:29px;}
div#toolbar div.search label, div#toolbar div.search input.btnSearch {position:absolute; left:-999em; width:0; height:0;}
div#toolbar div.search span.searchBG {display:block; width:88px; height:29px; background:url(/images/template/search-bg.png) left no-repeat; vertical-align:middle; padding:0 24px;}
div#toolbar div.search span.searchBG input.textbox {background:none; color:#CCC; border:none; width:88px; height:17px; line-height:17px; outline:none; padding:5px 0;}
div#toolbar div.search span.searchBG input.focus {color:#000; font-weight:bold;}

div#wrap {background:#FFF; width:860px; margin:0 auto; padding:0 9px 9px; border:1px solid #b1b2b4;  z-index:4; /*overflow:hidden;*/}
div#wrap:after {height:0; display:block; clear:both; line-height:0; content:"."; visibility:hidden;}

div#header {position:relative; width:100%; height:170px; margin:0 0 5px;}
div#header a#logo {position:absolute; top:0; left:32px; z-index:2;}
div#header div.catHeader {width:811px; height:124px; background-position:right; background-repeat:no-repeat; position:absolute; right:0; top:0; z-index:1; }

div#breadcrumb {height:24px; width:670px; background:url(/images/template/breadcrumb-bg.gif) top repeat-x; line-height:24px; font-size:0.7em; padding:0 0 8px; position:absolute; bottom:0; right:0;}
div#breadcrumb ul {margin:0; text-transform:uppercase; font-weight:bold;}
div#breadcrumb li {display:inline; list-style:none; float:left; display:inline; padding:0 32px 0 12px; background:url(/images/template/breadcrumb-chevron.gif) right no-repeat;}
div#breadcrumb li:last-child {background-image:none;}
div#breadcrumb li.home a {float:left; width:18px; height:24px; background:url(/images/template/breadcrumb-home.gif) no-repeat; text-indent:-999em; overflow:hidden;}

div.itemsPerPage {float:right; margin-right:10px; display:none;}

div#leftCol { float:left; width:180px; font-size:0.8em; position:relative; z-index:4;}
    div.box {border:1px solid #cecfd0; padding:10px; margin:0 0 10px; background-color: #fffdfa;}
    div.box h2 {text-transform:uppercase; margin:0 0 0.5em; font-size:1.2em;}
    div.box h2 span {font-weight:normal;}
    
    div.vMenu ul {margin:0 0 0 1em;}
    div.vMenu ul li {padding:0em 0;}
    div.vMenu > ul > li {padding:0.3em 0;}
    div.vMenu a {display:block; outline:none;}
    div.vMenu ul ul {display:none;}
    div.vMenu ul ul li {font-size:0.9em; list-style:none;}
    div.vMenu ul ul li:hover {position:static;}
    div.vMenu ul ul ul {position:absolute; z-index:5; padding:0 0.4em; margin:-1.4em 0 0 100px; left:-999em; display:block; background:#FFF; border:1px solid #cecfd0; width:250px;}
    div.vMenu ul ul li:hover ul {left:auto;}
    div.vMenu ul ul ul li {font-size:1em;}
    div.vMenu a {color:#1a161a; text-transform:uppercase;}
    div.vMenu li.level2 a {text-decoration:none;}
    
    div.login {border:1px solid #cecfd0; padding:10px; color:#1a171b;}
    div.login ul li {color:#ffc956;}
    div.login ul li a {color:#1a171b;}
    
    div#miniBasket {}
    div#miniBasket ul {margin:0; }
    div#miniBasket ul li {display:block; list-style:none; padding-left:30px;}
    div#miniBasket ul li span.numUnits {float:left; margin:0 0 0 -30px;}
    div#miniBasket a.gradButton {margin:0 auto; display:block; font-size:1em;}
div#middleWrap {} 
div#content { float:left; width:670px; margin:0 0 0 10px; z-index:3; }
div.fullHeight {margin-bottom:-1000px !important; padding-bottom:1000px !important;}
#pageLoading {padding:20px; display:none; text-align:center;}

div#productFilterTop {background:#eeeef0 url(/images/template/prodfilter-bg.png) top repeat-x; min-height:66px; border-width:2px; border-style:solid; font-size:0.9em; position:relative; margin:0 0 1.0em; z-index:2;}
div#productFilterTop h3 {text-transform:uppercase; color:#1a171b; font-weight:normal; margin:5px 10px 10px;}
div#productFilterTop h3 strong {font-family:Arial;}
div#productFilterTop ul.filters {margin:0; padding:0 40px 5px 0;position:relative;z-index:1;}
div#productFilterTop li {display:inline-block; vertical-align:top; height:2.4em; list-style:none; padding:0 0 0 10px;}
div#productFilterTop li a {color:#1a171b; padding:0 12px 0 0; background:url(/images/template/prodFilter-chevron.png) right no-repeat; font-size:0.9em; display:block;}
div#productFilterTop li div.activeFilters a {display:inline;} 
div#productFilterTop li div a {padding:0; background:none;}
div#productFilterTop span.topRight {position:absolute; right:0; top:0; width:100px; height:66px; overflow:hidden; text-indent:-999em;}
div#productFilterTop span.currentCategory {text-transform:none;}
div#divNumResults {position:absolute; bottom:-2em; left:0;}
div.activeFilters a {font-weight:bold;}

div#divCriteria {display:none; position:absolute; z-index:10; clear:left; padding:41px 20px 20px; margin-top:4px; /*width:300px;*/ overflow:visible !important;}
span#bubble-content {max-height:300px; overflow:auto; padding:0 10px 0 0; margin:0; min-width:200px;}

/* Close button hidden for now as it's not necessary - JWM (11/01/2010)*/
div#productFilterTop li div#divCriteria a.closeFilter {display:none; position:absolute; right:-10px; bottom:-10px; font-size:0.9em; width:20px; height:20px; text-indent:-999em; overflow:hidden; background:url(/images/template/bubble-close.png) top left no-repeat;}
div#productFilterTop li div#divCriteria a.closeFilter:hover {background-position:1px 2px;}

div#footer {font-size:0.8em; text-align:center; margin:10px 0;}

div.categoryBox {
    float:left;
    width:142px;
    height:160px;
    margin-right:10px;
    margin-bottom:10px;
    color: #58585A;
    cursor: pointer;
    font-size: 0.7em;
    border:1px solid #CCC;
    padding:8px;
}
div.categoryBox:hover {border-color:#000;}

/*  Product pages */
div.productGridLoading {text-indent:-999em; overflow:hidden; height:32px; background:url(/images/lightbox/loading9.gif) center no-repeat; display:none; clear:both;}
div#prodGridLeft div.productGrid {width:auto;}
div.productGrid {width:680px; overflow:hidden; clear:both;}
.productGridHeader {border-bottom:6px solid #03417B; margin:0 0 -1px; line-height:28px; overflow:hidden; width:672px; position:relative; z-index:10; }
.productGridHeader span {float:left; clear:both; background:#03417B url(/images/template/tabsMask1.png) top left no-repeat; padding:0;}
.productGridHeader span span {background: url(/images/template/tabsMask1.png) top right no-repeat; margin:0; padding:0 6px; display:block; margin-bottom:-6px;}
.productGridHeader span span a { color:#FFF; font-size:1em; font-weight: 700; }
div.product {
    background:#fff;
    float:left;
    width:160px;
    height:190px;
    margin:0 8px 8px 0;
    color: #7b7c7e;
    cursor: pointer;
    position:relative;
    font-size:0.75em;
    border:1px solid #ccc;
}
div.product:hover {border-color:#000;}
div.product div.prodIcons {position:absolute; top:0; left:0; height:20px; padding:5px;}
div.product div.prodBrand {position:absolute; top:0; left:0; height:20px; padding:5px;}
div.product a.prodImg {display:block; text-align:center;height:125px; margin-top:25px; overflow:hidden;}
div.product div.prodDesc {position:absolute; bottom:0; left:0; padding:5px; height:35px;}
div.product div.prodDesc span.prodCode {float:left; font-weight:bold; width:35px;}
div.product div.prodDesc span.prodName {float:left; width:115px;}
div.product img.productBanner {position:absolute; top:0; right:0; z-index:12; margin-right:-5px; margin-top:-6px;}

div.productLegend {line-height:32px; margin:10px 0; font-weight:bold; text-transform:uppercase; font-size:0.9em; overflow:hidden;}
div.productLegend > div {margin-right:30px; float:left;}
div.productLegend > div > img {float:left;}

div#prodGridLeft {float:left; width:510px;}
div#prodGridRight {float:right; width:160px;}

div.pager {width:100%; clear:both; color:#9c9d9f; text-transform:uppercase; font-size:0.8em; overflow:hidden; padding:5px 0;}
div.pager ul {margin:0;float:right;}
div.pager li {display:inline-block; color:#000; padding:0 2px;}
div.pager li a {color:#9c9d9f;}

/*div.productGrid div.pager {width:668px;}*/
div#prodGridLeft div.pager {width:100%;}

div.pager span {float:left;}

div.productBox {position:relative; border:3px solid #ccc; font-size:0.9em; padding:14px; margin:0 0 0.8em;}
    div.prodActions {width:100%; clear:both; overflow:hidden;}
    div.prodActions a {float:left; display:inline; margin:0 3px; width:19px; height:19px; text-indent:-999em; text-align:left; overflow:hidden; background-position:top left;}
    div.prodActions a:hover {background-position:bottom left;}
    div.prodActions a.email {background-image:url(/images/template/email.gif);}
    div.prodActions a.print {background-image:url(/images/template/print.gif);}
    div.prodActions a.download {background-image:url(/images/template/download.gif);}
    div.prodActions a.edit {background-image:url(/images/template/edit.gif);}    
    div.productBox a.manufacturer {position:absolute; top:14px; right:329px;}
    div.productBox a.close {overflow:hidden; display:block; width:15px; height:15px; text-indent:-999em; text-align:left; background:url(/images/template/close.gif) top left no-repeat; position:absolute; top:3px; right:3px;}
    div.productBox a.close:hover {background-position:bottom left;}
    table.prodDetails {width:100%;}
    table.prodDetails td {vertical-align:top;}
    table.prodDetails td.label {width:95px; font-weight:bold; padding-right:5px;}
    table.prodDetails td.value {}
    div#Product {padding:0 0 12px;}
    
    div.imgThumbs {width:300px; height:102px; overflow:hidden;}
        div.imgThumbs-inner {height:102px; position:relative;}
            a.lightboxThumb {float:left; display:inline; width:100px; height:102px; outline:none;}
            a.lightboxThumb img {background:#FFF; display:inline-block; width:100px; height:100px; border-bottom:2px solid #FFF;}
            a.lightboxThumb:hover img, a.lightboxThumb img.selected {border-bottom:2px solid #DDD;}
            
            div#lightbox-container-image-box {min-width:320px;}
            div#lightbox-container-image-data-box {min-width:300px;}
    #thumbSliderBG {width:280px; margin:6px 0; padding:0 15px; height:12px; border:0; background:url(/images/template/slider.gif) top left no-repeat; cursor:pointer; position:relative;}
        #thumbSlider {width:268px; height:12px; border:0; background:none; cursor:pointer;}
        #thumbSlider .ui-slider-handle { border:0; background:url(/images/template/handle.png) center no-repeat; height:12px; width:12px; /*cursor:move;*/ top:0; margin:0;}
        #thumbSliderBG a.slidePrev, #thumbSliderBG a.slideNext {width:12px; height:12px; text-align:left; text-indent:-999em; overflow:hidden; outline:none; position:absolute; top:0;}
        #thumbSliderBG a.slidePrev {left:0;}
        #thumbSliderBG a.slideNext {right:0;}
    div.pnlCompare {margin:8px 0;}
    div#prices {margin:20px 0 20px 30px; float:left; clear:both;}
    div#prices .price {font-weight: bold;}
    div#prices .price span.unitOfMeasure {font-size:0.6em; text-transform:uppercase;}
    div#prices .price h3 {font-size:1em; margin:0;}
    div#prices div#loading {margin:20px;}
    div#prices #spanCatalogPrice {font-size:1.8em;}
    div#prices #divYourAgreement {margin:20px 0 0; background:#D9DADB; padding:5px 8px;font-size:2.6em;}
    div#prices #divYourAgreement h3, span.unitOfMeasure {font-size:0.4em; margin:0;}
    div#prices #divYourAgreement a.whatIsThis {font-size:0.9em; font-weight:bold;}
    div#prices #divYourAgreement span.unitOfMeasure {font-size:0.4em;}
    
    /* Assortments */
    table.assortment { border-collapse:collapse;}
    table.assortment td.assortmentCol, table.assortment td.assortmentName {
        width:25px;
        font-size:10px;
        font-family:Arial;
        text-align:center;
        background-color:#CCC;
        font-weight:bold;
    }
    table.assortment td.assortmentName {width:120px;}
    table.assortment td.assortmentName table {width:100%;}
    
    table.assortment td.alt {background:#FFF;}
       
    td.variantSize {width:150px;height:28px;}
    td.assortmentStock, td.variantStock {width:152px;}
    td.assortmentQty, td.variantQty {width:100px;}
    td.assortmentQty input, td.variantQty input {width:98%;}
    
    div.ColourScrollLink {
        display:block;
        position:absolute;
        height:30px;
        cursor:pointer;
        left:0; 
        right:0;
        top:0;
        z-index:3;
        background:#CCC url(/images/template/scrollUp.png) center no-repeat;
    }
    div.ColourNextLink {top:auto;bottom:0; background-image:url(/images/template/scrollDown.png);}
    div.ColourScrollLink:hover {background-color:#777;}

div.buyNow {text-align:right; margin:20px 0 10px 0; }
div.buyNow a { cursor: pointer; }
/*#buyNowButton {padding:10px; border-width:1px; border-style:solid; width:450px; }*/
#buyNowButton.disabled { background-position:bottom; cursor:default; }

.checkoutButton {float:right;}
.completeOrderButton {background-color:#03417b; font-variant:small-caps; font-weight:bold; font-size:18px; padding:10px; text-align:right;float:right; }

a.imgProductMain {display:block;}
a.imgProductMain img {background:#FFF; display:block;}

span#bubble-content {background:#FFF; display:block; position:relative; z-index:2;}
span#bubble-top {background:#FFF; border-top:2px solid #000; position:absolute; top:21px; display:block; height:20px; left:20px; right:20px;}
span#bubble-btm {background:#FFF; border-bottom:2px solid #000; position:absolute; bottom:0; display:block; height:20px; left:20px; right:20px;}
span#bubble-left {background:#FFF; border-left:2px solid #000; position:absolute; left:0; display:block; width:20px; top:41px; bottom:20px;}
span#bubble-right {background:#FFF; border-right:2px solid #000; position:absolute; right:0; display:block; width:20px; top:41px; bottom:20px;}
span.bubble-corner {position:absolute; width:20px; height:20px; background:url(/images/template/bubble.png) no-repeat;}
span#bubble-tl {left:0; top:21px; background-position:top left;}
span#bubble-tr {right:0; top:21px; background-position:top right;}
span#bubble-bl {bottom:0; left:0; background-position:bottom left;}
span#bubble-br {bottom:0; right:0; background-position:bottom right;}
span#bubble-arrow {position:absolute;  left:20px; top:0; background-position:top left; width:28px; height:23px; background:url(/images/template/bubble-arrow.png) top left no-repeat;}
span#bubble-content table {width:100%;}
span#bubble-content table td {padding:0 3px;}
.translatable { font-weight:bold; font-size:xx-smalll; cursor:help; color:Fuchsia }
.translatable:hover { color:Red; font-size:x-large }

table.dtgAddToBasket {font-size:0.9em;}
table.dtgAddToBasket th {background:#d9dadb; text-transform:uppercase; text-align:left; color:#000; padding:2px;}
table.dtgAddToBasket td {padding:3px;}
table.dtgAddToBasket select {max-width:300px;}
table.dtgAddToBasket tr.odd td,  table.dtgAddToBasket tr.even td { border-bottom:1px solid #e3e4e4; }

table.dtgAddToBasket .disabled { background-color:#F2F2F2; }

table.basket { border-collapse: collapse }
table.basket td, table.basket th {padding:3px; border:none !important;}
/*
table.basket {font-size:0.9em;}
table.basket a {color:#7b7c7e;}
table.basket th {background:#FFF; font-family:Arial; color:#7b7c7e; text-transform:uppercase; text-align:left; padding:3px; font-size:0.9em; }
table.basket td {padding:3px; border:0 !important;}
table.basket .colTotal {width:80px; text-align:center;}
*/

a.imgProduct {border:1px solid #c5c7c8; display:block;}
a.delete {
    display:inline-block;
    height:16px;
    width:16px;
    background: url(/images/template/delete.png) no-repeat;
    overflow:hidden;
    text-indent:-999em;
}

table.basketTotal {width:100%; border-collapse:collapse; float:none !important;}
table.basketTotal td {padding:3px 0;}
table.basketTotal td.label {text-align:right; padding-right:20px; font-weight:bold;}
table.basketTotal td.value {width:80px; text-align:center;}
table.basketTotal tr.total td {border-top:2px solid #7b7c7e;}
div.subBasket {/*float:none !important;*/}

table.orderDetails {font-size:1em !important; width:100%;}

span.button {display:inline-block; height:24px; background:url(/images/template/btnLeft.png) left no-repeat; padding:0 0 0 12px;}
span.button a {display:inline-block; outline:none; height:24px; background:url(/images/template/btnRight.png) right no-repeat; color:#1a171b; padding:0 30px 0 0; line-height:24px; font-size:0.75em; text-transform:uppercase;}
span.button a:hover {text-decoration:none; color:#666;}
span.button a:active {color:#000;}
span.button a.disabled {color:#1a171b; cursor:default;}

span.btnBack {background:url(/images/template/btnBackRight.png) right no-repeat; padding:0 12px 0 0;}
span.btnBack a {background:url(/images/template/btnBackLeft.png) left no-repeat; padding:0 0 0 30px;}

span.btnBasket {background:url(/images/template/btnAddToBasket-left.png) left no-repeat; padding:0 0 0 23px;}
span.btnBasket a {background:url(/images/template/btnAddToBasket-right.png) right no-repeat; padding:0 10px;}

table.addresses {width:100%;}
table.addresses td {width:50%;}

table.form {}
table.form td.label {font-weight:bold; padding-right:20px; color:#7b7c7e; font-size:0.9em;}
table.form td.value input.textbox, table.form td.value select.ddl {border:1px solid #c5c7c8; padding:2px; font-size:0.9em;}

ul.checkoutSteps {width:100%; margin:0 0 12px; padding-top:20px; background:url(/images/template/bar-basket.gif) top no-repeat; overflow:hidden; clear:both;}
ul.checkoutSteps li {display:inline; float:left; width:167px; font-family:Arial; font-size:0.8em; font-weight:bold; text-transform:uppercase; text-align:center; color:#03417b; /*border-left:1px solid #DDD;*/}
ul.checkoutSteps li.first {/*border-left:0;*/ width:168px;}
ul.checkoutSteps li.last {width:168px;}
ul.checkoutSteps li h1 {margin:0; font-size:1em;}

ul.checkout0 {background-image:url(/images/template/bar-basket.gif);}
ul.checkout1 {background-image:url(/images/template/bar-checkout1.gif);}
ul.checkout2 {background-image:url(/images/template/bar-checkout2.gif);}
ul.checkout3 {background-image:url(/images/template/bar-checkout3.gif);}

/*div.coda-nav {visibility:hidden;}*/

table.tblNews {width:100%; font-size:0.85em;}
table.tblNews td, table.tblNews th {border-collapse:collapse; padding:4px; border-bottom:1px solid #E6E6E6;}
table.tblNews th {font-weight:bold; text-transform:uppercase; text-align:left; border-bottom:1px solid #D0D0D0;}
table.tblNews td.colView {font-weight:bold;}
table.tblNews td.colDate {width:180px;}

#pgSearch {width:672px; }
#pgSearch .coda-slider {margin:0;}
#pgSearch .panel-wrapper {padding:10px 0 0;}
#pgSearch .panel, #pgSearch .coda-slider {width:672px;}
#pgSearch .coda-nav ul {width:auto !important;}

#pgSearch .coda-nav-left, #pgSearch .coda-nav-right {display:none;}

table.tbl {}
table.tbl td, table.tbl th {padding:4px;}

.gradButton {height:39px; line-height:39px; background:url(/images/template/btnGradient1.gif) top repeat-x; display:inline-block; font-weight:bold; color:#FFF; text-decoration:none; text-transform:uppercase; font-size:0.8em;}
a.gradButton:hover {background-position:bottom; text-decoration:none;}
.gradButton span {height:39px; background: url(/images/template/btnGradient1Mask1.png) bottom left no-repeat; display:block;}
.gradButton span span {height:39px; background-position:top right; display:block; padding:0 0.8em; text-align:center;}
.gradButton span span span {background:none; padding:0;} 
div.box .gradButton span {background-image:url(/images/template/btnGradient1Mask2.png);}
#homeButtons .gradButton {width:164px; background-image:url(/images/template/btnGradient2.gif); color:#FFF;}
.gradButton.disabled {opacity:0.5;}
.gradButton.disabled:hover {background-position:top;}


@font-face { font-family: Arial Narrow; src: url('/system/fonts/arial_narrow.ttf'); }
ul.LatestNews {margin:0; padding:2px 0 0;}
ul.LatestNews li {list-style:none; border:1px solid #b5b6b8; background:#f6f6f5; color:#363636; margin:-1px 0 0;font-family: Arial Narrow; }
ul.LatestNews li a {display:block; height:40px; padding:8px 5px; text-decoration:none; background: url(/images/template/dbl-chevron.png) 95% 50% no-repeat;}
ul.LatestNews li a.selected, ul.LatestNews li a:hover {background-color:#e3e3e0;}
ul.LatestNews li p span {font-family: Arial Narrow, Arial; font-size:13px}
ul.LatestNews li h3, ul.LatestNews li p {float:left; font-weight:normal; margin:0; color:#363636; width:250px;}
ul.LatestNews li h3 {width:80px; text-align:center; padding:0 0 0 15px;font-family: Arial Narrow;}
ul.LatestNews li h3 span {float:left;}
ul.LatestNews li h3 span span {clear:both; margin:0 0 0 5px; font-size:1.15em;}
ul.LatestNews li h3 span.day {font-size:3em; line-height:0.8em; width:35px; text-align:center; padding:4px 5px 0 0}
ul.LatestNews li h3 span.month {}
ul.LatestNews li h3 span.year {}

a.joinUs {float:right; text-align:left; text-indent:-999em; overflow:hidden; background:url(/images/template/join-now-en.png) no-repeat; width:254px; height:174px;}

a.signupNewsletter {float:right; text-align:left; text-indent:-999em; overflow:hidden; width:254px; height:174px;}

div#prodFilterVertical {/*background:none;*/ font-size:small; padding:10px 10px 10px; background-repeat:no-repeat;background-position:top right; }
div#prodFilterVertical h3 {margin:0;color:#03417b;font-size:14px;}
div#prodFilterVertical ul { margin:0 0 1em; list-style:none;}
div#prodFilterVertical ul li a, div#prodFilterVertical ul li span { outline:none; display:block; padding:0 0.4em; font-size:0.8em; text-transform:uppercase; color:#555; text-decoration:none;}
div#prodFilterVertical ul li a:hover {color:#4A4;}
div#prodFilterVertical ul li.more a { outline:none; text-align:right; font-size:0.75em;}
div#prodFilterVertical ul.filters li a { padding:0.6em 0.6em 0.6em 32px; background:url(/images/template/tick.png) 8px 50% no-repeat;  }
div#prodFilterVertical ul.filters li a:hover, div#prodFilterVertical ul.filters li span:hover {background-image:url(/images/template/delete.png);}
div#prodFilterVertical ul.filters li a.hasParent:hover {background-image:url(/images/template/GoUp.png);}
div#prodFilterVertical ul.filters li span {background-image:none;display:block;font-weight:bold;line-height:18px;font-size:11px;}
div#prodFilterVertical ul.filters li span:hover {background-image:none;}
div#prodFilterVertical ul.filters li span.parentNav1 {margin-left:7px;margin-top:10px;}
div#prodFilterVertical ul.filters li span.parentNav2 {margin-left:15px;}

table.dataTable {border-collapse:collapse;}
table.dataTable tr {border:1px solid #b5b6b8;}
table.dataTable tr:hover td {background-color:#e3e3e0;}
table.dataTable tr td {padding:5px;}
table.dataTable tr:hover a {color:#363636;}

table.myDownloads tr {cursor:pointer;}

div#holidays {margin:12px 0; background:#e3e3e0; padding:12px; border:1px solid #d8d9d9;}
div#holidays h3 {color:#ff0600; text-transform:none;}
div#holidays th {text-align:left;}

a.contentLink { text-decoration:none; border-bottom:1px dotted orange;}
a.contentLink:hover { text-decoration:underline; border:none}

div.compatabilityAlert {
    background:none repeat scroll 0 0 #FFF;
    border-bottom:1px solid #CCCCCC;
    padding:20px;
    position:relative;
    z-index:1002;
    text-align:center;
}
#browserIcons {margin:0 auto;}
#browserIcons li {display:inline;}
div.compatabilityAlert p {width:960px; margin:0 auto 0.8em;}
div.compatabilityAlert p.last-child {margin-bottom:0;}

/* Javascript dependant styles */
.hideOnStart {display:block;}
body.javascript .hideOnStart {display:none;}

.loading {display:none;}
body.javascript .loading {display:block;}
body.javascript #content {visibility:hidden;}



/* Autocomplete gubbins */
div.autoCompleteWrap {margin:0 0 0 -142px; background:#FFF; width:230px !important; border:1px solid #CCC; text-align:left;}
div.autoCompleteWrap ul {list-style:none; margin:0; line-height:1em;}
div.autoCompleteWrap img.loading {margin:4px auto;}
li.autoCompleteItem, li.autoCompleteHighlight {
    border-top:1px solid #CCC;
    padding:5px 10px;
    cursor: pointer;
    font-size: 0.75em;
}
li.autoCompleteHighlight {
    background-color: #0076C0;
    color: White;
}


/* Logos */
ul.logos {margin:0; font-size:0.75em;}
ul.logos li {list-style:none; display:inline-block; margin:2px; width:160px; height:100px; vertical-align:top}
ul.logos li img {width:160px; height:55px; display:block;}
ul.logos li a {display:block; text-align:center; font-weight:bold; color:#7b7c7e; text-decoration:none;}
ul.logos li a:hover {color:#444;} 
ul.logos li a:hover img {opacity:0.8; /* filter:alpha(opacity=80); commented out because of IE's atrocious handling of transparency - black edges */ }

input.textbox.error, input.checkbox.error { background-color: Pink; border: 2px dashed Red; }

/* Tabbed Carousel (Homepage) */
.TCNav {float:left; width:160px; margin:0; position:relative; z-index:101;}
.TCNav li {
    list-style:none; 
    display:block; 
    margin:0 0 1px; 
    line-height:31px;
}
.TCNav li a {
    text-decoration:none;
    background:url(/images/template/tcgradient.png) top right no-repeat;
    display:block;
    height:63px;
    line-height:63px;
    padding:0 0.5em; 
    color:#333;
    margin-right:-13px;
}
.TCNav li a.active {background-position:bottom right;color:#FFF;}
.TCCarousel {float:right; width:510px; overflow:hidden; position:relative;}
.TCCarousel .productGrid {width:510px;}

.TCCarousel:last-child div.product div.prodDesc {padding-left:10px;}
.TCCarousel:last-child div.product div.prodDesc span.prodName {width:110px;}

.DeliveryDelayWarning {
    font-size:1em;
    font-weight: 700;
    font-style:italic;
    color:#ff0000;
    margin: 0.4em 0 0.8em 0;
}