body
{
    background-color: #fff;
    font-family: Helvetica, Arial, verdana;
    font-size: 12px;
    color: #404040;
    margin: 20px 0px 0px 0px;
    text-align: center;
}

img
{
    border: none;
}

a
{
    color: #000099;
}

table
{
    font-family: Helvetica, Arial, verdana;
    font-size: 12px;
    color: #404040;
}

input.button
{
    border: 1px solid #000;
    background-color: #e0eaff;
}

li
{
    padding-bottom: 4px;
}

li a
{
}

h1
{
    font-family: Garamond, Times New Roman;
    font-size: 30px;
    font-weight: normal;
    /*color: #a70924;*/
    color:#000;
    margin: 0px 0px 5px 0px;
}

h2
{
    font-family: Garamond, Times New Roman;
    font-size: 26px;
    font-weight: normal;
    /*color: #ec008c;*/
    color: #999;
    margin: 10px 0px 8px 0px;
}

h3
{
    color: #404040;
    font-size: 20px;
    text-align: center;
}

h4
{
    font-family: Garamond, Times New Roman;
    font-size: 25px;
    font-weight: normal;
    /*color: #a70924;*/
    color:#000;
    margin: 20px 0px 5px 0px;
}

h5
{
    font-weight: bold;
    font-size: 14px;
    margin: 2px 0px 6px 0px;
}

h5 a
{
    color: #666;
    text-decoration: none;
}

h5 a:hover
{
    color: #333;
    text-decoration: underline;
}

.clear
{
    clear: both;
    font-size: 1px;
    height: 1px;
}

.clearpad
{
    clear: both;
    font-size: 1px;
    height: 8px; 
}

.add
{
    text-align: right;
}

.add div
{
    float: right;
}

.add img
{
    float: right;
    margin-left: 4px;
}

#container
{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#header
{
    background: #fff url(/images/header/logo.gif) no-repeat;
    background-position: top left;
    width: 800px;
}

#logo
{
    float: left;
    width: 188px;
    height: 80px;
}

#stripes
{
    float: right;
}

.dealerlogo
{
    position: absolute;
    top: 12px;
	left: 50%;
	margin-left: 70px;
	z-index: 2;
}

.installerlogo
{
    position: absolute;
    top: 6px;
	left: 50%;
	margin-left: 263px;
	z-index: 2;
}

.baroff
{
    width: 732px;
    height: 23px;
    float: right;
    font-weight: bold;
    font-size: 13px; 
}

.baron
{
    width: 732px;
    height: 23px;
    float: right;
    background: #fff url(/images/header/bar.gif) no-repeat;
    background-position: top right;
    color: #fff;
    font-weight: bold;
    font-size: 13px; 
    padding-top: 7px;
    margin-bottom: 20px;  
}

.baron ul
{
	margin-left: 0px;
	padding-left: 0px;
	display: inline;
	letter-spacing: 1px;
} 

.baron ul li
{
	margin: 0px;
	padding-left: 20px;
	list-style: none;
	display: inline;
    font-size: 13px;
}

.baron ul li a
{
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
	letter-spacing: 1px;
}

.baron ul li a:hover
{
    /*color: #ff1ca3;*/
    color: #ccc;
}

.baron ul li a.on
{
    /*color: #ff1ca3;*/
    color: #ccc;
    /*background-color: #fff;*/
    padding: 2px 4px 2px 4px;
}

#content
{
}

.footer
{
    margin-top: 20px;
    padding-top: 6px;
    border-top: 1px solid #999;
    font-size: 11px;
}

.footer ul
{
	margin-left: 0px;
	padding-left: 0px;
	display: inline;
} 

.footer ul li
{
	margin: 0px;
	padding-right: 15px;
	list-style: none;
	display: inline;
}

.footer ul li a
{
    color: #404040;
}

#homeimage
{
    float: left;
    margin-right: 10px;
}

#homesubmit
{
    float: right;
    width: 195px;
    
}

#homebar
{
    background: #fff url(/images/home_bar.jpg) no-repeat;
    width: 780px;
    height: 43px;
    margin-top: 10px;
    padding: 10px 0px 0px 20px;
}

#homebar h1
{
    font-weight: bold;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    color: #404040;
    font-family: helvetica, Arial;
}

div.Callout {
  background: 
	url(/images/callout/top_left.gif)
  top left no-repeat;
  width:100%;
  }
div.Callout h3 {
  background: 
	url(/images/callout/top_right.gif) 
  top right no-repeat;
  font-size: 1.5em;
  padding: 10px;
  margin:0;
  font-family: helvetica, Arial;
  text-align: center;
  color: #404040;
  font-weight: normal;
  }
  
div.CalloutBody {
  background: 
	url(/images/callout/right.gif) 
  top right repeat-y;
  margin: 0;
  margin-top:-2em;
  padding: 15px;
  padding-right: 0px;
  }
  
div.CalloutBody ul
{
    margin: 10px 0px 0px 20px;
    padding: 0px 10px 0px 0px;
}

div.CalloutBody ul li
{
    font-size: 13px;
}

div.CalloutBody ul li a
{
    text-decoration: none;
    color: #404040;
}

div.CalloutBody ul li a:hover
{
    text-decoration: underline;
}

div.CalloutBody ul li a.on
{
    color: #000;
    font-weight: bold;
}

div.CalloutBody ul li ul
{
    margin: 6px 0px 6px 16px;
    padding: 0px;
}

div.CalloutBody ul li ul li
{
    font-size: 12px;
}
    
div.CalloutBody div
{
    margin-top: 4px;
}

div.CalloutBody div span
{
    font-weight: bold;
}
  
div.CalloutFooter {
  background: 
	url(/images/callout/bottom_left.gif) 
  bottom left no-repeat;
  }
div.CalloutFooter p {
  background: 
	url(/images/callout/bottom_right.gif) 
  bottom right no-repeat;
  display:block;
  padding:15px;
  margin:-2em 0 0 0;
  }
  
  
  
  
  
  
  
  
div.CalloutGrey {
  background: 
	url(/images/callout/top_left_grey.gif)
  top left no-repeat;
  width: 100%;
  }
  
div.CalloutGrey h3 {
  background: 
	url(/images/callout/top_right_grey.gif) 
  top right no-repeat;
  font-size: 12px;
  padding: 25px 10px 15px 30px;
  margin:0;
  font-family: helvetica, Arial;
  text-align: left;
  color: #404040;
  font-weight: normal;
  }
  
div.CalloutBodyGrey {
  background: 
	url(/images/callout/right_grey.gif) 
  top right repeat-y;
  margin: 0;
  margin-top:-2em;
  padding: 15px;
  padding-right: 0px;
  }
  
div.CalloutFooterGrey {
  background: 
	url(/images/callout/bottom_left_grey.gif) 
  bottom left no-repeat;
  }
div.CalloutFooterGrey p {
  background: 
	url(/images/callout/bottom_right_grey.gif) 
  bottom right no-repeat;
  display:block;
  padding:20px;
  margin:-2em 0 0 0;
  }
  
  
  
  
.pinkbutton
{
    /*background: #fff url(/images/black_button.gif) no-repeat;
    width: 194px;
    height: 29px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    padding-top: 11px;*/
    margin-top: 5px;
}
  
.pinkbutton a
{
    /*color: #fff;*/
    text-decoration: none;
}

.circlecontainer
{
    background: #fff url(/images/circle_container.gif) no-repeat;
    width: 293px;
    height: 109px;
    margin-bottom: 10px;
    padding-top: 7px;
    padding-left: 8px;
}

.circle
{
    float: left;
    background: transparent url(/images/circle_black.gif) no-repeat;
    width: 98px;
    height: 85px;
    text-align: center;
    font-family: Garamond, Times New Roman;
    font-size: 20px;
    color: #fff;
    padding-top: 16px;
    padding-left: 3px;
    margin-right: 10px;
}

.text
{
    width: 172px;
    height: 101px;
    float: left;
}

.text table tr td
{
    height: 99px;
}

.text table tr td ul
{
    margin: 2px 0px 2px 20px;
}

.text table tr td ul li
{
    padding: 0px;
}

.customerlogo
{
    float: left;
    width: 157px;
    margin-right: 10px;
}

#customergreeting
{
   float: left;
   width: 322px;
}

#productindex
{
}

#productindex h2
{
    float: left;
    width: 500px;
    margin-left: 10px;
}

#productindex .compare
{
    float: right;
    text-align: right;
    width: 80px;
    padding-top: 14px;
}

.productthumbnail
{
    float: left;
    width: 130px;
    margin: 6px 0px 10px 17px;
    text-align: center;
    font-weight: bold;
}

.productthumbnail a
{
    text-decoration: none;
    color: #404040;
}

.productthumbnail img
{
    width: 125px;
    margin-bottom: 6px;
}

#productimages
{
    float: left;
    width: 280px;
}

#productimages .main
{
    width: 266px;
    padding-bottom: 13px;
    margin-bottom: 10px;
}

.thumbnails_table
{
    width: 98%;
}

.thumbnails_table td
{
    text-align: center;
    width: 25%;
    height: 60px;
}

#productdownloads
{
    margin: 12px 0px 0px 10px;
}

#productdownloads h3
{
    font-size: 14px;
    text-align: left;
    margin: 10px 0px 8px 0px;
}

#productdownloads div
{
    margin: 4px 0px 4px 10px;
    font-weight: bold;
}

#productdownloads img
{
    float: left;
    margin-right: 4px;
}

#productdownloads span a
{
    font-size: 11px;
    font-weight: normal;
}

.productdownloads
{
    width: 290px;
    float: left;
    margin-left: 85px;
}

.productdownloads .formtitle
{
    float: left;
    width: 60px;
    margin-right: 4px;
    text-align: right;
    padding-top: 4px;
    font-weight: bold;
}

.productdownloads .formvalue
{
    float:left;
    width: 60%;
}


.formtitle
{
    float: left;
    width: 200px;
    margin-right: 4px;
    text-align: right;
    padding-top: 4px;
    font-weight: bold;
}

.formtitle span
{
    /*color: #ec008c;*/
    color: #999;
    font-size: 16px;
}

div.formvalue
{
    float:left;
    width: 60%;
}

div.wrapper
{
	padding: 5px;
}

.formvalue span
{
    font-style: italic;
    font-size: 11px;
}   

.formtitleRO
{
    float: left;
    margin-right: 6px;
    width: 200px;
    text-align: right;
    font-weight: bold;
}

.formtitleRO span
{
    color: #cc0000;
    font-size: 16px;
}

.error
{
    color: #cc0000;
    font-weight: bold;
    font-style: italic;
}
    

.Grid
{
    border-collapse: separate;
    background-color: white;
    margin: 2pt;
}

.Grid th
{
    /*background-color: #ec008c;*/
    background-color: #999;
    background-position: top left;
    font-weight: bold;
    color: #fff;
    padding: 4px 2px 4px 2px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
}

.Grid th a
{
    color: #fff;
    text-decoration: none;
}

.Item img
{
    float: right;
}

.Item div
{
    float: left;
}

.GridRow
{
    background-color: #fff;
}

.GridRowOn
{
    background-color: #f2f2f2;
}

.GridPagination
{
    background: #f1f7ec url(/images/th_background.jpg) repeat-x;
    background-position: top left;
    text-align: center;
    vertical-align: middle;
}

#adminimages
{
	width:155px;
	height:270px;
	padding:10px;
	margin:1px;
	border:1px solid #c0c0c0;
	float:left;
}

#bulletpoints
{
    width: 100%;
}

#bulletpoints td
{
    padding: 4px 2px 4px 2px;
}

#bulletpoints td.bullet
{
    width: 126px;
}

#bulletpoints td.bullet div
{
    padding: 8px 0px 8px 8px;
    background: #fff url(/images/black_minibar.gif) no-repeat;
    color: #fff;
    font-weight: bold;
}