body, td, th {
    font-family: Arial, Helvetica, sans-serif;
    /*font-family: Arial Narrow,Arial,sans-serif;*/
    /*font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;*/
    /*font-family: Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;*/
    color: #666666;
    font-size: 12px;
}

body {	margin-left: 0px;	margin-top: 0px;	}

a:link {	color: #666666;	text-decoration:none;}
a:visited {	text-decoration: none;	color: #666666;}
a:hover {	text-decoration: none;	color: #333333;	background-color:#f6eb03;}
a:active {	text-decoration: none;}
a.lightlink { text-decoration:underline; color:#aaaaaa;}

img { border-style:none; border-width:0px;}
a:hover img  {border:none; background-color:#ffffff;padding:0;margin:0; text-decoration:none;}



#MainWrapper {width:980px; margin:0 auto 0 auto; height:auto;}

#HeaderDiv {
    width: 980px;
    height: 130px; 
    background: #000;
    margin-bottom: 20px;
    padding-top: 10px;
    margin-top: 20px;
}

#FootsureLogoPrint
{
display:none;
}

#FootsureLogo {
    background-image: url(/images/header/footsure_logo.png);
    height: 69px;
    width: 260px;
    float: left;
    margin-top: 10px;
    margin-left: 50px;
}
    #FootsureLogo.dirDelBg {
        background-image: url(/images/header/footsure_logo-directDelivery.png);
        /*height: 93px;*/
    }



#AccountLinks {
 width:450px; float:right; font-family: Arial; font-size:100%; color:#000000; margin-right:20px;/*margin-top:10px;*/

}


#MainMenu {clear:both; height:23px; width:100%; vertical-align:middle;color:#fff;}
#MainMenu ul { height:25px;}  
#MainMenu li, #MainMenu li a{display:inline; width:80px; padding:0px 8px 0px 8px; font-size:1.2em; font-weight:bold;  vertical-align:middle; color:#fff;}

#MainMenu li a:hover { text-decoration:underline; background-color:#434343;}
#ContentDiv {width:980px; height:auto;}
/*Leftcolumn*/

#LeftColumn {width:194px;  float:left; }

/*#LeftColumn ul {margin:20px 5px 6px 10px; display:block; list-style:none; font-family:Verdana, Arial;}

#LeftColumn ul li {margin:0 5px 6px 10px; line-height:25px; background-image:url(/images/leftcol/listsection_partition.jpg); background-repeat:no-repeat; background-position:bottom;}

#LeftColumn ul li ul {margin:0 5px 6px 5px; display:block; font-family:Arial, Helvetica, sans-serif;}

#LeftColumn ul li ul li, #LeftColumn ul li ul li a {background-image:none;}
#LeftColumn ul li ul li a:hover {background-image:none; border:#009966 1px solid;}*/

.arrowlistmenu{
width: 155px; /*width of accordion menu*/
}

.accountlistmenu
{
    padding:0 0 0 5px;
}

.accountlistmenu ul 
{
 list-style-type: none;
    margin: 0;
    padding: 0;
        }
        
.accountitems{}


ul.accountitems a, #AccountColumn a
{
   text-decoration:underline;
    }

ul.accountitems .unLink
{
       color: Gray;
    text-decoration: none;
    }

ul.listItemsOnOrder li {
    font-size: 0.9em;
}


.arrowlistmenu .menuheader, .arrowlistmenu .menuheader a, .accountlistmenu .menuheader, .accountlistmenu .menuheader a  { 
/*CSS class for menu headers in general (expanding or not!)*/
font: 13px;
font-weight:bold;
color: #434343;
/*background: #e4e6e3 url(/images/leftcol/listsection_partition.jpg) center bottom no-repeat;*/
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
margin-left: 5px; 
text-transform: uppercase; text-indent:-9px;
padding: 2px 0 4px 4px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .menuheader a:hover {color:#000000;}
/*.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded
background-image: url(titlebar-active.png);
}*/

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
/*margin-bottom: 4px; bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{

text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 11px;
color: #434343;
/*background: url(arrowbullet.png) no-repeat center left; custom bullet list image*/
display: block;
padding: 1px 0;
padding-left: 15px; /*link text is indented 19px*/
}

.disLink
{
color:Gray;
display:block;

font-size:11px;
letter-spacing:0pt;
line-height:1.2em;
padding:1px 0pt 1px 15px;
text-align:left;
text-decoration:none;
word-spacing:normal;
}



.arrowlistmenu ul li a:visited{
color: #434343;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000000;
background-color: #F3F3F3;

}

.arrowlistmenu H3
{
     margin-top:0px;
}


/*Rightcolumn yellow was  = #efe700*/

#RightColumn {width:160px;  float:right;}
#AccountColumn {width:160px; float:right;}
#AccountMenu { background-color:#E4E6E3; margin-bottom:20px; padding: 0 0 20px 5px; }
#BrandList {  }


#OrderDetails {width:150px;  
/*background-image:url(/images/rightcolumn/itemsordered.jpg); */
background-repeat:no-repeat; background-position:top; padding:0px 5px 10px 5px; border-bottom:#919b93 10px solid;}
/*CentreColumn*/

#CentreColumn {width:610px; margin:0px 8px 0px 8px; float:left;}

#CentreContent {
width:592px; margin:8px 0px 0px 0px; 
background-color:#ffffff; 
padding:8px 8px 8px 8px;
border-left:solid 1px #d2d6d3;
border-right:solid 1px #d2d6d3;
}


#CentreContent hr {background-image:url(/images/centrecol/hr1.jpg);}
#CentreContent a {text-decoration:underline;}

#CentreContent a:hover img  {text-decoration:none; background-color:#ffffff;}

#CentreColumnSpan {width:770px; margin:0px 0px 0px 8px; float:left; }

#CentreContentSpan {
 background-color:#ffffff;
 margin:8px 0px 0 0px;

width:761px; 
padding:8px 8px 8px 8px;
}


#SearchArea {padding: 5px 5px 5px 5px;width:600px; height:20px; background-color:#e4e6e3;  vertical-align:middle; }
#SearchArea span { margin:3px 0 0 0; }
#SearchAreaWide {padding: 5px 5px 5px 5px;width:767px; height:20px; background-color:#e4e6e3;  vertical-align:middle; }
#AdvancedSearchArea {padding: 5px 5px 5px 5px;width:600px; background-color:#e4e6e3;  vertical-align:middle; }


#BuildOrder {clear:both; width:570px; background-color:#e6e8e5; height:15px; padding:10px 10px 10px 10px;}

#productbysection {width:570px; margin:5px 15px 5px 15px;}
#productitem {}

.brandtext 
{
background-color: #fff;
color: #444;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.8em;

/*	color:black;
	font-family:Verdana, Arial;
	font-size:170%;
	letter-spacing: 1px;*/
}
#BrandLogo {width:80px; height:50px; background-color:#CCCCCC; float:right;}

.sectiontext {
/*color:#434343; font-family:Verdana, Arial; font-size:170%;letter-spacing: 1px;*/
background-color: #fff;
color: #919a92;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.8em;

}


.prodname {color:#434343; font-size:140%; font-weight:600;}
.prodnamesm {color:#434343;}
.tabledata {width:165px; padding:2px 8px 2px 8px; border-bottom:#999999 1px solid;}
.viewbtn {float:right;}
.blktxt {color:#000000; font-weight:bold;}

/*CentreColumn*/


/*footer*/
#Footer {clear:both; width:980px; background-color:#000; height:60px; margin-top:5px;}
.footsure_blsm {
    /*font-family: Arial;*/
    color: #f6d901;
    font-size: 120%;
    letter-spacing: 1px;
    font-weight: bold;
}
.footsure_grsm {font-family: Arial; font-size:11px; color:#ababab;letter-spacing: 1px;}
.footsure_grsm a {
    color: #ddd;
}
.addresstxt {
    font-size: 80%;
    /*color: #ddd;*/
}

p.inspCopy {
    font-size:1.05em; line-height:1.3;
}
/*ProdDetails*/
.tblprodimage {
    width: 275px;
    height: 270px;
    padding: 0 5px 0 5px;
}

.tblproddetails 
{
width:300px; 
border-left:solid 1px #cdcdcd; 
text-align:left; 
height:270px; 
padding:0 5px 0 5px; 
}

ul.eDescLi  {padding-left: 15px;}
ul .eDescLi li {    color:red;}
/* stock row colours */
.stockOut {
    background-color: #ffd5d5;
}
.stockLow { background-color:#fcefd7;}
.stockOkay { background-color:#daf7dd;}



/* search stuff */
#stdSearchHeader_tbxSearchBox { height:15px; font-family:Arial,Helvetica,sans-serif; font-size:12px; background-color:#ffffff; color:#383838; vertical-align:top;  }
#btnGoSearch {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#383838; vertical-align:top;  }

.buttons{ font-size:11px; color:#383838;  }

.loginboxes{
height:14px;font-size:11px; background-color:#ffffff; color:#383838; vertical-align:top;  
}

.littleloginBtn
{
height:20px; font-family:Arial,Helvetica,sans-serif; font-size:12px; vertical-align:top;  
}

.addProdDialogBtns
{
height:20px;  font-size:12px; vertical-align:top;  
}


/* paging stuff */
.divPaging {
    /*margin:6px 6px 6px 6px;*/
    padding: 5px 13px 5px 13px;
    background-color: #f4e67d;
}

.divPaging select{
 font-size:12px;
}


div.leftmenuSep {
    height: 5px;
    /*background: #e4e6e3 url(/images/leftcol/listsection_partition.jpg) no-repeat scroll center;*/
    border-bottom: 1px solid white;
    padding-top: 4px;
}

div.leftmenuSep hr 
{
  display: none;
}



#tblProdSafe td
{
 background-color:#dddddd;
 padding:5px 5px 5px 5px;
 border:solid 1px #b5b5b5;
}

#ddlDeliveryAdd { font-family:Arial,Helvetica,sans-serif; font-size:12px; background-color:#ffffff; color:#383838; }
#tbxOrderNotes { font-family:Arial,Helvetica,sans-serif; font-size:12px; background-color:#ffffff; color:#383838; }



#tblProdFeat td
{
 background-color:#eeeeee;
 padding:5px 5px 5px 5px;
 border:solid 1px #b5b5b5;
}




/* div layers for pricing info */
#pricingheader {
  float:left;
  width:100%;
  background:#ffffff url("/images/pricingheader/bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#pricingheader ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#pricingheader li {
  float:left;
  margin:0;
  padding:0 0 0 9px;
  }
#pricingheader a {
  float:left;
  display:block;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  }
  
  
  .prodTabOn{
  background-color:#cccccc;
  color:#000000;
  }

  .prodTabOff{
  background-color:#efefef;
  color:#dddddd;
  background:#ffffff url("/images/pricingheader/bgTab.gif") repeat-x bottom;
  } 
     
.prodTabOn  a{  color:#000000;  }
.prodTabOff a{ color:#dddddd;  }

.prodTabOn  a:hover{  background:#cccccc;  }
.prodTabOff a:hover{   background:#ffffff url("/images/pricingheader/bgTab.gif") repeat-x bottom;  }

#mainWarning
{
padding:10px;
margin:10px;
border:solid 10px #cecece;
 background-color:#ececec;
}



div.customerFlow
{
width:300px;
height:75px;
padding:10px;
margin:10px;
}

div.cfOkay{background-color:#d0efdd;}

div.cfProb{background-color:#f8c4c4;}

div.cfGrey{background-color:#efefef;}

div.cfLeft{float:left;}
div.cfRight{float:right;}

div.custDetailModalContent{font-size:0.9em;}
div.custDetailModalContent input{font-size:0.9em;}


div.gardProdsFollow {
    display: block;
    padding: 5px;
    margin: 5px;
    font-size: 1.2em;
    font-weight: bold;
    background-color: #E4E6E3;
    line-height: 1.2;
    color: #000;
}
    
    div.rivaProd
{
     display:block;
 padding:5px;
 margin:5px;
 font-size:1.1em;
  background-color:#E2C8AE;
  line-height:1.1;
color: #000000;
    }
    
    .graySpan
    {
        color:Gray;
        }
        
        
#BrandList
{
    text-align:center;
    }


#accAdminTitle {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4em;
    padding-top: 5px;
}

.onStopWarn {
    background-color: #ffb4b4;
    padding: 15px;
    margin: 10px;
    border: 1px solid #ccc;
    color: #000;
    line-height: 1.5em;
}