/*
- 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
*/

body {
text-align: center;
margin: 2px;
margin-top: 0px;
background-image: url(/images/topbg.gif);
background-repeat: repeat-x;
background-position: top;
}

#headerCSS {
        margin: 0;
		padding: 0;
}

/*
#contentCSS {
        margin:0 150px;
}
*/
#leftnavCSS {
        float: left;
        width: 200px;
        margin: 0; padding: 0;
}

#rightnavCSS {
        float: right;
        width: 150px;
        margin: 0; padding: 0;
}

.columnIn {
        margin:5px; padding: 0px;
}

.cleaner {
        clear: both;
        height: 1px;
        font-size: 1px;
        border: none;
        margin: 0; padding: 0;
        background: transparent;
}

.infoBoxCSS {
        border: 1px solid #bbc3d3;
}

.infoBoxHeadingCSS {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #8E8E8E;
        padding: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #EEEEEE;
}

.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: 10px;
        margin-top: 10px;
		height: 50px;
}

#subheaderRightCSS {
        width: auto;
        float: right;
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
		color: #000000;
}

#headerBarCSS {
        padding: 5px;
        padding-top: 2px;
}

#headerBarRightCSS {
        width: auto;
        float: right;
}

#footerBarCSS {
        padding: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-bottom: 20px;
        background-color: #bbc3d3;
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
		color: #7A7A7A;
		font-weight: bold;
}

#footerBarCSS a
{
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
		color: #7A7A7A;
		font-weight: bold;

}

#footerBarCSS a:hover
{
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
		color: #7A7A7A;
		font-weight: bold;
}

#footerBarRightCSS {
        width: auto;
        float: right;
}

#footerContentCSS {
        text-align: center;
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        margin-bottom: 20px;
		color: #7A7A7A;
}

#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-color: #036;
text-decoration: none;
}

#navcontainer a:hover
{
color: #fff;
background-color: #69C;
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 #EEEEEE solid;
border-top: none;
border-left: none;
border-right: none;
background-color: #F8F8F9;
}

#contentCSS {
width: 560px;
padding: 0px;
margin-left: auto;
margin-right: auto;
/* border: 1px dotted green; */
}

#contentCSS table {
/* width: 375px; */
margin-left: 0;
margin-right: 0;
}

#pageBorderCSS {
width: 795px;
margin-right: auto;
margin-left: auto;
background: #ffffff;
border: 1px #D0CFCF solid;
background-image: url(/images/mwtop.gif);
background-position: top;
background-repeat: no-repeat;
}

.columnIn {
text-align: left;
}

.infoBoxCSS {
border: 1px #EEEEEE solid;
border-left: none;
border-right: none;
border-top: none;
background-color: #F8F8F9;
}

.infoBoxCSS table {
/* table width setting needed for IE, some boxes to wide */
width: 120px;
margin-left: auto;
margin-right: auto;
/* border: 1px red dotted; */
}

.infoBoxContentsCSS {
text-align: center;
}

#categoriesBoxCSS .infoBoxContentsCSS, #informationBoxCSS .infoBoxContentsCSS, #shopping_cartBoxCSS .infoBoxContentsCSS {
text-align: left;
}

div#categoriesBoxCSS, div#shopping_cartBoxCSS {
border-color: #DEDEDE;
}

.infoBoxHeadingLinkCSS a:hover {
background-color: red;
}