/* (c) Copyright Advantage Services (Europe) Ltd. */

body {
  3background-color: #dbede9;
  2background-color: #89c6b9;
  background-color: #EAF6EA;
  /*background:url(/images/background.jpg) repeat;*/

  width: 850px;

  font: 10pt/14pt verdana, arial, san-serif;
  color: #000000; 
  margin: 2px auto 2% auto;
  padding: 0px;
  padding-bottom: 0px;
  align: center;
}

#wrapper { 
  position: relative;
  width: 850px;
  
  color: #000000; 
  padding: 0px;
  padding-bottom: 0px;
  background: #FFFFFF; 
  border: 1px solid #445861;
  }
  
#bannerContainer {
  position: relative;
  top: 0px;
  height: 130px;
  width: 850px;
  border: 0px solid #445861;
  background: #FFFFFF;
  padding-bottom: 5px;
}

#container {
  position: relative;
  top: 0px;
  width: 850px;
  border: 0px solid #445861;
  padding: 0px;
  margin: 0px;
  /*padding-bottom: 5px;*/
  z-index: 2;
}

#leftMenu {
  float: left;
  margin: 0px;
  padding: 0px;
  margin-right: 5px;
  border-right: 2px solid #058165;
  width: 200px;
}

div.shopTab {
  float: left;
  width: 124px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  text-align: center;
  background: url(/images/tab.gif) no-repeat;
}

ul.mainList {
  font-size:0.85em; 
  margin-left: 2px;
  padding-left: 2px;
  text-indent: 0px;
}

#leftMenu ul li {
  font-weight: bold;
  color: #056135;
  list-style: none;
  margin-top: 10px;
}

#leftMenu ul li ul {
  margin-left: 10px;
  padding-left: 10px;
  text-indent: -5px;
}

#leftMenu ul li ul li {
  font-weight: normal;
  margin: 0px;
  padding-left: 0px;
  color: #058165;
}

#mainSection {
  position: relative;
  top: 0px;
  left: 0px;

  padding-left: 0px;
  margin-left: 0px;
  font: 10pt/14pt verdana, arial, san-serif;
}

#main { 
  position: relative;
  top: 0px;
  left: 0px;
  /*width: 730px;*/
  margin: 0px; 
  padding: 10px; 
  
  font: 10pt/14pt verdana, arial, san-serif;
  color: #000000; 
  margin: 0% auto 0% auto;
  background: #FFFFFF; 
  border: 0px solid #445861;
  text-align: center;
}

#home {
  position: absolute;
  top: 80px;
  left: 20px; 
  width: 300px;
  height: 30px;
  margin:0px; 
  padding: 0px; 
  border:0px; 
}

#logo {
  position: absolute;
  top: 25px;
  left: 0px; 
  width: 260px;
  height: 60px;
  margin:0px; 
  padding:0px; 
  border:0px; 
}

#banner {
  position: absolute;
  top: 25px;
  left: 330px; 
  width: 400px;
  height: 100px;
  margin:0px; 
  padding: 0px; 
  border:0px; 
}

P { text-align: left; }

P.highlighted {  background-color: #DDDDDD; }

.bodyLink   {  font-family: arial;  font-size:    0.8em;   color: #0033CC;  text-decoration: underline;  text-align: bottom;  font-weight: bold; }
.bodyLink:visited   {  font-family: arial;  font-size: 8pt;  color: #0033CC;  text-decoration: underline;  text-align: bottom;  font-weight: bold; }
.bodyLink:active  { font-family: arial;  font-size: 8pt;  color: #0033CC;  text-decoration: underline;  text-align: bottom;  font-weight: bold; }
.bodyLink:hover   { font-family: arial;  font-size: 8pt;  color: #ffffff;  background-color: #0033CC;  text-decoration: underline;  
	text-align: bottom;  font-weight:    bold; }

.bodyLinkBuyNow   { font-family: arial;  font-size: 8pt;  color: #FF0000;  text-decoration: none;  text-align: bottom;  font-weight: bold; }
.bodyLinkBuyNow:visited { font-family: arial;  font-size: 8pt;  color: #FF0000;  text-decoration: none;  text-align: bottom;  font-weight: bold; }
.bodyLinkBuyNow:active  { font-family: arial;  font-size: 8pt;  color: #FF0000;  text-decoration: none;  text-align: bottom;  font-weight: bold; }
.bodyLinkBuyNow:hover   { font-family: arial;  font-size: 8pt;  color: #FF0000;  text-decoration: underline; text-align: bottom;  font-weight: bold; }

.subheadingLink   {  font-family:    arial;  font-size:    12pt;  color:      #DDDDDD;  text-decoration:  none; }
.subheadingLink:visited   {  font-family:    arial;  font-size:    12pt;  color:      #DDDDDD;  text-decoration:  none; }
.subheadingLink:active  {  font-family:    arial;  font-size:    12pt;  color:      #DDDDDD;  text-decoration:  none; }
.subheadingLink:hover   {  font-family:    arial;  font-size:    12pt;  color:      #FF0000;  text-decoration:  none; }

.subheadingLinkBold   {  font-family:    arial;  font-size:    12pt;  color:      #B36100;  text-decoration:  none;  font-weight:    bold; }
.subheadingLinkBold:visited   {  font-family:    arial;  font-size:    12pt;  color:      #B36100;  text-decoration:  none;  font-weight:    bold; }
.subheadingLinkBold:active  {  font-family:    arial;  font-size:    12pt;  color:      #B36100;  text-decoration:  none;  font-weight:    bold; }
.subheadingLinkBold:hover   {  font-family:    arial;  font-size:    12pt;  color:      #FF0000;  text-decoration:  none;  font-weight:    bold; }

.topLink {  color:#686868;  font-size: 8pt;  font-family: Arial;  text-decoration: none; }

.buyButton {  border-style:solid;  border-color:#000000;  color:#ffffff;  background-color:#FF0000;  border-width:1px;  font-family:Verdana,San-Serif;
	font-size:7.5pt;  font-weight:bold;  padding=0px;  margin:1px;  cursor: pointer; /* hand-shaped cursor */  cursor: hand; /* IE 5.x */
}

P.heading { font-family: Arial,Helvetica,Sans serif;    font-size: medium;    font-weight: bold; }
    
.subheading {  width: 100%;  color: #ffffff;  background-color: #ffffff;  font-face: Tahoma;  font-weight: bold;  font-size: medium;  padding-left: 2px; }

H1 {  color: white;  font-face: Tahoma;  font-weight: normal;  text-align: center;  font-size: 8pt; margin: 0; padding: 0;  }
H1.h1 {  color: white;  font-face: Tahoma;  font-weight: normal;  text-align: center;  font-size: 8pt; margin: 0; padding: 0;  }

H2 { color: #056d58; font-face: Tahoma; font-weight: bold; font-size: medium; 
	margin-bottom: 0pt; margin-top: 0pt; text-align: left; }

HR {	color: #365;	background-color: #365;	height: 2px; }

.tableheading {   width: 100%;  color: #ffffff;  font-face: Tahoma;  font-weight: bold;  font-size: small;  padding-left: 10px; }


.txt { font-family: Trebuchet MS,Arial,Helvetica,Sans serif;  font-size: 1em;  text-align: justify }

.txtCenter { font-family: Trebuchet MS,Arial,Helvetica,Sans serif;  font-size: 1em;  text-align: center }
    
.txtLeft { font-family: Trebuchet MS,Arial,Helvetica,Sans serif;  font-size: 1em;  text-align: left; }
    
.txtGrey { font-family: Trebuchet MS,Arial,Helvetica,Sans serif;  font-size: smaller;  color: #686868;  font-size: 8pt; }

TD.price {  text-align: right;  font-family: Arial,Helvetica,Sans serif;  font-size: 1em }

INPUT.qty { background-color: #EEEEEE;  font-family: Trebuchet MS,Arial,Helvetica,Sans serif;  font-size: smaller;  text-align: center; }    

#submitButton {  width: 75px;  height: 27px;  margin: 0px;  padding: 0px;  border: 0px;  
	background: transparent url(/images/proceed3.gif) no-repeat top left;  text-indent: -1000em;  vertical-align: middle;  
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}

img.imgRight { float:right; margin-left: 5px; padding-left: 5px; padding-bottom: 5px; background-color: #ffffff; }

img.imgRightNoPadding { float:right; margin-left: 0px; padding-left: 0px; padding-bottom: 0px; background-color: #ffffff; }

img.imgLeft { float:left; margin-right: 5px; padding-right: 5px; padding-bottom: 5px; background-color: #ffffff; }

A.body:link   {  font-family: Trebuchet MS,Arial,Helvetica,Sans serif;  font-weight: bold;  text-decoration: underline;  color: #0033CC; }
A.body:visited {  font-family: Trebuchet MS,Arial,Helvetica,Sans serif;  font-weight: bold;  text-decoration: underline;  color: #0033CC; }
A.body:active   {  font-family: Trebuchet MS,Arial,Helvetica,Sans serif;  font-weight: bold;  text-decoration: underline;  color: #0033CC; }
A.body:hover  {  font-family: Trebuchet MS,Arial,Helvetica,Sans serif;  font-weight: bold;  text-decoration: underline;  
	background-color: #0033CC;  color: #ffffff; }

A.bodyBuyNow:link   {  font-family: Trebuchet MS,Arial,Helvetica,Sans serif;  font-weight: bold;  text-decoration: none;  color: #FF0000; }
A.bodyBuyNow:visited {  font-family: Trebuchet MS,Arial,Helvetica,Sans serif;  font-weight: bold;  text-decoration: none;  color: #FF0000; }
A.bodyBuyNow:active   {  font-family: Trebuchet MS,Arial,Helvetica,Sans serif;  font-weight: bold;  text-decoration: none;  color: #FF0000; }
A.bodyBuyNow:hover  {  font-family: Trebuchet MS,Arial,Helvetica,Sans serif;  font-weight: bold;  text-decoration: underline;  color: #FF0000; }

ul { align: left; }

li { text-align: left; }

/* CSS menu from here */

.menu {width:850px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:0px solid #fff;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:851px; w\idth:850px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:170px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:170px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#000; width:159px; height:32px; border:0px solid #fff; border-width:0px 0px 0px 0px; background: url(/images/nav_back.gif); padding-left:10px; line-height:31px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:170px; w\idth:159px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { background:#888 repeat-x top left;}
/* style the second level hover */
.menu ul ul a.drop:hover{background: #888 bottom right no-repeat;}
.menu ul ul :hover > a.drop {background: #888 bottom right no-repeat;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:32px;left:0px; width:170px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:31px;t\op:32px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#eee; color:#000; height:auto; line-height:1.2em; padding:5px 10px; width:149px; border-top:2px solid #fff;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:171px;w\idth:129px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#888;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#888;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* end CSS menu */

/* header bar */
div.headerbar2 {width: 850px; }
.headerbar2, .headerbar2:link, .headerbar2:visited {background-color: #63577D; color: #FFFFFF; font-size: 10px; text-decoration: none;}
a.headerbar2:hover, a.headerbar2:visited:hover {background-color: #63577D; color: #FFFFFF; font-size: 10px; text-decoration: underline;}

div.headerbar {width: 850px; }
td.headerbar { background:url(/images/blueFadeBackground.gif) repeat-x; color: #FFFFFF; font-size: 10px; text-decoration: none; }
a.headerbar:link, a.headerbar:visited { color: #FFFFFF; font-size: 10px; text-decoration: none; }
a.headerbar:hover, a.headerbar:visited:hover {color: #FFFFFF; font-size: 10px; text-decoration: underline; }

/* show basket bar */
div.showbasket { width:850px; text-align:center; }
.showbasket, a.showbasket:link, a.showbasket:visited {background-color: #1B9179; color: #FF0000; font-size: 10px; text-decoration: none; text-align:center; }
a.showbasket:hover, a.showbasket:visited:hover {background-color: #1B9179; color: #FFFFFF; font-size: 10px; text-decoration: none; text-align:center; }

/* footer */
.footer, .footer:link, .footer:visited, .footer:hover, .footer:visited:hover {background-color: #63577D; color: #FFFFFF; font-size: 10px; text-decoration: none; border: none; }
/* end footer */

/* breadcrumbs */
.breadcrumb {
  color: #ffffff;
}
.breadcrumb a {
  color: #ffffff;
  text-decoration: none;
}
.breadcrumb a {
  font-weight: normal;
}
.breadcrumb a:visited, #content .links a:visited, #content .terms a {
  color: #ffffff;
}
.breadcrumb {
  margin-top: 0px;
  padding-top: 0px;
  /*font-size: 85%;*/
  /*margin: -1.9em 0px -16px 98px;*/
}
/* end breadcrumbs */

/* shop tabs */
a.shopTab {
  color: #555555;
}

div.productContainer {
	border: 1px solid #ccc;
	overflow: hidden;
	width: 620px;
}