﻿/* Required for formatting ul in TopSellers */
.tsul {margin: 0; padding-left: 5px; list-style-position: inside; width:100%;}

.txtBoxQOrder {
background-color:#E8E8E8;
border-color:#676767;
border-style:solid;
color:#676767;
font-family:verdana;
font-size:0.8em;
font-weight:bold;
width:55px;
}

.tspanel{cursor: pointer; cursor: hand;}

.searchDesc:hover
{
	text-decoration:none;
}

ul.tooltipBulletText
{
	padding-left:0px;
	margin-left:112px;
	margin-top:5px;
	margin-bottom:5px;
}

li.tooltipBulletText
{
	margin-left:3px;
}

ul.moduleBulletText
{
	margin-left:30px;
	padding-left:0px;
	margin-bottom:30px;
	margin-top:10px;
}

li.moduleBulletText
{
	padding-bottom:4px;
}

div.moduleBacktoTop
{
	position:relative;
	left:558px;
	width:70px;
	text-decoration:underline;
}

p.moduleFAQQuestion
{
	margin-left:5px;
	margin-bottom:5px;
}

p.moduleFAQAnswer
{
	margin-left:8px;
	margin-bottom:10px;
	margin-top:5px;
}

p.moduleBookmark
{
	text-align:left;
	margin:0px;
}

p.moduleBookmarkLinks
{
	text-align:left;
	margin:0px;
	padding-bottom:10px;
}

div.moduleButtons
{
	margin-bottom:0px;
	margin-top:0px;
	width:128px;
}

.panelPos{float: right}

body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
background-color: #FFFFFF;

}

.fiveA{
font-size: 10px;
text-decoration: none;
color: #4B4B4D;
font-weight: bold;
margin: 0;
}

.elevenF
{
font-size: 11px; 
color: #4B4B4D;
}

.submen{
font: bold 9px Arial;
color: #272727;
}

.topright{
font: 10px Arial;
}

.norm{
font: bold 11px Arial;
color: #272727;
}

.basket{
font: bold 11px Arial;
color: #272727;
}

.basketred{
font: bold 11px Arial;
color: #FF0000;
}

.telblue{
font: bold 11px Arial;
color: #00bbe4;
}

.tel{
font: bold 13px Arial;
}

.crumb{
font: normal 10px Arial;
}


.ModuleTitle{
font: bold 18px Arial;
color: #000000;
}

.ModuleTitleFP{
font: bold 16px Arial;
color: #272727; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.ModuleTitleFP2{
font: bold 14px Arial;
color: #272727;
}

.PromoTextFP{
font: normal 11px Arial;
color: #272727;
}

.footertxt{
font: normal 11px Arial;
color: #272727;
}

.ProductsPromoDate{
font: 12px Arial;
width: 100%;
color: #8c8c8c;
}

.bodyandbullettext{
font: 12px Arial;
color: #000000;
}

.nostock{
font: 12px Arial;
color: #00bbe4;
}

.OrderCode{
font: bold 12px Arial;
color: #000000;
}

.AccessoriesPanel{
font: bold 12px Arial;
color: #4b4b4d;
}

.ProductsSave{
font: bold 18px Arial;
width: 100%;
color: #333333;
}

.ProductsSaveFP{
font: bold 12px Arial;
color: #333333;
}

.ProductsWas{
font: bold 12px Arial;
width: 100%;
color: #8c8c8c;
}

.ProductsWasFP{
font: bold 10px Arial;
color: #8c8c8c;
}

.ProductsNow{
font: bold 24px Arial;
width: 100%;
color: #e40061;
}

.ProductsNowFP{
font: bold 16px Arial;
color: #e40061;
}

.ProductsNowFP2{
font: bold 14px Arial;
color: #e40061;
}


.ProductsNowAcces{
font: bold 16px Arial;
width: 100%;
color: #e40061;
}

.ProductsNowTitle{
font: bold 10px Arial;
color: #e40061;
}

.ProductsNowmutli{
font: bold 14px Arial;
color: #e40061;
}

.AddToBasketProducts{
font: bold 14px Arial;
color: #4b4b4d;
}

.add{
font: bold 9px Arial;
width: 100%;
}

.leftmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #272727;
	padding-left: 15px;
	background-color: #F5F5F5;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}	
	
.chromestyle{
font: bold 11px Arial;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.ProductFinderDDList{
	font-style: normal;
	font-variant: normal;
	color: #272727;
	width: 300px; 
	float: left;
	display: block;
}

.ProductFinderLabel{
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #272727;
	width: 100px; 
	float: left;
	display: block;	
}

.ProductFinderInstruct{
	font-style: normal;
	font-variant: normal;
	color: #272727;
	margin-right: 100px; 
	display: block; 
	top: 40px;
}

/*
.chromestyle ul{
margin: 0;
padding: 0;
float: left;
width: 100%; 
border-top: 3px solid #F5F5F5;
border-bottom: 2px solid #9ac4d5; 
background: url(navbg.jpg) center center repeat-x; 

}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
float: left;
color: #272727; 
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #c4c4c4;
}

.chromestyle ul li a:hover, .chromestyle ul li .current{
color: #FFFFFF; 
padding-top: 5px; 
padding-bottom: 4px; 
background: url(navbg2.jpg) center center repeat-x; 
}

.chromestyle ul li a[rel]:after{ 
content: " v";
/*content: " " url(downimage.gif); 
}
*/


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 10px Arial;
line-height:14px;
z-index:100;
background-color: #dedede;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #9ac4d5;
color:#FFFFFF;
}

.RadMenu_Default2006 .rmItem rmFirst .rmItem{
background-color: #9ac4d5;
color:#FFFFFF;
} 


a.formatLinks:link{text-decoration: none; color:#272727}
a.formatLinks:visited{text-decoration: none; color:#272727}
a.formatLinks:active{text-decoration: none; color:#272727}
a.formatLinks:hover{text-decoration: underline; color: #00b6de;}

.outer {width: 150px;}
.middle {width: 150px; text-align: center;}
.inner {width: 150px; margin-left: auto; margin-right: auto; text-align: center;}

/** Style for SubCategory, Family && Basket Pages **/
/* Fonts */


.FB, .FB a:link, .FB a:visited,
.FBSml, .FBSml a:link, .FBSml a:visited,
.FBXSml, .FBXSml a:link, .FBXSml a:visited,
.FBLrg, .FBLrg a:link, .FBLrg a:visited,
.FBExtLrg, .FBExtLrg a:link, .FBExtLrg a:visited,
.FBXXLrg, .FBXXLrg a:link, .FBXXLrg a:visited
{  
font-style: normal;
font-variant: normal;
text-decoration: none;
color: #4B4B4D;
}

.FW, .FW a:link, .FW a:visited,
.FWSml, .FWSml a:link, .FWSml a:visited,
.FWXSml, .FWXSml a:link, .FWXSml a:visited,
.FWLrg, .FWLrg a:link, .FWLrg a:visited,
.FWExtLrg, .FWExtLrg a:link, .FWExtLrg a:visited,
.FWXXLrg, .FWXXLrg a:link, .FWXXLrg a:visited
{  
font-style: normal;
font-variant: normal;
text-decoration: none;
color: #FFFFFF;
}

.FP, .FP a:link, .FP a:visited,
.FPSml, .FPSml a:link, .FPSml a:visited,
.FPXSml, .FPXSml a:link, .FPXSml a:visited,
.FPLrg, .FPLrg a:link, .FPLrg a:visited,
.FPExtLrg, .FPExtLrg a:link, .FPExtLrg a:visited,
.FPXXLrg, .FPXXLrg a:link, .FPXXLrg a:visited
{  
font-style: normal;
font-variant: normal;
text-decoration: none;
color: #E40061;
}

.FBl, .FBl a:link, .FBl a:visited,
.FBlSml, .FBlSml a:link, .FBlSml a:visited,
.FBlXSml, .FBlXSml a:link, .FBlXSml a:visited,
.FBlLrg, .FBlLrg a:link, .FBlLrg a:visited,
.FBlExtLrg, .FBlExtLrg a:link, .FBlExtLrg a:visited,
.FBlXXLrg, .FBlXXLrg a:link, .FBlXXLrg a:visited
{  
font-style: normal;
font-variant: normal;
text-decoration: none;
color: #00B6DE;
}

.FB, .FB a:link, .FB a:visited,
.FW, .FW a:link, .FW a:visited,
.FP, .FP a:link, .FP a:visited,
.FBl, .FBl a:link, .FBl a:visited
{
font-size: 12px;
}

.FBSml, .FBSml a:link, .FBSml a:visited,
.FWSml, .FWSml a:link, .FWSml a:visited,
.FPSml, .FPSml a:link, .FPSml a:visited,
.FBlSml, .FBlSml a:link, .FBlSml a:visited
{
font-size: 11px;
}

.FBXSml, .FBXSml a:link, .FBXSml a:visited,
.FWXSml, .FWXSml a:link, .FWXSml a:visited,
.FPXSml, .FPXSml a:link, .FPXSml a:visited,
.FBlXSml, .FBlXSml a:link, .FBlXSml a:visited
{
font-size: 9px;
}

.FBLrg, .FBLrg a:link, .FBLrg a:visited,
.FWLrg, .FWLrg a:link, .FWLrg a:visited,
.FPLrg, .FPLrg a:link, .FPLrg a:visited,
.FBlLrg, .FBlLrg a:link, .FBlLrg a:visited
{
font-size: 14px;
}

.FBExtLrg, .FBExtLrg a:link, .FBExtLrg a:visited,
.FWExtLrg, .FWExtLrg a:link, .FWExtLrg a:visited,
.FPExtLrg, .FPExtLrg a:link, .FPExtLrg a:visited,
.FBlExtLrg, .FBlExtLrg a:link, .FBlExtLrg a:visited
{
font-size: 16px;
}

.FBXXLrg, .FBXXLrg a:link, .FBXXLrg a:visited,
.FWXXLrg, .FWXXLrg a:link, .FWXXLrg a:visited,
.FPXXLrg, .FPXXLrg a:link, .FPXXLrg a:visited,
.FBlXXLrg, .FBlXXLrg a:link, .FBlXXLrg a:visited
{
font-size: 18px;
}

.FB a:link,.FBSml a:link,.FBLrg a:link,.FBExtLrg a:link,
.FW a:link,.FWSml a:link,.FWLrg a:link,.FWExtLrg a:link,
.FP a:link,.FPSml a:link,.FPLrg a:link,.FPExtLrg a:link,
.FBl a:link,.FBlSml a:link,.FBlLrg a:link,.FBlExtLrg a:link,
.FBXXLrg a:link, .FWXXLrg a:link, .FPXXLrg a:link, .FBlXXLrg a:link,
.FBXSml a:link, .FWXSml a:link, .FPXSml a:link, .FBlXSml a:link
{
	cursor: pointer;
	cursor: hand;
}

/* Cells */
.BarB{background-color: #4B4B4D;}
.BarP{background-color: #E40061;}
.BarW{background-color: #FFFFFF;}
.BarBl{background-color: #00B6DE;}
.BarG{background-color: #CECD00;}
.BarRes{background-color: #F4F5F9;}
.BorB{border-color: #4B4B4D; border-style: solid;}
.BorP{border-color: #E40061; border-style: solid;}
.BorW{border-color: #FFFFFF; border-style: solid;}
.BorBl{border-color: #00B6DE; border-style: solid;}
.BorSml{border-width:1px;}
.BorMed{border-width:2px;}
.BorLrg{border-width:6px;}
.HT105{height: 105px;}
.HT80{height: 80px;}
.HT55{height: 55px;}
.HT45{height: 45px;}
.HT25{height: 25px;}
.HT17{height: 17px;}
.HT10{height: 10px;}
.HT19{height: 19px;}
.WT95{width: 95px}
.WT130{width: 130px}
.WT150{width: 150px}
.WT175{width: 175px;}
.WT200{width: 200px;}
.WT100pc{width: 100%;}
.MT3{margin-top: 3px;}
.MT10{margin-top: 10px;}
.MB3{margin-bottom: 3px;}
.MB10{margin-bottom: 10px;}
/*.MB30{margin-bottom: 30px;}*/
.ML5{margin-left: 5px;}
.MR5{margin-right: 5px;}
.PT5 {padding-top: 5px;}
.PT2 {padding-top: 2px;}

/* Alignment */
.C {text-align: center; margin-right:auto; margin-left:auto;}
.L {text-align: left;}
.R {text-align: right; margin-right:0px; margin-left:auto;}
.VT {vertical-align: top;}
.VM {vertical-align: middle;}
.VB {vertical-align: bottom;}


/* Decoration */
.nB,.nB a:link, .nB a:visited{font-weight:normal;}
.B,.B a:link, .B a:visited{font-weight: bold;}
.U,.U a:link, .U a:visited{text-decoration: underline;}
.CH,.CH a:link, .CH a:visited{cursor: hand;}
.NW{white-space: nowrap;}
.HovBl:hover {color: #00B6DE;}

/* RAD Numeric Text Box for the Search Page - long term should be put into a skin css file*/
.radInput_Default td.inputCell
{
	display:inline;    
}

/* CSS Buttons */

/* Blue / White Background 
.BlBl {background: url(../images/buttons/blue_bl.gif) 0 100% no-repeat #00B6DE}
.BlBr {background: url(../images/buttons/blue_br.gif) 100% 100% no-repeat}
.BlTl {background: url(../images/buttons/blue_tl.gif) 0 0 no-repeat}
.BlTr {background: url(../images/buttons/blue_tr.gif) 100% 0 no-repeat}
*/
/* Blue / Grey Background 
.BlBBl {background: url(../images/buttons/blue_bl_bl.gif) 0 100% no-repeat #00B6DE}
.BlBBr {background: url(../images/buttons/blue_bl_br.gif) 100% 100% no-repeat}
.BlBTl {background: url(../images/buttons/blue_bl_tl.gif) 0 0 no-repeat}
.BlBTr {background: url(../images/buttons/blue_bl_tr.gif) 100% 0 no-repeat}
*/
/* Pink / White Background 
.PBl {background: url(../images/buttons/pink_bl.gif) 0 100% no-repeat #E40061}
.PBr {background: url(../images/buttons/pink_br.gif) 100% 100% no-repeat}
.PTl {background: url(../images/buttons/pink_tl.gif) 0 0 no-repeat}
.PTr {background: url(../images/buttons/pink_tr.gif) 100% 0 no-repeat}
*/
/* Grey / White Background 
.BBl {background: url(../images/buttons/grey_bl.gif) 0 100% no-repeat #4B4B4D}
.BBr {background: url(../images/buttons/grey_br.gif) 100% 100% no-repeat}
.BTl {background: url(../images/buttons/grey_tl.gif) 0 0 no-repeat}
.BTr {background: url(../images/buttons/grey_tr.gif) 100% 0 no-repeat}
*/
/* Grey Background 
.ButBBl {background: url(../images/buttons/But_Grey_Bl.gif) 0 100% no-repeat}
.ButBBr {background: url(../images/buttons/But_Grey_Br.gif) 100% 100% no-repeat}
.ButBTl {background: url(../images/buttons/But_Grey_Tl.gif) 0 0 no-repeat}
.ButBTr {background: url(../images/buttons/But_Grey_Tr.gif) 100% 0 no-repeat}
*/
/* White Background 
.ButWBl {background: url(../images/buttons/But_White_Bl.gif) 0 100% no-repeat}
.ButWBr {background: url(../images/buttons/But_White_Br.gif) 100% 100% no-repeat}
.ButWTl {background: url(../images/buttons/But_White_Tl.gif) 0 0 no-repeat}
.ButWTr {background: url(../images/buttons/But_White_Tr.gif) 100% 0 no-repeat}
*/
/* Blue Background 
.ButBlBl {background: url(../images/buttons/But_Blue_Bl.gif) 0 100% no-repeat}
.ButBlBr {background: url(../images/buttons/But_Blue_Br.gif) 100% 100% no-repeat}
.ButBlTl {background: url(../images/buttons/But_Blue_Tl.gif) 0 0 no-repeat}
.ButBlTr {background: url(../images/buttons/But_Blue_Tr.gif) 100% 0 no-repeat}
*/
/* Pink Background 
.ButPBl {background: url(../images/buttons/But_Pink_Bl.gif) 0 100% no-repeat}
.ButPBr {background: url(../images/buttons/But_Pink_Br.gif) 100% 100% no-repeat}
.ButPTl {background: url(../images/buttons/But_Pink_Tl.gif) 0 0 no-repeat}
.ButPTr {background: url(../images/buttons/But_Pink_Tr.gif) 100% 0 no-repeat}
*/
/* Green Background 
.ButGBl {background: url(../images/buttons/But_Green_Bl.gif) 0 100% no-repeat}
.ButGBr {background: url(../images/buttons/But_Green_Br.gif) 100% 100% no-repeat}
.ButGTl {background: url(../images/buttons/But_Green_Tl.gif) 0 0 no-repeat}
.ButGTr {background: url(../images/buttons/But_Green_Tr.gif) 100% 0 no-repeat}
*/
 /*Master page layout currently in use 
