/*** Three Column Layout, fixed for 800 width ***/
#top { }
#account-panel{ display: none; }
#breadcrumb { display: none; }

#left {
	position: absolute;
	padding: 0 9px 0 7px ;
	top: 153px;
	width: 134px;
	}
#right {
	position: absolute;
	width: 148px;
	margin-left: 620px;
	top: 153px;
	}
#center {
	position:relative;
	margin-left:150px;
	width:470px;
}
.center-wide { width:750px !important; }
#navigation { display: none; }
#xTooltipElement{ display: none;}
#footer { display:none; }
#message-box { display:none; }
.print-link{ display:none; }

/*** Add Layout and Visual Styles Here ***/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background: #fff;
}
a{ color:#004673; text-decoration:underline }
a:hover{ text-decoration:none; }
h1, h2, h3, h4, h5, h6, p, form, label, fieldset, address{
	margin: 8px 0;
}
img { border: none; }
h1 { margin: 10px 0; font-size: 1.4em; color: #777; }
h2 { font-size: 1.4em; color: #069;}
h3 { font-size: 1.2em;}
h4 { font-size: 1em; margin: 5px 0; color: #069; }
hr { width:100%; padding:0; margin:0; background: #bbb; height:1px; border:0; margin-right: 20px;}

.clear { clear: both; }
.red { color: #b5273a; }
.blue {	color: #004673; }
.lblue { color: #739dbb; }
.small { font-size: 0.9em; font-weight:normal }
.smaller { font-size: 0.7em; font-weight:normal }
.gray { color: #777 }

.r{ text-align: right }
.l{ text-align: left }
.c{ text-align: center }

#center p { margin-right: 9px; }
.clear { clear:both }
.blueheader {
	position: relative;
	background: #069;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 4px 5px;
	margin: 15px 10px 10px 0;
}
.small-text{ font-size: 0.9em; font-weight:500; color: #000; }
.border { border: 1px solid #7f7f7f; }

.date { color: #777; font-weight:bold; font-style: italic; }

.small-text{ font-size: 0.9em; font-weight:500; color: #000; }
.border { border: 1px solid #7f7f7f; }
.date { color: #777; font-weight:bold; font-style: italic; }
.vcard { margin-bottom: 15px; font-size: 1.1em; }
.vcard .fn { font-weight: bold; }
.vcard .adr { font-style: normal; }
.vcard span { display: block; }
.vcard span.type {display: inline;}
#solk-address { float:right; width: 180px; background: #eee; padding: 10px 15px 2px 15px;}
#solk-address .organization-name { font-weight: bold; color: #006699; font-size: 1.4em;}

/*** Page Content Window - Where editable content goes ***/
.main-content-padded{ padding-right: 15px;}

#page_content img {border: 1px solid #7f7f7f;}

.float-image{ float:left;margin-top:10px;margin-right:10px; }

.blue{ color: #069;}
.green{ color: #009966;}
.red{ color: red;}

table.spectable {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0; 
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	width: 450px;
}

table.spectable  th, tr.header td {
	text-align: left !important;
	vertical-align: bottom !important;
	padding-bottom: 7px !important;
	font-weight:bold !important;
}

table.spectable  td {
	padding:3px 0;
	border-bottom: 1px solid black;
	vertical-align: top;
}


/** Pagination styles **/
.controls-box{
  background: #e8e8e8;
  padding: 5px 2px;
  margin-right: 10px;
}
.controls-box label{ line-height: 1em; padding:0 5px; }

.pagination{
  text-align: center;
  color: #004673;
  font-weight: bold;
  word-spacing: 0.3em;
  padding-top: 2px;
}
.pagination .current, .pagination .disabled{ color: #929292; }
.pagination a{ text-decoration: none; color:#006699;}
.pagination a:hover{ text-decoration: underline;}

/*** Catalogue Left Hand Menu ***/
#cataloguemenulist {
	margin-top: 15px
}
#cataloguemenulist img {
	margin-bottom: 10px;
}
#cataloguemenulist ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-top: 1px solid #000;

}
#cataloguemenulist ul li a {
	display: inline-block;
}
#cataloguemenulist ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	display: block;
	padding: 5px 1px;
	border-bottom: 1px solid #b2b2b2;
}
#cataloguemenulist ul li a.selected {
	background: #ccc;
	color: #069;
}
#cataloguemenulist ul li a:hover {
	background-color:  #ccc;
	color: #069;
}
/** sublist **/
#cataloguemenulist ul li ul{
	border: none;
	border-bottom: 1px solid #b2b2b2;
	padding-top: 3px;
}
#cataloguemenulist ul li ul li {
	margin-bottom: 10px;
}
#cataloguemenulist ul li ul li a {

}
#cataloguemenulist ul li ul li a{
	display: inline;
	border: none;
	font-weight: normal;
	padding: 0 0 1px 1px;
	margin: 0;
	border-bottom: 3px solid #fff;
	0background: green;
}
#cataloguemenulist ul li ul li a.selected{
	background: none;
	border-bottom: 3px solid #b2b2b2;

}
#cataloguemenulist ul li ul li a:hover{
	background: none;
	border-bottom: 3px solid #b2b2b2;
	text-decoration: none;
}


/*** Right List ***/
#rightlist{
	margin-top: 15px
}
#rightlist img {
	margin-bottom: 10px;
}
#rightlist ul {
	padding: 14px 0;
	margin: 0;
	list-style: none;
	border-top: 1px solid #000;
}
#rightlist ul li a img{
	border: 1px solid #a3a3a3;
	/* border: 1px solid #d3d3d3; */
}
#rightlist ul li a img:hover{
	/* border: 1px solid #a8a8a8; */
}
#rightlist a {
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}
#rightlist a:hover {
	text-decoration: underline;
}

/*** Horizontally Arranged List of Images ***/
#himagelist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#himagelist ul li {
	display: inline;
	margin-right: 5px;
}
#himagelist ul li a img{
	border: 1px solid #d3d3d3;
}
#himagelist ul li a img:hover{
	border: 1px solid #a8a8a8;
}
/*** Single Column List for Main Content and product-list for search results page ***/
#onecolumnlist ul, #product-list ul {
	padding: 0;
	margin: 8px 10px 0 0;
	list-style: none;
	border-top: 1px solid #b2b2b2;
}
#onecolumnlist ul li, #product-list ul li {
	margin: 7px 0;
	padding: 0;
	border-bottom: 1px solid #b2b2b2;

}
#onecolumnlist ul li a, #product-list ul li a {
	text-decoration: none;
	color: #069;
}
#onecolumnlist ul li a:hover, #product-list ul li a:hover {
	text-decoration: underline;
	color: #069;
}
#onecolumnlist img, #product-list img {
	float: left;
	border: 1px solid #d3d3d3;
	margin: 2px 10px 10px 0;
}
#onecolumnlist img:hover, #product-list img:hover {
	border: 1px solid #a8a8a8;
}
/* Need this to stop IE adding a gap above the heading caused by floating the image */
#onecolumnlist ul li h2, #product-list ul li h2{
 display:inline
}


/*** Two Column List ***/
.listborders {
	0padding: 10px 0 0 0 ;
	0margin: 0 0 10px 0;
	0border-top: 1px solid #b2b2b2;
	0border-bottom: 1px solid #b2b2b2;
}

#twocolumnlist ul {
	padding: 0;
	margin:0 0 10px 0;
	list-style: none;
}
#twocolumnlist ul li {
	float: left;
	width: 226px;
	height: 280px;
	margin: 0px 8px 0 0;
}
#twocolumnlist ul li a {
	text-decoration: none;
	color: #069;
}
#twocolumnlist ul li a:hover {
	text-decoration: underline;
	color: #069;
}
#twocolumnlist img {
	border: 1px solid #d3d3d3;
}
#twocolumnlist img:hover {
	border: 1px solid #a8a8a8;
}


/*** Specification Lists - Product Variants ***/
#speclist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	height:180px;
}
#speclist ul {
	width: 460px;
	margin: 0 0 50px 0;
	padding: 0;
	list-style: none;
}
#speclist ul li{
	padding: 5px 0;
	border-top: 1px solid #d3d3d3;
}
#speclist ul li a{
	color: #000;
	text-decoration: none;
}
#speclist ul li a:hover{
	text-decoration: underline;
}
#speclist ul li h4{
	display: inline;
}
.speclink {
	float:right;
}
.specbox {
	clear:both;
	margin-top: 4px;
}
.spec {
	margin-top: 5px;
	float:right;
	text-align: right;
}
.spec p{ margin:2px 0px; padding:0px; margin-right: 0px;}

.note{
	clear:both;
	padding: 5px;
	margin: 5px 0;
	background: #ddd;
	font-weight: bold;
}
/** COMMERCE STYLES - Forms,etc for accounts, orders and basket **/

/**** BASKET / TABLE STYLES *****/
.basket caption{ text-align: left; color: #006699; font-size: 1.4em; font-weight: bold; }
.basket{ font-size: 1.2em; margin-bottom:10px; }
.basket th{	border-bottom: 1px solid #bbb; padding: 10px 0; }
.basket td{ padding:4px; border-bottom: 1px solid #D8D8D8; }
.basket td img { float:left;}
.basket tfoot td{ border: none; padding:2px; }

.small-table caption{ text-align: left; color: #739dbb; font-size: 1.4em; margin-bottom:10px; }
.small-table { font-size: 1.1em; margin:10px 0; }
.small-table th{	border-bottom: 1px solid #bbb; padding: 4px 0; }
.small-table td{ padding:3px; border-bottom: 1px solid #D8D8D8; }
.small-table tfoot td{ border: none; padding:2px; }

.notice {
  margin-top: 10px;
  padding: 12px;
  padding-left: 36px;
  font-weight: bold;
  font-size: 1.1em;
}

#error-box {}

#error-fields{ font-size: 0.9em; color: #d32237; background: #fff; border:5px solid #d32237; padding: 10px; margin: 10px 10px 10px 0; }
#error-fields ul li{ padding:0; margin: 2px; }

.padded-form{margin:0;}
.padded-form h2{margin-top:0;padding-top:0 }
.padded-form label{
  font-size: 1.1em;
  display: block;
  float: left;
  font-weight: bold;
  width: 115px;
  padding: 3px 0;
  margin: 0;
  margin-top: 6px;
  clear: left;
  line-height: 1em;
}
.padded-form input{ margin-top: 6px; line-height: 1em; }
.padded-form select{ margin-top: 6px; }
/* ** */
.justified-form{ margin:0; }
.justified-form h2{ margin:0; padding-top:0 }
.justified-form label{
  font-size: 1.1em;
  display: block;
  float: left;
  font-weight: bold;
  width: 130px;
  padding: 3px 6px 3px 0;
  margin: 0;
  margin-top: 7px;
  text-align:right;
  clear:left;
  line-height: 1em;
}
.justified-form label.norm{ float:left; width: auto; text-align:left; }
.justified-form input{ margin-top: 7px;line-height: 1em; }
.justified-form select{ margin-top: 7px; }
.justified-form hr{ margin: 14px 0;}
.small-note{
  font-size:0.9em;
  width:170px;
  display:block;
  float:right;
  margin-top:7px;
}
.textfield{ width: 180px; }
.short-textfield{ width: 90px; }
.sub-but{ margin-top: 10px; }

.fieldWithErrors{
  display: inline;
}
.fieldWithErrors input{ border-color: #d32237; }

.float-help{
  float:right;
  width:140px;
  margin: 0 10px 10px 5px;
}