/* CSS Document */


/* ---------------- GLOBAL SETUP ---------------- */
body
{
	color:#000000;
	width:100%;
	margin:0;
	padding:0;
	font: 80% "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	background: #FFFFFF url(../gfx/VCgfx/headerback.gif) repeat-x;
}
table,
td,
textarea,
tr,
td
{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:1em;
}
p,
h1,
h2,
h3,
h4,
h5,
h6
{
	margin:0;
	padding:0;
	font-size:1em
}
.clear
{
	clear:both;
	height: 1px;
}
.FloatLeft { float:left; }
.FloatRight { float:right; }
a:link,
a:active,
a:visited
{
	color: #FF6C0A;
	text-decoration: none;
}
a:hover
{
	color:#434182;
	text-decoration: underline;
}
/* ---------------- 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 Tahoma, 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: 2px 0px 6px;
	text-align: center;
	font: bold 1.1em "Trebuchet MS", 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: 2px 0px 6px;
	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: #FFE5E3;
	margin: 3px;
	padding: 2px 0px 6px 26px;
	text-align: left;
	font: bold 1.25em "Trebuchet MS", 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: #FFE5E3;
	text-transform: uppercase;
	font-size: 1.25em;
	font-family: "Trebuchet MS";
	font-weight: bold;
	margin: 3px;
	padding: 2px 0px 6px;
	text-align: center;
}
a.bulkaddbasket:link,
a.bulkaddbasket:active,
a.bulkaddbasket:visited,
a.bulkaddbasket:hover
{
	color: #FFE5E3;
	text-decoration: none;
}
a.bulkaddbasket:hover { background: url(../gfx/VCgfx/button_gfxX.gif) no-repeat; }
/* ---------------- STRUCTURAL SETUP ---------------- */
#HeaderContainer {
	width:100%;
}
#container
{
	width:100%;
	background: url(../gfx/VCgfx/tab_shad.gif) repeat-x;
}
#left
{
	width: 180px;
	float: left;
}
#right
{
	width: 180px;
	float:right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding-top: 20px;	
}
#centre
{
	margin: 0px 195px 0px 180px;
	padding: 15px 0px 0px 15px;
	background: url(../gfx/VCgfx/menucurve.gif) no-repeat;
}
#footer
{
	clear:both;
	text-align: center;
	margin: 0px;
	padding: 45px 10px 10px 0px;
	color: #999999;
	font-size: 0.85em;
}
#orderpad_main {
	margin: 0px 310px 0px 0px;
	padding: 15px 0px 0px 15px;
	}
#orderpad_right {
	width: 300px;
	float:right;
	}
/* ---------------- HEADER ---------------- */
.logo
{
	float: left;
	background: url(../gfx/VCgfx/logo.gif) no-repeat;
	height: 60px;
	width: 220px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 8px;
}
.logo h1 { display:none; }
.strapline
{
	font-weight: bold;
	font-size: 1.1em;
	float: left;
	padding: 0px;
	margin: 22px 0px 0px 10px;
	color: #456FC1;
}

.printlogo {
	display: none;
}
/* ---------------- HEADER TABS ---------------- */
#HeaderTabs
{
	margin: 0px;
	padding: 0px;
}
ul#HeaderTabs
{
	clear:both;
	margin:0 0 0 10px;
	padding:0px;
	list-style:none;
}
ul#HeaderTabs li
{
	float:left;
	background:url(../gfx/VCgfx/tab_left.gif) no-repeat left top;
	margin:0 4px 0 0;
	padding:0 0 0 10px;
}
ul#HeaderTabs a
{
	display:block;
	background:url(../gfx/VCgfx/tab_right.gif) no-repeat right top;
	padding:6px 10px 5px 0px;
	text-decoration:none;
	color:#434182;
	font-weight: bold;
}
ul#HeaderTabs a:hover
{
	color:#FF6C0A;
	text-decoration:none;
}
ul#HeaderTabs #current { background-image: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;
}

	
/* ---------------- 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:#000000;
	}
ul#SubHeaderTabs a:hover {
	color:#FF6E0D;
	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: #6865CC;
}
.HeaderSearch
{
	clear: both;
	text-align: center;/*white-space: nowrap*/
	padding: 4px 0px 7px;
}
.HeaderSearch a:link,
.HeaderSearch a:active,
.HeaderSearch a:visited
{
	text-decoration:none;
	color:#D1E4F1;
	font-weight: normal;
}

/* ---------------- MAIN NAVIGATION ---------------- */
#lh_nav
{
	/*border: 1px solid #9EDAFF;*/
	border-bottom: none;
	background: #FFFFFF url(../gfx/VCgfx/menufadeout.gif) no-repeat left bottom;
	padding-bottom: 76px;
	/*font-size: 1.1em;*/
}
/* ---------------- MAIN NAVIGATION QUICKJUMP ---------------- */
.quickjump
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.85em;
	background: #6865CC;
}
.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.current ul.L2 {
	display:block;
	border-right: 1px solid #CECECE;
	}
#lh_nav .L1 li .L2 li ul.L3 {
	display:none;
	}
#lh_nav .L1 li .L2 li.current ul.L3 {
	display:block;
	}
#lh_nav .L1 a:link, #lh_nav .L1 a:active, #lh_nav .L1 a:visited {
	display:block;
	/*height: 1.25em;*/
	margin:0;
	padding:5px;
	font-weight: bold;
	background: #B2B2E4 url(../gfx/VCgfx/nav-l1x.gif) repeat-x;
	color: #434182;
	font-size: 0.85em;
	border-top: 1px solid #FFFFFF;
	}
#lh_nav .L1 a:hover {
	color: #FFFFFF;
	background: #FF6C0A;
	background-image: none;
	text-decoration: none;
	}
#lh_nav .L1 li.current a, #lh_nav .L1 li.current a:link,#lh_nav .L1 li.current a:active,#lh_nav .L1 li.current a:visited {
	color: #FFFFFF;
	background: #6865CC;
	background-image: none;
	}
#lh_nav .L1 li .L2 li a:link, 
#lh_nav .L1 li .L2 li a:active,
#lh_nav .L1 li .L2 li a:visited {
	background: #F0F0F0;
	background-image: none;
	font-weight: normal;
	color: #666666;
	border-bottom: 1px solid #cecece;
	border-top: 1px solid #FFFFFF;
	padding: 4px 4px 4px 15px;
	margin: 0;
	}
#lh_nav .L1 li .L2 li a:hover {
	background: #FFFFFF;
	background-image: none;
	color: #FF6E0D;
	}
#lh_nav .L1 li .L2 li .L3 li a:link, 
#lh_nav .L1 li .L2 li .L3 li a:active,
#lh_nav .L1 li .L2 li .L3 li a:visited {
	padding: 3px 3px 3px 30px;
	border: none;
	font-weight: normal;
	margin: 0;
	background: #FFFFFF;
	height: 1em;
	}
#lh_nav .L1 li .L2 li .L3 li a:hover {
	text-decoration: underline;
	}
#lh_nav ul.L3 { padding-bottom: 5px; 	}
#lh_nav .L1 li .L2 li.current a, 
#lh_nav .L1 li .L2 li.current a:link,
#lh_nav .L1 li .L2 li.current a:active,
#lh_nav .L1 li .L2 li.current a:visited 
#lh_nav .L1 li .L2 li .L3 li.current a, 
#lh_nav .L1 li .L2 li .L3 li.current a:link,
#lh_nav .L1 li .L2 li .L3 li.current a:active,
#lh_nav .L1 li .L2 li .L3 li.current a:visited {
	font-weight: bold;
	}
	
/* ---------------- RIGHT COLUMN STYLING ---------------- */
#browse_title
{
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1.1em;
	font-family: "Trebuchet MS";
	font-weight: bold;
	background: #c3021f url(../gfx/VCgfx/title_browse.gif) no-repeat;
	margin: 0;
	padding: 3px 0px 3px 5px;
	height: 1.25em;
}
#orderpad_right h2 {
	color: #FFFFFF;
	text-transform: uppercase;
	font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 15px 0 0;
	padding: 3px 0px 3px 30px;
	background:#969696 none repeat scroll 0% 50%;
	}
#right h2
{
	color: #FFFFFF;
	text-transform: uppercase;
	font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0 0;
	padding: 3px 0px 3px 7px;
}
#salesrep_title,
#AC_status_title,
#login_title,
#basket_title,
#links_title { background: #969696; }
#salesrep_panel,
#AC_status_panel,
#login_panel,
#basket_panel,
#links_panel,
#orderpadbasket_panel,
#deliveryaddress_panel,
#deliverydate_panel
{
	padding: 5px 5px 10px;
	border-bottom: 1px solid #969696;
	border-left: 1px solid #969696;
	margin-bottom: 15px;
	background: #F2F2F2;
}
#salesrep_panel .centrepanel,
#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;
}
.input_D
{
	font-size: 1em;
	width: 190px;
}

form .button,
.greyed_button { font-size:1em; }
.greyed_button { color: #999999; }
form
{
	margin:0;
	padding:0;
}
/* ---------------- CENTRAL SECTION ---------------- */
.breadcrumb
{
	color: #666666;
	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: 18px; /*adjust bullet image padding*/
}
.breadcrumb span
{
	background: transparent url(../gfx/VCgfx/breadcrumb.gif) no-repeat right center;
	text-decoration: none;
	padding-right: 18px; /*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 "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	border-bottom: 1px solid #D1D3D1;
}
#centre h3
{
	margin: 0px 0px 10px;
	padding: 13px 0px 5px;
	font: bold 1.15em "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	border-bottom: 1px solid #D1D3D1;
}
#centre h4
{
	font: bold 1em "Trebuchet MS", 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:url(../gfx/VCgfx/borderleft.gif) top left no-repeat;
	float: left;
	width: 98%;
}
#centre .paneldual
{
	xwidth: 5%;
	xmargin-right: 15px;
}
#centre .panel .top
{
	background:url(../gfx/VCgfx/borderright.gif) top right no-repeat;
	margin:0;
	padding:0px;
	height: 12px;
}
#centre .panel .body
{
	xmargin:0 0 0 -11px;
	padding:0px 11px 0px 0px;
	background:#fff;
	border-right: 1px solid #CECECE;
	xborder-left: 1px solid #006AB3;
}
#centre .panel .foot
{
	margin:0 0 0 -11px;
	padding-left:11px;
	background:url(../gfx/VCgfx/borderleft.gif) bottom left no-repeat;
	height: 11px;
}
#centre .panel .footend
{
	padding:0;
	background:url(../gfx/VCgfx/borderright.gif) bottom right no-repeat;
	margin: 0px;
	height: 11px;
}
#centre .stampproductgroupwrapperleftcol
{
	width: 49%;
	margin: 0px 7px 10px 0px;
	xpadding: 0px 7px 10px 0px;
	float: left;
}
#centre .stampproductgroupwrapperrightcol
{
	width: 49%;
	margin: 0px 0px 10px 7px;
	xpadding: 0px 0px 10px 7px;
	float: left;
}
#centre .stampproductgroup,
.stampproductgroup2 { border-bottom: 1px solid #D1D3D1; }
#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:50px; }
#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 .stamp .link
{
	text-align: right;
	margin: 0px;
	padding: 10px 0px 0px 90px;
}

#centre .panel .link 
{
	text-align: right;
	border-right: solid 1px #CECECE;
	padding-right: 10px;
}

#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; }
/* ---------------- TABLES ---------------- */

/* ---------------- TABLES - GLOBAL TYPE 1 ---------------- */
.tabletype1
{
	margin: 0px 0px 15px;
	padding: 0px;
	width: 98%;
}
.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: url(../gfx/VCgfx/productlistshadowx.gif) repeat-x; }
.tabletype1 td
{
	margin: 0px;
	padding: 3px;
	border-bottom: 1px solid #C0C0C0;
}
.tabletype1 th
{
	margin: 0px;
	padding: 3px;
	border-top: 1px solid #C0C0C0;
	background: #969696;
	background-image: none;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
}
.tabletype1 .empty
{
	background: 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(../gfx/VCgfx/basiclistshadow.gif) repeat-x; }
.tabletype3 td
{
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid #dddddd;
}
.tabletype3 th
{
	margin: 0px;
	padding: 3px;
	border-top: 1px solid #C0C0C0;
	background: #006AB3;
	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;
	border-bottom: 1px dashed #FF6C0A
}
.tabletype4 table .structure
{
	font-size: 1em;
	border: none;
}
.tabletype4 tr { background: url(../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: #006AB3;
	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 ---------------- */										
#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(../gfx/VCgfx/bsvalteredcell.gif) repeat-x;
	border-bottom: 1px solid #C0C0C0;
}
.tabletype1 tr.bsvnewline
{
	background: #BCDDEC url(../gfx/VCgfx/bsvnewline.gif) repeat-x;
	border-bottom: 1px solid #C0C0C0;
}
.tabletype1 tr.bsvdeletedline
{
	background: #F6D0DF url(../gfx/VCgfx/bsvdeletedline.gif) repeat-x;
	border-bottom: 1px solid #C0C0C0;
}
.tabletype1 tr td.bsvnewline
{
	background: #BCDDEC url(../gfx/VCgfx/bsvnewline.gif) repeat-x;
	border-bottom: 1px solid #C0C0C0;
}
.tabletype1 tr td.bsvdeletedline
{
	background: #F6D0DF url(../gfx/VCgfx/bsvdeletedline.gif) repeat-x;
	border-bottom: 1px solid #C0C0C0;
}
.tabletype1 tr td.empty
{
	background-image: none;
	border: none;
}
/* ---------------- 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 60px 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 60px 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;
	padding-top: 20px;
	width: 100%;
	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: none; }
#centre .itemform td.itemline
{
	text-align: right;
	th: 30%;
	color: #7B7D7C;
	font-weight: normal;
	background: url(../gfx/VCgfx/basiclistshadow.gif) repeat-x;
	vertical-align: top;
}
#centre .itemform td.itemfield
{
	text-align: left;
	width: 70%;
	font-weight: bold;
	color: #000000;
	background: url(../gfx/VCgfx/basiclistshadowout.gif) no-repeat;
	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: 280px;
	height: 45px;
	display: block;
	color: #FFFFFF;
	font-size: 1.5em;
	text-align: center;
	padding-top: 17px;
	margin: 5px;
}
.home, .bus
{
	color: #FFFFFF;
	background-color: #B2B2E4;
}
a.home:hover, a.bus:hover
{
	color: #FFFFFF;
	background-color: #6865CC;
}

.prereglogin
{
	background-image: url('../gfx/VCgfx/login_full.gif');
	padding-left: 10px;
	padding-top: 3px;
	height: 22px;
	width: 270px;
	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;
}
#FrontLogin .FrontLoginattract
{
	float:left;
	width:290px;
	margin-top: 50px;
}
#FrontLogin .FrontLoginattract .logo
{
	float: none;
	height: 40px;
	width: 285px;
	background: url(../gfx/VCgfx/logoSmall.gif) no-repeat;
}
#FrontLogin .FrontLoginattract p
{
	line-height: 1.5em;
	font-size: 0.9em;
	color: #999999;
}
#FrontLogin .FrontLoginattract ul
{
	margin: 0.25em 0px 0px;
	color: #999999;
	font-size: 0.9em;
}
#FrontLogin .FrontLoginpanel
{
	float: right;
	width: 360px;
	background: #E4E4F5 url(../gfx/VCgfx/login-pane.gif) no-repeat;
	padding: 50px 35px;
}
#FrontLogin .FrontLoginpanel .LoginTitle { width: 90px; }
#FrontLogin .FrontLoginpanel .boxstyle
{
	border: 1px solid #456FC1;
	width: 260px;
	margin-bottom: 3px;
	background: #FFFFFF;
}
#orderpad_content{
	width:100%;
}

#orderpad_nav {
	margin: 5px 0px;
	padding: 0px;
	text-align: right;
	}
#orderpad_main h1{
	border-bottom:1px solid #D1D3D1;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.5em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin:0px 0px 10px;
	padding:3px 0px 5px;
}


#orderpad_nav a {
	margin: 0px 2px;
	padding: 0px;
	}
#orderpad_nav 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 60px 4px;
	}
#orderpad_nav span.nextinactive {
	margin: 0px 0px 0px 25px;
	padding: 0px 14px 0px 0px;
	color: #7b7d7c;
	background: url(../gfx/VCgfx/button_sml.gif) no-repeat 60px 4px;
	}
#orderpad_nav 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;
	}
#orderpad_nav a.previous {
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 0px 14px;
	background: url(../gfx/VCgfx/button_lft_sml.gif) no-repeat 1px 4px;
}
#orderpad_nav span.current {
	margin: 0px 2px;
	padding: 0px 3px;
	xbackground-color: #f2f2f2;
	border: 1px solid #7F9DB9;
	color: #ff6e0d;
	font-weight: bold;
}


#deliveryaddress_panel .addressitem{
	border-top:1px solid #DDDDDD;
	margin 3px; 5px;


}
#deliveryaddress_panel .title {
	xwidth: 75px;
	float: left;
	margin: 0px 5px 3px 0px;
	width:75px;
	height:100%;
	padding: 0px;
	font-size: .9em;
	text-align: right;
	} 
#deliveryaddress_panel .item {
	font-weight: bold;
	margin: 3px 9px 3px 90px;
	padding: 0px;
	font-size: 0.9em;
	text-align: left;
}
.day_highlight
{
	border:1px solid #4BB0F8;
	font-weight: bold;
}

.orderband {
	/* border-top: 1px solid #DDDDDD; */
	padding: 1px 1px 1px 1px;
}

.orderbandborder {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	padding: 2px 5px 0px 2px;
	margin: 2px 2px 2px 2px;
}

.progressbar {
	width: 100%;
	height: 17px;
	padding: 10px 0px 0px 0px;
	margin: 1px 0px 1px 0px;

}

.progressbar label {
	float: left;
	height: 15px;
	text-align: middle;

	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;

	font-size: 12px;
	width: 55px;
}

.progressbar .bar {
	width: 91px;
	font-size: 9px;
	height: 13px;
	border-top: 1px solid #00ACEA;
	border-bottom: 1px solid #006AED;
	border-left: 1px solid #00ACEA;
	border-right: 1px solid #006AED;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	background-color: #008EE0;
}

.progressbar .progress {
	width: 40px;
	background-color: #FF6E0D;
	border-top: 1px solid #FFB326;
	border-bottom: 1px solid #FF4F0F;
	border-left: 1px solid #FFB326;
	border-right: 1px solid #FF4F0F;
}

.progressbar .bar .progresspoint {
	position: absolute;
	z-index: 99;
	color: #008EE0;
}

.progressbar .bar .progressmarker {
	position: absolute;
	z-index: 99;
	background-color: #008EE0;
	width: 1px;
	height: 3px;	
}

.newline {
	xclear:both;
	margin: 0px 0px 10px 0px;
}

#orderpad_content table td {
	text-align: center;
}

#orderpad_content .descr 
{
	text-align:left;
}

#AC_status_title, #AC_status_panel {
	display: none;
	visability: hidden;
}



#salesrep_panel .salesrep {
	margin: 0px 0px 0px;
	padding: 0pt 0px 10px 0px;
	font-size:0.90em;
	font-weight: bold;
}

#salesrep_panel .itemline {
	text-align: right;
	th: 30%;
	color: #7B7D7C;
	font-weight: normal;
	background: url(../gfx/VCgfx/basiclistshadow.gif) repeat-x;
	vertical-align: top;	

	}

#salesrep_panel .itemfield {
	text-align: left;
	th: 30%;
	color: #7B7D7C;
	font-weight: bold;
	background: url(../gfx/VCgfx/basiclistshadow.gif) repeat-x;
	vertical-align: top;	

	}

#offline {
	background: #D53E12;
	border-bottom:5px solid #B51E00;
	color:#FFF;
	padding:5px 0;
	margin-bottom:10px;
	text-align:center;
}
