.announcement-bar 
{
    background: #ec7c7b;
    padding: 10px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: bold;
    font-size: .6571em;
    text-transform: uppercase;
    position: relative;
}
.announcement-bar .message 
{
    width: 960px;
    margin: 0 auto;
}

.notificationclose {
    background: url("http://sg.creative.com/Content/images/icon.png") no-repeat scroll -21px -1900px;
    border: medium none;
    display: block;
    height: 13px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 5px;
    width: 12px;
}

a.notificationclose, a.notificationclose:visited, a.notificationclose 
{
    border: medium none;
    display: block;
    height: 13px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 5px;
    width: 12px;
    color: #eee;
    text-decoration: none;
}


/************ Global start *****************/ 
html, 
body, 
div, 
ul, 
ol, 
li, 
dl, 
dt, 
dd, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
pre, 
form, 
p, 
blockquote, 
fieldset, 
input { margin: 0pt; padding: 0pt; } 
img { border: none } 
body { background:#FFF none; font-Family: Tahoma, Arial, Helvetica; color: #222D33; font-Size: 75%; text-align: center; height: 100%;min-width:960px } 
p { padding-bottom: 7px; font-Size: 0.9em; letter-spacing: 0px; line-height: 1.3em; } 
.shadow, 
.myshadow { -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.5); -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5); box-shadow: 1px 2px 4px rgba(0,0,0,.5); } 
#contentArea { width: 960px; padding-top: 10px; padding-bottom: 20px; margin-left: auto; margin-right: auto; overflow: hidden; clear: both; text-align: left; } 
.contentArea { font-family: "Droid Sans"; width: 960px; margin-left: auto; margin-right: auto; display: block; clear: both; } 
.clear { clear: both; height: 0px; font-size: 1px; line-height: 1px; } 
.linkbutton { display: inline-block; padding: 6px 18px; background-color: #619FAC; font-family: "Droid Sans"; font-size: 13px; font-weight: 700; color: #FFFFFF; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; cursor: pointer; } 
.linkbutton:hover { background-color: #018896 } 
.input { background-color: #FAFAFA; border: 1px solid #D3D3D2; margin: 0px; padding: 5px; color: #3C3B39; font-size: 13px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } 
/************** Global end **********/ 
/********* Header start ************/ 
#header { margin-left: auto; margin-right: auto; clear: both; background-color: #000;padding-bottom:1px } 
#header ul, 
#header ul li { padding: 0px; margin: 0px; list-style: none; } 
#header .topbar { font-size: 13px; background-image: url("../images/revamp/homepage_topbg.jpg"); background-position: top; background-color: #1F1E18;clear: both;height:27px;font-family:Droid sans } 
#header .topbar, 
#header .topbar a { color: #BBBAB9; text-decoration: none;line-height: 27px; } 
#header .topbar a { padding: 0px 10px 0px 10px } 
#header .topbar a:hover { text-decoration: underline } 
#header .topbar .topbarLeft { float: left } 
#header .topbar .topbarRight { float: right } 
#header .topbar .topbarLeft li { float: left } 
#header .topbar .topbarRight li a { border-right: 1px solid #BBBAB9 } 
#header .topbar .topbarRight li.last a { border-right: none } 
#header .topbar .topbarRight li { float: right } 
#header .topbar .topbarLeft li a {display:inline-block; font-size: 12px; color: #bbbab9; background: url('../images/revamp/topmenu_arrow.png') no-repeat; background-position: center right;text-decoration:none} 
#header .topbar .topbarLeft li { position: relative; z-index: 1000;margin-right:10px;padding-right:10px } 
#header .topbar .topbarLeft li.first a {font-size:13px;color:#89dbe4}
#header .topbar .topbarLeft li.first li a {font-size:12px;color:#585858}  
#header .topbar .topbarLeft li.hightlight{background-color:#fff;}
#header .topbar .topbarLeft li:hover{background-color:#fff}
#header .topbar .topbarLeft li a:hover{color:#585858}
#header .topbar .topbarLeft li.hightlight a{color:#585858}
#header .topbar .topbarLeft li ul { position: absolute; left: -10000px; top: 27px; background: #FFFFFF; padding: 6px 12px 10px 12px; border-left: 1px solid #999;border-bottom: 1px solid #999;border-right: 1px solid #999; width: auto; z-index: 1000; } 
#header .topbar .topbarLeft li ul li { float: none; text-align: left; } 
#header .topbar .topbarLeft li ul li.first { border-bottom: 1px solid #BDBDBB; padding-bottom: 5px; margin-bottom: 4px; } 
#header .topbar .topbarLeft li ul li a { border: none; padding: 0px; color: #585858; background-image: none; white-space: nowrap; } 
#header .topbar .topbarLeft li ul li a:hover { color: #149199; text-decoration: none; } 
#header .topbar .topbarLeft li:hover ul { left: -1px } 
#header .topbar .topbarRight li.register a { border-right: none } 
#header .topbar .topbarRight li.first { position: relative; z-index: 1000; } 
#header .topbar .topbarRight li #loginform { position: absolute; width: 227px; top: 27px; left: 0px; -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.5); -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5); box-shadow: 1px 2px 4px rgba(0,0,0,.5); } 
#header .topbar .topbarRight li #loginform #loginformclose { border: none; margin: 0px; padding: 0px; position: absolute; top: 5px; right: 8px; display: block; width: 12px; height: 13px; background: url('../images/revamp/homepage-icon.png') no-repeat -264px 0px; } 
#header .topbar .topbarRight li.cart a { padding-left: 20px; background: url('../images/revamp/homepage-icon.png') no-repeat -51px 0px; } 
#header .topbar .topbarRight li.cart a span { color: #89DBE4 } 
#header .topmenu { padding: 24px 0px 12px 0px } 
#header .topmenu .logo { float: left } 
#header .topmenu .nav { float: right; padding: 9px 20px 0 0; } 
#header .topmenu .nav li { float: left; position: relative; z-index: 100; } 
#header .topmenu .nav li a { font-family: "Ropa Sans"; font-size: 20px; color: #fff; text-decoration: none; padding: 3px 12px 3px 12px; margin: 0 3px 0 3px; display: block;} 
#header .topmenu .nav li a:hover, 
#header .topmenu .nav li a.hightlight { color:#444; background-color: #FFFFFF; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; } 
#header .topmenu .nav li ul { position: absolute; left: -10000px; top: 26px; width: auto; margin: 0px; padding: 8px 0; background-color: #FFFFFF; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; } 
#header .topmenu .nav li:hover ul { left: 3px } 
#header .topmenu .nav li ul li { float: none; padding: 0px; margin: 0px; } 
#header .topmenu .nav li ul li a {font-weight:normal;display: block; font-family: "Droid Sans"; text-align: left; font-size: 12px; color: #4B4B4B; margin: 0px; padding: 4px 12px; white-space: nowrap; } 
#header .topmenu .nav li ul li a:hover {color: #149199; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } 
#header .topmenu .nav li #topCategoryContainer { position: absolute; z-index: 1000; top: 32px; left: -10000px; background-color: #FFFFFF; margin-top: 5px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; display: block; } 
#header .topmenu .nav li #topCategoryContainer table, 
#header .topmenu .nav li #topCategoryContainer table tr, 
#header .topmenu .nav li #topCategoryContainer table tr td { margin: 0px; border: none; padding: 0px; text-align: left; } 
#header .topmenu .nav li #topCategoryContainer ul { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin: 0px; padding: 0px; } 
#header .topmenu .nav li #topCategoryContainer li .catlink { width: 120px; height: 47px; padding: 0px 0px 0px 80px; white-space: normal; font-size: 12px; font-weight: normal; color: #3D3D3D; background-repeat: no-repeat; background-position: 10px 0px; word-wrap: break-word; word-break: normal; } 
#header .topmenu .nav li #topCategoryContainer li a.hightlight, 
#header .topmenu .nav li #topCategoryContainer li a:hover { background-color: #FFFFFF; color: #018896; background-position: -276px 0px; } 
#categoryArrows { position: absolute; background: url('../images/revamp/homepage-icon.png') no-repeat -354px -22px; width: 19px; height: 32px; top: 27px; left: 205px; } 
#topArrows { width: 180px; height: 21px; position: absolute; top: 4px; left: 15px; cursor: pointer; background: url('../images/revamp/homepage-icon.png') no-repeat -398px -62px; } 
#topArrows:hover { background-position: -398px -88px } 
#bottomArrows { width: 180px; height: 21px; position: absolute; bottom: 4px; left: 15px; cursor: pointer; background: url('../images/revamp/homepage-icon.png') no-repeat -398px -111px; } 
#bottomArrows:hover { background-position: -398px -140px } 
#popularList { width: 380px; margin: 6px; padding: 17px 0px 10px 4px; } 
#popularList .img { float: left; padding: 0px 8px 10px 8px; } 
#popularList .img a img { width: 120px; height: 92px; margin: 0px; padding: 0px; border: none; } 
#popularList .pname { float: left; width: 230px; font-size: 21px; color: #3D3D3D; font-family: 'Droid Sans'; padding: 0 0 5px 0; margin: 0; } 
#popularList div.pname a:hover { text-decoration: underline } 
#popularList .desc { float: left; width: 230px; font-size: 11px; font-family: 'Droid Sans'; color: #616161; } 
#popularList div.more { text-align: right; padding-top: 20px; } 
#popularList div.more a { padding-right: 15px; background: url(../images/revamp/homepage-icon.png) no-repeat right -257px; } 
#popularList div.more a:hover { text-decoration: underline } 
#popularList .clear{margin-bottom:20px}
#categoryOther { border-top: 1px solid #CCC; position: relative; white-space: normal; width: 607px; margin-left: 3px; } 
#categoryOther #categoryOtherTitle { padding: 2px; background-color: #FFF; position: absolute; top: -10px; left: 10px; color: #21201A; font-size: 12px; } 
#categoryOther #categoryOtherLink { padding: 10px 12px; white-space: normal; } 
#categoryOther #categoryOtherLink a { font-family: "Droid Sans"; float: left; padding: 0 10px; margin: 5px 0; font-size: 12px; color: #616161; border-right: 1px solid #616161; white-space: normal; } 
#categoryOther #categoryOtherLink a:hover { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color:#149199 } 
#header .topmenu .searchbox { float: right; width: 200px; background-color: #FFFFFF; padding: 6px 30px 6px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; } 
#header .topmenu .searchbox .keywords { width: 100%; height: 100%; -moz-box-sizing: border-box; background: none repeat scroll 0 0 transparent; border: 0 none; padding: 0px; margin: 0px; color: #3C3B39; height: 18px; } 
#header .topmenu .searchbox label { display: none; position: absolute; top: 8px; left: 4px; color: #aaa; font-size: 13px; cursor: text; } 
#header .topmenu .searchbox .button { position: absolute; right: 3px; top: 8px; width: 17px; height: 17px; background: url('../images/revamp/homepage-icon.png') no-repeat -24px 0px; } 
#header .topmenu .searchbox .button input { width: 100%; height: 100%; -moz-box-sizing: border-box; background: none repeat scroll 0 0 transparent; border: 0 none; padding: 0px; margin: 0px; cursor: pointer; } 
#breadcrumbs { text-align: left; line-height: 23px; margin-left: 10px; height: 23px; float: left; font-Size: 0.8em; color: #222D33; } 
#breadcrumbs a { text-decoration: none; color: #222D33; } 
#breadcrumbs a.highlighted { font-Weight: bold } 
/************* Header end ************/ 
#footer { border-top: 1px solid #D0D0D0; background-color: #F1F2F2; padding: 20px 0 20px 0; width:auto; } 
#footer .footermenu, 
#footer .footermenu li { float: left; margin: 0px; padding: 0px; list-style: none; } 
#footer .footermenu li a { font-size: 14px; color: #4E4D4C; text-decoration: none; padding: 0 8px 0 8px; border-left: 1px solid #4E4D4C; } 
#footer .footermenu li a:hover { text-decoration: underline } 
#footer .footermenu li.first a { padding-left: 0px; border-left: none; } 
#footer .copyright { float: right; font-size: 14px; color: #4E4D4C; } 
#footer .copyright a { font-size: 14px; color: #4E4D4C; text-decoration: none; } 
/**********************/ 
#leftColumn { width: 176px; float: left; clear: left; text-align: left; font-Size: 1em; } 
#middleColumn { width: 560px; float: left; text-align: left; } 
#rightNav { width: 220px; float: left; text-align: left; } 
/* Left Navigation Links */ 
#leftNav { padding-left: 6px; padding-right: 10px; list-style: none; } 
#leftNav li { line-height: 18px; border-bottom: 1px dotted #aaa; } 
/* 1st level (Category) */ 
#leftNav li a { text-decoration: none; color: #222D33; font-Weight: bold; } 
/* 2nd level (Subcat) */ 
#leftNav li ul { padding-left: 5px; list-style: none; font-Weight: bold; } 
#leftNav li ul li { border: none; padding-left: 10px; line-height: 14px; background-image: url('/images/arrow_nav.gif'); background-repeat: no-repeat; } 
#leftNav > li > ul > li.highlighted { background-image: url('/images/arrow_nav_expand.gif'); background-repeat: no-repeat; } 
#leftNav li ul li a { text-decoration: none; color: #222D33; font-Weight: normal; } 
/* 3rd level (Product) */ 
#leftNav li > ul > li > ul { padding-left: 0px } 
#leftNav li > ul > li > ul > li { border: none; padding-left: 8px; color: #c00; background-image: url('/images/arrow_3rdnav.gif'); background-repeat: no-repeat; } 
#leftNav li ul li ul li a { text-decoration: none; color: #222D33; font-Weight: normal; } 
#leftNav li a:hover, 
#leftNav li ul { color: #11779F } 
#leftNav li a.highlighted, 
#leftNav li ul li ul li.highlighted a { font-Weight: bold; color: #11779F; } 
#leftNav div.highlighted, 
#leftNav div.highlighted a { font-Weight: bold; line-height: 14px; border-bottom: 1px dotted #ccc; color: #11779F; } 
/* Section Headers */ 
#sectionHeader { padding-left: 15px; width: 762px; height: 131px; margin-bottom: 20px; background-repeat: no-repeat; } 
#sectionHeader h1 { font-Size: 1.5em; color: #c2cdd1; } 
#sectionHeaderText { padding-top: 30px } 
#sectionHeader h2 { font-Size: 1.2em; color: #c2cdd1; } 
/* Left Nav Chicklets */ 
#leftNavChicklets { margin-top: 10px; list-style: none; } 
#leftNavChicklets li { padding: 3px; text-align: center; } 
/* error tip */ 
.formError { z-index: 1000; position: absolute; } 
.formError .errorTip { width: 100%; background: #DEDEBE; color: #3D4D63; font-family: tahoma; font-size: 10px; border: 2px solid #ddd; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } 
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; z-index: 5001; } 
.formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size: 0px; height: 1px; background: #DEDEBE; /*#ee0101;_NO__DOTCOMMA__AFTER__*/ margin: 0 auto; line-height: 0px; font-size: 0px; display: block; } 
.formError .formErrorArrow .line10 { width: 15px; border: none; } 
.formError .formErrorArrow .line9 { width: 13px; border: none; } 
.formError .formErrorArrow .line8 { width: 11px } 
.formError .formErrorArrow .line7 { width: 9px } 
.formError .formErrorArrow .line6 { width: 7px } 
.formError .formErrorArrow .line5 { width: 5px } 
.formError .formErrorArrow .line4 { width: 3px } 
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0px solid #ddd; } 
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; } 
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; } 
/* newsletter */ 
.iagree, 
.iagree a { color: #F66C11; text-decoration:none; } 
.iagree a { text-decoration: underline }