h1
{
    margin: 0px;
    padding: 0px;
    text-decoration: underline;
}

li
{
    list-style-type: none;
}

ul
{
    padding: 0px;
    margin: 0px;
}

INPUT.RegisterLoginButton
{
    border              : none 0px Transparent;
    cursor              : pointer;
    float               : right;
    width               : 80px;
    background-image    : url(/gui/button_login.png);
	height		        : 24px;
	margin-right        : -10px;
	margin-bottom       : 10px;
}
DIV.SectionHeader
{
    border-bottom:dotted 1px #cccccc;
    padding-bottom:5px;
    margin-bottom:5px;
}
DIV.SectionHeader, DIV.SectionContent, DIV.RegisterLoginRow
{
    clear               : both;
    float               : left;
    width               : 100%;
}

DIV.SectionContent
{
    margin-bottom: 20px;
}

DIV.RegisterLoginRow
{
    height: 25px;
    line-height: 25px;
}

INPUT.RegisterLoginInput
{
    background-color    : #FFFFFF;
    border              : solid 1px #cccccc;
    display             : block;
    float               : right;
    font-family         : Arial;
    font-size           : 10pt;
    height              : 15px;
    margin              : 5px 0px 5px 5px;
    width               : 150px;
    
}

.paypal
{
    background-image: url(/gui/paypal.gif);
    width: 154px;
    height: 48px;
    background-color: Transparent;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
}

/*==============================*/
/*  CATGORY                     */
/*==============================*/
DIV.CategoryBoxWrapper
{
    float               : left;
    height              : 160px;
    margin              : 0px 5px 0px 0px;
}
DIV.CategoryBoxWrapperNoMargin
{
    float               : left;
    height              : 173px;
    margin              : 0px 0px 0px 0px;
}
.autocomplete_completionProjectListElement
{
    float: left;
    background-color: White;
    height: 20px;
    width: 50px;
}
DIV.CategoryBoxImage
{
    background-position : top center;
    clear               : both;
    float               : left;
    height              : 131px;
    text-align          : center;
    vertical-align      : middle;
    width               : 170px;
    padding-top         : 10px;
    
}
DIV.CategoryBoxTitle
{
    clear               : both;
    float               : left;
    height              : 27px;
    width               : 150px;
    text-transform      : capitalize;
    border-top          : dotted 1px #cccccc;
    background-image    : url(/gui/category_background.png);
    background-position : top 7px;
    background-repeat   : no-repeat; 
    padding-left:20px;

}
DIV.CategoryBoxTitle A
{
    color               : #455C3C;
    display             : block;
    line-height         : 27px;
    padding             : 0px 0px 0px 10px;
    text-decoration     : none;
    font-size:11px;
    font-weight:bold;
}

/*==============================*/
/*  PRODUCT                     */
/*==============================*/

DIV.CategoryPanelWrapper
{
    float               : left;
    border-bottom       : solid 1px #cccccc;
    width               : 500px;
    padding-top         : 20px;
    padding-left:10px;
}
DIV.CategoryPanelWrapperNoMargin
{
    float               : left;

}
DIV.CategoryPanelImage
{
    background-image    : url(/gui/background_categoryPanel.png);
    background-position : center center;
    background-repeat   : no-repeat; 
    clear               : both;
    float               : left;
    text-align          : center;
    vertical-align      : middle;
    width               : 170px;
    height              : 150px;
    overflow:hidden;
}
DIV.CategoryPanelTitle
{
    float               : left;
    width               : 300px;
    font-size           : 14px;
    padding-bottom      : 10px;


}
DIV.CategoryPanelTitle A
{
    color               : #0071BC;
    font-size           : 14px;
    font-weight         : bold;

}
DIV.CategoryPanelTitle A:HOVER
{
    color               : #0071BC;
    font-size           : 14px;
    font-weight         : bold;
    text-decoration     : none;
    display             : block;
}
DIV.CategoryPanelCode
{
    float               : left;
    width               : 300px;
    font-size           : 9px;
    padding-top         : 10px;
    padding-bottom      : 10px;
}
DIV.CategoryPanelInfo
{
    width               : 300px;
    float               : left;
    padding-top         : 10px;
    padding-bottom      : 20px;
}
 
.CategoryPanelInfo a
{
    width               : 100px;
    float               : right;
    background-image    : url(../button_more.png);
    background-repeat	: no-repeat;
    height              : 25px;
    line-height         : 24px;
    color               : #ffffff;
    text-decoration     : none;
    text-align          : left;
    font-size           : 8pt;
    padding-left	    : 15px;
    font-weight		    : bold;
    text-transform	    : capitalize;
    display             : block;
}

.add
{
    width:162px;
    height:24px;
    background-image    : url(/gui/button_add.png);
    background-color:Transparent;
    border: solid 0px transparent;
    color:#ffffff;
    float:right;
    cursor:pointer;
}

DIV.CategoryPanelDesc
{
    width               : 300px;
    float               : right;
}
.ProductBeansPrice
{
    color               : #79bf40;
    float               : left;
    width               : 210px;
    font-weight         : bold;
    font-size           : 14px;
}
.ProductCostsPrice
{
    color               : #333333;
    float               : left;
    width               : 300px;
    font-weight         : bold;
    padding-bottom      : 5px;

}
.ProductRRPPrice
{
    float               : left;
    width               : 300px;
    font-size           : 12px;
    padding-bottom      : 5px;
    

}
DIV.ProductHolder
{
    Width               : 510px;
    padding             : 5px 5px 5px 5px;
    float               : left;
}
DIV.ProductLeftHolder
{
    Width               : 162px;
    float               : left;
}
DIV.ProductRightHolder
{
    Width               : 300px;
    float               : right; 
}
DIV.ProductDescription
{
    width               : 300px;
    float               : right;
    padding-top         : 15px;
}
DIV.ProductPrice
{
    width               : 350px;
    float               : right;
    padding             : 10px 0px 10px 0px;
        font-size:11pt;
}
DIV.LeftPrice
{
    width               : 250px;
    float               : left;
    text-align          : left;
    font-weight         : bold;
    padding-left        : 45px;


}
DIV.RightPrice
{
    width               : 50px;
    float               : right;
    text-align          : right;
    font-weight         : bold;
    color               : #0071BC;

}
DIV.LeftPriceBean
{
    width               : 250px;
    float               : left;
    text-align          : left;
    font-weight         : bold;
    padding-left        : 45px;
}
DIV.RightPriceBean
{
    width               : 50px;
    float               : right;
    text-align          : right;
    color               : #79bf40;
    font-weight         : bold;
}
DIV.BeansDiscount
{
    width               : 300px;
    float               : left;
    font-weight         : bold;
    margin-top          : 15px;
    text-align          : right;
}
 

DIV.divProductLeft
{
    float               : left;
    width               : 120px;
    font-size           : 11px;
    font-weight         : bold;
    height              : 25px;
    line-height         : 25px;
}
DIV.divProductRight
{
    float               : right;
    width               : 180px;
    font-size           : 11px;
    font-weight         : bold;
    height              : 25px;
    line-height         : 25px;
    text-align          : right;
}
DIV.divProductSpacer
{
    width               : 215px;
    height              : 15px;
    float               : left;
    padding-left        : 15px;
}
.ProductImage
{
    margin-top          : 15px;
    width               : 160px;
    float               : left;

}
DIV.ProductImageSpacer
{
    padding             : 5px 5px 5px 5px;
    float               : left;

    border-left         : solid 1px #cccccc;
    border-right        : solid 1px #cccccc;
    border-top          : solid 1px #cccccc;
}
DIV.ProductBoxTitle
{
    background-image    : url(../background_enlarge.png);
    height              : 28px;
    width               : 179px;
    float               : left;
    color               : #ffffff;
    font-size           : 11px;
    text-decoration     : none;
    line-height         : 28px;
    background-repeat   : no-repeat;
}
DIV.ProductBoxTitle A,  DIV.ProductBoxTitle A:HOVER
{
    color               : #ffffff;
    font-size           : 11px;
    text-decoration     : none;
    line-height         : 28px;
    margin-left         : 10px;
}
DIV.ProductOptions
{
    float               : right;
    width               : 300px;
    padding-top         : 20px;
}
.Error
{
    clear               : both;
    color               : #CC0000;
    float               : left;
    font-weight         : bold;
    font-size           : 10px;
}

DIV.shopIntroduction
{
    float               : left;
    width               : 520px;
    background-image    : url(../shop_bg.png);
    padding-bottom:20px;
}

DIV.shopIntroductionHeader
{
    float               : left;
    width               : 520px;
    height              : 30px;
    font-size           : 16px;
    font-weight         : bold;
    letter-spacing      : -1px;

}

DIV.shopIntroductionContent
{
    float               : left;
    width               : 520px;
    font-size           : 11px;
    color               : #333333;


}

.RegisterFormButton
{
    border              : none 0px Transparent;
    cursor              : pointer;
    float               : right;
    width               : 102px;
    background-image    : url(/gui/button_signup.png);
	background-color	: transparent;
	height				: 24px;
	margin				: 10px 0px 10px  0px;
}
.ContinueFormButton
{

    border              : none 0px Transparent;
    cursor              : pointer;
    float               : left;
    width               : 186px;
    background-image    : url(/gui/button_shopping.png);
	background-color	: transparent;
	background-repeat   : no-repeat;
	height				: 24px;
	margin				: 10px 0px 0px  0px;
}
.UpdateFormButton
{

    border              : none 0px Transparent;
    cursor              : pointer;
    float               : right;
    width               : 102px;
    background-image    : url(/gui/button_update.png);
	background-color	: transparent;
	background-repeat   : no-repeat;
	height				: 24px;
	margin				: 10px 6px 0px  0px;
}
.SubmitFormButton
{
    border              : none 0px Transparent;
    cursor              : pointer;
    float               : right;
    width               : 102px;
    background-image    : url(/gui/button_submit.png);
	height				: 24px;
	margin				: 10px 14px 10px  0px;

}
.CheckoutFormButton
{
    border              : none 0px Transparent;
    cursor              : pointer;
    float               : left;
    width               : 102px;
    background-image    : url(/gui/button_checkout.png);
	height				: 24px;
	margin				: 10px 14px 10px  0px;

}
.pnlGoogle
{
    float:left;
    width: 520px;
    text-align: right;
}