@charset "utf-8";
@import "reset.css";

/*///////////////////////////////

	client:   SOURCING CITY
	version:  v3.1.4
	author:   tom greenhill
	agency:	  akikodesign.com
	
	orange: 	#ff5100

///////////////////////////////*/

/*      COMMON
-------------------------------------------------------------------------------------------------*/
html, body { height: 100% }
body { font: 62.5%/1 Verdana, Arial, Helvetica, sans-serif; background: #300075 url(../../images/bg/body.jpg) repeat-x top center; padding: 0 0 30px 0}
a { color: #727272; text-decoration: underline }
a:hover, a:focus { text-decoration: none}
address, var { font-style: normal; }
hr.divide { margin: 10px 0; height: 1px; border: none; border-top: 1px dashed #777; background: none; clear: both }
div.customColour { height: 3px; border: none; background-color: #023FA3; }
hr.logsep { margin: 2px 0; width: 100%; height: 1px; border: none; border-top: 1px dotted #F9C; background: none; float: none; clear: both }

#wrap-glow { width: 848px; background: url(../../images/bg/page-glow.png) repeat-y top center; margin: 5px auto 0; position: relative }
#masthead { width: 848px; background: url(../../images/bg/masthead.jpg) top left no-repeat }
#masthead #flash-wrap { width: 836px; height: 138px; margin: 0 6px; }
#masthead #flash-wrap #flash > a { display: block; text-indent: -9999em; height: 105px; }
#gotonews { position: absolute; right: 20px; top: 49px; width: 160px; height: 81px; text-indent: -9999em;  }
#gotosid { position: absolute; right: 39px; top: 14px }

/*		 BANNERS
-------------------------*/
/*####### PAGE TOP BANNERS */
#masthead .banners { margin: 5px auto; width: 815px; }
#masthead .banners img,
#masthead .banners object { width: 400px !important; height: 62px !important; }
#masthead .banners .first,
#masthead #banner-L { margin: 0 10px 0 0; float: left }

/*####### PAGE BODY BANNERS */
#content .banners { 
	width: 400px; float: left; margin: 25px 0 0 60px !important; padding: 4px;
	background: url(../../images/bg/banner-content.png) top left no-repeat
}
#content .banners img { width: 400px; height: 62px; }
body.home #content .banners { clear: both; float: none; margin: 5px auto; }

/*####### SIDE BANNERS */
#banners { position: absolute; right: -90px; top: 143px; }
#banners div.first,
#banners div.second { width: 80px; height: 402px; }
#banners .first { margin: 0 0 15px 0; }

/*		 NAVIGATION
-------------------------*/
#navigation { width: 830px; margin: 0 auto; }
#navigation li, #footer li { float: left;}
#navigation li a.nav-1,
#navigation li a.nav-2,
#navigation li a.nav-3,
#navigation li a.nav-4,
#navigation li a.nav-5,
#navigation li a.nav-6 { display: block; text-indent: -9999em; margin-right: 4px; height: 33px; }

#navigation .primary { height: 33px; background: url(../../images/bg/navigation-primary.png) top center no-repeat;}
#navigation .secondary { height: 34px; background: url(../../images/bg/navigation-secondary.png) top center no-repeat;}

#navigation ul.nav { float: left; z-index: 1000 }
#navigation .primary ul.nav { width: 659px; }
#navigation .secondary ul.nav { width: 628px; }

#navigation #flags { float: right; margin: 0 40px 0 0; }
	#navigation #flags li a { display: block; width: 48px; height: 33px; text-indent: -9999em; }
	
	#navigation #flags li.uk a { background: url(../../images/bg/flags.png) top left no-repeat; }
		#navigation #flags li.uk a:hover,
		#navigation #flags li.uk a:focus,
		#navigation #flags li.uk a.current { background-position: bottom left; }
		
	#navigation #flags li.eire a { background: url(../../images/bg/flags.png) top right no-repeat; margin-left: 2px; }
		#navigation #flags li.eire a:hover,
		#navigation #flags li.eire a:focus,
		#navigation #flags li.eire a.current { background-position: bottom right; }

	
	/* DROPDOWN LISTS
	----------------------*/
	#navigation .dropdown { 
		position: absolute; display: none; background: url(../../images/bg/dropdown.png) bottom center no-repeat;
		padding: 0 8px 16px; width: 150px;
	}
	#navigation .primary .dropdown {z-index: 1000}
	#navigation .secondary .dropdown {z-index: 1001}

		#navigation .dropdown li { float: none; height: 24px; }
		#navigation .dropdown li a { 
			background: none; display: block; line-height: 23px; border-bottom: 1px solid #7c5dad; color: #fff;
			text-decoration: none; padding: 0 0 0 5px; height:23px; width: 145px;
		}
		#navigation .dropdown li a:hover,
		#navigation .dropdown li a:focus {
			background: #ff5100; border-bottom-color: #ff5100;
		}
		#navigation .dropdown .last a { border-bottom-color: #44178a }
		#navigation .dropdown .over a { border-bottom-color: #ff5100; }

	/* NAV ITEMS
	----------------------*/
	#navigation .primary a { background: url(../../images/bg/navigation-primary.png) }

	#navigation .primary a.nav-1 { width: 83px; margin-left: 14px; background-position: -14px 0; }
		#navigation .primary a.nav-1:hover,
		#navigation .primary a.nav-1:focus { background-position: -14px -33px; }
		
	#navigation .primary a.nav-2 { width: 106px; background-position: -101px 0; }
		#navigation .primary a.nav-2:hover,
		#navigation .primary a.nav-2:focus { background-position: -101px -33px; }
		
	#navigation .primary a.nav-3 { width: 154px; background-position: -211px 0; }
		#navigation .primary a.nav-3:hover,
		#navigation .primary a.nav-3:focus,
		#navigation .primary li.active a.nav-3 { background-position: -211px -33px; }
	
	#navigation .primary a.nav-4 { width: 120px; background-position: -369px 0; }
		#navigation .primary a.nav-4:hover,
		#navigation .primary a.nav-4:focus { background-position: -369px -33px; }
	
	#navigation .primary a.nav-5 { width: 74px; background-position: -493px 0; }
		#navigation .primary a.nav-5:hover,
		#navigation .primary a.nav-5:focus {background-position: -493px -33px; }
	
	#navigation .primary a.nav-6 { width: 87px; background-position: -571px 0; margin: 0; }
		#navigation .primary a.nav-6:hover,
		#navigation .primary a.nav-6:focus { background-position: -571px -33px; }


	#navigation .secondary a { background: url(../../images/bg/navigation-secondary.png) }

	#navigation .secondary a.nav-1 { width: 52px; margin-left: 14px; background-position: -14px 0; }
		#navigation .secondary a.nav-1:hover,
		#navigation .secondary a.nav-1:focus { background-position: -14px -34px; }
		
	#navigation .secondary a.nav-2 { width: 115px; background-position: -70px 0; }
		#navigation .secondary a.nav-2:hover,
		#navigation .secondary a.nav-2:focus { background-position: -70px -34px; }
		
	#navigation .secondary a.nav-3 { width: 68px; background-position: -189px 0; }
		#navigation .secondary a.nav-3:hover,
		#navigation .secondary a.nav-3:focus { background-position: -189px -34px; }
/*
	#navigation .secondary a.nav-4 { width: 80px; background-position: -261px 0; }
		#navigation .secondary a.nav-4:hover,
		#navigation .secondary a.nav-4:focus,
		#navigation .secondary li.active a.nav-4 { background-position: -261px -34px; }
	
	#navigation .secondary a.nav-5 { width: 151px; background-position: -345px 0; }
		#navigation .secondary a.nav-5:hover,
		#navigation .secondary a.nav-5:focus {background-position: -345px -34px; }
*/	
	#navigation .secondary a.nav-4 { width: 115px; background-position: -261px 0; }
		#navigation .secondary a.nav-4:hover,
		#navigation .secondary a.nav-4:focus,
		#navigation .secondary li.active a.nav-4 { background-position: -261px -34px; }
	
	#navigation .secondary a.nav-5 { width: 116px; background-position: -379px 0; }
		#navigation .secondary a.nav-5:hover,
		#navigation .secondary a.nav-5:focus {background-position: -379px -34px; }

	#navigation .secondary a.nav-6 { width: 125px; background-position: -500px 0; margin: 0; }
		#navigation .secondary a.nav-6:hover,
		#navigation .secondary a.nav-6:focus { background-position: -500px -34px; }
	
	
	/* SEARCH FIELD
	----------------------*/
	
	#search { float: right; width: 190px; margin: 8px 7px 0 0; }
		#search label { display: block; position: relative; float: left; }
		#search label span { position: absolute; left: 22px; top: 3px; cursor: text;  }
		
		#search label span,
		#search #search_keywords { font: .9em Verdana, Arial, Helvetica, sans-serif; color: #44178a; }
		
		#search label input { 
			background: url(../../images/bg/input-search.png) top left no-repeat; width: 130px; height: 13px;
			border: none; padding: 3px 10px 3px 22px;
		}
		#search #ctl00_search_go, #search #search_go { 
			border: none; padding: 0; width: 19px; height: 19px; cursor: pointer; float: right;
		}


/*		 CONTENT
-------------------------*/
#content { width: 836px; background: #fff url(../../images/bg/content.jpg) no-repeat bottom left; margin: 3px auto 0; padding: 0 0 15px; }
#content .inner { width: 826px; background: url(../../images/bg/content-inner.jpg) top center no-repeat; margin: 0 auto }
	#content div#columnA { width: 146px; float: left; margin: 5px 3px 0 3px; }

	/*      FORMS
	----------------------*/
	input[type=text],
	input[type=password] { height: 16px; background: #dcdcdc; border: none; padding: 5px 0 0 5px; }
	input.input { height: 16px; background: #dcdcdc; border: none; padding: 5px 0 0 5px; }
	input,
	label.block span,
	select,
	textarea { font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #505050;}
	select { /*display: none;*/ font: normal Verdana, Arial, Helvetica, sans-serif; background-color: #dcdcdc; padding: 3px 4px 0; border: none; border-color: #dcdcdc }
	/*.select-n {background-color: #dcdcdc; padding: 3px 4px 0; border: none;}*/
	#report select { display: block; padding: 2px; background-color: #fff; }
	
	select { display: block; margin: 0 0 5px }
		select option { padding: 2px}
		select option:hover { background-color: #ff5100 }
		
	#ideassearch fieldset.first select { width: 140px; margin-bottom: 10px }
	#ideassearch fieldset.second select { width: 140px; margin-bottom: 10px }
	#ideassearch fieldset.third select { width: 106px; margin-bottom: 10px }
	
	#productsearch fieldset.first select,
	#productsearch fieldset.third select { width: 130px; float: left }
	
	textarea { background-color: #dcdcdc; border: none; padding:5px; }
	label.block { display: block; position: relative; margin: 0 0 10px; text-align: left }
	label.block span { position: absolute; left: 5px; top: 5px; cursor:text }
	label.block input { margin: 0; }
	

/*      PANELS
----------------------*/

	#content div.top {position: absolute; top: 0; left: 0; height: 15px; }
	#content div.bottom {height: 15px; }

	
	/* 144 PANEL
	----------------------*/
	div.panel-144 {	width: 144px; position: relative; margin: 0 0 5px; padding: 15px 0 0; }
	div.panel-144 h3 {width: 119px;}
	div.panel-144 .top { width: 144px; background: url(../../images/bg/panels/home-144.png) 0 0 no-repeat; }
	div.panel-144 .wrapper { background: url(../../images/bg/panels/home-144.png) -144px 0 repeat-y;  padding: 5px 5px 0 }
	div.panel-144 .bottom { width: 144px; background: url(../../images/bg/panels/home-144.png) 0 -39px no-repeat;}
	
	/* 258 PANEL
	----------------------*/
	div.panel-258 { width: 258px; position: relative; margin: 0 0 5px; padding: 30px 0 0;	}
	div.panel-258 h3 {width: 233px;}
	div.panel-258 .top { width: 258px; background: url(../../images/bg/panels/home-258.png) 0 -15px no-repeat; }
	div.panel-258 .wrapper { background: transparent url(../../images/bg/panels/home-258.png) repeat-y scroll -258px 0; padding: 0 10px; }
	div.panel-258 .bottom { background: url(../../images/bg/panels/home-258.png) 0 0 no-repeat; width: 258px; }
	
	/* 332 PANEL
	----------------------*/
	div.panel-332 { width: 332px; position: relative; margin: 0 0 5px; padding: 30px 0 0; float: left }
	body.login div.title { padding-top: 40px }
	div.panel-332 h2 { 
		background-position: -488px 0; width: 308px; height: 25px; margin: 7px 0 0 7px; padding: 8px 0 0 10px; 
		color: #fff; font: bold 12px Verdana, Arial, Helvetica, sans-serif; background-repeat: no-repeat;
	}
	div.panel-332 h3 {width: 307px;}
	div.panel-332 .top { width: 332px; background: url(../../images/bg/panels/332.png) 0 0 no-repeat; }
	div.panel-332 .wrapper { background: transparent url(../../images/bg/panels/332.png) repeat-y scroll -332px 0; padding: 0 15px 0 10px; }
	div.panel-332 .bottom { background: url(../../images/bg/panels/332.png) 0 bottom no-repeat; width: 332px; }
	
	/* 518 PANEL
	----------------------*/
	div.panel-518 { width: 518px; position: relative; margin: 0 0 10px; clear: left; padding: 30px 0 0; }
	body.home div.panel-518 { margin-bottom: 5px }
	div.panel-518 h3 {width: 494px;}
	div.panel-518 div.top {	width: 518px; background: url(../../images/bg/panels/home-518.png) 0 -15px no-repeat; }	
	div.panel-518 .wrapper { background: url(../../images/bg/panels/home-518.png) -518px 0 repeat-y; padding: 10px 15px 0; width: 488px; }
	div.panel-518 div.bottom {width: 518px; background: url(../../images/bg/panels/home-518.png) 0 0 no-repeat; }
	
	/* 670 PANEL
	----------------------*/
	div.panel-670 { width: 670px; position: relative; margin: 0 0 10px; clear: both; padding: 15px 0 0; }
	div.panel-670 h2 { 
		background-position: 0 -115px; width: 646px; height: 25px; margin: 7px 0 0 7px; padding: 8px 0 0 10px; 
		color: #fff; font: bold 12px Verdana, Arial, Helvetica, sans-serif; background-repeat: no-repeat;
	}
	div.panel-670 h2.purple { background-position: 0 -148px; }
	div.panel-670 h2, 
	div.panel-670 h3 {width: 646px;}
	div.panel-670 p { color: #6d6d6d; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px; }
	div.panel-670 div.top { width: 670px; background: url(../../images/bg/panels/670.png) top left no-repeat; }
	body div.title .wrapper { padding-top: 10px }
	div.panel-670 .wrapper { background: url(../../images/bg/panels/670.png) -670px 0 repeat-y; padding: 0 10px 5px 10px; }
	div.panel-670 div.bottom { width: 670px; background: url(../../images/bg/panels/670.png) bottom left no-repeat; }
	
	/* 820 PANEL
	----------------------*/
	div.panel-820 { width: 820px; position: relative; margin:0 0 10px; clear: left; padding: 15px 0 0; }
	div.panel-820 h2 { 
		background-position: 0 -181px; width: 796px; height: 25px; margin: 7px 0 0 7px; padding: 8px 0 0 10px; 
		color: #fff; font: bold 12px Verdana, Arial, Helvetica, sans-serif; background-repeat: no-repeat;
	}
	div.panel-820 .top p { color: #fff; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }
	div.panel-820 .top h2, div.panel-820 .top h3 {width: 796px;}
	div.panel-820 div.top { width: 820px; background: url(../../images/bg/panels/820.png) 0 0 no-repeat; }
	div.panel-820 .wrapper { background: url(../../images/bg/panels/820.png) -820px 0 repeat-y;  padding: 10px 15px; }
	div.panel-820 div.bottom { width: 820px; background: url(../../images/bg/panels/820.png) bottom left no-repeat;	}


/*	    SEARCH PANELS
-------------------------*/

	div.search { float: right; width: 92px; }
	div.char { background-image: url(../../images/characters.png); background-repeat: no-repeat; position: absolute; }
	input.btn-left { margin: 0 0 10px; }
	body.home img.reset { position:absolute; right:11px; top:11px; cursor: pointer }

	/* MULTI SEARCH & ITEM TYPE SEARCH
	-------------------------------*/
	body.home #multisearch,
	body.home #itemtypesearch { margin: 0 0 5px; background: url(../../images/bg/panels/home-258-fixed.png) top center no-repeat; height: 60px; }
	
	body.home #multisearch { float: right; }	
	body.home #multisearch .top,
	body.home #multisearch .wrapper,
	body.home #multisearch .bottom,
	body.home #itemtypesearch .top,
	body.home #itemtypesearch .wrapper,
	body.home #itemtypesearch .bottom { background: none; }
	body.home #multisearch .bottom,
	body.home #itemtypesearch .bottom { display: none }
	body.home #multisearch h3 { background-position: -243px 0; }
	
	body.home #content div#columnB #multisearch p,
	body.home #content div#columnB #itemtypesearch p { color: #505050; font: bold 1.3em Arial, Helvetica, sans-serif; float: left; }
	body.home #content div#columnB #multisearch p.sub { clear: both; float: none; font-size: 1.2em;}
	body.home #content div#columnB #multisearch div.search { margin: 0 0 5px }
	body.home #content div#columnB #multisearch #tt-multi-search { cursor: pointer; }

	body.home #itemtypesearch { float: left; }
	body.home #itemtypesearch h3 { background-position: 0 0; }
	body.home #itemtypesearch fieldset { float: left; }
	body.home #itemtypesearch fieldset label {  margin: 0 0 7px; }
	body.home #itemtypesearch fieldset input { width: 124px;}

	body.home ul.alphabet { border-bottom: none; padding: 0; margin: 0; clear: both; }
	body.home ul.alphabet li { font-size: 0.9em; margin: 1px; letter-spacing: 0; display: block; float: left; line-height: 1.2em; padding: 0 }
	body.home ul.alphabet li a { color: #ff5100; font-weight: bold }
	body.home ul.alphabet li a:hover { color: #505050; }



	/* IDEAS SEARCH
	-------------------------------*/
	body.home #ctl00_CPH1_UPIdeas,
	body.home #ctl00_CPH1_UPIdeas,
	body.home #ctl00_CPH1_UPProd,
	body.home #ctl00_CPH1_UPSupplier { clear: both; float: left; }
	body.home #ctl00_CPH1_UPShot { clear: left; float: left; }
	body.home #ctl00_CPH1_UPExpress { float: right; }
	body.home #ideassearch .wrapper { padding-left: 105px; width: 398px; min-height: 52px; }
	body.home #ideassearch fieldset.first { width: /*115px;*/ 140px; float: left; margin: 0 5px 0 0; }
	body.home #ideassearch fieldset.second { width: /*143px;*/ 140px; float: left; margin: 0 5px 0 0; }
	body.home #ideassearch fieldset.third { width: /*130px;*/ 106px; float: left; }
	
	body.home #ideassearch div.char { position: absolute; left: 16px; top: 5px; width: 83px; height: 91px; background-position: 0 0; }
	
	/*body.home #content #ideassearch fieldset.first input.selectbox { margin: 0 0 10px; width: 88px; }
	body.home #content #ideassearch fieldset.second input.selectbox { margin: 0 0 10px; width: 116px; }
	body.home #content #ideassearch fieldset.third input.selectbox { margin: 0 0 10px; width: 103px; }*/
	body.home #content #ideassearch fieldset.first input.last { margin-bottom: 0; }
	body.home #content #ideassearch fieldset.second input.last { margin-bottom: 0; }

	body.home #content div#columnB #ideassearch h3 { background-position: 0 -92px; padding-left: 100px; width: 404px }
	
	
	/* 	   PRODUCT SEARCH
	-------------------------*/
	body.home #productsearch .wrapper { min-height: 94px }
	body.home #productsearch h3 { background-position: 0 -46px; }
	body.home #productsearch div.char { 
		position: absolute; bottom: 5px; right: 7px; width: 77px; height: 105px; 
		z-index:100; background: url(../../images/character-productsearch.gif) top left no-repeat }
	#productsearch div.search { /*margin: 20px 20px 0 0;*/ float: none  }
	
	#productsearch fieldset.first { margin: 0 10px 0 0; width: 270px; float: left }
	#productsearch fieldset.first .input { width: 265px; }
	#productsearch fieldset.first select { margin: 0 10px 10px 0; width: 130px; float: left;}
	#productsearch fieldset.first .normargin { margin: 0/* 0 10px*/ }
	#productsearch fieldset.first .nomargin { margin: 0 }
	#productsearch fieldset.first .half { width: 130px; margin: 0 10px 0 0; float: left; }
	#productsearch fieldset.first .half input { width: 125px; }
	
	#productsearch fieldset.second { width: 143px; float: left; margin: 0 5px 0 0; }
	#productsearch fieldset.second select { margin: 0 0 10px; width: 143px; float: left }
	
	#productsearch fieldset.third { width: 424px; clear: both; margin: 0 5px 0 0; padding: 10px 0 0 0; border-top: 1px dashed #dcdcdc }
	#productsearch fieldset.third select { margin: 0 10px 0 0; width: 130px; float: left }
	#productsearch fieldset.third label { margin: 0 10px 0 0; float: left }
	#productsearch fieldset.third label input { width: 125px; }
	body.home #productsearch .alphabet { clear: none; padding: 0 20px 0 0; }
	
	div.hr {
		width: 100%; border-top: 1px dashed #dcdcdc; margin:0 0 10px; clear: left; height: 0;
	}
	
	
	/* 	   SUPPLIER SEARCH
	--------------------------*/
	body.home #content div#columnB #suppliersearch .wrapper { padding-left: 83px; padding-right: 10px; width: 425px; }
	body.home #content div#columnB #suppliersearch h3 { background-position: 0 -69px;  padding-left: 75px; width: 429px }
	body.home #suppliersearch div.char { position: absolute; top: 9px; left: 18px; width: 60px; height: 90px; background-position: -164px 0;}
	
	body.home #suppliersearch fieldset.first { width: 425px; float: left; margin: 0; }
	body.home #suppliersearch fieldset.first .input { width: 130px; }
	body.home #suppliersearch fieldset.first .selectbox, 
	body.home #suppliersearch fieldset.first select { margin: 0 0 10px; width: 322px; float: left }	
	
	body.home #suppliersearch fieldset.second { width: 150px; float: left; margin: 0 10px 0 0; }
	body.home #suppliersearch fieldset.second .selectbox, 
	body.home #suppliersearch fieldset.second select { margin: 0 0 10px; width: 116px; float: left }
	
	body.home #suppliersearch fieldset.third { width: 426px; float: left; margin: 0; }
	body.home #suppliersearch fieldset.third .input { width: 93px; margin: 0 0 10px; }
	body.home #suppliersearch fieldset.third select { margin: 0 5px 10px 0; width: 137px; float: left }
	
	body.home #content #suppliersearch fieldset.first input.last,
	body.home #content #suppliersearch fieldset.second input.last { margin-bottom: 0; }
	
	
	/* SHOTGUN SEARCH & EXPRESS DELIVERY SEARCH
	-------------------------------------------*/
	body.home #shotgunsearch { float: left; }
	body.home #shotgunsearch .wrapper { min-height: 52px; }
	body.home #shotgunsearch h3 { background-position: 0 -23px; }
	body.home #shotgunsearch div.char { 
		position: absolute; top: 15px; right: 20px; width: 52px; height: 56px; background: url(../../images/character-search-shotgun-sml.png) top left no-repeat;
	}
	body.home #shotgunsearch fieldset.first div.search { float: none; }
	
	body.home #shotgunsearch fieldset.first { width: 160px; float: left; margin: 0 10px 0 0; }
	body.home #shotgunsearch fieldset.first .input { width: 133px; }
	body.home #shotgunsearch fieldset.first .selectbox { margin: 0 0 10px; width: 133px; float: left }
	body.home #shotgunsearch fieldset.first select { margin: 10px 0 0; width: 235px; float: left }	
	
	
	body.home #expresssearch { float: right; margin-bottom: 5px; }
	body.home #expresssearch .wrapper { min-height: 52px; }
	body.home #expresssearch h3 { background-position: -243px -23px; }
	body.home #expresssearch div.char { 
		position: absolute; top: -21px; right: 14px; width: 69px; height: 91px; background-position: -224px 0;
	}
	body.home #expresssearch div.search { margin: 31px 0 0 0; }
	body.home #expresssearch div.char { 
		position: absolute; top: 19px; right: 23px; width: 41px; height: 46px; 
		background:url(../../images/character-express.png) top left no-repeat;
	}
	
	body.home #expresssearch fieldset.first { width: 120px; float: left; margin: 0 10px 0 0; }
	body.home #expresssearch fieldset.first .input { width: 95px; }
	body.home #expresssearch fieldset.first .selectbox { margin: 0 0 10px; width: 95px; float: left }
	body.home #expresssearch fieldset.first .nomargin { margin: 0; }
	body.home #expresssearch fieldset.first select { margin: 0 0 10px; width: 130px; float: left }


	/* 		   BASKETS/PADS
	-------------------------------*/	
	#baskets { z-index: 101; }
	.pad { padding: 20px 0 0 0; width: 146px; margin: 0 0 10px; position: relative; background:url(../../images/bg/pads/basket-top.png) top left no-repeat; }
	.pad .create { display: none; margin: 28px 0 0 10px; }
	.pad h3,
	#multisearchpad h3 { background: url(../../images/titles-pads.png) no-repeat; text-indent: -9999em; margin: 0 auto 4px }
	
	.pad div.dragzone {
		background: #fff url(../../images/bg/pads/drag-here.png) top center no-repeat; width: 108px; height:42px; position: absolute;
		right: 18px; top: 35px;  z-index: 50;
	}
	.active div.dragzone {background-image: url(../../images/bg/pads/drag-here-over.png); }
	.pad .actions { 
		background: transparent url(../../images/bg/pads/basket-bottom.png) bottom center no-repeat; width: 146px; 
		height: 54px; margin: 4px 0 0; position: relative
	}
	.pad .lip-overlay { 
		background: url(../../images/bg/pads/lip-overlay.png) top left no-repeat; width: 32px; height: 44px; 
		position: absolute; bottom: 10px; z-index: 52; right: 18px;
	}
	.pad .wrapper { 
		background: url(../../images/bg/pads/list.png) top center repeat-y; margin: 0 0 -4px 0; min-height: 4px; 
		/*height: auto !important;*/ height: 4px; padding: 0 10px 3px; 
	}
	.pad .wrapper ul { padding: 60px 0 0; }
	.pad .wrapper ul li { display: none }
	 
	
	ul.list  { background: #fff; padding: 2px 0; }
	ul.list li { color: #32176b; border-bottom: 1px solid #dec0ff; padding: 3px 0; }
	
	.pad ul.list li { border-bottom: 1px dashed #bababa; margin: 1px 0; padding: 4px 0; }
	.pad ul.list li.remove { margin-bottom: 0 !important; }
	
	ul.list li a.item { color: #32176b; text-decoration: none; display: block; }	
	ul.list li a.remove { margin: 0 6px 0 0; background: url(../../images/btn/delete.gif) center center no-repeat; width:11px; height:11px; display: block; float: left }
	ul.list li a.remove:hover { background-image: url(../../images/btn/delete-over.gif) }
	ul.list li a:hover,
	ul.list li a:focus { color: #999 }
	
	#ideaslistpad div.char { width: 62px; height: 68px; margin: 0 0 0 12px; position: absolute; top: 30px;  z-index: 51; background-image: url(../../images/character-pad-ideas.png) }
	#quotationpad div.char { width: 58px; height: 56px; margin: 0 0 0 12px; position: absolute; top: 38px;  z-index: 51; background-image: url(../../images/character-pad-quotation.png) }
	#eshotpad div.char { width: 56px; height: 70px; margin: 0 0 0 12px; position: absolute; top: 25px;  z-index: 51; background-image: url(../../images/character-pad-eshot.png) }
	
	#multisearchpad h3 { background-position: top left; width: 127px; height: 11px; margin: 0 auto !important; }
	#ideaslistpad h3 { background-position: 0 -11px; width: 67px; height: 11px; }
	#quotationpad h3 { background-position: 0 -22px; width: 78px; height: 11px; }
	#eshotpad h3 { background-position: 0 -34px; width: 49px; height: 11px; }
	
	#multisearchpad { 
		padding: 20px 0 0 0; width: 146px; margin: 0 0 10px; position: relative; min-height: 60px;
		background:url(../../images/bg/pads/multisearch-top.png) top center no-repeat;
	}
	#multisearchpad .wrapper { background: url(../../images/bg/pads/list.png) top center repeat-y; padding: 0 11px; }
	#multisearchpad .actions { background: url(../../images/bg/pads/multisearch-bottom.png) bottom center no-repeat; height: 52px; margin: 0;}
	#multisearchpad .actions img { cursor: pointer }
	#multisearchpad .actions .build { padding: 25px 0 0 10px; }
	#multisearchpad .actions img#amend-list { cursor: pointer; }
	#multisearchpad .actions .create,
	#multisearchpad .actions .search { padding: 5px 0 0 0; margin: 0 0 0 10px; float: none }
	#multisearchpad .actions .search img#search-list,
	#multisearchpad .actions .create #ctl00_CPH1_MultiSearch1_create_list { margin: 0 0 5px 0 }
	#ctl00_CPH1_MultiSearch1_multisearch_add label span { left: 0; }
	#ctl00_CPH1_MultiSearch1_search_list { margin: 0 0 5px; }
	
	#multisearchpad #MultiSearch1_multisearch_add,
	#multisearchpad #multisearch-search-items { min-height:11px; }
	#multisearchpad #MultiSearch1_multisearch_add label.block { padding: 3px 0 0 0; margin: 0; }
	#multisearchpad #MultiSearch1_multisearch_add label.block span { color: #32176B; font-weight: normal; top: 6px; left: 0px; padding: 0 10px 0 0; }
	#multisearchpad textarea { 
		color: #32176B; font-weight: normal; padding: 2px 0; width: 100%; border: none; border-width: 0;
		font: 1em Verdana,Arial,Helvetica,sans-serif; overflow: auto; background-color: #fff; height: 100px;
	}
	
	/* 		   GET PRICES
	-------------------------------*/
	#get-prices { width: 140px; height: 76px; background: url(../../images/bg/get-prices.png) top center no-repeat; margin: 0 0 12px; padding: 5px 0 0; text-align: right; position: relative } /* height: 54px */
	#get-prices h4 { 
		background: url(../../images/get-prices-basket.png) top center no-repeat; width: 130px; height: 19px; text-indent: -9999em; margin: 0 0 2px 4px; text-align: left
	}
	#get-prices p { font-size: 0.9em; color: #fff; margin: 0 0 5px 5px; text-align: left }
	#get-prices input { margin: 17px 7px 0 0; } /* 0 7 0 0*/
	#get-prices img { position: absolute; top: 40px; left: 8px;}
	
	
	/* 	   ECO PANEL
	-------------------------*/
	#eco_panel { background: url(../../images/bg/panels/eco.png) top center no-repeat; width: 74px; /*height: 62px;*/ text-align: center; 
		padding: 6px 18px 0 52px; /*margin: 0 auto 5px;*/ margin: 0 auto 10px; height: 101px }
	#eco_panel h5 { color: #60cd00; font-size: 1.2em; line-height: 1.2em; margin: 22px 0 4px; }
	#eco_panel a { color: #44178a; text-decoration: underline; font-weight: bold; line-height: 1.1em; }
	#eco_panel a:hover { text-decoration: none; }
	
	/* LEFT COL > SEARCH BY & SITES
	-------------------------------*/
	#searchby { 
		background-image: url(../../images/bg/panels/solid-purple.png); width: 140px;padding: 10px 0 0 0; margin: 0 0 8px 0;
		position:relative;
	}
	#content #searchby .bottom {
		background-image: url(../../images/bg/panels/solid-purple-bot.png); width: 140px;  height: 12px;
		background-position: top left;  bottom: -12px;
	}
	#sites { 
		width: 140px; background: url(../../images/bg/panels/solid-orange-bot.png) bottom center no-repeat;padding: 0 0 10px 0; margin: 0 auto 10px;
	}
	#columnA #sites { margin: 0 0 10px 0; }

	#content #sites .bottom { height: 12px; width: 140px; display: none  }

	#searchby h3,
	#searchby h4 { 
		background-image:url(../../images/titles-searchby.png); background-repeat: no-repeat; text-indent: -9999em;
	}
	#searchby h3 { background-position: top left; height: 13px; width: 82px; margin: 0 0 10px 10px; }
	#searchby h4 { margin: 0 10px 5px; }
	#searchby h4#title-ideas { background-position: 0 -13px; height: 8px; }
	#searchby h4#title-products { background-position: 0 -21px; height: 9px; }
	#searchby h4#title-suppliers { background-position: 0 -30px; height: 9px; }
	
	#searchby ul { margin: 0 3px 14px; }
	#searchby ul.last { margin-bottom: 0; }
	#searchby ul li { line-height: 19px; }
	#searchby ul li a { 
		color: #fff; text-decoration: none; padding: 0 0 0 28px;  height: 19px; display: block; font-size: 9px;
		background: url(../../images/bullet-searchby.png) top left no-repeat; border-top: 1px solid #7c5dad;
	}
	#searchby ul li a:hover,
	#searchby ul li a:focus { 
		background: #ff5200 url(../../images/bullet-searchby.png) bottom left no-repeat; border-top-color: #ff5200;
	}
	#searchby li.over a { border-top-color: #ff5200; }
		
	/*    SAMPLES, NEW & OFFERS
	-----------------------------*/	
	#content #specialoffers { padding: 27px 0 0; margin: 0 auto 5px; }
	#content #specialoffers .top { position: absolute; height: 27px; }
	#content #specialoffers h4 { 
		background: url(../../images/titles.png) -676px -65px no-repeat; margin: 7px 0 0 5px; padding: 3px 0 0 24px; 
		height: 17px; width: 108px; font: bold .9em Verdana, Arial, Helvetica, sans-serif; color: #fff;
	}
	#content #specialoffers h4#virtual { margin: 0 0 5px 0; clear: both }
	#content #specialoffers .shadow { 
		padding: 3px; background: url(../../images/thumb_shadow-72.png) top left no-repeat; height: 72px; width: 72px; float: left; margin: 0 0 10px 7px;
	}
	#content #specialoffers .last {margin: 0 0 0 7px;}
	#content #specialoffers a.right,
	#content #specialoffers input { float: right; margin: 20px 8px 0 0; display: block }
	

	/*    NEWS & PRODUCT SUPPLIERS
	-----------------------------------*/
	#content #news { 
		width: 144px; position: relative; color: #44178a; padding: 0;
		font: .9em Verdana, Arial, Helvetica, sans-serif;
	}
	body.home #content #news { margin: 0 auto 5px; margin-bottom: 8px !important }
	body.home #content .banners { margin-top: 15px; }
	#content #news .wrapper { 
		padding: 25px 24px 10px 10px !important; background: url(../../images/bg/panels/news-bottom.png) bottom center no-repeat !important; 
		min-height:105px; height:auto !important; height:105px; width: 110px; font-size: 10px
	} /* width: 100px; padding: 25px 34px 10px 10px */
	#content #news .wrapper p { margin: 0 0 5px; font-weight: bold; color: #44178A !important }
	#content #news .wrapper a { position: absolute; left: 10px; bottom: 10px }
	#content #news .top {
		background: url(../../images/bg/panels/news-top.png) top center no-repeat; height: 21px; width: 144px;
	}
	#content #news .top h4 { 
		background: url(../../images/title-psuppliers_news.png) top left no-repeat; height: 16px; width: 114px;
		text-indent: -9999em; margin: 9px 0 0 15px;
	}
		
	#content #gotovideo { position: relative; width: 146px; height: 178px; background: url(../../images/bg/gotovideo.jpg) top left no-repeat }
	#content #gotovideo a { display: block; width: 120px; height: 26px; background: url(../../images/btn/click_here_vid.jpg) left top no-repeat;
		position: absolute; bottom: 14px; right: 12px }	
	#content #find-out { position: relative; width: 146px; height: 121px; background: url(../../images/bg/find-out.jpg) left top no-repeat }
	#content #find-out a { display: block; width: 42px; height: 42px; background: url(../../images/btn/find-out_click.jpg) top left no-repeat;
		position: absolute; bottom: 10px; left: 15px }
	#content #webcreations { width: 146px; height: 101px; background: url(../../images/bg/webcreations.jpg) left top no-repeat }
	#content #webcreations a { display: block; height: 100%; width: 100% }
	#content #worldcup { width: 144px; height: 105px; background: url(../../images/bg/worldcup.jpg) -2px -2px no-repeat; margin: 0 auto }
	#content #worldcup a { display: block; height: 100%; width: 100% }
	#content #creditcity { width: 144px; height: 105px; background: url(../../images/bg/creditcity.jpg) top left no-repeat; margin: 0 auto }
	#content #gotovideo, #content #find-out, #content #webcreations, #content #worldcup, #content #creditcity { margin-bottom: 7px }
	
	#content #prodsuplist div.top {position: absolute; height: 15px; }
	#content #prodsuplist {	color: #44178a; font: .9em Verdana, Arial, Helvetica, sans-serif; padding: 15px 0 0; margin: 0 auto 10px; letter-spacing: -1px; } /* 0 auto 5 */
	#content #prodsuplist .wrapper { padding: 5px; } /* 0 5px */
	#content #prodsuplist h4 {
		background: url(../../images/title-psuppliers_news.png) 0 -16px no-repeat; height: 8px; width: 127px; text-indent: -9999em; margin: 0 auto  10px;
	}
	#content #prodsuplist table {  border-color: #fff }
	#content #prodsuplist th { padding-bottom: 3px }
	#content #prodsuplist td { background-color: #d6cce5; padding: 5px 3px; border-bottom: 1px solid #fff; } /* padding: 3px */
	#content #prodsuplist td.bdr { border-left: 1px solid #fff; text-align: right; }
	
	/*    FEATURED
	------------------*/
	#featured { clear: both; text-align: center; margin: 10px auto;  }
	#featured .wrapper { width: 795px; padding: 0 15px; }
	#content #featured .top { }
	#featured table { margin:0 25px 10px; border-collapse: separate; width: 468px; }
	#featured td { text-align: center; vertical-align: middle; }
	#featured td.space { width: 20px; height: auto }
	#featured td.img { width: 100px; height:100px; border: 1px solid #cfd0cf }
	#featured td.title {
		color: #44178a !important; font-size: 1.1em !important; font-family: Arial, Helvetica, sans-serif;  font-weight: bold; line-height: 1em;	height: 15px;
		padding: 5px 0 0; width: 100px; border: 1px solid #fff;
	}
	#featured img { }
	
	body.home #featured { clear: both; text-align: center; margin: 0 auto; padding: 15px 0 0;  } /* margin: 10px auto 0; */
	body.home #featured .wrapper { width: 518px; padding: 0; }
	body.home #content #featured .top { }
	body.home #featured .wrapper ul { width: 484px; margin: 0 auto}
	body.home #featured li { float: left; width: 101px; margin: 0 10px !important; margin: 0 5px; text-align: center }
	body.home #featured li a { width: 100px; height: 100px; display: block; border: 1px solid #cfd0cf; vertical-align:middle }
	
	/*    TECHNOLOGO
	------------------*/
	body.home .technologo { text-align: center; margin: 0 auto; }
	body.home .technologo .wrapper { padding: 0 6px; } 
	body.home .technologo .divide { margin: 7px 0; }
	body.home .technologo img.logo { margin: 0 0 5px }
	body.home .technologo h4 { color: #ff5100; margin: 0 0 2px;  }
	body.home .technologo p { color: #44178a; line-height: 1.2em; font-size: .9em }
	body.home #columnC .technologo p { margin: 0 0 4px; }
	body.home #columnC .technologo p.last { margin: 0 0 7px 0; }
	body.home #columnA .technologo p { font-weight: bold; margin: 8px 0; }
	body.home #columnA .technologo p.link { color: #ff5100; font-size: .9em; padding: 10px 0 10px 0; }
	body.home #columnA .technologo a { color: #ff5100; }
	body.home #columnA .technologo img { padding-bottom: 20px;}
	
	body.technologo #content div.logo .wrapper { padding: 20px 10px 0 }
	body.technologo #columnB .wrapper p.actions { margin: -25px 0 0 0 !important; padding: 0; }
	body.technologo #columnB .wrapper p.actions img.left { float: left; margin: 5px 0 0; }
	body.technologo #columnB .wrapper p.margin { margin: 0 !important; padding: 0 !important; }
	body.technologo #columnB .wrapper p.gutter { padding-right: 110px;}
	body.technologo #columnB .wrapper p.largegutter { padding-right: 120px;}
	body.technologo #content .wrapper img.logo { float: none; position: absolute; top:11px; right: 10px; }
	body.technologo #content .wrapper img.right { right: 15px; }
	body.technologo #content .wrapper ul.catalogues { float:left; margin:20px 0; text-align:center; width:100%;}
	body.technologo #content .wrapper ul.catalogues li { width: 24%; float: left; padding:0; margin: 0 auto; background: none; }
	body.technologo #content .wrapper ul.catalogues li a img { margin: 5px 0; text-decoration: none; }
	body.technologo #content .wrapper ul.catalogues li a br { text-decoration: none; }

/*		 FOOTER
-------------------------*/

	#footer { 
		background: url(../../images/bg/footer.png) top center no-repeat; height:52px; 
		padding: 15px 0 15px 30px; width:818px; position: relative; margin: 0 auto; clear: both;
	}
	#footer #set-homepage { 
		position: absolute; right: 157px; bottom: 29px; display: block; width: 128px; height: 28px; 	
		background: url(../../images/btn/footer-set-homepage.gif) top right no-repeat; text-indent: -9999em;
	}
	#footer ul.primary { margin: 0 0 10px; }
	
		#footer li { color: #e95815; font-weight: bold; font-size: 1.1em; line-height: 1.3em }
		#footer li h6 { margin: 0 14px 0 0; }
		#footer li a, #footer li span { color: #fff; font-weight: normal; font-size: .9em }
		#footer li span { margin: 0 4px; }
		
		#footer li a { text-decoration: none; }
		#footer li a:hover,
		#footer li a:focus { text-decoration: underline; }
	
	p.copyright { text-align: center; color: #fff; font-size: 1.1em; padding: 0 0 15px; margin: 35px 0 0; }


/*      SECTIONS
-------------------------------------------------------------------------------------------------*/	
		
	#content div#columnB .title .top h2,
	#content div#columnB .title .top h3,
	body.ideas div#columnA .title .top h2,
	body.quotes div#columnA .title .top h2,
	body.eshot div#columnA .title .top h2,
	body.prices div#columnA .title .top h2,
	body.no-results #itemtypesearch .top h2,
	body.order div#columnA .title .top h2,
	body.message div#columnA .title .top h2 { 
		background-image: url(../../images/titles.png); background-repeat: no-repeat;
	}
	
	/*    PAGING PANELS
	----------------------*/
	#page-actions-top,
	.page-actions-top,
	#page-actions-middle { 
		background: url(../../images/bg/page-actions.gif) top center no-repeat; width: 646px; margin: 0 auto; height: 31px;
		padding: 10px 10px 0; margin: 0 0 5px; text-align: right; position: relative;
	}
	#page-actions-middle { margin: 0 0 6px; padding: 8px 20px 0; width: 626px; background-image: url(../../images/bg/page-actions-middle.png); height: 47px; }
	#content div#columnB #page-actions-middle p { text-align: left; font-size: 1.4em; font-weight: bold; float: left; color: #3f1086; }
	#content div#columnB #page-actions-middle p.right { text-align: right; font-size: 1.2em; float: right; margin: 25px 0 0; }
	#content div#columnB #page-actions-middle .pages { width: 280px; float: left; text-align: center; font: bold .9em Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 0 0; }
	#content div#columnB #page-actions-middle .pages p { float: none; text-align: center; color:#747474; font-size:1em; }
	#page-actions-bottom { 
		background: url(../../images/bg/page-actions-white.png) top center no-repeat; width: 640px; height: 33px;
		padding: 14px 15px 0; margin: 0 0 10px; text-align: right;
	}
	#ctl00_CPH1_btnSortPageSize { display: none }
	
	/* Search Results Paging (Purple) */
	body.results #content div#columnB #page-actions-paging { 
	background: url(../../images/bg/page-actions-purple.gif) top left no-repeat; 
	width: 646px; margin: 0 auto; height: 66px; padding: 10px 10px 0; margin: 0 0 5px; text-align: right; position: relative; }
	body.results #content div#columnB #page-actions-paging p.text { text-align: left; font-size: 1.2em; font-weight: bold; padding: 3px 0 0 5px; }
	body.results #content div#columnB #page-actions-paging p.text.purple { color: #5925AD}
	body.results #content div#columnB #page-actions-paging p.text.cleft { clear: left; padding: 0 0 0 5px;}
	body.results #content div#columnB #page-actions-paging p.padding { padding: 0 55px}
	body.results #content div#columnB #page-actions-paging hr.divide { text-align: left; width: 310px; clear: none; margin-left: 5px;}
	body.results #content div#columnB #page-actions-paging fieldset.top { width: 200px; position: absolute; right: 12px; top: 10px }
	body.results #content div#columnB #page-actions-paging fieldset.top input { position: relative; left: 3px}
	body.results #content div#columnB #page-actions-paging fieldset.bottom { width: 235px; position: absolute; top: 39px; right: 4px }
	body.results #content div#columnB #page-actions-paging .pages.middle { position: absolute; top: 10px; left: 332px}
	body.results #content div#columnB #page-actions-paging .pages.bottom { position: absolute; top: 35px; left: 163px }
	
	/*############# 820 */
	#page-actions-top-820,
	#page-actions-bottom-820 { 
		background: url(../../images/bg/page-actions-white-820.png) top center no-repeat; width: 800px; margin: 0 auto; height: 34px;
		padding: 13px 13px 0 13px; margin: 0 0 10px; text-align: right
	}
	#page-actions-bottom-820 { text-align: right; }
	#page-actions-bottom-820 p { float: left; font-weight:bold; color: #000; margin: 5px 0 0 10px; line-height: 1.1em; }
	#page-actions-bottom-820 input { margin: 0 0 0 5px; }
	
	#page-actions-top fieldset input, 
	#page-actions-top fieldset select { vertical-align: bottom; margin-right: 8px; background: #FFF; }
	#page-actions-top fieldset input.input { width: 139px; }
	#page-actions-top fieldset select#ctl00_CPH1_DDSortPage1 { width: 105px }
	#page-actions-top fieldset select#ctl00_CPH1_DDItemsPerPage1 { width: 120px }
	#page-actions-top fieldset select { width: 139px; padding: 2px; }
	#page-actions-top fieldset input.last { margin: 0;}

	#page-actions-bottom fieldset.first { float: left; }
	#page-actions-bottom fieldset.first input { margin: 0 5px 0 0; }
	#content div#columnB #page-actions-bottom p.text { float: left; color: #3f1086; font-size: 1em; font-weight: bold; text-align: left; margin: -5px 0 0 3px; }
	#page-actions-bottom .pages { width: auto; margin: 0 0 0 5px;  }
	#page-actions-bottom .pages p { margin: 0 10px 2px; float: none; }
	body.supplier-directory #page-actions-bottom .pages { margin-left: 125px; }
	
	body.ideas #gototop,
	body.quotes #gototop,
	body.shotgun .footer #gototop { float: left }
	
	.page-actions .pages { width: 120px; float: left; text-align: center; font: bold .9em Verdana, Arial, Helvetica, sans-serif; }
	.page-actions .pages p { margin: 0 0 2px; line-height: .9em; padding: 0 2px 0 0; }
	#content #columnB .page-actions .pages p {color: #000}
	#content #columnB .page-actions p.count { float: left; font-size: 1.2em !important; font-weight: bold; color: #000 !important; margin: 4px 0 0 80px; }
	.page-actions .pages a { margin: 0; color: #000; text-decoration: none; color: #000; }
	.page-actions .pages a[disabled],
	.page-actions .pages a[disabled]:hover { text-decoration: none; color: #999; }
	.page-actions .pages a:hover,
	.page-actions .pages a:focus,
	.page-actions .pages a:active,
	.page-actions .pages span.active { color: #ff5100 }
	.page-actions fieldset { float: right }
	.page-actions fieldset p.colour { float: left; font-size: 1.1em; font-weight: bold; margin: 0 25px 0 0 }
	.page-actions fieldset p.colour span { float: left; padding: 5px 10px 0 0; color: #505050; }
	.page-actions fieldset.left { float: left }
	.page-actions fieldset.right { float: right }
	.page-actions fieldset.left p.note { width: 150px; text-align: center; margin: 0 !important; }
	.page-actions fieldset input, 
	.page-actions fieldset select,
	.page-actions fieldset input, 
	.page-actions fieldset select { vertical-align: bottom; margin-right: 8px; float: left }
	.page-actions fieldset input.input,
	.page-actions fieldset input.input { width: 105px; }
	.page-actions fieldset select,
	.page-actions fieldset select { width: 105px; padding: 2px; }
	.page-actions fieldset input.last,
	.page-actions fieldset input.last { margin: 0;}	
	.page-actions fieldset label.date { width: 135px; height: 21px; float: left; margin-right: 8px; margin: 0 0 0 5px }
	#page-actions-bottom-820 fieldset label.date input { margin: 0; border: 1px solid #505050; padding: 6px 0 1px 5px; }
	#page-actions-bottom-820 fieldset label.date span { font-size: 1.1em; }
	label.date input { background: #dcdcdc url(../../images/icons/calendar.png) 110px 0 no-repeat; width: 130px !important; }
	
	/*   ICON KEY
	----------------------*/
	#icon-key .wrapper { padding-top: 0; }
	#icon-key h6 { font: bold 1.4em Arial, Helvetica, sans-serif; color: #ff5100; }
	#icon-key ul { 
		float: left; font: bold 1.1em Arial, Helvetica, sans-serif; 
		border-right: 1px dashed #bababa; padding-right: 5px; margin-right: 8px;
	}
	#icon-key ul.first { width: 135px; }
	#icon-key ul.first li { padding-left: 41px; }
	#icon-key ul.second { width: 115px;  }
	#icon-key ul.second li { padding-left: 40px }
	#icon-key ul.third { width: 160px; }
	#icon-key ul.third li { padding-left: 23px }
	#icon-key ul.fourth { width: 180px; border: none; padding:0; margin:0 }
	#icon-key ul.fourth li { padding-left: 25px }
	#icon-key ul li { min-height: 22px; background-position: center left;  background-repeat: no-repeat; padding-top: 3px; line-height: 20px; }
	#icon-key ul li.title { padding: 3px 0 0 0; }

	li.known { background-image: url(../../images/icons/known.jpg); }
	li.virtual {background-image: url(../../images/icons/virtual.jpg); }
	li.europe { background-image: url(../../images/icons/europe.jpg); }
	li.uk { background-image: url(../../images/icons/uk.jpg); }
	li.usa { background-image: url(../../images/icons/usa.jpg); }
	li.bpma { background-image: url(../../images/icons/bpma.jpg); }
	li.fareast { background-image: url(../../images/icons/fareast.jpg); }
	li.silver { background-image: url(../../images/icons/silver.jpg); }
	li.gold { background-image: url(../../images/icons/gold.jpg); }
	li.dynamic { background-image: url(../../images/icons/dynamic.jpg); line-height: 10px !important; display: none; }
	li.trade { background-image: url(../../images/icons/trade.jpg); }
	li.promota { background-image: url(../../images/icons/promota.jpg); }
	li.top50 { background-image: url(../../images/icons/top50.jpg); }
	li.top100 { background-image: url(../../images/icons/top100.jpg); }
	li.top250 { background-image: url(../../images/icons/top250.jpg); }

	
	/*      HOME (518 PANELS)
	------------------------------*/
	body.home #content div#columnB { width: 518px; float: left; padding: 5px 0 0 0; margin: 0; }
	body.home #content div#columnC { width: 150px; float: right; margin: 5px 0 0 0; }
	
	body.home #content div#columnC div.top {position: absolute; left: 0; }
	body.home #content div#columnB div.title div.top { height: 30px; }
	body.home #content div#columnB div.title div.top input {position: absolute; top: 11px; right: 11px}
	
	body.home #content div#columnB #welcome { margin-top: 10px; display: none }
	body.home #content div#columnB #welcome h2 { 
		background-position: -734px 40px; width: 72px; height: 13px; text-indent: -9999em;
		margin: 15px 0 0 15px;
	}
	body.home #content div#columnB #welcome p { 
		color: #32176b; font: 1.1em/1.3em Arial, Helvetica, sans-serif;
	}
	body.home #content div#columnB #welcome p span.bold { 
		font-weight: bold; margin: 0 2px;
	}
	body.home #content div#columnB #welcome p span.orange {
		color: #e95815;
	}
	body.home #content div#columnB h3 {
		margin: 7px 0 0 7px; padding: 4px 0 0 10px; color: #fff; height: 19px;
		font: bold 14px Arial, Helvetica, sans-serif; background-repeat: no-repeat;
	}
	
	body.home #content div#columnB #error {margin-top: 0;}
	body.home #content div#columnB #error h2 { 
		background-position: 0 -280px; width: 494px; height: 23px; font: bold 14px Arial, Helvetica, sans-serif; background-repeat: no-repeat;
		margin: 7px 0 0 7px; padding: 4px 0 0 10px; color: #fff; height: 19px;
	}
	body.home #content div#columnB #error p { 
		color: #000; font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	}
	body.home #content div#columnB #error span.orange { font-weight: bold }
	
	
	/*      COMMON (670 PANEL IN MIDDLE DIV)
	------------------------------------------------*/
	#content div#columnB { padding: 3px 0 0 0; margin: 0 3px 0 0; width: 670px; float:right }	
	#content div#columnB div.title div.top { height: 40px; }
	#content div#columnB div.panel-670 { margin: 0 0 5px 0; }
	#content div#columnB div.panel-670.title { padding-top: 40px; }
	body.home #content div#columnB div.panel-670.title { padding-top: 30px; }
	#content div#columnB p.highlight { font-size: 1.1em; }
	#content div#columnB .hilight { background-color: #ff5100; color:#eee; }
	
	body.results #content div#columnB div.title,
	body.listing #content div#columnB div.title { padding-top: 40px; }	
	
	body.results #content div#columnB #search-panel,
	body.listing #content div#columnB #search-panel { padding-top: 40px; margin: 0 0 5px; }
	#search-panel .wrapper { padding-top: 6px; }
	body.results #content #search-panel .bottom,
	body.listing #content #search-panel .bottom { background: url(../../images/bg/panels/670-search-panel.png) left bottom no-repeat; bottom: 10px; }
	#search-panel fieldset { margin: 0 0 5px; }
	#search-panel fieldset.search { float: right; width:160px; margin: 4px 0 0; }
	#search-panel fieldset.search input { margin: 0 0 0 5px; }
	#search-panel input.selectbox { width: 126px; margin: 0 8px 0 0; }
	#search-panel select { width: 130px; margin: 0 8px 0 0; float: left }
	body.news-bulletin #search-panel select { width: 150px; margin: 0 8px 0 0; float: left }
	#search-panel select#ctl00_CPH1_DDSuppliersDir1,
	#search-panel select#ctl00_CPH1_DDSupplierType1 { width: 228px}
	#search-panel input.last,
	#search-panel select.last { margin-right: 0; }
	#search-panel .wrapper { padding-bottom: 0; }
	body.supplier-directory #search-panel .wrapper { padding-bottom: 15px; }
	#content div#columnB #search-panel p { max-width: 540px; margin-bottom: 6px; font-size: 1.2em; color: #6d6d6d }	
	#search-panel p span  { color: #fb4f00; }
	#search-panel p.left { float: left; margin: 0; }
	body.no-results #content div#columnB #search-panel p.back { float: left; margin: 10px 0 0 5px; } /**/
	body.no-results #content div#columnB #search-panel p.help { float: right; margin: 10px 5px 0 0; } /**/
	body.no-results #content div#columnB #search-panel p.help img.help { padding-left: 5px; vertical-align: -5px }
	#content div#columnB #search-panel ul#tumblr { width: 490px; float: left; margin: 10px 0 0 0; list-style-type: none}
	#content div#columnB #search-panel ul#tumblr li { float: left; padding: 0 2px; color: #6d6d6d; font-size: 1.2em; font-weight: bold; display: none}
	#content div#columnB #search-panel ul#tumblr li.orange { color: #FB5306}

	body.listing #content div#columnB #search-panel p.search { clear: both; margin: 0 0 5px 2px; }
	body.listing #content div#columnB #search-panel p.search.right { clear: none; float: right; font-size: 1.1em; letter-spacing: -1px } /**/
	body.listing #content div#columnB #search-panel #ctl00_CPH1_phITSearrch {float: left; }
	
	#content div#columnB #multi-search-panel .wrapper { padding-top: 7px; padding-bottom: 0; }
	#content div#columnB #multi-search-panel p { font-size: 1.2em; padding: 0 0 5px; margin: 0 0 10px; border-bottom: 1px dashed #bababa }
	#content div#columnB #multi-search-panel p#tumbler { float: left; clear: left; border-bottom: none; }
	#content div#columnB #multi-search-panel p.actions { float: right; border-bottom: none; }
	#multi-search-panel .char { background: url(../../images/character-multi.png) top left no-repeat; top:0; right: 20px; width: 110px; height: 65px; }
	#multi-search-panel li { float: left; font-size: 1.2em; color: #505050; font-weight: bold; line-height: 1.4em; margin: 0 4px 0 0; }
	#multi-search-panel li span,
	#multi-search-panel li em { float: left; }
	#multi-search-panel li span { padding: 3px 0 0 0; margin: 0 3px; }
	#multi-search-panel li span.highlight { padding: 0; margin: 0; background-color: #FFFF33 } /**/
	#multi-search-panel li em { font-style: normal; }
	#multi-search-panel li a { 
		text-indent: -9999em; float: left; width: 11px; height: 11px; background-repeat:no-repeat; background-position: top left; display: block; margin: 0 0 0 3px;
	}
	#multi-search-panel li a.view { background-image: url(../../images/btn/ms-view.png); }
	#multi-search-panel li a.remove { background-image: url(../../images/btn/ms-remove.png);}
	
	body.no-results #productsearch h2 { background-position: 0 -214px }
	body.no-results #productsearch .wrapper { padding-top:20px; padding-bottom:0; }
	body.no-results #productsearch fieldset.first { height: 29px; margin: 0 10px 0 0; width: 89%; float: left }
	body.no-results #productsearch .search { text-align: right; width: 100px; float: right }
	body.no-results #productsearch fieldset.first .half { width: 145px; }
	body.no-results #productsearch fieldset.first .half input { width: 140px; }
	body.no-results #itemtypesearch { padding-top: 40px }
	body.no-results #itemtypesearch .top { height: 40px }
	body.no-results #itemtypesearch .wrapper { padding-top: 10px; padding-bottom: 0; }
	body.no-results #itemtypesearch h2 { background-position: 0 -247px }
	body.no-results #itemtypesearch ul.alphabet { border: none; margin: 0; padding: 0; }
	body.no-results #itemtypesearch div.search { margin: 0 0 10px; }
	body.no-results #content div#columnB #news { float: right; }
	body.no-results .twocol div.listing ul li { padding-top: 0; padding-bottom: 0; }
	body.no-results #content div#columnB #search-panel p { color: #000 }
	body.no-results #content div#columnB #search-panel p.highlight { font-size: 1.2em; margin: 0 0 10px; }
	body.no-results #content div#columnB #search-panel p.highlight span { font-size: inherit; }
	
	body.no-results #search-panel div.charA { 
		position: absolute; top: 10px; right: 30px; width: 70px; height: 90px; 
		background:url(../../images/character-no-results.png) top left no-repeat;
	}
	body.no-results #productsearch div.charB { 
		position: absolute; top: 12px; right: 10px; width: 64px; height: 86px; 
		background:url(../../images/character-no-results-prodsearch.png) 0 0 no-repeat;
	}
	
	/*      LISTING
	----------------------*/
	body.listing #content #news { float: right; margin-top: 0; margin-bottom: 10px }
	body.listing #content .banners { margin: 15px 0 5px 55px !important; }
	body.listing #content #search-panel fieldset { margin: 5px 0 5px; float: left } /* 0 0 5px */
	body.listing #content #search-panel fieldset label.block { float: left; margin: 0 5px 0 0; }
	body.listing #content #search-panel fieldset label.block input { width: 250px }
	body.listing #content #search-panel fieldset.search { float: right; width:160px; margin: 4px 0 0; text-align: right } /*width: 200px*/
	body.listing #content #search-panel fieldset.search input { margin: 0 0 0 5px; }
	body.listing #content #search-panel div.char { 
		width: 90px; height: 67px; background: url(../../images/character-itemtype.png) top left no-repeat; position: absolute; top: 2px; right: 25px;
	}
	body.listing #content #search-panel div.char-ideas {
		width: 73px; height: 61px; background: url(../../images/character-ideas.png) top left no-repeat; position: absolute; top: 3px; right: 32px;
	}

	ul.alphabet { border-bottom: 1px dashed #bababa; padding: 0 0 5px; margin: 0 0 10px; overflow: auto }
	ul.alphabet li { display: block; float: left; font-size: 2.4em; color: #535353; padding: 0 3px }
	ul.alphabet li a { color: #535353; text-decoration: none; }
	ul.alphabet li a:hover,
	ul.alphabet li a:focus,
	ul.alphabet li a.active { color: #ff5100 }
	
	body .twocol p, body .threecol p { margin: 0 0 10px; }
	
	div.listing { width: 647px; background: #f2f2f2 url(../../images/bg/listing-top.gif) top center no-repeat; clear: both; padding: 5px 0 0; }
	body #content div.listing div.bottom { 
		width: 647px; height: 10px; position: relative; top: auto; left: auto; background: url(../../images/bg/listing-bottom.gif) bottom center no-repeat;
	} 
	div.listing ul { margin: 0 auto; clear: left; width: 630px; }
	div.listing ul li { float: left; color: #FB4F00; font-weight: bold; font-size: .9em; line-height: 1.5em }
	div.listing ul li:hover,
	div.listing ul li:focus { background: #e7e2e2; }
	div.listing ul li input { margin: 0 3px 0 0; float: left; }
	div.listing ul li a { color: #747474; text-decoration: none; display: block; float: left; margin: 0 2px 3px 2px; line-height: 1.6em; width: 75%; }
	div.listing ul li a:hover { text-decoration: underline }
	
	body #content div.twocol p,
	body #content div.threecol p { max-width: 49%; float: left }
	body #content div.twocol fieldset.search,
	body #content div.threecol fieldset.search { float: right; margin: 0 0 10px; }
	body #content div.twocol fieldset.search input,
	body #content div.threecol fieldset.search input { float: left }
	body #content div.twocol fieldset.search img,
	body #content div.threecol fieldset.search img { float: left; cursor: pointer; margin: 0 0 0 5px; }
	body #content div.twocol fieldset.search label.select-all,
	body #content div.threecol fieldset.search label.select-all { 
		background:transparent url(../../images/btn/select-all.png) no-repeat scroll left top; cursor:pointer;
		display: block; height:21px; margin: 0 5px; width: 96px; float: left;
	}
	body #content div.twocol fieldset.search label.select-all input,
	body #content div.threecol fieldset.search label.select-all input { margin: 3px 0 0 70px; height: 13px; width: 13px; }
	.twocol div.listing ul { background: #F2F2F2 url(../../images/bg/listing-item-type-2col.png) top center repeat-y;  }
	.twocol div.listing ul li { width: 47.5%; padding: 0.5%; margin: 0 1.5% 0 0;}
	
	.threecol div.listing ul { background: #F2F2F2 url(../../images/bg/listing-item-type-3col.png) top center repeat-y; }
	.threecol div.listing ul li { width: 30.5%; margin: 0 1.5% 0 0; padding: 0.5%; }
	div.listing ul li span.no { float: right; }
	
	
	/*      LOGIN
	----------------------*/
	body.login #content div#columnB div.char { 
		background: url(../../images/character-login.png) top left no-repeat; width: 95px; height: 105px; top: 9px; right: 30px;
	}
	body.login #content #news { float: right }
	#content div#columnB p { font-size: 1em; color: #747474}
	#content div#columnB p.title { font-size: 1.2em; color: #4f4f4f; }
	
	body.login #supplier-login { margin-right: 6px }
	body.login #content div#columnB #supplier-login div.char { 
		background: url(../../images/character-supplier-login.png) top left no-repeat; 
		width: 58px; height: 88px; top: 18px; right: 8px;
	}
	body.login #content div#columnB #distributor-login div.char { 
		background: url(../../images/character-distributor-login.png) top left no-repeat; 
		width: 51px; height: 82px; top: 25px; right: 8px;
	}
	body.login #content div#columnB #free-trial div.char { 
		background: url(../../images/character-free-trial.png) top left no-repeat; 
		width: 85px; height: 120px; top: 4px; right: 30px;
	}
	#distributor_login_pop { width: 300px; }
	#distributor_login_pop h2 { font-size: 1.3em; color: #ff5100; margin: 0 0 5px }
	body.home #distributor_login_pop h2 { color: #300075; border-bottom: 1px dashed #bababa; padding: 0 0 10px; }
	body.home #distributor_login_pop h3 { font-size: 1.3em; color: #ff5100; margin: 0 0 5px }
	body.home #distributor_login_pop h3.left { float: left; }
	body.home #distributor_login_pop input.right { float: right; }
	.tooltip-sml .content #distributor_login_pop p { margin: 0 0 10px; white-space: nowrap; width: 100%; }
	.tooltip-sml .content #distributor_login_pop p.error { color: #F00 }
	
	#supplier-login fieldset,
	#distributor-login fieldset { width: 250px; }
	#distributor_login_pop fieldset	{ width: 240px; float: right; margin: 0 0 10px; }
	#supplier-login fieldset.actions,
	#distributor-login fieldset.actions { width: 100%; text-align: right; }
	#distributor_login_pop fieldset ol li,
	#supplier-login fieldset ol li,
	#distributor-login fieldset ol li { margin: 0 0 10px; height: 16px; }
	#distributor_login_pop fieldset ol li label,
	#supplier-login fieldset ol li label,
	#distributor-login fieldset ol li label { 
		font-weight: 700; color: #ff5100; font-size: 1.1em; width: 70px; display: block; float: left; margin: 4px 0 0;
	}
	#distributor_login_pop fieldset ol li.remember,
	#supplier-login fieldset ol li.chkSRemeber,
	#distributor-login fieldset ol li.chkDRemeber { vertical-align: middle; margin: 0 0 5px; }
	#distributor_login_pop fieldset ol li.remember label,
	#supplier-login fieldset ol li.chkSRemeber label,
	#distributor-login fieldset ol li.chkDRemeber label {
		vertical-align: middle; cursor: pointer; font-size: 1em; color: #666; text-align: left; float: none; padding: 0 8px 0 0; margin: 0 0 15px 90px; width: auto
	}
	#distributor_login_pop fieldset ol li.remember label { margin-left: 105px; }
	#distributor_login_pop fieldset ol li.remember input,
	#supplier-login fieldset ol li.chkSRemeber input,
	#distributor-login fieldset ol li.chkDRemeber input { width: 13px; margin: 0 4px 0 0; }
	
	#supplier-login fieldset ol li input,
	#distributor-login fieldset ol li input { width: 150px; float: left; margin: 0 5px 0 0; }
	#distributor-login fieldset ol li span { color: #f00 !important; }
	
	#tooltip_login .content #distributor_login_pop .character { float: left; }
	#tooltip_login .content #distributor_login_pop .suppliers { 
		background: url(../../images/character-login-popup-suppliers.png) center left no-repeat; padding: 10px 0 10px 50px; font-size: .9em;
	}
	#tooltip_login .content #distributor_login_pop .suppliers .highlight { color: #ff5100 }
	#tooltip_login .content #distributor_login_pop .distributors { 
		border-top: 1px dashed #505050; padding: 5px 0 0 0; margin: 5px 0 0 0; font-size: .9em; white-space: normal
	}
	
	#content div#columnB #intro p { color: #484848; width: 81% }	
	#content div#columnB #intro a, 
	#content div#columnB #intro p.highlight { color: #ff5100 }
	#content div#columnB #intro p.fullwidth { width: 100%; padding-top: 5px }	
	
	#free-trial {}
	#content div#columnB #free-trial p.intro { width: 80%; font-size: 1.1em; margin: 0 0 15px; color: #484848; }
	#content div#columnB #free-trial p { font-size: 1em; margin: 0 0 15px; color: #484848; }
	#content div#columnB #free-trial p.orange { font-size: 1.1em }
	#content div#columnB #free-trial p.orange a { color: #ff5100 }
	.orange { color: #ff5100 }
	#free-trial fieldset { margin: 0 0 15px;}
	#free-trial fieldset.actions { text-align: right; }
	#free-trial legend { color: #ff5100; font-weight: bold; margin: 0 -7px 5px; padding: 0 3px 0 0;}
	#free-trial em { color: #ff5100 }
	#free-trial fieldset ol li { margin: 0 0 1px; clear: left; min-height: 21px; line-height: 1.1em; }
	#free-trial fieldset ol li label { width: 200px; display: block; float: left; margin: 4px 0 0; font-weight: bold; color: #484848 }
	#free-trial fieldset ol li input,
	#free-trial fieldset ol li textarea { width: 260px; float: left; margin: 0 20px 0 0; }
	#free-trial fieldset ol li input#ctl00_CPH1_btnMoreUser { width: auto }
	#content div#columnB #free-trial input#create-users { width:126px; height: 21px; margin: 0 0 0 25px }
	#free-trial fieldset ol li input.selectbox { width: 238px }
	#free-trial fieldset ol li textarea { background: #DCDCDC; border: none; padding: 5px 0 0 5px; height: 80px;  }
	#free-trial fieldset ol li select { width: 265px; float: left; margin: 0 20px 0 0; }	
	
	
	/*      RESULTS
	----------------------*/
	body.results #content div#columnA { margin-right: 0; }
	body.results #content div#columnB div.title div.top { height: 40px; }
	body.results #content div#columnB div.panel-670 { margin-top: 0; }
	body.results #search-panel div.char { 
		position: absolute; top: 3px; right: 51px; width: 83px; height: 60px; 
		background:url(../../images/character-searchresults.png) top left no-repeat;
	}
	
	body.results #content #news { float: right; margin-top: 0; margin-bottom: 10px }	
	
	#disclaimer .wrapper { padding-bottom: 0 !important;}
	#disclaimer p { padding: 0 0 0 5px; }
	#disclaimer .orange { color: #FF5100; font-size: 1.1em;} 
	#search-results { margin: 0 0 5px; }
	#search-results .result-row { background: url(../../images/bg/search-results-fixed.png) 0 0 no-repeat; height:203px; }
	#search-results .result-row .bottom { 
		background: url(../../images/bg/search-results-bottom.png) bottom left no-repeat; 
		height: 17px; clear: both; position: relative; left: 0; bottom: 0; display: none;
	}
	.result-row .result { width: 316px; padding: 9px 10px 0 6px; float: right; }
	.result-row .first { float: left }
	
	.result .image { padding: 4px 4px 0 4px; background: url(../../images/bg/thumb-shadow.png) top left no-repeat;  }
	.tooltip-lg div.desc .image,
	.supplier-information div.desc .image { padding: 4px; background: url(../../images/bg/thumb-shadow.png) top left no-repeat; margin: 0 0 10px;  }
	
	.result .image { width: 100px; float: left; text-align: center; }
	.result .image .thumb-wrap { display: block; position: relative; width: 100px; height: 100px; vertical-align: middle; }
	.result .image .thumb-wrap table { text-align: center; vertical-align: middle; width: 100px; height: 100px; }
	.image td { vertical-align: middle; text-align: center }
	div.desc .image { width: 100px; float: left; }
	
	.image .thumb { vertical-align: middle; cursor: move; }
	div.controls { margin: 0 0 5px 0; }
	div.controls input.drag { display: inline; float: left }	
	span.fourteen { 
		position: absolute; top:0; left:0; width: 44px; height: 44px; display: block;
		background: url(../../images/icons/14days.png) top left no-repeat !important;
	}
	span.seven { 
		position: absolute; top:0; left:0; width: 44px; height: 44px; display: block;
		background: url(../../images/icons/7days.png) top left no-repeat !important;
	}
	
	span.three { 
		position: absolute; top:0; left:0; width: 44px; height: 44px; display: block;
		background: url(../../images/icons/3days.png) top left no-repeat !important;
	}

	.result .image a.supplier-info { 
		margin: 0 auto 5px auto; display: block; background: url(../../images/btn/supplier-info.png) center center no-repeat;
		width: 101px; height: 18px; float: none; clear: both; text-indent: -9999em;
	}
	.result .image label.get-supplier {
		background: url(../../images/btn/get-supplier.png) top left no-repeat; display: block; 
		cursor: pointer; width: 101px; height: 18px; margin: 5px auto 0;
	}
	.result .image label.get-supplier input { margin: 3px 0 0 70px; width: 13px; height: 13px }
	
	.result .details { 
		margin: 0 0 0 108px; padding: 0 0 0 5px; min-height: 150px; height: auto !important; height: 150px;
	}
	
	#supplier-details ul li,
	#supplier-details ul li a { color: #000 }
	#supplier-details ul li span,
	#supplier-details p span { color: #fb4f00; } 
	
	
	.result .details li span,
	.tooltip-lg ul li span,
	.tooltip-lg div.desc .image p span,
	.supplier-information li span,
	.supplier-information div.desc .image p span,
	body.results body.get-supplier-details .supplier-information div.desc .copy p.offer { color: #fb4f00; } 
	
	.result .details li { color: #000; font-weight: bold; margin: 0 0 3px; line-height: 11px; }
	.result .details li var { font-style: normal; color: #000; }
	.result .details li a { color: #000; }
	.result .details li.icons { border: none; padding: 0; clear: none }
	.result .details li.icons a { text-decoration: none; }
	.result .details li.icons img { margin: 0 9px 0 0 }
	.result .details li.refs { height: 15px; margin: 0 0 7px; }
	.result .details li.refs p { width: 49%; float: left}
	.result .details li.refs p.right { text-align:right }
	
	.result .details li.desc { height: 52px; position: relative; }
	.result .details li.desc .suppref { position: absolute; bottom: -5px; right: 12px; }
	div#columnB .result .details h3.special,
	.tooltip-lg div.desc .copy h3.special,
	.tooltip-lg #print-preview-copy h3.special,
	.supplier-information div.desc .copy h3.special { 
		width: 72px; height: 20px; text-indent: -9999em; /*margin: 6px 12px 0 0;*/ margin-top: 5px;
		background:url(../../images/special-offer.gif) center left no-repeat; float: right;
	}
	div#columnB .result .details h3.new,
	.tooltip-lg div.desc .copy h3.new,
	.tooltip-lg #print-preview-copy h3.new,
	.supplier-information div.desc .copy h3.new { 
		width: 72px; height: 20px; text-indent: -9999em; /*margin: 6px 12px 0 0;*/ margin-top: 5px;
		background:url(../../images/new-product.gif) center left no-repeat; float: right;
	}
	div#columnB .result .details .get-prices-btn { display: block; width: 21px; height: 28px; background: url(../../images/get-prices.gif) top left no-repeat; 
		margin: 1px 0 0 3px 
	}
	.tooltip-lg .supplier-information.result .details p.offer { }
	.result .details li.desc p .h4,
	.supplier-information .desc .copy .h4,
	.tooltip-lg li.desc h4 { color: #000; margin: 0 3px 0 0; }
	.result .details li.desc p { color: #727272; }
	.result .details li.desc p a { color: #ff5100; text-decoration: none }
	.result .details li.desc p a:hover { text-decoration: underline }
	
	.result .details li.actions { height: 31px; }
	
	.result .details li.actions a,
		body.supplier-listing div.supplier-information .actions a { 
		display: block; height: 31px; width: 34px; /*margin: 0 2px 0 0;*/ text-indent: -9999em; background-repeat: no-repeat; 
		background-position: top center; float: left
	}
	
	.result .details li.actions a.add-ideaslist,
	body.supplier-listing div.supplier-information .actions a.add-ideaslist { background-image: url(../../images/btn/add-to-ideas.gif); }
	.result .details li.actions a.add-quotation,
	body.supplier-listing div.supplier-information .actions a.add-quotation { background-image: url(../../images/btn/add-to-quotation.gif); }
	.result .details li.actions a.add-eshot,
	body.supplier-listing div.supplier-information .actions a.add-eshot { background-image: url(../../images/btn/add-to-eshot.gif); }
	
	.result .details li.actions a.added-ideaslist,
	body.supplier-listing div.supplier-information .actions a.added-ideaslist { background-image: url(../../images/btn/added-to-ideas.gif); }
	.result .details li.actions a.added-quotation,
	body.supplier-listing div.supplier-information .actions a.added-quotation { background-image: url(../../images/btn/added-to-quotation.gif); }
	.result .details li.actions a.added-eshot,
	body.supplier-listing div.supplier-information .actions a.added-eshot { background-image: url(../../images/btn/added-to-eshot.gif); }
	
	.result .icons { /*border-top: 1px dashed #bababa;*/ padding: 5px 0 0 0; margin: 0 4px 4px; clear: both; float: left; width: 100%;}
	.result .icons .full img { margin: -9px 0 0 -5px; }
	.result .icons img.supplier-websites { float: left; margin: 0 6px 0 0; cursor: pointer }
	.result .icons ul { }
	.tooltip-lg ul.left li.icons ul li { margin: 0 1px 0 0; float: left }
	.result .icons ul li { float: left; }
	.result .icons ul li img { margin: 0 1px 0 0; }
	.supplier-information ul.left li.icons ul { margin: 0 10px 0 0; float: left }
	.supplier-information ul.left li.icons ul li { float: left; margin: 0 2px 0 0; }
	div.supplier-websites { display: none }
	
	/*############ MORE INFO MODAL > SPECIFICS (SHARED STYLES ABOVE) */
	.tooltip-lg ul.left,
	body.results .supplier-information ul.left,
	body.supplier-directory .supplier-information ul.left { float: left; width: 46%;  list-style: outside; padding: 0 0 30px; }
	.tooltip-lg ul.left li,
	.supplier-information ul.left li { margin: 1px 0; }
	.tooltip-lg ul.left li.icons,
	.supplier-information ul.left li.icons { position: absolute; bottom:0; left: 29px; list-style: none; }
	.tooltip-lg ul.left li.spacetop,
	.supplier-information ul.left li.spacetop { margin: 6px 0 0; }
	.tooltip-lg ul.left li.spacetopnbot,
	.supplier-information ul.left li.spacetopnbot { margin: 6px 0; }
	.tooltip-lg ul.left li.spacetopnbot input,
	.supplier-information ul.left li.spacetopnbot input { margin: 0 10px 0 0; }
	.tooltip-lg ul.left li address,
	.supplier-information ul.left li address { float: right; width: 225px; display: block; }
	body.supplier-listing .supplier-information ul.left li address { width: 240px; margin: 0 5px 0 0; }
	.tooltip-lg ul.left li.address span,
	.supplier-information ul.left li.address span { float: left; }
	.tooltip-lg ul.left li p.supplier-number { font-size: .9em; color: #727272; float: right; padding: 8px 0 0 0; }
	body.results body.get-supplier-details .supplier-information ul.left li p.supplier-number { font-size: .9em; color: #727272; padding: 8px 0 0 0; }
	
	.tooltip-lg div.right,
	body.get-suppliers div.right,
	body.results div.right {  width: 311px; float: right; margin: 0 0 30px 0; font-size: 0.9em }
	
	.tooltip-lg div.desc,
	body.get-suppliers div.desc { width: 311px; }
	#tooltip_moreinfo div.desc { width: 100%; }
	.tooltip-lg div.desc .image p,
	.supplier-information div.desc .image p,
	body.get-suppliers div.desc .image p { clear: left; margin: 0 0 3px 5px; }
	body.results body.get-supplier-details .supplier-information div.desc .image p,
	body.results body.get-supplier-details .supplier-information a { color: #000; }
	.tooltip-lg div.desc .copy,
	.supplier-information div.desc .copy,
	body.get-suppliers div.desc .copy  { margin: 0 0 10px 115px !important; padding: 3px 10px 0 0; font-size: 1.1em; line-height: 1.3em; }
	.tooltip-lg div.desc .copy p,
	.supplier-information div.desc .copy p,
	body.get-suppliers div.desc .copy p  { color: #727272; }
	.tooltip-lg div.desc .copy p.offer,
	.tooltip-lg #print-preview-copy p.offer,
	.supplier-information div.desc .copy p.offer,
	body.get-suppliers div.desc .copy p.offer { font-size: .8em; color: #FB4F00 !important; margin: 2px 0; }
	
	.tooltip-lg ul.buttons,
	.supplier-information ul.buttons,
	body.get-suppliers ul.buttons { clear: both; }
	.tooltip-lg ul.buttons .actions,
	.tooltip-lg ul.buttons .price,
	.tooltip-lg ul.buttons .ref,
	.supplier-information ul.buttons .actions,
	.supplier-information ul.buttons .price,
	body.get-suppliers ul.buttons .actions,
	body.get-suppliers ul.buttons .price,
	body.get-suppliers ul.buttons .ref { margin: 0 0 4px; }
	.tooltip-lg ul.buttons .actions div,
	.supplier-information ul.buttons .actions div,
	body.get-suppliers ul.buttons .actions div { display: inline; margin: 0 0 0 10px; }
	.tooltip-lg ul.buttons .item-type,
	.supplier-information ul.buttons .item-type { /*width: 230px;*/ }
	
	/*############ PRINT PREVIEW MODAL */
	div#print { 
		width: 74px; height: 24px; background: url(../../images/btn/print.png) center center no-repeat; 
		position: absolute; bottom: 25px; right: 109px;	cursor: pointer;
	}
	
	.tooltip-lg #print-preview-image {float: left; position: relative; width: 408px; }
	.tooltip-lg #print-preview-copy { margin: 0; width: 195px; padding: 30px 0 0 0; float: right }
	.tooltip-lg #print-preview-copy h4 { margin: 0 0 10px; }
	.tooltip-lg #print-preview-copy p { color: #727272; }
	
	#related-item-types .wrapper { padding: 0 10px; }
	#related-item-types .wrapper ul { }
	#suppliers-list { }
	#suppliers-list li { width: 531px; padding: 15px 10px 10px 105px; position: relative; min-height: 36px }
	#suppliers-list li.last h5 { width: 531px; }
	#related-item-types li { width: 531px; padding: 0 10px 0 105px; position: relative; }
	#suppliers-list li.even,
	#related-item-types li.even { background: #e1e1e1 url(../../images/bg/suppliers-list.gif) 0 -8px no-repeat; }
	#suppliers-list li.bottom,
	#related-item-types li.bottom { background: url(../../images/bg/suppliers-list.gif) 0 0 no-repeat; height: 8px; padding: 0; width: 646px; margin: -7px 0 0 0; min-height: 0; }
	#suppliers-list li h5 { width: 420px }
	body.supplier-directory #suppliers-list li h5,
	body.supplier-directory #suppliers-list li p { width: auto }

	#related-item-types li h5,
	#related-item-types li p { width: 500px }
	#related-item-types li p { margin: 0 }
	#suppliers-list li .h5,
	#related-item-types li .h5 { font-size: 1.2em; color: #000; }
	body.results #suppliers-list li img.login {padding-left: 5px; vertical-align: -5px} /**/
	body.results #suppliers-list li img.help {padding-left: 5px; vertical-align: -2px}
	body.results #suppliers-list li h5,
	body.results #related-item-types li h5 { font-size: 1.2em; color: #000; margin: 0 0 4px; line-height: 1.4em; }
	#suppliers-list li .h5 span,
	#related-item-types li .h5 span { color: #fb4f00 !important; }
	body.prices div#columnA .wrapper ul.refs li span { color: #fb4f00 !important; }
	#suppliers-list li p { line-height: 1.4em }
	#suppliers-list li a,
	#related-item-types li a { font-weight: bold; }
	#suppliers-list li a.odd,
	#related-item-types li a.odd { color: #fb4f00 }
	#related-item-types li a.more { color: #fb4f00 }
	#suppliers-list li a.black { text-decoration: none }
	#suppliers-list li input.shotgun { position: absolute; top:7px; right: 7px; }
	#suppliers-list li input.details { position: absolute; top: 30px; right: 7px; }
	
	#suppliers-list .charA { 
		width: 57px; height: 68px; position: absolute; background: url(../../images/character-supplierlist-supplierof.png) top left no-repeat !important;
		top: 10px; left: 35px;
	}
	#suppliers-list .charB {
		width: 72px; height: 72px; position: absolute; background: url(../../images/character-supplierlist-moreideas.png) top left no-repeat !important;
		bottom: 20px; left: 35px;
	}
	#suppliers-list .charC {
		width: 44px; height: 61px; position: absolute; background: url(../../images/character-shotgun-sid.png) top left no-repeat !important;
		bottom: 5px; left: 30px; z-index: 101;
	}
	
	
	/*      IDEAS/QUOTES LIST COMMON
	-----------------------------------------*/
	
	div.error { margin: 10px 0 20px; font-weight: bold; font-size: 1.1em; }
	div.error ul { margin: 10px 0; }
	div.error ul li { padding: 3px 0; display: inline; }
	
	body.ideas div#content div#columnA,
	body.quotes div#content div#columnA,
	body.eshot div#content div#columnA,
	body.prices div#content div#columnA,
	body.order div#content div#columnA  { width: 820px; margin: 0 auto; padding: 3px 0 0 0; float: none } 
	
	body.quotes.customer-area div#content div#columnA { width: 146px; float: left; margin: 5px 3px 0 3px; }
	
	body.ideas div#content div#columnA .title,
	body.quotes div#content div#columnA .title,
	body.eshot div#content div#columnA .title,
	body.prices div#content div#columnA .title,
	body.order div#content div#columnA .title { padding-top: 40px; }
	
	body.ideas div#content div#columnA .title .top,
	body.quotes div#content div#columnA .title .top,
	body.eshot div#content div#columnA .title .top,
	body.prices div#content div#columnA .title .top,
	body.order div#content div#columnA .title .top { height: 40px; }
	
	body.ideas div#content div#columnA .title .top p,
	body.quotes div#content div#columnA .title .top p,
	body.eshot div#content div#columnA .title .top p,
	body.prices div#content div#columnA .title .top p,
	body.order div#content div#columnA .title .top p { position: absolute; top: 15px; right: 25px; }
	
	body.quotes div#content div#columnA .wrapper,
	body.order div#content div#columnA .wrapper,
	body.prices div#content div#columnA .wrapper { padding-bottom: 0; }	
		
	body.prices .prices-supplier { font-size: 1.1em; color: #6d6d6d; font-weight: bold;}
	body.prices div#columnA .prices-supplier .wrapper { padding-bottom: 0; }
	body.prices .prices-supplier ul.refs { font-size:1.2em; color: #6d6d6d; margin: 0 0 10px 0; }
	body.prices .prices-supplier ul.refs li { display: inline; margin: 0 10px 0 0; }
	body.prices .prices-supplier p { margin: 0 0 10px 0; }
	body.prices .prices-supplier input.remove { position: absolute; right: 15px; top: 10px; }
	body.prices .prices-supplier fieldset li { margin: 0 0 5px;}
	body.prices .prices-supplier fieldset.first,
	body.prices .prices-supplier fieldset.second { float: left; margin: 0 10px 0 0; }
	body.prices .prices-supplier fieldset.third { float: left;  margin: 0 15px 0 0; }
	body.prices .prices-supplier fieldset.first li { width: 77px; font-size: .9em; margin: 0 0 10px; }
	body.prices .prices-supplier fieldset.first li.last label,
	body.prices .prices-supplier fieldset.first li label,
	body.prices .prices-supplier fieldset.second li.last label,
	body.prices .prices-supplier fieldset.second li label,
	body.prices .prices-supplier fieldset.third li label,
	body.prices .prices-supplier fieldset.fourth ul li input { margin: 0; vertical-align: text-top; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1em; color: #505050; line-height: 1.5em; letter-spacing: -1px;}
	body.prices .prices-supplier fieldset.second li.last { margin-top: 10px;}
	body.prices .prices-supplier fieldset.first li input { width: 72px; }
/*	body.prices .prices-supplier fieldset .notice { font-weight: bold; color: #ff5100; font-size: 1.1em; line-height: 1.4em;}*/
	#ctl00_CPH1_basketRows_ctrl0_copyAllInfo { clear: both; margin: 0; font-size: .9em }
		
	body.prices .prices-supplier fieldset.second li { width: 150px; font-size: .9em; margin: 0 0 9px; }
	body.prices .prices-supplier fieldset.second li input { width: 145px; }
	body.prices .prices-supplier fieldset.second li textarea { width: 140px; height: 56px; }
	
	body.prices .prices-supplier fieldset.third li { width: 190px; font-size: .9em; }
	body.prices .prices-supplier fieldset.third li textarea { width: 180px; height: 102px; }
	
	body.prices .prices-supplier fieldset.fourth { font-size: .9em; color: #505050; }
	body.prices .prices-supplier fieldset.fourth dl { margin: 0 0 ; }
	body.prices .prices-supplier fieldset.fourth dt,
	body.prices .prices-supplier fieldset.fourth dd { float: left; margin: 0 10px 0 0; }
	body.prices .prices-supplier fieldset.fourth dd label { font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #505050; letter-spacing: -1px; line-height: 1.5em; }
	body.prices .prices-supplier fieldset.fourth dt { padding: 20px 0 0; color: #505050 }
	body.prices .prices-supplier fieldset.fourth dd.first label { width: 40px; }
	body.prices .prices-supplier fieldset.fourth dd.first input { width: 35px; }
	body.prices .prices-supplier fieldset.fourth dd.second label { width: 50px; }
	body.prices .prices-supplier fieldset.fourth dd.second input { width: 45px; } 
	body.prices .prices-supplier fieldset.fourth dd.third label { width: 120px; } 
	body.prices .prices-supplier fieldset.fourth dd.third input { width: 115px; }
	body.prices .prices-supplier fieldset.fourth ul { clear: left;  }
	body.prices .prices-supplier fieldset.fourth ul li { float: left; margin: 0 20px 0 0; }
	body.prices .prices-supplier fieldset.fourth ul li label { margin: 0 10px 0 0; cursor: pointer; display: block }	
	body.prices .prices-supplier fieldset.fourth ul li input { margin: 0 0 0 6px }		
	body.prices .prices-supplier fieldset.fourth ul li.last { text-align: right; margin: 48px 0 0; clear: left; width: 100%; }
	
	body.ideas div#columnA div.charA,
	body.quotes div#columnA div.charA,
	body.eshot div#columnA div.charA,
	body.order div#columnA div.charA { position: absolute; left: 25px; }
	body.prices div#columnA div.charA { position: absolute; right: 25px; }
	
	body.ideas div#columnA div.charA { 
		background:url(../../images/character-ideas-list.png) top center no-repeat; width:55px; height: 85px; top: 8px; 
	}
	body.quotes div#columnA div.charA,
	body.order div#columnA div.charA { 
		background:url(../../images/character-quotes.png) top center no-repeat; width:70px; height: 91px; top: 2px;
	}
	body.eshot div#columnA div.charA { 
		background:url(../../images/character-eshot.png) top center no-repeat; width:60px; height: 85px; top: 7px;
	}
	body.prices div#columnA div.charA { 
		background:url(../../images/character-get-prices.png) top center no-repeat; width:66px; height: 92px; top: 2px;
	}
	
	body.ideas div#columnA .indent h2 { padding-left: 83px; width: 723px }
	body.quotes div#columnA .indent h2,
	body.order div#columnA .indent h2,
	body.eshot div#columnA .indent h2 { padding-left: 98px; width: 708px } 
	body.ideas div#columnA .indent .wrapper { padding-left: 90px; }
	body.quotes div#columnA .indent .wrapper,
	body.order div#columnA .indent .wrapper,
	body.eshot div#columnA .indent .wrapper { padding-left: 105px; padding-bottom: 10px; }
	body.ideas div#columnA .indent .wrapper p,
	body.quotes div#columnA .indent .wrapper p,
	body.eshot div#columnA .indent .wrapper p,
	body.prices div#columnA .indent .wrapper p,
	body.order div#columnA .indent .wrapper p { font-size: 1.1em; color: #6d6d6d; font-weight: bold; line-height: 1.2em; margin: 0 0 10px; }
	body.prices div#columnA #basket-form .wrapper,
	body.ideas div#columnA #basket-form .wrapper { padding-bottom: 0;}
	
	#dynamic-office { font-weight: bold; }
	#dynamic-office .top h3 { padding: 15px 0 0 15px; font-size:1.2em;  }
	#dynamic-office .wrapper { padding: 20px 15px }
	body.order #dynamic-office .wrapper { padding: 20px 15px 0 15px }
	body.ideas #dynamic-office .wrapper { padding: 20px 15px 0 15px }
	#dynamic-office .wrapper p.body { margin: 0 0 10px; width: 500px; float: left }
	#dynamic-office .wrapper p.alert { background: url(../../images/icons/alert.gif) top left no-repeat; padding: 0 0 0 30px; font-size:1.2em; }
	#dynamic-office .wrapper fieldset { clear: both }
	body.order #dynamic-office .wrapper fieldset { float: left; width: 520px; clear: none }
	#dynamic-office .wrapper fieldset input { margin: 0 10px 0 0 }
	#dynamic-office .wrapper .callout { float: right; width: 150px; text-align:center }
	
	body.shotgun #news { float: right; }
	body.shotgun #intro .wrapper { padding-bottom: 0 }
	body.shotgun p.actions { float: right; margin:0; text-align: right }
	body.shotgun #intro .wrapper li { font-weight: bold; margin: 2px 0; color: #505050; }
	#send_shotgun fieldset.first { width: 320px; float: left; }
	#send_shotgun fieldset.second { width: 320px; float: right; }
	#send_shotgun fieldset.third { clear: both; float: none; }
	#send_shotgun fieldset ol li { margin: 0 0 10px; line-height: 1.2em; }
	#send_shotgun fieldset ol li.last { margin: 0; }
	
	#send_shotgun fieldset ol li label {font-weight: 700; color: #6D6D6D; font-size: 1.1em; display: block; float: left; margin: 4px 0 0;}
	#send_shotgun fieldset.second ol li,
	#send_shotgun fieldset.third ol li{ float: right }
	#send_shotgun fieldset.third ol li.first { float: left }
	#send_shotgun fieldset.third ol li.last { float: none; clear: both }
	#send_shotgun fieldset.third ol li.actions { margin: 0; }
	
	#send_shotgun fieldset.first ol li label,
	#send_shotgun fieldset.third ol li.first label { width: 140px;}
	#send_shotgun fieldset.first ol li input { width: 170px }
	#send_shotgun fieldset.third ol li.first textarea { width: 165px; height: 72px; }
	#send_shotgun fieldset.second ol li label,
	#send_shotgun fieldset.third ol li label { width: 100px}
	#send_shotgun fieldset.third ol li.last label { width: 140px}
	#send_shotgun fieldset.second ol li input,
	#send_shotgun fieldset.third ol li input { width: 190px }
	#send_shotgun fieldset.third ol li.last input { height: auto !important; }
	#send_shotgun fieldset.third ol li input.submit { width: 98px }
	#send_shotgun fieldset.third ol li input.back { width: 54px }
	
	
	div#columnA #basket-form h3 { 
		margin: 7px 12px 0 17px; padding: 8px 0; color: #000; font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		border-bottom: 1px dashed #bababa; width: 784px }
	div#columnA #basket-form img.back {float: right; position: relative; top: -29px; right: 15px}
	
	div#columnA #basket-form fieldset.first { width: 410px; float: left; }
	div#columnA #basket-form fieldset.second { width: 370px; float: right; }
	div#columnA #basket-form fieldset.third { clear: both; float: none; }
	div#columnA #basket-form fieldset ol li { margin: 0 0 10px; }
	div#columnA #basket-form fieldset ol li.last { margin: 0; }

	div#columnA #basket-form fieldset.first ol li label,
	div#columnA #basket-form fieldset.second ol li label {font-weight: 700; color: #ff5100; font-size: 1.2em; display: block; float: left; margin: 4px 0 0;}
	div#columnA #basket-form fieldset.second ol li { float: right }
	
	div#columnA #basket-form fieldset.third ol li {float: left;}
	div#columnA #basket-form fieldset.third ol li label { margin: 0; font-weight: bold; color: #ff5100; font-size: 1.1em; line-height: 1.2em; }
	div#columnA #basket-form fieldset.third ol li.first { width: 440px; margin: 0; }
	div#columnA #basket-form fieldset.third ol li.first input { width: 50%; height: 22px;}
	div#columnA #basket-form fieldset.third ol li label { margin: 0 0 0 125px; } /**/
	body.ideas div#columnA #basket-form fieldset.third input.il-selectall { float: right; margin-right: 5px }
	#page-actions-top-820 img.back { float: left; margin-left: 5px }
	body.ideas div#columnA #basket-form fieldset.third ol li label, 
	body.quotes div#columnA #basket-form fieldset.third ol li label { margin: 0; width:125px; float: left; }
	div#columnA fieldset.third ol li.bold { float: right }
	div#columnA fieldset.third ol li.bold label { color: #505050; font-weight: bold; width: 110px; text-align: right; margin: 0 10px 0 0; }
	div#columnA #basket-form fieldset.third {position: relative } 
	body.ideas div#columnA #basket-form fieldset.third { margin-bottom: 15px } 
	body.quotes div#columnA #basket-form fieldset.third { margin-bottom: 40px } 			
	div#columnA #basket-form fieldset.third p.text-count { position: absolute; top: 55px; left: 0; width: 125px }
	div#columnA #basket-form fieldset.third p.text-count input { width: 35px; margin-bottom: 5px }
	div#columnA #basket-form fieldset.third p.text-count span { font-weight: bold; color: #ff5100; font-size: 1em; line-height: 1.2em; /*display: block*/
		*position: relative; *top: -5px }

	div#columnA #basket-form fieldset.first ol li label { width: 125px;}
	div#columnA #basket-form fieldset.first ol li input { width: 270px }
	div#columnA #basket-form fieldset.second ol li label { width: 70px}
	div#columnA #basket-form fieldset.second ol li input { width: 290px }
	div#columnA #basket-form fieldset.third ol li input { width: 80px }
	div#columnA #basket-form fieldset.third ol li textarea { width: 545px; background: #DCDCDC; border: none; padding: 5px; height: 45px; }
	body.quotes div#columnA #basket-form fieldset.third ol li textarea,
	body.ideas div#columnA #basket-form fieldset.third ol li textarea { float: right; width: 655px; min-height: 48px }
	body.quotes div#columnA #basket-form fieldset.third textarea { width: 655px; background: #DCDCDC; border: none; padding: 5px; height: 45px } /* width: 780px */
	body.quotes div#columnA #basket-form fieldset.third li.right { width: 100%; }
	body.quotes div#columnA #basket-form fieldset.third li.currency label { font-size: 1.2em; font-weight: bold; color: #FF5100; margin: 4px 5px 0 0; }
	
	div#columnA .productrow,
	div#columnA .productrow dd.actions p { text-align: right; }
	body.ideas .productrow dd.actions p input#selectall { position: absolute; top: 25px; right: 4px;}
	div#columnA .productrow dd.actions { width: 190px; position: absolute; right: 0; top: -5px; margin: 0; } 
	div#columnA .productrow dd.actions input { float: left; }
	div#columnA .productrow dd.actions label.select {
		background: url(../../images/btn/select.png) top center no-repeat; width: 67px; height: 20px; 
		float: left; padding: 1px 3px 0 0; margin: 0 0 0 5px; cursor: pointer;
	}
	div#columnA .productrow dd.actions label.select input { float: right; }
	div#columnA .productrow .wrapper { padding-top: 0; padding-bottom:0; }
	div#columnA .productrow dl { margin: 0 0 10px; text-align: left; position: relative }
	body.order div#columnA .productrow dl { margin: 0; }
	body.order div#columnA .productrow dl.clear input { position: absolute; top: 0px; right: -5px; }		
	div#columnA .productrow dt { float: left; font-weight: bold; color: #6D6D6D; }
	div#columnA .productrow dt table { margin: 0 0 5px; }
	div#columnA .productrow dt span { color: #ff5100; }
	div#columnA .productrow dt td {
		vertical-align: middle; height: 104px; width: 104px; background: url(../../images/bg/thumb-shadow-email.png) center center no-repeat; text-align: center
	}
	div#columnA .productrow dt img {  }
	div#columnA .productrow dd { margin: 5px 0 0 10px; float: left; width: 550px; }
	div#columnA .productrow dd textarea { width: 550px }
	body.order div#columnA .productrow dd textarea { width: 502px; height: 36px; padding-bottom: 0; margin-bottom: 0 }
	div#columnA .productrow dd h4 { margin: 0 0 4px; }
	body.ideas div#columnA .productrow dd h4 { margin: 0 0 8px; }
	div#columnA .productrow dd p { color: #6d6d6d; font-size:1.1em; font-weight: bold; }
	div#columnA .productrow dd p.actions { position: absolute; top: -5px; right: -5px; }
	div#columnA .productrow p.hint { text-align: left; font-weight: bold; color: #6D6D6D; margin: 3px 0 0; }
	div#columnA .productrow fieldset { margin: 0 0 10px; }
	div#columnA .productrow ul.refs { margin: 0 0 5px 0; float: left; width: 100%; min-height: 16px;  }
	div#columnA .productrow ul.refs li { float: left; margin: 0 15px 0 0; font-weight: bold; font-size: 1.1em; color: #6d6d6d; line-height: 16px }
	div#columnA .productrow ul.refs li span { color: #a38dc6 }

	div#columnA .productrow ul.morerefs li { height: 22px; line-height: 24px; }
	div#columnA .productrow ul.morerefs li span { color: #FF5100}
	div#columnA .productrow ul.morerefs li input.qref { width: 100px}
	div#columnA .productrow ul.morerefs li input.snote { width: 364px;}

	div#columnA .productrow ul.info { border-top: 1px solid #CCC; padding-top: 8px; margin-bottom: 8px }
	div#columnA .productrow ul.info li { font-weight: normal; color: #666 }

	body.ideas div#columnA .productrow table#upload { position: relative; left: -140px; margin-top: 10px }
	body.quotes div#columnA .productrow table#upload { position: relative; left: -25px; margin-top: 10px }	
	div#columnA .productrow table#upload td { width: 95px; vertical-align: middle; text-align: center }
	div#columnA .productrow table#upload td.first { width: 60px }
	div#columnA .productrow table#upload td.mid { width: 200px }
	div#columnA .productrow table#upload table { float: left; width: 200px }
	div#columnA .productrow table#upload table th { border: 1px solid #c00000; background: #c00000; color: white; text-align: center; padding: 3px }
	div#columnA .productrow table#upload table td { border: 1px solid #999 }
	div#columnA .productrow table#upload table td #ctl00_CPH1_basketRows_ctrl0_FURImage { background: white; *border: 0 }
	
	body.quotes div#columnA .productrow dd,
	body.eshot div#columnA .productrow dd { margin: 5px 0 0 10px; float: left; width: 665px; }
	div#columnA .productrow ul.refs li.hint { font-size: 1em; color: #afafaf; }
	
	#content .inner #panel_logo { float: left; text-align: center; margin: 0 20px 0 0; }
	#content .inner #panel_logo h4 { font-size: 1.3em; margin: 4px 0 0; line-height: 1.2em; } 
	#content .inner #page-actions-bottom-820 .last { margin: 0 50px 0 5px; }
	#content .inner #page-actions-bottom-820 #gototop { margin: 0 0 0 5px }
	
	#content .inner #doc_manager fieldset { padding: 20px 0 0; margin: 0; text-align: left } 
	#content .inner #doc_manager fieldset.third { padding: 5px 0 0}
	#content .inner #doc_manager fieldset.fourth { padding: 10px 0 0}	
	#content .inner #doc_manager fieldset ol { float: right;}
	#content .inner #doc_manager fieldset ol.nudge { margin: 0 100px 0 0; }
	#content .inner #doc_manager fieldset li { float: left; margin: 0 0 0 10px; }
	#content .inner #doc_manager fieldset li label { color: #ff5100; font-weight: bold; font-size: 1.1em; display: block; margin: 0 0 10px; }
	
	#content .inner #doc_manager fieldset li select { width: 135px } 
	#content .inner #doc_manager fieldset li.drop { margin-top: 32px; margin-right: 0; }
	#content .inner #doc_manager fieldset li.submit { position: absolute; top: 15px; right: 15px; }
	#content .inner #doc_manager fieldset li.align { margin: 10px 0 0 10px; }
	#content .inner #doc_manager fieldset li.align img.help { vertical-align: -14px;}
	body.preview #content .inner #doc_manager fieldset li.align { margin: 10px 25px 0; }
	#content .inner #doc_manager fieldset li.padding { padding: 0 50px; } /**/
	#content .inner #doc_manager fieldset li.upload { margin: 10px 20px 0 10px; }
	#content .inner #doc_manager fieldset li.upload input { width: 140px; height: 22px }
	#content .inner #doc_manager fieldset p { padding: 0; font-weight: bold; color: #505050; clear: both; line-height: 1.1em; }
	#content .inner #doc_manager fieldset p.hint { text-align: left; width: 140px; margin: 0 48px 0 0; float: right; font-weight: normal; letter-spacing: -1px }
	#content .inner #doc_manager fieldset p.date { width: 160px; margin-right: 142px; text-align: left; float: right; clear: both; font-weight: normal; letter-spacing: -1px }
	#content .inner #doc_manager label.date { float: left; margin: 0 4px 0 0; }
	#content .inner #doc_manager label.date input { border: 1px solid #505050; padding: 6px 0 1px 5px }
	#content .inner #doc_manager .create { float: left; margin: 0 0 0 20px; text-align: center; }
	body.customer-area #content .inner #doc_manager .create p { font-size: .9em }

	body.customer-area.order #content .inner #doc_manager fieldset.del { padding: 10px 0; }
	body.customer-area.order #content .inner #doc_manager fieldset.del ol { float: left; margin-left: 108px; }
	body.customer-area.order #content .inner #doc_manager fieldset.del ol.vat { margin-bottom: 10px }
	body.customer-area.order #content .inner #doc_manager fieldset.del ol select { border: 1px solid #505050; width: 138px; margin-top: 12px}
	body.customer-area.order #content .inner #doc_manager fieldset.del ol select.s-vat { margin: 12px 6px 0 37px }
	body.customer-area.order #content .inner #doc_manager fieldset.del label.delivery { float: left; margin: 7px 5px 0 0; color: #000000; line-height: 1.4em}
	body.customer-area.order #content .inner #doc_manager fieldset.del li img { position: relative; top: 3px; }

	#content .inner #doc_manager #doc_manager_actions { float: right; }
	#content .inner #doc_manager #doc_manager_actions li { margin: 10px 0; clear: both; text-align: right; }
	#content .inner #doc_manager #doc_manager_actions li select { width: 163px; margin-right: 5px; float: right; border: 1px solid #505050}	
	#content .inner #doc_manager #doc_manager_actions li img.help { position: relative; top: 5px; right: 5px; }
	#content .inner #doc_manager #doc_manager_actions li #ctl00_CPH1_save { margin-left: 40px; }
	#content .inner #doc_manager #doc_manager_actions li label { float: left; font-weight: bold; color: #fb4F00; font-size: 1.1em; line-height: 1.2em}
	#content .inner #doc_manager #doc_manager_actions li label.date { float: none; text-align: right; display: inline; margin-right: 7px; }
	body.ideas-list	#content .inner #doc_manager #doc_manager_actions,
	body.quotes	#content .inner #doc_manager #doc_manager_actions {width: 280px}
	body.quotes #content .inner #doc_manager #doc_manager_actions p.date,
	body.ideas-list #content .inner #doc_manager #doc_manager_actions p.date {font-weight: normal; letter-spacing: -1px; line-height:1.1em; text-align: left; font-size: 1em;float: right; margin: -10px 46px 5px 0}
	
	#content .inner #doc_manager #follow_up { clear: both; text-align: left; }
	#content .inner #doc_manager #follow_up th { font-size: 1.1em; color: #FB4F00; font-weight: bold; text-align: left; padding: 4px; }
	#content .inner #doc_manager #follow_up td { background-color: #DCDCDC; vertical-align: top; padding: 4px; border: 1px solid #333; }
	#content .inner #doc_manager #follow_up td.date { width: 80px; text-align: left; }
	#content .inner #doc_manager #follow_up td.save { vertical-align: middle; text-align: center; width: 70px; }
	#content .inner #doc_manager #follow_up label span { top: 0; left: 0; font-size: .9em; }
	#content .inner #doc_manager #follow_up td textarea { padding: 0; font-size: .9em; min-height: 32px }
	body.quotes #content .inner #doc_manager #follow_up label span,
	body.quotes #content .inner #doc_manager #follow_up td textarea { font-size: 1em; }
	#content .inner #doc_manager #follow_up td.note { font-size: .9em; font-weight: bold; color: #777 }
	
	.productrow fieldset { margin: 8px 0 0; }
	.productrow fieldset ul { width:280px; text-align: left; float: left }
	.productrow fieldset ul li { margin: 0 0 5px; }
	.productrow fieldset ul li input { width: 75px; }
	.productrow fieldset ul li a,
	.productrow fieldset ul li label { float: left; margin: 0 5px 0 0 }

	div#columnA .productrow fieldset.cost { margin: 0;}
	div#columnA .productrow fieldset.cost ul { width: 100%; margin: 0}
	.productrow fieldset.cost ul li { margin: 0;}	
	.productrow fieldset.cost ul li a.calc { width: 25px; float: left; position: relative; top: 13px; margin: 0 }	
	.productrow fieldset.cost ul li label { float: left; width: 75px; margin: 0 10px 0 0; font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #505050; display: block; letter-spacing: -1px; padding-bottom: 5px; }
	.productrow fieldset.cost ul li label.long { width: 95px}
	.productrow fieldset.cost ul li label.tba,
	.productrow fieldset.cost ul li label.tba input { width: 150px; text-align: center}		
	.productrow fieldset.cost ul li label.branding,
	.productrow fieldset.cost ul li label.branding input { width: 400px; margin: 0 10px 0 0; } /* 515px */
	.productrow fieldset.cost ul li label.colour,
	.productrow fieldset.cost ul li label.colour input { width: 95px; margin: 0 10px 0 0; } /* 115px */
	.productrow fieldset.cost .notice { position: absolute; width: 130px; height: 95px; bottom: 50px; right: 10px; font-weight: bold; color: #ff5100; font-size: 1em; line-height: 1.4em;}
	.productrow fieldset.cost ul li label.radio { width: 108px; padding-top: 15px; }
	.productrow fieldset.cost ul li label.radio input { float: right; width: 50px; }	
	
	 div#columnA .productrow fieldset.origlabel {margin: 0}
	.productrow fieldset.origlabel ol { width: 100%; }
	.productrow fieldset.origlabel ol li { float: left; text-align: left; margin: 0 0 2px }
	.productrow fieldset.origlabel ol li label { float: left; width: 115px; margin: 0 10px 0 0; font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #505050; display: block; letter-spacing: -1px; padding-bottom: 5px; }
	.productrow fieldset.origlabel ol li label.last { margin: 0 }
	.productrow fieldset.origlabel ol li label.last input { width: 106px }
	.productrow fieldset.origlabel ol li span { display: block }
	.productrow fieldset.origlabel ol li input { width: 115px; }
	.productrow fieldset.origlabel ol li a.calc { width: 25px; float: left; position: relative; top: 13px; margin: 0 }	
	.productrow fieldset.origlabel ol li label.orange input { background-color: #ffb28d; }
	.productrow fieldset.origlabel ol li label.radio { width: 108px; padding-top: 15px; }
	
	.productrow fieldset ul li label.last { margin: 0; }
	.productrow fieldset ul li label.orange input { background-color: #ffb28d }
	.productrow fieldset ul li label.long input { width: 95px; }
	.productrow fieldset ul li label.longer input { width: 160px; }
	.productrow fieldset ul.fullwidth li label.orig input { width: 247px }
	body.quotes .productrow fieldset ul.fullwidth li label.orig, 
	body.order .productrow fieldset ul.fullwidth li label.orig { margin-left: 46px } /**/
	body.quotes .productrow fieldset ul.fullwidth li label.orig input,
	body.order .productrow fieldset ul.fullwidth li label.orig input { width: 138px }	
	.productrow fieldset input.calc { width:21px; float: left; margin: 0 5px 0 0 }
	.productrow fieldset label { margin: 0; }
	.productrow fieldset label.textarea { float: left; margin: 0; } /* float: right */
	.productrow fieldset label.textarea textarea { width: 498px; height: 62px }
	body.order .productrow fieldset label.textarea textarea { height: 88px; width: 192px; }
	.productrow fieldset label.fullwidth textarea { width: 663px; height: 45px; min-height: 45px; max-height: 300px; }
	body.quotes div#columnA .productrow fieldset label.fullwidth textarea { width: 502px } /**/
	div#columnA .productrow fieldset label.fullwidth textarea.scroll,
	.productrow fieldset input.add { clear: both; margin: 10px 0 0; }
	textarea.expanding { border: 0 }
	
	body.quotes #content .banners,
	body.ideas #content .banners { margin: 15px auto !important; float: none }
	body.eshot #content .banners,
	body.quotes body.final #content .banners,
	body.ideas .final #content .banners,
	body.prices #content .banners,
	body.order #content .banners { float: left; margin: 15px 0 15px 210px !important}
	body.quotes body.final #content #news,
	body.ideas .final #content #news,
	body.prices div#columnA #news,
	body.order div#columnA #news { float: right } 
	body.quotes body.final #content #news .wrapper,
	body.ideas .final #content #news .wrapper { padding: 25px 54px 10px 10px !important }
	body.eshot #content #news { float: right; margin: 0; }
	
	body.quotes .productrow fieldset.actions { margin: 0; }
	body.order #columnA .productrow fieldset.actions { margin: -10px 0 0 50px; }
	body.quotes .productrow fieldset label.branding,
	body.order .productrow fieldset label.branding { float: left; margin: 0 0 5px; }
	body.order .productrow fieldset h6 { width: 100px; text-align: right; float: left; font-size:1.2em; padding: 0; }
	body.quotes .productrow fieldset label.branding input,
	body.order .productrow fieldset label.branding input { width: 507px }
	body.quotes .productrow fieldset label.colour,  /**/
	body.order .productrow fieldset label.colour { float: left; margin: 0 0 5px 9px; }
	body.quotes .productrow fieldset label.colour input,
	body.order .productrow fieldset label.colour input { width: 138px } /* 145px */
	body.quotes .productrow fieldset input.add,
	body.order .productrow fieldset input.add { clear: none; margin: 0; }
	body.quotes .productrow fieldset ul { width: 520px; }
	body.quotes .productrow fieldset ul.fullwidth { width: 100% }
	body.order .productrow fieldset ul { width: 100%; }
	body.order .productrow fieldset.actions ul { width: 50%; }
	body.quotes .productrow fieldset label.textarea textarea { width: 260px  }
	
	#markup {position: relative}
	#markup img.char { margin:10px 0 0 30px; }
	#markup table {border: none; width: 490px; float:left}
	#markup table tr th {padding: 5px 0;}
	#markup table tr th.col1 { text-align: left }
	#markup table tr td.col1,
	#markup table tr td.col3{ width:55px; color: #000;}	

	#markup table tr td.col2 { width: 30px; text-align: left; color: #000; }
	#markup table tr td {color: #6d6d6d; padding:2px 4px; vertical-align: middle; text-align: center; border-left: 1px solid #fff;}
	#markup table tr .col1 {text-align: left;}
	#markup table tr.even td {background-color: #eae5f1; border-left: 1px solid #fff;}
	#markup table tr.even td.col1,
	#markup table tr.even td.col2,
	#markup table tr.even td.col3 {background-color: #300075; color: #fff; border:none; border-width: 0;}
	#markup table tr.even td.input {background-color: #300075; text-align: center}

	#markup fieldset { position:absolute; right: 0; bottom: 0; width: 114px; }
	#markup fieldset input { margin: 10px 0 0 0; }
	#markup #apply-markup { cursor: pointer; }
	
	#preview-email td { vertical-align: top; font-weight: bold; }
	#preview-email tr.attach td { vertical-align: bottom; font-size: 1.1em; }
	#preview-email td.image { vertical-align: top; /*width: 100px; height: 100px;*/ text-align: center; }
	#preview-email td.image table { border-collapse: separate; }
	#preview-email td.image td { vertical-align: middle }
	#preview-email .pvat { color: #505050; text-align: right}
	#preview-email .pdoc { color: #000; text-align: right; border-top: 1px solid #bababa; padding-top: 10px; }
	#preview-email .pvat,
	#preview-email .paddress,
	.paddress { line-height: 1.3em; border-top: 1px solid #bababa; padding-top: 10px; font-size: 0.9em}
	#preview-email .paddress { border-top: none; text-align: center; padding-top: 5px; }
	#preview-email .paddress span { color: #999 }
	#preview-email .shadowA {border:1px solid #fafafa;}
	#preview-email .shadowB {border:1px solid #f2f2f2;}
    #preview-email .shadowC {border:1px solid #e3e3e3;}
    #preview-email .shadowD {border:1px solid #cdcdcd;}
	#preview-email .preview-logo { text-align: left; min-width: 100px; min-height: 100px; padding-bottom: 60px } /**/
	#preview-email .preview-title { text-align: right; vertical-align: top }
	#preview-email .preview-title h4 { font: bold 2.2em Arial, Helvetica, sans-serif; color: #023fa3; }
	#preview-email .preview-title p { color: #6d6d6d;font-weight: bold; font-size: 1.1em; margin: 0 0 3px; }
	#preview-email .preview-details table { margin: 10px 0; font-size: 1.1em; color: #6d6d6d; }
	#preview-email .preview-details table span { color: #023fa3; margin: 0 8px 0 0; }
	#preview-email .preview-details table td { padding: 2px 0; }
	#preview-email .preview-details table td.nopad { padding: 0; vertical-align: bottom; text-align:right }
	#preview-email .preview-details table td.border-left { border-left: 1px dashed #bababa; padding: 0 0 0 15px; }
	#preview-email .preview-details table td a { text-decoration: none; }
	#preview-email .preview-details table td a:hover { color: #bababa }
	#preview-email .preview-text td table { margin: 10px 0 15px;  }
	#preview-email .preview-text td p { font-weight: bold; font-size: 1.2em; line-height: 1.2em; }
	#preview-email .preview-text tr.full td,
	#preview-email .preview-text td.grey { background-color: #ddd; }
	#preview-email .preview-text tr.twelve td { width: 12px; height: 12px }
	#preview-email .preview-text tr.twelve td.grey { width: auto }
	
	#preview-email .preview-item td.item { padding: 10px 0; border-top: 1px solid #bababa }
	body.eshot #preview-email .preview-item td.item { padding: 10px 0 0 0; }
	#preview-email .preview-item .pricing { border-collapse: separate; border-spacing: 3px; margin: 0 0 10px 10px;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#6d6d6d }
	#preview-email .preview-item .pricing td { height: 20px; vertical-align: middle }
	#preview-email .preview-item .pricing .vat { text-align: right; color: #000 }
	#preview-email .preview-item .pricing .vat span { margin-right: 18px }	
	#preview-email .preview-item .eshot .pricing { border-collapse: collapse; border-spacing: 0 }
	#preview-email .preview-item .pricing .deliver { border: 2px solid #000; padding: 10px; color: #000}
	#preview-email .preview-item .pricing .ddate { border: 2px solid #000; padding: 10px; background: #eee; color: #000}
	#preview-email .preview-item .pricing .price { margin: 0 auto}
	#preview-email .preview-item .pricing .label { color: #505050; text-align: center;}
	#preview-email .preview-item .pricing .unit { border: 1px solid #bababa; padding: 2px 0; text-align: center; color: #505050 }
	#preview-email .preview-item .pricing .black { border: 1px solid #000000;}
	#preview-email .preview-item .pricing .dblack { border: 2px solid #000000;}
	#preview-email .preview-item .pricing .blabel { color: #000000; text-align: center;}	
	#preview-email .preview-item .pricing .grey { background: #bababa;}		
	#preview-email .preview-item .pricing .space { width: 10px }
	#preview-email .preview-item .pricing tr.subtotal .unit {border-color: #111; }
	#preview-email .preview-item .eshot .pricing td {  padding: 3px 0; vertical-align: middle; text-align: center; color: #505050 }
	#preview-email .preview-item .eshot .pricing .label,
	#preview-email .preview-item .eshot .pricing .unit { width: 90px; border: 1px solid #bababa; color: #000 }
	#preview-email .preview-item .eshot .pricing .note { font-size:.9em; color:#aaa; text-align: left; }
	
	#order-preview #preview-email .preview-item .pricing { border-collapse: collapse; color: #000 }
	#order-preview #preview-email .preview-item .pricing tr { text-align: center  }
	#order-preview #preview-email .preview-item .pricing td { border-color: #000; vertical-align: middle }
	#order-preview #preview-email .preview-item .pricing td.unit input { width: 75px; text-align: center; padding: 5px 0 0 0;}
	#order-preview #preview-email .preview-item .pricing td.bdr { border: 1px solid #000; background: #eee; }
	#order-preview #preview-email .preview-item .pricing td.bdrb { border: 2px solid #000; }
	#order-preview #preview-email .preview-item .pricing td.lightbdr { border: 1px solid #bababa; border-bottom: 1px solid #000; }
	#order-preview #preview-email .preview-item .pricing td.nobot { border-bottom: none; }
	#order-preview #preview-email .preview-item .pricing tr.space { height: 5px; }
	#order-preview #preview-email .preview-item .pricing td.space { border: none; width: 30px; }
	#order-preview #preview-email .preview-item .pricing td.details { text-align: left; width: 708px; }
	#order-preview #preview-email .preview-item .pricing td.last { width: 125px }
	#order-preview #preview-email .preview-item .pricing td.last label { margin: 0; border: 1px solid #000; }
	#order-preview #preview-email .preview-item .pricing td.padding { width: 10px }
	#order-preview #preview-email .preview-item .pricing td.label { width: 95px; padding: 3px 0; }
	#order-preview #preview-email .preview-item .pricing td.unit { text-align: center; vertical-align: middle; background: #eee; }
	#order-preview #preview-email .preview-item .pricing td.orange { background: #ffb28d }
	#order-preview #preview-email .preview-item .pricing td.orange input { background: #CF8967 }
	#order-preview #preview-email .preview-item .pricing tr td.branding,
	#order-preview #preview-email .preview-item .pricing tr td.colour { text-align: left; border: 1px solid #000; background: #eee; padding: 5px; }
	#order-preview #preview-email .preview-item .pricing td.branding input { width: 285px;}
	#order-preview #preview-email .preview-item .pricing td.colour input { width: 190px;}
	#order-preview #preview-email .preview-item .pricing td.bordered textarea { width: 634px;}	
	
	#preview-email #payment td { padding: 0 0 10px; background: #eee; padding: 5px; border: 1px solid #BABABA }
	#preview-email #payment td.space { background: #FFF; border:none}
	#preview-email #payment td table td {border: none}
	#preview-email #payment td table td input {float:right; width: 200px }
	#preview-email #payment td table td textarea {float:right; width: 195px }
	#preview-email #payment td table td span {float:right; width: 230px }

	body.order #top { float: left; margin: 0 25px 0 0; }
	#preview-email .preview-item .details,
	#preview-email .preview-item .eshot table { margin: 0 10px 10px 10px }	
	#preview-email .preview-item .eshot table { width: 95%; }
	body.final #preview-email .preview-item .details { margin: 0 10px 0 10px  }
	#preview-email .preview-item.details .ptitle { color: #000; padding: 0 0 3px; }
	#preview-email .preview-item .details .pdesc { color: #6d6d6d; padding: 0 0 10px; line-height: 1.2em }
	#preview-email .preview-item .plsnote { padding: 10px; border: 1px solid #bababa; background:#eeeeee }
	#preview-email .preview-item .eshot .details .pdesc { padding: 0 }
	#preview-email .preview-item .pref { color: #6d6d6d; padding: 10px 0 0 0; font-size: .9em; text-align: center; vertical-align:text-top }
	#preview-email .preview-item .prange { padding: 0 0 10px; font-size: 1.1em }
	#preview-email .preview-item .pref span,
	#preview-email .preview-item .prange span { color: #023FA3; }
	
	#preview-email .dynamic-office { font-size: 1.2em; padding: 0 0 5px 0; text-align: right; }
	#preview-email .dynamic-office fieldset { margin: 0;}
	body.ideas-list #preview-email .dynamic-office fieldset ul.poCreated { font-size: 0.8em;}
	#preview-email .dynamic-office input { margin: 0 0 5px; }
	#preview-email .dynamic-office p { float: left; margin: 0 10px 0 0; padding: 4px 0 0 0 }
	
	#preview-email .preview-item .bordered { border: 1px solid #bababa; padding: 5px; color: #134ca9; background: #eee; }
	#preview-email .preview-item .bordered td { text-align: left; padding: 0 0 0 5px; }
	#preview-email .preview-item .eshot .pnote { height: auto; padding: 10px 10px 0 0; font-size:1.1em }
	body.final #preview-email .preview-item .pnote { height: 40px; }
	body.customer-area #preview-email .preview-item .pnote,
	#preview-email .preview-item .pnote { padding: 0 0 0 10px; }
	body.ideas #preview-email .preview-item .pnote { padding: 0; }
	body.ideas-list #preview-email .preview-item .pnote { padding: 0; }
	body.ideas-list #preview-email .preview-item .pnotei { padding-left: 10px; }
	body.ideas-list #preview-email .preview-item .pnotes { padding-left: 10px; }
	body.quotes #preview-email .preview-item .pnotes { padding-left: 118px; height: 60px; }
	
	#preview-email .preview-item .shadowA {border-bottom: none}
	body.ideas #preview-email .preview-item .shadowA { width: 108px; padding: 0 1px; }
	#preview-email .preview-item .shadowB {border-bottom: none}
    #preview-email .preview-item .shadowC {border-bottom: none}
    #preview-email .preview-item .shadowD {border-bottom: none; width: 100px; height: 100px;}
	
	.ui-resizable-se { background:url(../../images/11x11_icon_resize_se.gif) bottom right no-repeat; bottom:0; cursor:se-resize; height:13px; right:0; width:13px; }
	
	.colorpicker {
		width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(../../images/custom_background-sc.png);
		font-family: Arial, Helvetica, sans-serif; display: none; padding: 0 0 44px;
	}
	.colorpicker_color {
		width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair;
	}
	.colorpicker_color div {
		position: absolute;	top: 0;	left: 0; width: 150px; height: 150px; background: url(../../images/colorpicker_overlay.png);
	}
	.colorpicker_color div div {
		position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; 
		background: url(../../images/colorpicker_select.gif); margin: -5px 0 0 -5px;
	}
	.colorpicker_hue {
		position: absolute;	top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize;
	}
	.colorpicker_hue div {
		position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(../../images/custom_indic.gif) left top; margin: -4px 0 0 0; left: 0px;
	}
	.colorpicker_new_color {
		position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00;
	}
	.colorpicker_current_color {
		position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00;
	}
	.colorpicker input {
		background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; 
		color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px;
	}
	.colorpicker_hex {
		position: absolute; width: 72px; height: 22px; background: url(../../images/custom_hex.png) top; left: 212px; top: 142px;
	}
	.colorpicker_hex input {
		right: 6px;
	}
	.colorpicker_field {
		height: 22px; width: 62px; background-position: top; position: absolute;
	}
	.colorpicker_field span {
		position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize;
	}
	.colorpicker_rgb_r {
		background-image: url(../../images/custom_rgb_r.png); top: 52px; left: 212px;
	}
	.colorpicker_rgb_g {
		background-image: url(../../images/custom_rgb_g.png); top: 82px; left: 212px;
	}
	.colorpicker_rgb_b {
		background-image: url(../../images/custom_rgb_b.png); top: 112px; left: 212px;
	}
	.colorpicker_hsb_h {
		background-image: url(../../images/custom_hsb_h.png); top: 52px; left: 282px;
	}
	.colorpicker_hsb_s {
		background-image: url(../../images/custom_hsb_s.png); top: 82px; left: 282px;
	}
	.colorpicker_hsb_b {
		background-image: url(../../images/custom_hsb_b.png); top: 112px; left: 282px;
	}
	.colorpicker_submit {
		position: absolute; width: 56px; height: 22px; background: url(../../images/custom_submit.png) top no-repeat; left: 288px; top: 142px; overflow: hidden;
		cursor: pointer;
	}
	.colorpicker_focus {
		background-position: center;
	}
	.colorpicker_hex.colorpicker_focus {
		background-position: bottom;
	}
	.colorpicker_submit.colorpicker_focus {
		background-position: bottom;
	}
	.colorpicker_slider {
		background-position: bottom;
	}
	
	

	/*  SUPPLIER LISTINGS
	----------------------*/
	body.supplier-listing div#columnB #intro .wrapper { padding-bottom: 0; }
	body.get-suppliers div#columnB #intro .wrapper { padding-top: 6px; }
	body.supplier-listing div#columnB #intro p { font-size: 1.1em; font-weight: bold; color: #747474; margin: 0; }
	body.shotgun div#columnB #intro div.charA { 
		width: 59px; height: 68px; position: absolute; top: 8px; right: 25px; background: url(../../images/character-shotgun.png) top center no-repeat
	}
	body.shotgun div#columnB #intro div.charB { 
	width: 59px; height: 92px; position: absolute; top: 8px; right: 25px; background: url(../../images/character-shotgunB.png) top center no-repeat
	}
	body.sources div#columnB #intro div.charA {
		width: 74px; height: 60px; position: absolute; top: 12px; right: 25px; background: url(../../images/character-sources.png) top center no-repeat
	}
	body.get-suppliers div#columnB #intro div.charA {
		width: 106px; height: 68px; position: absolute; top: 4px; right: 25px; background: url(../../images/character-getsuppliers.png) top center no-repeat
	}
	body.supplier-listing div#columnB #intro .wrapper ul { margin: 15px 0 25px; }
	body.supplier-listing div#columnB #intro .wrapper ul li { font-size: 1.1em; color: #747474; font-weight: bold; margin: 4px 0; }
	
	body.supplier-listing div#columnB #news { float: right }
	
	body.supplier-listing div#columnB #suppliers-europe,
	body.supplier-listing div#columnB #suppliers-international { width: 666px; margin: 0 0 15px; }
	body.supplier-listing div#columnB #suppliers-europe .header { 
		background:url(../../images/bg/panels/suppliers.png) 0 -41px no-repeat; height: 31px; padding: 10px 10px 0;
		/*background:url(../../images/bg/panels/suppliers-plain.png) 0 -41px no-repeat;*/
	}

	body.get-suppliers div#columnB #suppliers-europe .header { background:url(../../images/bg/panels/suppliers-plain.png) 0 -41px no-repeat; }
	body.supplier-listing div#columnB #suppliers-international .header { 
		background:url(../../images/bg/panels/suppliers.png) 0 -82px no-repeat; height: 31px; padding: 10px 10px 0;
		/*background:url(../../images/bg/panels/suppliers-plain.png) 0 -41px no-repeat;*/
	}
	
	body.supplier-listing div#columnB #suppliers-europe .header h3 { 
		background:url(../../images/uk-europe-suppliers.png) top left no-repeat; height: 16px; width: 146px; text-indent: -9999em; margin:3px 0 0 10px; float: left;
	}
	body.supplier-listing div#columnB #suppliers-international .header h3 {
		background:url(../../images/fareast-usa-suppliers.png) top left no-repeat; height: 16px; width: 160px; text-indent: -9999em; margin:3px 0 0 10px; float: left;
	}
	
	body.sources div#columnB #suppliers-europe .header { 
		background:url(../../images/bg/panels/suppliers-plain.png) 0 -41px no-repeat; height: 31px; padding: 10px 10px 0;
	}
	body.sources div#columnB #suppliers-europe .header h3 { 
		background:url(../../images/suppliers-h3.png) top left no-repeat; height: 16px; width: 60px; text-indent: -9999em; margin:3px 0 0 10px; float: left;
	}
	
	body.supplier-listing div#columnB #suppliers-europe fieldset.actions,
	body.supplier-listing div#columnB #suppliers-international fieldset.actions { float: right; }
	body.supplier-listing div#columnB #suppliers-europe fieldset.first,
	body.supplier-listing div#columnB #suppliers-international fieldset.first { float: left; }
	
	.select-all-suppliers { cursor: pointer }
	body.supplier-listing.get-suppliers #page-actions-bottom fieldset.actions .select-all-suppliers { margin-right: 120px }
	body.supplier-listing.get-suppliers #page-actions-bottom fieldset.actions input#ctl00_CPH1_ProductList1_btnSendShotgunBot { position: absolute; right: 104px }

	body.supplier-listing div#columnB .footer { background:url(../../images/bg/panels/suppliers.png) 0 -10px no-repeat; height: 21px; padding: 0 10px 10px; }
	body.supplier-listing div#columnB .footer p { float: left;}
	body.supplier-listing div#columnB .suppliers { background-color: #ccc; padding: 0 0 1px; }
	body.get-suppliers div#columnB .suppliers,
	body.sources div#columnB .suppliers { padding: 0; }
	body.get-suppliers div#columnB .footer  { background-position: 0 -30px; height: 10px; padding:0; margin: -10px 0 0 0; }
	body.sources div#columnB .footer { background-position: 0 0; height: 30px; padding:10px 10px 0 0; margin: -10px 0 0 0; }
	
	body.supplier-listing div#columnB .suppliers .supplier { 
		background: url(../../images/bg/panels/supplier.gif) 0 -10px no-repeat; width: 646px; margin: 0 auto 10px; padding: 10px 0 0; position: relative;
	}
	body.supplier-listing div#columnB .suppliers .supplier-bottom { 
		background: url(../../images/bg/panels/supplier.gif) 0 0 no-repeat; width: 646px; height: 10px; margin:0 auto; clear: both;
	}
	body.supplier-listing div#columnB .suppliers .supplier a { color: #000; }
	body.supplier-listing div#columnB .suppliers .supplier a.p-range { font-size: 12px; color: #32176B; text-decoration: none; position: relative; top: 40px }
	body.supplier-listing div#columnB .suppliers .supplier a.more { color: #fb4f00 }
	body.supplier-listing div#columnB .suppliers .supplier a.full { margin: 0 5px 0 0; }
	body.supplier-listing div#columnB .suppliers .supplier p.nil { padding-left: 10px }
	
	body.supplier-listing div#columnB .suppliers .supplier li.mid { text-align: center }
	
	body.supplier-listing div#columnB .suppliers .supplier ul.left { width: 316px; float: left; margin: 0 0 0 10px }
	body.supplier-listing div#columnB .suppliers .supplier ul.left li { 
		font-size: 1.1em; font-weight: bold; color: #000; margin: 3px 0; float: left; width: 99%; line-height: 1.1em;
		left: 10px;
	}
	
	body.supplier-listing div#columnB .suppliers .supplier ul.left li.spacebot { margin-bottom: 10px }
	body.sources div#columnB .suppliers .supplier ul.left li.spacebot { height: 0px }
	
	body.supplier-listing div#columnB .suppliers .supplier ul.left li.icons { height: 20px; margin: 0; bottom: 10px; }
	body.supplier-listing div#columnB .suppliers .supplier ul.left li.icons li { float: left; margin: 0 2px 0 0; width: auto !important; }
	body.supplier-listing div#columnB .suppliers .supplier ul.left li.icons li.v-sample { position: absolute; top: -5px; left: 275px; }	
	body.supplier-listing div#columnB .suppliers .supplier ul.left span { color: #fb4f00 }
	body.supplier-listing div#columnB .suppliers .supplier li.fixed-sup span { display: block; float: left; width: 65px; }
	body.supplier-listing div#columnB .suppliers .supplier li.fixed-telfax span { display: block; width: 35px; float: left; }
	
	body.supplier-listing div#columnB .suppliers .supplier ul.right { margin: 0 10px 0 336px; padding: 0 0 30px; }
	body.supplier-listing div#columnB .suppliers .supplier ul.right li { margin: 0 0 4px; color: #727272; font-weight: bold; line-height: 1.3em; }
	body.supplier-listing div#columnB .suppliers .supplier ul.right li p { margin: 6px 0 0 0; }
	body.supplier-listing div#columnB .suppliers .supplier ul.right li .h4 { font-size: 1.2em; color: #000; margin: 0 5px 0 0; }
	body.supplier-listing div#columnB .suppliers .supplier ul.right li span.black { font-size: 1.1em; color: #000; }
	body.supplier-listing div#columnB .suppliers .supplier ul.right .add-to-shotgun { height: 21px; text-align: right; position:absolute; bottom:7px; right: 6px; width: 305px; }
	body.supplier-listing div#columnB .suppliers .supplier ul.right .add-to-shotgun a.full { width: 46px; height: 32px; }
	body.supplier-listing div#columnB .suppliers .supplier ul.right .add-to-shotgun a.full img { float: left; margin: -10px 0 0 11px; }
	body.supplier-listing div#columnB .suppliers .supplier ul.right .add-to-shotgun img { float: left }
	body.supplier-listing div#columnB .suppliers .supplier ul.right .add-to-shotgun label { 
		background: url(../../images/btn/add-to-shotgun.png) top left no-repeat; width: 122px; height:20px; display: block; text-align: right; 
		padding: 1px 7px 0 0; cursor: pointer; float: right;/* margin: 0 0 0 10px;*/
	}
	
	/*      SUPPLIER DIRECTORY
	----------------------------------*/	
	body.supplier-directory #search-panel div.char { 
		position: absolute; top: 2px; right: 25px; width: 88px; height: 67px; 
		background:url(../../images/character-supplier-directory.png) top left no-repeat;
	}
	body.supplier-directory #content div#columnB div.title div.top img {position: relative; top: -27px; left: 495px}
	
	body.supplier-directory #search-panel .wrapper fieldset {float:left; margin-bottom:0}
	body.supplier-directory #search-panel .wrapper label {float:left; margin-bottom:0}
	body.supplier-directory #search-panel .wrapper fieldset input { width:200px; margin-right:10px}
	body.supplier-directory #news { float: right }
	
	#supplier-details { font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; }
	#supplier-details .content { background: url(../../images/bg/tooltip-lg-content.png) 12px 0 repeat-y; }
	
	#supplier-details div.left { float: left; width: 300px; list-style: outside; margin: 0 20px 0 0; }
	#supplier-details div.left ul li { margin: 1px 0; }
	#supplier-details div.left ul li.spacetop,
	#supplier-details div.right ul.spacetop { margin: 15px 0 0; }
	
	#supplier-details div.right { float:left; width: 300px;}
	#supplier-details div.right ul li { float: left; margin: 0 2px 0 0; }
	#supplier-details a.goto-news,
	.supplier a.goto-news { position: absolute; top: 10px; right: 10px; text-decoration: none }
	#supplier-details a.goto-news:hover { text-decoration: none }
	#content div#columnB #supplier-details div.right p { color: #000 }
	
	body.supplier-directory #suppliers-list li { width: 626px; padding-left: 10px; }
	body.supplier-directory #suppliers-list li.even { background: #e1e1e1 url(../../images/bg/suppliers-list.gif) 0 -8px no-repeat; }
	body.supplier-directory #suppliers-list li.bottom {width: 636px;}
	
	#suppliers-brands .wrapper { padding-bottom:0}
	#suppliers-brands li { border-top: dashed 1px #bababa; margin: 0 0 10px; line-height: 1.2em; padding-top:10px}
	#suppliers-brands li.top { border-top: none; padding-top:0}
	body.customer-area #content #columnB #suppliers-brands .wrapper li p,
	body.supplier-area #content #columnB #suppliers-brands .wrapper li p,
	body.customer-area #content #columnB #suppliers-list .wrapper li p,
	body.supplier-area #content #columnB #suppliers-list .wrapper li p { font-size: 1em;}
	#suppliers-brands li .h5,
	#suppliers-brands li .h6 { font-weight: bold; font-size: 1.2em; margin: 0 0 10px; color: #000; }
	#suppliers-brands li .h5 span { color: #727272; font-size: 0.83em; }
	#suppliers-brands li .h6 span { color: #fb4f00;}
	
	
	/*      SUPPLIER ADVERTISING
	----------------------------------*/	
	body.supplier-advertising .indent div.char { 
		position: absolute; top: 13px; right: 30px; width: 62px; height: 102px; 
		background:url(../../images/character-supplier-advertising.png) top left no-repeat;
	}
	
	body.supplier-advertising .indent .wrapper { padding-right: 140px; }
	
	body.supplier-advertising .wrapper { padding-bottom:0 }
	body.supplier-advertising .wrapper p.actions img { margin-left:10px }
	
	/*      NEWS BULLETIN
	----------------------------------*/	
	body.news-bulletin #search-panel div.char { 
		position: absolute; top: 4px; right: 20px; width: 97px; height: 79px; 
		background:url(../../images/character-news-bulletin.png) top left no-repeat;
	}
	#ctl00_CPH1_UPNewsList { position: relative; z-index: 500; }
	
	body.news-bulletin #search-panel .wrapper {}
	body.news-bulletin #search-panel .wrapper p { font-size: 1.1em}
	body.news-bulletin #search-panel .page-actions { padding-top:5px}
	body.news-bulletin #search-panel .pages { width: 118px; padding: 4px 0 0 10px; float:left; margin: 9px 0 0 0;}
	body.news-bulletin #content div#columnB #search-panel .pages p {line-height: 16px; color: #000;}
	body.news-bulletin #search-panel .pages li span { padding-right: 10px}
	body.news-bulletin #search-panel input { float:left }
	body.news-bulletin #search-panel fieldset { float:left; margin: 0 0 0 20px; width: 350px; }
	body.news-bulletin #search-panel fieldset input.last { margin-left:10px }
	body.news-bulletin #news { float: right; }
	
	body.news-bulletin #search-panel div.actions { float: right; margin: 30px 0 0 0; }
	body.news-bulletin #search-panel div.actions a { text-decoration: none; }
	body.news-bulletin #search-panel fieldset ol { width: 350px }
	body.news-bulletin #search-panel fieldset ol li { margin: 0 0 1px; clear: left; min-height: 21px; line-height: 1.1em; text-align: right; position: relative }
	body.news-bulletin #content #columnB #search-panel fieldset ol li p.hint { font-size:.9em; left:60px; position:absolute; top:19px; }
	body.news-bulletin #search-panel fieldset ol li.first { margin: 0 0 10px; }
	body.news-bulletin #search-panel fieldset ol li label { width: 100px; display: block; float: left; margin: 4px 5px 0 0; font-weight: bold; color: #484848 }
	
	table#news-table {width: 100%}
	table#news-table th.col1 {width:10%}
	table#news-table th.col2 {width:24%}
	table#news-table th.col3 {width:42%}
	table#news-table th.col4 {width:12%; text-align: center}
	table#news-table th.col5 {width:12%; text-align: center}
	
	table#news-table td.col2,
	table#news-table td.type { font-weight:bold; }
	table#news-table td.icon,
	table#news-table td.sup { vertical-align: top; text-align: center }
	table#news-table td.icon img { margin: 3px auto 0; width: 32px; display: block }
	
	
	/*      TABLE DATE GLOBAL STYLES
	----------------------------------*/	
	.table-data th, 
	.table-data td { font-size:1em; padding:5px; border-bottom: solid 1px #fff; border-right: solid 1px #fff; text-align:left}
	.table-data th {background:#fb4f00; color:#fff; }
	.table-data td {background:#e1e1e1; line-height: 1.2em; }
	.table-data tr.odd td { background-color: #d9d9d9 }

	/*      STATIC COPY [ADDED][MODIFIED]
	----------------------------------*/
	body.static #news { float: right; }
	body.static .indent .wrapper { padding-right: 140px; }
	body.static .wrapper .panel { border-top: 1px dashed #bababa; padding: 10px 0}
	body.static .wrapper .panel.no { border-top: none; padding-top:0}
	body.static .wrapper h3 { color:#ff5100; font-size:1.4em; margin-bottom:15px; width: auto; clear: left; line-height: 1.4em}
	body.static #content .wrapper h3.title,
	body.static #content .wrapper h4.title{ float: left }	
	body.static #content .wrapper img.logo { float: right }
	body.static .wrapper h4 { font-size: 1.2em; margin: 0 0 10px; color: #ff5100;  }
	body.static .wrapper h4 span { font-size: .8em; color: #444 }
	body.static .wrapper h5 { color: #505050; font-size:1.1em; margin:0 0 5px; }
	body.static .wrapper p { font-size: 1.1em; margin: 0 0 15px; line-height: 1.4em; }
	body.static #columnB .wrapper p.subtitle { font-size:1.1em; color: #505050; margin: -10px 0 5px; }
	body.static #content #columnB .wrapper p.spec { color: #747474; font-size: .9em; }
	body.static #content #columnB .wrapper p.intro { width: 450px }
	body.static #columnB .wrapper p:last-child { margin: 0; }
	body.static #columnB .wrapper p.actions { text-align:right; margin-bottom:0; padding-top:10px }
	body.static #columnB .wrapper p.actions a { margin: 0 0 0 10px; }
	body.static #columnB .wrapper p.orange { margin: 0 0 0 55%; }
	body.static #columnB .wrapper p span.sep { }
	body.static #columnB .wrapper p img { margin: 0 10px 0 0; }
	body.static #columnB .wrapper .highlight { color: #ff5100; }
	body.static #columnB .wrapper ul { margin: 0 20px 20px 20px }
	body.static #columnB .wrapper ul li ul { margin: 0 20px 5px 20px }
	body.static #columnB .wrapper ul.left { width: 45%; float: left; margin: 0 0 0 3%; }
	body.static #columnB .wrapper ul.right { width: 45%; float: right; margin: 0 0 0 3%; }
	body.static #columnB .wrapper li { 
		margin: 4px 0; font-size:1em; font-weight: bold; line-height: 1.4em; background: url(../../images/icons/bullet-grey.png) left top no-repeat;
		padding: 0 0 0 12px; color: #333;
	}
	body.static #columnB .wrapper li li { background-image: url(../../images/icons/bullet-grey-knockout.png); }
	body.static #columnB .wrapper ul.skinsites { margin: 0 0 15px; float: left }
	body.static #columnB .wrapper ul.skinsites li { float: left; background: none; margin: 0 5px 0 0; padding: 0; }
	body.static #columnB span.tel { color: #ff5100; font-size: 1.2em; }
	body.static #columnB .wrapper table#leads { margin: 0 auto 15px; border: 1px solid #222; }
	body.static #columnB .wrapper table#leads tr.gold td { background: #FC0; }
	body.static #columnB .wrapper table#leads tr.silver td { background: #CCC; }
	body.static #columnB .wrapper table#leads td { padding: 10px; text-align: center; font-size: 1.1em }

	/*      SKIN SITES
	----------------------------------*/
	body.skinsites #content div#columnB div.char { 
		background: url(../../images/character-skinsites.png) top left no-repeat; width: 87px; height: 77px; top: 15px; right: 30px;
	}
	body.skinsites #content #columnB .wrapper h3.eco { background: url(../../images/icons/latest-leaf.png) top left no-repeat; padding: 17px 0 10px 75px; }
	body.skinsites #content #columnB .wrapper h3.eco span { font-size: .8em; color: #333; margin: 3px 0 0; display: block; }
	body.skinsites #content #columnB .wrapper p,
	body.skinsites #content #columnB .wrapper ul { clear: left }
	body.skinsites #content #columnB .wrapper p { font-size: 1.1em; color: #000 }
	html body.skinsites #content #columnB .wrapper .eco { color: #6db532 !important }
	
	
	/*      SKIN SITES
	----------------------------------*/
	body.sourcing-planet #content #columnB .wrapper img.logo { clear: none; position: absolute; top: 15px; right: 25px; }
	
	
	/*      DYNAMIC OFFICE
	----------------------------------*/
	
	body.dynamic-office div.charA { 
		position: absolute; top: 15px; right: 25px; width: 78px; height: 78px; background:url(../../images/dynamic-office.gif) top left no-repeat;
	}
	body.dynamic-office div.charB { 
		position: absolute; top: 15px; right: 25px; /*width: 116px; height: 61px;*/ width: 78px; height: 78px; 
		background:url(../../images/character-dynamic-office-lite.gif) top left no-repeat;
	}
	body.dynamic-office #columnB div.do .wrapper ul.gutter { margin-right: 110px; }
	body.dynamic-office #columnB div.dol .wrapper { padding-bottom: 0; }
	body.dynamic-office #columnB div.dol p { margin: 5px 0 0; padding: 0; }
	body.dynamic-office #columnB div.dol p.actions { margin: 0; padding: 0; }
	body.dynamic-office #columnB div.dol .wrapper h4 { margin: 0 130px 0 0; line-height: 1.2em; }
	
	
	/*      DYNAMIC MAILING
	----------------------------------*/
	
	body.dynamic-mailing #columnB div.char { 
		position: absolute; top: 15px; right: 25px; width: 78px; height: 78px; background:url(../../images/character-dynamic-mailing.gif) top left no-repeat;
	}
	body.dynamic-mailing .wrapper { padding-bottom:0 }
	body.dynamic-mailing .wrapper p.first { padding-right: 140px; }
	body.dynamic-mailing #content div#columnB .wrapper p.sub { color: #444; }
	body.dynamic-mailing #columnB .wrapper h3 { margin: 0 0 20px; }
	body.dynamic-mailing #columnB .wrapper h4 { width: 480px; line-height: 1.3em; }
	body.dynamic-mailing #columnB .wrapper ul { width: 500px; }
	body.dynamic-mailing #columnB .wrapper hr.divide { margin: 10px 0 25px; } 
	
	/*      CONTACT US
	----------------------------------*/
	
	body.contact #columnB div.char { 
		position: absolute; top: 15px; right: 30px; width: 74px; height: 123px; background:url(../../images/character-contact-us.png) top left no-repeat;
	}
	body.contact .indent .wrapper { padding-right: 130px; width:530px; overflow:hidden }
	body.contact .wrapper { padding-bottom:0 }
	
	body.contact #content div#columnB iframe { margin:0 auto; display: block; width:475px; height:325px }
	body.contact #content div#columnB img.char { position: absolute; top: 13px; right: 20px; }
	body.contact #content div#columnB .wrapper p { margin-bottom:5px}
	body.contact #content div#columnB .wrapper a { color: #ff5100 }
	body.contact #content div#columnB .wrapper .contact-num { }
	body.contact #content div#columnB .wrapper .contact-num p { margin-bottom:0}
	body.contact #content div#columnB .wrapper .contact-num span.digits { color:#ff5100; }
	body.contact #content div#columnB .wrapper .contact-num.icon { background:url(../../images/icons/telephone.png) no-repeat;}
	body.contact #content div#columnB .wrapper .contact-num.icon a { display:block; text-decoration:none; padding: 8px 0 0 55px; height:37px;}
	body.contact #content div#columnB .wrapper .contact-num.icon1 { background:url(../../images/icons/di_logo.png) no-repeat;}
	body.contact #content div#columnB .wrapper .contact-num.icon1 a { display:block; text-decoration:none; padding: 8px 0 0 55px; height:44px; margin-left:10px;}
	
	/*      OOPS
	----------------------------------*/
	
	body.oops #columnB div.char { position: absolute; top: 15px; right: 30px; width: 62px; height: 80px; background:url(../../images/character-oops.jpg) top left no-repeat;}
	body.oops #columnB .wrapper { padding-right: 120px }
	
	/*      TIMEOUT (USES SAME TEMPLATE AS OOPS)
	----------------------------------*/
	
	body.oops #columnB div.charB { position: absolute; top: 15px; right: 50px; width: 46px; height: 80px; background:url(../../images/character-timeout.jpg) top left no-repeat;} /**/	
	body.oops #columnB .wrapper img { float: right } 

	/*      TERMS
	----------------------------------*/
	body.terms #content #columnB ol { margin:  10px 40px 20px 40px; }
	body.terms #content #columnB ol li { margin: 5px 0; background: none; list-style: lower-roman; padding: 0; }
	
	/*      PRIVACY
	----------------------------------*/
	
	
	/*      HELP
	----------------------------------*/	
	body.help #columnB div.char { background:url(../../images/character-help.png) top left; top: 13px; right: 25px; width: 92px; height: 69px; }
	body.help fieldset ol li em { color: #ff5100 }
	body.help #columnB .wrapper fieldset ol li { margin: 0 0 1px; clear: left; min-height: 21px; line-height: 1.1em; background: none; padding-left: 0; }
	body.help fieldset ol li label { width: 200px; display: block; float: left; margin: 4px 0 0; font-weight: bold; color: #484848 }
	body.help fieldset ol li input,
	body.help fieldset ol li textarea { width: 260px; float: left; margin: 0 20px 1px 0; }
	body.help fieldset ol li input.file { height: auto !important; }
	body.help fieldset ol li input.selectbox { width: 238px }
	body.help fieldset ol li textarea { background: #DCDCDC; border: none; padding: 5px 0 0 5px; height: 80px;  }
	body.help fieldset ol li span.hint { color: #999; }
	body.help #page-actions-bottom p.left { float: left }
	body.help #columnB p.actions { margin: -20px 0 0; padding: 0; }
	
	/*      RoHS
	----------------------------------*/
	body.rohs #content #columnB p.bold { font-size: 1.1em; color: #444; }
	
	/*      MESSAGES
	----------------------------------*/
	body.message #content #columnA { width: 820px; font-weight: bold; }
	body.message #content #columnA .panel-820 { padding-top: 40px; }
	body.message #content #columnA .title .top { height: 40px; }
	body.message #content #columnA .title .top h2 { padding: 8px 0 0 93px }
	body.message #content #columnA .wrapper { padding: 5px 14px 0 100px; }
	body.message #content #columnA p { font-size: 1.1em; color: #747474}
	body.message #content #columnA p.hint { font-size: .9em; }
	body.message #content #columnA p.actions { text-align: right; margin: -10px 0 0; line-height: 0; }
	body.message #content #columnA .char { position: absolute; top: 14px; left: 20px; width:65px; height: 86px; background-repeat: no-repeat; background-position: 0 0; }
	body.message #content #columnA .info .char { background-image: url(../../images/character-thumbs-up.png); }
	body.message #content #columnA .error .char { background-image: url(../../images/character-thumbs-down.png); }
	body.message #content #columnA #news { float: right } 
	body.message #content #columnA ul { margin: 10px 0; }
	body.message #content #columnA ul li { margin: 0; background: none; padding: 0; font-size: 1.1em; color: #505050 }
	
	/*      ABOUT US
	----------------------------------*/
	body.about #content #columnB div.char,
	body.terms #content #columnB div.char,
	body.privacy #content #columnB div.char { 
		display: none;
	}
	body.about #content #columnB .wrapper p.intro { width: 500px }
	body.about #content #columnB .wrapper img.logo { margin: 0 5px -4px 0; float: none }
	
	/*      TRAINING
	----------------------------------*/
	body.training .charA { background: url(../../images/character-training.png) top center no-repeat; width: 82px; height: 112px; position: absolute; right:17px; top:7px; }
	body.training #columnB .wrapper p.actions { padding:0; }
	body.training #columnB .wrapper p.actions a img { margin: 0; }
	body.training #columnB .training .wrapper p.actions { margin: -32px 0 20px; }
	body.training #columnB .training .wrapper p.actions a { margin: 0 0 0 10px; }
	body.training #columnB .wrapper p.first { padding: 0; margin: -32px 0 0; }
	body.training #columnB .wrapper .gutter { padding-right: 140px !important; }
	body.training #columnB .wrapper hr.gutter { margin-right: 140px !important; }
	
	/*      DATEPICKER
	----------------------------------*/
	#ui-datepicker-div, .ui-datepicker-inline {
		font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0; margin: 0; background: #ddd; width: 185px;
	}
	#ui-datepicker-div {
		display: none; border: 1px solid #777; z-index: 100; /*must have*/
	}
	.ui-datepicker-inline {
		float: left; display: block; border: 0;
	}
	.ui-datepicker-rtl {
		direction: rtl;
	}
	.ui-datepicker-dialog {
		padding: 5px !important; border: 4px ridge #ddd !important;
	}
	.ui-datepicker-disabled {
		position: absolute; z-index: 100; background-color: white; opacity: 0.5;
	}
	button.ui-datepicker-trigger {
		width: 25px;
	}
	img.ui-datepicker-trigger {
		margin: 2px; vertical-align: middle;
	}
	.ui-datepicker-prompt {
		float: left; padding: 2px; background: #ddd; color: #000;
	}
	* html .ui-datepicker-prompt {
		width: 185px;
	}
	.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
		clear: both; float: left; width: 100%; color: #fff;
	}
	.ui-datepicker-control {
		background: #400; padding: 2px 0px;
	}
	.ui-datepicker-links {
		background: #000; padding: 2px 0px;
	}
	.ui-datepicker-control, .ui-datepicker-links {
		font-weight: bold; font-size: 80%;
	}
	.ui-datepicker-links label { /* disabled links */
		padding: 2px 5px; color: #888;
	}

	.ui-datepicker-clear, .ui-datepicker-prev {
		float: left; width: 34%;
	}
	.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
		float: right; text-align: right;
	}
	.ui-datepicker-current {
		float: left; width: 30%; text-align: center;
	}
	.ui-datepicker-close, .ui-datepicker-next {
		float: right; width: 34%; text-align: right;
	}
	.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
		float: left; text-align: left;
	}
	.ui-datepicker-header {
		padding: 1px 0 3px; background: #333; text-align: center; font-weight: bold; height: 1.3em;
	}
	.ui-datepicker-header select {
		background: #333; color: #fff; border: 0px; font-weight: bold;
	}
	.ui-datepicker {
		background: #ccc; text-align: center; font-size: 100%;
	}
	.ui-datepicker a {
		display: block; width: 100%;
	}
	.ui-datepicker-title-row {
		background: #777;
	}
	.ui-datepicker-days-row {
		background: #eee; color: #666;
	}
	.ui-datepicker-week-col {
		background: #777; color: #fff;
	}
	.ui-datepicker-days-cell {
		color: #000; border: 1px solid #ddd;
	}
	.ui-datepicker-days-cell a{
		display: block;
	}
	.ui-datepicker-week-end-cell {
		background: #ddd;
	}
	.ui-datepicker-title-row .ui-datepicker-week-end-cell {
		background: #777;
	}
	.ui-datepicker-days-cell-over {
		background: #fff; border: 1px solid #777;
	}
	.ui-datepicker-unselectable {
		color: #888;
	}
	.ui-datepicker-today {
		background: #fcc !important;
	}
	.ui-datepicker-current-day {
		background: #999 !important;
	}
	.ui-datepicker-status {
		background: #ddd; width: 100%; font-size: 80%; text-align: center;
	}
	
	/*############ DATEPICKER LINKS
	## Reset link properties and then override them with !important */
	#ui-datepicker-div a, .ui-datepicker-inline a {
		cursor: pointer; margin: 0; padding: 0; background: none;  color: #000;
	}
	.ui-datepicker-inline .ui-datepicker-links a {
		padding: 0 5px !important;
	}
	.ui-datepicker-control a, .ui-datepicker-links a {
		padding: 2px 5px !important; color: #eee !important;
	}
	.ui-datepicker-title-row a {
		color: #eee !important;
	}
	.ui-datepicker-control a:hover {
		background: #fdd !important; color: #333 !important;
	}
	.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
		background: #ddd !important; color: #333 !important;
	}
	
	/*############ MULTIPLE MONTHS */
	.ui-datepicker-multi .ui-datepicker {
		border: 1px solid #777;
	}
	.ui-datepicker-one-month {
		float: left; width: 185px;
	}
	.ui-datepicker-new-row {
		clear: left;
	}

	/*      TOOLTIPS
	----------------------*/
	
	#overlay { height:100%; background-color: #333; width: 100%; position: absolute; top: 0; left: 0; z-index: 150; }
	
	/*########## SMALL */
	.tooltip-sml { position: absolute; width: 300px; top: -9999em; left: -9999em; z-index: 151; }
	.tooltip-sml .wrapper { position: relative }
	.tooltip-sml .wrapper .close { 
		position: absolute; width: 15px; height: 15px; background: url(../../images/btn/close-sml.png) center center no-repeat; 
		top:10px; right: 10px; cursor: pointer;
	}
	.tooltip-sml .content { margin: 0 16px; background: #fff; padding: 5px 15px 5px 5px; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; }
	.tooltip-sml .content ul li, 
	.tooltip-sml .content h6 { color: #ff5100; }
	.tooltip-sml .content h6 { margin: 0 0 5px; font-size: 1.2em; }
	.tooltip-sml .content p { margin: 0 0 8px; }
	.tooltip-sml .content .highlight { color: #44178a }
	.tooltip-sml .content fieldset { text-align: right; }
	.tooltip-sml .content a { color: #000; }
	.tooltip-sml .top-wrapper, 
	.tooltip-sml .bottom-wrapper {height: 16px; position: relative}
	.tooltip-sml .middle-wrapper { position: relative }
	.tooltip-sml .arrow { 
		position: absolute; bottom: -47px; left: 50%; margin: 0 0 0 -30px; width:60px; height:50px;
		background:url(../../images/tooltips/arrow.png) top left no-repeat !important;
	}
	
	.tooltip-sml .top-left,
	.tooltip-sml .bottom-left,
	.tooltip-sml .top-right,
	.tooltip-sml .bottom-right { width: 16px; height: 16px; position: absolute}
	
	.tooltip-sml .top-bdr,
	.tooltip-sml .bottom-bdr { width: auto; height: 16px; margin: 0 16px; }
	
	.tooltip-sml .left-bdr,
	.tooltip-sml .right-bdr { width: 16px; height: 100%; position: absolute; }
	
	.tooltip-sml .top-bdr {
		background:url(../../images/tooltips/sml-topbdr.png) top left repeat-x !important;
	}
	.tooltip-sml .top-left {
		top:0; left:0;
		background:url(../../images/tooltips/sml-topleft.png) top left repeat-x !important; 
	}
	.tooltip-sml .top-right {
		top:0; right:0;
		background:url(../../images/tooltips/sml-topright.png) top left repeat-x !important;
	}	
	.tooltip-sml .bottom-bdr {
		background:url(../../images/tooltips/sml-bottombdr.png) top left repeat-x !important;
	}
	.tooltip-sml .bottom-left {
		top:0; left:0;
		background:url(../../images/tooltips/sml-bottomleft.png) top left repeat-x !important;
	}
	.tooltip-sml .bottom-right {
		top:0; right:0;
		background:url(../../images/tooltips/sml-bottomright.png) top left repeat-x !important; 
	}
	
	.tooltip-sml .left-bdr {
		top:0; left:0;
		background:url(../../images/tooltips/sml-leftbdr.png) top left repeat-y !important; 
	}
	.tooltip-sml .right-bdr{
		top:0; right:0;
		background:url(../../images/tooltips/sml-rightbdr.png) top left repeat-y !important; 
	}
	
	/*########## LARGE */
	.tooltip-lg { position: absolute; width: 680px; top: -9999em; display: none; z-index: 101 }
	.tooltip-lg .wrapper { position: relative }
	.tooltip-lg .wrapper div.close { 
		position: absolute; width: 74px; height: 24px; background: url(../../images/btn/close.png) center center no-repeat; 
		bottom: 25px; right: 25px; cursor: pointer;
	}
	.tooltip-lg .wrapper #newclose { position: absolute; right: 25px; bottom: 25px; }
	.tooltip-lg .wrapper #newclose a.print { position: absolute; /*right: 82px;*/ right: 157px; bottom: -2px; }
	.tooltip-lg .wrapper .position { position: absolute; right: 115px; bottom: 23px; }
	.tooltip-lg .content { margin: 0 29px; background-color: #fff; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; }
	.tooltip-lg .top-wrapper, 
	.tooltip-lg .bottom-wrapper {height: 29px; position: relative}
	.tooltip-lg .middle-wrapper {position: relative}
	.tooltip-lg #print-preview-image .middle-wrapper .image { text-align: center; margin: 0 4px; text-align: center; height: 400px; width: 400px; vertical-align:middle; }
	.tooltip-lg #print-preview-image .middle-wrapper .image table td { vertical-align: middle; height: 400px; width: 400px; }
		
	.tooltip-lg .arrow { 
		position: absolute; bottom: -45px; left: 50%; width:60px; height:50px; display: none;
		background: url(../../images/tooltips/arrow.png) top left no-repeat !important;
	}
	
	div.supplier-information { background: url(../../images/bg/tooltip-lg-content.png) top left repeat-y; }
	div.supplier-information a { color: #000; }
	div.supplier-information a.goto-news { margin: 0 0 0 3px; }
	body.supplier-listing div.supplier-information { background: none; font-weight:bold; padding: 0 0 35px; }
	body.supplier-listing div.supplier-information .actions { text-align: right; position: absolute; bottom: 5px; right: 10px }
	body.supplier-listing div.supplier-information .actions img { margin: 0 0 0 10px }
	body.get-suppliers div.supplier-information .actions { width: 311px	}	
	body.get-suppliers div.supplier-information .actions .default-actions { float: right }	
	body.get-suppliers div.supplier-information .actions .default-actions a.first { margin-right: 7px }		
	body.get-suppliers div.supplier-information .actions fieldset.add-to-basket { float: left }	
	body.supplier-listing div.supplier-information .add-to-shotgun label { background: url(../../images/btn/add-to-shotgun.png) top left no-repeat; width: 122px; height:20px; display: block; text-align: right; padding: 1px 7px 0 0; cursor: pointer; float: right; margin-right: 10px }
	
	body.get-suppliers .supplier-information div.right { margin: 0; }
	.supplier-information div.right h3 { width: 100% !important; color: #FB4F00; font-size: 1em }
	.supplier-information .supplier { background: url(../../images/bg/tooltip-lg-content.png) 10px 0 repeat-y; }
	
	.tooltip-lg .top-left,
	.tooltip-lg .bottom-left,
	.tooltip-lg .top-right,
	.tooltip-lg .bottom-right { width: 29px; height: 29px; position: absolute}
	
	.tooltip-lg .top-bdr,
	.tooltip-lg .bottom-bdr { width: auto; height: 29px; margin: 0 29px; }
	
	.tooltip-lg .left-bdr,
	.tooltip-lg .right-bdr { width: 29px; height: 100%; position: absolute; }
	
	.tooltip-lg .top-bdr {
		background:url(../../images/tooltips/lg-topbdr.png) top left repeat-x !important; 
	}
	.tooltip-lg .top-left {
		top:0; left:0;
		background:url(../../images/tooltips/lg-topleft.png) top left no-repeat !important; 
	}
	.tooltip-lg .top-right {
		top:0; right:0;
		background:url(../../images/tooltips/lg-topright.png) top left no-repeat !important; 
	}	
	.tooltip-lg .bottom-bdr {
		background:url(../../images/tooltips/lg-bottombdr.png) top left repeat-x !important;
	}
	.tooltip-lg .bottom-left {
		top:0; left:0;
		background:url(../../images/tooltips/lg-bottomleft.png) top left no-repeat !important;
	}
	.tooltip-lg .bottom-right {
		top:0; right:0;
		background:url(../../images/tooltips/lg-bottomright.png) top left no-repeat !important;
	}	
	.tooltip-lg .left-bdr {
		top:0; left:0; background-color: #ff0000;
		background:url(../../images/tooltips/lg-leftbdr.png) top left repeat-y !important;
	}
	.tooltip-lg .right-bdr {
		top:0; right:0; background-color: #ff0000;
		background:url(../../images/tooltips/lg-rightbdr.png) top left repeat-y !important;
	}
	
	/*########## PRINT PREVIEW */
	.tooltip-lg #print-preview-image .top-wrapper, 
	.tooltip-lg #print-preview-image .bottom-wrapper {height: 4px;}
	
	.tooltip-lg #print-preview-image .shad-topleft,
	.tooltip-lg #print-preview-image .shad-bottomleft,
	.tooltip-lg #print-preview-image .shad-topright,
	.tooltip-lg #print-preview-image .shad-bottomright { width: 4px; height: 4px; position: absolute}
	
	.tooltip-lg #print-preview-image .shad-topbdr,
	.tooltip-lg #print-preview-image .shad-bottombdr { width: 400px; height: 4px; margin: 0 4px; }
	
	.tooltip-lg #print-preview-image .shad-leftbdr { left:0; }
	.tooltip-lg #print-preview-image .shad-rightbdr { right: 0; }
	
	.tooltip-lg #print-preview-image .shad-leftbdr,
	.tooltip-lg #print-preview-image .shad-rightbdr { width: 4px; position: absolute; height: 100%; top:0; }
	
	.tooltip-lg #print-preview-image .shad-topbdr {	background:url(../../images/bg/shadow-top.gif) top left repeat-x !important;}
	.tooltip-lg #print-preview-image .shad-topleft { background:url(../../images/bg/shadow-topleft.gif) top left repeat-x !important;}
	.tooltip-lg #print-preview-image .shad-topright { background:url(../../images/bg/shadow-topright.gif) top left repeat-x !important;}	
	.tooltip-lg #print-preview-image .shad-bottombdr { background:url(../../images/bg/shadow-bottom.gif) top left repeat-x !important;}
	.tooltip-lg #print-preview-image .shad-bottomleft {	background:url(../../images/bg/shadow-bottomleft.gif) top left repeat-x !important;}
	.tooltip-lg #print-preview-image .shad-bottomright { background:url(../../images/bg/shadow-bottomright.gif) top left repeat-x !important;}	
	.tooltip-lg #print-preview-image .shad-leftbdr { background:url(../../images/bg/shadow-left.gif) top left repeat-y !important;}
	.tooltip-lg #print-preview-image .shad-rightbdr { background:url(../../images/bg/shadow-right.gif) top left repeat-y !important;}

/* ceza start */
	
	/*      SUPPLIER & CUSTOMER AREA GLOBAL STYLES - CEZZA
	
	Please check ie6.css for fixes
	
	----------------------------------*/
	
	/* Orange left nav */
	body.customer-area #searchby,
	body.supplier-area #searchby {background-image: url(../../images/bg/panels/ca-solid-orange.png); margin-bottom:40px}
	
	body.customer-area #content #searchby .bottom,
	body.supplier-area  #content #searchby .bottom {background-image: url(../../images/bg/panels/ca-solid-orange-bot.png); }
	
	body.customer-area #searchby ul li,
	body.supplier-area  #searchby ul li { line-height: normal}
	
	body.customer-area #searchby ul li a,
	body.supplier-area #searchby ul li a { color: #fff; text-decoration: none; padding: 2px 0 4px 28px;  height: auto; display: block; font-size: 9px; background: url(../../images/ca-bullet-searchby.png) no-repeat 7px 2px; border-top: 1px solid #ee895a; width:106px}

	body.customer-area #searchby ul li a:hover,
	body.customer-area #searchby ul li a:focus,
	body.supplier-area #searchby ul li a:hover,
	body.supplier-area #searchby ul li a:focus { background: #44178a url(../../images/ca-bullet-searchby.png) no-repeat 7px -80px; border-top-color: #44178a;}
	
	body.customer-area #searchby li.over a,
	body.supplier-area #searchby li.over a { border-top-color: #44178a; }
	
	/* Welcome Panel*/
	body.customer-area #content #columnB .welcome .wrapper p,
	body.supplier-area #content #columnB .welcome .wrapper p { font: bold 1.2em Arial, Helvetica, sans-serif; color:#32176b; padding: 0 140px 0 0; margin:0 }
	body.supplier-area #content #columnB .welcome .wrapper p { padding-right: 100px; }
	body.customer-area #content #columnB .welcome .wrapper p.docs input {position: absolute; top: 47px; right: 160px}
	body.customer-area #content #columnB .welcome .wrapper p span,
	body.supplier-area #content #columnB .welcome .wrapper p span { font-size:15px; color:#f47321}
	body.supplier-area #content #columnB .welcome .char { background: url(../../images/character-sa-graph.png) top center no-repeat; width:58px ; height: 84px; right: 25px; top:7px; }
	
	/* Content */
	body.customer-area #content #columnB .wrapper h3,
	body.supplier-area #content #columnB .wrapper h3{ font-size:1.2em; width:auto; margin: 0 0 20px }
	body.customer-area #content #columnB .wrapper p,
	body.customer-area #content #columnB .wrapper label,
	body.supplier-area #content #columnB .wrapper p,
	body.supplier-area #content #columnB .wrapper label { font-size:1.1em; color:#747474 }
	body.customer-area #content #columnB .wrapper em,
	body.supplier-area #content #columnB .wrapper em { color:#FF5100}
	
	/* Table data */
	body.customer-area #content #columnB .wrapper table.data,
	body.supplier-area #content #columnB .wrapper table.data { width:100%}
	body.customer-area #content #columnB .wrapper table.data th,
	body.customer-area #content #columnB .wrapper table.data td,
	body.supplier-area #content #columnB .wrapper table.data th,
	body.supplier-area #content #columnB .wrapper table.data td { font-size:1.1em; padding:5px; border-right: solid 1px #fff; /*vertical-align:middle*/}
	body.customer-area #content #columnB .wrapper table.data th,
	body.supplier-area #content #columnB .wrapper table.data th { background:#e75613; color:#fff}
	body.discontinued-products #content #columnB .wrapper table.data th a { color: #FFFFFF}
	body.customer-area #content #columnB .wrapper table.data td.even,
	body.supplier-area #content #columnB .wrapper table.data td.even,
	body.quick-tip #content #columnB .wrapper table.data tr.even td {background:#E1E1E1 ;}
	body.customer-area #content #columnB .wrapper table.data td.odd,
	body.supplier-area  #content #columnB .wrapper table.data td.odd,
	body.quick-tip  #content #columnB .wrapper table.data tr.odd td {background:#D9D9D9;}

	
	/*      CUSTOMER AREA - CEZZA
	----------------------------------*/
	body.customer-area #searchby h3,
	body.customer-area #searchby h4,
	body.supplier-area #searchby h3,
	body.supplier-area #searchby h4 { background-image:url(../../images/ca-titles-searchby.png); background-repeat: no-repeat; text-indent: -9999em; height:8px}
	body.customer-area #searchby h3,
	body.supplier-area #searchby h3 { background-position: top left; height: 13px; width: 82px; margin: 0 0 10px 10px; }
	body.customer-area #searchby h4 { margin: 0 0 5px 10px; }
	/* check ie6.css for some ie fixes */
	body.customer-area #searchby h4#your-stats,
	body.supplier-area #searchby h4#your-stats { background-position: 0 -13px; }
	body.customer-area #searchby h4#manage-users,
	body.supplier-area #searchby h4#manage-users { background-position: 0 -21px; }
	body.customer-area #searchby h4#dynamic-office-lite { background-position: 0 -29px; }
	body.customer-area #searchby h4#market-analysis { background-position: 0 -37px; }
	body.customer-area #searchby h4#general-information,
	body.supplier-area #searchby h4#general-information { background-position: 0 -45px; }
	
	body.supplier-area #searchby h4#your-products { background-position: 0 -53px; }
	body.supplier-area #searchby h4#global-stats { background-position: 0 -61px; }

	body.customer-area #content #columnB .wrapper .fields { border-bottom: dashed 1px #bababa; padding: 0 0 15px 0; margin: 0 0 15px 0; }
	body.customer-area #content #columnB .wrapper .fields .fl {float: left}
	body.customer-area #content #columnB .wrapper .fields select {float: left}
	

	/*      CUSTOMER AREA - USER MANAGER - CEZZA
	----------------------------------*/
	body.user-manager div.char { position: absolute; top: 10px; right: 15px; width: 115px; height: 70px; background:url(../../images/character-ca-graph.png) top left no-repeat;}
	body.user-manager #columnB .wrapper .fields input,
	body.user-manager #columnB .wrapper .fields label { float:left}
	body.user-manager #columnB .wrapper .fields label { padding: 5px 5px 0 0}
	
	body.user-manager #columnB .password-change div input { margin-right:10px; width:180px}
	body.user-manager #columnB .password-change p.but input { width:auto}
	
	body.user-manager #columnB .add-users div input { margin:0 10px 0 0; width:159px}
	body.user-manager #columnB .add-users div { padding-bottom:10px}
	
	body.user-manager #columnB .wrapper p.but {float:right;}
	body.user-manager #columnB .wrapper p.but input { width:auto}

	body.user-manager #columnB .wrapper table.data { margin-bottom:10px}
	body.user-manager #columnB .wrapper table.data td { vertical-align:middle}
	body.user-manager #columnB .wrapper table.data .username,
	body.user-manager #columnB .wrapper table.data .email,
	body.user-manager #columnB .wrapper table.data .jobrole { text-align:left; width:30% }
	body.user-manager #columnB .wrapper table.data .remove { text-align: center; width:10% }
	
	/*      CUSTOMER AREA - YOUR IDEAS LIST/QUOTATIONS LIST - CEZZA
	----------------------------------*/	
	body.ideas-list div.char,
	body.quotations-list div.char,
	body.order div.char,
	body.quotes div.char { position: absolute; top: 14px; right: 30px; width: 116px; height: 59px; background:url(../../images/character-dol.png) top left no-repeat;}
	body.ideas-list #columnB div.panel-670 .top h2,
	body.quotations-list #columnB div.panel-670 .top h2 { background-position:0 -148px;}
	
	body.ideas-list #columnB .wrapper table.data td,
	body.quotations-list #columnB .wrapper table.data td { vertical-align:middle}
	body.ideas-list #columnB .wrapper table.data .doc-date,
	body.quotations-list #columnB .wrapper table.data .doc-date  { text-align:center; width:8%}
	body.ideas-list #columnB .wrapper table.data .doc-type,
	body.quotations-list #columnB .wrapper table.data .doc-type { text-align:center; width:8%}
	body.ideas-list #columnB .wrapper table.data .com-name,
	body.quotations-list #columnB .wrapper table.data .com-name { text-align:center; width:25%}
	body.ideas-list #columnB .wrapper table.data .con-name,
	body.quotations-list #columnB .wrapper table.data .con-name { text-align:center; width:25%}
	body.ideas-list #columnB .wrapper table.data .doc-name,
	body.quotations-list #columnB .wrapper table.data .doc-name { width: 25%}
	body.ideas-list #columnB .wrapper table.data .doc-no,
	body.quotations-list #columnB .wrapper table.data .doc-no { text-align:center; width:10%}
	body.ideas-list #columnB .wrapper table.data .open,
	body.quotations-list #columnB .wrapper table.data .open { text-align: center; width:2%}
	body.ideas-list #columnB .wrapper table.data th a,
	body.quotations-list #columnB .wrapper table.data th a { color: #fff; text-decoration: none }
	
	/* Alt header */
	#columnA #alt-header h2 { background-position:0 -303px;}
	#columnA #alt-header h2 { padding-left: 10px; width: 806px } 
	#columnA #alt-header .wrapper { padding-left: 10px; padding-bottom: 0; }
	#columnA #alt-header .wrapper p { font: bold 1.2em Arial, Helvetica, sans-serif; color:#32176b; line-height: 1.2em; margin: 0 0 10px; padding: 0 140px 0 0; }

	/*      CUSTOMER AREA - QUICK TIP
	----------------------------------*/	
	body.quick-tip div.char  { position: absolute; top: 4px; right: 30px; width: 97px; height: 102px; background:url(../../images/character-quicktip.png) top left no-repeat;}
	body.quick-tip #columnB div.panel-670 .top h2  { background-position:0 -148px;}
	body.quick-tip #columnB table.data th.subject { width: 90%; text-align: left; vertical-align: middle }
	body.quick-tip #columnB table.data th.download { width: 10% }
	body.quick-tip #columnB table.data td.download { text-align: center }
	
	/*      CUSTOMER AREA - LATEST 25 LEADS - CEZZA
	----------------------------------*/
	body.latest-leads div.char { position: absolute; top: 14px; right: 30px; width: 64px; height: 64px; background:url(../../images/character-sp.png) top left no-repeat;}
	body.latest-leads #columnB .wrapper table.data td { vertical-align:top}
	body.latest-leads #columnB .wrapper table.data .date { text-align:left; width:30%}
	body.latest-leads #columnB .wrapper table.data .lead { text-align:left; width:70%}
	

	body.discontinued-products .page-actions fieldset input#ctl00_CPH1_btnSubmit1 { position: relative; top: -21px; right: 6px}
	body.prices .page-actions fieldset.nudge { text-align: left; width: 450px}
	body.prices .page-actions fieldset.nudge input { position: relative; top: -22px; left: 204px; margin: 0 0 0 4px}
	body.results #content div#columnB p.noresults { text-align: left; color: #505050; font-size:1.2em; font-weight:bold; line-height:1.4em; margin:2px 0 0 2px }
	body.results #content div#columnB #multi-search-panel p.noresults {font-size: 1.1em; padding: 15px 0 0 0; border: none; color: #747474; margin: 0}
	body.eshot div#columnA #basket-form fieldset.third ol li textarea { width: 550px } /**/
	body.eshot .productrow fieldset label.textarea textarea { float:left; width: 375px }
	body.results div#page-actions-top { width: 656px; padding: 10px 5px 0}
	body.results #page-actions-top fieldset input { margin-right: 6px }
	body.customer-area #content .inner #doc_manager .create {float:left; margin:10px 0 0 50px; text-align:center }
	body.quotes #content .inner #doc_manager .create {float:left; margin:10px 0 0 50px; text-align:center }
	body.customer-area #content .inner #doc_manager .create.po {margin-left: 40px }
	body.ideas-list tr.preview-item div.create { float:right; color:#505050; font-weight:bold; text-align: center; font-size: 0.8em}
	body.quick-tip #content #columnB .wrapper table.data td { vertical-align: middle}
	
	body.add-product fieldset ol li { margin: 0 0 1px; clear: left; min-height: 21px; line-height: 1.2em }
	body.add-product fieldset ol li label { font-size:1.1em; color:#747474; float: left; width: 200px; display: block; margin: 4px 0 0 }
	body.add-product fieldset ol li input,
	body.add-product fieldset ol li textarea { width: 260px; float: left; margin: 0 20px 1px 0; }
	body.add-product fieldset ol li.find-field input { height: 22px }
	body.add-product fieldset ol li input.selectbox { width: 238px }
	body.add-product fieldset ol li textarea { background: #DCDCDC; border: none; padding: 5px 0 0 5px; height: 80px;  }
	
	body.prices div#content div#columnA .sent h2 { padding-left: 85px}
	body.prices div#content div#columnA .sent p { padding-left: 78px}
	body.prices div#content div#columnA .sent li { padding-left: 78px; font-size: 1.1em; color: #6d6d6d; font-weight: bold; line-height: 1.2em; margin: 0 0 5px; }
	body.prices div#content div#columnA .sent fieldset { position: absolute; top: 75px; right: 105px}
	body.prices div#columnA div.charB { 
		position: absolute; top: 14px; left: 15px; width: 65px; height: 86px; background: transparent url(../../images/character-thumbs-up.png) no-repeat scroll center top
	}

/*		 CLASSES
-------------------------*/
.purple { color: #5925ad }
.black { color: #000!important }
.grey { color: #6d6d6d }
.cboth {clear:both;}
.hide {display:none !important;}
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {display:inline-block;}
/* Hides from IE-mac \*/
* html .clear {height:1%;}
.clear {display:block;}
/* End hide from IE-mac */