@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	padding:0px;
	background-color:#e2e2e2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
input {margin:0px; padding:0px;}
h1, h2, h3, h4, h5, form, img {margin:0px; padding:0px; border:0px;}
.clear {clear:both;}

#main-container {
	margin:0 auto;
	width:1000px;
	height:auto;
	padding:0px;
	background-color:#FFFFFF;
}

#main-container2 {
    margin: 0 auto;
    width: 100%;
    width: 1000px;
    height: auto;
    padding: 0px 15px;
    background-color: #FFFFFF;
    box-sizing:border-box;
}
.menuIcon{display:none;}

#top {
float: left;
    width: 100%;
    padding: 10px 10px 0 10px;
    box-sizing: border-box;

}
.login-box.chooseYourReward{width: 97%;
    padding-left: 0px;
    margin: 10px 1.5%;     left: 0px;}
	
	.login-box.chooseYourReward .login-form{width: 350px;
    border-radius: 10px;
    border: solid 1px #cccccc;
    margin: 20px 50px 50px 50px;
    padding: 15px;}
.logo {
float:left;
border:none;
width:340px;
float:left;
}
.top-right {
float:right;
width:640px;
}
.tlink {
color:#4f4f4f;
text-align:right;
padding-bottom:15px;
}
.tlink a {
color:#4f4f4f;
text-decoration:none;
padding:0 5px 0 5px;
}
.tlink a:hover {
color: #000000;
text-decoration:underline;
}
#TB_window{left:50%; top:50%; position:fixed; z-index: 99999;
    padding: 10px;
    background: #fff;
    border-radius: 5px;}
#TB_overlay{background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%; z-index: 99999;
    position: fixed;
    top: 0px;}
.sbar {
float:right;
width:231px;
height:29px;
line-height:29px;
border:solid 1px #cccccc;
color:#555555;
padding:0 0 0 5px;
}
.sbutton {
float:right;
width:83px;
height:31px;
background:url(../images/search-button.gif) no-repeat left;
border:none;
cursor:pointer;
font-size:0px;
}
.viewcart {
color:#4f4f4f;
text-align:right;
line-height:18px;
float:right;
padding: 0 10px 0 10px;
}
.viewcart a {
color:#4f4f4f;
text-decoration: none;
}
.viewcart a:hover {
color: #000000;
text-decoration:underline;
}
.cartbasket {
float:right;
width:46px;
height:46px;
background:url(../images/cart_basket.gif) no-repeat left;
color:#000000;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:38px;
}
.menu {
float:left;
width:980px;
padding:0 10px 0 10px;
height:37px;
}

.menu ul {
float:left;
padding:0px;
margin:0px;
}
.menu li {
float:left;
display:block;
padding:0px;
margin:0px;
color:#383838;
text-decoration:none;
line-height:37px;
list-style-type:none;
}
.menu li a {
float:left;
display:block;
padding:0 1px 0 12px;
margin:0px;
color:#383838;
font-weight:bold;
text-decoration:none;
line-height:37px;
list-style-type:none;
background:	url(../images/grey-left-cur.gif) no-repeat left;
}

.menu li a span {
float:left;
display:block;
padding:0 12px 0 0px;
margin:0px;
color:#383838;
font-weight:bold;
text-decoration:none;
line-height:37px;
list-style-type:none;
background:	url(../images/grey-right-cur.gif) no-repeat right;
}

.menu li a:hover {
float:left;
display:block;
padding:0 1px 0 12px;
margin:0px;
color:#383838;
font-weight:bold;
text-decoration:none;
line-height:37px;
list-style-type:none;
background:	url(../images/org-left-cur.gif) no-repeat left;
}


.menu li a:hover span {
float:left;
display:block;
padding:0 12px 0 0px;
margin:0px;
color: #FFFFFF;
font-weight:bold;
text-decoration:none;
line-height:37px;
list-style-type:none;
background:	url(../images/org-right-cur.gif) no-repeat right;
}


.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: #fefefe;
border: 2px solid #f98c3e;
padding: 5px;
font: normal 12px Verdana;
z-index: 100;

}

.megamenu .column{
float: left;
padding:0px;
width:auto; /*width of each menu column*/
margin:8px 0px 8px 0px;
padding:0 20px 0 20px;
border-right:solid 1px #f1f1f1;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding:0 0 5px 10px ; 
line-height:20px;
border-bottom: 1px dotted #f1f1f1;
background: url(../images/org_menu_arrow.gif) no-repeat 0 7px;
}

.megamenu .column h3{
font: bold 13px Arial;
line-height:20px;
color:#666666;
padding:0 0 5px 0px;
margin: 0 0 10px 0;
border-bottom: 1px dotted #cccccc;
}
.megamenu .column ul li a{
text-decoration: none;
color:#7b7b7b;
}

.megamenu .column ul li a:hover{
color:#f98c3e;
}

/*top header*/

.add-box {float:left; width:980px; height:299px; margin:10px 0 0 0px; padding:0 10px 0 10px; }
.hshadaw { background:url(../images/header-shadaw.gif) no-repeat left; width:100%; height:297px; float:left; padding:1px;}
.payment-option {float:left; width:318px; height:299px; padding-left:10px;}

.safe-payment {float:left; width:63px; height:39px;}
.blue-cur {float:left; width:18px; height:93px; background:url(../images/blue-cur.gif) no-repeat left;}
.blue-box{float:left; width:300px; height:88px; background-color:#c8f3ff; padding:5px 0 0 0px; line-height:20px;}
.blue-box a{ text-decoration:underline; color:#000000;}
.blue-box a:hover{ text-decoration: none;}


.reverse-pickup {float:left; width:63px; height:39px; }
.yellow-cur {float:left; width:18px; height:80px; background:url(../images/yellow-cur.gif) no-repeat left;}
.yellow-box{float:left; width:300px; height:75px; background-color:#fff5bb; padding:5px 0 0 0px; line-height:20px;}
.yellow-box a{ text-decoration:underline; color:#000000;}
.yellow-box a:hover{ text-decoration: none;}


.return-policy {float:left; width:63px; height:39px;}
.grey-cur {float:left; width:18px; height:93px; background:url(../images/grey-cur.gif) no-repeat left;}
.grey-box{float:left; width:300px; height:88px; background-color:#ededed; padding:5px 0 0 0px; line-height:20px;}
.grey-box a{ text-decoration:underline; color:#000000;}
.grey-box a:hover{ text-decoration: none;}




/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:275px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 275px;
    background-color: #FFFFFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 275px;
    display: block;
    border: 0;
}

.welcome-user { color:#000000; padding:0 10px 0 0px; text-align:right;}

/*top header end*/




/*category start */

.category-heading {
float:left;
height:55px;
line-height:55px; 
background:url(../images/heading-bg.gif) repeat-x left; display:block;
padding:0 10px 0 10px;
color:#FFFFFF;
font-weight:bold;
font-size:18px;
font-family: Univers Condensed, Arial, Helvetica, sans-serif
}

.category-heading2 {
float:left;
display:block;
position:relative;
left:10px;
height:30px;
line-height:30px; 
background:url(../images/heading-bg2.gif) repeat-x left; display:block;
padding:0 10px 0 10px;
color:#4f4f4f;
font-weight:bold;
font-size:18px;
font-family: Univers Condensed, Arial, Helvetica, sans-serif
}

.category-box {float:left; width:960px; height:249px; background-color:#FFFFFF; margin:10px 0 0 10px; border:solid 10px #f7f7f7;}



.stepcarousel{
position: relative; /*leave this value alone*/
border: solid 10px #f7f7f7;
padding:0px;
margin:0px 0 10px 10px;
overflow: scroll; /*leave this value alone*/
width: 960px; /*Width of Carousel Viewer itself*/
height: 295px; /*Height should enough to fit largest content's height*/
}

/*
.stepcarousel{
position: relative; 
border: solid 10px #f7f7f7;
padding:0px;
margin:0px 0 10px 10px;
overflow: scroll; 
width: 960px; 
height: 249px; 
}
*/

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:10px 38px 10px 45px; /*margin around each panel*/
width: 903px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:280px;
display:block;
text-align:center;
}

/*
.stepcarousel .panel{
float: left; 
overflow: hidden; 
margin:10px 38px 10px 45px; 
width: 903px; 
height:228px;
display:block;
text-align:center;
}
*/

.pd-tag { background:url(../images/discount-tag.gif) no-repeat left; float:right; display:block; position:absolute; top:64px; left:152px; z-index:100px;
width:59px; height:45px; text-align:center; line-height:16px; padding-top:4px; color:#FFFFFF; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}
.pbox {float:left; width:206px; height:226px; border:solid 1px #cccccc; background-color:#FFFFFF; margin-right:13px;}
.pbox3 {float:left; width:196px; height:272px; border:solid 1px #cccccc; background-color:#FFFFFF; margin-right:13px; padding:0 5px 0 5px;}
.pname { color:#f98c3e; font-family:Arial, Helvetica, sans-serif; font-size:12px; 
         padding-top:5px; line-height:18px;
          overflow: hidden;
           text-overflow: ellipsis;
           display: -webkit-box;
           max-height: 36px; 
           -webkit-line-clamp: 2; /* number of lines to show */
            -webkit-box-orient: vertical;
            height:40px;
         }
 .pname:hover
 {
    
 }
.pname a { 
color:#f98c3e;
text-decoration:none;
}
.pname a:hover { 
color: #000000;
text-decoration:none;
}
.mprice {color:#7c7c7c; text-decoration:line-through; line-height:16px;}
.ofprice{color:#7c7c7c; line-height:16px;}
.dpoints{color:#000000; line-height:16px;}
.save {color:#7c7c7c; line-height:16px;}

/*category end */

/*brands start */
.brand-box{ 
width:958px;
height:106px;
margin:10px 0 0 10px;
padding:10px;
border: solid 1px #cccccc;
background-color:#FFFFFF;
}
#brandlogo {
margin-top:12px;
}
#brandlogo img {
border: solid 1px #cccccc;
margin-left:10px;
margin-right:10px;
}

/*brands end */

/*footer start */

.footer{ 
width:1000px;
height:60px;
margin-top:10px;
padding: 14px 0 0px 0px;
border-top: solid 4px #fb8104;
background-color:#f6f6f6;
text-align:center;
line-height:24px;
color:#575757;
}

.footer a{ 
color: #000000;
text-decoration:none;
}
.footer a:hover{ 
color: #000000;
text-decoration:underline;
}
/*footer end */




/*home page lightview css */


#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
	text-align: left;
}

.clear {clear:both;}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align: left;
}
.lv_MenuBar * { padding: 0; margin: 0;}


.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
	overflow: hidden;
}

/* simulates padding-left inside .lv_Data 
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#lightview iframe {
	float: left;
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	color: #d2d2d2;
	font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController { /* IE6 */
	position: absolute;
	top: auto;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');	
}
#lightviewController ul {
	display: block;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {
	list-style-type: none;
	float: left;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_controllerCenter  { width: auto; float: left; }
.lv_controllerCornerWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}

#lightviewController .lv_CornerWrapper {
	width: 100%;
}
#lightviewController .lv_Corner { float: left; }
#lightviewController .lv_Corner {
	float: right;
	position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
.lv_controllerBetweenCorners {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.lv_controllerMiddle {
	position: relative;
	height: 100%;
	float: left;
}
.lv_controllerCenter { float: left; width: auto;}
.lv_controllerCenter li {
	list-style-type: none;
	float: left;
	display: inline;
	position: relative;
	clear: none;
}
.lv_controllerSetNumber {
	float: left;
	text-align: center;
}

#lightviewController .lv_Button {
	float: left;
	position: relative;
	height: 100%;
	clear: none;
}
.lv_controllerSetNumber {
	position: relative;
	height: 100%;
	padding-right: 3px;
}
.lv_controllerPrev, 
.lv_controllerNext, 
.lv_controllerSlideshow, 
.lv_controllerClose {
	float: left;
	position: relative;
	height: 100%;
	padding-left: 3px;
}

.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }

* html #lightview { /* IE6 */
	position: absolute;
		margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}

/*home page lightview css */
/*product category listing page start */

.pages-box {
width:958px;
float:left;
background-color:#f9f9f9;
color:#4f4f4f;
display:block;
left:10px;
position:relative;
margin:10px 0 10px 0px;
padding:10px; border: solid 1px #cccccc;}

.vb {float:left; padding:0 0 0 52px;}

.listmenu { width:150px; margin:0px;}

.sb2 {float:left; width:980px; padding:5px 10px 5px 10px; line-height:18px; margin-bottom:10px;}

.categoryname { float:left; font-size:16px; font-weight:bold; padding-left:5px; }

.page-num {float:right; }
.page-num ul { margin:0px 0 0 0px; padding:0px; list-style-type:none;}
.page-num li {
margin:0px;
list-style-type:none; 
float:left;
display:block;
width:19px;
height:17px;
line-height:17px;
text-align:center;
margin-right:5px;
background:#7c7c7c; border:solid 1px #7c7c7c; color:#FFFFFF;
}
.page-num li a {
text-decoration:none;
display:block;
background-color:#FFFFFF;
color:#7c7c7c;
}
.page-num li a.grey {
text-decoration:none;
display:block;
background-color: #7c7c7c;
color:#FFFFFF;
}
.page-num li a:hover {
display:block;
text-decoration:none;
background-color:#7c7c7c;
color:#FFFFFF;
}
.next-but {
    float: right;
    font-weight: bold;
    /* border: solid 1px #faab49; */
    display: block;
    color: #7c7c7c;
    background-color: #fa9913;
    margin:0 5px 0 0;
    width: 25px;
    height: 20px; position:relative;
}
.next-but #PagingTop_lnkBtnNext:after, .next-but #PagingBottom_lnkBtnNext::after{content: ">";
    position: absolute;
    left: 8px;
        bottom: 0px;
    font-size: 20px;
    color: #fff;
    line-height: 20px;}
	
.next-but #PagingTop_lnkbtnPrev:after, .next-but #PagingBottom_lnkbtnPrev::after{content: "<";
    position: absolute;
    left: 8px;
    bottom: 0px;
    font-size: 20px;
    color: #fff;}

.next-but a {
color:#7c7c7c;
padding:0 4px 0 4px;
display:block;
text-decoration:none;
font-size:0px;
    height: 20px;
}

.next-but a:hover {
color: #FFFFFF;
line-height:17px;
display:block;
padding:0 4px 0 4px;
text-decoration:none;
background-color:#7c7c7c;
}

.sortby {
float:left; color:#4f4f4f; margin:0px; padding:0px; text-align:left;
}

.sortby a {
color:#4f4f4f;
text-decoration:none;
}

.sortby a:hover {
color: #000000;
text-decoration: underline;
}

.product-box { float:left; width:980px; padding:0 10px 0 10px;}
.pbox-td {}
.pbox2 {  height:272px; padding-bottom:5px; border:solid 1px #cccccc; background-color:#FFFFFF; text-align:center;}
.pbox4 { width:482px; height:234px; border:solid 1px #cccccc; background-color:#FFFFFF; text-align:center;}

.category-name { float:left; font-size:16px; font-weight:bold; padding:0 0 0 10px; border-top: solid 10px #FFFFFF;}
.show-pages {text-align:center; line-height:18px}

/*product category listing page end */

/*----- Product Details -----*/
/*Product Info Page Start */
.pinfo{ float: left;
    width: calc(100% - 20px);
	box-sizing: border-box;
    margin: 10px;
    display: block;
    position: relative;
    border: 1px solid #ccc;
}

.productname {font-size:18px; font-weight:bold; padding:10px 0 0 0px;}
.p2 {padding:8px 10px 8px 0px; color:#7f7f7f;}
.mkprice {padding:0px 0 8px 0px; color:#7f7f7f; text-decoration:line-through; font-size:14px;}
.offerprice {padding:0px 0 8px 0px; color:#fa8f21; font-size:16px; font-weight:bold;}
.dipoint {padding:0px 0 8px 0px; font-weight:bold;}
.saving {padding:0px 0 8px 0px; color:#7f7f7f; font-size:14px;}
.saving span {font-size:20px; font-weight:bold;}
.qty {padding:0px 10px 8px 0px; color:#7f7f7f; float:left; line-height:44px;}
.qty-input {width:35px; height:22px; float:left; margin:10px 10px 0 0px;}




/* ================================================================================
Product Features
================================================================================ */


#tabbed_box_1 {
	/*margin: 0px auto 0px auto;*/
	margin:0 0 10px 0px;
	width:980px;
	float:left;
	display:block;
	position:relative;
	left:10px;
	background-color:#FFFFFF;
	
}
.tabbed_area {
	background-color:#FFFFFF;
	padding:10px 0 0 0px;	
}

ul.tabs {
	margin:0px 0 0 0px; padding:0px;
	margin-bottom:7px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#f5f5f5;
	color:#595959;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #c1c1c1;
	border-bottom:none;
}
ul.tabs li a:hover {
	background-color: #FFFFFF;
	border-color:#c1c1c1;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#595959;
	border:1px solid #c1c1c1; 
	border-bottom: 1px solid #ffffff;
}
.content {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #c1c1c1; 	
	font-family:Arial, Helvetica, sans-serif;
}
 .content2 {
       background-color:#ffffff;
       padding:0 10px 10px; 
       margin:0px;
       width:958px;
       line-height:20px;
       border:1px solid #c1c1c1;         
       font-family:Arial, Helvetica, sans-serif;
}


#content_2, #content_3 { display:none; }




/*Product buy now start */


.sc-box{ 
float:left;
width:978px;
border:solid 1px #cccccc;
margin:10px 0 10px 0;
display:block; 
position:relative;
left:10px;
background-color:#ffffff;
}
.productinfo {    padding: 0;
    line-height: 18px;
    position: absolute;
    left: 75px;
    top: 0px;}
.prtable-box .productinfo{position:relative; left:10px;}
.productinfo a {text-decoration: underline; color:#fa8f21;}
.productinfo a:hover {text-decoration: none; color:#fa8f21;}

.pquantity { width:35px; height:25px; border:solid 1px #cccccc; line-height:25px; text-align:center;}

.boright{border-right:solid 1px #cccccc; font-weight:bold;}

.subtotal-td {width:861px; height:30px; line-height:30px; border-right:solid 1px #cccccc; border-top:solid 1px #cccccc; padding: 0 0 0 10px; font-weight:bold;}
.total-td{width:92px; height:30px; line-height:30px; text-align:center; border-top:solid 1px #cccccc; font-weight:bold;}
.responsive{position:relative;}

.grey-but {
font-family:Arial, Helvetica, sans-serif;
padding:0px;
width:140px;
height:33px;
margin:0 10px 0 0px;
font-size:12px;
border: solid 1px #cccccc;
line-height:33px;
color:#000000;
font-weight:bold;
cursor:pointer;
background:url(../images/grey_bg.gif) repeat-x left;
}


.orange-but {
font-family:Arial, Helvetica, sans-serif;
padding:0px;
width:130px;
margin:0 10px 0 0px;
font-size:12px;
border: solid 1px #f98c3e;
height:33px;
color: #FFFFFF;
font-weight:bold;
cursor:pointer;
background:url(../images/org_bg.gif) repeat-x left top;
}

.tr-height { height:100px;}

.brandtd {
width:66px;
line-height:60px;
font-weight:bold;
color:#000000;
border-right:solid 1px #cccccc;
background-color:#c8f3ff;
padding:0 0 0 10px;
}

.brandtd2 {
width:66px;
line-height:18px;
font-weight:bold;
color:#000000;
border-right:solid 1px #cccccc;
padding:0 0 0 10px;
}

.producttd {
width:432px;
line-height:60px;
font-weight:bold;
color:#000000;
border-right:solid 1px #cccccc;
background-color:#c8f3ff;
padding:0 0 0 10px;
}
.producttd2 {
width:432px;
line-height:18px;
color:#000000;
border-right:solid 1px #cccccc;
padding:0 0 0 10px;
}

.producttd2 a{    text-decoration: none;
    color: #000; position: relative;
    width: 100%;
    display: block;}
.qtytd {
width:67px;
line-height:60px;
font-weight:bold;
color:#000000;
border-right:solid 1px #cccccc;
background-color:#c8f3ff;
text-align:center;
}

.qtytd2 {
width:67px;
color:#000000;
border-right:solid 1px #cccccc;
text-align:center;
}

.removetd {
width:65px;
line-height:60px;
font-weight:bold;
color:#000000;
border-right:solid 1px #cccccc;
background-color:#c8f3ff;
text-align:center;
}
.removetd2 {
width:65px;
color:#000000;
border-right:solid 1px #cccccc;
text-align:center;
}
.pointstd {
width:107px;
line-height:15px;
font-weight:bold;
color:#000000;
border-right:solid 1px #cccccc;
background-color:#c8f3ff;
text-align:center;
}
.pointstd2 {
width:107px;
color:#000000;
border-right:solid 1px #cccccc;
text-align:center;
}

.pricetd {
width:109px;
line-height:15px;
font-weight:bold;
color:#000000;
border-right:solid 1px #cccccc;
background-color:#c8f3ff;
text-align:center;
}
.pricetd2 {
width:109px;
color:#000000;
border-right:solid 1px #cccccc;
text-align:center;
}

.totaltd {
width:106px;
line-height:60px;
font-weight:bold;
color:#000000;
background-color:#c8f3ff;
text-align:center;
}
.totaltd2 {
width:106px;
font-weight:bold;
color:#000000;
text-align:center;
}



/*Product buy now end */

/*Login page start */

.login-box{ 
float:left;
width:751px;
border:solid 1px #cccccc;
margin:10px 0 10px 0;
display:block; 
position:relative;
left:10px;
background-color:#ffffff;
padding:20px 0 0 227px;
}

.login-form {width:500px; float:left; background-color:#f6f6f6; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; padding-left:20px;}
.member-icon {float:left; background:url(../images/login-icon.gif) no-repeat left; width:47px; height:41px;}
.fheading { float:left; font-size:22px; line-height:41px; color:#4e4e4e; padding:0 0 0 10px; font-weight:bold;}
.ftext {float:left; color:#4e4e4e; padding:0 0 0 58px;}
.card {float:left; font-size:16px; color:#4e4e4e; font-weight:bold; padding:25px 0 10px 58px;}
.login-input{width:377px; height:33px; line-height:33px; border:solid 1px #cccccc; padding-left:5px;}
.fpassword {padding:5px 0 0 58px; float:left;}
.fpassword a {text-decoration:underline; color:#4e4e4e;}
.fpassword a:hover {text-decoration: none;
}


.login-but {
font-family:Arial, Helvetica, sans-serif;
padding:0px;
width:60px;
margin:0px;
font-size:12px;
border: solid 1px #f98c3e;
height:33px;
color: #FFFFFF;
font-weight:bold;
cursor:pointer;
background:url(../images/org_bg.gif) repeat-x left top;
}

/*Login page end */

/*my account update profile start */
.mc-box{ 
float:left;
width:980px;
margin:10px 0 10px 0;
display:block; 
position:relative;
left:10px;
background-color:#FFFFFF;
padding:0px;
}

.my-heading {
float:left;
width:203px;
height:20px;
line-height:15px;
background:url(../images/mc-arrow.gif) no-repeat left top;
padding:0 0 5px 25px;
margin:0 10px 0 0px;
font-size:14px;
font-weight:bold; 
color:#727272;
border-bottom:solid 1px #cccccc;
}

.mylink ul {
margin:0 0 0 7px;
padding:0px;
}

.mylink li {
margin:0px;
padding:0px;
line-height:25px;
list-style-type:none;
color:#727272;
}

.mylink ul li a {
margin:0px;
padding:0 0 0 19px;
text-decoration:none;
background:url(../images/arrow-grey.gif) no-repeat left;
color:#727272;
}

.mylink ul li a.current {
margin:0px;
padding:0 0 0 19px;
text-decoration:none;
color:#727272;
font-weight:bold;
}

.mylink ul li a:hover {
margin:0px;
padding:0 0 0 19px;
text-decoration:none;
color: #000000;
}
.myaccount{width:238px; float:left;}
.account_details{width:742px; float:right;}
.profilebox{float:left; background-color:#fbfbfb; width:740px; border: solid 1px #cccccc; color:#727272;}
.proheading {padding:10px 0 10px 10px; font-size:20px; background:url(../images/brbg.gif) repeat-x left bottom;}
.subheading {padding:0px 0 0 10px; background:url(../images/brbg.gif) repeat-x left bottom; line-height:35px;}


.ychit { float:left; width:346px; height:308px; background:url(../images/ychit.gif) no-repeat left top; margin:10px 0 0 0px;}
.ychit-text-left {text-align:right; float:left; line-height:44px; width:103px; padding:0 10px 0 0px;}
.ychit-text-right{text-align:left; float:left; line-height:44px; width:233px; font-weight:bold;}
.ychit-input{text-align:left; float:left; line-height:26px; width:173px; height:26px; border:solid 1px #CCCCCC; padding-left:5px;}


.proform {float:left; width:374px; text-align:left; padding:0 20px 0 0; margin:10px 0 0 0px;}

.profiletext {float:left; text-align:right; width:107px; height:34px; line-height:34px; padding:0 5px 0 0px; margin:0 0 10px 0px;}

.profile-input {border:solid 1px #cccccc; width:242px; height:32px; line-height:32px; background-color:#FFFFFF; margin:0 0 10px 0px; padding:0 0 0 5px;}

.day-drop { width:58px; height:30px; line-height:30px; padding:4px 2px 5px 0px; margin:10px 5px 0 0px; border:solid 1px #cccccc;}
.month-drop { width:88px; height:30px; line-height:30px; padding:5px 2px 5px 0px; margin:10px 5px 0 0px; border:solid 1px #cccccc;}
.year-drop { width:80px; height:30px; line-height:30px; padding:4px 2px 5px 0px; margin:10px 5px 0 0px; border:solid 1px #cccccc;}
.radio { margin:20px 5px 0 0px; padding:0px;}

.save-but {
font-family:Arial, Helvetica, sans-serif;
padding:0px;
width:120px;
margin:0px;
font-size:12px;
border: solid 1px #f98c3e;
height:33px;
color: #FFFFFF;
font-weight:bold;
cursor:pointer;
background:url(../images/org_bg.gif) repeat-x left top;
}


.send-but {
font-family:Arial, Helvetica, sans-serif;
padding:0px;
width:130px;
margin:0px;
font-size:12px;
border: solid 1px #f98c3e;
height:33px;
color: #FFFFFF;
font-weight:bold;
cursor:pointer;
background:url(../images/org_bg.gif) repeat-x left top;
}

/*my account Change Password start */

.cptext {float:left; text-align:left; width:269px; height:30px; line-height:30px; padding:0 0px 0 0px; margin:0 0 0px 0px;
}

.cp-input-box { float:left; width:461px; height:32px; line-height:32px; margin:0 0 10px 0px;}

.cp-input { float:left; border:solid 1px #cccccc; width:242px; height:32px; line-height:32px; background-color:#FFFFFF; margin:0 0 10px 0px; padding:0 0 0 5px }

/*my account Change Password end */



/*Payment option start */

.po-box{ 
    float: left;
    width: 100%;
    margin: 10px auto;
    display: block;
    position: relative;
    background-color: #ffffff;
    padding: 10px;
    box-sizing: border-box;
}

.bs-box{    width: 100%;
    background-color: #f8f8f8;
    border: solid 1px #cccccc;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 10px;}

.bs-td { width:222px; text-align:left; line-height:20px;}
.ch-ad a { color:#fa9125; text-decoration:underline;}  
.ch-ad a:hover { color:#fa9125; text-decoration: none;}  

.cd-td { width:192px; text-align:left; vertical-align:top; padding:0 0 0 10px;}
.br-td { background:url(../images/gw-br.gif) repeat-y left;}

.card-num { background:url(../images/card-icon.gif) no-repeat left; padding:0 0 0 25px; line-height:30px; font-weight:bold;}
.m-num {  background:url(../images/m-icon.gif) no-repeat left; padding:0 0 0 25px; line-height:40px;}
.e-mail {  background:url(../images/e-mail-icon.gif) no-repeat left; padding:0 0 0 25px; line-height:40px;}
.o-amount {  background:url(../images/ord-icon.gif) no-repeat left; padding:0px 0 0 25px; line-height:40px; margin-top:20px;}
.pay-mode {
    width: 100%;
    background-color: #f6f6f6;
    border: solid 1px #cccccc;
    margin-top: 15px;
    padding: 10px 0 0 0px;
    border-radius: 10px;
}
.pay-heading { font-size:20px; background:url(../images/money-icon.gif) no-repeat 10px; padding:0 0 0 50px; line-height:32px; color:#4e4e4e;}

.pf-td { width:179px; padding:0 10px 12px 0px; line-height:31px; color:#4e4e4e; text-align:right;}
.pay-input { border:solid 1px #cccccc; width:283px; height:32px; line-height:31px; background-color:#FFFFFF; padding:0 0 0 5px;}

.pf-td2 { width:110px; padding:0 10px 0 0px; line-height:33px; color:#4e4e4e; text-align:right; margin-bottom:10px;}




/*Payment option end */



/*Payment recepit start */



.pr-logo-td {
width:245px;
text-align:left;
vertical-align:top;
}
.pr-add-td {
width:593px;
text-align: center;
vertical-align:top;
line-height:20px;
color:#4e4e4e;
}
.co-name {
font-size:20px;
font-weight:bold;
}
.pr-print-td {
width:120px;
text-align:right;
}

.or-detail {
width:40%;
vertical-align:top;
}

.prtable-box{padding:10px 0;}

.pro-td { 
height:60px;
text-align:left;
vertical-align:middle;
padding:0 0 0 10px;
color:#000000;
font-weight:bold;
border-right:solid 1px #cccccc;
}

.pro-td2 { 
height:90px;
text-align:left;
vertical-align:middle;
color:#000000;
border-right:solid 1px #cccccc;
}


.qnty-td { 
width:87px;
height:60px;
text-align:center;
vertical-align:middle;
color:#000000;
font-weight:bold;
border-right:solid 1px #cccccc;
}

.point-td { 
width:124px;
height:60px;
text-align:center;
vertical-align:middle;
color:#000000;
font-weight:bold;
border-right:solid 1px #cccccc;
}

.price-td { 
width:100px;
height:60px;
text-align:center;
vertical-align:middle;
color:#000000;
font-weight:bold;
border-right:solid 1px #cccccc;
}

.totalamt-td { 
width:104px;
height:60px;
text-align:center;
vertical-align:middle;
color:#000000;
font-weight:bold;
}

.left-total-td {
height:30px;
text-align:left;
vertical-align:middle;
color:#000000;
font-weight:bold;
border-right:solid 1px #cccccc;
border-top:solid 1px #cccccc;
padding:0 0 0 20px;
}

.right-total-td {
width:104px;
height:30px;
text-align:center;
vertical-align:middle;
color:#000000;
font-weight:bold;
border-top:solid 1px #cccccc;
}

/*Payment recepit end */


/*Order Details Table Start */



.od-table{float:left; width:718px; border:solid 1px #cccccc; margin:10px 0 0 10px; background-color:#FFFFFF;}

.col-sn {
width:31px;
border-right:solid 1px #cccccc;
background-color:#c8f3ff;
line-height:40px;
height:40px; 
color: #000000;
text-align:center;
padding:0px;
font-weight:bold;
}

.col-sn2 {
width:31px;
border-right:solid 1px #cccccc;
line-height:40px;
height:40px; 
color: #727272;
text-align:center;
padding:0px;
}

.od-col-date {
width:100px;
border-right:solid 1px #cccccc;
background-color:#c8f3ff;
line-height:40px;
height:40px; 
color: #000000;
text-align:center;
padding:0px;
font-weight:bold;
}
.od-col-date2 {
width:100px;
border-right:solid 1px #cccccc;
line-height:40px;
height:40px; 
color: #727272;
text-align:center;
padding:0px;
}

.col-order {
width:80px;
border-right:solid 1px #cccccc;
background-color:#c8f3ff;
line-height:40px;
height:40px; 
color: #000000;
text-align:left;
padding:0 0 0 10px;
font-weight:bold;
}

.col-order2 {
width:80px;
border-right:solid 1px #cccccc;
line-height:40px;
height:40px; 
color: #727272;
text-align:left;
padding:0 0 0 10px;
}
.col-order2 a{
color: #727272;
}


.col-pname{
width:266px;
border-right:solid 1px #cccccc;
background-color:#c8f3ff;
line-height:40px;
height:40px; 
color: #000000;
text-align:left;
padding:0 0 0 10px;
font-weight:bold;
}
.col-pname2{
width:266px;
border-right:solid 1px #cccccc;
line-height:20px;
color: #727272;
text-align:left;
padding:0 0 0 10px;
}


.col-quantity{
width:67px;
border-right:solid 1px #cccccc;
background-color:#c8f3ff;
line-height:40px;
height:40px; 
color: #000000;
text-align:center;
padding:0px;
font-weight:bold;
}

.col-quantity2{
width:67px;
border-right:solid 1px #cccccc;
text-align:center;
padding:0px;
}
.quantity-input { width:35px; height:25px; border:solid 1px #cccccc; line-height:25px;}


.col-usedpoint{
width:61px;
border-right:solid 1px #cccccc;
background-color:#c8f3ff;
line-height:18px;
height:40px; 
color: #000000;
text-align:center;
padding:0px;
font-weight:bold;
}

.col-usedpoint2{
width:61px;
border-right:solid 1px #cccccc;
line-height:18px;
color: #727272;
text-align:center;
padding:0px;
}

.col-amount{
width:63px;
background-color:#c8f3ff;
line-height:18px;
height:40px; 
color: #000000;
text-align:center;
padding:0px;
font-weight:bold;
}

.col-amount2{
width:63px;
line-height:18px;
color: #727272;
text-align:center;
padding:0px;
}
/*Order Details Table end */

/*Point Table start */

.shoptext-l {float:left; text-align:left; width:190px; height:34px; line-height:34px; padding:0 0 0 10px; margin:0 0 10px 0px; font-weight:bold;}

.shoptext-r { float:left; width:461px; height:32px; line-height:32px; margin:0 0 10px 0px; text-align:left; font-weight:bold;}

.pdtable{float:left; width:718px; border:solid 1px #cccccc; margin:0 0 0 10px; margin: 0 0 15px;}

.col-date {
width:70px;
border-right:solid 1px #FFFFFF;
background-color:#727272;
line-height:40px;
height:40px; 
color:#FFFFFF;
text-align:left;
padding:0 0 0 10px;
font-weight:bold;
}

.col-subdate {
width:90px;
border-right:solid 1px #cccccc;
line-height:25px;
color:#727272;
text-align:left;
vertical-align:top;
padding:0 0 0 10px;
}

.col-dis {
width:298px;
border-right:solid 1px #FFFFFF;
background-color:#727272;
line-height:40px;
height:40px; 
color:#FFFFFF;
text-align:left;
padding:0 0 0 10px;
font-weight:bold;
}
.col-subdis {
width:298px;
border-right:solid 1px #cccccc;
line-height:25px;
color:#727272;
text-align:left;
padding:0 0 0 10px;
}

.col-pointearn {
width:113px;
border-right:solid 1px #FFFFFF;
background-color:#727272;
line-height:40px;
height:40px; 
color:#FFFFFF;
text-align:center;
padding:0 0 0 0px;
font-weight:bold;
}

.col-subpointearn {
width:113px;
border-right:solid 1px #cccccc;
line-height:25px;
color:#727272;
text-align:center;
padding:0 0 0 0px;
}

.col-pointused {
width:102px;
border-right:solid 1px #FFFFFF;
background-color:#727272;
line-height:40px;
height:40px; 
color:#FFFFFF;
text-align:center;
padding:0 0 0 0px;
font-weight:bold;
}

.col-subpointused {
width:102px;
border-right:solid 1px #cccccc;
line-height:25px;
color:#727272;
text-align:center;
padding:0 0 0 0px;
}


.col-balpoint {
width:111px;
background-color:#727272;
line-height:40px;
height:40px; 
color:#FFFFFF;
text-align:center;
padding:0px;
font-weight:bold;
}

.col-subbalpoint {
width:111px;
line-height:25px;
color:#727272;
text-align:center;
padding:0px;
}

/*Point Table End */

/*Contact us page start */

.con-box{ 

margin:10px 0 10px 0;
display:block; 
background-color:#ffffff;
padding:10px;
}
.con-td-left {
width:552px;
text-align:left;
}
.fbox { 
width:520px;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
background-color:#f6f6f6;
margin-top: -4px;
}

.conheading {font-size:20px; background:url(../images/con-icon.gif) no-repeat 10px; padding:0 0 0 40px; line-height:32px; color:#4e4e4e;}

.con-td-right {
width:296px;
text-align:left;
vertical-align:top;
padding-top:20px;
padding-left:0px;
line-height:22px;
color:#585858;
}
.form-td-left {
width:127px;
height:33px;
text-align:right;
padding: 0 10px 10px 0px;
color:#4e4e4e;
}

.form-td-left span{
color:#FF0000;
}

.form-td-right {
width:383px;
height:33px;
text-align:left;
padding: 0 0 10px 0px;
}
.form-td-right input {
width:260px;
height:31px;
margin:0px;
line-height:31px;
text-align:left;
padding:0 0 0 5px;
color:#4e4e4e;
border:solid 1px #cccccc;
}
.form-td-right textarea {
width:260px;
height:100px;
margin:0px;
line-height:18px;
text-align:left;
padding:0 0 0 5px;
color:#4e4e4e;
border:solid 1px #cccccc;
}

.submit-but {
padding:0px;
width:75px;
margin:0px;
font-size:12px;
border: solid 1px #f98c3e;
height:33px;
color: #FFFFFF;
font-weight:bold;
cursor:pointer;
background:url(../images/org_bg.gif) repeat-x left top;
}
/*Contact us page end */

.pcolor {padding:0px; color:#7f7f7f; float:left; line-height:25px; text-align:left;}
.color-drop {padding:2px; color:#7f7f7f; float:left; width:150px; margin-left:15px;}
.psize {padding:10px 0 0 0px; color:#7f7f7f; float:left; line-height:25px;}
.size-drop {padding:2px; color:#7f7f7f; float:left; width:150px; margin:10px 0 0 22px;}
.qty {padding:0px; color:#7f7f7f; float:left; line-height:44px;}
.qty-input {width:35px; height:22px; float:left; margin:10px 0px 0 28px;}
.buynow {float:left; width:111px; height:44px; border:none; margin:10px 0 0 28px;}


.instock {color:#009933; font-size:16px; font-weight:bold;}
.outstock {color: #FF0000; font-size:16px; font-weight:bold;}

        .ratingStar
        {
            height: 14px;
        }
        .ratingStar .ratingItem
        {
            font-size: 0pt;
            width: 13px;
            height: 12px;
            margin: 0px;
            padding: 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
        .ratingStar .Filled
        {
            background-image: url(../images/ratingStarFilled.png);
        }
        .ratingStar .Empty
        {
            background-image: url(../images/ratingStarEmpty.png);
        }
        .ratingStar .Saved
        {
            background-image: url(../images/ratingStarSaved.png);
        }
        

.viewall
{
	float:right;
	height:30px;
	line-height:30px;
	padding-right:10px;
}        

.viewall a
{
	color:#000000;
	text-decoration:underline;
}        
.viewall a:hover
{
	color:#000000;
	text-decoration:none;
}        
/*Register page start */

.register-box{ 
float:left;
width:751px;
border:solid 1px #cccccc;
margin:10px 0 10px 0;
display:block; 
position:relative;
left:10px;
background-color:#ffffff;
padding:20px 0 0 227px;
}

.register-form {width:520px; float:left; background-color:#f6f6f6; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; padding-left:0px;}
.member-icon2 {float:left; background:url(../images/reg-icon.gif) no-repeat left; width:47px; height:41px;}

.fpassword-icon {float:left; background:url(../images/fpassword.gif) no-repeat left; width:47px; height:41px;}

.fheading { float:left; font-size:22px; line-height:41px; color:#4e4e4e; padding:0 0 0 10px; font-weight:bold;}
.ftext {float:left; color:#4e4e4e; padding:0 0 0 58px;}
.f-left {float:left; font-size:16px; color:#4e4e4e; font-weight:bold; padding:10px 5px 0 0px; width:145px; line-height:33px; text-align:right;}
.f-right {padding:10px 0 0 0px; float:left; width:370px;}
.reg-input{width:325px; height:33px; line-height:33px; border:solid 1px #cccccc; padding-left:5px;}
.fpassword {padding:5px 0 0 58px; float:left;}
.fpassword a {text-decoration:underline; color:#4e4e4e;}
.fpassword a:hover {text-decoration: none;
}

.reg-but {
font-family:Arial, Helvetica, sans-serif;
padding:0 10px 0 10px;
margin:0px;
font-size:12px;
border: solid 1px #f98c3e;
height:33px;
color: #FFFFFF;
font-weight:bold;
cursor:pointer;
background:url(../images/org_bg.gif) repeat-x left top;
}


.register-box2{ 
float:left;
width:100%;
border:solid 1px #ececec;
margin:0;
background-color:#fafafa;
padding:0;
box-sizing:border-box;
}
#pnlupdate{padding:0 10px;}
.rfheading { float:left; width:495px; margin-bottom:20px; height:61px; background:url(../images/register-heading.gif) no-repeat left;}


.rform-box {
float:left;
width:938px;
padding:0 20px 0 20px;


}


.rinput {background:url(../images/r-input-bg.gif) repeat-x left; float:left; border:solid 1px #d4d4d4; width:308px; height:38px; line-height:38px;}


.flside {float:left; width:123px; height:40px; line-height:40px; margin-bottom:20px; text-align:right; padding:0 10px 0 0;}
.frside {float:left; width:90px; height:40px; margin:0 0 20px 84px; line-height:40px; text-align:right; padding:0 10px 0 0;}


.day-dm {background:url(../images/r-input-bg.gif) repeat-x left; padding:10px 5px 10px 0px; float:left; border:solid 1px #d4d4d4; width:63px;}


.month-dm {background:url(../images/r-input-bg.gif) repeat-x left; padding:10px 5px 10px 0px; margin-left:20px; float:left; border:solid 1px #d4d4d4; width:77px;}


.year-dm {background:url(../images/r-input-bg.gif) repeat-x left; padding:10px 5px 10px 0px; margin-left:20px; float:left; border:solid 1px #d4d4d4; width:130px;}

.rinput2 {background:url(../images/r-input-bg.gif) repeat-x left; float:left; border:solid 1px #d4d4d4; width:149px; height:38px; line-height:38px;}

.reg-but2 {
cursor:pointer;
background:url(../images/new-acc.gif) no-repeat;
width:304px;
height:86px;
border:none;
}

.watermark{background:url(../images/r-input-bg.gif) repeat-x left; float:left; border:solid 1px #d4d4d4; width:149px; height:38px; line-height:38px;color:#aaaaaa;}

/*Register page end */


/*About page start */

.about-txt {float:left; width:700px; color:#515151; text-align:justify; padding:20px 0 0 0px;}

/*About page end */


/*Register page new2*/

.register-box3{ 
width:940px;
float:left;
margin:20px 0 20px 0;
background-color:#fafafa;
padding:0 0 0 30px;
}

.regi-form-box {
float:left;
width:898px;
color:#4e4e4e;
background-color:#f6f6f6;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
padding:0 20px 0 20px;
}
.regi-heading {color:#4e4e4e; font-size:23px; font-weight:bold; background:url(../images/reg-icon.gif) no-repeat left; line-height:26px; padding:0 0 0 50px;}

.regi-left-text {float:left; width:81px; text-align:right; line-height:33px; margin:0 10px 10px 0px; color:#4e4e4e;}

.regi-name-input {float:left; width:246px; height:31px; line-height:31px; border: solid 1px #c8c8c8; padding:0 5px 0 5px;}

.regi-right-text {float:left; width:129px; text-align:right; line-height:33px; margin-right:10px; color:#4e4e4e;}

.regi-input {float:left; width:322px; height:31px; line-height:31px; border: solid 1px #c8c8c8; padding:0 5px 0 5px;}





.regi-form-box span { color:#d00000; margin:0px;}









.regi-viewlink {float:left; line-height:33px; height:33px; padding:0 0 0 20px; color:#700708; background:url(../images/regi-view-icon.gif) no-repeat left; margin-left:10px;}
.regi-viewlink a {color:#700708; text-decoration:underline;}
.regi-viewlink a:hover {color:#700708; text-decoration:none;}

.regi-title
{
	border: solid 1px #c8c8c8; width: 71px; height: 33px; padding: 7px;
}
.regi-dd {
border: solid 1px #c8c8c8;
width: 70px;
height: 33px;
padding: 7px 5px 7px 5px;
text-align: left;
}
.regi-mm {
border: solid 1px #c8c8c8;
width: 105px;
height: 33px;
padding: 7px 5px 7px 5px;
text-align: left;
}
.regi-yy {
border: solid 1px #c8c8c8;
width: 70px;
height: 33px;
padding: 7px 5px 7px 5px;
text-align: left;
}
.regi-ddl
{
border: solid 1px #c8c8c8; width: 120px; height: 33px; padding: 7px 5px 7px 5px;
}
.pull-left{float:left; width:100%;}
.pinfo .pull-left{width:100%;}
.pull-right{float:right; width:328px; text-align:right;}
.pinfo .pull-right {
    text-align: left;
}
	.search_bg{
    float: right;
    width: 335px; margin-top:6px;}
#slideshow > img{visibility:hidden; width:100%; display:none;}
.right_arrow, .left_arrow{   /*  transform: scale(.5); -webkit-transform: scale(.5); */ margin-top:-15px; margin-left:5px;}	
.right_arrow{margin-left:-5px;}
ul.pro_list{margin:0px; padding:0px; list-style:none;}
	.pro_list li{float:left; width:25%; box-sizing:border-box; padding:10px;}
	.filter_by{display:none;}
		div.product-view{width:45%!important; float:left; }
	#pnlUpdateProduct{float:left; width:55%;}
	.content2 ul{list-style:none; padding:0px; margin:0px;}
	.content2 ul li{        padding: 6px 10px;
    border-bottom: 1px solid #fff;
    background: #f1f1f1;}
	.content2 ul li span{display:inline-block; width:200px; }
	.content2 ul strong{padding: 15px 10px 2px 0;
    display: block;
    color: #fa8e27;
    border-bottom: 1px solid #ddd;
    font-size: 13px;}
	.left-side{width:60%; float:left;}
	.right-side{width:50%; float:right;}
	.right-side{width:50%; float:right;}
.responsive.billGenretedTable .producttd2{position:relative}
    .responsive.billGenretedTable .producttd2 .productinfo {
        top: auto
    }
.prtable-table{margin-top:20px; border:1px solid #ddd;}
@media screen and (max-width:767px) {
    .logo img {
        width: 155px;
    }
	.rfheading {
    width:96%;
    background-size: contain;
}
.rform-box {
    width: 100%;
    box-sizing: border-box;
	padding:0 15px;
}
.flside {
    width: 100%;
    height: 35px;
    margin-bottom: 0;
    text-align: left;
    padding: 10px 10px 0 0;
}
.watermark {
    background: url(../images/r-input-bg.gif) repeat-x left;
    float: left;
    border: solid 1px #d4d4d4;
    width: 48%;
    height: 38px;
    line-height: 38px;
    color: #aaaaaa;
    box-sizing: border-box;
    margin: 0px!important;
    padding-left: 10px;
}
#txtLName{margin-left: 4%!important;}
.day-dm {
    width: 28%;
}
.month-dm {
    margin-left: 3%;
    width: 30%;
}
.year-dm {
    margin-left: 3%;
    width: 36%;
}
.pdtable {
    float: left;
    width: 100%;
    border: solid 1px #cccccc;
    margin: 0;
    box-sizing: border-box;
}
.frside {
    float: left;
    width: 100%;
    height: 35px;
    margin: 10px 0 0px 0px;
    line-height: 40px;
    text-align: left;
    padding: 0 10px 0 0;
}
.rinput {
    width: 100%;
}
	.viewcart span{position: absolute;
    top: 35px;
    width: 110px;
     z-index: 9999; 
    right: 55px;
    font-size: 12px;}
	.megamenu{display:none!important;}
	.menuIcon{display:inline-block;      margin-left: 6px;
    padding-right: 10px; vertical-align: super;}	
	.menuIcon span{width: 35px;
    height: 4px;
    background: #111;
    display: block; margin-bottom:3px;}
	body{font-size:13px;}
	.responsive table, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr { 
		display: block; 
	}
	.myaccount, .my-heading, .ychit, .profilebox, .cp-input-box, .cp-input {
    width: 100%; box-sizing:border-box;
	}
	.oder_details{font-size:12px;}
	table.oder_details tr td{background:none; width: 100%;
    box-sizing: border-box;     padding: 5px 8px 5px 50%;
    text-align: left;}
	.od-table {
    float: left;
    width: 100%;
    border: solid 0px #cccccc;
    margin: 0px 0 0 0px;
    background-color: #FFFFFF;
    box-sizing: border-box;
}
.responsive.oder_details{width: 100%;}
	.cptext {
    text-align: left;
    width: 100%;
    line-height: 34px;
    padding: 0 10px 0 0px;
    margin: 0 0 0px 0px;
}
	.proform {
    width: 100%;
    padding: 0 15px;
	    box-sizing: border-box;
}
.mc-box {
    width: 100%;
    left: 0px;
    padding: 0px;
    box-sizing: border-box;
}
.profiletext {
    float: none;
    text-align: left;
    width: auto;
    height: auto;
    line-height: 18px;
    padding: 0 5px 0 0px;
    margin: 5px 0 2px 0px;
}
.profile-input {
    width: 100%;
    height: 32px;
  
    box-sizing: border-box;
}
	.account_details {
    width: 100%;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.about{width:95%!important; box-sizing:border-box;}
	.about-txt {
    width: 100%;     padding-top: 28px;
    position: relative;
    line-height: 20px;
	}
	.about-txt:after{content:"About Us"; position:absolute; font-size:20px; font-weight: bold;
    top: 0px; left:0;}
	.responsive tr {   padding-bottom: 15px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+75,eeeeee+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 75%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 75%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 75%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #ddd;}
	.mob_hide{display:none!important;}
	.responsive td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 0px solid #ddd; 
		position: relative;
		    padding: 5px 8px 5px 70%; text-align:right;
	}
	.responsive.pointsWallet td {
    padding: 5px 8px 5px 50%;
    text-align: left;
    width: 100%!important;
    box-sizing: border-box;
	min-height:34px;
	}
	.pquantity {
    width: 35px;
    height: 25px;
    border: solid 1px #cccccc;
    line-height: 25px;
    text-align: center;
        position: absolute;
    top: -25px;
    left: 85px;
	border-radius:4px;
}
.removetd2 input[type="image"]{position: absolute;
    top: -31px;
    right: 8px;}
	.responsive td.qtytd2, .responsive td.removetd2{position:absolute;}
	.responsive td:nth-of-type(2){text-align:left; padding: 8px;}
	.responsive.oder_details td:nth-of-type(2), .responsive.oder_details.point_table td:nth-of-type(2){ padding: 5px 8px 5px 50%;}
	.responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 8px;
		width: 40%; 
		padding-right: 10px; 
		white-space: nowrap;
		 text-align:left;
	}
.responsive.oder_details td:before{font-weight:bold;}
.responsive {
    position: relative;
    padding-bottom: 0px;
}
.shoptext-l {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0px;
    margin-bottom: 0px;
    font-weight: normal;
    line-height: 18px;
    height: 18px;
}
.shoptext-r{width:100%;}
.pdtable {
    width: 100%;
    box-sizing: border-box;
	margin:0px;
}
	/*
	Label the data
	*/
	.responsive td:nth-of-type(1):before { content: "S.No"; }
	.responsive td:nth-of-type(2):before { content: ""; }
	.responsive td:nth-of-type(3):before { content: ""; }
	.responsive td:nth-of-type(4):before { content: ""; }
	.responsive td:nth-of-type(4):before { content: ""; }
    .responsive td:nth-of-type(5):before {content: "Points Per Unit";    }
	.responsive td:nth-of-type(6):before { content: "Net Pay (Per Unit)"; }
	.responsive td:nth-of-type(7):before { content: "Total"; }/* 
	.responsive td:nth-of-type(7):before { content: "Advance Pay (Per Unit)"; }
	.responsive td:nth-of-type(8):before { content: "Total"; } */
	
	.responsive.pointsWallet td:nth-of-type(1):before { content: "Date"; }
	.responsive.pointsWallet td:nth-of-type(2):before { content: "Code"; }
	.responsive.pointsWallet td:nth-of-type(3):before { content: "Description"; }
	.responsive.pointsWallet td:nth-of-type(4):before { content: "Points Earned"; }
	.responsive.pointsWallet td:nth-of-type(5):before { content: "Points Used"; }
	.responsive.pointsWallet td:nth-of-type(6):before { content: "Balance Points"; }
	.responsive.pointsWallet td:nth-of-type(2){padding: 5px 8px 5px 50%;}
	
	
	
	.responsive.oder_details td:nth-of-type(1):before { content: "S.N."; }
	.responsive.oder_details td:nth-of-type(2):before { content: "Date"; }
	.responsive.oder_details td:nth-of-type(3):before { content: "Order No."; }
	.responsive.oder_details td:nth-of-type(4):before { content: "Product Name"; }
	.responsive.oder_details td:nth-of-type(5):before { content: "Quantity"; }
	.responsive.oder_details td:nth-of-type(6):before { content: "Amount Paid"; }
	.responsive.oder_details td:nth-of-type(7):before { content: "Order Status"; }
	
	.responsive.oder_details.point_table td:nth-of-type(1):before { content: "Date"; }
	.responsive.oder_details.point_table td:nth-of-type(2):before { content: "Description"; }
	.responsive.oder_details.point_table td:nth-of-type(3):before { content: "Points Earned"; }
	.responsive.oder_details.point_table td:nth-of-type(4):before { content: "Points Used"; }
	.responsive.oder_details.point_table td:nth-of-type(5):before { content: "Balance Points"; }
	.responsive.oder_details.point_table td:nth-of-type(6):before { content: " "; }
	.responsive.oder_details.point_table td:nth-of-type(7):before { content: " "; }
	.responsive.oder_details.point_table td:nth-of-type(8):before { content: " "; }

    .responsive.billGenretedTable td.qtytd2 {
        position: relative;
        padding: 5px 8px 5px 70%;
        text-align: right;
    }
    .responsive.billGenretedTable .producttd2 {
        text-align: left;
        padding: 8px;
    }

    .responsive.billGenretedTable td:nth-of-type(1):before {
        content: "";
    }
    .responsive.billGenretedTable td:nth-of-type(2):before {
        content: "Quantity";
       
    }
    .responsive.billGenretedTable td:nth-of-type(3):before {
        content: "Points (Per Unit)";
    }
    .responsive.billGenretedTable td:nth-of-type(4):before {
        content: "Net Pay (Per Unit)";
    }
    .responsive.billGenretedTable td:nth-of-type(5):before {
        content: "Total";
    }
    
	
	
.responsive tr:nth-of-type(even) td{border-color:#ccc;}
	.sub_totle{    background: #ffffff;
    color: #111;
    margin-top: -1px; border-bottom: 1px solid #ddd;}
	.sub_totle td{border-color:#ccc;	}
.sc-box {
    width: 100%;
    left: 0px;
    box-sizing: border-box; border:0px; border-top:1px solid #ccc;      padding-bottom: 30px;
}
.login-box {
    float: left;
    width: 95%;
    border: solid 0px #cccccc;
    margin: 10px;
    left: 0px;
    background-color: #ffffff;
    padding: 20px 0 0 0px;
    box-sizing: border-box;
}
.login-form {
    width: 100%;
    box-sizing: border-box;
}
.login-box.chooseYourReward .login-form {
    width: 300px;
    border-radius: 10px;
    border: solid 1px #cccccc;
    margin: 0px auto 20px;
    padding: 15px;
    float: none;
}
.chooseYourReward #Div2, .chooseYourReward #Div1{margin: 0!important; text-align: center;}
.login-form div:nth-of-type(8){    width: 100%;
    box-sizing: border-box;}
	.login-input {
    width: 90%;
    padding-left: 5px;
}
.form-td-left {
    width: 30%;
}
.form-td-right {
    width: 70%;
}
.form-td-right textarea {
    width: 90%;
}
.form-td-right input {
    width: 90%;
}
.brand-box {
    width: 94%;
    box-sizing: border-box;
	margin: 10px 0 0 3%;
}
.producttd2, .brandtd2, .qtytd2, .removetd2, .pointstd2, .pricetd2, .totaltd2 {
    width: 100%;
    box-sizing: border-box;
	text-align:left;
}
.tr-height{height:auto;}
	.con-box{width:100%; box-sizing: border-box;}
	
	.fbox, .fbox table {
    width: 100%;
    box-sizing: border-box;
}
	.left-side, .right-side{width:100%; float:left;}
	#lblPName br{display:none;}
	    
.qty {
    padding: 0px;
    color: #333;
    float: left;
    line-height: 44px;
    font-weight: bold;
    font-size: 13px;
}
.qty-input {
    width: 40px;
    height: 25px;
    float: left;
    margin: 8px 0px 0 10px;
    border: 1px solid #ccc;
    padding: 2px 5px;
    border-radius: 4px;
}
	.buynow {
    margin: 0px 0 0 28px;
    
    position: relative;
	     z-index: 99999;
}
img.jqzoom {
    transform: scale(.8);
}
div.product-view div.product-img-box div.more-views li {
    border: solid 1px #ddd!important;
    padding:10px;
    text-align: center;
	height:auto;
}
div.product-view div.product-img-box div.more-views li a{float:none!important;}
.img_btn{width: 100%;
    height: 40px;
    font-size: 18px;
    background: #ff7735;
    position: relative;
    margin: 15px auto 0;
    float: left;
    position: fixed;
    bottom: 0px;
    z-index: 999;
    left: 0px; }
.orange-but{width: 100%;  position: fixed;
    bottom: 0px;
    z-index: 999; background:#ff7735; height:40px; line-height:0px; font-size:18px; font-weight:bold;
    left: 0px;}
	.grey-but{
    position: absolute;
    bottom: 133px;
    right: 0px;
    background: #9c9dab;
    width: 50%;
    color: #fff;
    font-size: 13px; top:auto; margin:0px;}
	#btnUpdateCart.grey-but{    position: absolute;
    
    left: 0px;
    background: #bbcd2a;
    width: 50%;}
.img_btn:after{content: "Buy Now"; 
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;     z-index: 0; }
	.pinfo {
        padding: 0 10px 15px;
    width: 100%;
    margin: 10px 0px 0;
    border: 0px;
    background: #e5e5e5;
}
.zoomdiv{    top: 0!important;
    left: 0!important;
    width: 100%!important;
    height: auto!important;
   border:10px solid #aaa!important;
    padding: 10px!important;
    box-sizing: border-box; position:fixed!important;     z-index: 999999!important;}
	img.bigimg  {
    transform: scale(.95);
	max-height:500px;
}
.content2 ul li span {
    display: inline-block;
    width: 100%;
    font-weight: bold;
}
.pinfo .pull-left{    width: 100%;
    margin-top: 10px;
    padding: 10px;
    box-sizing: border-box;
    background: #fff; }
div.product-view, #pnlUpdateProduct, .content2, #tabbed_box_1 {
    width: 100%!important; 
}
    #tabbed_box_1{left: 0px;
    padding: 0 0px;
    box-sizing: border-box;
}
.content2 {
   border:0px;
    box-sizing: border-box;
    
}
ul.tabs li a.active, .ul.tabs li a{border:0px;}
.tabbed_area {
    background-color: #e5e5e5;
    padding: 20px 10px 10px;
}
#pnlUpdateProduct{border-top: 1px solid #ccc; margin-top: 15px;}
	.next-but #PagingTop_lnkBtnNext:after, .next-but #PagingBottom_lnkBtnNext::after{bottom: 1px;}
	
.next-but #PagingTop_lnkbtnPrev:after, .next-but #PagingBottom_lnkbtnPrev::after{
    bottom: 1px;}

	.pbox2 img{max-height:150px; transform:scale(.75); -webkit-transform:scale(.75); min-height: 85px; }
	
	.filter_by{display:block;     float: right;
    margin: 12px 10px -8px 0;
    background: #9c9dab;
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;}
	.footer_fillter .pages-box, .footer_fillter .sortby{display:none!important;}
	.pro_list li{    width: 50%;
    height: auto;
    padding: 0px;
}
.pro_img {max-height:140px;}
	.show-pages{    text-align: left;
    line-height: 18px;
    color: #757575;
    font-size: 11px;
    padding-left: 10px;
    letter-spacing: 0.5px; }
	.sortby {
        min-width: 100%;
    padding: 0px 10px 10px;
    text-align: right;
    background: #e5e5e5;
    margin: -5px -10px 10px;
    border-bottom: 1px solid #ccc;
	display:none;
	font-size: 12px;

}
.sbutton {
 
    background: url(../images/search-button.png) no-repeat left;
	background-size: 100% 100%;
}
.page-num {
 
}
	.pages-box div {
    float: left;
    padding: 0;
	    width: 100%;
		    height: 40px!important;
}
	.pages-box {
		display:none;
    width: 100%;
        box-sizing: border-box;
    left: 0px;
	padding-bottom: 5px;
	    background-color: #e5e5e5;
	border:0px;
	border-top:1px solid #ccc; margin-bottom:0px;
	font-size:0px; 
}
.sbar{box-shadow:none;}
.listmenu{    width: 90%;
    margin-left: 5%;
    height: 35px;
    padding: 5px;
    background: #fff;
    border: 1px solid #ddd;}
.product-box {
    width: 100%;
    box-sizing: border-box;     padding: 0px; border-top:1px solid #ddd;
}
.pbox2{border:0px; border-bottom:1px solid #ddd; display: inline-block; width: 100%;
    padding: 13px 10px 0;     height: 285px;
    box-sizing: border-box; }
.pbox2 .pro_img{   background:url(../images/loader.gif) no-repeat center 35px #fff;    }

.pbox-td:nth-child(odd) .pbox2{border-right:1px solid #ddd;}
.sb2 {
    width: 100%;
    box-sizing: border-box;
}
	.sbutton {
    margin-left: -6px;     z-index: 9999;
    position: relative;
}
	.fixed{padding: 6px 6px 0 6px;
	box-shadow: 0 1px 4px 0 #d4d5d9;
	position:fixed;     background: #fff;
    width: 100%;
    box-sizing: border-box;     top: 0; left:0px;     z-index: 99999; height:130px;}
	#top {
      padding: 115px 0 8px;
}
	#main-container{width:100%;}
	#form1 #main-container{position:relative;}
	   .tlink{    position: absolute;
    top: 0;
    z-index: 9;
    right: 0px;
    background: #9c9dab;
    padding: 5px 10px 5px;
    color: #fff;
    text-align: right;
    width: 100%;
    box-sizing: border-box;
	   }
	  .tlink a{color:#fff;}
	  .tlink a:last-child{/* display:block; width:30px; height:24px; font-size:0px; background:url(../images/login.png) no-repeat center top; background-size: contain;     position: absolute;
    right: 0px;
    top: 36px;   */}
	  .viewcart a{width:30px; height:24px; font-size:0px; background:url(../images/cart.png) no-repeat center top; background-size: contain;    display: block;
    position: absolute;
    top: 35px;
    right: 18px;}
	.cartbasket {
    float: right;
    width: 14px;
    height: 14px;
    background: #f89613;
    color: #fff;
    font-size: 8px;
    font-weight: normal;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 33px;
    right: 10px;
}
.welcome-user{color: #000000;
    padding: 5px 10px 6px 10px;
     text-align: left; 
    margin-top: -13px;
    display: block;
    float: right;
    width: 100%;
    box-sizing: border-box;
    background: #f1f1f1;
    margin-bottom: 10px;}
.viewcart {
    padding: 0px 50px 0 10px;
    width: 120px;
    line-height: 14px;
}
	  .logo{width:auto; padding-top: 20px;}
	  .top-right{width:auto;     padding-top: 0px;}
	  .search_bg{width: 100%;
    margin: 0px;     padding: 0 10px;
    box-sizing: border-box; position: absolute;
    bottom: 8px; left:0px;}
	.sbar {
    width: calc(100% - 85px);
	}
	
    .menu {
    width: 100%;
    padding: 10px;
	display:none;	
    height:auto;
   background: rgba(0, 0, 0, 0.75);
    box-sizing: border-box;
    margin-top: 0px!important;
	position: absolute;
    z-index: 999999;
    top: 70px;
}
.menu li a {
    margin: 0px 0 1px;
}
.menu li, .menu li a, .menu li a span{width:100%; box-sizing: border-box;}
.menu li:first-child a{line-height:10px;}
.hshadaw {
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
}
.add-box {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0 10px 0px;
    padding: 0 0px 0 0px;
}
.add-box > table, .add-box > table td{width:100%;}
#slideshow, #slideshow DIV{height:auto;}
.pull-left{ width:100%; }
.pull-right{ width:100%; text-align:right;}
#slideshow DIV IMG {
    height: auto;
    width: 100%;
}
img{max-width:100%!important;  page-break-inside: avoid; }
.pull-right{display:none;}
.stepcarousel {
  
    width: 100%;
    height: 295px;     margin: 0px 0 10px 0px;
	border: 0px;
    background: #f1f1f1;
}
.stepcarousel .panel {
    padding: 10px;
	margin:0px;
    width: 414px;
    height: auto;
    box-sizing: border-box;
}
.pbox3 {
    float: left;
    width: 100%;
    height: 272px;
    margin-right: 0px;
	margin-left:0;
    padding: 0 5px 0 5px;     
    box-sizing: border-box;
}
.category-heading2{left:0px;}
.footer {
    width: 100%;
    height: auto;
    padding: 14px 0 40px 0px;
}
.bs-td{width:100%!important;  display: block;}
.br-td {
    display: block;
    width: 100%!important;
    height: 2px;
    background: #ccc;
    margin: 10px 0;
}
.cd-td {
    width: 100%;
    display: block;
}
.prsponsiveTable td{display:block; width:100%!important;    margin:10px 0;}
.pr-print-td, .pr-logo-td{text-align:center;}
.prtable-box table table td{width:60px!important;}
.prtable-box table table td.left-total-td, .prtable-box table table td.pro-td2{width:50%!important; height:auto!important;}
.pro-td2 table{width:100%!important;}
.prtable-box table table td.pro-td2 table td{width:100%!important; display:block; height:auto!important;     left: 0;}
#TB_window {
    width: 96%!important;
    margin: 0 auto!important;
    left: 2%!important;
    top: 35px;
    box-sizing: border-box;
}
#TB_window iframe{width:100%!important;}
}
@media screen and (max-width:412px){
.stepcarousel .panel {
    width: 412px;
}

}
@media screen and (max-width:375px){
.stepcarousel .panel {
    width: 375px;
}
}
@media screen and (max-width:360px){
.stepcarousel .panel {
    width: 360px;
}
}
@media screen and (max-width:320px){
.stepcarousel .panel {
    width: 320px;
}
.pbox3 {
    float: left;
    width: 100%;
    height: 272px;
    margin-right: 0px;
    padding: 0 5px 0 5px;
    box-sizing: border-box;
}
}