﻿/**************************************************/
/* Styles used only by pages with main.master     */
/**************************************************/

/* 20/09/2007 by zelus */
#content    { width: 640px; vertical-align: top; }

#sidebar    { width: 350px; vertical-align: top; }

/* --------------------------------------------------------------------------------- */
/* woman (home, about us, contact us) */
#woman          {  width: 503px; height: 675px; position: absolute; z-index: 1; top: 20px; left: 480px; }
#woman_before   { background: transparent url(../Images/MainMaster/woman_before.jpg) no-repeat; width: 154px; height: 300px; position: absolute; z-index: 2; top: 260px; left: 800px; }
#woman_text     {  position: absolute; z-index: 3; top: 360px; left: 725px; width: 200px; height: 200px; }
/* --------------------------------------------------------------------------------- */ 


/* --------------------------------------------------------------------------------- */
/* login panel on homepage, about us, contact us */

/* LOGIN */
#loginPanel     { position: absolute; z-index: 3; top: 590px; left: 765px; }
.tblLogData th  { font-size: 12px; font-weight: normal; text-align: left; width: 50px; vertical-align: middle; }
.tblLogData td  { text-align: right; vertical-align: middle; width: 130px; }
.tblLogData td input[type=text], #tblLogData td input[type=password], #tblForgotData input[type=text] 
                { width: 130px; }
                
/* FORGOT PASSWORD */
.tblForgotData  { width: 200px; }
/* --------------------------------------------------------------------------------- */    
     

/* --------------------------------------------------------------------------------- */
/* styles for banners -> 'Learn about our Cookie Diet' & 'Do it at Home' */     
#ourProductsBanner  { background-image: url(../Images/MainMaster/our_products.jpg); background-repeat: no-repeat; background-position: bottom; width: 313px; height: 162px; }
#doItAtHomeBanner   { background-image: url(../Images/MainMaster/do_it_at_home.jpg); background-repeat: no-repeat; width: 313px; height: 162px; background-position: bottom; }

#ourProductsBanner img, #doItAtHomeBanner img 
                    { vertical-align: middle; display: inline; border: 0px; padding-left: 5px; }

span.to { display: block; padding-top: 0px; }
span.to img { display: inline; }
#ourProductsBanner span.to span { font-size: 12px; font-weight: bold; padding: 0px 0 0 15px; display: inline; color: Red; }
#ourProductsBanner a    { font-size: 12px; text-decoration: underline; display: block; padding: 5px 0 175px 20px; color: black; }

#doItAtHomeBanner span.to span { font-size: 12px; font-weight: bold; padding: 0px 0 0 15px; display: inline; color: Red; }
#doItAtHomeBanner a     { font-size: 12px; text-decoration: underline; display: block; color: black; padding: 5px 0 175px 20px; }
/*
#homeBanners                { position: relative; }

#homeBanners #lnkBanner1    { background-image: url(../Images/pix.gif); position: absolute; top: 0px; left: 0px; z-index: 50; width: 310px; height: 200px; }
#homeBanners #lnkBanner1 a  { width: 310px; height: 200px; display: block; }

#homeBanners #lnkBanner2    { background-color: red; position: absolute; top: 0px; left: 312px; z-index: 456456; width: 310px; height: 200px; }
#homeBanners #lnkBanner2 a  { width: 310px; position: absolute; top: 0px; left: 0px; z-index: 100; height: 200px; display: block; background-color: Black; }
*/
/* --------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------- */
/* news on homepage  */
#news p     { margin-bottom: 10px; display: block; }
#news p     { text-align: justify; padding-bottom: 8px; }
#news p span.title { display: block; font-weight: bold; padding: 0 0 3px 0; }
#news p span.text { display: block; padding: 0 0 5px 0; }
#news p a { text-decoration: underline; font-size: 11px; display: block; border-top: 1px solid #e5e5e5; }
/* --------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------- */
/* contact us form  */
#contact_us table { margin: 20px 0 0 20px; }
#contact_us th  { width: 150px; text-align: left; vertical-align: middle; }
#contact_us td  { text-align: left; padding-left: 5px; vertical-align: middle; }
#contact_us td input[type=text], #contact_us td .textbox
                { width: 200px; }
#contact_us td .textbox
                { height: 60px; }
/* --------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------- */
/* about us  */
#aboutUs strong { border-bottom: 1px solid #e5e5e5; font-size: 11px; }
#aboutUs p      { padding: 0 0 10px 0; }
/* --------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------- */
/* loginpage  */
#loginPage          { width: 100%; }
#loginPage table th { width: 100px; vertical-align: middle; }
#loginPage table td input[type=text], #loginPage table td input[type=password]
                    { width: 150px; }
#loginPage table td, #login table th 
                    { padding-bottom: 5px; }
#loginPage table .100p
                    { padding-top: 20px; }
/* --------------------------------------------------------------------------------- */

table.contestTable
{
	margin: 0px 0px 0px 20px;
}

table.contestTable th
{	
	width: 150px;
	text-align: left;
	vertical-align: top;
}

table.lost_2008 th
{	
	width: 220px;
	vertical-align: middle;
}

table.contestTable td
{
	text-align: left;
}

table.contestTable th.longTh
{	
	width: 400px;
	text-align: left;
	padding: 7px;
}

table.contestTable input
{
	width: 220px;
}

table.contestTable textarea
{
	width: 400px;	
	height: 100px;
}

table.contestTable select
{
	width: 406px;	
}

table.contestTable td, table.contestTable th
{
	margin: 15px 0px 8px 0px;	
}

table.contestTable input[type="submit"]
{
	width: 70px;	
	margin-right: 7px;
}

table.contestTable .errorPanel, table.contestTable .errorPanel a
{
	color: Red;		
}