/****************************************** SPLASH DIRECT MAIN *******************************************/

/********* COMMON STYLES *********/

.headerBar {position: relative; height:54px; background: url(../img/headerBarSprite.jpg) no-repeat; margin:0;}
.headerBar.width950 {width:950px; background-position:left 0;}
.headerBar.width930 {width:930px; background-position:left -54px;}
.headerBar.width743 {width:743px; background-position:left -108px;}
.headerBar.specialHeader {width:743px; background-position:left -162px;}
.headerBar.saleHeader {width:743px; background-position:left -216px;}
.headerBar.topHeader {width:743px; background-position:left -270px;}

.headerBar h1, .headerBar h2 {color: #fff; font-size: 18px; font-weight: normal; text-indent: 10px; line-height:30px;} 
.headerBar h1 a, .headerBar h2 a {color: #fff; font-size: 18px; font-weight: normal; text-decoration: none; position: relative;} 
.headerBar h1 a:hover, .headerBar h2 a:hover {text-decoration: underline;} 

/************************************** HOME PAGE ****************************************/

#homePage {position:relative; width:100%;}

#homePage .mainBanner {position:relative; width:950px; height:346px; margin-bottom:10px;}
.bannerManagement {position:relative; width:950px;}
.bannerManagement .banner {float:left; display:inline; margin-bottom:20px;}

#homePage ul.doubleBanner li {padding-bottom:20px;}

#homePage .catPanel {position:relative; width:950px; margin-bottom:20px; background:url(../img/home/catPanelBg.gif) repeat-y left top;}
#homePage .catPanel .top {width:950px; background:url(../img/home/catPanelTop.gif) no-repeat left top;}
#homePage .catPanel .bottom {width:950px; background:url(../img/home/catPanelBottom.gif) no-repeat left bottom; padding:10px 0 5px 0;}
#homePage .catPanel .category {position:relative; width:296px; height:51px; border-bottom:1px solid #d8d8d8; float:left; display:inline; margin:0 10px; padding-top:0px;}
#homePage .catPanel .category.noBg {border-bottom:none;}
#homePage .catPanel .category .placeholder {float:left; display:inline; width:37px; height:37px; margin:7px 10px 0 0;}
#homePage .catPanel .category .content {float:left; display:inline; width:249px; padding-top:3px;}
#homePage .catPanel .category h2 {margin-bottom:5px;}
#homePage .catPanel .category h2 a {color:#224e84; font-weight:bold; font-size:15px; position:relative;}
#homePage .catPanel .category h2.offer a {color:#31b4ec;}
#homePage .catPanel .category p {color:#606060; font-size:11px; line-height:12px;}

.pageDescription {position:relative; padding-top:40px;}
.pageDescription.home {padding-top:0;}
.pageDescription .content {position:relative; margin:-10px 0 25px 0; padding:0 10px;}
.pageDescription .content h2 {margin-bottom:10px; color: #606060; font-size: 11px;}
.pageDescription .content p {margin-bottom:15px; color: #606060; font-size: 11px; line-height: 14px;}
.pageDescription .content p a {color: #606060; font-size: 11px; font-weight: normal; text-decoration:underline;}
.pageDescription .content p a:hover {text-decoration:none;}

/************************************** BRANDS PAGES ****************************************/

.brandsBoxContainer {position:relative; padding-left:8px; margin-bottom:10px; width:735px;}
.brandsBox {position: relative; float:left; display:inline; width:177px; height:230px; margin:0 6px 10px 0; padding:0; text-align:center;}
.brandsBox .background {width:100%; height:100%; background: url(../img/brands/brandBox.png) no-repeat;}
.brandsBox h2 {height:28px; padding:5px 5px 0 5px; position: relative;}
.brandsBox h2 a {color:#131313; font-weight:bold; font-size:11px; line-height:12px;}
.brandsBox .placeholder {position: relative; width:150px; height:90px; margin:0 auto 5px auto;}
.brandsBox p {color:#606060; font-size:11px; line-height:14px; padding:0 13px; text-align:left; height:64px;}
.brandsBox .buttonContainer {position: relative; width:63px; height: 24px; margin:4px auto 0 auto;}  

.brandDescriptionBox {position: relative; width:743px; margin:0; padding:5px 0 30px 0; background: url(../img/brands/descriptionBox.gif) no-repeat left top; height:100px;}
.brandDescriptionBox.productsLevel {background-position: left bottom;}
.brandDescriptionBox .placeholder {float:left; display:inline; width:150px; height:90px; margin:0 20px 10px 20px;}
.brandDescriptionBox .content {float:left; display:inline; width:500px; margin:0; padding-bottom:1px;}
.brandDescriptionBox .content h2 {margin-bottom:10px; color: #606060; font-size: 11px;}
.brandDescriptionBox .content p {color:#606060; font-size:11px; line-height:14px; margin-bottom:15px;}

.brandRangeBox {position: relative; float:left; display:inline; width:177px; height:200px; margin:0 6px 10px 0; padding:0; text-align:center;}
.brandRangeBox .background {width:100%; height:100%; background: url(../img/brands/rangeBox.png) no-repeat;}
.brandRangeBox h2 {height:28px; padding:5px 5px 0 5px; position: relative;}
.brandRangeBox h2 a {color:#131313; font-weight:bold; font-size:11px; line-height:12px;}
.brandRangeBox .placeholder {position: relative; width:108px; height:108px; margin:0 auto 25px auto;}
.brandRangeBox .buttonContainer {position: relative; width:80px; height:24px; margin:0 auto;}  

/************************************ NEWS PAGES *************************************/

.newsOverview {position: relative; width:743px; margin:0; background: url(../img/subcategory/containerBottom.gif) no-repeat left bottom; padding:15px 0 45px 0;}
.newsOverview p {color:#606060; font-size:11px; line-height:14px; padding:0 210px 0 40px; margin-bottom:10px;}
.newsOverview .logo {position:absolute; top:-10px; right:50px; width:100px; height:92px; background: url(../img/news/overviewLogo.png) no-repeat;}

.newsContainer {position:relative; width:743px; background: url(../img/subcategory/containerBottom.gif) no-repeat left bottom; padding-bottom:20px;}

.newsBox {position:relative; width:729px; margin: 0 auto 15px auto; background: url(../img/news/boxTop.jpg) no-repeat left top;}
.newsBox .background {width:701px; background: url(../img/news/boxBottom.gif) no-repeat left bottom; padding:6px 14px 20px 14px;}
.newsBox.bottom .background {background: url(../img/news/boxBottomGrey.gif) no-repeat left bottom;}
.newsBox h1, .newsBox h2.articleHeader {margin-bottom:2px; color: #fff; font-size:14px; line-height:17px;} 
.newsBox h2.articleHeader a {color: #fff; font-size:14px;}
.newsBox p.date {color:#f6c55c; font-size:12px; font-weight: bold; margin-bottom:25px;}
.newsBox p {color:#131313; font-size:11px; margin-bottom:15px; line-height: 16px;}
.newsBox h2 {color:#131313; font-size:12px; margin-bottom:5px;}
.newsBox .placeholder {position:relative; float:right; display:inline; width:138px; height:138px; margin-top:-50px; z-index: 10;}
.newsBox .content {float: left; display: inline; width:545px;}

/************************************** SITEMAP ****************************************/

.sitemapContent {position:relative; width:743px; margin:0; padding:5px 0 75px 0; background: url(../img/subcategory/containerBottom.gif) no-repeat left bottom;}

.sitemapContent .columnOne {float: left; display: inline; width:320px; margin-left:10px; padding:0;}
.sitemapContent .columnTwo {float: left; display: inline; width:320px; margin-left:83px; padding:0;}

.sitemapContent h2 {color:#224e84; font-size:11px; text-transform:uppercase; text-indent:10px; padding-bottom:8px; background: url(../img/icons/dotsHorizDarkGrey.gif) repeat-x left bottom; margin-bottom:5px;}
.sitemapContent ul {list-style:none; margin-bottom:25px; padding:0;}
.sitemapContent ul li {position:relative; font-size: 11px; margin:0; line-height:16px; background: url(../img/icons/arrowDarkBlue.gif) no-repeat left 5px; padding-left: 10px;}
.sitemapContent ul li a {text-decoration:none; color:#00204c; font-weight: bold; position: relative;}
.sitemapContent ul li a:hover {text-decoration: underline;}

.sitemapContent ul li ul {padding:4px 0 10px 12px; margin-bottom:0;} 
.sitemapContent ul li ul li {background: url(../img/icons/arrowDarkBlueSmall.gif) no-repeat left 6px; padding-left:9px;}
.sitemapContent ul li ul li a {font-weight:normal;}

.sitemapContent ul li ul li ul {padding-top:0;} 
.sitemapContent ul li ul li ul li {background: url(../img/icons/dashDarkBlue.gif) no-repeat left 8px; padding-left:7px;}

/************************************** ERROR PAGES ****************************************/

.error404Content {position: relative; width:643px; margin:0 auto 25px auto; padding:25px 0 35px 0;}
.error404Content h2 {background: url(../img/errorHeader.gif) no-repeat; margin: 0 auto 25px auto; width:603px; height:48px; color:#397db4; font-size:14px; line-height:46px; text-align:center; padding-left:40px;}
.error404Content p {margin-bottom:10px; color:#131313; font-size: 11px; font-weight: bold;}
.error404Content ul {margin-bottom:35px; list-style:none; list-style-position: outside; width:630px; color:#131313; font-size: 11px; font-weight: normal; padding-left:10px;}
.error404Content ul li {line-height:16px; padding-left:10px; background: url(../img/icons/errorBullet.gif) no-repeat left 6px; margin-bottom: 7px;}
.error404Content a {color:#131313; font-size: 11px; text-decoration: underline;}
.error404Content a:hover {text-decoration: none;}

/* Search box on 404 page */
.error404Content input {border:1px solid silver;height:18px;width:150px;padding-left:2px;}
.error404Content .SearchButton {float:right;left:-336px;position:relative;top:-2px;}

.error500Content {position: relative; width:643px; margin:0 auto 25px auto; padding:25px 0 35px 0; text-align: center;}
.error500Content h2 {background: url(../img/errorHeader.gif) no-repeat; margin: 0 auto 25px auto; width:603px; height:48px; color:#397db4; font-size:14px; line-height:46px; text-align:center; padding-left:40px;}
.error500Content P {color:#131313; font-size: 11px; font-weight: bold; margin-bottom: 35px;}

.error404Content .dots, .error500Content .dots {position:relative; width:560px; height:1px; margin:0 auto 20px auto; background: url(../img/icons/dotsHorizDarkBlue.gif) repeat-x left top;}

.errorInfoBox {position: relative; width:643px; height:58px; margin:0; padding-top:10px; background: url(../img/errorInfoBox.gif) no-repeat; text-align:center;}
.errorInfoBox p {margin:0; color: #fff; font-size:12px; font-weight:bold; line-height:22px;}
.errorInfoBox p strong {font-size:18px;}
.errorInfoBox p a {color: #fff; font-size: 12px; font-weight:bold; text-decoration: underline;}
.errorInfoBox p a:hover {text-decoration: none;}

/* sidebar search filter */
#leftColumn .refineSearch { background:url(../img/search/refineFoot.gif) no-repeat 0 100%; padding-bottom:27px; margin-bottom:15px; }
#leftColumn .refineSearch h2 { position:absolute; top:2px; left:10px; color:#fff; font-size:14px; font-weight:bold; }
#leftColumn .refineSearch .refinements { background:url(../img/search/refineHeading.gif) no-repeat; background-color:#dfe9f1; padding:50px 0 1px 0; }
#leftColumn .refineSearch .refinements ul { margin-bottom:5px; }
#leftColumn .refineSearch .refinements ul strong { color:#00204c; font-weight:bold; font-size:12px; }
#leftColumn .refineSearch .refinements ul li a { color:#00204c; font-weight:normal; font-size:11px; }
#leftColumn .refineSearch .refinements a.expander { font-weight:bold; color:#00204c; font-size:11px; margin-top:3px; cursor:pointer; }
#leftColumn .refineSearch .refinements .refineList { padding:0 0 10px 10px; border-bottom:1px dotted #4e6881; margin-bottom:10px; }
#leftColumn .refineSearch .refinements .last { border-bottom:none; }


/*======================================
=tooltip express delivery
======================================*/
a.tooltip { position:absolute; display:block; }
a.tooltip span.tooltipImage { display:none; position:absolute; top:-66px; left:0; }
a.tooltip:hover span.tooltipImage { display:block; }

/*=====================================
=tooltip express delivery adjustments
=====================================*/

/*product page*/
div.expressDelivery li { display:block; }
div.expressDelivery li.delivery { width:347px; }
div.expressDelivery li.delivery a.tooltip:hover span.tooltipImage { left:96px; }
div.expressDelivery li.secure { width:164px; }

/*basket page*/
td.expressDelivery div.relative a.tooltip { width:193px; height:130px; display:block; position:absolute; top:-44px; left:-2px; }
td.expressDelivery div.relative a.tooltip span.tooltipImage { position:absolute; top:-84px; left:13px; }

/*======================================
=tooltip pre-order
======================================*/

/* TEMPORARY STYLE - for hiding the Add to Basket section */
/*#ctl00_phProductContainer_StockPanel { display: none; }*/
/* TEMPORARY STYLE - for hiding the Add to Basket section */


.preOrderWrapper {position:relative; z-index:99; top: 25px; height: 87px;}
.preOrderWrapper .stockDue {width:100%; font-size:13px; font-weight:bold; color:#009ade; line-height:15px; padding:14px 0 12px 0; margin-left:7px; }
.preOrderWrapper .stockDue span {float:left; display:block; background:url(../img/product/ttl_stockDue.gif) 0 0 no-repeat; width:77px; height:0; padding:13px 3px 0 0; overflow: hidden;}

.packagePrices .stockDuePackage {font-size:13px; font-weight:bold; color:#009ade; line-height:15px; padding:14px 0 12px 0; margin-left:7px; }
.packagePrices .stockDuePackage span {float:left; display:block; background:url(../img/product/ttl_stockDue.gif) 0 0 no-repeat; width:77px; height:0; padding:13px 3px 0 0; overflow: hidden;}

.preOrderWrapper .preOrderButton {padding-left:12px;}
.preOrderWrapper .preOrderButton a.btn_preOrder {width:149px; height:0px; padding:44px 0 0; display:block; overflow:hidden; text-decoration:none; background: url(../img/buttons/preOrder.png) no-repeat left top;}
.preOrderWrapper .preOrderButton a.btn_preOrder:hover {background-position: 0 -44px; text-decoration:none;}
.preOrderWrapper .preOrderButton a.btn_preOrder.inactive {background-position: 0 -90px;}

.packagePrices a.btn_preOrder {width:149px; height:0px; padding:44px 0 0; display:block; overflow:hidden; text-decoration:none; background: url(../img/buttons/preOrder.png) no-repeat left top;}
.packagePrices a.btn_preOrder:hover {background-position: 0 -44px; text-decoration:none;}
.packagePrices a.btn_preOrder.inactive {background-position: 0 -90px;}

.preOrderWrapper .ttPreOrder {width:230px !important; height:132px; display:none; position:absolute; bottom:50px; left:-24px; background: url(../img/product/tooltip_preOrder.png) 0 0 no-repeat; z-index:99;}
.preOrderWrapper .ttPreOrder iframe {width:195px; height:120px; position:absolute; top:0px; left:17px;}
.preOrderWrapper .ttPreOrder .ttContent {padding:10px 17px 20px;}
.preOrderWrapper .ttPreOrder .ttContent h4 {margin:0 0 4px; font-size:13px; font-weight:bold; color:#316869;}
.preOrderWrapper .ttPreOrder .ttContent p {font-size:11px; color:#131313; line-height:14px;}
.preOrderWrapper .ttPreOrder .ttContent p strong {color:#009ade;}


.packagePrices .ttPreOrderPackage {width:226px; height:132px; display:none; position:absolute; bottom:50px; left:392px; background: url(../img/product/tooltip_preOrder.png) 0 0 no-repeat; z-index:99;}
.packagePrices .ttPreOrderPackage iframe {width:195px; height:120px; position:absolute; top:0px; left:17px;}
.packagePrices .ttPreOrderPackage .ttContent {padding:10px 17px;}
.packagePrices .ttPreOrderPackage .ttContent h4 {margin:0 0 4px; font-size:13px; font-weight:bold; color:#316869;}
.packagePrices .ttPreOrderPackage .ttContent p {font-size:11px; color:#131313; line-height:14px;}
.packagePrices .ttPreOrderPackage .ttContent p strong {color:#009ade;}

/*---------NEXTOPIA----------*/
.ui-menu{
    z-index:1000!important;
}

/*.preOrderHolder { padding: 0 0 0 13px; }

.preOrderHolder .stockDue { font-size: 13px; font-weight: bold; color: #009ade; line-height: 15px; padding: 14px 0 12px 0; margin-left: -4px; }
.preOrderHolder .stockDue span { float: left; display: block; background: url(../img/product/ttl_stockDue.gif) left top no-repeat; width: 77px; height: 0; padding: 13px 3px 0 0; overflow: hidden; }


a.btn_preOrder:hover .shim { display: block; position: absolute; top: -176px; left: -37px; width: 226px; height: 132px; }
span.spn_preOrder:hover .shim { display: block; position: absolute; top: -176px; left: -37px; width: 226px; height: 132px; }

span.spn_preOrder { position: relative; }
span.spn_preOrder span { display: none; }
span.spn_preOrder:hover span { display: block; position: absolute; top: -176px; left: -37px; background: url(../img/product/tooltip_preOrder.png) left top no-repeat; width: 192px; height: 112px; padding: 10px 17px; z-index: 200; }
span.spn_preOrder span p {  }
span.spn_preOrder span p strong { color: #009ade; }
span.spn_preOrder span p.popupTitle { font-size: 13px; font-weight: bold; color: #316869; padding-bottom: 4px; }*/