/* CSS Document */
html, body { background-color:#000!important; height:99%; margin:auto; color:#7c7743; font-family:arial; font-size:11px; }
html {overflow: -moz-scrollbars-vertical;}
form{ margin:0; padding:0;}
#Maincontainer{ height:100%; width:990px; margin:auto;}
#workingarea{ background:url(../images/page-bg.jpg) repeat-y; height:573px; width:990px;}
#ContentWorkflow{ 
margin:159px 0 0 221px; 
padding:0; 
position:relative; 
top:0; 
background:#fff url(../images/bg.gif); 
background-position:fixed;
border-bottom:14px solid #000; 
width:744px; 
height:309px; 
}
* html #ContentWorkflow{ margin:197px 0 0 221px; padding:0; position:fixed; top:0; background-color:#FFFFFF; border-bottom:14px solid #000; width:744px; height:309px}
* + html #ContentWorkflow{ margin:159px 0 0 221px; padding:0; position:static; top:0; background-color:#FFFFFF; border-bottom:14px solid #000; width:744px; height:309px}

#ContentPanel{ width:96.8%; margin:0 0 0 30px; padding:0;}
* html #ContentPanel{ width:96.8%; margin:0 0 0 0px; padding:0; float:right}
* + html #ContentPanel{ width:96.9%; margin:0 0 0 30px; padding:0;}
#ContentPanelLeft{ width:25%; float:left; margin:52px 0px 0 0; padding:0;}
* + html #ContentPanelLeft{ width:25%; float:left; margin:52px 0px 0 0; padding:0;}
* html #ContentPanelLeft{ width:25%; float:left; margin:33px 0px 0 0; padding:0;}
#ProductThumbnail{ margin-bottom:20px;}
#ProductThumbnail span img.active{ padding:0 6px 0 0; cursor:default; filter:alpha(opacity=70);	opacity:0.9;}
#ContentPanelLeft .breadcrumbs{ color:#7c7743; font-family:arial;}
#ContentPanelLeft .breadcrumbs a{ text-decoration:none;color:#7c7743;}
#ContentPanelLeft .breadcrumbs a:hover{ text-decoration:underline}
* html #ContentPanelLeft .breadcrumbs{ color:#7c7743; font-family:arial; padding-top:18px;}
.AboutProductContainer {
    width:75%; float:left; margin:0; padding:0;
	height:309px; 
	overflow:auto;
	scrollbar-face-color:white;
	scrollbar-highlight-color:#7c7743;
	scrollbar-3dlight-color:white;
	scrollbar-darkshadow-color:white;
	scrollbar-shadow-color:gray;
	scrollbar-arrow-color:#7c7743;
	scrollbar-track-color:white;
}
* html .AboutProductContainer{ width:75%; float:left; margin:0; padding:0; height:309px; }
.AboutProductContainer .productDescript{ float:left; width:279px; margin:33px 5px 0 0;}
.AboutProductContainer .productDescript h2{ margin:20px 0 12px 0; padding:0; font-family:"Times New Roman", Times, serif; font-size:20px; font-weight:400; color:#585858}
.AboutProductContainer .productDescript p{ margin:0 10px 6px 0; padding:0; text-align:justify} 
.AboutProductContainer .productDescript .productCode{ color:#5e5e5e; margin:20PX 0 0 0; border-bottom:1px solid #bfbeb0; padding:0px}
.AboutProductContainer .productDescript .productCode a { text-decoration:none; color:#5e5e5e}
.AboutProductContainer .productDescript .productCode a:hover { text-decoration:none; color:#000}
.AboutProductContainer .productDescript .productCode ul { margin:2px 0 0 0px; padding:0; list-style:none;}
.AboutProductContainer .productDescript .productCode ul li { margin-bottom:2px; padding:0; background:url(../images/bullet.gif) no-repeat left center; padding-left:15px}
.AboutProductContainer .productDescript .productCode ul li a{ color:#5e5e5e }
.AboutProductContainer .productDescript .productCode ul li span{ text-decoration:underline;}
.AboutProductContainer .productDescript .productCode ul li a:hover{text-decoration:underline; color:#000 }
.AboutProductContainer .productImg{ float:left; width:250px; text-align:center}
.AboutProductContainer .productImg img.BlackPearl{ padding-top:16px;}

#Bottom{ position:relative; top:5px; color:#fff; width:75%; margin:0 0 0 222px}
* html #Bottom{ position:relative; top:-12px; color:#fff; width:75%; margin:0 0 0 222px}
#Bottom #Copyright{ float:left;}
#NavLink{ font-size:12px; font-weight:500; font-family:"Times New Roman", Times, serif; position:relative; top:-10px; float:right; right:20px;}
* html #NavLink{ font-size:12px; font-weight:500; font-family:"Times New Roman", Times, serif; position:relative; top:5px; float:right}
/*#NavLink ul{ margin:0; padding:0; list-style:none;}
#NavLink ul li{ display:inline; margin-left:5px; margin-right:6px;}
#NavLink li a{ text-transform:uppercase; color:#fff; text-decoration:none;}
#NavLink li.active{ text-decoration:none; background:url(../images/Activeborder.gif) repeat-x bottom; color:#fff; }*/
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
}

/************* This is grand parent Links*************************/
#nav li a.sep{  padding:0 7px 0 7px; font-weight:500; text-transform:uppercase!important; margin-right:3px}
#nav li a.Active{  padding:0 7px 0 7px; font-weight:500; text-transform:uppercase!important;background:url(../images/Activeborder.gif) repeat-x bottom; margin-right:3px}
#nav li a.Active:hover{  padding:0 7px 0 7px; font-weight:500; text-transform:uppercase!important;background:url(../images/Activeborder.gif) repeat-x bottom; margin-right:3px}
#nav li a.sep:hover
{color:#fff;
background:url(../images/Activeborder.gif) repeat-x bottom;
}
/*************** End ***************/
#nav a{
display:block;
padding:0px 5px;
color:#fff;
text-decoration:none;


}
#nav a em{ font-size:16px; font-style:normal;}
#nav a:hover{
color:#fff;
background-color:#615F55;
}

#nav li{
float:left;
position:relative;
}

#nav li ul {
position:absolute;
display:none;
width:16em;
top:19px;
border-top:1px solid #807942;
font-size:11px;
font-weight:normal;
font-family:arial;
}

#nav li ul a{
width:15em;
height:auto;
float:left;
background-color:#fff;
padding:0px 5px;
color:#807942;
filter:alpha(opacity=60); opacity:0.6;
}
#nav li ul li{ border-bottom:1px solid #807942; border-left:1px solid #807942;border-right:1px solid #807942; line-height:19px;}
#nav li ul li a.Arrow{ background:url(../images/img-nextBttn.gif) no-repeat center right; background-color:#fff;}
#nav li ul li a.Arrow:hover{
color:#fff;
background-color:#615F55;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:11em;
margin:0px 0 0 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}



/***************** About Us Page *******************/
#ContentPlaceHolder{ width:100%; margin:0 0 0 0px; padding:0; }

#AboutUs{ width:100%; float:left; margin:0px; padding:0;}
#AboutUs #Ruhiimg{ float:left; padding-right:10px; width:214px;}
#AboutUs #RuhiInfo{ width:500px; float:left;  overflow:auto; overflow-x:hidden; height:260px; margin:30px 0px 10px 0px;scrollbar-face-color:white;
scrollbar-highlight-color:#7c7743;
scrollbar-3dlight-color:white;
scrollbar-darkshadow-color:white;
scrollbar-shadow-color:gray;
scrollbar-arrow-color:#7c7743;
scrollbar-track-color:white;
}
#AboutUs #RuhiInfo h1{ margin:0 0 15px 0; padding:0;}
#AboutUs #RuhiInfo p{ margin:0 10px 6px 0; padding:0; color:#979757; } 
#AboutUs #RuhiInfo .Said{ color:#b75600;}
#AboutUs #RuhiInfo p.lastpara{ margin:0 10px 6px 0; padding:0; color:#595c27; } 

#AboutUs #PressRelease{ width:95.3%; float:right;  overflow:auto; overflow-x:hidden; height:260px; margin:30px 0 10px 0px;scrollbar-face-color:white;
scrollbar-highlight-color:#7c7743;
scrollbar-3dlight-color:white;
scrollbar-darkshadow-color:white;
scrollbar-shadow-color:gray;
scrollbar-arrow-color:#7c7743;
scrollbar-track-color:white;
}
#AboutUs #PressRelease h1{ margin:0 0 35px 22px; padding:0;}
#AboutUs #PressRelease .PressReleaseDiv{ width:200px; float:left; border-bottom:1px dotted #CECECE; margin-left:22px; margin-bottom:10px; height:60px; padding-left:5px; } 
* html #AboutUs #PressRelease .PressReleaseDiv{ width:200px; float:left; border-bottom:1px dotted #CECECE; margin-left:12px; margin-bottom:10px; height:60px; } 
.noborder{ border-bottom:none!important;}
.PressReleaseDiv span{ display:block;color:#865D27;}
.PressReleaseDiv .Date{ font-weight:bold;color:#865D27;}
.PressReleaseDiv span a{ color:#865D27; text-decoration:none}
.PressReleaseDiv span a:hover{ text-decoration:underline}
/************* Product Landing Page************************/
#ProductLanding{ background:url(../images/productImg.jpg) no-repeat right; height:309px; margin-left:158px;}
#ProductLanding h1{ padding:55px 0 40px 15px; margin:0;}
* html #ProductLanding h1{ padding:55px 0 19px 15px; margin:0;}
#Category1 {
    width: 186px; 
	height: 12px;
    background: url(../images/product_embro.jpg);
	padding: 0;
	margin:10px 0 15px 0;
	display:block;
	position:relative;
	top:0;
	
}
#Category1 a{ width:186px; height:12px;display:block;}
#Category1 a span{ display:none}
#Category1 a:hover{ background:url(../images/product_embro_up.jpg); width:186px; height:12px;}

#Category2 {
    width: 195px; 
	height: 12px;
    background: url(../images/product_painted.jpg);
	padding: 0;
	margin:10px 0px 15px 0;
	display:block;
	position:relative;
	top:0;
	right:20px;
}
#Category2 a{ width:195px; height:12px;display:block;}
#Category2 a span{ display:none}
#Category2 a:hover{ background:url(../images/product_painted_up.jpg); width:195px; height:12px;}

#Category3 {
    width: 132px; 
	height: 12px;
    background: url(../images/product_fabric.jpg);
	padding: 0;
	margin:10px 0px 15px 0;
	display:block;
	position:relative;
	top:0;
	right:-29px;
}
#Category3 a{ width:132px; height:12px;display:block;}
#Category3 a span{ display:none}
#Category3 a:hover{ background:url(../images/product_fabric_up.jpg); width:132px; height:12px;}

#Category4 {
    width: 72px; 
	height: 12px;
    background: url(../images/product_clutches.jpg);
	padding: 0;
	margin:10px 0px 15px 0;
	display:block;
	position:relative;
	top:0;
	right:-73px;
}
#Category4 a{ width:72px; height:12px;display:block;}
#Category4 a span{ display:none}
#Category4 a:hover{ background:url(../images/product_clutches_up.jpg); width:72px; height:12px;}

#Category5 {
    width: 153px; 
	height: 12px;
    background: url(../images/product_big.jpg);
	padding: 0;
	margin:10px 0px 0px 0;
	display:block;
	position:relative;
	top:0;
	right:20px;
}
#Category5 a{ width:153px; height:12px;display:block;}
#Category5 a span{ display:none}
#Category5 a:hover{ background:url(../images/product_big_up.jpg); width:153px; height:12px;}


#Category6 {
    width: 79px; 
	height: 11px;
    background: url(../images/Products-footwear1.jpg);
	padding: 0;
	margin:12px 0px 0px 0;
	display:block;
	position:relative;
	top:0;
	right:-45px;
}
* html { margin:14px 0 0 0}
#Category6 a{ width:79px; height:11px;display:block;}
#Category6 a span{ display:none}
#Category6 a:hover{ background:url(../images/Products-footwear1_up.jpg); width:79px; height:11px;}


/************** Contact Us ***************/
#AboutUs #ContactUs{ width:680px; float:right; margin:30px 0 0 0px; scrollbar-face-color:white;
scrollbar-highlight-color:#7c7743;
scrollbar-3dlight-color:white;
scrollbar-darkshadow-color:white;
scrollbar-shadow-color:gray;
scrollbar-arrow-color:#7c7743;
scrollbar-track-color:white;
}
* html #AboutUs #ContactUs{ width:680px; float:right; margin:30px 0 -10px 0px;}
#AboutUs #ContactUs h1{ margin:0 0 45px 0; padding:0;}

#ContactUs span{ display:block; color:#5e5e5e} 
#ContactUs .Name{ color:#b75600; font-size:14px; font-weight:bold; padding-bottom:15px;}
#ContactUs span a{ text-decoration:none;  color:#5e5e5e;}
#ContactUs span a:hover{ text-decoration:underline}
#ContactUs span.Address{ padding-bottom:10px; font-weight:600;}
#ContactUs span span{ display:inline}
#ContactUs span.label{ color:#65366a; font-size:12px;}
#ContactUs #ContactDetailDiv{width:250px; float:left;}
#ContactUs #ContactBag{ widt:123px; float:left; margin-top:10px;}
#ContactUs #ContactForm{ width:236px; float:left; margin-left:20px; display:none}
#ContactUs #ContactForm .title{ margin-left:66px; margin-bottom:20px;}
#ContactUs #ContactForm input{ width:164px; border:1px solid #8e8e8e}
#ContactUs #ContactForm textarea{width:164px; height:50px; border:1px solid #8e8e8e}
#ContactUs #ContactForm input.bttn{ width:50px; border:1px solid #8e8e8e; color:#65366a; background-color:#fff; font-size:11px;}
#ContactUs #ContactForm table{ margin:0; padding:0;}
#ContactUs #ContactForm table td{ padding-bottom:3px; vertical-align:text-top}