﻿/* Overrides */
body	{ background-color:#2391ca; color:#004262; font-family:Arial; font-size:12px; top:0px; left:0px; }
img		{ border:0 }
a		{ text-decoration:none; color:#004262; font-weight:bold; }
h2		{ font-size:12pt; COLOR: #f87b07; }
h3		{ font-size:14px; }
ul		{ list-style:none;margin-left:0px; }
ol li	{ padding-bottom:10px; }

/* Classes */
.leftNavHeader	{ background:url(../../images/UI/leftNavHeader.png); background-repeat:no-repeat;
              	  padding-left:21px; padding-top:6px; font-family:Arial; font-size:16px; font-weight:bold; height:33px;}

.leftNav		{ background:url(../../images/UI/leftNavBack.png); height:25px; background-repeat:no-repeat; padding-left:14px; display:block; }
.leftNav a		{ background:url(../../images/buttons/orangeArrow.gif) no-repeat; background-position:0 3px; 
          		  width:137px; display:block; padding-top:6px; padding-left:23px; font-weight:bold; color:#004262; 
          		  text-decoration:none; min-height:19px; overflow:visible;
          		  height:19px;
				}
.leftNav a:hover {background:url(../../images/buttons/arrowCircle.gif) no-repeat; background-position:0 3px; color:#f87b07; }
.leftNav a.sel  { color:#f87b07; }
html>body .leftNav a{height:auto}     

.productMenuUnselectedTab { color: #ff7900; font-weight: bold; cursor: hand;border-bottom: 1px solid #ff7900; border-right: 1px solid #ff7900; border-left: 1px solid #ff7900; width: 100px; height: 20px }     		  
.productMenuSelectedTab { color: white; font-weight: bold; cursor: hand;border-bottom: 1px solid #ff7900; border-right: 1px solid #ff7900; border-left: 1px solid #ff7900; background-color: #ff7900; width: 100px; height: 20px }     		  

.tier3Header	{ background:url(../../images/UI/tier3Header.gif) no-repeat; padding-left:20px; padding-top:6px; height:25px; }
.tier3FooterSelected	{ background:url(../../images/UI/tier3FooterSelected2.gif) no-repeat; padding-left:20px; padding-bottom:0px; height:31px; }
.tier3FooterSelectedLarge	{ background:url(../../images/UI/tier3FooterSelectedLarge.gif) no-repeat; padding-left:20px; padding-bottom:0px; height:45px; }
.tier3Header2	{ background:url(../../images/UI/tier3Header2.gif) no-repeat; padding-left:20px; padding-top:6px; height:25px; }
.tier3NavTop	{ background:url(../../images/UI/tier3BackTop.png) no-repeat; padding-left:20px; height:25px; }
.tier3Nav		{ background:url(../../images/UI/tier3Back.png) no-repeat; padding-left:20px; height:25px; }
.tier3SelectedNav		{ background:url(../../images/UI/tier3SelectedNav.png) no-repeat; padding-left:20px; height:25px; }
.tier3Nav a		{ font-weight:bold; color:#004262; text-decoration:none; }
.tier3Footer	{ background:url(../../images/UI/tier3Footer.gif) no-repeat; padding-left:20px; height:25px; }
.tier3Footer2	{ background:url(../../images/UI/tier3Footer2.gif) top no-repeat; padding-left:20px; height:31px; vertical-align:top; }

.largeWhite		{ color:white; font-size:24px; font-weight:bold; }
.blue14			{ color:#004262; font-size:14px; font-weight:bold; }
.blueA			{ font-weight:bold; color:#004262; text-decoration:none; }
.blueAu			{ font-weight:bold; color:#004262; text-decoration:underline; }
.orangeAu		{ font-weight:bold; color:#f87b07; text-decoration:underline; }
.red9			{ color:Red; font-size:9pt; }
.red			{ color:Red; }

.navMenuTitle   { background-color: #f87b07; color: White; font-size: 1.25em; font-weight: bolder}

a.adminLink 	{ color:#333333; font-weight:normal; }
a.adminLink:hover	{ color:#f87b07; }

.topNav			{ background: url(../../images/UI/topNavBack.png) no-repeat }
.topNavBlue a	{ color:#005e8f; font-size:12px; text-decoration:none; font-weight:bold; }
.topNavWhite	{ color:white; font-size:12px; font-weight:bold; }
.topNavWhite a	{ color:white; font-size:12px; text-decoration:none; font-weight:bold; }

.footerNav a	{ color:white; font-size:12px; text-decoration:none; font-weight:bold; }

.b9orange		{ font-family: Arial, Helvetica, sans-serif; font-size: 9pt; COLOR: #f87b07; TEXT-DECORATION: none; font-weight: bold}
.b12orange		{ font-family: Arial, Helvetica, sans-serif; font-size: 12pt; COLOR: #f87b07; TEXT-DECORATION: none; font-weight: bold}
.blue10         {font-family:Arial; font-size: 10pt; color: #030164; text-decoration: none;}
.blue12			{ font-family: Arial, Helvetica, sans-serif; font-size: 12pt; TEXT-DECORATION: none; font-weight: bold}
.blue12Reg  	{ font-family: Arial, Helvetica, sans-serif; font-size: 11pt; TEXT-DECORATION: none; color: #030164}

.checkout		{ color:#004262; font-weight:normal; }
.noItems		{ padding-top:40px; font-size:12pt; font-weight:bold; display:block; text-align:center; }

.allCatOut		{ padding-left:10px; text-decoration:none; color:#004262; font-weight:bold; background-color:White; }
.allCatOut	a	{ padding-left:10px; text-decoration:none; color:#004262; font-weight:bold; background-color:White; }

.allCatOver		{ padding-left:10px; text-decoration:none; color:White; font-weight:bold; background-color:#f87b07; cursor:hand; }
.allCatOver	a	{ padding-left:10px; text-decoration:none; color:White; font-weight:bold; background-color:#f87b07; cursor:hand; }

.greyPricing	{ color:#909090; font-size:12px; font-weight:bold; }
.bluePricing	{ color:#005e8f; font-size:12px; font-weight:bold; padding:5px; }
.redPricing		{ color:#f40606; font-size:12px; font-weight:bold; padding:5px; }

.masterFooterSpacer { width: 54px }

/* Basket */
.grey	{ color:#909090; font-weight:bold; }
.smallgrey	{ color:#909090; font-weight:bold; font-size: 10px }

.quantityBox		{ text-align:center; font-size:11px; width:20px; border:solid 1px #909090; }
.quantityBoxActive	{ text-align:center; font-size:11px; width:20px; border:solid 1px #f87b07; }

.downBasket		{ width:192px; height:24px; position:relative; z-index:99; left:-3px; overflow:hidden; clear: both; }
.basketContent	{ height:126px; border-left:solid 2px #f87b07; border-right:solid 2px #f87b07; background-color:White; z-index:1; }

.basket			{ width:188px; height:21px; background:url(../../images/UI/myBasketHeader.gif); color:White; 
       			  border:solid 2px white; padding-top:5px; text-align:center; cursor:default; }

.accPaneHeader	{ width:188px; height:21px; background:url(../../images/UI/paneHeader.png); font-weight:bold;
              	  color:White; padding-top:5px; text-align:center; cursor:default; 
              	  border-left:solid 2px #f87b07; border-right:solid 2px #f87b07; }
              	  
.accContent		{ border-left:solid 2px #f87b07; border-right:solid 2px #f87b07; background-color:White; color:Black; overflow: hidden }

.basketFooter	{ width:188px; border-top:solid 2px #f87b07; border-left:solid 2px #f87b07; 
             	  border-right:solid 2px #f87b07; background-color:#DDDDDD; }
              	  
.title			{ color:#004262; font-weight:bold; background-image: url(../../images/box/title.png); height:24px; }
.title a		{ color:#004262; }
.titleL			{ background-image: url(../../images/box/titleL.png); }
.titleR			{ background-image: url(../../images/box/titleR.png); }
.header			{ background-image: url(../../images/box/header.png); }
.footer			{ background-image: url(../../images/box/footer.png); }
.footerL		{ background-image: url(../../images/box/footerL.png); }
.footerR		{ background-image: url(../../images/box/footerR.png); }
.footer2		{ background-image: url(../../images/box/footer2.png); height:22px; }
.itemInBasket	{ border-top: dotted 1px #909090; border-bottom: dotted 1px #909090; }

/* Buttons */
.button				{ background-image:url(../../images/buttons/button.gif); background-repeat:no-repeat; width:70px; height:24px; }
.buttonA			{ background-image:url(../../images/buttons/buttonA.gif); background-repeat:no-repeat; width:70px; height:24px; }
.blueButton			{ background-image:url(../../images/buttons/buttonBlue.gif); background-repeat:no-repeat; width:70px; height:24px; }
.blueButtonA		{ background-image:url(../../images/buttons/buttonBlueA.gif); background-repeat:no-repeat; width:70px; height:24px; }
.largeButton		{ background-image:url(../../images/buttons/buttonLarge.gif); background-repeat:no-repeat; width:128px; height:24px; }
.largeButtonA		{ background-image:url(../../images/buttons/buttonLargeA.gif); background-repeat:no-repeat; width:128px; height:24px; }
.largeBlueButton	{ background-image:url(../../images/buttons/buttonBlueLarge.gif); background-repeat:no-repeat; width:128px; height:24px; }
.largeBlueButtonA	{ background-image:url(../../images/buttons/buttonBlueLargeA.gif); background-repeat:no-repeat; width:128px; height:24px; }
.greyButton			{ background-image:url(../../images/buttons/buttonGrey.gif); background-repeat:no-repeat; width:70px; height:24px; }
.bigButton          { background-image:url(../../images/buttons/bigButton.png); background-repeat:no-repeat; width:300px; height:100px; 
                      font-size: 15pt; cursor: hand; vertical-align: middle}
.littlebigButton    { background-position: center; background-image:url(../../images/buttons/littlebigButton.png); 
                      background-repeat:no-repeat; width:200px;font-size: 13pt; cursor: hand; vertical-align: middle; padding-top: 25px; padding-bottom: 25px}

.button a, .blueButton a, .largeButton a, .largeBlueButton a, .greyButton a
					{ font-family:arial; font-weight:bold; font-size:11px; display:block; padding-top:5px;	
					  text-decoration:none; min-height:21px; color:White; text-align:center; }

.buttonA a, .blueButtonA a, .largeButtonA a, .largeBlueButtonA a
					{ font-family:arial; font-weight:bold; font-size:11px; display:block; padding-top:5px;	
					  text-decoration:none; min-height:21px; color:White; text-align:left; padding-left:15px; }
.sqButton		{ background-color:#f87b07; height:16px; width:16px; border:solid 1px white; }
.sqButton a		{ font-family:arial; font-weight:bold; font-size:11px; display:block;  
				  text-decoration:none; color:White; text-align:center; }

.sqButtonSel	{ border:solid 1px #f87b07; height:16px; width:16px; }
.sqButtonSel a	{ font-family:arial; font-weight:bold; font-size:11px; display:block;  
				  text-decoration:none; color:#f87b07; text-align:center; }

a.removeButton2 			{ display:block; width:14px; margin-left:5px; height:20px; background: url(../../images/buttons/delete.gif) no-repeat 0 0; }
a.removeButton 			{ display:block; width:20px; height:20px; background: url(../../images/buttons/remove.gif) no-repeat 0 0; }
a:hover.removeButton	{ background-position: 0 -20px; }


/* UI */
.watermark		{ color:#CCC; }				  
.dropdown		{ font-size:11px; border:solid 1px #909090; }

.admin			{ width:188px; height:21px; background:url(../../images/UI/adminHeader.png); color:White; 
       			  border:solid 2px white; padding-top:5px; text-align:center; cursor:hand; }
.adminTopNav	{ background: url(../../images/UI/adminTopNavBack.png) }
.adminContent	{ height:106px; border-left:solid 2px #b3b1b4; border-right:solid 2px #b3b1b4; background-color:White; }
.adminContent a	{ color:#004262; font-weight:normal; }

.modalBackground { background-color:Black; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
.modalPopup		 { border: solid 1px black; background-color:White; }
.modalPopup	.head { background:url(../../images/UI/myBasketHeader.gif) top left repeat-x; color:White; 
           	        font-weight:bold; padding:5px; cursor:move; }
.modalPopup	.body { padding:5px; }
.modalPopup	.dialog { padding:10px; font-size:1.1em; }

.catalogueRef	 { font-weight:bold; font-size:14px; color:#004262; }
.catalogueRefNew { font-weight:bold; font-size:14px; color:#004262; width:115px; background:url(../../images/UI/new.gif) top right no-repeat;}
.productinfoCatalogueRefNew { font-weight:bold; font-size:14px; color:#004262; width:115px; background:url(../../images/UI/new.gif) top right no-repeat; background-position: left; padding-left: 40px}

.inBasket		 { text-decoration:underline; color:#f87b07; }

.orange			 { color:#f87b07; font-weight:normal; }
.orangeBox		 { border:solid 1px #f87b07; padding:5px; width:310px; min-height:105px}
.discontinued	 { color:Red; font-weight:bold; font-size:9pt; }

textarea				{ font-family: Verdana; font-size:0.9em; width:22em; }

input.textbox			{ border:1px solid #909090; }
input.textboxActive		{ border:1px solid #f87b07; }

input.textboxC			{ border:1px solid #909090; text-align:center; }
input.textboxActiveC	{ border:1px solid #f87b07; text-align:center; }

.centerText		 { text-align:center; }

.autocomplete_completionListElement { visibility: hidden; margin: 0px!important; background-color: inherit; color: windowtext;
									  border: buttonshadow; border-width: 1px; border-style: solid; cursor: hand; overflow: auto; 
									  height: 100px; text-align: left; list-style-type: none; }
.autocomplete_highlightedListItem	{ background-color: #EEEEEE; color: black; padding: 1px; }
.autocomplete_listItem				{ background-color: window; color: windowtext; padding: 1px; }

/*.hover div	{ float:left; position:relative; width:100%; }*/
.hover { position: relative; display: block; width: 50px; height: 50px; }
.hover div { position: absolute; display: block;}

.hoverImg	{ position:absolute; left:60px; z-index: 100; border:1px solid #f87b07; background:white;
			  padding:5px; display:none; }

.magnify	{ cursor: url(images/magnify.cur), pointer; }

/* Admin */

.menuitem     { display:block; }

.menu         { position:absolute; visibility:hidden; border:1px solid #718bb7;z-index:15000;
				background:#f0f0f0 url(images/UI/contextMenuBack.gif) repeat-y; padding:2px; }
.menu a       { text-decoration:none!important; display:block; line-height:16px; padding:3px; font-weight:normal;
				-moz-outline:0 none;outline:0 none;cursor:pointer; }
.menu a:hover { background:#ebf3fd url(images/UI/contextMenuOver.gif) repeat-x; background-position-y:3px; 
				border:1px solid #aaccf6; color:#226484; padding:2px; }

.node         { padding:2px; font-size:11pt; }
.nodeHover    { color:#f87b07; }
.nodeInput    { border:1px solid #f87b07; color:#004262; font-family:Arial; font-size:11px; }
    
.menu a img   { border:0 none;height:16px;padding:0;vertical-align:top;width:16px;margin:0 8px 0 0;background-position:center;}   

.ftbHTML	  { font-family:Courier; font-size:11px; }

.contentText  { color:#004262; font-size:1.4em; font-weight:normal; }

li.tab		  { border-bottom:solid 1px #f87b07; border-left:solid 1px #f87b07; border-top:solid 1px #f87b07; 
  				padding:3px; background-color:#f87b07; color:White; cursor:hand; font-weight:bold; }
li.tabSel	  { border-bottom:solid 1px #f87b07; border-left:solid 1px #f87b07; border-top:solid 1px #f87b07; 
  				padding:3px; background-color:white; color:#f87b07; cursor:hand; font-weight:bold; }  				
.tabBox		  { border-top:solid 1px #f87b07; border-right:solid 1px #f87b07; border-bottom:solid 1px #f87b07; width:620px; height:400px; padding:2px; }

.mpBasket	  { position:absolute; width:55px; text-align:right; }

legend		  { color:#f87b07; font-size:14px; font-weight:bold; }


ul.clearance-nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
        
ul.clearance-nav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: left;
}

ul.clearance-nav li a {
    display: block;
    height: 35px;
    width: 138px;
    padding: 7px 0px 0px 5px;
    background-image: url(../../images/clearance-nav.gif);
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 10px;
}

ul.clearance-nav li a:hover { color: #6c95b4; }


.clearance-header-container { padding: 0px 20px;} 


.clear { clear: both; }
