/************************************************************************
* 
* Stylesheet designed by Jim Tarwacki on th 1st May 2007
*
************************************************************************/


/* Main body style */
body
{
    font-family: Verdana, Helvetica, Tahoma, Helvetica-Narrow, sans-serif;
    margin: 0px;
    background: #F5D1E4 url(images/background_main.jpg) repeat-y center top;
    font-size: 0.7em;
}

/* Use headers in the markup for accessibility reasons but control look with styles below*/
h1, h2, h3, h4, h5, h6
{
   margin: 2px 0 2px 0;
}

/* Large text on banner */
h1
{
    font-size: 3.5em;
    font-style:oblique;
    font-family: Kristen ITC, Comic Sans MS, sans-serif;
    font-weight:lighter;
    
    font-weight: bold;
    margin: 5px 0 5px 0;
}

/* Large text on baner acting as a hyperlink */
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
    text-decoration: none;
    color: #000000;
}

/* Smaller sized text displayed on banner */
#poster h2
{
    font-size: 1.3em;
    font-weight: bold;
    font-family: Comic Sans MS, Verdana;
    color: blue;
}

h2
{
    font-size: 1.1em;
    font-weight: bold;
    font-family: Verdana;
    text-decoration: underline;
    color: Blue;
    
}

p
{
  color: Blue; 
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em;   
}
/************************************************************************
* 
* Main navigation used by the BalloonShop.master masterpage
*
************************************************************************/



/* Picture at the top of the site */

#poster
{
    background-color: Transparent;
    margin-right: auto;
    margin-left: auto;
    width: 725px;
    height: 146px;
    margin-top: 10px;
}

#posterLHS
{
    background-color: Transparent;
    width:400px;
    margin-right: auto;
    margin-left: auto;
    height: 146px;
    text-align: left;
    float: left;
}

#posterRHS
{
    background-color: Transparent;
    margin-right: auto;
    margin-left: auto;
    height: 146px;
    text-align: right;
}

/* Navigation top strip */
#navtop, #navbottom
{
    background: url(images/background_nav_main.gif) repeat-x;
    font-size: 1.2em;
    font-weight: bold;
    font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    width: 815px;
    height: 45px;
}

/* Navigation bottom strip */
#navbottom
{
    margin-top: 5px;
}

/* Footer settings - right at the bottom of the page */
#footer
{
    width: 815px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 22px;
    font-size: smaller;
    color: Blue;
}

/* Make main navigation bars from a unordered list for easy update and better accessibility */

#navtop ul, #navbottom ul
{
    margin: 0px;
    padding-top: 9px;
    list-style-type: none;
    height: 19px;
    text-align: center;
}
#navtop ul li, #navbottom ul li
{
    display: inline;
    color: #FFFFFF;
    margin-right: 25px;
}
#navtop a:link, #navbottom a:link, #navtop a:visited, #navbottom a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
#navtop a:hover, #navbottom a:hover
{
    text-decoration: underline;
}
#navtop a:active, #navbottom a:active
{
    color: #FEFFBD;
    text-decoration: none;
}

/************************************************************************
* 
* Formatting common to most pages
*
************************************************************************/


/*#### Now keeping User info, Departments, Catalogue and search away to the LHS of the page ### */ 

.leftblock1
{
    /*border: 1px solid #DBDB79;*/
    padding: 15px;
    margin-bottom: 10px;
    /*background: #FEFAAB url(images/background_columnleft.gif) repeat-y;*/
    vertical-align: top;
}

/* 2 column layout */
#columnleft1
{
    float: left;
    width: 17%;
    /*position: relative; */
}
/* ########################################################################################*/






/* A full width block on the RHS of the page */

.fullwidth, #loginbanner
{
   /* border: 1px solid royal;*/
    width: 400px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    padding-left: 30px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

/* for the login block
    picks up most of its properties from .fullwidth */

#loginbanner
{
  padding-bottom: 0px;
}

/* Goes around controls that need to be presented as a block of functionality  */
.controlblock
{
    border: 1px solid #DBDB79;
    padding: 3px;
    margin: 2px 0 5px 0;
    vertical-align: top;
}

/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}

/* Command buttons on pages */
.actionbuttons
{
  text-align:right;
  position: relative; 
  padding: 1px 1px 1px 1px;
}


/* From original Shop style */

.DepartmentListHead
{
  border-right: #0468a4 1px solid;
  border-top: #0468a4 1px solid;
  border-left: #0468a4 1px solid;
  border-bottom: #0468a4 1px solid;
  background-color: #2172A1;
  font-family: Verdana, Arial;
  font-weight: bold;
  font-size: 1em;
  color: white;
  padding-left: 3px;
  text-align: center;
}
.DepartmentListContent
{
  border-right: #0468a4 1px solid;
  border-top: #0468a4 1px solid;
  border-left: #0468a4 1px solid;
  border-bottom: #0468a4 1px solid;
  background-color: #F5D1E4;
  text-align: center;
}
a.DepartmentUnselected
{
  font-family: Verdana, Arial;
  font-weight: bold;
  font-size: 1em;
  color: #0583b5;
  line-height: 25px;
  padding-left: 5px;
  text-decoration: none;
} 
a.DepartmentUnselected:hover 
{ 
  padding-left: 5px;
  color: Navy;
  text-decoration: underline;
} 
a.DepartmentSelected
{ 
  font-family: Verdana, Arial;  
  font-weight: bold;
  font-size: 1em;
  color: blue;
  line-height: 25px; 
  padding-left: 5px;
  text-decoration: none;
}
.CategoryListHead
{  
  border-right: blue 1px solid;
  border-top: blue 0px solid;
  border-left: blue 1px solid;
  border-bottom: blue 0px solid;
  background-color: #ff7592;
  font-family: Verdana, Arial;  
  font-weight: bold;
  font-size: 1.1em;
  
  color: white;
  text-align: center;
}
.CategoryListContent
{  
  border-right: blue 1px solid;  
  border-top: blue 1px solid;  
  border-left: blue 1px solid; 
  border-bottom: blue 1px solid; 
  background-color: #F5D1E4;
  text-align: center;
}  
a.CategoryUnselected
{  
  font-family: Verdana, Arial;  
  font-weight: bold;
  font-size: 1em;
  color: #0583b5;
  line-height: 25px;
  padding-right: 5px;  
  padding-left: 5px;
  text-decoration: none  
}  
a.CategoryUnselected:hover 
{  
  color: Navy;
  text-decoration: underline;
  padding-right: 5px;  
  padding-left: 5px 
}  
a.CategorySelected  
{  
  font-family: Verdana, Arial;  
  font-weight: bold;
  font-size: 1em;
  color: Blue;
  line-height: 25px;
  padding-right: 5px;  
  padding-left: 5px;
  text-decoration: none  
}
.CatalogTitle
{ 
  color: Blue;
  font-family: Comic Sans MS, Helvetica, Tahoma, Helvetica-Narrow, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  padding-left: 20px;
  text-decoration: underline;
}
.CatalogDescription
{ 
  color: Blue; 
  font-family: Verdana, Helvetica, Tahoma, Helvetica-Narrow, sans-serif;
  font-weight: bold;
  font-size: 1em;
}
a.ProductName
{
  color: Blue;
  font-family: 'Trebuchet MS';
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
}
a.ProductName:hover
{  
  text-decoration: underline;
}
.ProductDescription
{ 
  color: Blue; 
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em;
} 
.ProductPrice
{ 
  color: Blue;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
} 
.PagingText
{ 
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em; 
  color: Black; 
}
.ProductTitle
{ 
  color: Blue;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 15px;
}
.SearchBoxHead
{
  border-right: #0468a4 1px solid;
  border-top: #0468a4 1px solid;
  border-bottom: #0468a4 1px solid;
  border-left: #0468a4 1px solid;
  background-color: #2172A1;
  font-family: Verdana, Arial;
  font-weight: bold;
  font-size: 1em;
  color: #f5f5dc;
  text-align: center; 
}
.SearchBoxContent
{
  border-right: #0468a4 1px solid;
  border-top: #0468a4 1px solid;
  border-left: #0468a4 1px solid;
  border-bottom: #0468a4 1px solid;
  background-color: #F5D1E4;
  font-family: Arial, Verdana;
  font-size: 1em;
  color: blue;
  padding-top: 5px;
  padding-left: 12px;
  padding-bottom: 5px;
}
.SearchBox
{
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em;
  margin-bottom: 5px;
  color: Blue;
  font-weight:bold;
}
.UserInfoHead
{
  border-right: #0468a4 1px solid;
  border-top: #0468a4 1px solid;
  border-left: #0468a4 1px solid;  
  border-bottom: #0468a4 1px solid;
  background-color: #2172A1;
  font-family: Verdana, Arial;  
  font-weight: bold;
  font-size: 1em;  
  color: #fff;
  padding-left: 3px;
  text-align: center;
}  
.UserInfoContent
{
  border-right: #0468a4 1px solid; 
  border-top: #0468a4 1px solid;
  border-left: #0468a4 1px solid;  
  border-bottom: #0468a4 1px solid;
  background-color: #F5D1E4;
  text-align: center;
} 
.UserInfoText
{
  font-family: Verdana, Arial;
  font-size: 1em;
  padding-left: 5px;
  text-decoration: none;
}
a.UserInfoLink
{
  font-family: Verdana, Arial;
  font-weight: bold;
  font-size: 1em;
  color: #ed486d;
  line-height: 15px;
  padding-left: 5px;
  text-decoration: none;
} 
a.UserInfoLink:hover 
{ 
  padding-left: 5px;
  color: #dc143c;
}
.Button
{ 
  color: Black;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em;
}
.AdminTitle
{ 
  color: Black;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 1.75em;
  font-weight: bold;
  line-height: 25px;
} 
.AdminPageText
{ 
  color: Navy;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 1em;
}
a.AdminPageText
{
  color: Navy;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 1em;
}
a.AdminPageText:hover
{ 
  color:Red;
}
.Grid
{
  border-color: #E7E7FF;
  width: 100%;
}
.GridHeader
{ 
  color: White;
  background-color: Navy;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 1em;
  text-align: left;
}
.GridRow
{ 
  color: Navy;
  background-color: #E7E7FF;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 1em;
  text-align: left;
}
.GridEditingRow
{
  color: Navy;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 1em;
  text-align: left;
}
.GridAlternateRow
{ 
  color: Navy;
  background-color: #F7F7F7;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 1em;
  text-align: left;
}

.adminPage
{
    background-color: #F5D1E4;
}

.photoBorder
{
    border-color:White;
    border-bottom-width:100px;
}