﻿
/* Template Styles */

body { color: #ffffff; font-size: 62.5%; font-family: Arial, Tahoma, Verdana, Sans-Serif; background: #ff9700 url(/i/body_bg.gif) no-repeat 50% 0; }
.clear, .Clear{ clear: both; font-size: 0; line-height: 0; height: 0; }

.imgRight { float: right; margin: 0 0 10px 15px; }
.imgLeft { float: left; margin: 0 15px 10px 0; }

#master { width: 960px; margin: 0 auto; background: url(/i/master_bg.gif) repeat-y; }
#masterContainer { padding: 0 10px; background: url(/i/master_top.gif) no-repeat; }

#header { position: relative; height: 130px; background: url(/i/header_bg.jpg) repeat-x; }
#header #headerLogo { position: absolute; top: 12px; left: 35px; z-index: 1; }
#header #headerTelephone { position: absolute; top: 11px; right: 21px; }

#topNav { position: absolute; top: 0; left: 160px; z-index: 2; }
#topNav LI { float: left; }
#topNav LI A { float: left; height: 35px; text-indent: -10000em; background: url(/i/topNav.gif); }
#topNav .home A { width: 50px; background-position: 0 0; }
#topNav .home A:hover,
#topNav .home A.selected { background-position: 0 -35px; }
#topNav .about A { width: 69px; background-position: -50px 0; }
#topNav .about A:hover,
#topNav .about A.selected { background-position: -50px -35px; }
#topNav .press A { width: 48px; background-position: -119px 0; }
#topNav .press A:hover,
#topNav .press A.selected { background-position: -119px -35px; }
#topNav .loginRegister A { width: 97px; background-position: -167px 0; }
#topNav .loginRegister A:hover,
#topNav .loginRegister A.selected { background-position: -167px -35px; }
#topNav .contact A { width: 63px; background-position: -264px 0; }
#topNav .contact A:hover,
#topNav .contact A.selected { background-position: -264px -35px; }
#topNav .account A { width: 84px; background-position: -327px 0; }
#topNav .account A:hover,
#topNav .account A.selected { background-position: -327px -35px; }
#topNav .logout A {background: url(/i/logout.gif); width: 55px; background-position: -0px 0; }
#topNav .logout A:hover,
#topNav .logout A.selected { background-position: -0px -35px; }

#main { min-height: 295px; padding-bottom: 45px; }
#main #mainCol1 { float: left; display: inline; width: 210px; margin: 0 20px; }
#main #mainCol2 { float: left; display: inline; width: 440px; overflow: hidden; }
#main #mainCol3 { float: left; display: inline; width: 210px; margin: 0 20px; }

#leftNav { padding-top: 1px; background: url(/i/sidebar_seperator.jpg) no-repeat; }
#leftNav LI A { display: block; width: 196px; padding: 0 0 0 14px; margin: 0; font-size: 1.2em; font-weight: bold; color: #ffffff; line-height: 26px; text-decoration: none; background: url(/i/blueNavigation.jpg); }
#leftNav LI A:hover { background-position: 0 -26px; }
#leftNav LI.selected A { background-position: 0 -52px; }
#leftNav LI UL { display: none; padding: 6px 0; }
#leftNav LI.selected UL { padding: 6px 0; background: #001d7c; display: block; }
/* assigning height to li a to remove the 'jump' on opening */
#leftNav LI UL LI A { height: 20px;}
#leftNav LI.selected UL LI A { font-size: 1.1em; color: #7ca5fe; line-height: 20px; background: transparent url(/i/blueSubNav.gif) no-repeat 95% 0; }
#leftNav LI.selected UL LI A:hover,
#leftNav LI.selected UL LI.open A { color: #ffffff; background-position: 95% -20px; }

#footer { height: 35px; padding: 0 13px; background: url(/i/header_bg.jpg) repeat-x; }
#footer UL LI { display: inline; margin: 0 7px; line-height: 35px; font-size: 1.1em; color: #aebdc6; }
#footer UL LI A { font-weight: bold; color: #ffffff; text-decoration: none; }
#footer UL LI A:hover { color: #aebdc6; }

/* Common Styles */

H1 { font-size: 1.65em; font-weight: bold; color: #ffffff; }
H2 { margin: 15px 0 7px; font-size: 1.4em; font-weight: bold; color: #68757c; }
.contentBox H2 { margin: 8px 0 8px; font-size: 1.3em; font-weight: bold; color: #ffffff; }
A { font-weight: bold; color: #ffffff; text-decoration: underline; }
A:hover { color: #d3d3d3; }
.strike { text-decoration: line-through; }

.breadcrumb { margin: 2px 0 8px; }
.breadcrumb LI { display: inline; margin-right: 4px; font-size: 1.1em; color: #889ba5; }
.breadcrumb LI A { padding-right: 12px; color: #41535c; text-decoration: none; background: url(/i/breadcrumbArrow.gif) no-repeat 100% 50%; }
.breadcrumb LI A:hover { color: #667982; }

.contentBox { width: 440px; overflow: hidden; font-size: 1.1em; background: #667982; }
.contentBoxContainer { padding-bottom: 15px; background: url(/i/contentBox_bottom.gif) no-repeat -440px 100%; }
.contentBox .top { height: 36px; padding: 0 15px; line-height: 30px; background: url(/i/contentBox_top.gif) no-repeat -440px 0; }
.contentBox .middle { padding: 2px 15px 0; }
.contentBox .hr { position: relative; left: -15px; width: 440px; height: 10px; margin: 15px 0; line-height: 0; overflow: hidden; background: url(/i/hr.gif); }
.contentBox IMG.imgLeft,
.contentBox IMG.imgRight { border: 5px solid #849198; }
.contentBox .dropShaddow { height: 6px; line-height: 0; overflow: hidden; background: url(/i/contentBox_top.gif) no-repeat 0 -30px; }

.contentBox .categoryTop { height: 30px; }

.contentBoxBlue { background: #36a1f3; }
.contentBoxBlue .contentBoxContainer { background-position: 0 100%; }
.contentBoxBlue .top { background-position: 0 0; }
.contentBoxBlue IMG.imgLeft,
.contentBoxBlue IMG.imgRight { border: 5px solid #a4d8ff; }

.contentBoxOrange { background: #d55f0f; }
.contentBoxOrange .contentBoxContainer { background-position: -880px 100%; }
.contentBoxOrange .top { background-position: -880px 0; }
.contentBoxOrange IMG.imgLeft,
.contentBoxOrange IMG.imgRight{ border: 5px solid #f9ad64; }

TABLE { margin: 10px 0; }
TABLE TH { width: 195px; line-height: 20px; font-weight: bold; border: 0;  }
TABLE TD { line-height: 20px; border: 0; }

.TVI-form { margin: 15px 0 10px; }
.TVI-form LABEL { float: left; width: 130px; height: 22px; padding: 0 10px; line-height: 22px; font-weight: bold; background: #4b5f68 url(/i/label.gif) no-repeat 95% 100%; }
.TVI-form .field { margin-bottom: 8px; }
.TVI-form .textBox { height: 22px; overflow: hidden; background: url(/i/textBox.gif) 150px 0; }
.TVI-form .textBox .textBoxContainer { background: url(/i/textboxContainer.jpg) no-repeat 100% 0; }
.TVI-form .textBox INPUT { float: left; width: 240px; height: 18px; padding: 4px 10px 0; overflow: hidden; font-size: 1em; color: #304149; border: 0; background: transparent; }
.TVI-form .textArea { height: 142px; background: url(/i/textArea.gif) no-repeat 150px 0; }
.TVI-form .textArea TEXTAREA { float: left; width: 250px; height: 134px; padding: 6px 0 4px 10px; overflow: auto; font-size: 1em; color: #304149; border: 0; background: transparent; font-family: Arial, Verdana, Sans-Serif; }
.TVI-form .select SELECT { position: relative; top: 1px; float: left; width: 260px; padding: 1px 0; font-size: 1em; color: #304149; border: 1px solid #ffffff; background: #cfd7e2; }
.TVI-form .checkBox { height: 15px; }
.TVI-form .checkBox INPUT { float: left; width: 15px; height: 15px; }
.TVI-form .checkBox LABEL { float: left; width: auto; height: 15px; margin-left: 5px; margin-right: 5px; padding: 0; line-height: 15px; font-weight: normal; text-transform: none; background: transparent; }

#accountDetails { margin-bottom: 15px; }
#accountPassword { margin-bottom: 15px; }
#accountOrders { } 
.account .top { cursor: pointer; }
.account .middle { display: none; }
.account.open .middle { display: block; }

.addressEdit { width: 410px; margin: 9px 0; background: #4b5f68; }
.addressEdit .address { float: left; width: 329px; padding: 8px 10px; color: #ffffff; }
.addressEdit .editDelete { float: left; width: 45px; padding: 8px; }
.addressEdit .editDelete A { display: block; }

.addressSelect { margin: 9px 0; padding: 8px; background: #4b5f68; }
.addressSelect .TVI-form { margin: 0; }
.addressSelect .TVI-form .field { margin: 0; }
.addressSelect .TVI-form .checkBox { height: auto; }
.addressSelect .TVI-form LABEL { width: 365px; height: auto; margin-left: 10px; margin-right: 0; font-weight: normal; color: #ffffff; }

.checkout .top { height: 30px; }
.checkout .checkoutStage { height: 36px; background: url(/i/checkoutStage.gif); }
.checkout .checkoutStage3 { background-position: 0 -36px; }
.deliver { float: right; margin-left: 15px; }
.checkout .billingAddress,
.checkout .deliveryAddress { float: left; display: inline; width: 180px; margin: 15px 10px 15px 0; padding: 10px; background: #4b5f68; }
.checkout .deliveryAddress { margin-right: 0; }
.checkout .billingAddress H2,
.checkout .deliveryAddress H2 { margin-top: 0; }
.checkout .billingAddress A,
.checkout .deliveryAddress A { display: block; margin-top: 5px; }

.checkoutSummary { margin-bottom: 15px; }
.checkoutSummary TH { width: 180px; font-weight: normal; }
.checkoutSummary STRONG { font-size: 1.3em; }

.contactLeft { float: left; width: 150px; }
.contactRight { float: left; width: 150px; }
.contactDetail { margin: 2px 0; }
.contactDetail .label { float: left; width: 40px; font-weight: bold; } 

.homepage { margin-bottom: 15px; background: #35474f; }
.homepage .top { background: url(/i/homepage_top.gif); }
.homepage .middle { padding-top: 6px; padding-left: 10px; padding-right: 10px; }
.homepage .greenSection { min-height: 100px; margin-top: 5px; padding: 10px 15px 5px; background: #007757 url(/i/greenSection_top.gif) no-repeat; }
.homepage .contentBoxContainer { padding-bottom: 10px; background: url(/i/greenSection_bottom.gif) no-repeat 0 100%; }
.homepage .featuredProductSlideshow { float: left; display: inline; width: 270px; height: 270px; margin-right: 10px; overflow: hidden; border: 5px solid #5e717a; }
.homepage .featuredProducts { float: left; width: 130px; }
.homepage .featuredProduct { width: 120px; padding: 5px 5px 2px; line-height: 1.2em; margin-bottom: 10px; background: #5e717a; }
.homepage .featuredProduct IMG { margin-bottom: 2px; }
.homepageSidebars { width: 460px; }
.homepageSidebar { float: left; display: inline; margin-right: 20px; }
.homepageSidebar .newsItem { padding: 5px 14px 2px; font-size: 1.1em; }
.homepageSidebar .newsItem .title { font-weight: bold; }
.homepageSidebar .newsItem .date { margin-bottom: 4px; color: #f6ebad; }
.homepageSidebar .newsItem A { display: block; margin-top: 4px; color: #fff15a; text-decoration: none; }
.homepageSidebar .newsItem A:hover { color: #f6ebad; }
.homepageSidebar .newsItem IMG { float: left; margin: 0 10px 5px 0; }

.itemBrowse { width: 450px; margin-top: 18px; margin-bottom: 18px; }
.itemBrowse .item { float: left; width: 140px; margin: 0 10px 10px 0; font-size: 1.1em; line-height: 1.4em; background: #2f8dd6 url(/i/itemBrowse_top.gif) no-repeat 0 0; }
.itemBrowse .itemContainer { padding: 10px; background: url(/i/itemBrowse_bottom.gif) no-repeat 0 100%; height: 180px;  }
.itemBrowse .itemContainer a { height: 120px; display: block; text-align: center;}
.itemBrowse .item IMG { margin-bottom: 7px; }
.itemBrowse .item.hover { color: #d3d3d3; }
.itemBrowseOrange .item { background: #ec7d12 url(/i/itemBrowse_top.gif) no-repeat -140px 0; }
.itemBrowseOrange .itemContainer { background-position: -140px 100%; height: auto; text-align: center; }

#loginRegister .top { height: 30px; }
#loginRegister .loginRegisterTabs { position: relative; width: 440px; height: 36px; background: url(/i/loginRegisterTabs.gif); }
#loginRegister .loginRegisterTabs .login { position: absolute; top: 6px; left: 15px; display: block; width: 122px; height: 30px; text-indent: -10000em; }
#loginRegister .loginRegisterTabs .register { position: absolute; top: 6px; left: 137px; display: block; width: 122px; height: 30px; text-indent: -10000em; }

.productGallery { float: left; width: 212px; margin-bottom: 10px; margin-top: 5px; padding: 5px 5px 0; background: #a4d8ff; }
.productGallery .mainImgContainer { height: 212px; overflow: hidden;  padding-bottom: 4px; }
.productGallery .thumbnails { width: 216px; }
.productGallery .thumbnails .thumbnail { float: left; display: inline; margin: 0 4px 4px 0; }

.productPageLeft { float: left; width: 222px; margin-bottom: 3px; overflow: hidden; margin-right: 13px; }
.productPageLeft .video { float: left; padding: 5px; background: #a4d8ff; }
.productPageLeft .video OBJECT, 
.productDetails_lower .video EMBED { width: 212px; height: auto; }
.productPageRight { padding: 5px 0 0 0px; margin-bottom: 15px; }
.productPageRight div {display: inline-block;}
.productPageRight .price { float: left; padding: 0 8px; line-height: 18px; text-align: center; font-weight: bold; background: #2877b3; }
.productPageRight .price.sale { color: #c30900; background: #ffffff; }
.productPageRight .TVI-form { margin: 12px 0; width: 175px; }
.productPageRight .addToBasketQty { float: left; width: 30px; background-position: 0 0; }
.productPageRight .addToBasketQty INPUT { float: none; width: 20px; padding: 4px 5px 0; text-align: center; }
.productPageRight .addToBasket { margin-left: 10px; }
.productPageRight .TVI-form .select SELECT { float: none; top: 0; width: 175px; background: #c9e5f9; }
.productPageRight .TVI-form .select { display: block;}

#registerForm { display: none; }
#loginForm .TVI-form,
#registerForm .TVI-form { margin: 0; padding: 5px 0; }

.productConfirm { position: relative; left: -15px; width: 440px; margin-top: 10px; padding-bottom: 10px; background: url(/i/hr.gif) no-repeat 0 100%;  }
.productConfirmItem { height: 32px; overflow: hidden; padding: 9px 14px; background: #32434b url(/i/productConfirm_bg.gif) repeat-x;  }
.productConfirmItem .image { float: left; display: inline; width: 32px; margin-right: 10px; }
.productConfirmItem .description { float: left; display: inline; width: 260px; margin-right: 40px; line-height: 32px; }
.productConfirmItem .description .title { float: left; font-weight: bold; }
.productConfirmItem .description .price { float: right; }
.productConfirmItem .quantity { float: left; width: 30px; margin: 9px 3px 0 0; }
.productConfirmItem .quantity .textBox { background-position: -473px 0; }
.productConfirmItem .quantity .textBox INPUT { width: 16px; height: 13px; padding: 1px 3px 0; margin-left: 8px; font-size: 0.9em; text-align: center; }
.productConfirmItem .button { margin: 9px 0 0 4px; }

.newsletterSignup { margin: 0; }
.newsletterSignup .textBox { background-position: -261px 0; }
.newsletterSignup .textBox INPUT { width: 135px; font-size: 1.1em; }
.newsletterSignup .textBox .button { margin-top: 1px; }

.pagination { width: 100%; height: 18px; margin: 10px 0; font-size: 1.1em; }
.pagination UL { float: right; height: 18px; background: #adbdc6; }
.pagination LI { float: left; margin: 0 2px 0 2px; line-height: 18px; }
.pagination LI A { color: #ffffff; text-decoration: none; font-weight: bold; }
.pagination LI A:hover,
.pagination LI A.selected { color: #4b5f68; }
.pagination .firstPage { margin: 0; }
.pagination .firstPage A { display: block; width: 20px; height: 18px; text-indent: -10000px; background: url(/i/pagination.gif) no-repeat 0 0; }
.pagination .firstPage A:hover { background-position: 0 -18px; }
.pagination .prevPage { margin: 0; }
.pagination .prevPage A { display: block; width: 19px; height: 18px; text-indent: -10000px; background: url(/i/pagination.gif) no-repeat -20px 0; }
.pagination .prevPage A:hover { background-position: -20px -18px; }
.pagination .nextPage { margin: 0; }
.pagination .nextPage A { display: block; width: 19px; height: 18px; text-indent: -10000px; background: url(/i/pagination.gif) no-repeat -100px 0; }
.pagination .nextPage A:hover { background-position: -100px -18px; }
.pagination .lastPage { margin: 0; }
.pagination .lastPage A { display: block; width: 20px; height: 18px; text-indent: -10000px; background: url(/i/pagination.gif) no-repeat -118px 0; }
.pagination .lastPage A:hover { background-position: -118px -18px; }
.pagination .numbersStart {margin: 0; display: block; width: 9px; height: 18px; text-indent: -10000px; background: url(/i/pagination.gif) no-repeat -38px 0; }
.pagination .numbersEnd {margin: 0; display: block; width: 9px; height: 18px; text-indent: -10000px; background: url(/i/pagination.gif) no-repeat -91px 0; }

.promo { background: #0028c1 url(/i/promo_bg3.gif); }
.promoContainer { background: url(/i/promo_bg2.gif) no-repeat 0 100%; }
.promoContainer2 { background: url(/i/promo_bg.gif) no-repeat 0 0; }
.promo IMG { margin: 11px 10px 17px; border: 5px solid #00309a; }

.orderTracking TH, .orderTracking TD { padding: 3px 6px 3px 25px; border: 0; }
.orderTracking TH { font-weight: normal; background: #4b5f68 url(/i/greyArrow_down.gif) no-repeat 0 0; }
.orderTracking TD { color: #27343a; background: #e0ecf3; }
.orderTracking .odd TD { background: #c2d4de; }

.searchResults .top { height: 30px; background: url(/i/searchResults_top.gif); }

.sidebar { width: 210px; margin-bottom: 15px; overflow: hidden; background: url(/i/sidebar_middle.jpg) repeat-y; }
.sidebarContainer { padding-bottom: 10px; background: url(/i/sidebar_bottom.jpg) no-repeat 0 100%; }
.sidebar .top { height: 36px; padding: 0 15px; font-size: 1.4em; font-weight: bold; line-height: 32px; background: url(/i/sidebar_top.jpg);  }
.sidebar .middle { padding: 0 15px; }
.sidebar .seperator { position: relative; left: -15px; width: 210px; height: 1px; margin: 10px 0; line-height: 0; overflow: hidden; background: url(/i/sidebar_seperator.jpg); }

.sidebarList .listItem { padding: 0 15px; overflow: hidden; background: url(/i/sidebar_seperator.jpg) no-repeat 0 100%; }
.sidebarList .listItem .image { float: left; width: 32px; padding: 5px 0; }
.sidebarList .listItem .description { float: left; width: 128px; padding: 3px 10px; font-size: 1.1em; line-height: 1.4em; }
.sidebarList .basket .description { float: left; width: 98px; padding: 3px 10px; font-size: 1.1em; line-height: 1.4em; }
.sidebarList .listItem A { font-weight: normal; text-decoration: none; }
.sidebarList .listItem A:hover { color: #ffffff; }
.sidebarList .basketControls { float: left; width: 30px; margin: 0; }
.sidebarList .basketControls .textBox { height: 14px; margin: 5px 0 4px; background-position: -442px 0; }
.sidebarList .basketControls .textBox INPUT { width: 16px; height: 13px; padding: 1px 3px 0; margin-left: 8px; text-align: center; }
.sidebarList .basketControls .button { display: inline; margin-left: 1px; }

.sidebarGrey { text-align: center; background: #4b5f68; }
.sidebarGrey .top { height: 10px; line-height: 0; overflow: hidden; background-position: -844px 0; }
.sidebarGrey .sidebarContainer { background-position: -844px 100%; }

.sidebarPurlple { background-position: -422px 0; }
.sidebarPurlple .top { background-position: -422px 0; }
.sidebarPurlple .sidebarContainer { background-position: -422px 100%; }
.sidebarPurlple .listItem { background-position: -422px 100%; }

.sidebarOrange { background-position: -633px 0; }
.sidebarOrange .top { background-position: -633px 0; }
.sidebarOrange .sidebarContainer { background-position: -633px 100%; }
.sidebarOrange .listItem { background-position: -633px 100%; }
.sidebarOrange .seperator { left: 0; background-position: -633px 0; }

.sidebarRed { background-position: -211px 0; }
.sidebarRed .top { background-position: -211px 0; }
.sidebarRed .sidebarContainer { background-position: -211px 100%; }
.sidebarRed .listItem { background-position: -211px 100%; }

.search .top { height: 25px; overflow: hidden; }
.search .TVI-form { padding: 5px 15px 7px; margin: 0; background: url(/i/search_bg.gif); }
.search .textBox { margin: 0; width: 180px; background-position: 0 0; }
.search .textBox INPUT { width: 135px; font-size: 1.1em; }
.search .button { margin-top: 1px; }

.subtotal { margin: 12px 15px 10px 0; font-size: 1.1em; font-weight: bold; text-align: right; }
.subtotal .label { float: left; width: 100px; }

.tellAFriend { font-size: 1.1em; background: #2877b3; }
.tellAFriendContainer { padding-bottom: 15px; background: url(/i/tellAFriend_bottom.gif) no-repeat 0 100%; }
.tellAFriendContainer2 { display: none; width: 390px; overflow: hidden; margin: 0 15px; padding: 10px; background: #235c9e; }
.tellAFriend .top { height: 36px; cursor: pointer; background: url(/i/tellAFriend_top.gif) no-repeat; }
.tellAFriend .tellAFriendIntro { float: left; width: 135px; overflow: hidden; padding-right: 10px; }
.tellAFriend .TVI-form { float: left; width: 245px; overflow: hidden; margin: 0; }
.tellAFriend .TVI-form .textBox { background: url(/i/turquoiseFormField.gif) no-repeat 0 -103px; }
.tellAFriend .TVI-form .textBox INPUT { width: 225px; }
.tellAFriend .TVI-form .textArea { height: 102px; background: url(/i/turquoiseFormField.gif) no-repeat 0 0; }
.tellAFriend .TVI-form .textArea TEXTAREA { width: 235px; height: 92px; }
.tellAFriend .errors {color: Red; font-weight: bold; float: left;}

.voucherCode { margin: 5px 0 10px; }
.voucherCode LABEL { width: 290px; font-size: 0.9em; font-weight: normal; background-position: 98% 100%; }
.voucherCode .textBox { background-position: 310px 0; }
.voucherCode .textBox INPUT { width: 55px; }
.voucherCode .textBox .textBoxContainer { background-position: 350px 0; }
.voucherCode .textBox .button { margin-top: 1px; }

.button { overflow: hidden; }
.button A { display: block; background: url(/i/buttons.gif); }
.buttonRight { float: right; }
.buttonLeft { float: left; }

.addAddress { width: 101px; height: 22px; }
.addAddress A { height: 22px; text-indent: -10000em; background-position: -245px 0; }
.addAddress A:hover { background-position: -245px -24px; }

.addToBasket { display: inline; width: 105px; height: 22px; }
.addToBasket A { height: 22px; text-indent: -10000em; background-position: -686px 0; }
.addToBasket A:hover { background-position: -686px -24px; }

.checkoutButton { display: inline; width: 97px; height: 24px; margin: 0 15px 5px 0; }
.checkoutButton A { height: 24px; text-indent: -10000em; background-position: -75px 0; }
.checkoutButton A:hover { background-position: -75px -24px; }

.continue { width: 81px; height: 22px; }
.continue A { height: 22px; text-indent: -10000em; background-position: -347px 0; }
.continue A:hover { background-position: -347px -24px; }

.deleteBlue { width: 14px; height: 14px; }
.deleteBlue A { height: 14px; text-indent: -10000em; background-position: -559px 0; }
.deleteBlue A:hover { background-position: -559px -24px; }

.deleteGrey { width: 14px; height: 14px; }
.deleteGrey A { height: 14px; text-indent: -10000em; background-position: -589px 0; }
.deleteGrey A:hover { background-position: -589px -24px; }

.forgottenPassword { float: right; margin-bottom: 10px; }

.goBlue { width: 24px; height: 20px; }
.goBlue A { height: 20px; text-indent: -10000em; background-position: -25px 0; }
.goBlue A:hover { background-position: -25px -24px; }

.goGrey { width: 24px; height: 20px; }
.goGrey A { height: 20px; text-indent: -10000em; background-position: 0 0; }
.goGrey A:hover { background-position: 0 -24px; }

.goPurple { width: 24px; height: 20px; }
.goPurple A { height: 20px; text-indent: -10000em; background-position: -50px 0; }
.goPurple A:hover { background-position: -50px -24px; }

.makePayment { width: 114px; height: 22px; }
.makePayment A { height: 22px; text-indent: -10000em; background-position: -429px 0; }
.makePayment A:hover { background-position: -429px -24px; }

.reloadBlue { width: 14px; height: 14px; }
.reloadBlue A { height: 14px; text-indent: -10000em; background-position: -544px 0; }
.reloadBlue A:hover { background-position: -544px -24px; }

.reloadGrey { width: 14px; height: 14px; }
.reloadGrey A { height: 14px; text-indent: -10000em; background-position: -574px 0; }
.reloadGrey A:hover { background-position: -574px -24px; }

.submit { width: 81px; height: 22px; }
.submit A { height: 22px; text-indent: -10000em; background-position: -604px 0; }
.submit A:hover { background-position: -604px -24px; }

.update { width: 71px; height: 22px; }
.update A { height: 22px; text-indent: -10000em; background-position: -173px 0; }
.update A:hover { background-position: -173px -24px; }

/* Home Page Styles */

#mainCol2 p {margin-bottom: 10px;}
.EcomErrors {color: White; padding: 4px 8px 4px 8px; background: #AA0000; font-weight: bold; margin-bottom: 10px;}
.EcomErrors DIV {display: inline; margin-right: 5px;}
