/* style sheet: Template / (c) Copyright DR Solutions International Limited. */

  /* default styles */
  *                                                       {width:auto;height:auto;margin:0px;padding:0px;}
  body                                                    {background:#FFFFFF;font:normal 100% Arial, Verdana, Tahoma;color:#000000;cursor:default;}
  div                                                     {}
  h1                                                      {font-size:1.2em;}
  h2                                                      {font-size:1.0em;}
  h3                                                      {font-size:0.8em;}
  p                                                       {font-size:0.8em;}
  ul                                                      {list-style-position:inside;}
  li                                                      {list-style-type:disc;}
  a                                                       {color:#FFFFFF;text-decoration:none;cursor:pointer;}
  a:hover                                                 {}
  input                                                   {}
  input[type="text"]                                      {}
  input[type="button"]                                    {}
  input[type="submit"]                                    {}
  input[type="file"]                                      {}
  select                                                  {}
  textarea                                                {}
  img                                                     {border:0px;}
  
  /* class styles */
  .floatleft                                              {float:left;}
  .floatright                                             {float:right;}
  .overflowauto                                           {overflow:auto;}
  .overflowhidden                                         {overflow:hidden;}
  .left                                                   {text-align:left;}
  .center                                                 {text-align:center;}
  .right                                                  {text-align:right;}
  .justify                                                {text-align:justify;}
  .top                                                    {vertical-align:top;}
  .middle                                                 {vertical-align:middle;}
  .bottom                                                 {vertical-align:bottom;}
  .normal                                                 {font-weight:normal;}
  .bold                                                   {font-weight:bold;}
  .bold-hover:hover                                       {font-weight:bold;}
  .smallcaps                                              {font-variant:small-caps;}
  .smallcaps-hover:hover                                  {font-variant:small-caps;}
  .italic                                                 {font-style:italic;}
  .italic-hover:hover                                     {font-style:italic;}
  .oblique                                                {font-style:oblique;}
  .oblique-hover:hover                                    {font-style:oblique;}
  .underline                                              {text-decoration:underline;}
  .underline-hover:hover                                  {text-decoration:underline;}
  .overline                                               {text-decoration:overline;}
  .overline-hover:hover                                   {text-decoration:overline;}
  .linethrough                                            {text-decoration:line-through;}
  .linethrough-hover:hover                                {text-decoration:line-through;}
  .blink                                                  {text-decoration:blink;}
  .blink-hover:hover                                      {text-decoration:blink;}
  .uppercase                                              {text-transform:uppercase;}
  .uppercase-hover:hover                                  {text-transform:uppercase;}
  .lowercase                                              {text-transform:lowercase;}
  .lowercase-hover:hover                                  {text-transform:lowercase;}
  .pointer                                                {cursor:pointer;}
  .pointer-hover:hover                                    {cursor:pointer;}
  .p0                                                     {padding:0px;}
  .p1                                                     {padding:1px;}
  .p2                                                     {padding:2px;}
  .p3                                                     {padding:3px;}
  .p4                                                     {padding:4px;}
  .p5                                                     {padding:5px;}
  .p6                                                     {padding:6px;}
  .p7                                                     {padding:7px;}
  .p8                                                     {padding:8px;}
  .p9                                                     {padding:9px;}
  .p10                                                    {padding:10px;}
  .p11                                                    {padding:11px;}
  .p12                                                    {padding:12px;}
  .p13                                                    {padding:13px;}
  .p14                                                    {padding:14px;}
  .p15                                                    {padding:15px;}
  .p16                                                    {padding:16px;}
  .p17                                                    {padding:17px;}
  .p18                                                    {padding:18px;}
  .p19                                                    {padding:19px;}
  .p20                                                    {padding:20px;}
  .pleft0                                                 {padding-left:0px;}
  .pleft1                                                 {padding-left:1px;}
  .pleft2                                                 {padding-left:2px;}
  .pleft3                                                 {padding-left:3px;}
  .pleft4                                                 {padding-left:4px;}
  .pleft5                                                 {padding-left:5px;}
  .pleft6                                                 {padding-left:6px;}
  .pleft7                                                 {padding-left:7px;}
  .pleft8                                                 {padding-left:8px;}
  .pleft9                                                 {padding-left:9px;}
  .pleft10                                                {padding-left:10px;}
  .pleft11                                                {padding-left:11px;}
  .pleft12                                                {padding-left:12px;}
  .pleft13                                                {padding-left:13px;}
  .pleft14                                                {padding-left:14px;}
  .pleft15                                                {padding-left:15px;}
  .pleft16                                                {padding-left:16px;}
  .pleft17                                                {padding-left:17px;}
  .pleft18                                                {padding-left:18px;}
  .pleft19                                                {padding-left:19px;}
  .pleft20                                                {padding-left:20px;}
  .pleft30                                                {padding-left:30px;}
  .ptop0                                                  {padding-top:0px;}
  .ptop1                                                  {padding-top:1px;}
  .ptop2                                                  {padding-top:2px;}
  .ptop3                                                  {padding-top:3px;}
  .ptop4                                                  {padding-top:4px;}
  .ptop5                                                  {padding-top:5px;}
  .ptop6                                                  {padding-top:6px;}
  .ptop7                                                  {padding-top:7px;}
  .ptop8                                                  {padding-top:8px;}
  .ptop9                                                  {padding-top:9px;}
  .ptop10                                                 {padding-top:10px;}
  .ptop11                                                 {padding-top:11px;}
  .ptop12                                                 {padding-top:12px;}
  .ptop13                                                 {padding-top:13px;}
  .ptop14                                                 {padding-top:14px;}
  .ptop15                                                 {padding-top:16px;}
  .ptop16                                                 {padding-top:16px;}
  .ptop17                                                 {padding-top:17px;}
  .ptop18                                                 {padding-top:18px;}
  .ptop19                                                 {padding-top:19px;}
  .ptop20                                                 {padding-top:20px;}
  .pright0                                                {padding-right:0px;}
  .pright1                                                {padding-right:1px;}
  .pright2                                                {padding-right:2px;}
  .pright3                                                {padding-right:3px;}
  .pright4                                                {padding-right:4px;}
  .pright5                                                {padding-right:5px;}
  .pright6                                                {padding-right:6px;}
  .pright7                                                {padding-right:7px;}
  .pright8                                                {padding-right:8px;}
  .pright9                                                {padding-right:9px;}
  .pright10                                               {padding-right:10px;}
  .pright11                                               {padding-right:11px;}
  .pright12                                               {padding-right:12px;}
  .pright13                                               {padding-right:13px;}
  .pright14                                               {padding-right:14px;}
  .pright15                                               {padding-right:15px;}
  .pright16                                               {padding-right:16px;}
  .pright17                                               {padding-right:17px;}
  .pright18                                               {padding-right:18px;}
  .pright19                                               {padding-right:19px;}
  .pright20                                               {padding-right:20px;}
  .pbottom0                                               {padding-bottom:0px;}
  .pbottom1                                               {padding-bottom:1px;}
  .pbottom2                                               {padding-bottom:2px;}
  .pbottom3                                               {padding-bottom:3px;}
  .pbottom4                                               {padding-bottom:4px;}
  .pbottom5                                               {padding-bottom:5px;}
  .pbottom6                                               {padding-bottom:6px;}
  .pbottom7                                               {padding-bottom:7px;}
  .pbottom8                                               {padding-bottom:8px;}
  .pbottom9                                               {padding-bottom:9px;}
  .pbottom10                                              {padding-bottom:10px;}
  .pbottom11                                              {padding-bottom:11px;}
  .pbottom12                                              {padding-bottom:12px;}
  .pbottom13                                              {padding-bottom:13px;}
  .pbottom14                                              {padding-bottom:14px;}
  .pbottom15                                              {padding-bottom:15px;}
  .pbottom16                                              {padding-bottom:16px;}
  .pbottom17                                              {padding-bottom:17px;}
  .pbottom18                                              {padding-bottom:18px;}
  .pbottom19                                              {padding-bottom:19px;}
  .pbottom20                                              {padding-bottom:20px;}
  .m0                                                     {margin:0px;}
  .m1                                                     {margin:1px;}
  .m2                                                     {margin:2px;}
  .m3                                                     {margin:3px;}
  .m4                                                     {margin:4px;}
  .m5                                                     {margin:5px;}
  .m6                                                     {margin:6px;}
  .m7                                                     {margin:7px;}
  .m8                                                     {margin:8px;}
  .m9                                                     {margin:9px;}
  .m10                                                    {margin:10px;}
  .m11                                                    {margin:11px;}
  .m12                                                    {margin:12px;}
  .m13                                                    {margin:13px;}
  .m14                                                    {margin:14px;}
  .m15                                                    {margin:15px;}
  .m16                                                    {margin:16px;}
  .m17                                                    {margin:17px;}
  .m18                                                    {margin:18px;}
  .m19                                                    {margin:19px;}
  .m20                                                    {margin:20px;}
  .mleft0                                                 {margin-left:0px;}
  .mleft1                                                 {margin-left:1px;}
  .mleft2                                                 {margin-left:2px;}
  .mleft3                                                 {margin-left:3px;}
  .mleft4                                                 {margin-left:4px;}
  .mleft5                                                 {margin-left:5px;}
  .mleft6                                                 {margin-left:6px;}
  .mleft7                                                 {margin-left:7px;}
  .mleft8                                                 {margin-left:8px;}
  .mleft9                                                 {margin-left:9px;}
  .mleft10                                                {margin-left:10px;}
  .mleft11                                                {margin-left:11px;}
  .mleft12                                                {margin-left:12px;}
  .mleft13                                                {margin-left:13px;}
  .mleft14                                                {margin-left:14px;}
  .mleft15                                                {margin-left:15px;}
  .mleft16                                                {margin-left:16px;}
  .mleft17                                                {margin-left:17px;}
  .mleft18                                                {margin-left:18px;}
  .mleft19                                                {margin-left:19px;}
  .mleft20                                                {margin-left:20px;}
  .mtop0                                                  {margin-top:0px;}
  .mtop1                                                  {margin-top:1px;}
  .mtop2                                                  {margin-top:2px;}
  .mtop3                                                  {margin-top:3px;}
  .mtop4                                                  {margin-top:4px;}
  .mtop5                                                  {margin-top:5px;}
  .mtop6                                                  {margin-top:6px;}
  .mtop7                                                  {margin-top:7px;}
  .mtop8                                                  {margin-top:8px;}
  .mtop9                                                  {margin-top:9px;}
  .mtop10                                                 {margin-top:10px;}
  .mtop11                                                 {margin-top:11px;}
  .mtop12                                                 {margin-top:12px;}
  .mtop13                                                 {margin-top:13px;}
  .mtop14                                                 {margin-top:14px;}
  .mtop15                                                 {margin-top:15px;}
  .mtop16                                                 {margin-top:16px;}
  .mtop17                                                 {margin-top:17px;}
  .mtop18                                                 {margin-top:18px;}
  .mtop19                                                 {margin-top:19px;}
  .mtop20                                                 {margin-top:20px;}
  .mright0                                                {margin-right:0px;}
  .mright1                                                {margin-right:1px;}
  .mright2                                                {margin-right:2px;}
  .mright3                                                {margin-right:3px;}
  .mright4                                                {margin-right:4px;}
  .mright5                                                {margin-right:5px;}
  .mright6                                                {margin-right:6px;}
  .mright7                                                {margin-right:7px;}
  .mright8                                                {margin-right:8px;}
  .mright9                                                {margin-right:9px;}
  .mright10                                               {margin-right:10px;}
  .mright11                                               {margin-right:11px;}
  .mright12                                               {margin-right:12px;}
  .mright13                                               {margin-right:13px;}
  .mright14                                               {margin-right:14px;}
  .mright15                                               {margin-right:15px;}
  .mright16                                               {margin-right:16px;}
  .mright17                                               {margin-right:17px;}
  .mright18                                               {margin-right:18px;}
  .mright19                                               {margin-right:19px;}
  .mright20                                               {margin-right:20px;}
  .mbottom0                                               {margin-bottom:0px;}
  .mbottom1                                               {margin-bottom:1px;}
  .mbottom2                                               {margin-bottom:2px;}
  .mbottom3                                               {margin-bottom:3px;}
  .mbottom4                                               {margin-bottom:4px;}
  .mbottom5                                               {margin-bottom:5px;}
  .mbottom6                                               {margin-bottom:6px;}
  .mbottom7                                               {margin-bottom:7px;}
  .mbottom8                                               {margin-bottom:8px;}
  .mbottom9                                               {margin-bottom:9px;}
  .mbottom10                                              {margin-bottom:10px;}
  .mbottom11                                              {margin-bottom:11px;}
  .mbottom12                                              {margin-bottom:12px;}
  .mbottom13                                              {margin-bottom:13px;}
  .mbottom14                                              {margin-bottom:14px;}
  .mbottom15                                              {margin-bottom:15px;}
  .mbottom16                                              {margin-bottom:16px;}
  .mbottom17                                              {margin-bottom:17px;}
  .mbottom18                                              {margin-bottom:18px;}
  .mbottom19                                              {margin-bottom:19px;}
  .mbottom20                                              {margin-bottom:20px;}
  .fontsize14                                             {font-size:1.4em;}
  .fontsize13                                             {font-size:1.3em;}
  .fontsize12                                             {font-size:1.2em;}
  .fontsize11                                             {font-size:1.1em;}
  .fontsize10                                             {font-size:1.0em;}
  .fontsize09                                             {font-size:0.9em;}
  .fontsize08                                             {font-size:0.8em;}
  .fontsize07                                             {font-size:0.7em;}
  .fontsize06                                             {font-size:0.6em;}
  .black                                                  {color:#000000;}
  .black-hover:hover                                      {color:#000000;}
  .white                                                  {color:#FFFFFF;}
  .white-hover:hover                                      {color:#FFFFFF;}
  .greydark                                               {color:#333333;}
  .greydark-hover:hover                                   {color:#333333;}
  .greymedium                                             {color:#666666;}
  .greymedium-hover:hover                                 {color:#666666;}
  .greylight                                              {color:#999999;}
  .greylight-hover:hover                                  {color:#999999;}
  .silverdark                                             {color:#CCCCCC;}
  .silverdark-hover:hover                                 {color:#CCCCCC;}
  .silvermedium                                           {color:#DDDDDD;}
  .silvermedium-hover:hover                               {color:#DDDDDD;}
  .silverlight                                            {color:#EEEEEE;}
  .silverlight-hover:hover                                {color:#EEEEEE;}
  .reddark                                                {color:#990000;}
  .reddark-hover:hover                                    {color:#990000;}
  .redmedium                                              {color:#CC0000;}
  .redmedium-hover:hover                                  {color:#CC0000;}
  .redlight                                               {color:#FF0000;}
  .redlight-hover:hover                                   {color:#FF0000;}
  .greendark                                              {color:#009900;}
  .greendark-hover:hover                                  {color:#009900;}
  .greenmedium                                            {color:#00CC00;}
  .greenmedium-hover:hover                                {color:#00CC00;}
  .greenlight                                             {color:#00FF00;}
  .greenlight-hover:hover                                 {color:#00FF00;}
  .bluedark                                               {color:#000099;}
  .bluedark-hover:hover                                   {color:#000099;}
  .bluemedium                                             {color:#0000CC;}
  .bluemedium-hover:hover                                 {color:#0000CC;}
  .bluelight                                              {color:#0000FF;}
  .bluelight-hover:hover                                  {color:#0000FF;}
  .h2o-orange                                             {color:#F05122;}
  .h2o-orange-hover:hover                                 {color:#F05122;}
  .h2o-blue                                               {color:#098BCA;}
  .h2o-blue-hover:hover                                   {color:#098BCA;}
  .spacer                                                 {font-size:0.1em;line-height:0.1em;}
  
  /* content styles */
  .button                                                 {background:#EEEEEE;border:1px solid #999999;margin-top:5px;padding:2px;cursor:pointer;}
  .button:hover                                           {background-color:#F7A088;cursor:pointer;}
  .border                                                 {border:1px solid #CCCCCC;}
  div#containerdoc                                        {width:900px;margin:auto;}
  div#containerhead                                       {width:900px;height:158px;}
    div#containerhead img#head-logo                       {width:193px;height:117px;}
      div#cart                                            {width:500px;}
         #cart p                                          {}
      div#headcontact                                     {width:500px;margin-top:48px;}
         #headcontact p.contact                           {width:160px;font-size:1.8em;}
         #headcontact p.number                            {width:200px;font-size:1.8em;}
  div#containermenu                                       {width:898px;height:28px;background:url('../image/menu-background.jpg');}
  div#containerbody                                       {width:900px;}
    div#containerbodymain                                 {width:597px;}
      div.containerbodymainflash                          {width:588px;height:190px;}
        div.containerbodymainflash object                 {width:588px;height:190px;}
        div.containerbodymainflash embed                  {width:588px;height:190px;}
      div#containerbodymaincontent                        {width:587px;}
         #containerbodymaincontent p                      {font-size:0.80em;}
         #containerbodymaincontent ul                     {margin-left:10px;}
         #containerbodymaincontent ul li                  {font-size:0.70em;}
      div.containerbodymaincontenthome                    {height:170px;}
    div#containerbodyright                                {width:295px;}
    div.containerquick                                    {width:293px;height:198px;}
      div.containerquick h2                               {width:275px;height:20px;background:url('../image/quick-title-background.jpg');}
    div#containerquickenquiry                             {}
      div#containerquickenquiry p                         {}
      div#containerquickenquiry p.text                    {width:70px;height:18px;}
      div#containerquickenquiry p.field                   {width:212px;height:20px;}
      div#containerquickenquiry p.site                    {width:212px;}
      div#containerquickenquiry input.text                {width:208px;height:15px;background:#FFF7F4;}
      div#containerquickenquiry input.submit              {width:60px;height:20px;background:url('../image/button-orange-background.jpg');}
      div#containerquickenquiry input.error               {background:#F9E9E9;border-color:#CC0000;color:#FF0000;}
    div.containerinfo                                     {width:295px;height:232px;}
      div.containerinfo div.title                         {width:293px;height:28px;background:url('../image/info-title-background.jpg');}
      div.containerinfo div.text                          {width:293px;height:198px;}
      div.containerinfo div.finance                       {background:url('../image/info-finance-background.jpg');}
      div.containerinfo div.logger                        {background:url('../image/info-logger-background.jpg');}
      div.containerinfo div.title h2 a                    {font-size:0.95em;}
    div.containeritem                                     {width:592px;}
      div.containeritem img                               {width:140px;height:140px;}
      div.containeritem p                                 {width:427px;}
      div.containeritem p.title                           {width:420px;height:25px;}
      div.containeritem p.text                            {width:427px;min-height:110px;}
      div.containeritem p.moreinfo                        {width:200px;}
      div.containeritem li                                {width:427px;}
    div.containercartitem                                 {}
       .containercartitem p                               {}
       .containercartitem table                           {}
       .containercartitem table tr                        {}
       .containercartitem table tr td                     {text-align:center;}
       .containercartitem table tr td.title               {width:250px;text-align:left;}
       .containercartitem table tr td.price               {width:65px;}
       .containercartitem table tr td.quantity            {width:33px;}
       .containercartitem table tr td.subtotal            {width:80px;}
       .containercartitem table tr td.vat                 {width:70px;}
       .containercartitem table tr td.remove              {width:15px;}
       .containercartitem table tr.title                  {background:#F7A088;}
       .containercartitem table tr.title td               {padding:4px;font-size:0.90em;font-weight:bold;}
       .containercartitem table tr.item                   {background:#EEEEEE;}
       .containercartitem table tr.item td                {height:25px;padding:4px;padding-top:2px;padding-bottom:2px;font-size:0.80em;}
       .containercartitem table tr.highlight:hover        {background:#DDDDDD;}
       .containercartitem table tr.total                  {background:#DDDDDD;}
       .containercartitem table tr.total td               {padding:4px;font-size:0.90em;}
       .containercartitem table tr.total td.title         {text-align:right;}
       .containercartitem table tr.checkout td.vat        {width:95px;}
       .containercartitem input.button                    {width:102px;}
       .containercartitem input.quantity                  {width:28px;border:1px solid #999999;text-align:center;}
       .containercartitem input.back                      {float:left;margin-left:2px;}
       .containercartitem input.empty                     {float:right;margin-right:5px;}
       .containercartitem input.update                    {float:right;margin-right:5px;}
       .containercartitem input.checkout                  {float:right;margin-right:14px;}
       .containercartitem input.confirm                   {float:right;margin-right:14px;}
    div#containerportfoliodetail                          {width:580px;}
      div#containerportfoliodetail h2                     {}
      div#containerportfoliodetail p                      {}
    div.containerfreequote                                {width:580px;}
  div#containerfoot                                       {width:898px;height:38px;background:url('../image/foot-background.jpg');}
  div#star-freedatalogger                                 {position:absolute;margin-left:840px;margin-top:129px;}
    div#star-freedatalogger img                           {width:92px;height:92px;}
  
  .ecodan p                                               {color:#666666;}
  .ecodan a                                               {color:#333333;}
  .ecodan a:hover                                         {text-decoration:underline;}
  .ecodan .static                                         {overflow:hidden;margin:15px 0px;}
  .ecodan .static img.left                                {float:left;}
  .ecodan .static img.right                               {float:right;}
  .ecodan .static img.logo-ecodan                         {width:200px;height:60px;margin:25px 0px 0px 0px;}
  .ecodan .static img.logo-mitsubishi                     {width:200px;height:105px;}
  .ecodan img.ecodan-house                                {width:260px;height:200px;}
  .ecodan img.ecodan-donalds                              {width:260px;height:220px;}
  .ecodan img.ecodan-unit                                 {width:310px;height:200px;}
  
  img#title                                               {width:587px;height:190px;}
  img.info-solar                                          {width:290px;height:196px;}
  img.itemdetail                                          {width:148px;height:148px;}
  img.info-ecodan                                         {width:293px;height:198px;}
  
  input.submit                                            {float:right;background:#F9F9F9;border:1px solid #999999;padding:1px;margin-top:5px;margin-right:2px;cursor:pointer;}

  /* Contact Form Styles */
  div#containercontactform                                {width:580px;}
  div#containercontactform p.text                         {width:160px;}
  div#containercontactform input.text                     {float:left;width:415px;background:#FFF7F4;border:1px solid #999999;padding:1px;margin-top:5px;}
  div#containercontactform input.textquote                {float:left;width:565px;background:#FFF7F4;border:1px solid #999999;padding:1px;margin-top:5px;}
  div#containercontactform input.error                    {background:#F9E9E9;border-color:#CC0000;color:#FF0000;}
  div#containercontactform input.submit                   {float:right;background:#F9F9F9;border:1px solid #999999;padding:1px;margin-top:5px;margin-right:2px;cursor:pointer;}
  div#containercontactform select                         {float:left;width:420px;background:#FFF7F4;border:1px solid #999999;padding:1px;margin-top:5px;cursor:pointer;}
  div#containercontactform textarea                       {float:left;width:415px;height:100px;background:#FFF7F4;border:1px solid #999999;padding:1px;margin-top:5px;}
  div#containercontactform textarea.error                 {background:#F9E9E9;border-color:#CC0000;color:#FF0000;}
  div#containercontactinfo                                {width:300px;}