@charset "UTF-8";
/* CSS Document */
/*
Title: Designing Resources, Unique and Most Wanted Graphic design, Web designing Resources. Quality Resources for Designers.
Description: CSS for innovatemplates.com
Version: 3.0
Design: Joy Karmakar
Designer email: info@joyartforweb.com
*/

/* -------    Page Layout ----------*/
		body{padding:0px; margin:0px; background:#fff url(images/body_bg.gif) top left repeat-x;}
		td{
		font-family:tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#333E1B;
		line-height:13px;
		font-weight:normal;
		}
		p{ padding:0px 0px 8px 0px; margin:0px;}
		
		div{ padding:0px; margin:0px;}
		
		a{color:#E28705; text-decoration:underline;}
		
		a:hover{text-decoration:none; color:#000;}

		input{margin:0px;}
		form{ padding:0px; margin:0px;}

		td.header{height:126px;}
		
/*some font color class start here*/
		.white_color{ color:#000;}
		.red_color{ color:#FF4E09;}
		.black_text{ color:#000;}
/*some font color class end here*/

/*some font size class start here*/
		.font_size13{ font-size:13px;}		
/*some font size class end here*/

/*some bg color classes start here*/
		.bg_white{ background-color:#FFFFFF; border:#C3C3C3 1px solid;}		
/*some bg color classes end here*/

/*logo start here*/
		#logo img{ 
		float:left; 
		width:290px; 
		height:81px;
		background:url(images/logo.gif) top left no-repeat;
}
/*logo end here */

/*Offer start here*/
		#offer{		
		color:#000000;		
		padding-left:97px;
		padding-top:8px;
		width:160px; 
		border:#D7D7D7 1px dashed; 
		background:url(images/offer_img.gif) top left no-repeat;
		}
		#offer span{
		color:#676D81; 
		display:block; 
		padding:2px 0px 4px 0px;
		}
/*Offer end here*/
/*search section start here*/
		#search{
		border:#000 1px solid;
		background:#000 url(images/search_bg.gif) top right repeat-x;
		}
		#search td{ color:#fff;}
		#search_img img{background:#000 url(images/search_img.gif) top right no-repeat; width:150px; height:84px;}
		.select_cate{
 		font-size:11px;
		padding:1px 0px 1px 5px;
  		width:150px; 
 		}
		.select_cate option{
		padding:2px 2px 0px 5px;
 		}	
		
		div#searchAll{
		height:40px;
		float:left;
		width:768px;
		padding:0px 0px 0px 10px;
		height:47px;
		background:#DA8718 url(images/search_all_bg.gif) top left repeat-x;
		}
		div#searchAll a{
		color:#fff; 
		display:block;
		padding-left:20px;
		float:left;
		text-decoration:none;
		background:url(images/arrow2.gif) top left no-repeat;
		}
		div#searchAll a:hover{text-decoration:underline;}
		
		div#shoppingCart_box{
		width:174px;
		float:right;
		height:25px;
		text-align:center;		
		background:#E3E3E3;
		border-left:#fff 1px solid;		
		border-right:#fff 1px solid;
		}
		div#shoppingCart_box a{
		width:100px;
		display:block;
		padding:6px 0 3px 30px;
		color:#474C4F;
		text-align:left;
		font-weight:bold;
		text-transform:uppercase;
		margin:0 auto;
		text-decoration:underline;
 		background:url(images/cartbox_ico.gif) center left no-repeat;
		}
		div#shoppingCart_box a:hover{text-decoration:none;}
/*search section end here*/

/*section heading start here*/
		table.section_heading{
		margin-top:2px;
		height:44px;
		background:#C3C3C3;		
		}
		table.section_heading td{
		color:#000;
		padding-left:16px;
		font-size:13px;
		font-weight:bold;
		border:#fff 1px solid;
		background:#EDEDED url(images/heading_bg.gif) top left repeat-x;		
		}
		table.section_heading a{
		color:#E28705;
		text-transform:uppercase;
		text-decoration:none;
		}
		table.section_heading a:hover{ color:#000000;text-transform:uppercase;
		text-decoration:none;}
/*section heading end here*/

/*category_panel start here*/
		#category_panel{
		border:#C3C3C3 1px solid;					
		background-color:#F1F1F1;
		padding:14px 0px 10px 0px;
		width:172px;
		}
		
		#category_panel a{
		display:block;
		color:#000;
		padding:3px 0px 3px 23px;		
		white-space:nowrap;
		line-height:13px;
		text-decoration:none;
		background:url(images/orange_arrow.gif) top left no-repeat;
		}
		#category_panel a:hover{color:#000; background:#D2D2D2 url(images/orange_arrow.gif) top left no-repeat;}
		#category_panel a:active{color:#000; font-weight:bold; background:#F9F9F9 url(images/orange_arrow.gif) top left no-repeat;}
/*category_panel end here*/

/*Thumb display section start here*/
		div#thumb_holder{
		margin:4px 0px 0px 0px;
		background:#FFFFFF;
		border:#C3C3C3 1px solid;
		}
		div#thumb_holder td{color:#4A4D57;}
		div.preview_box{
		padding:6px 0px 6px 0px;
		background:#000; 
		height:1.0em; 
		color:#FFFFFF;
		text-decoration:none;
		}
		.preview_box a{ text-decoration:none; color:#FFFFFF;}
		.preview_box a:hover{ text-decoration:underline; color:#ED7105;}
		
		.pagenav { color:#666666; background:#F7F7F7; padding:4px; margin:1px; text-align:right;}
		.pagenav a{ text-decoration:none; font-weight:bold; color:#EF951A;}
		.pagenav a:hover{ text-decoration:none; font-weight:bold; color:#666666;}
		
/*Thumb display section end here*/
		.welcome_text{
		border:#C3C3C3 1px solid;
		padding:14px 20px 0px 14px;
		background:#fff;		
		}
		.welcome_text a{ text-decoration:none;}
		.welcome_text a:hover{ text-decoration:none; color:#000;}
/*custom_template banner start here*/
		.custom_template{
		border:#B4D9EB 1px solid;		
		color:#000; 
		width:266px;
		height:87px; 
		background:url(images/custom_template.gif) top left no-repeat;
		}
/*custom_template banner end here*/

/*customize_template banner start here*/
		.customize_template{
		color:#FFFFFF;
		border:#006989 1px solid;		
		width:319px;		
		height:50px; 
		font-size:10px; 
		line-height:11px;
		background:url(images/customize_template.gif) top left no-repeat;
		}
/*customize_template banner end here*/
/*footer section start here*/
		.footer{ 
		padding-top:10px; 
		padding-bottom:10px; 
		border-top:#C3C3C3 4px solid; 
		color:#C3C3C3; 
		font-size:10px; 
		line-height:16px;
		}
		.footer a{color:#404040; text-decoration:none;  font-size:11px;}
		.footer a:hover{color:#C3C3C3; text-decoration:underline;}
/*footer section end here*/

/*Menu start here*/
		#menu{background:url(images/menu_bg1.gif) bottom left no-repeat; padding-left:3px; }
		#menu div{background:url(images/menu_bg2.gif) bottom right no-repeat; padding-right:3px; height:46px; }
		#menu div table{ width:772px; height:46px;}
		#menu td{
		background:url(images/menu_bg2.gif) top left no-repeat; 
		font-weight:bold; height:46px; 
		}
		#menu a{
		width:auto;
		height:1.2em;
		color:#262E48; 
		text-decoration:none;		
		display:block;
		padding:16px 15px 17px 15px;
		background:url(images/menu_bg1.gif) top right no-repeat;
		}
		#menu a:hover, #menu a:active{color:#fff; text-decoration:none; background:#000 url(images/menu_bg_hover.gif) bottom right repeat-x;}
/*Menu end here#######################################################*/

		div#return_top a{
		display:block;
		width:100px;
		padding-top:1px; 
		height:17px; 
		float:right; 
		display:block;
		color:#21559A;
		background:url(images/arrow_top.gif) top right no-repeat;
		}
		div#return_top a:hover{
		color:#FF9900;
		}	
					
		.link{ color:#000000; text-decoration:none;}
		.link:hover{ color:#000000; text-decoration:underline;}

#themes{height:36px; position:absolute;}
#themes td{text-transform:uppercase;font-size:10px;}
#themes a{
	padding:2px 10px 0px 10px;
	border:#B6B6B6 01px solid;
	white-space:nowrap;
	width:100px;
	display:block;
	height:19px;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
	
}
#themes a:hover{
color:#FFFFFF;
background-color:#000000;
display:block;
height:94px;
}
.theme_defult{ background:url(images/spacer.gif) bottom left no-repeat;}
.theme_defult:hover{ background:#000 url(images/theme_defult.gif) bottom left no-repeat;}

.theme_black{ background:url(images/spacer.gif) bottom left no-repeat;}
.theme_black:hover{ background:#000 url(images/theme_black.gif) bottom left no-repeat;}

.theme_green{ background:url(images/spacer.gif) bottom left no-repeat;}
.theme_green:hover{ background:#000 url(images/theme_green.gif) bottom left no-repeat;}

/* CSS Document */
div#menu{background:url(images/menu_bg.gif) bottom right no-repeat; padding-right:4px; }
div#menu td{
background:url(images/menu_bg.gif) bottom left no-repeat;
font-weight:bold;
color:#262E48;
}
div#menu a{
color:#262E48; 
text-decoration:none;
display:block;
height:31px;
padding:15px 15px 0px 15px;
background:url(images/menu_bg1.gif) top right no-repeat;
}
div#menu a:hover{color:#fff; text-decoration:none; background:url(images/menu_bg_hover.gif) top right repeat-x;}