/* *************** HTML CHANGES *************** */
body {
	font-size: 75%;
	font-family: Verdana, sans-serif;
	margin: 0;
	background-color: #FFFFFF;
	color: #121C2F;
}

table {
	font-size: 1em;
}

h1,h2,h3,h4,h5 {
	text-align: left;
	color: #4475CE;
}

h1 {
	font-size: 1.3em;
}

h2 {
	font-size: 1.1em;
}

img {
	border: 0;
}

span.errorMessage,p.errorMessage,ul.errorMessage {
	color: #FF0000;
}
.required{
	color: #FF0000;
	font-family: verdana;
    font-size: 0.8em;
}

.message{
	color: #409F3B;
}

a {
	color: #6F5614;
	text-decoration: none;
}

a:hover {
	color: #CF9D19;
}

/* *************** MISC *************** */
p.footnote {
	font-size: 0.8em;
}

div.calendar {
	border-width: 1px;
	border-style: solid;
	border-color: #b0b0b0;
	color: #000000;
	background-color: #ffffff;
	position: absolute;
	text-align: center;
	visibility: hidden;
	z-index: 10;
	font-size: 0.9em;
}

table.cal a {
	text-decoration: none;
}

table.cal td.cal_notThisMonth {
	
}

table.cal td.cal_thisMonth {
	
}

div#customerDiscount { color: #498772; font-weight: bold; margin-bottom: 0.4em;  
					    border: 1px solid #B5CFC5; padding: 0.1em 0.2em; background-color: #E5EFEB;}

/* *************** Attribute *************** */
div.entry{ clear:both;}
div.entry h3{padding-top: 10px;}
div.attribute {padding: 2px;}
div.row {
  clear:both;
  padding: 0.2em;
  }

div.row span.label {
  float: left;
  width: 170px;
  text-align: left;
  font-weight: bold;
}

div.row span.value {
  float: left;
  text-align: left;
  margin-left: 0.5em;
}

/* *************** IFRAME HACK *************** */
iframe {
	margin: 0;
	width: 100%;
	height: 500px;
	border: 0;
}

iframe#acrosSearch {
	margin: 0;
	width: 100%;
	height: 800px;
	border: 0;
}
/* *************** LAYOUT *************** */
table.layout {
	margin: 0;
	border-collapse: collapse;
}

table.layout td.layout {
	vertical-align: top;
}

table.main {
	width: 100%;
}

/* ** Left Menu ** */
td#leftMenu {
	vertical-align: top;
	width: 140px;
	border: 1px solid #F7BD29;
	border-top: 0;
	min-height: 600px;
	padding: 0.4em 0.3em 2em 0.3em;
	background-color: #EEEEFF;
}

td#leftMenu h2 {
	font-size: 1em;
	color: #37568D;
}

td#leftMenu input {
	font-size: 1em;
}

td#leftMenu input.button {
	margin-top: 0.3em;
}

div.classificationSelection {
	margin-top: 1em;
}

ul#classificationSelectionList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul#classificationSelectionList li {
	padding: 0;
	margin: 0;
	padding-bottom: 0.4em;
}

div#catProdRelListDiv {
	background-color: #FFFFFF;
	width: 200px;
}
	
#catProdRelListDiv H2 {
	border: 2px solid #FFFFFF;
	background: #DFE0E5;
	margin-bottom: 2px;
	padding: 2px;
	padding-left: 4px;
}

#catProdRelListDiv UL {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#catProdRelListDiv LI {
    list-style-type:none;
    padding: 0px 2px 2px 4px;
    margin-top: 0px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 4px;  
    font-size: x-small;
}


/* ** Header ** */
div#header {
	background: #025090;
	color: #FFFFFF;
}

div#header a {
	color: #EEEEFF;
	text-decoration: none;
}

div#header a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

div#header table {
	vertical-align: middle;
}

div#header th {
	color: #FFFFFF;
}

div#header td#login {
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
	white-space: nowrap;
}

div#header table#loginTable {
	float: right;
}
div#header table#loginTable th, div#header table#loginTable td{
	text-align: right;
	margin: 0px;
	padding: 0px;
}

div#header td#login input {
	font-size: 1em;
}

div#header td#logoCompany {
	text-align: right;
	width: 10%;
	font-size: 0.9em;
	font-weight: bold;
}

div#header td#logout p {
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	margin: 0;
	padding: 0 0.5em;
}

/* ** Top menu ** */
div#navcontainer {
	border-bottom: 1px solid #F7BD29;
	background-color: #025090;
	padding: 0 0.5em
}

ul#navlist {
	padding: 0;
	margin: 0 0 3px 0;
	font-weight: bold;
	font-size: 1em;
}

#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
}
#navlist li a {
	padding: 0.2em 0.5em;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
	border-radius: 3px 3px 0px 0px;
}

#navlist li span {
	padding: 0.2em 0.5em;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
	border-radius: 3px 3px 0px 0px;
}

#navlist li a:link {
	color: #448;
}

#navlist li a:visited {
	color: #667;
}

#navlist li a:hover {
	color: #000;
	background: #AAE;
	border-color: #227;
}

#navlist li span {
    color: #448;
}
#navlist li span:visited {
    color: #667;
}
#navlist li span:hover {
    background: none repeat scroll 0 0 #aae;
    border-color: #227;
    color: #000;
    cursor: pointer;
}

#navlist li a#current {
	background-color: white;
	border-bottom: 1px solid white;
	color: #2F305F;
}

#navlist li span#current {
	background-color: white;
	border-bottom: 1px solid white;
	color: #2F305F;
}

#navlist li a#current2 {
	background-color: white;
	border-bottom: 1px solid white;
	color: #2F305F;
}
#navlist li span#current2 {
	background-color: white;
	border-bottom: 1px solid white;
	color: #2F305F;
}
/* ** Footer ** */
div#footer {
	text-align: center;
	font-size: 0.8em;
	color: #6F695A;
	margin-top: 1em;
}

div#bottomLinks {
	margin: 0;
	padding: 0;
}

/* ** Main Content ** */
td#body {
	vertical-align: top;
	padding: 10px 15px;
}

/**shoppingBasketSummary **/
div#shoppingBasketSummary {
	color: #37568D;
	border-top: 1px solid #F7BD29;
	margin-top: 1em;
}

div#shoppingBasketSummary table {
	font-size: 0.9em;
	color: #37568D;
	padding: 0;
}

/**ProductComparisonSummary **/
div#ProductComparisonSummary {
	color: #37568D;
	border-top: 1px solid #F7BD29;
	margin-top: 1em;
}

div#total {
	font-weight: bold;
	font-size: 0.9em;
}

th.qty {
	text-align: right;
}

th.item {
	text-align: left;
}

tr.top td {
	border-top: 1px dashed #37568D;
}

/** search **/
a#search img {
	height: 20px;
	width: 20px;
	background: url(../images/search.gif) top left no-repeat;
	vertical-align: bottom;
}

a#search :hover img {
	background: url(../images/search-hover.gif) top left no-repeat;
}

/* *************** TABLES *************** */
table.leftHeader th, td.label{
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF !important;
	border-color: #FFFFFF !important;
}

table.data {
	border-collapse: collapse;
}

table.data td,table.data th {
	padding: 0.1em 0.6em;
	border: 1px solid white;
}

table.data tr.even td {
	background-color: #F0F7FF;
}

table.data tr.extra td {
	background-color: #FFE9AF;
}

table.data tr.nonPurchasable td {
	background-color: #E5E5E5;
}

table.data th, td.basketTotals {
	background-color: #EEEEFF;
	color: #121C2F;
	border-bottom-color: #F7BD29;
	text-align: left;
}

table.data th a {
	text-decoration: none;
	color: #1D2F4F;
}

table.data th a:hover {
	color: #CF9D19;
}

th.secondLevelHeader {
	background-color: #F4F4FF !important;
}

p.centered,div.centered {
	text-align: center;
}

div.centered table {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

th.currency {
	text-align: right !important;
}
table.data th.NO_FORMAT_RTN, table.data th.NA  {
	border-bottom: 0px  !important;
}
table.data th.top {
}
table.data th.UL {
	border-bottom: 1px solid #F7BD29  !important;
}
table.data th.OL {
	border-top: 1px solid #F7BD29  !important;
}
table.data th.grossTotal {
	border-top: 1px solid #F7BD29  !important;
	border-bottom: 0px;
}
table.data th.quickOrder {
	text-align: center;
	white-space: nowrap;
}
table.data td.quickOrder {
	width: 7.5em;
	text-align: center;
}
table.resultSet tr:hover td{ 
	cursor: pointer;
	background-color:#FFF2CF;
} 
td.currency {
	text-align: right;
}
td.currencyItalic {
	text-align: right;
	font-style: italic;
}

td.number {
	text-align: right;
}

td.preferential {
	width: 1em;
}

td.center {
	text-align: center;
}
td.quickOrder input {
	font-size: 0.8em
}

th.mini,td.mini {
	width: 10px;
}

.miniBorder {
	border-collapse: collapse;
}

.miniBorder th {
	border: 0;
	border-bottom: 1px dashed black;
	text-align: center;
}

.miniBorder td {
	border: 0;
}

table.wide {
	width: 99%;
}

table.compareProduct {
	border: 1px solid #EEEEFF  !important;
}
table.compareProduct td {
	vertical-align: top !important;
}
table.compareProduct th {
	text-align: left;
	width: 200px;
	vertical-align: middle;
	background-color: #EEEEFF !important;
	border-right: 1px solid #F7BD29  !important;
}
table.compareProduct tr.even td {
	background-color: #F0F7FF;
}
table.compareProduct td.currency {
	text-align: center;
}
table.compareProduct td.number {
	text-align: center;
}
/* *************** FORMS *************** */
form table.leftHeader th {
	padding-top: 0.3em;
}

form table.leftHeader td {
	vertical-align: middle !important;
	padding-top: 0.2em;
}

form {
	margin-top: 1.5em;
	margin-bottom: 0;
	margin-top: 0;
}

table.form th {
	text-align: left;
	vertical-align: top;
}

table.form th,form table.form td {
	padding: 0.2em 0.3em 0.1em 0.3em;
}

form hr {
	text-align: left;
	width: 50%;
}

td.buttons {
	text-align: center;
}

input.readonly {
	background-color: #EFEFEF;
}

input:disabled {
	background-color: #EFEFEF;
	color: #999;
}

div#editAddress {
    -moz-appearance: tooltip;
    background: none repeat scroll 0 0 #EFEFFF;
    border-style: inherit;
    border-color: black;
    border-width: 1px;
    height: auto;
    left: 35%;
    margin-left: 15px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 10%;
    width: 415px;
    z-index: 99999;
}


input,textarea {
	color: #23395F;
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #4F4F4F #AAAAAA #AAAAAA #4F4F4F;
	border-style: solid;
	font-family: Verdana;
	font-size: 1.2em;
	border-radius: 2px 2px 2px 2px;
}

input.button {
	color: #37568D;
	background-color: #D1D1DF;
	border-width: 1px;
	border-color: #AAAAAA #4F4F4F #4F4F4F #AAAAAA;
	border-style: solid;
	font-weight: bold;
	border-radius: 2px 2px 2px 2px;
	cursor: pointer;
}

input.img {
	background-color: transparent;
	border-width: 0px;
}

/* *************** PAGE SPECIFIC *************** */
	/* Product Display Page */
form.buyItem {
	margin-top: 0.6em;
}

table#buyItem {
	border: 1px solid #F7BD29;
	border-collapse: collapse;
}

table#buyItem td {
	padding: 0.3em 0.5em;
	background-color: #EEEEFF;
}

img.productPic {
	border: 1px solid #BFBFBF;
	margin: 0 0.8em 0 0
}

table.stockPrice {
	margin-top: 1em;
	border: 1px solid #BFBFBF;
	margin-bottom: 1em;
}

table.stockPrice td {
	vertical-align: top;
	padding: 0.1em 1em
}

p.inStock {
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0.6em;
}

p.inStock span {
	color: #337F2F;
}

div.searchResultsNav {
	width: 99%;
	text-align: center;
}

div.manufacturerCode{
	color: #999FAF;
}
tr.orderLine td {
	background-color: #E8F3FF;
}

tr.orderProductLine td {
	background-color: #FCFDFF;
}

td.productImage {
	width: 10%;
}

div.productBox {
	width: 99%;
	border: 1px solid #BFBFBF;
	margin-bottom: 1em;
	padding: 0 0 0 0.5em;
}

div.productBox table td {
	vertical-align: top;
}

/* Registration page */
.register {
	padding: 10px;
	font-size: 0.9em;
}

.register p {
	margin: 0 0 10px 0;
	left: 20px;
}

.register fieldset {
	position: relative;
	/*padding: 1em;*/
	background: #eef;
	border: 1px solid #4475ce;
	width: 450px;
	top: 1em;
	padding: 0 0.5em 1em 0.5em;
}

fieldset {
	padding-top: 1em;
	top: 0;
}

.register legend {
	position: relative;
	top: -1em;
	padding: 0.4em;
	background: #4475ce;
	color: #fff;
}

.register label {
	display: inline;
	width: 120px;
	float: left;
	clear: left;	
	margin: 3px 0 3px 0;
}

.register input {
	border: 1px solid #ccc;
	background: #fff;
	margin: 2px 2px 2px 2px;
	padding: 4px;
}
.register input.button {
	color: #37568D;
	background-color: #D1D1DF;
	border-width: 1px;
	border-color: #AAAAAA #4F4F4F #4F4F4F #AAAAAA;
	border-style: solid;
	font-weight: bold;
	margin: 30px 0 0 0;
}

.register .mandatory {
	border: 1px solid #f00;
	background: #fff;
}

.register .mandatorycheckbox {
    outline: 1px solid #f00;
	background: #fff;
}

td#productTopStyleRight {
	vertical-align:top; width: 25%;
}

div#productTopStyleRight_priceContainer {
	margin-top: 20px;  background-color: #EEEEFF;
}

div#productTopStyleRight_priceContainer td,
div#productTopStyleRight_priceContainer th {
	border: 0;
}

div#productTopStyleRight_priceContainer table#buyItem  {
   margin-left: 0.2em; 
}
div#productTopStyleRight_priceContainer table#buyItem td {
   background-color: #FFFFFF;
}

div#productTopStyleRight_priceContainer table {
	margin-bottom: 1em;
}

div#productTopStyleRight_priceContainer p.inStock {
  margin-left: 0.5em;
}

table.largeData { font-size: 0.9em; }


/** Help **/
.help {
}

.tip {
	position:absolute; z-index:100; visibility:hidden; 	
	background: #fffbd5 url(../images/help/helpBg.gif) no-repeat top right;
	padding: 5px;
	width: 220px;
	border: 1px solid #f7bd29;
}
#help1 {
}
#helpAcc {
}
/* zoom */
.zoom{
	position:absolute; 
	text-align: center; 
	z-index:100; 
	visibility:hidden;
	background: #ffffff;
	padding: 5px;
	border: 1px solid #CCCCFF;
}
.zoomIcon{
	position:absolute; 
	z-index:90; 
	margin-top: 4px;
	margin-left: 4px;
}


/** Display ShipTo List */
.shiptoList {
	width: 500px;
	height: 200px;
	overflow: auto;
	border: 1px solid #CCCCFF;
	background-color: #EFEFFF;
}

.shiptoAddress {
	border: 1px solid #CCCCFF;
	background-color: #FFFFFF;
	margin: 10px;
	padding: 10px;
	font-size: 0.8em;
	color: #555599;
}
.currentAddress{
	border: 1px solid #CCCCFF;
	background-color: #EFEFFF;
	padding: 10px;
	font-size: 0.8em;
	color: #555599;
	max-width: 600px;
}
#changeShipTo{
	float: left;
	font-weight: lighter;
	font-size: 1.2em;
}

.editShipTo{
	font-weight: lighter;
	font-size: 0.9em;
}

#scriptOnly{
	display: none;
}
.shiptoListTitle{
	padding: 10px;
	font-size: 0.8em;
	color: #555599;
	font-weight: bold;
}

table.welcome{
	width: 840px;
	margin-bottom: 15px;
}

div.favourites {
	float: left;
	height: 130px;
	overflow: hidden;
	width: 28%;
	word-break: break-all;
	margin: 5px;
	position: relative;
	border: 2px solid;
	border-radius: 2px;
	padding: 3px;
	border-color: #aaa;
}

div.favTitle {
	
	position: relative;
	height: 35px;
}	
	
div.favDescription{

	margin-bottom: 2px;
	height: 60px; 
	overflow-x: auto; 
	padding-bottom: 10px;

}

div.myOrders{
	margin-bottom: 10px; 
	position: relative; 
	height: 105px;
	border: 1px solid #aaa;
	 text-align: center;

}
img.myOrders{
	margin: 1%;
    max-height: 95%;
    max-width: 95%;
}

div.myOrdersText{
	max-height: 60px; 
	overflow: hidden;
}

/********************* CSS for checklists */
table.paramSearch  th{
	color: #4475CE;
	font-size: 1.1em;
	text-align: left;
	vertical-align: top;
	
}

.checklist {
	border: 1px solid #ccc;
	list-style: none;
	height: 15em;
	overflow: auto;
}
.checklist, .checklist li { margin: 0; padding: 0; }
.checklist label { display: block; padding-left: 25px; text-indent: -25px; }
.checklist label:hover, .checklist label.hover { background: #777; color: #fff; }
* html .checklist label { height: 1%; }

/* Checklist 1 */
.checklist { font-size: 0.9em; width: 100%; height: 9em; background: #fff;}
.checklist .alt { background: #f5f5f5; }
.checklist input { vertical-align: middle; }
.checklist label:hover, .cl1 label.hover { background: #ddd; color: #000; }


/* Dropdown */
.dropdown {
	position:absolute;
	width:330px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.selectArrow{
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.selectInput{
	float: left;
	width: 310px;
}

div.mc2{
	border: solid 1px #AFCCF3;
	width: 330px;
	margin: 0;
}
div.mc2 .input{
	margin: 0;
	padding: 0.2em;
	background-color: #ECF3FA;
}
div.mc2 img{
	float: right;
	margin: 2px;
}
/* checklist 2 */
.checklist2 {
	border-top: solid 1px #AFCCF3;
	padding: 0.2em;
	top: -12px;
	list-style: none;
	height: 15em;
	padding: 0.2em;
	overflow: auto;
	margin: 0px;
}
.checklist2 li { margin: 0; padding: 0em; }
.checklist2 label { display: block; padding-left: 25px; text-indent: -25px; }
.checklist2 label:hover, .checklist2 label.hover { background: #777; color: #fff; }
* html .checklist2 label { height: 1%; }

.checklist2 { font-size: 0.9em; height: 9em; background: #fff;}
.checklist2 .alt { background: #f5f5f5; }
.checklist2 input { vertical-align: middle; }
.checklist2 label:hover, .cl1 label.hover { background: #ddd; color: #000; }

/** AUTOCOMPLETE */
 div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:250px;
  background:#EEEEFF;
  border:1px solid #888;
  position:absolute;
}

div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

div.autocomplete ul li.selected { 
  background-color:#025090;
  color: white;
}

tr.basketCharges, td.orderHeader {
	background-color: #fff;
	color: #000;
	font-weight: bold;
	font-size: 12px;
}