body
{
    font-family         : Arial;
    font-size           : 11px;
    background-color    : white;
    margin              : 0px;
    text-align          : center;
}
body td
{
    font-size           : 11px;    
}
body div
{
    text-align          : left;
    font-family         : Arial;
}
body a
{
    color               : #004a8d;    
}
img, h1, .class-with-png-background-image {
    behavior: url(/css/pngfix.htc);
}
#container
{
    width               : 938px;    
    margin-top          : 15px;
    margin-right        : auto;
	margin-left         : auto;
	border              : 1px solid #c9c9c9;
}
* html #container
{
    width               : 939px;    
}
#content
{


}
#footer,
#head
{
    height                  : 35px;
    background-color        : #ededed;    
    vertical-align          : middle;
    
}
#footer
{
    border-top           : 1px solid #c9c9c9;
}
#head
{
    border-bottom           : 1px solid #c9c9c9;
}

#footer .freePhone,
#footer .quickLinks,
#footer .languages,
#head .freePhone,
#head .quickLinks,
#head .languages
{
    height: 35px; 
}
#footer .freePhone,
#head .freePhone,
#head .us
{
    width                   : 238px;
    width                   : 279px;
    height                  : 100%;
    float                   : left;
    vertical-align          : middle;
    border-right            : 1px solid #c9c9c9;
}
#head .us
{
    color: #d11a1a;
    font-weight: bold;
    background: url(/images/united-states-of-america.gif);
    background-repeat: no-repeat;
    background-position: 20px 8px;
}
#head .us div
{
    margin-left: 45px;
}
#head .us a
{
    color: #d11a1a;
}
#head .us div,
#footer .freePhone div,
#footer .quickLinks div,
#head .freePhone div,
#head .quickLinks div
{
    padding-top             : 10px;
    padding-left            : 10px;
    padding-right           : 10px;
}
#footer .languages div,
#head .languages div
{
    padding-top: 7px;
}
#footer .quickLinks,
#head .quickLinks
{
    float                   : left;  
    padding-left            : 0px;
    padding-right           : 0px;  
}
#footer .quickLinks a,
#head .quickLinks a
{
    text-decoration         : none;
    color                   : Black;
    padding-left            : 3px;
    padding-right           : 3px;
}
#head .languages
{
    text-align              : right;
    float                   : right;  
    width                   : 232px;  
    padding-left            : 2px;
    padding-right           : 2px; 
}
#left
{
    float                   : left;
    
    width                   : 279px;
    min-height              : 100px;

}
#left #logo
{
    text-align              : center;
    height                  : 221px;
    width                   : 278px;
}
.hometable .orange,
#left .orange
{
    height                  : 35px;
    background-color        : #fba119; 
    border-top              : 1px solid #c9c9c9;
    border-bottom            : 1px solid #c9c9c9;
}
.hometable .orange div,
#left .orange div
{
    font-size               : 12px;
    color                   : White;
    font-weight             : bold;
    padding-left            : 30px;
    padding-top             : 10px;
    background-image        : url(/images/orange_target.gif);
    background-repeat       : no-repeat;
    background-position     : 10px 10px;
}

.hometable .darkred,
#left .darkred
{
    height                  : 35px;
    background-color        : #ab113f; 
    border-top              : 1px solid #c9c9c9;
    border-bottom            : 1px solid #c9c9c9;
}
.hometable .darkred div,
#left .darkred div
{
    font-size               : 12px;
    color                   : White;
    font-weight             : bold;
    padding-left            : 30px;
    padding-top             : 10px;
    background-image        : url(/images/darkred_target.gif);
    background-repeat       : no-repeat;
    background-position     : 10px 10px;
}
.hometable .darkorange,
#left .darkorange
{
    height                  : 35px;
    background-color        : #ff5a00; 
    border-top              : 1px solid #c9c9c9;
    border-bottom            : 1px solid #c9c9c9;
}
.hometable .darkorange div,
#left .darkorange div
{
    font-size               : 12px;
    color                   : White;
    font-weight             : bold;
    padding-left            : 30px;
    padding-top             : 10px;
    background-image        : url(/images/darkorange_target.gif);
    background-repeat       : no-repeat;
    background-position     : 10px 10px;
}
.hometable .green,
#left .green
{
    height                  : 35px;
    background-color        : #8fa818; 
    border-top              : 1px solid #c9c9c9;
    border-bottom           : 1px solid #c9c9c9;
}
.hometable .green div,
#left .green div
{
    font-size               : 12px;
    color                   : White;
    font-weight             : bold;
    padding-left            : 30px;
    padding-top             : 10px;
    background-image        : url(/images/green_target.gif);
    background-repeat       : no-repeat;
    background-position     : 10px 10px;
}
.hometable .darkgreen,
#left .darkgreen
{
    height                  : 35px;
    background-color        : #257072; 
    border-top              : 1px solid #c9c9c9;
    border-bottom           : 1px solid #c9c9c9;
}

.hometable .darkgreen div,
#left .darkgreen div
{
    font-size               : 12px;
    color                   : White;
    font-weight             : bold;
    padding-left            : 30px;
    padding-top             : 10px;
    background-image        : url(/images/darkgreen_target.gif);
    background-repeat       : no-repeat;
    background-position     : 10px 10px;
}
.hometable .darkred,
.hometable .orange,
.hometable .darkorange,
.hometable .green,
.hometable .darkgreen
{
    border-bottom           : 0px solid #c9c9c9;
}
.hometable td.cont,
.hometable .innercontentop,
.hometable .innercontent,
.hometable .innercontenttop table,
.hometable .innercontent table
{
    width                   : 291px;    
    border-collapse         : collapse;
}
.hometable .innercontenttop,
.hometable .innercontent
{
    border                  : 1px solid #cecece;
    border-top              : 0px solid #cecece;
    min-height              : 220px;
}
.hometable .innercontenttop,
.hometable .innercontenttop table
{
    min-height                  : 182px;
    height                      : 182px;
}
.hometable 
{
    width: 620px;
}


#left .purple
{
    height                  : 35px;
    background-color        : #613149; 
    border-top              : 1px solid #c9c9c9;
    border-bottom           : 1px solid #c9c9c9;
}
#left .purple div
{
    font-size               : 12px;
    color                   : White;
    font-weight             : bold;
    padding-left            : 30px;
    padding-top             : 10px;
    background-image        : url(/images/purple_target.gif);
    background-repeat       : no-repeat;
    background-position     : 10px 10px;
}


#left #productLine
{
    padding                 : 15px;    
}
#left .navigation
{
    padding             : 10px;
        
}
ul.top
{
    list-style-type         : none;
    margin-left             : 0px;
    padding-left            : 1em;
}
ul.top li
{
    background-image        : url(/images/nav_pointer.gif);
    background-repeat       : no-repeat;
    font-weight             : bold;
    background-position     : 0 3px;
    padding-left            : 10px;
    padding-bottom          : 3px;
}
.hometable ul.top li
{
    margin-left             : 10px;
    margin-top              : 0px;
}
#left .navigation ul.top li.mechanical
{
    color: #f8af15;
    background-image        : url(/images/nav_pointer_orange.gif);
}
#left .navigation ul.top li.electronic
{
    color: #19a6ca;
    background-image        : url(/images/nav_pointer_blue.gif);
}


ul.sub
{
    list-style-type         : none;
    margin-left             : 0;
    padding-left            : 1em;
}
ul.sub li
{
    background-image        : url(/images/nav_pointer.gif);
    background-repeat       : no-repeat;
    font-weight             : normal;
    background-position     : 0 3px;
    padding-left            : 10px;
    padding-top         : 3px;
}
ul.top li a,
ul.sub li a
{
    color   : Black;
    text-decoration : none;
}
ul.top li a:hover,
ul.sub li a:hover
{
    text-decoration : underline;
}


#right
{
    float                        : left;
    width                        : 658px;
}
* html #right
{
    width                        : 657px;    
}
#right #banner
{
  
}
#right .navigation
{
   
}
#right .navigation .itemEnd,
#right .navigation .item
{
    height                      : 35px;
    float                       : left;  
    border-right                : 1px solid #c9c9c9;  
    border-bottom               : 1px solid #c9c9c9; 
    border-top                  : 1px solid #c9c9c9; 
    background-color            : #404040;
    width                       : 109px;  
    
}
* html #right .navigation .itemEnd
{
    width                       : 112px;  
}
#right .navigation .itemEnd
{  
    border-right                : 0px solid #c9c9c9;  
    width                       : 108px;  
}
#right .navigation .itemEnd div,
#right .navigation .item div
{
    padding                     : 3px;
    padding-left                : 5px;
    padding-right               : 5px;
    text-align                  : center;
    

}
#right .navigation .itemEnd a,
#right .navigation .item a
{
   Color                        : White;
   text-decoration              : none;
}

#snailTrail
{
    padding-top                     : 15px;   
    padding-left                    : 15px; 
    border-left            : 1px solid #c9c9c9; 
}
#snailTrail a
{
    text-decoration: none;
    color: Black;  
}
#mainContent
{
    padding                     : 15px;
     
    border-left                 : 1px solid #c9c9c9;   
}


h1,
.family h1
{
    font-size   : 16px;      
}
h2,
.family h2
{
    font-size   : 14px;      
}
h3,
.family h3
{
    font-size   : 12px;      
}
h4,
.family h4
{
    font-size   : 10px;      
}
.family table.family_rounded_50
{
    width: 307px;    
    border-collapse :collapse;
}
.family table.family_rounded_50 td.top
{
    height  : 13px;
    background-repeat: no-repeat;
    background-position : bottom left;
}
.family table.family_rounded_50 td.bottom
{
    height  : 13px;
    background-repeat: no-repeat;
}
.family table.family_rounded_50 td.content .divider
{
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: White;
    font-weight: bold;
    margin-right: 1px;
    font-size               : 12px;
}
.family table.family_rounded_100
{
    width: 627px;    
    border-collapse :collapse;
}
.family table.family_rounded_100 tr td
{
    height              : 30px;
    padding-left        : 15px;
}
.family table.family_rounded_100 tr.headers td
{
    height              : 30px;
    font-weight         : bold;
    padding-left        : 15px;
}
.family table.family_rounded_print
{
    width               : 152;
    border-collapse     : collapse;
}
.print 
{
    float               : right;    
}
.family table.family_rounded_print tr.printBottom,
.family table.family_rounded_print tr.printTop
{
     height             : 11px;
}
.family table.family_rounded_print tr.printContent td,
.family table.family_rounded_print tr.printBottom td,
.family table.family_rounded_print tr.printTop td
{
     border             : 0px;
}
.family table.family_rounded_print tr.printContent td
{
    padding-left            : 10px;    
}
.family table.family_rounded_print tr.printContent td a
{
    color       : Black;
    font-weight : bold;
    text-decoration : none;
    padding-left    : 3px;
}


/* COLOUR SLECTOR MAIN COLOUR */
.family .COLF8AF15 tr.printTop
{
     background-image   : url(/images/family_colours/F8AF15/print_top.gif);  
}
.family .COLF8AF15 tr.printBottom
{
     background-image   : url(/images/family_colours/F8AF15/print_bottom.gif);  
}
.family .COLF8AF15 tr.printContent
{
     background-image   : url(/images/family_colours/F8AF15/print_back.gif);  
}
.family .COLF8AF15 table.family_rounded_100 tr
{
     
     
}
.family .COLF8AF15 table.family_rounded_100 tr.headers
{
   color                : #F8AF15;


}


.family .COLF8AF15 table.family_rounded_100 tr.wide td
{
     border-bottom             : 1px solid #F8AF15;
     border-right              : 1px solid #F8AF15; 
}
.family .COLF8AF15 table.family_rounded_100 td
{
     border-bottom             : 1px solid #F8AF15;
     border-right              : 1px solid #F8AF15; 
}

.family .COLF8AF15 table.family_rounded_50 td.top
{
    background-image : url(/images/family_colours/F8AF15/border_50_top.gif);    
}
.family .COLF8AF15 table.family_rounded_50 td.content
{
    background-image : url(/images/family_colours/F8AF15/border_50_back.gif);
}
.family .COLF8AF15 table.family_rounded_50  td.bottom
{
    height  : 13px;
    background-image : url(/images/family_colours/F8AF15/border_50_bottom.gif);
    background-repeat: no-repeat;
}
.family .COLF8AF15 table.family_rounded_50 td.content .divider
{
    background-color: #F8AF15;
}
.family .COLF8AF15 table.family_rounded_100 tr.footers td.end, 
.family .COLF8AF15 table.family_rounded_100 tr.headers td.end
{   

}
.family .COLF8AF15 table.family_rounded_100 tr.headers td
{


}
.family .COLF8AF15 table.family_rounded_100 td
{
   border              : 1px solid #F8AF15; 
}
.family .COLF8AF15 table.family_rounded_100 td.end
{
   border-right              : 1px solid #F8AF15; 
}

* hmtl .family .COLF8AF15 table.family_rounded_100 td.end
{
   border-right              : 2px solid #F8AF15; 
}
/* COLOUR SLECTOR MAIN COLOUR  END */

/* COLOUR SLECTOR MAIN COLOUR */
.family .COL19A6CA tr.printTop
{
     background-image   : url(/images/family_colours/19A6CA/print_top.gif);  
}
.family .COL19A6CA tr.printBottom
{
     background-image   : url(/images/family_colours/19A6CA/print_bottom.gif);  
}
.family .COL19A6CA tr.printContent
{
     background-image   : url(/images/family_colours/19A6CA/print_back.gif);  
}
.family .COL19A6CA table.family_rounded_100 tr
{
     
}

.family .COL19A6CA table.family_rounded_100 tr.headers
{

   color                : #19A6CA;
   border-bottom        : 1px solid #F8AF15;
   background-repeat    : no-repeat;
   background-position  : top left;

}



.family .COL19A6CA table.family_rounded_100 tr.headers td
{
     border-right              : 1px solid #19A6CA; 
}
.family .COL19A6CA table.family_rounded_100 tr.wide td
{
     border-bottom             : 1px solid #19A6CA;
     border-right              : 1px solid #19A6CA; 
}

.family .COL19A6CA table.family_rounded_100 tr.footers
{
     background-image   : url(/images/family_colours/19A6CA/border_100_bottom.gif);  
     background-position    : bottom;
}
.family .COL19A6CA table.family_rounded_100 tr.footers td
{
     border-bottom             : 0px solid #19A6CA;

}
.family .COL19A6CA table.family_rounded_50 td.top
{
    background-image : url(/images/family_colours/19A6CA/border_50_top.gif);    
}
.family .COL19A6CA table.family_rounded_50 td.content
{
    background-image : url(/images/family_colours/19A6CA/border_50_back.gif);
}
.family .COL19A6CA table.family_rounded_50  td.bottom
{
    height  : 13px;
    background-image : url(/images/family_colours/19A6CA/border_50_bottom.gif);
    background-repeat: no-repeat;
}
.family .COL19A6CA table.family_rounded_50 td.content .divider
{
    background-color: #19A6CA;
}
.family .COL19A6CA table.family_rounded_100 tr.footers td.end, 
.family .COL19A6CA table.family_rounded_100 tr.headers td.end
{   

}
.family .COL19A6CA table.family_rounded_100 td
{
   border              : 1px solid #19A6CA; 
}
.family .COL19A6CA table.family_rounded_100 tr.headers td
{


}
.family .COL19A6CA table.family_rounded_100 td.end
{
   border-right              : 1px solid #19A6CA; 
}
* html .family .COL19A6CA table.family_rounded_100 td.end
{
   border-right              : 2px solid #19A6CA; 
}
/* COLOUR SLECTOR MAIN COLOUR  END */



.family table.family_rounded_50 td.content .text
{
    padding: 10px;
}
.family table.family_rounded_50 td.content .more 
{
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: right;

}
.family table.family_rounded_50 td.content .more a
{
    font-weight: bold;
    text-decoration : none;
}

.family table.family_rounded_50 td.content .hr
{
    height: 1px;
    margin-right: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.family table.family_rounded_100 td.end
{
    border-right    : 0px;
}




.helpLinks a
{
    background-image: url(/images/listitem_arrow.gif);
    background-repeat   : no-repeat;
    background-position : 0 5;
    padding-left        : 10px;  
    font-weight         : bold;
    color               : Black;
    text-decoration     : none;
    margin-left         : 15px;
}

ul,
ol,
.family ol, 
.family ul { 
	border-collapse     : collapse; 
	margin-left		: 0px;    
    padding: 0;

}

ul li,
.family ul li 
{
    list-style: none;
	padding-left: 15px;
	background-image: url(/images/li.gif);
	background-repeat   :no-repeat;
	background-position: 0 .3em;   
}	
#mainContent ol li,
.family ol li 
{
    margin-left : 15px;
	padding-left: 0px;
	
}	


















#ContentNodes_Content .basketcell_summary,
#ContentNodes_Content .basketcell,
#ContentNodes_Content .productcell_short,
#ContentNodes_Content .productcell 
{
	margin-bottom		: 20px;
	width				: 492px;
	height				: 115px;
}
#ContentNodes_Content .basket_top
{
    background-image    : url(/images/basket/basket_top_normal.gif);
    height              : 9px;
    width               : 621px;
}
#ContentNodes_Content .total_top
{
    background-image    : url(/images/basket/total_top.gif);
    height              : 9px;
    width               : 309px;
}
#ContentNodes_Content .total_bottom
{
    background-image    : url(/images/basket/total_bottom.gif);
    height              : 12px;
    width               : 309px;
}
#ContentNodes_Content .basket_top_quantity
{
    background-image    : url(/images/basket/basket_top.gif);
    height              : 9px;
    width               : 621px;
}
#ContentNodes_Content tr.basket_quantity
{
    background-image    : url(/images/basket/basket_top_back.gif);
    background-repeat   : repeat-y;
}
#ContentNodes_Content tr.total_tint
{
    background-image    : url(/images/basket/total_back_tint.gif);
    background-repeat   : repeat-y;
}
#ContentNodes_Content tr.total_price
{
    background-image    : url(/images/basket/total_back.gif);
    background-repeat   : repeat-y;
}
#ContentNodes_Content tr.basket_tint
{
    background-image    : url(/images/basket/basket_back_tint.gif);
    background-repeat   : repeat-y;
}
#ContentNodes_Content tr.basket_price
{
    background-image    : url(/images/basket/basket_back_white.gif);

    background-repeat   : repeat-y;
}
#ContentNodes_Content .basket_bottom
{
    background-image    : url(/images/basket/basket_bottom.gif);
    height              : 10px;
    width               : 621px;
}
#ContentNodes_Content .basketcell_summary,
#ContentNodes_Content .basketcell
{
    	height				: auto;
    	width               : auto;
}
#ContentNodes_Content .basketcell_summary
{
    width           : 200px;    
}
#ContentNodes_Content .basketcell_summary .text
{
    padding                 : 5px 15px 5px 15px;
}

#ContentNodes_Content .basketcell .text
{
    padding                 : 5px 15px 5px 15px;
}
#ContentNodes_Content .basketcell .quantity
{
    
    padding                 : 5px 15px 5px 15px;
}
#ContentNodes_Content .basketcell .price
{
    padding                 : 5px 15px 5px 15px;
}
#ContentNodes_Content .basketcell .remove
{
    background-color       : #ffffff;
    padding                 : 5px 15px 5px 15px;
}

.edit_order,
.check_out
{
   
    background-repeat   : no-repeat;
    padding-left        : 20px;
    text-align          : left;
    font-size           : 12pt;
    color               : #fba119;
    font-weight         : bold;
    background-color    : #ffffff;
    cursor              : pointer;
    text-decoration		: underline;   
    padding-bottom      : 15px;
    margin-top          : 10px;
}
.check_out
{
     background-image	: url(/images/checkout.gif);    
}
.edit_order
{
     background-image	: url(/images/edit_icon.gif);  
}
.edit_order a,
.check_out a
{
    color               : #fba119;   
    text-decoration		: underline;    
}


.popup td p
{
    font-size: 8pt;
    
}
#navSpacer
{
   
}