/* 
    Document   : main
    Created on : 11/06/2009, 10:52:07 AM
    Author     : cdobbs
    Description:
    Main stylesheet with default layout and styles
*/

body                                    {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#4E1C29;background:#e4debd;}
table,
textarea,
input                                   {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px}

/****************** LINKS ****************************/
a                                       {color:#4E1C29;}
a:hover                                 {text-decoration:none;}

/****************** HEADERS **************************/
h1                                      {margin:0px;padding:0px;color:#4E1C29;font-family:Verdana, Arial, Helvetica, sans-serif;}
h2                                      {margin:0px;padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;}
h3                                      {margin:0px;padding:0px;font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif;}
h4                                      {margin:0px;padding:0px;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}

/****************** MAIN TEMPLATE ********************/
#siteContainer                          {width:820px;margin:0 auto;}
#contentContainer                       {margin:0px 0px;background-color:#ede8cf}

#header                                 {background:url('/images/hornby-florist.jpg') no-repeat;width:820px;height:100px;position:relative}

#footer                                 {text-align:center;background-image:url('/images/hornby-florist-footer.jpg');height:17px;padding:17px 0px;color:#FFF}
#footer a                               {text-decoration:none;font-size:13px;color:#FFF;font-weight:bold;line-height:13px}
#footer a:hover                         {color:#F4FFD6}
#footer img                             {margin-bottom:-3px}

#footer2                                {text-align:center;margin-top:5px;font-size:11px}
#footer2 a                              {color:#000;text-decoration:none;font-size:11px}
#footer2 a:hover                        {color:#FFF}

#topNav                                 {position:absolute;right:0px;bottom:0px;height:20px;border-top:1px solid #4E1C29;width:625px}
#topNav ul                              {padding:0px;margin:0px 0px 0px 50px}
#topNav li                              {list-style:none;float:left}
#topNav li a                            {display:block;padding:2px 13px;font-size:13px;font-weight:bold;color:#fff;text-decoration:none;letter-spacing:0.1em}
#topNav li a:hover                      {color:#F4FFD6;}



#sideNav                                {float:left;width:143px;border:1px solid #723983}
#sideNav ul                             {padding:0px;margin:0px}
#sideNav li                             {list-style:none}
#sideNav li a                           {padding:5px;width:133px}

/************************** FORMS *********************************/
.label                                  {float:left;width:100px;margin-top:3px;}
.input                                  {float:left;margin-top:3px}
.buttons                                {margin:10px 0px 0px 100px}
.field                                  {margin-top:3px}

input[type=text],
input[type=password]                    {width:150px}
input.postcode                          {width:70px}
select                                  {width:154px}
select.date                             {width:60px}
input.required,
select.required,
textarea.required                       {color:#b11111}

input.error,
input.validation-failed,
select.validation-failed,
textarea.validation-failed             {border:2px solid #b11111;background-color:#f1bbbb;color:#000}

input.validation-passed,
select.validation-passed,
textarea.validation-passed              {border:2px solid #0F0;}

input.disabled                          {color:#AAA}

.errorMessage                           {border:1px solid #b11111;padding:10px;background-color:#f1bbbb;font-size:10px;margin-bottom:10px}
.validation-advice                      {color:#b11111}
/******************** POPUPS *************************************/
.popupWindow                            {border:1px solid #723983}
.popupWindow h2                         {border-bottom:1px solid #723983;font-size:12px;padding:5px 10px;background-color:#b293b9}
.popupWindow .container                 {padding:10px;background-color:#f3eff5}
.popupWindow .buttons                   {margin:10px 0px 0px 0px;text-align:center}

.content                                {padding:10px 30px 30px 30px;min-height:300px}

div.clear                               {margin:0px;padding:0px;height:0px;font-size:0px;overflow:hidden;clear:both}

div                                     {border-collapse:collapse}
img                                     {border-width:0}


/************************ HOME **********************************/
.shopLinks                              {margin-top:40px}
.shopLinks img                          {border-left:1px solid #4f1d29}

/******************** REGISTER **************************/
#register fieldset                      {border-width:0px;padding:0px;margin-top:20px}
#register legend                        {display:none}
#register .label                        {width:150px}
#register .buttons                      {margin:10px 0px 0px 150px}
/******************************* MISC ***********************************/
.imgButton                              {cursor:pointer}
.relative                               {position:relative}