body {padding: 0; margin: 0; font-family: verdana; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
img {border: 0; behavior: url(images/iepngfix.htc);}
.promolist {display: none;}


/*
	Round corners
*/
.topleft { background-position:0 0; background-repeat:no-repeat; }
.topright { background-position:100% 0; background-repeat:no-repeat;}
.bottomright { background-position:100% 100%; background-repeat:no-repeat; height: 5px;}
.bottomleft { background-position:0 100%; background-repeat:no-repeat; }


/*
	Top menu
*/
#topmenu {background-image: url(images/topbg.jpg); width: 100%; height: 26px;  padding: 0; margin: 0;}
#topmenu .sizecontainer {width: 915px; margin: 0px auto 0px auto;}
#topmenu .sizecontainer .container {margin-top: 2px; background-image: url(images/topmenu_bg.jpg); height: 17px; width: 230px; float: right;}
#topmenu .sizecontainer .container .leftbg {background-image: url(images/topmenu_leftbg.jpg); background-repeat: no-repeat; background-position: 0 0; }
#topmenu .sizecontainer .container .rightbg {background-image: url(images/topmenu_rightbg.jpg); background-repeat: no-repeat; height: 17px; background-position: 100% 0;}
#topmenu ul {list-style: none; padding: 0; margin: 0; font-size: 12px;}
#topmenu ul li {float: left; padding: 1px 9px 0px 9px;}
#topmenu ul .separator {background-image: url(images/topmenu_separator.jpg); background-repeat: no-repeat; background-position: 100% 50%;}
#topmenu ul li a {color: #000000; padding-left: 8px; background-image: url(images/topmenu_arrow.jpg); background-repeat: no-repeat; background-position: 0 50%;}
#topmenu ul li a:hover {color: #000000; text-decoration: underline;}

/*
	Main container
*/
#maincontainer {margin: 0px auto 0px auto; width: 915px; padding: 0;}
#maincontainer .header {margin: 0; padding: 0; border: 0;}

/*
	Main menu
*/
#mainmenu {
		background-image: url(images/mainmenu_bg.jpg); 
		height: 32px; 
		border-left: 1px solid #b3c9da; 
		border-right: 1px solid #cedce7; 
		margin: 0; 
		padding: 0; 
		position: relative; 
		top: -2px;
}
#mainmenu ul {list-style: none; padding: 0; margin: 0; font-size: 12px; font-weight: bold;}
#mainmenu ul li {float: left; padding: 8px 0px 8px 0px;}
#mainmenu ul .separator {background-image: url(images/mainmenu_separator.jpg); background-repeat: no-repeat; background-position: 100% 0px;}
#mainmenu ul li a {color: #15375d; padding: 0px 30px 0px 30px;}
#mainmenu ul li a:hover {color: #15375d; text-decoration: underline;}

/*
	Product search
*/
#productsearch {background-image: url(images/searchproducts_bg.jpg); height: 28px; border-left: 1px solid #b8cddd; border-right: 1px solid #b8cddd;}
#productsearch .container{padding: 3px 0px 0px 0px; width: 300px; float: right;}
#productsearch label {color: #4c6683; font-size: 13px; position: relative; top: -5px;}
#productsearch .txt {width: 100px; height: 15px; position: relative; top: -4px; border: 1px solid #aec6d7;}

/*
	Left container
*/
#leftbg {float: left; /*background-image: url(images/leftbg.jpg); background-repeat: no-repeat;*/ width: 209px; /*height: 685px;*/ background-color: #3f6c95; margin: 1px 0px 0px 0px; padding: 0; }
#leftbg .leftcontainer {padding: 8px 0px 0px 0px;}
#leftbg h3 {background-image: url(images/menu_title.png);  width: 196px; behavior: url(images/iepngfix.htc);}
/*
	Columns container
*/

#columnscontainer {margin: 2px 0px 0px 0px;}
#columnscontainer .side h3 {
		
		background-repeat: no-repeat; 
		height: 32px; 
		margin: 0; 
		padding: 0; 
		display: block;
		font-size: 13px;
		font-weight: bold;
		color: #7faace;
		padding: 7px 0px 0px 0px;
		text-transform: lowercase;
}
#columnscontainer .side h3 span {padding: 0px 0px 0px 5px;}
#columnscontainer .side h3 span {color: #0f2f55;}
#columnscontainer .side .leftcontainer { width: 196px; margin: 0px auto 0px auto; }
#columnscontainer .side ul {list-style: none; padding: 0; margin: 0;}
#columnscontainer .side .blueline {border-top: 1px dotted #bdd7e7; margin: 8px 0px 10px 0px;}

/*
	Left menu
*/
#leftmenu li {
		background-image: url(images/leftmenu_li_bg.jpg); 
		background-repeat: no-repeat; 
		width: 196px; 
		height: 25px; 
		padding: 0; 
		margin: 1px 0px 0px 0px; 
		font-size: 12px;
}
#leftmenu li a {color: #183b61; padding: 0px 0px 0px 10px; position: relative; top: 3px; display: block;}
#leftmenu li a:hover {color: #183b61; text-decoration: underline;}

/*
	Brands list:
*/
#brandslist {
		list-style: none; 
		padding: 0; 
		margin: 0; 
		background-image: url(images/brandsbg.png); 
		background-repeat: no-repeat; 
		width: 196px; 
		height: 316px; 
		behavior: url(images/iepngfix.htc);
}
#brandslist li {display: block; width: 196px;}
#brandslist li a {display: block; padding: 12px 0px 12px 0px;}
#brandslist li a img {display: block; margin: 0px auto 0px auto; }

/*
	Middle container
*/
#middlecontainer {width: 500px; margin-left: 5px; float: left; font-size: 12px; color: #000000; text-align: justify;}
#middlecontainer p {padding: 5px; margin: 0; font-size: 12px; color: #000000; text-align: justify;}
#middlecontainer a, #middlecontainer a:visited{color: #3C6B25;}


#middlecontainer .container {border: 1px solid #b9cddd; }
#middlecontainer h2 {padding-top: 10px; margin: 0; display: block;}
#middlecontainer h2 span {font-size: 18px; color: #ffffff; background-color: #0f2f55; padding: 2px 5px 2px 5px; margin: 0;}
#middlecontainer .container p {color: #113157;}
#middlecontainer .price {font-weight: bold; padding-bottom: 15px;}
#middlecontainer .specialoffers {
					background-image: url(images/view_special_offers_bg.jpg); 
					background-repeat: no-repeat; 
					width: 175px; 
					height: 30px; 
					display: block;
					color: #4a6582;
					font-size: 11px;
					padding: 6px 0px 0px 10px; 
}
#middlecontainer .container .leftcontainer {width: 330px; padding-right: 180px;}
#middlecontainer h1 {font-size: 14px; color: #ffffff; position: relative; top: 3px; left: 10px; padding: 0; margin: 0; }
#hydroliccaravan {background-image: url(Ximages/kojack.jpg); background-repeat: no-repeat; background-position: 97% 10px; height: 171px;}
#hydroliccaravan .bgelement {display: none;}
#fixer {}

#middlecontainer .rctitle {background-color: #113157; margin: 5px 0px 5px 3px;}
#middlecontainer .rctitle .topleft { background-image: url(images/title_topleft.jpg); }
#middlecontainer .rctitle .topright { background-image: url(images/title_topright.jpg);}
#middlecontainer .rctitle .bottomright { background-image: url(images/title_bottomright.jpg);}
#middlecontainer .rctitle .bottomleft { background-image: url(images/title_bottomleft.jpg);}


/*
	Middle container2
*/
#middlecontainer2 {width: 695px; margin-left: 5px; float: left; font-size: 12px; color: #000000; text-align: justify;}
#middlecontainer2 p {padding: 5px; margin: 0; font-size: 12px; color: #000000; text-align: justify;}
#middlecontainer2 a, #middlecontainer a:visited{color: #3C6B25;}


#middlecontainer2 .container {border: 1px solid #b9cddd; }
#middlecontainer2 h2 {padding-top: 10px; margin: 0; display: block;}
#middlecontainer2 h2 span {font-size: 18px; color: #ffffff; background-color: #0f2f55; padding: 2px 5px 2px 5px; margin: 0;}
#middlecontainer2 .container p {color: #113157;}
#middlecontainer2 .price {font-weight: bold; padding-bottom: 15px;}
#middlecontainer2 .specialoffers {
					background-image: url(images/view_special_offers_bg.jpg); 
					background-repeat: no-repeat; 
					width: 175px; 
					height: 30px; 
					display: block;
					color: #4a6582;
					font-size: 11px;
					padding: 6px 0px 0px 10px; 
}
#middlecontainer2 .container .leftcontainer {width: 330px; padding-right: 180px;}
#middlecontainer2 h1 {font-size: 14px; color: #ffffff; position: relative; top: 3px; left: 10px; padding: 0; margin: 0; }
#hydroliccaravan {height: 171px;}
#fixer {height: 171px;}

#middlecontainer2 .rctitle {background-color: #113157; margin: 5px 0px 5px 3px;}
#middlecontainer2 .rctitle .topleft { background-image: url(images/title_topleft.jpg); }
#middlecontainer2 .rctitle .topright { background-image: url(images/title_topright.jpg);}
#middlecontainer2 .rctitle .bottomright { background-image: url(images/title_bottomright.jpg);}
#middlecontainer2 .rctitle .bottomleft { background-image: url(images/title_bottomleft.jpg);}


/*
	Right container
*/
#rightcontainer {float: right; background-repeat: no-repeat; width: 197px;}
#rightcontainer h3 { background-image: url(images/menu_title_right.png);  width: 186px; behavior: url(images/iepngfix.htc);}

/*
	Right top container
*/
#rightcontainer .righttop {background-image: url(images/righttopbg.jpg); height: 174px; margin: 0; padding: 0; }
#rightcontainer .righttop .container { padding: 6px; margin: 0;}
#rightcontainer .righttop p {font-size: 12px; color: #ffffff; padding: 0px 0px 0px 15px; margin: 0; line-height: 250%;}
#rightcontainer .righttop .rightel {float: right; display: block;}

/*
	Right middle container
*/
#rightcontainer .middletop {background-image: url(images/rightmiddlebg.jpg); height: 242px; margin: 5px 0px 0px 0px; padding: 0;}
#rightcontainer .middletop .container { padding: 6px; margin: 0;}
#rightcontainer .middletop ul {list-style: none; padding: 0; margin: 6px 0px 0px 0px;}
#rightcontainer .middletop ul li {
					background-image: url(images/rightproductsarrow.png); 
					background-repeat: no-repeat; 
					background-position: 0 3px; 
					padding: 0; 
					margin: 0;
					behavior: url(images/iepngfix.htc);
					display: block;
}
#rightcontainer .middletop ul li a {padding: 8px 0px 8px 10px; margin: 0; color: #ffffff; font-size: 12px; display: inline-block; position: relative; top: -12px;}
#rightcontainer .middletop ul li a:hover {color: #ffffff; text-decoration: underline;}

/*
	Right bottom container
*/
#rightcontainer .bottomtop {background-color: #7faace; width: 197px; height: 260px; margin: 5px 0px 0px 0px; padding: 0;}

/*
	Bottom container
*/
#bottomcontainer {width: 100%; height: 30px; background-color: #113157;}
#bottomcontainer ul {float: right; list-style: none; padding: 0; margin: 0; font-size: 11px; margin-right: 5px;}
#bottomcontainer ul li {float: left; padding: 5px 2px 0px 2px; color: #ffffff;}
#bottomcontainer ul li a {color: #ffffff; position: relative; top: 1px;}
#bottomcontainer ul li a:hover {color: #ffffff; text-decoration: underline;}

/*
	Copyright
*/
#copyright {display: block; font-size: 11px; color: #bbbbbb; float: right; padding: 5px 0px 10px 0px;}
#copyright a, #copyright a:hover, #copyright a:visited {color: #444;}




.txtOldPrice {
	text-decoration: line-through;
}
.txtSale {
 	color: #FF0000;
}

.txtcartProgressCurrent, .tdcartTitle, .txtContentTitle {
font-weight: bold;
}

.tdcartTitle {
background-color: #7faace;
}


.tdEven, .tdOdd, .tdcartOdd, .tdcartEven {
border-top: 1px dotted #ccc;
}

.tdOdd, .tdcartEven {
background-color: #E2E2E2;
}

.txtButton, .txtCheckout, .txtUpdate {
border: 1px solid #888;
padding: 3px;
color: #000000;
background-color: #ddd;
}

.txtButton:hover, .txtCheckout:hover, .txtUpdate:hover {
border: 1px solid #888;
padding: 3px;
color: #ffffff;
background-color: #0f2f55;
}


.subCat {
float: left;
width: 150px;
min-height: 180px;
margin: 0 7px 20px 7px;
text-align: center;
}

.subCat span{
display: block;
height: 150px;
}

.subCat span img{
border: 0px;
}