/* ----------- Restart-----------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
ins { text-decoration: none; } /* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: separate; border-spacing: 5px; }/* tables still need 'cellspacing="0"' in the markup */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */	

body {font-family: 'Source Sans Pro', arial; font-size: 14px; line-height: 30px; color:#000; background: #f6f6f6 url(../imgs/body-bg5.png) repeat; height:100%; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a { text-decoration: none; color: #00b7f3; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; color: #1c1c1c; }
h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #808080; letter-spacing: -1px; line-height: 1em; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #808080; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 10px; line-height: 24px; }
.noborder {border:none !important;}

.ui-autocomplete-loading {background: white url('../imgs/busy.gif') right center no-repeat; }
.ui-autocomplete {font-family: 'Source Sans Pro', arial !important; font-size: 14px !important;}
.ui-menu .ui-menu-item {padding: 5px; border-bottom: solid 1px #ccc;}
.ui-datepicker {z-index:1000}
.ui-datepicker table {font-size: 12px !important;}
.ui-datepicker-trigger {top: 6px; position: relative; padding-left: 5px;}
.ui-datepicker td span, .ui-datepicker td a {display: block; padding: 0px !important; text-align: center !important; text-decoration: none;}


input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

#color-stripes , #bottom-color-stripes {width: 100%; background: url(../imgs/color-stripes.png?v1) repeat-x; height: 7px;}
#wrapper {width: 1300px; margin: 0px auto; background-color: #fff;}

#content {width: 99%; margin: 0px auto; padding-top: 25px;}
#leftPan{width:287px; padding-right:10px; float:left; display:inline-block} 
#mainPan{width:975px; display:inline-block;}


/* header */
#header {padding: 0px; width:100%; height: 120px; background: #3d3d3d url(../imgs/body-bg4.png) repeat;}
#logo {float: left; border: none; width:300px; margin:5px;}
#menu-shadow {float: left; background: url(../imgs/secondary-menu-bg.png) no-repeat; height: 4px; width: 960px; z-index: 30;}

/* Footer */
#footer {color: #ccc; height: 40px; width: 100%; padding: 0px; background: #3d3d3d url(../imgs/body-bg4.png) repeat;}
#footer-content {padding: 5px 10px 5px 10px;}
#footer a:link, #footer a:visited {color: #fff; margin: 0px 3px;  letter-spacing:1px;}
.footerloading {display:none; margin: 0px auto;	top:0px; z-index: 952; width:100%;	position:fixed;}
.footerloadingbox {margin:0px auto; padding:11px; text-align:right; width:200px; background: #fff url(../imgs/damru.gif) no-repeat 5%; border:solid 1px #455a71; border-radius:5px;}

/* Menu */
#menu a span.top {border-right:1px solid #666;}
#menu {position:relative; height:40px; z-index: 952; top:35px; left:312px; margin:0 auto; width:650px;}
#menu .menu {position:absolute;}
#menu * {list-style:none;border:0;padding:0;margin:0;}
#menu a {display:block;padding-left:13px;}
#menu a span {display:block; padding:6px 14px 10px 2px; white-space:nowrap;}
#menu li {float:left;background:url(../imgs/pix.gif);}
#menu li li {float:none;}
#menu div {display:none; position:absolute; background:url(../imgs/pix.gif); margin-top:-5px; width:200px;}
#menu div ul {position:relative;}
#menu div div {margin:-50px 0 0 -6px; left:100%;}
#menu li:hover>div {display:block;}
*:first-child+html #menu div div {display:block; top:-9999px;} /** ie7 */
*:first-child+html #menu li:hover>div {top:auto;} /** ie7 */
#menu div.columns {width:200px;}
#menu div.columns ul {float:left; width:200px; position:static;}
#menu div.columns a {white-space:normal;}
#menu div.two {width:400px;}
#menu div.two ul.one div {margin-left:-206px;}
#menu div.two ul.two div {margin-left:-6px;}
#menu div.three {width:600px;}
#menu div.three ul.one div {margin-left:-406px;}
#menu div.three ul.two div {margin-left:-206px;}
#menu div.three ul.three div {margin-left:-6px;}
#menu div.four {width:800px;}
#menu div.four ul.one div {margin-left:-606px;}
#menu div.four ul.two div {margin-left:-406px;}
#menu div.four ul.three div {margin-left:-206px;}
#menu div.four ul.four div {margin-left:-6px;}
#menu div.five {width:1000px;}
#menu div.five ul.one div {margin-left:-806px;}
#menu div.five ul.two div {margin-left:-606px;}
#menu div.five ul.three div {margin-left:-406px;}
#menu div.five ul.four div {margin-left:-206px;}
#menu div.five ul.five div {margin-left:-6px;}
#menu span.top {color:#fff	;}
#menu a, #menu a span {font-size:14px; line-height:25px; text-transform: uppercase; color:#fff; text-decoration:none; font-weight:normal;}
#menu a {background:url(../imgs/item.png) no-repeat left -274px;}
#menu a span {background:url(../imgs/item.png) no-repeat right -4px;}
#menu li.current>a {background-position:left -319px;}
#menu li.current>a span {background-position:right -94px;}
#menu a.parent span {background-position:right -49px;padding-right:40px;}
#menu li.current>a.parent span {background-position:right -139px;}
#menu>ul>li:hover>a, #menu a:hover {background-position:left -364px;}
#menu>ul>li:hover>a span, #menu a:hover span {color:#fff; background-position:right -184px;}
#menu>ul>li:hover>a.parent span, #menu a.parent:hover span {background-position:right -229px;}
#menu div a {margin-left:4px; padding:4px 0 0 0; width:192px; background:url(../imgs/subitem.png) no-repeat 0 top;}
#menu div a span {text-transform:none; font-size:14px; background:url(../imgs/subitem.png) no-repeat -384px bottom; padding-top:3px; padding-left:11px; white-space:normal; border-bottom:solid 1px #fff;}
#menu div a:hover, #menu div ul>li:hover>a.parent, #menu div ul li a.parent:hover {background-color:rgb(0,0,0); background-position:-192px top;}
#menu div a:hover span {background-position:-768px bottom;}
#menu div a.parent span {background-position:-576px bottom;}
#menu div ul>li:hover>a.parent span, #menu div ul li a.parent:hover span { background-position:-960px bottom;}
#menu div {background:url(../imgs/columns.png) no-repeat -200px top; padding-top:14px;}
#menu div ul {width:200px; background:url(../imgs/columns.png) no-repeat 0 bottom; padding-bottom:17px;}
#menu div.columns {padding-top:0; margin-top:9px;}
#menu div div.columns {margin-top:-36px;}
#menu div.columns>ul {padding-top:14px; margin-top:-14px;}
#menu div.two {background-position:-1000px bottom;}
#menu div.three {background-position:-1400px bottom;}
#menu div.four {background-position:-2000px bottom;}
#menu div.five {background-position:-2800px bottom;}
#menu div.columns ul.two, #menu div.columns ul.three, #menu div.columns ul.four, #menu div.columns ul.five {background-position:-550px top;}
#menu div.columns ul.one {background-position:-400px top;}
#menu div.two ul.two, #menu div.three ul.three, menu div.four ul.four, #menu div.five ul.five { background-position:-800px top;}
#menu div.columns>ul>li>a {margin-left:0; width:200px;}
#menu div.columns>ul.one>li>a {margin-left:4px; width:196px;}
#menu div.two>ul.two>li>a, #menu div.three>ul.three>li>a, #menu div.four>ul.four>li>a, #menu div.five>ul.five>li>a {width:196px;}
#menu.active a {z-index:780; position:relative;}
#menu.active li {z-index:778;}
#menu.active div div {z-index:781;}
#menu.active div a {position:static;}
#menu.active li.back {background:url(../imgs/item.png) no-repeat left -319px; height:40px; position:absolute; padding:0; margin:0;}
#menu.active li.back .left {display:block; padding:0; width:auto; background:url(../imgs/item.png) no-repeat right -94px; height:40px; margin:0 5px 0 8px; position:relative; left:5px;}
#menu.active li.current-back, #menu.active li.current-parent-back {background-position:left -364px;}
#menu.active li.current-back .left {background-position:right -184px;}
#menu.active li.current-parent-back .left {background-position:right -229px;}
#menu.active .spanbox {position:absolute; display:none; background:url(../imgs/pix.gif); margin-top:-5px; width:200px;}
#menu.active div {margin-top:0; display:block; position:relative;}
#menu.active div .spanbox {margin:0 0 0 -6px; left:100%;}
#menu.active .spanbox .spanbox {margin-top:-50px;}
#menu.active .spanbox .spanbox div {margin:-2px 0 0 0;}
*:first-child+html #menu.active div div {top:auto;} /** ie7 */
*:first-child+html .menu-images-preloading {visibility:hidden;} /** ie7 */
#menu.active div.two ul.one .spanbox {margin-left:-206px;}
#menu.active div.two ul.two .spanbox {margin-left:-6px;}
#menu.active div.three ul.one .spanbox {margin-left:-406px;}
#menu.active div.three ul.two .spanbox {margin-left:-206px;}
#menu.active div.three ul.three .spanbox {margin-left:-6px;}
#menu.active div.four ul.one .spanbox {margin-left:-606px;}
#menu.active div.four ul.two .spanbox {margin-left:-406px;}
#menu.active div.four ul.three .spanbox {margin-left:-206px;}
#menu.active div.four ul.four .spanbox {margin-left:-6px;}
#menu.active div.five ul.one .spanbox {margin-left:-806px;}
#menu.active div.five ul.two .spanbox {margin-left:-606px;}
#menu.active div.five ul.three .spanbox {margin-left:-406px;}
#menu.active div.five ul.four .spanbox {margin-left:-206px;}
#menu.active div.five ul.five .spanbox {margin-left:-6px;}
#menu.active div.columns ul .spanbox div {margin-left:0;}
.menu-images-preloading, .menu-images-preloading div {top:0; left:0; width:4px; height:2px; opacity:0.1; overflow:hidden; position:absolute;}
.menu-images-preloading {width:2px;}
.menu-images-preloading .columns-png {background:url(../imgs/columns.png) no-repeat;}
.menu-images-preloading .subitem-png {background:url(../imgs/subitem.png) no-repeat;}



/* cat menu */
	#menuVertical 
	{
	    z-index:10;
	    width:268px;
		display:block;
		position:relative;
	}
	#menuVertical ul 
	{
	    padding-bottom:11px;
	}
	* html #menuVertical, * html #menuVertical ul { background-image:url(../imgs/menuvertical_base.gif); }
	#menuVertical div 
	{
	    width:180px;
	    position:absolute;
		background:url(../imgs/menuvertical_sub.png) -180px 0;
		padding-top:9px;
	}
	#menuVertical div ul {
		background:url(../imgs/menuvertical_sub.png) 0 bottom;
		padding-bottom:5px;
	}
	* html #menuVertical div, * html #menuVertical div ul { background-image:url(../imgs/menuvertical_sub.gif); }
	*+html #menuVertical li { border-bottom:1px solid transparent; }
	#menuVertical li div 
	{
	    visibility:hidden;
		position:absolute;
		margin:-44px 0 0 -2px;
		left:100%;
	}
	* html #menuVertical li div, *+html #menuVertical li div { margin-top:-42px; }
	#menuVertical li:hover>div { visibility:visible; }
	* html #menuVertical li { height:34px; }
	#menuVertical li {padding:1px; background:url(../imgs/dot.gif) 0 100% repeat-x;}
	#menuVertical li a {
		display:block;
		font-size:11px;
		font-family:'Trebuchet MS', Arial, Verdana;
		font-weight:bold;
		text-decoration:none;
		cursor:pointer;
		padding-top:10px;
		padding-left:10px;
		text-transform:uppercase;
		background:url(../imgs/Bullet_Arrow_red1.png) no-repeat 5px;
		text-align: left;
	}
	*+html #menuVertical li a { padding-top:12px; }
	* html #menuVertical li a { padding-top:10px; }
	#menuVertical li.current a,
	#menuVertical li a:hover { background-color:#f0eeee; }
	#menuVertical li span {
		line-height:14px;
		padding:0 19px 11px 17px;
		display:block;
	}
	*+html #menuVertical li span { padding-bottom:10px; }
	* html #menuVertical li span {
		height:24px;
		padding-bottom:2px;
	}
	#menuVertical li a:hover span { color:#3A3A3A; }
	#menuVertical.js-active li.current a,
	#menuVertical.js-active li.current a span,
	#menuVertical.js-active li a:hover,
	#menuVertical.js-active li a:hover span { background-image:url(../imgs/pix.gif); }
	#menuVertical li a.parent span, #menuVertical.js-active li a.parent span {background:url(../imgs/Bullet_Arrow_grey.png) no-repeat right 5px;  }
	#menuVertical li.current li a,
	#menuVertical li.current li a span { background-image:url(../imgs/pix.gif); width:20px; }
	#menuVertical li li { border:0; }
	#menuVertical li li a span { color:#fff;}
	#menuVertical li li a.parent span, #menuVertical.js-active li li a.parent span { background:url(../imgs/Bullet_Arrow_white.png) no-repeat right 1px; }
	#menuVertical li li a:hover, #menuVertical.js-active li li a:hover  
	{
	     background-color:#f0eeee;  
	     
	}
	#menuVertical li li a.parent:hover span, #menu.js-active li li a.parent:hover span   
	{
	   /* background-color:#f0eeee; */
	   /* background-color:#464646; */
	    }
	#menuVertical li.back {
		width:270px;
		z-index:8;
		position:absolute;
		background:url(../imgs/menuvertical_back.gif) no-repeat 5px bottom;
	}
	#menuVertical li.back .left {
		width:270px;
		float:none;
		position:relative;
		top:0;
		left:0;
		height:7px;
		overflow:hidden;
		padding:0;
		margin:0;
		visibility:visible;
		background:url(../imgs/menuvertical_back.gif) no-repeat -163px 0;
	} 

/* Slider */
#divSlider {width:987px; background: #fefefe; margin:0px auto; border: solid 1px #3d3d3d; padding:5px; border-radius: 5px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;}
#divSlider:hover {-moz-box-shadow:#996699 0px 2px 10px; -webkit-box-shadow:#996699 0 2px 10px; -khtml-box-shadow:#996699 0 2px 10px; box-shadow:#996699 0 2px 10px;}
#sections { float: none; overflow: hidden; padding:0px; margin: 0px 0px; width: 986px; height: 300px; border:solid 1px #ccc; -webkit-border-radius: 5px; border-radius: 5px;}
#sections ul { list-style: none; width: 8000px; height: 300px; padding: 0px; margin: 0px; float: left;  }
#sections li { width: 986px; height: 300px; float: left; padding: 10px 0px ; margin: 0px; }
#sections ul li a {display:block; width:100%; height:100%;}
.sliderprev { width: 28px; height: 70px; background-image: url(../imgs/left-arrow.png); cursor: pointer; z-index: 9; position: absolute; top: 110px; left: 1px; display: block; }
.slidernext { width: 28px; height: 70px; background-image: url(../imgs/right-arrow.png); cursor: pointer; z-index: 9; position: absolute; top: 110px; left: 961px; display: block; }
#slider {list-style:none; padding:0px}
.slider-container {width:215px; height:160px; padding:20px 20px 20px 34px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#slider img {width:200px; height:125px; margin:0px; display:inline-block}
#slider li {width:210px}

/* Left Pan */
#leftPan ul.cat {display:block; padding:2px;}
#leftPan ul.cat li{padding:5px 2px; background:url(../imgs/dot.gif) 0 100% repeat-x;}
#leftPan ul.cat li a{background: url(../imgs/secondary-dropdown-bullet.png) no-repeat 0 50%; color:#8F8C73; letter-spacing:1px; padding:0 0 0 10px; text-decoration:none; display:block;}
#leftPan ul.cat li a:hover{color:#000; text-decoration:none;}

/* Basic */
h1{font: 18px/22px Helvetica, sans-serif; letter-spacing:2px; padding: 5px 0px 5px 10px; text-align:left; color:#fff; background: #3d3d3d url(../imgs/body-bg4.png) repeat; border-radius: 5px;}
h2{font: 16px/20px Helvetica, sans-serif; letter-spacing:2px; padding: 5px 5px 5px 0px; color: #e25640; width:98%;}
h3{font: 16px/20px Helvetica, sans-serif; letter-spacing:2px; padding: 5px 0px 5px 10px; text-align:center; color:#fff; }
h4{font: 16px/20px Helvetica, sans-serif; letter-spacing:2px; padding: 5px 0px 5px 10px; text-align:left; color:#fff; background: #3d3d3d url(../imgs/body-bg4.png) repeat; border-radius: 5px;}
h5{font: 14px/20px Helvetica, sans-serif; letter-spacing:2px; padding: 5px 0px 5px 10px; text-align:left; color:#fff; background: #3d3d3d url(../imgs/body-bg4.png) repeat; border-radius: 5px;}

div.box, div.boxleft, div.boxright {margin:0px auto; margin-bottom: 10px; padding: 5px; background-color: #fff;	border:solid 2px #3d3d3d; border-radius: 8px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;}
div.content, div.contentleft, div.contentright{padding: 5px 0px 5px 0px; background-color: #fff; border-radius: 5px;}

table.tbl td {border:solid 1px #eee; padding:2px; border-radius: 5px;}
table.tbl td.bg {color:#000; background-color: #f6f6f6;} 
hr {border:none; background:url(../imgs/color-stripes.png) repeat-x; height: 2px;}
a:link, a:visited {color: #666;text-decoration:none;}
a:hover {color: #455a71;text-decoration:underline;}
.textbold {font-weight:bold;}
.reqd, .reqdvalidator {color:red;}
.lblMsg, .lblmsg {color:red;text-align:center;}
input.text, input.textbox, input[type='text'], input[type='password'], input[type="file"], .textbox {padding:3px;margin:0px;color:#333;background:#f9f9f9;border: solid 1px #dadad8;width:300px;height:25px;border-radius:5px;}
input.text:focus, input.textbox:focus, input[type='text']:focus, input[type='password']:focus, input[type="file"]:focus, textarea:focus, .textbox:focus, select:focus, .cmb:focus{background:#fff;border: #000 1px solid;}
textarea {padding:3px;margin:0px;color:#333;background:#f9f9f9;	border: solid 1px #dadad8;width:300px;height:100px;border-radius:5px;}
select, .cmb {padding: 3px;	margin: 0px;color: #666;background:#f9f9f9;	border: solid 1px #dadad8; width: 310px; height: 30px; border-radius:5px;}
input.text.search, input.textbox.search, input[type='text'].search {background: url(../imgs/search.png) no-repeat left top; padding-left:40px;}
span.input-icon {display: inline-block;}
.input-icon {position: relative;}
.input-icon > input {padding-left: 24px; padding-right: 6px;}

.btnactive, .submit, .btn {margin:5px;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;width:150px;height:35px; color: #fff; border: solid 1px #3d3d3d; background: #3d3d3d url(../imgs/body-bg5.png) repeat; border-radius: 5px; cursor: pointer;}
.btnactive:hover, .btn:hover, .dgbtn:hover {background: #141414 url(../imgs/body-bg4.png) repeat; color:#fff;}
.textsmall{font-size:12px;}
.textred{color:red !important; font-size:16px;}
.textgreen{color:green !important; font-size:16px;}
.textyellow{color:#ffc105 !important; font-size:16px;}
.textblue{color:blue !important; font-size:16px;}
.textsmallgrey{font-size:12px; color:#666; line-height:normal;}
.spon-green {background:green; color:#fff; font-weight:bold; display:block; padding:2px; letter-spacing: 1px; border-radius:5px;}
.spon-red {background:red; color:#fff; font-weight:bold;display:block; padding:2px; letter-spacing: 1px; border-radius:5px;}
.divRed {border:solid 1px #ff0a1e; background-color:#ffced2; color:#ff0a1e !important; padding:5px; margin:10px; border-radius:5px; text-align:center; font-size:18px; letter-spacing:1px; text-decoration:none !important; cursor:pointer;}
.divGreen {border:solid 1px #0aff12; background-color:#ceffd0; color:#004502 !important; padding:5px; margin:10px; border-radius:5px; text-align:center; font-size:18px; letter-spacing:1px; text-decoration:none !important; cursor:pointer;}
.divYellow {border:solid 1px #f7ff0a; background-color:#fdffce; color:#8e9300 !important; padding:5px; margin:10px; border-radius:5px; text-align:center; font-size:18px; letter-spacing:1px; text-decoration:none !important; cursor:pointer;}

/* Products */
#Products {position: relative; border:dashed 1px #ccc; border-radius: 5px; }
#Products:hover {border:solid 1px #ccc; -moz-box-shadow:#ccc 0 4px 18px; -webkit-box-shadow:#ccc 0 4px 18px; -khtml-box-shadow:#ccc 0 4px 18px; box-shadow:#ccc 0 4px 18px;}
#Products img.pimg {border:solid 1px #ccc; width:120px; margin:5px; border-radius: 5px;}
#Products span.tag {color: #fff; font-size: 16px; line-height:16px; position: absolute; left: -15px; top: 15px; display: block; background: url(../imgs/scroller-item-tag.png) no-repeat bottom right; padding-right: 10px; text-shadow: 1px 1px 1px #131212;}
#Products span.tag span { display: block; background: url(../imgs/scroller-item-tag.png) no-repeat; padding-left: 9px; height:36px; padding-top: 9px;}
.title {line-height:16px; color:#b22508; font-size:12px;}
.subtitle {line-height:16px; font-size:10px; color:#666;}
.mrp {background: url(../imgs/rs1.png) no-repeat; padding-left:10px; font-size:12px; color:#666; text-decoration:line-through;}
.price {background: url(../imgs/rs2.png) no-repeat; padding-left:10px; font-size:12px; color:#000;}
a.btnproduct {display:inline-block; margin:2px; text-decoration:none; font-size: 12px;letter-spacing: 2px; width:53px; height:28px; color: #fff; border: solid 1px #7f79a1; background: #7f79a1 url(../imgs/body-bg4.png) repeat; -webkit-border-radius: 5px; border-radius: 5px;}
a.btnproduct:hover {text-decoration:none; background: #3d3d3d url(../imgs/body-bg4.png) repeat; color:#fff;}

/* Catalog */
#Catalog {position: relative; border:dashed 1px #ccc; height:130px; width:200px; border-radius: 5px; }
#Catalog:hover {border:solid 1px #ccc; -moz-box-shadow:#ccc 0 4px 18px; -webkit-box-shadow:#ccc 0 4px 18px; -khtml-box-shadow:#ccc 0 4px 18px; box-shadow:#ccc 0 4px 18px;}
#Catalog img.pimg {border:solid 1px #ccc; width:120px; margin:5px; border-radius: 5px;}
#Catalog span.tag {color: #fff; font-size: 16px; line-height:16px; position: absolute; left: -15px; top: 15px; display: block; background: url(../imgs/scroller-item-tag.png) no-repeat bottom right; padding-right: 10px; text-shadow: 1px 1px 1px #131212;}
#Catalog span.tag span { display: block; background: url(../imgs/scroller-item-tag.png) no-repeat; padding-left: 9px; height:36px; padding-top: 9px;}
.title {line-height:16px; color:#b22508; font-size:12px;}
.subtitle {line-height:16px; font-size:10px; color:#666;}
.mrp {background: url(../imgs/rs1.png) no-repeat; padding-left:10px; font-size:12px; color:#666; text-decoration:line-through;}
.price {background: url(../imgs/rs2.png) no-repeat; padding-left:10px; font-size:12px; color:#000;}
a.btnproduct {display:inline-block; margin:2px; text-decoration:none; font-size: 12px;letter-spacing: 2px; width:53px; height:24px; color: #fff; border: solid 1px #7f79a1; background: #7f79a1 url(../imgs/body-bg4.png) repeat; -webkit-border-radius: 5px; border-radius: 5px;}
a.btnproduct:hover {text-decoration:none; background: #3d3d3d url(../imgs/body-bg4.png) repeat; color:#fff;}

/*jQuery Msg*/
#purr-container {position: fixed; top: 127px; right: 27px; z-index:1072;}
.notice {position: relative; width: 353px; min-height: 100px; background: url(../imgs/bg-dark.png) repeat #666; border-radius: 5px; transition: all 1s; margin: 10px;}
.notice:hover {background:#000;}
.notice .icon {float: left; font-size: 75px; padding: 1px 5px 1px 5px;}
.notice .close{position: absolute; top: 10px; right: 10px; display: inline-block; color: #fff;}
.notice .close:after{content: "X";}
.notice .close:hover {color:#e90f14; font-size: 14px; padding: 3px 5px 4px 5px; border-radius: 10px; text-shadow:none; text-decoration:none;}
.notice-body {min-height: 50px; padding: 10px 10px 20px 10px; color: #f9f9f9;}
.notice h3 {margin: 0; font-size: 1.6em; color: #fff; text-align: left; border:none; font-family: sansita;}
.notice p {margin: 0px;}
.notice .info {color:#FFFF00;} 
.notice .done {color:#0fe91e;}
.notice .error {color:#e90f14;}

/* datagrid */
.dgPager, caption {font-size:14px;font-weight:bold;	color:#d2332d;text-align:center;}
.dgHeader, .dgFooter {background: #3d3d3d url(../imgs/body-bg5.png) repeat; color:#fff; text-align:center; font-weight: normal;}
tr.dgHeader th {font-weight: normal;}
table.dg, table.dg td {border: #ceccb7 1px solid; padding:0px; font-size:14px; line-height: 20px;}
table.dg tr.dgItem:hover, table.dg tr.dgAlt:hover {background: #efe59c;}
.dgItem, .dgAlt, .dgEdit, .dgSelect {text-align:left;}
.dgSelect {background: #9ee395;}
.dgDeletebtn {display:block; background: url(../imgs/delete.png) no-repeat center; cursor:pointer; border:none; width:32px; height:32px;}