/*
* $Id: common.css,v 1.3 2007/08/28 14:54:21 cvs Exp $
*
* $Log: common.css,v $
* Revision 1.3  2007/08/28 14:54:21  cvs
* Made various alterations to improve the look of orders and checkout pages.
*
* Revision 1.2  2007/08/24 08:51:32  cvs
* Changed styles nearing release - e.g. no background image
*
* Revision 1.1  2007/07/06 09:38:21  cvs
* Initial entry
*
*/

*     {margin:0; padding:0;}
a, img  {border:none;}
a       {text-decoration:none; font-style:italic; background:#EED;}

body    {background:#FFE; font-family:arial,helvetica,sans-serif; font-size:13pt;}

h1,h2,h3,h4,h5,h6 {color:#808000; background:transparent; margin:.1em auto;}

p,ul,li {margin:10px auto;}
li      {margin-left:2em;}
ul      {list-style-position:outside;}
blockquote  {margin:6pt 32px 6pt 32px; text-align:left;}
address     {margin:6pt 32px 24pt 32px; text-align:right; color:#555;}
strong      {color:#808000;}

div.body {width:96%; margin:auto;}
div.banner          {margin:auto; margin-top:10px; text-align:center; width:760px;}
div.banner div.pin_logo     {height:200px; width:201px; margin:0; float:left;}
div.banner div.pin_logo img {margin:0;}
div.banner div.pin_logo p   {font-family:serif; font-size:10pt; font-style:italic;}
div.banner div.pic      {height:204px; width:416px; margin:0 13px; float:left; background-color:transparent;}
div.banner div.pic div.pic_inner {position:relative; margin:0; left:14%; width:84%;}
div.banner div.pic img  {margin:0; height:200px; position:relative; top:2px;}
div.banner div.pic div.text  {position:absolute; left:0; bottom:0px; height:60px; width:100%; text-align:center;}
div.banner div.pic div.text p {width:320px; background:#FFF; border-left:4px solid #000; border-right:4px solid #000; margin:auto;}

div.banner div.ab_logo {height:200px; margin:0; float:left; font-size:smaller;}
div.banner div.ab_logo img.ablogo {margin:0 0 30px 0; border:2px solid #CCC;}
div.banner div.ab_logo a.flag     {font-size:10pt;}
div.banner div.ab_logo a.flag img {width:auto; margin:auto;}

div.center          {width:96%; margin:auto; text-align:center;}

div.content,
div.content_intro   {width:96%; margin:20px auto; text-align:center;}
div.content,
div.content_intro   {margin-top:0;}
div.content_intro p {font-weight:bold; margin:20px auto; text-align:left;}
div.content_left    {float:left; width:49%;}
div.content_right   {float:right; width:49%;}
div.content_left p,
div.content_left ul,
div.content_left li,
div.content_right p,
div.content_right ul,
div.content_right li  {text-align:left;}

div.inset           {}

div.product_pics      {width:96%; margin:auto; text-align:center;}
div.product_pics a    {float:left; width:18%; margin:0 1%; font-size:smaller;}
div.product_pics img  {margin:0 10px; width:90%;}

div.menu             {clear:left; position:relative; top:0px; margin:0 auto; height:30px; width:760px; text-align:center; font-family:sans-serif; font-size:12pt; background:#EED url(../images/lib/bg_menu.jpg) top repeat-x;}
div.menu ul          {position:relative; display:block; color:#808000; list-style:none; margin:0 auto;}
div.menu ul.en li    {margin:0 1em 0 0.1em;}
div.menu ul.fr li    {margin:0 0.02em 0 0.1em;}
div.menu li          {position:relative; display:block; float:left; line-height:30px; text-align:center;}
div.meni li#contact  {margin:0 4px;}
div.menu li ul       {clear:left; position:absolute; top:30px; left:10px; width:200px; visibility:hidden; background:#EED url(../images/lib/bg_submenu.jpg) top repeat-x;}
div.menu li ul li    {background:transparent none; width:96%; margin-left:0.1em; text-align:left;}
div.menu li.default ul {visibility:hidden;}
div.menu li.over ul,
div.menu li:hover ul {visibility:visible;}
div.menu a           {display:block; padding:0 6pt; text-decoration:none; font-style:normal; color:#808000!important; background:transparent;}
div.menu a:hover     {color:#EED!important; background:#808000 url(../images/lib/bg_menu_over.jpg) top repeat-x;}

span.img_caption        {background:#EED; font-size:smaller; text-align:center;}
span.img_caption_left   {background:#EED; font-size:smaller; text-align:center; float:left; margin-right:10px;}
span.img_caption_right  {background:#EED; font-size:smaller; text-align:center; float:right; margin-left:10px;}
span.img_caption_left img,
span.img_caption_right img {width:190px; border:1px solid #CCC;}
span.img_caption br,
span.img_caption_left br,
span.img_caption_right br {line-height:.6em;}

p.firstpara,
p.emphasise     {color:#4682B4;}
p.error_message {color:#4682B4; width:660px;}

br.cl {clear:left;}
br.cr {clear:right;}
br.cb {clear:both;}
hr    {margin:2px auto; border:1px inset #DD6;}

form * {color:#775;}
label {color:#553;}
form.offers            {width:80%; margin:auto; color:#606000; background:#EED url(../images/lib/bg_submenu.jpg) top repeat-x; border:5px ridge #808080;}
form.offers div        {width:95%; margin:10px auto;}
form input.focus       {background-color:#FFF; border:1px solid #666; }
form input.default     {background-color:#FFE; border:1px solid #AAA; }
form input.disabled    {background-color:transparent; border:1px solid transparent;}
form textarea.obligatory,
form input.obligatory  {border:1px solid #B50;}
form span.obligatory,
form label.obligatory  {color:#B50;}
form textarea.focus    {background-color:#FFF; border:1px solid #666; }
form textarea.default  {background-color:#FFE; border:1px solid #AAA; }
form textarea.disabled {background-color:transparent; border:1px solid transparent;}
form table {width:100%; margin:auto;}
form table col.product {width:45%}
form table col.price   {width:19%;}
form table col.quantity {width:13%;}
form table col.cost    {width:23%;}
form table th {line-height:30px; color:#808000; background:#EED url(../images/lib/bg_submenu.jpg) top repeat-x;}
form table td {text-align:left; padding:3px;}
form input,
form textarea          {background:#FFE; border:1px solid #AAA; padding:0 3px; font-family:arial,helvetica,sans-serif; font-size:11pt;}
form table#order td input {text-align:right;}
form table td input,
form table td textarea {width:90%; color:#000;}
form span.cb input {width:auto;}
form p              {margin-left:4px;}

form table.client_order {border-collapse:collapse;}
form table.client_order td {margin:0; padding:0; color:#330;}
table.billing_details,
table.delivery_details   {background:#DDC;}
table.billing_details td,
table.delivery_details td {vertical-align:top;}
p.section      {text-decoration:underline;}

.center {text-align:center;}
.right {text-align:right;}
.message  {border:1px solid #F00; background:#EDA; color:#A00; text-align:left;}

div.confirm {width:800px; margin:auto; background:#EED;}
div.confirm div.pin_logo {height:auto; margin:10px auto;}
div.address {width:500px; float:left; font-size:12pt; line-height:13pt;}

div#cm-mac form input,
button  {margin:3px; padding:3px; border-color:#EED; background:#CC9 url(../images/lib/bg_menu.jpg) top repeat-x; line-height:26px; color:#808000; font-size:12pt;}