@charset "utf-8";
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
.left{float: left;} .right{float:right}
*:focus {outline: none;}

/* -----------------------------------*/
/* -------->>> Structure <<<----------*/
/* -----------------------------------*/
	body{ 
		background-color:#272727;
		color:#bd7d11;
	}
	body.subPage{ 
		background-color:#191919;
		color:#bd7d11;
	}
	.rudra .table{ background-color:#EED4AF;}
	a{ color: #bd7d11}
	a:hover{color:#f1b463}
	#header { height:100px; }
	
	#logo{
		background-image:url(../images/logo_store.png);
		height:22px; 
		width:148px; 
		cursor:pointer;
	}
	#wrapper{
		height:645px;
		margin:0 auto;padding:5px 5px;
		width:993px;
	}
	#wrapper2{
		margin:0 auto;padding:5px 5px;
		width:575px;
	}
	#column_1{ 
		width:160px; float:left; margin-top:50px;

	}
	#wrapper3
	{
		margin:0 auto;padding:5px 5px;
		width:690px;
	}
	#wrapper4
	{
		margin:0 auto;
		width:730px;
	}
	#column_2{ 
		width:770px; float:left; margin-left:15px;
	}
	#news_panel{ 
		 background-image:url(../images/vertical-divider.jpg);
		 background-position:left center;
		 background-repeat:no-repeat;
		 float:right;
		 height:200px;
		 padding-top:180px;
		 padding-left:10px;
		 width:30px;
	}
	#news_panel img{ margin-left:-30px; margin-top:15px; position:absolute}
	.table_style1 thead tr td, .table_style2 thead tr td{ border-bottom:1px solid #79582b; padding-top:5px; padding-bottom:5px; padding-left:5px; }
	.table_style1 tbody tr td, .table_style2 tbody tr td{ background-color:#eed4af; line-height:16px; padding-left:5px; border-bottom:1px solid #ddccb4; color:#6c4b16 }
	a{ text-decoration:none}
	.table_style1{border:1px solid #79582b; height:80px; width:572px; }
	.table_style2{border:1px solid #eed4af; height:294px; width:700px; color:#6c4b16 }
	.table_header1{margin-top:10px; margin-bottom:3px;}
	
	#new_items .title {width:80px; margin-left:150px; float:left;}

	.new_items_img{float:left; margin-right:55px; padding:2px; text-align:center;  }
	.new_items_img:hover {border-color:#CCCCCC;}
	.new_items_img span{width:60px; color:#f1b463;;}
	#main_menu{	color:#bd7d11;	}
	
	.center{margin:0 auto;}
	
	
	.margin05{margin:5px;}
	.margin10{margin:10px;}
	.margin15{margin:15px;}
	.margin20{margin:20px;}
	.margin25{margin:25px;}
	.margin30{margin:30px;}
	.margin35{margin:35px;}
	.margin40{margin:40px;}
	.margin45{margin:45px;}
	.margin50{margin:50px;}
	.margin55{margin:55px;}
	.margin60{margin:60px;}
	.margin65{margin:65px;}
	.margin70{margin:70px;}
	.margin75{margin:75px;}
	.margin80{margin:80px;}
	.margin85{margin:85px;}
	.margin90{margin:90px;}
	.margin95{margin:95px;}
	
	.width05{width:5px;}
	.width10{width:10px;}
	.width15{width:15px;}
	.width20{width:20px;}
	.width25{width:25px;}
	.width30{width:30px;}
	.width35{width:35px;}
	.width40{width:40px;}
	.width45{width:45px;}
	.width50{width:50px;}
	.width55{width:55px;}
	.width60{width:60px;}
	.width65{width:65px;}
	.width70{width:70px;}
	.width75{width:75px;}
	.width80{width:80px;}
	.width85{width:85px;}
	.width90{width:90px;}
	.width100{width:100px;}
	.width105{width:105px;}
	.width105{width:15px;}
	.width110{width:110px;}
	.width115{width:115px;}
	.width120{width:120px;}
	.width125{width:125px;}
	.width130{width:130px;}
	.width135{width:135px;}
	.width140{width:140px;}
	.width145{width:145px;}
	.width150{width:150px;}
	.width155{width:155px;}
	.width160{width:160px;}
	.width165{width:165px;}
	.width170{width:170px;}
	.width175{width:175px;}
	.width180{width:180px;}
	.width185{width:185px;}
	.width190{width:190px;}
	.width195{width:195px;}
	.width200{width:200px;}
	.width205{width:205px;}
	.width210{width:210px;}
	.width215{width:215px;}
	.width220{width:220px;}
	.width225{width:225px;}
	.width230{width:230px;}
	.width235{width:235px;}
	.width240{width:240px;}
	.width245{width:245px;}
	.width250{width:250px;}
	.width255{width:255px;}
	
	.search_panel{width:400px; margin:0 auto; margin-top:-23px;}

	.keywords_panel { border:1px solid #79582d; width:260px; padding-left:5px;}
	.keywords_panel label.keyword, .keywords_panel label.keywordCross { width:105px; display:block; float:left; line-height:15px; margin:2px 0; background:url(../images/formimg/circle.jpg) center left no-repeat; padding-left:15px; font-weight:bold;}
	.keywords_panel label.keyword { background:url(../images/formimg/circle.jpg) center left no-repeat; cursor:pointer;}
	.keywords_panel label.keywordCross { background:url(../images/formimg/circle_close.jpg) center left no-repeat; cursor:pointer;}
	
/* --------------Added by Murtaza------------------*/
	.clsOnMouseOver{ text-decoration:none;} 
	.clsOnMouseOut{	 text-decoration:none;}

/* -----------------------------------*/
/* ---------->>> nicEdit <<<----------*/
/* -----------------------------------*/	
		.nicEdit-main  { background-color:#eed4af; color:#6c4b16}
		.nicEdit-panel { background-color:#272727;}
		.nicEdit-title { font-weight:bold}
		.nicEdit-main:focus { outline:none;}

/* -----------------------------------*/
/* ----------->>> Forms <<<-----------*/
/* -----------------------------------*/	
	
	.button_1{ background-image:url(../images/button_1.png); height:15px; width:67px;   cursor:pointer;  }
	.button_2{ background-image:url(../images/button_2.png); height:15px; width:111px;  cursor:pointer;  }
	.button_3{ background-image:url(../images/button_3.png); height:15px; width:137px;  cursor:pointer;  }
	.button_4{ background-image:url(../images/button_4.png); height:15px; width:180px;  cursor:pointer;  }
	.button_5{ background-image:url(../images/button_5.png); height:15px; width:210px;  cursor:pointer;  }
	.button_1, .button_2, .button_3, .button_4, .button_5{ 
		border:0px; color:#5f1c09; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;background-color:transparent; 
	}

	.frm {		margin:25px auto 0 auto; width:500px;	}
	
	
	
	
	.frm .lbl_text, .lbl_heading	{
		width:160px; 
		display:block; 
		float:left; 
		text-align:right; 
		padding-right:10px;
		font-weight:bold;
		line-height:20px;
	}
	label[type="must"]:after{content: ' *' ;}
	.frm label{
		float:left; 
		font-weight:bold;
		line-height:20px;
	}
	.frm_add_prduct tr td { padding-top:5px;}
	.frm_search tr td { padding-top:5px; padding-right:15px;}
	
	.lbl_heading{	color:#f1b463; }

	.frm .txtbox{	width:200px;	height:15px;	background:#272727;	border:solid 1px #79582b;	color:#bd7d11;	}
	
	.text_area1{ width:725px; height:75px; max-height:150px;}
	.text_area2{ width:725px; height:75px; max-height:150px;}
	td.title{ font-weight:bold; text-align:right; padding-right:10px;}
	td.titleL{ font-weight:bold; text-align:left; padding-right:10px;}
	td.vTop{ vertical-align:top; line-height:25px;}
	td.vTop1{ vertical-align:top;}
	
	input[type="text"], input[type="password"]  { border:1px solid #79582b; background-color:#272727; height:13px; color:#f2b45d; font-size:10px;}
	.fileUpload { border:1px solid #79582b; background-color:#272727; height:13px; color:#f2b45d; font-size:10px; padding-left:3px; padding-top:2px;}
	
	.calendar{background:#272727 url(../images/formimg/arrow_ddown.jpg) no-repeat scroll right center; padding:0 20px 0 5px; border:1px solid #79582d;}
	.textbox{background-color:#272727; padding:0 20px 0 5px; border:1px solid #79582d;}
	.debug td{ border:1px solid red;}

/* -----------------------------------*/
/* -------->>> TypoGraphy <<<---------*/
/* -----------------------------------*/
	body{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}

	h1{font-size:18px; float:right}
	h2{font-size:18px;}
	h3{
		color:#f1b463;
		font-size:10px;
		float:left;
		text-align:right; 
		padding-right:10px;
		font-weight:bold;
		line-height:20px;
	}

	.caps{text-transform:uppercase;}
	
	thead{ color:#f1b463; font-weight:bold;}
	#new_items .title { font-weight:bold;}
	#new_items .new_items_img span{ font-size:9px;}

/* -----------------------------------*/
/* ---------->>> Lists <<<------------*/
/* -----------------------------------*/
	
	
	#header ul{	display: block;	margin-top:10px; }

	#header ul li{
					float: left;
					display: block;
					border:1px solid #51493e;
					padding:2px;
					margin:0 2px;
					-moz-border-radius: 5px; -webkit-border-radius: 5px;
					cursor:pointer;
	}
	#header ul li:hover{ border:1px solid #ab8b62;	}
	
	#footer ul{ display:block; }
	#footer ul li { display:block; float:left;  }
	#footer ul li.title { margin:0 20px 0 320px; vertical-align:bottom; line-height:30px; }
	#footer ul li a, #footer ul li.break{  color:#e9ae62; }
	#footer ul li a{ text-transform:uppercase; font-size:10px;
		height:30px; 
		margin:0 5px ; 
		padding-bottom:8px;
		background-image:url(../images/arrow_up.jpg); 
		background-repeat:no-repeat; 
		background-position:center bottom;
	}



/* -----------------------------------*/
/* ------>>> Custrom Elements by Aamir Mahmood <<<-------*/
/* -----------------------------------*/
       .dropdown { padding:0px; margin:0px;}
        .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px;}
        .dropdown dd { position:relative; }
        .dropdown a, .dropdown a:visited { color:#bd7d11; text-decoration:none; outline:none; line-height:17px;}
        .dropdown a:hover { color:#bd7d11;}
        .dropdown dt a:hover { color:#bd7d11; border: 1px solid #79582d; }
        .dropdown dt a {background:#272727 url(../images/formimg/arrow_ddown.jpg) no-repeat scroll right center; display:block; padding:0 20px 0 5px;
                        border:1px solid #79582d;}
        .dropdown dt a span {cursor:pointer; display:block;}
        .dropdown dd .rudra { position:absolute; }
		 
		.dropdown dd div div  ul { background:#191919 none repeat scroll 0 0; color:#C5C0B0; 
                          left:0px; padding:0px 0px; position:reletive; top:0px; min-width:100px; list-style:none;}
        .dropdown span.value { display:none;}
        .dropdown dd div div ul li a { padding:0 0 0 12px; display:block;}
        .dropdown dd div div ul li a:hover { background-color:#4a361b;}
		.display_none{ display:none;}




		label.checkbox_dark span.holder {height: 39px; background: url(../images/formimg/checkbox_dark.png) 0 0px no-repeat; }
		label.radio_dark span.holder {height: 39px; 	background: url(../images/formimg/radio_dark.png) 0 0px no-repeat; }
		label.checkbox_light span.holder {height: 39px; background: url(../images/formimg/checkbox_light.png) 0 0px no-repeat; }
		label.radio_light span.holder {height: 39px; 	background: url(../images/formimg/radio_light.png) 0 0px no-repeat; }
		
		label.checkbox_dark:hover span.holder, label.checkbox_light:hover span.holder,
		label.radio_dark:hover span.holder, label.radio_light:hover span.holder { top: -13px !important; } /* Background position on mouseover */
		
		label.checked span.holder,
		label.checked span.holder,
		label.checked:hover span.holder,
		label.checked:hover span.holder { top: -26px !important; } /* Background position when checked */
	
	
		label.list {float: left; clear: left;		margin: 0 0 5px 0;	}
		label.inline {	float: left; margin: 0 10px 0 0;}
		input.hiddenCheckbox {	position: absolute; left: -10000px; /* Hide the input */	}
		label.prettyCheckbox span.holderWrap {	display: block; float: left;	position: relative;	margin-right: 5px;	overflow: hidden;	}
		label.prettyCheckbox span.holder {	display: block;	position: absolute;	top: 0; left: 0;}

	
/* -----------------------------------*/
/* ------>>> Top scrollarea <<<-------*/
/* -----------------------------------*/

.scroll-pane {
	width: 100px;
	
	float: left;
	padding: 0;
}
#pane5 {
	height: 100px;
	width: 100%;
	padding: 0;
	display: block;
	_overflow: hidden;
}

.top_scroll_area .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.top_scroll_area .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #272727;
	border-top:1px solid #5b4c35;
	border-bottom:1px solid #5b4c35;
	padding:1px 0px;
	
}

.top_scroll_area .jScrollIntervalTrack { 
	position: absolute;

}

.top_scroll_area .jScrollPaneDrag {
	position: absolute;
/*	background: #8e5c13 url(../images/scroll_track_right.jpg) top right no-repeat; */
	background-color: #8e5c13;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
	
}
.top_scroll_area .jScrollPaneDragLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	
}
.top_scroll_area .jScrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
.top_scroll_area a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	
}
.top_scroll_area a.jScrollArrowLeft:hover {
	/*background-color: #f60;*/
}

.top_scroll_area a.jScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/

}
.top_scroll_area a.jScrollArrowRight:hover {
	/*background-color: #f60;*/
}
.top_scroll_area a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.top_scroll_area a.jScrollArrowLeft {
	background: url(../images/scroll_left.jpg) no-repeat 0 0;
	width:30px;
}
.top_scroll_area a.jScrollArrowRight {
	background: url(../images/scroll_right.jpg) no-repeat 0 0;
}