.body { 
  font-family: sans-serif; 
  margin-top: 0px; 
  margin-right: 0px; 
  margin-bottom: 0px; 
  margin-left: 0px; 
  background-color: #FFFFFF
}

.bodytext {  font-family: Verdana, Arial, Helvetica; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000}
.bodytextad {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	text-align: right;
}
.adline {
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
}
.bodysubtitle {  font-family: Verdana, Arial, Helvetica; font-size: 10pt; font-style: normal; font-weight: bold; color: #3333CC}
.bodytitle {  font-family: Arial, sans-serif; font-size: 14px; font-style: normal; color: #000000; font-weight: bold}
.bodytitlecol {  font-family: Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #dd5629}
.menudesc {  font-family: Arial, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #FFFFFF}
.footer {  font-size: 12px; font-style: normal; font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif}
.footercol {  font-family: "Times New Roman", Palatino, serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; color: #808080}
.footercol1 {  font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: lighter; color: #FFFFFF}
.bodytextmain {  font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #FF0000}
.bodytextmainredital {  font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: italic; line-height: normal; font-weight: normal; color: #FF0000}
.bodytextmainblue { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: #0000FF}
.bodytextmainblack { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #000000}
.bodytextmaingrn { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #238E68}
.pagetitle {  font-family: Helvetica, Arial, Verdana; font-size: 24px; font-style: normal; font-weight: bold}
.producttext {  font-family: Tahoma, "Times New Roman", Times, serif; font-size: 12px; font-style: normal; font-weight: normal}
.producttextbold {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; font-style: normal; font-weight: bold}
.producttexttable {  font-family: "Times New Roman", Palatino, serif; font-size: 14px; font-style: normal; font-weight: normal}
.producttextlg {  font-family: "Times New Roman", Palatino, serif; font-size: 14px; font-style: normal; font-weight: normal}
.producttextlgBred { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; color: #FF0000}
.producttextlgB {  font-family: "Times New Roman", Palatino, serif; font-size: 14px; font-style: normal; font-weight: bold}
.bodytextmainbluesm { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #0000FF }

/**
 * Highlights
 *
 */
div.highlightsMenu {
	font-family: Tahoma, Verdana, Geneva, Helvetica, Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	border: 1px solid #666666;
	border-top: 6px solid #009900;
	background-color: #ffffff;
	text-transform: uppercase;
	padding: 3px;
}

div.highlightsMenuItems {
	border: 1px solid #cccccc;
	border-top-width: 0px;
	padding: 4px;
	font-size: 10px;
	font-family: Verdana, Sans-serif;
        margin-bottom: 4px;
}

A.highlightsMenu, A.highlightsMenu:link, A.highlightsMenu:visited, A.highlightsMenu:active {
	color: black;
	text-decoration: none;
	text-transform: uppercase;
}

A.highlightsMenu:hover {
	color: #009900;
	text-decoration: none;
}

A.highlightsMenuItem, A.highlightsMenuItem:visited {
	color: black;
	text-transform: lowercase;
}

A.highlightsMenuItem:hover {
	color: #009900;
	text-decoration: none;
}.productlist {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 400; color: #000000}
.bodytextC { font-family: Verdana, Arial, Helvetica; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000 ; background-color: #FFFFFF; background-position: left; text-align: center}
.bodytextLS { font-family: Verdana, Arial, Helvetica; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000 ; background-color: #FFFFFF; /*clip:   rect(   );*/ text-align: left; text-indent: 25pt}
.rcoltitle {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; color: #FFFFFF; text-align: center}
.rcoltitle1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #FFFFFF}
.menudesc1 { font-family: Arial, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #000000}
.bodysubtitledkblue { font-family: Verdana, Arial, Helvetica; font-size: 10pt; font-style: normal; font-weight: bold; color: #0000FF}
.bodytextmainblue1 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; color: #0000FF }
.pagesubtitlered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.pagesubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.producttextboldred {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.bodytextmainblklg {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
}


















@charset "UTF-8";
/** styles added for new search **/


body.center {
  text-align:center;
  /* background-color: #CCFFFF; */
  /*background-color: #FFF;*/
  background-color: #369;
  min-width: 800px;
}

.fistUnitContainer {
  width: 590px;
  padding: 0px;
  margin: 0px auto 20px auto;
  text-align: left;
  /*margin-bottom: 20px;*/
}

.fistUnitHead {
  color: #FFFFFF;
  background-color: #3333FF;
  text-indent: 5px;
  line-height: 140%;
  font-size: 18px;
  font-weight: bold;
  border: 2px solid #000099;
  margin: 5px 0px 5px 0px;
}

.fistUnitBody {
  /*width: 550px;*/
  padding: 0px;
  margin-left: 10px;
  margin-right: 10px;
  /*margin: 10px 10px 20px 10px;
    margin: 10px auto 20px auto;*/
  font-size: 16px;
  font-weight: bold;
}

tr.evenpnrow {
  background-color: #EFEFEF;
}
tr.oddpnrow {
  background-color:#F9F9F9;
}

table.l1, table.l2 {
  width:100%;
  border-collapse:collapse;
  border-width: 0px;
}

td.l1text {
  width: 350px;
  text-align: left;
  padding-left: 5px;
}

td.l1price {
  text-align:center;
}

td.l1button {
  text-align:right;
  width: 135px;
  padding: 3px;
}

td.l2text {
  text-align: left;
  padding: 8px 20px;
}

td.l2button {
  text-align:right;
  width: 95px;
}
img.cartbutton {
  border:none;
}

.l1manual {
  /* width: 550px; */
	background-color: #EFEFEF;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 */
.MMTPanel {
  /* width: 550px; */
	margin: 0px; /* 0px 0px 20px; */
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-bottom: solid 1px #CCC;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 */
.MMTPanelTab {
  /* width: 550px; */
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  text-indent: 5px;
	background-color: #EFEFEF;
	border-bottom: solid 1px #CCC;
	margin: auto;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
.noPanelTab {
  /* width: 550px; */
  font-size: 13px;
  font-weight: bold;
  color: #666666;
  text-indent: 8px;
	background-color: #EFEFEF;
  border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-bottom: solid 1px #CCC;
	margin: auto;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 */
.MMTPanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #FFFFFF;
  color: black;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	/*  background-color: #F9F9F9;  */
  background-color: #FFFFFF;
  color: black;
  text-decoration:underline;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}


div#pagecontainer {
  /* width: 1000px; */
  width: 95%;
  margin: auto;
  text-align:left;
  background-color: #FFFFFF;
}

#bodycontent {
  margin-left: 190px;
  margin-right: 190px;
}
#bodytable {
  margin: auto;
}

tr.top {
  vertical-align: top;
}

#leftbar {
  width:180px;
  background: #fff;
  margin: 0;
  white-space: normal;
}

#centerbar {
  padding: 0px 20px 0px 20px;
}

#leftbar h3 {
  padding: 2px 2px 2px 15px;
  margin: 0;
}
#leftbar p.result {
  padding: 2px;
  margin:0;
  border-bottom: 2px dotted #006;
}
#leftbar p.resultindent {
  padding-left: 30px;
}
#leftbar dl {
  background:#F4F4F4;
  margin:0;
  padding:0;
  width: 100%;
  color:#006;
  /*float:left;*/
  /*background:#006600;*/
}
#leftbar dt {
  /*display:block;*/
  /*list-style-type:none;*/
  margin:0;
  padding:0;
}
#leftbar dd {
  /*display:block;
  list-style-type:none;*/
  /*padding:2px 2px 2px 20px;*/
  margin:0;
  padding:0;
}



#leftbar a:link,
#leftbar a:visited {
  /* background:#E5E5E5; */
  /*margin:auto;*/
  width:auto;
  display:block;
  font-size: 0.85em;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
}
#leftbar a:hover {
  background:#DCDCDC;
  text-decoration:underline;
}

#leftbar a.make:link,
#leftbar a.make:visited {
  color:#339;
  padding:4px 4px 2px 10px;
}

#leftbar a.model:link,
#leftbar a.model:visited {
  color:#393;
  padding:2px 4px 2px 25px;
}



#rightbar {
  width:180px;
  background: #fff;
}

div#mpheadcontainer {
  background:#000066;
  margin:0;
  padding:0;
}
div#mpheadcontainer table {
  width:100%;
  margin:0;
  padding:0;
}

div#headimgsearch td {
  vertical-align:top;
}

#topsearch {
  color:#fff;
  font-size:1.2em;
  padding: 0px 16px;
}

#topsearch form {
  margin:0;
  padding:0;
}

div#mpfooter {
  width: 600px;
  margin: 30px auto;
  text-align:center;
  border-top: 1px solid #CCC;
  padding-top: 10px;
  padding-bottom: 40px;
}

img.new {
  margin:0;
  padding:0;
  vertical-align:middle;
}

#nav ul {
  margin:0;
  padding:0;
  /*background:#006600;*/
  background:#006633;
  float:left;
  display:block;
  width:100%;
  margin-bottom:3px;
}
#nav li {
  display:inline;
  padding:0;
  margin:0;
}
#nav a:link,
#nav a:visited {
  color:#00FF99;
  background:#006633;
  /*color:#CCCC66;
  background:#006600;
  background:#006633;*/
  padding:3px 20px;
  float:left;
  display:block;
  width:auto;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  font-size: 0.75em;
  border-left:1px solid #00CC00;
  border-right:1px solid #00CC00;
  /*border-left:1px solid #00CC99;
  border-right:1px solid #009933;*/
}
#nav a:hover {
  background:#009933;
  /*background:#009966;*/
}

img {
  border:0;
  padding:0;
  margin:0;
}

div.center {
  margin: auto;
}

div#searchform {
  clear:both;
}

.messagebox {
  border: 1px dotted #009900;
  margin: 0px 10px 0px 10px;
  padding: 4px;
  text-align: left;
  font-weight: bold;
  font-size:0.8em;
}

.messageheader {
  color:blue;
  font-size:1.2em;
}

.messageheader a:active, a:visited {
  color: blue;
}


#topmessageboxes table {
  width: 90%;
  border-style:none;
  text-align: center;
  padding-top: 10px;
  margin:auto;
}
#topmessageboxes td {
  width: 390px;
}


div.greendots {
  width: 40%;
  margin: 10px;
  text-align: center;
  padding: 5px;
}

.bestHeadText {
  font-weight:bold;
  font-size:1.1em;
  margin:0;
  padding:2px;
  margin-bottom:8px;
}