/* ==== colours === */
/* left - right gradients
Purple #663366 - #9C4E9C
Dark Blue #0D55A7
Grey #E6E5DB - #CFCFCE

/* ========== Basic main body layout ============ */
* { padding: 0; margin: 0; }
img { border: none; }

acronym { border-bottom: 0;}

.clear { clear: both; }
.center { text-align: center;}

html {
	background: url(/images/bg.jpg) repeat-x;
}

html, body {
	font-family:  Arial, "Arial Narrow","Frutiger 45 Light", Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	color: #000;
}

#wrapper {
	width: 900px;
	margin: 10px auto;
	border: 1px solid #0D55A7;
	background: #fff;
}

#main-page {
	width: 880px;
	margin: 0 0 10px 0;
	padding: 0 10px;
}

a {
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

#main ul
{
	/*margin-left: 30px;
	font-size: 95%;
*/
}
#main ul li
{
	list-style: square;
	margin-left: 25px;
	/*padding: 3px;
*/
}

/* =========== footer details =============== */

#footer {
	clear: both;
	width: 880px;
	height: 17px;
	font-size: 85%;
	margin: 5px 0 0 0;
	background: #0D55A7;
	color: #fff;
}

#footer ul {
	float: right;
	list-style: none;
	width: 350px;
	margin: 0 auto;
}

#footer li {
	float: left;
	margin: 0 10px;
}

#footer li a {
	color: #fff;
	text-decoration: none;
}

#footer li a:hover {
	text-decoration: underline;
}

#footer p {
	float: left;
	padding: 0 0 0 250px;
}
/* ========= details within main-page =========== */

#head {
	position: relative;
	clear: both;
	width: 880px;
	height: 75px;
	margin: 10px 0 0 0;
	padding: 0;
}

#head img { 
	float: left;
	padding: 0 0 0 35px;
}

#head p {
	float: right;
	margin: 23px 5px 0 0;
	color: #0D55A7;
	font-size: 100%;
}

#head a:link { color:#0000cc; text-decoration: none;}  
#head a:visited { color:#0000cc; text-decoration: none; }  
#head a:hover { text-decoration: underline; } 


#head span {
	color: #9C647D;
	font-weight: bold;
	margin: 0 0 0 5px;
}

#head ul {
	float: right;
	margin-right: 50px;
	list-style-type: none;
}

#head ul li {
	float: left;
	margin-left: 10px;
	color: #ae6496;
}

#searchform label { padding-right: 5px; }
#searchform input.inputbox { float: right; width: 130px; margin: 0 5px 0 15px; border: 1px solid #333333; font-size: 9px; padding: 0.1em 0.1em 0.1em 0.2em; background:url('/images/input.gif') repeat-x; }
#searchform input.inputbutton { float: right; margin: 0px 5px -2px 0px; border: 1px solid #333333; width: 16px; height: 16px; background:url('/images/glass.gif') no-repeat left top;}
#search a {
	color: #0D55A7;
	text-decoration: none;
	}

#banner {
	clear: both;
	width: 880px;
	height: 200px;
	margin: 0;
	padding: 0;
}

#banner img { 
	float: left;
}

#main {
	clear: both;
	width: 890px;
	padding: 0;
	margin: 15px 0;
}

#left-col {
	float: left;
	width: 200px;
	margin: 0;
}

#right-col {
	float: left;
	width: 670px;
	margin: 0;
	padding: 0 0 10px 10px;
}

#right-col p {
	padding: 0 5px 0 10px;
	margin: 7px 0 2px 0;
	font-size: 1em;
	text-align: justify;
}

#right-col td p {
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	font-size: 1em;
	text-align: justify;
}

#right-col a {
	color: #0D55A7;
}

#right-col h1 {
	color: #0D55A7;
	font-size: 110%;
	padding-left: 10px;
	margin: 0px 0 7px 0;
}

#right-col h2 {
	color: #0D55A7;
	font-size: 100%;
	padding-left: 10px;
	margin: 10px 0 7px 0;
}

#right-col h3 {
	color: #0D55A7;
	font-size: 110%;
	padding-left: 10px;
	margin: 0px 0 7px 0;
}

#right-col h4 {
	color: #0D55A7;
	font-size: 105%;
	padding-left: 10px;
	margin: 10px 0 3px 0;
}

#right-col #mid-col.strapline {
	padding-left: 200px;
}

#mid-col {
	float: left;
	width: 400px;
	margin: 0;
	padding: 0;
}

#mid-col-text {
	float: left;
	width: 390px;
	margin: 0;
	padding: 0;
}

#feature-wrap {
	float: right;
	width: 240px;
	margin: 0 0 0 5px;
	padding: 0;
}

#feature-wrap-text {
	float: right;
	width: 260px;
	margin: 0 0 0 10px;
	padding: 0;
}

.feature {
	min-height: 100px;
	clear: both;
	margin: 0 0 5px 0;
	border: 1px solid #0D55A7;
	padding: 0 2px;
}

.feature p
{
	padding: 0px 5px;
}

/*\*/
* html .feature {
	height: 100px;
}
/**/

#right-col .feature h2 {
	font-size: 95%;
	font-weight: bold;
	margin: 2px 0;
	padding: 0.3em;
	background-color: #0D55A7;
	color: #fff;
}

#right-col .feature.green {
	border: 1px solid #267d52;
}
#right-col .feature.green h2 {
	background-color: #267d52;
}

#right-col .feature.purple {
	border: 1px solid #9c647d;
}
#right-col .feature.purple h2 {
	background-color: #9c647d;
}

#right-col .feature p {
	padding: 0 0.5em;
	font-size: 0.9em;
	font-family: Verdana,Helvetica,sans-serif;
}

#right-col .feature img {
	float: right;
}

.product-summary-column {
	float: left;
	width: 335px;
	margin: 0;
	padding: 0;
}

.product-summary {
	min-height: 70px;
	clear: both;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	padding: 0 5px;
}

ul.company-info {
	margin-left: 10px;
	margin-top: 15px;
	list-style-type: none;
}

ul.company-info li {
	margin-bottom: 10px;
}

#sitemap ul 
{
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-left: 7px;
}

#sitemap div.col
{
	float:left;
	width:32%;
}

/* ======== Main menu ======== */

#main-menu {
	float: left;
	width: 200px;
	height: 200px;
	padding: 0;
	background: transparent url(/images/main-menu.jpg) repeat-y;
}

#main-menu ul {
	list-style: none;
	float: left;
	width: 200px;
	margin: 5px 0 0 0;
}

#main-menu li {
	margin: 11px 0;
	padding: 0 25px 0 0; /* alternative	padding: 0 10px 0 10px;*/
	text-align: right;  /*previously text-align: left;*/
}

#main-menu li a {
	color: #fff;
	text-decoration: none;
}

#main-menu li a:hover {
	text-decoration: underline;
}*/

/* ====== Product Menu ======= */

#product-menu {
	width: 200px;
	padding: 0;
	margin: 0;
}

#product-menu .purple {
	width: 173px;
	background: transparent url(/images/h3-purple.jpg) repeat-y;
	text-align: right;
	padding: 0 50px 0 0;
	margin: 0 0 3px 0;
	color: #fff;
	font-size: 115%;
	font-weight: bold;
}

#product-menu .green {
	width: 173px;
	background: transparent url(/images/h3-green.jpg) repeat-y;
	text-align: right;
	padding: 0 50px 0 0;
	margin: 0 0 3px 0;
	color: #fff;
	font-size: 115%;
	font-weight: bold;
}

.right-link {
		text-align: right;
		padding: 0px;
	}

#qm0 a#header-link {
		background: #fff;
		margin: -3px 0 -6px 0;
		padding: 3px 10px 6px 0;
		font-weight: bold;
		font-size: 100%;
	}

.strapline {
	float: right;
	margin: 25px 0 0 0;
}

/* ===== end of menu styles ====== */


/* START: product attributes */
table.products { width: 100%; font-size: 0.9em; font-family: Verdana,Arial,sans-serif; }
table.products th { text-align: left; padding: 0.5em;  background-color: #0D55A7; color: #fff; vertical-align: top; } 
table.products th a { text-decoration: underline; color: #fff !important; } 
table.products td { padding: 0.5em; color: #111; text-align: left; vertical-align: top;}
table.products tr.d0 td { background-color: #eee;}
table.products tr.d1 td { background-color: #ccc;}
/* END: product attributes */

ul.docs li { margin-left: 20px; list-style-type: none; background: #fff url(/images/pdf.gif) no-repeat top left; padding-left: 20px; margin-bottom: 0.5em; }

ul.subcat { float: left; width: 90%; margin-left: 15px; margin-bottom: 10px;}
ul.subcat li { list-style-type:none; margin-bottom: 0.5em; float: left; min-width: 130px; padding: 0 0.3em; }

/* abnova product details */
#product-detail h1 { background-color: #0d55a7; color: #fff; padding: 0.5em; font-size: 1.3em; }
#product-detail h2 { border-bottom: 1px solid #0d55a7; }

#product-detail table { width: 100%; background-color: #eef5f9;}
#product-detail table td { padding: 0.5em 0.3em; vertical-align: top; }
#product-detail td.title { width: 25%; font-weight: bold; padding-right: 0.3em; text-align: right; }