body         { background-color: #dcdcdc; background-position: center 0; margin: 0 auto; padding: 0; clear: both; overflow-y: scroll; }
#background  { position: absolute; z-index: 2; width: 100%; height: 100% }
#container           { text-align: left; margin: 0 auto; width: 902px }
#scroller { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; overflow: auto }
#logo    { margin: 0; border:none; padding-top: 5px; width: 290px; height:58px; float:left }
#date   { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; text-align:right ; margin-top: 9px; width: 180px; height: 28px; float:left }
#search   { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; text-align:right ; margin-top: 5px; padding: 0; width: 228px; height: 28px; float:left }
#cap  { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; margin-top: 5px; margin-bottom: 4px; padding: 0; width: 170px; height: 28px; float:left }
.caplink { margin-left: 60px; padding-left: 0px;  }
#header { padding: 8px 4px 4px; width: 900px; height: 60px }
#menuleft  {width: 640px; float:left; text-align:left; }
#menuleft2  {width: 300px; float:left; text-align:left; }
#menuleft3  {width: 640px; float:left; }
#menuleft4  {width: 839px; float:left; text-align:center; }
#menuleft5  {width: 839px; }
#menuright  {width: 190px; float:right; text-align:left;  }
#maindetails1  {float:left; text-align:left; font-size: 20px; width:400px; }
#maindetails2  {float:right; text-align:left; font-size: 20px; width:400px; }
#highlites {width: 340px; height: 137px; float:lef; padding:4px;  }
#image { float:right; padding:4px;  }

#index01  { background-image: ; background-repeat:no-repeat; font-size: 17px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; text-align: left; padding: 20px; width: 480px; height: 398px; float: left  }
#index02  { background-image: ; background-repeat:no-repeat; font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; text-align: left; padding: 20px; width: 250px; height: 398px; float: left  }
#index03  { background-image: ; background-repeat:no-repeat; font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; text-align: left;  padding: 2px; width: 275px; height: 398px; float: left  }

#rotator {
  background: url(../flipimage/rotator.php) no-repeat center top;
  width: 853px;
  height: 332px;
}


#live_area      { background: #ffffff; text-align: center; margin: 0; padding: 10px 30px 20px; width: 840px; float: left; clear: both; border-style: none solid solid; border-width: 0 1px 1px; border-color: #a9a9a9 }
#live_area2    { background: #ffffff; padding: 10px 30px 20px; width: 840px; float: left; clear: both; border-style: none solid solid; border-width: 0 1px 1px; border-color: #a9a9a9 }
#live_area3    { background: #ffffff; padding: 10px 30px 20px; width: 890px; float: left; clear: both; border-style: none solid solid; border-width: 0 1px 1px; border-color: #a9a9a9 }

#gallery    { background: #ffffff; float:left; padding: 5px; width: 150px; height: 200px; border-style: none; }

#resource1 { padding: 20px 3px 20px 3px; width: 200px; height: 300px; float: left;
}
#resource2 { padding: 20px 8px 20px 3px; width: 50px; height: 300px; float: left;
}
#resource3 { padding: 20px 3px 20px 3px; width: 700px; height: 300px; float: left;
}


#footer      { font-size: 10px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 12px; text-align: left; margin: 0; padding: 0; width: 500px; float: left }
#footerlinks        { font-size: 10px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 12px; text-align: right; margin: 0; padding: 0; width: 300px; height: 30px; float: right }
#textsize       { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; text-align: left; margin: 0; padding: 0; width: 520px; height: 30px; float: left; clear: both }
#small-type  { font-size: 10px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 12px; text-align: center; margin: 20px 0 0; padding: 10px; clear: both; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc }
.small-type   { font-size: 10px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 12px }
p         { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; text-align: left; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; }
p.small         { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; text-align: center; margin-top: 10px; margin-bottom: 10px; padding-right: 10%; padding-left: 10% }
p.desc            { font-size: 14px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; background-image: url("../images/fade.gif"); background-repeat: repeat-x; text-align: center; margin-top: 0; margin-bottom: 10px; padding: 20px 40px 10px; width: 760px; float: left; clear: both }
p.white     { color: white; font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; margin: 0 10px 10px 83px }
p.product     { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; margin: 0 10px 10px 83px }


#menu_area   {
	background-image: url(bg.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	width: 902px;
	height: 64px;
	clear: both
}
ul.tabs    { list-style-type: none; margin: 0px; padding: 0 } 
ul.tabs li   { background-color: transparent; background-image: url("tab.gif"); background-repeat: no-repeat; margin: 0 1px 0 0; padding: 0; width: 101px; height: 26px; float: left }
ul.tabs li a    { color: black; font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 26px; text-decoration: none; background-color: transparent; text-align: center; display: block; padding: 0 10px } 
ul.tabs li a:hover   { color: #339; text-decoration: none }
#blue   { color: white; text-decoration: none; background-image: url("tab.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left -52px }
#gray   { color: white; text-decoration: none; background-image: url("tabs.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left -52px }
#green   { color: white; text-decoration: none; background-image: url("tab.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left -104px }
#purple   { color: white; text-decoration: none; background-image: url("tabs.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left -256px }

#submenu1 { font-size: 12px; width: 900px; height: 30px; float: left; clear: both; border-right: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9 }
#submenu2           { margin: 0 0 0; padding: 0; width: 100%; height: 30px; clear: both }

ul.bluesub   { background-color: #002287; background-image: url("submenublue.gif"); background-repeat: repeat-x; text-align: center; list-style-type: none; margin: 0; padding: 6px 0 0; height: 30px }
ul.bluesub li   { display: inline; margin: 0; padding: 0 }
ul.bluesub li a   { color: #fff; font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; text-decoration: none; display: inline; margin: 0; padding: 4px 8px }
ul.bluesub li a:hover     { color: #002287; text-decoration: none; background-color: #fff; margin: 0; padding: 4px 8px }
#bluesubcurrent a     { color: #002287; background-color: white; margin: 0; padding: 4px 8px }

ul.greensub    { background-color: #002287; background-image: url("submenublue.gif"); background-repeat: repeat-x; text-align: center; list-style-type: none; margin: 0; padding: 6px 0 0; height: 30px }
ul.greensub li   { display: inline; margin: 0; padding: 0 }
ul.greensub li a   { color: #fff; font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; text-decoration: none; display: inline; margin: 0; padding: 4px 8px }
ul.greensub li a:hover     { color: #002287; text-decoration: none; background-color: #fff; margin: 0; padding: 4px 8px }
#greensubcurrent a      { color: #002287; background-color: white; margin: 0; padding: 4px 8px }

ul.graysub    { background-color: #002287; background-image: url("asubmenublue.gif"); background-repeat: repeat-x; text-align: center; list-style-type: none; margin: 0; padding: 6px 0 0; height: 30px }
ul.graysub li   { display: inline; margin: 0; padding: 0 }
ul.graysub li a    { color: #fff; font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; text-decoration: none; display: inline; margin: 0; padding: 4px 6px }
ul.graysub li a:hover      { color: #002287; text-decoration: none; background-color: #fff; margin: 0; padding: 4px 6px }
#graysubcurrent a      { color: #002287; background-color: white; margin: 0; padding: 4px 8px }

ul.purplesub    { background-color: #002287; background-image: url("submenublue.gif"); background-repeat: repeat-x; text-align: center; list-style-type: none; margin: 0; padding: 6px 0 0; height: 30px }
ul.purplesub li   { display: inline; margin: 0; padding: 0 }
ul.purplesub li a   { color: #fff; font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; text-decoration: none; display: inline; margin: 0; padding: 4px 8px }
ul.purplesub li a:hover     { color: #002287; text-decoration: none; background-color: #fff; margin: 0; padding: 4px 8px }
#purplesubcurrent a      { color: #002287; background-color: white; margin: 0; padding: 4px 8px }

a { color: #002287; font-weight: bold; text-decoration: none }
a.small  { color: #002287; font-size: 10px; font-weight: bold; line-height: 12px; text-decoration: none }
#smallpath  { color: #002287; font-size: 10px; font-weight: bold; line-height: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; text-align: left; text-decoration: none }
a.large  { color: #002287; font-size: 14px; font-weight: bold; line-height: 12px; text-decoration: none }
a:hover  { color: #191970; font-weight: bold; text-decoration: underline }
a.white {color: #fff;}
a:hover.white  { color: #ccc; text-decoration: underline }

#detlimg   { float:left; margin-top: 25px; }

#quick-specs table    { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; float:right; text-align: left; margin-left: 25px; margin-right: 25px;margin-top: 25px;border-top: 1px solid #000080; border-bottom: 1px solid #000080; border-collapse: collapse;       }
#quick-specs caption    { font-size: 14px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 16px; text-align: left; margin: 10px auto 5px }
#quick-specs tfoot tr  { margin-bottom: 30px; border-bottom: 1px solid #000080 }
#quick-specs td.letter  { color: #f00; font-weight: bold; text-align: center; width: 20px }
#quick-specs td.letter2  { color: #f00; font-weight: bold; vertical-align: top; ; width: 20px }
#quick-specs td { margin: 0; padding: 4px; border-bottom: 1px solid #ccc }
#quick-specs td.wide  { margin: 0; padding: 4px; width: 250px; border-bottom: 1px solid #ccc }#quick-specs tr { border-bottom: 1px solid #ccc }

#quick-specs2 table    { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; float:right; text-align: left; margin-left: 25px; margin-right: 95px;margin-top: 25px;border-top: 1px solid #000080; border-bottom: 1px solid #000080; border-collapse: collapse;       }
#quick-specs2 caption    { font-size: 14px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 16px; text-align: left; margin: 10px auto 5px }
#quick-specs2 tfoot tr  { margin-bottom: 30px; border-bottom: 1px solid #000080 }
#quick-specs2 td.letter  { color: #f00; font-weight: bold; text-align: center; width: 20px }
#quick-specs2 td.letter2  { color: #f00; font-weight: bold; vertical-align: top; ; width: 20px }
#quick-specs2 td.letter3  { color: #f00; font-weight: bold;  }
#quick-specs2 td { margin: 0; padding: 4px; border-bottom: 1px solid #ccc }
#quick-specs2 td.wide  { margin: 0; padding: 4px; width: 250px; border-bottom: 1px solid #ccc }#quick-specs tr { border-bottom: 1px solid #ccc }
 
#details table       { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; text-align: center; margin-right: auto; margin-left: auto; width: 500px; border-top: 1px solid #000080; border-bottom: 1px solid #000080; border-collapse: collapse      }
#details caption    { font-size: 14px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 16px; text-align: left; margin: 10px auto 5px }
#details tfoot tr  { margin-bottom: 30px; border-bottom: 1px solid #000080 }
#details th  { font-weight: bold; background-color: #dcdcdc; margin: 0; padding: 4px; border-bottom: 1px solid #ccc }
#details td { margin: 0; padding: 4px; border-bottom: 1px solid #ccc }
#details tr { border-bottom: 1px solid #ccc }
#details td.no-line { border-bottom: 1px solid #fff }

#details-small table        { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; width: 250px; border-top: 1px solid #000080; border-bottom: 1px solid #000080; border-collapse: collapse       }
#details-small caption    { font-size: 14px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 16px; text-align: left; margin: 10px auto 5px }
#details-small tfoot tr  { margin-bottom: 30px; border-bottom: 1px solid #000080 }
#details-small th  { font-weight: bold; background-color: #dcdcdc; margin: 0; padding: 4px; border-bottom: 1px solid #ccc }
#details-small td { margin: 0; padding: 4px; border-bottom: 1px solid #ccc }
#details-small tr { border-bottom: 1px solid #ccc }
#details-small td.no-line { border-bottom: 1px solid #fff }

#details-large table           { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; float:left; text-align: left; width: 640px; border-bottom: 1px solid #000080; border-collapse: collapse          }
#details-large caption    { font-size: 14px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 16px; text-align: left; margin: 10px auto 5px }
#details-large tfoot tr  { margin-bottom: 30px; border-bottom: 1px solid #000080 }
#details-large th     { font-weight: bold; text-align: center; margin: 0; padding: 4px; border-bottom: 1px solid #002287 }
#details-large td  { text-align: left; margin: 0; padding: 4px; border-bottom: 1px solid #ccc }
#details-large td.center  { text-align: center; margin: 0; padding: 4px; border-bottom: 1px solid #ccc }
#details-large td.gray  { background-color: #dcdcdc; margin: 0; padding: 4px; border-bottom: 1px solid #ccc }
#details-large td.graycad     { background-color: #dcdcdc; margin-right:30px;  padding: 4px; width: 210px; border-bottom: 1px solid #ccc }
#details-large tr { border-bottom: 1px solid #ccc }
#details-large td.no-line { border-bottom: 1px solid #fff }

#details-large2 table           { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; float:left; text-align: left; width: 500px; border-bottom: 1px solid #000080; border-collapse: collapse          }
#details-large2 caption    { font-size: 14px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 16px; text-align: left; margin: 10px auto 5px }
#details-large2 tfoot tr  { margin-bottom: 30px; border-bottom: 1px solid #000080 }
#details-large2 th     { font-weight: bold; text-align: left; margin: 0; padding: 4px; border-bottom: 1px solid #002287 }
#details-large2 td  { text-align: left
; margin: 0; padding: 4px; border-bottom: 1px solid #ccc }
#details-large2 td.center  { text-align: center; margin: 0; padding: 4px; border-bottom: 1px solid #ccc }
#details-large2 td.gray  { background-color: #dcdcdc; margin: 0; padding: 4px; border-bottom: 1px solid #ccc }
#details-large2 td.graycad     { background-color: #dcdcdc; margin: 0; padding: 4px; width: 210px; border-bottom: 1px solid #ccc }
#details-large2 tr { border-bottom: 1px solid #ccc }
#details-large2 td.no-line { border-bottom: 1px solid #fff }

#faqs table          { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; text-align: left; margin-right: auto; margin-left: auto; width: 640px; border-bottom: 1px solid #000080; border-collapse: collapse         }
#faqs caption    { font-size: 14px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 16px; text-align: left; margin: 10px auto 5px }
#faqs tfoot tr  { margin-bottom: 30px; border-bottom: 1px solid #000080 }
#faqs th     { font-weight: bold; text-align: left; margin: 0; padding: 4px; border-bottom: 1px solid #002287 }
#faqs td  { text-align: left; margin: 0; padding: 4px; border-bottom: 1px solid #ccc }
#faqs td.gray  { background-color: #dcdcdc; margin: 0; padding: 4px; border-bottom: 1px solid #ccc }
#faqs td.graycad     { background-color: #dcdcdc; margin: 0; padding: 4px; width: 110px; border-bottom: 1px solid #ccc }
#faqs tr { border-bottom: 1px solid #ccc }
#faqs td.no-line { border-bottom: 1px solid #fff }


/* Model detail column */
#left-col            { text-align: center; margin: 0 auto 20px; padding: 0; width: auto; height: 400px; float: left }
/* Model text column */
#centre          { margin: 0 auto 0; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; width: 310px; height: auto; float: left }
#left-col-large               { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; text-align: center; margin: 0 auto; padding: 0 20px 0 0; width: 615px; float: left }
#specs-col     { text-align: center; padding-right: 20px; padding-bottom: 20px; width: 260px; height: auto; float: left; }
#left-col-medium      { text-align: center; margin-right: 20px; padding-right: 0; padding-bottom: 20px; width: 281px; height: auto; float: left; border: solid 1px white }
#left-col-small       { text-align: center; padding-right: 20px; padding-bottom: 20px; width: 180px; height: auto; float: left; border: solid 1px white }
#two-col-centred      { text-align: center; padding-right: 20px; padding-bottom: 20px; width: 395px; height: auto; float: left; border: solid 1px white }
#right-col    { background-image: url("submenugray.gif"); background-repeat: repeat-x; text-align: left; margin: 0 0 30px; padding: 0; width: 200px; height: auto; min-height: 200px; float: right; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666 }
#right-col2   { background-image: url("submenugray.gif"); background-repeat: repeat-x; text-align: left; margin: 0 0 30px; padding: 0; width: 200px; height: auto; min-height: 200px; float: right; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666 }
#autocols             { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; background-position: 0 0; text-align: center; margin: 5px auto 0; padding: 0; width: auto;  height: auto; min-height: 120px; float: left }
#colleft_8                    { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; background-position: 0 0; text-align: center; margin: 15px auto 0; padding: 0; width: 105px; float: left }
#colleft_7_2                 { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; background-position: 0 0; text-align: center; margin: 15px auto 0; padding: 0; width: 120px; float: left }
#colleft_7                   { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; background-position: 0 0; text-align: center; margin: 15px auto 10px; padding: 0; width: 120px; float: left }
#colleft_6                     { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; background-position: 0 0; text-align: center; margin: 15px auto 20px; padding: 20; width: 100px; height: 110px; float: left }
#colleft_5        { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; background-position: 0 0; text-align: center; margin: 15px auto 0; padding: 0; width: 168px; float: left }
#colleft_4          { font-size:12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; background-position: 0 0; text-align: center; margin: 15px auto 0; padding: 0; width: 210px; float: left }
#colleft_9          { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; background-position: 0 0; text-align: left; margin: 5px auto 0; padding: 0; width: 270px;  float: left}
#colleft_10          { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; background-position: 0 0; text-align: left; margin: 5px auto 0; padding: 0; width: 270px; float: left }
#colleft_3          { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; background-position: 0 0; text-align: center; margin: 15px auto 0; padding: 0 0 10px; width: 280px; float: left }
#colleft_3_2_1  { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; text-align: center; margin: 0 auto; padding: 0 20px 0 0; width: 260px; float: left }
#colleft_3_2_2  { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; text-align: center; margin: 0 auto; padding: 0 20px 0 0; width: 260px; float: left }
#colleft_3_2_3  { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; text-align: center; margin: 0 auto; padding: 0 20px 0 0; width: 260px; float: left }
#colleft_3_2_4  { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; text-align: center; margin: 0 auto; padding: 0 20px 0 0; width: 193px; float: left }
#colleft_3_2         { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; background-position: 0 0; text-align: center; margin: 15px auto 0; padding: 0; width: 280px; height: 130px; float: left }
#colleft_2             { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; background-position: 0 0; text-align: center; margin: 15px 30px 0 auto; padding: 0; width: 390px; float: left }
#colleft_2_2 { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; background-position: 0 0; text-align: center; margin: 15px auto 0; padding: 0 0 10px; width: 390px; float: left }
h1              { color: #002287; font-size: 20px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; text-align: left; margin: 15px 0 0; clear: both; border-bottom: 1px solid #666 }
h2     { color: #fff; font-size: 16px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 18px; text-align: left; margin: 0; padding: 2px 4px 4px; height: 24px }
h3  { font-size: 14px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 16px; text-align: left; margin: 0 0px 0px; padding: 10px 0 5px;  }
h4            { font-size: 14px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 16px; text-align: left; margin: 0 0 10px; padding: 15px 10px 0 0; clear: both; border-bottom: 1px solid #002287 }
h5            { font-size: 20px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 22px; text-align: left; margin: 0; padding: 0 20px }
h6     { color: #fff; font-size: 16px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 16px; background-color: #002287; text-align: left; text-transform: uppercase; margin: 10px 0 0; padding: 4px 0 4px 10px; clear: both; border-bottom: 1px solid #002287 }
h7     { font-size: 14px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 16px; text-align: left; margin: 0 0 10px; padding: 15px 10px 0 0; clear: both; border-bottom: 1px solid #002287 }
h8 	   { font-size: 14px; text-align: left }
h9     { font-size: 15px; color:#FF0000; font-family: "Lucida Grande", Arial, Verdana, sans-serif; text-align: left; margin: 0; }
h10    { font-size: 30px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 22px; text-align: left; margin: 0; padding: 0 20px }
h11    { font-size: 25px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 22px; text-align: left; margin: 0; padding: 0 10px }
h12    { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; line-height: 12px; text-align: left; margin: 0; }
h13.pos_top    { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; text-align: left; margin-bottom: 25px; position:relative; top:-30px; }
#productlogo  { padding-bottom: 6px; width: 840px }
li.pdf  { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; background-image: url("../images/pdf-icon.gif"); background-repeat: no-repeat; background-position: 0 0; text-align: left; list-style-type: none; margin: 0 0 0 22px; padding: 0 0 0 20px }
li.dwg  { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; background-image: url("../images/dwg-icon.gif"); background-repeat: no-repeat; background-position: 0 0; list-style-type: none; margin: 0 0 0 22px; padding: 0 0 0 20px }
li.doc  { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; background-image: url("../images/word-icon.gif"); background-repeat: no-repeat; background-position: 0 0; list-style-type: none; margin: 0 0 0 22px; padding: 0 0 0 20px }
li.arrow     { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; background-image: url("bullet.gif"); background-repeat: no-repeat; background-position: 4px 6px; text-align: left; list-style-type: none; margin: 0 0 0 22px; padding: 0 5px 4px 20px }
li.arrow2      { font-size: 16px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 22px; background-image: url("bullet.gif"); background-repeat: no-repeat; background-position: 26px 6px; text-align: left; list-style-type: none; margin: 0 0 0 22px; padding: 0 5px 4px 40px }
li.arrow3      { font-size: 10px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 20px; background-image: url("bullet.gif"); background-repeat: no-repeat; background-position: 70px 6px; text-align: left; list-style-type: none; margin: 0 0 0 22px; padding: 0 5px 4px 80px }
li.arrow4      { font-size: 13px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; background-image: url("bullet.gif"); background-repeat: no-repeat; background-position: 110px 2px; text-align: left; list-style-type: none; margin: 0 0 0 22px; padding: 0 5px 4px 120px }
.iconlist  { list-style-type: none; margin: 0; padding: 0 0 5px }

#centered  { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; line-height: 16px; text-align: center; margin: 10px auto; width: 600px }


td.model   { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; background-image: url("../images/fade.gif"); background-repeat: repeat-x; text-align: center; margin: 0 auto; padding-top: 5px; padding-right: 0px; padding-left: 0px; height: 44px; vertical-align: top }

td.disc
          { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: normal; background-image: url("../images/fade.gif"); background-repeat: repeat-x; text-align: left; padding-top: 5px; padding-right: 10px; padding-left: 0; height: 44px; vertical-align: top }

td.bottomline   { text-align: left; padding-left: 40px; height: 25px; border-bottom: 1px solid #dcdcdc }
td.bottomlinecentered   { text-align: center; height: 25px; border-bottom: 1px solid #dcdcdc }
td.nobottomline   { text-align: left; padding-left: 40px; height: 25px }
td.icon
   { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; background-image: url("../images/fade.gif"); background-repeat: repeat-x; text-align: center; width: 100px; vertical-align: middle }
td.iconx
  { border-bottom: 1px solid #dcdcdc; width: 100px  }

td.product
        { font-size: 18px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; background-position: right 0; text-align: left; margin: 0; padding: 0; width: 440px; height: 44px; vertical-align: top } 
td.productsmall
         { font-size: 18px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; background-position: right 0; text-align: left; margin: 0; padding: 0; width: 320px; height: 44px; vertical-align: top }   
td.productnoarrow
     { font-size: 18px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; text-align: left; margin: 0; padding: 0; width: 420px; height: 44px; vertical-align: top }

table.products
      { font-size: 12px; font-family: Verdana; font-weight: normal; text-align: center; margin: 0; padding: 0; width: 840px; clear: both; border-top: 1px solid #666; border-collapse: collapse; border-spacing: 0px      }
#phototext   { font-size: 10px; font-weight: bold; text-align: center; margin: 0; padding: 0 4px }
.phototext      { color: black; font-size: 18px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-variant: normal; font-weight: bold; text-transform: none; margin: 0; padding: 0 }
.addtext    { color: #002287; font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; margin: 0; padding: 0 }
.phototextcurrent       { color: white; font-size: 18px; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-variant: normal; font-weight: bold; background-color: #002287; text-transform: none; margin: 0; padding: 0 2px }

.highlite { background-color: yellow }

#bubble_tooltip{
	width:203px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('../images/bubble_top.gif');
	background-repeat:no-repeat;
	height:9px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('../images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-top:3px;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:39px;
	position:relative;
	top:0px;
}
#badge      { background-image: url("../images/liftreadybadge.gif"); background-repeat: no-repeat; background-position: 0 0; position: relative; z-index: 3; top: -11px; left: 5px; width: 226px; height: 90px }
#installer_badge       { background-image: url("../images/installer-badge.gif"); background-repeat: no-repeat; background-position: 0 0; text-align: left; position: relative; z-index: 4; top: -110px; left: -14px; width: 137px; height: 137px }
#liftreadybkg { background-image: url("../images/liftreadybkg.gif"); background-repeat: no-repeat; margin: 0 auto; position: relative; top: 30px; width: 800px }
#curvesfolderbkg   { background-image: url("../curvesmailer/folderbkg.jpg"); background-repeat: no-repeat; margin: 0 auto; width: 800px }
#curvesfolderlinesbkg    { background-image: url("../curvesmailer/folderbkglines.gif"); background-repeat: repeat-y; margin: 0 auto; position: relative; top: 30px; width: 800px }
#curvestitle  { font-size: 36px; font-family: "Century Gothic", Arial, sans-serif; line-height: 40px; text-align: center; padding-top: 100px; padding-right: 40px; padding-left: 380px }
#curvessubtitle  { font-size: 22px; font-family: "Century Gothic", Arial, sans-serif; line-height: 28px; text-align: center; padding-bottom: 30px; padding-top: 20px; padding-right: 40px; padding-left: 380px }
#curvestext2  { font-size: 14px; font-family: "Century Gothic", Arial, sans-serif; line-height: 18px; text-align: center; padding-bottom: 20px; padding-top: 0px; padding-right: 40px; padding-left: 380px }
#curvestext1 { font-size: 14px; font-family: "Century Gothic", Arial, sans-serif; line-height: 18px; padding-right: 40px; padding-left: 40px }
#curvesfolderfooterbkg    { background-image: url("../curvesmailer/folderbkgfooter.gif"); background-repeat: no-repeat; margin: 0 auto; width: 800px; height: 22px }
a.curves { color: #002287; font-weight: bold; text-decoration: none }
a:hover.curves  { color: #002287; font-weight: bold; text-decoration: underline }

#footertop     { background-image: url("../images/footertop.gif"); background-repeat: no-repeat; margin: 0 auto; padding: 0; position: relative; top: 0; left: 0; width: 840px; float: left }
#footerbkg     { background-image: url("../images/footerbkg.gif"); margin: 20px auto 0; padding: 0; width: 840px; float: left }
#footerbottom     { background-image: url("../images/footerbtm.gif"); background-repeat: no-repeat; margin: 0 auto 0; width: 840px; height: 34px; float: left; clear: both }
.required {
	color: #FF0000;
}

/* <-- this code is for the fancy box. */
/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */

#tlc, #trc { zoom: 1 }


#box
	{
	margin-top: 10px;
	float:left
	padding: 0;
	width: 200px;				/* <-- use this for a set width */
	background-color: #eeeeee;;
	}
 	
#content
	{
	padding:15px;
	}

#content h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#content p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
		
#topright {
position: absolute;
right: 0;
top: 0;
display: block;
height: 125px;
width: 125px;
background: url(ribbon.gif) no-repeat;
text-indent: -999em;
text-decoration: none;}	

#topleft {
position: absolute;
left: 0;
top: 0;
display: block;
height: 125px;
width: 125px;
background: url(ribbon.gif) no-repeat;
text-indent: -999em;
text-decoration: none;}