/* Scaleways Screen Styles */
/* Copyright(C)2007 Source Internet Development Ltd */

html {height: 100%;}
body {height: 100%; margin: 0; padding: 0; text-align: left; background: top left repeat-y url(../images/left-bg.gif) #EEF0F2;}


/* Page Layout Styles */
#header {margin: 0; padding: 0; background-color: #fff; height: 95px;}
#headerTextDIV {margin: 0 0 10px 0; text-align: right; position: absolute; right: 26px; top: 12px;}
#menuContainer {margin: 0; padding: 0; position: absolute; right: 24px; top: 65px; /* height = header height - button height (30) */}
#menuContainer .menuTab {margin-left: 5px;}


#contentArea {margin:0 0 0 200px; padding: 0;}

#leftMenu {position:absolute; top:160px; left:0; width:200px;}


#optionsArea {width: 100%; height: 65px; background: top left repeat-x url(../images/bg-options-area.gif) #D3F8FD; padding: 0;}
#searchArea {padding: 22px 0 0 20px; float: left;}
.pageSearchBox {margin: 0; width: 200px; border: 1px solid #64AAB4; padding: 4px 3px 5px 3px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #48495D;}
.pageSearchButton {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #09496A; padding: 2px 4px 2px 4px; margin-left: 3px;}
#orderArea {float:right; padding: 22px 25px 0 0; margin: 0;}
.orderButton {margin-left: 7px;}
#orderTextDIV {float: left; font-family: Tahoma, Helvetica, sans-serif; font-size: 70%; margin: 8px 10px 0 0; padding: 0; color: #092655;}
#orderButtonsDIV {}

#categoryList {margin: 8px 0 35px 0; padding: 0;}
#categoryList li {list-style-type: none; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%;}
#categoryList li a {color: #0D377C; font-size: 100%; text-decoration: underline; margin: 0; padding: 3px 0 4px 20px; display: block;}
#categoryList li a:hover {color: #fff; font-weight: bold; background-color: #0D377C; text-decoration: none; display: block;}

#paymentCards {margin: 10px 0 35px 20px;}
#verisignLogo, #safebuyLogo {margin: 10px 0 22px 20px;}

#homeBanner {background: top repeat-x url(../images/bg-home-banner.gif) #FFF3A1;}
TABLE.bannerTable {border: 0; padding-top: 3px; width: 100%;}
TABLE.bannerTable TD.bannerLeft {padding: 20px 25px 25px 25px;}
TABLE.bannerTable TD.bannerRight {vertical-align: top; margin: 3px 0 0 0;}

TABLE.homeProductsTable {border: 0; margin: 0 0 20px 0; width: 100%;}
TABLE.homeProductsTable TR.topRow {background: top left repeat-x url(../images/bg-banner-bottom.gif); height: 15px;}
TABLE.homeProductsTable TD.endColumns {background-image: #333333; width: 20px;}
TABLE.homeProductsTable TD.topStretchCell {background: left repeat-x url(../images/bg-productbox-top.gif); height: 15px;}
TABLE.homeProductsTable TD.topLeftCell {background: left no-repeat url(../images/bg-corner-topleft.gif); width: 19px; height: 15px;}
TABLE.homeProductsTable TD.topRightCell {background: left no-repeat url(../images/bg-corner-topright.gif); width: 19px; height: 15px;}
TABLE.homeProductsTable TD.seperatorCell {width: 22px;}
TABLE.homeProductsTable TD.midSeperatorCell {height: 16px;}
TABLE.homeProductsTable TD.topRightCellImage {}
TABLE.homeProductsTable TD.leftCell {width: 19px; background: top repeat-y url(../images/bg-productbox-left.gif);}
TABLE.homeProductsTable TD.rightCell {width: 19px; background: top repeat-y url(../images/bg-productbox-right.gif);}
TABLE.homeProductsTable TD.imageCell {text-align: center; height: 114px; background-color: #fff;}
TABLE.homeProductsTable TD.descCell {text-align: center; padding: 8px 0 12px 0; background-color: #fff;}
TABLE.homeProductsTable TD.priceCell, TABLE.homeProductsTable TD.priceCellLeft, TABLE.homeProductsTable TD.priceCellRight {background-color: #0D377C;}
TABLE.homeProductsTable TD.priceCell2, TABLE.homeProductsTable TD.priceCellLeft2, TABLE.homeProductsTable TD.priceCellRight2 {background-color: #C40000;}
TABLE.homeProductsTable TD.priceCell, TABLE.homeProductsTable TD.priceCell2 {text-align: center; padding: 6px 0 9px 0;}
TABLE.homeProductsTable TD.topLeftCell2 {background: left no-repeat url(../images/bg-corner-topleft2.gif); width: 19px; height: 15px;}
TABLE.homeProductsTable TD.topRightCell2 {background: left no-repeat url(../images/bg-corner-topright2.gif); width: 19px; height: 15px;}

#homeProducts {}
#homeManufacturers {background: top left repeat-x url(../images/bg-manufacturerbox-main.gif) #18396D; width: 100%;}
#homeManufacturersBottom {background: top left repeat-x url(../images/bg-manufacturerbox-bot.gif); width: 100%; height: 4px;}

TABLE.homeManuTable {border: 0; margin: 0 0 20px 10px;}
TABLE.homeManuTable TD {padding-right: 35px; vertical-align: top;}

#manufacturerList {margin-top: 15px;}
#manufacturerList li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #fff; list-style-type: square; margin-bottom: 3px;}
#manufacturerList li a {color: #fff}
#manufacturerList li a:hover {color: #4373C3;}

#footerDIV {}

#productArea {background: top left repeat-x url(../images/bg-toplines.gif) #fff; padding: 0 25px 0 22px;}
#breadcrumbArea {margin: 0; padding: 16px 0 0 0;}

#productPhoto {background-color:#333333; margin: 0 22px 30px 30px; }

TABLE.productSpecTable {border: 0; margin: 0 25px 0 0; border-collapse: collapse;}
TABLE.productSpecTable TH.centeredHeader, TABLE.productSpecTable TH.leftHeader {background-color: #0D377C; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #fff;}
TABLE.productSpecTable TH.centeredHeader {text-align: center; padding: 8px 8px 9px 8px;}
TABLE.productSpecTable TH.leftHeader {text-align: left; padding: 8px 8px 9px 8px;}
TABLE.productSpecTable TD.leftMainCell, TABLE.productSpecTable TD.centeredMainCell {color: #444444; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 80%; border: 1px solid #CCCCCC;}
TABLE.productSpecTable TD.leftMainCell {text-align: left; padding: 8px 8px 9px 8px;}
TABLE.productSpecTable TD.centeredMainCell {text-align: center; padding: 8px 8px 9px 8px;}
TABLE.productSpecTable TD.radioButtonCell {text-align: center; width: 45px; border: none; border: 1px solid #CCCCCC;}
TABLE.productSpecTable TR.highlightedRow {background-color: #FFFFDF;}

TABLE.productBuyTable {border: 0; margin: 10px 25px 0 0; border-collapse: collapse;}
TABLE.productBuyTable TD.arrowCell {vertical-align: top;}
TABLE.productBuyTable TD.descCell {background-color: #D3F8FD; border: 3px solid #84C6CF; border-right: none; color: #0D377C; padding: 14px 30px 22px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold;}
TABLE.productBuyTable TD.buyCell {background-color: #D3F8FD; border: 3px solid #84C6CF; border-left: none; padding: 0 20px 0 0;}

.catImage {border: 1px solid #d0d0d0;}
TABLE.categoryTable {border: 0; margin: 10px 0 35px 22px;}
TABLE.categoryTable TD.catImageCell {width: 220px; text-align: left; vertical-align: top;}
TABLE.categoryTable TD.catDescCell {padding-left: 30px; text-align: left; vertical-align: top;}

#subcatLinks {margin: 0 20px 0 0; float: left;}
#subcatLinks ul {margin-top: 5px; margin-left: 0; padding-left: 18px;}
#subcatLinks li {list-style-image:url(../images/subcat-bullet.gif); padding-bottom: 3px; font-size: 100%;}
#subcatLinks li a {font-family: Verdana, Arial, Helvetica, sans-serif; color: #3867B4; font-size: 80%; font-weight: bold;}
#subcatLinks li a:hover {color: #000; font-weight: bold;}


#prodListingsHeader {margin: 0 0 6px 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #0D377C;}
#prodListingsHeader a {font-size: 100%; color: #838383;}
#prodListingsHeader a:hover {font-size: 100%; color: #000;}

TABLE.prodListingsTopTable {margin: 0; padding-bottom: 13px; width: 100%; border: 0; background: bottom left repeat-x url(../images/bg-prodlistings-line.gif);}
TABLE.prodListingsTopTable TD.rolldownCell {margin-left: 22px; text-align: left; padding-left: 22px;}
TABLE.prodListingsTopTable TD.pagingCell {margin: 0; text-align: right; padding-right: 22px;}

TABLE.prodListingsBotTable {margin: 0; padding: 15px 0 35px 0; width: 100%; border: 0;}
TABLE.prodListingsBotTable TD.pagingCell {margin: 0; text-align: right; padding-right: 22px;}

.listingsSorter {margin: 0;}

TABLE.listingsPaging {border: 0; margin: 0;}
TABLE.listingsPaging TD {margin: 0;}

#pageNumberingDIV {}
#pageNumberingDIV ul {padding: 0; margin: 0; background-color: #036; font-family: Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 80%;}
#pageNumberingDIV ul li {display:inline;}
#pageNumberingDIV ul li a {padding: 2px 9px 2px 9px; margin: 0 2px 0 2px; background-color: #fff; color: #0D377C; text-decoration: none; float: left; border: 1px solid #D0D0D0;}
#pageNumberingDIV ul li a:hover {background-color: #3867B4; color: #fff; border: 1px solid #3867B4;}

.listSelected {padding: 2px 9px 2px 9px; margin: 0 2px 0 2px; background-color: #fff; text-decoration: none; float: left;}


TABLE.productListingsTable {border: 0; width: 100%; margin: 0 0 0 0;}
TABLE.productListingsTable TR.mouseOverRow {background-color: #FFFFDF;}
TABLE.productListingsTable TD.thumbCell {border-bottom: 1px dotted #666; text-align: left; width: 160px;}
TABLE.productListingsTable TD.titleCell {border-bottom: 1px dotted #666; text-align: left;}
TABLE.productListingsTable TD.pricingCell {border-bottom: 1px dotted #666; text-align: right; padding-right: 20px;}

.thumbImage {border: 1px solid #D0D0D0; margin: 10px 0 12px 23px;}

TABLE.basketTable {border: 0; margin: 0; border-collapse: collapse;}
TABLE.basketTable TH.leftHeader, TABLE.basketTable TH.rightHeader {background-color: #0D377C; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #fff;}
TABLE.basketTable TH.leftHeader {text-align: left; padding: 8px 30px 9px 15px;}
TABLE.basketTable TH.rightHeader {text-align: right; padding: 8px 15px 9px 0;}
TABLE.basketTable TD.leftMainCell, TABLE.basketTable TD.rightMainCell, TABLE.basketTable TD.centreMainCell {color: #444444; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 80%; border: 1px solid #CCCCCC; border-left: none; border-right: none;}
TABLE.basketTable TD.leftMainCell {text-align: left; padding: 8px 30px 9px 15px;}
TABLE.basketTable TD.rightMainCell {text-align: right; padding: 8px 15px 9px 0;}
TABLE.basketTable TD.centreMainCell {text-align: center; padding: 8px 15px 9px 15px;}

#basketContentsDIV {background-color: #F0FDFF; border: 1px solid #CCCCCC; margin: 19px 0 0 0; padding: 15px; width: 600px;}
TABLE.basketTotals {border: 0; margin: 0;}



/* Text Styles */
h1 {display: none; margin: 0;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 110%; font-weight: bold; font-style: italic; color: #1D4485; margin: 0;}
h2 strong {color: #C80000;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #0D377C; font-size: 130%; font-weight: bold; width: 300px; margin: 0 0 10px 0; padding: 0 0 3px 0; border-bottom: 1px dotted #666;}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 100%; font-weight: bold; width: 300px; margin: 0 0 0 25px; padding: 20px 0 3px 0; border-bottom: 1px dotted #1B4B9C;}

.orderTextAmount {font-weight: bold; font-size: 100%; color: #C80000;}

.largeLeftHeading, .smallLeftHeading {margin: 0 31px 0 20px; padding: 0 0 6px 0; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px dotted #666666;}
.largeLeftHeading {font-size: 90%; font-weight: bold; color: #000; line-height: 100%;}
.smallLeftHeading {font-size: 70%; color: #444C5B; line-height: 120%;}

.homeText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #000; line-height: 120%; margin: 0 0 10px 0;}
a.homeText {font-weight: bold; font-size: 100%; color: #0D377C;}
a.homeText:hover {color:#CC0000;}

.homeProductLink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin: 0;}
a.homeProductLink {font-weight: bold; font-size: 100%; color: #092758;}
a.homeProductLink:hover {color: #006600;}

.homeManuText {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 85%; color: #092758; margin: 1px 0 3px 0;}

.homeProductGreyText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #808080; margin: 0 0 0 0;}
a.homeProductGreyText {font-size: 100%; color: #808080; font-weight: bold;}
a.homeProductGreyText:hover {color: #000000; font-weight: bold;}

.homePriceEx {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #fff; margin: 0;}
.homePriceInc {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #C5C5C5; margin: 0;}

.footerText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #676767; margin: 0 0 2px 0;}
a.footerText {font-size: 100%; color: #0D377C;}
a.footerText:hover {color: #000; text-decoration: none;}

.breadcrumbText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #0D377C; margin: 0;}
a.breadcrumbText {font-size: 100%; color: #0D377C; margin: 0;}
a.breadcrumbText:hover { color: #CC1111; margin: 0;}

.productTitle {font-family: Verdana, Arial, Helvetica, sans-serif; color: #0D377C; font-size: 110%; font-weight: bold; margin: 10px 0 10px 0; padding: 0 0 3px 0; border-bottom: 1px dotted #666;}
.productSubTitle {font-family: Verdana, Arial, Helvetica, sans-serif; color: #0D377C; font-size: 90%; font-weight: bold; margin: 30px 0 10px 0; padding: 0 0 3px 0; border-bottom: 1px dotted #666;}
.productDesc {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #000; line-height: 120%; margin: 0 0 10px 0;}
a.productDesc {font-size: 100%; font-weight: bold; color: #0D377C;}
a.productDesc:hover {color: #CC0000;}

.catDesc {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #000; line-height: 120%; margin: 0 0 10px 0;}

.pagingLink {margin: 0 3px 0 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%;}
.pagingLink a {font-size: 100%; color: #0D377C; font-weight: bold;}
.pagingLink a:hover {color: #ccc;}

.prodListingName {margin: 0 0 2px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%;}
.prodListingName a {font-weight: bold; font-size: 100%; color: #0D377C;}
.prodListingName a:hover {color: #ccc;}
.prodListingManu {margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #48495D;}
.prodListingManu a {font-size: 100%; font-weight: bold; color: #48495D;}
.prodListingManu a:hover {color: #ccc;}
.prodListingPriceBig {margin: 0 0 2px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 90%; color: #CC0000;}
.prodListingPriceSmall {margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #48495D;}

.basketSubtotal {font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 80%; color: #4883D0; padding-right: 35px; margin: 0;}
.basketTotalVat {font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 80%; color: #cc0000; padding-right: 35px; margin: 5px 0 8px 0;}
.basketTotal {font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 90%; color: #004399; padding-right: 35px; margin: 5px 0 8px 0;}
.basketCheckoutButton {padding-left: 20px;}


/* Form Styles */

.addBasketButton {font-weight: bold; padding: 3px;}



.contactFormRow {
font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 80%;
}

.contactFormMessage {
font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 80%;
}

.contactTelephonFax {
padding-top: 25px;font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 100%; line-height: 150%;
}

.contactAlertText {
font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 100%; color: #cc0000;
}