body
{
  padding: 0;
  margin: 0;
  background: #B4B4B4;
}

select
{
  border: 1px solid #777777;

}

input.spec, textarea, .form input
{
  border: 1px solid #777777;
  margin: 3px 0 3px 0;
  width: 270px;
  overflow: auto;
}

input.red
{
  border: 1px solid #666666;
  background: #C40000 url(../img/submit_bg.gif) repeat-y;
  color:#FFFFFF;
  font-family: Verdana;
  font-size: 12px;
}

span#services
{
  border: 1px solid #777777;
  margin: 3px 0 3px 0;
}


h1, h1 a
{
  font-family: Tahoma;
  font-size: 13px;
  font-weight: bold;
  color: #B92323;
  margin: 0;
}

.news_archive
{
  font-family: Tahoma;
  font-size: 13px;
  font-weight: bold;
  color: #B92323;
  background: white url(../img/drop_down.gif) right no-repeat;
  padding: 2px;
  /*border: 1px solid #888888;
  border-bottom: 0;*/
  cursor: pointer;
  padding-right: 20px;
  margin: 0;
}

h1 a:hover
{
  color:#DF5900;
}


h2
{
    font-size: 12px;
    margin:7px 0 0 0;
}


h3
{
    font-size: 12px;
    margin:0 ;
}

h4
{
    font-size: 10px;
    margin: 3px 0 5px 0;
    font-family: Verdana;
    color: #A7A7A7;
    font-weight: 100;
}

h5
{
    font-size: 12px;
    margin:0 ;
    font-family: Verdana;
    color: #C94A00;
    font-weight: bold;
}

a
{
  font-family: Verdana;
  font-size: 12px;
  font-weight: 100;
  color:#000066;
  text-decoration: none;
}


a:hover
{
  color: #CC0033;
}



.formLabel
{
  font-family: Verdana;
  font-size: 11px;
  text-align: right;
  padding-right: 2px;
}

.adminHeader
{
  background: #EEEEEE;
  color: #666666;
  font-family: Tahoma;
  font-size: 20px;
  font-weight: bold;
  padding: 20px;
}

.adminContent
{
  padding:20px;
}


.mainHeader
{
  background: #33CC33;
  color: white;
  font-family: Verdana;
  font-size: 36px;
  font-weight: bold;
  padding: 20px;
  text-align: center;
}

a.left
{
  font-family: Verdana;
  font-size: 12px;
  color:#33CC33;
  text-decoration: none;
}

a.left:hover
{
  font-family: Verdana;
  font-size: 12px;
  color:#FF6600;
  text-decoration: none;
}

a.small
{
  font-family: Arial;
  font-size: 10px;
  color:#000066;
  text-decoration: none;
}

a.small:hover
{
  font-family: Arial;
  font-size: 10px;
  color:#FF9900;
  text-decoration: none;
}

.content
{
  background: #C3DCCE url(../img/content_bg.gif) repeat-x;
}

.action
{
  color: red;
}

.main
{
  font-family: Verdana;
  font-size: 11px;
}

tr.bgMain td, td.bgMain
{
  font-family: Verdana;
  font-size: 11px;
  background: #FBFDFD;
  padding: 2px;
}         

tr.bgMain1 td, td.bgMain1
{
  font-family: Verdana;
  font-size: 11px;
  background: #F1F1F1;
  padding: 2px;
}

td.bgMain a, td.bgMain1 a
{
  font-size: 11px;
}

td.bgMain a:hover, td.bgMain1 a:hover
{
  color:#CC0000;
}


input.cell
{
  border: 1px solid #CCCCCC;
}

input.cellChanged
{
  border: 1px solid #CCCCCC;
  background: #FFEAEA;
}

.ajax-loading {
	padding: 20px 0;
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}

input#username, input#password, input#login
{
  border:1px solid black;
  background: transparent;
}



div.ref_close
{
  height: 13px;
  padding:0 16px 3px 0;
  color:#777373;
  background: url(../img/ref_close.gif) right no-repeat;
  cursor: pointer;
  margin: 5px;
}

div.ref_close_over
{
  height: 13px;
  padding:0 16px 3px 0;
  color:#E00A00;
  background: url(../img/ref_close_over.gif) right no-repeat;
  cursor: pointer;
  margin: 5px;
}

#message
{
  color: red;
  font: 11px Verdana
}

.login
{
  font: 11px Verdana;
  padding: 1px;
}

.footer_line
{
  height: 3px;
  font-size:1px;
  background: #C3DCCE url(../img/footer_line.gif) bottom left repeat-x;
}

.header
{
  text-align: right;
  padding-right: 30px;
  background: url(../img/pilon_header.gif) no-repeat;
}

.header td
{

  font-family:  Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  text-transform: uppercase;
  cursor:pointer;
}



.header_separator
{
  width: 3px;
  height: 33px;
  padding: 0;
  background: url(../img/header_separator.gif) no-repeat;
}

.header a
{
  font-family:  Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
   text-transform: uppercase;
}

.header a:hover
{

  text-decoration: underline;
}

.footer
{
  background:#666767;
  text-align: center;
  font-family:  Verdana;
  font-weight: bold;
  font-size: 11px;
  color: #959595;
}

.footer_separator
{
  width: 2px;
  background: url(../img/footer_separator.gif) no-repeat;
}

.footer td
{
    padding:0 7px 0 0px;
    vertical-align: middle;
}



.footer a
{
  font-family:  Verdana;
  font-weight: bold;
  font-size: 11px;
  color: #FFFFFF;
  margin: 0;

}

.footer a:hover
{
  font-family:  Verdana;
  font-weight: bold;
  font-size: 11px;
  text-decoration: underline;
}

.pilon_item
{
  width: 154px;
  height: 62px;
  margin: 0;
  padding: 0px;
  text-align: center;
  cursor: pointer;
  background: url(../img/pilon_item.gif);
}

.pilon_item_over
{
  width: 154px;
  height: 62px;
  text-align: center;
  margin: 0;
  padding: 0px;
  background: url(../img/pilon_item_over.gif) ;
  cursor: pointer;
}

.pilon_menu
{
  width: 612px;
  height: 61px;
  border:1px solid #7E8081;
  background: #979EA4 url(../img/pilon_menu_bg.gif) repeat-y;
  padding: 1px 1px 1px 22px;
  position: absolute;
  display: none;
  z-index: 100;
}

.model_set
{
  width: 612px;
  height: 61px;
  border:0px solid #7E8081;
  background: #FFFFFF;
}

.model_container
{
  border: 0px solid red;
  height: 61px;
  width: 555px;
  overflow: hidden;
}

.model_set td.out
{
  font-size: 10px;
  cursor: pointer;
  border:1px solid white;
  padding: 0;
}

.model_set td.over
{
  font-size: 10px;
  cursor: pointer;
  border:1px solid #999999;
  padding: 0;
}

.pilon_footer
{
  width: 154px;
  height: 69px;
  background: url(../img/pilon_footer.gif);
}

.img_brand { }

.legend
{
  background: url(../img/content_header.gif) no-repeat top left;
  height: 33px;
  font-family:  Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  text-transform: uppercase;
  padding-left: 26px;
}


.page
{
  background: #FFFFFF;
  font-family:  Verdana;
  font-size: 11px;
  vertical-align:top;
  border: 1px solid #7A7B7C;
  border-top:0;
  padding: 10px;
}


.news_box
{
  background: #ECECEC;
  border: 1px solid #A1A1A1;
}

.news_box td
{
  text-align: center;
  height: 35px;
}

.news_box img
{
  border-bottom: 1px solid #A1A1A1;
}

.news_box a
{
  font-family:  Verdana;
  font-size: 8px;
  font-weight: bold;
  color: #393030;
}

.news_box a:hover
{
 color:CC0033;
}

.news_date
{
  font-weight: bold;
  color:#555555;
  text-align: right;
}

.news_more, .news_more a
{
  color:#555555;
  font-size: 10px;
}

.news_more a:hover
{
  color:#CC0033;
}

.news_button
{
  width: 30px;
  height: 132px;
  background: url(../img/more.gif);
}

.news_button_down
{
  width: 30px;
  height: 132px;
  background: inherit;
}

.top_menu
{
  border: 1px solid black;
  background: #B0B0B0 url(../img/menu_bg.gif) repeat-x;
  width: 170px;
  position: absolute;
  display: none;
  border-top: 0;
  font-weight: 100;
  padding-top: 6px;
}

.top_menu_parent
{
    padding: 0 7px 0 7px;
    color:white;
}

.top_menu_parent_over
{
    padding: 0 7px 0 7px;
    color:white;
    background:red;
    background: url(../img/header_bg_over.gif) repeat-x;
}

.top_item
{
  padding: 3px 3px 3px 7px;
  /*width: 160px;*/
  color: #FFFFFF;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}


.top_item_over
{
  padding: 3px 3px 3px 7px;
  /*width: 160px;*/
  color: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
  font-size: 11px;
  background: #C40000 /*url(../img/tm_bg.gif) repeat-x*/;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.image_stripe
{
  width: 700px;
  overflow: auto;
  height: 130px;
  border: 0px solid red;
}

.brand_parts
{
  width: 145px;
  height: 200px;
  float: left;
  border: 0px solid #990066;
}

.referendum
{
  font-family: Verdana;
  font-size: 11px;
  border: 1px solid #C02121;
  background: #FFFFFF url(../img/ref_bg.gif) bottom left repeat-x;
  width: 222px;
  padding: 0 0 10px 20px;
  position: absolute;
  z-index: 200;
  display: none;
}

.referendum_question
{
  font-family: Verdana;
  font-size: 11px;
  border: 1px solid #C02121;
  background: #FFFFFF url(../img/ref_bg.gif) bottom left repeat-x;
  width: 222px;
  padding: 0 0 10px 20px;
  position: absolute;
  z-index: 200;
  display: none;
}


.question
{
  color: #E00A00;
  font-weight: bold;
  margin: 0;
}

.ref_result
{
    border: 1px solid #AFABAB;
    background: #FBFBFB;
    margin-bottom: 10px;
}

.ref_result td
{
 height: 1px;
 font-size: 1px;
}



.model_icon
{
  width:90px;
  height:57px;
}

.model_icon_title
{
  font-size: 10px;
  text-align: center;
}

.web4pro
{
  background: #666767 url(../img/web4pro_bg.gif) repeat-x;
  color: #BBBBBB;
  font-family: Verdana;
  font-size: 11px;
  text-align: canter;
  padding: 5px;
}

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

.web4pro a:hover
{
  color: #AA0000;
}

.alpha
{
  font-weight: bold;
  color: #777777;
  cursor: pointer;
}

.alpha_select
{
  font-weight: bold;
  text-decoration: underline;
  color: #F00;
  cursor: pointer;
}


.alpha_hover
{
  color: #CC0000;
  cursor: pointer;
  font-weight: bold;
}

.listing
{
  border: 1px solid #7B7C7D;
  background: #F1F1F1;
}

.listing a
{
  font-size: 12px;
  font-weight: bold;
  color: #5B5B5B;
}

.listing a:hover
{
  color: #CC0000;
}

.valid_time
{
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  color: #C94A00;
  line-height: 20px;
}

.model
{
  float: left;
  width: 190px;
  padding-bottom: 12px;
}

.month_menu
{
  border: 1px solid #888888;
  border-top: 0;
  background: white;
  display:none;
  position:absolute;

}

.month_menu a, .month_menu div.out
{
  padding:2px 5px 2px 5px;
  font-family: Tahoma;
  font-size: 13px;
  font-weight: bold;
  color: #B92323;
  cursor: pointer;
}

.month_menu a:hover , .month_menu div.over
{
  padding:2px 5px 2px 5px;
  background: #FFFFBF;
  font-family: Tahoma;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  cursor: pointer;
}

/* Header Mapping */

div.salon1
{
  border: 0px dotted lime;
  width: 175px;
  height: 88px;
  float: left;
  margin: 54px 0px 0px 225px;
	*margin: 27px 0px 0px 112px;
  cursor: pointer;
}

div.salon2
{
  border: 0px dotted blue;
  width: 230px;
  height: 135px;
  float: left;
  margin: 5px 87px 0px 89px;
	*margin: 2px 43px 0px 64px;
  cursor: pointer;
}

div.salon3
{
  border: 0px dotted pink;
  width: 177px;
  height: 88px;
  float: left;
  margin: 20px 0px 0px 0px;
	*margin: 10px 0px 0px 0px;
  cursor: pointer;
}