/* cols */
#content-container #col-main,
#content-container #col-left,
#content-container #col-right{padding-top:18px;}

/* main col */

/* Boxes home */
#col-main .box-home{overflow:hidden;position:relative;float:left;width:334px;height:200px;margin-bottom:18px;background:url(i/home/box-home-top.png) repeat-x 1px 1px;border:1px solid #ddd;display:inline;}
#col-main .box-home h2{height:20px;padding:5px 0 0 10px;font-size:11px;color:#666;background:url(i/home/box-home-title.png) no-repeat 0 100%;border-left:1px solid #fff;}
#col-main .box-home h2 a{text-decoration:none;font-size:15px;color:#be0013;}
#col-main .box-home h2 a:hover{text-decoration:underline;}
#col-main .box-home dl.prd{overflow:hidden;float:right;width:194px;}
#col-main .box-home dl.prd .prd-name,
#col-main .box-home dl.prd dd{float:right;width:80px;}
#col-main .box-home dl.prd .prd-name a{font-size:11px;text-decoration:none;font-weight:bold;color:#000;}
#col-main .box-home dl.prd .prd-name a:hover{text-decoration:underline;}
#col-main .box-home dl.prd .prd-img{position:relative;float:left;margin:14px 5px 15px 0;width:100px;}
#col-main .box-home dl.prd .prd-amount{font-size:16px;}
#col-main .box-home dl.prd .prd-avail{margin:10px 0 0;}
#col-main .box-home dl.prd .prd-amount a,
#col-main .box-home dl.prd .prd-avail a{text-decoration:none;}
#col-main .box-home dl.prd .prd-amount a:hover,
#col-main .box-home dl.prd .prd-avail a:hover{text-decoration:underline;}
#col-main .box-home dl.prd .prd-save-info{overflow:hidden;}
#col-main .box-home dl.prd .prd-save-info *{display:inline;float:left;padding:0 3px;line-height:18px;font-weight:bold;}
#col-main .box-home dl.prd .prd-save-info span{padding:0;font-size:11px;color:#000;font-weight:normal;}
#col-main .box-home dl.prd .prd-save-info strong{background:#fff;color:#be0013;}
#col-main .box-home dl.prd .prd-previous-amount{font-size:11px;color:#666;}
#col-main .box-home ul{float:left;width:123px;padding:10px 0 0 10px;overflow:hidden;}
#col-main .box-home ul li{padding:4px 0 0 10px;line-height:14px;font-size:11px;color:#666;background:url(i/bullets/left-arrow-blue.png) no-repeat 0 7px;zoom:1;}
#col-main .box-home ul a{text-decoration:none;color:#000;}
#col-main .box-home ul a:hover{text-decoration:underline;}
#col-main .box-home ul li.see-all{position:absolute;bottom:5px;left:10px;background:none;padding:0;}
#col-main .box-home ul li.see-all a{display:block;font-weight:bold;height:auto;line-height:14px;white-space:nowrap;text-decoration:underline;color:#4b5055;padding:0 0 0 17px;background:url(i/bullets/arrow-red.png) no-repeat 0 0;}
#col-main .box-home ul li.see-all a:hover{color:#be0013;}
#col-main .box-home-odd{margin-right:23px;clear:left;}
#col-main .box-home-img{width:332px;height:157px;padding:1px;background:#fff;}
#col-main .box-home .prd-sale-sticker{position:absolute;top:0;left:0;width:41px;height:42px;background:url(http://pan.uat.e-merchant.com/fo-dixons-uat/css/i/stickers/sale.png) no-repeat 0 0;text-indent:-9999px;}
#IE6 #col-main .box-home .prd-sale-sticker{background:url(http://pan.uat.e-merchant.com/fo-dixons-uat/css/i/stickers/sale-ie6.png) no-repeat 0 0;}
#col-main .box-home dl.prd .amount-tooltip dd{float:left;clear:both;width:auto;}

/* Boxes home - sales */
#col-main .box-home-sale dl.prd .prd-amount{font-size:12px;}
#col-main .box-home-sale dl.prd .prd-avail{margin:5px 0 0;}

/* Boxes home - euro spec */
#col-main .box-home-euro{height:175px;}
#col-main .box-home-euro dl.prd .prd-img{margin-bottom:30px;}
#col-main .box-home-euro dl.prd .prd-name{line-height:12px;margin-bottom:3px;}
#col-main .box-home-euro dl.prd .prd-amount{font-size:12px;margin-bottom:3px;}
#col-main .box-home-euro dl.prd .prd-weee{font-size:10px;margin-bottom:3px;line-height:11px;}
#col-main .box-home-euro dl.prd .prd-save-info *{line-height:14px;}
#col-main .box-home-euro dl.prd .prd-save-info span{font-size:10px;font-weight:normal;}
#col-main .box-home-euro dl.prd .prd-avail{margin:0;}

/* Carousels */

#col-main .home-carousels{overflow:hidden;width:100%;margin-bottom:15px;}
#col-main .home-carousels h2{height:38px;text-indent:-9999px;}
#col-main .home-carousels li a.prd-image{text-align:center;float:left;margin-top:2px;}
#col-main .home-carousels li{position:relative;overflow:hidden;}
#col-main .home-carousels .prd-name{margin-bottom:5px;}
#col-main .home-carousels .prd-name a{font-weight:bold;text-decoration:none;color:#000;font-size:12px;}
#col-main .home-carousels .prd-name a:hover{text-decoration:underline;}
#col-main .home-carousels .prd-text{float:left;margin:2px 0 0;font-size:11px;}
#col-main .home-carousels .prd-desc {margin:0 0 5px;}
#col-main .home-carousels .prd-amount{font-size:16px;}
#col-main .home-carousels .prd-amount span{font-size:12px;}
#col-main .home-carousels .prd-avail{display:block;font-size:12px;margin:5px 0;}
#col-main .home-carousels .prd-previous-amount{color:#666;font-size:12px;}
#col-main .home-carousels .prd-save-info{overflow:hidden;width:100%;font-size:11px;}
#col-main .home-carousels .prd-save-info *{float:left;display:inline;padding:0 3px 0 0;line-height:18px;font-weight:bold;}
#col-main .home-carousels .prd-save-info span{color:#000;font-weight:normal;}
#col-main .home-carousels .prd-save-info strong{font-size:12px;background:#fff;color:#be0013;}
#col-main .home-carousels .more-info{float:left;}
#col-main .home-carousels .more-info a{display:block;padding-left:17px;line-height:14px;background:url(i/bullets/informations.png) no-repeat 0 0;font-weight:bold;color:#4b5055;text-decoration:underline;}
#col-main .home-carousels .more-info a:hover{color:#be0013;text-decoration:underline;}
#col-main .home-carousels .prd-sale-sticker{position:absolute;top:0;left:0;width:41px;height:42px;background:url(http://pan.uat.e-merchant.com/fo-dixons-uat/css/i/stickers/sale.png) no-repeat 0 0;text-indent:-9999px;}
#IE6 #col-main .home-carousels .prd-sale-sticker{background:url(http://pan.uat.e-merchant.com/fo-dixons-uat/css/i/stickers/sale-ie6.png) no-repeat 0 0;}
#col-main .home-carousels .js{position:relative;overflow:hidden;}
#col-main .home-carousels ul{position:relative;overflow:auto;height:168px;}
#col-main .home-carousels .js ul{overflow:hidden;}
#col-main .home-carousels .js ul li{display:inline;float:left;height:168px;}
#col-main .home-carousels .js .carousel-wrap{height:168px;}
#col-main .home-carousels .js .center-wrap{position:relative;z-index:1;height:25px;text-align:center;border-top:1px solid #fff;}
#col-main .home-carousels .js .center-wrap .carousel-pagination{position:absolute;left:50%;}
#col-main .home-carousels .js .center-wrap .carousel-pagination p{float:left;position:relative;left:-50%;}
#col-main .home-carousels .js .center-wrap .carousel-pagination p a{float:left;overflow:hidden;margin:8px 11px 0;width:11px;height:11px;text-indent:-9999px;cursor:pointer;}
#col-main .home-carousels .js .center-wrap .carousel-pagination p a.active{background-position:0 -11px;}
#col-main .home-carousels .js .carousel-control{position:absolute;overflow:hidden;height:25px;width:25px;bottom:0;z-index:2;line-height:25px;text-indent:-9999px;cursor:pointer;}
#IE6 #col-main .home-carousels .js .carousel-control{bottom:-1px;}
#col-main .home-carousels .js .next{right:0;}
#col-main .home-carousels .js .previous{left:0;}
#col-main .home-carousels .euro .prd-avail{margin:0;}
#col-main .home-carousels .euro .prd-save-info{margin:1px 0 0;}
#col-main .home-carousels .euro .prd-save-info *{line-height:14px;}
#col-main .home-carousels .euro .prd-previous-amount{font-size:11px;}
/*star-offer*/
#col-main .star-offer{width:275px;float:left;background:url(i/home/box-star-offer.png) 0 0 no-repeat;}
#col-main .star-offer-carousel .prd-image{width:130px;}
#col-main .star-offer-carousel .prd-text{width:140px;}
#col-main .star-offer .js,
#col-main .star-offer .js ul li{width:275px;}
#col-main .star-offer .js .center-wrap .carousel-pagination p{float:left;position:relative;left:-50%;}
#col-main .star-offer .js .center-wrap .carousel-pagination p a{background:url(i/home/pagination-control.png) 0 -11px no-repeat;}
#col-main .star-offer .js .center-wrap .carousel-pagination p a.active{background-position:0 0;}
#col-main .star-offer .js .next{background:url(i/home/star-offer-next.png) 0 0 no-repeat;}
#col-main .star-offer .js .previous{background:url(i/home/star-offer-previous.png) 0 0 no-repeat;}
#col-main .star-offer .js .disabled{cursor:default;background-position:0 -25px;}
/*whats-hot*/
#col-main .whats-hot{display:inline;float:left;margin-left:0px;width:419px;background:url(i/home/box-whats-hot.png) 0 0 no-repeat;}
#col-main .whats-hot-carousel .prd-image{width:150px;}
#col-main .whats-hot-carousel .prd-text{width:230px;}
#col-main .whats-hot .js,
#col-main .whats-hot .js ul li{width:419px;}
#col-main .whats-hot .js .center-wrap .carousel-pagination p a{background:url(i/home/pagination-control.png) 0 -33px no-repeat;}
#col-main .whats-hot .js .center-wrap .carousel-pagination p a.active{background-position:0 -22px;}
#col-main .whats-hot .js .next{right:0;background:url(i/home/whats-hot-next.png) 0 0 no-repeat;}
#col-main .whats-hot .js .previous{left:0;background:url(i/home/whats-hot-previous.png) 0 0 no-repeat;}
#col-main .whats-hot .js .disabled{cursor:default;background-position:0 -25px;}

/* top-sellers */
#col-main .top-sellers{clear:left;width:689px;}
#col-main .top-sellers .top-sellers-inner{}
#col-main .top-sellers .box-header{overflow:hidden;float:left;width:139px;}
#col-main .top-sellers .box-header h2{padding:0 5px;line-height:29px;text-align:center;font-size:20px;background:#fff;}
#col-main .top-sellers .box-header ul{overflow:hidden;border:0px solid #4162ae;border-bottom:solid 1px #ccc;border-right:0;}
#col-main .top-sellers .box-header ul li{zoom:1;border-bottom:0px solid #4b5055;}
#col-main .top-sellers .box-header ul li a{display:block;padding:10px 0;font-size:12px;text-decoration:none;text-align:center;font-weight:bold;color:#4b5055;background:url(i/top-sellers/worlds-tab.png) repeat-x 0 0;zoom:1; border-left:1px solid #ccc;}
#col-main .top-sellers .box-header ul li a:hover{ background:url(i/top-sellers/greyline-ts.png) repeat-x 0 0;color:#fff;}
#col-main .top-sellers .box-header ul li.first a{margin-top:-1px;}
#col-main .top-sellers .box-header ul li.last a{border-bottom:1px solid #ccc;}
#col-main .top-sellers .box-header ul li.active a{color:#fff;background:#4B5055 url(i/top-sellers/greyline-ts.png) repeat-x 0 0;}
#col-main .top-sellers .box-content .prd-past-amount-date{font-size:9px}


/* right col */
#col-right .box-services{padding:5px;background:#6c819e;}
#col-right .box-services h2{height:25px;line-height:22px;font-size:14px;text-align:center;color:#fff;}
#col-right .box-services .box-inner{padding-left:5px;background:url(http://pan.uat.e-merchant.com/fo-dixons-uat/css/i/home/box-services-hotline.png) no-repeat 100% 100% #f0f0f0;}
#col-right .box-services .box-inner dl{width:180px;}
#col-right .box-services .box-inner dl dd{overflow:hidden;padding-left:14px;}
#col-right .box-services .box-inner dl dd p{padding:7px 0 5px 0;font-weight:normal;font-size:10px;color:#999;}
#col-right .box-services .box-inner dl dd p.more-info{overflow:hidden;padding:0 0 15px;font-size:11px;zoom:1;}
#col-right .box-services .box-inner dl dd p.more-info a{float:left;padding-left:20px;font-weight:normal;font-size:11px;color:#9c9c9c;background:url(i/icons/information.png) no-repeat;}
#col-right .box-services .box-inner dl dd p.more-info a:hover{color:#000;}
#col-right .box-services .box-footer{overflow:hidden;text-align:right;zoom:1;}
#col-right .box-services .box-footer a{float:right;margin-top:5px;padding-left:17px;text-align:right;font-size:11px;font-weight:bold;color:#fff;background:url(i/bullets/arrow-red.png) no-repeat 0 50%;text-decoration:underline;}
#col-right .box-services .box-footer a:hover{color:#be0013;}

#col-right .box-rolodex dl dt{padding:3px 0 0 18px;height:17px;font-weight:normal;font-size:11px;background:url(i/bullets/left-arrow-blue.png) no-repeat #f0f0f0 8px 50%;border-top:1px solid #fff;border-bottom:1px solid #cdcdcd;cursor:pointer;}
#col-right .box-rolodex dl dt:hover{text-decoration:underline;}
#col-right .box-rolodex dl dt.selected{font-weight:bold;font-size:11px;background:#f0f0f0 url(i/bullets/arrow-bottom-red.png) no-repeat 5px 50%;}
#col-right .box-rolodex dl dd a img{display:block;}

#col-right .box-newsletter form{padding:10px 8px;font-weight:normal;font-size:11px;color:#000;background:#f0f0f0;}
#col-right .box-newsletter label{display:block;padding-bottom:9px;}
#col-right .box-newsletter input{float:left;width:155px;height:17px;vertical-align:top;border:1px solid #999;}
#col-right .box-newsletter button{float:right;width:57px;height:22px;font-weight:bold;font-size:11px;background:url(i/buttons/box-newsletter-button.png) no-repeat;color:#fff;cursor:pointer;border:none; padding:0;margin:0;}
#col-right .box-newsletter button:hover{background-position:0 -22px;}

#col-right .box-last-viewed div{padding:0 6px 0 20px;background:#fff;}
#col-right .box-last-viewed div .prd{position:relative;height:auto !important;height:45px;min-height:45px;padding:3px 0 0 70px;border-bottom:1px solid #d8d8d8;}
#col-right .box-last-viewed div .prd .prd-name {padding:6px 15px 0 0;}
#col-right .box-last-viewed div .prd .prd-name a{font-weight:bold;text-decoration:none;color:#333;}
#col-right .box-last-viewed div .prd .prd-name a:hover{text-decoration:underline;}
#col-right .box-last-viewed div .prd .prd-img img{position:absolute;left:0;bottom:0;}
#col-right .box-last-viewed div .prd .prd-amount{line-height:22px;font-size:14px;}

#col-right .box-promo-rolodex{overflow:hidden;padding:10px 3px;background:#fff;zoom:1; border:1px solid #c4c4c5;}
#col-right .box-promo .js .carousel-wrap{height:82px;}
#col-right .box-promo .js .carousel-control{display:inline;float:left;margin:30px 0 0;width:15px;height:28px;text-indent:-9999px;cursor:pointer;}
#col-right .box-promo .js .next{background:url(i/buttons/box-promo-buttons-next.png) 0 0 no-repeat;}
#col-right .box-promo .js .previous{background:url(i/buttons/box-promo-buttons-prev.png) 0 0 no-repeat;}
#col-right .box-promo .js .hover{background-position:0 -28px;}
#col-right .box-promo .js .disabled{background-position:0 -56px;cursor:default;}
#col-right .box-promo .js div.carousel-wrap{position:relative;display:inline;float:left;width:176px;margin:0 10px;}
#col-right .box-promo .js ul{position:relative;overflow:hidden;height:82px;zoom:1;}
#col-right .box-promo .js ul li{float:left;display:inline;}
#col-right .box-promo .js ul li a img{display:block;}

/* Telesales connection */
.box-telesales{padding:10px 0 0 17px;background:#d3d3d3;border:3px solid #717171;}
.box-telesales h2{width:207px;height:20px;margin:0 0 10px;text-indent:-9999px;background:url(http://pan.uat.e-merchant.com/fo-dixons-uat/css/i/titles/telesales-connection.png) no-repeat 0 0;}
.box-telesales p{width:207px;}
.box-telesales input.text{width:205px;margin-bottom:8px;border:1px solid #a0a0a0;}
.box-telesales .actions{text-align:right;}
.box-telesales .actions input{margin-left:10px;text-transform:uppercase;}
.box-telesales .error{padding:10px 0;font-size:11px;color:#f00;}