/*----------------------- CEPI NEW 

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


#moon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: 12px 12px 0 0 red;
}

#facebook-icon {
  background: red;
  text-indent: -999em;
  width: 100px;
  height: 110px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  border: 15px solid red;
  border-bottom: 0;
}
#facebook-icon::before {
  content: "/20";
  position: absolute;
  background: red;
  width: 40px;
  height: 90px;
  bottom: -30px;
  right: -37px;
  border: 20px solid #eee;
  border-radius: 25px;
}
#facebook-icon::after {
  content: "/20";
  position: absolute;
  width: 55px;
  top: 50px;
  height: 20px;
  background: #eee;
  right: 5px;
}
          



    @media print
    {
		
	/*@page {size: landscape;}*/
		
        #nonprintable{ display: none; }
        #printable { display: block; }
		.nameinput{width:20%; height:30px; float:left; border:none; background-color:#FFF; margin:0px 0px 0px 0px; padding-left:1%;}
		.qtyup_input { width:5%; height:30px; background-color:#FFF; float:left; border:thin solid #999; text-align:center; margin:0px 0px 0px 0px;}
		
		.leftmenu
{
		display:none;
}
		

.inv_header
{width:90%;
height:auto;
float:left;
padding:0%;
background-color:#ccc;
display:none;
}


.wrapper, .wrapper_matrix {
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
		display:table;

		float:left;
		
	margin:0px;
	font-size: 12px;
}




		
 }
 

ul, li , a , h1, h2, h3, h4, p
{
	padding:0px;
	margin:0px;
		list-style:none;
		text-decoration:none;
		}
h1
{
	text-align:center;
	color:#666;
	font-size:22px;
	font-weight:lighter;
	line-height:45px;
	/*text-shadow:#fff 0px 1px;*/
}
h2 > a
{
	color:#333;

	}
h2 > a:hover
{
	color:#900;
	text-decoration:underline;
	}	

.tphead
{
	text-align:left;
	font-size:18px;
	color:#666;
	font-weight:lighter;
	padding-left:2%;
	line-height:48px;
}
.tphead > a
{
	color:#999;
	font-size:18px;
	
}
.tphead > a:hover
{
	color:#900;
}






.disp_container
{
	width:90%;
	height:auto;
	display:table;
	float:left;
	margin:70px 5% 0px;
}




.thumbdisp_inside
{
	width:27%;
	height:150px;
	margin:2%;
	padding:1%;
	float:left;
	border-radius:10px;
	background-color:#eee;
}



.thumbdisp
{
	width:21%;
	height:250px;
	margin:1%;
	padding:1%;
	float:left;
	border-radius:10px;
	background-color:#444;
}
.thumbdisp:hover, .thumbdisp_inside:hover
{
	background-color:#ddd;
	cursor:pointer;}
	
	.thumbdispiconwrapper
{
	width:100%;
	height:100px;	
	overflow:hidden;
	float:left;
	
}

.thumbdispimgwrapper
{
	width:100%;
	height:200px;	
	overflow:hidden;
	float:left;
	
}
.thumbdisp > .thumbdispimgwrapper img
{
	width:100%;
	height:auto;
	overflow-y:hidden;
	display:table;
	float:left;
}

.thumbdisp > .thumbdispimgwrapper i
{
	font-size:50px;
	margin:70px auto;
	display:block;
	text-align:center;
}

.thumbdisp_inside > .thumbdispiconwrapper i
{
	font-size:50px;
	margin:40px auto;
	display:block;
	text-align:center;
}


.iconsize
{
	font-size:250px;
	text-align:center;
	color:#FFF;
}

.desc
{
	width:100%;
	margin-top:10px;
	height:40px;
	float:left;
	font-size:20px;

	color:#888;	
	text-align:center;
}



.boldfont
{
	margin:0;
	padding:0;
	font-size:24px;
	font-weight:200;
	line-height:normal;	
		text-align:center;
	position:relative;
	top:30%;
	border-top: thin dotted #900;
	transform:translateY(-50%);

}



body, html
{	
	margin:0px;
	padding:0px;
	background-color:#E5E5E5;
	font-family:Arial, Helvetica, sans-serif;


	
}
.leftmenu
{
	width:20%;
	float:left;
	background-color:#323C43;
	min-height:600px;
	
	height:100%;
	position:fixed;
	display:table;
}
.epilogo
{
	width:100%;
	height:62px;
	float:left;
}
.epilogo img
{
	width:auto;
	height:35px;
	display:table;
	margin:15px auto 0px;
}

.leftmenu > ul
{
	margin:20% 0px 0px 0px;
	padding:0px;
		
}
.leftmenu > ul > li
{
	list-style:none;
	margin:12px 0px 12px 20%;
}

.leftmenu > ul > li > a
{
	font-size:14px;
	padding:15px 10px;
	color:#ccc;
	text-decoration:none;
	list-style:none;
	
}
.leftmenu > ul > li > a:hover
{
	color:#FFF;
}

.liborder
{
	height:1px;
	width:100%;
	background-color:#222;
	float:left;
	margin-bottom:10px;
}




.wrapper-full {
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
		display:table;
		float:left;
			
	margin:60px 0px 2% 0px;
	font-size: 12px;
}



.wrapper, .wrapper_matrix {
	font-family: Arial, Helvetica, sans-serif;
	width:80%;
		display:table;
		float:left;
			
	margin:60px 0px 2% 20%;
	font-size: 12px;
}

.main_headerwrapper
{
	height:50px;
	padding:5px 0px;
	background-color:#222;
	width:100%;
	display:table;
	/*border-bottom:#900 thick solid;*/
	border-bottom:#900 3px solid;
	float:left;
	
}


{
	
}
.subhead
{
	height:50px;
	padding:5px 0px;
	background-color:#FFF;
	width:100%;
	display:table;
	/*border-bottom:#900 thick solid;*/
	border-top:#900 2px solid;
	float:left;
	
}
.rt_header
{
	height:50px;
	padding:5px 0px;
	background-color:#fff;
	width:80%;
	display:table;
	border-bottom:#ddd thin solid;
	border-top:#900 2px solid;
	z-index:700px;
	position:fixed;
	top:0;
	right:0;
}
.topmenu_wrapper
{
	height:40px;
	padding:11px;
	width:40%;
	display:table;
	
	z-index:800px;
	position:fixed;
	top:0;
	right:0;
}

.devide_fifty
{
	width:45%;
	height:280px;
	float:left;
	padding:1%;
	background-color:#FFF;
	margin:2% 0px 0px 2%;
}

.devide_fifty_h100
{
	width:45%;
	min-height:280px;
	height:auto;
	float:left;
	padding:1%;
	background-color:#FFF;
	margin:2% 0px 2% 2%;
}

.text_center_dvdfft
{
	text-align:center;
	margin:60px;
	float:left;
	display:table;
	color:#ccc;
	font-size:16px;
}

.fullwidth
{
	width:94%;
	
	height:auto;
	float:left;
	padding:1% 1% 4% 1%;
	background-color:#FFF;
	margin:2% 2%;	
}

.rowheader
{
	width:100%;
	float:left;
	
	padding:10px 0px;
	border-bottom:#ddd thin solid;	
}
.row
{
	width:100%;
	float:left;
	padding:10px 0px;
	cursor:pointer;
	border-bottom:#ddd thin solid;	
}

.row:hover
{
	background-color:#ddd;
}
.column50
{
	width:48%;
	padding:0px 1%;
	height:auto;

	float:left;
}
.column30
{
	width:28%;
	padding:0px 1%;
	
	height:auto;

	float:left;
}
.column20
{width:18%;
padding:0px 1%;
display:table;
height:auto;
float:left;
}
.column30right
{
	width:23%;
	padding:0px 6% 0px 1%;	
	text-align:right;
	height:auto;
	float:left;
}

.column20right
{width:15%;
padding:0px 4% 0px 1%;
display:table;
text-align:right;
height:auto;
float:left;
}
.column15
{
	width:13%;
	padding:0px 1%;
	display:table;
	height:auto;
	float:left;
}

.rt_eachwrapper
{
	width:100%;
	
	height:auto;
	padding:2% 0px;
	float:left;
	display:table;
	border-bottom:#ccc thin solid;
}
.rt_left
{
	width:24%;
	padding:0px 2%;
	font-size:14px;

	color:#333;
	height:auto;
	display:table;
	float:left;
}
.leftmin600w60
{
	height:auto;

	width:64%;
	margin:0px 0px 0px 2%;
	float:left;


}
.right_w40
{
	height:auto;
	/*min-height:600px;*/
	width:30%;
	margin:0px 2%;
	float:left;

}
.column100pm2
{
	width:92%;
	height:auto;
	padding:4%;
	margin:0px 0px 4% 0px;
	background-color:#FFF;
	border-bottom:#CCC thin solid;
	border-right:#CCC thin solid;
	float:left;
}


.rt_right
{
	width:68%;
	height:auto;
	margin:0px 2%;
	display:table;
	background-color:#fff;
	float:left;
}
.cust_lt
{
	width:96%;
	height:auto;
	float:left;
	margin:2%;
	
}


.bt_sub_wrapper
{
	width:100%;
	height:50px;
	display:table;
	position:relative;
	top:0px;
	left:0px;}


/*.wrapper_matrix {
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
	height:auto;
	margin:2% 0px;
	font-size: 12px;
}*/

.wrapper_category {
	font-family: Arial, Helvetica, sans-serif;
	width:80%;
		display:table;
		height:auto;
		background-color:#333;
	margin:2% 10%;
	font-size: 12px;
}


/*-----------------------header - start ---------------------------------*/
.header_container
{
	height:80px;
	width:100%;
	min-width:1100px;
	float:left;
	z-index:5000;
	background:#fff;
	border-bottom:#000 thin solid;
	
}
.header
{
height:80px;
width:99%;
min-width:1000px;
margin:0px auto 0px auto;	
}
/*..........................Logo.... */
.logo
{
	height:60px;
	width:240px;
	margin-left:40px;
	float:left;
	margin-top:8px;
		border:none;
}


.logo img
{
	height:60px;
	
	 
	}

.right_header
{
	float:right;
	font-size:18px;

	margin:35px 30px 0px 0px;
	color:#999;

}
/*............. Main header menu  ...*/
.main_nav
{
	margin-top:30px;
	width:670px;

	height:66px;
	float:right;
		}
.main_nav ul
{
	height:66px;
	width:650px;
	float:right;
	}
.main_nav ul li
{
	
	height:48px;
	float:left;
	list-style:none;	
}
.main_nav ul li a
{
	height:41px;
	padding:4px 12px 4px 12px;
	line-height:40px;
	text-decoration:none;
	font-size:14px;
	float:left;
	color:#000;
	/*border-left:#333 1px solid;
	border-right:#000 1px solid;*/
	display:block;

}
.main_nav ul li a:hover, #active
{
	

}
#search
{
	float:left;
	height:29px;
	padding:12px 20px 5px;
}
#search input
{
	color:#999;
	border-radius: 10px;
	height:12px;
	
	background-color:#444;
	padding:4px 10px;
	border:none;
}
#search_img
{
	width:14px;
	height:12px;
	margin-right:6px;
}
/*-----------------------header - end ---------------------------------*/


.a4header_di input
{
	
	
	height:12px;
	padding:4px 0px;
	border:none;
}


/*-----------------------banner/body/center content - start ---------------------------------*/
.center_body
{
	margin-top:20px;
	min-width:1050px;
	border-radius:8px;
	width:96%;
	padding:2%;
	float:left;

}

.center_container
{
	margin-top:10px;
	min-width:1000px;
	width:100%;
	float:left;
}
.login
{
	
	padding:50px;
	margin:0px auto 0px auto;
}

.login form
{
	width:400px;
	height:110px;
	background-color:#fff;
	
	   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	
	
/*	border:#ccc 2px solid;*/
	padding:75px 50px;
	margin:0px auto 0px auto;	
}
#loginlabel
{
	margin-left:50px;
	
	width:80px;
	height:120px;
	float:left;
}
#loginlabel label
{
	width:70px;
	font-size:12px;
	color:#666;
	float:left;
	margin-top:5px;
	margin-bottom:25px;
}
.login input
{
	width:200px;
	height:25px;
	padding:3px 5px;
	margin-bottom:10px;
	border:#999 thin solid;
	
/*	   -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;*/
	
	float:left;
}
#loginbutton
{
	padding:3px 10px;
	float:left;
	height:30px;
	width:80px;
	font-size:12px;
	cursor:pointer;
}
#forget
{
	font-size:11px;
	margin:15px 0px 0px 10px;
	float:left;
	color:#666;
}
#forget:hover
{
	color:#900;
}

/*---------------------- banner/body/center content - end ---------------------------------*/


/*-----------------------footer - start ---------------------------------*/

.copyright
{
	margin-top:10px;
	height:38px;
	width:100%;
	float:left;
	

}
#copyright_text
{
	color:#999;
	text-align:center;
	font-size:11px;
		margin:0px auto 0px auto;
}
/*-----------------------footer - end ---------------------------------*/
.user_details_container
{
	width:100%;
	height:30px;
		padding-bottom:10px;
	border-bottom:#ccc dotted thin;
	float:left;
}
#clock
{
	font-size:16px;
	font-weight:normal;
	color:#900;
	float:right;
	margin-right:20px;
	margin-top:10px;
}
.user_details
{
	float:left;
	color:#666;
	margin-left:20px;
	margin-top:10px;
	font-size:16px;
	font-weight:bold;

}
.user_details label
{
	color:#999;
	font-size:11px;
	margin-right:5px;
}
.err
{
	color:#F00;
	font-weight:bold;
	font-size:12px;
}

/*----------------------- store design - start ---------------------------------*/

.current_template_thumb_container
{
	width:94%;
	height:150px;
	padding:1%;
	border:#999 thin solid;
	border-radius:8px;
	margin:2% 2% 0% 2%;
	float:left;
}
.current_template_thumb
{
	width:220px;
	height:150px;
	border:none;
	cursor:pointer;
	background-color:#666;
	float:left;
	margin-right:20px;
}
.top_text
{
	margin:2% 0% 0% 2%;

	float:left;
}

.template_thumb_container
{
	width:220px;
	height:180px;
	border:none;
	cursor:pointer;
	float:left;
	margin:2% 0% 2% 2%;
	text-align:center;
}
.template_thumb_container:hover
{
	border:#666 solid medium;
	border-radius:8px;
	padding:10px;
}
.template_thumb
{
	width:220px;
	height:150px;
	border:none;
	cursor:pointer;
	background-color:#666;
	float:left;

}


/*----------------------- store design - end ---------------------------------*/



.footer
{
	width:100%;
	height:40px;
	float:left;
	margin-top:20px;
	border-top:#000 thin solid;

}
.footer_text
{
	width:1050px;
	height:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	margin:12px auto 0px auto;
	text-align:center;
}
.footer_text a
{
	text-decoration:none;
	color:#666;
}

.brand_eachbox
{
	width:170px;
	height:130px;
	background-color:#fff;
	border-radius:2px;
	float:left;
	color:#999;
	margin:10px 0px 0px 10px
}
.bigtext
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	text-align:center;
	margin-top:30px;
}


/*----------------------------------brand*/

.brand_eachbox:hover
{
	color:#000;	
	box-shadow:#999 1px 1px 5px;
}



#brandheader{
	width:100%;
	font-size:26px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	display: block;
	background-color:#CCC;
	padding:20px 0px;
	/*background:url(../../images/prdt_shadow.png) bottom no-repeat;*/
	border-bottom: 1px dotted #666;
}

#formstyle
{
	
	width:300px;
	border-radius:8px;
	margin:0px auto;
	padding:40px 20px 20px 20px;
}
#formstyle a
{
	color:#666;
	font-size:14px;
		float:left;
		margin-top:12px;
	text-decoration:none;}
	
#formstyle a:hover
{
	color:#000;
}
	

#formstyle label
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding-right:10px;
		margin-bottom:15px;
		margin-top:5px;
	float:left;
}
#formstyle input
{
	
	padding:5px 10px;
	margin-bottom:20px;
	float:left;
}

#formstyle select
{
	padding:5px 10px;
	margin-right:10px;
	margin-bottom:20px;
	float:left;
}
#upload_img
{
	padding:5px 0px;
	color:#000;
	float:right;
	width:180px;
	height:20px;
	border:none;
	background-color:#FFF;
	margin:0px 0px;
	
	}
.upload_container
{

	width:300px;
	color:#000;
	float:left;
	height:40px;
	clear:both;
	border:none;
	}
	
#upload
{
	background-color:#999;
	
	width:130px;
	color:#000;
	float:left;
	height:40px;
	margin:0px 0px 0px 10px;
	border:none;
	border-radius:4px;
	
	
	}
#upload_nosize
{

	background-color:#999;
	color:#000;
	float:left;
	height:40px;
	margin:0px 0px 0px 10px;
	border:none;
	}

#upload:hover, #upload_nosize:hover
{
	cursor:pointer;
	background-color:#000;
	color:#fff;
}
#out
{
	float:left;
	font-weight:normal;
	width:100%;
	padding-top:0px;
/*	border-top:#fff 2px groove;*/
	/*letter-spacing:1px;*/
	color:#f00;
	text-align:center;
}

.category_each_disp_cont
{
	width:98%;
	height:40px;
	background-color:#fff;
	float:left;
	color:#666;
	font-size:13px;
	padding-left:1%;
	line-height:40px;
	margin:6px 0px 0px 1%;
}
.category_each_disp_cont a
{
	color:#666;
}
.category_each_disp_cont input, .category_each_disp_cont select
{
		color:#666;
		min-width:140px;
		width:14%;
		padding:3px 2px 3px 2px;
		margin-top:5px;
	font-size:13px;
	}
.category_each_disp_cont:hover, .guest_each_disp_cont:hover
{
	background-color:#ccc;
	color:#000;
	
	
}

.guest_each_disp_cont
{
	width:95%;

	background-color:#fff;
	float:left;
	color:#666;
	font-size:13px;
	padding:2%;
	line-height:22px;
	text-align:justify;
	margin:6px 0px 0px 1%;
}


.cat_slno
{
	width:4%;
	margin-left:2%;
	min-width:60px;
	height:40px;
	float:left;
}
.cat_each_d
{
min-width:140px;
width:14%;
	height:40px;
	float:left;
/*	padding-left:10px;
	border-right:2px #fff groove;*/

}

.guest_cat_each_d
{
min-width:720px;
width:75%;

	float:left;
}

.cat_each_d_cust
{
min-width:150px;
width:22%;
	height:40px;
	float:left;
}
.brand_each_disp_cont
{
	width:170px;
	height:130px;
	background-color:#fff;
	border:#E5E5E5 thin solid;
		border-radius:2px;
	float:left;
	color:#999;
	margin:10px 0px 0px 10px
}
.brand_each_disp_cont:hover
{
		color:#000;
		
	box-shadow:#999 1px 1px 5px;
}
.brand_each_disp
{
	width:160px;
	padding:20px 0px 0px 10px;
	height:80px;
	
	
	float:left;
	color:#999;
}
.brand_each_disp img
{
	max-width:150px;
	max-height:80px;
	border:none;
}

.brand_each_name
{
	width:170px;
	height:30px;
	font-size:14px;
	float:left;
	color:#666;
	text-align:center;
}

.brand_edit_image
{
	width:150px;
	margin:20px auto 0px auto;
	clear:both;

}
.brand_edit_image img
{
	margin:0px auto;
	max-width:150px;
	border:none;
}

/*----------------------------------/brand*/



.print
{
	width:30px;
	margin:5px 15px 0px 0px;
	height:30px;
	float:left;
}

.sb_menu
{
	font-size:12px;
	color:#999;
	text-decoration:none;
	font-weight:normal;
	margin:0px 5px 0px 10px;
}
.sb_menu:hover
{
	color:#333;
}


.green
{
	color:#6C0;
}
.red
{
	color:#F00;
}
.mar
{
	color:#900;
}
.blue
{
	color:#09F;
}
.purple
{
	color:#66F;
}
.orange
{
	color:#F40;
}
.white
{
	color:#ffF;
}
.whitebg
{
	background-color:#fff;
}
.font20
{
	font-size:20px;
	line-height:25px;
	
}

.chain_input_cnt
{
	width: 180px;
	padding:4px;
	margin:20px 0px 10px 10px;
	color: #666;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 13px;
	float:left;
}	
.chain_label
{
	margin-top:5px;
	width:80px;
	font-size:12px;
	line-height:35px;
	color:#666;
	float:left;}
.chain_container
{
	width:100%;
	clear:both;
}
.submit_container
{

	width:400px;
	clear:both;
	margin:10px;
	padding:0px 0px 10px 20px;
	float:left;
	}
.toggle
{
	float:right;
	margin:-35px 20px 0px 0px;
	}

.add_input
{
	width:400px;
	clear:both;
	margin:10px;
	padding:10px 0px 10px 20px;
	border:#FFF 2px groove;	
	float:left;
	
}
.add_input input, .add_input label
{
	width: 180px;
	padding:4px;
	margin:4px 4px;
	color: #666;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 13px;
	float:left;
}	
.crc_dsp
{
	width:180px;
	padding:4px;
	margin:4px 4px;
	color: #666;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 13px;
	float:left;


}

.each_img_container
{

	min-width:1050px;
	padding-bottom:10px;
	/*border-radius:8px;
	background-color:#036;*/
	border-bottom:#fff 2px groove;
	border-left:#fff 2px groove;
	width:100%;

	float:left;

}
.shipping_container
{
	width:450px;
	float:left;
}
.for_country_sel
{
	height:200px; overflow:scroll; width:320px; background-color:#fff;
	margin:15px 0px 0px 10px; border:#FFF 2px groove;
	clear:right;
	float:left;
}
.shipping_label
{	
	margin-top:5px;
	width:110px;
	font-size:12px;
	line-height:35px;
	color:#666;
	float:left;
}
.shipping_label_for_tot
{	
	margin-top:5px;
	width:170px;
	font-size:12px;
	line-height:35px;
	color:#666;
	
	float:left;
}
.shipping_input_add_for_tot
{
	width: 120px;
	padding:4px;
	margin:10px 0px 10px 10px;
	color: #666;
	clear:right;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 13px;
	float:left;
}
.shipping_input
{
width: 180px;
	padding:4px;
	margin:10px 50px 10px 10px;
	color: #666;
	clear:right;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 13px;
	float:left;
}
.hnd_width
{
	width:100%;
	float:left;
}
.shipping_input_add
{
	width: 180px;
	padding:4px;
	margin:10px 0px 10px 10px;
	color: #666;
	clear:right;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 13px;
	float:left;
}
.for_cls
{
	height:23px;
	margin-top:5px;
	width:20px;
	float:left;

}

.inboxmsg
{
	width:98%;
	margin:10px 0px;
	background-color:#eee;
	border:#ddd 1px solid;
	padding:1%;
	line-height:20px;
	color:#444;
}

.replymsg
{
	width:100%;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:2px #fff groove;
}
.inboxmsg:hover
{
	background-color:#ccc;
}
.center_body a
{
	color:#333;
}



/*--------------------------blog-----------*/
.blog_form
{
	width:100%;
	float:left;
	padding-top:25px;
}
.blog_form input
{
	width:150px;
	padding:5px;
	margin-bottom:10px;
}
.blog_form textarea
{
	width:400px;
	margin-bottom:10px;
	height:50px;
}

.blog_form label
{
	  width:100px;
	float:left;
}

.blog_content_cont
{
	width:620px;
	float:left;
	height:auto;
	clear:right;
	background-color:#666;}

/*--------------------------/blog-----------*/

.invsec
{
	width:826px;
	height:50px;
	display:table;
	margin:0px auto;
	clear:both;
}
.invdisp_wrapper
{
	width:70px;
	height:90px;
	margin:5px;
	padding:0px;
	border:#ccc thin solid;
	float:left;	
}
.invdisp_wrapper:hover
{
	border:#999 thin solid;
}
.invdisp_img
{
	width:60px;
	margin:5px;
	height:50px;
	float:left;
}
.invdisp_img img
{
	width:60px;
height:auto;
	float:left;
}
.invdisp_text
{
	height:30px;
	width:70px;
	float:left;
	/*background-color:#666;*/
	line-height:14px;
	font-size:10px;
	text-align:center;
}

.submit_wrapper
{
	width:90%;
	padding:0px 5%;
	height:auto;
	margin:15px 0px;
	display:table;
	float:left;
	border-top:#ccc thin solid;
/*	background-color:#999;*/
}
.wrapper > form >.pdct_heading
{
	width:98%;
	padding-left:2%;
	height:3px;
	margin-top:10px;
	display:table;
	float:left;
	color:#888;
	border-bottom:#999 thin solid;
	line-height:45px;
		font-size:18px;
}


.rawinpstyle{
background-color:#ddd; margin:5px 2px 5px 0px; float:left;
}
.qtyup_input { width:5%; height:30px; float:left; text-align:center; margin:0px 2px 0px 0px;  border:#ccc thin solid;}

.qtyup_input_total { width:6%; height:30px; float:right; text-align:center; margin:0px 2px 2px 0px;  border:#ccc thin solid; }

.qtyup_input_large { width:8%; height:30px; float:left; text-align:center; margin:0px 1% 0px 0px;}
.inp_noborder{ background:none; border:none; }
.bold { font-weight:bold; }
.qtybar{ width:100%; height:auto; padding:1px 0px;  float:left; border-top:thin solid #999;}
.qtybar:hover{ width:100%; height:auto; padding:1px 0px; float:left; border-top:thin solid #666;}

.qtybarhead{ width:100%; height:auto; padding:8px 0px; float:left;  border-top:thin solid #999;}
.qtybarhead.small{ width:80%; height:auto; position:fixed; top:0; margin-left:20%; left:0; padding:8px 0px; border-bottom:thin solid #333;background-color:#ccc;}
.qtybarbg{	background-color:#666;}
.qtybarsp{ font-size:14px; text-align:center; font-weight:bold;}
.nameinput{width:26%; height:30px; float:left; margin:0px 2px 0px 0px; padding-left:1%; border:#ccc thin solid;}


/*order hint input*/
.orderarea
{
	width:100%;
	height:400px;
	margin-bottom:10px;
	overflow-y:scroll;
	float:left;
	background-color:#FFF;
}



.bs-example{
	font-family: sans-serif;
	position: relative;
	margin: 50px;
}
.typeahead, .tt-query, .tt-hint {
	
	width:250px; display:table; height:30px; float:left; margin:0px 1% 0px 0px; padding-left:1%;
	border:#ccc thin solid;

	/*border: 2px solid #CCCCCC;
	border-radius: 8px;
	font-size: 24px;
	height: 30px;
	line-height: 30px;
	outline: medium none;
	padding: 8px 12px;
	width: 296px;*/
}
.typeahead {
	background-color: #FFFFFF;
	float:left;
}
.typeahead:focus {
	/*border: 2px solid #999;*/
}
.tt-query {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
	color: #999999;
}
.tt-dropdown-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	/*border-radius: 8px;*/
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	margin-top: 1px;
	padding: 8px 0;
	height:200px;
	overflow-y:scroll;
	width: 250px;
}
.tt-suggestion {
	font-size: 24px;
	line-height: 24px;
	padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
	background-color:#777;
	color: #FFFFFF;
}
.tt-suggestion p {
	margin: 0;
}

/*/order hint input*/

.sub_style{
	
	width:auto;
	height:auto;
	margin:0px 0px 0px 20px;
	padding:10px 10px;
/*	display:table;
	float:right;*/

	cursor:pointer;
	background-color:#ddd;	
	border:#000 thin solid;}
	
.matrix_header
{width:90%;
height:auto;
float:left;
padding:2% 5%;
display:table;

background-color:#ccc;
}
.matrix_header_each
{width:25%;

height:auto;


float:left;

}

.matrix_header > .matrix_header_each >  select
{
	/*width:auto;*/
	width:70%;
	padding:5px 10px; 
}

.matrix_header > .matrix_header_each >  input
{
	/*width:auto;*/
	width:60%;
	padding:2px 10px;
}




.inv_header
{width:90%;
height:auto;
float:left;
padding:2% 5%;
display:table;
margin-bottom:5%;
background-color:#ccc;
}

.inv_header_each
{width:25%;

height:auto;

float:left;

}

.inv_header > .inv_header_each >  select, .inv_header > form > .inv_header_each >  select
{
	/*width:auto;*/
	width:80%;
	padding:5px 10px;
}

.input_wrapper
{
min-width:250px;
width:46%;
height:auto;
padding:2%;
display:table;
float:left;
margin:0px auto 0px auto;	
	
}



.input_wrapper > input, .input_wrapper > #sprytextfield1 > input, .input_wrapper > #sprytextfield2 > input,  .input_wrapper > select, .rt_left > form > #spryselect1 > select,  .inv_header > form > select,  .inv_header > form > input
{
	width:100%;
	height:28px;
	clear:both;
	float:left;
	margin-bottom:10px;


}
.input_wrapper > label,  .rt_left > form > label
{
	width:100%;
	height:20px;
	clear:both;
	color:#666;
	float:left;
	margin-bottom:1px;

}

.customer_header
{
width:300px;
height:auto;
padding:2% 5%;
display:table;
margin:0px auto 5% auto;
	
}

.customer_header > form > input, .customer_header > form > #sprytextfield1 > input, .customer_header > form > #sprytextfield2 > input
{
	width:250px;
	height:28px;
	clear:both;
	float:left;
	margin-bottom:10px;

}
.customer_header > form > label
{
	width:200px;
	height:20px;
	clear:both;
	float:left;
	margin-bottom:2px;

}

.invgp
{
	width:96%;
	height:40px;
	padding:10px 2%; 
	display:table;
	position:fixed;
	bottom:0px;
	right:0px;
	background:rgba(66,66,66,0.9);
	
	/*margin:0px auto;
	clear:both;*/
}