@charset "utf-8";

*                       { margin: 0px; padding: 0px; }
a                       { color: #ffffff; text-decoration: underline; }
body                    { background: #efefef; color: #2f2f2f; font: normal 0.75em "Tahoma", Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6  { font: normal 100% "Tahoma", Helvetica, sans-serif; }
img                     { border: 0px; }
input                   { border: 1px solid #303133; }
strong                  { font-weight: normal; }
table                   { width: 100%; }
table th                { padding: 0px 0px 10px 0px; text-align: left; }
ul                      { list-style-type: none; }


#page { margin: 0px auto 0px auto; width: 930px; }

#header                          { height: 143px; width: 930px; }
#header #logo                    { float: left; height: 143px; width: 180px; }    
#header #mainMenu                { background: #3b76ba url('../graphics/header-mainMenu.gif') top left no-repeat; float: left; height:133px; text-align: right; padding: 10px 10px 0px 10px; width: 550px; }
#header #mainMenu ul             { float: left; margin: 109px 0px 0px 0px; }
#header #mainMenu ul li          { float: left; }
#header #mainMenu ul li a        { text-decoration: none; display: block; margin: 0px; padding: 5px 6px; }
#header #mainMenu ul li a:hover  { background: #b5112c; }
#header #search                  { background: #3b5aa3; color: #ffffff; float: left; height: 133px; padding: 10px 10px 0px 10px; width: 160px; }
#header #search form             { margin: 93px 0px 0px 0px; }
#header #search input            { border: 1px solid #283c6d; width: 130px; }
#header #search input.submit     { background: #69b1c9 url('../graphics/header-search.gif') center left no-repeat; border: 0px; color: #2f2f2f; height: 23px; overflow: hidden; padding: 0px 0px 0px 13px; text-indent: -99999px; width: 14px; }

#subHeader                    { height: 115px; width: 930px; }
#subHeader h2                 { background: #22548e; color: #ffffff; float: left; font-size: 150%; font-weight: bold; height: 75px; padding: 40px 0px 0px 0px; text-align: center; width: 180px; }
#subHeader #imageDecoration   { float: right; height: 115px; width: 750px; }


#mainContent                           { background: url('../graphics/mainContent.gif') top left repeat-y; padding: 30px 0px 30px 0px; width: 930px; }
#mainContent #sideBar                  { background: #a3aeb1; float: left; padding: 0px 20px 0px 20px; width: 140px; }
#mainContent #sideBar ul               {}
#mainContent #sideBar ul li            { margin: 2px 0px; }
#mainContent #sideBar ul li ul         { margin: 0px 0px 0px 10px; }
#mainContent #sideBar ul li a          { color: #2f2f2f; text-decoration: underline; }
#mainContent #mainBar                  { float: right; padding: 0px 10px; width: 730px; }
#mainContent #mainBar a                { color: #3b76ba; text-decoration: none; }
#mainContent #mainBar h3               { color: #3b76ba; margin: 0px 0px 30px 0px; font-size: 200%; }
#mainContent #mainBar h4               { color: #3b76ba; margin: 0px 0px 10px 0px; font-size: 150%; }
#mainContent #mainBar h5               { color: #3b76ba; margin: 0px 0px 10px 0px; font-size: 120%; }
#mainContent #mainBar p                { margin: 0px 0px 10px 0px; }
#mainContent #mainBar img              { border: 0px; margin: 0px 5px 10px 0px; }
#mainContent #mainBar ul               { margin: 0px 0px 10px 0px; } 
#mainContent #mainBar .gallery         { text-align: center; }
#mainContent #mainBar .gallery a       {}
#mainContent #mainBar .gallery a img   { border: 0px; margin: 0px 5px 10px 0px; }

#footer                    { height: 100px; width: 930px; }
#footer h2                 { background: #96938d; color: #beb7aa; float: left; font-size: 200%; font-weight: bold; height: 60px; padding: 40px 0px 0px 0px; text-align: center; width: 180px; }
#footer #infoFooter        { background: #ccc9c3 url('../graphics/footer.gif') top left no-repeat; float: left; height: 90px; padding: 10px 10px 0px 10px; width: 730px; }
#footer #infoFooter a      { color: #2f2f2f; }
#footer #infoFooter .fl    { margin: 5px 0px 0px 0px; }
#footer #infoFooter .fr    { text-align: right;}
#footer #infoFooter .fr p  { margin: 0px 0px 3px 0px;   }

#admin                        { background: #ffffff; color: #303133; margin: 0px; padding: 0px; }
#wrapperAdmin                 { margin: 30px auto; width: 850px; }
#wrapperAdmin input.submit    { background: url('../graphics/admin-add.gif') top left no-repeat; border: 0px; height: 18px; width: 18px; }
#wrapperAdmin a               { color: #303133; }
#wrapperAdmin hr              { background: #779221; border: 0px; color: #779221; display: block; height: 1px; margin: 0px 0px 10px 0px; }
#wrapperAdmin h1              { background: #809930; border: #ecf0e1; color: #ffffff; font: normal 18px "Lucida Sans", sans-serif; margin: 15px 0px 5px 0px; padding: 5px 0px 5px 5px; }
#wrapperAdmin h2              { background: url('../graphics/admin-header.gif') center left no-repeat; color: #779221; font: normal 18px "Lucida Sans", sans-serif; margin: 15px 0px 5px 0px; padding: 0px 0px 0px 17px; }
#wrapperAdmin ul              { margin: 0px 0px 10px 0px; }
#wrapperAdmin .logout         { display: block; float: right; margin: 0px 0px 0px 0px; text-decoration: none; }

#login { height: 100px; margin: 200px auto 0px auto; width: 300px; }
#login input { margin: 0px 0px 5px 0px; width: 150px; }
#login label { float: left; width: 60px; }

#category                                    { width: 260px; }
#category form                               { margin: 0px 7px 0px 10px; }
#category form input                         { border: 1px solid #acadad; color: #acadad; float: left; font-size: 12px; width: 200px; }
#category form input.submit                  { float: right; }
#category ul                                 {}
#category ul li                              { border-bottom: 1px solid #cccccc; display: block; height: 12px; padding: 6px 0px 6px 0px;  }
#category ul li.category-item                { height: 18px; }
#category ul li.category-item input          { float: left; margin: 0px 0px 0px 10px; width: 100px; }
#category ul li.category-item input.submit   { float: right; background: url('../graphics/admin-add.gif') top left no-repeat; border: 0px; height: 18px; width: 18px; }
#category ul li.category-item label          { float: left; padding: 2px 0px 0px 0px; }
#category ul li a                            { padding: 0px 10px 0px 10px; text-decoration: none; }
#category ul li a.fr                         { padding: 0px 10px 0px 0px; }

#product                                    { width: 570px; }
#product form                               { margin: 0px 10px 0px 10px; }
#product form                               {}
#product input                              { border: 1px solid #b4b5b5; color: #acadad; font-size: 12px; margin: 0px 20px 5px 0px; width: 140px; }
#product textarea                           { border: 1px solid #b4b5b5; color: #acadad; font-family: "Arial", sans-serif; font-size: 12px; height: 123px; margin: 0px 0px 5px 2px; width: 365px;  }
#product ul                                 {}
#product ul li                              { border-bottom: 1px solid #cccccc; display: block; height: 12px; padding: 6px 0px 6px 0px;  }
#product ul li.product-item                 { height: 250px; }
#product ul li a                            { float: left; padding: 0px 10px 0px 10px; text-decoration: none; }
#product ul li a.fr                         { float: right; padding: 0px 10px 0px 0px; }
input#add-product-photo                     { border: 1px solid #b4b5b5; width: 140px; }