/* 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:130px;   /* height of the main page from the top, ex black bar */
	background: url(../images/TonerNinjaLogo.gif) top left no-repeat;
	margin: 0 0 10px 0;
	}
#header_container h1 {
	text-indent:-3200px; 
/*	background: url(../images/logo.gif) no-repeat 160px 20px;  */
	display:block; 
	width: 490px;   /* Size of logo space */
	height:129px;   /* Size of logo space */
	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: absolute;
	width: 100%;
	z-index: 2;
	
}
#opd_center {
	position:absolute;
	top: 0px;
	left: 190px;  /*distance from left edge of screen*/
	margin: 0 180px 0 -190px; /* -190 distance from left edge of main */
	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 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: #0f0f0f;}
#footer img {margin-top:5px;}
#footer a {color: #999999 text-decoration:underline;}
#footer a:hover { color:#000000; }

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

#topNavWrap {     /* Bar in top right - home/login/help/contact */
	z-index:7;
	display:block; 
	line-height:24px; /* vertical positioning of text within bar */
	position:absolute; 
	top:20px;  /* vertical positioning  of bar */
	right:0;  
	height:25px;  /*height of bar*/
	padding:0 0 0 15px; 
	margin: 0; 
	background:#000000 url(../images/top_nav_bar.jpg) no-repeat 0 -20px; 
	width:300px;  /* Width of bar */
	color:#FFFFFF; }
#topNavWrap span {color:#000000;}
#topNavWrap h3 {color:#333333;}  /* Text colour */
#topNavWrap a {color:#FFFFFF; text-decoration:none; font-weight:bold;}
#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:5px;  /* height in bar and white space above */
	}
#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 #000000; 
	text-align:center; 
	
	border-right:1px solid #000000;
	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;}

.mynav {border-right:#000000 1px solid; border-left:#000000 1px solid;}
.nav {display:block; width:170px; margin:0 0 10px 0; color:#000000; background-color:#ffffff;}  /* nav box background & text colour */
.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.gif) 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;} /* link text */
.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 of the rows */
	height: 25px;   /* height of the rows */
	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:#000000 1px solid; border-left:#000000 1px solid; }  /* left and right of nav boxes */
.nav ul li.first {background:none; padding: 3px 0 3px 5px;}
.nav .endNav { background:url(../images/bottomtab.gif) no-repeat bottom left; height:8px;}
.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 */

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

/*-----------------------------------------------------------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 {

	}
	
/* Breadcrumb */

.AXISTableText #breadcrumb {
	margin: 0 0 10px 0;
	}