/* CSS Document */

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

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

h1 {font-size:1.8em; font-weight:normal; line-height:1.2em; margin:0 0 10px 0;}
h2 { font-size:1.5em; margin:0 0 10px 0; }
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****************************/

#container {padding:0 201px; position:relative; font-size:1.1em;}
#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; width:100%; z-index:3;}
#center {float:right; margin:0 0 0 1px; width:100%; z-index:5; }
#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;}

#header_container { position:relative; height:132px; font-size:1.1em; padding: 0; margin:0 0 20px 0; border:1px solid #fff;}
* html #header_container {height:1%;} /*hack*/
#header_container h1 {background:url(../images/logo.jpg) top left no-repeat;display:block;  height:86px; left:5px; position:absolute; text-indent:-3200px; top:5px; width:211px; z-index:6; }


#footer {font-size:1em; text-align:center; background:#0859a9; color:#fff; padding:5px 0; float:left; width:100%; position:relative; height:27px;}
#footer img {margin-top:20px;}
#footer a {color:#FFFFFF; text-decoration:underline;}
/*----------------------------------------------------- MAIN NAVIGATION --------------------------------------------------------*/
#search  { background:url(../images/search-background.jpg) no-repeat center bottom; height:33px; margin:62px auto -20px auto; padding: 5px 0 0 60px; position:relative;text-align:center; width:353px; }
#search form {}
#search input { margin:0 0 -15px 0; vertical-align:middle;}
#search label {font-weight:bold; font-size:1.2em;float:left;width:10em; padding:4px; margin:4px;}
#search p {display:block;position:relative;}



.contact {background:url(../images/post-it.jpg) no-repeat right top;  top:0; right:0; margin:0; padding:0; position:absolute; width:148px; height:100px; text-indent:-3200em;}

#mainNav {padding:2px 0; margin:-3px 0 10px 0; width:100%; text-align:center; float:left; background:#fff url(../images/blue-repeat.jpg) repeat-x bottom left; height:27px;}
#mainNav ul { margin:0; padding:0; list-style:none; width:99%; float:left; height:27px;  }
#mainNav ul li {float:left;}
#mainNav ul a { float:left; outline:none; margin:0 3px 0 30px; display:block; font-size:1.2em; font-weight:bold; height:27px; padding:0 0 3px 0; line-height:27px; text-decoration:none; color:#fff;}
#mainNav ul a.selected { background:url(../images/underline-dots.gif) repeat-x center 70%; outline:none;height:27px; margin:0 3px 0 30px; padding: 0 0 3px 0; line-height:27px;}
#mainNav ul a:hover {background:url(../images/underline-dots.gif) repeat-x center 70%;}
#welcome_guest {color:white; float:right; font-size:0.9em; font-weight:bold; margin:-24px 0 0 0; padding:0 8px 0 0; position:relative; text-align:right; width:250px;}
#welcome_guest a {color:#FFFFFF;}
/*******************************************basket***************************************/

#stages {padding:4px 0 0 0; margin:0; width:100%;  float:left; height:50px; font-size:1.2em; border-bottom:1px #a50b09 solid;border-top:1px #a50b09 solid;}
#stages ul { margin:0; padding:0 ; list-style:none; float:left; height:36px;  }
#stages ul li {float:left;  margin:0; display:block; background:none;  font-weight:bold; text-align:left; height:48px;width:150px; padding:0; line-height:48px; text-decoration:none; color:#000;}
#stages ul li.check {background:url(../images/tick.gif) no-repeat top center;text-align:center;  color:#000; width:81px;}
#stages ul li.uncheck {  background:none; color:#666; width:81px;text-align:center;}

/*******************************************index***************************************/

h1.heading, h2.heading {  background:url(../images/red-repeat.jpg) repeat-x center center;color:white; display:block; float:left; font-size:1.5em; font-weight:normal;height:30px; line-height:30px;  margin:0 0 1em 0; padding:0 0 0 1em; text-align:left; width:97%;}

/*******************************************pages-wide classes***************************************/
.clear { clear:both;}
.fright {float:right;}
.fleft {float:left;}

a {text-decoration:none;}
a:hover {text-decoration:none; color:#FF0000;}


ul li.top-level a {background:#f3f3f3 url(../images/double-arrow.gif) no-repeat center left ; color:#000000; display:block; padding:3px 0 3px 20px;  margin:0;}
ul li.base-level a {background:#f8f8f8 url(../images/double-arrow-blue.gif) no-repeat 10px center; color:#000000; display:block; padding:3px 0 3px 30px; margin:0;}

.nav {display:block; width:170px; margin:0 0 1em 0; padding:0 0 5px 0; color:#000;}
.nav p.header {background:url(../images/blue-repeat.jpg) repeat-x top left; color:#fff; display:block; font-weight:bold; height:27px; line-height:27px;  margin: 0 0 5px 0; padding:0 0 0 10px; text-align:left; width:160px; }
.nav .input {width:100px;}

.nav ul { list-style:none; margin:-5px 0 0 0; padding:0; }
.nav ul li { padding:3px 0 0 0; }

.nav ul a {background:#f3f3f3 url(../images/double-arrow.gif) no-repeat center left ; color:#000; display:block; padding:3px 0 3px 20px;  margin:0;}
.nav ul a:hover { text-decoration:none; color:#ff0000; }
.nav form, .nav table {padding: 0 0 3px 10px; }


.basket p.header img {margin:-25px 5px 0 0;}

.nav_inner {background-color:#f3f3f3;}
.nav_inner img {margin:5px 0;}

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

address {font-style:normal;}

a[href^="http:"] {background:url(../images/externalLink.gif) no-repeat right top;padding-right:10px;}
a[href^="https:"] {background:url(../images/externalLink.gif) no-repeat right top;padding-right:10px;}
a[href^="http://www.kingswood.co.uk"], a[href^="http://kingswood.co.uk"], a[href^="http://www.axisfirst.net"] {background-image:none;padding-right:0;} /*do not display external link icon*/
a[href^="mailto:"]  {background:url(../images/email.png) no-repeat right top;padding-right:15px;} /**/
a[href$=".doc"] {padding-right:10px;background:url(../images/wordIcon.jpg) top right no-repeat;}
a[href$=".pdf"] {background:url(../images/pdfLink.gif) no-repeat right top;padding-right:10px;}



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


input.AXISFieldText {width:30px;}

.breadcrumb { background:#f3f3f3; border:1px solid #ccc; color:#666666; display:block;float:left; font-weight:bold; margin:0 0 1em 0; padding: 0.5em 0.5em 0.5em 1em;  text-align:left; width:97%;}

/**********************************************************CATALOGUE AND PRODUCTBYGROUP PAGES*************************************************/
.catalogue-entry-wrap { margin:5px; padding:5px; text-align:center; width:110px;}
.catalogue-entry-wrap .imgholder {border:1px solid #ccc; height:110px; padding-top:0.5em; width:110px;}
.catalogue-entry-wrap .imgholder img {max-height:105px; max-width:105px; text-align:center;}
.catalogue-entry-wrap p.description a {color:#000; display:block; }
.catalogue-entry-wrap p.description a:hover {color:#ff0000;}
.catalogue-entry-wrap p.cost a {color:#ff0000;display:block; font-weight:bold; text-align:center; text-decoration:none;}
.catalogue-entry-wrap p.cost a:hover {color:#ff0000; font-weight:bold; text-decoration:underline;}

/**********************************************************PRODUCT PAGES*************************************************/

.product-entry-wrap {  float:left;margin:0px; padding:5px; text-align:center; width:97%;}
.product-entry-wrap .imgholder {float:left;border:1px solid #ccc; height:210px; width:210px; }
.product-entry-wrap .imgholder img {max-height:205px; max-width:205px;}
.product-entry-wrap .text-wrap {float:left; margin:0 0.5em 0 1em; padding:0; text-align:left; width:300px;}

/*********************************************************** TRADE LOGIN AND CONTACT US ********************************************************/
#contact_us form {float:left;}
#contact_us form p {position:relative;}

#contact_us fieldset {margin:1em 10% 1em 0;padding:1em;border:1px solid #ccc;background:#f8f8f8; max-width:500px;}

#contact_us legend {font-weight:bold;}

#contact_us textarea {width:300px;height:100px;}

#contact_us fieldset input[type="text"], #contact_us fieldset input[type="password"], #contact_us textarea {width:200px;border-top:2px solid #999;border-bottom:1px solid #ccc;border-left:solid 2px #999;border-right:1px solid #ccc; margin:4px; padding:4px;}

#contact_us label {float:left;width:10em; padding:4px; margin:4px;}

#contact_us .submit {float:left;margin:0 1.2em 0 8.6em;}

#contact_us .asterisk {font-weight:bold;color:#993300;}

#contact_us input.radio, #contact_us input.checkbox, #contact_us input.submit {width:auto; }
#contact_us input.radio {float:left;margin-right:1em;}

#contact_us #remember-details {margin:16px 0 0 3px;}
#contact_us #login {margin:0 0 0 125px;}

/********************************************************* CONTACT US **********************************************************/
.location-wrap { background:#f8f8f8; border:1px solid #ccc; float:left; margin:0.3em 0 0 0; padding:1em; width:500px;}
.address { float:left; width:300px;}
.map {float:right; text-align:center; width:200px;}
.map img {border:1px solid #fff;}





/* Search Results */

.results .AXISFieldText {
	border: 1px solid #DEDEDE;
	width: 35px;
	height: 16px;
	font-size: 9px;
	font-family: verdana;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
	}
.results {

	}
.results_heading {
	text-align: left;
	}
.results img {
	margin: 10px 0 0 0;
	}
	
/* Contact Form */
	
.contact_form {
	margin: 10px 0 20px 0;
	border: 1px dotted #BCBCBC;
	padding: 10px 10px 0px 10px;
	}
.contact_form label {
	float: left;
	text-align: right;
	width: 290px;
	clear: left;
	}
.contact_form p {
	margin: 0px 0px 10px 310px;
	text-align: left;
	}
.contact_form select {
	font-family: tahoma;
	font-size: 12px;
	}

/* Fast Track Order Form */
	
.fasttrack_form input.AXISFieldText {
	width: 80px;
	}
.fasttrack_form .AXISTableText td {
	padding: 3px 0 3px 0;
	}
	
/* Printer Wizard */
	
.compat_select {
	background: #F1F1F3;
	border: 1px solid #656687;
	margin: 0 auto 15px auto;
	width: 400px;
	padding: 10px 0 0 0;
	}
.compat_select label {
	float: left;
	clear: both;
	padding: 0 0 0 10px;
	}
.compat_select p {
	margin: 0 0 10px 110px;
	text-align: left;
	}
.compat_select select {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	}
.compat_select button {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	vertical-align: middle;
	}
	
.content_center {
	text-align: center;
	
	}
	
/*Misc Formatting */
	
br.clear {
	clear:both;
	}

#VolusionLiveChat a {
	
	}
#VolusionLiveChat table tr:first-child {
	display: inline;
	}
#VolusionLiveChat table tr {
	display: none;
	}
	
/*clearing after h1*/

#center p {
	clear: both;
	margin: 0 0 10px 0;
	}
	
/* Change Password Layout */

.contact_form {
	width: 350px;
	margin: 10px auto 0 auto;
	}
.contact_form label {
	float: left;
	width: 150px;
	}
#center .contact_form p {
	margin: 0 0 10px 160px;
	clear: none;
	}