/* Copyright © 2003-2012 Battery Force Ltd. */

body {
  margin: 0;
  padding: 0;
  font: normal 76% Arial, Tahoma, Verdana, sans-serif;
}

h1 {
  font-size: 1.6em;
  margin: 2px 0;
  color: #063;
}

h2 {
  font-size: 1.2em;
  margin: 0;
  color: #9c6;
}

h3 {
  font-size: 1.2em;
  font-weight: bold;
  font-style: italic;
  color: #56a350;
}

h4 {
  font-size: 1em;
  font-weight: bold;
}

h5 {
  font-size: 1em;
  font-weight: bold;
  color: #56a350;
}

p {
  font-size: 1em;
  text-align: justify;
}

img {border: 0;}

form {
  margin: 0;
  padding: 0;
}

input, input.formelement,
select.formelement, textarea.formtext {
  font-weight: bold;
  font-family: Arial, sans-serif;
}

input.btn_format {
  background-color: #077646;
  color: white;
  font-size: 0.9em;
}

input.btn_std {
  background-color: #888;
  color: white;
  font-size: 0.9em;
}

input.btn_hi {
  background-color: #077646;
  color: white;
  font-size: 0.9em;
  margin-right: 5px;
  border-top: 2px solid #cf9;
  border-left: 2px solid #cf9;
  border-right: 2px solid #063;
  border-bottom: 2px solid #063;
}

.optional {color: #636363;}
  
.mandatory {color: #000;}

hr {
  color: #077646;
  background-color: #077646;
  height: 1px;
  margin: 10px 6px;
  clear: both;
}

br {clear: both;}

table {margin: 10px 0;}

th {
  text-align: left;
  vertical-align: top;
}

em,
dt {
  color: #56a350;
  font-weight: bolder;
}

p.errmsg {
  font-size: 1.2em;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  border: #3c3 1px solid;
  background: #9f9;
  padding: 8px;
}

/* Links */
a:link,
a:visited {
  color: #333;
  text-decoration: underline;
}

a:hover,
a:active,
a:focus {
  color: #333;
  text-decoration: none;
}

/* Layout Divs */
#wrapper {
  width: 100%;
  position: relative;
}

#wrapper br {
  clear: both;
  margin: 0;
  padding: 0;
}

#header {
  background: #fff url("/images/bg_top_nav.jpg") top right no-repeat;
  width: 100%;
  height: 103px;
}

#header img#photo {
  position: absolute;
  top: 0px;
  left: 202px;
}

/* Top Nav & Basket */
#top_nav {
  position: absolute;
  top: 17px;
  left: 215px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

#top_nav li {display: inline;}

#top_nav li a {
  color: #063;
  font: bold 1em Arial, Tahoma, Verdana, sans-serif;
  padding: 0 5px;
}

#top_nav li a:link,#top_nav li a:visited {text-decoration: none;}

#top_nav li a:hover,#top_nav li a:active,#top_nav li a:focus {text-decoration: underline;}

#top_nav_shopping {
  position: absolute;
  top: 20px;
  margin: 0px 0px 0 0;
  padding: 1px 0 0 0;
  right: 0px;
  width: 228px;
  height: auto;
}

#top_nav_shopping p {margin: 0;}

#top_nav_shopping strong {color: #063;}

#top_nav_shopping a {margin: 5px;}

/* Search box content */

#top_nav_shopping #top_nav_search {
  width: 227px;
  background: url("/images/search-bg.jpg") top left repeat-y;
  margin: 5px 0px 0 0;
  padding: 1px 0 0 0;
  position: absolute;
  right: 0px;
}

#top_nav_search h3 {
  background: transparent url("/images/star.jpg") top left no-repeat;
  width: 62px;
  float: left;
  height: 30px;
  font: bold italic 1.25em Arial, Tahoma, Verdana, sans-serif;
  color: #fff;
  margin: 0px;
  padding: 5px 0 0 20px;
  text-indent: 12px;
}

#top_nav_search #inputSearchTerm  {
  width: 80px;
  float: left;
  border: 1px solid black;
}

#top_nav_search form {
width: 120px;
  float: left;
  margin: 0px;
  padding: 5px 0 0 5px;
}

#top_nav_search #btn_submit {
  float: right;
  margin: 0px;
  padding: 0px;

}

#body_long {
  /*overflow: hidden;*/
  background: transparent url("/images/banner.jpg") top left no-repeat;
  z-index: 0;
  position: absolute;
  top: 103px;
  left: 190px;
  right: 0px;
}

#body_short {
  /*overflow: hidden;*/
  background: transparent url("/images/banner-thin.jpg") top left no-repeat;
  z-index: 0;
  position: absolute;
  top: 103px;
  left: 190px;
  right: 0px;
}

#body_text {
  padding: 0px 5px 5px 15px;
  margin-right: 200px;
}

#body_text_wide {
  padding: 0px 5px 5px 15px;
}

#body_short #body_text,
#body_short #body_text_wide {
  margin-top: 105px;
}

#body_long #body_text,
#body_long #body_text_wide {
  margin-top: 240px;
}

#right_content {
  width: 182px;
  z-index: 10;
}

#body_long #right_content {
  position: absolute;
  top: 219px;
  right: 10px;
  _right: 0px;
}

#body_short #right_content {
  position: absolute;
  top: 83px;
  right: 10px;
  _right: 0px;
}

#right_content_prods {
  width: 182px;
}

#right_content_wide {
  position: absolute;
  top: 116px;
  right: 1px;
  width: 204px;
}
 
#right_content_product_detail {
  width: 204px;
  height: auto;
  position: relative;
  padding: 1px 0 10px 0;
}

#right_content_feat_offers {
  width: 182px;
  height: auto;
  position: relative;
  padding: 1px 0 10px 0;
}

#right_content_product_detail {
  text-align: center;
  padding: 10px 0 0 0;
}
  
#right_content_product_detail p {
  width: 191px;
  text-align: center;
  margin: 5px 0 0 0;
}

#footer,#footer p a {
  font: normal 0.9em Arial, Tahoma, Verdana, sans-serif;
  color: #666;
  text-align: center;
}

/* Log in nav */
#log_in_nav {
  position: absolute;
  top: 2px;
  right: 5px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#log_in_nav li {display: inline; color: #666;}

#log_in_nav li a {color: #666; font: normal 0.75em Arial, Tahoma, Verdana, sans-serif;}

#log_in_nav li a:link,
#log_in_nav li a:visited {text-decoration: underline;}

#log_in_nav li a:hover,
#log_in_nav li a:active,
#log_in_nav li a:focus {text-decoration: none;}

/* Left Nav Categories lists */

#left_nav {
  position: absolute;
  top: 103px;
  left: 0px;
  width: 190px;
  background: transparent;
  z-index: 10;
}

#left_nav_categories {
  margin-top: 0px;
  width: 180px;
  background: url("/images/categories-bg.jpg") top left repeat-y;
  padding-left: 30px;
  padding-bottom: 20px;
}

#left_nav_categories h3 {
  background: transparent url("/images/star.jpg") top left no-repeat;
  width: 180px;
  height: 29px;
  font: bold italic 1.1em Arial, Tahoma, Verdana, sans-serif;
  color: #fff;
  margin: 0 0 0px -30px;
  padding: 7px 0 0 0;
  text-indent: 32px;
}

#left_nav_categories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#left_nav_categories table {
  border: 0;
  margin: -1px;
  padding: 0;
  font-size: 1em;
}

#left_nav_categories ul li {
  float: left;
  padding: 0 0 0 0px;
  border-bottom: 1px solid white;
  position: relative; 
  width: 160px;
}

#left_nav_categories a {
  color: #fff;
  padding: 0px;
  margin: 0px;
}

#left_nav_categories ul li a {
  display: block;
  float: left;
  width: 160px;
  height: 21px;
  line-height: 21px;
  background: transparent;
}

#left_nav_categories ul li:hover a,
#left_nav_categories ul li a:hover {
  background-color: #99CC66;
}

#left_nav_categories a:link,
#left_nav_categories a:visited {
  text-decoration: none;
}

#left_nav_categories a:hover,
#left_nav_categories a:active,
#left_nav_categories a:focus {
  text-decoration: underline;
}

#left_nav_categories ul li ul {
  visibility: hidden;
  position: absolute;
  height: 0;
  overflow: hidden;
  top: 0;
  left: 160px;
  width: 165px;
  padding: 0 0 0 5px;
  color: #fff;
}

#left_nav_categories ul li:hover ul,
#left_nav_categories ul li a:hover ul {
  visibility: visible;
  position: absolute;
  height: auto;
  overflow: visible;
  z-index: 100;
  opacity: 0.9;
  filter: alpha (opacity=90);
  -moz-opacity: 0.9;
  background-color: #99CC66;
  color: #fff;
}

#left_nav_categories ul li:hover ul li a,
#left_nav_categories ul li a:hover ul li a {
  display: block;
  background: transparent;
  line-height: 15px;
  padding: 5px 0px;
  height: auto;
  width: 165px;
  opacity: 1.0;
  filter: alpha (opacity=100) !important;
  -moz-opacity: 1.0;
}

#left_nav_categories ul li:hover ul li:hover a,
#left_nav_categories ul li a:hover ul li a:hover {
  background-color: #669900;
  width: 160px;
}

#left_nav_categories ul li:hover ul li ul,
#left_nav_categories ul li a:hover ul li a ul {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 85px;
}

#left_nav_categories ul li:hover ul li:hover ul,
#left_nav_categories ul li a:hover ul li a:hover ul {
  visibility: visible;
  position: absolute;
  height: auto;
  padding: 0;
  list-style-type: none;
}

#left_nav_categories ul li:hover ul li:hover ul li a,
#left_nav_categories ul li a:hover ul li a:hover ul li a {
  display: block;
  background: transparent;
}

#left_nav_categories ul li:hover ul li:hover ul li:hover a,
#left_nav_categories ul li a:hover ul li a:hover ul li a:hover {
  background: #ccc;
}

/* Left nav satisfaction contents */

#left_nav_satisfaction {
  color: #000;
  background: transparent url("/images/satisfaction-right-border.gif") top right no-repeat; 
  margin: 0px 0 0 0px;
  padding: 15px 0px 10px 10px;
  width: 196px;
  height: 250px;
}

#left_nav_satisfaction a img {
  margin: 15px 16px 0 0px;
  padding: 0px;
}

#left_nav_satisfaction p {
  margin: 2px 6px;
  color: #666;
}

#left_nav_satisfaction h4 {
  margin: 5px 0 10px 0;
  _margin-top: 21px;
  padding: 0px 0 0px 32px;
  font-size: 1.1em;
  line-height: 1.2em;
  color: #077646;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  background: url("/images/bg_left_content_satisfaction.jpg") top left no-repeat;
  width: 145px;
}

#left_nav_satisfaction h5 {
  color: #000;
  margin: 2px 6px;
  font-size: 0.9em;
  font-weight: bold;
  padding: 0 15px 0 0;
}

#left_nav_satisfaction img {
  float: left;
  margin: 0 0px 0 0;
  padding: 0px;
}

div#left_nav div#bookmarking {
  line-height:1.4em;
  margin-top:10px;
  padding: 0px 0px 10px 20px;
}

/* Right Content Featured Offers content */
#right_content_feat_offers {
  margin: 15px 0px 0 0;
  padding: 2px 6px;
  background-color: #9bc768;
  width: 180px;
  
}

#right_content_feat_offers div div {
  width: 115px;
  float: left;
  background-color: #9bc768;
}

#right_content_feat_offers h3 {
  width: 140px;
  height: 25px;
  font: bold italic 1.2em Arial, Tahoma, Verdana, sans-serif;
  color: #fff;
  margin: 6px 5px 0 0px;
  padding: 3px 0 0 0px;
  background-color: #9bc768;
}

#right_content_feat_offers h4 {
  width: 124px;
  height: 25px;
  font: bold italic 1.2em Arial, Tahoma, Verdana, sans-serif;
  color: #fff;
  margin: 6px 5px 0 6px;
  padding: 3px 0px 0 0px;
}

#right_content_feat_offers h5 {
  clear: both;
  margin: 0;
  padding: 0px;
  font: normal 0.9em Arial, Tahoma, Verdana, sans-serif;
}

#right_content_feat_offers h5 a {
  color: #006633;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
}

#right_content_feat_offers p {margin: 0; font-size: 0.9em; text-align: left;}


#right_content_feat_offers form {
  margin: 0 0 3px 0;
  padding: 5px 0 0 0;
  clear: both;
}

#right_content_feat_offers a {
color: #fff;
font-weight: bold;
}

#right_content_feat_offers input {float: right;}

.recent {font-size: 0.8em;}
input.recent {display:inline;}

/* Right checkout summary */
#right_content_feat_offers table {margin: 10px;}
  
/* Product List content */
#product_list_sort {margin: 2px 0; text-align: right; font-size: 80%;}

#product_list label {float: left; margin: 0px; padding: 0px; }

.product_list_item {margin: 10px 0;}

.product_list_item form {
  float: right;
  margin: 0px;
  padding: 0px;
}

.product_list_item input.btn_std {float:right;}

.product_list_item img.product {
  border: 1px solid #000;
  float: left;
  margin-right: 7px;
}

.product_list_item h4, .product_list_item h5 {margin: 1px 0px;}

.product_list_item h4 i {
  font-weight: normal;
}

.product_list_item h5 i {
  color: #000;
  font-style: normal;
  font-size: 0.8em;
  font-weight: 100;
}

  
.product_list_item p {
  clear: both;
  margin: 0;
}

/* Home Page */
div#homecurrent {
	margin: 10px 0px;
}
div#homecurrent br {
	clear: both;
	margin: 0;
	padding: 0;
}
div#homecurrent div {
	/*background: url("/images/bg-featured.jpg") top left no-repeat;*/
	width: 204px;
	height: auto;
	padding: 0;
	margin: 5px;
	float: left;
}
div#homecurrent div div {
  position: relative;
	margin: 2px;
	padding: 2px;
	border: solid 1px #eee;
	width: 200px;
	min-height: 160px;
}
div#homecurrent div div h4 {
	margin: 2px 0;
	/*color: #ff8000;*/
	color: white;
}
div#homecurrent div div img.brand {
	float: left;
	clear: left;
	width: 80px;
	height: 20px;
	padding: 10px 0px 0px 10px;
}
div#homecurrent div div img.product {
	float: right;
}
div#homecurrent div div form {
  position: relative;
  margin-top: 40px;
}
div#homecurrent div div form input {
  position: absolute;
	top: 17px;
	left: 0;
	z-index: 2;
}
div#homecurrent div div em {
	margin-left: 5px;
}

div#homecurrent img.offertype {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
}

/* Shopping Basket formatting */
#shopping_basket {
  border-right: 1px solid #666;
  border-top: 1px solid #666;
  border-bottom: 0px;
}

#shopping_basket th {
  background-color: #006633;
  color: #fff;
  text-align: center;
}

#shopping_basket td {text-align: left; border-bottom: 1px solid #666;}

#shopping_basket td.line {
  text-align: left;
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
  font-weight: bold;
}

#shopping_basket td.line2 {
  text-align: right;
  border-bottom: 1px solid #666;
  font-weight: bold;
}

#shopping_basket th.line {
  background-color: #006633;
  color: #fff;
  text-align: center;
  border-left: 1px solid #666;
}

#shopping_basket td.none {text-align: left; border: 0px;}

/* Checkout Address Selector */
#select_address td.altcell, #select_address th.altcell {
  background-color: #ccc;
}
#select_address th {
  text-align: right;
}
#select_address td {
  border-bottom: #ccc 1px solid;
}

#select_address td.address_lines {
  border-left: #ccc 1px solid;
  font-size: 1.2em;
}

#select_address td.address_lines input {
  font-size: 0.6em;
}

/* Compare table */
table.compare,
table.compare th {
  border-collapse:separate;
  border-style:none;
}
table.compare td {
  border: 1px none #666;
  padding: 0.1em 1em;
  background-color:#e0e0e0;
}
table.compare th {
  text-align:center;
  padding: 0.1em 1em;
}

/* Notices */
table.notice {background-color: #ddd;}

/* Miscellaneous classes and IDs */
.tabbedmenu {
  font-family: Helvetica;
  font-size: 140%;
  border-width: 0;
  margin: 2px;
}
.tabbedmenu a:active {
  color:black;
  text-decoration:none;
}
.tabbedmenu a:hover,
.tabbedmenu a:link,
.tabbedmenu a:visited {
  color: blue;
  text-decoration: underline;
}

.floatright {float: right;}

.floatleft {float: left;}

.clear {clear: both;}

a.iconhelp {
  font-weight: bold;
  color: #00f;
  text-decoration: none;
  border: #88f 1px solid;
  background: #ff8;
}

table.contained {
  border: 1px solid #666;
  background: #9bc768;
  padding: 4px;
}

/* Copyright (c) 2008 Battery Force Ltd. http://www.batteryforce.co.uk/, by Moustique Design http://www.moustique.net/ */