/**************************************************/
/* Common styles - used by all master pages       */
/* e.g. font color, family, image border, etc.    */
/**************************************************/

/* 20/09/2007 by zelus */
*       { font-size: 12px; font-family: Arial, Verdana, Tahoma; color: Black; padding: 0px; margin: 0px; } 
body    { background: #ffffff url(../Images/MasterPage/bg.jpg) repeat-x; }

table, td, li, p, #sitemap 
        { text-align: left; vertical-align: top; }
table   { border-collapse: collapse; }
ul, li  { list-style: none; }
p { text-align: justify; }
div.line { height: 2px; border-bottom: 1px solid #a8a8a8; width: 100%; }

/* for all headers like 'welcome', 'products' ect. */
h1              { font-size: 14px; font-weight: bold; }
h2.TitleText    { font-size: 14px; width: 100%; font-weight: 700; border-bottom: 1px solid #a8a8a8; width: 100%; margin-bottom: 25px; }                 

input[type="submit"] { cursor: pointer;}
                 
/* --------------------------------------------------------------------------------- */
/* --- */
.justify            { text-align: justify; }
.padding20          { padding: 20px; }
.padding15          { padding: 15px; }
.paddingBottom15    { padding-bottom: 15px; }
.paddingLeft15      { padding-left: 15px; }
.paddingTop15       { padding-top: 15px; }
.paddingBottom5     { padding-bottom: 15px; }
.paddingTop5        { padding-top: 15px; }
.width100p          { width: 100%; }
.red                { color: #e42f36; font-weight: bold; }
.100p               { width: 100%; }
/* --------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------- */
/* inputs */
input[type=password], input[type=textbox], input[type=text], .textbox 
        { background-color: #ebebeb; border: 1px solid #999999; }
input[type=button], input[type=submit], .btn
        { border: 0px;background-color: #818181; color: #c4d1d1; font-size: 12px; padding: 1px 3px; }
/* --------------------------------------------------------------------------------- */

.HyperLinkButton
{
	padding: 1px 10px 3px 10px;
	*padding-top: 2px;
	line-height: 19px;
}
       
/* --------------------------------------------------------------------------------- */
/* width and position of all site */
#all            { width: 990px; text-align: left; }
/* --------------------------------------------------------------------------------- */


#top_background { background-image: url(../Images/MasterPage/top_background.jpg); width: 990px; height: 217px;background-repeat:no-repeat; }


/* --------------------------------------------------------------------------------- */
/* red long strip below #top_background  */
#sitemap        { height: 29px; vertical-align: middle; }
#sitemap a, #sitemap a:link, #sitemap a:active, #sitemap a:visited
                { color: White; text-decoration: none; font-size: 11px; font-weight: bold; padding-right: 3px; padding-left: 3px; padding-top: 2px; }
#sitemap span { padding-right: 3px; padding-left: 3px; padding-top: 2px; }                
/* text on the right */
.miami          { width: 10%; text-align: right; padding: 2px 0 0 0; }
/* sitemap controll on the left */
.sitemap        { text-align: left; width: 90%; padding: 0 0 0 15px; vertical-align: middle; }
.sitemap span   { color: white; font-size: 11px; }
/* --------------------------------------------------------------------------------- */

#logo           { height: 175px; }
#logo .logoIMG  { width: 389px; height: 84px; position: absolute; z-index: 5; top: 20px; left: 80px; }

/* --------------------------------------------------------------------------------- */
/* menu below smartforlife logo */
#menu           { height: 42px; width: 540px; position: absolute; z-index: 500; top: 190px; left: 30px; /*vertical-align: middle; padding: 0 0 0 50px;*/ }
#menu a, #menu a:link, #menu a:active, #menu a:visited
                { display: inline; font-size: 18px; font-weight: bold; text-decoration: none; padding: 0px 7px 0px 7px; cursor: pointer; }
#menu a:hover   { text-decoration: underline; display: inline; }
/* --------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------- */
/* language (english, spanish) */
#language       { position: absolute; z-index: 6; left: 800px; top: 20px; }
#language img   { border: 0px; display: inline; }
/* --------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------- */
/* Style for GridControll */
.gridView       { width: 100%; border: 0px; }
.gridView th    { height: 25px; background-color: #e5e5e5; color: Black; font-weight: bold; text-align: left; }
.gridView th a  { color: Black; font-weight: bold; text-decoration: none; }
.gridView td    { padding: 3px 2px 3px 0; border-bottom: 1px solid #e5e5e5; }
.gridView tr:hover
                { background-color: #e5e5e5; }

/* gridView without tr:hover */          
.gridView2       { width: 100%; border: 0px; }
.gridView2 th    { height: 25px; background-color: #e5e5e5; color: Black; font-weight: bold; }
.gridView2 th a  { color: Black; font-weight: bold; text-decoration: none; padding: 0 0 0 15px; }
.gridView2 td    { padding: 3px 2px 3px 0; border-bottom: 1px solid #e5e5e5; }
/* --------------------------------------------------------------------------------- */

.defaultCurrentlyInCartStyle
{
	border: 1px solid #e5e5e5; 
	background-color: #f5f5f5; 
	width: 380px;	
}

.mainMaster_CurrentlyInCartStyle
{
	border: 1px solid #e5e5e5; 
	background-color: #f5f5f5; 
	width: 224px;
}

.tooltip 
{ 
    display: none; 
    position: absolute; 
    border-width: 1px; 
    border-style: solid; 
    border-color: #dddddd; 
    padding: 2px; 
    font-family: Tahoma;
    color:Black;
    font-weight:bold; 
    background-color: white;
}