/*** Three Column Layout, fixed for 800 width ***/
#top {
	width:100%;
	height:153px;
	background: #8c9699;
}
#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:620px !important;
}
#footer {
	clear: both;
	margin-top: 50px;
	background: #d9d9d9;
	height: 20px;
	padding: 2px 5px;
	visibility:hidden;
}
#footer div{ float:left;margin:2px 0; padding: 1px 10px;border-right:1px solid #000; }
#footer ul{
	margin: 0;
	padding: 3px 0;
	list-style: none;
}
#footer li{
	display: inline;
	padding:1px 10px;
	border-right: 1px solid black;
}
#footer ul li a{
	text-decoration: none;
	color: #000;
}
#footer ul li a:hover{
	text-decoration: underline;
}

/*** Add Layout and Visual Styles Here ***/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #fff;
}
a{ color:#004673; text-decoration:underline; outline: none; }
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; }
.green{ color: #009966;}
.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; }
.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;}

.print-link{ 
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 3px 3px 17px;
	background: url(/plugin_assets/raid_core/images/admin/icons/action_print.gif) no-repeat left center;
}
.print-link:hover{ text-decoration: underline; }

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

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

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

/*** Main Navigation ***/
#navigation {
	position: absolute;
	top: 95px;
	left: 0px;
	height: 34px;
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background: url(../images/top-menu-background.gif) repeat-x;
	background-color: #069;
}
#navigation form {
	position: absolute;
	left: 580px;
}
#navigation form input {
	border: none;
	padding: 1px 2px;
	width: 130px;
}
#navigation ul {
	width: 550px;
	padding: 9px 7px;
	margin: 0;
	list-style: none;
}
#navigation ul li {
	display: inline;
	padding-right: 3px;
	margin-right: 10px;
}
#navigation a {
	color: #fff;
	text-decoration: none;
}
#navigation a:hover {	color: #b2b2b2; }
#navigation img {	border: none; }

/*** Breadcrumb ***/
#breadcrumb {
	position: absolute;
	top: 129px;
	left: 0px;
	height: 24px;
	width: 100%;
	background: #d9d9d9;
}
#breadcrumb ul {
	padding: 6px 7px;
	margin: 0;
	font-weight: bold;
	color: #666;
}
#breadcrumb ul li {
	display: inline;
	padding-right: 3px;
}
#breadcrumb ul li a {
	color: #666;
	text-decoration: none;
}
#breadcrumb ul li a:hover {
	text-decoration: underline;
}

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

.rightbox{
	margin-top: 37px;
	padding: 3px 10px;
	background: #069;
	border: 1px solid #238EC3;
	color: #fff;
	font-size: 1.2em;
}
.rightbox h3 { font-weight: normal; font-weight: bold; }
.rightbox a { color: #fff; font-weight: bold !important;}

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

#onecolumnlist ul li ul li, #onecolumnlist ul li ul{
	border:none;
	list-style: disc;
	margin-left: 10px;
}


/*** 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 {
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;

}
#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;
}
#speclist ul li h2{
	background: #006699 none repeat scroll 0%;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0pt;
	padding: 4px 5px;
}
.speclink {
	float:right;
}
.specbox {
	clear:both;
	margin: 10px 0;
}
.specbox .price { font-weight: bold;}
.spec {
	margin-top: 5px;
	float:right;
	text-align: right;
}
.spec p{ margin:2px 0px; padding:0px; margin-right: 0px;}

.downloads{ margin: 10px; }
.downloads ul { width: 300px !important; padding-top: 5px !important; }
.downloads ul li { border: none !important; padding: 2px 0 !important; }
.downloads ul li a { text-decoration: underline !important; }
.downloads ul li a:hover { text-decoration: none !important; }

/* Form for variants when logged in/building quotes */
.product_add_form{}
.product_add_form fieldset{ 
	margin-top: 0.5em;
	border:none;
	border-top: 1px solid #d3d3d3;
	background: url(/images/fieldset-background.jpg) repeat-x top;
	padding: 1.2em 1em 2em 1em;
	position: relative;
}
.product_add_form legend {
	font-weight: bold;
	font-size: 1.1em;
	background-color: #fff;
	position: absolute;
	padding: 2px 4px;
	top: -0.75em;
}
.product_add_form ul{ width: auto !important; margin:0 !important;}
.product_add_form ul li{ margin:0 !important;border:none !important;}

.note{
	clear:both;
	padding: 5px;
	margin: 5px 0;
	background: #ddd;
	font-weight: bold;
}
/** COMMERCE STYLES - Forms,etc for accounts, orders and basket **/
a.quote-button {
	display: block;
	height: 32px;
	width: 148px;
	color: #006699;
	text-decoration: none;
	font-height: 0.9em;
	margin-top: 15px;
	background : url(/images/my-quote-button.gif) no-repeat 0 0;
	outline: none;}
a.quote-button:hover { color: #606060; background-position: 0 -32px;}

/**** BASKET / TABLE STYLES *****/
.basket caption{ text-align: left; color: #006699; font-size: 1.4em; font-weight: bold; }
.basket{ font-size: 1.1em; 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; padding-right: 4px;}
.basket tfoot td{ border: none; padding:2px; }

#mini-basket{
	margin-top: 38px;
	padding: 10px 5px;
	background: #00538D;
	color: #fff;
}
#mini-basket table{ margin-bottom: 10px;}
#mini-basket table a{ color: #fff; text-decoration: none; font-style: italic;}
#mini-basket table a:hover{ text-decoration: underline;}
#mini-basket table caption{ text-align: left; font-weight: bold; border-bottom: 1px solid #fff; height: 20px;}
#mini-basket table tr td{ vertical-align: top; padding: 7px 1px;}
#mini-basket .price { color: #00A0F2; margin-top:4px;}
#mini-basket tfoot tr td{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-weight: bold;}
#mini-basket a{ color: #fff;}

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

#account-panel{
	width: 148px;
	height: 62px;
	padding: 8px 15px 8px 15px;
	background: #069;
	border: 1px solid #238EC3;
	border-top: none;
	position:absolute;
	left: 600px;
	color: #fff;
	font-weight: bold;
}
#account-panel img{ padding-bottom: 2px; border-bottom: 1px solid #fff; }
#account-panel hr{ width: 100%; background-color: #fff; height:1px; border:none;}
#account-panel a{ color: #fff; }

#account-panel h2{ color: #fff;}
.notice {
  margin-top: 10px;
  padding: 12px;
  padding-left: 36px;
  font-weight: bold;
  font-size: 1.1em;
}
#message-box {
  background: #004673 url(../plugin_assets/raid_core/images/notice-message.gif)left top no-repeat;
  color: #fff;
}
#error-box {
  background: #d32237 url(../plugin_assets/raid_core/images/notice-error.gif) left top no-repeat;
  color: #fff;
}

#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:250px;
  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;
}