body {
  background: #0e1d44 url(/image.php?filename=background.jpg) no-repeat center top; }
#page {
  width: 990px; background-color: #fff; }
#main {
  border: 0px; width: 980px; padding: 0px 5px; }
#content, #content.productlist {
  width: 620px; }
#contentwide {
  width: 795px; float: left; }
#contentwide #editbasket {
  padding: 0 10px; }
#contentwide #editbasket h1 {
  margin: 0px; }
#content .inner h1 {
  padding-left: 10px; }
#content .inner .ui-widget-content {
  border: 1px solid #ccd1db; }
#content.search h1 {
  padding-left: 0px; }
a {
  color: #666; }
h1 {
  font-size: 18px; }

#header {
  height: auto; }
#headleft {
  width: 650px; float: left; }
#headleft .logo-container {
  width: auto; }
#header .logo {
  float: left; margin-right: 0px; }
#headleft .image {
  float: left; }
#headright {
  width: 330px; float: right; }
#headright #callus {
  font-size: 18px; text-align: right; margin-bottom: 6px; }
#headright #ISO {
  text-align: right; }
#header .toplinks {
  float: left; width: 978px; border: 1px solid #ccd1db; margin: 10px 0px; border-radius: 6px; background: url(../images/toplinks-bg.png) repeat-x 0 0; }
#header .toplinks  ul {
  float: left; margin: 6px 0px; }
#header .toplinks li {
  display: inline-block; border-right: 1px solid #ccc; margin: 2px 0px; padding: 4px 10px;}
#header .toplinks li.last {
  border-right: 0px solid #ccc; }
#header .toplinks li a {
  font-size: 12px; font-weight: bold; }
#header .search { 
  width: 265px; height: 35px; float: right; margin: 0 10px 0 0; position: relative; }
#header .search .searchinner {
  float: right; width: 260px; margin: 6px 0px; height: 25px; border: 1px solid #CCC; border-radius: 24px; background-color: #fff; }
#header .search .searchinner #searchform {
  margin-top: 0px; text-align: left; width: 335px; }
#header .search .searchinner input#mainsearch {
  margin-left: 12px; width: 210px; height: 25px; border: 0px; background: none; }
#searchsubmitinput {
  background: url(../images/search-button.png) no-repeat 0px 3px; text-indent: -999999px; border: 0px; }

#breadcrumbs, #breadcrumbs ul {
  height: auto; overflow: auto; }
#breadcrumbs.ui-widget-content {
  border: 0px; background: none; border-bottom: 1px solid #ccc; }
#breadcrumbs li a {
  font-size: 12px; }

#sidebarleft, #sidebarright {
  width: 170px; }
#sidebarleft .section {
  background-color: #fff; }  
#sidebarleft .section .head, #sidebarright .head {
  background: url(../images/head-bg.png) no-repeat 0 0; color: #fff; font-size: 14px; text-align: left; width: 160px; height: 31px; margin: 0px; line-height: 31px; padding: 0 0 0 10px; }
#sidebarleft .section .sf-menu {
  border: 1px solid #ccd1db; margin-top: -1px; width: 168px; }
#sidebarleft .section .sf-menu li {
  margin: 1px; width: 166px; height: 30px; }
#sidebarleft .section .sf-menu li a {
  font-size: 12px; padding: 6px 6px; background: url(../images/leftnav-bg.png) no-repeat 0 0; height: 18px; width: 153px; display: block; color: #1f3d99; }
#sidebarleft .section .sf-menu li a:hover {
  background: url(../images/leftnav-bg-hover.png) no-repeat 0 0; color: #fff; }
#sidebarleft .section .sf-menu li.level2 a:hover {
  background: url(../images/leftnav-bg-lev2-hover.png) no-repeat 0 0; }
  
#sidebarleft .section .sf-menu li ul.ui-widget-header {
  background: none; border: 0px; background-color: #4d66a6; }
#sidebarleft .section .sf-vertical.sf-arrows > li > .sf-with-ul:after {
  border-left-color: #bdc2d6; right: 0px; top: 10px; }
#sidebarleft .section .sf-vertical.sf-arrows > li:hover > .sf-with-ul:after {
  border-left-color: #fff; }
#sidebarleft li.level1.sfHover a, #sidebarleft li.level1current.sfHover a, #sidebarleft .sfHover ul li a {
  background: url(../images/leftnav-bg-hover.png) no-repeat 0 0; color: #fff; }

#sidebarleft .section .portalindex, #sidebarleft .section .qorder {
  background: #f0f5fa; border: 1px solid #CCD1DB; color: #1f3d99; margin: 0px;  }
#sidebarleft .section .portalindex a {
  color: #1f3d99; font-size: 11px; }

#sidebarleft .section .qorder {
  padding: 10px 0px; }
#sidebarleft .section .qorder p {
  padding: 0px 10px; font-size: 11px; line-height: 15px; }
#sidebarleft .section .qorder label {
  margin: 0px 8px; padding: 6px 0 0 2px; font-size: 11px; font-weight: bold; display: block; }
#sidebarleft .section .qorder .addqstock {
  margin: 4px 8px; }

#sidebarright {
  margin-left: 10px; }
#sidebarright #basket {
  margin: 0px; padding: 0px; border: 0px; }
#sidebarright #basket .content {
  border: 1px solid #ccd1db; margin-top: -1px; width: 158px; padding: 5px; float: left; }
#sidebarright #basket .content .items {
  padding-left: 80px; font-size: 12px; margin: 10px 0px; line-height: 160%; background: url(../images/basket-img.png) no-repeat 10px 0; min-height: 40px;  }
#sidebarright #basket .content .items span.price {
  font-size: 16px; }
#sidebarright #basket .content .items span.vatinfo {
  font-size: 10px; }
#sidebarright a.basket.button, #sidebarright a.checkout.button, .login-box .button {
  width: 71px; float: left; margin: 0px 2px; color: #fff; padding: 2px 1px; border: 1px solid #405999; background: #405999 url(../images/button-bg.png) repeat-x 0px 0; }
#sidebarright a.basket.button:hover, #sidebarright a.checkout.button:hover, .login-box .button:hover {
  background: #405999 url(../images/button-bg-hover.png) repeat-x 0px 0; }
.login-box input.button {
  padding: 5px 1px; }
.login-box .button {
  padding: 0px 1px; }
.login-box .button.continue {
  width: 150px; }

.banner {
  width: 620px; height: 300px; }
.banner .content {
  width: 620px; }
.banner .element img {
  width: 620px; height: 300px; }

.info-panels {
  margin: 10px 0px; float: left; }
.info-panels p {
  float: left; margin-right: 4px; }
.info-panels p:nth-child(2) {
  margin-left: 4px; margin-right: 0px; }

.pctext {
  float: left; width: 620px; margin-top: 10px; }
.pctext .head {
  background: url(../images/pctext-head-bg.png) no-repeat 0 0; color: #fff; font-size: 14px; text-align: left; height: 31px; margin: 0px; line-height: 31px; padding-left: 10px; }
.pctext .details {
  padding: 10px; width: 598px; border: 0px; border: 1px solid #ccd1db; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; margin-top: 0px; }
.pctext p {
  font-size: 12px; line-height: 16px; color: #666; margin-bottom: 20px; }
 
.frtsupps { 
  float: left; width: 990px; margin: 10px 5px; position: relative; }
.frtsupps .image { 
  margin-top: 5px; margin-left: 8px; text-align: center; }
.frtsupps ul { 
  margin: 0px; padding: 0px; position: relative; list-style-type: none; z-index: 1; }
.frtsupps ul li { 
  overflow: hidden; float: left; width: 120px; padding: 0px 3px; }

.frtsupps a { 
  margin: 0px; }
.frtsupps div.suppliers { 
  float: left; width: 98px; height: 95px; display: block; padding: 0px; }
.frtsupps div.suppliersinner { 
  height: 95px; display: table-cell; vertical-align: middle; text-align: center; width: 98px; }

.plist-item {
  width: 122px; background: #fafafc; }
.plist-item .listimage {
  width: 120px; height: 120px; display: table-cell; vertical-align: middle; background-color: #fff; border: 1px solid #eee; }
.plist-item img.thumb {
  width: auto; }
#content.productlist .right {
  width: 220px; }
#content.productlist .image {
  width: 220px; height: 220px; text-align: center; border: 1px solid #ccd1db; border-radius: 10px; margin: 0 9px 15px 0; display: table-cell; vertical-align: middle; }
.plist-desc {
  padding: 0 10px; }

.productgroup h1 {
  margin: 10px 0px; }
.productgroup .left {
  width: 230px; }
.productgroup .left .image, .product .left .image {
  width: 220px; height: 220px; text-align: center; border: 1px solid #ccd1db; border-radius: 10px; margin: 0; display: table-cell; vertical-align: middle; }
.productgroup .right {
  width: 370px; font-size: 14px; }
.productgroup .right p {
  line-height: 17px; }
.productgroup .right ul {
  list-style: outside disc; padding-left: 20px; }
.productgroup .right .attachments {
  margin-top: 20px; }

.productgroup .right .attachments ul {
  list-style: none; padding-left: 0px; }
.productgroup .right .attachments li, #attachedfiles li {
  background: #fff url('../images/pdf_icon.gif') no-repeat 0px 0px; padding: 1px 0px 10px 28px; }
#attachedfiles {
  margin: 20px 0 0 10px; }
#attachedfiles li a {
  font-size: 12px; }

.productgroup .pgrpdetails {
  width: 620px; float: right; margin-top: 10px; }
table.product-group {
  float: left; width: 610px; margin: 0 5px;}
table.product-group th {
  background-color: #405999; padding: 4px; color: #fff; }
table.product-group a {
  text-decoration: underline; }
table.product-group a:hover {
  color: #000; }
table.product-group .code {
  text-align: left; }
table.product-group td {
  text-align: center; }
table.product-group .add-basket-qty {
  width: 30px; }
table.product-group tr {
  border-bottom: 1px solid #ccc; }
table.product-group td.pricetable  {
  font-size: 9px; }
table.product-group td.pricetable span {
  font-size: 11px; font-weight: bold; }
table.product-group input.ui-button {
  padding: .4em .5em; }

table.techinfo tr{
  border-bottom: 1px solid #eee; }

#addtobasket span#minordertext {
  padding-left: 5px; }
.inner .left {
  width: 250px; }
.inner .right, .details {
  width: 340px; }
.inner .right {
  margin-right: 20px; }
.details {
  border: 1px solid #CCD1DB; }
.details .head {
  background: #fff; border: 0px; border-bottom: 1px solid #CCD1DB; color: #1f3d99; margin: 0px 10px; padding: 0px 10px; }
#content .details .inner {
  width: 318px; background: #fff; border: 0px; }

#content .inner #tabs {
  border: 0px; background: none; padding: 0px; }
#tabs .ui-tabs-nav {
  background: #fff; border: 0px; padding: 0px; }
#tabs .ui-tabs-active {
  border: 1px solid #CCD1DB; border-bottom: 0px; background: #fff; }
#tabs .ui-tabs-active:hover, #tabs .ui-tabs-nav li:hover  {
  background: #405999; }
#tabs .ui-tabs-nav li:hover  {
  border: 1px solid #405999; border-bottom: 0px; }
#tabs .ui-tabs-active a:hover, #tabs .ui-tabs-nav li a:hover {
  color: #fff; }
#tabs .ui-tabs-nav li a {
  color: #1f3d99; }

#footer {
  width: 990px; border: 0px; padding: 0px; margin: 0px; height: 90px; }
#footerinner {
  width: 925px; height: 30px; border: 1px solid #ccd1db; margin: 10px 5px; border-radius: 6px; padding: 20px 25px; }
#footer .footer-right {
  float: right; text-align: right; width: auto; }
.footer-right .ogl {
  margin: 10px 0px; height: 15px; }
.footer-right .ogl a {
  color: #999; padding: 0 0 0px 20px; height: 15px; background: transparent url('../images/ogl.png') no-repeat 0 0; }
.footer-right .ogl a:hover {
  background: transparent url('../images/ogl.png') no-repeat 0 -15px; text-decoration: none; color: #666; }

#basketcontinueshopping .button, #baskettocheckout .button, .npbuttons .button {
  color: #fff; border: 1px solid #405999; background: #405999 url(../images/button-bg.png) repeat-x 0px 0; }
#basketcontinueshopping .button:hover, #baskettocheckout .button:hover, .npbuttons .button:hover {
  background: #405999 url(../images/button-bg-hover.png) repeat-x 0px 0; }

#editbaskettable th {
  background: #405999; color: #fff; border: 1px solid #405999; }
#editbaskettable a {
  text-decoration: underline; }
#editbaskettable .basketoddrow, #editbaskettable .basketevenrow {
  border-bottom: 1px solid #CCC; }

#checkout h3.ui-state-default {
  border: 0px; border-bottom: 1px solid #BBB; background: none; color: #333; }
#checkout p {
  line-height: 16px; }
#checkout p.consent {
  padding: 5px; }
#checkout .inputrow {
  margin: 0 auto; width: 280px; float: none; }
#checkout .inline label {
  margin: 0 5px; }
#checkout label {
  display: block; float: left; }
#checkout textarea {
  width: 240px; }
#checkout .half {
  width: 45% !important; }
#checkout .box th {
  width: auto; }
#checkout .login-box .stagecontent {
  height: 227px; }
#checkout .bottom p.login {
  float: left; width: 310px; padding: 15px 0px 0px 35px; }
#checkoutstages { 
  margin: 10px 0; float: right; }
#checkoutstages span {
  display: block; float: left; height: 30px; line-height: 15px; padding: 0 10px; margin-left: 25px; margin-top: 0px; }
#checkoutstages li {
  display: block; float: left;  height: 45px;  background-image: url(../images/checkout_step.png); background-repeat: no-repeat; background-position: left 2px; width: 105px; }
#checkoutstages li.current { 
  background-image: url(../images/checkout_step_current.png); background-position: left 2px; }
#checkoutstages li.past { 
  background-image: url(../images/checkout_step_past.png); background-position: left 2px; }
#checkoutstages li.start { 
  width: 50px; background-image: url(../images/checkout_step_end.png); background-position: right top; }
#checkoutstages li.end { 
  width: 50px; background-image: url(../images/checkout_step_end.png); background-position: left top; }
.terms-and-conditions .mandatoryfield { 
  float: none; }
#checkout .inline.vatreg label {
  width: 70px; }
#checkout .inline.vatreg .inputrow {
  width: 450px; }
#checkoutretrysubmit {
  margin-top: 10px; }
.staticcontent p {
  font-size: 13px; padding: 10px 0 0 0; line-height: 20px; margin: 0; }
.staticcontent h2 {
  margin-top: 10px; font-size: 16px; font-weight: normal; }
.staticcontent ul {
  list-style: outside disc; padding-left: 20px; }
.staticcontent ul li {
  padding: 6px 0px; font-size: 13px; }

table#vattable { margin-top: 8px; font-size: 11px; }
table#vattable th { width: 80px; text-align: left; padding: 3px; font-size: 10px; background: #405999; border: 1px solid #405999; color: #fff; }
table#vattable td { padding: 3px; text-align: left; border: 1px solid #CCC; }

input.ui-button, #basketname #btnSave, #basketname #btnCancel, #basketsubmit .ui-button {
  color: #fff; border: 1px solid #405999; background: #405999 url(../images/button-bg.png) repeat-x 0px 0; }
input.ui-button:hover, #basketname #btnSave:hover, #basketname #btnCancel:hover {
  background: #405999 url(../images/button-bg-hover.png) repeat-x 0px 0; }

.box {
 border: 1px solid #CCC; }

#content.portal .inner h1 {
  padding-left: 0px; margin-bottom: 10px; }
#content.portal .inner h2 {
  font-size: 12px; }
#content.portal p {
  font-size: 12px; margin: 10px 0px; line-height: 17px; }
.portal .box.col1 {
  width: 284px; margin: 0px 8px; padding: 4px; }
.portal .box.col2 {
  width: 582px; padding: 10px; margin: 8px; }
.portal h3.ui-state-default {
  border: 0px; border-bottom: 1px solid #BBB; background: none; color: #333; }
table.ordertable th, table#ordhist th, table#transheader th, table#transdetail th, table#transbalance th, table#wishlisttable th {
  background: #405999; border: 1px solid #405999; padding: 4px; color: #fff; }
table.ordertable .vieworder  .button {
  padding: 4px; font-size: 10px; margin-left: 6px; }
table#ordhist a {
  color: #fff; }
#orderhistorytabs li {
  padding: 5px 4px; margin: 0px 1px; }
table#wishlisttable #basketsubmit {
  padding: 4px; font-size: 10px; margin-right: 4px; margin-top: 2px; }
table#wishlisttable .basketqty span {
  margin-right: 3px; }
button#wishlistsubmitinput {
  margin-top: 10px; border: 0px; background: none; }
.wishlistform .ui-button-text-only .ui-button-text {
  padding: 0.16em 0.5em; background-color: #fff; }
#wishlisttable td {
  padding: 5px 3px; }


#ctdetails  {
  float: left; width: 222px; margin: 20px 15px 0px 20px; border-right: 1px solid #eee; }
#ctform {
  float: left; width: 340px; margin-top: 20px; }
#ctform .button {
  width: 120px; }
#ctform input, #ctform textarea {
  width: 250px; }
#ctform th {
  text-align: left; }
#ctdetails p {
  line-height: 17px; font-size: 12px; padding-left: 25px; height: 25px;  }
#ctdetails p.fax {
  background: transparent url(../images/fax.png) no-repeat scroll left top; height: 30px; padding-left: 30px; }
#ctdetails p.address {
  background: transparent url(../images/address.png) no-repeat scroll left top; height: 120px; padding-left: 30px; }
#ctdetails p.email {
  background: transparent url(../images/email.png) no-repeat scroll left top; height: 30px; padding-left: 30px; }
#ctdetails p.tel {
  background: transparent url(../images/phone.png) no-repeat scroll left top; height: 30px; line-height: 24px; padding-left: 30px; }

#rghtsection {
  float: left; margin: 10px 0px; }
#rghtsection p {
  margin-bottom: 0px; }

#content.login {
  float: left; margin: 0px 10px; width: 600px; }
.login-page .login-box {
  width: 580px; }
.login-page .login-box .stagecontent {
  padding-top: 20px; height: auto; }
.login-page .login-box .stagecontent p {
  font-size: 12px; line-height: 17px; }
.login-page .bottom {
  position: relative; bottom: 0px;}
.login-page .bottom input {
  float: left; }
.login-page .bottom p {
  float: left; width: 560px; }
#ctform.register {
  float: left; width: 510px; margin: 30px 0 0 30px; }

.message.error { 
  background-color: #FED4D4; color: #D8000C; border-color: #D8000C; }
.message {
  padding: 10px; border: 1px solid #D8000C; background-color: #FED4D4; margin-bottom: 10px; overflow: auto; color: #D8000C; }
.message .text {
  float: left; }
.message .close {
  float: right; cursor: pointer; }
.checkoutinputerror { color: #D8000C; }

table.searchresults td {
  vertical-align: middle; }
table.searchresults tr {
  height: 50px; border-bottom: 1px solid #ccc; background-color: #fff; }
table.searchresults tr.heading {
  height: 25px; }

/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
	background:#fff url('images/loading.gif') no-repeat 50% 50%;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background-color:#fff; 
	filter:alpha(opacity=0); 
	/other than IE/ 
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	width:620px;
	height: 40px;
	z-index:8;
	padding: 0px;
	overflow: hidden;
	display: none;
}
.nivo-caption p {
	color:#fff;
	font-size: 20px;
	line-height: 38px;
	font-weight: normal;
	padding: 2px 10px;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align: left;
	padding: 0;
	position: relative;
	z-index: 10;
	height: 20px;
	width: 350px;
	top: -15px;
	padding-left: 10px;
}
.nivo-controlNav a {
	display:inline-block;
	width:10px;
	height:10px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-99999px;
	border:0;
	margin: 0 2px;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
	background-position:0 100%;
}
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	border:0;
	top: auto;
	bottom: -5px;
	z-index: 11;
}
.nivo-directionNav a:hover {
    background-color: #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
a.nivo-nextNav {
	background-position:160% 50%;
	right:0px;
}
a.nivo-prevNav {
    background-position:-60% 50%;
    left: auto;
	right: 35px;
}

.finish {
	float: right;
}