/* =============================================================== */
/* ============================ GLOBAL =========================== */
/* =============================================================== */
	
	div.mod-header-1 {
		width: 770px;
		height: 55px;
		}
		
	/* PAYMENT GATEWAY */	
	body#payment div.mod-header-1 {
		width: 970px;
		}	
	
/* ---------------------------- BANNER -------------------------- */	
	/* Site Logo */		
	div.mod-logo-1 {
		float: left;
		width: 198px;
		height: 55px;
		}
		
	div.mod-logo-1 div.pad-mod { 
		padding: 0px;
		}
		
	/* Site Logo */		
	div.mod-strapline-1 {
		float: left;
		width: 426px;
		height: 55px;
		background-color: #fff;
		}
	body#payment div.mod-strapline-1 {
		width: 626px;
		}	
		
	div.mod-strapline-1 div.pad-mod { 
		padding: 0px;
		}	

	/* Email lists & User profile */		
	div.mod-userinfo-1 {
		float: left;
		width: 260px;
		text-align: right;
		}
	div.mod-userinfo-1 div.pad-mod {
		vertical-align: top;
		padding: 8px 20px 0px 0px;
		}	
		
	/* Email lists & User profile */		
	div.mod-hdrnav-1 {
		float: left;
		width: 146px;
		}
	div.mod-hdrnav-1 div.pad-mod span {
		background: #fff;
		width: 146px;
		display: block;
		float: left;
		height: 31px;
		}		
			
	/* MAIN NAV */	
	div.mod-mainnav-1 {
		float: left;
		width: 770px;
		background: url(../gifs/mainnav/bg-nav.gif) repeat-x bottom left transparent;
		clear: both;
		
		}
		
	/* MAIN NAV 2 */	
	div.mod-mainnav-2 {
		float: left;
		width: 770px;
		background: url(../gifs/mainnav2/bg-nav.gif) repeat-x 0 0 transparent;
		height: 33px;
		}	
		
	/* PAYMENT NAV */	
	div.mod-mainnav-payment-1 {
		float: left;
		width: 970px;
		background: url(../gifs/mainnav-payment/bg-nav.gif) repeat-x bottom left transparent;
		clear: both;
		}	
		
	div.mod-telephone-1 {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: auto;
		}					
	
/* --------------------------- SUBNAV 1 --------------------------- */
		
	div.mod-subnav-1 {
		width: 146px;
		padding: 7px 0px 0px 0px;
		margin-bottom: 4px;
		background: url(../gifs/menu-top.gif) no-repeat top left transparent;
		}
	div.mod-subnav-1 div.pad-mod {
		padding: 0px 0px 7px 0px;
		background: url(../gifs/menu-bot.gif) no-repeat bottom left transparent;
		}	
	
/* --------------------------- FOOTERNAV 1 -------------------------- */	
	
	div.mod-ftrnav-1 {
		width: 770px;
		clear: both;
		float: left;
		background: url(../gifs/ftrnav/bg-nav.gif) no-repeat 0 0 transparent;
		}
	div.mod-ftrnav-1 div.pad-mod { padding: 0; margin: 0; }

/* ------------------------------ IMAGE ------------------------------ */
	
	div.mod-image-1 { clear: both; }

/* ----------------------------- CONTENT 1 ---------------------------- */		
	
	div.mod-content-1 {
		width: 452px;
		}
		
	body#oligos div.mod-content-1 ,
	body#checkout-process div.mod-content-1 {
		width: 598px;
		}	
	body#payment div.mod-content-1 {
		width: 944px;
		}	
	
/* ----------------------------- SITEMAP 1 ---------------------------- */		
		
	div.mod-sitemap-1 {
		padding: 0;
		margin: 0;
		}		
		
/* ----------------------------- FOOTER ------------------------------ */
		
	div.mod-footer-1 { 
		width: 760px;
		clear: both;
		height: 28px;
		background-color: #D2D8DE; 
		}
		
	div.mod-footer-1 div.pad-mod div.left {
		width: 380px;
		display: block;
		float: left;
		 }
	
	div.mod-footer-1 div.pad-mod div.right {
		width: 380px;
		display: block;
		float: left;
		text-align: right;
		}
	
	div.mod-footer-1 div.pad-mod div P {
		padding: 3px 10px 4px 10px; 
		}
		
	body#payment div.mod-footer-1 { 
		width: 970px;
		} 	
		
/* ------------------------------- PANEL  ------------------------------ */	
	
	div.mod-contentpanel-1 { 
		padding: 0px;
		margin: 0px 0px 4px 0px;
		width: 146px;
		}
	
	div.mod-contentpanel-1 div.pad-mod {
		padding: 4px 5px 4px 11px;
		}
		
		/* LEFT COLUMN */
		div.con-supp-1 div.mod-contentpanel-1 {background: url(../gifs/bg-cpl-bot.gif) no-repeat bottom left #f7f7f7;}
		div.con-supp-1 div.mod-contentpanel-1 div.pad-mod {background: url(../gifs/bg-cpl-top.gif) no-repeat top left transparent;}
		
		/* RIGHT COLUMN */	
		div.con-supp-2 div.mod-contentpanel-1 {background: url(../gifs/bg-cpr-bot.gif) no-repeat bottom left #f7f7f7;}
		div.con-supp-2 div.mod-contentpanel-1 div.pad-mod {background: url(../gifs/bg-cpr-top.gif) no-repeat top left transparent;}
		
		/* RIGHT COLUMN */	
		div.con-supp-2 div#cat-1 {background: url(../gifs/bg-cpr-bot-1.gif) no-repeat bottom left transparent;}
		div.con-supp-2 div#cat-2 {background: url(../gifs/bg-cpr-bot-2.gif) no-repeat bottom left transparent;}
		div.con-supp-2 div#cat-3 {background: url(../gifs/bg-cpr-bot-3.gif) no-repeat bottom left transparent;}
		
		div.con-supp-2 div#cat-1 p.link { background: url(../gifs/icn-link-cat1.gif) no-repeat 0px 8px transparent !important;padding: 3px 0px 3px 13px;}
		div.con-supp-2 div#cat-2 p.link { background: url(../gifs/icn-link-cat2.gif) no-repeat 0px 8px transparent !important;padding: 3px 0px 3px 13px;}
		div.con-supp-2 div#cat-3 p.link { background: url(../gifs/icn-link-cat3.gif) no-repeat 0px 8px transparent !important;padding: 3px 0px 3px 13px;}
		
		div.con-supp-2 div#cat-1 a:link, div.con-supp-2 div#cat-2 a:link, div.con-supp-2 div#cat-3 a:link {color: #fff; text-decoration: underline; }
		div.con-supp-2 div#cat-1 a:visited, div.con-supp-2 div#cat-2 a:visited, div.con-supp-2 div#cat-3 a:visited	{color: #fff; text-decoration: underline; }
		div.con-supp-2 div#cat-1 a:hover, div.con-supp-2 div#cat-2 a:hover, div.con-supp-2 div#cat-3 a:hover	{color: #fff; text-decoration: underline; }
		div.con-supp-2 div#cat-1 a:active, div.con-supp-2 div#cat-2 a:active, div.con-supp-2 div#cat-3 a:active	{color: #fff; text-decoration: underline; }
		
		div.con-supp-2 div#cat-1 a:hover {color: #f7cd8f;}
		div.con-supp-2 div#cat-2 a:hover {color: #a9d3e7;}
		div.con-supp-2 div#cat-3 a:hover {color: #dfbebd;}
		
		img.cpl-title {margin: -4px -5px 0px -11px;}						
	
	/* CONTENT PANEL IN PAGE CONTENT AREA */
	div.con-main-1 div.mod-contentpanel-1 { 
		padding: 0px;
		margin: 0px;
		width: 452px;
		}
		
	div.con-main-1 div.mod-contentpanel-1 div.pad-mod {
		padding: 0px;
		width: 452px;
		}	
		
	div.con-footer-1 div.mod-contentpanel-1 { 
		float: right;
		margin-top: -60px;
		background: url(../gifs/bg-cpl-2.gif) no-repeat 0 0px transparent;
		width: 159px;
		}

	div.con-footer-1 div.mod-contentpanel-1 div.pad-mod {
		padding: 15px 0 0 24px;
		white-space: nowrap;
		}	
	
		
/* ========================================================================= */
/* =========================== ARCHIVE - PROJECT =========================== */
/* ========================================================================= */

	div.mod-newsflash-1 {
		border-bottom: 1px solid #e5e5e5;
		background: url(../gifs/bg-newsflash.gif) no-repeat 0 9px transparent;
		}
	div.mod-newsflash-1 DIV.pad-mod {
		padding: 2px 0px 0px 93px;
		margin: 0px;
		}

	div.mod-articlecategory-1 {
		background: url(../gifs/bg-filter.gif) no-repeat 0 0px transparent;
		height: 35px;
		margin-bottom: 7px;
		}
	div.mod-articlecategory-1 DIV.pad-mod {
		padding: 7px 0px 0px 10px;
		margin-bottom: 6px;
		}
	div.mod-articlecategory-1 DIV.pad-mod span {
		float: left;
		display: block;
		padding-right: 4px;
		}		
	
	div.article {
		padding: 0px 0px 10px 0px
		}
		
		
/* ======================================================================= */
/* ==================== PRODUCTS & SERVICES - PROJECT ==================== */
/* ======================================================================= */	
	
	div.mod-search-1 {
		float: left;
		}
	div.mod-search-1 div.pad-mod span {
		float: left;
		}	

	div.mod-pspanel-1 {
		background: url(../gifs/bg-pspanel-bot.gif) no-repeat bottom left transparent;
		width: 452px;
		float: left;
		}
	div.mod-pspanel-1 div.pad-mod {
		background: url(../gifs/bg-pspanel-top.gif) no-repeat top left transparent;
		padding: 7px 0px 7px 7px;
		width: 445px;
		float: left;
		}
	
/* APPLICATION HOMEPAGE PANEL */
		
	div.application {
		position: relative;
		float: left;
		
		}
	* html div.application {
		height: 1%;
		}			
		
	div.ps-corners {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: auto;
		}
	* html div.ps-corners {
		margin-bottom: -1px;
		}		
		
	div.category-1 { float: left; width: 219px; background: url(../gifs/img-category-1.jpg) no-repeat 0px 23px #f59200; }
	div.category-2 { float: left; width: 218px; border-left: 1px solid #fff; background: url(../gifs/img-category-2.jpg) no-repeat 0px 23px #3193c4; }		
	div.category-3 { float: left; width: 219px; border-top: 1px solid #fff; background: url(../gifs/img-category-3.jpg) no-repeat 0px 23px #bb6f6e; }	
	div.category-4 { float: left; width: 218px; border-left: 1px solid #fff; border-top: 1px solid #fff; background: url(../gifs/img-category-4.jpg) no-repeat 0px 23px #72a133; }		
	
	/* CATEGORY LINKS */
	
	div.mod-pspanel-1 ul {
		list-style: none;
		padding: 0;
		margin: 5px 0 20px 0;
		}	
	
	div.mod-pspanel-1 ul li {
		padding: 0;
		margin: 0;
		width: 200px;
		}
	
	div.mod-pspanel-1 ul a {
		padding: 1px 0px 0px 18px; 
		margin: 0px 0px 0px 0px; 
		cursor: pointer;
		display: block;
		width: 200px; /* Correct width for firefox/zillas */
		}
		
		div.mod-pspanel-1 ul a:link		{color: #fff; text-decoration: underline; }
		div.mod-pspanel-1 ul a:visited	{color: #fff; text-decoration: underline; }
		div.mod-pspanel-1 ul a:hover	{color: #fff; text-decoration: underline; }
		div.mod-pspanel-1 ul a:active	{color: #fff; text-decoration: underline; }
		
		div.mod-pspanel-1 div.category-1 ul  a:hover {color: #f7cd8f;}
		div.mod-pspanel-1 div.category-2 ul  a:hover {color: #a9d3e7;}
		div.mod-pspanel-1 div.category-3 ul  a:hover {color: #dfbebd;}
		div.mod-pspanel-1 div.category-4 ul  a:hover {color: #c4d8a9;}
		
		div.mod-pspanel-1 div.category-1 ul li { background: url(../gifs/icn-link-cat1.gif) no-repeat 7px 7px transparent; }	
		div.mod-pspanel-1 div.category-2 ul li { background: url(../gifs/icn-link-cat2.gif) no-repeat 7px 7px transparent; }
		div.mod-pspanel-1 div.category-3 ul li { background: url(../gifs/icn-link-cat3.gif) no-repeat 7px 7px transparent; }
		div.mod-pspanel-1 div.category-4 ul li { background: url(../gifs/icn-link-cat4.gif) no-repeat 7px 7px transparent; }	
	
/* AGENCY HOMEPAGE PANEL */

	div.agency {
		padding: 0;
		margin: 0;
		}
		
	div.agency-type-1,
	div.agency-type-2,
	div.agency-type-3 {
		background: url(../gifs/bg-agencies.gif) no-repeat bottom left transparent;
		padding: 0;
		margin: 0;
		}
	
	div.agency-type-2,
	div.agency-type-3 {
		margin-top: 6px;
		}			
	
	div.agency-type-1 div.pad,
	div.agency-type-2 div.pad,
	div.agency-type-3 div.pad {
		padding: 6px 0px 6px 25px;
		margin: 0;
		}		
	
	div.agency td {
		width: 140px;
		padding: 0px 0px 0px 0px;
		}

/* PRODUCT CATEGORY DETAILS */

	div.mod-categoryresults-1 {
		border: 1px solid #ccc;
		clear: both;
		width: 449px;
		}
		
	body.product-detail div.mod-categoryresults-1 {
		margin: 6px 0px 8px 0px;
		}	
	
	div.mod-categoryresults-1 div.pad-mod {
		padding: 6px 6px 0px 6px;
		margin: 0;
		}
		
	table.category { width: 437px; border: 1px solid #b66b00; background-color: #b66b00; margin: 0 0 6px 0; }	
	table#cat-2 { border: 1px solid #246e92; background-color: #246e92; }	
	table#cat-3 { border: 1px solid #8d5353; background-color: #8d5353; }
	
	table.category td.category-title 	{ background-color: #b66b00; padding: 0; }
	table#cat-2 td.category-title 		{ background-color: #246e92; }	
	table#cat-3 td.category-title 		{ background-color: #8d5353; }
		
	table.category td.category-title p { padding: 3px 0 4px 6px; }
	table.category td.category-title p, table.category td.category-title a {color: #fff;}
	
	table.category td.product-title { background-color: #f59200; border-top: 1px solid #b66b00;}
	table#cat-2 td.product-title { background-color: #3193c4; border-top: 1px solid #246e92;}
	table#cat-3 td.product-title { background-color: #bb6f6e; border-top: 1px solid #8d5353;}
	table.category td.product-title p  { padding: 3px 0 5px 6px; color: #fff; }
	table.category td.product-title p a { display: block; width: 100%; }
	table.category td.product-title p a { padding-left: 12px;background: url(../gifs/icn-link-cat1.gif) no-repeat 0px 5px transparent;}
	table#cat-2 td.product-title p a { background-image: url(../gifs/icn-link-cat2.gif);}
	table#cat-3 td.product-title p a { background-image: url(../gifs/icn-link-cat3.gif);}
	
	table.category td.enquire {background-color: #f59200; border-top: 1px solid #b66b00; padding: 0;}
	table#cat-2 td.enquire { background-color: #3193c4; border-top: 1px solid #246e92;}
	table#cat-3 td.enquire { background-color: #bb6f6e; border-top: 1px solid #8d5353;}
	table.category td.enquire p { padding: 3px 6px 5px 18px; background: url(../gifs/icn-link-cat1.gif) no-repeat 6px 8px transparent; float: right;}
	table#cat-2 td.enquire p { background-image: url(../gifs/icn-link-cat2.gif);}
	table#cat-3 td.enquire p { background-image: url(../gifs/icn-link-cat3.gif);}
	
	table.category td.image { vertical-align: top; width: 102px; background-color: #fac87f; padding: 0;}
	table#cat-2 td.image { background-color: #98c9e1;}
	table#cat-3 td.image { background-color: #ddb7b6;}
	table.category td.image img { margin: 6px 0px 6px 6px;}
	
	body.product-detail table.category td.image { vertical-align: top; width: 304px; background-color: #fac87f;}
	body.product-detail table.category td.image img { margin: 6px 6px 6px 6px; width: 290px;}
	
	table.category td.description { vertical-align: top;  width: 200px; background-color: #fac87f;}
	table#cat-2 td.description { background-color: #98c9e1;}
	table#cat-3 td.description { background-color: #ddb7b6;}

	table.category td.info { vertical-align: top; width: 135px; background-color: #fac87f; padding: 0;}
	table#cat-2 td.info { background-color: #98c9e1;}
	table#cat-3 td.info { background-color: #ddb7b6;}	
	
	table.category p			{ color: #333;}
	table.category a:link 		{ text-decoration: underline; color: #fff; }
	table.category a:visited 	{ text-decoration: underline; color: #fff; }
	table#cat-1 a:hover 		{ text-decoration: underline; color: #fddaa8; }
	table#cat-2 a:hover 		{ text-decoration: underline; color: #b7d9ea; }
	table#cat-3 a:hover 		{ text-decoration: underline; color: #efcfcd; }
	table.category a:active 	{ text-decoration: underline; color: #fff; }
	
	p.cat	{width: 100%; float: left; clear: both; padding: 2px 0 2px 6px; margin: 6px 0 0 0; background: url(../gifs/bg-info-1.gif) no-repeat top left #fcd9a6;}
	p.size	{width: 100%; float: left; clear: both; padding: 2px 0 2px 6px; margin: 1px 0 0 0; background-color:#fcd9a6;}
	p.aud	{width: 100%; float: left; clear: both; padding: 2px 0 2px 6px; margin: 1px 0 0 0; background: url(../gifs/bg-info-1.gif) no-repeat bottom left #fcd9a6;}
	
	html>body p.cat, html>body p.size, html>body p.aud {width: 128px;} 
	
	body.product-detail p.enquire { padding: 3px 6px 5px 18px; background: url(../gifs/bg-enquire-1.gif) no-repeat bottom left #f59200; width: 100%}
	html>body.product-detail p.enquire {width: 110px;}
	body.product-detail p.enquire a {display: block; width: 100%}
	body.product-detail table#cat-2 p.enquire {background: url(../gifs/bg-enquire-2.gif) no-repeat bottom left #3193c4;}
	body.product-detail table#cat-3 p.enquire {background: url(../gifs/bg-enquire-3.gif) no-repeat bottom left #bb6f6e;}
	
	table#cat-2 p.cat	{background: url(../gifs/bg-info-2.gif) no-repeat top left #b7d9ea;}
	table#cat-2 p.size	{background-color: #b7d9ea;}
	table#cat-2 p.aud	{background: url(../gifs/bg-info-2.gif) no-repeat bottom left #b7d9ea;}
	
	table#cat-3 p.cat	{background: url(../gifs/bg-info-3.gif) no-repeat top left #e7cdcc;}
	table#cat-3 p.size	{background-color: #e7cdcc;}
	table#cat-3 p.aud	{background: url(../gifs/bg-info-3.gif) no-repeat bottom left #e7cdcc;}

	table.category p span.label {width: 35px; display: block; float: left; text-align: right;}
	table.category p span.info {width: 89px; padding-left: 4px; display: block; float: left;}
	
	table.add-to-cart {margin: 0px 0px 5px 44px; background-color: transparent;}
	table.add-to-cart td {background-color: transparent;}
	td.qty-field {padding: 5px 0px 0px 0px; width: 1%;}
	td.add-button {padding: 5px 0px 0px 4px;}
	
/* PRODUCT DETAIL */
	
	ul.downloads  {
		list-style: none;
		padding: 0;
		margin: 4px 0 20px 0;
		}	
	ul.downloads li {
		padding: 0;
		margin: 0;
		}
	ul.downloads a {
		padding: 4px 4px 4px 24px;
		margin: 0px; 
		cursor: pointer;
		display: block;
		width: 422px;
		border-bottom: 1px solid #fff;
		}
	ul.downloads a:link {	background-color: #f8f8f8;	text-decoration: none; }
	ul.downloads a:visited {background-color: #f8f8f8;	text-decoration: none; }
	ul.downloads a:hover {	background-color: #eee; 	text-decoration: none;  }
	ul.downloads a:active {	background-color: #f8f8f8;	text-decoration: none; }
	
	ul.downloads a span.file-info { color: #333; }
	li.file-pdf a { background: url(../gifs/file-type/pdf.gif) no-repeat 4px 5px; }
	li.file-xls a { background: url(../gifs/file-type/xls.gif) no-repeat 4px 5px; }
	li.file-doc a { background: url(../gifs/file-type/doc.gif) no-repeat 4px 5px; }
	
	div.agency-logo {
		float: right;
		padding: 0px 10px 15px 10px;
		}	
		
	div.agency-details {
		float: left;
		padding: 0px 20px 15px 0px;
		width: 260px;
		}
		
	div.agency-links {
		float: left;
		padding: 0px 0px 0px 0px;
		width: 152px;
		}	
	
	div.mod-productsearch-1 {
		margin: 0px 0px 4px 0px;
		width: 146px;
		}
	
	div.mod-productsearch-1 div.pad-mod {
		padding: 4px 5px 4px 11px;
		background: url(../gifs/bg-productsearch.gif) no-repeat bottom left #FFF;
		}

/* ======================================================================= */
/* =========================== PROFILE - PROJECT ========================= */
/* ======================================================================= */

	div.mod-loginpanel-1 { 
		padding: 0px;
		margin: 0px 0px 4px 0px;
		width: 146px;
		background: url(../gifs/bg-cpl-bot.gif) no-repeat bottom left #f7f7f7;
		}
	
	div.mod-loginpanel-1 div.pad-mod {
		padding: 4px 5px 10px 11px;
		background: url(../gifs/bg-cpl-top.gif) no-repeat top left transparent;
		}
		
	div.mod-newuser-1 { 
		padding: 0px;
		margin: 0px 0px 4px 0px;
		width: 146px;
		background: url(../gifs/bg-cpl-bot.gif) no-repeat bottom left #f7f7f7;
		}
	
	div.mod-newuser-1 div.pad-mod {
		padding: 4px 5px 7px 11px;
		background: url(../gifs/bg-cpl-top.gif) no-repeat top left transparent;
		}
		
/* ------------------------------ COLLECTION PAGER ------------------------------- */	
		 
	div.collectionpager {
		/* see inc-text.css for xtra attributes */
		width:452px;
		float: left;
		clear: both;
		} 
	body#payment div.collectionpager { width:100%; margin-bottom: 15px; }
	body#checkout-process div.collectionpager { width:100%; }  	

	div.collectionpager SPAN { }
		
	div.page-results {
		float: left; 
		display: none;
		}
	
	div.page-links { }	
	
	span.link-range {
		float: left; 
		width: 350px;
		}
		
	body#payment span.link-range { width: 820px; }
	body#checkout-process span.link-range { width: 500px; }		
	
	span.divider { color: #ccc; }
	
	span.link-back {
		background: url(../gifs/icn-left.gif) no-repeat 0px 5px;
		padding:0 0 0 10px;
		margin-left: 10px;
		}
	
	span.link-next {
		background: url(../gifs/icn-right.gif) no-repeat 100% 5px;
		padding:0 11px 0 0px;
		}	
		
	div.mod-searchresults-1 div.pad-mod {
		padding: 17px 0px 10px 0px;
		float: left;
		}	

/* ======================================================================= */
/* ======================== SHOPPING CART - PROJECT ====================== */
/* ======================================================================= */

	/* GREEN */
	table.datagrid {
		width: 100%;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		margin-top: 5px;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		}	
		
	table.datagrid TD {
		vertical-align: top;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 3px 5px 4px 5px;
		background-color: #d7ebbc;
		color: #666;
		}
		
	table.datagrid tr.info td {
		background-color: #e7f7d6;
		text-align: right;
		}	
		
	table.datagrid tr.header TD {
		font-weight: bold;
		color: #000;
		white-space: nowrap;
		background-color: #c5e29f;
		}

	/* BLUE */
	table.datagrid-2 {
		width: 100%;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		margin-top: 5px;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		}	
		
	table.datagrid-2 td {
		vertical-align: top;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 3px 5px 4px 5px;
		background-color: #cbeafa;
		color: #666;
		}
		
	table.datagrid-2 tr.info td {
		background-color: #e1f4ff;
		text-align: right;
		}	
		
	table.datagrid-2 td p.shopcart {
		padding-bottom: 0;
		padding-top: 0;
		background-position: 0 5px;		
		}	
		
	table.datagrid-2 tr.header td {
		font-weight: bold;
		color: #000;
		white-space: nowrap;
		background-color: #bedded;
		}		
	
	h2.datagrid-header,
	h2.datagrid-header-2 {
		font-size: 1em;
		color: #fff;
		font-weight: bold;
		padding: 3px 3px 3px 6px;
		margin: 7px 1px -5px 1px;
		}
		
	h2.datagrid-header		{ background-color: #60882b; }				
	h2.datagrid-header-2	{ background-color: #246e92; }	
	
	/* ORDER HISTORY */
	table.order-history {
		width: 100%;
		border: 1px solid #fff;
		}	
	
	table.order-history th {
		vertical-align: top;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 3px 5px 4px 5px;
		background-color: #c5e29f;
		color: #000;
		}
		
	table.order-history td {
		vertical-align: top;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 3px 5px 4px 5px;
		background-color: #cbeafa;
		color: #666;
		}
		
	table.order-history td.name,
	table.order-history th.name			{ border-right: none; width: 98%; }	
	table.order-history tr.product td	{ background-color: #d7ebbc; }	
	table.order-history tr.oligo td		{ background-color: #cbeafa; }
	table.order-history td.button, table.order-history td.date { width: 1%; white-space: nowrap; }
	
	table.order-history tr.product td.name a	{ display: block; background: url(../gifs/icn-link.gif) no-repeat 0px 4px; padding: 0px 0px 4px 10px; margin: 0;}	
	table.order-history tr.oligo td.name a	{ display: block; background: url(../gifs/icn-shopcart.gif) no-repeat 0px 4px; padding: 0px 0px 4px 10px; margin: 0;}		
	
	/* GENERIC ALIGNMENT STYLES */
	.align-right	{text-align: right;}
	.align-left		{text-align: left;}	
	.align-center	{text-align: center;}	
	
/* ======================================================================= */
/* ======================= PAYMENTS GATEWAY - PROJECT ==================== */
/* ======================================================================= */	
				
	table.payment-results {
		width: 100%;
		margin: 5px 0px 5px 0px;
		}

	table.payment-results th {
		background-color: #333;
		color: #fff;
		padding: 2px 0px 2px 4px;
		font-size: 0.9em;
		text-align: left;
		}
		
	table.payment-results th.product {
		background-color: #999;
		border-top: 1px solid #333;
		}	

	table.payment-results td {
		background-color: #eee;
		color: #333;
		padding: 3px 0px 3px 4px;
		border-bottom: 1px solid #ccc;
		}
		
	table.payment-results td.leftlabel {
		background-color: #e0e0e0;
		padding-right: 5px;
		width: 115px;
		text-align: right;
		}	
		
	table.payment-results th.amount,
	table.payment-results td.amount {
		padding-right: 4px;
		}	
		
	table.payment-results td.date,
	table.payment-results td.name,
	table.payment-results td.institution,
	tr.processed-order td {
		font-size: 0.9em;
		}
		
	table.payment-results td.date,
	table.payment-results td.expiry  {
		white-space: nowrap;
		}		
		
	table.payment-results td.button {
		width: 1%;
		padding: 3px 4px 3px 0px;
		}
		
	input.ref { width: 65px !important;}	
	input.cardholder { width: 110px !important;}
	input.creditcard { width: 100px !important;}
	input.amount { width: 42px !important; text-align: right;}
	input.csc { width: 35px !important;}
	
	
	div.mod-paymentfilter-1 {
		background: url(../gifs/bg-filter-payment.gif) no-repeat 0 0px transparent;
		height: 35px;
		margin-bottom: 7px;
		}
	
	div.mod-paymentfilter-1 DIV.pad-mod {
		padding: 7px 0px 0px 10px;
		margin-bottom: 6px;
		}
		
	div.mod-paymentfilter-1 span {
		float: left;
		}	
		
/* PAYMENT CONFIRMATION SCREEN */
	
	div.con-confirmation {
		 float: left; 
		 width: 100%;
		}
	
	div.mod-paymentconfirmation {
		float: left; 
		width: 355px; 
		background-color: #eee; 
		border: 1px solid #ccc;
		margin-bottom: 10px;
		}
		
	div.mod-paymentconfirmation div.pad-mod {
		padding: 3px 10px 3px 10px; 
		}
		
/* ==================================================================== */
/* =========================== ACCESSIBLITY =========================== */
/* ==================================================================== */
/* The anchors are for screen readers. Should not be vivible on screen. */

	div.mod-area-anchors { display: none; }	
	h1.area-anchor { display: none; }	
		
/* ---------------------------- PRINT LOGO ---------------------------- */	
/* Displays when printing, see 'print.css' */	
	
	div.mod-printlogo-1 { 
		display: none; 
		}