/*==============================*/
/*  MASTER                      */
/*==============================*/
HTML, BODY, FORM
{
    margin              : 0px 0px 10px 0px;
    padding             : 0px 0px 10px 0px;
}
BODY
{
    background-color    : #FFFFFF;
    color               : #1A1A1A;
    font-family         : Arial, Verdana;
    font-size           : 11px;
    margin              : 10px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;

    background-repeat   :repeat-x;

}
IMG
{
    border-style        : none;
}

a 
{
    color               : #79bf40;
    text-decoration     : none;
    outline		: 0px;
}

a:hover 
{
    color               : #333333;
    text-decoration     : none;
}


/*==============================*/
/*  SECTION WRAPPERS            */
/*==============================*/
DIV.Wrapper
{
    margin-left:auto;
    margin-right:auto;
    width:950px;

}
DIV.MainBody
{
    clear               : both;
    float               : left;
    width               : 950px;
    padding-top:10px;
}
DIV.MenuWrapper
{
    float               : left;
    width               : 210px;

}
DIV.BodyWrapper
{
    float               : right;
    width               : 730px;
}
DIV.ContentWrapper
{
    clear               : both;
    float               : left;
    margin-bottom       : 10px;
    padding-bottom      : 10px;
    width               : 520px;
}
DIV.AdvertWrapper
{
    float               : right;
    width               : 200px;

}
DIV.FooterWrapper
{
    clear               : both;
    float               : left;
    overflow            : hidden;
    text-align          : left;
    width               : 950px;
    text-transform      : capitalize;
    padding-top         : 5px;
    border-top          : dotted 1px #cccccc;
    margin-top          : 25px;

}
/*==============================*/
/*  HEADERS                     */
/*==============================*/
H1
{
    color               : #1A1A1A;

    font-family         : Arial;
    font-size           : 14pt;
    font-weight         : bold;

}

H3
{
    color               : #262626;
    float               : left;
    font-family         : Arial;
    font-size           : 11px;
    font-weight         : bold;
    letter-spacing      : -1px;
}
H2
{
    color               : #455C3C;
    display             : block;
    float               : left;
    font-family         : Arial;
    font-size           : 18px;
    font-weight         : bold;
    letter-spacing	    :-1px;
    padding		        : 21px 0px 4px 35px;
    margin              : 0px 0px 0px 0px;
    text-transform      : capitalize;
       background-image    : url(/gui/category_title_background.png);
    background-position : top 7px;
    background-repeat   : no-repeat; 
}
/*{

    color               : #1A1A1A;

    font-family         : Arial;
    font-size           : 14pt;
    font-weight         : bold;

}*/
H5
{
    color               : #FFFFFF;
    float               : left;
    font-family         : Arial;
    font-size           : 11px;
    font-weight         : bold;
    line-height		    : 37px;
    margin              : 0px;
    padding             : 0px 0px 0px 10px;



}
H6
{
    display             : block;
    float               : left;
    font-family         : Arial;
    font-size           : 11pt;
    font-weight         : bold;
    line-height         : 30px;
    margin              : 0px;
    padding             : 0px;
    letter-spacing      : -2px;
}

/*==============================*/
/*  LOGIN MODULE                */
/*==============================*/
DIV.LoginWrapper
{
    float               : right;
    text-align          : right;
    width               : 950px;
    padding-top:5px;
padding-bottom:5px;
border-bottom:dotted 1px #cccccc;
}
DIV.LoginWrapperInner
{
    float               : right;
}
DIV.LoginBlackBox
{
    color               : #1a1a1a;
    float               : left;
    height              : 30px;
    margin              : 0px 0px 0px 0px;
    padding             : 1px 5px 0px 8px;
}
DIV.LoginBlackBox LABEL
{
    display             : block;
    float               : left;
    font-family         : Arial;
    font-size           : 11px;
    margin              : 7px 7px 0px 7px;
}
.LoginText
{
    display             : block;
    float               : left;
    font-family         : Arial;
    font-size           : 11px;
    margin              : 6px 10px 0px 0px;
    color               : #1a1a1a;
}

.LoginTextBeans
{
    display             : block;
    float               : left;
    font-family         : Arial;
    font-size           : 11px;
    margin              : 6px 10px 0px 0px;
    font-weight         : bold;
    color               : #00aa00;
}
A.LoginTextBold, A:HOVER.LoginTextBold 
{
    display             : block;
    float               : left;
    font-family         : Arial;
    font-size           : 11px;
    margin              : 6px 3px 0px 3px;
    color               : #1a1a1a;
}

.registerText
{
    display             : block;
    float               : left;
    font-family         : Arial;
    font-size           : 11px;
    margin              : 8px 8px 0px 4px;
    color               : #1a1a1a;
    border-left         : solid 1px #444444;
    padding-left        : 8px;
    
}

.registerText a
{
    color               : #79bf40;
}


SPAN.LoginNumber
{
    background-image    : url(/gui/button_silver.png);
    background-position : center center;
    background-repeat   : repeat-x;
    color               : #1A1A1A;
    display             : block;
    float               : left;
    font-family         : Arial;
    font-size           : 10pt;
    font-weight         : bold;
    height              : 20px;
    line-height         : 20px;
    margin              : 4px 1px 0px 1px;
    padding             : 0px 2px 0px 2px;
    overflow            : hidden;
    
}
INPUT.LoginInput
{
    border              : none 0px #1A1A1A;
    display             : block;
    float               : left;
    font-family         : Arial;
    font-size           : 11px;
    height              : 15px;
    margin              : 5px 0px 0px 0px;
    padding             : 2px 0px 0px 5px;
    width               : 100px;
    height              : 16px;
}
.LoginButton, A.LoginButton
{
    background-position : 2px left;
    background-repeat   : no-repeat;
    border              : none 0px Transparent;
    background-image    : url(/gui/lock.png);
    color               : #1a1a1a;
    cursor              : pointer;
    float               : left;
    font-family         : Arial;
    font-size           : 11px;
    text-decoration     : none;
    background-color    : Transparent;
padding-left:43px;

}
.LoginButton
{
    line-height         : 30px;
}
.LoginButton a
{
    background-position : top;
    background-repeat   : repeat-x;
    border              : none 0px Transparent;
    color               : #1a1a1a;
    cursor              : pointer;
    float               : left;
    font-family         : Arial;
    font-size           : 11px;
    text-decoration     : none;
    height              : 30px;
    background-color    : Transparent;
    padding-right:4px;

}

.loginText
{   
}


/*==============================*/
/*  NAVIGATION MODULE           */
/*==============================*/
DIV.NavigationWrapper
{
    float               : left;
    margin              : 5px 0px 0px 0px;
    background-image    : url(/gui/login_bg.png);
    background-position : bottom center;
    width               : 950px;
    height              : 42px;
    line-height         : 42px;
}
DIV.NavigationTab
{
    background-repeat   : no-repeat;
    float               : left;
    margin              : 0px 4px 0px 0px;
}
A.Navigation1 , A.Navigation2
{
    display             : block;
    color               : #FFFFFF;
    font-family         : arial;
    font-size           : 14pt;
    text-align          : center;
    text-decoration     : none;
}
A.Navigation1
{
    padding-top         : 10px;
    height              : 35px;
}
A.Navigation2
{
    padding-top         : 4px;
    height              : 41px;
}
/*==============================*/
/*  BANNER                      */
/*==============================*/
DIV.BannerWrapper
{
    float               : left;
    width               : 950px;
    background-image    : url(/gui/eco_banner.png);
    background-position : top middle;
    background-repeat	: no-repeat;

}

DIV.banner_footer 
{
    width:100%;
    height:8px;
    background-image    : url(/gui/banner_footer.png);
}

.logo
{
    border-style        : none;
    float               : left;
    height              : 140px;


}


.registerButton  a
{
    float:right;
    width:95px;
    height:24px;
    line-height:24px;
    text-align:center;
    background-image    : url(/gui/button_signup.png);
    color:#ffffff;
    font-weight:bold;
    font-size:11px;
    margin-right:20px;
}

.infoButton  a
{
    float:right;
    width:95px;
    height:24px;
    line-height:24px;
    text-align:center;
    background-image    : url(/gui/button_info.png);
    color:#ffffff;
    font-weight:bold;
    font-size:11px;
    margin-right:7px;
}
    

/*==============================*/
/*  SEARCH MODULE */
/*==============================*/
DIV.MenuSearchWrapper
{
    background-image    : url(/gui/background_search.png);
    background-position : left top;
    background-repeat   : no-repeat;
    clear               : both;
    float               : left;
    height              : 40px;
    width               : 210px;
}
INPUT.SearchInput
{
    background-color    : Transparent;
    border              : none 0px Transparent;
    display             : block;
    float               : left;
    font-family         : Arial;
    font-size           : 11px;
    height              : 30px;
    margin              : 0px 0px 0px 0px;
    padding             : 8px 5px 0px 10px;
    width               : 159px;   
    color               : #999999;
}
INPUT.SearchButton
{
    background-color    : Transparent;
    background-image    : url(/gui/button_search.png);
    background-position : right top;
    background-repeat   : no-repeat;
    border              : none 0px Transparent;
    color               : #FFFFFF;
    cursor              : pointer;
    float               : right;
    font-family         : Arial;
    font-size           : 11px;
    font-weight         : bold;
    height              : 30px;
    width               : 36px;
    text-transform	: capitalize
}
/*==============================*/
/*  MINI BASKET MODULE          */
/*==============================*/
DIV.MiniBasketWrapper, DIV.MiniBasketHead, DIV.MiniBasketFoot
{
    float               : left;
    width               : 200px;
}

DIV.MiniBasketBody
{
    float               : left;
    width               : 198px;
}
DIV.MiniBasketHead
{
    background-image    : url(/gui/background_basket.png);
    background-position : center bottom;
    background-repeat   : no-repeat;  
    clear               : both;
    height              : 30px;
    color               : #FFFFFF;
    float               : left;
    font-family         : Arial;
    font-size           : 9pt;
    line-height         : 30px;
    text-transform      :lowercase;
    font-weight         : bold;
}
DIV.MiniBasketBody
{
    background-position : center bottom;
    background-repeat   : repeat-y;  
    clear               : both;
    min-height          : 25px;
    border-top          : solid 1px #cccccc;
    border-left         : solid 1px #cccccc;
    border-right        : solid 1px #cccccc;
}
SPAN.MiniBasketItemL
{
    float               : left;
    font-size           : 8pt;
    font-weight         : bold;
    line-height         : 25px;
    margin              : 0px 0px 0px 5px;
}
SPAN.MiniBasketItemR
{
    float               : right;
    font-family         : Arial;
    font-size           : 8pt;
    font-weight         : bold;
    line-height         : 25px;
    margin              : 0px 5px 0px 0px;
}
DIV.MiniBasketFoot
{
    border-top          : solid 1px #cccccc;
    height              : 35px;
}
A.MiniBasketTabL, A.MiniBasketTabR
{
    background-image    : url(/gui/tab_upsidedown.png);
    background-position : center top;
    background-repeat   : no-repeat;
    color               : #FFFFFF;
    display             : block;
    height              : 25px;
    font-family         : Arial;
    font-size           : 8pt;
    line-height         : 25px;
    text-align          : center;
    text-decoration     : none;
    width               : 98px;
    float               : left;
}
A.MiniBasketTabR
{
    float               : right;
}
/*==============================*/
/*  SHOP MENU MODULE            */
/*==============================*/
DIV.ShopMenuWrapper
{
    float               : left;
    padding-bottom      : 10px;
}
DIV.ShopMenuHead
{
    background-image    : url(/gui/background_menuhead.png);
    background-position : center bottom;
    background-repeat   : no-repeat;
    clear               : both;
    float               : left;
    height              : 35px;
    width               : 210px;
}
DIV.ShopMenuItem
{
    background-image    : url(/gui/background_menu.png);
    background-position : center bottom;
    background-repeat   : repeat-y;
    border-bottom       : solid 1px #eeeeee;
    clear               : both;
    float               : left;
    width               : 210px;
}
DIV.ShopMenuItem A
{
    color               : #1A1A1A;
    display             : block;
    padding             : 0px 5px 0px 10px;
    line-height         : 30px;
    text-decoration     : none;
    text-transform      : capitalize;
}

DIV.ShopMenuItem A:hover
{
    color               : #333333;
    display             : block;
    padding             : 0px 5px 0px 10px;
    line-height         : 30px;
    text-decoration     : none;
    background-color    : #eeeeee;
}
/*==============================*/
/*  ADVERTS MODULE              */
/*==============================*/
DIV.AdvertHeader, DIV.Advert
{
    clear               : both;
    float               : left;
    padding-bottom      : 10px;
    text-align          : center;
    width               : 200px;
}
DIV.AdvertHeader
{
    border-bottom       : dashed 1px #AAAAAA;
    margin-bottom       : 7px;
    padding-bottom      : 3px;
}


/*==============================*/
/*  TITLE                       */
/*==============================*/
DIV.TitleHeader
{
    clear               : both;
    float               : left;
    width               : 520px;
    margin-bottom       : 5px;
}
DIV.headerAdvert
{
    float               : right;
    text-align          : left;
    width               : 497px;
}
DIV.ContentHeader
{
    clear               : both;
    float               : left;
    width               : 100%;
    margin-bottom       : 15px;
   border-bottom:dotted 1px #cccccc;

}


.beansExplanation UL 
{
        margin		: 0px 0px 0px 0px;
        padding     : 0px 0px 0px 0px;

}

.beansExplanation LI 
{
    list-style-image    : url(/gui/bullet.png);
    margin		        : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;

}

DIV.beansExplanation
{
    float               : right;
    width               : 620px;
    height              : 130px;
    padding             : 10px 10px 10px 0px;

}

/*==============================*/
/*  PROMO AREA                  */
/*==============================*/

DIV.ecoPromo
{
    background-image    : url(/images/content/save_eco.jpg);
    background-repeat   : no-repeat;
    width               : 732px;
    height              : 382px;
    padding             : 60px 24px 0px 0px;
}

DIV.ecoPromo li
{
    background          : url(/images/content/bullet.jpg) no-repeat scroll left center;
    padding-left        : 20px;
    margin-left         : -14px;
    list-style          : none;
    line-height         : 1.5;
    font-size           : 14px;
}

DIV.advertContainer
{
    background-image    : url(/images/content/advertContainer.jpg);
    background-repeat   : no-repeat;
    padding             : 1px 0px 0px 15px;
    margin-left         : 10px;
    margin-bottom       : 10px;
    height              : 203px;
    width               : 215px;
}

DIV.advertContainerFloated
{
    background-image    : url(/images/content/advertContainer.jpg);
    background-repeat   : no-repeat;
    float               : right;
    padding             : 1px 0px 0px 15px;
    margin-right        : 11px;
    margin-bottom       : 10px;
    height              : 203px;
    width               : 215px;
}

DIV.advertTextFloated
{
    font-size           : 14px;
    color               : #FFFFFF;
    padding             : 16px 0px 0px 0px ;
}

DIV.advertText
{
    font-size           : 14px;
    color               : #FFFFFF;
    padding             : 10px 0px 0px 0px ;
}

DIV.advertButton
{
    background-image    : url(/images/content/moreButton.gif);
    background-repeat   : no-repeat;
    font-size           : 16px;
    font-weight         : bold;
    color               : #FFFFFF;
    padding-left        : 20px;
    padding-top         : 6px;
    margin-top          : 10px;
    float               : right;
    width               : 111px;
    height              : 29px;
}

DIV.advertButton2
{
    background-image    : url(/images/content/signUpButton.gif);
    background-repeat   : no-repeat;
    font-size           : 16px;
    font-weight         : bold;
    color               : #FFFFFF;
    padding-left        : 20px;
    padding-top         : 6px;
    float               : right;
    margin-top          : 10px;
    margin-right        : 25px;
    width               : 114px;
    height              : 29px;
}

/*==============================*/
/*  FOOTER MODULE               */
/*==============================*/
DIV.Footer A
{
    color               : #262626;
    display             : block;
    font-family         : Arial;
    font-size           : 8pt;
    line-height         : 30px;
    text-decoration     : none;
}


/*==============================*/
/*  SPLIT BUTTONS               */
/*==============================*/

.button_section 		{
	height:42px;
	float:left;

	line-height:38px;
	color:#ffffff;
    font-size           : 11px;
    text-align          : center;
    text-decoration     : none;
    font-weight:bold;

    margin-top:2px;
}

.button_section_left 		{
	height:42px;
	float:left;
	line-height:38px;
	color:#ffffff;
    font-size           : 10pt;
    text-decoration     : none;
    font-weight:bold;
    margin-top:2px;
}

.button_section_left_on 		{
	height:42px;
	float:left;
	line-height:38px;
	color:#ffffff;
    font-size           : 10pt;
    text-decoration     : none;
    font-weight:bold;
    margin-top:2px;
}

.button_section a 		{


	padding-left        : 18px;
	padding-right       : 18px;
    font-size           : 11px;
    text-decoration     : none;
    font-weight         : bold;
    display             : block;

	background-position	: right;
	background-repeat	: no-repeat;
	padding-right		: 25px;

}

.button_section a:hover 		{

	color               : #ffffff;
	padding-left        : 18px;
	padding-right       : 18px;
    font-size           : 11px;
    text-decoration     : none;
    font-weight         : bold;
    display             : block;
	background-position	: right;
	background-repeat	: no-repeat;
	padding-right		: 25px;
}

.button_section_left a 		{


	padding-left        : 18px;
	padding-right       : 18px;
    font-size           : 11px;
    text-decoration     : none;
    font-weight         : bold;
    display             : block;

	background-position	: right;
	background-repeat	: no-repeat;
	padding-right		: 25px;
}

.button_section_left_on a 		{

	color               : #ffffff;
	padding-left        : 18px;
	padding-right       : 18px;
    font-size           : 11px;
    text-decoration     : none;
    font-weight         : bold;
    display             : block;

	background-position	: right;
	background-repeat	: no-repeat;
	padding-right		: 25px;
}

.button_section_left a:hover 		{

	color               : #ffffff;
	padding-left        : 18px;
	padding-right       : 18px;
    font-size           : 11px;
    text-decoration     : none;
    font-weight         : bold;
    display             : block;

	background-position	: right;
	background-repeat	: no-repeat;
	padding-right		: 25px;
}

.button_section_on 		{
	height:42px;
	float:left;

	line-height:38px;
	color:#ffffff;
    font-size           : 11px;
    text-align          : center;
    text-decoration     : none;
    font-weight:bold;

    margin-top:2px;
}

.button_section_on a 		{
	color               : #ffffff;
	padding-left        : 18px;
	padding-right       : 18px;
    font-size           : 11px;
    text-decoration     : none;
    font-weight         : bold;
    display             : block;
	background-position	: right;
	background-repeat	: no-repeat;
	padding-right		: 25px;
}

.button_section_text 	{
	float:left;

}


.button_section_text a:hover 	{
	height:42px;
	float:left;
	padding-left:18px;
	padding-right:9px;
	line-height:42px;
	color:#0071BC;
	display:block;
    font-size           : 10pt;
    text-align          : center;
    text-decoration     : none;
    font-weight:bold;
}

.button_section_end 	{
	height:42px;
	float:left;
	padding-right:9px;
	background-position:right;
}

.button_section_text_on 	{
	float:left;
}

.button_section_text_on a 	{
	height:42px;
	float:left;
	padding-left:18px;
	padding-right:9px;
	line-height:33px;
	color:#000000;
	display:block;
    font-size           : 11pt;
    text-align          : center;
    text-decoration     : none;
    font-weight:bold;
}

.button_section_end_on 	{
	height:42px;
	float:left;
	padding-right:9px;
	background-position:top right;
}

.button_login 		{
	height:33px;
	float:left;
	margin-right:3px;

}

.button_login_text 	{
	float:left;

}
.button_login_text a 	{
	height:28px;
	float:left;
	padding-left:18px;
	padding-right:9px;
	background-image:url(/gui/button_top_left.png);
	background-position:bottom left;
	line-height:33px;
	color:#000000;
	display:block;
    font-size           : 11pt;
    text-align          : center;
    text-decoration     : none;
    font-weight:bold;
}

.siteCrumb
{
    color: #1a1a1a;
    text-align:left;
    float:left;
    line-height:30px;
    font-size:11px;
    text-transform:capitalize;
    background-image:url(/gui/pin.png);
    background-position:0px 4px ;
    background-repeat:no-repeat;
    padding-left:35px;

}
.siteCrumb A
{
    color: #999999;

    text-decoration: none;  
}

.addToBasket a
{
    width:95px;
    height:24px;
    background-image    : url(/gui/button_buy.png);
    float:right;
    display:block;
}

.next
{
    width:95px;
    height:24px;
    line-height:24px;
    text-align:center;
    background-image    : url(/gui/button_next.png);
    background-color:Transparent;
    border: solid 0px transparent;
    color:#ffffff;
    font-weight:bold;
    font-size:11px;
    margin-right:7px;
    float:right;
    cursor:pointer;
}

.prev
{
    width:95px;
    height:24px;
    line-height:24px;
    text-align:center;
    background-image    : url(/gui/button_prev.png);
    background-color:Transparent;
    border: solid 0px transparent;
    color:#ffffff;
    font-weight:bold;
    font-size:11px;
    margin-right:7px;
    float:left;
    cursor:pointer;
}

.more
{
    width:95px;
    height:24px;
    line-height:24px;
    text-align:center;
    background-image    : url(/gui/button_prev.png);
    background-color:Transparent;
    border: solid 0px transparent;
    color:#ffffff;
    font-weight:bold;
    font-size:11px;
    margin-right:7px;
    float:left;
    cursor:pointer;
}

TABLE.Datagrid
{
    clear               : both;
    float               : left;
    width               : 520px;
}
TD.DGHead, TD.DGHeadR, TD.DGHeadC
{
    background-image    : url(/gui/dg_header.png);
    background-position : center top;
    background-repeat   : repeat-x;
    color               : #FFFFFF;
    height              : 25px;
    padding             : 0px 3px 0px 3px;
}
TD.DGItem, TD.DGItemR, TD.DGItemC
{
    border-bottom       : solid 1px #CCCCCC;
    height              : 25px;
    padding             : 0px 3px 0px 3px;
}
TD.DGHeadR, TD.DGItemR
{
    text-align          : right;
}
TD.DGHeadC, TD.DGItemC
{
    text-align          : center;
}
DIV.BasketTotalRowWrapper
{
    clear               : both;
    float               : left;
    width               : 520px;
}
DIV.BasketTotalRow
{
    border-bottom       : solid 1px #CCCCCC;
    clear               : both;
    float               : right;
    padding             : 5px 0px 5px 0px;
    width               : 175px;
}
DIV.BasketTotalLabel
{
    float               : left;
    font-weight         : bold;
}
DIV.BasketTotalValue
{
    float               : right;
}
INPUT.BasketTextbox
{
    color               : #1A1A1A;
    display             : block;
    float               : right;
    font-family         : Arial, Verdana;
    font-size           : 12px;
    text-align          : right;
    width               : 40px;
}
INPUT.BeansTextbox
{
    color               : #1A1A1A;
    font-family         : Arial, Verdana;
    font-size           : 10pt;
    text-align          : right;
    margin-left         : 5px;
    width               : 60px;
}
DIV.BeansForm
{
    float               : left;
    margin              : 10px 0px 0px 0px;
    width               : 300px;
}
DIV.BeansFormRow
{
    float               : left;
    width               : 300px;
}

.phone 
{
    float:right;
    height:35px;
    background-image:url(/gui/phone.png);
    background-repeat:no-repeat;
    padding-left:35px;
    line-height:25px;
    font-size:14px;
    color:#262626;
    letter-spacing:-1px;
}