﻿@charset "utf-8";
/* CSS Document */

/************* Specific styles **********************/
/****** Note: Table, tr and td are excluded from the following table. Otherwise, the tree navigation goes wild ********/
@font-face {
    font-family: 'InterstateRegular';
    src: url('fonts/interg__-webfont.eot');
    src: url('fonts/interg__-webfont.eot?#iefix') format('eot'),
         url('fonts/interg__-webfont.woff') format('woff'),
         url('fonts/interg__-webfont.ttf') format('truetype'),
         url('fonts/interg__-webfont.svg#webfontclg4Heqk') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, hr, button{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align: baseline;
	background:none;
}
ol, ul {list-style:none;}
h1, h2, h3, h4, h5, h6, li {line-height:100%;}
blockquote, q {quotes:none;}
q:before,
q:after {content:"";}
table {border-collapse:collapse; border-spacing:0;}
input,textarea,select{
	font:11px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	padding:0;
	margin:0;
}
form,fieldset{border-style:none;}
body{
	color: #333;
	font:11px Arial, Helvetica, sans-serif;
	background:#fff;
}
a{color:#333;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
/* General settings */
#main {
	width: 98%;
	margin-left:0%;
	margin-right:1%;
	min-width:1000px;
}

#wrap {
	width:98%;
	margin:0px 15px 0px 15px;
	float:left;
	position:relative;
	min-width:1000px;
	width: expression(document.body.clientWidth < 1002? "1000px" : document.body.clientWidth > 4202? "4200px" : "auto");
}

#divSafariAlert
{
	width:100%;
	float:left;
	height:25px;
	background-color:#ffff00;
	border: solid 0px #737A7F;
	padding:5px 0px 5px 5px;
	right:0px;
	left:0px;
	top:0px;
	/*position:fixed !important;*/
	z-index:90;
	margin-bottom:1px;
	display:none;
}

#divCookieAlert
{
	width:100%;
	float:left;
	height:25px;
	background-color:#ffff00;
	border: solid 0px #737A7F;
	padding:5px 0px 5px 5px;
	right:0px;
	left:0px;
	top:0px;
	/*position:fixed !important;*/
	z-index:90;
	display:none;
}

.divUserAlert
{
	width:75%;
	float:left;
	height:25px;
	background-color:#ffff00;
	border: solid 0px #737A7F;
	padding:5px 0px 5px 5px;
	right:0px;
	left:0px;
	top:0px;
	position:fixed !important;
	z-index:90;
	display:none;
}

#header {
	width:100%;
	float:left;
	position:relative;
	overflow: hidden;
	height: 119px;
	border-bottom: 1px solid #036;
}
	
#content {
	width:100%;
	float:left;
	position:relative;
    /*overflow:hidden;*/
}

#side-bar {
	float: left;
	width: 147px;
	border-right:solid 1px #737A7F;
    position: relative;
	/*margin-right:15px;
	margin-top:-15px;
        */
}

#content_main {
	float:left;
	position: absolute;
	/*min-width:840px;*/
	right:24px;
	height:inherit;
	left:157px;
	top:10px;
}

#content_main a {text-decoration: none;}
#content_main a:hover {text-decoration:underline;}

#content_full_width {
	/*float:left;*/
	position: relative;
	/*overflow:hidden;*/
	/*min-width:840px;*/
	margin-right:28px;
	height:inherit;
	left:0px;
	top:10px;
	height:100%;
}

#content_holder {
	/*min-width:800px;*/
	width:100%;
}
	
#content_strech {
	/*min-width:800px;*/
	right:0px;
}
#footer {
	/*float:right;*/
	position:relative;
	overflow:hidden;
	width:100%;
	height: 189px;
	background:#e4e3e3;
}

#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}

#header .logo {
	position: absolute;
	top: 36px;
	left: 24px;
	text-indent: -9999px;
	overflow: hidden;
	width: 237px;
	height: 33px;
	/*background: url(/images/generic/logo.gif) no-repeat;*/
}
#header .social {
	position: absolute;
	top: 13px;
	/*right: 372px;*/
	right: 250px;
}
#header .social li {
	float: left;
	margin: 0 0 0 3px;
}
#header .top-links {
	position: absolute;
	right: -10px;
	top: 14px;
}
#header .top-links li {
	float: left;
	font-size: 13px;
	padding: 0 10px;
	border-left: 1px solid #999;
}
#header .top-links li:first-child {border: 0;}
#header .top-links li a {
	color: #999;
	text-decoration: none;
}
#header .top-links li a:hover {text-decoration: underline;}
#header .box {
	position: absolute;
	top: 81px;
	left: 0;
	width: 100%;
	border-top: 7px solid #036;
}
#top-nav {
	position: absolute;
	top: 7px;
	left: 0;
}
#top-nav li {
	float: left;
	font-size: 15px;
	line-height: 16px;
	padding: 0 11px;
	border-left: 1px solid #036;
}
#top-nav li:first-child {
/*	padding-left: 0;*/
	border: 0;
}
#top-nav li a {
	color: #666;
	text-decoration: none;
}
#top-nav li a:hover, #top-nav li a.active {color: #c00;}

#header .cart {
	position:absolute;
	top: 53px;
	right: 0;
	padding: 0 0 0 42px;
	font-size: 13px;
	/*background: url(/images/generic/cart-ico.bmp) no-repeat;*/
	height:21px;
}

#header .cart img
{
    height: 19px;
    padding:0px;
    border:solid 1px #ccc;
}

#header .cart span {
	float: left;
	padding:0px 0px 0px 0px;
	line-height: 21px;
}
#header .cart img.icon
{
    float:left;
    border:0px;
}
#header .cart span.values 
{
    float:left;
	padding:0px 10px 0px 10px;
	line-height: 21px;
	width:125px;
}

#header .cart .currency {
    padding:0px 0px 0px 10px;
}
#header .cart a {text-decoration:none;}
#header .cart a:hover{text-decoration:none;}
#header .cart span .userbasket
{
    float:left;padding-right:5px;
}

#header .cart span .notuserbasket
{
    float:left;padding-right:5px;
    color:#999;
}


#header .cart .btn {
	float: left;
	background: #ccc;
	padding: 0 7px 1px 5px;
	font-size: 15px;
	line-height: 21px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	height:20px; /*=.cart img + 2borders */
}

/**** Alert Basket Button ******/
#cart 
{
    clear:both;
    float: right;
	position: absolute;
	top: 53px;
	right: 55px;
	padding: 0 0 0 42px;
	font-size: 13px;
	/*background: url(/images/generic/cart-ico.bmp) no-repeat;*/
	height:21px;
}

#cart .btn {
	float: left;
	background: #ccc;
	padding: 0 7px 1px 5px;
	font-size: 15px;
	line-height: 21px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	height:20px; /*=.cart img + 2borders */
}

#header .search-form {
	position: absolute;
	right: 0;
	top: 4px;
}
#header .search-form .tb {
	float: left;
	width: 250px;
	background-color: #eff5f8;	
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin: 0;
	color: #000;
	padding: 2px 0 3px 5px;
    /*height: 13px;*/
}
#header .search-form .search {
	float: left;	
	margin-left:-20px;
	margin-top:-4px;
	border-style:none;
	border-right: solid 1px #000000;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	text-align: center;
	/*background-color: #ccc;*/
	font-weight: bold;
	color: #000;
	font-size: 15px;
	/*line-height: 20px;*/
	cursor: pointer;
	height: 31px;
	/*width: 55px;*/
	width: 89px;
}
#header .search-form .text-input {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 0 none;
    color: #FFFFFF;
    float: left;
    margin: 0 2px 0 0;
    padding: 3px 0 3px 5px;
    width: 230px;
}


/*end header*/

/*start side bar*/

/*
#side-bar {
	float: left;
	width: 147px;
	border-right:solid 1px #737A7F;
	margin-right:15px;
	margin-top:-15px;
}
*/

#side-bar .navigation {padding: 2px 0 0;}
#side-bar .navigation-top {
	padding-bottom: 6px;
	border-bottom: 1px solid #036;
}
#side-bar .navigation li {padding: 9px 0 0 0px;}
#side-bar .navigation a {text-decoration: none;}
#side-bar .navigation a:hover {color: #c00;}
#side-bar .navigation ul {padding: 5px 0 0;}
#side-bar .navigation ul li {
	padding: 4px 0 4px 20px;
	background: url(/images/generic/bg-navigation.gif) no-repeat -1px 0;
}
#side-bar .navigation ul li.last {background: url(/images/generic/bg-navigation-last.gif) no-repeat;}
#side-bar .navigation ul li.active {background: url(/images/generic/bg-navigation-active.gif) no-repeat;}
#side-bar .navigation ul li.last.active {background: url(/images/generic/bg-navigation-last-active.gif) no-repeat;}

   /*                                                          */
   /* Styles for the tree.                                     */
   /*                                                          */
#side-bar .navigation2 {padding: 2px 0 0;}
#side-bar .navigation2 a {text-decoration: none;}
#side-bar .navigation2 a:hover {color: #c00;}
/*#side-bar .navigation2 SPAN.TreeviewSpanArea a {font-size: 10pt;font-family: verdana,helvetica;text-decoration: none;color: black;}*/
#side-bar .navigation2 SPAN.TreeviewSpanArea A:hover {color:#c00;}

/*                                                          */
/* Styles for the basket navigation                         */
/*                                                          */
#side-bar .basketnavigation {
	width: 100%;
	overflow: hidden;
	padding: 10px 0 0;
}

/*                                                          */
/* Styles for the basket navigation                         */
/*                                                          */
#side-bar .profilenavigation {
	width: 100%;
	overflow: hidden;
	padding: 10px 0 0;
}

#side-bar .ads {
	width: 100%;
	overflow: hidden;
	padding: 10px 0 0;
}
#side-bar .ads img {display: block;}
#side-bar .twitter-holder {
	width: 100%;
	overflow: hidden;
	padding-top: 6px;
}
#side-bar .twitter-holder .post {
	width: 132px;
	float: left;
	margin-bottom: 20px;
}
#side-bar .twitter-holder .post .name {
	color: #ccc;
	display: block;
}
#side-bar .twitter-holder .post a {
	color: #036;
	text-decoration: none;
}
#side-bar .twitter-holder .post a:hover {text-decoration: underline;}
#side-bar .twitter-holder .date {
	display: block;
	color: #ccc;
	text-align: center;
}
/*end side bar*/

#content-holder
{
	min-width:800px;
}
#content_main .box {
	width: 100%;
	overflow: hidden;
	padding:0;
	margin-top:10px;
	border:solid 0px #ff0000;
}
#content_main .box a{text-decoration:none;}

#content_main .box h2 {
	font-size: 18px;
	font-weight: normal;
	color: #036;
}
/*
#content-holder-wider .box h2 {
	font-size: 18px;
	font-weight: normal;
	color: #036;
}
*/
#content_main .box .more {
	float: right;
	color: #036;
	text-decoration: none;
}
#content_main .box .more:hover {
	color: #c00;
}
#content_main .box .product {
	width: 100%;
	overflow: hidden;
	margin: 21px 0 0;
}
#content_main .box .product li {
	float: left;
	width: 190px;
	padding: 0 0 0 9px;
	position: relative;
}
#content_main .box .product li:first-child {padding: 0;}
#content_main .box .product li img {display: block;}
#content_main .box .product .info {
	width: 100%;
	padding: 5px 8px 5px 5px;
	overflow: hidden;
	margin: 2px 0 0;
	background-color: #dfecf2;
	
}
#content_main .box .product .info .holder {padding-bottom: 9px;}
#content_main .box .product .info a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#content_main .box .product .info a:hover {text-decoration: underline;}
#content_main .box .product .info strong {
	color: #c00;
	float: left;
	font-size: 10px;
}
#content_main .box .product .info .was {
	display: block;
	font-size: 10px;
	color: #000;
	text-align: right;
	padding-bottom: 6px; 
}
#content_main .box .product .info .price {
	float: right;
	font-size: 10px;
}
#content_main .box .product .info .price.now {color: #c00;}
#content_main .box .product .star, #content_main .box .product .star2 {
	position: absolute;
	top: 0;
	right: 25px;
	width: 40px;
	height: 39px;
	background: url(/images/generic/star4-bg.png) no-repeat;
}
#content_main .box .product .star2 {
	right: 5px;
	height: 40px;
	background: url(/images/generic/star5-bg.png) no-repeat;
}

#content_main .box-info .content .info a {color:#036;text-decoration:none;}
#content_main .box-info .content .info a:hover {color:#c00;text-decoration:none;}
#content_main .box-info .content .info a{text-decoration:none;}


#content_main .box .gallery {margin: 12px 0 0;width: 1000px;}
#content_main .box .gallery li {
	float: left;
	margin: 0 0 0 10px;
}
#content_main .box .gallery li:first-child {margin: 0;}
#content_main .box .text-box {
	overflow: hidden;
	width: 100%;
	background: url(/images/generic/bg-text-box.gif) repeat-y;
	padding:0 0 0 0px;
	margin: 11px 0 0;
}
#content_main .box .text-box .article-box {
	float: left;
	width: 377px;
	margin-left:10px;
}
#content_main .box .text-box .article-box2 {
	float: left;
	width: 373px;
	margin-left:20px;
}
#content_main .box .text-box .article-box img {
	float: left;
	margin: 0 13px 0 0;
}
#content_main .box .text-box .article-box h3 {
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 10px;
}
#content_main .box .text-box .article-box p {line-height: 16px;margin-top: 5px;}
#content_main .box .text-box .article-box p a{text-decoration:none;}
#content_main .box .text-box .article-box p a:hover{text-decoration:underline;}
#content_main .box .text-box .article-box2 p {margin-right: 56px;}
#content_main .box .text-box .article-box p span {padding-left: 130px;}
#content_main .box .text-box .article-box2 p span {padding-left: 86px;}
#content_main .box .text-box .article-box .more-link {
	float: right;
	margin: -15px 22px 0 0;
	text-decoration: none;
	font-weight: bold;
	position: relative;
}
#content_main .box .text-box .article-box .delete {
	float: right;
	position: relative;
}
#content_main .box .text-box .article-box2 .more-link {margin-right: 56px;}
#content_main .box .text-box .article-box .more-link:hover {text-decoration: underline;}
#content_main .box .showing-box {
	display: block;
	width: 100%;
	line-height: 16px;
	color: #999;
	margin: 12px 0 -20px;
}

.breadcrumbs {
	float: left;
	margin-bottom: 10px;
	clear:both;
	
}
.breadcrumbs li {
	float: left;
	padding: 0 4px 0 7px;
	line-height: 16px;
	background: url(/images/generic/breadcrumbs-sep.gif) no-repeat 0 4px;
}
.breadcrumbs li:first-child {padding-left: 0;background: none;}
.breadcrumbs li a {text-decoration: none;}
.breadcrumbs li a:hover {text-decoration: underline;}
.product-list {
	width: 100%;
	overflow: hidden;
	margin: 10px 0 0;
}
.product-list li {
	float: left;
	height: 165px;
	width: 150px;
	position: relative;
	margin: 0 0 0 9px;
}
.product-list li:first-child {margin: 0;}
.product-list li img {display: block;}
.product-list li .sub-box {
	position: absolute;
	width: 143px;
	height: 120px;
	bottom: 0;
	padding: 6px 0px 6px 7px;
	font-size: 10px;
	background: url(/images/generic/product-list-bg.png) repeat-x #dfecf2;
}
.product-list li .sub-box a {text-decoration: none;}
.product-list li .sub-box a:hover {text-decoration: underline;}
.product-list li .sub-box strong {
	display: block;
	font-size: 11px;
	padding-bottom: 7px;
}
.pager {
	width: 95%;
	overflow: hidden;
	background-color: #dfecf2;
	padding: 7px 11px 7px 19px;
	margin: 24px 0px 12px 0px;
}
.pager span {
	float: left;
	line-height: 18px;
	color: #999;
}
.pager .text-input {
	float: left;
	width: 18px;
	text-align: center;
	border: 0;
	padding: 3px 0;
	margin: 0 5px;
}
.pager .select {float: left;margin-left: 89px;}
.pager .select .filter
{
	margin: 0 2px 0 5px;
	width:150px;
	height:20px;
	border:solid 1px #999999;
}
.pager .select2 {float: right;}
.pager .select2 .filter {
	margin: 0px 0px 0px 5px;
	width:100px;
	height:20px;
	border:solid 1px #999999;
}
.pager .select3 {float: left;margin-left: 1px;height:20px;}
.pager .select3 img {height:20px;border:0px;}

gallery_pager {
	width: 700px;
	overflow: hidden;
	padding: 10px 10px 10px 0px;
}

.gallery_pager span {
	float: left;
	line-height: 18px;
	color: #999;
}
.gallery_pager .text-input {
	float: left;
	width: 18px;
	text-align: center;
	border: 0;
	padding: 3px 0;
	margin: 0 5px 10px 5px ;
}
.gallery_pager .select {
	float: left;
	margin-left: 89px;
}
.gallery_pager .select2 {float: right;}
.gallery_pager .select2 select {
	float: left;
	margin: 0 0 0 5px;
}

.gallerybox
{
    
}
.gallerybox ul
{
    padding:2px;
}
.gallerybox .header
{
    font-weight:bold;
    width:100px;
    height:15px;
}
.gallerybox .text
{
    margin-left:10px;
    float:left;
}

.tabset {
	clear: both;
	width: 100%;
	overflow: hidden;
	border-bottom: 5px solid #dfecf2;
	margin-bottom: -10px;
}
.tabset li {
	float: left;
	margin: 0 0 0 2px;
}
.tabset li:first-child {margin: 0;}
.tabset li a {
	float: left;
	width: 156px;
	background-color: #eff5f8;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	height: 35px;
	padding: 3px 0 0;
	font-size: 12px;
	line-height: 16px;
	color: #666;
}
.tabset li:first-child a {width: 154px;}
.tabset li a span {display: block;}
.tabset li a:hover, .tabset li a.active {
	background-color: #dfecf2;
	color: #333;
}
.tabset li a img.manual
{
	float:right;
	margin-top:-35px;
	z-index:999;
	content: url(/images/generic/manual_tab_new_flash.gif) no repeat;
}

.box-info {
	/*width: 772px;*/
	overflow: hidden;
	background-color: #f7f8f9;
	padding: 7px 7px 8px 8px;
}
.box-info-shopproduct
{
    overflow: hidden;
    clear:both;
}

.box-info h1 {
	color: #000;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 16px;
}
.box-info .code {
	float: right;
	font-size: 18px;
	line-height: 20px;
	color: #c00;
}
box-info img {display: block;}
.box-info .img {
    float: left;
    width:350px;
	margin: 0 22px 0 0;
}
.box-info .content {
    min-width:300px;
    overflow: hidden;
}
.box-info .alternative-imgaes
{
    overflow: hidden;
}

.box-info .preview {
	width: 100%;
	overflow: hidden;
	padding-bottom: 17px;
}
.box-info .preview li {
	float: left;
	margin: 0 0 0 6px;
}
.box-info .preview li:first-child {margin: 0;}
.box-info .text-area {
     overflow: hidden;
}
.box-info .text-area p {line-height: 16px;margin-top:0px;}
.box-info .text-area a {text-decoration: none;}
.box-info .text-area a:hover {text-decoration: underline;}
.box-info .info 
{
    clear:both;
	float: right;
	/*width: 115px;*/
	/*margin-top:250px;*/
}
.box-info .pricecomparison {
	float: left;
	background-color:#ffffff;
	width:97%;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
}
.box-info .pricecomparison p {line-height: 16px;margin-top:0px;}
.box-info .pricecomparison a {text-decoration: none;}
.box-info .pricecomparison a:hover {text-decoration: underline;}

.content .star 
{
	/*float: right;*/
	float:left;
	position:relative;
	padding: 0px 10px 0px 0px;
	/*width:115px;*/
	text-align:right;
}
.box-info .info .price {
	clear: both;
	text-align: right;
	padding:0px 0px 0px 0px;
	margin-top:20px;
}
.box-info .info .price li {
	padding-bottom: 2px;
	color: #000;
}
.box-info .info .price li.sale {color: #cc0000;}
.box-info .info .price li.inc {color: #666;}
.box-info .info h3 {
	color: #000;
	font-size: 11px;
	font-weight: normal;
	margin: 15px 0 0;
	text-align: right;
}
.box-info .form 
{
	text-align:right;
	padding: 2px;
	width:140px;
	float:right;
	position:relative;
}

.box-info .ShopProductBuy 
{    
	text-align:right;
	padding: 0px;
	width:100%;
	float:right;
	position:relative;
}
.box-info .ShopProductBuy .txt_right
{
    text-align:right;	
    font-weight:bold;
    line-height:20px;
}
.box-info .ShopProductBuy .txt_right_red
{   
    text-align:right;	
    font-weight:bold;
    color:#ff0000;
}
.box-info .ShopProductBuy .btn_right
{
    width:90px;
}
.box-info .buttons
{
    clear:both;
    float:right;
}
.box-info .buttons a {text-decoration:none;}
.box-info .buttons a:hover{text-decoration: none;color:#cc0000;}
.box-info .ShopProductBuy img{
	vertical-align:middle;
	padding:0;
	margin:0;
}
.instock {
	text-align:right;
	padding: 2px 0px 6px 2px;
}

.instock .productstock
{
    margin-left:5px;
}
.box-info .form select {
	height:18px;
	border:solid 1px #999999;
	border-collapse:collapse;
	border-style:solid;
	float:right;
	position:relative;
	
}

.box-info .form .buy2 
{
    float:right;
	border: 0;
	/*width: 55px;
	height: 20px;*/
	color: #fff;
	background: #c00;
	cursor: pointer;
	margin-top:-1px;
}

/********* Social Share style *****************/
.box-info .services {
	width: 100%;
	padding: 6px 0px 0px 0px;
	margin-right:0px;
	float:right;
}

.box-info .services li {
	float: right;
	margin: 0px 0 0 5px;
}
/*.box-info .services li:first-child {margin: 6px 0 0 0px;}*/
.box-info .services li img {
	display: block;
}
.box-info .services li a {
	text-decoration: none;
	line-height: 15px;
	width:20px;
}
.box-info .services li a:hover {
	text-decoration: underline;
}

.forum_post_social .services 
{
    width:60px;
    float:right;
	padding: 0px 0px 0px 0px;
}

.forum_post_social .services li {
	float: left;
	margin: 6px 0 0 5px;
}
.forum_post_social .services li:first-child {margin: 6px 0 0 0px;}
.forum_post_social .services li img {
	display: block;
}
.forum_post_social .services li a {
	text-decoration: none;
	line-height: 15px;
	width:20px;
}
.forum_post_social .services li a:hover {
	text-decoration: underline;
}

.article_social_share {
	width: 100%;
	float:right;
	overflow: hidden;
	padding: 10px;
}
.article_social_share .services {
	width: 100%;
	padding: 0px;
	margin-right:15px;
	float:right;
}

.article_social_share .services li {
	float: right;
	margin: 6px 0 0 5px;
}
/*.box-info .services li:first-child {margin: 6px 0 0 0px;}*/
.article_social_share .services li img {
	display: block;
}
.article_social_share .services li a {
	text-decoration: none;
	line-height: 15px;
	width:20px;
}
.article_social_share .services li a:hover {
	text-decoration: underline;
}

/********* Test *****************/

.box-info .bottom {
	width: 100%;
	overflow: hidden;
	padding: 12px 0 0;
}
.box-info .bottom span {
	float: left;
	color: #919394;
	line-height: 12px;
}
.box-info .bottom ul {float: left;}
.box-info .bottom li {
	float: left;
	padding: 0 5px;
	border-left: 1px solid #919394;
	color: #919394;
	line-height: 12px;
}
.box-info .bottom li:first-child {border: 0;}
.box-info .bottom a {
	color: #919394;
	text-decoration: none;
}
.box-info .bottom a:hover {text-decoration: underline;}
/*end content*/


/************** Popup Pannel CSS Start *************************/
.table
{
  border: solid 2px #d3d3d3; 
  width: 500px;
}
th
{
  text-align: left;
}
.headerRow
{
  font-size : 18px;
  font-weight: normal;
  color: #036;
  background-color: #d3d3d3; 
  text-align:left;
  margin-left:5px;
  vertical-align:middle;
}
.headerRow a
{
  color: Black;
}

.highlightRow
{
  background-color: #d3d3d3;
  padding: 5px;
}
.popupPannel
{
  display: none;
  position:fixed;
  width: 380px;
  /*height: 155px;*/
  background-color: #ffffff;
  border: 10px solid #dfdfdf;
  padding: 0px;
  z-index: 102;
  font-family: Verdana;
  font-size: 10pt;
}

.popup_pannel_title
{
	background-color:#dfdfdf;
	height:25px;
}

#document_background{
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	z-index: 1;
}

/************** Popup Pannel CSS End *************************/

.validationSummary
{
	background-color:#ffff00;
	padding: 5px;
	width:100%;
}

.validationSummary  ul li 
{
	padding: 0 0 0 9px;
	line-height: 16px;
	background: url(/images/generic/footer-bullet.gif) no-repeat 0 6px;
}

#close_Alert 
{
	float:right;
	cursor:pointer;
}

/***** This class is specific to date fields as this opens the calendar on click of a control ******/
.date_input
{
    width:290px;
	height:25px;
	border:solid 1px #999999;
}

.ms_button_main
{
	font:normal normal bold 15px 0 arial;
	font-weight:bold;
	color:#ffffff;
	background-color:#cc0000;
	/*right:15px;*/
	text-align:right;
	float:right;
	position:relative;
	height:24px;
	padding:0 30px 0 30px;
	border: none;
	cursor: pointer;
	margin-left:5px;
}

.ms_button_green
{
	font:normal normal bold 15px 0 arial;
	font-weight:bold;
	color:#ffffff;
	background-color:#00aa00;
	/*right:15px;*/
	text-align:right;
	float:right;
	position:relative;
	height:24px;
	padding:0 30px 0 30px;
	border: none;
	cursor: pointer;
	margin-left:5px;
}

.ms_button_main transfer_mini_profile
{
	margin-top:5px;
}

.ms_button_grey
{
	background: #ccc;
	margin:5px;
	padding: 0px 20px 0 20px;
	font-size: 10px;
	line-height: 20px;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	border:none;
}

.ms_button_grey2
{
	font:normal normal bold 15px 0 arial;
	font-weight:bold;
	color:#ffffff;
	background-color:#ccc;
	/*right:15px;*/
	text-align:right;
	float:right;
	position:relative;
	height:24px;
	padding:0 30px 0 30px;
	border: none;
	cursor: pointer;
	margin-left:5px;
}

.loading
{
	display:none;
}

.divCarPhotos div
{
	background-color:#dedede;
	padding:5px;
	float:left;
}

.divCarPhotosServer div
{
	background-color:#dedede;
	padding:5px;
	float:left;
}

.divForumPhotos div
{
	background-color:#dedede;
	padding:5px;
	float:left;
}

.divForumPhotosServer div
{
	background-color:#dedede;
	padding:5px;
	float:left;
}

.login_block {
	background:#ff0000;
	padding:26px 32px 38px 23px;
	width:100%;
	height:inherit;
}

.login_options {
	width:100%;
	height:540px;
}

.login_options_left
{
	float:left;
	padding:15px;
	position:relative;
	width:36%;
	background-color:#FFF;
}

.login_confirmation_left
{
	float:left;
	padding:0px;
	position:relative;
	width:75%;
	background-color:#FFF;
}

.login_confirmation_left .form_table .image
{
	float:left;
}

.login_confirmation_left .form_table .text
{
	float:left;
	width:250px;
	margin-top:15px;
}
	
.login_options_right
{
	padding:15px 0 15px 15px;
	float:left;
	position:relative;
	width:50%;
	margin-left:5%;
	margin-top:0px;
}

.login_options_bottom
{
	clear:both;
	float:left;
	position:relative;
	width:36%;
	margin-top:25px;
}

.ms_table
{
	padding:0;
	width:100%;
}

.login_label 
{
	width:100px;
	margin-top:15px;
	height:25px;
	color:#999999;
}
.login_field
{
	width:100%;
	height:25px;
	border:solid 1px #999999;
}

.login_heart
{
	float: left;
	padding: 0px;
	vertical-align:middle;
	font-size:22px;
	color:#990000;
	margin-top:0px;
}

.login_password {
	float:right;
	position:relative;
	text-align:right;
}
.login_password a{
	color:#003399;
	text-decoration:none;
}

.lgin_confirmation_whitebox
{
	width:100%;
	height:600px;
	min-width:954px;
}

.login_confirmation_whitebox_column
{
	width:50%;
}

.email_signup_confirmation_whitebox {
	width:100%;
	height:710px;
	min-width:954px;
}


.personal_add_email_account_link
{
	margin-top:15px;
}
	
/* EXTRA CSS */
.clr {
	clear:both;
}
.personal_greeting {
	margin:15px 0px 15px 0px;
	color:#003366;
	font-size:18px;
	width:750px;
}

.personal_greeting1 {
	margin:15px 0px 15px 0px;
	color:#003366;
	font-size:12px;
}
.personal_block {
	background:#dfecf2;
	padding:26px 5px 38px 23px;
	width:100%;
}
.personal_options {
	width:100%;
	height:550px;
	min-width:1000px;
}
.personal_options_left {
	float:left;
	padding:15px;
	position:relative;
	width:60%;
	background-color:#FFF;
}
.personal_content_left {
	float:left;
	position:relative;
	width:50%;
}
.personal_content_right {
	float:left;
	position:relative;
	width:50%;
}
.personal_options_right {
	float:right;
	position:relative;
	width:20%;
	margin-left:2%;
}
.personal_icon {
	float:left;
	width:57px;
	position:relative;
}
.personal_icon_text {
	width:80%;
	float:left;
	position:relative;
	margin-top:15px;
	color:#999999;
}
h5 {
	font-weight:bold;
	margin:10px 0px 30px 0px;
}
.personal_red {
	font-size:22px;
	color:#990000;
	margin-top:-20px;
}
.personal_black {
	font-size:13px;
	color:#000000;
	margin-bottom:30px;
}
.big_social {
	width:86px;
	float:left;
	position:relative;
	margin-bottom:15px;
}
.big_social_text {
	width:114px;
	float:left;
	position:relative;
	margin-top:30px;
	color:#999999;
}
.big_social_fix {
	width:200px;
}

.someone_else_signin a{
	color:#003399;
	text-decoration:none;
}
.read_more {
	float:right;
	position:relative;
	text-align:right;
	margin-top:-10px;
	margin-right:10px;
}
.read_more a{
	color:#003399;
	text-decoration:none;
}
.intersate {
	font-family: "InterstateRegular", Arial, sans-serif;
}

.signup_content_left {
	float:left;
	position:relative;
	width:250px;
}
.signup_content_right {
	float:left;
	position:relative;
	width:250px;
}
.read_more_signup {
	float:right;
	position:relative;
	text-align:right;
	margin-right:10px;
}
.read_more_signup a{
	color:#003399;
	text-decoration:none;
}
.signup_checkbox {
	margin-right:10px;
}
.checkbox_span {
	margin-right:25px;
}
.grey_text {
	color:#999999;
}
.txt_right {
	text-align:right;
}
/**** Unknown use ****/
.txt_center {
	text-align:right;
}
.txt_centre {
	text-align:center;
}
.txt_red
{
	color:#990000;
}

.txt_green
{
	color:Green;
}

.txt_bold
{
	color:#000;
	font-weight:bold;
}
.spam_policy {
	/*top:360px;*/
	right:60px;
	float:right;
	position:absolute;
	width:150px;
	color:#999999;
}
.spam_policy a{
	color:#003399;
	text-decoration:none;
}

#footer .holder {
	width: 98%;
	height: 120px;
	margin-top: 17px;
	margin-left:1%;
	margin-right:1%;
	float:left;
	position: relative;
	overflow:hidden;
	/*background: url(/images/generic/bg-footer-holder.gif) repeat-y;*/
}
#footer .column {
	float: left;
	overflow:hidden;
	height: 100px;
	width:15%;
}
#footer .resizecolumn {
	float: right;
	overflow:hidden;
	height: 100px;
}
#footer .column1 {
	padding-right:5%;
	padding-left:5%;
}
#footer .column2 {
	padding-right:5%;
	padding-left:5%;
}
#footer .column3 {
	padding-right:5%;
	padding-left:5%;
}
#footer .column4 
{
    padding-right:5%;
	padding-left:5%;
}
#footer .column5 {
	padding-left:5%;
}
#footer .column h3 {
	line-height: 16px; 
	color:#036;

}
#footer .column address {font-style: normal;}
#footer .column span {display: block;}
#footer .column a {text-decoration: none;}
#footer .column a:hover {text-decoration: underline;}
#footer .column ul li {
	padding: 0 0 0 9px;
	line-height: 16px;
	background: url(/images/generic/footer-bullet.gif) no-repeat 0 6px;
}
#footer .copyright
{
    width: 94%;
	margin-left:1%;
	float:left;
	position: relative;
	overflow:hidden;
    text-align:center;
}
#footer .copyright2
{
    width: 4%;
	float:right;
	position: relative;
	overflow:hidden;
    text-align:center;
    cursor:hand;
}

#footer p {
	margin: 10px 0 10px 0;
	font-size: 11px;
	text-align: center;
}

/*end footer*/
.left_cart_icon {
	z-index:-1; 
	margin-left:55px; 
	float:left; 
	position:relative; 
	width:50px; 
	margin-top:10px;
}

.confirmation_profile_percentage
{
	background-color:#C9CDD3; 
	width:145px; 
	height:15px; 
	z-index:9999; 
	float:left; 
	position:absolute;
	margin-left:50px;
}

.progress_bar {
	background-color:#C9CDD3; 
	width:145px; 
	height:20px; 
	margin-top:-5px; 
	z-index:9999; 
	float:left; 
	position:relative;
	right:10px;
}

.profile_progress_bar 
{
	clear:both;
	float:left;
	background-color:#C9CDD3; 
	width:145px; 
	height:20px; 
	z-index:9999; 
	position:relative;
	left:50px;
	margin-top:-30px;
}

.progress_span {
	background-color:#008846; 
	height:15px; 
	padding-left:80%;
}
.order_icon_left {
	z-index:-1; 
	margin-left:50px; 
	float:left; 
	position:relative; 
	width:50px; 
	margin-top:25px;
}
.password_icon_left {
	z-index:-1; 
	margin-left:30px; 
	float:left; 
	position:relative; 
	width:80px; 
	margin-top:25px;
}
.li_top {
	margin-top:25px;
}
.li_bottom {
	margin-bottom:25px;
}
#signup_content {
	float:left;
	min-width:800px;
	width:84%;
}
.signup_blue_box {
	background:#dfecf2; 
	padding:15px 0px 38px 23px; 
	width:100%;
}

#content_main .signup_blue_box .more {
	float: right;
	color: #036;
	text-decoration: none;
	margin-top:15px;
	margin-right:25px;
}

.signup_yellow_box {
	background:#ffff00; 
	padding:15px 0px 38px 23px;
	margin-bottom:5px;
	width:100%;
}

/*.basic_details */
.signup_white_box 
{
	background-color:#fff; 
	margin-right:25px; 
	padding:10px 20px 20px 20px;
	height:100%;
}

.basic_details_billing
{
	/*
	background-color:#fff; 
	margin-right:25px; 
	padding:10px 20px 40px 20px;
	*/
	height:440px;	
}
.basic_details_delivery {
	/*
	background-color:#fff; 
	margin-right:25px; 
	padding:10px 20px 40px 20px;
	*/
	height:420px;	
}

.form_table {
	margin-top:5px;
	margin-left:5px;
	width:98%;
}

.form_table_nowidth 
{
	margin-top:5px;
	margin-left:5px;
}

.form_table th{
	height:20px;
	background-color:Gray;
	color:White;
	vertical-align:middle;
	padding:5px;
}

.form_table_nowidth th{
	height:20px;
	background-color:Gray;
	color:White;
	vertical-align:middle;
	padding:5px;
}


.form_table tr{
	height:25px;
	color:#999999;
	vertical-align:middle;
	padding:5px;
}

.form_table td{
	padding:5px;
}

.form_table_width{
	width:250px;
}

.form_table .alternate
{
	background-color:#e5e5e5;
}

.form_table_nowidth .alternate
{
	background-color:#e5e5e5;
}


.alternate
{
	background-color:#e5e5e5;
}

.list_table
{
	margin-top:0px;
	margin-left:0px;
	width:100%;
}

.list_table th{
	height:15px;
	background-color:Gray;
	color:White;
	vertical-align:middle;
	padding:5px;
}

.list_table tr{
	color:#999999;
	vertical-align:middle;
}
.list_table td
{
	padding:3px;
}

.list_table .alternate
{
	background-color:#e5e5e5;
}

.basket_action_button
{
	margin-left:5px;
}

.basket_navigation_list_bold
{
	font-weight:bold;
}

.form_list  {
	width:290px;
	height:100px;
	border:solid 1px #999999;
	margin-top:15px;
}

.form_list_short  {
	width:200px;
	height:100px;
	border:solid 1px #999999;
	margin-top:15px;
}

.form_list_box  {
	width:290px;
	height:100px;
	border:solid 1px #999999;
}

.form_list_wider
{
	width:600px;
}

.form_field  {
	width:290px;
	height:25px;
	border:solid 1px #999999;
	vertical-align:middle;
	line-height:20px;
}
.form_field_short  {
	width:145px;
	height:25px;
	border:solid 1px #999999;
	vertical-align:middle;
	line-height:20px;
}
.form_field_very_short  {
	width:50px;
	height:25px;
	border:solid 1px #999999;
	vertical-align:middle;
	line-height:20px;
}

.form_field_very_short_number  {
	width:50px;
	height:25px;
	border:solid 1px #999999;
	vertical-align:middle;
	text-align:center;
	line-height:20px;
}

.form_label{
	width:250px;
	float:left;
	position:relative;
	margin-top:15px;
	height:25px;
	color:#999999;
}

.form_label_column_width{
	width:250px;
}
.form_dropdown
{
	width:200px;
	height:25px;
	border:solid 1px #999999;
}

.delivery_policy {
	float:right;
	position:relative;
	width:250px;
	color:#999999;
}
.delivery_policy a{
	color:#003399;
	text-decoration:none;
}

.checkout_greeting {
	margin:15px 0px 15px 0px;
	color:#003366;
	font-size:18px;
	/*width:350px;*/
}

.checkout_billing_box 
{
	float:left;
	position:relative;
	background:#fff; 
	width:45%;
	padding:15px 0px 38px 30px; 
}

.checkout_delivery_box
{
    clear:both;
	float:right;
	position:relative;
	background:#fff; 
	width:44%;
	padding:15px 0px 38px 30px; 
	margin-right:25px;
}

.checkout_confirm_white_box
{
	float:left;
	position:relative;
	background:#fff; 
	width:50%;
	height:340px;
	padding:15px; 
}

.checkout_payment_white_box
{
	float:left;
	position:relative;
	background:#fff; 
	width:50%;
	height:375px;
	padding:15px; 
}

.checkout_confirm_box 
{
	float:right;
	position:relative;
	width:42%;
	height:340px;
	padding:15px; 
}

.checkout_confirm_box div a{text-decoration:none;color: #036;}

.checkout_confirm_billing_box
{
	float:left;
	position:relative;
	width:45%;
	padding:5px;
}

.checkout_confirm_delivery_box
{
	float:left;
	position:relative;
	width:45%;
	padding:5px;
	margin-left:2%;
}

.checkout_address_edit 
{
	float:right;
	position:relative;
	margin-right:20px;
	margin-top:20px;
}

.horizontal_line
{
	border-bottom: 1px solid #036;width:100%;
}

.form_table checkout_checkout_table {
	margin-top:0px;
}

.delivery_price a {
	float:left;
	color:#003399;
	text-decoration:none;
	margin-left:5px;
	margin-top:10px;
}
.delivery_price a:hover {color:#990000;}

.checkout_basket_price_title a{text-decoration: none;}
.checkout_basket_price_title a:hover {color:#990000;}

.checkout_item_click a {text-decoration:none;}
.checkout_item_click a:hover{color:#990000;}

.checkout_basket_price_column
{
	text-align:right;
	width:100px;
}
.checkout_basket_price_background
{
	background-color:#dfdfdf;
	height:25px;
	font-weight:bold;
}
.checkout_basket_header
{
	height:20px;
	background-color:Gray;
	color:#ffffff;
	vertical-align:middle;
	padding:5px;
	font-weight:bold;
}
.checkout_basket_price_label
{
	text-align:left;
	float:left;
	padding:5px 0 5px 5px;
	position:relative;
	width:200px;
}
.checkout_basket_price_label2
{
	text-align:left;
	float:left;
	padding:5px 0 5px 5px;
	position:relative;
	width:300px;
}

.checkout_basket_price_title
{
	float:none;
	float:right;
	padding:5px 5px 5px 5px;
	position:relative;
	max-width:500px;
	text-align:right;
}

.checkout_basket_price_message
{
	float:none;
	float:right;
	padding:5px 5px 5px 5px;
	position:relative;
	max-width:700px;
	text-align:right;
}

.checkout_basket_price_title2
{
	text-align:right;
	float:right;
	padding:5px 5px 5px 5px;
	position:relative;
}

.checkout_basket_delivery_preferred_message
{
	float:none;
	float:left;
	margin-right:150px;/*where price columns starts (.checkout_basket_price_value)*/
}

.uk_free_delivery
{
    color:#000000;
    background-color:#ffff00;
    padding:5px;
}
.uk_free_delivery a {
	color:#003399;
	text-decoration:none;
	margin-left:5px;
	margin-top:10px;
}
.uk_free_delivery a:hover {color:#cc0000;}

.checkout_basket_price_value
{
	text-align:right;
	padding:5px 5px 5px 5px;
	float:right;
	position:relative;
	width:200px;
	margin-top:0px;
	margin-right:0px;
}

.checkout_basket_discount_price_value
{
	text-align:right;
	padding:5px 5px 5px 0px;
	float:right;
	position:relative;
	width:100px;
	margin-top:0px;
	margin-right:110px;
}

.checkout_basket_button
{
	text-align:right;
	float:right;
	position:relative;
	margin-right:5px;
}
.checkout_basket_button_left
{
	clear:both;
	padding:5px 0 5px 0px;
	float:left;
}
.checkout_basket_blue_box {
	background:#dfecf2; 
	padding:15px 0px 38px 23px; 
	width:100%;
	/*height:780px;*/
	height:100%;
}

.checkout_basket_white_box {
	background:#fff; 
	padding:15px 0px 38px 23px; 
	width:94%;
	height:100%;
}

.limitedstock_delivery
{
	padding:5px 0 5px 5px;
	width:100%;
}

.limitedstock_delivery .title
{
	float:left;
	position:relative;
	margin-left:20px;
}
.limitedstock_delivery .value
{
	text-align:right;
	margin-right:200px;
}



.forum_topic_list_subject
{
	font-size:12px;
}

.forum_profile_col{
	float:left;
	width: 13%;
	height:inherit;
	position: relative;
	padding-left:10px;
	text-align:left;
}
.forum_profile_col_alt
{
	float:left;
	width: 13%;
	height:inherit;
	position: relative;
	padding-left:10px;
	text-align:left;
	background-color:#e5e5e5;
}

.forum_message_col{
	float:left;
	position: relative;
	border-left:solid 1px #737A7F;
	height:inherit;
	padding:0px 10px 10px 10px;
	width:82%;
}

.forum_message_col_alt
{
	float:left;
	position: relative;
	border-left:solid 1px #737A7F;
	height:inherit;
	width:82%;
	padding:0px 10px 10px 10px;
	background-color:#e5e5e5;
}

.forum_message_alternate
{
		background-color:#e5e5e5;
		height:100%
}

.forum_message_text1 span
{
    color:#666666;
}
    
.forum_post_report
{
	float:left;
}

.forum_post_social
{
	float:right;
	width:300px;
	text-align:right;
}

.message_signature
{
	border:solid 1px #000;
	max-height:50px;
	max-width:500px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.forum_profile_thumbnail{
	position: relative;
	text-align:left;
	top:10px;
	z-index: 0;
}

.forum_profile_thumbnail:hover{
	background-color: transparent;
	z-index: 9999;
}

.forum_profile_thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	width:150px;
	background-color:#e5e5e5;
	padding: 5px;
	left: -1000px;
	border: solid 1px gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.forum_profile_thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.forum_profile_thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	left: -8px; /*position where enlarged image should offset horizontally */
	top:-8px;
}
.forum_edit_panel
{
	padding:0px;
	margin:0px;
	border:0px;
}

/************ Used by Catalogue Extra Html *********************/
.form_table_nowidth .alternate
{
    background-color:Silver;
}

.form_table_nowidth .floatleftwidth25
{
    float:left;
    width:25px
}

.form_table_nowidth .floatleftwidth70
{
    float:left;
    width:70px
}

.form_table_nowidth .floatleftwidth200
{
    float:left;
    width:200px
}
/****************************************************************/

.alternate
{
    background-color:#e5e5e5;
}


/* make the like button smaller */
.fb_edge_widget_with_comment iframe
{
    width:47px !important;
}

/* but make the span that holds the comment box larger */
span.fb_edge_comment_widget.fb_iframe_widget iframe
{
    width:401px !important;
}


/******************************* Catalogue specific styles ************************/
.catalogue_pagination
{
	text-align:right;
	margin-right:10px; 
	padding:10px 20px 20px 20px;
}

#articles_list a{text-decoration: none;}
#articles_list a:hover {color:#cc0000;}

#articles_list .articles_list_alternate
{
		background-color:#e5e5e5;
		padding:5px 5px 5px 5px;
		height:100%
}

#articles_list .readmore
{
	float:right;
	padding-right:5px;
}

#articles_list .articles_list_alternate .readmore
{
	float:right;
}

/************** Cataligue image tooltip styles ********************/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/************** Contact staff scroller styles ********************/
/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

.conatct_telephone_number {
	margin:15px 0px 15px 0px;
	padding-bottom:15px;
	color:#cc0000;
	font-size:18px;
}

.conatct_telephone_number2 {
	margin:15px 0px 15px 0px;
	padding-bottom:15px;
	color:#cc0000;
	font-size:14px;
}

#divCotactDetails
{
    float:left;
    width:70%;
}

#divFaq
{
    /*clear:both;*/
    float:left;
    width:300px;
    margin-right:25px;
}

#divCotactDetails .openingtimes
{
    width:250px;
    margin-left:30%;
}

.openingtimes ul 
{
    margin-left:25px;
}
.openingtimes ul li
{
    padding:0px 0px 5px 10px;
    list-style-type:square;
}

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 75 pixels 
	   and if there is room the will grow and occupy 10% 
	   of the scrollable area (20% combined). 
	   Adjust it to your own taste. */
	min-width: 45px;
	/*width:10%;*/
	height: 100%;
	/* There is a big background image and it's used to 
	solve some problems I experienced in Internet Explorer 6. */
	background-image: url(/images/contact/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first cursor url is for Firefox and other 
	    browsers, the second is for Internet Explorer */
	cursor: url(images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(/images/contact/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	/* Standard CSS3 opacity setting */
	opacity: 0.35; 
	/* Opacity for really old versions of 
	   Mozilla Firefox (0.9 or older) */
	-moz-opacity: 0.50;
	/* Opacity for Internet Explorer. */
	filter: alpha(opacity = 50);
	/* Use zoom to Trigger "hasLayout" in 
	   Internet Explorer 6 or older versions */	
	zoom: 1; 
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 45px;
	/*width: 10%;*/
	height: 100%;
	background-image: url(/images/contact/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(/images/contact/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 50;
	filter: alpha(opacity = 50);
	-moz-opacity: 0.1;
	zoom: 1;
}

/* The scroll wrapper is always the same width and 
   height as the containing element (div). Overflow 
   is hidden because you don't want to show all of 
   the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

#divStaffPhotos
{
	margin-right:25px;	
	margin-bottom:25px;
	padding:5px 5px 5px 5px;
}
#makeMeScrollable
{
	width:100%;
	height: 100px;
	position: relative;
}

#makeMeScrollable div.scrollableArea a
{
	position: relative;
	float: left;
	margin: 0;
	padding-left:10px;
	padding-right:10px;
}

#makeMeScrollable div.scrollableArea img
{
	position: relative;
	float: left;
	margin: 0;
	padding-left:10px;
	padding-right:10px;
}

.articlehomebox 
{
	float:left;
	margin: 2px 10px 0px 0px;
	width: 250px; 
	height:400px;
	border-bottom: 1px solid #036;
}

.articlehomebox .titlebox
{
	font-size:12px;
	font-weight:bold;
	padding:2px 2px 2px 0px;
	height:30px;
}
.articlehomebox .titlebox a {color:#036;text-decoration:none;}
.articlehomebox .titlebox a:hover {color:#c00;text-decoration:none;}
.articlehomebox .titlebox a{text-decoration:none;}
.articlehomebox img {padding:5px 0px 5px 0px;}
.articlehomebox .contentcontainer
{
	padding:2px 2px 5px 0px;
	height:380px;
}
.articlehomebox .readmorecontainer
{
	float:right;
	width: 250px; 
	border-bottom: 1px solid #036;
}
.articlehomebox .readmore {float: right;color: #036;text-decoration: none;}

.articlebox 
{
	float:left;
	margin: 0px 22px 10px 22px;
	width: 250px; 
	height:400px;
}

.articlebox .titlebox
{
	font-size:12px;
	font-weight:bold;
	padding:2px 2px 2px 0px;
	width: 250px; 
	height:30px;
}
.articlebox .contentcontainer
{
	padding:2px 2px 5px 0px;
	height:380px;
}
.articlebox .readmorecontainer
{
	float:right;
	width: 250px; 
	border-bottom: 1px solid #036;
}
.articlebox .readmore
{
	float:right;
	color: #036;
	text-decoration: none;
}
.articlebox .titlebox a {color:#036;text-decoration:none;}
.articlebox .titlebox a:hover {color:#c00;text-decoration:none;}
.articlebox .titlebox a{text-decoration:none;}
.articlebox img {padding:5px 0px 5px 0px;}

.article
{
	text-align:left;
}
.article img
{
	padding:5px 5px 5px 0px;
}
.article .img_left
{
	float:left;
	padding:5px 5px 5px 0px;
}
.article .img_right
{
	float:right;
	padding:5px 5px 5px 0px;
}

#tbArticle ul
{
    list-style:disc;
    margin-left:10px; 
}
#tbArticle li
{
    padding:3px;
}

#tbArticle ol
{
    list-style:decimal;
    margin-left:15px; 
}
#tbArticle blockquote
{
    quotes:open-quote;
    margin-left:10px; 
    padding:5px;
}
#tbArticle img 
{
    padding-left:5px;
}

#tbArticle a{color:#036;text-decoration:none;}
#tbArticle a:hover{color:#c00;}

#divArticleShareSocial ul
{
    list-style:none;
    margin-left:10px; 
}
.searchalternative
{
  margin-top:10px;padding:5px 5px 5px 0px;  
}
.searchalternative li
{
    padding:5px;margin-left:10px;
}

.searchalternative .message
{
  color:#cc0000;font-size:12px;font-weight:bold;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
.hazardous_items_list
{
}
.hazardous_items_list ul li
{
	background: url(/images/generic/footer-bullet.gif) no-repeat 0 6px;
	padding-left:10px;
	padding-bottom:10px;
}

.hazardousPolicyReadMore {
	
	color: #036;
	text-decoration: none;
	margin-top:0px;
}

.box-info .content .price li.sale {color: #cc0000;}
.box-info .content .price li.inc {color: #666;}

.adRotator
{
    margin-top:10px;
    width:135px;
    height:135px;
}

.bannercontainer {
	width:100%;
	position:relative;
	padding:0;
}
 
.banner{
	width:100%;
	position:relative;
}

/************* VAT realted *********************/
.checkout_greeting_vatno
        {
            width:90%;
        }
        .checkout_greeting_vatno .ukcustomers
        {
            width:25%;
            float:left;
        }
        .checkout_greeting_vatno .eucustomers
        {
            margin-left:10px;
            width:40%;
            float:left;
        }
        .checkout_greeting_vatno .eucustomers2
        {
            margin-left:10px;
            width:25%;
            float:left;
        }
        .checkout_greeting_vatno .eucustomers .nontradecustomers
        {
            width:45%;
            float:left;
        }
        .checkout_greeting_vatno .eucustomers .tradecustomers
        {
            margin-left:10px;
            width:50%;
            float:left;
        }
        .checkout_greeting_vatno .restofworld
        {
            margin-left:10px;
            width:25%;
            float:left;
        }
        .floatleft
        {
            float:left;
        }
        .floatright
        {
            float:right;
        }
        .complete
        {
            margin-top:20px;
        }
        .edit
        {
            margin-top:25px;
            font-weight:bold;
        }
        .addornovat
        {
            margin-top:25px;
            margin-right:10px;
            font-weight:bold;
        }
        .vatapplied
        {
            font-weight:bold;
        }