/* CSS Document */

body
{
	margin: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #a48f6d;
	font-family: Arial, Helvetica, sans-serif;
}

#container
{
	width: 940px;
	margin: 0px auto;
	position: relative;
	padding-top: 175px;
	background-image: url(../images/container_bg.jpg);
	background-repeat: repeat-x;
}

#header
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 940px;
	height: 280px;
	behavior: url(../style/iepngfix.htc);
	z-index: 10;
}

#headerMain
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 940px;
	height: 181px;
	background-image: url(../images/header.png);
	background-repeat: repeat-x;
	z-index: 20;
	behavior: url("../style/iepngfix.htc");
}

#headerV
{
	position: absolute;
	top: 138px;
	left: 728px;
	background-image: url(../images/header_v.png);
	background-repeat: no-repeat;
	z-index: 30;
	width: 122px;
	height: 140px;
	behavior: url("../style/iepngfix.htc");
}

#headerText
{
	width: 880px;
	padding: 20px 25px 0px 35px;
	float: left;
	font-size: 22px;
}

#headerText img
{
	border: 0px;
	float: left;
}

#headerText strong
{
	float: left;
	margin-left: 115px;
	margin-top: 50px;
	color: #767676;
	font-size: 24px;
}

#headerText em
{
	float: left;
	margin-left: 25px;
	margin-top: 50px;
	color: #022098;
	font-size: 24px;
}

#home
{
	position: absolute;
	top: 150px;
	left: 10px;
	z-index: 35;
	font-size: 12px;
	font-weight: bold;
}

#home a
{
	color: Black;
	text-decoration: none;
}

#home a:hover
{
	color: #666666;
	text-decoration: none;
}

#userMenu
{
	position: absolute;
	top: 145px;
	right: 193px;
	width: 460px;
	z-index: 30;
}

#userMenu ul
{
	float: left;
	margin: 0px;
	padding: 0px;
}

#userMenu ul li
{
	float: left;
	margin: 0px;
	padding: 0px;
	margin-right: 22px;
	list-style: none;
	display: inline-block;
}

#userMenu ul li a
{
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 22px;
	background-image: url(../images/userMenu_bg.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	margin: 0px;
	float: left;
	margin-top: 5px;
}

#userMenu ul li a:hover
{
	color: black;
}

#userMenu ul li.on a
{
	color: black;
}

#menu
{
	width: 940px;
	background-color: #f2f3f5;
	z-index: 0;
	position: absolute;
	top: 175px;
	background-image: url(../images/menu_border.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	height: 22px;
}

#menu ul
{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 22px;
	width:940px;
}

#menu ul li
{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	padding-bottom: 2px;
	background-image: url(../images/menu_bg.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #8a8384;
	height: 19px;
}

#menu ul li:hover
{
	background-color: white;
}

#menu ul li.on
{
	border-bottom: 1px solid white;
	background-color: white;
}

#menu ul li a
{
	padding: 2px 8px 0px 8px;
	font-size: 13px;
	color: black;
	text-decoration: none;
	font-weight: bold;
}

#subMenu
{
	width: 940px;
	z-index: 0;
	position: absolute;
	top: 197px;
	background-image: url(../images/sub_menu_border.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	height: 22px;
	background-color: #FFFFFF;
}

#subMenu ul
{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 22px;
	width: 720px;
}

#subMenu ul li
{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	padding-bottom: 2px;
	background-image: url(../images/menu_bg.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #8a8384;
	background-color: white;
	height: 19px;
	clear: none;
	white-space:nowrap;
}

#subMenu ul li:hover
{
	background-color: #e7f1e9;
}

#subMenu ul li.on
{
	border-bottom: none;
	background-color: #e7f1e9;
	border-bottom: 1px solid #e7f1e9;
}

#subMenu ul li.on a
{
	color: black;
}

#subMenu ul li a
{
	padding: 2px 10px 0px 10px;
	font-size: 12px;
	color: #888485;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	height: 17px;
	float: left;
	white-space:nowrap;
}

#homePage
{
	width: 940px;
	float: left;
	padding-top: 60px;
	height: 565px;
	background-image: url(../images/home_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 22px;
}

#subPage
{
	width: 940px;
	float: left;
	padding-top: 60px;
	background-color: #e7f1e9;
}

#drainVac
{
	float: left;
	height: 70px;
	width: 850px;
	background-color: white;
	color: #8f8f8f;
	font-size: 14px;
	padding-top: 15px;
	padding-right: 90px;
	text-align: right;
	font-weight: bold;
}

#drainVac img
{
	vertical-align: middle;
}

#footer
{
	width: 912px;
	height: 31px;
	float: left;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 9px;
	position: relative;
	color: #666666;
	font-size: 12px;
	padding-left: 14px;
	padding-right: 14px;
	margin-bottom: 20px;
}

#footer ul
{
	width: 440px;
	margin: 0px;
	padding: 0px 0px 0px 60px;
	float:left;
}

#footer ul li
{
	display: inline;
	margin: 0px;
	padding: 0px 8px 0px 8px;
	list-style: none;
	z-index: 120;
}

#footer ul li a
{
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

#footer ul li a:hover
{
	color: black;
}

#footer ul li.on a
{
	color: black;
}

#copyright
{
	float: left;
}

#site
{
	float: right;
}

#site a
{
	color: #666666;
	text-decoration: none;
}

#site a:hover
{
	color: #666666;
	text-decoration: underline;
}

#hpMenu
{
	margin: 0px 0px 0px 30px;
	padding: 0px;
	position: relative;
	z-index: 100;
	float: left;
}

#hpMenu li
{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	list-style: none;
}

#hpMenu li a
{
	color: Black;
	text-decoration: none;
	font-size: 18px;
	padding: 0px 0px 0px 36px;
}

#hpMenu li a.on
{
	color: White;
	background-image: url(../images/hp_menu_on.png);
	background-position: left center;
	background-repeat: no-repeat;
	behavior: url(../style/iepngfix.htc);
}

#hpMenu li a:hover
{
	color: White;
	background-image: url(../images/hp_menu_on.png);
	background-position: left center;
	background-repeat: no-repeat;
}

#hpMenu li a small
{
	font-size: 12px;
}

#homeRight
{
	width: 363px;
	float: right;
	margin-right: 50px;
}

#homeRight img
{
	border: 1px solid #8a8384;
	padding: 2px;
	float: left;
}

#homeRight embed
{
	margin-left: 2px;
}

#homeRight object
{
	margin-left: 2px;
}

#hpRightText
{
	padding: 17px;
	width: 327px;
	border: 1px solid #8a8384;
	float: left;
	margin-top: 4px;
	font-size: 12px;
	font-weight: bold;
}

#hpRightText p
{
	margin: 0px;
}

#breadcrumb
{
	position: relative;
	z-index: 100;
	font-size: 16px;
	font-weight: bold;
	color: #a48f6d;
	margin-left: 60px;
	margin-bottom: 30px;
}

#breadcrumb a
{
	text-decoration: none;
	color: #a48f6d;
}

#breadcrumb a:hover
{
	text-decoration: none;
	color: black;
}

#resultsHolder
{
	width: 924px;
	float: left;
	background-color: #e7f1ea;
	border-top: 13px solid white;
	border-left: 8px solid white;
	border-right: 8px solid white;
	border-bottom: 55px solid white;
}

.result
{
	width: 304px;
	height: 218px;
	float: left;
	background-image: url(../images/result_bg.jpg);
	margin-bottom: 22px;
	position: relative;
	background-repeat: no-repeat;
	border-right: 4px solid white;
}

.result .imgHolder
{
	width: 300px;
	height: 239px;
	overflow: hidden;
	text-align: center;
	margin: 4px 0px 0px 2px;
}

.result .moreInfo
{
	width: 77px;
	height: 21px;
	position: absolute;
	top: 160px;
	right: 6px;
	background-image: url(../images/more_but_bg.jpg);
	text-align: center;
	padding-top: 2px;
}

.result .moreInfo a
{
	font-size: 11px;
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

.result .moreInfo a:hover
{
	color: #0068b6;
}

.result .buy
{
	width: 77px;
	height: 21px;
	position: absolute;
	top: 182px;
	right: 6px;
	background-image: url(../images/buy_but_bg.jpg);
	text-align: center;
	padding-top: 2px;
	margin: 0px;
}

.result .buy a
{
	font-size: 11px;
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

.result .buy a:hover
{
	color: #0068b6;
}

.result .titlePrice
{
	width: 278px;
	position: absolute;
	top: 136px;
	left: 13px;
	padding-bottom: 3px;
	border-bottom: 1px solid #bab5ad;
	color: Black;
	font-size: 12px;
	font-weight: bold;
}

.result .description
{
	width: 208px;
	position: absolute;
	top: 158px;
	left: 13px;
	font-size: 12px;
	color: #666666;
}

.result .title
{
	float: left;
}

.result .price
{
	float: right;
}

#register_login
{
	width: 924px;
	background-color: White;
	padding: 11px 8px 30px 8px;
	float: left;
}

#register_login h2
{
	font-size: 16px;
	font-weight: bold;
	color: #a48f6d;
	margin: 0px 0px 6px 0px;
	float: left;
	width: 231px;
}

#register_login #login
{
	width: 900px;
	padding: 0px 0px 18px 24px;
	border-bottom: 22px solid #e7f1e9;
	margin-bottom: 22px;
	float: left;
}

#register_login .login_instr
{
	float: left;
	width: 231px;
	padding-right: 28px;
}

#register_login p
{
	font-size: 11px;
	font-weight: bold;
	float: left;
	margin: 0px;
}

#register_login #login #loginForm
{
	width: 515px;
	height: 65px;
	float: left;
	background-image: url(../images/login_bg.jpg);
	background-repeat: no-repeat;
}

#register_login #login #loginForm table
{
	float: left;
	margin-left: 5px;
}

#register_login #login #loginForm table td
{
	padding: 10px 10px 0px 10px;
	font-size: 12px;
	font-weight: bold;
}

#register_login #login #loginBut
{
	width: 76px;
	height: 23px;
	background-image: url(../images/login_reg_but.jpg);
	text-align: center;
	padding-top: 2px;
	float: left;
	margin-left: 14px;
	margin-top: 24px;
}

#register_login #login #loginBut a
{
	font-size: 11px;
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

#register_login #login #loginBut a:hover
{
	color: #0068b6;
}

#register_login #register
{
	width: 900px;
	padding: 0px 0px 0px 24px;
	float: left;
}

#registerForm
{
	width: 515px;
	height: 372px;
	float: left;
	background-image: url(../images/register_bg.jpg);
	background-repeat: no-repeat;
}

#registerForm table
{
	float: left;
	margin-left: 5px;
	margin-top: 15px;
}

#registerForm table td
{
	padding: 6px 10px 10px 10px;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}

#registerForm table td textarea
{
	width: 135px;
	height: 102px;
	font-family: Arial;
	font-size: 12px;
}

#registerForm table td input
{
	width: 135px;
}

#registerBut
{
	width: 76px;
	height: 23px;
	background-image: url(../images/login_reg_but.jpg);
	text-align: center;
	padding-top: 2px;
	float: left;
	margin-left: 14px;
	margin-top: 182px;
}

#registerBut a
{
	font-size: 11px;
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

#registerBut a:hover
{
	color: #0068b6;
}

#prodPage
{
	width: 940px;
	float: left;
	padding-bottom: 80px;
	background-color: White;
}

#prodPage #expand
{
	height: 440px;
	width: 1px;
	float: right;
}

#prodPage #product
{
	width: 848px;
	float: left;
	margin-top: 31px;
	margin-left: 50px;
	position: relative;
	z-index: 0;
}

#prodPage #product #top
{
	width: 843px;
	float: left;
	background-image: url(../images/prod_bg_arrow.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	margin-top: 6px;
}

#prodPage #product #top .buy
{
	width: 127px;
	height: 24px;
	position: absolute;
	right: 20px;
	bottom: 15px;
	background-image: url(../images/add_but_bg.jpg);
	text-align: center;
	padding-top: 2px;
	margin: 0px;
}

#prodPage #product #top .buy a
{
	font-size: 11px;
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

#prodPage #product #top .buy a:hover
{
	color: #0068b6;
}

#prodPage #product #top .back
{
	width: 61px;
	height: 25px;
	position: absolute;
	right: 150px;
	bottom: 13px;
	background-image: url(../images/back_but_bg.jpg);
	text-align: center;
	padding-top: 2px;
	margin: 0px;
}

#prodPage #product #top .back a
{
	font-size: 11px;
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

#prodPage #product #top .back a:hover
{
	color: #0068b6;
}

#prodPage #product #top img
{
	margin-top: 50px;
	margin-left: 7px;
	margin-bottom: 7px;
}

#prodPage #product #details
{
	float: right;
	margin-top: 99px;
	width: 222px;
	margin-right: 5px;
	padding: 16px 10px 65px 24px;
	font-size: 11px;
	position: relative;
}

#prodPage #product #details .bullet
{
	background-image: url(../images/details_bullet.jpg);
	background-position: left 2px;
	background-repeat: no-repeat;
	padding: 0px 0px 9px 12px;
	width: 212px;
}

#prodPage #product #desc
{
	background-color: #c8c1b6;
	float: left;
	width: 416px;
	padding: 18px;
	margin-left: 165px;
	font-size: 11px;
}

#prodPage #product #smallv
{
	position: absolute;
	top: 38px;
	left: 2px;
	width: 834px;
	height: 33px;
	background-image: url(../images/prod_v.png);
	background-repeat: no-repeat;
	behavior: url("../style/iepngfix.htc");
	z-index: 1;
}

#prodPage #product #prodName
{
	position: absolute;
	right: 0px;
	top: 18px;
	width: 255px;
	font-size: 13px;
	font-weight: bold;
	z-index: 10;
}

#prodPage #product #prodPrice
{
	position: absolute;
	right: 0px;
	top: 54px;
	width: 255px;
	font-size: 13px;
	font-weight: bold;
	z-index: 15;
}

#basket
{
	width: 899px;
	background-color: White;
	padding: 11px 8px 30px 33px;
	float: left;
	font-size: 12px;
}

.basketItems
{
	font-size: 0.9em;
}

.basketHeaderTitle
{
	font-size: 1.4em;
}

#add
{
	width: 899px;
	background-color: White;
	padding: 0px 8px 30px 33px;
	float: left;
	font-size: 12px;
}

#subText
{
	font-size: 12px;
	padding: 0px 35px 45px 60px;
	float: left;
}

#subText p
{
	color: Black;
	padding: 0px;
	margin: 0px 0px 17px 0px;
}

#subText h1, h2, h3, h4, h5, h6
{
	font-size: 12px;
	color: Black;
	margin: 0px;
	font-weight: bold;
}

#subText img.right
{
	float: right;
	margin-left: 24px;
}

#subText ul li
{
	padding: 2px 0px 2px 0px;
}

#subText table p
{
	margin: 0px;
	float: left;
}

#subText table tr td
{
	padding-bottom: 10px;
}

.blueBut
{
	width: 76px;
	height: 22px;
	background-image: url(../images/login_reg_but.jpg);
	text-align: center;
	padding-top: 3px;
}

.blueBut a
{
	font-size: 11px;
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

.blueBut a:hover
{
	color: #0068b6;
}

#accountTop
{
	width: 899px;
	background-color: White;
	padding: 11px 8px 30px 33px;
	float: left;
	font-size: 12px;
}

#ordersTable tr td
{
	padding: 2px 20px 0px 0px;
}
a.link
{
	color: Black;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/link_bg_on.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 3px 0px 3px 18px;
}
a.link:hover
{
	background-image: url(../images/link_bg.jpg);
	color: #022098;
}
a.blue
{
	color: #0364ba;
}
a.remove
{
	color: Black;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/remove.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 0px 2px 16px;
}
a.remove:hover
{
	color: #bb2402;
}
input.search
{
	font-size: 11px;
	vertical-align: middle;
	z-index: 100;
}

#stockists
{
	width: 895px;
	background-color: White;
	padding: 12px 0px 23px 45px;
	float: left;
}

#stockists .details
{
	width: 200px;
	height: 208px;
	float: left;
	background-image: url(../images/stockists_bg.jpg);
	background-repeat: no-repeat;
	margin-bottom: 17px;
	margin-right: 15px;
	position: relative;
}

#stockists .details.alt
{
	background-image: url(../images/stockists_bg2.jpg) !important;
}

#stockists .details h3
{
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	top: 12px;
	left: 12px;
	color: #22dae6;
}

#stockists .details.alt h3
{
	color: #a48f6d !important;
}

#stockists .details .address
{
	color: #666666;
	font-size: 11px;
	position: absolute;
	left: 12px;
	top: 38px;
	font-weight: bold;
}

#stockists .details .contact
{
	color: #666666;
	font-size: 11px;
	position: absolute;
	left: 12px;
	top: 134px;
	font-weight: bold;
}

#stockists .details .contact a
{
	color: #666666;
	text-decoration: none;
}

#stockists .details .contact a:hover
{
	text-decoration: underline;
}