﻿
/* Template Styles */

body { padding-bottom: 20px; font-size: 62.5%; font-family: Tahoma, Arial, Verdana, Sans-Serif; background: #e1e3e3 url(/i/body_bg.jpg) no-repeat 50% 0; }
.clear, .Clear{ clear: both; font-size: 0; line-height: 0; height: 0; }

.imgRight { float: right; margin: 0 0 10px 10px; border: 1px solid #d2d7d9; }
.imgLeft { float: left; margin: 0 10px 10px 0; border: 1px solid #d2d7d9; }

.noBG { background: transparent !important; }

#masterWrapper { width: 974px; margin: 33px auto 0; background: url(/i/master_middle.jpg); }
#master { background: url(/i/master_top.jpg) no-repeat 0 0; }
#masterContainer { padding: 7px 7px 0; background: url(/i/footer_bg.jpg) no-repeat 0 100%; }

#header { position: relative; height: 90px; background: url(/i/header_bg.jpg); }
#header #headerLogo { position: absolute; top: 19px; left: 19px; display: block; width: 204px; height: 60px; overflow: hidden; }
#header #headerLogo:hover IMG { position: relative; top: -60px; }
.browserIE6 #header #headerLogo:hover { padding-bottom: 60px; }
#header #headerTel { position: absolute; top: 42px; left: 249px; }
#header #headerCheckout { position: absolute; top: 10px; right: 20px; font-size: 1.1em; color: #75848f; }
#header #headerCheckout STRONG { color: #41525c; margin-right: 2px; }
#header #headerCheckout A { margin-right: 8px; color: #41525c; font-weight: bold; text-decoration: underline; }
#header #headerCheckout A:hover { color: #7a8992; }

#main { background: url(/i/main_bg.jpg) no-repeat; }
#main #mainLeftCol { float: left; display: inline; width: 210px; margin: 6px 25px 20px 15px; }
#main #mainRightCol { float: left; width: 690px; margin: 5px 0 20px; }
#main #mainRightCol .topSection { height: 49px; margin-bottom: 10px; }

#topNav {height: 12px;}
#topNav LI { float: left; display: inline; margin-right: 20px; }
#topNav LI A { display: block; height: 13px; text-indent: -10000px; background: url(/i/topNav.gif); }
#topNav .home A { width: 38px; }
#topNav .home A:hover,
#topNav .home A.selected { background-position: 0 -25px; }
#topNav .about A { width: 58px; background-position: -58px 0; }
#topNav .about A:hover,
#topNav .about A.selected { background-position: -58px -25px; }
#topNav .contact A { width: 49px; background-position: -136px 0; }
#topNav .contact A:hover,
#topNav .contact A.selected { background-position: -136px -25px; }

#breadcrumbTrail { margin-top: 14px; }
#breadcrumbTrail LI { float: left; display: inline; color: #b1978a; margin-right: 4px; }
#breadcrumbTrail LI A { margin-right: 4px; font-size: 1em; font-weight: bold; color: #4d5956; text-decoration: none; }
#breadcrumbTrail LI A:hover { color: #7d8b88; }

#leftColSearch { height: 51px; background: url(/i/leftMenu_top.jpg); }
#leftColSearch .field { position: relative; top: 15px; left: 15px; width: 180px; height: 24px; background: url(/i/leftMenuSearch_bg.gif) no-repeat; }
#leftColSearch .textBox INPUT { float: left; width: 139px; height: 19px; padding: 5px 8px 0; font-size: 1.1em; color: #41525c; border: 0; background: transparent; }
#leftColSearch .textBox .searchGo { float: left; width: 25px; height: 24px; background: url(/i/leftMenuSearch_button.gif); }
#leftColSearch .textBox .searchGo:hover { background-position: -25px 0; }

#leftNav { margin-bottom: 10px; background: url(/i/leftNav_bg.jpg); }
#leftNavContainer { padding: 0 5px 12px; background: url(/i/leftNav_bottom.jpg) no-repeat 0 100%; }
#leftNav LI { line-height: 30px; background: url(/i/leftNav_states.jpg); }
#leftNav LI A { display: block; height: 30px; padding-left: 14px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; background: url(/i/leftNav_states.jpg); }
#leftNav LI A:hover { background-position: 0 -30px; }
#leftNav .selected A { color: #6b3022; background-position: 0 -60px !important; }
#leftNav LI UL { padding: 4px 0 0; background: url(/i/leftNav_subCat_top.jpg) no-repeat; }
#leftNav .subCatList { display: none; background: url(/i/leftNav_subCat_top.jpg) no-repeat 0 0; }
#leftNav .selected .subCatList { display: block; }
#leftNav .subCatListContainer { padding: 4px 0 3px; background: url(/i/leftNav_subCat_bottom.jpg) no-repeat 0 100%; }
#leftNav .subCatList A { display: block; height: 16px; line-height: 15px; padding-left: 14px; font-size: 1.1em; font-weight: normal; color: #e7eef0; text-decoration: none; background: url(/i/leftNav_subCat_normal.jpg); }
#leftNav .subCatList A:hover,
#leftNav .subCatList A.selected { color: #ffffff; background: url(/i/leftNav_subCat_active.jpg); }

#yourAccount,
#newsletterSignup { margin-bottom: 12px; }
#yourAccount .middle,
#newsletterSignup .middle { padding: 9px 15px 2px; background: url(/i/yourAccount_middle.jpg); }
#yourAccount .bottom,
#newsletterSignup .bottom { height: 12px; line-height: 0; overflow: hidden; background: url(/i/yourAccount_bottom.jpg) no-repeat;}

#yourAccount INPUT,
#newsletterSignup INPUT { padding: 6px 8px 0; height: 19px; font-size: 1.1em; color: #41525c; border: 0; background: transparent; }
#yourAccount .field,
#newsletterSignup .field { width: 180px; height: 24px; background: url(/i/yourAccount_textBox.gif) no-repeat; }

#yourAccount .top { height: 30px; background: url(/i/yourAccount_top.gif) no-repeat;}
#yourAccount .field { margin-bottom: 6px; }
#yourAccount .loggedOut .TVI-form { margin-bottom: 8px; }
#yourAccount .loggedOut .emailAddress INPUT { width: 164px; }
#yourAccount .loggedOut .password INPUT { float: left; width: 103px; }
#yourAccount .loggedOut .password .loginButton { float: left; width: 61px; height: 24px; text-indent: -10000px; background: url(/i/buttons/yourAccount_login.gif); }
#yourAccount .loggedOut .password .loginButton:hover { background-position: 0 -24px; }
#yourAccount .loggedOut LI { display: inline; margin: 0 10px 0 3px; font-size: 1em; font-weight: bold; color: #465457; }
#yourAccount .loggedOut LI A { color: #465457; text-decoration: none; }
#yourAccount .loggedOut LI A:hover { color: #778385; }
#yourAccount .loggedIn P { margin: 0 0 6px 2px; font-weight: bold; color: #465457; }
#yourAccount .loggedIn .editDetails { margin-bottom: 2px; }
#yourAccount .loggedIn .editDetails A { display: block; width: 180px; height: 24px; text-indent: -10000px; background: url(/i/buttons/editYourDetails.gif); }
#yourAccount .loggedIn .editDetails A:hover { background-position: 0 -24px; }
#yourAccount .loggedIn .changePassword { margin-bottom: 2px; }
#yourAccount .loggedIn .changePassword A { display: block; width: 180px; height: 24px; text-indent: -10000px; background: url(/i/buttons/changePassword.gif); }
#yourAccount .loggedIn .changePassword A:hover { background-position: 0 -24px; }
#yourAccount .loggedIn .orderTracker { margin-bottom: 9px; }
#yourAccount .loggedIn .orderTracker A { display: block; width: 180px; height: 24px; text-indent: -10000px; background: url(/i/buttons/orderTracker.gif); }
#yourAccount .loggedIn .orderTracker A:hover { background-position: 0 -24px; }
#yourAccount .loggedIn .logOut A { display: block; width: 180px; height: 24px; text-indent: -10000px; background: url(/i/buttons/logOut.gif); }
#yourAccount .loggedIn .logOut A:hover { background-position: 0 -24px; }

#newsletterSignup .top { height: 30px; background: url(/i/newsletterSignup_top.gif) no-repeat;}
#newsletterSignup .field INPUT { float: left; width: 95px; }
#newsletterSignup .signupButton { float: left; width: 69px; height: 24px; text-indent: -10000px; background: url(/i/buttons/newsletterSigunp_signupButton.gif); }
#newsletterSignup .signupButton:hover { background-position: 0 -24px; }

#makeSureItsAMogo { width: 100%; margin-top: 26px; text-align: center; }

#footer { clear: both; height: 36px; padding: 17px 0 0 0; text-align: center; }
#footer LI { display: inline; margin: 0 5px; color: #869598; }
#footer A { color: #465457; text-decoration: none; font-weight: bold; }
#footer A:hover { color: #778385; }
#footer .footerLinks {font-size: 0.8em; margin-top: 7px;}

/* Common Styles */

H1 { margin-bottom: 15px; font-size: 2em; line-height: 1em; color: #2f393b; }
H2 { padding: 0 0 10px; font-size: 1.6em; color: #2f393b; }
H3 { margin: 10px 0 5px; font-size: 1.1em; font-weight: bold; color: #5c6a6d; }
.content P { margin: 15px 0; font-size: 1.2em; color: #5c6a6d; line-height: 1.5em; }
.content P A { font-weight: bold; color: #db6c09; text-decoration: none; }
.content P A:hover { color: #e98f3f; }
.content P STRONG { color: #2f393b; }

TABLE { margin: 4px 0 12px; }
TABLE TH { width: 50px; text-align: center; font-size: 1.1em; line-height: 20px; font-weight: bold; color: #323d40; border: 1px solid #b2bbbd; border-bottom: 0; background: url(/i/tableHeading_bg.gif) repeat-x; }
TABLE TD { text-align: center; font-size: 1.1em; line-height: 20px; color: #41525c; border: 1px solid #b2bbbd; border-top: 0; }

.content { float: left; display: inline; width: 500px; margin-right: 30px; padding-top: 6px; }

.rightCol { float: left; width: 160px; overflow: hidden; }
.memberLogos { margin-top: 24px; width: 170px; }
.memberLogos LI { display: inline; margin-right: 7px; }

.contentBox { float: left; margin: 10px 0; background: url(/i/contentBox_middle.gif); }
.contentBoxTop { float: left; width: 460px; overflow: hidden; padding: 20px 20px 10px; background: url(/i/contentBox_top.gif) no-repeat 0 0; }
.contentBoxBottom {  float: left; width: 500px; background: url(/i/contentBox_bottom.jpg) no-repeat 0 100%; }
.contentBox P { margin: 0 0 15px; }

.contentBox .TVI-form { margin: 10px 0 5px; }
.contentBox .TVI-form .field { margin-bottom: 8px; }
.contentBox .TVI-form LABEL { float: left; width: 160px; font-size: 1.1em; font-weight: bold; line-height: 22px; color: #f37419; }
.contentBox .TVI-form .textBox INPUT { float: left; width: 284px; height: 18px; padding: 4px 7px 0; font-size: 1.1em; color: #41525c; border: 1px solid #b2bbbd; }
.contentBox .TVI-form TEXTAREA  { padding: 4px 7px 0; font-size: 1.1em; color: #41525c; border: 1px solid #b2bbbd; }
.contentBox .TVI-form .password INPUT { width: 154px; }
.contentBox .TVI-form .forgottenPassword { float: left; display: inline; width: 120px; margin-left: 10px; line-height: 22px; font-size: 1em; font-weight: bold; color: #465457; text-decoration: none; }
.contentBox .TVI-form .forgottenPassword:hover { color: #778385; }
.contentBox .TVI-form .checkBox { height: 15px; }
.contentBox .TVI-form .checkBox INPUT { float: left; width: 15px; height: 15px; margin-left:10px; }
.contentBox .TVI-form .checkBox LABEL { float: left; width: auto; margin-left: 5px; line-height: 15px; font-size: 1.1em; font-weight: normal; color: #41525c; }
.contentBox .TVI-form .select SELECT { float: left; width: 300px; font-size: 1.1em; color: #41525c; }
.contentBox .TVI-form .textArea TEXTAREA { float: left; width: 291px; height: 80px; padding: 5px 0 5px 7px; overflow: auto; font-size: 1.1em; color: #41525c; border: 1px solid #b2bbbd; font-family: Tahoma, Arial, Verdana, Sans-Serif; }
.contentBox .TVI-form .leftMargin { margin-left: 160px; }

.featuredProducts .contentBoxTop { padding-top: 35px; padding-right: 0; width: 480px; background: url(/i/featuredProducts_top.gif) no-repeat 0 0; }
.featuredProducts .featuredProduct { float: left; width: 100px; min-height: 210px; padding: 15px 20px 0 0; text-align: center; background: url(/i/featuredProduct_bg.jpg) no-repeat 100% 0; }
.featuredProducts .featuredProduct IMG { margin-bottom: 10px; }
.featuredProducts .featuredProduct .title { margin-bottom: 2px; text-align: left; font-size: 1.1em; font-weight: bold; color: #5c6a6d; } 
.featuredProducts .featuredProduct .description { margin-bottom: 2px; text-align: left; line-height: 1.3em; color: #778487; } 
.featuredProducts .featuredProduct .price { margin-bottom: 8px; text-align: left; font-size: 1.2em; color: #db6c09; } 
.featuredProducts .featuredProduct .learnMore { text-align: left; display: block; width: 100px; height: 40px; background: url(/i/buttons/learnMore.gif); }
.featuredProducts .featuredProduct .learnMore:hover,
.featuredProducts .featuredProduct.hover .learnMore { background-position: -100px 0; }

.quoteBox .contentBoxTop { width: 500px; padding: 0; }
.quoteBox .image { float: left; width: 80px; padding: 20px 30px 20px 20px; background: url(/i/quoteBox_seperator.jpg) no-repeat 100% 1px; }
.quoteBox .contentBoxBottom { background: url(/i/quoteBox_bottom.gif) no-repeat 0 100%; }
.quoteBox .quote { float: left; width: 310px; padding: 16px 50px 16px 10px; background: url(/i/quoteBox_bg.gif) no-repeat 330px 10px; }
.quoteBox .quote .text { font-size: 1.1em; line-height: 1.5em; color: #5c6a6d; }
.quoteBox .quote .author { margin-top: 5px; font-size: 1.4em; color: #2f393b; }
.quoteBox .quote .author STRONG { margin-right: 6px; font-weight: normal; color: #ef760a; }
.quoteBox .quote .quoteOpen { float: left; width: 12px; height: 10px; margin: 4px 7px 0 0; line-height: 0; overflow: hidden; background: url(/i/quoteOpen.gif); }
.quoteBox .quote .quoteClose { display: inline-block; width: 12px; height: 10px; margin: 4px 0 0 7px; line-height: 0; overflow: hidden; background: url(/i/quoteClose.gif); }

.pagination { width: 100%; height: 20px; margin-bottom: 10px }
.pagination UL { float: right; height: 20px; background: url(/i/pagination_bg.gif); }
.pagination LI { float: left; margin: 0 1px 0 2px; line-height: 20px; }
.pagination LI A { color: #647274; text-decoration: none; font-weight: bold; }
.pagination LI A:hover,
.pagination LI A.selected { color: #c85e00; }
.pagination .lastPage { margin: 0 8px 0 0; }
.pagination .lastPage A { display: block; width: 60px; height: 20px; text-indent: -10000px; background: url(/i/paging_lastPage.gif); }
.pagination .lastPage A:hover { background-position: 0 -20px; }
.pagination .nextPage { margin: 0 0 0 8px; }
.pagination .nextPage A { display: block; width: 63px; height: 20px; text-indent: -10000px; background: url(/i/paging_nextPage.gif); }
.pagination .nextPage A:hover { background-position: 0 -20px; }

.categoryProduct { position: relative; float: left; margin-bottom: 10px; background: url(/i/categoryProduct_middle.gif); }
.categoryProductTop { float: left; width: 500px; padding: 12px 0 10px; background: url(/i/categoryProduct_top.gif) no-repeat 0 0; }
.categoryProductBottom {  float: left; width: 500px; background: url(/i/categoryProduct_bottom.gif) no-repeat 0 100%; }
.categoryProduct .image { float: left; width: 120px; text-align: center; }
.categoryProduct .details { float: left; width: 225px;  padding: 0 0 0 20px; }
.categoryProduct .details .title { margin-bottom: 3px; font-size: 1.2em; font-weight: bold; color: #5c6a6d; } 
.categoryProduct .details .description { text-align: left; line-height: 1.3em; color: #778487; } 
.categoryProduct .details .price { margin-bottom: 3px; font-size: 1.2em; color: #db6c09; } 
.categoryProduct .moreInformation { position: absolute; bottom: 8px; right: 20px; }
.categoryProduct .moreInformation A { display: block; width: 100px; height: 40px; text-indent: -10000px; background: url(/i/buttons/moreInformation.gif); }
.categoryProduct .moreInformation A:hover { background-position: 0 -40px; }

.productPage { width: 690px; margin-right: 0; }
.productPage .productPageLeft { float: left; display: inline; width: 340px; margin-right: 20px; }
.productPage .productPageRight { float: left; width: 330px; }

.productSpecifications { margin: 17px 0 8px; border-bottom: 1px solid #d1d7d8; }
.productSpecifications .productSpecification { font-size: 1.1em; padding: 2px 0; color: #41525c; border-top: 1px solid #d1d7d8; }
.productSpecifications .productSpecification .label { float: left; width: 109px; margin-left: 1px; font-weight: bold; color: #323d40; }

.varientSelect { position: relative; height: 75px; margin: 5px 0; }
.varientSelect h3 {height: 30px;}
.varientSelect table {float: left; margin-top: -11px;}
.varientSelect .select { float: left;  }
.varientSelect .select SELECT { width: 202px; font-size: 1.1em; color: #41525c; }
.browserSafari .varientSelect .select SELECT { height: 22px; }
.productAdd {position: relative;}
.varientSelect .textBox { margin-left: 6px; float: left;}
.varientSelect .textBox LABEL { font-size: 1.1em; color: #41525c; }
.varientSelect .textBox INPUT { width: 22px; padding: 0 4px; font-size: 1.1em; color: #41525c; }

.addToBasket { float: left; margin-left: 6px; margin-top: -2px; }
.addToBasket A { display: block; width: 80px; height: 40px; text-indent: -10000px; background: url(/i/buttons/addToBasket.gif); }
.addToBasket A:hover { background-position: 0 -40px; }

P.makeEnquiry { margin: 0; font-weight: bold; color: #687a7e; }

.productGallery { position: relative; float: left; margin-bottom: 10px; text-align: center; background: url(/i/productGallery_middle.gif); }
.productGalleryTop { float: left; width: 330px; padding: 15px 0 15px; background: url(/i/productGallery_top.gif) no-repeat 0 0; }
.productGalleryBottom {  float: left; width: 330px; overflow: hidden; background: url(/i/productGallery_bottom.jpg) no-repeat 0 100%; }
.productGallery .thumbnails { width: 305px; margin: 12px 14px 0; }
.productGallery .thumbnails .thumbnail { float: left; display: inline; margin-right: 5px; border: 1px solid #d1d7d8; }

.relatedProducts { margin-top: 20px; background: url(/i/relatedProducts_middle.gif); }
.relatedProducts .contentBoxTop { width: 635px; padding: 35px 35px 10px; background: url(/i/relatedProducts_top.gif) no-repeat 0 0; }
.relatedProducts .contentBoxBottom { width: 690px; background: url(/i/relatedProducts_bottom.gif) no-repeat 0 100%; }
.relatedProducts .featuredProduct { padding-right: 27px; min-height: 180px; background-position: 95% 0; }

.loginRegister .contentBoxTop { width: 500px; padding: 0 0 10px; background: transparent; }
.loginRegister .loginRegisterTabs { width: 500px; height: 35px; margin-bottom: 15px; background: url(/i/logRegister_top.gif); }
.loginRegister .loginRegisterTabs A { float: left; display: inline; height: 35px; margin-right: 1px; text-indent: -10000px; }
.loginRegister .loginRegisterTabs .login { width: 79px; }
.loginRegister .loginRegisterTabs .register { width: 95px; }
.loginRegister .TVI-form { margin: 0 20px; }
.loginRegister #registerForm { display: none; }

.billingDelivery .contentBoxTop { padding: 40px 20px 10px; background: url(/i/billingDelivery_top.gif) no-repeat 0 0; }

.addressSelect { padding: 2px 10px; margin-bottom: 8px; background: #4b595c; }
.addressSelect .TVI-form .checkBox LABEL { font-size: 1.2em; color: #ffffff; }

#billingCoutrySelect { float: left; width: 325px; }
#billingCoutrySelect SELECT { width: 150px }
#billingDeliver { float: left; width: 130px; margin-top: 2px; }

.checkoutConfirm .contentBoxTop { padding: 40px 20px 10px; background: url(/i/checkoutConfirm_top.gif) no-repeat 0 0; }

.checkoutConfirm .billingAddress { float: left; display: inline; width: 150px; margin-right: 10px; }
.checkoutConfirm .deliveryAddress { float: left; display: inline; width: 150px; margin-right: 10px; }

.checkoutConfirm .productConfirm { position: relative; left: -20px; width: 500px; border-bottom: 1px solid #d1d7d8; }
.checkoutConfirm .productConfirm p { margin: 10px;}
.checkoutConfirm .productConfirmItem { padding: 4px 20px; overflow: hidden; border-top: 1px solid #d1d7d8; }
.checkoutConfirm .productConfirmItem .image { float: left; display: inline; width: 56px; margin-right: 15px; }
.checkoutConfirm .productConfirmItem .image IMG { border: 1px solid #d1d7d8; }
.checkoutConfirm .productConfirmItem .description { float: left; display: inline; width: 190px; margin-right: 10px; padding-top: 5px; }
.checkoutConfirm .productConfirmItem .description .title { margin-bottom: 2px; font-size: 1.2em; font-weight: bold; color: #5c6a6d; }
.checkoutConfirm .productConfirmItem .description .price { font-size: 1.2em; color: #db6c09; }
.checkoutConfirm .productConfirmItem .quantity { float: left; width: 59px; }
.checkoutConfirm .productConfirmItem .quantity INPUT { float: left; width: 30px; padding: 4px 2px 0; text-align: center; }
.checkoutConfirm .productConfirmItem .quantity LABEL { float: left; width: 9px; font-weight: normal; color: #41525c; }
.checkoutConfirm .productConfirmItem .update { float: left; display: inline; width: 60px; margin-top: 10px; margin-right: 10px; }
.checkoutConfirm .productConfirmItem .delete { float: left; width: 60px; margin-top: 10px; }

.checkoutConfirm .voucherCode LABEL { width: 299px; color: #5c6a6d; font-weight: normal; }
.checkoutConfirm .voucherCode .textBox INPUT { width: 95px; }
.checkoutConfirm .voucherCode .go { float: left; margin-left: 10px; }

.specialInstructions LABEL { color: #5c6a6d; font-weight: normal; display: block; }


.basket .contentBoxTop { padding: 40px 20px 10px; }

.basket .productConfirm { position: relative; left: -20px; width: 500px; border-bottom: 1px solid #d1d7d8; }
.basket .productConfirmItem { padding: 4px 20px; overflow: hidden; border-top: 1px solid #d1d7d8; }
.basket .productConfirmItem .image { float: left; display: inline; width: 56px; margin-right: 15px; }
.basket .productConfirmItem .image IMG { border: 1px solid #d1d7d8; }
.basket .productConfirmItem .description { float: left; display: inline; width: 190px; margin-right: 10px; padding-top: 5px; }
.basket .productConfirmItem .description .title { margin-bottom: 2px; font-size: 1.2em; font-weight: bold; color: #5c6a6d; }
.basket .productConfirmItem .description .price { font-size: 1.2em; color: #db6c09; }
.basket .productConfirmItem .quantity { float: left; width: 59px; }
.basket .productConfirmItem .quantity INPUT { float: left; width: 30px; padding: 4px 2px 0; text-align: center; }
.basket .productConfirmItem .quantity LABEL { float: left; width: 9px; font-weight: normal; color: #41525c; }
.basket .productConfirmItem .update { float: left; display: inline; width: 60px; margin-top: 10px; margin-right: 10px; }
.basket .productConfirmItem .delete { float: left; width: 60px; margin-top: 10px; }



.checkoutSummary { margin-bottom: 5px; }
.checkoutSummary TH { width: 160px; line-height: 25px; text-align: left; color: #f37419; border: 0; background: transparent; }
.checkoutSummary TD { text-align: left; border: 0; }

.contactPage H2 { padding-bottom: 5px; }
.contactPage P { margin-top: 0; }
.contactLeft { float: left; width: 280px; padding-right: 30px; background: url(/i/contactForm_bg.jpg) no-repeat 100% 0; }
.contactLeft LABEL { width: 80px !important; }
.contactLeft .textBox INPUT { width: 184px !important; }
.contactLeft .textArea TEXTAREA { width: 191px !important; }
.contactLeft .select SELECT { width: 198px !important; }
.contactRight { float: left; width: 140px; padding-left: 10px; }
.contactRight P { margin-bottom: 20px; }
.contactDetail { margin: 6px 0; font-size: 1.1em; font-weight: bold; color: #2f393b; }
.contactDetail .label { float: left; width: 140px; }
.contactDetail A { color: #2f393b; text-decoration: none; }
.contactDetail A:hover { color: #5a6769; }

.yourAddress { margin-bottom: 9px; padding: 10px 15px 12px; background: #4b595c; } 
.yourAddress P { margin-bottom: 10px; font-size: 1.2em; color: #ffffff; } 
.yourAddress LI { display: inline; margin-right: 8px; }
.yourAddress LI A { font-weight: bold; color: #ffffff; text-decoration: underline; }
.yourAddress LI A:hover { color: #c2c1c1; }

.orderTracking TH { width: 108px; padding: 0 8px; text-align: left; }
.orderTracking TD { padding: 0 8px; text-align: left; }

.submit { width: 100%; height: 40px; margin: 10px 0 0; }
.submit A { float: right; width: 100px; height: 40px; text-indent: -10000px; background: url(/i/buttons/submit.gif); }
.submit A:hover { background-position: -100px 0; }

.continue { width: 100%; height: 40px; margin: 5px 0 0; }
.continue A { float: right; width: 100px; height: 40px; text-indent: -10000px; background: url(/i/buttons/continue.gif); }
.continue A:hover { background-position: -100px 0; }

.update A { display: block; width: 60px; height: 40px; text-indent: -10000px; background: url(/i/buttons/update.gif); }
.update A:hover { background-position: -60px 0; }

.update2 { width: 100%; height: 40px; margin: 15px 0 0; }
.update2 A { float: right; width: 100px; height: 40px; text-indent: -10000px; background: url(/i/buttons/update2.gif); }
.update2 A:hover { background-position: -100px 0; }

.delete A { display: block; width: 60px; height: 40px; text-indent: -10000px; background: url(/i/buttons/delete.gif); }
.delete A:hover { background-position: -60px 0; }

.go A { display: block; width: 40px; height: 40px; text-indent: -10000px; background: url(/i/buttons/go.gif); }
.go A:hover { background-position: 0 -40px; }

.makePayment { width: 100%; height: 40px; margin: 5px 0 0; }
.makePayment A { float: right; width: 100px; height: 40px; text-indent: -10000px; background: url(/i/buttons/makePayment.gif); }
.makePayment A:hover { background-position: -100px 0; }

.checkoutButton { width: 100%; height: 40px; margin: 5px 0 0; }
.checkoutButton A { float: right; width: 100px; height: 40px; text-indent: -10000px; background: url(/i/buttons/checkout.gif); }
.checkoutButton A:hover { background-position: -100px 0; }

.continueShoppingButton { width: 100%; height: 40px; margin: 5px 0 0; }
.continueShoppingButton A {margin-right: 10px; float: right; width: 120px; height: 40px; text-indent: -10000px; background: url(/i/buttons/continueshopping.gif); }
.continueShoppingButton A:hover { background-position: -120px 0; }

.basket .button {display: inline;}

.addAddress { width: 100%; height: 40px; margin: 5px 0 0; }
.addAddress A { float: right; width: 100px; height: 40px; text-indent: -10000px; background: url(/i/buttons/addAddress.gif); }
.addAddress A:hover { background-position: -100px 0; }

/* Home Page Styles */

.added {float: right; margin-left: 10px; font-weight: bold; color: Red;}
.viewBasket {color: #7A8992; margin-left: 10px; margin-right: 10px; float: right;}
.featuredProduct .image {height: 135px;}
.EcomErrors, .errors {font-weight: bold; color: Red;}

.varientSelect .price {color: #5C6A6D; float: left; font-size: 1.2em;}