@font-face {
    font-family: 'ZurichCnBTBold';
    src: url('zurchbc-webfont.eot');
    src: url('zurchbc-webfont.eot?#iefix') format('embedded-opentype'),
         url('zurchbc-webfont.woff') format('woff'),
         url('zurchbc-webfont.ttf') format('truetype'),
         url('zurchbc-webfont.svg#ZurichCnBTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { font: normal 12px Arial, Helvetica, sans-serif; color:#535353; margin: 0; padding: 0; text-decoration: none; background:url(../images/bg.jpg) repeat-y center fixed #a2834e;  }
form, ul, ol, p, h1, h2, h3, h4, input, select { margin: 0; padding: 0;}
input { border: 1px solid #cfcfcf; background: #FFFFFF; color:#4b5665; font: normal 11px Arial, Helvetica, sans-serif; padding-left: 2px; height: 16px; padding-top: 2px; }
.noinput {background:none; border:none; height:auto; width:auto;}
select, textarea { border: 1px solid #cfcfcf; background: #FFFFFF; color:#4b5665; font: normal 11px Arial, Helvetica, sans-serif; padding-left: 2px; }
p { margin-bottom: 10px; line-height: 16px; }
img { border: none; }
a { font: normal 12px Arial, Helvetica, sans-serif; color:#c10000; text-decoration: underline; outline: none;}
a:hover { font: normal 12px Arial, Helvetica, sans-serif; color:#c10000; text-decoration: none; outline: none;}
.copyright { color:#373535; font-size: 11px; font:Arial, Helvetica, sans-serif; line-height: 18px; }
.copyright { color:#373535; font-size: 11px; font:Arial, Helvetica, sans-serif; }
.copyright a { color:#373535; font-size: 11px;  font:Arial, Helvetica, sans-serif; text-decoration:none; }
.copyright a:hover { text-decoration:underline; color:#781815; }
.clear { clear:both; }
.relative { position: relative; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }
.valigntop { vertical-align:top; }
.float {float:left;}
.height {height:12px;}
/* ------------------ Common CSS end here ------------------ */


#main {width:1000px; margin:0 auto; background:#fff;}

#main-inner {width:980px; margin:0 auto;}


#top {}

.top-banner {background:url(../images/top-banner.jpg) no-repeat; width:980px; height:137px; text-align:center;  font:bold 14px Arial, Helvetica, sans-serif; color:#771610; line-height:30px;}

.top-banner span {font:normal 14px Arial, Helvetica, sans-serif; color:#771610;}
.top-search {background:url(../images/top-search.gif) no-repeat right 3px; width:241px; }
.top-input { width:185px; border:none; outline:none; margin-top:8px; margin-left:22px; font:normal 13px Arial, Helvetica, sans-serif; color:#871b1a; background: none; padding: 0; margin-bottom:1px; }

.btn { background:url(../images/btn-bg.gif) repeat-x; height:34px;}
.btn ul {margin:0px; padding:0px; padding-left:16px; padding-right:15px;}
.btn ul li {float:left; display:inline; font:bold 13px Arial, Helvetica, sans-serif; color:#76160f;  padding-right:31px; }

.btn ul li a{float:left; display:inline; font:bold 13px Arial, Helvetica, sans-serif; color:#76160f;  text-decoration:none; line-height:34px;}
.btn ul li a:hover{float:left; display:inline; font:bold 13px Arial, Helvetica, sans-serif; color:#db910c;  text-decoration:none; line-height:34px;}
.btn ul li a.active{float:left; display:inline; font:bold 13px Arial, Helvetica, sans-serif; color:#db910c;  text-decoration:none; line-height:34px;}
.btn-last { font:bold 13px Helvetica, sans-serif; color:#76160f; text-transform:uppercase;}


.left-box {border:1px solid #e2e2e2;}
.left-header {font:bold 17px "Arial Narrow", Arial, Helvetica, sans-serif; color:#830009; text-transform:uppercase; padding:8px 0 8px 16px;}

.left-link ul {margin:0px; padding:0px; margin-bottom:15px;}
.left-link ul li {list-style-type:none; background:url(../images/left-link-icon.gif) no-repeat 0 5px; margin:0 0 7px 18px; padding:0 0 0 11px; font:normal 11px Arial, Helvetica, sans-serif; color:#737373; text-decoration:none;}
.left-link ul li a {font:normal 11px Arial, Helvetica, sans-serif; color:#98474c; text-decoration:none;}
.left-link ul li a:hover{font:normal 11px Arial, Helvetica, sans-serif; color:#e7910d; text-decoration:none;}

.new-pro ul {margin:0px; padding:0px;  margin-top:15px; margin-bottom:15px;}
.new-pro ul li {list-style-type:none; background:url(../images/left-link-icon.gif) no-repeat 0 5px; margin:0 0 7px 18px; padding:0 0 0 11px; font:bold 11px Arial, Helvetica, sans-serif; color:#7c1917; margin-bottom:6px;}
.new-pro ul li a { font:bold 12px Arial, Helvetica, sans-serif; color:#7c1917; text-decoration:none; font-style: italic;}
.new-pro ul li a:hover { font:bold 12px Arial, Helvetica, sans-serif; color:#7c1917; text-decoration:underline; font-style: italic;}


.left-add-bg {background:url(../images/left-ad-bg.gif); height:310px;}
.left-add {font:bold 18px Arial, Helvetica, sans-serif; color:#7e1917; padding:7px 0px 5px 20px; }

.box-bor {border:1px solid #dac094; background: #ffffff; padding: 7px;}
.box-bor-o { border: 1px solid  #b12928; padding: 7px;  background: #ffffff;}
.box-txt {font:normal 12px Arial, Helvetica, sans-serif; color:#931925;}
.box-txt a{font:bold 12px Arial, Helvetica, sans-serif; color:#931925; text-decoration:none;}
.box-txt a:hover {font:bold 12px Arial, Helvetica, sans-serif; color:#931925; text-decoration:underline;}

.box-r {font:bold 13px Arial, Helvetica, sans-serif; color:#550d0a;}

.find-header-bg {background:url(../images/find-bg-header.gif) repeat-x; height:46px; font:normal 20px Georgia, "Times New Roman", Times, serif; color:#fda812; padding-left:20px;}
.find-header-bg span {font:bold 20px Georgia, "Times New Roman", Times, serif; color:#fff9ef;}

.mid-last-box-bor {border:1px solid #f1e6d5; background:#ffffff; padding:10px; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.mid-last-box-bor p { line-height: 18px; } 
.mid-last-box-bor a { color: #535353; text-decoration: underline; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.mid-last-box-bor a:hover { color: #535353; text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

.mid-last { font:bold 20px Georgia, "Times New Roman", Times, serif; color:#af6e12;}
.mid-last span{ font:bold 20px Georgia, "Times New Roman", Times, serif; color:#891b1b;}

.mid-simple-txt {line-height:23px; padding-bottom:15px;}
.mid-simple-txt span {font:bold 13px Arial, Helvetica, sans-serif; color:#7d1917;}
.mid-simple-txt strong {font:bold 12px Arial, Helvetica, sans-serif; color:#4a4a4a;}

.mid-simple-txt-last {font:bold 12px Arial, Helvetica, sans-serif; color:#b47212; line-height:23px; padding-bottom:20px;}

.red-bg {background:url(../images/red-bg.gif) repeat-x; height:185px;}
.red-bg-1 {background:url(../images/red-bg-1.gif) repeat-x; height:232px;}
.yellow-bg {background:#f39500; padding-bottom: 2px; }
.yellow-bg-loast {background:url(../images/last-box.gif) repeat-x; height:195px;}

.right-header {font:bold 15px "Trebuchet MS" ,Arial, Helvetica, sans-serif; color:#ffffff; padding:4px 0 5px 10px;}
.right-header a { font:bold 15px "Trebuchet MS" ,Arial, Helvetica, sans-serif; color:#ffffff; text-decoration: none; }
.right-header a:hover { font:bold 15px "Trebuchet MS" ,Arial, Helvetica, sans-serif; color:#ffffff; text-decoration: none; }
.right-header-white {font:bold 19px "Trebuchet MS" ,Arial, Helvetica, sans-serif; color:#fff; padding:7px 0 8px 16px; text-transform:uppercase;}

.input-bg {background:url(../images/input-bg.gif) no-repeat; width:242px; height:26px;}
.input-type {width:228px; margin-left:5px; border:none; outline:none; font:normal 11px Arial, Helvetica, sans-serif; color:#942521;}

.input-margin {margin-top:15px; margin-bottom:12px;}

.bot-link-header {font:bold 18px "Arial Narrow", Arial, Helvetica, sans-serif; color:#b16801;}

.bot-link ul { margin:0px; padding:0px; }
.bot-link ul li { list-style:disc; font:normal 11px Arial, Helvetica, sans-serif; color:#cb803d; line-height:16px; margin-left:15px; padding:0px; }
.bot-link ul li a { font:normal 11px Arial, Helvetica, sans-serif; color:#cb803d; line-height:16px; padding:0px; text-decoration:none; }
.bot-link ul li a:hover { font:normal 11px Arial, Helvetica, sans-serif; color:#fff; line-height:16px; padding:0px; text-decoration:none; }
.bot-link ul li a.active { font:normal 11px Arial, Helvetica, sans-serif; color:#fff; line-height:16px; padding:0px; text-decoration:none; }
.accept-bg { background:url(../images/accept-bg.gif) no-repeat; width:376px; height:41px; }
.accept { font:normal 11px Arial, Helvetica, sans-serif; color:#8c2415; }
.accept-mar { margin:8px 0 0 15px; }

.copy-bor {border-top:1px solid #e5d7be;}

.top-link a {font:normal 11px Arial, Helvetica, sans-serif; color:#6b6b6b; text-decoration:none;}
.top-link a:hover {font:normal 11px Arial, Helvetica, sans-serif; color:#a02821; text-decoration:underline;}

/* New Added Class Dt.05062010 */
.white-topbg {background:url(../images/white-topbg.gif) repeat-x;}
.white-bottbg {background:url(../images/white-bottbg.gif) repeat-x;}
.white-leftbg {background:url(../images/white-leftbg.gif) repeat-y;}
.white-rightbg {background:url(../images/white-rightbg.gif) repeat-y;}
.white-middbg {background:#fff; padding:0 5px 0 5px;}

a.prod-name {font-weight:bold; font-size:12px; color:#a50304; text-decoration:none;}
a:hover.prod-name {text-decoration:underline; padding:0 0 10px 0;}
.prod-price {font:bold 13px Arial, Helvetica, sans-serif; color:#a50304; text-decoration:none;}
.prod-desc {color:#683e0d;}
.MTB10 {margin:10px 0 10px 0;}
.midd-brownbg {background:url(../images/midd-brownbg.gif) repeat-x left top #440f04; padding:5px 11px 11px 11px;}
.midd-brownstrip {background:url(../images/midd-brownstrip.gif) repeat-x;}
.midd-padding {padding:0 11px 0 0;}
.gift-box {position:absolute; right:7px; top:-15px;}
.prod-boxbg {background:#fff;}
.midd-text {color:#e77674; text-decoration:none; font-size:14px; text-decoration:none; line-height:18px;}
.midd-text span {color:#fbb119; font-weight:bold; font-size:14px; text-decoration:none;}
.newsletter { font-size: 15px; font-weight: bold; color: #711713; }

.rollover a { background: url(../images/rolloverbg.gif) repeat-x top #ffc24e; border: 2px solid #ce5554;  display: block; text-align: center; text-decoration: none; height: 86px; padding: 7px 0; font-weight: bold; }
.rollover a:hover { border: 2px solid #f0a008; background: #ffe5b4; font-weight: bold; }
.rollover img { margin-bottom: 7px; }

a.search-btn { text-decoration: none; width: 30px; height: 30px;  }

.breadcrumbs { font-size: 11px; font-weight: bold; color: #7e1615; height: 22px; vertical-align: top;}
.breadcrumbs a { font-size: 11px; font-weight: normal; color: #717171;  text-decoration: underline; margin-right: 2px; }
.breadcrumbs a:hover { font-size: 11px; font-weight: normal; color: #717171; text-decoration: none; }

h1 { font-size: 28px; color: #fda812; font-family: "Times New Roman", Times, serif; font-style: italic; margin-bottom: 7px; }
h1.home { font-size: 35px; color: #fda812; font-family: "Times New Roman", Times, serif; font-style: italic; margin-bottom: 12px; }
.disprec { background: #e5e5e5; }
.paging { font-weight: bold; color: #4A4A4A; }
.paging a {  background: #b5b5b5; padding: 1px 5px; text-decoration: none; font-weight: bold; color: #2f2f2f; margin-right: 3px;   }
.paging a:hover { background: #7c1917; padding: 1px 5px; text-decoration: none; font-weight: bold; color: #ffffff; margin-right: 3px;  }
.paging a.active { background: #7c1917;  padding: 1px 5px; text-decoration: none; font-weight: bold; color: #ffffff; margin-right: 3px; }

.desc-txt { font-size: 11px; color: #666666; }

.bottomtext { color:#656565; font-size: 11px; text-align: left; font:Arial, Helvetica, sans-serif; padding-top:5px;} 
.bottomtext a { font-size: 11px; font:Arial, Helvetica, sans-serif; text-decoration: none; color:#656565; }
.bottomtext a:hover { font-size: 11px; font:Arial, Helvetica, sans-serif; text-decoration: underline; color:#656565; }
.detail-border { border: 1px solid #e0e0d8; }
h2 { font-size: 18px; font-weight: bold; color: #8c5113; margin-bottom: 5px; }
h2.homepage-hd { font-family: "Times New Roman", Times, serif; font-size: 22px; color: #8d150b; font-weight: bold; margin-bottom: 8px; font-style: italic; margin-left:3px; }
h2.homepage-hd a { font-family: "Times New Roman", Times, serif; font-size: 22px; color: #680300; font-weight: bold; text-decoration: none;  font-style: italic;}
h2.homepage-hd a:hover { font-family: "Times New Roman", Times, serif; font-size: 22px; color: #bd7400; font-weight: bold; text-decoration: none; }
h3 { font-size: 15px; font-weight: bold; color: #996603; margin-bottom: 5px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; text-transform: uppercase; border-bottom: 1px solid #e4e4e4; padding-bottom: 3px; background: url(../images/hd-bullet.gif) no-repeat right bottom; padding-left: 3px; }
h3 a { font-size: 15px; font-weight: bold; color: #996603; text-decoration: none; }
h3 a:hover { font-size: 15px; font-weight: bold; color: #6f0900; text-decoration: none; }

.detail-price { font-size: 16px; font-weight: bold; color: #db8c00; }
.detail-price span { color: #8d0b08; } 
hr { background: #e4e4e4; color: #e4e4e4; height: 1px; border: none; }
.redmatterbold { font-weight: bold; color: #65110d; }

.detail-tc { background: #f4eadb; }
.detail-bc { background: url(../images/detail-bottbg.gif) repeat-x; }
.detail-cornerbg { background: #f4eadb; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 3px 8px; }
.tab-content-border { border: 1px solid #e0e0d8; padding: 10px; border-top: none; }
.tab-content-border ul { margin: 5px 0 12px 15px; }
.tab-content-border ul li { list-style-type: square; margin-bottom: 5px; }
.enlarge-ico { position:absolute; bottom: 3px; right: 3px; }
.middpage-hd { background:url(../images/midd-brownbg.gif) repeat-x left top #440f04; font-family: "Times New Roman", Times, serif; font-size: 19px; font-weight: bold; color: #f2ae09; padding: 5px 10px; font-style: italic; border-bottom: 1px solid #eb9b11;  }
.tab-border { background: url(../images/tab-border.gif) repeat-x bottom; }
.tabbg { background: url(../images/tabbg.gif) no-repeat; width: 112px; height: 30px; display: block; text-align: center; line-height: 30px; font-weight: bold; color: #71110d; font-size: 13px; text-decoration: none; }

/* code for ddlevelsmenu-base.css */ 


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: bold 11px Arial, Helvetica, sans-serif !important;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 1px solid #f5ab29;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
margin-top: -1px;
}

.ddsubmenustyle li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: #ffffff;
background: #de9411;
text-decoration: none;
padding: 5px;
border-bottom: 1px solid #f5ab29;
font-size: 11px;
font-weight: bold;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background: #ffc153;
color: #71100f;
font-size: 11px;
font-weight: bold;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}
/* end code */
/* code for ddlevelsmenu-topbar.css */ 


.mattblackmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 8px; /*padding inside each tab*/
/*right divider between tabs*/

}


.mattblackmenu li a:hover{
color: #d723bf; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
color: #d723bf; /*background of tab with "selected" class assigned to its LI */
}
/* end code */


/* code for thickbox.css */ 
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:1000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 1002;
	color:#000000;
	display:none;
	border: 2px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	/*background-color:#F2AE09;*/
	background:url(../images/midd-brownbg.gif) repeat-x left top #440f04;  
	height:27px;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 14px;
}

#TB_title a { color:#FFFFFF !important; text-decoration: none; }
#TB_title a:hover { color:#F2AE09 !important; text-decoration: none; }

#TB_titleblue{
	background-color:#E5F4FA;
	height:27px;
}
#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
/*end code */

.norecmsg {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#98130e; text-decoration:none;}
.hd-big {font-size: 18px; font-weight: bold; color: #a10f13; font-family: "Times New Roman", Times, serif; font-style: italic; }
.hd-big span {  color: #d7881f; }
.contact-cbg { background: #e4e4e4; padding: 7px; }
.sitemap a { color:#3e3e3e !important; text-decoration: none; line-height: 20px; font-weight: bold; }
.sitemap a:hover { color:#8d140b !important; text-decoration: none; line-height: 20px; font-weight: bold; }
.sitemap-top a { color:#3e3e3e !important; font-size: 15px;  text-decoration: none; line-height: 20px; font-weight: bold; }
.sitemap-top a:hover { color:#8d140b !important;font-size: 15px;  text-decoration: none; line-height: 20px; font-weight: bold; }
.sitemap ul { margin-left: 15px; }
.sitemap ul li { list-style-type: square; color: #990000; }
.home-graybox { background: #fad395; padding: 8px; }
.nextrec { color: #a5110e; }
.nextrec a { font-weight: bold; text-decoration: none; color:#333333; }
.nextrec a:hover { color: #a5110e; }
.whitebg { background: #ffffff; padding: 7px 10px; }

.fieldrequired { font-size: 11px; color: #9b9b9b; }
.graymatter { font-size: 11px; color: #777777; }
.noclass { border: none; background: none; height: auto; padding: 0; vertical-align: middle; }
.continue-btn { margin-top: 27px; }

.forgot-box { border: 2px solid #e4e4e4; background: #f9f9f9; padding: 7px; }
.login-divider { border-right: 1px solid #e4e4e4; }
.myaccount-errormsg { font-family: "Times New Roman", Times, serif; font-size: 17px; font-style: italic; font-weight: bold; color: #a40113;  }
.errormsg { font-family: "Times New Roman", Times, serif; font-size: 13px; font-style: normal; font-weight: bold; color: #a40113; line-height: 20px;  }
.myaccount-icon { margin-right: 10px; float: left; }
.myaccount-readmore { text-align: left; margin-top: 5px;}
a.viewalllink-new { font-size: 11px; text-decoration: none; font-weight: bold; text-transform: uppercase; }
a:hover.viewalllink-new { text-decoration: underline; }

.listing-border { border: 1px solid #e4e4e4; }
.contact-bg { border-bottom: 1px solid #e4e4e4; padding-bottom: 5px; }

th { background: url(../images/thbg.gif) repeat-x 0 0 #a30214; border-bottom: 1px solid #ec9700; padding: 0 4px; color:#FFFFFF; height: 25px; }
a.brownlink { color: #814e13; text-decoration: none; font-weight: bold; font-family: "Times New Roman", Times, serif; font-size: 13px; }
a:hover.brownlink { color: #790006; text-decoration: none; font-weight: bold; }

tr.listing-odd td { background: #f8f4ec; height: 30px; padding: 3px; }
tr.listing-even td { background: #ffffff; height: 30px; padding: 3px; }
.detailbg { background: #f6f6f6; }
.redmatter-big { font-size: 14px; font-weight: bold; color: #8f0100;  }
h4 { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #d58b00; margin-bottom: 10px;}
h4 span { color: #891b1b;  }

.red-txt { color: #891b1b; }
.red-txt a { color: #891b1b; text-decoration: underline; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } 
.red-txt a:hover { color: #891b1b; text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } 
.brown-txt { color: #a46a00; }
.brown-txt a { color: #a46a00; text-decoration: underline; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } 
.brown-txt a:hover { color: #a46a00; text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } 
.smallfont { font-size: 10px; color: #cfcfcf;  }
p.smallfont { line-height: 12px !important; }
.top-red-gradient { background: url(../images/top-red-gradient.gif) repeat-x;  color: #ffa700; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; height: 31px; text-align: center; font-weight: bold;  font-size: 14px;}
.top-red-gradient span { color: #e8e8e8;  font-size: 13px; }
.top-pattern { background: url(../images/top-pattern.jpg) no-repeat; padding-top: 60px; }
.staticpage a { font: bold 12px Arial, Helvetica, sans-serif; color:#c10000; text-decoration: none; }
.staticpage a:hover { font: bold 12px Arial, Helvetica, sans-serif; color:#e28c07; text-decoration: none; }
.floatright { float: right; line-height: 25px; }

.img-floatright { float: right; }
.img-floatleft { float: left; }

.input-red1 { border: 1px solid #FF0000; background: #FFFFFF; color:#2E2E2E; font: normal 12px Arial, Helvetica, sans-serif; padding-left: 2px; height: 17px; padding-top: 2px; }

.thumb_img img { border: 1px solid #c99c50; }
.thumb_img:hover { background-color: transparent;}
.thumb_img:hover img { border: 1px solid #931925;  }

.thumb_img-2 img { border: 1px solid #ba9c94; }
.thumb_img-2:hover { background-color: transparent;}
.thumb_img-2:hover img { border: 1px solid #f3bb05;  }


a.pinkmatterlink { font-size: 11px; color: #620f08; text-decoration: none; font-weight: bold; }
a:hover.pinkmatterlink { font-size: 11px; color: #620f08; text-decoration: underline; font-weight: bold; }

.fontsmall { font-size: 11px; }
.purple-price { font-size: 12px; color: #af6700; }

a.removelink { font-size: 10px; color: #b7420a; text-decoration: none; font-weight: bold; text-transform: uppercase; }
a:hover.removelink { font-size: 10px; color: #620f08; text-decoration: underline; font-weight: bold; text-transform: uppercase; }

.totoalbg { background: #f9f4f0; }
.darkredbold { color: #821715; font-weight: bold; }
.redmatterbig { font-size: 20px; font-family: "Times New Roman", Times, serif; font-weight: bold; font-style: italic; color: #996603; }

.billing-active-i { font-weight: bold; text-transform: uppercase; font-size: 12px; color: #980b00; border-bottom: 3px solid #d68500; padding-bottom: 3px;  }
.billing-active-i a { font-weight: bold; text-transform: uppercase; font-size: 12px; color: #c77c00; text-decoration: none; }
.billing-active-i a:hover { font-weight: bold; text-transform: uppercase; font-size: 12px; color: #980b00; text-decoration: none; }
.review-inactive {  font-weight: bold; text-transform: uppercase; font-size: 12px; color: #a49c8e; border-bottom: 3px solid #bab7b1; padding-bottom: 3px;  }
.confirmorder-inactive {  font-weight: bold; text-transform: uppercase; font-size: 12px; color: #a49c8e; border-bottom: 3px solid #bab7b1; padding-bottom: 3px;  }
.membername { font-size: 12px; color: #86100c; font-weight: bold; }



/*   -----------------   18-06-2010  -------------------------    */

.contact-graybg1 { background:#fffdfa; padding:5px; border:1px solid #dac094;}
.contact-graybg1 strong { font:bold 16px Arial, Helvetica, sans-serif; color:#A40113;}
.cont {font:bold 12px Arial, Helvetica, sans-serif; color:#666;}

.contact-graybg2 { background:#fffdfa; padding:5px; border:1px solid #dac094;}
.contact-graybg2 strong { font:bold 16px Arial, Helvetica, sans-serif; color:#A40113;}


/*-------19-06-2010 -----------*/
.faq {font:normal 12px Arial, Helvetica, sans-serif; color:#666;}
.faq a{font:normal 12px Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}
.faq a:hover{font:normal 12px Arial, Helvetica, sans-serif; color:#996603; text-decoration:none;}


.our-partner span { font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#505050; }
.our-partner { font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; color:#656565; }
.our-partner a { font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; color:#505050; }
.our-partner a:hover { font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; color:#a31d1c; }
.detail-lists { font-size: 12px; font-weight: bold; line-height: 20px; }
.detail-lists a { font-size: 11px; text-decoration: none; text-transform: uppercase; font-weight: bold; }
.detail-lists a:hover { font-size: 11px; text-decoration: underline; text-transform: uppercase; font-weight: bold;  }

/*----30-07-2010---------*/
.red-bg-banner {background:url(../images/red-bg-flash.gif) repeat; width:609px; padding:15px;}
.banner-txt {font:normal 11px "Lucida Grande",Arial, Helvetica, sans-serif; color:#ffbabc;}

.banner-middle {background:url(../images/banner-middle.gif) repeat-y; width:185px; padding:5px;}

.banner-font {font:bold 15px "Myriad Pro",Arial, Helvetica, sans-serif;; color:#9b0603; padding-top:10px; padding-bottom:5px;}
.banner-font a{font:bold 15px "Myriad Pro",Arial, Helvetica, sans-serif;; color:#9b0603; text-decoration:none}
.banner-font a:hover{font:bold 15px "Myriad Pro",Arial, Helvetica, sans-serif;; color:#d18104; text-decoration:none}
.red-font-banner {font:normal 14px Arial, Helvetica, sans-serif; color:#ff0600; line-height:22px;}

.darkred {  color:#c10000; font-size: 12px; font-weight: bold; }
.clickhereforfaq { font-size: 12px; font-weight: bold; line-height: 16px; color: #975900; }
.clickhereforfaq a { font-size: 11px; text-transform: uppercase; color: #c10000; text-decoration: underline; font-weight: bold; }
.clickhereforfaq a:hover { font-size: 11px; text-transform: uppercase; color: #c10000; text-decoration: none; font-weight: bold; }

/* New Added CSS on 09-12-2010 */
.right-red-gradient { background: url(../images/right-red-gradient.gif) repeat-x 0 0 #480808; padding: 10px 10px 5px 10px; color: #e6e6e6; font-weight: bold;  }
.right-red-gradient span { color: #ffa10d; text-transform: uppercase; font-size: 14px; }
.right-red-gradient span a {  color: #ffa10d; text-transform: uppercase; font-size: 14px; text-decoration: none;  font-weight: bold; }
.right-red-gradient span a:hover {  color: #fff; text-transform: uppercase; font-size: 14px; text-decoration: none;  font-weight: bold; }
.right-red-gradient em { color: #ffd076; font-size: 13px; }
.right-red-gradient p { line-height: 18px; }

.right-brown-gradient { background: url(../images/right-brown-gradient.gif) repeat-x 0 0 #663c00;  padding: 10px 10px 5px 10px; color: #e6e6e6; font-weight: bold;  }
.right-brown-gradient span { color: #ffa10d; text-transform: uppercase; font-size: 14px; }
.right-brown-gradient span a {  color: #ffa10d; text-transform: uppercase; font-size: 14px; text-decoration: none;  font-weight: bold; }
.right-brown-gradient span a:hover {  color: #fff; text-transform: uppercase; font-size: 14px; text-decoration: none;  font-weight: bold; }
.right-brown-gradient em { color: #ffd076; }
.right-brown-gradient p { line-height: 18px; }
.top-txt { color: #ba1226; font-weight: bold; font-size: 11px; }
.relative { position: relative; }
.banner-strip { background: url(../images/banner-repeat.gif) repeat-x; position: absolute; top: -15px; left: -15px; height: 6px; width: 609px;}
hr { background: #bebabb; color: #bebabb; height: 1px; border: none; }
a.hiddenbrains { font-size: 11px; font-weight: bold; color: #781815; text-decoration: none;  }
a:hover.hiddenbrains { font-size: 11px; font-weight: bold; color: #781815; text-decoration: underline;  }
.footerlinkbg { background: url(../images/footerlinkbg.jpg); }
.footer-topstrip {  background: url(../images/banner-repeat.gif) repeat-x; position: absolute; top: 0px; left: 0px; height: 6px; width: 980px; }
.footer-bottstrip {  background: url(../images/banner-repeat-bott.gif) repeat-x; position: absolute; top: 262px; left: 0px; height: 6px; width: 980px; }
.bottleft-img { position: absolute; top: -10px; left: -43px; }
.bottright-img { position: absolute; top: -10px; right: -350px; }

/* New Added CSS on 12-Jul-2011 */
.left-red-gradient { background: url(../images/left-redbg.jpg) no-repeat 0 0; height: 183px; padding-top: 8px; padding-left: 8px; padding-right: 8px; font-size: 12px; color: #fea80e; font-weight: bold; }
.left-red-gradient em { font-style: normal; font-size: 18px; font-weight: bold; color: #f9888f; line-height: 19px; }
.left-red-gradient a  { font-size: 15px; color: #ffa05c; font-weight: bold; text-decoration: none; line-height: 27px; }
.left-red-gradient a:hover  { font-size: 15px; color: #fff; font-weight: bold; text-decoration: none;  }
.red-headingbg { background: url(../images/red-heading-bg.jpg) no-repeat; height: 31px; font-size: 14px; color: #fff; font-weight: bold; line-height: 30px; text-indent: 10px;  text-shadow: 0 1px 1px #000; }
.left-brown-gradient { background: url(../images/left-brownbg.jpg) no-repeat 0 0; height: 183px; padding-top: 8px; padding-left: 8px; padding-right: 8px; font-size: 12px; color: #ffffff; font-weight: bold; }
.left-brown-gradient em { font-style: normal; font-size: 14px; font-weight: bold; color: #ffc150; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 30px;  text-shadow: 0 1px 1px #000;}
.left-brown-gradient span { font-style: normal; font-size: 15px; font-weight: bold; color: #fda812; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }
.brown-headingbg {  background: url(../images/brown-heading-bg.jpg) no-repeat; height: 31px; font-size: 14px; color: #fff; font-weight: bold; line-height: 30px; text-indent: 7px;  text-shadow: 0 1px 1px #000;  }
.leftside-heading { position: absolute; top: 5px; left: 7px;  background: url(../images/lightblue-heading-bg.png) no-repeat; height: 31px; font-size: 14px; color: #fff; font-weight: bold; line-height: 30px; text-indent: 7px; width: 158px; height: 31px; line-height: 30px; color: #fff; text-align: left;  }
.leftside-heading a { font-size: 14px; color: #fff; font-weight: bold; text-decoration: none; line-height: 30px; text-shadow: 0 1px 1px #000; }
.leftside-heading a:hover { font-size: 14px; color: #fff; font-weight: bold; text-decoration: none; }
.left-howtosendrakhi-bg { background: url(../images/left-howsendrakhi-bg.jpg) no-repeat; height: 323px; padding: 15px 10px; font-size: 12px; font-weight: bold; color: #e9b767; }
.left-howtosendrakhi-bg a { font-size: 14px; color: #ffffff; font-weight: bold; text-decoration: none; }
.left-howtosendrakhi-bg a:hover { font-size: 14px; color: #ffcf4e; font-weight: bold; text-decoration: none; }
.left-howtosendrakhi-bg span { font-size: 14px; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #000; text-indent: 3px;}
.left-howtosendrakhi-bg em { color: #ffe399; font-style: normal; }
.yellow-txt { color: #ffba00 !important; font-size: 12px !important; text-shadow: none !important; }
.darkred { color: #f47777 !important; font-size: 16px !important; font-weight: bold !important; text-shadow: none !important;}
.lightred { color: #ffa0a0 !important; font-size: 16px !important; font-weight: bold !important; text-shadow: none !important; }
.leftrakhi { position: absolute; top: 0px; left: -67px; }
.rightrakhi { position: absolute; top: 0px; right: -55px; }

.reminder-cbg { background: url(../images/reminder-cbg.jpg) repeat-x 0 0 #f79701; border-left: 1px solid #da7800; border-right: 1px solid #da7800;  padding: 10px; color: #fff; font-size: 11px;}
.remin_bg { background: url(../images/r_bg.jpg) top left no-repeat; border-left:0px solid #da7800; border-right:0px solid #da7800;  padding:0px; color: #fff; font-size: 11px;height:281px;width:169px;}
.reminder-hd { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight: bold; text-transform:capitalize; color: #ffde00; margin-bottom: 5px;text-align:center;padding-top:8px;display:block; }
.get-discount{ width:169px;height:52px;margin-top:25px;display:block;}
.get-input { margin:0 auto; display:block; font-size: 12px; font-weight: bold; color: #550303; margin: 10px 0;}
.get-input input { width:141px;height:21px;border:1px solid #894702;line-height:21px;color:#838383;font-size:11px;font-family:Arial, Helvetica, sans-serif;padding-right:5px;padding-left:3px; text-align: center;}
.get-input img { width:112px;height:34px;margin-left:22px;cursor:pointer;}
.get-input p {color:#6b0e0e;font-size:12px;text-align:center;line-height:12px;padding-left:10px;padding-right:10px;display:block; }
.get-res { margin:0 auto;width:158px; display:block; margin-top:10px; color:#fffefe;font-size:16px;font-family:Arial, Helvetica, sans-serif;line-height:18px;text-align:center; text-shadow: 0 0 3px #8e2900; font-weight: bold;}
.errormsg,remind { font-family: "Times New Roman", Times, serif; font-size: 12px; font-style: normal; font-weight: bold; color: #a40113; padding-left:15px; }
.when-rakhi { background:url(../images/when-bg.gif) repeat; border-top:#f3a529 1px solid; border-bottom:#f3a529 1px solid; width:600px;}
.when-rakhi h2.when-title {font-family: 'ZurichCnBTBold', Arial, Helvetica, sans-serif; margin:0 8px; padding:6px 6px; border-bottom:#ebca96 1px solid; color:#7c1918; font-size:21px;}
.when-rakhi h1.when-date {font-family: 'ZurichCnBTBold', Arial, Helvetica, sans-serif; margin:0 8px; padding:20px 0px 10px 0px; color:#c28627; font-size:24px; text-align:center; font-style:normal;}
.when-rakhi h1.when-date span{color:#f90e0b;}
.when-rakhi p.w-searching {color:#926b31; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0px 26px 13px 26px; text-align:left; margin:0; line-height:18px;}
.when-rakhi p.w-searching span {color:#7a4f0e; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.when-rakhi p.w-searching em {font-style:normal; color:#f90e0b; text-decoration:underline;}
.when-rakhi .im {text-align:center;}
.when-rakhi .rakhi-banners { background:url(../images/rakhi-banner-bg-new.png) no-repeat top center; height:125px; padding:20px 32px 0px 32px;}
.when-rakhi .bg-rakhi-top {background:url(../images/bg-rakhi-top.png) top center no-repeat; height:13px;}
.when-rakhi .bg-rakhi-middle {background:url(../images/bg-rakhi-middle.png) top center repeat-y; padding:12px 43px; font-family:Arial, Helvetica, sans-serif; color:#fcd79f; font-size:12px;}
.when-rakhi .bg-rakhi-middle p {margin:0;}
.when-rakhi .bg-rakhi-middle a {color:#fff; font-weight:bold; text-decoration:underline;}
.when-rakhi .bg-rakhi-middle a:hover {color:#f0e1ca; font-weight:bold; text-decoration:none;}
.when-rakhi .bg-rakhi-bottom {background:url(../images/bg-rakhi-bottom.png) top center no-repeat; height:13px;}
.when-rakhi .rakhi-bottom {text-align:center; font-family: 'ZurichCnBTBold', Arial, Helvetica, sans-serif;}
.when-rakhi h2.happy-rakhi {font-size:29px; color:#bb8328; margin:0;}
.when-rakhi h2.happy-rakhi span{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:21px; color:#570708;}
.when-rakhi h3.we-pray {font-size:15px; color:#bb8328; margin:0;}
.when-rakhi h3.we-pray span{color:#7a4f0e;}
.when-rakhi .product-section {color:#926b31; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:10px 26px 23px 26px; text-align:left; margin:0; line-height:18px;}