/*========================================================*/
/*   Cascading Style Sheet for Seasons DotNetNuke Skin    */
/*                      for DNN3                          */
/*              created by Tyler Fawcett                  */
/*                                                        */
/*              http://tf.johndcooper.com                 */
/*                 tf@tylerfawcett.com                    */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. Universal                                          */
/*  2. Containers                                         */
/*  3. Links                                              */
/*  4. Text                                               */
/*  5. Forms                                              */
/*  6. Main Menu                                          */
/*  7. Module Menus                                       */
/*========================================================*/

/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

html, body
{
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: #e7e7e7;
}

/* Catch-all to ensure text color, font, and size consistency */
table, tr, td, p
{
  font-family: tahoma;
  font-size: 11px;
  line-height: 1.4em;
}



/*========================================================*/
/*  2. Containers                                         */
/*========================================================*/

/* Establishes bg for viewable area */
.SiteColor
{
  background: #e7e7e7;
}


/* Maintains consistent width */
.SiteWidth
{
  width: 952px;
  margin: 0px 0 10px 0;
}


/* Header background */
.TopRow
{
  height: 132px;
  padding: 0;
}


/* Contains date/login info */
.HeaderCell
{
  text-align: left;
  padding: 27px 0 0 52px;
  height: 17px;
}


/* Contains menu */
.MenuCell
{
  padding: 0px 10px 0 0px;
  height: 36px;
}


/* BG for everything between header and footer */
.MiddleRow
{
  background: url(bg_middle.jpg) repeat-y;
  padding: 0 65px 0 40px;
}


/* BG for everything between header and footer - Admin */
.MiddleRowAdmin
{
  background: url(bg_middle_admin.jpg) repeat-y;
  padding: 0 65px 0 75px;
}


/* Holds breadcrumbs */
.Breadcrumbs
{
  padding: 0 0 10px 10px;
}


/* For left-hand column content */
.SideContent
{
  width: 177px;
  padding: 10px 33px 0 15px;
}


/* For main column content */
.MainContent
{
  padding: 0 10px 0 0;
}


/* For left column within the main content area */
.ContentLeft
{
  width: 33%;
}


/* For center column within the main content area */
.ContentCenter
{
  width: 33%;
}


/* For right column within the main content area */
.ContentRight
{
  width: 33%;
}


/* Footer graphic */
.BottomRow
{
  background: url(bg_bottom.jpg) no-repeat;
  height: 130px;
  vertical-align: bottom;
  text-align: right;
}


/* Footer graphic - Admin */
.BottomRowAdmin
{
  background: url(bg_bottom_admin.jpg) no-repeat;
  height: 110px;
  vertical-align: bottom;
  text-align: right;
}


/* Contains terms/copyright info */
.FooterCell
{
  font-size: 11px;
  text-align: center;
  padding: 0 0px 8px 0;
}

.FooterCell a:link, .FooterCell a:visited, .FooterCell a:active
{
  text-decoration: none;
  font-size: 11px;
}


/* Separator image between header and footer links */
.Bullet
{
  background: url(bullet_grey.gif) no-repeat;
  height: 10px;
}



/*========================================================*/
/*  3. Links                                              */
/*========================================================*/


/* Basic links */
a
{
  font-family: tahoma;
  font-weight: normal;
  font-size: 11px;
  text-decoration: underline;
}

/* For the Register and Login/Logout links in the header */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active
{
  font-weight: bold;
  text-decoration: none;
}

a.LoginLink:hover
{
  font-weight: bold;
  text-decoration: underline;
}


/* Defines styles for breadcrumb items */
a.BreadcrumbLink
{
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
}

a.BreadcrumbLink:hover
{
  text-decoration: underline;
}

span.BreadcrumbCurrentNode
{
  font-weight: bold;
  font-size: 11px;
  color: #555555;
}

/* For the links that look like buttons */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active
{
  font-weight: bold;
  color: #555;
}

a.CommandButton:hover
{
  font-weight: bold;
  color: #555;
  text-decoration: none;
}


/* Seasons link colors 
#Spring a
{
  color: #5A7228;
}
#Summer a
{
  color: #EF5B3E;
}
#Autumn a
{
  color: #CF8D01;
}
#Winter a
{
  color: #6C96A9;
}
*/


/*========================================================*/
/*  4. Text                                               */
/*========================================================*/

h1
{
  font-size: 12px;
  font-weight: bold;
  color: #555;
  height: 48px;
  padding-top: 15px;
  padding-left: 20px;
  margin-bottom: 0px;
  background: url(Head.gif) no-repeat;
}

h4
{
  font-size: 11px;
  font-weight: bold;
  color: #555;
  padding: 0;
}

/* Style for current date token */
.CurrentDate
{
  color: #555;
}


/* Style for copyright text in footer */
.CopyrightText
{
  color: #555;
}



/* Used in admin sections */
.SubHead
{
  font-size: 11px;
  font-weight: bold;
  color: #555;
  padding: 0;
}



.Normal
{
  font-size: 11px;
  color: #555;
}

.ContentText
{
  padding-left: 15px;
  padding-right: 15px;
}

/* Bold colored - used for warnings and such */
.NormalRed
{
  color: #900;
  font-family: tahoma;
  font-weight: bold;
  font-size: 11px;
}


/* Normal bold text */
.NormalBold
{
  font-family: tahoma;
  font-size: 11px;
  font-weight: bold;
}




/*========================================================*/
/*  5. Forms                                              */
/*========================================================*/

select, input
{
  font-family: tahoma;
  font-size: 11px;
  color: #555;
}


/* Applies to text input boxes */
.NormalTextBox
{
  color: #555;
  padding-left: 4px;
  line-height: 12px;
  font-family: tahoma;
  font-weight: normal;
  font-size: 11px;
  scrollbar-face-color: #fff;
  scrollbar-track-color: #fff;
  scrollbar-arrow-color: #333;
  scrollbar-3dlight-color: #fff;
  scrollbar-shadow-color: #fff;
  scrollbar-highlight-color: #fff;
  scrollbar-darkshadow-color: #fff;
}


/* Applies to the table cells that contain text input boxes */
td.NormalTextBox
{
  padding: 0;
  margin: 0;
  background: transparent;
  visibility: invisible;
}




/*========================================================*/
/*  6. Main Menu                                          */
/*========================================================*/


/* Container for main menu */
.MainMenu_MenuContainer
{
  background: transparent;
  height: 35px;
  padding: 0;
}

/* Idle state for main menu items */
.MainMenu_Idle
{
  height: 35px;
  background: url(menu_sep.gif) top right no-repeat transparent;
  color: #aaa;
  padding-top: 2px;
  font-weight: bold;
  font-family: Tahoma,Arial,Helvetica;
  font-size: 9pt;
  font-style: normal;
  text-decoration: none;
}


/* Hover state for main menu items */
.MainMenu_Selected
{
  color: #fff;
}



/*========================================================*/
/*  7. Module Menus                                       */
/*========================================================*/

/* Outer cntainer for module submenu */
.ModuleTitle_MenuContainer
{
  color: #2c2c2c;
}


/* Inner container for module submenu */
.ModuleTitle_MenuBar
{
  cursor: pointer;
  cursor: hand;
  height: 21px;
}


/* Idle state for module submenu items */
.ModuleTitle_MenuItem
{
  font-family: tahoma;
  color: #aaa;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  border: #f4f4f4 1px solid;
  padding: 1px 4px 2px 2px;
}


/* Inner, inner container for module submenu (?) */
.ModuleTitle_SubMenu
{
  z-index: 1000;
  cursor: pointer;
  cursor: hand;
  margin: -1px 0px 0px 2px;
  background-color: #f8f8f8;
  border: #bbb 1px solid;
  padding: 1px;
}


/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel
{
  font-family: tahoma;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  cursor: pointer;
  cursor: hand;
  color: #f4f4f4;
  background: #222;
  border-left: #222 1px solid;
  border-right: #222 1px solid;
  padding: 1px 4px 2px 2px;
}

/* Container for main menu */
.MainMenu_MenuContainer
{
  background: transparent;
  height: 35px;
  padding: 0;
}

#mainmenu ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 25px; /* where the top menu is vertically located */
}

#mainmenu a
{
  height: 35px;
  background: url(menu_sep.gif) right repeat-y transparent;
  color: #aaa;
  padding-top: 2px;
  font-weight: bold;
  font-family: Tahoma,Arial,Helvetica;
  font-size: 9pt;
  font-style: normal;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
}


/* Hover state for main menu items */
#mainmenu a:hover
{
  color: #fff;
}

#menu
{
  background: #ebebef;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu li
{
  float: left;
}

#menu ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu ul li
{
  margin-top: 0;
  margin-bottom: 0;
}
div#menu ul ul
{
  line-height: 1em;
}

div#menu ul li a /* Level 1 menu */
{
  padding-left: 15px;
  font-size: 13px;
  font-weight: bold;
}

div#menu ul li div /* Menu text, no hyperlink */
{
  padding-left: 15px;
  font-size: 13px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
}

div#menu ul ul li a /* Level 2 menu */
{
  padding-left: 30px;
  font-size: 11px;
  font-weight: normal;
}

div#menu a
{
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0;
  border-width: 0;
  text-decoration: none;
  color: #323232;
}

div#menu a:hover
{
  color: #ebebef;
}


/* set background images for corners */
.rbtop div
{
  background: url(NavPanel_TL.gif) no-repeat top left;
}
.rbtop
{
  background: url(NavPanel_TR.gif) no-repeat top right;
}
.rbbot div
{
  background: url(NavPanel_BL.gif) no-repeat bottom left;
}
.rbbot
{
  background: url(NavPanel_BR.gif) no-repeat bottom right;
}

/* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot
{
  width: 100%;
  height: 11px;
  font-size: 1px;
}
.rbcontent
{
  margin: 0;
}
.rbroundbox
{
  background: #ebebef;
  margin: 0;
}

table.GrayGrid
{
  border-collapse: collapse;
  color: #333333;
}

table.GrayGrid th
{
  font-weight: normal;
  padding: 1px 5px 1px 5px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom: 1px solid #c1c1c1;
  border-collapse: collapse;
  color: #eee;
}

table.GrayGrid td
{
  border: 1px solid #c1c1c1;
  border-collapse: collapse;
  padding-left: 5px;
  padding-right: 5px;
}

table.GrayGrid tr.Header
{
  font-weight: bold;
  background: #CCCCCC;
}

table.GrayGrid tr.Footer
{
  font-weight: bold;
}

table.GrayGrid tr
{
  background: White;
}

table.GrayGrid tr.Alternative
{
  background: #EEEEEE;
}


table.GrayGrid tr.Selected
{
  background: #738abd;
  color: White;
}

table.GrayGrid tr.Selected a
{
  color: White;
}

table.Login
{
  border-style: none;
  border-collapse: collapse;
  color: #333333;
  border-spacing: 0px;
  margin: 10px 0 5px 0;
}

table.Login td
{
  padding: 2px;
  border-style: none;
}

table.Login td.TitleText
{
  background: #ddd;
  font-weight: bold;
  border: 1px solid #c1c1c1;
  border-collapse: collapse;
  padding-left: 10px;
  padding-right: 10px;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=                    '#ffEEEEEE' , EndColorStr= '#FFCCCCCC' );
}

table.Login label
{
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
}

table.Login input.TextBox
{
  border: 1px solid #aaa;
  width: 200px;
}

H2
{
  font-size: 20px;
  font-weight: normal;
  color: #666644;
}

div.AddressName
{
  font-size: 11px;
  font-weight: bold;
  color: black;
  padding: 0;
  background-color: #ebe9ed;
  margin-right: 10px;
  padding-left: 5px;
  padding: 2px 0 2px 5px;
}

div.Address
{
  padding-left: 5px;
}

div.ProductPicturesList
{
  padding: 5px 5px 5px 5px;
  height: 340px;
  width: 180px;
  overflow: auto;
  border: 1px solid #eee;
  background-color: White;
  scrollbar-face-color: #E7E2D6;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #cccccc;
  scrollbar-darkshadow-color: #777777;
  scrollbar-shadow-color: #cccccc;
  scrollbar-arrow-color: #777777;
  scrollbar-track-color: #E2E2E3;
  margin-left: 20px;
  text-align: center;
}

/* Default DOM Tooltip Style */
div.SneakPreview
{
  border: 1px solid #ccc;
  background: #777;
}
div.SneakPreview .caption
{
  font-size: 11px;
  font-weight: bold;
  padding: 2px 2px 2px 5px;
  color: #eee;
}
div.SneakPreview .contents
{
  font-size: 12px;
  background-color: #F1F1FF;
}

table.Property td.PropertyName
{
  font-size: 11px;
  font-weight: bold;
}

table.Property td.PropertyValue
{
  padding-left: 10px;
  padding-right: 20px;
}

table.NoBorder
{
  border-style: none;
  color: #222;
}

table.NoBorder td.Name
{
  font-weight: bold;
  border-style: none;
  white-space: nowrap;
}

table.NoBorder td
{
  padding: 0px 5px 0px 5px;
  border-style: none;
}

.alpha-shadow
{
  clear: both;
  float: left;
  background: url(shadow.gif) no-repeat bottom right;
}

.alpha-shadow div
{
  background: url(shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 4px 4px 0px;
}

.MediumWhite
{
  color: #eee;
}
/*========================================================*/
/*  End Style Sheet                                       */
/*========================================================*/