/* general */
	.theshoppingbasket, 
	.theshoppingbasketftr 		{padding: 0 0 0 7px}
	.theshoppingbaskethome  	{width: 600px}
	.theshoppingbaskethomeftr {padding: 0 164px 0 7px}
	.steps 										{margin: 4px 0 8px 6px}
	.hidden 									{visibility: hidden}
	img 											{border: 0; vertical-align: middle}
	input, 
	select 										{vertical-align: middle}
	label 										{margin: 0 4px 0 0; font-weight: bold}

/* headers */
	h1 												{letter-spacing: -0.03em; color: #438BD4; font-size: 2.2em; text-transform: lowercase; font-family: Arial, Helvetica, Tahoma, sans-serif}
	* html h1 								{letter-spacing: -0.04em}
	.checkout h1 							{padding: 6px 0 0 0}
	.changeaddress h1 				{padding: 0 0 0 4px}
	h1.legacy 								{color: #A7A7A7}
	h1.delivery  							{color: #83CF00}
	h1.billing  							{color: #F99B00}
	.h1uppercase 							{font-size: 0.8em; text-transform: uppercase; font-family: Arial, Helvetica, Tahoma, sans-serif}
	.shoppingbasket h1 				{padding: 0 0 6px 0}

/* basket table */
	.shoppingbasket table 		{border-collapse: collapse; speak-header: always; color: #444444; width: 100%; margin: 0.1em 0 0.7em 0}
	* html .shoppingbasket table {width: 97%}
	.summary, 
	.baskethometable 					{width: 100% !important}
	* html .summary 					{width: 97% !important}
	* html .basketsummary, 
	* html .baskethometable 	{width: 96.4% !important}
	.shoppingbasket tr 				{line-height: 1.1em}
	.shoppingbasket td, 
	.shoppingbasket th 				{vertical-align: top; font-size: 0.7em; padding: 0.2em 0 0.15em 0; border-bottom: 1px solid #C9D1E5}
	.shoppingbasket th 				{padding: 14px 0 4px 2px; background: #F8F8F8; border-bottom: 1px solid #999}
	.lastrow td 							{border-bottom: 0}
	.continueshopping 				{font-size: 0.85em; font-weight: bold}
	.continueshopping a 			{text-decoration: none}
	.continueshopping a:hover {text-decoration: underline}

/* basket table columns */
	.remove 									{width: 12px; padding: 0.5em 0 0 0.4em !important; text-align: left}
	* html .remove 						{width: 16px}
	.elcicon 									{width: 20px; padding: 0.3em 0 0 0.5em !important}
	.desc 										{padding-left: 0.5em !important; text-align: left}
	.desc a 									{font-weight: bold; color: #06C; text-decoration: none}
	.desc a:hover 						{text-decoration: underline}
	.partno 									{float: left; margin: 0 0.2em 0 0}
	* html .partno 						{margin: 0}
	.despatchdate 						{color: #096}
	.futuredespatchdate 			{color: #B29400}
	.nodespatchdate 					{color: #903}
	.onlineprice 							{width: 7.2em; text-align: right}
	.qty 											{width: 3.7em; padding-left: 10px !important; text-align: center}
	.basketqty 								{margin: 0.2em 0 0.05em 0; padding: 0.1em 0 0 0.2em; width: 2.5em; border: 1px solid #7F9DB9}
	* html .basketqty 				{margin: 0 0 0.05em 0}
	.total 										{width: 4.5em; padding-right: 0.2em !important; text-align: right}
	th.total 									{padding-right: 0.4em !important}
	.addtobasket 							{width: 95px; padding: 2px 0 3px 0; text-align: right}
	.update td 								{border: 0; padding: 0 4.5em 0.15em 0; text-align: right}
	* html .update td 				{padding: 0 4em 0.15em 0}

/* basket summary table */
	.summary 									{border-top: 1px solid #C9D1E5}
	.summary img 							{margin: 0.2em}
	.summary th, 
	.summary td 							{vertical-align: middle; border: 0; text-align: right}
	.summary th 							{padding: 0; background: none; font-weight: normal}
	.summary td 							{width: 6.7em; padding: 0.2em 0.2em 0.15em 0}
	* html .summary td 				{padding: 0.2em 0.4em 0.15em 0}
	.basketsummary td, 
	.basketsummary th 				{padding: 0.25em 0.2em 0.15em 0}
	* html .basketsummary td, 
	* html .basketsummary th 				{padding: 0.25em 0.35em 0.15em 0}
	.basketsummary .lastrow td, 
	.basketsummary .lastrow th, 
	.createquotesummary .lastrow td, 
	.createquotesummary .lastrow th {padding-bottom: 10px !important; border-bottom: 1px solid #CCC}
	.summarytotal 						{font-weight: bold !important}

/* checkout sections */
	.addressmaintenance, 
	.checkoutsctn 						{margin: 0 0 14px 0; padding: 10px; color: #686566; background: #FFF url(/_RMVirtual/Images/spacer.gif) fixed no-repeat; border: 1px solid #C7C7C7}
	.nosteps 									{margin: 14px 0}
	.basketsummary, 
	.addresses, 
	.checkoutsctn .address 		{background: #FFF url(/_RMVirtual/Images/basket/basket_section_bg.gif) bottom repeat-x}
	.checkoutpagehdr, 
	.createquote, 
	.orderreference, 
	.paymentchoice, 
	.datechoice, 
	.carddetails, 
	.editaddress, 
	.revieworder 							{padding: 0 8px 18px 8px; background: #FFF url(/_RMVirtual/Images/basket/basket_section_bg.gif) bottom repeat-x}
	.emptybaskethdr 					{padding: 0 8px 1px 8px; background: #FFF url(/_RMVirtual/Images/basket/basket_section_bg.gif) bottom repeat-x}
	.changeaddress 						{padding: 0 8px 8px 4px; background: #FFF url(/_RMVirtual/Images/basket/basket_section_bg.gif) bottom repeat-x}
	.carderror 								{padding: 0 2px 1px 8px; background: #FFF}
	.checkoutftr 							{margin: 0 0 20px 0; height: 20px; background: url(/_RMVirtual/images/addressftr.png) no-repeat}
	.checkoutmessage 					{margin: 0 0 8px 0; padding: 2px 2px 8px 2px; line-height: 150%; border-bottom: 1px solid #D2D2D2; font-size: 0.85em; color: #686566}
	.checkout a 							{text-decoration: underline}
	.checkout a:hover 				{text-decoration: none}
	.continue 								{margin: 4px 0 0 0; float: right}
	.invoiceaddressmessage 		{margin: 0 0 8px 0; padding: 0 0 4px 2px; line-height: 140%; font-size: 0.95em; color: #333}
		
/* delivery dates & addresses */
	.paymentchoice div, 
	.datechoice div 					{margin: 10px 0 0 8px; font-size: 0.85em}
	* html .paymentchoice div, 
	* html .datechoice div 		{margin: 4px 0 0 8px}
	.paymentchoice div input, 
	.datechoice div input 		{margin: 0 4px 1px 0}
	.paymentchoice select, 
	.datechoice select 				{margin: 0 2px}
	.deliveryterms 						{margin: 0 0 14px 0; text-align: center; font-size: 0.85em}

/* delivery date messages */
	#deliveryday 							{width: 65px; text-align: right}
	.validdespatchdate 				{color: #686566}
	.invaliddespatchdatedd 		{color: #B0B0B0; background-color: #EFEFEF}
	.fulldespatchdatedd 			{color: #A75B74; background-color: #FFECF0}
	.invaliddespatchdate 			{color: #999}
	.fulldespatchdate 				{color: #A75B74}

/* order reference */
	.orderreference 					{padding: 0 8px 12px 8px}
	.orderreference label 		{font-size: 0.85em}
	.orderreference input 		{margin: 0 6px; font-size: 0.85em}
	.orderreference .continue {margin: 8px 0 0 0}

/* billing & delivery addresses */
	.address 									{padding: 0 8px 8px 8px}
	.addressmaintenance .address {float: left; width: 215px}
	* html .addressmaintenance .address {width: 230px}
	.newaddress 							{padding: 0 8px 0 4px; font-size: 0.85em; color: #444}
	.editaddress .newaddress 	{padding: 0 8px 0 0}
	.invoiceaddress 					{padding: 0 8px 14px 8px}
	.invalidpayment 					{padding: 8px 8px 14px 8px}
	.addressdetails 					{margin: 8px 3px; line-height: 135%; font-size: 0.85em; color: #000}
	.noaddresslinetwo 				{padding: 0 0 1.4em 0}
	.addressdetails select 		{margin: 0 0 2px -5px; display: block}
	.invoiceaddress p 				{margin: 0 3px 8px 0}
	.invoiceaddress div 			{padding: 8px 0 0 0; line-height: 130%; font-size: 0.85em}
 	.invoiceaddress label 		{margin: 0 0 0 6px; width: 85px; float: left; clear: left; color: #686566}
	.changeaddress p 					{margin: 14px 3px 8px 3px}
	.changeaddress .checkoutmessage {margin: 0 3px 8px 3px}
	.addressmaintenance img 	{margin: 0 6px 0 0}
	.newaddress label 				{float: left; clear: left; width: 100px; margin: 2px 0 0 0; font-weight: bold}
	.newaddress div 					{margin: 4px 2px}
	.postcode 								{width: 6em}
	.editaddress input 				{margin: 0 3px 0 0}
	.selectcontact 						{margin: 0 0 10px 0; float: none}
	.selectcontact select 		{margin: 0 5px 0 0}
	.readonlyaddressfield 		{padding: 2px 0 6px 0}
	label.notmandatory				{padding: 0 0 0 0.9em; width: 90px}
	* html label.notmandatory	{width: 100px}
	.changeaddress hr 				{clear: both; margin: 140px 6px 6px 6px; color: #FFF; border: 0; border-top: 1px solid #C7C7C7; height: 1px}
	* html .changeaddress hr 	{margin: 0 6px}
	.carderror p 							{margin: 0 0 0 0; padding: 2px 2px 0 2px; line-height: 150%; font-size: 0.85em; color: #686566}

/* deliver directly to a school */
	.delivertoaschool 				{margin: 0 0 4px 0}
	.delivertoaschool label 	{float: none; white-space: nowrap; color: #C20459; font-weight: normal; font-size: 0.85em}
	.delivertoaschool input 	{margin: 0 3px 1px -2px}
	.selectaschool img 				{margin: 0 0 0 6px}
	#delivertoaschoolselector img {margin: 3px 0 0 1px}
	.selectedschool 					{font-size: 0.85em}

/* international addresses */
	.intrntnladd 							{color: #C0146F}
	.prvintrntnladd 					{margin: 4px 0 -3px 3px; color: #C0146F; font-size: 0.85em}

/* card payment */
 	.carddetails div 					{padding: 5px 0 0 0; line-height: 130%; font-size: 0.85em}
 	.carddetails label 				{margin: 2px 0 0 6px; width: 110px; float: left; clear: left; color: #686566}
	.issueno, 
	.cvv2 										{margin: 0 6px 0 0; width: 30px}

/* review order */
 	.revieworder div 					{padding: 6px 0 0 0; line-height: 160%; font-size: 0.85em}
 	.revieworder label 				{margin: 0 0 0 6px; width: 140px; float: left; clear: left; color: #686566}
 	.revieworder td.desc 			{font-size: 0.8em}

/* review disclaimer */
 	h1.orderdisclaimer 				{float: left}
	div.orderdisclaimer 			{padding: 0; text-align: right; border-bottom: 1px solid #D2D2D2}
	div.orderdisclaimer p 		{margin: 0}
	.orderdisclaimer img 			{margin: 6px 0 10px 0; float: none}
	.orderdisclaimer a:hover 	{text-decoration: none}

/* confirmation */
	.checkoutpagehdr p 				{margin: 8px 3px 0 3px; border: 0; line-height: 130%; font-size: 0.85em}

/* empty basket */
	.emptybaskethdr p 				{font-size: 0.95em}
	.emptybaskethdr li 				{line-height: 130%; font-size: 0.95em}
	.emptybaskethdr h1 				{margin: 0 0 12px 0}

/* rh menu */
	.basketrh 								{margin: 56px 5px 0 15px; padding: 4px 4px; width: 143px; font-size: 0.85em; background: #FAFAFA; border: 1px solid #C7C7C7}
	* html .basketrh 					{width: 151px}
	.emptybasketrh 						{margin: 14px 5px 0 15px}
	.basketrhadvice 					{padding: 0 4px 6px 4px; line-height: 160%; border-bottom: 1px solid #C7C7C7}
	.basketrhadvice p 				{margin: 0}
	.basketrhadvice a 				{text-decoration: none}
	.basketrhadvice a:hover 	{text-decoration: underline}
	.basketrmrecommends 			{margin: 8px 4px; color: #000; font-size: 12px; font-weight: bold}
	.discountrmrecommends 		{margin: 0 4px 10px 4px; color: #000; text-align: right; font-size: 12px; font-weight: bold}
	.createaquote 						{padding: 5px 4px 0 4px; line-height: 130%; border-top: 1px solid #C7C7C7}
	.createaquote img 				{margin: 0 6px 0 2px}
	.createaquote a 					{display: block; margin: 6px 4px; text-decoration: underline}
	.createaquote a:hover 		{text-decoration: none}
	.basketrhbannerad 				{display: block; margin: 16px 0 8px 0; text-align: center}

/* create quote */
	.createquote p 						{margin: 8px 3px 0 3px; line-height: 130%; font-size: 0.85em; border: 0}
	.quotehdr 								{text-align: center; font-size: 0.85em; color: #000}
	.quotehdr label 					{margin: 0 6px 0 20px}

/* quote in basket */
	.selectedoption, 
	.selectableoption 				{background: #f2f5fa}
	.selectedoption td, 
	.selectableoption td 			{border: 0}
	.selectableoption .desc, 
	.selectedoption .desc 		{padding-left: 0 !important}
	.radio 										{margin: 0 0.5em 0.2em 0.4em}
	* html .radio 						{margin: 0 0.15em 0.1em 0}
	.selectableoption a  			{font-weight: normal; text-decoration: none}
	.selectableoption a:hover {text-decoration: underline}
	.selectedoption .partno 	{margin-left: 22px}
	* html .selectedoption .partno {margin-left: 12px}
	.lastoptionsrow td 				{border-bottom: 1px solid #C9D1E5}
	.shoppingbasket	.checkoutmessage {margin: 0; padding: 6px 0 8px 2px; border-top: 1px solid #D2D2D2; border-bottom: 0}
	.removequote 							{margin: 0 2px 14px 2px; font-size: 0.85em; color: #686566}

/* configuration in basket */
	.configurationrow, 
	.configurationitemrow, 
	.configurationitemlastrow {background: #ebedf6}
	.configurationrow .remove, 
	.configurationitemrow .remove {border: 0}
	.configurationitemrow .partno, 
	.configurationitemlastrow .partno {padding: 0 0 0 18px}
	.removeitem 							{float: left; margin: 3px 6px 0 0}
	td.read_only_desc 				{padding-left: 18px}
	.basket_base_unit_desc 		{padding-left: 18px; font-weight: bold}
	td.basket_base_unit_qty 	{padding-left: 19px}
	.configurationrow .desclink, 
	.configurationrow .onlineprice, 
	.configurationrow .basketqty, 
	.configurationrow .total 	{font-weight: bold; color: #444}
	.configtxt 								{padding: 0 0 0 10px; background: url('/_RMVirtual/images/basket/config_items.gif') 0 8px no-repeat}
	.update_configuration td 	{border: 0; padding: 6px 4.5em 0.15em 0; text-align: right}
	* html .update_configuration td {padding: 6px 4em 0.15em 0}

/* printable version */
	@media print {
		.checkoutsctn 						{width: 97% !important}
		* html .checkoutsctn, 
		* html .summary, 
		* html .basketsummary, 
		* html .baskethometable, 
		.theshoppingbaskethome, 
		table 										{width: 99% !important}
		.headernavbar 						{height: 21px !important; padding: 0 !important}
		.theshoppingbaskethome  	{width: 100% !important}
		.theshoppingbaskethomeftr {padding: 0 0 0 7px !important}
		.checkoutsctn * 					{background: none}
		#headerlogin, 
		.headersectorimg,
		.continue,
		.tsandcs, 
		.footerlogo, 
		.privacy,
		.headerdrop, 
		.verisign,
		.headernavigation, 
		.basketrh, 
		.continueshopping, 
		.headernavbar * 					{display: none !important}
	}

