/* @override http://mgestion.html/css/page.css */
/* style for generic pages and lists */

#page #content			{ width:712px; float:left; background:url(../img/page_content_bg.png) repeat-y; overflow:hidden; }
#page #content_wrapper	{ margin-top:0px; padding:3px 23px 0 17px; background:url(../img/page_content_top.png) no-repeat; min-height:671px; }
#page span.bottom		{ display:block; clear:both; height:10px; background:url(../img/page_content_bottom.png) no-repeat; overflow:hidden; } /* available width = 672px */

#page #content h1		{ height:32px; line-height:34px; color:#FFF; font-family:Georgia; font-size:1.2em; padding:0 0 .7em 0; }

#page #content .headline	{ padding:0 0 .5em 0; font-size:.9em; }
#page #content .headline p	{ line-height:1.4em; padding:0 0 1em 0; font-weight:bold; }

#page #sidebar			{ width:280px; float:right; overflow:hidden; }
#page #sidebar ul.icons		{ width:300px; }
#page #sidebar ul.icons li	{ float:left; margin-right:8px; margin-bottom:1px; }

#page nav.tabs			{ clear:both; background:#808080; border-top:1px solid #BFBFBF; border-bottom:1px solid #D0CFCD; font-size:.85em; line-height:normal; }
#page nav.tabs a		{ padding:6px 4px 0 4px; height:19px; border-left:1px solid #C0C0C0; color:#FFF; float:left; }
#page nav.tabs a.first	{ border-left:none; }
#page nav.tabs a:hover, #page nav.tabs a.current	{ background:#A3A096; color:#8E2B28; }

#page div.description	{ background:#A3A096; padding:15px; border-right:1px solid #A3A096; color:#1A1A1A; margin:0 0 10px 0; }
#page div.description p	{ line-height:1.5em; padding:0 0 .8em 0; }
#page div.description fieldset		{  }
#page div.description fieldset .active	{ font-weight:bold; }
#page div.description fieldset p	{ float:left; padding:0 1.8em 0 0; }
#page div.description fieldset input	{ float:left; margin:0 6px 0 0; }
#page div.description fieldset label	{ vertical-align:middle; }

/* product lists */
table.products			{ width:100%; text-align:left; margin:0 0 10px 0; border-bottom:2px solid #BEC3C3; color:#656565; }
table.products th		{ background:#920000; color:#FFF; font-weight:normal; padding:4px 0; border-top:1px solid #A43F3F; border-bottom:1px solid #C27F7F; text-align:left; }
#page table.products th a		{ color:#FFF; padding-right:14px; background:url(../img/table_sort.png) no-repeat center right; }
#page table.products th a.asc	{ background-image:url(../img/table_sort_asc.png); }
#page table.products th a.desc	{ background-image:url(../img/table_sort_desc.png); }
#page table.products th a:hover	{ color:#E1C0C0; }
table.products th span	{ display:block; padding:5px 12px; border-left:1px solid #E1C0C0; }
table.products th.first	span	{ border:none; }
table.products td				{ border-top:2px solid #BEC3C3; padding:6px 0; }
table.products td div			{ height:70px; border-left:1px solid #DFDFDF; padding:2px 8px; position:relative; overflow:hidden; }
table.products td.title			{ width:210px; }
table.products td.title div		{ padding-left:3px; border-left:none; }
table.products .first td		{ border-top:none; }
table.products td.desc div		{ padding-left:14px; padding-right:14px; }
table.products td.desc p		{ padding:0 0 .3em 0; line-height:1.5em; }
table.products td.desc p.go		{ padding:0; line-height:normal; }
table.products p.go				{ position:absolute; bottom:0; padding:0; }
table.products p.go a			{ padding:0 12px 0 0; color:#BA0000; font-size:.9em; background:url(../img/products_go.png) no-repeat center right; }
table.products p.go a:hover		{ color:#990000; }
table.products td.performance div	{ padding-left:20px; padding-right:10px; }
table.products td.performance p.go	{ position:static; clear:both; padding:58px 0 0 0; display:block; }
table.products td.performance span	{ display:block; width:31px; height:32px; position:absolute; top:18px; left:38px; background:url(../img/performance.png) no-repeat; cursor:pointer; }
table.products td.currency		{ vertical-align:baseline; text-align:center; line-height:70px; }
table.products td.value			{ line-height:70px; text-align:center; font-weight:bold; color:#1A1A1A; white-space:nowrap; }
table.products td.perf			{ line-height:70px; text-align:center; font-weight:bold; color:#1A1A1A; white-space:nowrap; }
table.products td.downloads		{ background:#D8DBDB; border:none; padding:4px 14px 2px 14px; line-height:26px; }

table.products td.downloads a	{ 
  float:left; 
  height:20px; 
  width:154px; 
  padding:0 40px 8px 20px; 
  color:#1A1A1A; 
  font-weight:bold; 
  font-size:.9em; 
  background:url(../img/document.png) no-repeat center left; 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.products p.title			{ font-weight:bold; line-height:1.1em; padding:0 0 .3em 0; }
table.products p.title a		{ color:#000; }
table.products p.isin			{ color:#A7A7A7; line-height:1.4em; padding:0 0 .2em 0; }
table.products p.rating			{ padding:0 0 .5em 0; }
table.products span.star		{ display:block; float:left; width:14px; height:14px; background:url(../img/morningstar_off.gif); margin:0 2px 0 0; }
table.products span.star.active	{ background-image:url(../img/morningstar_on.gif); }
table.products p.downloads a	{ position:absolute; bottom:0; color:#7E8787; font-size:.9em; padding:0 12px 0 0; background:url(../img/download_arrow_down.png) no-repeat center right; text-decoration:underline; }
table.products p.downloads a.up	{ background:url(../img/download_arrow_up.png) no-repeat center right; }
table.products p.downloads a:hover	{ text-decoration:none; }

/* standard html pages */
#page div.html img				{ float:left; border:1px solid #808080; padding:4px 3px; margin:0 8px 8px 0; }
#page div.html img.center		{ float:none; display:block; margin:0 auto 10px auto; }
#page div.html img.right		{ float:right; display:block; margin:0 0 8px 8px; }
#page div.html p				{ line-height:1.4em; padding:0 0 1.4em 0; }
#page div.html h2				{ padding-bottom:.7em; }
#page div.html a				{ color:#920000; }
#page div.html a:hover			{ color:#BA0000; text-decoration:underline; }
#page div.html ul				{ padding:0 0 1.4em 3em; list-style-type:square; line-height:1.4em; }
#page div.html ol				{ padding:0 0 1.4em 3em; list-style-type:decimal; line-height:1.4em; }
#page div.html hr				{ margin:0 0 1em 0; padding:0; }
#page #content div.html .headline		{ padding-right:60px; }
#page div.html .headline p		{ font-size:1.1em; }
#page div.html h3				{ clear:both; background:#900000; color:#FFF; padding:2px 6px; margin:0 0 6px 0; font-weight:normal; font-size:.9em; }
#page div.html h4       { font-size:1.05em; color:#222; font-weight:bold; padding:0 0 .6em 0; }

#page div.html table			{ text-align:left; margin:0 0 1.4em 0; border-bottom:2px solid #BEC3C3; color:#656565; }
#page div.html table th			{ background:#860000; color:#FFF; font-weight:normal; padding:4px 10px; border:1px solid #A43F3F; text-align:left; }
#page div.html table th a		{ color:#FFF; padding-right:14px; background:url(../img/table_sort.png) no-repeat center right; }
#page div.html table th a:hover	{ color:#E1C0C0; }
#page div.html table td			{ padding:5px 10px; border:1px solid #DFDFDF;  border-bottom:1px solid #CCC; }

#page div.html div.documents	{ padding:.6em 0 1em 0; }
#page #content div.documents h2	{ padding:2px 6px; font-size:.95em; line-height:1.4em; font-weight:normal; font-family:Verdana, sans-serif; background:#7E8787; float:left; color:#FFF; }
#page div.html div.documents ul	{ clear:both; background:#D8DBDB; float:left; padding:8px; padding-bottom:0; list-style-type:none; }
#page div.html div.documents li	{ padding-bottom:8px; }
#page div.html div.documents ul a	{ display:block; height:20px; padding:0 10px 0 18px; line-height:26px; color:#1A1A1A; font-size:.9em; background:url(../img/document.png) no-repeat center left; }

#page div.html ul.posts			{ list-style-type:none; padding:0; }
#page div.html ul.posts li.post	{ border-bottom:1px solid #CCC; margin-bottom:10px; }
#page div.html div.movie	{ padding-bottom:10px; }

#page div.pagination			{ padding:0 0 1.6em 0; height:1.2em; }
#page div.pagination .prev_page	{ float:left; }
#page div.pagination .next_page	{ float:right; }
#page div.pagination span.pages	{ display:block; position:absolute; width:400px; margin-left:136px; text-align:center; }
#page div.pagination span.pages a	{ padding:0 2px; }
#page div.pagination span.current	{ font-weight:bold; padding:0 2px; }
#page div.pagination:after, #page div.pagination:before		{ content: "\0020"; display: block; height: 0; visibility: hidden; clear: both; }

#page #content p.source	{ font-size:.8em; color:#999; padding-bottom:1em; }
#page #content p.picture	{ float:left; }
#page #content p.picture img	{ float:left; clear:both; margin-bottom:3px; }
#page #content p.picture small	{ display:block; clear:both; color:#999; font-size:.8em; text-align:center; padding-right:8px; }

#page #content p.back						{ float:left; padding:0 0 12px 0; }
#page #content div.product p.back		{ padding:0 6px 12px 6px; }
#page p.back a		{ color:#920000; float:left; padding:0 12px 0 0; background:url(../img/arrow_red.png) no-repeat center right; }
#page p.back a:hover	{ color:#B80000; }

#page #content div.product p.top			{ float:right; padding:0 6px 12px 6px; }
#page p.top a		{ color:#920000; float:left; padding:0 16px 0 0; background:url(../img/arrow_top.png) no-repeat center right; }
#page p.top a:hover	{ color:#B80000; }

/* variant 1 - blue page */
#page .variant_1 #content_wrapper	{ background-image:url(../img/page_content_letter_top.png); }
#page .variant_1 div.html h2		{ color:#237F9B; }
#page .variant_1 div.html a			{ color:#3288AB; }
#page .variant_1 div.html a:hover	{ color:#2E9BCE; }
#page .variant_1 div.html hr		{ border-color:#CBE6F3; }
#page .variant_1 p.back a			{ background-image:url(../img/arrow_blue.png); }
#page .variant_1 div.html h3		{ background-color:#3288AB; }
#page .variant_1 div.html table th	{ background-color:#3288AB; border-color:#2E9BCE; }

/* variant 2 - brown page */
#page .variant_2 #content_wrapper	{ background-image:url(../img/page_content_brown_top.png); }
#page .variant_2 div.html h2		{ color:#A28D80; }
#page .variant_2 div.html a			{ color:#A28D80; }
#page .variant_2 div.html a:hover	{ color:#C8AE9E; }
#page .variant_2 div.html hr		{ border-color:#C8AE9E; }
#page .variant_2 div.html h3		{ background-color:#A28D80; }
#page .variant_2 div.html table th	{ background-color:#A28D80; border-color:#C8AE9E; }

#page form						{ padding:0 0 10px 0; }
#page form div.field			{ clear:both; padding:0 10px 14px 0; }
#page form div.field:after, #page form div.field:before	{ clear:both; content: "\0020"; display: block; height: 0; visibility: hidden; }
#page form div.field input		{ border:1px solid #AAA; display:block; float:left; width:260px; height:16px; padding:4px; font-size:1.1em; color:#777; }
#page form div.field textarea	{ border:1px solid #AAA; display:block; width:330px; height:130px; padding:4px; font-size:1.1em; color:#777; }
#page form div.field label		{ float:left; width:230px; text-align:right; padding:0 8px 0 0; line-height:26px; color:#666; font-weight:bold; }
#page form div.field_mail		{ padding-left:238px; }
#page form div.field_mail label	{ width:auto; font-weight:normal; display:inline; text-align:left; float:none; line-height:18px; vertical-align:middle; }
#page form div.field_mail input	{ width:auto; float:none; display:inline; margin:-3px 4px 0 0; }
#page form span.optional		{ display:block; float:left; line-height:26px; font-size:.8em; color:#999; padding:0 0 0 4px; }
#page form div.checkboxes   { padding:0 0 16px 238px; line-height:1.2em; }
#page form div.checkboxes label { display:block; margin:0 0 8px 0; color:#666; font-weight:bold; }
#page form div.checkboxes .checkbox         { padding:0 8px 3px 0; }
#page form div.checkboxes .error-message    { padding-left:0; }
#page form div.checkboxes .checkbox label   { display:inline; color:#333; font-weight:normal; padding:0 8px 3px 0; }
#page form div.checkboxes .checkbox input   { margin-right:4px; }
#page form .error-message		{ clear:both; color:#920000; padding:0 0 0 238px; line-height:1.4em; font-size:.9em; }
#page #field_postcode input		{ width:80px }
#page form div.buttons			{ padding-left:238px; padding-bottom:12px; }
#page form div.buttons span.cancel    { display:block; float:left; height:19px; line-height:21px; border:1px solid #DDD; margin-left:10px; }
#page form div.buttons span.cancel a  { display:block; padding:0 10px; color:#999; font-size:.9em; }
#page form div.buttons p              { padding:10px 0; float:none; clear:both; }

#page #product_list					{ position:relative; float:left; width:280px; background:url(../img/page_products_bg.png) repeat-y; overflow:hidden; }
#page #product_list div.wrap { background:url(../img/page_products_top.png) no-repeat top left; }
#page #product_list h2				{ color:#920000; display:block; margin-right:5px; padding-top:3px; text-indent:8px; line-height:2.6em; }
#page #product_list p.bottom		{ display:block; height:9px; overflow:hidden; background:url(../img/welcome_products_bottom.png) no-repeat; }
#page #product_list p.title			{ padding:14px 0 14px 14px; font-weight:bold; font-size:.9em; color:#2E2D2C; line-height:1.4em; }
#page #product_list ul.ranges		{ clear:both; padding:0 9px 0 7px; font-size:.85em; min-height:456px; }
#page #product_list ul.ranges h3	{ font-weight:bold; padding:0 0 .7em 7px; float:left; font-size:1.15em; line-height:1.1em; color:#80171E; }
#page #product_list ul.products		{ padding:0 0 12px 0; }
#page #product_list ul.products li	{ clear:both; line-height:1.4em; padding:0 0 14px 0; }
#page #product_list ul.products li strong	{ color:#1A1A1A; display:block; margin-left:7px; margin-bottom:6px; font-weight:normal; }
#page #product_list ul.products div.docs { background:#D8DBDB; padding:7px 7px 0px 7px; overflow:hidden; }
#page #product_list ul.products div.docs a { display:block; height:20px; line-height:20px; padding:0 7px 0 20px; margin:0 0 7px 0; color:#1A1A1A; font-weight:bold; background:url(../img/document.png) no-repeat center left; }