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

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

* {
	padding: 0;
	margin: 0;
	}
	
#center table , #center table td {
	padding: 2px;
	}

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;}
h4 { font-size:1.2em; margin:0;}
p {} /*do not declare font size here*/

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

div#fixed_width {
	width: 980px; margin: 0 auto; border: 2px solid #12659C;
	}
	

/* Header Section (rewrite) */

div#header_section {
	height: 160px;
	font-size: 13px;

	}
div#header_section h1 {	
	float: left;
	}
div#header_section h1 img {	
	width: 318px;
	height: 110px;
	border: 0;
	}
ul#header_info {
	margin: 0 0 0 318px;
	display: block;
	padding: 30px 10px 0 0;
	list-style: none;
	}
ul#header_info li {
	text-align: right;
	}
ul#header_info li#hi_telephone {
	color: #12659C;
	font-size: 22px;
	margin: 0 0 5px 0;
	}
ul#header_info li#hi_delivery {
	color: #12659C;
	margin: 0 0 0 0;
	font-style: italic;
	}	
	
ul#header_nav {
	height: 30px;
	background: #12659C;
	color: #FFFFFF;
	clear: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	}
ul#header_nav a {
	color: #FFFFFF;
	text-decoration: none;
	}
ul#header_nav li {
	float: left;
	line-height: 28px;
	margin: 0;
	padding: 0 3px 0 0;
	}
ul#header_nav li#hn_quicksearch {
	float: right;
	padding: 3px 0 0 0;
	position: relative;
	width: 275px;
	}
ul#header_nav li#hn_quicksearch input#hn_search_input {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 233px;
	}
ul#header_nav li#hn_quicksearch input#hn_search_input_button {
	position: absolute;
	top: 2px;
	left: 237px;
	width: 30px;
	}
	
/* Index Modifications */

div#index_display {
	
	}
div#index_display p {
	margin: 0 0 10px 0;
	}
ul.rounded_field {
	width: 578px;
	list-style: none;
	margin: 0 0 10px 0;
	}
ul.rounded_field li.rounded_top {
	display: block;
	height: 10px;
	line-height: 1px;
	font-size: 1px;
	background: url(../images/rounded_top.gif) 0 0 no-repeat;
	}
ul.rounded_field li.rounded_content {
	background: url(../images/rounded_tile.gif) 0 0 repeat-y;
	padding: 0 10px;
	}
ul.rounded_field li.rounded_end {
	display: block;
	height: 10px;
	line-height: 1px;
	font-size: 1px;
	background: url(../images/rounded_end.gif) 0 0 no-repeat;
	}
	
/* Printer Search */

div#printer_search {
	height: 74px;
	border: 1px solid #89B2CE;
	background: url(../images/pw_back.gif) 0 0 repeat-x;
	padding: 10px 7px 0 10px;
	}
div#printer_search select {
	background: url(../images/pw_input_back.gif) repeat-x #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid;
	border-color: #2C2C2C #CACACA #CACACA #2C2C2C;
	}
div#printer_search p,
div#printer_search label {
	display: block;
	float: left;
	}
div#printer_search label {
	width: 100%;
	margin: 0 0 10px 0;
	}
div#printer_search span {
	clear: left;
	}
div#printer_search p#option1 {
	width: 132px;
	}
div#printer_search p#option2 {
	width: 134px;
	}
div#printer_search p#option3 {
	width: 242px;
	}
div#printer_search p#option3 select {
	min-width: 150px;
	width: auto !important;
	width: 150px;
	}
div#printer_search p#pos_right2 {
	width: 49px;
	padding: 18px 0 0 0;
	}
div#printer_search p#pos_right2 button {
	background: url(../images/pw_find.gif) 0 0 no-repeat;
	width: 49px;
	height: 27px;
	border: 0;
	cursor: pointer;
	}
div#printer_search p#pos_right2 button.inactive {
	background: url(../images/pw_find.gif) 0 0 no-repeat;
	width: 49px;
	height: 27px;
	border: 0;
	opacity: 0.5;
	cursor: auto;
	}
	
/* /printer search */
	
/* Featured Products*/

div#offer_display h5 {
	color: #12659C;
	font-size: 16px;
	font-weight: normal;
	border-bottom: 1px dotted #89B2CE;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	}

div#offer_display {
	width: 578px;
	overflow: hidden;
	padding: 10px 0 0 0;
	}
div#offer_clip {
	width: 600px;
	}
ul.fproduct {
	list-style: none;
	float: left;
	width: 180px;
	margin: 0 19px 0 0;
	text-align: center;
	color: #2772A4;
	font-size: 11px;
	border-bottom: 1px solid #DFDFDF;
	padding: 0 0 10px 0;
	}
ul.fproduct a {
	color: #2772A4;
	}
ul.fproduct li {
	display: block;
	}
ul.fproduct li.fproduct_img {
	padding: 10px 0;
	border: 1px solid #89B2CE;
	margin: 0 0 10px 0;
	}
ul.fproduct li.fproduct_img img {
	max-width: 108px;
	max-height: 108px;
	_width: expression(this.width > 108 ? 108: true);
	_height: expression(this.height > 108 ? 108: true);
	}
ul.fproduct li.fproduct_descr {
	min-height: 20px;
	height: auto !important;
	height: 20px;
	display: block;
	}
div#index_display ul.fproduct li.fproduct_descr p {
	margin: 0 0 5px 0;
	}
div#index_display ul.fproduct li.fproduct_descr p.f_p_ext {
	margin: 0 0 10px 0;
	}	
ul.fproduct li.fproduct_descr p strong {
	
	}
ul.fproduct li.fproduct_descr p a {
	font-size: 10px;
	}
.hl_red,
#container ul.fproduct li.fproduct_descr p div {
	color: #C62601;
	}
ul.fproduct li.fproduct_buy {
	position: relative;
	height: 30px;
	clear: left;
	
	}
ul.fproduct li.fproduct_buy input.AXISFieldText {
	background: url(../images/pw_input_back.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid;
	border-color: #2C2C2C #CACACA #CACACA #2C2C2C;
	padding: 2px;
	width: 30px;
	position: absolute;
	top: 10px;
	left: 50px;
	}
ul.fproduct li.fproduct_buy button {
	width: 39px;
	height: 19px;
	background: url(../images/buybutton.gif) 0 0 no-repeat;
	border: 0px none;
	padding: 0;
	position: absolute;
	top: 10px;
	right: 50px;
	cursor: pointer;
	}
div#offer_display span.clearer {
	display: block;
	clear: left;
	height: 20px;
	line-height: 1px;
	font-size: 1px;
	}
ul.fproduct .hl_red {
	padding: 0 0 10px 0;
	}
ul.fproduct .hl_red div {	
	width: 60px;
	float: left;
	}

.hl_black {
	color: #000000;
}

/* /featured products */
	
#container {padding:0 201px; position:relative; font-size:1.2em; clear: both;}
#inner_container {border:1px solid #fff; border-width:0 1px; margin: 0 -1px 0 -1px; width:100%; display:block; position:relative; }

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



#SOWrap {float:left; margin:0 -1px 0 0; width:100%;}
#center {float:right; margin:0 0 0 1px; width:100%; }
#left {float:left; width:179px; margin:0 1px 0 -201px; padding:0 10px;}
#right {float:right; /* width:180px; padding:0 */ margin:0 -201px 0 1px; 10px;}

div#right {
	width: 170px;
    padding: 0 10px; 
	*padding: 0 0 0 20px;
    _padding: 0 0 0 20px;
    }  

#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:110px; font-size:1.2em; padding: 0; margin:0 0 80px 0; background-color:#9bd6ec }
* html #header_container {height:1%;} /*hack*/
#header_container h1 {text-indent:-3200px; top:0; left:0; z-index:6; height:100px; background-color:#9bd6ec}
#header_container .title {padding:0 0 0 2%; margin:-120px 0 10px 0; background-color:#9bd6ec}

#footer1 {
	font-size:1.1em;
	text-align:center;
	color:#333;
	float:left;
	position:relative;
	left: 0px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#footer {font-size:1.1em; text-align:center; background:#e8e8e8; color:#333; padding:5px 0; float:left; width:100%; position:relative;}
#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:#12659c url(../images/topNav-end.gif) no-repeat top left; width:440px; color:#fff; }
#topNavWrap span {color:#12659c;}
#topNavWrap .search_form {color:#12659c; margin:0 0 0 -15px; padding:10px 0 0 0; font-size:1.2em;}
#topNavWrap a {color:#fff; text-decoration:none;}
#topNavWrap a:hover {color:#fff; text-decoration:underline;}

#topNav {z-index:8;display:block; height:130px; width:119px; position:absolute; top:-19px; right:0; padding:0; margin:0; }


.checkoutWrap { 
width:168px; 
display:block; 
height:71px; 
border-left:1px solid #12659c; 
text-align:center; 
line-height:35px; 
border-right:1px solid #12659c;
margin:0; 
padding:0 0 0px 0;
}

.checkoutWrap {
	padding: 0px;
	height: 70px;
	line-height: 16px;
	}
.checkoutWrap br {
	height: 5px;
	line-height: 5px;
	margin: 0;
	padding: 0;
	}
.checkoutWrap strong {
	padding: 0px;
	}
.checkoutWrap strong a {
	padding: 0px;
	}
.checkoutWrap img {
	padding: 5px 0 0 0;
	margin: 0px;
	}


.checkoutWrap a {color:#12659c; text-decoration:underline;}
.checkoutWrap a:hover {text-decoration:underline;}

#mainNav {padding:0px 0; margin:-4px 0 0 0; width:100%; text-align:center; float:left; background:#fff url(../images/blueRepeat.gif) repeat-x bottom left; height:42px; background-color:#9bd6ec; }
#mainNav ul { margin:0; padding:0 0 0 10px; list-style:none; width:99%; float:left; height:33px; background-color:#9bd6ec; }
#mainNav ul li {float:left; }
#mainNav ul a {  float:left; outline:none; margin:0 5px 0 0; display:block; background:url(../images/whiteTab.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:#12659c;}
#mainNav ul a.selected { outline:none;background:url(../images/blueTab.png) no-repeat bottom left; height:33px; width:116px; margin:0 5px 0 0; padding:0; line-height:33px; color:#ffffff;}

#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/navTab.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;}
.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:#999; }
.nav ul img a:hover {background:none;}
.nav ul li {background:url(../images/blueDots.gif) repeat-x top left; padding:5px 0 0 0;border-right:#12659c 1px solid;border-left:#12659c 1px solid; }
.nav ul li.first {background:none;}
.nav .endNav { background:url(../images/navbottomTab.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:#dddddd url(../images/greater-than.gif) no-repeat 4px 50%; padding:3px 0 3px 12px;}
.nav ul li.menu-entry a:hover {background:#cccccc 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;}

/*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;}

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

/****************PRODUCT.ASP**************************/
.productWrap {border:2px solid #12659c; 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 #12659c; border-top-width:1px; margin:0 10px 10px 0; background:#fff;}
/*
.catalogueWrap img {width:120px;}
*/
.catalogueWrap img {
	max-width: 120px;
	max-height: 120px;
	_width: expression(this.width > 120 ? 120: true);
	_height: expression(this.height > 120 ? 120: true);
	}
.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:#9bd6ec; padding:2px 5px; font-weight:bold;}
.shade-background {background-color:#9bd6ec;}

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

.orderFormEntry { padding:3px;}

/** Paypal Payment Process CSS **/

.outline_area {
	padding: 20px;
	margin: 10px auto 0;
	border: 1px solid #DADADA;
	}

.general_form {
	margin: 0 auto;
	background: #F9F9F9;
	border: 1px solid #DADADA;
	padding: 5px;
	}
.general_form p {
	text-align:center;
	}
.general_form button {
	font-family:Tahoma;
	font-size: 12px;
	padding: 2px;
	text-align: center;
	}
	
	
/** Contact Form **/

form.gen_form {
 	border: 1px solid #DEDEDE;
	padding: 20px;
	
	}
form.gen_form label {
 	width: 200px;
	float: left;
	}
form.gen_form p {
 	margin: 0 0 10px 210px;
	}
form.gen_form input {
 	width: 220px;
	font-family: tahoma;
	font-size: 12px;
	}
form.gen_form textarea {
 	width: 270px;
	height: 270px;
	font-family: tahoma;
	font-size: 12px;
	}
form.gen_form input#contact_submit {
 	width: 90px;
	}
	
p.outline_text {
	border: 1px solid #DEDEDE;
	padding: 20px;
	width: 470px;
	}
	
	
	
/* Express Checkout */

div#center .checkout_form .exclude_form {
	margin: 10px 0 10px 0;
	clear: left;
	padding: 5px;
	background: #F0F9FC;
	border:1px solid #A3C5DA;
	}

div#center .checkout_summary {
	background: #F0F9FC;
	border:1px solid #A3C5DA;
	padding: 5px;	
	margin: 0 0 10px 0;
	color: #666666;
	font-weight: bold;
	}
div#center .checkout_summary_sm {
	background: #F0F9FC;
	border:1px solid #A3C5DA;
	padding: 2px;	
	margin: 0 0 10px 0;
	color: #666666;
	font-weight: bold;
	}
div#center .checkout_summary_sm .AXISTableText td {
	width: 154px;
	padding: 2px;
	}
div#center .checkout_summary p,
div#center .checkout_summary_sm p {
	margin: 0;
	}
div#center .checkout_form {
	margin: 0 0 10px 0;
	}
div#center .checkout_form .name_title {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	}
div#center .checkout_form .title_indent {
	margin: 0 0 0 100px;
	display: block;
	}
div#center .checkout_form .title_indent label {
	float: left;
	width: 150px;
	clear: none;
	}
div#center .checkout_form .title_indent p {
	margin: 0 0 10px 160px;
	}
div#center .checkout_form label {
	float: left;
	width: 250px;
	clear: both;
	}
div#center .checkout_form p {
	margin: 0 0 10px 260px;
	text-align: left;
	line-height: 14px;
	}
div#center .checkout_form p.text_hl {
	margin: 0 0 10px 0;
	border:1px dashed #A3C5DA;
	padding: 5px;
	}
div#center #DispAdr p {
	margin: 0 0 10px 8px;
	}
div#center .checkout_form .outline_form_area p {
	margin: 0 0 10px 10px;
	text-align: center;
	}
	
div#center .checkout_form input,
div#center .checkout_form textarea {
	width: 200px;
	padding: 2px;
	background: #F0F9FC;
	border:1px solid #A3C5DA;
	}
div#center .checkout_form select {
	padding: 1px 2px 1px 2px; 
	background: #F0F9FC;
	border:1px solid #A3C5DA;
	margin: 0 3px 0 0;
	font-size: 11px;
	}
div#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#center .checkout_form button#trade_counter {
	margin: 0;
	}
div#center .checkout_form .small_text_input {
	width: 60px;
	}
div#center .checkout_form #tandcconf,
div#center .checkout_form input.small_element {
	width: 18px;
	border: 0;
	background: 0;
	}
div#center .checkout_form .outline_form_area {
	padding: 10px 0 0 0;
	background: #F0F9FC;
	border:1px solid #A3C5DA;
	}
div#center .checkout_form a {
	cursor:pointer;
	}
div#center #display_none {
	display: none;
	text-align: center;
	padding: 5px 0 10px 0;
	border:1px solid #A3C5DA;
	}
div#center .checkout_form .center_button {
	text-align: center;
	}
	
.checkout_form .sub_text {
	font-size: 10px;
	}
	
#breadcrumb {
	margin: 0 0 10px 0;
	}

#viewBasketButtonsTable {
	width: 100%;
}    
#viewBasketButtonsTable td {
	width: 33%;
	text-align: center;
	vertical-align: middle;
}         
.sagepaylogo {
	text-align: center;
}

.loginfail {
	font-weight: bold;
	color: #F00;
}

.notificationErrorContainer {
	border: 1px solid #FF0000;
	background-color: #FFB6C1;
	padding: 5px;
}  
.notificationErrorContainer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}   

.checkoutOptionMessage {
	padding: 10px 0;
	font-weight: bold;
}