/* CSS Document */
/*divs inside #center do not specify width: these have relative positioning but their nested divs are absolutely positioned*/

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

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


body { 
	margin:0; 
	padding:0;
	background:#FFFFFF; 
	font-family:Tahoma, Verdana, 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 {
	font-family: tahoma, Verdana;
	font-size: 12px;
	}

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

#header_container { 
	position:relative; 
	height:136px; 
	background: url(../images/logo_bg.jpg) top left no-repeat;
	margin:0 auto;
	width:980px;
	}
#header_container h1 {
	text-indent:-3200px; 
	background: url(../images/logo.gif) no-repeat 160px 20px; 
	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;}

/* Redundant */
#left, #center, #right, #SOWrap {overflow:visible; position:relative;  }
/* /Redundant */

#SOWrap {float:left; margin:0 -1px 0 0; width:100%; z-index:3;}
#center {float:right; margin:0 0 0 1px; width:100%; z-index:5; line-height: 15px; }
#left {float:left; width:180px; margin:0 1px 0 -201px; padding:0 10px; z-index:4; }
#right {float:right; width:180px; margin:0 -201px 0 1px; padding:0 10px; z-index:2;}



#opd_container {
	zoom: 1;
	position:relative;
	width: 980px;
	z-index: 2;
	margin:20px auto 0;
}
#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;
	z-index: 10;

}
#opd_right {
	width: 180px;
	float: right;
	padding: 0 0 0 0;
}
* html #opd_center {
	padding: 0 190px 0 190px
	}


#banner_top {text-align:center; background:#000; margin: 0 0 10px 0;}
#banner_top_warning {
	text-align:center;
	margin: 0 0 10px 0;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
}
#banner_top_warning a {
	color:#FFF;
	text-decoration: none;
}

#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:350px; 
	color:#FFFFFF; }
#topNavWrap span {color:#58802f;}
#topNavWrap h3 {color:#333333;}
#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:block; 
	height:124px; 
	width:119px; 
	position:absolute; 
	top:-19px; 
	right:0; 
	 }

#mainNav {
	width:100%; 
	text-align:center; 
	background:#fff url(../images/purple_rep.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 #58802f; 
	text-align:center; 
	
	border-right:1px solid #58802f;
	margin:0; 
	padding:0 0 0 0; 
	text-align: center;
	}
.checkoutWrap a { 
	margin: 0 auto; 
	color:#FFFFFF; 
	text-decoration:none; 
	display: block; 
	line-height: 21px; 
	width: 102px; 
	height: 24px; 
	background: url(../images/check_out.jpg) no-repeat;
	font-weight: bold;
	font-size: 11px;
	padding: 0px;
	}
.checkoutWrap a:hover {text-decoration:underline;}



#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:#666666; }
/*Needed?*/
.nav ul img a:hover {background:none;}
/*/Needed?*/
.nav ul li {background:url(../images/greenDots.gif) repeat-x top left; border-right:#58802f 1px solid; border-left:#58802f 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:#dde7cf url(../images/greater-than.gif) no-repeat 4px 50%; padding:3px 0 3px 12px;}
.nav ul li.menu-entry a:hover {background:#58802f 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 */
/*Original - changed 05/03/10*/
/*.vatForm input {float:right; display:block; margin:-13px 28px 10px 0;}*/
.vatForm input {float:right; display:block; margin: 0 70px 0 0;}
.vatForm br {display: none;}

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

/****************PRODUCT.ASP**************************/
.productWrap {border:2px solid #000; border-top-width:1px;  margin:0 0 20px 0; }
.productWrap h3 {color:#fff; height:31px; line-height:31px; background:url(../images/title-bg-repeat.jpg) repeat-x top center; display:block; margin:0 0 10px 0; font-family:tahoma, verdana, arial, sans-serif; font-size:1.1em;}
.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*****************************/
.catalogueWrap {min-width:170px; max-width:300px; height:160px; border:2px solid #000; border-top-width:1px; margin:0 10px 10px 0; background:#fff;}
.catalogueWrap img {width:120px;}
.catalogueWrap h3 {display:block; background:url(../images/title-bg-repeat.jpg) repeat-x top center; font-size:1.2em; font-family:tahoma, verdana,arial,  sans-serif; color:#000; padding:2px; font-weight:normal; height:31px; line-height:23px;}
.catalogueWrap h3 a { color:#fff; 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; font-weight:bold;}
.shade-background {background-color:#dde7cf;}

.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 {
	display: none;
	}
	
/* Breadcrumb */

.AXISTableText #breadcrumb {
	margin: 0 0 10px 0;
	}
	
/*The demonstration popup*/
/*The overlay that displays behind the popup*/
#popupConfirmationOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #000000;
	display: none;
	z-index: 9;
}
/*The popup itself*/
#popupConfirmationContainer {
	position: absolute;
	width: 800px;
	display: none;
	z-index: 10;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
/*The popup message text*/
#popupConfirmationMessage {
	padding: 20px 20px 10px;
	background-color: #FFFFFF;
	text-align: justify;
}
/*The red warning text*/
.warningMessage {
	color: #FFF;
	font-size: 18px;
	text-align: center;
	background-color: #F00;
	padding-top: 5px;
	padding-bottom: 5px;
}
/*The list containing the buttons in the popup*/
#popupConfirmationButtonList {
	list-style-type: none;
	margin: 0 auto 20px;
	width: 580px;
	height: 24px;
}
/*The list items*/
#popupConfirmationButtonList li {
	width: 270px;
	height: 24px;
	padding: 0 10px;
	float: left;
}
/*Contains a list of recommended sites shown if the users selected yes*/
#popupSiteSuggestions {
	display: none;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	display: none;
	margin: 0 20px 20px;
	padding: 5px;
	color: #666666;
}
/*The list containing the recommended sites*/
#popupSiteSuggestionsList {
	list-style-type: none;
	height: 100px;
}
/*The list items in popupSiteSuggestionsList*/
#popupSiteSuggestionsList li {
	margin: 0;
	float: left;
	width: 185px;
	height: 20px;
}
/*The links in the list containing the recommended sites*/
#popupSiteSuggestionsList a {
	color: #000000;
}
/*The links (hovered) in the list containing the recommended sites*/
#popupSiteSuggestionsList a:hover {
	color: #666666;
}
/*The yes and no buttons in the popup itself*/
#popupConfirmationButtonList a {
	display: block;
	width: 270px;
	height: 24px;
	line-height: 24px;
	background: url(../images/popup.png) center center no-repeat;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
/*The yes and no buttons in their hover states*/
#popupConfirmationButtonList a:hover {
	background: url(../images/popup.png) center center no-repeat;
}