/* CSS Document */
* { font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; }
html { background-color:#FFFFFF; background-image:url(../images/page-bg.gif); background-repeat:repeat-x; background-position:top;}
html.front { background-image:url(../images/page-bg-front.gif); }
body { padding:0; margin:0px auto; text-align:center;  }
img { border:0px none; }
a:hover {text-decoration: underline; }
p {margin:0px; padding:0px; text-align:left; color:#1E324E; font-size:12px; margin-top:20px; }
#divFooterBar p{margin:0px; padding:0px; text-align:left; color:#1E324E; font-size:12px; margin-top:0px; }
.SpotlightPanel p{margin:0px; padding:0px; text-align:left; color:#1E324E; font-size:12px; margin-top:0px; }
h2 { font-weight:100; line-height:24px; text-align:left; color:#1E324E; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100; font-size:14px;}
h1 { color:#1E324E; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100; font-size:18px; }
img { behavior: url("iepngfix.htc") }
li, th, td, label {font-family:Verdana,Arial, Helvetica,sans-serif; font-size:small;}

/**************************************** page tables **********************************************/

/*The main container that centres the page*/
#divPageContainer { width:990px; margin: 0 auto;}

/*---------------------*/

/*The main header that contains the two navigation bars*/
#divHeader { width:990px; height:145px; float:left; position:relative; }
#divHeader img.logo { float:left; margin-top:20px; }

/*The main navigation - home, about etc*/
#divNavBar { width:650px; height:35px; float:right; margin-top:95px; }
#divNavBar ul {list-style: none;  line-height:15px; float:right;}
#divNavBar li {float:left; margin-right:7px; text-align:left; font-size:13px; }
#divNavBar li a {text-decoration:none; color:#FFFFFF; background-color:#1B2E4A; padding:8px 14px; font-size:12px; display:block;}
#divNavBar ul li a:hover {color:#F26522;}
#divNavBar li#Selected a {color:#A0CCE7;}
#divNavBar li.last { padding-right:0px;}

/*The top navigation - my request list, my account etc*/
#divTopNav { position:absolute; top:20px; right:0px; }
#divTopNav ul {list-style: none;  line-height:15px; float:right;}
#divTopNav li {float:left; padding:0px 12px; border-right:1px solid #96A2B3; text-align:left; font-size:13px; }
#divTopNav li a {text-decoration:none; color:#96A2B3; font-size:10px; text-transform:uppercase; display:block;}
#divTopNav ul li a:hover {color:#F26522;}
#divTopNav li#Selected a {color:#F26522;}
#divTopNav li.last { padding-right:0px; border:0;}

/*---------------------*/

/* Search bar container, search form and checkout rollover */
#divSearchBar { width:990px; height:55px; float:left; }
.SearchBarLeftFront { width:10px; height:55px; float:left; background:url(../images/search-bar-left.png) no-repeat; }
.SearchBarLeft { width:10px; height:55px; float:left; background:url(../images/search-bar-left-alt.png) no-repeat; }
.SearchBarMain { width:970px; height:55px; float:left; background-color:#1E324E; }
.SearchBarRightFront { width:10px; height:55px; float:left; background:url(../images/search-bar-right.png) no-repeat; }
.SearchBarRight { width:10px; height:55px; float:left; background:url(../images/search-bar-right-alt.png) no-repeat; }

#divSearchContainer { width:650px; height:38px; float:left; margin:8px 0 0 2px;  }
#divSearch input.cleardefault{ float:left; width:501px; height: 30px; padding-left:45px; padding-top:8px; background: url(../images/search-bg.png) transparent; color:#FFFFFF; font-size:18px; font-family: Calibri, Arial, sans-serif; font-style:italic; border: 0px;  }
a.btnSubmit { text-align: left; width:104px; height:38px; float:left; background: url(../images/search-submit-btn.png) transparent; : url(../images/search-submit-btn.png) transparent; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; border:0px;}
a:hover.btnSubmit { background-position: 0 -38px; }
#oFsSearch { border: 0px; padding:0px; margin:0px;}

#divCheckoutStatus { width:275px; height:38px; float:left; margin:8px 0 0 40px; }
#divCheckoutStatus p { color:#FFFFFF; font-size:11px; float:left; margin-top:12px; }
a.CheckoutRollover { display: block; width: 105px; height: 38px; float:left; margin-left:20px; background: url(../images/checkout-submit-btn.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px;}
a:hover.CheckoutRollover { background-position: 0 -38px; }  

/*---------------------*/

/* Main banner graphic on home page */
#divFeatureBanner { width:990px; height:240px; margin-top:15px; float:left; }

/*---------------------*/

/* Main content holder, different classes depending on page style */
#divContent { width:990px; min-height:195px; float:left; background:url(../images/front-content-bg.png) repeat-x; margin-top:4px; position:relative; }
#divContent.manufacturers { width:988px; overflow:auto; border-left:1px solid #9D9FA2; border-right:1px solid #9D9FA2; border-top:1px solid #9D9FA2; }
#divContent.alt { width:928px; overflow:auto; background:none #FFFFFF; border-left:1px solid #9D9FA2; border-bottom:1px solid #9D9FA2; border-right:1px solid #9D9FA2; border-top:1px solid #9D9FA2; padding:10px 30px 30px 30px; }
#ContentPane { width:980px; min-height:195px; float:left; background-color:#FFFFFF; margin-top:4px; position:relative; border: 1px solid #999999; padding: 5px 5px 5px 5px; }
#ContentPane.manufacturers { width:988px; overflow:auto; border-left:1px solid #9D9FA2; border-right:1px solid #9D9FA2; border-top:1px solid #9D9FA2; }
#ContentPane.alt { width:928px; overflow:auto; background:none #FFFFFF; border-left:1px solid #9D9FA2; border-bottom:1px solid #9D9FA2; border-right:1px solid #9D9FA2; border-top:1px solid #9D9FA2; padding:10px 30px 30px 30px; }
#ContentPane.index {width:990px; min-height:195px; float:left; background:url(../images/front-content-bg.png) repeat-x; margin-top:4px; position:relative; }
#AdminContentPane { width:980px; min-height:195px; float:left; background-color:#FFFFFF; margin-top:4px; position:relative; border: 1px solid #999999; padding: 5px 5px 5px 5px; }
#AdminContentPane input{ }
/*---------------------*/

/* Individual product container, thumbnail, information and add to cart rollover */
.ProductHolder { width:928px; min-height:180px; overflow:auto; margin-top:10px; padding:10px 30px 0px 30px; }
.ProductThumb { width:174px; height:173px; float:left; border:1px solid #091D35; border-right:none; overflow:hidden; }
.ProductContentHolder { width:560px; min-height:173px; float:left; border:1px solid #091D35; }
.ProductInfoHolder { width:190px; height:173px; float:left; border:1px solid #091D35; border-left:0px; }
.ProductTitle { width:530px; background-color:#466993; padding:8px 15px; float:left; border-bottom:1px solid #091D35; }
.ProductTitle p { color:#FFFFFF; font-size:14px; margin-top:0px; }
.ProductContent { width:530px; padding:5px 15px 15px 15px; float:left; }
.ProductContent p { color:#4D4D4F; font-size:12px; margin-top:10px; line-height:18px; }
.ProductOrderNo { width:166px; padding:8px 12px; float:left; border-bottom:1px solid #091D35; }
.ProductOrderNo p { font-size:14px; color:#091C35; margin-top:0px; }
.ProductInfo { width:173px; padding:8px 5px 15px 12px; float:left; }
.ProductInfo p { font-size:12px; color:#091C35; font-weight:bold; margin-top:10px; }
.ProductInfo p.note { font-size:10px; font-weight:normal; margin-top:3px; }
.ProductInfo p strong { color:#F7941E; margin-top:0px; }
a.AddProduct { display: block; width: 166px; height: 34px; float:left; margin-top:15px; background: url(../images/add-to-request-list-btn.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; 
font-size: 0px; line-height: 0px;}
a:hover.AddProduct { background-position: 0 -34px; }
a.BasketDelete { display: block; width: 28px; height: 28px; float:left; margin-top:0px; background: url(../images/delete.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; 
font-size: 0px; line-height: 0px;}
a.BasketUpdate { display: block; width: 105px; height: 34px; float:left; margin-top:0px; background: url(../images/update-list.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; 
font-size: 0px; line-height: 0px;}
a:hover.BasketUpdate { background-position: 0 -34px; }
a.BasketEmpty { display: block; width: 105px; height: 34px; float:left; margin-top:0px; background: url(../images/empty-list.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; 
font-size: 0px; line-height: 0px;}
a:hover.BasketEmpty { background-position: 0 -34px; }
a.BasketPlaceOrder { display: block; width: 105px; height: 34px; float:right; margin-top:0px; background: url(../images/place-order.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; 
font-size: 0px; line-height: 0px;}
a:hover.BasketPlaceOrder { background-position: 0 -34px; }
a.CheckoutPlaceOrder { display: block; width: 105px; height: 34px; float:left; margin-top:0px; background: url(../images/place-order.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; 
font-size: 0px; line-height: 0px;}
a:hover.CheckoutPlaceOrder { background-position: 0 -34px; text-align:right; }

/*---------------------*/

/* Styles for the front page */

/* About intro text and container shown left */
.frontContentHolder { width:375px; height:160px; float:left; margin:20px 0 0 15px; }
.frontTitle { width:375px; height:20px; border-bottom:1px solid #091C35; float:left; }
.frontTitle p { color:#091C35; font-size:14px; margin-top:0px; }
.frontContent { float:left; }
.frontContent p { font-size:17px; color:#636466; margin-top:20px; text-align:right; line-height:25px; }

/* The two feature panels - Our Products and Special Offers*/
#divSpotlight { width:585px; height:200px; position:absolute; right:-12px; top:-20px; background:url(../images/spotlight-bg.png) no-repeat; }
.SpotlightPanel { width:235px; height:180px; float:left; padding:20px 25px 0 25px; margin-right:6px; }
.SpotlightPanel img { margin-top:10px; }
.SpotlightPanel p { color:#F26522; font-size:16px; }
.SpotlightPanel p a { color:#F26522; text-decoration:none; }
.SpotlightPanel p.link { font-size:12px; margin-top:10px; text-transform:uppercase; }
.SpotlightPanel p.link a { color:#091C35; text-decoration:none; }

/*---------------------*/

/* Container for header bar shown on all pages except the home, contains page title, breadcrumb nav etc */
#divHeaderBar { width:990px; height:100px; background-color:#1E324E; float:left; }
#divHeaderBarLeft { width:615px; height:50px; padding:20px 25px; float:left; }
#divHeaderBarLeft h1 { color:#FFFFFF; text-align:left; font-size:26px; font-weight:normal; }
#divHeaderBarLeft h2 { color:#F7941E; font-size:13px; font-weight:normal; margin-top:0px; }
#divHeaderBarLeft p { color:#FFFFFF; font-size:13px; font-weight:normal; margin-top:5px; }
#divHeaderBarLeft p a { color:#F7941E; text-decoration:none; }
#divHeaderBarLeft p a:hover { color:#FFFFFF; }
#divHeaderBarLeft a { color:#F7941E; text-decoration:none; }
#divHeaderBarLeft a:hover { color:#FFFFFF; }
#divHeaderBarLeft span { color:#FFFFFF; }
#divHeaderBarLeft p strong { color:#96A2B3; font-weight:normal; }
#divHeaderBarRight { width:300px; height:50px; padding-top:50px; padding-left:25px; float:left; }
#divHeaderBarRight p { color:#FFFFFF; float:left; margin-top:8px; margin-right:8px; }
#divHeaderBarRight p a { color:#FFFFFF; text-decoration:none; }
#divHeaderBarRight p a:hover { color:#F26522; text-decoration:none; }
#divHeaderBarRight p strong { color:#F26522; font-weight:normal; }

/*---------------------*/

/* Holds all the logos on the product page */
.gridsquare { width:164px; height:77px; overflow:hidden; border-right:1px solid #9D9FA2; border-bottom:1px solid #9D9FA2; float:left; }
.gridsquareLast { width:163px; height:77px; overflow:hidden; border-bottom:1px solid #9D9FA2; float:left; }

/* Manufacturers text list */
.brandlist { width:953px; padding-top:30px; padding-left:35px; padding-bottom:30px; float:left; background:url(../images/brands-bg.png) repeat-x; border-bottom:1px solid #9D9FA2; }
.brandcolumn { width:235px; height:220px; float:left; }
.brandcolumn p { font-size:14px; color:#636466; margin-top:2px; }
.brandcolumn p a { color:#636466; text-decoration:none; }
.brandcolumn p a:hover { color:#4D4D4F; }

/*---------------------*/

/* Manufacturer logos near footer on home page */
#divFrontManufacturers { width:990px; height:60px; padding-top:35px; float:left; border-top:1px solid #091C35; position:relative; }
#divFrontManufacturers img { margin:0px 18px; }
#divFrontManufacturers p { top:0px; left:20px; position:absolute; font-size:12px; color:#BCBEC0; }

/*---------------------*/

/* Main blue footer bar */
#divFooterBar { width:990px; height:42px; float:left; background-color:#1E324E; margin-top:15px; }
#divFooterBar.front { margin-top:0px; }
.FooterBarLeft { width:10px; height:42px; float:left; background:url(../images/footer-bar-left.png) no-repeat; }
.FooterBarMain { width:970px; height:29px; padding-top:13px; float:left; }
.FooterBarRight { width:10px; height:42px; float:left; background:url(../images/footer-bar-right.png) no-repeat; }
#divFooterBar p { color:#FFFFFF; font-size:12px; }
#divFooterBar p.left { float:left; margin-left:20px; }
#divFooterBar p.right { float:right; margin-right:20px; color:#999999; }
#divFooterBar p.right strong { color:#FFFFFF; }
#divFooterBar p a { color:#FFFFFF; text-decoration:none; }
#divFooterBar p a:hover { color:#F26522; }

/*---------------------*/

/* Lower footer with terms and privacy links etc */
#divFooter { width:990px; height:50px; float:left; margin-top:10px; background-color:#FFFFFF; }
#divFooter ul {list-style: none; line-height:15px;}
#divFooter ul.left { float:left; margin-left:20px;}
#divFooter ul.right { float:right; margin-right:30px;}
#divFooter li {float:left; padding:0px 8px; color:#808285; font-size:10px; border-right:1px solid #808285; text-align:left; }
#divFooter li a {text-decoration:none; color:#808285; font-size:10px; }
#divFooter ul li a:hover {color:#F26522;}
#divFooter li.last { padding-right:0px; border:0;}

.leftpanel
{
    width:755px;
    float:left;
    position:relative;
}

.rightpanel300
{
    width:300px;
    float:left;
    position:relative;
}

.leftpanel655
{
    width:655px;
    float:left;
    position:relative;
}

.boxsmalltop{
    width:564px;
    background-image:url(../images/boxsmalltop.gif);
    height:10px;
}

.boxsmallmid{
    width:564px;
    background-image:url(../images/boxsmallmid.gif);
  }

.boxsmallbottom{
    width:564px;
    background-image:url(../images/boxsmallbottom.gif);
    height:15px;
    margin-bottom:5px;
}

.boxsmallcenteredcontent{
    width:400px;
    margin-left: auto ;
    margin-right: auto ;
}

.boxmedtop{
    position:relative;
    clear:left;
    float:left;
    width:755px;
    background-image:url(../images/boxmedtop.gif);
    height:10px;
}

.boxmedmid{
    position:relative;
    clear:left;
    float:left;
    width:755px;
    min-height:400px;
    background-image:url(../images/boxmedmid.gif);
  }

.boxregmid{
    position:relative;
    clear:left;
    float:left;
    width:755px;
    background-image:url(../images/boxmedmid.gif);
  }

.boxmedbottom{
    position:relative;
    clear:left;
    float:left;
    width:755px;
    background-image:url(../images/boxmedbottom.gif);
    height:15px;
    margin-bottom:5px;
}

.boxmedcenteredcontent{
    width:400px;
    margin-left: auto ;
    margin-right: auto ;
}

.boxmedsmalltop{
    clear:left;
    float:left;
    width:655px;
    background-image:url(../images/boxmedsmalltop.gif);
    height:10px;
    margin-left: auto ;
    margin-right: auto ;
    display:inline;
    }

.boxmedsmallmid{
    clear:left;
    float:left;
    width:645px;
    background-image:url(../images/boxmedsmallmid.gif);
    margin-left: auto;
    margin-right: auto;
    padding:0px 5px 0px 5px;
    display:inline;
}

.boxmedsmallbottom{
    clear:left;
    float:left;
    width:655px;
    background-image:url(../images/boxmedsmallbottom.gif);
    height:15px;
    margin-left: auto ;
    margin-right: auto ;
    display:inline;
    }

.boxproddetailtop{
    width:655px;
    background-image:url(../images/boxmedsmalltop.gif);
    height:10px;
    margin-left: auto ;
    margin-right: auto ;
    }

.boxproddetailmid{
    width:645px;
    background-image:url(../images/boxmedsmallmid.gif);
    margin-left: auto ;
    margin-right: auto ;
    padding:0px 5px 0px 5px;
  }

.boxproddetailbottom{
    width:655px;
    background-image:url(../images/boxmedsmallbottom.gif);
    height:15px;
    margin-left: auto ;
    margin-right: auto ;
    }

.medsmallmid{
    width:655px;
    margin-left: auto ;
    margin-right: auto ;
}

.boxmedsmallcenteredcontent{
    width:400px;
    margin-left: auto ;
    margin-right: auto ;
}

.boxlargetop{
    width:958px;
    background-image:url(../images/boxlargetop.gif);
    height:10px;
}

.boxlargemid{
    width:958px;
    background-image:url(../images/boxlargemid.gif);
}

.boxlargebottom{
    width:958px;
    background-image:url(../images/boxlargebottom.gif);
    height:15px;
    margin-bottom:5px;
}

.centeredcontent600{
  width: 600px ;
  margin-left: auto ;
  margin-right: auto ;
}

.centeredcontent800{
  width: 800px ;
  margin-left: auto ;
  margin-right: auto ;
}

.centeredcontent758{
  width: 758px ;
  margin-left: auto ;
  margin-right: auto ;
}

.centeredcontent716{
  width: 716px ;
  margin-left: auto ;
  margin-right: auto ;
}

.td20 td{
    height:25px;
    vertical-align:top;
}

.ordersummaryheader
{
    background-image:url(../images/ordersummary.png);
    height:26px;
    width:300px;
    margin-left:5px;
}
.ordersummarycontents
{
    background-image:url(../images/ordersummarycontents.gif);
    background-repeat:repeat-y;
    width:300px;
    margin-left:5px;
    padding-left:5px;
}
.ordersummarycontents p, h2
{
    margin: 0px 0px 0px 0px;
}
.ordersummaryfooter
{
    background-image:url(../images/ordersummaryfooter.gif);
    height:15px;
    width:300px;
    margin-left:5px;
    }

.deliveryheader
{
    background-image:url(../images/deladdheader.png);
    height:24px;
}

.poheader
{
    background-image:url(../images/poheader.png);
    height:24px;
}

.addressmid
{
    background-image:url(../images/addmid.gif);
    background-repeat:repeat-y;
    padding-left:25px;
    padding-right:5px;
    padding-top:10px;
    text-align:left;
    height:100px;
    vertical-align:top;
    line-height:18px;
}
    
.addressbottom
{
    background-image:url(../images/addbottom.gif);
    background-repeat:no-repeat;
    height:14px;
}

.pomid
{
    background-image:url(../images/addmid.gif);
    background-repeat:repeat-y;
    padding-left:25px;
    padding-right:5px;
    padding-top:10px;
    text-align:left;
    height:50px;
    vertical-align:top;
    line-height:18px;
}

.returningheader
{
    background-image:url(../images/returningcustomer.png);
    height:26px;
}
    
.loginmid
{
    background-image:url(../images/loginmid.gif);
    background-repeat:repeat-y;
    padding-left:25px;
    padding-right:5px;
    text-align:center;
    height:120px;
}
    
.loginbottom
{
    background-image:url(../images/loginbottom.gif);
    height:16px;
}
    
.newcustomer
{
    background-image:url(../images/newcustomer.png);
    height:26px;
}

#AddressBox 
{ 
display:none;
position: absolute; 
color: #333; 
text-align: center; 
top: 500px; 
z-index: 100; 
background-color:#BED2D9;
}

.addresstable
{
    width:357px;
}

.smalltext {font-size:small;}

.ManufacturerList {margin-left:-6px;margin-top:-6px;}

.baskettotals 
{
    overflow:hidden;
    background-image:url(../images/baskettotals.gif);
    width:197px;
    height:123px;
    text-align:right;
    padding-right:20px;
    margin-bottom:5px;
    background-repeat:no-repeat;
}

.baskettotals td
{
    height:20px;   
}
#Terms p{font-size:x-small}
#Terms h2{font-size:x-small;font-weight:bold;}