/* This is 960/12 Grid System */
html{ position: relative; min-height: 100%; }
body{ margin: 0 0 60px; padding:0; min-height:100%; line-height:22px; font-size:16px; color:#666666; font-family: 'Dosis', sans-serif; font-weight:300; }
/* Font Face Start */
@font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: normal; src: local('Bebas Neue'), url('BebasNeue.woff') format('woff'); }
/* Font Face End */

.freeze{ width:100%; position:fixed; }

.bdr-bottom{ border-bottom:1px solid #CCCCCC; }

.num{ font-family:arial; font-weight: normal; }
.order-num{ font-weight:600; color:#e21f15;  }

.txt-c{ text-align:center; }
.txt-l{ text-align:left; }
.txt-r{ text-align:right; }

.table{ width:100%; }
.table th{ padding:0 5px; height:40px; line-height:40px; font-size:16px; font-weight:300; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:none; border-right:1px solid #CCCCCC; }
.table th:first-child{ border-left:1px solid #CCCCCC; }
.table td{ padding:0 5px; height:40px; line-height:40px; font-size:18px; font-weight:300; vertical-align:top; border-bottom:1px solid #CCCCCC; border-left:none; border-right:1px solid #CCCCCC; }
.table td:first-child{ border-left:1px solid #CCCCCC; }

header{ line-height:48px; border-bottom:1px solid #CCCCCC; }
header .logo{ width:150px; height:48px; display:block; float:left; text-decoration:none; }
header .logo:hover{ width:150px; height:48px; display:block; float:left; text-decoration:none; }
header .nav-wrap{ width: calc(100% - 150px); float:left; }
header .nav-web{ text-align:left; float:left; }
header .nav-my{ text-align:right; float:right; }
header .nav-wrap a{ padding:0 10px;}
header .nav-wrap a:hover{ padding:0 10px; }
header .welcome{ padding:0 10px; }

.res-ctrl{ height:48px; line-height:48px; border-bottom:1px solid #CCC; display:none; }
.res-ctrl .menu-tog{ padding:0 10px; width:24px; float:left; text-align:center; cursor:pointer; }
.res-ctrl .filter-tog{ padding:0 10px; width:24px; float:left; text-align:center; cursor:pointer; }
.res-ctrl .cart-tog{ padding:0 10px; width:150px; float:right; text-align:right; cursor:pointer; }

footer{ width:100%; height:40px; line-height:40px; font-size:16px; font-weight:normal; color:#FFFFFF; background:#333333; position:absolute; left:0; bottom:0; }
footer a{ color:#FFFFFF; padding:0 10px; }
footer a:hover{ color:#FFFFFF; padding:0 10px; }
footer .footer-link{ text-align:left; }
footer .copyright{ text-align:right; }

/* ----- Login Register Page Start ----- */
.login-page{ background:url(../images/jumbotron-bg.jpg) no-repeat center top #5c5951; background-size:cover; }
.login-page .logo{ padding-top:10px; text-align:center; }
.login-page .link-box{ margin-top:-115px; margin-left:-180px; width:360px; height:230px; text-align:center; position:absolute; left:50%; top:50%; }
.login-page .slogon{ padding-bottom:40px; line-height:60px; font-size:60px; color:#FFFFFF; font-family:Bebas Neue; }
.login-page .login-btn{ margin:0 auto 40px; padding:0; width:240px; height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#FFFFFF; background:url(../images/black-transparent.png) repeat; border:3px solid #FFFFFF; cursor:pointer; }
.login-page .register-lnk{ padding-bottom:2px; color:#FFFFFF; text-decoration:none; border-bottom:1px dashed #FFFFFF; }

.login-page #login-popup{ margin-top:-242px; margin-left:-210px; padding:10px 10px 36px; width:400px; background:#FFF; position:absolute; top:50%; left:50%; z-index:10; }
.login-page #login-popup .x-div{ text-align:right; line-height:20px; }
.login-page #login-popup .x{ cursor:pointer; }
.login-page #login-popup h1{ margin:0 auto; padding:10px 0 20px; width:auto; line-height:50px;  font-size:48px; font-family:Bebas Neue; text-align:center; border-bottom:1px solid #CCCCCC; color:#000000; }
.login-page #login-popup p{ margin:0; padding:20px 0 0 0; font-family:'Cardo', serif; font-style:italic; text-align:center; }
.login-page #login-popup .forgot-lnk{ padding-top:10px; text-align:center; }
.login-page #login-popup .forgot-lnk a{ line-height:20px; font-size:16px; color:#666666; }

.login-page .forgot-password{ margin-top:-193px !important; }

.register article{ margin:10px auto; padding:10px; width:800px; background: #FFFFFF; }
.register h1{ margin:0 auto; padding:10px 0 20px; width:auto; line-height:50px;  font-size:48px; font-family:Bebas Neue; text-align:center; border-bottom:1px solid #CCCCCC; color:#000000; }
.register p{ margin:0; padding:20px 0 0 0; font-family:'Cardo', serif; font-style:italic; text-align:center; }
/* ----- Login Register Page End ----- */
/* ----- Privacy Policy Start ----- */
.txt-content article{ margin:10px auto; padding:20px; width:1000px; background:#FFFFFF; }
.txt-content h1{ margin:0 auto; padding:10px 0 20px; width:auto; line-height:50px;  font-size:48px; font-family:Bebas Neue; text-align:center; border-bottom:1px solid #CCCCCC; color:#000000; }
.txt-content ul{ padding-left:20px; }
.txt-content ul li{ padding-bottom:10px; }
.txt-content ol{ padding-left:15px; }
.txt-content ol li{ padding-top:20px; padding-left:10px; }
.txt-content a{ color:blue; }
.txt-content a:hover{ color:blue; }
.txt-content .myli{ padding: 10px 0; }
.txt-content .myli .num{ margin:0; padding:0; width:4%; font-family: 'Arial',sans-serif; float:left; }
.txt-content .myli .txt{ margin:0; padding:0; width:96%; display:block; float:left; }
/* ----- Privacy Policy End ----- */

.page-heading{ margin:20px 0; padding:20px; height:20px; line-height:20px; font-size:24px; font-weight:bold; color:#FFFFFF; background-repeat:no-repeat; }

.section-left{ width:230px; background:#F2F2F2; border:1px solid #CCCCCC; border-top:none; float:right; }
.x-cart{ padding:20px 10px 10px; float:right; cursor:pointer; display:none; }

.section-left h2{ margin:0; padding:0; line-height:50px; font-size:24px; font-weight:300; text-align:center; border-bottom:1px solid #CCCCCC; }
.section-left .non-promo-cases{ padding:5px 0; text-align:center; border-bottom:1px solid #CCCCCC; }
.section-left .non-promo-cases strong{ font-size:18px; color:#800000; }
.section-left .items-number{ padding:5px 0; text-align:center; border-bottom:1px solid #CCCCCC; font-family: 'arail',sans-serif; font-size: 14px; }
.section-left .items-number .save{ color:#01810d; }
.section-left .item{ border-bottom:1px solid #CCCCCC; padding-bottom:5px; position:relative }
.section-left .item .x{ position:absolute; right:0; top:0; margin:0 0 0 220px; width:10px; height:10px; line-height:10px; background:url(../images/x2.png) no-repeat; display:none; position:absolute; }
.section-left .item .prod-img{ margin:0; width:50px; float:left; position:relative }
.section-left .item .prod-img img.banner{ position:absolute; top:7px; left:0 }
.section-left .item .prod-img img.p-image{ margin-top:7px; width:50px; }
.section-left .item .prod-desc { margin:0 0 0 55px; }
.section-left .item .prod-desc h3{ margin:0; padding-top:2px; line-height:16px; font-size:13px; font-weight:300; }
.section-left .item .prod-desc .desc{ padding:3px 0 0; font-family: 'arail',sans-serif; line-height:20px; font-size: 14px; }
.section-left .item .prod-desc .qty{ }
.section-left .item .prod-desc .add-cart{ float:right; }
.section-left .item .prod-desc .add-cart .sub{ margin:10px 2px 0 0; padding:0; width:18px; height:18px; background:url(../images/sub.png) no-repeat center center; border:1px solid #CCCCCC; border-radius:5px; cursor:pointer; }
.section-left .item .prod-desc .add-cart .add{ margin:10px 2px 0 0; padding:0; width:18px; height:18px; background:url(../images/add.png) no-repeat center center; border:1px solid #CCCCCC; border-radius:5px; cursor:pointer; }
.section-left .item .prod-desc .add-cart .add-to-cart{ margin:10px 2px 0 0; padding:0 2px; width:35px; height:18px; border:1px solid #CCCCCC; border-radius:5px; cursor:pointer; float:right; background:none; color:#FFFFFF;  background:#e21f15; }
.section-left .calc-total{ border-bottom:1px solid #CCCCCC; }
.section-left .total .lab{ padding:5px 0; text-align:right; }
.section-left .total .val{ padding:5px 0; font-weight:bold; text-align:left; font-family: 'arail',sans-serif; }
.section-left .buttons{ text-align:center; padding:5px 0 10px; }
.section-left .checkout{ margin:0 auto; padding:0; width:198px; height:30px; line-height:26px; text-align:center; font-weight:bold; color:#FFFFFF; background:#e21f15; border:1px solid #e21f15; border-radius:5px; cursor:pointer; }
.section-left .payment-method{ padding:5px 0; height:20px; list-style:20px; }
.section-left .payment-method img{ margin-right:5px; }
.section-left .calandar{ padding:0 12% 0 3%; width:85%; height:24px; background:url(images/calander.png) no-repeat right center #FFF; border:1px solid #CCCCCC; border-radius:5px; }
.section-left select{ width:100%; height:24px; border:1px solid #CCCCCC; border-radius:5px; }
.section-left textarea{ padding:2%; width:96%; height:90px; border:1px solid #CCCCCC; border-radius:5px; }
.section-left .limit{ line-height:16px; font-size:14px; }

.section-main{ width:1010px; float:left; }

.prod-list-section nav{ width:200px; float:left; }
.prod-list-section nav .x-nav{ padding:13px 5px; float:right; cursor:pointer; display:none; }
.prod-list-section nav .th{ padding:0 5px; height:40px; line-height:40px; font-size:18px; border-top:2px solid #CCCCCC; border-right:none; border-bottom:2px solid #CCCCCC; border-left:1px solid #CCCCCC; }
.prod-list-section nav .td{ padding:0 5px; border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; line-height:40px; }
.prod-list-section nav .td .toggle-dropdown{ line-height:30px; }
.prod-list-section nav .td .toggle-dropdown img{ padding-right:2px; }
.prod-list-section nav .td .dropdown{ line-height:30px; padding-bottom:5px; }
.prod-list-section nav .td .dropdown div{ line-height:30px; }
.prod-list-section nav .td .dropdown input{ margin-right:5px; }
.prod-list-section nav .td input{ margin:0 5px 0 0; }

.prod-list-section article{ width:808px; min-height:500px; border:1px solid #CCCCCC; float:left; }
.prod-list-section article .th{ padding:0 5px; height:40px; line-height:40px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }
.prod-list-section article .th select{ margin:5px 0 0 0; padding:0; height:30px; border:1px solid #CCCCCC; border-radius:5px; vertical-align:top; }
.prod-list-section article .th .sort-div{ width:200px; float:left; }
.prod-list-section article .th .search{ width:300px; float:right; font-size:12px }
.prod-list-section article .th .search input[type="submit"]{ margin:5px 0 0 0; padding:0; width:27px; height:30px; border:1px solid #CCCCCC; border-left:none; border-top-right-radius:5px; border-bottom-right-radius:5px; vertical-align:top; background:url(../images/search-icon.png) no-repeat center center #FFFFFF; float:right; }
.prod-list-section article .th .search input[type="text"]{ margin:5px 0 0 0; padding:0 5px; width:262px; height:30px; border:1px solid #CCCCCC; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; vertical-align:top; float:right; }

.prod-list-section article .th .paging{ margin:0 300px 0 250px; text-align:center; }
.prod-list-section article .th .paging a{ padding:0 2px; font-size:16px; color:#666666; text-decoration:none; display:inline-block; }
.prod-list-section article .th .paging a:hover{ padding:0 2px; font-size:16px; color:#000000; text-decoration:none; display:inline-block; }
.prod-list-section article .th .paging a.on{ padding:0 2px; font-size:16px; color:#666666; font-weight:600; text-decoration:none; display:inline-block; }

.prod-list-section .list-view .th .view-change{ padding:0 10px; width:17px; height:40px; background:url(../images/list-view.png) no-repeat center center; float:left; display:block; }
.prod-list-section .list-view .th .view-change:hover{ padding:0 10px; width:17px; height:40px; background:url(../images/grid-view.png) no-repeat center center; float:left; display:block; }
.prod-list-section .grid-view .th .view-change{ padding:0 10px; width:17px; height:40px; background:url(../images/grid-view.png) no-repeat center center; float:left; display:block; }
.prod-list-section .grid-view .th .view-change:hover{ padding:0 10px; width:17px; height:40px; background:url(../images/list-view.png) no-repeat center center; float:left; display:block; }

.prod-list-section .list-view .td{ padding:0; height:100px; border-bottom:1px solid #CCCCCC; }
.prod-list-section .list-view .td .prod-img{ width:110px; height:90px; float:left; }
.prod-list-section .list-view .td .prod-img .offer-banner{ position:absolute; text-align:left; }
.prod-list-section .list-view .td .prod-img .offer-type{ margin-top:77px; width:110px; text-align:center; position:absolute; }
.prod-list-section .list-view .td .prod-img .offer-type .offer-type1{ display:inline; }
.prod-list-section .list-view .td .prod-img .offer-type .offer-type2{ display:none; }
.prod-list-section .list-view .td .prod-img .image{ text-align:center; }
.prod-list-section .list-view .td .prod-img .image img{ height:90px; }
.prod-list-section .list-view .td .prod-desc{ width:477px; float:left; color:#666666; }
.prod-list-section .list-view .td .prod-desc h2{ margin:0; padding:6px 0; height:20px; font-weight:normal; font-size:16px; font-family:'arial', sans-serif; color:#000000; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.prod-list-section .list-view .td .prod-desc .desc{ width:57%; float:left; font-family:'arial', sans-serif; font-size:13px; }
.prod-list-section .list-view .td .prod-desc .promo{ padding:0 1%;  width:41%; float:right; font-family:'arial', sans-serif; font-size:13px; }
.prod-list-section .list-view .td .prod-desc .promo-table .lab{ width:68%; text-align:right; float:left; }
.prod-list-section .list-view .td .prod-desc .promo-table .val{ width:32%; text-align:left; float:right; }
.prod-list-section .list-view .td .prod-desc .promo-date{ color:#800000; }
.prod-list-section .list-view .td .prod-desc .promo-save{ color:#01810d; }
.prod-list-section .list-view .td .prod-price{ border-left:1px solid #CCCCCC; width:220px; height:100px; float:left; }
.prod-list-section .list-view .td .prod-price .price-row{ padding:3px 5px 6px; }
.prod-list-section .list-view .td .prod-price .ind{ color:#e21f15; font-weight:400; font-size:14px; background:#FFFFAA; }
.prod-list-section .list-view .td .prod-price .scs{ color:#3c763d; font-weight:400; font-size:14px; background:#dff0d8; }
.prod-list-section .list-view .td .prod-price .lab{ padding-right:5%; width:25%; text-align:right; float:left; }
.prod-list-section .list-view .td .prod-price .price{ width:70%; text-align:left; font-size:18px; font-weight:bold; color:#444444; float:right; font-family: 'arial',sans-serif; }
.prod-list-section .list-view .td .prod-price .add-cart{ width:70px; height:25px; float:left; position:relative; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin-left:12px }
.prod-list-section .list-view .td .prod-price .add-cart .sub{ position:absolute; left:-12px; top:-1px; margin:0; padding:0; width:27px; height:27px; line-height:30px; background:url(../images/minus.png) no-repeat center center #FFF; border:1px solid #CCCCCC; border-radius:5px; cursor:pointer; float:left; }
.prod-list-section .list-view .td .prod-price .add-cart .add{ position:absolute; left:52px; top:-1px; margin:0; padding:0; width:27px; height:27px; line-height:30px; background:url(../images/add2.png) no-repeat center center #FFF; border:1px solid #CCCCCC; border-radius:5px; cursor:pointer; float:left; }
.prod-list-section .list-view .td .prod-price .add-cart .qty{ position:absolute; left:15px; margin:0; padding:0; width:37px; height:25px; line-height:30px; text-align:center; border:none; float:left; background:none }
.prod-list-section .list-view .td .prod-price .add-cart .add-to-cart{ position:absolute; left:82px; top:-1px; margin:0; padding:0; width:42px; height:27px; line-height:26px; text-align:center; font-weight:bold; color:#FFFFFF; background:#e21f15; border:1px solid #e21f15; border-radius:5px; cursor:pointer; float:right; }

.prod-list-section .grid-view .th{ clear:both; }
.prod-list-section .grid-view .td{ padding:0; width:201px; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; float:left; }
.prod-list-section .grid-view .td .prod-img{ width:201px; height:128px; }
.prod-list-section .grid-view .td .prod-img .offer-banner{ position:absolute; text-align:left; }
.prod-list-section .grid-view .td .prod-img .offer-type{ margin-top:5px; width:197px; text-align:right; position:absolute; }
.prod-list-section .grid-view .td .prod-img .offer-type .offer-type1{ display:none; }
.prod-list-section .grid-view .td .prod-img .offer-type .offer-type2{ display:inline; }
.prod-list-section .grid-view .td .prod-img .image{ text-align:center; }
.prod-list-section .grid-view .td .prod-img .image img{ height:128px; }
.prod-list-section .grid-view .td .prod-desc{ padding:0 5px; width:auto; height:136px; float:none; color:#666666; }
.prod-list-section .grid-view .td .prod-desc h2{ margin: 0; padding:0; text-align:center; font-weight:normal; font-size:15px; color:#000000; height:48px; overflow:hidden; }
.prod-list-section .grid-view .td .prod-desc .desc{ width:auto; float:none; text-align:center; font-family:'arial', sans-serif; font-size:13px; }
.prod-list-section .grid-view .td .prod-desc .promo{ padding:0;  width:auto; float:none; font-family:'arial', sans-serif; font-size:13px; }
.prod-list-section .grid-view .td .prod-desc .promo-table .lab{ width:68%; text-align:right; float:left; }
.prod-list-section .grid-view .td .prod-desc .promo-table .val{ width:32%; text-align:left; float:right; }
.prod-list-section .grid-view .td .prod-desc .promo-date{ color:#800000; }
.prod-list-section .grid-view .td .prod-desc .promo-wsp{ display:none; }
.prod-list-section .grid-view .td .prod-desc .promo-save{ display:none; }
.prod-list-section .grid-view .td .prod-price{ border-top:1px solid #CCCCCC; width:auto; height:99px; float:none; }
.prod-list-section .grid-view .td .prod-price .price-row{ padding:3px 3px 6px; }
.prod-list-section .grid-view .td .prod-price .ind{ color:#e21f15; font-weight:400; font-size:14px; background:#FFFFAA; }
.prod-list-section .grid-view .td .prod-price .scs{ color:#3c763d; font-weight:400; font-size:14px; background:#dff0d8; }
.prod-list-section .grid-view .td .prod-price .lab{ padding-right:5%; width:25%; text-align:right; float:left; }
.prod-list-section .grid-view .td .prod-price .price{ width:70%; text-align:left; font-size:18px; font-weight:bold; color:#444444; float:right; font-family: 'arial',sans-serif; }
.prod-list-section .grid-view .td .prod-price .add-cart{ width:70px; height:26px; float:left; position:relative; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin-left:12px }
.prod-list-section .grid-view .td .prod-price .add-cart .sub{ position:absolute; left:-12px; top:-1px; margin:0; padding:0; width:27px; height:28px; line-height:30px; background:url(../images/minus.png) no-repeat center center #FFF; border:1px solid #CCCCCC; border-radius:5px; cursor:pointer; float:left; }
.prod-list-section .grid-view .td .prod-price .add-cart .add{ position:absolute; left:50px; top:-1px; margin:0; padding:0; width:27px; height:28px; line-height:30px; background:url(../images/add2.png) no-repeat center center #FFF; border:1px solid #CCCCCC; border-radius:5px; cursor:pointer; float:left; }
.prod-list-section .grid-view .td .prod-price .add-cart .qty{ position:absolute; left:15px; margin:0; padding:0; width:35px; height:25px; line-height:30px; text-align:center; border:none; float:left; background:none }
.prod-list-section .grid-view .td .prod-price .add-cart .add-to-cart{ position:absolute; left:79px; top:-1px; margin:0; padding:0; width:37px; height:28px; line-height:26px; text-align:center; font-weight:bold; color:#FFFFFF; background:#e21f15; border:1px solid #e21f15; border-radius:5px; cursor:pointer; float:right; }

.uservices .uservice{ height:131px; border:1px solid #CCCCCC; background:#F2F2F2; border-radius:5px; }
.uservices .uservice img{ margin:5px; width:100px; float:left; }
.uservices .uservice .desc{ margin-left:115px; padding:0px 5px 10px 5px }
.uservices .uservice .desc h2{ margin:0; padding:5px 0 0; font-size:18px; color:#000000; font-weight:300; }
.uservices .uservice .desc p{ margin:0; padding:5px 0; height:60px; line-height:20px; }
.uservices .uservice .desc input[type="button"]{ margin:0 auto; padding:0 10px; width:auto; height:24px; line-height:24px; font-size:12px; font-weight:bold; text-align:center; color:#FFFFFF; background:#e21f15; border:1px solid #e21f15; border-radius:5px; cursor:pointer; }

/* ----- Welcome Start ----- */
.jumbotron{ padding-top:20px; }
.jumbotron article{ height:386px; background:url(../images/jumbotron.jpg) top center; }
.jumbotron article img{margin-top:100px; width:100%; max-width:410px;}

.jumbotron2{ background:#F2F2F2; }
.jumbotron2 .line1{ padding:80px 0 20px; font-size:72px; line-height:92px; text-align:center; color:#333333; }
.jumbotron2 .line2{ padding:20px 0 80px; font-size:30px; line-height:40px; text-align:center; color:#333333; }

.h2{ margin: 0 0 10px 0; Padding:10px; height:40px; line-height:40px; font-size:24px; font-weight:bold; color:#FFFFFF; background:url(../images/green-heading.png) no-repeat right; }
.note{ line-height:32px; }
.order-type{ padding:20px; background:#FFFFFF; border:1px solid #CCCCCC; border-top:none; cursor:pointer;}
.order-type-top-border { border-top:1px solid #CCCCCC; }
.order-type:hover{ padding:20px; background:#F2F2F2; border:1px solid #CCCCCC; border-top:none; cursor:pointer;}
.child1{ border-top:1px solid #CCCCCC !important; }

.order-type .icon{ float:left; width:80px; }
.order-type .content{ padding-left:20px; float:left; width:475px; }
.order-type .content .heading{ padding-bottom:10px; font-size:36px; color:#666666; }

.cat{ margin:0 0 10px; padding:10px; height:40px; line-height: 40px; font-size: 36px; color:#FFFFFF; text-decoration: none; display: block; }
.cat:hover{ margin:0 0 10px; padding:10px; height:40px; line-height: 40px; font-size: 36px; color:#FFFFFF; text-decoration: none; display: block; }
.cat1{  background: url(../images/cat1.png) no-repeat top right; }
.cat1:hover{  background: url(../images/cat1.png) no-repeat bottom right; }
.cat2{  background: url(../images/cat2.png) no-repeat top right; }
.cat2:hover{  background: url(../images/cat2.png) no-repeat bottom right; }
.cat3{  background: url(../images/cat3.png) no-repeat top right; }
.cat3:hover{  background: url(../images/cat3.png) no-repeat bottom right; }

.cancel-click-collect{ cursor: pointer; }
.cancel-delivered{ cursor: pointer; }

.action-btn[type="button"] { margin:0; padding:0 10px; height:25px; line-height:23px; color:#FFF; background:#e21f15; border:1px solid #e21f15; border-radius:5px; cursor:pointer; }
a.action-btn { margin:0; padding:0 6px; height:25px; line-height:25px; color:#FFF; background:#e21f15; border:1px solid #e21f15;  border-radius:5px; cursor:pointer; display:block;  text-align:center;  font-family:'Arial', sans-serif;  font-size:13px;  margin-top:6px;  width:100px; }
a.action-btn:hover { text-decoration: none }
/* ----- Welcome End ----- */

.section-left .item .update-qty { margin:0 5px 0 0; position:relative; width:90px }
.section-left .item .update-qty .qty { position:absolute; left:0; margin:0; padding:0; width:41px; height:23px; text-align:center; border:1px solid #CCCCCC; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; float:left; }
.section-left .item .update-qty input[type="button"].on { position:absolute; left:38px; margin:0; padding:0; width:50px; height:23px; line-height:23px; color:#FFF; background:#e21f15; border:1px solid #e21f15; border-radius:5px; cursor:pointer; float:right; }

.modal { background:rgba(0,0,0,0.5); position:fixed; width:100%; height:100%; left:0; right:0; top:0; bottom:0; display:none; }
.payment_form { position:relative; background:#F2F2F2; border:1px solid #CCCCCC; border-radius:5px; padding:20px 30px; margin:100px auto 0 auto; width:300px }
.payment_form .hosted-field { border:1px solid #CCCCCC; background:#FFF; border-radius:5px; height:40px; margin-bottom:15px; padding-left:5px; }
.payment_form .button{ display:block; margin:0 auto; padding:0; width:130px; height:30px; line-height:26px; text-align:center; font-weight:bold; color:#FFFFFF; background:#e21f15; border:1px solid #e21f15; border-radius:5px; cursor:pointer; }
.payment_form .x { position:absolute; top:45px; right:30px; width:10px; height:10px; line-height:10px; background:url(../images/x2.png) no-repeat;}

.dd-icon { float:right; margin-top:15px }
.ui-datepicker { font-size:13px!important }
.text-center { text-align:center }
.pull-left { float:left }
.pull-right { float:right; }

.prod-img { position:relative; }
.banner { position:absolute; left:0; top:0; }

.ui-autocomplete { max-height:200px; overflow-y:auto; overflow-x:hidden; }
.ui-corner-all { border-radius: 0px !important; }
.ui-menu .ui-menu-item a { font-size:12px; }
.ui-menu .ui-menu-item a:hover { background:#e21f15; color:#FFF; }

.page-msg{ min-height:10px; line-height:10px; text-align:center; font-weight:bold; }
.page-msg .red-txt{ color:#e21f15; }
.page-msg .msg1{ line-height:30px; }
.page-msg .msg2{ line-height:30px; background:#F2F2F2; }

.page-heading{ margin:5px 0; padding:20px; height:20px; line-height:20px; font-size:24px; font-weight:bold; color:#FFFFFF; background-repeat:no-repeat; background-position:right; }

#alert{position:fixed; width:100%; left:0; z-index:101}

/* ----- My Trolley Start ----- */
.my-trolley{ margin: 0 0 147px; }
.my-trolley-table{ font-family: 'arial',sans-serif; font-size:16px; }
.my-trolley-table td{ font-family: 'arial',sans-serif; font-size:16px; }

.my-trolley-table .prod-desc img{ margin:5px 0; float:left; }
.my-trolley-table .prod-desc .desc{ margin-left:60px; }
.my-trolley-table .prod-desc .desc h3{ margin:0; padding:0; font-size:16px; font-weight:300; color:#000000; line-height:20px; }
.my-trolley-table .prod-desc .desc p{ margin:0; padding:0; font-size:14px; line-height:18px; }
.my-trolley-table .update-qty{ margin:7px auto 0; width:100px; height:25px; background:url(../images/qty-update.png) no-repeat center center; }
.my-trolley-table .update-qty input[type="text"]{ margin:0; padding:0; width:41px; height:23px; text-align:center; border:1px solid #CCCCCC; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; float:left; }
.my-trolley-table .update-qty input[type="button"].on{ margin:0; padding:0; width:56px; height:25px; line-height:23px; color:#FFF; background:#e21f15; border:1px solid #e21f15; border-radius:5px; cursor:pointer; float:right; }
.my-trolley-table .update-qty input[type="button"].off{ margin:0; padding:0; width:56px; height:25px; line-height:23px; color:#aaa; background:#eeeeee; border:1px solid #CCCCCC; border-radius:5px; cursor:default; float:right; }

.my-trolley-total-table{ width:100%;  position:absolute; left:0; bottom:50px; font-family: 'arial',sans-serif; font-size: 14px; }
.my-trolley-total-table table{ margin-left:511px; width:499px; }
.my-trolley-total-table table tr td{ padding:2px; vertical-align:top; }
.my-trolley-total-table table tr:first-child td{ border-top:1px solid #CCCCCC; }
.my-trolley-total-table table tr:last-child td{ border-bottom:1px solid #CCCCCC; }
.my-trolley-total-table table td:first-child{ border-left:1px solid #CCCCCC; }
.my-trolley-total-table table td.val{ border-right:1px solid #CCCCCC; }
.my-trolley-total-table table .save{ color:#01810d; }
.my-trolley-total-table table .lab{ text-align:right; }
.my-trolley-total-table table .val{ text-align:left; }
/* ----- My Trolley End ----- */

/* start new */
#crafty_postcode_lookup_result_option1{margin:20px 0 0 0;width:90% !important;}
.prod-list-section .list-view .cat-heading{ clear:both; font-weight:bold; border-top:1px solid #CCCCCC; }
.prod-list-section .grid-view .cat-heading{ clear:both; font-weight:bold; border-top:1px solid #CCCCCC; }
.txt-box1{ padding:40px 0; line-height:30px; text-align:center; font-size:24px; color:#FFFFFF; background:url(../images/red-bg.jpg) repeat; }
/* end new */

@media( max-width:768px )
{
body{ margin: 0 0 90px; }

.table th{ padding:0 5px; height:auto; line-height:25px; }
.table td{ padding:0 5px; height:auto; line-height:25px; }

header .logo{ margin:0 auto; width:150px; height:50px; display:block; float:none; text-decoration:none; }
header .logo:hover{ margin:0 auto; width:150px; height:50px; display:block; float:none; text-decoration:none; }
header .nav-wrap{ padding:5px; width:240px; height:100%; float:none; position:fixed; top:0; left:-250px; background:#F0F0F0; z-index:1000; /*overflow-y:scroll;*/ }
header .nav-web{ text-align:left; float:none; }
header .nav-my{ text-align:left; float:none; }
header .nav-wrap a{ padding:0 10px; height:40px; line-height:40px; text-decoration:none; color:#666666; background:#F0F0F0; border-bottom:1px solid #FFF; display:block; }
header .nav-wrap a:hover{ padding:0 10px; height:40px; line-height:40px; text-decoration:none; color:#FFFFFF; background:#666666; border-bottom:1px solid #FFF; display:block; }
header .sep{ display:none; }
header .welcome{ padding:10px 10px 0; display:block; font-weight:bold; border-bottom:1px dashed #CCC; }

footer{ height:auto; }
footer .footer-link{ text-align:center; }
footer .copyright{ text-align:center; }

.register article{ margin:10px auto; padding:2%; width:96%; background: #FFFFFF; }
.res-ctrl{ display:block; }

.section-left{ padding:2%; width:auto; height:98%; border:none; float:none; overflow-y:scroll; position:fixed; left:0; right:0; z-index:100; display:none; }
.section-left .payment-method{ padding:5px 0 10px; border-top:1px dashed #CCCCCC; }
.section-left .buttons{  padding:10px 0; text-align:center; border-top:1px solid #CCCCCC; }
.x-cart{ display:block; }

.section-main{ width:auto; float:none; }

.prod-list-section nav{ padding:0 0 20px; width:100%; height:100%; background:#FFFFFF; position:fixed; top:0; left:0; float:none; z-index:1000; display:none; }
.prod-list-section nav .th{ padding:5px 5px 5px 20px; border:1px solid #CCCCCC; }
.prod-list-section nav .td{ padding:5px 5px 5px 20px; border:1px solid #CCCCCC; border-top:none; }
.prod-list-section nav .x-nav{ display:block; }
.prod-list-section nav .td input{ margin:0 20px 0 0; }

.prod-list-section article{ width:auto; float:none; }
.prod-list-section article .th{ height:auto; }
.prod-list-section article .th .search{ margin:60px 0 0; clear:both; width:100%; float:none; }
.prod-list-section article .th .search input[type="submit"]{ width:8%; }
.prod-list-section article .th .search input[type="text"]{ padding:0 1%; width:89%; }
.prod-list-section article .th .paging{ margin:117px auto 0; clear:both; text-align:center; }
.prod-list-section article .th .sort-div{ width:200px; float:right; }
.prod-list-section article .th .paging a{ padding:0 5px; width:30px; }
.prod-list-section article .th .paging a:hover{ padding:0 5px; width:30px; }
.prod-list-section article .th .paging a.on{ padding:0 5px; width:30px; }


.prod-list-section .grid-view .td{ width:100%; border-right:none; border-bottom:3px solid #CCCCCC; float:none; }
.prod-list-section .grid-view .td .prod-img{ margin:0 auto; width:100%; }
.prod-list-section .grid-view .td .prod-img .offer-type{ width:100%; }
.prod-list-section .grid-view .td .prod-desc .promo-table .lab{ width:51%; }
.prod-list-section .grid-view .td .prod-desc .promo-table .val{ width:49%; }

.prod-list-section .list-view .td{ padding:0; width:100%; height:auto; border-bottom:3px solid #CCCCCC; }
.prod-list-section .list-view .td .prod-img{ width:100%; height:auto; }
.prod-list-section .list-view .td .prod-img .offer-banner{ width:100%; position:absolute; text-align:left; }
.prod-list-section .list-view .td .prod-img .offer-type{ margin-top:5px; width:100%; text-align:right; position:absolute; }
.prod-list-section .list-view .td .prod-img .offer-type .offer-type1{ display:none; }
.prod-list-section .list-view .td .prod-img .offer-type .offer-type2{ display:inline; }
.prod-list-section .list-view .td .prod-img{ float:none; }
.prod-list-section .list-view .td .prod-img .image img{ height:auto; }
.prod-list-section .list-view .td .prod-desc{ padding:0 5px; width:auto; height:auto; float:none; color:#666666; }
.prod-list-section .list-view .td .prod-desc h2{ text-align:center; font-size:15px; }
.prod-list-section .list-view .td .prod-desc .desc{ width:auto; float:none; text-align:center; font-family:'arial', sans-serif; font-size:13px; }
.prod-list-section .list-view .td .prod-price{ width:100%; height:70px; border-left:none; border-top:1px dashed #CCCCCC; float:none; }
.prod-list-section .list-view .td .prod-desc .promo{ width:100%; }
.prod-list-section .list-view .td .prod-desc .promo-table .lab{ width:51%; }
.prod-list-section .list-view .td .prod-desc .promo-table .val{ width:49%; }
/* ----- Welcome Start ----- */
.order-type{ padding:10px; }
.order-type:hover{ padding:10px; }
.order-type .icon{ float:none; width:100%; }
.order-type .content{ padding:20px 0 0; float:none; width:100%; }

.jumbotron2 .line1{ padding:20px 0 10px; font-size:30px; line-height:40px; }
.jumbotron2 .line2{ padding:10px 0 20px; font-size:20px; line-height:30px; }
.txt-box1{ padding:20px 0; font-size:18px; }

.jumbotron{ padding-top:10px; }
.jumbotron article{ height:200px; }
.jumbotron article img{margin-top:40px; width:300px; max-width:410px;}
/* ----- Welcome End ----- */
/* ----- Login Register Page Start ----- */
.login-page .slogon{ font-size:45px; }
.login-page .link-box{ margin-top:-115px; margin-left:auto; width:100%; left:auto; }
.login-page #login-popup{ margin-top:10px; margin-left:auto; padding:10px 2% 36px; width:96%; left:auto; top:auto; z-index:10; }
.login-page .forgot-password{ margin-top:10px !important; }
.login-page .login-btn{ margin:0 auto 40px; padding:0; width:240px; height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#FFFFFF; background:url(../images/black-transparent.png) repeat; border:3px solid #FFFFFF; cursor:pointer; }
/* ----- Login Register Page End ----- */
/* ----- Privacy Policy Start ----- */
.txt-content article{ padding:20px; width:auto; }
.txt-content .myli .num{ width:15%; }
.txt-content .myli .txt{ width:85%; }
/* ----- Privacy Policy End ----- */
/* ----- My Trolley Start ----- */
.my-trolley{ margin: 0 0 340px; }
.my-trolley-total-table table{ margin-left:0px; width:100%; display:block; }
.my-trolley-total-table table tbody{ display:block; }
.my-trolley-total-table table tbody tr .lab{ display:block; width:40%; border:0; border-bottom:1px solid #CCCCCC; float:left; }
.my-trolley-total-table table tbody tr .val{ display:block; width:40%; border:0; border-bottom:1px solid #CCCCCC; float:left; }
.my-trolley-total-table{ bottom:90px; }
/* ----- My Trolley End ----- */
}
@media( min-width:769px ) and ( max-width:1200px )
{
body{ margin: 0 0 90px; }

.section-left{ padding:2%; width:auto; height:98%; border:none; float:none; overflow-y:scroll; position:fixed; left:0; right:0; z-index:100; display:none; }
.section-left .payment-method{ padding:5px 0 10px; border-top:1px dashed #CCCCCC; }
.section-left .buttons{  padding:10px 0; text-align:center; border-top:1px solid #CCCCCC; }
.x-cart{ display:block; }

.section-main{ width:auto; float:none; }

header .logo{ margin:0 auto; width:150px; height:50px; display:block; float:none; text-decoration:none; }
header .logo:hover{ margin:0 auto; width:150px; height:50px; display:block; float:none; text-decoration:none; }
header .nav-wrap{ padding:5px; width:240px; height:100%; float:none; position:fixed; top:0; left:-250px; background:#F0F0F0; z-index:1000; /*overflow-y:scroll;*/ }
header .nav-web{ text-align:left; float:none; }
header .nav-my{ text-align:left; float:none; }
header .nav-wrap a{ padding:0 10px; height:40px; line-height:40px; text-decoration:none; color:#666666; background:#F0F0F0; border-bottom:1px solid #FFF; display:block; }
header .nav-wrap a:hover{ padding:0 10px; height:40px; line-height:40px; text-decoration:none; color:#FFFFFF; background:#666666; border-bottom:1px solid #FFF; display:block; }
header .sep{ display:none; }
header .welcome{ padding:10px 10px 0; display:block; font-weight:bold; border-bottom:1px dashed #CCC; }

.register article{ margin:10px auto; padding:2%; width:96%; background: #FFFFFF; }
.res-ctrl{ display:block; }

.prod-list-section article{ width:100%; }

.prod-list-section nav{ padding:0 0 20px; width:100%; height:100%; background:#FFFFFF; position:fixed; top:0; left:0; float:none; z-index:1000; display:none; }
.prod-list-section nav .th{ padding:5px 5px 5px 20px; border:1px solid #CCCCCC; }
.prod-list-section nav .td{ padding:5px 5px 5px 20px; border:1px solid #CCCCCC; border-top:none; }
.prod-list-section nav .x-nav{ display:block; }
.prod-list-section nav .td input{ margin:0 20px 0 0; }
/* ----- Privacy Policy Start ----- */
.txt-content article{ padding:20px; width:auto; }
.txt-content .myli .num{ width:5%; }
.txt-content .myli .txt{ width:95%; }
/* ----- Privacy Policy End ----- */
/* ----- My Trolley Start ----- */
.my-trolley-total-table{ width:499px; left:auto; right:10px; }
.my-trolley-total-table .container{ padding:0; }
.my-trolley-total-table table{ margin-left:0px; width:499px; }
/* ----- My Trolley End ----- */
.prod-list-section .grid-view .td{ width:33.1%; }
.prod-list-section .grid-view .td .prod-img{ width:100%; }
.prod-list-section .grid-view .td .prod-img .offer-type{ width:100%; }

.prod-list-section .list-view .td{ height:auto; }
.prod-list-section .list-view .td .prod-desc{ width:400px; }
.prod-list-section .list-view .td .prod-desc .desc{ width:100%; float:none; }
.prod-list-section .list-view .td .prod-desc .promo{ width:98%; float:none; border-top:1px dashed #CCCCCC; border-right:1px solid #CCCCCC; }
.prod-list-section .list-view .td .prod-desc .promo-table .lab{ width:80%; }
.prod-list-section .list-view .td .prod-desc .promo-table .val{ width:20%; }
}
@media( min-width:900px ) and ( max-width:1200px )
{
.prod-list-section .list-view .td .prod-desc{ width:550px; }
.prod-list-section .list-view .td .prod-desc .desc{ width:57%; float:left; }
.prod-list-section .list-view .td .prod-desc .promo{ width:41%; float:right; border-top:none; border-right:none; }
.prod-list-section .list-view .td .prod-desc .promo-table .lab{ width:68%; }
.prod-list-section .list-view .td .prod-desc .promo-table .val{ width:32%; }

}
@media( min-width:1201px ) and ( max-width:1280px )
{
.section-main{ width:930px; }
.prod-list-section article{ width:728px; }
.prod-list-section .list-view .td{ height:auto; }
.prod-list-section .list-view .td .prod-desc{ width:397px; }
.prod-list-section .list-view .td .prod-desc .desc{ width:100%; float:none; }
.prod-list-section .list-view .td .prod-desc .promo{ padding:0 1%;  width:98%; float:none; border-top:1px dashed #CCCCCC; border-right:1px solid #CCCCCC; }
.prod-list-section .list-view .td .prod-desc .promo-table .lab{ width:80%; }
.prod-list-section .list-view .td .prod-desc .promo-table .val{ width:20%; }
.my-trolley-total-table table{ margin-left:430px; }
}