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

/************************************main styles**********************************************/
body { margin:0; padding:0; min-width:960px; background:#fff; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:62.5%;color:#333;}

h1 {font-size:1.8em; line-height:1.2em; margin:0 auto auto auto;}
h2 { font-size:1.5em; }
h3 { font-size:1.3em;  margin:0 auto auto auto; line-height: 20px;}
h4 { font-size:1.2em; margin:0;}
p {} /*do not declare font size here*/

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

#container {padding:0 201px; position:relative; font-size:1.2em;}
#inner_container {border:1px solid #fff; border-width:0 1px; margin: -20px -1px 20px -1px; width:100%; display:block; position:relative; z-index:1; }

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

#SOWrap {
	float:left;
	margin:0 -1px 0 0;
	z-index:3;
}
#center {
	float:right;
	margin:0 0 0 1px;
	z-index:5;
}
.stopinherit {
	text-align:left;
	}
#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;}

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

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

#header_container { position:relative; height:100px; font-size:1.2em; padding: 0; margin:0 0 80px 0 ; }
* html #header_container {height:1%;} /*hack*/
#header_container h1 {text-indent:-3200px;background: url(../images/logo.jpg) top left no-repeat; top:0; left:0; z-index:6; display:block; height:100px;}
#header_container .title {padding:0 0 0 10%; margin:-120px 0 -8px 0;}

#header_container2 { background: url(../images/logo2.jpg) top left no-repeat; position:relative; height:100px; font-size:1.2em; padding: 0; margin:0 0 80px 0 ; text-align:right }
* html #header_container2 {height:1%;} /*hack*/
#header_container2 h1 {text-indent:-3200px;background: url(../images/logo2.jpg) top left no-repeat; top:0; left:0; z-index:6; display:block; height:100px;}
#header_container2 .title {padding:0 0 0 10%; margin:-120px 0 -8px 0;}


#footer {
	font-size:1.1em;
	text-align:center;
	background:#e8e8e8;
	color:#333;
	padding:5px 0;
	float:left;
	width:100%;
	position:relative;
	background-color: #e8e8e8#e8e8e8#e8e8e8;
}
#footer img {margin-top:5px;}
/*----------------------------------------------------- MAIN NAVIGATION --------------------------------------------------------*/

#topNavWrap {z-index:7;display:block; line-height:25px; position:absolute; top:20px; right:0;  height:25px;  padding:0 0 0 15px; margin: 0; background:#58802f url(../images/topNav-end.gif) no-repeat top left; width:350px; color:#fff; text-align:left; }
#topNavWrap span {color:#58802f;}
#topNavWrap h3 {
	color:#333;
	margin:0 0 0 -15px;
	padding:0 0 0 0;
	font-size:1.4em;
}
#topNavWrap a {color:#fff; text-decoration:none;}
#topNavWrap a:hover {color:#fff; text-decoration:underline;}

#topNav {
	background: url(../images/operator.png) no-repeat top right;
	z-index:8;
	display:block;
	height:130px;
	width:119px;
	position:absolute;
	top:-19px;
	right:0;
	padding:0;
	margin:0;
	background-image: url(../images/operator.gif);
}
.outside { width: 1024px;
}
.checkoutWrap { width:168px; display:block; height:35px; border-left:1px solid #58802f; text-align:center; line-height:35px; border-right:1px solid #58802f;margin:0; padding:0 0 5px 0; background:url(../images/checkout.png) no-repeat center center;}
.checkoutWrap a {color:white; text-decoration:none;}
.checkoutWrap a:hover {text-decoration:underline;}

#mainNav {padding:2px 0; margin:-4px 0 0 0; width:100%; text-align:center; float:left; background:#fff url(../images/purpleRepeat.gif) repeat-x bottom left; height:42px;}
#mainNav ul { margin:0; padding:0 0 0 10px; list-style:none; width:99%; float:left; height:33px;  }
#mainNav ul li {float:left;}
#mainNav ul a { float:left; outline:none; margin:0 5px 0 0; display:block; background:url(../images/orangeTab.png) no-repeat bottom left; width:116px; font-weight:bold; font-size:0.9em; height:28px; padding:5px 0 0 0; line-height:28px; text-decoration:none; color:#fff;}
#mainNav ul a.selected { outline:none;background:url(../images/purpTab.png) no-repeat bottom left; height:33px; width:116px; margin:0 5px 0 0; padding:0; line-height:33px;}

#mainNav2 {padding:2px 0; margin:95px 0 0 0; width:100%; text-align:center; float:left; background:#fff url(../images/purpleRepeat.gif) repeat-x bottom left; height:42px; }
#mainNav2 ul { margin:0; padding:0 0 0 10px; list-style:none; width:99%; float:left;  }
#mainNav2 ul li {float:left;}
#mainNav2 ul a { float:left; outline:none; margin:0 5px 0 0; display:block; background:url(../images/orangeTab.png) no-repeat bottom left; width:116px; font-weight:bold; font-size:0.9em; height:28px; padding:5px 0 0 0; line-height:28px; text-decoration:none; color:#fff;}
#mainNav2 ul a.selected { outline:none;background:url(../images/purpTab.png) no-repeat bottom left; height:33px; width:116px; margin:0 5px 0 0; padding:0; line-height:33px;}

#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 1em 0; padding:0 0 5px 0; color:#000; font-size:0.9em;}
.nav .input {width:100px;}
.nav h4 {color:#fff; font-weight:bold; display:block; margin:0 0 -1px 0; padding:0; background:url(../images/greenTab.png) no-repeat top left; height:29px; line-height:29px; text-align:center; font-size:small;}
.nav ul { list-style:none; margin:0; padding:0; text-align:left;}
.nav ul a {color:#000;  text-decoration:none;display:block; padding:0 0 3px 5px;}
.nav form, .nav table {padding: 0 0 3px 5px;}
.nav ul a:hover { text-decoration:none; color:white; background:#666; }
.nav ul img a:hover {background:none;}
.nav ul li {background:url(../images/greenDots.gif) repeat-x top left; padding:5px 0 0 0;border-right:#58802f 1px solid;border-left:#58802f 1px solid; }
.nav ul li.first {background:none;}
.nav .endNav { background:url(../images/bottomTab.png) no-repeat bottom left; height:16px;}
.nav ul#no-hover li.first a:hover {background:none; color:#000;}

.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;}


.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;}

.vatForm input {float:right; display:block; margin:-13px 28px 10px 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:13px;}
.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;}