F/*

2003/10/10

osC-CSS stylesheet created by Tim Walling

2003/11/04

modified by Paul Mathot



- these stylesheet settings apply to all media

- for printing styles edit templates/print.css

- learn more about CSS at http://www.w3schools.com/css/

- 2003/11/23 editted by PaulM forums.eeweb.nl

- original made by Tim Walling

*/



#headerCSS {

        margin: 0; padding: 0;

}

#leftnavCSS {

        float: left;

        width: 239	px;

        margin: 0; padding: 0;

}

#rightnavCSS {

        float: right;

        width: 50px;

        margin: 0; padding: 0;

}

.columnIn {

        margin:0px; padding: 0px;

}

.cleaner {

        clear: both;

        height: 1px;

        font-size: 1px;

        border: none;

        margin: 1; padding: 0;

        background: transparent;

}

.infoBoxCSS {

        border: 1px solid #ffffff;

        margin-bottom: 10px;

}

.infoBoxHeadingCSS {

        font-family: Verdana, Arial, sans-serif;

        font-size: 10px;

        font-weight: bold;

        color: #000000;

        padding: 5px;

        padding-top: 2px;

        padding-bottom: 2px;

        background-color: #bbc3d3;



}

.infoBoxHeadingLinkCSS {

        width: auto;

        float: right;

}

.infoBoxContentsCSS {

        font-family: Verdana, Arial, sans-serif;

        font-size: 10px;

        padding: 5px;

        background-color: #f8f8f9;

}

/* changed values paulm */

#subheaderCSS {

        margin-bottom: 4px;

        margin-top: 4px;

		text-align: center;

}

#subheaderRightCSS {

        width: auto;

        float: right;

}

#headerBarCSS {

        padding: 5px;

        padding-top: 2px;

        padding-bottom: 2px;

        background-color: #bbc3d3;

        font-family: Verdana, Arial, sans-serif;

        font-size: 10px;

        color: #ffffff;

        font-weight: bold;

}

#headerBarRightCSS {

        width: auto;

        float: right;

}



TD.infoBoxHeading1 {



  font-family: Verdana, Arial, sans-serif;



  font-size: 14px;



  font-weight: bold;



  background-image:url('images/m15.gif');

  background-repeat:repeat-x;



  color: #FFFFFF;



}



TD.infoBoxHeading2 {



  font-family: Verdana, Arial, sans-serif;



  font-size: 14px;



  font-weight: bold;



  background-image:url('images/m22.gif');

  background-repeat:repeat-x;



  color: #FFFFFF;



}



#footerBarCSS {

       <!--  padding: 5px; -->

        padding-top: 2px;

       <!--  padding-bottom: 2px;

        margin-bottom: 20px;-->

        background-color: #D2D3DF; 

        font-family: Verdana, Arial, sans-serif;

        font-size: 10px;

        color: #000000;

        font-weight: bold;

}

#footerBarRightCSS {

        width: auto;

        float: right;

}

#footerContentCSS {

        text-align: center;

        font-family: Verdana, Arial, sans-serif;

        font-size: 10px;

        margin-bottom: 20px;

}

#footerBannerCSS {

        text-align: center;

        margin-bottom: 20px;

}

#pageHeadingCSS, h1 {

        margin-bottom: 20px;

        font-family: Verdana, Arial, sans-serif;

        font-size: 20px;

        font-weight: bold;

        color: #9a9a9a;

}

#pageHeadingRightCSS {

        width: auto;

        float: right;

}

#currenciesPulldown {

        width: 100px;

}

#manufacturersPulldown {

        width: 125px;

}

#navcontainer ul

{

margin: 0;

padding: 0;

list-style-type: none;

font-family: verdana, arial, Helvetica, sans-serif;

}

#navcontainer li { margin: 0 0 1px 0; }



#navcontainer a

{

display: block;

padding: 5px 10px;

width: 115px;

color: #fff;

background: transparent;

text-decoration: none;

}

#navcontainer a:hover

{

color: #ffffff;



text-decoration: none;

}

#navcontainer ul ul li { margin: 0 0 1px 0; }



#navcontainer ul ul a

{

display: block;

padding: 5px 5px 5px 30px;

width: 100px;

color: #fff;

background-color: #369;

text-decoration: none;

}

#navcontainer ul ul a:hover

{

color: #fff;

background-color: #69C;

text-decoration: none;

}

/*

following added by paulm november 2003

*/

#headerBarCSS, #footerBarCSS {

border: 1px solid black;

border-width: 2px 1px;

}

#contentCSS {

width: 100%;

padding: 0px;

margin-left: auto;

margin-right: auto;

}

#contentCSS table {

margin-left: 0;

margin-right: 0;

background-color: #FFFFFF;

}

#pageBorderCSS {

width: 759px;

margin-right: auto;

margin-left: auto;

border: none;

position: relative;

}

.columnIn {

text-align: left;

}

body {

text-align: center;

padding: 0;

margin: 0px 0px;

}

.infoBoxCSS {

border: 1px solid black;

border-width: 2px 1px 2px 1px;

}

/* table width setting needed for IE, some boxes to wide */

.infoBoxCSS table {

width: 120px;

margin-left: auto;

margin-right: auto;

}

.infoBoxContentsCSS {

text-align: center;

}

#categoriesBoxCSS .infoBoxContentsCSS, #informationBoxCSS .infoBoxContentsCSS, #shopping_cartBoxCSS .infoBoxContentsCSS {

text-align: left;

}

div#categoriesBoxCSS, div#shopping_cartBoxCSS {

border-color: #933;

}

.infoBoxHeadingLinkCSS a:hover {

background-color: red;

}







.bg	 {background: url(images/m13.gif); height:33px; background-repeat: no-repeat;}

.bg1 {background-image: url('images/m15.gif'); background-repeat: repeat-x;}

.bg2 {background: url(images/m22.gif); background-repeat: repeat-x;}

.bg3 {background: url(images/m31.gif); background-repeat: repeat-x;}

.bg4 {background: url(images/m34.gif); background-repeat: repeat-x;}

.bg5 {background: url(images/m37.gif); background-repeat: repeat-x;}

.bg6 {background: url(images/m40.gif); background-repeat: repeat-y;}



ul{

   margin:0px;

   padding:0px;

   list-style:none;

}

ul li{		

    background:url(images/m17.gif) center left no-repeat; margin:0;	

	padding:0 0 0 40px;

		

}

ul a{

	color:#4B4A4A;

	text-decoration:none;

    font-size:11px;	

	line-height:24px;

}



ul a:hover{

	color:#68A600;

}


  ul.sitemap {color: #ff0000;}


.el{		

    background:url(images/m18.gif) center left no-repeat; margin:0;	

	padding:0 0 0 40px;

	height:22px;

}



.al li	{

	background:url(images/m24.gif) center left no-repeat; margin:0; 	

	padding:0;	

}

.al li a  {

	color:#4B4A4A;

	text-decoration:none;

    font-size:11px;	

	line-height:24px;

	}

	

.al li strong  {

	color:#D75811;

	text-decoration:none;

    font-size:11px;	

	line-height:24px;

	font-weight:bold;

	margin-right:16px; margin-left:7px;

   }	

	

.al li a:hover	{

	color:#D75811;	

}





.se  {width:130px; height:17px; color:#282E3E; font-family:tahoma,verdana,arial; font-size:10px; padding-left:2px;}

.se1 {width:153px; height:17px; color:#282E3E; font-family:tahoma,verdana,arial; font-size:10px; padding-left:2px;}

.go  {width:30px; height:15px; font-family:tahoma,verdana,arial; color:#636363; font-size:11px; text-align:center; border: solid 1px #989797;}

.ab  {vertical-align: middle;}

.bd  {border-right:#BFBFBF solid 1px; border-left:#BFBFBF solid 1px;}

.bd1 img {border:#C1C0C0 solid 1px;}



.tx  {font-size:11px; color:#FFFFFF;}

.tx1 {font-size:14px; color:#FFFFFF; font-weight:bold;}

.tx2 {font-size:12px; color:#FFFFFF; font-weight:bold;}

.tx3 {font-size:11px; color:#FA6100; font-weight:bold;}

.tx4 {font-size:11px; color:#5A5A5A;}

.tx5 {font-size:11px; color:#4B4A4A; font-weight:bold; text-transform:uppercase;}

.tx6 {font-size:13px; color:#474747; font-weight:bold;}



.ml {color:#FFFFFF;	font-size:11px; font-weight:bold; text-decoration:none;}

.ml:hover {text-decoration:underline;}

.ml1 {color:#4B4A4A; font-size:11px; font-weight:bold; text-decoration:none;}

.ml1:hover {text-decoration:underline;}

.ml2 {color:#474747; font-size:11px; text-decoration:none;}

.ml2:hover {text-decoration:underline;}

.ml3 {color:#FA6405; font-size:11px; text-decoration:none;}

.ml3:hover {text-decoration:underline;}



#zxc1 {color:#5A5A5A; font-size:11px; text-decoration:underline; font-weight:bold;}

#zxc1 a {color:#5A5A5A; font-size:11px; text-decoration:underline; font-weight:bold;}

#zxc1 a:hover {text-decoration:none;}

/