﻿/*
MOSES NET layout design (Deprecated in new projects)

Style applied to below masters/companies currently
- Active websites: sweet(manfook), kengores, NowStore, ongoing, rasslanguage, scubamonster, CorporationHome (demo)

Last updated date: 16 Mar 2023
*/

body
{
    padding: 0px;
    margin: 0px;
    font-size: 0.8em;
    font-family: 'Arial Unicode MS';
    background-color: #FFFFFF;
}

img { -ms-interpolation-mode: bicubic; }

.bodyDiv
{
    width: 100%;
    text-align: center;
    padding-top: 10px;
}
.outsideContainer
{
    width: 980px;
    text-align: left; /*background-color: #FFFFFF;*/
    margin: auto; /* required for FF */
    margin-top: 0px;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    font-family: Arial, Helvetica, sans-serif; /*color: #000066;*/ /*background-image: url(/images/corppagebg.gif);*/
    background-repeat: repeat-y;
}


.mainmenu
{
    width: 100%;
}

.productImageMain
{
    float: right;
    margin-bottom: 15px;
    margin-left: 15px;
    display: inline;
}
.productImage2
{
}
.corporationLink
{
    font-size: 1.2em;
    font-weight: bold;
}
.corporationShortDescription
{
    font-size: 0.8em;
    font-weight: normal;
    font-style: normal;
}
.mainSearchBox
{
    width: 500px;
}
.searchTab
{
    border-style: none solid none none;
    border-width: 2px;
    border-color: #FFFFFF;
    color: #FFFFFF;
    width: 120px;
    height: 20px;
    text-align: center;
    background-image: url(/images/searchtab.png);
    text-decoration: none;
}
.searchTabSelected
{
    border-style: none solid none none;
    border-width: 2px;
    border-color: #FFFFFF;
    color: #FFFFEE;
    font-weight: bold;
    font-size: larger;
    width: 120px;
    height: 20px;
    text-align: center;
    background-image: url(/images/selectedsearchtab.png);
    text-decoration: none;
}
.mainSearchPanel
{
    background-color: #86888E;
    text-align: left;
    padding-left: 5px;
    margin-top: 0px;
}
.noPicture
{
    background-color: #E4E4E4;
    vertical-align: middle;
    text-align: center; /*border: 1px solid #000000;*/
    width: 80px;
    height: 80px;
}

.caption
{
    font-weight: bold; /*white-space: nowrap; disabled on 20 Sep 2011*/
}

.button
{
    padding-left: 20px;
    padding-right: 20px;
}
.button img
{
    vertical-align: middle;
    border-style: none;
}

.checkoutButton
{
    vertical-align: middle;
    padding: 5px;
    font-size: 1.2em;
    font-weight: bold;
    color: #000080;
}

.checkoutButton img
{
    vertical-align: middle;
    border-style: none;
}

.corporationName
{
    font-weight: bold;
    font-size: 1.4em;
    font-family: Arial, Helvetica, sans-serif;
    margin: 15 0 15 0;
}

.productShortDescription
{
    font-size: 0.8em;
}

.cart
{
    text-decoration: none;
    vertical-align: middle;
    color: #000000;
}

.carts a, .carts img { vertical-align:middle; }

.slogan
{
    font-size: 1em;
    font-style: italic;
    color: #000000;
}

.topLogoLink
{
    text-decoration: none;
    font-weight: bold;
    color: #000000;
}

a.topLogoLink:hover
{
    color: #DA0323;
}

.categoryTitle
{
    color: #FFFFFF;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    display: block;
    font-weight: bold;
    background-image: url(/images/bluecontenttitle.gif);
    background-repeat: repeat-x;
}

.categoryPageHeading
{
    font-size: 2em;
    font-weight: bold;
}

.itemGridTitle
{
    font-size: 1.4em;
    font-weight: bold;
    color: #FF0000;
    font-style: italic;
    padding-right: 50px;
}

.contentHeading
{
    font-weight: bold;
    font-size: x-large;
    margin-bottom: 10px;
}

.copyright
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #808080;
    font-size: small;
}
.copyright a
{
    font-weight: bold;
    color: #808080;
}
.error { color: #FF0000; font-weight: bold; }
.errorMessage
{
    color: #FF0000;
    font-weight: bold;
    margin: 15px;
}

.pageFooter
{
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.contentPane
{
}

/* confirm checkout page */
#checkoutBody
{
    text-align: center;
}
#checkoutbody #container
{
    padding: 20px;
    width: 800px;
}
#checkoutbody #headerDiv
{
    text-align: left;
}
#checkoutbody #headerDiv #lblCorpName
{
    margin-left: 20px;
    font-size: 2.5em;
}
.priceTable
{
}
.priceGroupCaption
{
    font-weight: bold;
    padding-top: 5px;
}
.priceQty
{
}
.price
{
    padding-left: 30px;
    border: 1px solid #808080;
    text-align:right;
}
.terms
{
    border: 0px solid #808080;
    background-color: #FFFFFF;
    padding: 5px;
}

.itemGridTr
{
    vertical-align: bottom;
}

.itemgridtb
{
    width: 100%;
}

.itemCell
{
    /* 	vertical-align: text-bottom; 	width: 180px; */ /*height: 100px;*/
    border: 1px solid #CCCCFF; /*padding: 10px; display: inline; 	vertical-align: baseline; 	cursor: pointer; 	width: 100%;*/
}
.itemCell:hover
{
    border-color: #8282FF;
}
.itemCell-onmouseover
{
    border-color: #8282FF;
}
/*
.itemCell div
{
	float: left;
	vertical-align: bottom;
}
*/
.itemCell span
{
    /* 	display: inline-block; 	vertical-align: baseline; */
    text-align: left;
    font-size: 1em;
}


.itemCell a
{
    text-decoration: none; /*color: #ffffff;*/
    cursor: pointer;
}

.itemCell .partNum
{
    font-size: 1.0em;
}
.itemCell .itemName
{
}
.itemCell .itemShortDesc
{
}
.itemCell .unitPrice
{
    font-weight: bold;
}

.promotionList
{
    width: 100%;
}
.promotionList td
{
    text-align: center;
}

.commentDate
{
    font-style: italic;
}

.commentUser
{
    font-style: italic;
}
.commentCell
{
    border: 1px solid #CCCCCC;
}
.commentAdd
{
    border: 1px solid #CCCCCC;
}
/* Rating */
.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar
{
    background-image: url(/Images/FilledStar.png);
}

.emptyRatingStar
{
    background-image: url(/Images/EmptyStar.png);
}

.savedRatingStar
{
    background-image: url(/Images/SavedStar.png);
}
.buyMore
{
    font-size: 1.2em;
    font-weight: bold;
}

.attributeTable
{
}
.attributeTable td
{
    padding: 5px;
}
.pictureSlide
{
    padding: 2px;
    margin: 5px auto 2px auto;
    border: 1px solid #333333;
    cursor: pointer;
    width: 61px;
    height: 61px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    *float:left;
}
.pictureSlide:hover
{
    border: 1px solid #CC0000;
}
.categoryName
{
    font-size: large;
}
.promotionColumn
{
    width: 200px;
    border: 1px solid #CCCCCC;
}

/* New add by kwong*/
.itemNameHeader
{
    border-color: #606458;
    color: #CC0000;
    vertical-align: middle;
    padding-top: 5px;
    margin-left: 0px;
    padding-bottom: 0px;
    width: 100%;
    text-align: left;
    font-size: 20px;
    display: block;
    padding-left: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    font-weight: bolder;
}

.itemNameCaption
{
    padding: 0px;
    margin: 0px;
    color: #333333;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    font-weight: bolder;
}

.tblPictures
{
    padding: 5px;
    margin: 0px auto 0px auto;
    border: 1px solid #CCCCCC;
}

.productInfoTable
{
}

.productInfoTable td
{
    vertical-align: top;
    border-bottom: 1px solid #000;
    border-bottom-color: #CCCCCC;
}

table.productInfoTable
{
    padding: 5px;
    margin: 0px 0px 0px 0px;
    border-style: none;
    border-width: 0;
    border-color: inherit;
    width: 400px;
    border-collapse: collapse;
}

table.priceInfoTable
{
    padding: 5px;
    margin: 0px 0px 0px 0px;
    border-style: none;
    border-width: 0;
    border-color: inherit;
    border-collapse: collapse;
}

.priceInfoTable td
{
    vertical-align: top;
    border-bottom: 1px solid #000;
    border-bottom-color: #CCCCCC;
}

.iteminfo1
{
    padding-left: 10px;
    width: 95px;
    list-style-type: disc;
    list-style-position: outside;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    border-right: 2px solid #CCCCCC;
    padding-right: 10px;
    position: relative;
}

.iteminfo2
{
    width: 100%;
    border-left-width: 0px;
    border-left-color: #CCCCCC;
    border-left: 0px solid #CCCCCC;
    padding-left: 0px;
    font-family: Arial, Helvetica, sans-serif;
    color: #CC0000;
}

.iteminfo3 td
{
    border-bottom: 4px solid #CCCCCC;
}

.iteminfo4 td
{
    border-bottom: 1px solid #CCCCCC;
}

td.infoshareholder
{
    border-bottom: 0px solid #CCCCCC !important;
    padding-right: 3px;
}

.iteminfo5 td
{
    border-bottom: 0px solid #CCCCCC;
}

.back
{
    margin-left: 10px;
    margin-right: 10px;
}

.itemPicture1
{
    padding: 10px; /*margin: 38px 15px 0px 0px;*/
    border: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
    width: 233px;
    display: block;
}

.itemPicturetd
{
    vertical-align: top;
    width: 220px;
}

.relationHeader
{
}

.SimilarProducts
{
    padding: 10px;
}

.OtherProductsPane
{
    border: 1px solid #CCCCCC;
    background-color: #E6E6E6;
    margin: 3px;
}
.RelatedProductPane
{
    padding: 10px;
    border: 0px solid #CCCCCC;
    background-color: #FFFFFF;
    margin: 10px;
}

.RelatedProduct
{
    margin: 5px;
    padding: 5px;
}

.RelatedProduct:hover
{
    border: 1px solid #C0C0C0;
}

.CompanyLogo
{
    text-align: left;
    vertical-align: middle; 
}
.CategoryTree
{
    padding: 2px;
    margin: 38px 15px 0px 0px;
    border: 1px solid #CCCCCC;
}
.CategoryTreePic
{
    padding: 2px;
}
.CategoryTree-onmouseover
{
    background-color: #F0F0F0;
    padding: 2px;
    margin: 38px 15px 0px 0px;
    border: 1px solid #CCCCCC;
    cursor: hand;
}

.linkToPopularIT
{
    color: #CCCCCC;
    font-size: x-small;
}
.linkToPopularIT a
{
    text-decoration: none;
    font-weight: bold;
    color: #CCCCCC;
}

.childCategory
{
    margin-left: 10px;
    margin-right: 10px;
}

.childCategoryInCol
{
    margin-left: 5px;
    margin-right: 5px;
    width: 120px;
}

.confirmOrderButton
{
    background-color: #65e533;
    height: 5em;
    background-image: url(/Images/ComfirmationBG.gif);
    cursor: pointer;
}

#btnBackToCart, .confirmOrderButton { max-width:90%; }

.originalPrice
{
    text-decoration: line-through;
}
#featuredItemstb
{
    margin-top: 0.3em;
}

.pagerNum
{
    padding-right: 5px;
    padding-left: 5px;
}

.pagerNum:hover
{
    padding-right: 5px;
    padding-left: 5px;
    background-color: #CCCCCC;
}

.pagerCurrentNum
{
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
}

.pagerNextPrev:hover
{
    background-color: #CCCCCC;
}

/*styles for ChildCatgories control*/
.childCategoryTable
{
}

.childCategoryTable TD
{
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

/* advanced search */
.advSearchtxt
{
    font-size: 11px;
    width: 25px;
    position: relative;
}

.divAdvancedSearch #searchTitle
{
    font-size: 18pt;
    font-weight: bold;
    padding-bottom: 10px;
}

.divAdvancedSearch .itemTypeDropdown
{
    font-size: 12pt;
    padding-bottom: 10px;
    background-color: #DDDDDD;
}

.divAdvancedSearch .searchCriteriaHeading
{
    font-size: 12pt;
    text-decoration: underline;
}
.line18
{
    line-height: 18px;
}
.line24
{
    line-height: 24px;
}
.outOfStock
{
    color: Red;
    font-weight: bold;
    padding-left: 3em;
    padding-right: 3em;
}
.sizesList
{
}
a.linkbutton
{
    text-decoration: none;
    color: Black;
    padding-top: 5px;
    margin-right: 10px;
}
.enquirybutton
{
    background-image: url(/Images/btnEnquire.gif);
    background-repeat: no-repeat;
    height: 22px;
    width: 167px;
    display: inline-block;
    text-align: center;
}
.enquirybutton:hover
{
    background-position: 0px -29px;
}
.enquirybutton:active
{
    background-position: 0px -58px;
}
.buybutton
{
    background-image: url(/Images/btnBuy.gif);
    background-repeat: no-repeat;
    height: 22px;
    width: 116px;
    display: inline-block;
    text-align: center;
}
.buybutton:hover
{
    background-position: 0px -29px;
}
.buybutton:active
{
    background-position: 0px -58px;
}
.continueshopbutton
{
    background-image: url(/Images/btnEnquire.gif);
    background-repeat: no-repeat;
    height: 22px;
    width: 167px;
    display: inline-block;
    text-align: center;
}
.continueshopbutton:hover
{
    background-position: 0px -29px;
}
.continueshopbutton:active
{
    background-position: 0px -58px;
}
.captionColumn
{
    text-align: right;
    vertical-align: top;
}
.contentColumn
{
    text-align: left;
}
/* login Box start */
.Gen_LoginBox{ width: 500px; }
.Gen_LoginBox .LoginBox_Area{ width: 500px; margin-left: 20px;position:relative; }
.Gen_LoginBox .LoginBox_Area .RC_Header{ margin-top: 10px;margin-bottom: 5px;font-weight: bold;font-size: 1.25em;}
.RC_FbLogin { padding:20px; }
.RC_FbLogin .RC_Header { font-size: 1.25em; font-weight: bold; }
.RC_FbLogin .fbLoginButton { float:right; margin-right:54px; }
.Gen_LoginBox .LoginBox_Area .RC_Script{margin-top: 10px; margin-bottom: 10px;font-weight: normal;font-size: 0.85em; line-height:1.5;}
.Gen_LoginBox .LoginBox_Area .UserNameLabel{padding: 8px 8px 8px 0; float: left;width: 58px;height: 26px;}
.Gen_LoginBox .LoginBox_Area .UserNameInput{float: left;width: 220px;padding: 8px;height: 26px;}
.Gen_LoginBox .UserNameInput input,.Gen_LoginBox .PasswordInput input { margin:0; }
.Gen_LoginBox .LoginBox_Area .Login_Button_Area{width: 195px;height: 26px;padding-top 6px;padding-bottom: 10px;position:relative;top:-155px;left:300px;}
.Gen_LoginBox .LoginBox_Area .Password_Label{ float: left;width: 58px;padding: 8px 8px 8px 0;height: 26px;clear:left;}
.Gen_LoginBox .LoginBox_Area .PasswordInput{float: left;width: 370px;padding: 8px;height: 26px;}
.Gen_LoginBox .LoginBox_Area .PasswordRecovery{float: left;width: 365px;padding: 0px 8px 2px 79px;}
.Gen_LoginBox .LoginBox_Area .RememberMe{float: left;width: 420px;padding: 5px 8px 5px 74px;}
.Gen_LoginBox .LoginBox_Area .FailureText{float: left; width: 415px;padding: 5px 8px 5px 79px;color: #CC0000;}
.Gen_LoginBox .LoginBox_Area .NewCustomers{width: 420px;margin-bottom: 5px; font-weight: bold;font-size: 1.25em;padding-top: 10px;clear:left;}
.Gen_LoginBox .LoginBox_Area .NewRegisterScript{ float: left;width: 289px;padding: 5px 8px 5px 0px;font-size: 0.85em; line-height:1.5;}
.Gen_LoginBox .LoginBox_Area .CreateUser{float: right;width: 195px;height: 26px;padding-top: 6px;padding-bottom: 10px;}
.Gen_LoginBox .loginbutton{background-image: url(/Images/login.gif);background-repeat: no-repeat;height: 24px;width: 74px;display: inline-block;color: White !important;padding-left: 30px;padding-top: 9px;font-weight: bold;}
.Gen_LoginBox .loginbutton:hover{ background-position: 0px -40px;color: #CCCCCC !important;text-decoration: none !important;}
.Gen_LoginBox .registerbutton{background-image: url(/Images/register.gif);background-repeat: no-repeat;height: 24px; width: 74px; display: inline-block;color: White !important;padding-left: 30px;padding-top: 9px;font-weight: bold;text-decoration: none;margin-bottom:20px;}
.Gen_LoginBox .registerbutton:hover{ background-position: 0px -40px;color: #CCCCCC !important;text-decoration: none !important;}
.RC_FbLogin { max-width:100%; }

/* login Box end */

.Gen_UserRegister
{
    width: 580px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
.Gen_UserRegister .Box_Area
{
    width: 100%;
}
.Gen_UserRegister .Box_Area .required
{
    color: red;
}
.Gen_UserRegister .Box_Area .captionColumn
{
    padding: 8px;
    width: 200px;
    text-align: right;
    /*float: left;*/
    display: inline-block;
}
.Gen_UserRegister .Box_Area .inputColumn
{
    padding: 8px;
    text-align: left;
    display: inline-block;
}
.Gen_UserRegister .Box_Area .RC_Header
{
    padding: 8px;
    background-color: #808080;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 15px;
}
.Gen_UserRegister .Box_Area .UserNameLabel
{
}
.Gen_UserRegister .Box_Area .UserNameInput
{
}
.Gen_UserRegister .Box_Area .EmailLabel
{
}
.Gen_UserRegister .Box_Area .EmailInput
{
}
.Gen_UserRegister .Box_Area .CompanyLabel
{
}
.Gen_UserRegister .Box_Area .CompanyInput
{
}
.Gen_UserRegister .Box_Area .AddressLabel
{
}
.Gen_UserRegister .Box_Area .AddressInput
{
}
.Gen_UserRegister .Box_Area .CitylLabel
{
}
.Gen_UserRegister .Box_Area .CityInput
{
}
.Gen_UserRegister .Box_Area .StateLabel
{
}
.Gen_UserRegister .Box_Area .StateInput
{
}
.Gen_UserRegister .Box_Area .PostalLabel
{
}
.Gen_UserRegister .Box_Area .PostalInput
{
}
.Gen_UserRegister .Box_Area .CountryLabel
{
}
.Gen_UserRegister .Box_Area .CountryInput
{
}
.Gen_UserRegister .Box_Area .JobLabel
{
}
.Gen_UserRegister .Box_Area .JobInput
{
}
.Gen_UserRegister .Box_Area .TelLabel
{
}
.Gen_UserRegister .Box_Area .TelInput
{
}
.Gen_UserRegister .Box_Area .PasswordLabel
{
}
.Gen_UserRegister .Box_Area .ConfirmPasswordLabel
{
}
.Gen_UserRegister .Box_Area .CaptchaInput
{
}
.Gen_UserRegister .Box_Area .ErrorLabel
{
    padding: 8px;
    width: 100%;
    text-align: center;
    color: #CC0000;
}


/* UserRegister End*/
/*
.showcartbutton
{
    background-image: url(/Images/showcartnew.gif);
    background-repeat: no-repeat;
    height: 29px;
    width: 120px;
    display: inline-block;
    color: White;
    padding-left: 30px;
    padding-top: 12px;
    font-weight: bold;
}
.showcartbutton:hover
{
    background-position: 0px -45px;
}
*/
.checkoutbutton3
{
    background-image: url(/Images/buynowNEW2.gif);
    background-repeat: no-repeat;
    height: 26px;
    width: 110px;
    display: inline-block;
    color: White;
    padding-left: 10px;
    padding-top: 15px;
    font-weight: bold;
}
.checkoutbutton3:hover
{
    background-position: 0px -45px;
}


.notMyPriceGroup
{
}
.notMyPriceGroup .price
{
    text-decoration: line-through;
}
.myPriceGroup
{
}
.searchPanel
{
}

.loginbutton
{
    background-image: url(/Images/login.gif);
    background-repeat: no-repeat;
    height: 24px;
    width: 74px;
    display: inline-block;
    color: White !important;
    padding-left: 30px;
    padding-top: 9px;
    font-weight: bold;
}
.loginbutton:hover
{
    background-position: 0px -40px;
    color: #CCCCCC !important;
    text-decoration: none !important;
}

.registerbutton
{
    background-image: url(/Images/register.gif);
    background-repeat: no-repeat;
    height: 24px;
    width: 74px;
    display: inline-block;
    color: White !important;
    padding-left: 30px;
    padding-top: 9px;
    font-weight: bold;
    text-decoration: none;
}
.registerbutton:hover
{
    background-position: 0px -40px;
    color: #CCCCCC !important;
    text-decoration: none !important;
}

.create_user
{
    background-image: url(/Images/create_user.gif);
    background-repeat: no-repeat;
    height: 32px;
    width: 150px;
    display: inline-block;
    color: White !important;
    padding-left: 30px;
    padding-top: 1px;
    font-weight: bold;
    text-decoration: none;
}
.create_user:hover
{
    background-position: 0px -40px;
    color: #CCCCCC !important;
    cursor: pointer !important;
}

.ShareHolder
{
    margin-top: 10px !important;
}
.categorydiv
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}
h1.categoryPageHeading
{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.albumImage
{
    padding-left: 10px;
    padding-right: 10px;
}

a:link.Checkout1, a:link.ContinueShop, a:link.sendenquiry
{
    color: #FFFFFF;
    text-decoration: none;
}
a:hover.Checkout1, a:hover.ContinueShop, a:hover.sendenquiry
{
    color: #CCCCCC;
    text-decoration: none;
}
.sendenquiry
{
    background-image: url(/images/sendenquiry.gif);
    background-repeat: no-repeat;
    height: 46px;
    width: 103px;
    display: inline-block;
    color: White !important;
    padding-left: 33px;
    padding-right: 15px;
    padding-top: 15px;
    font-weight: bold;
}
.sendenquiry:hover
{
    background-position: 0px -61px;
    color: #CCCCCC !important;
    text-decoration: none !important;
}
.ContinueShop
{
    background-image: url(/images/ContinueShop.gif);
    background-repeat: no-repeat;
    height: 46px;
    width: 93px;
    display: inline-block;
    color: White !important;
    padding-left: 43px;
    padding-right: 15px;
    padding-top: 15px;
    font-weight: bold;
}
.ContinueShop:hover
{
    background-position: 0px -61px;
    color: #CCCCCC !important;
    text-decoration: none !important;
}
.Checkout1
{
    background-image: url(/images/Checkout1.gif);
    background-repeat: no-repeat;
    height: 46px;
    width: 103px;
    display: inline-block;
    color: White !important;
    padding-left: 33px;
    padding-right: 15px;
    padding-top: 15px;
    font-weight: bold;
}
.Checkout1:hover
{
    background-position: 0px -61px;
    color: #CCCCCC !important;
    text-decoration: none !important;
}
.buynowbutton, .showcartbutton, .addGiftWish
{
    background-image: url(/Images/button120.png);
    background-repeat: no-repeat;
    display: inline-block;
    color: White;
    font-weight: bold;
}
.addGiftWish { width:120px !important; }
.buynowbutton:hover, .showcartbutton:hover
{
    background-position: 0px -45px;
}
span.buynowbutton.rbDisabled:hover, span.quickcheckout.rbDisabled:hover, span.showcartbutton.rbDisabled:hover { background-position:0 0; }
a:link.loginbutton, a:link.checkoutbutton3
{
    color: #FFFFFF;
    text-decoration: none;
}
a:hover.loginbutton, a:hover.checkoutbutton3
{
    color: #CCCCCC;
    text-decoration: none;
}
a:link.buynowbutton, a:link.showcartbutton
{
    color: #555555;
    text-decoration: none;
}
a:hover.buynowbutton, a:hover.showcartbutton
{
    color: #4B4B4B;
    text-decoration: none;
}
.addWishList
{   
   background-image: url(/Images/buttonaddwishlist.png);
}
/* ItemGrid */
table.itemInCell
{
    width: 100%;
}
.ItemGrid1
{
    text-align: left;
    position: relative;
}
.itempic
{
    text-align: center;
}

#checkout thead
{
    background-color: #CCCCFF;
    font-weight: bold;
}
#checkout tfoot td
{
    font-weight: bold;
    padding: 5px;
}
#checkout tbody td
{
    border-style: solid solid solid none;
    border-width: 1px;
    border-color: #333333;
    padding: 5px;
}
#checkout tbody td:first-child
{
    border-style: solid;
    border-width: 1px;
    border-color: #333333;
}
#btnSelectGreetingCard
{
    font-weight: bold;
}

/* Checkout */
.checkoutDiv
{
    text-align: center;
    padding-top: 10px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}

table.OrderStepTable
{
    margin-top: 30px;
    width: 900px;
}

table.OrderStepTable tr td { text-align:center; }

.checkouttable
{
    border-width: 0px;
    width: 800px;
    border-collapse: collapse;
}


.PalDeliveryDate { padding: 5px;  }
.PalDeliveryDate .DelliveryDateTitle {margin-left:150px;}
.PalDeliveryDate .DelliveryDateTitle .caption { text-align: left; font-size: 1.2em; font-weight: bold; margin-top: 1em; display: inline-block; }
.PalDeliveryDate .DeliveryDate { padding-top: 10px; margin-left:210px; }
.PalDeliveryDate .DeliveryDate.riTextBox { width: auto !important; }

/* Registration */
.otherReg { padding: 0px 0px 15px 15px; }
/* Reg End*/
/* Pager */
.ItemTopPager
{
    float: right; /*padding-right: 5px;*/
    padding-top: 3px;
    padding-left: 5px; /*width: 140px;*/
    font-size: 12px;
}
/* Pager End*/
/* Colours available*/
/*
div.RadToolTip_Default table.rtWrapper td.rtWrapperContent
{
    background-color: #FFFFFF;
    color: #666666;
    padding: 5px;
}
*/
/* 26 Sep 11
table.rtWrapper
{
    height: 1em !important;
}
*/
/* Colours available end*/

#divPromptLogin
{
    font-size: 2em;
    text-align: center;
    width: 100%;
}
#divPromptLogin a
{
    color: White;
}

#divPromptLogin #divLogin, #divPromptLogin #divRegister, #divPromptLogin #divNoLogin
{
    margin: 20px auto 20px auto;
    padding: 10px 30px 10px 30px;
    background-color: Gray;
    display: block;
    width: 300px;
    border-radius: 15px;
    -moz-border-radius: 15px; /* for firefox */
}

#divPromptLogin #divLogin:hover, #divPromptLogin #divRegister:hover, #divPromptLogin #divNoLogin:hover
{
    background-color: Orange;
    color: Blue;
}
/* CSS for ItemRotator control */
.itemListRotator .RadRotator
{
}

.itemListRotator .pagerbutton
{
    width:12px;
    height:12px;
    background-image:url(/images/dotbtn.png);
    display: inline-block;
    cursor:pointer;
}
.itemListRotator .pagerbutton:hover
{
    background-position:0px -12px;
}
.itemListRotator .selected
{
    background-position:0px -24px !important;
}
#rotatorLeft
{
    width:20px;
    height:20px;
    background-image:url(/images/leftbutton.png);
}
#rotatorRight
{
    width:20px;
    height:20px;
    background-image:url(/images/rightbutton.png);
}
.rotatorImage 
{
}
/* end CSS for ItemRotator control */
a img
{
    border: none;
}

.GridItemImage
{
    border-radius: 15px;
    -moz-border-radius: 15px; /* for firefox */
}
.itemDetailBox
{
    width: 100%;
    height: 270px;
    color:Black;
    margin:0px 0px 0px 0px;
}
.itemPopup .rtWrapperContent
{
    background-color: #ffffff;
    opacity:0.9;
    /*background-color:transparent !important;*/
}
#RadWindowWrapper_ctl01_PageContent_winLogin
{
    z-index: 10004 !important;
}
.socialShareLabel
{
    margin:2px 4px; padding:3px 2px; color:#888;
}
#divAllCat 
{
    padding: 10px; font-size: 1.5em; font-weight: bold;
}
.gw_caption, .gw_inputs { padding:3px 4px; }

a.cartDeleteButtonLink { background:transparent url(/images/delete_16x.gif) no-repeat top left; display:block; width:16px; height:16px; }
.corelatedTable {}
.corelatedItemCell { padding:8px; vertical-align:bottom; text-align:center; border:1px solid #fff; }
.corelatedItemCell:hover { border-color:#aaa; }
.corelatedItemCell a { display:block; }
.CorelatedItemGrid { margin:10px; padding:10px; background:#fff; }

.RadComboBoxDropDown .rcbList li { padding:2px 6px; }
.SearchButton .RadComboBox .rcbArrowCell { display:none; }
.SearchButton { display:inline-block; }
.SearchButton .SearchButtonText { vertical-align:middle; padding:0 5px; }
.SearchButton .RadComboBox { width:auto !important; }
.RadComboBoxDropDown .rcbItem { cursor:pointer; }
.popup_separate { font-size:0.7em; color:#c0c0c0; margin-bottom:5px; }
.AccountInfoTable td:first-child { width:150px; text-align:right; vertical-align:top; padding-right:5px; }
.successMessage, .unauthPanel { padding: 100px 0; text-align: center; }

span.itemDiscountPercent {
position: absolute;
margin-left: 10px;
}

.ItemContentCSS .tabPanel { border:1px solid #888; }
.itemNameContainer h1 { border-bottom:3px solid #888; margin:0; padding:10px 0; }

.adminUserMenu { display:none; }

.resBanner { position:relative; }
.resBanner .bannerContainer { float:left; }
.resBanner a { display:block;float:left; }
.resBanner .bannerContainer img { width:100%; }
.resBanner .rotator_tabslist { position:absolute; bottom:0; right:0; }
.resBanner .rotator_tabs { display:block;float:left; }
.resBanner .rotator_tab { width:20px; height:20px; display:block; float:left; background:transparent url(/images/point.png) no-repeat center center;cursor:pointer; }
.resBanner .rotator_tab.rotator_active { background-image:url(/images/point_hover.png); }

.news-accordion .panel { padding:100px 20px; text-align:center; }
.news-accordion .n-category-title { padding:10px 0px 5px 0px; margin:0; text-transform:uppercase; }
.news-accordion .n-news { padding:0 0px; }
.news-accordion .n-title { padding:5px 10px 5px 20px; font-weight:bold; cursor:pointer; border-bottom:1px dashed #aaa; background:url(/images/arrow_down.gif) no-repeat left center;-webkit-user-select:none; }
.news-accordion .n-title.expanded { background-image:url(/images/arrow_up.gif); }
.news-accordion .n-summary { padding:5px 10px 5px 30px; background-color:#eaeaea; }
.news-accordion .newspager { text-align:center; padding:10px; }

.blog-page .panel { padding:100px 20px; text-align:center; }
.blog-page .n-category-title { padding:10px 0px 5px 0px; margin:0px 0 30px 0; text-transform:uppercase; text-align:center; border-bottom:3px solid #000; }
.blog-page .n-news { padding:0 0px; }
.blog-page .n-title { padding:5px 10px 5px 20px; display:block; font-weight:bold; background-color:#5BC060; font-size:1.5em; color:#FFF; border-bottom:1px dashed #aaa; border-top:1px dashed #aaa; }
.blog-page .n-date { font-size:0.8em; text-align:left; font-style:italic; padding:3px 20px;border-bottom:1px dashed #888; }
.blog-page .n-summary { padding:15px 10px 15px 20px; }
.blog-page .readmore { padding-top:20px; display:block; }
.blog-page .n-blogpost { padding-bottom:20px; }
.blog-page .newspager { text-align:center; padding:10px; border-top:1px dashed #888; margin-top:20px; }
.blog-page .n-back { padding:20px; }

.itemCell { position:relative; }
.product-label { position:absolute; }
.labelTop, .labelTopLeft, .labelTopRight { top:5px; }
.labelLeft, .labelTopLeft, .labelBottomLeft { left:5px; }
.labelRight, .labelTopRight, .labelBottomRight { right:5px; }
.labelBottom, .labelBottomLeft, .labelBottomRight { bottom:5px; }
.preorder { font-weight:bold; vertical-align:middle; }
.itemCell .labelDiscount {background-color: #FF0;display: table-cell;width: 40px;height: 40px;text-align: center;vertical-align: middle;border-radius: 21px;color: #888;font-weight: bold;padding: 1px;}

a.selectCouponLink { text-decoration:underline; font-weight:normal; }

#qtyLeftNotice { margin-left:5px; vertical-align:middle;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 2;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 2;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 2; }
@-moz-keyframes blinker {  
    0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.enquiryPopup { display: block; color: #888; margin-top: 10px; }

.coupon-row {padding-left:0 !important;}
.checkout-delivery { padding-top:20px; margin-bottom:20px; }
.checkout-delivery .caption {
    display:inline-block;
    width:140px;
    text-align:right;
}

.delivery-table { margin:0 auto; border-collapse: collapse; width: 80% }

.delivery-method, .ship-row { margin:5px 0; }
.delivery-method select, .ship-row select { max-width:200px; }
.instruction { font-style:italic; font-size:0.85em; }
.delivery-option { 
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
td.grand-total { border-top: 1px solid #000; border-bottom: 1px solid #000; }
.pickup-address { padding:5px 20px; border:1px solid #aaa;margin: 10px 50px 10px 0; }
.price-table { width:100%; }
.price-table td { padding:8px 5px; }
.price-table td.curr { width:40px; }
.price-col { background-color:#eaeaea; padding:10px; vertical-align:top;}

/* RotateBanner */
.rotateBanner, .rotateBanner div, .rotateBanner ul, .rotateBanner li, .rotateBanner img, .rotateBanner a { margin:0; border:0; padding:0; } 
.rotateBanner {overflow:hidden; position:relative;}
.rotateBanner .rotator_imglist {overflow:hidden;z-index:99;}
.rotateBanner .rotator_tabslist {position:absolute;z-index:111;bottom:0;right:0;text-align:right;margin:2px;}
.rotateBanner .rotator_tab { float:left;display:block;cursor:pointer; text-align:center; margin:0 2px;font-size:1em; line-height:1.2em; width:1em; height:1em; color:#000;}
.rotateBanner .rotator_active {color:#fff;}

.slidingBanner .rotator_imglist { position:absolute; height:0; }
.slidingBanner .rotator_img { display:block; float:left; } 

.fadingBanner .rotator_imglist { position:relative; width:100% !important;  }
.fadingBanner .rotator_img { position:absolute; } 
.fadingBanner .rotator_tabs {list-style:none;display:inline;}

/* RotateBanner End */

.RadMenu { outline:none !important; }

.ValueAddedTitle { font-weight:bold; }
.vItemList { display:flex; }
.vItemList .ValItem { border:1px solid #888; margin:5px 0; cursor:pointer; padding:5px; flex-basis:50%; box-sizing:border-box; }
.vItemList .ValBuyNowChk { float:right; padding-top:5px; }
.ValItem .ValPrice { color:#5BA21B; font-weight:bold; }
.ValItem .ValPic { text-align:center; }
.ValItem .ValPic img { max-width:100%; }
.RadWindow.RadWindow_MetroTouch .rwIcon, .RadWindow.RadWindow_MetroTouch .rwPinButton { display:none; }

.preorder-remark { display:block; }

/*default Popup*/
.jquery-modal.blocker { z-index: 9999; background: none; }
#StandardPopup.modal { max-width:800px; width: auto; }

.iziToast {min-height:100px;}
		.iziToast>.iziToast-cover {margin-left:10px;}
		.iziToast>.iziToast-body .iziToast-message {}
		.iziToast .imgContainer {display:inline-block;}
		.iziToast .iziToast-cover { cursor:pointer; }
		.iziToast .pb-text {text-decoration:none;display:inline-block;margin:15px 0 0 10px;color:#000;font-size:1em; line-height:1.3; max-width:300px; }
		.iziToast .timeAgo {text-align:right;font-size:0.8em;font-style:italic;margin:20px 0 0 0;}