/**
 * Jewson eTrade Initiative.
 * Copyright (c) 2007, 2008 Jewson Limited.
 * All rights reserved.
 * =============================================================================
 * This stylesheet contains styles specific to the Jewson (jewson.co.uk) brand.
 */
/*
 * =============================================================================
 * Menus and Side Boxes
 */
.menuBoxBodyBlue {
    background-color: #ACC8E2;
}
.menuBoxBottom .sb-inner, .menuBoxBottom .sb-border {
    background-color: white;
}
div.menuBoxTop, div.menuBoxTop .sb-inner {
    
    background-image: url(/etrade/public/images/brand/Jewson/curves.png);
    background-repeat: none;
    padding-top: 4px;
    width: 160px;
}
div.largeTop {
	background: transparent url(/etrade/public/images/brand/Jewson/curves_large.png) no-repeat 0px 0px;
	width: 360px;
}

div.largeTop h1 {
	margin: 0px;
	padding: 0px;
}
.menuBoxBottomBlue, .menuBoxBottomBlue .sb-inner {
    background-color: #ACC8E2;
}

.menuBoxBottomBlue {
	background: transparent url(/etrade/public/images/brand/Jewson/blue_bottom.png) no-repeat 0px 0px;
	width: 160px;
}
.menuBoxBody {
    background-color: white;
}
.menuBoxBodyBlue ul li.selected a {
    color: white !important;
}
.menuBoxBodyBlue ul li.selected ul {
    color: white !important;
}
.menuBoxBodyBlue ul li.selected ul li {
}
.menuBoxBodyBlue ul li.selected ul li a {
    color: white !important;
    background: transparent url(/etrade/public/images/elements/subSectionSelectedBox.gif) no-repeat 0px 9px;
    border-top: 1px dotted #FFFFFF;
}
.menuBoxBody, .menuBoxBody a, .menuBoxBody a:visited, .menuBoxBodyBlue, .menuBoxBodyBlue a, .menuBoxBodyBlue a:visited {
    color: #0053a0;
}
.menuBoxTop label {
    color: white;
}
div.menuBoxBodyBlue ul li.selected {
    background: #0053A0 url(/etrade/public/images/elements/selectedProductTypeBackg.gif) repeat-x 0% 0%;
}
div.menuBoxBodyBlue ul li.selected a {
    background: transparent url(/etrade/public/images/elements/sectionSelectedArrow.gif) no-repeat 0px 7px;
    border-top: 0px dotted #aaaaaa;
    color: white;
}

/**
 * =============================================================================
 * Controls and General Page Elements
 */
body{
    background-color: #E6EEF6;
    color: #222222;
}
#main {
    border-color: #E6EEF6;
}
input[type='submit'] {
    color: #00529F;
}
input[type='text'], input[type='password'], textarea {
    border: 1px solid #C7C7C6;
}
/**
 * =============================================================================
 * Headings
 */
h1 {
    color: #0053a1;
}
h2 {
    color: #0053a1;
}
h3 {
    color: #0053a1;
}
h4 {
    color: #0053a1;
}

h5 {
    color: #0053a1;
}
/**
 * =============================================================================
 * Header/Banner
 */
#bannerCenter {
/*    border: 2px solid red;*/
    background-image: url("/etrade/public/images/banner/center.gif");
    background-repeat: repeat-x;
}
#bannerLeft {
    background-image: url("/etrade/public/images/banner/left.gif");
}
#bannerRight {
    background-color: white;
  border-right: 1px solid #BCBAB8;
}
/**
 * =============================================================================
 * Footer
 */
#footerBox .sb-inner {
    background-color: white;
}
#footerBox .sb-border {
    background-color: #cccccc;
}
/**
 * =============================================================================
 * Search features
 */
textarea#quickSearch {
    border-color: #cccccc;
}
#searchBannerBox {
    background: transparent url(/etrade/public/images/brand/Jewson/searchBoxBackground.png) no-repeat 3px 0px;
    min-width: 360px;
}

#searchBannerBox .sb-border {
    background-color: #cbd3da;
}
#searchBannerBox label {
    color: white;
}
#searchBannerBox label.tradePoint {
    color: #8CB4D9;
}
#currentUser {
    color: #0053A0;
}

/*
 * =============================================================================
 * Sortable Tables
 * - see http: //www.frequency-decoder.com/demo/table-sort-revisited/paginate/
 */
table
{
  border-left-color: #00529F;
}
th
{
  text-align: left;
  color: #cccccc;
  border-color: #00529F;
  background: #00529F url(../media/bg_header.jpg) no-repeat;
}
td.total
{
  border-color: #00529F;
}
th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize
{
  background: #00529F url(../media/bg_header_sortable.jpg) no-repeat;
}
th.forwardSort
{
  background: #00529F url(../media/bg_header_down.jpg) no-repeat 0 0;
}
th.reverseSort
{
  background: #00529F url(../media/bg_header_up.jpg) no-repeat 0 0;
}
th.forwardSort a,
th.reverseSort a
{
  color: white;
}
th a
{
  text-decoration: none;
  color: #cccccc;
}
td img
{
  margin: 0 auto;
  border: 0;
}
/* Added this because IE6 was not displaying correct font color or size */
td {
	color: #0053a0;
	font-size: 12px
}
td
{
  border-color: #00529F;
}
tr.alt
{
  background: #F5FAFA;
  color: #797268;
}
/* Poor old Internet Explorer has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used... */
tr[class="alt"] td
{
  background: #F5FAFA url(../media/td_alt.jpg) no-repeat;
}
td[class~="alt"]
{
  background: #fff url(../media/col_alt.jpg) no-repeat !important;
}
/*
 * =============================================================================
 * Table Pagination
 * - see http: //www.frequency-decoder.com/demo/table-sort-revisited/paginate/
 */
ul.tablePaginater li
{
  color: #666;
}
ul.tablePaginater li.currentPage a
{
  border-color: #00529F !important;
  color: #000;
}
ul.tablePaginater li a
{
  color: #666;
  border-color: #ccc;
}
ul.tablePaginater li a: focus
{
  color: #333;
  border-color: #aaa;
}
/*
 * =============================================================================
 * Inline Messages
 */
.warning .sb-border {
   background-color: #9999ff;
}
/**
 * =============================================================================
 */
.catalogPopUp, .catalogPopUp .sb-inner {
    background-color: white;
    padding-bottom: 5px;
}

.catalogPopUp .sb-shadow {
    background-color: #0053A0;
}
.productResultPrice, .productDetailPrice {
    color: #0053a1;
}
div.menuBoxBodyBlue ul li {
    border-bottom-color: #0053A0;
}
.formButtons a,
.formButtons a:visited,
.formButtons a:hover {
	color: white;
}

#menuBoxBodyReg{
	height:600px;
	overflow-x:auto; 
	overflow-y:scroll;

	flost:left;
	
}	
	
	

