/* CSS Document */

/* ---------------- GLOBAL SETUP ---------------- */
body
{
	color:#636363;
	width:100%;
	margin:0;
	padding:0;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	/*background: #DAEBF5;*/
}
table,
td,
textarea,
tr,
td
{ font: 1em Verdana, Arial, Helvetica, sans-serif; 
}
p,
h1,
h2,
h3,
h4,
h5,
h6
{
	margin:0;
	padding:0;
	font-size:1em
}11
.clear
{
	clear:both;
	height: 1px;
}
.FloatLeft { float:left; }
.FloatRight { float:right; }
a:link,
a:active,
a:visited
{
	color: #636363;
	text-decoration: none;
}
a:hover
{
	color:#333333;
	text-decoration: underline;
}

img{
    border: none;
}

/* ---------------- HORIZONTAL MENUS ---------------- */
ul.HorizontalMenu
{
	margin: 0px;
	padding: 2px 0px 0px;
	list-style: none;
}
ul.HorizontalMenu li { display: inline; }
ul.HorizontalMenu li a
{
	margin: 0px;
	padding: 0px 10px 0px 25px;
	background: url(../gfx/VCgfx/button.gif) no-repeat 5px 1px;
}
ul.HorizontalMenuSml
{
	margin: 0px;
	padding: 2px 0px 0px;
	list-style: none;
	text-transform: capitalize;
}
ul.HorizontalMenuSml li
{
	font: 0.85em Tahoma, Arial, Helvetica, sans-serif;
	display: inline;
}
ul.HorizontalMenuSml li a
{
	margin: 0px;
	padding: 0px 10px 0px 14px;
	background: url(../gfx/VCgfx/button_sml.gif) no-repeat 1px 2px;
}
/* ---------------- BUTTON STYLING ---------------- */
a.button
{
	margin: 0px;
	padding: 0px 0px 0px 14px;
	background: url(../gfx/VCgfx/button_sml.gif) no-repeat 1px 4px;
}
a.button_sml
{
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 14px;
	background: url(../gfx/VCgfx/button_sml.gif) no-repeat 1px 3px;
}
a.button_lrg
{
	font: 1em Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background: url(../gfx/VCgfx/button.gif) no-repeat 0px 1px;
}
a.productlistbutton
{
	margin: 0px;
	padding: 0px 0px 0px 14px;
	background: url(../gfx/VCgfx/button_sml.gif) no-repeat 1px 4px;
	font-size: 1em;
}
a.checkoutbutton
{
	width: 137px;
	display: block;
	background: url(../gfx/VCgfx/button_gfx.gif) no-repeat;
	color: #FFFFFF;
	margin: 15px 0px 5px 15px;
	padding: 3px 0px 5px;
	text-align: center;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
/*to ensure large buttons have same font size regardless of if they sit in tables*/
a.proceedbutton { font-size: 1.25em; }
a.checkoutbutton:link,
a.checkoutbutton:active,
a.checkoutbutton:visited,
a.checkoutbutton:hover,
a.formsubmitbutton:link,
a.formsubmitbutton:active,
a.formsubmitbutton:visited,
a.formsubmitbutton:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
a.checkoutbutton:hover,
.basket a.checkoutbutton:hover,
a.formsubmitbutton:hover { background: url("../gfx/VCgfx/button_gfxX.gif") no-repeat; }
/*to be used only in a cascade with smaller fontsize*/
.basket a.checkoutbutton,
a.formsubmitbutton
{
	width: 137px;
	display: block;
	background: url("../gfx/VCgfx/button_gfx.gif") no-repeat;
	color: #FFFFFF;
	margin: 15px 0px 0px;
	padding: 3px 0px 5px;
	text-align: center;
	font: bold 1.25em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
/*addbasket to be used only in a cascade with smaller fontsize*/
a.addbasket
{
	width: 45px;
	display: block;
	background: url(../gfx/VCgfx/AddBasket_gfx.gif) no-repeat;
	color: #FFFFFF;
	margin: 3px;
	padding: 3px 0px 5px 26px;
	text-align: left;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
a.addbasket:link,
a.addbasket:active,
a.addbasket:visited,
a.addbasket:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
a.addbasket:hover { background: url(../gfx/VCgfx/AddBasket_gfxX.gif) no-repeat; }
a.butremove
{
	width: 22px;
	display: block;
	background: url(../gfx/VCgfx/button_remove.gif) no-repeat;
	margin: 3px 3px 3px 10px;
	padding: 0px;
	height: 22px;
	font-size: .25em;
}
a.butremove p { display:none; }
a.butremove:hover { background: url(../gfx/VCgfx/button_removeX.gif) no-repeat; }
/*bulkaddbasket to be used only in a cascade with smaller fontsize*/
a.bulkaddbasket
{
	width: 137px;
	display: block;
	background: url(../gfx/VCgfx/button_gfx.gif) no-repeat;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1.25em;
	font-family: "Trebuchet MS";
	font-weight: bold;
	margin: 3px;
	padding: 3px 0px 8px;
	text-align: center;
}
a.bulkaddbasket:link,
a.bulkaddbasket:active,
a.bulkaddbasket:visited,
a.bulkaddbasket:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
a.bulkaddbasket:hover { background: url(../gfx/VCgfx/button_gfxX.gif) no-repeat; }
/* ---------------- STRUCTURAL SETUP ---------------- */
#HeaderContainer {
	width:100%;
	background: #86bede;
}
#container
{ width:100%; 
}
#left
{
	width: 180px;
	float: left;
	font-size: 11px;
}
#right
{
	width: 180px;
	float:right;
	padding-right: 10px;
	padding-left: 10px;
	background: url(../gfx/VCgfx/Rightpanelshadow.gif) repeat-y;
}
#centre
{
	margin: 0px 200px 0px 180px;
	padding-left: 25px;
	padding-right: 13px;
	padding-top: 10px;
}
#centre_home
{

/*	margin: 0px 208px 0px 180px;
*/	padding: 25px 0px 0px 15px;

}
#footer
{
	clear:both;
	color: #636363;
	margin: 0px;
	padding: 35px 200px 15px 195px;
	text-align: center;
}
/* ---------------- HEADER ---------------- */
.logo
{
	float: left;
	background: url(../gfx/VCgfx/logo.gif) no-repeat;
	height: 106px;
	width: 954px;
	margin: 0px;
	padding: 0px;
}
.logo h1 { display:none; }
.strapline
{
	font-weight: bold;
	font-size: 1.1em;
	float: left;
	padding: 0px;
	margin: 22px 0px 0px 10px;
	background: #006699;
	display: none;
}
/* ---------------- HEADER TABS ---------------- */
#HeaderTabs
{
	margin: 0px;
	padding: 0px;
	width: 100%;
}
ul#HeaderTabs
{
	clear:both;
	margin:0;
	padding:0px;
	list-style:none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}
ul#HeaderTabs li
{
	float:left;
	background:#636363 url(../gfx/VCgfx/tab_left.gif) no-repeat left top;
	margin:0 0px 0 0;
	padding:0 0 0 10px;
}
ul#HeaderTabs a
{
	display:block;
	background:#636363 url(../gfx/VCgfx/tab_right.gif) no-repeat right top;
	padding:6px 10px 5px 0px;
	text-decoration:none;
	color:#CCCCCC;
}
ul#HeaderTabs a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}
ul#HeaderTabs #current { background: #0A7BBB url(../gfx/VCgfx/tab_left_on.gif); }
ul#HeaderTabs #current a
{
	background-image:url(../gfx/VCgfx/tab_right_on.gif);
	color:#FFFFFF;
	padding-bottom:5px;
}

.printlogo{
	display: none;
}

/* ---------------- SUB HEADER TABS - ORDER SUMMARY PAGE ---------------- */
#SubHeaderTabs {
	margin: 0px;
	padding: 0px;
	width: 100%;
	}
ul#SubHeaderTabs {
	clear:both;
	margin:0;
	padding:0px;
	list-style:none;
	}
ul#SubHeaderTabs li {
	float:left;
	background:url(../gfx/VCgfx/sub_tab_left.gif) no-repeat left top;
	margin:0 2px 0 0;
	padding:0 0 0 10px;
	}
ul#SubHeaderTabs a {
	display:block;
	background:url(../gfx/VCgfx/sub_tab_right.gif) no-repeat right top;
	padding: 2px 10px 5px 0px;
	text-decoration:none;
	color:#FFFFFF;
	}
ul#SubHeaderTabs a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
ul#SubHeaderTabs .subcurrent {
	background-image:url(../gfx/VCgfx/sub_tab_left_x.gif);
	}
ul#SubHeaderTabs .subcurrent a {
	background-image:url(../gfx/VCgfx/sub_tab_right_x.gif);
	color:#FFFFFF;
	padding-bottom:5px;
	}

/* ---------------- HEADER SUBMENU ---------------- */
#submenu
{
	text-align: left;
	margin: 0px;
	padding: 0px 0px 4px 15px;
	display: none;
	height: 1px;
	width: 1px;
}
#submenu ul.HorizontalMenuSml li a:link,
#submenu ul.HorizontalMenuSml li a:active,
#submenu ul.HorizontalMenuSml li a:visited,
#submenu ul.HorizontalMenuSml li a:hover
{
	margin: 0px;
	padding: 0px 10px 0px 14px;
	background: url(../gfx/VCgfx/button_submenu_arrow.gif) no-repeat 1px 2px;
	color: #00366A;
	font-weight: bold;
}
#submenu ul.HorizontalMenuSml li a:hover { text-decoration: underline; }
/* ---------------- HEADER SEARCH ---------------- */
.HeaderSearch
{
	color:#FFFFFF;
	font-weight: bold;
	background: #0a7bbb;
	font-size: 11px;
	text-transform: uppercase;
}
.HeaderSearch
{
	clear: both;
	text-align: center;/*white-space: nowrap*/
	padding: 3px 0px 6px;
}
.HeaderSearch a:link,
.HeaderSearch a:active,
.HeaderSearch a:visited
{
	text-decoration:none;
	color:#D1E4F1;
	font-weight: normal;
}
.HeaderSearch a:hover
{
	/*font-weight: bold;*/
color: #FFFFFF;
text-decoration: underline;
}

/* ---------------- MAIN NAVIGATION ---------------- */
#lh_nav
{
	/*border: 1px solid #9EDAFF;*/
	border-bottom: none;
	padding-bottom: 76px;




}
/* ---------------- MAIN NAVIGATION QUICKJUMP ---------------- */
.quickjump
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.85em;
	background: #0A7BBB;
	display: none;
}
.quickjump
{
	text-align: left;
	height: 3.3em;
	padding: 0px 0px 3px 5px;
}
.quickjump select
{
	font-size:.9em;
	color:#666666;
	width: 120px;
}
.quickjump form
{
	margin:2px 0;
	padding:0;
}
/* ---------------- MAIN NAVIGATION MENU ---------------- */

#lh_nav ul
{
	list-style: none;
	margin:0;
	padding:0;
}
#lh_nav li
{
	margin:0;
	padding:0;
}
/*#lh_nav .L1 li ul.L2 { display:none; } */
#lh_nav .L1 li ul.L2 ul.L3 {display: none;}
#lh_nav .L1 li.current ul.L2 { display:block; }
#lh_nav .L1 li .L2 li.current ul.L3 { display:block; }

/*Bathroom Section CSS*/

#lh_nav li#B a {
	background: #0A7BBB url(../gfx/VCgfx/nav-l1-tran.gif) repeat-y 0 0;
}


#lh_nav li#B a:link,
#lh_nav li#B a:active,
#lh_nav li#B a:visited
{
	display:block; /*height: 1.25em;*/
	margin:0;
	padding:5px 10px 5px 15px;
	background: #0A7BBB url(../gfx/VCgfx/nav-l1-tran.gif);
	color: #FFF;
  font-weight:bold;
  text-transform:uppercase;
}
#lh_nav li#B a:hover
{
	color: #333333;
	background: #0A7BBB url(../gfx/VCgfx/nav-l1-tran.gif) !important;
	text-decoration: none;
}
#lh_nav li#B.current a,
#lh_nav li#B.current a:link,
#lh_nav li#B.current a:active,
#lh_nav li#B.current a:visited
{
	color: #FFFFFF;
	background: #0A7BBB url(../gfx/VCgfx/nav-l1-tran.gif) repeat-y;
	font-weight: bold;
}


/*Sub Items - Normal */

#lh_nav li#B .L2 li a,
#lh_nav li#B .L2 li a:link,
#lh_nav li#B .L2 li a:active,
#lh_nav li#B .L2 li a:visited
{
	height: 28px;
	background: #F2F7FB url(../gfx/VCgfx/nav-l1.gif) !important;
	font-weight: normal;
	color: #333333;
	padding: 4px 10px 4px 20px;
	margin: 0;
	text-transform:none;
}

/*Sub Items - Hover Over */

#lh_nav li#B .L2 li a:hover
{
/*	background: #F2F7FB url(../gfx/VCgfx/nav-l2_hover.gif) !important;
	color: #000000;
	border: 1px;
	font-weight: 550;
*/
	height: 28px;
	font-weight: bold;
	background: #0A7BBB url(../gfx/VCgfx/nav-l1current.gif) !important;
  	color:#FFF;
}

/*Sub Items - Selected */

#lh_nav li#B .L2 li.current a,
#lh_nav li#B .L2 li.current a:link,
#lh_nav li#B .L2 li.current a:active,
#lh_nav li#B .L2 li.current a:visited

{
	height: 28px;
	font-weight: bold;
	background: #0A7BBB url(../gfx/VCgfx/nav-l1current.gif) !important;
  	color:#FFF;
}

/*Sub Sub Items - Normal */
#lh_nav li#B .L2 li .L3 li a:link,
#lh_nav li#B .L2 li .L3 li a:active,
#lh_nav li#B .L2 li .L3 li a:visited
{

	font-weight: normal;
	padding: 3px 10px 3px 20px;
	margin: 0;
	background: #E0EEF7 url(../gfx/VCgfx/nav-l2.gif) !important;
	color: #333333;/*	color:#000;*/
}

/*Sub Sub Items - Hover Over */
#lh_nav li#B .L2 li .L3 li a:hover {
	background: #0A7BBB url(../gfx/VCgfx/nav-l3_hover_blue.gif) !important;
  	color:#000;
}
/*Sub Sub Items - Selected */

#lh_nav li#B .L2 li .L3 li.current a,
#lh_nav li#B .L2 li .L3 li.current a:link,
#lh_nav li#B .L2 li .L3 li.current a:active,
#lh_nav li#B .L2 li .L3 li.current a:visited
{
	height: 28px;
	background: #0A7BBB url(../gfx/VCgfx/nav-l3_hover_blue.gif) !important;
  	color:#000;
}

#lh_nav li#B ul.L3
{
	background: url(../gfx/VCgfx/nav-l2.gif) repeat-y !important;
	padding-bottom: 0px;
}




/*Heating Section CSS*/
#lh_nav li#H a {
	background: #FE9900 url(../gfx/VCgfx/nav-l1-tran.gif) repeat-y 0 0;
}

#lh_nav li#H a:link,
#lh_nav li#H a:active,
#lh_nav li#H a:visited
{
	display:block; /*height: 1.25em;*/
	margin:0;
	padding:5px 10px 5px 15px;
	background: #FE9900 url(../gfx/VCgfx/nav-l1-tran.gif);
	color: #FFF;
  font-weight:bold;
  text-transform:uppercase;
}
#lh_nav li#H a:hover
{
	color: #333333;
	background: #FE9900 url(../gfx/VCgfx/nav-l1-tran.gif) !important;
	text-decoration: none;
}
#lh_nav li#H.current a,
#lh_nav li#H.current a:link,
#lh_nav li#H.current a:active,
#lh_nav li#H.current a:visited
{
	color: #FFFFFF;
	background: #FE9900 url(../gfx/VCgfx/nav-l1-tran.gif) repeat-y;
	font-weight: bold;
}


/*Sub Items - Normal */

#lh_nav li#H .L2 li a,
#lh_nav li#H .L2 li a:link,
#lh_nav li#H .L2 li a:active,
#lh_nav li#H .L2 li a:visited
{
	height: 28px;
	background: #F2F7FB url(../gfx/VCgfx/nav-l1.gif) !important;
	font-weight: normal;
	color: #333333;
	padding: 4px 10px 4px 20px;
	margin: 0;
	text-transform:none;
}

/*Sub Items - Hover Over */

#lh_nav li#H .L2 li a:hover
{
/*
	background: #F2F7FB url(../gfx/VCgfx/nav-l2_hover.gif) !important;
	color: #000000;
	border: 1px;
	font-weight: 550;
*/
font-weight: bold;
	background: #FE9900 url(../gfx/VCgfx/nav-l1current_orange.gif) !important;
  	color:#FFF;
}

/*Sub Items - Selected */

#lh_nav li#H .L2 li.current a,
#lh_nav li#H .L2 li.current a:link,
#lh_nav li#H .L2 li.current a:active,
#lh_nav li#H .L2 li.current a:visited

{
	font-weight: bold;
	background: #FE9900 url(../gfx/VCgfx/nav-l1current_orange.gif) !important;
  	color:#FFF;
}

/*Sub Sub Items - Normal */
#lh_nav li#H .L2 li .L3 li a:link,
#lh_nav li#H .L2 li .L3 li a:active,
#lh_nav li#H .L2 li .L3 li a:visited
{
	font-weight: normal;
	padding: 3px 10px 3px 20px;
	margin: 0;
	background: #E0EEF7 url(../gfx/VCgfx/nav-l2.gif) !important;
	color: #333333;/*	color:#000;*/
}

/*Sub Sub Items - Hover Over */
#lh_nav li#H .L2 li .L3 li a:hover {
	background: #FE9900 url(../gfx/VCgfx/nav-l3_hover_orange.gif) !important;
  	color:#000;
}
/*Sub Sub Items - Selected */

#lh_nav li#H .L2 li .L3 li.current a,
#lh_nav li#H .L2 li .L3 li.current a:link,
#lh_nav li#H .L2 li .L3 li.current a:active,
#lh_nav li#H .L2 li .L3 li.current a:visited
{
		height: 28px;
	background: #FE9900 url(../gfx/VCgfx/nav-l3_hover_orange.gif) !important;
  	color:#000;
}

#lh_nav li#H ul.L3
{
	background: url(../gfx/VCgfx/nav-l2.gif) repeat-y !important;
	padding-bottom: 0px;
}
/*
#lh_nav li#H .L2 li.current a,
#lh_nav li#H .L2 li.current a:active,
#lh_nav li#H .L2 li.current a:active,
#lh_nav li#H .L2 li.current a:visited

{
		height: 28px;
	font-weight: bold;
	background: #FE9900 url(../gfx/VCgfx/nav-l1-tran.gif) !important;
  	color:#FFF;
}
#lh_nav li#H .L2 li .L3 li.current a,
#lh_nav li#H .L2 li .L3 li.current a:link,
#lh_nav li#H .L2 li .L3 li.current a:active,
#lh_nav li#H .L2 li .L3 li.current a:visited
{
		height: 28px;
	font-weight: bold;
	background: #CAE2F1 url(../gfx/VCgfx/nav-l2current.gif) !important;
}
*/




/*Plumbing Section CSS*/
#lh_nav li#P a {
	background: #02ad4f url(../gfx/VCgfx/nav-l1-tran.gif) repeat-y 0 0;
}



#lh_nav li#P a:link,
#lh_nav li#P a:active,
#lh_nav li#P a:visited
{
	display:block; /*height: 1.25em;*/
	margin:0;
	padding:5px 10px 5px 15px;
	background: #02ad4f url(../gfx/VCgfx/nav-l1-tran.gif);
	color: #FFF;
  font-weight:bold;
  text-transform:uppercase;
}
#lh_nav li#P a:hover
{
	color: #333333;
	background: #02ad4f url(../gfx/VCgfx/nav-l1-tran.gif) !important;
	text-decoration: none;
}
#lh_nav li#P.current a,
#lh_nav li#P.current a:link,
#lh_nav li#P.current a:active,
#lh_nav li#P.current a:visited
{
	color: #FFFFFF;
	background: #02ad4f url(../gfx/VCgfx/nav-l1-tran.gif) repeat-y;
	font-weight: bold;
}


/*Sub Items - Normal */

#lh_nav li#P .L2 li a,
#lh_nav li#P .L2 li a:link,
#lh_nav li#P .L2 li a:active,
#lh_nav li#P .L2 li a:visited
{
	height: 28px;
	background: #F2F7FB url(../gfx/VCgfx/nav-l1.gif) !important;
	font-weight: normal;
	color: #333333;
	padding: 4px 10px 4px 20px;
	margin: 0;
	text-transform:none;
}

/*Sub Items - Hover Over */

#lh_nav li#P .L2 li a:hover
{/*
	background: #F2F7FB url(../gfx/VCgfx/nav-l2_hover.gif) !important;
	color: #000000;
	border: 1px;
	font-weight: 550;*/
	height: 28px;
	font-weight: bold;
	background: #02ad4f url(../gfx/VCgfx/nav-l1current_green.gif) !important;
  	color:#FFF;

}

/*Sub Items - Selected */

#lh_nav li#P .L2 li.current a,
#lh_nav li#P .L2 li.current a:link,
#lh_nav li#P .L2 li.current a:active,
#lh_nav li#P .L2 li.current a:visited

{
	height: 28px;
	font-weight: bold;
	background: #02ad4f url(../gfx/VCgfx/nav-l1current_green.gif) !important;
  	color:#FFF;
}

/*Sub Sub Items - Normal */
#lh_nav li#P .L2 li .L3 li a:link,
#lh_nav li#P .L2 li .L3 li a:active,
#lh_nav li#P .L2 li .L3 li a:visited
{
	font-weight: normal;
	padding: 3px 10px 3px 20px;
	margin: 0;
	background: #E0EEF7 url(../gfx/VCgfx/nav-l2.gif) !important;
	color: #333333;/*	color:#000;*/
}

/*Sub Sub Items - Hover Over */
#lh_nav li#P .L2 li .L3 li a:hover {
	background: #02ad4f url(../gfx/VCgfx/nav-l3_hover_green.gif) !important;
  	color:#000;
}
/*Sub Sub Items - Selected */

#lh_nav li#P .L2 li .L3 li.current a,
#lh_nav li#P .L2 li .L3 li.current a:link,
#lh_nav li#P .L2 li .L3 li.current a:active,
#lh_nav li#P .L2 li .L3 li.current a:visited
{
	height: 28px;
	background: #02ad4f url(../gfx/VCgfx/nav-l3_hover_green.gif) !important;
  	color:#000;
}

#lh_nav li#P ul.L3
{
	background: url(../gfx/VCgfx/nav-l2.gif) repeat-y !important;
	padding-bottom: 0px;
}



/* ---------------- RIGHT COLUMN STYLING ---------------- */
#browse_title
{
	color: #FFF;
	text-transform: uppercase;
	background: #636363 url(../gfx/VCgfx/nav-l1-tran.gif) repeat-y;
	margin: 0;
	padding: 5px 5px 5px 15px;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
}
#right h2
{
	color: #FFFFFF;
	text-transform: uppercase;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0 0;
	padding: 5px 0px 5px 10px;
}
#AC_status_title,
#login_title,
#basket_title,
#links_title { background: #0A7BBB; }
#AC_status_panel,
#login_panel,
#basket_panel,
#links_panel
{
	padding: 5px 5px 10px;
	border-top: 1px solid #636363;
	background: #F4F9FC;
}
#AC_status_panel .centrepanel,
#login_panel .centrepanel,
#basket_panel .centrepanel,
#links_panel .centrepanel { text-align:center; }
#login_panel .error
{
	margin: 0px 0px 5px;
	padding: 3px;
	color: #FFFFFF;
	text-align: center;
	background: #FF0000;
	font: bold 1.1em "Trebuchet MS";
	text-transform: uppercase;
}
#login_panel .login
{
	margin: 0px 0px 5px;
	padding: 0px;
}
#login_panel ul,
#links_panel ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#login_panel li,
#links_panel li
{
	margin: 0px 0px 3px;
	padding: 0px;
}
#login_panel .boxstyle { width: 160px; }
#basket_panel .inyourbasket
{
	margin: 0px 0px 5px;
	padding: 0px;
}
#basket_panel .emptybasket
{
	margin: 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	text-align: center;
}
#basket_panel .lineitem
{
	font-size: .85em;
	margin: 0px 0px 5px;
	padding: 0px;
}
#basket_panel .lineitem .product
{
	font-weight:bold;
	margin: 0px 0px 1px;
	padding: 0px;
}
#basket_panel .lineitem .code
{
	margin: 0px 0px 1px;
	padding: 0px;
	color: #6F706F;
	text-align: right;
}
#basket_panel .lineitem .qty
{
	width: 75px;
	float: left;
	margin: 0px 0px 1px;
	padding: 0px;
	color: #6F706F;
}
#basket_panel .lineitem .price
{
	margin: 0px 0px 1px;
	padding: 0px;
	color: #6F706F;
}
#basket_panel .totalprice
{
	margin: 10px 0px;
	padding: 2px 0px;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}
#basket_panel .totalprice em
{
	font-weight:bold;
	font-style: normal;
	color: #000000;
}
#basket_panel .lineitem .code em,
#basket_panel .lineitem .qty em,
#basket_panel .lineitem .price em
{
	font-style: normal;
	color: #000000;
}
#AC_status_panel .title
{
	xwidth: 75px;
	float: left;
	margin: 0px 5px 3px 0px;
	padding: 0px;
	font-size: .9em;
	text-align: right;
}
#AC_status_panel .item
{
	font-weight: bold;
	margin: 0px 0px 3px;
	padding: 0px;
	font-size: 0.9em;
	text-align: left;
}
/*GLOBAL FORMS*/
.input_A
{
	font-size:.9em;
	color:#666666;
	width: 140px;
}
.input_B
{
	font-size:0.9em;
	width: 210px;
}
/*for use with textareas*/
.input_C
{
	font-size: 1em;
	width: 210px;
}
form .button,
.greyed_button { font-size:1em; }
.greyed_button { color: #999999; }
form
{
	margin:0;
	padding:0;
}
/* ---------------- CENTRAL SECTION ---------------- */
.breadcrumb
{
	color: #0A7BBB;
	text-transform: uppercase;
	font-size: 0.85em;
}
.breadcrumb a
{
	/*background: transparent url(../gfx/VCgfx/breadcrumb.gif) no-repeat right center;*/
	text-decoration: none;
	padding-right: 5px; /*adjust bullet image padding*/
}
.breadcrumb span
{
	/*background: transparent url(../gfx/VCgfx/breadcrumb.gif) no-repeat right center;*/
	text-decoration: none;
	padding-right: 5px; /*adjust bullet image padding*/
}
.breadcrumb .soften
{
	background: transparent url(../gfx/VCgfx/breadcrumb_soft.gif) no-repeat right center;
	color: #DDDDDD;
	margin-right: 5px;
}
.breadcrumb .final
{
	color: #DDDDDD;
	background-image: url('');
}
#centre h1
{
	margin: 0px 0px 10px;
	padding: 3px 0px 5px;
	font: bold 1.5em Arial, Helvetica, sans-serif;
	display: block;
	border-bottom: 1px solid #636363;
	width: 98%;
}
#centre h3
{
	margin: 0px 0px 10px;
	padding: 13px 0px 5px;
	font: bold 1.15em Arial, Helvetica, sans-serif;
	display: block;
	border-bottom: 1px solid #636363;
}
#centre h4
{
	font: bold 1em Arial, Helvetica, sans-serif;
	margin: 10px 0px 5px;
	padding: 0px;
}
#centre p
{
	margin: 0px 0px 5px;
	padding: 0px;
	font-size: 0.9em;
}
/* ---------------- CENTRAL SECTION STAMPS---------------- */
#centre .panel
{
	padding:0 0 0 11px;
	margin:0px 0px 10px;
	background:#FFFFFF;
	float: left;
	width: 96%;
	border: 1px solid #636363;
}
#centre .paneldual
{
	xwidth: 5%;
	xmargin-right: 15px;
}
#centre .panel .top
{
	margin:0;
	padding:0px;
	height: 12px;
}
#centre .panel .body
{
	xmargin:0 0 0 -11px;
	padding:0px 11px 0px 0px;
	background:#fff;
	xborder-left: 1px solid #0A7BBB;
}
#centre .panel .foot
{
	margin:0 0 0 -11px;
	padding-left:11px;
	height: 11px;
}
#centre .panel .footend
{
	padding:0;
	margin: 0px;
	height: 11px;
}
#centre .stampproductgroupwrapperleftcol
{
	width: 48%;
	margin: 0px 13px 10px 0px;
	xpadding: 0px 7px 10px 0px;
	float: left;
	padding: 0px;
}
#centre .stampproductgroupwrapperrightcol
{
	width: 48%;
	margin: 0px 0px 10px;
	xpadding: 0px 0px 10px 7px;
	float: left;
}
#centre .stampproductgroup,
.stampproductgroup2 {
	background: #FFFFFF;
	border: 1px solid #636363;
	padding: 3px;
}
#centre .stampproductgroup img { float: left; }
#centre .stampproductgroup h2
{
	margin: 0px;
	padding: 0px 0px 0px 65px;
	font: bold 1em Arial, Helvetica, sans-serif;
}
#centre .stampproductgroup p
{
	margin: 0px;
	padding: 0px 0px 0px 65px;
	font-size: 0.85em;
}
#centre .stampproductgroup .link
{
	text-align: right;
	margin: 0px;
	padding: 1px 0px 1px 65px;
}
#centre .stampproductgroup .info,
#centre .stampproductgroup2 .info { min-height:80px; }
#centre .stampproductgroup2 img { float: none; }
#centre .stampproductgroup2 h2
{
	margin: 0px;
	padding: 0px;
	font: bold 1em Arial, Helvetica, sans-serif;
}
#centre .stampproductgroup2 p
{
	margin: 0px;
	padding: 0px;
	font-size: 0.85em;
}
#centre .stampproductgroup2 .link
{
	text-align: right;
	margin: 0px;
	padding: 1px 0px 1px 65px;
}
#centre .stampproductgroup2 .info { text-align:center; }
#centre .newline
{
	float: left;
	height: 1px;
	width: 90%;
	font-size: 1px;
}
#centre .startpromotion
{
	float: left;
	height: 15px;
	width: 90%;
}
#centre .panel .stamp img { float: left; }
#centre .panel .stamp h2
{
	margin: 0px;
	padding: 0px 0px 5px 90px;
	font: bold 1.25em Arial, Helvetica, sans-serif;
}
#centre .panel .stamp p
{
	margin: 0px;
	padding: 0px 0px 0px 90px;
}
#centre .panel .link
{
	text-align: right;
	margin: 0px;
	padding: 10px 10px 0px 90px;
}
#centre .panel .stamp .info { min-height:85px; }
#centre .panel .stamp .info .stock,
#centre .panel .stamp .info .code
{
	font: bold 0.85em Tahoma, Arial, Helvetica, sans-serif;
	color: #7B7D7C;
	margin: 0px;
	padding: 3px 0px 0px 90px;
}
#centre .panel .stamp .info .stock em,
#centre .panel .stamp .info .code em
{
	font-style: normal;
	font-weight: normal;
}
#centre .panel .stamp .info .stock img { float: none; }
#centre .paneldual .stamp p { font-size: 0.85em; }
#centre .paneldual .stamp h2 { font-size: 1em; }

#centre .customcontent {
	border : 0 none;
	padding : 0px;
	margin : 0 16px 12px 0;
}
/* ---------------- TABLES ---------------- */

/* ---------------- TABLES - GLOBAL TYPE 1 ---------------- */
.tabletype1
{
	margin: 0px 0px 15px;
	padding: 0px;
	width: 98%;
	background: #FFFFFF;
	border: 1px solid #636363;
}
.tabletype1 table
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 0.85em;
}
.tabletype1 table .structure
{
	font-size: 1em;
	border: none;
}
.tabletype1 tr { background: repeat-x; }
.tabletype1 td
{
	margin: 0px;
	padding: 3px;
	border-bottom: 1px solid #C0C0C0;
}
.tabletype1 th
{
	margin: 0px;
	padding: 5px 3px;
	background: #636363;
	background-image: none;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
}
.tabletype1 .empty
{
	background-image: none;
	border-style: none;
}
/* ---------------- TABLES - GLOBAL TYPE 2 ---------------- */
#centre .tabletype2 table
{
	font-size: 0.85em;
	color: #7B7D7C;
}
.tabletype4 table .structure
{
	font-size: 1em;
	border: none;
}
#centre .tabletype2 table td
{
	padding: 3px 8px;
	border-bottom: 1px solid #C0C0C0;
}
#centre .tabletype2 table th
{
	text-align: center;
	font-weight: normal;
	color: #000000;
	padding: 3px;
	border-bottom: 1px solid #C0C0C0;
}
/* ---------------- TABLES - GLOBAL TYPE 3 ---------------- */
.tabletype3
{
	margin: 0px 0px 15px;
	padding: 0px;
	width: 98%;
}
.tabletype3 table
{
	width: 75%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 0.85em;
}
.tabletype3 table .structure { font-size: 1em; }
.tabletype3 tr { background: url(../../tradingdepot/gfx/VCgfx/basiclistshadow.gif) repeat-x; }
.tabletype3 td
{
	margin: 0px;
	padding: 5px;
}
.tabletype3 th
{
	margin: 0px;
	padding: 3px;
	border-top: 1px solid #C0C0C0;
	background-image: none;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #FFFFFF;
}
.tabletype3 .empty
{
	background-image: none;
	border-style: none;
}
/* ---------------- TABLES - GLOBAL TYPE 4 ---------------- */
.tabletype4
{
	margin: 0px 0px 15px;
	padding: 0px;
	width: 98%;
}
.tabletype4 table
{
	width: 75%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 0.85em;
}
.tabletype4 table .structure
{
	font-size: 1em;
	border: none;
}
.tabletype4 tr { background: url(../../tradingdepot/gfx/VCgfx/basiclistshadow.gif) repeat-x; }
.tabletype4 td
{
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid #dddddd;
}
.tabletype4 th
{
	margin: 0px;
	padding: 3px;
	border-top: 1px solid #C0C0C0;
	background-image: none;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #FFFFFF;
}
.tabletype4 .empty
{
	background-image: none;
	border-style: none;
}
/* ---------------- TABLES - PRODUCT LIST BASED ON GLOBAL TYPE 1 ---------------- */			

.prod_tabe_outer {
	width:100%;
}

#centre .productlist {
	width:100%;
	position:relative;
}							
#centre .productlist .fav,
#centre .productlist .image
{
	text-align: center;
	width: 5%;
}
#centre .productlist .descr
{
	text-align: left;
	width: 40%;
}
#centre .productlist .baseprice,
#centre .productlist .yourprice
{
	text-align: right;
	width: 15%;
}
#centre .productlist .stock
{
	text-align: center;
	width: 10%;
}
#centre .productlist .qty
{
	text-align:center;
	width: 5%;
}
#centre .productlist .add
{
	text-align: right;
	width: 5%;
}
#centre .productlist td.image { text-align: center; }
#centre .productlist td.descr,
#centre .productlist td.yourprice,
#centre .productlist td.stock { font-weight: bold; }
#centre .productlist td.descr p,
#centre .productlist td.yourprice p,
#centre .productlist td.baseprice p,
#centre .productlist td.stock p
{
	color: #7B7D7C;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#centre .productlist .favadd
{
	float: left;
	text-align: left;
	font-size: 1em;
	padding: 10px 0px;
	vertical-align: middle;
}
#centre .productlist .bulkadd
{
	float: right;
	text-align: right;
	font-size: 1em;
	padding: 10px 0px;
	vertical-align: middle;
}
#centre .productlist td.qty input
{
	width: 3.5em;
	font-size: 1em;
}
#centre .productlist .favadd select
{
	width: 137px;
	font-size: 0.85em;
}
/* ---------------- TABLES - DESCRIPTION PAGE CROSS SELL LIST BASED ON GLOBAL TYPE 1 ---------------- */										
#centre .xsell .image,
#centre .xsell .stock
{
	text-align: left;
	width: 10%;
}
#centre .xsell .descr
{
	text-align: left;
	width: 40%;
}
#centre .xsell .baseprice,
#centre .xsell .yourprice
{
	text-align: right;
	width: 15%;
}
#centre .xsell .qty,
#centre .xsell .add
{
	text-align: right;
	width: 5%;
}
#centre .xsell .image img
{
	border-style: none;
	cursor: pointer;
}
#centre .xsell td.descr,
#centre .xsell td.yourprice { font-weight: bold; }
#centre .xsell td.per,
#centre .xsell td.stock
{
	font-weight: bold;
	text-align: center;
}
#centre .xsell td.descr p,
#centre .xsell td.yourprice p,
#centre .xsell td.baseprice p,
#centre .xsell td.stock p
{
	color: #7B7D7C;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#centre .xsell td.qty input
{
	width: 3.5em;
	font-size: 1em;
}
/* ---------------- TABLES - DISCOUNT TABLE BASED GLOBAL TYPE 2 ---------------- */
#centre .productdiscount table td.qty { text-align: left; }
#centre .productdiscount table td.price,
#centre .productdiscount table td.disc { text-align: right; }
/* ---------------- TABLES - BASKET LIST BASED ON GLOBAL TYPE 1 ---------------- */										
#centre .basket .fav
{
	text-align: left;
	width: 3%;
}
#centre .descr,
#centre .basket .descr { /*text-align: left;width: 58%;*/
	text-align: left; }
#centre .basket .require
{
	text-align: center;
	width: 14%;
}
#centre .yourprice,
#centre .basket .yourprice
{
	text-align: right;
	width: 15%;
}
#centre .basket .stock
{
	text-align: center;
	width: 5%;
}
#centre .qty,
#centre .basket .qty
{
	text-align:center;
	width: 14%;
}
#centre .basket .remove
{
	text-align: right;
	width: 2%;
}
#centre .basket .per
{
	text-align: center;
	width: 15%;
}
#centre .basket .tofollow
{
	text-align: center;
	width: 15%;
}
#centre .basket td.descr,
#centre .basket td.yourprice,
#centre .basket td.stock { font-weight: bold; }
#centre .basket td.tofollow { font-weight: bold; }
#centre td.descr p,
#centre .basket td.descr p,
#centre .basket td.yourprice p,
#centre .basket td.follow p,
#centre .basket td.stock p
{
	color: #7B7D7C;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#centre .basket .favadd
{
	text-align: left;
	font-size: 1em;
	padding: 10px 0px;
}
#centre .basket .bulkadd
{
	text-align: right;
	font-size: 1em;
	padding: 10px 0px;
}
#centre .basket td.qty input
{
	width: 2.5em;
	font-size: 1em;
}
#centre .basket td.require input
{
	width: 7em;
	font-size: 1em;
}
#centre .basket .favadd select
{
	width: 120px;
	font-size: 0.85em;
}
#centre .basket tr.empty td
{
	background-image: none;
	border-style: none;
}
#centre .basket .total
{
	font: normal 1.25em Arial, Helvetica, sans-serif;
	text-align: right;
	text-transform: uppercase;
	color: #7B7D7C;
	padding-bottom: 7px;
	padding-top: 6px;
}
#centre .basket .totalamount
{
	font: bold 1.5em Arial, Helvetica, sans-serif;
	text-align: right;
	text-transform: uppercase;
}
#centre .basket tr td.totalamount
{
	background-image: none;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
}
#centre .basket tr td.total
{
	background-image: none;
	border-bottom: 1px solid #C0C0C0;
}
#centre .basket td.yourprice
{
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
}
.tabletype1 tr td.bsvalteredcell
{
	background: #FCF76D url(../../tradingdepot/gfx/VCgfx/bsvalteredcell.gif) repeat-x;
	border-bottom: 1px solid #C0C0C0;
}
.tabletype1 tr.bsvnewline
{
	background: #BCDDEC url(../../tradingdepot/gfx/VCgfx/bsvnewline.gif) repeat-x;
	border-bottom: 1px solid #C0C0C0;
}
.tabletype1 tr.bsvdeletedline
{
	background: #F6D0DF url(../../tradingdepot/gfx/VCgfx/bsvdeletedline.gif) repeat-x;
	border-bottom: 1px solid #C0C0C0;
}
.tabletype1 tr td.bsvnewline
{
	background: #BCDDEC url(../../tradingdepot/gfx/VCgfx/bsvnewline.gif) repeat-x;
	border-bottom: 1px solid #C0C0C0;
}
.tabletype1 tr td.bsvdeletedline
{
	background: #F6D0DF url(../../tradingdepot/gfx/VCgfx/bsvdeletedline.gif) repeat-x;
	border-bottom: 1px solid #C0C0C0;
}
.tabletype1 tr td.empty
{
	background-image: none;
	border: none;
	padding: 0px;
}

.error_table_data {
	border: 1px solid #c0c0c0;
	background-color: #f6f6f6;
	padding: 5px;
	width: 98%;
	text-align: center;
}

/* ---------------- TABLES - DISCOUNT TABLE BASED ON GLOBAL TYPE 2 ---------------- */
#centre .productdiscount table td.qty { text-align: left; }
#centre .productdiscount table td.price,
#centre .productdiscount table td.disc { text-align: right; }
/* ---------------- TABLE PAGER ---------------- */
#centre .pagenav
{
	margin: 5px 0px;
	padding: 0px;
	text-align: right;
}
#centre .pagenav a
{
	margin: 0px 2px;
	padding: 0px;
}
#centre .pagenav a.next
{
	margin: 0px 0px 0px 25px;
	padding: 0px 14px 0px 0px;
	/*background: url(../gfx/VCgfx/button_sml.gif) no-repeat 1px 4px;*/
	background: url(../gfx/VCgfx/button_sml.gif) no-repeat right 4px;
}
#centre .pagenav span.nextinactive
{
	margin: 0px 0px 0px 25px;
	padding: 0px 14px 0px 0px;
	color: #7b7d7c;
	background: url(../gfx/VCgfx/button_sml.gif) no-repeat 70px 4px;
}
#centre .pagenav span.previousinactive
{
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 0px 14px;
	color: #7b7d7c;
	background: url(../gfx/VCgfx/button_lft_sml.gif) no-repeat 1px 4px;
}
#centre .pagenav a.previous
{
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 0px 14px;
	background: url(../gfx/VCgfx/button_lft_sml.gif) no-repeat 1px 4px;
}
#centre .pagenav span.current
{
	margin: 0px 2px;
	padding: 0px 3px;
	xbackground-color: #f2f2f2;
	border: 1px solid #7F9DB9;
	color: #ff6e0d;
	font-weight: bold;
}
/* ---------------- PRODUCT DESCRIPTION ---------------- */
#centre .productimage
{
	margin: 0px;
	padding: 5px;
	/*width: 165px;*/
	float: left;
	text-align: center;
}
#centre .productimage img { border-style: none; }
#centre .productheader
{
	height:20px;
	margin: 0px 0px 10px;
	padding: 3px 0px 5px;
	display: block;
	border-bottom: 1px solid #D1D3D1;
}
#centre .productheader .productdesc
{
	font: bold 1.5em Arial, Helvetica, sans-serif;
	float: left;
}
#centre .productheader .productcode
{
	margin: 0px 0px 3px;
	padding: 0px;
	color: #7B7D7C;
	font: normal 0.95em Tahoma, Helvetica, sans-serif;
	float:right;
}
#centre .productheader .productcode em
{
	font-style: normal;
	color: #000000;
}
#centre .productdetail
{
	margin: 0px;
	padding: 5px;
	width: 165px;
	float: left;
}
#centre .productdetail h1
{
	font: bold 1.75em Arial, Helvetica, sans-serif;
	border-style: none;
	margin: 5px 0px;
	padding: 0px;
	color: #000000;
}
#centre .productdetail p
{
	border-style: none;
	margin: 0px 0px 3px;
	padding: 0px;
	color: #7B7D7C;
	font-size: 0.85em;
}
#centre .productdetail p em
{
	font-style: normal;
	color: #000000;
	vertical-align:middle;
}
#centre .productdetail form
{
	margin: 10px 0px 0px;
	padding: 0px;
}
#centre .productdetail input
{
	font-size: 1em;
	width: 3.5em;
	color: #000000;
}
#centre .productdiscount
{
	margin: 0px;
	padding: 5px;
	width: 165px;
	float: left;
}
#centre .productxsell
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
}
#centre .productdescr
{
	margin: 0px;
	padding: 0px;
	width: 98%;
	float: left;
}
.basketaddline
{
	width: 500px;
	padding-bottom: 5px;
}
.basketaddline td.prodcode input { font-size: 0.8em; }
.basketaddline td.qty input
{
	width: 70px;
	font-size: 0.8em;
	text-align: left;
}

/* ---------------- TABLES - BASIC LIST BASED ON GLOBAL TYPE 3 ---------------- */	

#centre .itemform tr { background: none; }
#centre .itemform td {
	border-bottom: 1px solid #E2E2E2;
	padding-top: 7px;
	padding-bottom: 12px;
}
#centre .itemform td.itemline
{
	text-align: right;
	th: 30%;
	color: #636363;
	font-weight: normal;
	background: url(../../tradingdepot/gfx/VCgfx/basiclistshadow.gif) repeat-x;
	vertical-align: top;
}
#centre .itemform td.itemfield
{
	text-align: left;
	width: 70%;
	font-weight: bold;
	color: #000000;
	vertical-align: top;
}
#centre .itemform .error
{
	color: #FF0000;
	font-size: 1em;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 10px;
}
#centre .itemform .confaddress table
{
	color: #7B7D7C;
	font-size: 1em;
	font-weight: normal;
}
/* ---------------- ADDITIONAL STYLES ---------------- */

.logoutinfo
{
	top:30%;
	left:34%;
	width:400px;
	height:120px;
	border:1px solid #7B7D7C;
	padding: 4px;
	background-color:#ffffff;
	position: absolute;
	text-align: center;
	z-index:99
}
.calendar
{
	top:230px;
	left:520px;
	width:220px;
	height:200px;
	border:1px solid #7B7D7C;
	background-color:#ffffff;
	position: absolute;
	z-index:99
}
/*generic error style*/
.error
{
	color: #FF0000;
	font-size: 1em;
	text-transform: uppercase;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
.requiredtext
{
	color: #FF0000;
	font-size: 1em;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.addressdiv
{
	top:300px;
	left:300px;
	width:340px;
	height:320px;
	border:1px solid #7B7D7C;
	background-color:#ffffff;
	position: absolute;
	z-index:100
}
#addProductDiv
{
	padding-top: 5px;
	padding-bottom: 5px;
}
/*pre-registration buttons*/
a.preregbut
{
	width: 150px;
	height: 45px;
	display: block;
	color: #FFFFFF;
	font-size: 1.2em;
	text-align: center;
	padding-top: 17px;
	margin: 5px;
	font-weight: bold;
	border: 1px solid #636363;
}
.home
{
	color: #FFFFFF;
	background: #86BEDE;
}
a.home:hover
{
	color: #FFFFFF;
	background: #0A7BBB;
}
.bus
{
	color: #FFFFFF;
	background: #86BEDE;
}
a.bus:hover
{
	color: #FFFFFF;
	background: #0A7BBB;
}
.prereglogin
{
	background-image: url('../../tradingdepot/gfx/VCgfx/login_full.gif');
	padding-left: 30px;
	padding-top: 3px;
	height: 22px;
	width: 250px;
	margin: 0px;
	color: #FFFFFF;
	font-size: 1.1em;
	text-transform: uppercase;
}
.preregheaders
{
	font-weight: bold;
	color: #CCCCCC;
}
/* ---------------- Main front login ---------------- */

#FrontLogin
{
	width: 730px;
	margin: 120px auto auto;
	border: 1px solid #636363;
	background: #86bede;
	padding: 10px;
}
#FrontLogin .FrontLoginattract
{
	float:left;
	width:290px;
	margin-top: 0px;
}
#FrontLogin .FrontLoginattract .logo
{
	float: none;
	height: 110px;
	width: 285px;
	background: url(../gfx/VCgfx/logoSmall.gif) no-repeat;
}
#FrontLogin .FrontLoginattract p
{
	line-height: 1.5em;
	font-size: 11px;
	color: #636363;
}
#FrontLogin .FrontLoginattract ul
{
	margin: 0.25em 0px 0px;
	color: #636363;
	font-size: 11px;
}
#FrontLogin .FrontLoginpanel
{
	float: right;
	width: 360px;
	background: #DAEBF5;
	border: 1px solid #636363;
	padding: 15px 35px;
	margin-top: 25px;
}
#FrontLogin .FrontLoginpanel .LoginTitle { width: 90px; }
#FrontLogin .FrontLoginpanel .boxstyle
{
	border: 1px solid #636363;
	width: 260px;
}

#plumbclick {
	background: /*#86BEDE */url(../gfx/VCgfx/PCback2.gif) repeat-y 0px 160px;
	border: 1px solid #636363;
	margin: 10px;
	min-width:980px;
}
#plumbclickR { background: url(../gfx/VCgfx/menufadeoutR.gif) repeat-y right; }

.itemform {
	background: #FFFFFF;
	border: 1px solid #636363;




}



#article
{
	background-color: #A6CAF0;
	padding: 10px;
margin-right: 10px;
}


#art_intro
{
background:#FFFFFF url(../gfx/plumbclickgfx/art_logo.jpg) no-repeat scroll 0 0;
border:1px solid #C0C0C0;
height:135px;
padding:2px 200px 10px;

}

#art_cat_header
{
  background-color:#99CDC9;
  border:1px solid #C0C0C0;
  padding:5px 5px 5px 5px;
  font-weight:bold;
  margin-top: 10px;
}

#art_cat_section
{
  background-color:#F2F2F2;
  border : 1px solid #C0C0C0;
  padding:5px 25px 10px 5px;
}
#art_item_header
{
  margin-top: 10px;
  background-color:#99CDC9;
  border : 1px solid #C0C0C0;
  padding:5px 5px 5px 5px;
  font-weight:bold;
}

#art_item_section
{
  background-color:#F2F2F2;
  border : 1px solid #C0C0C0;
  padding:5px 45px 10px 5px;
  margin-bottom:10px;
}
#art_intro_text
{
	margin:0px 195px 0px 180px;
	padding:15px 0px 0px 15px;
}

#sitemap_heading {
	background : transparent url('../gfx/plumbclickgfx/art_logo.jpg') no-repeat left top;
	border : 1px solid #C0C0C0;
	height : 127px;
	margin : 0 16px 0 0;
	padding : 10px 20px 10px 170px;
}

#sitemap_heading a {
	text-decoration : underline;
}

ul.sitemaplist {
	border : 0 none;
	margin : 16px 0px 30px 20px;
	padding : 0px;
}

ul.articlelist {
	border : 0 none;
	margin : 0px 0px 0px 16px;
	padding : 0px 0px 0px 0px;
}

ul.sitemaplist li, ul.articlelist li {
	border : 0 none;
	margin : 0px;
	padding : 8px 0px 0px 0px;
	list-style-position : outside;
	list-style-type : none;
}

ul.sitemaplist li {
	font-weight : bold;
}

ul.articlelist li {
	font-weight : normal;
}

ul.sitemaplist li:first-child {
	padding : 0px;
}

ul.articlelist li:first-child {
	padding : 8px 0px 0px 0px;
}

ul.sitemaplist li a, ul.articlelist li a {
	background : transparent url('../gfx/VCgfx/button_sml.gif') left 4px no-repeat;
	padding-left : 15px;
}

ul.sitemaplist li.sitemapB a {
	color : #0A7BBB;
}

ul.sitemaplist li.sitemapH a {
	color : #FE9900;
}

ul.sitemaplist li.sitemapP a {
	color : #02AD4F;
}
