@charset "utf-8";
body {
	background-color: #1B1B1B;
}
.content a {
	color: #719E39;
}

.content a:hover {
	color: #000000;
}

table.header  {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 4px;
	width: 995px;
	height: 86px;
	background-image: url(/images2/header-bg.gif);
}
table.content {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 4px;
	width: 995px;
}

td.mainBox	{
	padding 0 4px 0 4px;
}
table .breadcrumbs {
	background-image: url(images2/breadcrumb-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 588px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
	background-color: #98CA3C;
}
.breadcrumbs .breadcrumbsTd {
	background-image: url(images2/breadcrumb-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.breadcrumbsTd a {
	color: #FFFFFF;
	text-decoration: none;
}

.breadcrumbsTd p {
	margin: 0;
}

.breadcrumbsTd  a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


.searchTable	{
	margin-bottom:4px;
}

select.searchBrand	{
	width: 160px;
}
input.searchKeyword	{
	width: 150px;
}

.headerMenu {
	height: 30px;
}
.headerMenu table {
	height: 30px;
	width: 100%;
}
.headerMenu td {
	text-align: center;
}

.leftSide  {
	width: 200px;
}
.headerMenu a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
	color: #FFFFFF;
}

.rightSide {
	width: 200px;
}
.miniTable {
	width: 200px;
	margin-bottom: 4px;
}
.miniTable .miniHeader {
	background-image: url(/images2/mini-header.gif);
	padding: 4px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
}
.miniTable .miniContent {
	background-image: url(/images2/mini-bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 8px 4px 10px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.miniTable .accountContent {
	background-image: url(/images2/mini-bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 8px 8px 10px 8px;
}

.miniTable    .miniContent h2  {
	color: #729E36;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 20pt;
	margin: 0;
}
.miniTable .miniContent strong {
	color: #709E31;
	text-align: center;
	margin: 0px;
}
.miniTable .miniContent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	text-align: center;
	margin: 0px;
}
.miniBasket {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.miniBasket .qbasket1 {
	background-color: #F1F8E7;
}
.miniBasket .qbasket2 {

}

input.miniLogin {
	width: 180px;
	margin-bottom: 4px;
	border: 1px solid #729E36;
}

.lightBg { background-color: #F1F8E7;
 
}
.details {
	width: 100%;
}
.inputs {
	width: 200px;
}
select.inputs {
	width: 206px;
}


.welcome  {
	width: 588px;
	margin: 0 auto 4px auto;
}


.welcomeHeader {
	background-image: url(/images2/titles-header.gif);
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}

.welcomeHeader h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	font-weight: bolder;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.welcomeContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	padding-top: 4px;
	padding-right: 130px;
	padding-bottom: 4px;
	padding-left: 12px;
	background-image: url(/images2/home-welcome-bg.jpg);
	height: 186px;
	background-repeat: no-repeat;
}
.mainArea  {
	width: 588px;
	margin: 0 auto 4px auto;
}
.mainHeader{
	background-image: url(/images2/titles-header.gif);
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}

.mainHeader h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	font-weight: bolder;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.mainContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-image: url(images2/content-bottom.gif);
	background-position: left bottom;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}
.contentTop {
	background-image: url(images2/content-top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-bottom: 0px;
	height: 37px;
	vertical-align: bottom;
}
.homeAds {
	width: 588px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
}
.productRows {
	width: 588px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
}
th.products  {
	background-image: url(/images2/title-products.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	width: 292px;
	margin: 0px;
}
form {
	margin: 0px;
}

.contactForm	{
	width: 400px;
}
textarea.contactForm	{
	height: 160px;
}
td.products  {
	background-image: url(/images2/footer-products.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 292px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 8px;
	vertical-align: top;
}
.verticalSpacer {
	width: 4px;
}
table.productsContent {
	width: 276px;
}


.productsContent .image {
	width: 134px;
	padding-right: 4px;
}
.productsContent h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #729E36;
	font-size: 15px;
	margin: 0 0 4px 0;
}
.productsContent .prices {
	width: 142px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-size: 10pt;
}
.productsDescription  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0;
}
.productsDescription {
	padding-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.productInfo input.priceBox {
	border: 0px; 
	color: #709E31; 
	width: 80px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	font-weight: bold; 
	padding: 0px;
}

.prices input.priceBox {
	border: 0px; 
	color: #709E31; 
	width: 54px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	font-weight: bold; 
	padding: 0px;
}

div.optionsSelect	{
	margin-bottom: 4px;
}

.footer {
	width: 588px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.footer  td.footerContent {
	background-color: #FFFFFF;
	background-image: url(/images2/bg-content-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.footer div.footerContent {
	background-image: url(/images2/bg-content-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 8px;
}
.footerContent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

span.error	{ 
	color: #b7090f; 
	font-size: 12pt; 
	font-weight: bold; 
}

div.form_header {
	background-color: #99ca3d;
	display: block;
	padding: 4px;
	width: 357px;
	color: #FFFFFF;
	margin-bottom: 1px;
	font-size: 12pt;
	clear: both;
}

div.form_footer {
	background-color: #F1F8E7;
	display: block;
	padding: 4px;
	width: 357px;
	margin-bottom: 1px;
	clear: both;
}

div.form_footer2 {
	background-color: #F1F8E7;
	display: block;
	padding: 4px;
	width: 357px;
	margin-bottom: 1px;
	clear: both;
	text-align: right;
}

.randomQuote	{
	margin: 8px 8px 8px 8px;
	border: 2px solid #729E36;
	background-color: #F1F8E7;
	padding: 8px;
}



strong	{ color: #729E36;}

.red	{ color: #CC0000;}

.price	{ font-size: 11pt; color: #CC0000;}

.group_prices { font-size: 12pt; color: #CC0000; font-weight: bold; margin-top: 4px;}

.group_prices_vat { font-size: 8pt; margin-bottom: 4px; margin-left: 2px; }


.srp	{ font-size: 8pt; margin-bottom: 0px; }

.saving	{ font-size: 10pt; color: #729E36; font-weight: bold; margin-bottom: 4px; }

.stock	{ font-size: 9pt; margin-bottom: 4px; }

.images { padding-right:10px ; }

.miniNew { margin-bottom: 6px; margin-left: 4px; }

input.checkout	{
	width: 200px;
}
select.checkout	{
	width: 202px;
}
textarea.checkout	{
	width: 200px;
}
.basketTitles	{
	font-weight: bold;
}

.basket_headers {
	background-color: #99CA3D;
	color: #FFFFFF;
	font-weight: bold;
}
.basketbg {
	background-color: #F1F8E7;

}

.basketTable {
	background-color: #F1F8E7;
}
.basketTableBottom {
	background-color: #EEEEEE;
}
.note	{
	font-size: 8pt;
}

input.cardNumber {
	width: 150px;
}

input.cardIssue {
	width: 26px;
}
input.cardCv {
	width: 34px;
}


.productInfo	{ padding-bottom: 10px ;}

dl {
    font:normal 9pt Arial;
    position: relative;
    width: 382px;
    clear: none;
    margin-bottom: 10px;
    margin-top: 0px;
}
dt {
    clear: both;
    float:left;
    width: 150px;
    padding: 6px 0 1px 4px;
    margin-right: 1px;
    margin-bottom: 1px;
    text-align: left;
    background-color: #F1F8E7;
    height: 20px;
}
dd {
    float: left;
    width: 206px;
    margin: 0 0 1px 0;
    padding: 2px 2px 2px 2px;
    background-color: #F1F8E7;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -186px;
    width: 164px;
    margin-top: 0px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/images2/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 2px;
    width: 10px;
    height: 19px;
    background: url(/images2/pointer.gif) left top no-repeat;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: reletive;
    left: -10px;
    top: 2px;
    width: 10px;
    height: 19px;
    background: url(/images2/pointer.gif) left top no-repeat;
}


.arrowlistmenu {
	width: 200px; /*width of accordion menu*/
	background-image: url(/images2/mnu-bottom.gif);
	padding-bottom: 11px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 4px;
}
.arrowlistmenu .menu-top {
	background-image: url(/images2/mnu-top.gif);
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	width: 193px;
	margin-bottom: 1px;
}


.arrowlistmenu .menu-top a {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 4px;
	display: block;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 14px Arial;
	color: #729e36;
	background: #FFFFFF repeat-x center left;
	margin: 0px 0px 1px 0px; /*bottom spacing between header and rest of content*/
	cursor: hand;
	cursor: pointer;
}
.arrowlistmenu  .menuheader  a   {
	font-size: 10pt;
	color: #729e36;
	text-decoration: none;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/	
	width: 190px;
	display: block;
}


.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
	margin-top: 0px;
}

.arrowlistmenu ul li{
	padding-bottom: 1px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
	color: #729e36; /*custom bullet list image*/
	display: block;
	padding-left: 16px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	background-color: #F4FFDE;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

.arrowlistmenu ul li a:visited{
	color: #729E36;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	background-color: #EFEFEF;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
	background: lightblue;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-color: #98CA3C;
}
.arrowlistmenu .openheader a {
	color: #FFFFFF;
}

.dottedLine	{
	width: 100%; 
	border-bottom: dashed 2px #729E36;
	margin: 0 0 8px 0;
}


/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 29px; 
    width: 976px;
    padding: 0px 4px 2px 4px;
    margin: 0px 6px;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
.lavaLamp li {
    float: left;
    list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
    background: url("/images2/lava.gif") no-repeat right -29px;
    width: 9px; height: 29px;
    z-index: 8;
    position: absolute;
}
.lavaLamp li.back .left {
    background: url("/images2/lava.gif") no-repeat top left;
    height: 29px;
    margin-right: 9px;
    }
/* Styles for each menu-item. */
.lavaLamp li a {
    position: relative; overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    font: bold 14px arial;
    color: #fff; outline: none;
    text-align: center;
    height: 29px; top: 7px;
    z-index: 10; letter-spacing: 0;
    float: left; display: block;
    margin: auto 23px;
}





/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
.rating	{
	cursor:pointer;margin:2em;clear:both;display:block
	}
.rating:after {
	content:'.';display:block;height:0;width:0;clear:both;visibility:hidden
	}
.cancel,.star {
	float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden
	}
.cancel,.cancel a	{
	background:url('/images2/delete.gif') no-repeat 0 -16px
	}
.star,.star a	{
	background:url('/images2/star.gif') no-repeat 0 0px
	}
.cancel a,.star a	{
	display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000}
.star_on a	{
	background-position:0 -16px!important
	}
.star_hover a,div.star_live a:hover {
	background-position:0 -32px
	}
/* Read Only CSS */
.star_readonly a,.star_readonly a:hover	{
	cursor:default !important
	}
/* Partial Star CSS */
.star	{
background:transparent!important;overflow:hidden!important
}
/* END jQuery.Rating Plugin CSS */