@charset "utf-8";

body { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; font-size: 11px; }
a { color: #048ab7; text-decoration: none; }
    a:hover { text-decoration: underline; }
input[type=text], input[type=password], select, textarea { border: 1px solid #949494; color: black; background-color: white; }
.container-BL { width: 100%; text-align: left; color: #77787b; }


/* Header */
.header { background-color: #f1f1f1; }
.header-top { padding-top: 17px; padding-bottom: 0px; }
.languages { text-align: right; padding: 0 0px 0 0; color: #188bb5; font-size: 14px; }
    .languages a { font-size: 13px; }
    .logoChristmas img { position: absolute;  margin-top: -30px; margin-left: 30px;   }
    .logo img {    }
.time { text-align: right; padding: 6px 50px 0 0; font-size: 11px; color: #77787b; }
.header-middle { padding-top: 5px; padding-bottom: 10px; }
.menu { padding: 5px 30px 0px 0px; text-align: center; vertical-align: middle; color: #188bb5; font-size: 13.5px; }
    .menu a { }
        .menu a:hover { color: #188bb5; }
        .menu a.selected { background-color: #8ec547; color: white; padding: 1px 3px; }
.titleGreen { /*background:url(../images/bgTitleGreen.png) repeat-x;*/ background-color: #8ec547; height: 22px; color: #ffffff; font-size: 12px; text-align: center; vertical-align: middle; padding-left: 20px; padding-top: 4px; }
.titleGreenEdge { /*background:url(../images/bgTitleGreenEdge.png) no-repeat;*/ background-color: #188bb5; height: 22px; width: 20px; }

.announcement { text-align: center; color: white; height: 24px; padding-top: 4px; margin-top: 1px; }

@media (max-width: 1024px) {
    .logo { text-align:center; }
    .logo img { position: relative; top: 0; left: 0; margin-top: 0px; margin-left: 0px; display:inline;   }
    .logoChristmas { text-align:center; }
    .logoChristmas img { position: relative; top: 0; left: 0; margin-top: 0px; margin-left: 0px; display:inline;   }
}
@media (max-width: 768px) {
    .header-top { padding-top: 10px; }
    .languages { text-align: center; padding: 0; }
    .menu { padding: 5px 10px 0px 10px; line-height: 1.2; }
    .announcement { margin-top: -8px; }
}

/* Left Side */
.sideLeft { width: 100%; padding: 0; margin: 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: none; border-top: none; }
.titleGray { /*background:url(../images/bgTitleGray.png) no-repeat;*/ background-color: #aeaeae; height: 31px; font-size: 12px; color: #ffffff; font-weight: bold; text-transform: uppercase; text-align: center; }
    .titleGray .text { padding-top: 9px; }
.titleBordeaux { /*background:url(../images/bgTitleBordeaux.png) no-repeat;*/ background-color: #a02f47; height: 31px; font-size: 12px; color: #ffffff; font-weight: bold; text-transform: uppercase; text-align: center; }
    .titleBordeaux .text { padding-top: 9px; }
.titleFastLaneBuy { /*background:url(../images/bgTitleGray.png) no-repeat;*/ background-color: #aeaeae; height: 31px; color: #ffffff; text-align: center; }
    .titleFastLaneBuy .text { padding: 2px 0 0 0px; font-size: 12px; font-weight: bold; }
        .titleFastLaneBuy .text span { color: #fff; }
    .titleFastLaneBuy .link { top: -2px; position: relative; }
        .titleFastLaneBuy .link a { color: #fff; font-size: 11px; text-decoration: underline; }

.inputSearch { padding-top: 10px; padding-bottom: 8px; text-align: center; }
    .inputSearch a { font-size: 11px; }
    .inputSearch input { width: 100%; /*height:16px;*/ font-size: 13px; }
    .inputSearch .inputImage, .inputImage { width: 24px; height: 24px; padding: 0 0px; border: 0px; margin-left: 5px; margin-top: 3px; }
.inputMobileImg { width: 30px; height: 27px; background: url(../images/go_grey.png) no-repeat; background-position: 6px 3px; border: none; }

.inputSearchMobile { text-align: center; }

.latestNews { color: #808184; text-align: left; padding: 10px 10px; border-bottom: 1px solid #ccc; }
    .latestNews img { padding: 0 10px 0 0px; }
    .latestNews .description a { font-size: 11px; }
        .latestNews .description a span { font-size: 12px; text-transform: uppercase; font-weight: bold; }

@media (max-width: 1024px) {
    .greenDiv { background-color: #8ec547; margin-bottom: 9px; }
}

/* Right Side */
.sideRight { width: 100%; padding: 0; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: none; border-top: none; }
.product { padding: 10px 5px 10px 0px; }
    .product .subcategory { font-size: 12px; color: #77787b; text-transform: uppercase; font-weight: bold; }
    .product .brand { font-size: 11px; color: #77787b; padding-bottom: 0px; }
    .product .name { font-size: 11px; color: #77787b; padding-bottom: 0px; font-weight: bold; }
    .product input[type=text] { font-size: 11px; }
.price { font-size: 11px; color: #cc0066; font-weight: bold; }
    .price span { text-decoration: line-through; }
.product .oldPrice { font-size: 11px; zcolor: #a5004d; ZZZcolor: #c14480; color: #cc0066; font-weight: bold; text-decoration: line-through; }


/* Content */
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }
.mainContent { font-size: 13px; margin: 0px 9px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.borderTop { border-top: 1px solid #ccc; }
.borderBottom { border-bottom: 1px solid #ccc; }
.noBorder { border: none; }
.titlePage { background: url(../images/bgTitlePage.png) repeat-x; background-color: #aeaeae; font-size: 22px; color: #fff; height: 31px; text-transform: uppercase; text-align: center; vertical-align: middle; }
    .titlePage .text { height: 28px; padding-top: 3px; padding-left: 30px; }
.titlePageEdge { background: url(../images/bgTitlePageEdge.png) no-repeat; background-color: #aeaeae; height: 31px; width: 30px; }
.contentSub { padding: 16px; text-align: justify; }
    .contentSub a { text-decoration: none; font-weight: bold; }
        .contentSub a:hover { text-decoration: underline; }
.tbl { border-collapse: collapse; border: 1px solid #ccc; }
    .tbl td, .tbl th { border: 1px solid #ccc; padding: 5px; }

.productDetails { margin: 15px 5px 10px 5px; position: relative; }
.producttitle { color: #8e1e98; text-transform: uppercase; }

@media (max-width: 1024px) {
    .mainContent { margin-top: 0px; }
    .titlePage { font-size: 18px; padding-top: 3px; }
}

/* Shopping Cart */
.checkOut { background-color: #e7fccb; font-size: 13px; font-weight: bold; color: #5e5f61; text-transform: uppercase; padding: 0; }
.addTable { font-size: 12px; }
    .addTable td { text-align: center; border-top: 1px solid #d0d0d0; color: #5e5f61; }
        .addTable td.nobordertop { border-top: 0px; border-bottom: 1px; }
        .addTable td.VAT { text-align: left; font-size: 11px;font-weight: normal; padding-left:10px;}
    .addTable .content { border-left: 1px solid #d0d0d0; }
    .addTable span { }
    .addTable img { float: left; padding-right: 0px; }
.bgtotal { background-color: #e7fccb; padding: 0; font-size: 14px; font-weight: bold; }
.checkOut td.padd_check { padding-bottom: 0px; }
.addLinks { padding: 12px 60px 0px 0px; position: relative; background-color: #e5e5e5; }
.notesB { padding: 15px 0 15px 0; color: #5e5f61; font-size: 12px; margin: 0 15px; }
.total td { background: url(../images/bgTotal.gif) repeat-x bottom; color: #852727; font-weight: bold; border-right: none; }
.addtoCartTitle span { padding: 13px 0 0 15px; display: block; }
.noborder { border: 0px; }
td.totalAddToCart { font-size: 14px; color: #a91155; font-weight: bold; }

@media (max-width: 1024px) {
    .checkOut { font-size: 11px; }
}

/* CheckOut */
.paddingCheckOutTitle { padding-left: 70px; }
.arrowGreen { width: 50px; text-align: left; padding-bottom: 3px; }
.leftCell { width: 145px; zbackground: #c9c9c9; background: #e2e2e2; font-size: 12px; font-weight: bold; zcolor: #5f5f61; color: #77787b; vertical-align: middle; padding: 6px 0 6px 20px; padding-left: 20px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; text-transform: uppercase; }
.rightCell { zbackground: #e5e5e5; zbackground: #e2e2e2; background: #F0F0F0; font-size: 13px; color: #77787b; font-weight: normal; vertical-align: middle; padding: 6px 0 6px 18px; border-bottom: 1px solid #d0d0d0; }
.lastRow { zborder-bottom: none; border-bottom: 1px solid #d0d0d0; }
.total { color: #a91155; font-weight: bold; }
    .total span { font-size: 14px; }

/*.divCheckOutNotes{
	font-size:12px;}
.divTips{
	color:#77787b;
	background-color:#e2e2e2;
	padding:20px 20px 10px 20px;}
.divRules{
	background-color:#a5004d;
	padding:10px 20px 10px 20px;
	color:#ffffff;}
.divRules .title{
	text-transform:uppercase;
	padding:0px 0 3px 0;}
.divRules .description{}*/

.divCheckOutNotes { font-size: 12px; padding: 15px; background-color: #e2e2e2; }
.divTips { margin-bottom: 10px; padding: 5px 5px; zborder: 1px solid #88312A; color: white; background-color: #7C7B7B; }
    .divTips .tipTitle { text-transform: uppercase; padding: 0px 0 12px 0; }
    .divTips a { font-size: 12px; color: white; text-decoration: underline; }

.divRules { padding: 5px 5px; zborder: 1px solid #F39; color: white; background-color: #a5004d; }
    .divRules .title { text-transform: uppercase; padding: 0px 0 12px 0; }
    .divRules .description { }
    .divRules a { color: white; text-decoration: underline; }


.proceedButton { background: #e5e5e5; padding: 20px 0 20px 165px; }

@media (max-width: 1024px) {
    .paddingCheckOutTitle { padding-left: 20px; }
    .arrowGreen { width: 30px; }
    .proceedButton { padding: 20px 0 20px 15px; }
}


/* Login */
.subTitle { background-color: #e7fccb; display: table; width: 100%; }
    .subTitle .imgBasket { vertical-align: middle; display: table-cell; width: 30px; }
    .subTitle .text { font-size: 13px; color: #5e5f61; padding-top: 7px; display: table-cell; }
.registerDetails { padding: 20px 15px; text-align: left; vertical-align: middle; font-size: 12px; color: #77787b; background-color: #e2e2e2; }
    .registerDetails .lbl { margin-top: 7px; font-weight: bold; text-align: justify; margin-right: 10px; }
    .registerDetails .description { font-weight: 100; }
    .registerDetails .paddingL { padding-top: 7px; }
    .registerDetails .paddingS { padding-top: 4px; }
    .registerDetails input[type=text], .registerDetails input[type=password], .registerDetails select, .registerDetails textarea { width: 200px; height: 26px; border: none; margin-bottom: 2px; padding: 0px 0 0 2px; border: 1px solid #949494; background-color: white; }
/*.registerDetails input[type=text], .registerDetails input[type=password], .registerDetails select, .registerDetails textarea { width: 200px; height: 24px; padding: 5px 5px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }*/
.radioInput input { background: none; border: none; width: 16px; height: 16px; }
ul { margin: 0; padding: 0; }
    ul li { list-style-position: outside; margin-left: 16px; }

@media (max-width: 768px) {
    .subTitle .text { margin-top: 8px; padding-bottom: 5px; }
    .subTitle .imgBasket { vertical-align: top; }
    .registerDetails { padding: 10px 15px 20px 15px; font-size: 13px; }
        .registerDetails .description { font-weight: bold; }
}

/* Footer */
.footer { font-size: 13px; text-align: center; color: #666666; }
.footer-products { font-size: 14px; margin: 50px 40px 25px 40px; }
.footer-categories { margin: 30px 40px 50px 40px; }
.footer-social { background: #e5e5e5; padding: 20px 0 20px 0; margin: 0px 9px 5px 9px; }
.footer-links { background: #e5e5e5; padding: 20px 0 20px 0; margin: 0px 9px 5px 9px; }

.allproductslabel { text-align: right; padding: 7px 0 5px 0; }
.allproductslist { text-align: left; }

@media (max-width: 1024px) {
    .allproductslabel { text-align: center; }
    .allproductslist { width: 90%; margin-left: 5%; margin-right: 5%; }
}

/* Home Page */
.whoWeAre { font-size: 13px; border: 1px solid #ccc; margin: 0px 9px; padding: 10px 20px; font-style: italic; line-height: 1.5em; color: #77787b; }
.dot1, .dot2, .dot3, .dot4 { font-size: 12px; color: white; width: 139px; height: 90px; text-align: center; vertical-align: middle; line-height: 1em; }
.dot1 { background-image: url(../images/dot1.png); }
.dot2 { background-image: url(../images/dot2.png); }
.dot3 { background-image: url(../images/dot3.png); }
.dot4 { background-image: url(../images/dot4.png); }

.latest5Div { margin-top: 20px; }
.superSpecialDiv { margin-top: 20px; }
.monthlySpecialOffersDiv { margin-top: 20px; }
.latest5Title, .superSpecialTitle, .monthlySpecialOffersTitle { /*background-image:url(../images/bgTitleHP.png);*/ background-color: #a02f47; color: #fff; height: 24px; /*width:376px;*/ vertical-align: middle; }
    .latest5Title .text, .superSpecialTitle .text, .monthlySpecialOffersTitle .text { padding: 4px 0 0 0px; font-size: 14px; padding-left: 20px; }
        .latest5Title .text span, .superSpecialTitle .text span { font-size: 12px; }
.latest5Products, .superSpecialProducts, .monthlySpecialOffersProducts { border: 1px solid #ccc; }
    .monthlySpecialOffersProducts .titleDetails { background-color: #e2e2e2; padding-left: 15px; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #ccc; font-size: 12px; line-height: 1.1em; }
        .monthlySpecialOffersProducts .titleDetails .category { color: #4f4f4f; font-size: 16px; text-transform: uppercase; }
            .monthlySpecialOffersProducts .titleDetails .category a { font-size: 12px; text-transform: none; }
    .latest5Products .picture, .superSpecialProducts .picture, .monthlySpecialOffersProducts .picture, .browseProducts .picture { width: 106px; display: table-cell; text-align: center; padding-right: 12px; padding-top: 2px; }
    .latest5Products .text, .superSpecialProducts .text, .monthlySpecialOffersProducts .text, .browseProducts .text { border-left: 1px solid #ccc; padding-left: 12px; display: table-cell; vertical-align: top; padding-right: 15px; }
        .latest5Products .text .name, .superSpecialProducts .text .name, .monthlySpecialOffersProducts .text .name, .browseProducts .text .name { font-size: 14px; color: #77787b; text-transform: uppercase; font-weight: bold; }
        .latest5Products .text .brand, .superSpecialProducts .text .brand, .monthlySpecialOffersProducts .text .brand, .browseProducts .text .brand { font-size: 13px; color: #77787b; padding-bottom: 0px; }
        .latest5Products .text .description, .superSpecialProducts .text .description, .monthlySpecialOffersProducts .text .description, .browseProducts .text .description { font-size: 13px; color: #77787b; text-align: justify; zpadding-top: 15px; padding-top: 12px; padding-bottom: 12px; }
        .latest5Products .text .unit, .superSpecialProducts .text .unit, .monthlySpecialOffersProducts .text .unit, .browseProducts .text .unit { font-size: 12px; }
        .latest5Products .text input[type=text], .superSpecialProducts .text input[type=text], .monthlySpecialOffersProducts .text input[type=text], .browseProducts .text input[type=text] { font-size: 12px; /*height:17px;*/ /*padding-left:5px;*/ }
        .latest5Products .text .priceSpan, .superSpecialProducts .text .priceSpan, .monthlySpecialOffersProducts .text .priceSpan, .browseProducts .text .priceSpan { font-size: 13px; }
            .latest5Products .text .priceSpan .price, .superSpecialProducts .text .priceSpan .price, .monthlySpecialOffersProducts .text .priceSpan .price, .browseProducts .text .priceSpan .price { font-size: 13px; color: #cc0066; font-weight: bold; }
        .latest5Products .text .oldPrice, .superSpecialProducts .text .oldPrice, .monthlySpecialOffersProducts .text .oldPrice, .browseProducts .text .oldPrice { font-size: 13px; zcolor: #a5004d; ZZZcolor: #c14480; color: #cc0066; font-weight: bold; text-decoration: line-through; }
.borderBottom { border-bottom: 1px solid #ccc; }

@media (max-width: 1024px) {
    .latest5Div { margin-top: 0px; }
}

/* Browse */
.titleBrowse1, .titleBrowse2, .titleBrowse3, .titleBrowse10, .titleBrowse5, .titleBrowse6, .titleBrowse8, .titleBrowse11 { font-size: 24px; color: #fff; height: 49px; text-transform: uppercase; text-align: center; vertical-align: middle; width: 100%; }
    .titleBrowse1 .text, .titleBrowse2 .text, .titleBrowse3 .text, .titleBrowse10 .text, .titleBrowse5 .text, .titleBrowse6 .text, .titleBrowse8 .text, .titleBrowse11 .text { height: 38px; padding-top: 6px; padding-left: 30px; }
/*.titleBrowse8Edge{
	height:49px;
	width:30px;}*/
.titleBrowse1 { background: url(../images/bgTitleBrowse1.png) repeat-x; }
.titleBrowse2 { background: url(../images/bgTitleBrowse2.png) repeat-x; }
.titleBrowse3 { background: url(../images/bgTitleBrowse3.png) repeat-x; }
.titleBrowse10 { background: url(../images/bgTitleBrowse4.png) repeat-x; }
.titleBrowse5 { background: url(../images/bgTitleBrowse5.png) repeat-x; }
.titleBrowse6 { background: url(../images/bgTitleBrowse6.png) repeat-x; }
.titleBrowse8 { background: url(../images/bgTitleBrowse8.png) repeat-x; }
.titleBrowse11 { background: url(../images/bgTitleBrowse6.png) repeat-x; }
.titleBrowse1Edge { background: url(../images/bgTitleBrowse1Edge.png) no-repeat; }
.titleBrowse2Edge { background: url(../images/bgTitleBrowse2Edge.png) no-repeat; }
.titleBrowse3Edge { background: url(../images/bgTitleBrowse3Edge.png) no-repeat; }
.titleBrowse10Edge { background: url(../images/bgTitleBrowse4Edge.png) no-repeat; }
.titleBrowse5Edge { background: url(../images/bgTitleBrowse5Edge.png) no-repeat; }
.titleBrowse6Edge { background: url(../images/bgTitleBrowse6Edge.png) no-repeat; }
.titleBrowse8Edge { background: url(../images/bgTitleBrowse8Edge.png) no-repeat; }
.titleBrowse11Edge { background: url(../images/bgTitleBrowse6Edge.png) no-repeat; }

@media (max-width: 1024px) {
    .titleBrowse1, .titleBrowse2, .titleBrowse3, .titleBrowse10, .titleBrowse5, .titleBrowse6, .titleBrowse8, .titleBrowse11 { font-size: 18px; padding-top: 8px; }
}

.subcatmenu { padding: 15px 20px 15px 20px; text-align: center; vertical-align: middle; color: #188bb5; font-size: 13.5px; border-bottom: 1px solid #ccc; }
    .subcatmenu a { }
        .subcatmenu a:hover { color: #188bb5; }
        .subcatmenu a.selected { background-color: #8ec547; color: white; padding: 1px 3px; }

.subcatinfomenu { padding: 10px 0 10px 15px; font-size: 12px; }
.subcatinfo { background: url(../images/productsTitleBg.gif) repeat-x bottom; margin: 0 15px 6px 15px; padding: 10px 10px 10px 10px; border: 1px solid #ccc; text-align: justify; font-size: 12px; }
.qtyOffer { padding-top: 0px; }
.shippingNote { font-size: 12px; font-weight: bold; padding-top: 0px; color: #cc0066; }

.padding15 { padding: 15px; }
.paddingLeftRight15 { padding: 0px 15px; }
.paddingTop15 { padding-top: 15px; }
.paddingBottom15 { padding-bottom: 15px; }
.paddingTop40 { padding-top: 40px; }
.borderBottomProductsPage { border-bottom: 1px solid #ccc; }
.marginTop5 { margin-top: 5px; }
.bitLarger { padding-top: 30px; font-size: 1.1em; }
.greygb { background-color: #f1f1f1; }


.Collapse { cursor: pointer; }
    .Collapse span { color: white; text-decoration: underline; text-transform: none; font-size: 12px; top: -1px; position: relative; }

.paymentMessage { font-size: 16px; padding: 15px; background-color: #e2e2e2; color: gray; }


.register span a { color: #191919; font-size: 11px; text-decoration: underline; text-transform: none; background: url(../images/arrowRegister.gif) no-repeat left; padding: 0 0 0 0px; }

.SubCategoryBG { /*background:url(../images/banner.jpg) no-repeat right;*/ height: 49px; margin: 0; padding: 0; }

.qty { height: 22px; width: 30px; }

.qtySpacing { margin-top: 1px; }

/*.prod-list { width:400px; }*/
/*@media (max-width: 1024px) {
.prod-list { width:260px; }
}*/