@charset "utf-8";
/* CSS Document */

img{width:auto;}
img{max-width:100%;}
a:hover{text-decoration:none;}
.strech-row {width:100%;float:left;display:block;}
.page-container {width:96%; margin:0 auto; clear:both;}
.row-page {width:100%;float:left; clear:both; }
.grey-back {background-color:#f5f5f5;padding:40px 0;border-bottom:1px #eeeeee solid;}
.grey-back2 {background-color:#f5f5f5;padding-top:40px; }
.page-title-left{ float:left;}
.page-title-left h1{ font-size:28px; font-family:'Open Sans', Arial, Helvetica, sans-serif;}
.page-title-right { float:right;padding-top:30px;}
.page-title-right p { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:13px; color:#888888;}
.page-title-right p a {color:#888888; text-decoration:none;}
.page-title-right p a:hover {color:#3da617;}

.padd-top{padding-top:30px;}

.cate      {    width:100%; margin:0 auto;  font-family:'Open Sans', Arial, Helvetica, sans-serif; }
#ddmenu    {    display:block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;    text-align:center; letter-spacing:normal;}
#ddmenu ul {    margin:0 auto;  padding:0;  text-align:center;  width:100%;  font-size:0;display:inline-block;list-style:none;    
                position:relative; z-index:1;  max-width:1400px; background:#fff; border-radius:4px;
		   }
#ddmenu li{     margin:0; padding:0;font-size:16px; display:inline-block; *display:inline;  zoom:1;  position:relative;    line-height:46px;    
                transition:background-color 0.2s;    outline:none;color:#717171;
          }
#ddmenu li.full-width {  position: static;}
#ddmenu li.auto-width {  position: static;}
#ddmenu li.over{color:#FFF;background-color:#F47C20;}
#ddmenu li.over.no-sub {}
#ddmenu .top-heading{font-weight:normal; white-space:nowrap;   margin:0 16px; color:inherit; text-decoration:none; display:inline-block; outline:0; cursor:pointer;}

#ddmenu li a, #ddmenu li a:link, #ddmenu li a:hover{color:inherit;}
#ddmenu li a:hover{    text-decoration:underline;}

#ddmenu li a:focus{outline:1px dotted #09F;}
    
/* caret(arrow icon) */
#ddmenu i.caret{color:inherit; left:-12px; width: 0;height: 0;  overflow:hidden; vertical-align:middle; margin-bottom:2px;  border-top: 4px solid;
    border-right: 4px solid transparent;border-left: 4px solid transparent; display: inline-block;   position:relative;
}  
#ddmenu .dropdown{  width:auto;left:0px;color:#000; padding:0;margin:0;display:none;position:absolute;top:100%; border:1px solid rgba(255,255,255,0.35);
border-top:none;border-radius:2px;background-color:rgba(0,0,0,0.1);background-color:#ccc \9;
}
#ddmenu li.full-width .dropdown { width:100%; padding:0; margin:0; margin-left:-1px; }
#ddmenu li.auto-width .dropdown { width:auto; padding:0; margin:0; margin-left:-1px; }
#ddmenu .dropdownstore{  width:auto;left:0px;color:#000; padding:0;margin:0;display:none;position:absolute;top:0%; border:1px solid rgba(255,255,255,0.35);
border-top:none;border-radius:2px;background-color:rgba(0,0,0,0.1);background-color:#ccc \9;
}
#ddmenu li.full-width .dropdownstore { width:100%; padding:0; margin:0; margin-left:-1px; }
#ddmenu li.auto-width .dropdownstore { width:auto; padding:0; margin:0; margin-left:-1px; }

#ddmenu .offset300 { left:-300px;right:auto;}
#ddmenu .right-aligned {left:auto; right:0px;}

#ddmenu li.over .dropdown{display:block;}
#ddmenu li.over .dropdownstore{display:block;}

#ddmenu .dd-inner { text-align:left; padding:20px; margin:16px; background-color:#FFF; white-space:nowrap;font-size:13px;line-height:1.35;}
#ddmenu .dd-innerstore { text-align:center; padding:20px; margin:16px; background-color:#FFF; white-space:nowrap;font-size:13px;line-height:1.35;}
  
/* ----------------links in sub menu-------------------*/
#ddmenu .dropdown a{ display:table-row;  *display:block;  color:#000;  line-height:22px;    text-decoration:none;    padding:0;}
#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus{ text-decoration:underline;  color:#09F;}

#ddmenu .dropdownstore a{color:#000;  line-height:22px;    text-decoration:none;    padding:0;}
#ddmenu .dropdownstore a:hover, #ddmenu .dropdownstore a:focus{ text-decoration:underline;  color:#09F;}

/* blocks within the sub-menu
-----------------------------*/
#ddmenu div.column{ text-align:left; vertical-align:top;/*or middle*/ display:inline-block;   *display:inline;*zoom:1; white-space:normal; width:170px; min-width:170px;
padding:0px 0px 0px 20px;border-right:1px solid #999; height:inherit;
}
#ddmenu div.dd-inner div:last-child{border-right:none;}
#ddmenu div.column h3 {font-weight: 600;line-height: 1.1;margin-top: 12px;margin-bottom: 0px; font-size: 14px;}
#ddmenu div.column h3 {text-transform:uppercase;}
#ddmenuLink {display:none;}
#ddmenu div.menu-icon { display:none; /* hide menu icon initially */}

/*-----------------------------*/
#ddmenu div.columnstore{ text-align:center; vertical-align:top;/*or middle*/ display:inline-block;   *display:inline;*zoom:1; white-space:normal; width:100%; min-width:100%;
padding:0px 5px 0px 5px;border-right:1px solid #999; height:inherit;
}
#ddmenu div.dd-innerstore div:last-child{border-right:none;}
#ddmenu div.columnstore h3 {font-weight: 600;line-height: 1.1;margin-top: 12px;margin-bottom: 0px; font-size: 14px;}
#ddmenu div.columnstore h3 {border:1px solid #FFF; float:left;width:15%; min-height:120px; max-height:120px; margin-right:10px; overflow:hidden;}

#ddmenu div.columnstore h3:hover {font-weight: 600;line-height: 1.1;margin-top: 12px;margin-bottom: 0px; font-size: 14px; float:left;width:15%; border:1px solid #00F; min-height:120px; max-height:120px; margin-right:10px; overflow:hidden;}
#ddmenuLink {display:none;}
#ddmenu div.menu-icon { display:none; /* hide menu icon initially */}



.sort-text{ color:#999999;}
.sort-text a{ color:#999999;}
.sort-text a:hover{ color:#999999;}

.cate-cols{width:23%; float:left; border:1px #e9e9e9 solid; background-color:#FFFFFF;}
.pad-right{ margin-right:2%;}
.pad-right:hover{border:1px solid #c48801;}
.bottom-grey{background-color:#f5f5f5; padding:2% 2%; width:100%; clear:both; float:left;}
.bottom-grey p{text-align:center; font-family:'Open Sans', Arial, Helvetica, sans-serif;}
.orange-text{ color:#c48801;  font-weight:bold;}
.orange-textBig{ color:#c48801;  font-size:16px; }
.red-text{ color:#F00; font-weight:bold; border-bottom:1px dotted #F00;}


/*  images effects */
.effects { width:100%; height:100%; }
.effects .img {  width:100%;  position:relative; }
.effects .img img {display: block;  max-width: 100%; padding:15px;  height: auto; width:100%;}
.overlay 
{            position: absolute;   z-index: 3;  background: rgba(255, 204, 102, 0.9);  overflow: hidden;  -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s; 
}

/*  details icon class div */
.detail  {  display: block;  position: absolute;  z-index: 2;  width: 60px;  height: 60px;  background-color:#FFFFFF;  text-align: center;
            color: #d79b13;   font-weight: 700;  font-size: 15px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  -ms-border-radius: 30px;
			-o-border-radius: 30px;  border-radius: 30px;
}

#effect-1 .overlay {  bottom: 0;  left: 0;  right: 0;  width:100%;  height: 0;}
#effect-1 .overlay .detail{  left: 20%;  right: 0;  bottom: 50%;  margin: 0 auto -30px auto;  padding-top:22px; } 
#effect-1 .img.hover .overlay {  height: 100%;}


/*  preview icon class div */
.previewicon {  display: block; position: absolute;  z-index: 2;  width: 60px;  height: 60px;  background-color:#FFFFFF;  text-align: center; 
                color: #d79b13;  font-weight: 700; font-size: 15px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  -ms-border-radius: 30px;
				-o-border-radius: 30px;  border-radius: 30px;
   }
#effect-1 .overlay .previewicon {  left: 0;  right:35%;  bottom: 50%;  margin: 0 auto -30px auto;  padding-top:22px;}
#effect-1 .img.hover .overlay { height: 100%;}

.dark-brown{ background-color:#efb634; color:#FFFFFF; width:100%; padding:2%; text-align:center; float:left; position:absolute; bottom:0; }


















/* view details divs */
.green-title { width:100%; padding:2.5% 2%; float:left; background:url(../images/bevel-effect.jpg) repeat-x #8bbf36; 
               border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family:'Open Sans', Arial, Helvetica, sans-serif; 
			 }
.green-title h1{ padding:0; margin:0; color:#FFFFFF; float:left; font-size:24px; padding-top:5px; }
.green-title ul{ padding:0; margin:0; list-style:none; float:right; color:#FFFFFF; font-size:13px; padding-top:6px; }
.green-title ul li{ display:inline; color:#FFFFFF; }
.green-title ul li a{color:#FFFFFF;}
.green-title ul li a:hover{color:#baff4a;}


/* product-left-outer */
.product-left-outer { width:31%; float:left; }
.product-left-inner { width:96%; border:2px solid #e2e2e4; float:left; padding-top:5px; text-align:center; }


/* product-right-outer */
.product-right-outer    { width:67%; float:left; font-family:'Open Sans', Arial, Helvetica, sans-serif; }
.product-right-outer h1 { font-size:28px; color:#717171; margin:0; font-weight:bold;}
.customer-review{ float:left;}
.customer-stars{ float:right;}
.product-right-outer p { font-size:14px; color:#717171;  line-height:21px; padding:12px 0px; }
.product-price  { width:100%; float:left; border-top:1px #e2e2e4 solid; border-bottom:1px #e2e2e4 solid; padding:10px 0px; 
			    margin-top:10px; margin-bottom:20px; font-size:28px; color:#F00; font-weight:100;
}
.add-number { width:100%; float:left;}
.add-number input[type="text"]{width:8%; padding:8px 8px; background-color:#f7f7f7; border:none; text-align:center; font-size:16px;}
.add-number button {width:8%; padding:8px 8px; background-color:#f7f7f7; border:none; text-align:center; font-size:16px; }
.cart-button    { padding:8px 15px; background-color:#337ab7; border:none; text-align:center; font-size:16px; color:#FFFFFF; 
                  cursor:pointer; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-transition: all 0.7s ease;
                  transition: all 0.7s ease;}		  
				  
.cart-button:hover { background-color:#286090;}

.cart-buttonfade    { padding:8px 15px; background-color:#999; border:none; text-align:center; font-size:16px; color:#FFFFFF; 
                  cursor:pointer; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-transition: all 0.7s ease;
                  transition: all 0.7s ease;}		  
				  
.cart-buttonfade:hover { background-color:#999;}

.sku-cate          {  width:100%; float:left; border-top:1px #e2e2e4 solid; border-bottom:1px #e2e2e4 solid; padding:15px 0px; 
			          margin:10px 0px; font-size:14px; color:#717171; }

.sku-cate-name          {  font-size:12px; color:#717171; }

/* SpryTabbedPanels div */
.TabbedPanels {	margin: 0px;	padding: 0px;	float: left;	clear: none;	width: 100%;}
.TabbedPanelsTabGroup {	margin: 0px;	padding: 0px;}
.TabbedPanelsTab { 	position: relative;	top: 1px;	float: left; padding: 8px 15px;	margin: 0px 1px 0px 0px;	font: bold 0.7em sans-serif;
	background-color: #DDD;	list-style: none;	border-left: solid 1px #f3f3f3;	border-bottom: solid 1px #f3f3f3;	border-top: solid 1px #f3f3f3;
	border-right: solid 1px #f3f3f3;	-moz-user-select: none;	-khtml-user-select: none;	cursor: pointer; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius:5px; font-size:15px;font-weight:normal;
	
}
.TabbedPanelsTabHover {	background-color: #CCC; }
.TabbedPanelsTabSelected {	background-color:#FFFFFF;	border-bottom: 1px solid #fff; }
.TabbedPanelsTab a {color: black;text-decoration: none; }
.TabbedPanelsContentGroup {	clear: both;	border: solid 1px #f3f3f3;	background-color:#FFFFFF; padding:15px; font-family:'Open Sans', Arial, Helvetica, sans-serif; }
.TabbedPanelsContentGroup h1 { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:24px; color:#717171; }

.TabbedPanelsContent {padding: 4px;}
.VTabbedPanels .TabbedPanelsTabGroup {float: left;	width: 10em;	height: 20em;	background-color: #EEE;	position: relative;
	border-top: solid 1px #999;	border-right: solid 1px #999;	border-left: solid 1px #CCC;	border-bottom: solid 1px #CCC;
}

.spry-img-outer{ width:100%; margin-top:20px;  }
.spry-img{ width:14%; float:left; background-color:#FFFFFF; padding:10px; margin-right:20px; box-shadow: 0px 0px 10px 3px rgba(222,222,222,0.50); }

.VTabbedPanels .TabbedPanelsTab  {float: none;	margin: 0px;	border-top: none;	border-left: none;	border-right: none;}
.VTabbedPanels .TabbedPanelsTabSelected {background-color: #EEE;	border-bottom: solid 1px #999;}
.VTabbedPanels .TabbedPanelsContentGroup {	clear: none;	float: left;	padding: 0px;	width: 30em;	height: 20em;}

/* SpryTabbedPanels div end */

.hr-line{border-bottom:1px #e2e2e4 solid; float:left;  width:100%; height:50px; margin-bottom:20px;}

/* realated section div */
.related-section { width:100%; float:left; clear:both; padding-bottom:36px;}
.related-section h1 {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:24px; color:#717171; font-weight:normal; padding-bottom:10px;}
.related-row { width:100%; float:left;}
.related-col{ width:23.3%; float:left; background-color:#FFFFFF; border:1px #f0f0f0 solid; padding:5px;-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
.related-col:hover{-webkit-transform:scale(1.1);transform:scale(1.1); cursor:pointer;}
.related-inner-product{ width:100%; background-color:#f8f8f8; padding:15px 0px; text-align:center; }
.related-inner-data{ width:100%; padding:10px 0px; text-align:center; color:#5d5d5d; font-size:14px;}
.light-grey2{color:#a3a3a3;}

.u-pad{ margin-right:2%;}




/*------------ proceed-to-checkout divs-------------- */
.returning-customer{ width:100%; padding: 30px 40px;		background-image: -moz-linear-gradient(top, #fcfbfc, #f0eff0);
	background-image: -ms-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: -webkit-linear-gradient(top, #fcfbfc, #f0eff0);
	background-image: -o-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: linear-gradient(top, #fcfbfc, #f0eff0);
	border-radius: 3px;	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.6);	position:relative;	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	color: #404040; font-size:13px; margin-bottom:20px;
}
.top-bevel  { width:100%; height:3px; position:absolute; background-color:#efb634; left:0; top:0; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.small-rect { width:20px; height:22px; position:absolute; background-color:#efb634; left:10px; top:0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}

.clicktxt   {color:#efb634;}
.clicktxt a  {color:#efb634;}
.clicktxt a:hover   {color:#1b69de;}

.billing-outer{width:100%; float:left;}
.billing-left{width:48%; float:left;}
.billing-left h1{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:26px; }
.billing-left ul{ padding:0; margin:0; list-style:none;  }
.billing-left ul li{ color:#666666; font-weight:normal; padding-bottom:15px; }
.billing-left ul li input { width:99%; padding:1%; border:1px #cecece solid; }
.billing-left ul li label { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:500; color:#646464; }
.billing-left ul li select { width:100%; background-image: -moz-linear-gradient(top, #fcfbfc, #f0eff0);
	background-image: -ms-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: -webkit-linear-gradient(top, #fcfbfc, #f0eff0);
	background-image: -o-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: linear-gradient(top, #fcfbfc, #f0eff0);
	border-radius: 3px;	font-family:'Open Sans', Arial, Helvetica, sans-serif; 
	color: #404040; font-size:13px; border:1px #cecece solid; padding:1%;}
	


.billing-right{width:48%; float:right;}
.billing-right h1{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:26px; }
.billing-right ul{ padding:0; margin:0; list-style:none;  }
.billing-right ul li{ color:#666666; font-weight:normal; padding-bottom:15px; }
.billing-right ul li input { width:99%; padding:1%; border:1px #cecece solid; }
.billing-right ul li label { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:500; color:#646464; }
.billing-right ul li select { width:100%; background-image: -moz-linear-gradient(top, #fcfbfc, #f0eff0);
	background-image: -ms-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: -webkit-linear-gradient(top, #fcfbfc, #f0eff0);
	background-image: -o-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: linear-gradient(top, #fcfbfc, #f0eff0);
	border-radius: 3px;	font-family:'Open Sans', Arial, Helvetica, sans-serif; 
	color: #404040; font-size:13px; border:1px #cecece solid; padding:1%;}	
	
.billing-right ul li input[type="checkbox"]{ width:40px; padding:0; margin-left:-15px;}
.billing-right ul li textarea { width:99%; padding:1%; border:1px #cecece solid; }


.showsection{ width:100%; float:left; }
.showsection p{ padding:15px 0px; color:#666666;}


.order-title { width:100%; padding-top:5px; float:left;}
.order-title h1 { font-family:'Open Sans', Arial, Helvetica, sans-serif; 	color:#000000; font-size:24px;}
.order-section { width:100%; float:left; background-color:#FFFFFF; border:3px #e5e5e5 solid; font-family:'Open Sans', Arial, Helvetica, sans-serif; 
                 margin-bottom:30px; padding-bottom:30px;}	

.order-section p  
{ 
background-image: -moz-linear-gradient(top, #75cc24, #4c9e16);
background-image: -ms-linear-gradient(top, #75cc24, #4c9e16);	background-image: -webkit-linear-gradient(top, #75cc24, #4c9e16);
background-image: -o-linear-gradient(top, #75cc24, #4c9e16);	background-image: linear-gradient(top, #75cc24, #4c9e16);
font-family: Arial, Helvetica, sans-serif; 	color:#FFFFFF; font-size:15px; padding:12px 30px;    
border:none; border-radius:3px; margin-left:5px; width:230px;
}
.order-section p:hover  
{ 
background-image: -moz-linear-gradient(top, #5cb906, #317703);
background-image: -ms-linear-gradient(top, #5cb906, #317703);	background-image: -webkit-linear-gradient(top, #5cb906, #317703);
background-image: -o-linear-gradient(top, #5cb906, #317703);	background-image: linear-gradient(top, #5cb906, #317703);
font-family: Arial, Helvetica, sans-serif; 	color:#FFFFFF; font-size:15px; padding:12px 30px;    
border:none; border-radius:3px; 
}                 
                 
.order-inner { width:98%; margin:0 auto; padding-top:30px; font-family:'Open Sans', Arial, Helvetica, sans-serif;}

.shiped-outer{ width:100%; float:left; padding-bottom:20px;}
.comment-arrow{ padding-left:20px;}
.shiped-block{ width:100%; background-image: -moz-linear-gradient(top, #ebe7eb, #d0d0d0);
	background-image: -ms-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: -webkit-linear-gradient(top, #ebe7eb, #d0d0d0);
	background-image: -o-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: linear-gradient(top, #ebe7eb, #d0d0d0);
	border-radius: 5px;	font-family:'Open Sans', Arial, Helvetica, sans-serif; 
	color:#625e5e; font-size:13px;  padding:2%; text-shadow:1px 1px 1px #fff;}

.bank-trans-section { width:98%; margin:0 auto;  }
.bank-trans-section ul { padding:0; margin:0; list-style:none; }
.bank-trans-section ul li { padding:5px 0px; }
.bank-trans-section  input[type="submit"]  { float:right; width:200px; background-image: -moz-linear-gradient(top, #75cc24, #4c9e16);
	background-image: -ms-linear-gradient(top, #75cc24, #4c9e16);	background-image: -webkit-linear-gradient(top, #75cc24, #4c9e16);
	background-image: -o-linear-gradient(top, #75cc24, #4c9e16);	background-image: linear-gradient(top, #75cc24, #4c9e16);
	border-radius: 5px;	font-family:'Open Sans', Arial, Helvetica, sans-serif; 
	color:#FFFFFF; font-size:18px; border:1px #4c9e16 solid; padding:1% 0;}
.bank-trans-section  input[type="submit"]:hover  { width:200px; background-image: -moz-linear-gradient(top, #5cb906, #317703);
background-image: -ms-linear-gradient(top, #5cb906, #317703);	background-image: -webkit-linear-gradient(top, #5cb906, #317703);
background-image: -o-linear-gradient(top, #5cb906, #317703);	background-image: linear-gradient(top, #5cb906, #317703);
	border-radius: 5px;	font-family:'Open Sans', Arial, Helvetica, sans-serif; 
	color:#FFFFFF; font-size:18px; border:1px #76456c solid; padding:1% 0;}
	
/*------------ proceed-to-checkoutt divs end------------ */




/*----- view cart divs--------------*/
.cart-title{ width:100%; border-bottom:3px #046bde solid;}
.cart-title ul{ padding:0; margin:0; list-style:none; font-size:17px; font-family:'Open Sans', Arial, Helvetica, sans-serif;}
.cart-title ul li{ display:inline-block; padding:10px; margin-bottom:0;}
.cart-title ul li a{ text-decoration:none; color:#333333;}
.cart-title ul li a:hover{ color:#046bde;}
.cart-title .current-menu-item { color:#FFFFFF;	font-weight: bold;	background-color:#046bde; 	border-top-left-radius:4px; border-top-right-radius:4px; padding:12px 15px;}
.txt-head1{font-size:14px; color:#000000; font-family:'Open Sans', Arial, Helvetica, sans-serif;}
.txt-grey{font-size:11px; color:#5d5d5d; font-family:'Open Sans', Arial, Helvetica, sans-serif;}
.txt-grey2{font-size:12px; color:#5d5d5d; font-family:'Open Sans', Arial, Helvetica, sans-serif;}

.txt-org{font-size:12px; color:#f29606; font-family:'Open Sans', Arial, Helvetica, sans-serif;}
.txt-org a{color:#f29606; font-weight: bold;}
.txt-org a:hover{color:#013dea; font-weight: bold;}


.cart-table  { width:100%; float:left; font-family:'Open Sans', Arial, Helvetica, sans-serif;}
.tab-title   { width:100%; background-color:#f2f2f2; float:left; font-size:13px;}
.title-col1   { width:40%; float:left; border-right:1px #e4e4e4 solid;  padding:10px 0px;}
.title-col2   { width:6%; float:left; border-right:1px #e4e4e4 solid; text-align:center;  padding:10px 0px;}
.title-col3   { width:15%; float:left; border-right:1px #e4e4e4 solid; text-align:center;  padding:10px 0px;}
.title-col4   { width:25%; float:left; border-right:1px #e4e4e4 solid; text-align:center;  padding:10px 0px;}
.title-col5   { width:7%; float:left; text-align:center;  padding:10px 0px;}

.item-details { width:100%; float:left; background-color:#FFFFFF; border-top:1px #dddddd solid; font-size:13px;}
.data-col1   { width:40%; height:180px; float:left; border-right:1px #e4e4e4 solid;  padding:10px 0px;}
.data-col2   { width:6%; height:180px; float:left; border-right:1px #e4e4e4 solid; text-align:center;  padding:10px 0px;}
.data-col3   { width:15%; height:180px; float:left; border-right:1px #e4e4e4 solid; text-align:center;  padding:10px 0px;}
.data-col4   { width:25%; height:180px; float:left; border-right:1px #e4e4e4 solid; text-align:center;  padding:10px 0px;}
.data-col5   { width:7%; height:180px; float:left; text-align:center;  padding:10px 0px;}

.uniqu-item            { width:100%; }
.uniqu-left            { width:25%; float:left; }
.uniqu-right           { width:70%; float:left; }

.thirtyday-outer       { width:100%; float:left; }
.thiry-left            { float:left; color:#cccccc;  font-size:13px; font-style:italic;}
.thiry-right           { float:right; color:#1b66ff;  font-size:13px; padding-right:20px;}

.quty-input            { width:70%; border:none; border:1px #cdcdcd solid; padding:5px; text-align:center;}



.estimate-sec{  background-color:#f2f2f2; color:#565656; width:50%; float:right;  padding:10px 10px; text-align:right; 
               font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:22px; border-top:1px #dddddd solid;}
.order-area{ width:100%; float:left; background-color:#FFFFFF; border-bottom:1px #dddddd solid; border-top:1px #dddddd solid; padding:10px;}
.order-area-left{ float:left; width:240px; -webkit-transition: all 0.7s ease;    transition: all 0.7s ease;}
.order-area-left input{  border:none; padding:10px;  border:1px #cccccc solid;}
.order-area-left input[type="submit"]  
{ 
background-image: -moz-linear-gradient(top, #1c85fb, #0968d2);
background-image: -ms-linear-gradient(top, #1c85fb, #0968d2);	background-image: -webkit-linear-gradient(top, #1c85fb, #0968d2);
background-image: -o-linear-gradient(top, #1c85fb, #0968d2);	background-image: linear-gradient(top, #1c85fb, #0968d2);
font-family: Arial, Helvetica, sans-serif; 	color:#FFFFFF; font-size:15px; padding:10px 12px; border:none;   
-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
}
.order-area-left input[type="submit"]:hover  
{ 
background-image: -moz-linear-gradient(top, #fcd22c, #f0bf00);
background-image: -ms-linear-gradient(top, #fcd22c, #f0bf00);	background-image: -webkit-linear-gradient(top, #fcd22c, #f0bf00);
background-image: -o-linear-gradient(top, #fcd22c, #f0bf00);	background-image: linear-gradient(top, #fcd22c, #f0bf00);
font-family: Arial, Helvetica, sans-serif; 	color:#000000; font-size:15px;    
-webkit-transition: all 0.7s ease;    transition: all 0.7s ease;
}

.order-area-left p  
{ 
background-image: -moz-linear-gradient(top, #75cc24, #4c9e16);
background-image: -ms-linear-gradient(top, #75cc24, #4c9e16);	background-image: -webkit-linear-gradient(top, #75cc24, #4c9e16);
background-image: -o-linear-gradient(top, #75cc24, #4c9e16);	background-image: linear-gradient(top, #75cc24, #4c9e16);
font-family: Arial, Helvetica, sans-serif; 	color:#FFFFFF; font-size:15px; padding:12px 30px;    
border:none; border-radius:3px; margin-right:5px; 
}
.order-area-left p:hover  
{ 
background-image: -moz-linear-gradient(top, #5cb906, #317703);
background-image: -ms-linear-gradient(top, #5cb906, #317703);	background-image: -webkit-linear-gradient(top, #5cb906, #317703);
background-image: -o-linear-gradient(top, #5cb906, #317703);	background-image: linear-gradient(top, #5cb906, #317703);
font-family: Arial, Helvetica, sans-serif; 	color:#FFFFFF; font-size:15px; padding:12px 30px;    
border:none; border-radius:3px; 
}

.order-area-right{width:395px;  float:right; text-align:right; -webkit-transition: all 0.7s ease;    transition: all 0.7s ease; }


.btn-place-holder{ float:right;}
.btn-place-holder input[type="submit"]  
{
background-image: -moz-linear-gradient(top, #75cc24, #4c9e16);
background-image: -ms-linear-gradient(top, #75cc24, #4c9e16);	background-image: -webkit-linear-gradient(top, #75cc24, #4c9e16);
background-image: -o-linear-gradient(top, #75cc24, #4c9e16);	background-image: linear-gradient(top, #75cc24, #4c9e16);
font-family: Arial, Helvetica, sans-serif; 	color:#FFFFFF; font-size:15px; padding:12px 30px;    
border:none; border-radius:3px; 
}
.btn-place-holder p  
{
background-image: -moz-linear-gradient(top, #75cc24, #4c9e16);
background-image: -ms-linear-gradient(top, #75cc24, #4c9e16);	background-image: -webkit-linear-gradient(top, #75cc24, #4c9e16);
background-image: -o-linear-gradient(top, #75cc24, #4c9e16);	background-image: linear-gradient(top, #75cc24, #4c9e16);
font-family: Arial, Helvetica, sans-serif; 	color:#FFFFFF; font-size:15px; padding:12px 30px;    
border:none; border-radius:3px; margin-right:5px; 
}
.btn-place-holder p:hover  
{
background-image: -moz-linear-gradient(top, #5cb906, #317703);
background-image: -ms-linear-gradient(top, #5cb906, #317703);	background-image: -webkit-linear-gradient(top, #5cb906, #317703);
background-image: -o-linear-gradient(top, #5cb906, #317703);	background-image: linear-gradient(top, #5cb906, #317703);
font-family: Arial, Helvetica, sans-serif; 	color:#FFFFFF; font-size:15px; padding:12px 30px;    
border:none; border-radius:3px; 
}

.btn-place-holder input[type="submit"]:hover  
{ 
background-image: -moz-linear-gradient(top, #5cb906, #317703);
background-image: -ms-linear-gradient(top, #5cb906, #317703);	background-image: -webkit-linear-gradient(top, #5cb906, #317703);
background-image: -o-linear-gradient(top, #5cb906, #317703);	background-image: linear-gradient(top, #5cb906, #317703);
font-family: Arial, Helvetica, sans-serif; 	color:#FFFFFF; font-size:15px; padding:12px 30px;    
border:none; border-radius:3px; 
}


.btn-conti-shop{float:right; margin-right:10px;}
.btn-conti-shop input[type="submit"]  
{

background-image: -moz-linear-gradient(top, #fafafa, #ebebeb);
background-image: -ms-linear-gradient(top, #fafafa, #ebebeb);	background-image: -webkit-linear-gradient(top, #fafafa, #ebebeb);
background-image: -o-linear-gradient(top, #fafafa, #ebebeb);	background-image: linear-gradient(top, #fafafa, #ebebeb);
font-family: Arial, Helvetica, sans-serif; 	color:#666666; font-size:15px; padding:12px 10px;    
border:none; border-radius:3px; border:1px #dcdcdc solid;
}

.secure-outer{ width:100%; background-color:#f9f9f9; border-bottom:1px #dddddd solid; padding:15px; font-family: Arial, Helvetica, sans-serif;}
.secure-left{float:left; width:550px; font-size:14px; color:#949494; -webkit-transition: all 0.7s ease;    transition: all 0.7s ease;}
.secure-left ul{ padding:0; margin:0; list-style:none;}
.secure-left ul li{ display:inline-block; padding:0 10px; border-right:2px #949494 solid; line-height:18px; }
.secure-left ul li img{ float:left; padding-right:5px;  }

.small-gry { font-size:10px;}

.secure-right{float:right; width:230px; text-align:right; -webkit-transition: all 0.7s ease;    transition: all 0.7s ease;}


































/*  Media Queries */

/* For larger displays */
@media (min-width: 1000px) and (max-width: 1200x) 
{
  .effects {   padding-left: 5px;  }
  .effects .img {    width: 100%;  }
  .effects .img:nth-child(n) {margin-right: 5px;  }
  .effects .img:first-child {margin-left: 0; }
  .effects .img:nth-child(2n-1) { margin-left: 5px;  }
  .effects .img:nth-child(2n) {margin-right: 0; }
  .effects .img:last-child { margin-right: 0; }
}
/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) 
{
/*  images effects */
.effects { width:100%; height:100%; }
.effects .img {  width:100%;  position: relative; }
.effects .img img {display: block;  max-width: 100%; padding:15px;  height: auto; width:100%;}
.overlay 
{            position: absolute;   z-index: 3;  background: rgba(255, 204, 102, 0.9);  overflow: hidden;  -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s; margin-left:0px;
}

/*  details icon class div */
.detail  {  display: block;  position: absolute;  z-index: 2;  width: 40px;  height: 40px;  background-color:#FFFFFF;  text-align: center;
            color: #d79b13;   font-weight: 700;  font-size: 15px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  -ms-border-radius: 30px;
			-o-border-radius: 30px;  border-radius: 30px;
}

#effect-1 .overlay {  bottom: 0;  left: 0;  right: 0;  width:100%;  height: 0;}
#effect-1 .overlay .detail{  left: 25%;  right: 0;  bottom: 70%;  margin: 0 auto -30px auto;  padding-top:12px; } 



/*  preview icon class div */
.previewicon {  display: block; position: absolute;  z-index: 2;  width: 40px;  height: 40px;  background-color:#FFFFFF;  text-align: center; 
                color: #d79b13;  font-weight: 700; font-size: 15px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  -ms-border-radius: 30px;
				-o-border-radius: 30px;  border-radius: 30px;
   }
#effect-1 .overlay .previewicon {  left: 0;  right:35%;  bottom: 70%;  margin: 0 auto -30px auto;  padding-top:12px;}
.dark-brown{ background-color:#efb634; color:#FFFFFF; width:100%; position:absolute; bottom:0; padding:2%; text-align:center; float:left; font-size:12px; line-height:17px; }

.order-area{ width:100%; background-color:#FFFFFF; border-bottom:1px #dddddd solid; border-top:1px #dddddd solid; padding:20px 0px;}
.order-area-right{ width:360px;  float:right; text-align:right;}
.btn-conti-shop{float:right; margin-right:5px;}
.btn-place-holder input[type="submit"]  {padding:12px 20px;    }
.btn-place-holder input[type="submit"]:hover{ padding:12px 20px; }

.secure-outer{padding:20px 0px;}
.secure-right{padding-right:20px;}


}
/* For tablets & smart phones */
@media (max-width: 767px) 
{
.cate-cols{width:100%; float:left; border:1px #e9e9e9 solid; background-color:#FFFFFF; margin-bottom:30px;}
 /*  images effects */

/*  details icon class div */
.detail  {  width: 80px;  height: 80px;   font-size: 25px;  -webkit-border-radius:80px;  -moz-border-radius: 80px;  -ms-border-radius:80px;
			-o-border-radius: 80px;  border-radius: 80px;
}
#effect-1 .overlay .detail{  left: 15%;  right: 0;  bottom: 50%;  margin: 0 auto -30px auto;  padding-top:26px; } 

/*  preview icon class div */
.previewicon {  width: 80px;  height: 80px;  font-weight: 700; font-size: 25px;  -webkit-border-radius: 80px;  -moz-border-radius: 80px;  -ms-border-radius: 80px;
				-o-border-radius: 80px;  border-radius: 80px;
   }
#effect-1 .overlay .previewicon {  left: 0;  right:20%;  bottom: 50%;  margin: 0 auto -30px auto;  padding-top:26px;}
.dark-brown{ font-size:17px; }
.bottom-grey p{text-align:center; font-size:18px;}

.page-title-left{ float:none; text-align:center;}
.page-title-right { float:none;padding-top:30px;}


#ddmenu li div.column.mayHide {display:none; }
#ddmenu ul {width: 100%; display: none; border-radius:0; background:#fff; border:1px solid rgba(239,182,52,1.0);font-family: 'Open Sans', sans-serif;}
#ddmenu li {position:relative; display:block; font-size:20px;text-align:left;
	 border-bottom: 1px dotted #f0f0f0 !important;
	 font-size: 14px;
	 color:#717171;
	 }
#ddmenu li.full-width {position: relative;}
#ddmenu li.auto-width {position: relative;}
#ddmenu li .dropdown {position:relative; *top:auto;border:none;border-radius:0; box-shadow:none;text-align:left; background-color:#FFF; }
#ddmenu .offset300 {left:0; }
#ddmenu li.full-width div.dropdown {width: auto;}
#ddmenu li.auto-width div.dropdown {width: auto;}
#ddmenu li .dropdownstore {position:relative; *top:auto;border:none;border-radius:0; box-shadow:none;text-align:left; background-color:#FFF; }
#ddmenu .offset300 {left:0; }
#ddmenu li.full-width div.dropdownstore {width: auto;}
#ddmenu li.auto-width div.dropdownstore {width: auto;}
#ddmenu .dd-inner{ margin:0; background:none; text-align:left;
z-index: 99999;
		    position: absolute;
    margin-left: 225px;
    margin-top: -47px;
	 background-color: #ddd;
}
#ddmenu .dd-innerstore{ margin:0; background:none; text-align:center;}
#ddmenu li div.column {width:auto;padding:0;border:none; display:block;}
 /*move the arrow icon to right*/
#ddmenu i.caret { position:absolute; left:auto; right:14px;top:20px; border-width:5px;}
/* All the following are for the div.menu-icon (pure CSS) */
#ddmenu div.menu-icon {font-size:20px;/*icon size*/	display: block;position: relative; width: 100%;	line-height:36px; cursor: pointer;
		-moz-user-select:none;	-webkit-user-select: none; background-color: #eee; border-radius: 3px;    padding:8px; 
}
#ddmenu div.menu-icon::before {content: ""; position: absolute;top: 1em;left: 15px;width: 1em;height: 0.125em;border-top: 0.375em double #333; 
border-bottom: 0.125em solid #333; color:#FFFFFF;        box-sizing: content-box;
}
#ddmenu div.menu-icon-active {background-color: #333;}
#ddmenu div.menu-icon-active::before { border-color: #eee;}






	



	
	
/* product-detail-page */	
.product-left-outer { width:100%; float:none;  }	
.product-right-outer    { width:100%; float:none; font-family:'Open Sans', Arial, Helvetica, sans-serif; padding-top:30px;  clear:both;}
.related-col{ width:100%; float:none;  border:1px #f0f0f0 solid; padding:5px; margin-bottom:30px;}	
.related-inner-product img{ width:60%; }
.related-inner-data{font-size:18px;}
.spry-img{ width:40%; float:left; background-color:#FFFFFF; padding:10px; margin-right:20px; box-shadow: 0px 0px 10px 3px rgba(222,222,222,0.50); margin-bottom:20px; }
.spry-img img{ width:100%; }
.green-title h1{ padding:0; margin:0; color:#FFFFFF; float:none; font-size:28px; padding-top:5px; text-align:center; }
.green-title ul{ padding:0; margin:0 auto; list-style:none; float:none; color:#FFFFFF; font-size:15px; padding-top:6px; width:50%; }
		
  
}
/* For smartphones */
@media (max-width: 480px) 
{
.cate-cols{width:100%; float:left; border:1px #e9e9e9 solid; background-color:#FFFFFF; margin-bottom:30px;}

/*  details icon class div */
.detail  {  width: 60px;  height: 60px;   font-size: 20px;  -webkit-border-radius:80px;  -moz-border-radius: 80px;  -ms-border-radius:80px;
			-o-border-radius: 80px;  border-radius: 80px;
}
#effect-1 .overlay .detail{  left: 15%;  right: 0;  bottom: 60%;  margin: 0 auto -30px auto;  padding-top:20px; } 

/*  preview icon class div */
.previewicon {  width: 60px;  height: 60px;  font-weight: 700; font-size: 20px;  -webkit-border-radius: 80px;  -moz-border-radius: 80px;  -ms-border-radius: 80px;
				-o-border-radius: 80px;  border-radius: 80px;
   }
#effect-1 .overlay .previewicon {  left: 0;  right:25%;  bottom: 60%;  margin: 0 auto -30px auto;  padding-top:20px;}
.dark-brown{ font-size:17px; }
.bottom-grey p{text-align:center; font-size:18px;}
#ddmenu li div.column.mayHide {display:none; }
#ddmenu ul {width: 100%; display: none; border-radius:0; border:1px solid rgba(239,182,52,1.0)  }
#ddmenu li {position:relative; display:block; text-align:left; }
#ddmenu li.full-width {position: relative;}
#ddmenu li.auto-width {position: relative;}
#ddmenu li .dropdown {position:relative; *top:auto;border:none;border-radius:0; box-shadow:none;text-align:left; background-color:#FFF; }
#ddmenu .offset300 {left:0; }
#ddmenu li.full-width div.dropdown {width: auto;}
#ddmenu li.auto-width div.dropdown {width: auto;}
#ddmenu li .dropdownstore {position:relative; *top:auto;border:none;border-radius:0; box-shadow:none;text-align:left; background-color:#FFF; }
#ddmenu .offset300 {left:0; }
#ddmenu li.full-width div.dropdownstore {width: auto;}
#ddmenu li.auto-width div.dropdownstore {width: auto;}
#ddmenu .dd-inner{ margin:0; background:none; text-align:left;}
#ddmenu .dd-innerstore{ margin:0; background:none; text-align:center;}
#ddmenu .dd-store{ margin:0; background:none; text-align:center;}
#ddmenu li div.column {width:auto;padding:0;border:none; display:block;}
 /*move the arrow icon to right*/
#ddmenu i.caret { position:absolute; left:auto; right:14px;top:20px; border-width:5px;}
/* All the following are for the div.menu-icon (pure CSS) */
#ddmenu div.menu-icon {font-size:20px;/*icon size*/	display: block;position: relative; width: 100%;	line-height:36px; cursor: pointer;
		-moz-user-select:none;	-webkit-user-select: none; background-color: #eee; border-radius: 3px;    padding:8px; 
}
#ddmenu div.menu-icon::before {content: ""; position: absolute;top: 1em;left: 15px;width: 1em;height: 0.125em;border-top: 0.375em double #333; 
border-bottom: 0.125em solid #333; color:#FFFFFF;        box-sizing: content-box;
}
#ddmenu div.menu-icon-active {background-color: #333;}
#ddmenu div.menu-icon-active::before { border-color: #eee;}








/* product-detail-page */	
.spry-img{ width:100%; float:left; background-color:#FFFFFF; padding:10px; margin-right:20px; box-shadow: 0px 0px 10px 3px rgba(222,222,222,0.50); margin-bottom:20px; }
.spry-img img{ width:100%; }
}



.cart_text{
width:50%; 
background-color:#f7f7f7;
border:none; 
text-align:center; 
font-size:16px;	
}

.updatecart{
cursor:pointer; 
display:none; 
color:#03C;	
}
	
	
	
.div-left{width:50%; float:left; }
.div-left h1{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:26px; }
.div-left ul{ padding:0; margin:0; list-style:none;  }
.div-left ul li{ color:#666666; font-weight:normal; padding-bottom:15px; }
.div-left ul li input { width:99%; padding:1%; border:1px #cecece solid; }

.div-left ul li input[type="submit"]{ width:50%;  margin-right: 5px; border:1px #cecece solid; }
	
.div-left ul li textarea { width:99%; padding:1%; border:1px #cecece solid; }
.div-left ul li label { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:500; color:#646464; }
.div-left ul li select { width:100%; background-image: -moz-linear-gradient(top, #fcfbfc, #f0eff0);
	background-image: -ms-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: -webkit-linear-gradient(top, #fcfbfc, #f0eff0);
	background-image: -o-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: linear-gradient(top, #fcfbfc, #f0eff0);
	border-radius: 3px;	font-family:'Open Sans', Arial, Helvetica, sans-serif; 
	color: #404040; font-size:13px; border:1px #cecece solid; padding:1%;}

.div-left ul li p { width:49%; background-image: -moz-linear-gradient(top, #fcfbfc, #f0eff0);
	background-image: -ms-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: -webkit-linear-gradient(top, #fcfbfc, #f0eff0);
	background-image: -o-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: linear-gradient(top, #fcfbfc, #f0eff0);
	border-radius: 3px;	font-family:'Open Sans', Arial, Helvetica, sans-serif; 
	color: #404040; font-size:13px; border:1px #cecece solid; padding:1%;}	
	


.div-right{width:50%; float:right;}
.div-right h1{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:26px; }
.div-right ul{ padding:0; margin:0; list-style:none;  }
.div-right ul li{ color:#666666; font-weight:normal; padding-bottom:15px; }
.div-right ul li input { width:99%; padding:1%; border:1px #cecece solid; }
.div-right ul li label { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:500; color:#646464; }
.div-right ul li select { width:100%; background-image: -moz-linear-gradient(top, #fcfbfc, #f0eff0);
	background-image: -ms-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: -webkit-linear-gradient(top, #fcfbfc, #f0eff0);
	background-image: -o-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: linear-gradient(top, #fcfbfc, #f0eff0);
	border-radius: 3px;	font-family:'Open Sans', Arial, Helvetica, sans-serif; 
	color: #404040; font-size:13px; border:1px #cecece solid; padding:1%;}	
	
.div-right ul li input[type="checkbox"]{ width:40px; padding:0; margin-left:-15px;}
.div-right ul li textarea { width:99%; padding:1%; border:1px #cecece solid; }			

.alertCOD{
font:Verdana, Geneva, sans-serif; 
font-size:12px;
}

.add-botton
{
width:200px; background-image: -moz-linear-gradient(top, #75cc24, #4c9e16);
	background-image: -ms-linear-gradient(top, #75cc24, #4c9e16);	background-image: -webkit-linear-gradient(top, #75cc24, #4c9e16); border-radius:2px;
	background-image: -o-linear-gradient(top, #75cc24, #4c9e16);	background-image: linear-gradient(top, #75cc24, #4c9e16);
	font-family:'Open Sans', Arial, Helvetica, sans-serif; 
	color:#FFFFFF; font-size:16px; border:1px #4c9e16 solid; padding:1% 0; float:right;	
}

.add-botton1
{
width:49%; background-image: -moz-linear-gradient(top, #75cc24, #4c9e16);
	background-image: -ms-linear-gradient(top, #75cc24, #4c9e16);	background-image: -webkit-linear-gradient(top, #75cc24, #4c9e16); border-radius:2px;
	background-image: -o-linear-gradient(top, #75cc24, #4c9e16);	background-image: linear-gradient(top, #75cc24, #4c9e16);
	font-family:'Open Sans', Arial, Helvetica, sans-serif; 
	color:#FFFFFF; font-size:16px; border:1px #4c9e16 solid; padding:1% 0; text-align:center; float:right;	
}

.table{
	font-size:12px;	
}

.black-text{ color:#000000; font-size:12px;}

.product-stock  { width:100%; float:left; border-top:1px #e2e2e4 solid; border-bottom:1px #e2e2e4 solid; padding:10px 0px; 
			    margin-top:10px; margin-bottom:0px; font-size:28px; color:#337ab7; font-weight:100;
}



@media (max-width: 480px) 
{
.div-left{width:48%; float:left; }
.div-left h1{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:26px; }
.div-left ul{ padding:0; margin:0; list-style:none;  }
.div-left ul li{ color:#666666; font-weight:normal; padding-bottom:15px;}
.div-left ul li input { width:100%; padding:1%; border:1px #cecece solid; }

.div-left ul li input[type="submit"]{ width:45%; padding:1%; margin-right: 5px; border:1px #cecece solid; }
	
.div-left ul li textarea { width:99%; padding:1%; border:1px #cecece solid; }
.div-left ul li label { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:500; color:#646464; }
.div-left ul li select { width:100%; background-image: -moz-linear-gradient(top, #fcfbfc, #f0eff0);
	background-image: -ms-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: -webkit-linear-gradient(top, #fcfbfc, #f0eff0);
	background-image: -o-linear-gradient(top, #fcfbfc, #f0eff0);	background-image: linear-gradient(top, #fcfbfc, #f0eff0);
	border-radius: 3px;	font-family:'Open Sans', Arial, Helvetica, sans-serif; 
	color: #404040; font-size:13px; border:1px #cecece solid; padding:1%;}

}

.ximage{width:auto; float:left; height:43px; padding:2px; margin:2px; text-align:center; display:block; border:1px solid #CCC; border-radius:2px; overflow:hidden;}	


.size{border:1px solid #A7A7A7; border-radius:3px; float:left; color:#A7A7A7; margin-left:5px; min-width:40px; padding-right:2px; padding-left:2px; text-align:center;}

.sizeselect{border:2px solid orange; color:#000; border-radius:3px; float:left; margin-left:5px; min-width:40px; padding-right:2px; padding-left:2px; text-align:center;}	
.sizein{border:2px solid #BFBFBF; color:#000; border-radius:3px; float:left; margin-left:5px; min-width:40px; padding-right:2px; padding-left:2px; text-align:center;}	


.GiftVoucher{  background-color:#f2f2f2; color:#565656; height:50px; width:12%; padding-left:10px; padding-top:5px; text-align:left; float:left; 
               font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:16px;}

.GiftVouchertext{  background-color:#f2f2f2; color:#F00; width:38%; padding-left:10px; padding-top:5px; text-align:left; float:left; 
               font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:10px;}
.Voucherinput{border:1px solid orange; width:60%; height:30px; color:black; font-size:16px;}
.Vouchersubmit{border:1px solid red; background-color:orange; color:white; font-size:16px; width:20%; height:30px;}

@media (max-width: 480px)
{
.GiftVoucher{  background-color:#f2f2f2; color:#565656; height:20px; width:100%; padding-left:10px; padding-top:1px; text-align:left; float:left; 
               font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px;}

.GiftVouchertext{  background-color:#f2f2f2; color:#F00;  width:100%; padding-left:10px; padding-top:1px; text-align:left; float:left; 
               font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:10px;}
.estimate-sec{  background-color:#f2f2f2; color:#565656; width:100%; float:letf;  padding:2px 2px; text-align:right; 
               font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px; border-top:1px #dddddd solid;}
.Voucherinput{border:1px solid orange; width:70%; height:20px; color:black; font-size:10px;}
.Vouchersubmit{border:1px solid red; background-color:orange; color:white; font-size:10px; width:20%; height:20px;}
}

.strike{text-decoration:line-through;}
#ddmenu li.full-width {display: block;}
#ddmenu .dd-inner {
	    z-index: 99999;
		    position: absolute;
    margin-left: 225px;
    margin-top: -47px;
	 background-color: #ddd;
}
#ddmenu ul{ 
background-color:white;
font-family: 'Open Sans', sans-serif;

 }
 #ddmenu li {
	     border-bottom: 1px dotted #f0f0f0 !important;
	     font-size: 14px;
	 color:#717171;
 }
#ddmenu .top-heading {font-weight: normal;}