/* CSS Document */



#page
{
width:928px;
margin:0 auto;
background-color:#FFFFFF;
}

/*============== Vertical and horizontal Centering in CSS ===================== */

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height:468px;;
}	
#xinner {
	width:928px;
	background:#fff;
	height: auto;
	margin-left:auto;
	margin-right:auto;
}

/* =============================================== Common classes Start ==============================*/

.fullWidth{width:100%;}
.fullHeight{width:100%;}
.floatLeft{float:left;}
.floatcenter{ text-align:center;}
.floatRight{float:right;}
.clear{clear:both;}
.rowspacer{width:20px;}
.linebg{background:url(images/line-bg.jpg) repeat-x; height:10px;}
.linesbg{background:url(images/line-bg.jpg) repeat-x; height:7px;}
.imageStyle{vertical-align:middle;padding-top:1px;}

/* =============================================== header classes Start ==============================*/

#header
{
width:910px;
margin:0 auto;
}

#logo
{
/*width:154px;*/
width:auto;
}

#hed-middle
{
/*width:514px;*/
width:auto;
}


#registerwin
{
/*width:242px;*/
width:auto;
}

#menu
{
width:910px;
height:32px;
background:url(images/foot-bg.jpg) repeat-x;
}

.header_btn{
	font:normal 12px/19px Arial;
	color: #BBBDBF;
	padding-top:9px;
	text-decoration:none;
	}
	.header_btn a{
	font:normal 12px/19px Arial;
	color: #BBBDBF;
	padding-top:9px;
	text-decoration:none;
	}
	.header_btn a:hover{
	font:normal 12px/19px Arial;
	color: #565756;
	padding-top:9px;
	text-decoration:none;
	}



/* =============================================== mid part classes Start ==============================*/
#layer10{
float:right;
height:400px;
overflow-y:scroll;
}
#midpart
{
width:910px;
/*border:solid #FF0000 1px;*/
padding-top:5px;
margin:0 auto;
}

#midlayer
{
width:890px;
margin:0 auto;
}

/* =============================================== footer classes Start ==============================*/

#footer
{
width:910px;
margin:0 auto;
}
#footerlayer
{
width:910px;
}

#footmaenu
{
width:910px;
height:32px;
background:url(images/foot-bg.jpg) repeat-x;
}
#foot-left
{
width:auto;
/*width:154px;*/
}
#foot-middle
{
width:auto;
/*width:514px;*/
}
#foot-right
{
width:auto;
/*width:242px;*/
}
.footer_btn{
	font:normal 12px/19px Arial;
	color: #999999;
	padding-top:7px;
	text-decoration:none;
	}
	.footer_btn a{
	font:normal 12px/19px Arial;
	color: #999999;
	padding-top:7px;

	text-decoration:none;
	}
	.footer_btn a:hover{
	font:normal 12px/19px Arial;
	color: #999999;
	padding-top:7px;
	text-decoration:none;
	}
#designby
{
width:910px;
height:23px;
border-top:1px solid #D4D4D4;
background-color:#FFFFFF;
font:normal 12px Arial, Helvetica, sans-serif;
color:#999999;
}
#designby a
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#999999;
line-height:18px;
text-decoration:none;
}
#designby a:hover
{
line-height:18px;
color:#FF0000;
text-decoration:underline;
}


/* =============================================== Text classes Start ==============================*/

.genralText
{
	font:normal 12px/17px Arial; 
	color:#565756;
}
.genralTextdropdown
{
	font:bold 12px/19px Arial; 
	color:#565756;
}
.genralTextbl
{
	font:normal 13px/17px Arial; 
	color:#000000;
}
.footText
{
	font:normal 11px/17px Arial;
	color:#999999;
}

.footTextlink a{
	font:normal 12px/17px Arial;
	color:#999999;
}
.footTextlink a:hover{
	font:normal 12px/17px Arial;
	color:#999999;
}

.pro_de_text
{
    font-family:Arial;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	color: #9A999E;
	text-decoration:none;
}

.genralTextbig
{
	font:normal 14px/17px Arial;
	color:#565756;
}
.genralTextheading
{
	font:bold 16px/17px Arial;
	color:#595959;
}

.redbigh1
{
	font:normal 18px Arial;
	color:#CB2028;
}

.redmidh1
{
	font:normal 14px Arial;
	color:#CB2028;
}

.redsmallh1
{
	font:normal 12px Arial;
	color:#CB2028;
}

.graysmallh1
{
	font:bold 12px Arial;
	color:#9A999E;
}

/*=============================================old style sheet=====================================*/
#test1
{
	vertical-align:top;
	margin-top:0px;
	margin: 0px auto;
	margin-right:0px;
	margin-left:0px;
	background: #ffffff;
	height:380px;
	
}
#news
{
	background-position:left;
	background-repeat:repeat-y;
	width:180px;
	height:642px;
	float:right;
}
#news1
{
	border-bottom:1px solid #333333;
	width:auto;
	height:auto;
	margin:5px;
	padding:3px
}
#abuse-news
{
	width:165px;
	height:20px;
	margin:0 0 5px 5px;
	background-image:url(images/abuze-news-bg.jpg);
	padding:3px 0 0 10px;
}
#Layer1 {
	position:absolute;
	width:173px;
	height:260px;
	z-index:1;
	overflow: auto;
	background-color: #FFFFFF;
	border:1px solid #333333;
	margin:5px 0 5px 5px;

}


#news-letter
{
	width:170px;
	height:70px;
	margin-left:295px;
	background-image:url(images/news-letter-bg2.jpg);
	background-repeat:no-repeat;
	clear:both;
}
.orange
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#F8931D;
}
.orange-small
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#F8931D;
}
.input
{
	border:1px solid #F8931D;
}
#logo1
{
	width:465px;
	padding-left:5px;
	height:auto;
	float:right;
	height:170px;
	text-align:right;
}
#links
{
	margin-top:61px;
	width:465px;
	height:auto;
	text-align:left;
}
.page-title
{
	background-image:url(images/page-title-bg.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
	#submenu {
		margin: 0px;
		padding: 0px;
		list-style: none;}
	
	#submenu li { margin-bottom: 5px;display:inline; }
	
	#submenu a:link, #submenu a:visited {
		color: #222;
		text-decoration: none;
		display: inherit;
		width: 100px;
		height: 22px;
		background: url('images/button.gif') no-repeat;
		/* box model hack*/ 
		width: 90px;
		height: 15px;
		margin:20px 0;}
		html>body #submenu a:link, html>body #submenu a:visited {
			width: 90px;
			height: 15px;}
	
	#submenu a:active, #submenu a:hover {
		color: #fff;
		background: url('images/button.gif') no-repeat 0px -52px;
		background-color:#AB6714;}
#product
{
	background-image:url(images/c3.jpg);
	background-repeat:no-repeat;
	height:135px;
	width:114px;
	margin-right:2px;
	float:right;
	margin-bottom:3px;
	
}
#product1
{
	background-image:url(images/c3.jpg);
	background-repeat:no-repeat;
	height:135px;
	width:114px;
	float:left;
	margin-right:0px;
	margin-left:2px;
	margin-bottom:3px;
	
}
#sale
{
	background-image:url(images/c-4.jpg);
	background-repeat:no-repeat;
	height:135px;
	width:230px;
	margin-top:5px;
	margin-left:0px;
	float:left;
}
.whitetext
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#FFFFFF;
}
#left-menu
{
	background-image:url('images/left-menu-bg.jpg');
	height:430px;
	width:120px;
	float:left;
	margin:0px 0px 0px 0px;
  	display:inline;
}
	#left-menu a{text-decoration: none;color:#ffffff; padding: 2px 0 0 10px; margin: 0px 0px 0px 0px; 
        display:block; height:18px;font-family: Arial,Verdana, Helvetica, sans-serif;font-size:12px;font-weight:normal;border-bottom:1px solid #C87E27;
}
	#left-menu a:hover{background-image: url('images/bg-re.jpg');display:block;font-family:Arial,Verdana, Helvetica, sans-serif;border-bottom:1px solid #C87E27;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
}


	#left-menu ul.leftmenu{
		list-style: none;
		float:left;
			padding: 0px;
			margin: 0px 0px 0px 0px;
			width: 120px;
}
	
	#leftmenu li { margin:0;border-bottom:1px solid #C87E27;height:18px }
	#leftmenu li.stat { margin:0;border-bottom:1px solid #C87E27 }
	
		
#title
{
	width:465px;
	height:15px;
	/*background-image:url(images/page-title-bg.jpg);*/
	background-repeat:no-repeat;
	background-position:right;
	padding-top:4px;	
}
.tt1
{
	background-image:url(images/page-title-bg.jpg);
	background-repeat:no-repeat;
	background-position:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#F8931D;
	
}
.tt2
{
	background-image:url(images/page-title-bg1.jpg);
	background-repeat:no-repeat;
	background-position:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#F8931D;
	
}

.title1
{
	width:465px;
	height:15px;
	background-image:url(images/page-title-bg1.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:4px;
	
}
#img
{
	width:auto;
	float:left;
	height:auto;
}
#toplink
{
	float:right;
	width:253px;
	height:20px;
	background-color:#F8931D;
}
.hmenu {
		text-align: left;
		list-style: none;
		margin: 2px 3px 0 0;}
.hmenu li 
{
	text-align: left;
	margin-left:7px; 
	display:inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: normal;
	vertical-align: middle;
	height:40px;
}
.hmenu a:hover
{
	background-color:#AB6714;
		height:40px;

}
td.wht
{
	width:1px;
	height:20px;
	background-color:#FFFFFF;
}
td.ht
{
	text-align:center;
	height:20px;
	vertical-align:middle;
}
td.ht:hover
{
	text-align:center;
	height:20px;
	background-color:#AB6714;
	vertical-align:middle;
}

td.ht a:link,td.ht a:active,td.ht a:visited
{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	width:100%;
	display: block;
	vertical-align:middle;
	height:17px;
	padding-top:3px
 

}
td.ht a:hover
{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#AB6714;
	width:100%;
	height:17px;
	display: block;
	vertical-align:middle;
	padding-top:3px
}
#cc2
{
	padding:5px;
	
}
.text
{
	font-family:Arial,Verdana,  Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	font-weight:normal;
}

hr
{
	color:#000000;
	background-color:#000000;
	height:1px;
	width:98%;
}
.news-link:link,.news-link:active,.news-link:visited
{
	font-family:Arial,Verdana,  Helvetica, sans-serif;
	font-size:11px;
	color:#F7941D;
	font-weight:normal;
	text-decoration:underline;
}
.news-link:hover
{
	font-family:Arial,Verdana,  Helvetica, sans-serif;
	font-size:11px;
	color:#F7941D;
	font-weight:normal;
	text-decoration:none;
}
#footer-shade
{
	background-image:url(images/footer-shade.jpg);
	background-position:top;
	width:780px;
	height:25px;
}
#story
{
	margin-top:5px;
	height:auto;
	width:465px;
	clear:both;
	
}
#story_trade
{
	margin-top:5px;
	height:auto;
	width:465px;
	clear:both;
	
}
.large-headeing
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#F8931D;
}
.pro-text
{
	font-family:Arial,Verdana,  Helvetica, sans-serif;
	font-size:12px;
	color:#636466;
	font-weight:normal;
}

.pro-text1
{
	font-family:Arial,Verdana,  Helvetica, sans-serif;
	font-size:10px;
	color:#636466;
	font-weight:normal;
}
#mm
{
	width:290px;
	height:auto;
	margin-right:5px;
	float:left;
	text-align:left;
}
#mm1
{
	width:455px;
	height:auto;
	margin-right:5px;
	float:left;
	text-align:left;
}
#pimg
{
	width:170px;
	height:auto;
	float:right;
	text-align:left;
}
#pr
{
	width:170px;
	height:auto;
	margin-bottom:5px;
}
#tbl
{
	width:450px;
	height:17px;
	background-image:url(images/title-bg.jpg);
	text-align:left;
	margin:0px;
	padding-left:15px;
	padding-top:3px;
	clear:both;
}
#design
{
	background-image:url(images/design-bg.jpg);
	height:180px;
	width:153px;
	margin-left:2px;
	margin-right:0px;
	text-align:left;
	margin-top:5px;
	float:left;
}
#stockist
{
	width:auto;
	height:auto;
	margin-bottom:5px;
	text-align:left;
}
#stockist_1
{
	width:auto;
	height:auto;
	margin-bottom:0px;
	text-align:left;
}

#stockist-name
{
	border-bottom:1px solid #333333;
	padding-bottom:5px;
	margin-top:7px;
	width:auto;
	text-align:left;
}
#stimg
{
	width:130px;
	height:100px;
	/*background-color:#BBBDC0;*/
	background-color:#ffffff;
	margin-bottom:5px;
	margin-right:5px;
	float:left;
}
/* new style for the shoopnig page*/
#pro-collection
{
	text-align:left;
	width:auto;
	height:130px;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}


#Layer2 {
	position:absolute;
	width:460px;
	height:130px;
	z-index:2;
	overflow-x: auto;
	overflow-y:hidden;

}
#product-des
{
	
	width:465px;
	margin-top:5px;
	height:auto;
	text-align:left;
	background:#FFFFFF;
	
}
#ppbox
{
	
	width:290px;
	height:auto;
	border:1px solid #000000;
	float:left;
	background:#FFFFFF;
	
}
#smallproduct
{
	
	width:170px;
	height:350px;
	float:right;
	background:#FFFFFF;
	margin-left:0px;
}
#test_small
{
	
	float:right;
	text-align:right;
	background:#FFFFFF;
	margin-left:0px;
	margin-right:0px;
	height:365px;
}

#brbox
{
	
	margin:5px;
	width:280px;
	height:300px;
}
#brboxtext
{
	border:#F7941D solid 1px; 
	font-family:Arial,Verdana,  Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	width:280px;
	margin:5px;
	height:47px;
}
#rtbox
{
	
	width:75px;
	height:75px;
	/*background-color:#BCBDBF;*/
	background:#FFFFFF;
	margin-top:0px;
	margin-left:5px;
	margin-right:0px;
	margin-bottom:5px;
	float:left;
}
#selectbox
{
	width:165px;
	height:auto;
	line-height:50px;
	padding-left:5px;
	margin-top:5px;
	text-align:left;
}
.text2cross 
	{
	
	font-family:  verdana, Helvetica, Arial;
	font-size: 11px;
	color: #454545;
	text-decoration:line-through;
	}
	.text2red
	 {
	font-family:  verdana, Helvetica, Arial;
	font-size: 11px;
	color: #ff0000;
	}
	.text2black
	 {
	font-family:  verdana, Helvetica, Arial;
	font-size: 11px;
	color: #000000;
	}
.select
{
	font-family:  verdana, Helvetica, Arial;
	font-size: 11px;
	width:70px;
	margin-top:5px;
}
#subpname
{
	
	background-image:url("images/sub-bg.jpg");
	width:300px;
	height:17px;
	padding-left:15px;
	padding-top:2px;

}

/*=============================================about style sheet=====================================*/

#about-content
{
width:300px;
}

/*=============================================register style sheet=====================================*/

#register-layer
{
width:788px;
margin:0 auto;
}

#reg-tsharts
{
width:448px;
}

#reg-from
{
width:320px;
}

.input-new
{
	width:140px;
	border:1px solid #E5E5E5;
	background-color:#ffffff;
	font:normal 11px Verdana;
	padding:2px 2px;
}
.input-new-drop
{
	width:147px;
	border:1px solid #E5E5E5;
	background-color:#ffffff;
	font:normal 11px Verdana;
	padding:2px 2px;
}

.input-new1
{
	width:300px;
	border:1px solid #E5E5E5;
	background-color:#ffffff;
	font:normal 11px Verdana;
	padding:2px 2px;
}

.input-new2
{
	width:290px;
	border:1px solid #E5E5E5;
	background-color:#ffffff;
	font:normal 11px Verdana;
	padding:2px 2px;
}


/*=============================================online shop style sheet=====================================*/

.shop-category1
{
width:213px;
margin-right:16px;
}

.shop-category2
{
width:213px;
}

.shopbox1
{
width:213px;
 
text-align:center;
border: 1px solid #CCCCCC;
padding-bottom:0px;
/*background-color:#ff;*/
}

.shopboxh1 
{
width:207px;
height:24px;
padding:10px 0px 0px 0px;
}

.onlineshopboxh1
{
width:207px;
height:24px;
padding:2px 0px 0px 6px;
}

/*=============================================catalogues style sheet=====================================*/

#catalog-nev
{
width:800px;
}

#ul_licatalog
{
	margin:0px;
	padding:0px;
}
#ul_licatalog li 
{
	font:bold 14px Arial;
	color: #211D1E;
	vertical-align: top;
	display: list-item;
	float:left;
	text-align: left;
	list-style:none;
	list-style-position:top;
	text-align:justify;
	margin-right:34px;
}

#ul_licatalog li a
{
	font:bold 14px Arial;
	color:#211D1E;
	text-decoration:none;
}
#ul_licatalog li a:hover
{
	text-decoration:underline;
}

/*=============================================stockists style sheet=====================================*/

#stockists-left
{
width:180px;

}

.ul_lirec
{
	margin:10px 0px 15px 6px;
	padding:0px;
}

.ul_lirec h2 {
-x-system-font:none;
color:#000000;
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
margin:0px;
padding:0px;
}

.ul_lirec li 
{
	font:normal 12px/19px Arial;
	color: #999999;
	vertical-align: top;
	display: list-item;
	margin-bottom: 3px;
	padding-bottom:3px;
	list-style-position: outside;
	text-align: left;
	list-style-position:top;
	list-style:none;
}

.ul_lirec li a
{
	font:normal 12px/19px Arial;
	color:#999999;
	text-decoration:none;
}
.ul_lirec li a:hover
{
	color:#999999;
	text-decoration:underline;
}

#stopart-bg
{
width:910px;
background:url(images/stopart-bg.jpg);
}


/*=============================================online shop new style sheet=====================================*/

.product-box1
{
width:226px;
border-right:1px solid #EEEEEE;
}

.product-box2
{
width:229px;
}

/*=============================================online shop detail style sheet=====================================*/

#detail-midbg
{
width:910px;
background:url(images/detail-midbg.jpg);
}

#detail-left
{
width:667px;
height:475px;
}

#detail-right
{
width:215px;
}

#product-summary
{
width:280px;
padding-right:27px;
}

#smpro-imgdiv
{
width:100px;
margin:0 auto;
}

.smpro-img
{
width:100px;
}
/*===============================================self class=========================================================*/

.header_btn1{
	font:normal 12px/19px Arial;
	color: #999999;
	text-decoration:none;
	}
	.header_btn1 a{
	font:normal 12px/19px Arial;
	color: #999999;
	text-decoration:none;
	}
	.header_btn1 a:hover{
	font:font:bold 12px Arial;;
	color: #999999;
	text-decoration:none;
	}
.header_btn2{
	font:normal 11px/19px Arial;
	color: #999999;
	text-decoration:none;
	}
	.header_btn2 a{
	font:normal 11px/19px Arial;
	color: #999999;
	text-decoration:none;
	}
	.header_btn2 a:hover{
	font:font:bold 11px Arial;;
	color: #999999;
	text-decoration:none;
	}
.iteText
{
	font:normal 12px/19px Arial;
	color:#676767;

}
.iteval
{
	font:normal 12px/19px Arial;
	color:#2F0708;

}

.pro_text
    {
		font-family:Arial;
		color:#676767;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
    }

.pro_drop1
    {
		font-family:Arial;
		width:239px;
		height:25px;
		color:#676767;
		font-size:12px;
		font-weight:bold;
		padding-top:1px;
		text-decoration:none;
    }
  .pro_drop
    {
		font-family:Arial;
		width:278px;
		height:25px;
		color:#676767;
		font-size:12px;
		font-weight:bold;
		padding-top:1px;
		text-decoration:none;
    }
#zoomh
	{
		height:21px;
	}
.btn
  {
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color: #D0D0D0;
	background-color:#595959;
	text-decoration:none;
	}
.off_wite_btext
  {
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color: #D0D0D0;
	text-decoration:none;
	}
.off_wite_text
  {
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	color: #D0D0D0;
	text-decoration:none;
	}
.msg_text
  {
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#FF0000;
	text-decoration:none;
	}
	
	
.termmaillink:link, .termmaillink:active,.termmaillink:visited{
             font-family:Arial;
	         font-weight:normal;
	         font-size:11px;
	         color:#000000;
	         text-decoration:none;
			 }
.termmaillink:hover{
             font-family:Arial;
	         font-weight:normal;
	         font-size:11px;
	         color:#000000;
	         text-decoration:none;
			 }