/* 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 { 
	min-width: 980px;
	position:relative; 
	height:136px; 
	background: url(../images/logo_bg2.jpg) top left no-repeat;
	margin: 0 0 10px 0;
	}
#header_container h1 {
	text-indent:-3200px; 
	background: url(../images/logo2.jpg) no-repeat 140px 0px; 
	display:block; 
	width: 610px; 
	height:92px; 
	margin: 0px;
	}
#header_container .title {display:none;}


#opd_container {
	min-width: 980px;
	zoom: 1;
	position: absolute;
	width: 100%;
	z-index: 2;
}
#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 img {width:550px;}

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

#footer {text-align:center; border-top: 1px solid #E8F1F7; padding:5px 0; width:100%; position: relative; margin: 50px 0 0 0; font-size: 10px; color: #A6BCDD;}
#footer img {margin-top:5px;}
#footer a {color:#A6BCDD; 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/nav_main_bg.jpg) no-repeat 0 -20px; 
	width:350px; 
	color:#FFFFFF; }
#topNavWrap span {color:#246A8C;}
#topNavWrap h3 {color:#333333;}
#topNavWrap a {color:#FFFFFF; text-decoration:none;}
#topNavWrap a:hover {color:#FFFFFF; text-decoration:underline;}

#topNav {
	background: url(../images/top_graphic.jpg) no-repeat top right;
	z-index:8;
	display:block; 
	height:124px; 
	width:130px; 
	position:absolute; 
	top:-20px; 
	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 { 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 .incspan input {
	margin: -10px 2px 2px 2px;
	}
	
.vatForm input {float:right; display:block; margin:-13px 28px 10px 0;}
**/

.nav input.inc {
	float: right;
	margin: 0px;
	width: 20px;
	}

.vat_clear {
	clear: both;
	height: 5px;
	margin: 0;
	line-height: 5px;
	display: block;
	}

.incspan {
	margin: 0 30px 0 0;
	}


.nav ul a:hover { text-decoration:none; color:#FFFFFF; background:#256C8E; } 
/*Needed?*/
.nav ul img a:hover {background:none;}
/*/Needed?*/
.nav ul li {background:url(../images/greenDots.gif) repeat-x top left; border-right:#246A8C 1px solid; border-left:#246A8C 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:#D2E8F2 url(../images/greater-than.gif) no-repeat 4px 50%; padding:3px 0 3px 12px;}
.nav ul li.menu-entry a:hover {background:#256C8E 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 */



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

/** Table Classes **/

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

.shade {background-color:#D3E1E8; padding:2px 5px; font-weight:bold;}
.shade-background {background-color:#D3E1E8;}

.pg_header_title {
	background:#A7C3D1;
	padding:2px 5px;
	}
	
	
/** SHOPPING BASKET **/

#shopping_basket .AXISTableText .padding {
	
	}

#submitOrderForm {
	
	}
	
/* Group as Product (Product List Alt) */

div#split_group #pg_heading {
	display: none;
	}
	
/* Group as Product */

div#groupas_product table#AXISPEHWrap1 {
	margin: 0 0 10px 0;
	}
div#groupas_product table#AXISPEHWrap1 img {
	display: none;
	}
div#groupas_product table#AXISPEHWrap1 tr,
div#groupas_product table#AXISPEHWrap1 td {
	height: auto;
	}
div#groupas_product table#AXISPEHWrap2 {
	border-color:#000000;
	border-style:solid;
	border-width:1px 2px 2px;
	text-align: left;
	}
	
div#groupas_product table#AXISPEHWrap2 #AXISPGAIDescription { 
	background:transparent url(../images/title-bg-repeat.jpg) repeat-x scroll center top;
	color:#FFFFFF;
	width: 100%;
	font-weight: bold;
	height:31px;
	line-height:31px;
	}
div#groupas_product table#AXISPEHWrap2 #AXISPGAIDescription br { 
	display: none;
	}

div#groupas_product table#AXISPEHWrap2 #AXISPGAIImage {
	width: 320px;
	padding: 10px;
	}
div#groupas_product table#AXISPEHWrap2 #AXISPGAIImage .AXISBodyText img {
	border:1px solid #CCCCCC;
	padding: 5px;
	}
	
ul.product_display_item {
	border-color:#000000;
	border-style:solid;
	border-width:1px 2px 2px;
	list-style: none;
	clear: left;
	min-height: 316px;
	height: auto !important;
	height: 316px;
	width: 100%;
	}
ul.product_display_item li {
	margin: 0 0 0 302px;
	display: block;
	}
ul.product_display_item li.prod_disp_descr {
	background:transparent url(../images/title-bg-repeat.jpg) repeat-x scroll center top;
	color:#FFFFFF;
	font-weight: bold;
	height: 31px;
	line-height: 31px;
	margin: 0;
	text-align: center;
	}
ul.product_display_item li.prod_disp_image {
	float: left;
	width: 260px;
	margin: 10px 0 0 10px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: center;
	display: inline;
	}
ul.product_display_item li.prod_disp_image img {
	max-width: 260px;
	max-height: 260px;
	margin: auto;
	}
ul.product_display_item li.prod_disp_price {
	padding: 10px 0 0 0;
	}
ul.product_display_item li.prod_disp_size table#PGISELECTIONS {
	margin: 0 0 10px 0;
	}
ul.product_display_item li.prod_disp_size td.AXISPromptText {
	padding: 0 10px 0 0;
	}
ul.product_display_item li.prod_disp_size div.AXISPromptText {
	margin: 0 0 10px 0;
	font-weight: bold;
	}
	

/********** FORM INFORMATION **************/


.contact_form {
	margin: 10px auto 20px auto;
	border: 1px solid #E8F1F7;
	padding: 10px 10px 0px 10px;
	width: 550px;
	}
.contact_form label {
	float: left;
	text-align: right;
	width: 230px;
	clear: left;
	}
.contact_form p {
	margin: 0px 0px 10px 250px;
	text-align: left;
	}
.contact_form input,
.contact_form textarea,
#comments {
	border: 1px solid #A7C4D1;
	background: #F7F9FB;
	width: 190px;
	font-size: 11px;
	line-height: 14px;
	padding: 2px;
	}

.button_submit {
	border: 1px solid #15455F;
	background: url(../images/title-bg-repeat.jpg) repeat-x;
	color: #FFFFFF;
	padding: 2px 10px 2px 10px;
	font-size: 11px;
	}

/* Page Layout */

.center_content {
	text-align: center;
	}
	
/*** Shopping Basket ***/

.AXISBasketButtons {
	margin: 20px 0;
	}

/****************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:#FFFFFF;}
.catalogueWrap img {width:120px;}
.catalogueWrap h3 {display:block; font-size: 12px; font-weight: bold; background:url(../images/title-bg-repeat.jpg) repeat-x top center; color:#000000; height:31px; line-height:27px;}
.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;}


br.spacer {
	margin: 0 0 10px 0;
	
	}


.orderFormEntry { padding:3px;}

.clearer {
	border: 1px solid #FF00FF;
	height: 1px;
	line-height: 1px;
	clear: both;
	float: none;
	}
.undefined {
	
	}
#breadcrumb {
	margin: 0 0 10px 0;
	}
	
/*** Splash (Home Page) ***/ 
.splash_border
{
	margin: 5px;
	border: 1px solid #000000; 
	background: #ffbf00;
	padding: 10px;
	text-align: center;
	
	background-image: url(../images/puffin.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.splash_strap
{
	font-weight: bold;
	font-size: 16px;
}
 
.splash_question
{
	font-weight: bold;
	font-size: 18px;
	color: #ff0000;
}

.splash_action
{
	font-size: 16px;
}

.splash_footer
{
	font-size: 16px;
}	
/*Contains the banners which are set to rotate via jQuery*/
#bannerContainer {
	overflow: hidden;
	position: relative;
	width: 963px;
	height: 189px;
	margin: 0 auto;
}
/*The pager for the banner rotator*/
#bannerPager {
	position: absolute;
	bottom: 20px;
	right: 20px;	
	z-index: 10;
}
/*The links in the pager*/
#bannerPager a {
	margin-right: 1px;
    padding: 4px 6px;
	border: 1px solid #FFFFFF;
	background-color: #545C88;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
/*The links in the pager when hovered or currently active*/
#bannerPager a:hover, .activeSlide {
	/*Overrides #bannerPager a*/
	border: 1px solid #545C88 !important;
	background-color: #FFFFFF !important;
	color: #545C88 !important;
	text-decoration: none;
}