BODY { font-family: Arial, Helvetica, sans-serif; font-size: 12px}


#wrapper {
width: 882px; margin: 10px auto;
}

h1 {
font-size: 1.5em;
}

h3 {
font-size: 1.2em;
width: 100%;
border-bottom: 1px solid #dcd7cf;
}

td.tableModelsTitle {
background-color: #dcd7cf;
text-align: left;
font-weight: bold;
width: 80px;
}

.tableModelsCellBorder {
text-align: center;
padding: 0 4px 0 4px;
}

.smtext {
font-size: .8em;
text-align: left;
}

td { font-family: Arial, Helvetica, sans-serif; font-size: 12px }
	DIV#divMenuBar { background-color:#009999; }
	TABLE#tblMenuBar TD { font-size:60%; color:#FFFFFF; padding:0px 5px 0px 5px; cursor:default; }
	TABLE#tblMenuBar TD.clsMenuBarItem { font-weight:bold; cursor:default; }

	/* These two style rules added for links in MenuBar */
	TABLE#tblMenuBar TD.clsMenuBarItem A { text-decoration:none; color:#000000; font-weight:bold; }
	TABLE#tblMenuBar TD.clsMenuBarItem A:hover { color:#FFFFFF; }
	DIV.clsMenu { 
		font-size:90%; background-color:#009999;
		position:absolute; visibility:hidden; width:130px; 
		padding:5px 5px 5px 8px; border-top:1px solid white; 
	}
	DIV.clsMenu A { text-decoration:none; color:#000000; font-weight:bold; }
	DIV.clsMenu A:hover { color:#FFFFFF; }

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	text-decoration: none;
}
.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	text-decoration: none;
	overflow: visible;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
}
.copyBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	margin-left: 10px;
}
.copy2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	text-decoration: none;
	overflow: visible;
}
.copyBold2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.productName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;

}

.searchretxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
}
/* padding-left: 175px; */
.searchretxt2 {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	width: 200px;
	left: 150px;
	height: 16px;
	top: 1px;
}
.productInd {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	padding: 0px;
	margin: 0px;
}
.subHeads {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #ab2d27;
	text-decoration: none;
	font-weight: bold;
	margin-left: 10px;
}
.copyRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	text-decoration: none;
	overflow: visible;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 10px;
	float: none;
}
.serieshead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 14px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}

a.bottomLink {
	color: #666666;
	text-decoration: none;
	font-family: arial;
	font-size: 11px;
}

a.bottomLink:hover {
	color: #666666;
	font-family: arial;
	font-size: 11px;
	text-decoration: underline;
}





#productList ul {
width: 100%;
margin: 20px 0 0 0;
padding: 0;
list-style: none
}

#productList li {
width: 270px;
float: left;
height: 150px;
margin: 0 5px 0 5px;
}



#productList a.productLink {
color: #333333;
font-family: Arial, Helvetica, san-serif;
font-size: 13px;
width: 115px;
margin: 10px 0 0 0;
float: right;
text-decoration: none;
}


#productList img {
float: left;
}

#division {
width: 700px;
margin: auto;
}

#cosco {
clear: left;
float: left;
margin: 20px 0 0 100px;
}

#dorel {
float: left;
margin: 30px 0 0 30px;
}

#dorel a:link, #dorel a:visited {
color: #666666;
text-decoration: none;
}
#dorel img {
float: left;
margin: 5px 10px 0 0;
}


.divider {
width: 100%;
clear: both;
height: 1px;
border-bottom: 1px solid #7f6c4d;
}

#navtable {
width: 606px;
margin: 0 auto 0 auto;
position: relative;
height: 26px;
display: block;
}



#navigation a {
display: block;
padding: 5px 0;
color: #fff;
font-size: 12px;
text-decoration: none;
height: 16px;
}


#navtable ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}


#navtable li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 26px;
	left: 0;
}

#navtable li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: 0;
}

#navtable li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}


#navigation li a:hover, #navigation li a:active {
background-color: #5f4c2d;
}	
#navigation li li a:hover, #navigation li li a:active {
background-color: #820C06;
}



#navigation li li {
background-color: #AB2D28;
}	
#navigation li ul ul { /* third-and-above-level lists */
margin: -10px 0 0 180px;
}





/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:606px; height:26px; position:relative; z-index:100;font-family:arial, sans-serif; margin:0 auto;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:606px; w\idth:606px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:198px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:198px;position:relative; border-right: 2px solid #fff;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:198px; height: 16px; padding: 5px 0; background-color: #7f6c4d;
border-bottom: 1px solid white;
border-right: 2px solid white; text-align: center; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:198px; w\idth:198px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#ab2d28;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#ab2d28;}
.menu ul ul :hover > a.drop {background:#ab2d28;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ab2d28;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#820C06;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:26px;left:0; width:198px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:26px;t\op:26px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:198px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ab2d28; color:FFF; height:16px; padding:5px 0; width:198px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:198px;w\idth:198px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#FFF; background:#5f4c2d;}
.menu :hover > a {color:#FFF; background:#5f4c2d;}
.menu ul :hover > a {color:#FFF; background:#820C06;}
.menu ul ul :hover > a {color:#FFF; background:#820C06;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}