/* CSS Document */

/************************************main styles**********************************************/

* {
	padding: 0px;
	margin: 0px;
	
}


body { 
	margin:0; 
	padding:0;
	background:#FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	}

h1 {font-size: 18px; margin: 0 0 10px 0;}
h2 { font-size:1.5em; }
h3 { font-size:18px; }
h4 { font-size:12px; margin:0;}
h5 {}
h6 {}
h7 {}
h8 { font-size: 36px; }
p {margin: 0 0 10px 0;}

br {
	height: 10px;
	margin: 0px;
	line-height: 1px;
	}

input, textarea, button {
	font-family: arial;
	font-size: 11px;
	}
button {
	cursor: pointer;
	}

/******************************container styles****************************/

div.back_crop {
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	}
div.back_crop div#back_grad {
	width: 1066px;
	height: 877px;
	background: url(../images/back_shade.gif) 1px 0px no-repeat #FFFFFF;
	position: absolute;
	z-index: 0;
	left: 50%;
	margin:0 0 0 -533px;
	}

div#outer_container {
	width: 980px;
	margin: 0 auto;
	z-index: 2;
	position:relative;
	}

#header_container { 
	position:relative; 
	height:136px; 
	margin: 0 0 10px 0;
	background: url(../images/logo.gif) no-repeat -4px -30px;
	z-index: 5;
	}
#header_container h1 {
	text-indent:-3200px; 
	 
	display:block; 
	width: 610px; 
	height:92px; 
	margin: 0px;
	}
#header_container .title {display:none;}

#container {padding:0 201px; position:relative; border: 0px dotted #FF5500;}
#inner_container {margin: 0 0 10px 0; border: 1px solid #00ff00;}

#opd_container {
	zoom: 1;
	position: relative;
	width: 980px;
	z-index: 1;
}
#opd_center {
	position:absolute;
	top: 0px;
	left: 190px;
	margin: 0 180px 0 -190px;
	padding: 0 10px 0 190px;
	right: 0px;
	z-index: 1;
	height: 100%;
	
}
#opd_left {
	width: 180px;
	float: left;
	padding: 0 0 0 10px;
	position: relative;
	z-index: 6;
}
#opd_right {
	width: 180px;
	float: right;
	padding: 0 0 0 0;
}
* html #opd_center {
	padding: 0 190px 0 190px
	}

/* Content Formatting */

div#opd_center p {
	margin: 0 0 10px 0;
	}
div#opd_center a {
	color: #E88B00;
	}
div#opd_center br {
	margin: 0 0 5px 0;
	}
div#footer a {
	color: #CCAFDC;
	}

#banner_top {text-align:center; background:#000; margin: 0 0 10px 0;}
#banner_top img {width:550px;}

#banner_adWrap img {margin:0 0 10px 0;}

#footer {text-align:center; border-top: 1px solid #EFE2F3; padding:5px 0; width:100%; position: relative; margin: 50px 0 0 0; font-size: 10px; color: #CCAFDC;}
#footer img {margin-top:5px;}
#footer a {color: #CFB8DC; text-decoration:underline;}
#footer a:hover { color:#FFCC00; }

/*----------------------------------------------------- MAIN NAVIGATION --------------------------------------------------------*/

#topNavWrap {
	z-index:7;
	display:block; 
	line-height:24px; 
	position:absolute; 
	top:20px; 
	right:0;  
	height:25px;  
	padding:0 0 0 15px; 
	margin: 0; 
	background:#545C88 url(../images/top_nav_bar.jpg) no-repeat 0 -20px; 
	width:230px; 
	color:#FFFFFF; }
#topNavWrap span {color:#E88B00;}
#topNavWrap h3 {color:#333333; line-height: 18px;}
#topNavWrap a {color:#FFFFFF; text-decoration:none;}
#topNavWrap a:hover {color:#FFFFFF; text-decoration:underline;}


#topNav {
	background: url(../images/operator.jpg) no-repeat top right;
	z-index:8;
	display:none; 
	height:124px; 
	width:119px; 
	position:absolute; 
	top:-19px; 
	right:0; 
	 }

#mainNav {
	width:100%; 
	text-align:center; 
	background:#fff url(../images/purple_rep2.jpg) repeat-x bottom left; 
	height:44px; 
	}
#mainNav ul {
	padding:0 0 0 10px; 
	list-style:none; 
	float:left; 
	height:33px;
	}
#mainNav ul li {
	float:left;
	}
#mainNav ul a {
	font-size: 12px; 
	font-weight:bold; 
	margin:0 5px 0 0; 
	display:block; 
	background:url(../images/orangetab.jpg) no-repeat bottom left; 
	width:116px; 
	height:28px; 
	padding:5px 0 0 0; 
	line-height:28px; 
	text-decoration:none; 
	color:#FFFFFF;
	}
#mainNav ul a.selected { 
	background:url(../images/purpletab.jpg) no-repeat bottom left; 
	height:33px; 
	width:116px; 
	padding:0; 
	line-height:33px;
	}

.checkoutWrap { 
	width:168px; 
	height: 44px; 
	display:block; 
	border-left:1px solid #585858; 
	text-align:center; 
	
	border-right:1px solid #585858;
	margin:0; 
	padding:0 0 0 0; 
	text-align: center;
	}
a.checkout_link { 
	margin: 0 auto; 
	color: #666666; 
	text-decoration: none; 
	display: block; 
	line-height: 21px; 
	width: 95px; 
	height: 23px; 
	background: url(../images/check_out.jpg) no-repeat;
	font-weight: normal;
	font-size: 11px;
	padding: 0px;
	}
.checkoutWrap a:hover {text-decoration:underline;}


/** Not Logged in **/

.nav#basket_not_logged_in h4, .nav#show_not_logged_in h4 { background:url(../images/greentab_half.jpg) no-repeat top left; }
.nav#basket_not_logged_in ul li, .nav#show_not_logged_in ul li { border-right:#C0C0C0 1px solid; border-left:#C0C0C0 1px solid; }
.nav#basket_not_logged_in .checkoutWrap { border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; }
.nav#basket_not_logged_in .checkoutWrap span { 
	margin: 0 auto; 
	color: #C0C0C0; 
	text-decoration: none; 
	display: block; 
	line-height: 21px; 
	width: 95px; 
	height: 23px; 
	background: url(../images/check_out.jpg) no-repeat;
	font-weight: normal;
	font-size: 11px;
	padding: 0px;
	cursor: default;
	}
.nav#basket_not_logged_in .checkoutWrap img {
	opacity: .5;
	}
.nav#basket_not_logged_in .endNav, .nav#show_not_logged_in .endNav {
	background: url(../images/bottomtab_half.jpg) no-repeat bottom left;
	}
.nav#basket_not_logged_in {
	color: #C0C0C0;
	}
.nav#show_not_logged_in {
	color: #C0C0C0;
	}
.nav#show_not_logged_in input {
	opacity: .4;
	}
	
.nav .nav_content {
	width: 164px; 
	height: 44px; 
	display:block; 
	border-left:1px solid #585858; 
	border-right:1px solid #585858;
	padding: 5px 2px 2px;
	text-align: center;
	font-size: 11px;
	}
.nav .nav_content p {
	margin: 0 0 5px 0;
	}
#indexWrap {display:block; float:left; width:100%; height:120px;  min-width:590px; overflow:hidden; margin:30px 0 0 0;}
#indexWrap img {margin:0 6.5%;}
#indexWrap_l {display:block; float:left; width:40%; height:99px;  overflow:hidden; margin:30px 0 0 0; background:url(../images/AXIS2006_web.gif) no-repeat center center;}
#indexWrap_r {display:block; float:right; width:40%; height:99px; overflow:hidden; margin:30px 0 0 0; background:url(../images/AXISVMerchant_web.gif) no-repeat center center;}

#chooseSupplier {	text-align:center;	border:none;    display:block;    height:100%;	padding:0 5px 5px 5px;	margin:0;	background-color: #dde7cf;}
#chooseSupplier p {position:relative; display:block; float:left;}
#chooseSupplier form {padding-left:100px;}
#chooseSupplier label {float:left; width:10em; }
#chooseSupplier input { width:auto;}

/*******************************************pages-wide classes***************************************/
.clear { clear:both;}
.fright {float:right;}
.fleft {float:left;}

.nav {display:block; width:170px; margin:0 0 10px 0; color:#000000;}
.nav .input {width:128px; height: 16px; vertical-align: middle; line-height: 13px;}
.nav .go { height: 21px; vertical-align: middle; padding: 0 0 14px 0;}
.nav h4 {color:#FFFFFF; font-weight:bold; display:block; background:url(../images/greentab.jpg) no-repeat top left; height:29px; line-height:29px; text-align:center; }
.nav ul { list-style:none; font-size: 11px;}
.nav ul a { line-height: 14px; color:#000000;  text-decoration:none;display:block; padding:3px 0 3px 5px;}
.nav form, .nav table { margin: 0 0 0 0px; padding: 0 0 0 0;}
.nav form {
	width: 160px;
	}
.nav .incspan {
	display: block;
	width: 160px;
	height: 20px;
	padding: 0;
	margin: 0;
	}
.nav ul a:hover { text-decoration:none; color:#FFFFFF; background:#354175; }
/*Needed?*/
.nav ul img a:hover {background:none;}
/*/Needed?*/
.nav ul li {background:url(../images/greenDots.gif) repeat-x top left; border-right:#585858 1px solid; border-left:#585858 1px solid; }
.nav ul li.first {background:none; padding: 3px 0 3px 5px;}
.nav .endNav { background:url(../images/bottomtab.jpg) no-repeat bottom left; height:16px;}
.nav ul#no-hover li.first a:hover {background:none; color:#000000;}

.nav ul li.menu-entry a {background:#EDEDED url(../images/greater-than.gif) no-repeat 4px 50%; padding:3px 0 3px 12px;}
.nav ul li.menu-entry a:hover {background:#A6A6A6 url(../images/greater-than.gif) no-repeat 4px 50%; padding:3px 0 3px 12px;}



/* Redundant - Kept in for backwards compatibility */

.nav_p {display:block; width:170px; margin:0 0 1em 0; padding:0 0 5px 0; color:#000; font-size:0.9em; }
.nav_p h4 {color:#fff; font-weight:bold; display:block; margin:0 0 -1px 0; padding:0; background:url(../images/purpleTab-big.png) no-repeat top left; height:29px; line-height:29px; text-align:center;}
.nav_p ul { list-style:none; margin:0; padding:0;}
.nav_p ul a {color:#000;  text-decoration:none;display:block; }
.nav_p form, .nav_p table {padding: 0 0 3px 5px;}
.nav_p ul li { padding:5px ;border-right:#5b1583 1px solid;border-left:#5b1583 1px solid; }
.nav_p .endNav { background:url(../images/bottomTab-purple.png) no-repeat bottom left; height:16px;}

/* /Redundant - Kept in for backwards compatibility */

.vatForm input {float:right; display:block; /*margin:-13px 28px 10px 0;*/ margin: 0 28px 0 0;}

/*-----------------------------------------------------------fragments--------------------------------------------------*/

/** Index Printer Search **/

div#printer_search {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	margin: 0 0 10px 0;
	background: url(../images/search_back.jpg) center -26px no-repeat #FCFCFC;
	}
div#printer_search form {
	padding: 0 0 0 140px;
	}
div#printer_search form label {
	float: left;
	width: 100px;
	}
div#printer_search form p {
	margin: 0 0 10px 150px;
	}


/** Contact Variation **/

div.contact#printer_search {
	margin: 10px 0 0 0;
	}
div.contact#printer_search form {
	padding: 0 0 0 100px;
	}
div.contact#printer_search form label {
	float: left;
	width: 140px;
	}
div.contact#printer_search form p {
	margin: 0 0 10px 150px;
	}
div.contact#printer_search form p input,
div.contact#printer_search form p textarea {
	width: 200px;
	}
	
div#printer_search form p select {
	font-family: arial;
	padding: 2px;
	border-top: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
	}
div#printer_search form p input {
	padding: 2px;
	width: 170px;
	}
div#printer_search form p input.checkbox {
	padding: 0;
	width: 16px;
	}
div#printer_search form p button {
	width: 110px;
	height: 23px;
	border: 0;
	background: url(../images/button_back.gif) no-repeat;
	text-align: center;
	padding: 0 0 3px 0;
	}

/* Product By Group */

div.productbygroup table.product_list_display, div#statement.productbygroup table {
	border: 1px solid #C0C0C0;
	margin: 10px 0;
	}
div.productbygroup table.product_list_display td, div#statement.productbygroup table td {
	padding: 5px;
	}
div#statement.productbygroup table tr.AXISTableHead {
	background: none;
	}
div#statement.productbygroup input {

	}

/* Product Information */

table.productWrap {

	}

table.productWrap div#product_buy_form {
	padding: 5px 0 5px 0;
	position: relative;
	}
table.productWrap div#product_buy_form input.AXISFieldText {
	position: absolute;
	top: 10px;
	}
table.productWrap div#product_buy_form img {
	margin: 0 0 0 35px;
	}

/* User Panel */	

div#history_order table.WBD_order_form {
	border: 1px solid #C0C0C0;
	margin: 10px 0;
	}
div#history_order table.WBD_order_form td {
	padding: 5px;
	}	
div#history_order table.WBD_order_form td.shade {
	background: none;
	}	
	
div#favourites table.WBD_order_form {
	border: 1px solid #C0C0C0;
	margin: 10px 0;
	position: relative;
	}
div#favourites table.WBD_order_form td {
	padding: 5px;
	}	
div#favourites table.WBD_order_form td form {
	position: relative;
	}
div#favourites table.WBD_order_form td.shade {
	background: none;
	}	
div#favourites table.WBD_order_form td.shade#right_cell_width {
	width: 120px;
	}
div#favourites table.WBD_order_form td input.AXISFieldText {
	position: absolute;
	top: 5px;
	left: 0px;
	}
	

	
/****************PRODUCT.ASP**************************/
.productWrap {border:1px solid #C0C0C0; margin:0 0 20px 0; }
.productWrap h3 {color:#666666; height: 27px; line-height:25px; font-size: 13px; background: #e9e9e9; display:block; margin:0 0 10px 0;}
.imgWrap {border:1px #ccc solid;  margin:0 10px 5px 10px; padding:5px; text-align:center;}
.infoWrap { text-align:left; margin:0 10px 0 0; }

/********************CATALOGUE.ASP*****************************/

div.catalogue {
	margin: 0 0 0 10px;
	}
.catalogueWrap {min-width:170px; max-width:300px; height:160px; border:1px solid #C0C0C0; border-top-width:1px; margin:0 10px 10px 0; background:#fff;}
.catalogueWrap img {width:120px;}
.catalogueWrap h3 {color:#666666; height: 27px; line-height:25px; font-size: 13px; background: none; display:block; margin:0 0 0 0;}
div#opd_center .catalogueWrap h3 a { color:#666666; text-decoration:none; }
.catalogueWrap h3 a:hover { text-decoration:underline; color:#fff;}

.saving {color:#5b1583; font-size:1.3em; font-weight:bold;}

#alternative-header-wrap {width:100%;}
#alternative-header-wrap h3 {text-align:center;font-size:1.1em;}

#alternative-header-left {float:left; width:50%;}

#alternative-header-right {float:right; }
#alternative-header-right img {}

p.group-entry { text-align:left;display:block;background:url(../images/bullet.gif) no-repeat center left;padding:0 7px; margin: 0; }

.AXISFieldText {width:30px;}

.shade {background-color:#dde7cf; padding:2px 5px;}


.separator { background:#cccccc; padding:2px 5px; font-weight:bold;}

.orderFormEntry { padding:3px;}

.clearer {
	border: 1px solid #FF00FF;
	height: 1px;
	line-height: 1px;
	clear: both;
	float: none;
	}
.undefined {
	
	}
	
/* Breadcrumb */

.AXISTableText #breadcrumb {
	padding: 0 0 10px 0;
	}
	
	
/* Checkout Pages */

div#opd_center .checkout_form .exclude_form {
	margin: 10px 0 10px 0;
	clear: left;
	padding: 5px;
	background: #E9E9E9;
	border:1px solid #C0C0C0;
	}

div#opd_center .checkout_summary {
	background: #E9E9E9;
	border:1px solid #C0C0C0;
	padding: 5px;	
	margin: 0 0 10px 0;
	color: #666666;
	font-weight: bold;
	}
div#opd_center .checkout_summary_sm {
	background: #E9E9E9;
	border:1px solid #C0C0C0;
	padding: 2px;	
	margin: 0 0 10px 0;
	color: #666666;
	font-weight: bold;
	}
div#opd_center .checkout_summary_sm .AXISTableText td {
	width: 154px;
	padding: 2px;
	}
div#opd_center .checkout_summary p,
div#opd_center .checkout_summary_sm p {
	margin: 0;
	}

div#opd_center .checkout_form .name_title {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	}
div#opd_center .checkout_form .title_indent {
	margin: 0 0 0 100px;
	display: block;
	}
div#opd_center .checkout_form .title_indent label {
	float: left;
	width: 150px;
	clear: none;
	}
div#opd_center .checkout_form .title_indent p {
	margin: 0 0 10px 160px;
	}
div#opd_center .checkout_form label {
	float: left;
	width: 250px;
	clear: both;
	}
div#opd_center .checkout_form p {
	margin: 0 0 10px 260px;
	text-align: left;
	line-height: 14px;
	}
div#opd_center .checkout_form p.text_hl {
	margin: 0 0 10px 0;
	border:1px dashed #C0C0C0;
	padding: 5px;
	}
div#opd_center #DispAdr p {
	margin: 0 0 10px 8px;
	}
div#opd_center .checkout_form .outline_form_area p {
	margin: 0 0 10px 10px;
	text-align: center;
	}
	
div#opd_center .checkout_form input,
div#opd_center .checkout_form textarea {
	width: 200px;
	padding: 2px;
	background: #E9E9E9;
	border:1px solid #C0C0C0;
	}
div#opd_center .checkout_form select {
	padding: 1px 2px 1px 2px; 
	background: #E9E9E9;
	border:1px solid #C0C0C0;
	margin: 0 3px 0 0;
	}
div#opd_center .checkout_form button {
	margin: 10px auto 0 auto;
	background: url(../images/button_back.gif) no-repeat;
	width: 110px;
	height: 23px;
	text-align: center;
	display: block;
	border: 0;
	color: #DFD5C2;
	padding: 0 0 4px 0;
	cursor: pointer;
	font-size: 11px;
	color: #333333;
	}
div#opd_center .checkout_form button#trade_counter {
	margin: 0;
	}
div#opd_center .checkout_form .small_text_input {
	width: 60px;
	}
div#opd_center .checkout_form #tandcconf,
div#opd_center .checkout_form input.small_element {
	width: 18px;
	}
div#opd_center .checkout_form .outline_form_area {
	padding: 10px 0 0 0;
	background: #E9E9E9;
	border:1px solid #C0C0C0;
	}
div#opd_center .checkout_form a {
	cursor:pointer;
	}
div#opd_center #display_none {
	display: none;
	text-align: center;
	padding: 5px 0 10px 0;
	border:1px solid #C0C0C0;
	}
div#opd_center .checkout_form .center_button {
	text-align: center;
	}

/** Checkout - Your Order Details **/

div#opd_center div.checkout_summary_sm#your_order {
	font-weight: normal;
	padding: 5px;
	}
div#opd_center div.checkout_summary_sm#your_order .AXISTableHead {
	color: #666666;
	}
div#opd_center #your_order {
	color: #666666;
	}



/* Toggle Address on Tradecashcheckout */

/** div#opd_center .checkout_form #sub_define label {
	color: #CCCCCC;
	}
div#opd_center .checkout_form #sub_define input.inactive_input {
	border: 1px solid #C0C0C0;
	background: #FFFFFF;
	}
div#opd_center .checkout_form #sub_account {
	color: #CCCCCC;
	}
div#opd_center .checkout_form #address_select {
	display: none;
	}
	
div#opd_center .checkout_form #delchoose {
	position: relative;
	display: block;
	height: 40px;
	}
div#opd_center .checkout_form #delchoose input {
	border: none;
	background: none;
	}
div#opd_center .checkout_form #delchoose label {
	display: block;
	height: 20px;
	line-height: 14px;
	margin: 0 0 0 20px;
	}
div#opd_center .checkout_form #delchoose input#deladr1 {
	position: absolute;
	top: 0px;
	left: 0px;
	}
div#opd_center .checkout_form #delchoose input#deladr2 {
	position: absolute;
	top: 20px;
	left: 0px;
	} **/
	


div#opd_center .checkout_form #delchoose {
	position: relative;
	display: block;
	height: 40px;
	}
div#opd_center .checkout_form #delchoose input {
	border: none;
	background: none;
	position: absolute;
	left: 0px
	}
div#opd_center .checkout_form #delchoose label {
	display: block;
	height: 20px;
	line-height: 14px;
	margin: 0 0 0 20px;
	}
div#opd_center .checkout_form #delchoose input#deladr1 {
	top: 0px;
	}
div#opd_center .checkout_form #delchoose input#deladr2 {
	top: 20px;
	}


div.opd_center div#address_selection div#DispAdr {
	margin: 0 0 10px 18px;
	}	
div#address_selection div#display_account_address select#PickAdr {
	margin: 0 0 10px 20px;
	}
div#address_selection div#display_account_address.deselect_this select#PickAdr {
	background: white;
	color: #CCCCCC;
	border: 1px solid #DEDEDE;
	}	
	
div#address_selection div#specify_address {
	display: none;
	}
div#address_selection div#display_account_address.deselect_this {
	color: #CCCCCC;
	}
div#address_selection div#no_specify_address input {
	border: 1px solid #DEDEDE;
	background: #FFFFFF;
	}
div#address_selection div#no_specify_address label {
	color: #CCCCCC;
	}
	
	
.sub_text {
	font-size: 11px;
	color: #C0C0C0;
	}
	
/* Shopping Basket */

div#basket table#submitOrderForm {
	border: 1px solid #C0C0C0;
	margin: 0 0 10px 0;	
	}
div#basket table#submitOrderForm td {
	padding: 5px;
	}
div#basket table#submitOrderForm td.shade, 
div#basket table#submitOrderForm td.shade-background {background-color: #e9e9e9;;}	

div.productbygroup#keywordsearch table.AXISTableText {
	
	}