@charset "utf-8";
/* Designed  by babu k - www.Inspire.co.in */
/* Date 10-05-2010 */
/* CSS Document */

@import "common.css";

/*-----------------------------------------------------------------

JJstudios_style.css using other pages for jjstudios.in website pages

-------------------------------------------------------------------*/

.main_warpper{ padding:0px; margin:0px; width:100%; position:relative; height:100%;}
.warpper{ background:url(../images/footer_bg.jpg) bottom center repeat-x; padding:0px; margin:0px; width:100%;  height:100%; display:block;}
.warpper_inner{ width:1002px; margin:0 auto; padding:0px; min-height:800px; height:auto !important;height:800px; position:relative;}


.png_test{ position:relative; width:265px; height:86px; background-color:transparent;background-image:url(../images/sayagle-logo.png); background-position:left top; background-repeat:no-repeat; padding: 0px;display:block;border:none; cursor: pointer;
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src='images/sayagle-logo.png');*background-image:none}
/*-----------header ------------*/

.header{ padding:0px; margin:0px auto; min-height:125px; height:auto !important;height:125px;}
.logo_part{padding:5px 0px 0px 0px; margin:0px; min-height:85px; height:auto !important;height:85px;}
.header-paint{background:url(../images/questiom_mark.jpg); background-position:0px 3px; background-repeat:no-repeat; }

/*search*/

.sea_bg{background:url(../images/search_bg.gif) left top no-repeat; width:228px; height:39px; float:left;}
.sea_rht{background:url(../images/search_btn.gif) left top no-repeat; width:64px; height:39px; float:left;}


.rht_list{ padding:0px 20px 0px 0px; margin:0px; float:right; position:relative;  }
.rht_list ul{padding:0px; margin:0px;}
.rht_list li{padding:0px; margin:0px; list-style:none; float:left; }
.rht_list li label{ padding:0px 3px 0px 5px;}
.rht_list li a{ color:#333333; text-decoration:none;}
.rht_list li a:hover{color:#415357; text-decoration:underline;}
.rht_list li.leave_fb{ background:url(../images/jj_img.gif) 0px 0px no-repeat; display:block; line-height:25px; padding:0px 0px 0px 35px;}
.rht_list li.shop_cart { background:url(../images/jj_img.gif) 0px -30px no-repeat; display:block; line-height:25px; padding:0px 0px 0px 28px;}
.rht_list li.feedback { background:url(../images/jj_img.gif) 0px -54px no-repeat; display:block; line-height:25px; padding:0px 0px 0px 30px;}
.cart_view{background:url(../images/jj_img.gif) right -85px no-repeat; display:block; line-height:40px; padding:0px 40px 0px 0px; margin:5px 10px 0px 0px;}

.tab_headpart{ padding:0px 0px 0px 3px; height:42px;}
.tab_lft{background:url(../images/jj_img.gif) 0px -126px no-repeat; height:42px; width:10px; float:left;}
.tab_cen{background:url(../images/jj_img.gif) 0px -170px repeat-x; display:block; width:979px; line-height:42px;float:left;}
.tab_rht{background:url(../images/jj_img.gif) right -126px no-repeat; height:42px; width:10px; float:right;}
/*.center_contain{ background:url(../images/cen_bg.png) top  center repeat-y; position:relative; min-height:500px; padding:0px 0px 0px 0px; height:auto !important;height:500px;}*/

.center_contain{ width:1002px; min-height:500px; height:auto !important;height:500px; background-color:transparent;background-image:url(../images/cen_bg.png); background-position:left top; background-repeat:repeat-y; padding: 0px;display:block;border:none;
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src='images/cen_bg.png');*background-image:none;}

/*category*/
.tab_cen_cat{background:url(../images/jj_img.gif) 0px -170px repeat-x; display:block; width:209px; line-height:42px;float:left;}
.tab_rht_cat{background:url(../images/jj_img.gif) right -126px no-repeat; height:42px; width:10px; float:left;}
.cat_cenbg{background:url(../images/cat_bg.gif) left repeat-y; padding:0px 5px 0px 5px; margin:0px;}
.cat_cenbottom{background:url(../images/cat_bottom.gif) left no-repeat; height:15px; padding:0px; margin:0px;}

.cat_listing{ padding:0px; margin:0px; position:relative;}
.cat_listing ul{ padding:0px; margin:0px; }
.cat_listing li{ padding:0px; margin:0px 5px 0px 5px; line-height:25px; background:url(../images/jj_img.gif) 0px -259px repeat-x; display:block;}
.cat_listing li a{ background:url(../images/jj_img.gif) 0px -216px no-repeat; padding:0px 0px 0px 15px; color:#234659;}
.cat_listing li a:hover{ background:url(../images/jj_img.gif) 0px -234px no-repeat; padding:0px 0px 0px 15px; text-decoration:none; color:#999999;}

/*listing*/
.tab_cen_list{background:url(../images/jj_img.gif) 0px -170px repeat-x; display:block; width:722px; line-height:42px;float:left;}
.listing_cenbg{background:url(../images/list_bg.gif) left repeat-y; padding:0px 5px 0px 5px; margin:0px;}
.down_bot{background:url(../images/list_bot.gif) left no-repeat; height:15px; padding:0px; margin:0px 0px 0px 0px;}
.down_top{background:url(../images/list_top.gif) left top no-repeat; height:15px; padding:0px; margin:0px 0px 0px 0px;}


/* menus */
#tab_btn{ padding:0px 0px 0px 0px; margin:0px; display:block; text-align:center;}
#tab_btn ul{ padding:0px; margin:0px; list-style:none;}
#tab_btn li{ padding:5px 0px 5px 0px; display:inline; font-weight:bold;}
#tab_btn label{padding:5px 2px 5px 5px;}
#tab_btn li a{color:#000000; padding:10px 0px 10px 10px; text-decoration:none;}
#tab_btn li a span{color:#000000; padding:10px 10px 10px 0px; text-align:center;}
#tab_btn li a:hover{background:url(../images/lft_btn.gif) left no-repeat; color:#ffffff; text-decoration:none;}
#tab_btn li a:hover span{background:url(../images/rht_btn.gif) right no-repeat; color:#ffffff;}
#tab_btn li a.active{background:url(../images/lft_btn.gif) left no-repeat; color:#ffffff; text-decoration:none;}
#tab_btn li a.active span{	background:url(../images/rht_btn.gif) right no-repeat; color:#ffffff;}

/*flash intor*/
.intro_animation{border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; padding:0px 5px 0px 5px; margin:0px 10px 0px 10px; min-height:300px; height:auto !important;height:300px;}
.intro_bottom{/*background:url(../images/intro_down.gif) 5px bottom no-repeat; */height:40px; position:relative; margin:0px 5px 0px 7px; }

.red_link a{text-decoration:none; color:#cc0000; font-weight:bold; font-size:11px;}
.red_link a:hover{text-decoration:underline; color:#cc0000;}

.blue_link a{color:#3399FF; text-decoration:underline;}
.blue_link a:hover{ color:#3366FF; text-decoration:underline;}

.red_a a{text-decoration:none; color:#cc0000; font-weight:bold; font-size:12px;}
.red_a a:hover{text-decoration:underline; color:#000000;}

.white_link a{text-decoration:none; color:#f1f2f2; font-weight:bold; font-size:12px; text-decoration:none;}
.white_link a:hover{text-decoration:underline; color:#ffffff;}

.drag_green a{color:#465f63; text-decoration:none;}
.drag_green a:hover{color:#465f63; text-decoration:underline;}

#featured{position:relative; height:272px; border:1px solid #dcdcdc; float:left; width:712px; padding:9px 9px 9px 0px;}
#featured ul.ui-tabs-nav{z-index:1;	position:absolute; top:0; left:0px; list-style:none; margin:0; width:248px; padding:9px 0px 0px 0px;}
#featured ul.ui-tabs-nav li{padding:0px 0; padding-right:16px; font-size:12px; color:#666; border-bottom:0px solid #333; border-left:0px solid #d1d1d9;}
#featured ul.ui-tabs-nav li span{padding:0px; margin:0px; line-height:65px;}
#featured .ui-tabs-panel{width:480px;float:right; position:relative; overflow:hidden; height:273px;}
#featured .ui-tabs-hide{display:none;}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/display:block; color:#333; outline:none; border-bottom:1px solid #bcbcbc; text-decoration:none;/* background-color: #eef1f3;*/ padding:0px 0px 0px 5px; height:67px; font-weight:bold; background-image: url(../images/grad-strip.jpg);background-repeat: repeat-x; }
#featured li.ui-tabs-nav-item a:hover{ background:url(../images/grad-strip-active.jpg) left top repeat-x;}
#featured li.ui-tabs-selected{ /*Selected tab style*/background: url(../images/selected-item1.gif) top right no-repeat; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a{	color:#111;	background-image: url(../images/grad-strip-active.jpg);	background-repeat: repeat-x; background-color: #ffffff; background-position: -100px;}
#featured ul.ui-tabs-nav li img{float:left; margin:5px;	background:#ccc; padding:1px;}
#featured .ui-tabs-panel .info{	position:absolute; top:190px; left:0; height:82px; padding:10px 10px 0px 15px; width:460px;	background: url(../images/opacity.png) repeat; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src='images/opacity.png');*background-image:none;}
#featured .info h2{	font-size:18px;	color:#fff; padding:5px; margin:0; overflow:hidden;}
#featured .info p{margin:0 5px;	font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0;}
#featured .info a{text-decoration:underline; color:#fff;}
#featured .info a:hover{text-decoration:none;}

/*Animation  Listen */
.intro_fade{ background:url(../images/intro_bg.gif) right top no-repeat; padding:0px; margin:0px; height:307px; display:block;}

.rht_adpart{width:240px; border:1px solid #dcdcdc;}

.btn_part{ padding:0px 0px 0px 0px; margin:0 auto; text-align:center; width:75px; font-size:11px;}
.btn_part a{ background:url(../images/cart_btn.gif) 0px 0px no-repeat; text-align:center; display:block;  padding:0px 0px 0px 0px; line-height:28px; height:28px; margin:0px; color:#000000; }
.btn_part a:hover{ background:url(../images/cart_btn.gif) 0px -28px no-repeat;  text-align:center; display:block;  padding:0px 0px 0px 0px; line-height:28px; height:28px; margin:0px;  color:#000000;}

.btn_partother{ padding:0px 0px 0px 0px; float:left; text-align:center; width:75px; font-size:11px;}
.btn_partother a{ background:url(../images/cart_btn.gif) 0px 0px no-repeat; text-align:center; display:block;  padding:0px 0px 0px 0px; line-height:28px; height:28px; margin:0px; color:#000000; }
.btn_partother a:hover{ background:url(../images/cart_btn.gif) 0px -28px no-repeat;  text-align:center; display:block;  padding:0px 0px 0px 0px; line-height:28px; height:28px; margin:0px;  color:#000000;}

.bot_lftintro{background:url(../images/bot_lft.gif) no-repeat; left:0px; position:absolute; width:21px; top:0px; height:40px;}
.bit_rhtintro{background:url(../images/bot_rht.gif) no-repeat; right:0px; _right:-1px; position:absolute; width:21px; top:0px; height:40px;}
.bit_cenintro{background:url(../images/bot_cen.gif) repeat-x; left:0px; top:0px; height:40px;}

/*-----------center contain------------*/
.center_part{ padding:0px 10px 0px 10px; margin:0px;}

.view_all{position:absolute; z-index:1; right:0px; top:450px;}
.view_all_other{position:absolute; z-index:1; right:0px; top:72px;}
.viewmore a{background:url(../images/jj_img.gif) 0px -215px no-repeat; padding:0px 0px 0px 15px; color:#999999; position:relative; }
.viewmore a:hover{ background:url(../images/jj_img.gif) 0px -233px no-repeat; padding:0px 0px 0px 15px; text-decoration:none; color:#000;}
/*-----------left side slider------------*/
.more-button {float:right;}
/* Easy Slider */
#slider{ position:relative;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}	
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{ height:282px; overflow:hidden; margin:0px; padding:0px;
}	

/*--------tooltip-----------*/
/*.srch_result_container{ width:1002px; margin:0px auto;}*/
.srch_result_item{ float:left; width:33%; text-align:center; padding:5px 0px 5px 0px;}
.srch_result_item_details{ text-align:center;}
/*.srch_result_item_100{ float: left;  width: 112px; margin-right: 20px; height: 232px;}
.srch_result_item_138{ float: left; width: 140px;  margin-right: 20px; height: 270px;}
.srch_result_item_200{ float: left; width: 202px; margin-right: 20px; height: 332px;}*/
.srch_result_item_child{ height:100%; padding:0px; margin:0px; position:relative;}
/*.srch_result_item_child_100{height: 142px;}
.srch_result_item_child_138{ height: 180px;}
.srch_result_item_child_200{ height: 242px;}*/
.srch_result_item_thumb{ width:auto; min-height:165px; height:auto !important; height:165px;  position: relative; text-align:center;}
/*.srch_result_item_thumb_100{width: 102px; height: 132px;}
.srch_result_item_thumb_138{ width: 140px; height: 170px; }
.srch_result_item_thumb_200{ width: 202px; height: 232px;}*/
.srch_result_item_desc{color: #cccccc; }
.srch_result_item_filename{ color: #666666; font-weight: bold; margin-top:8px;}
.srch_result_item_icon_cont{ margin-top:3px;}
.srch_result_item_icon_cont a{  border:0px;  text-decoration: none; padding:0px; margin:0px;}


/*pagination*/

div.pagination {padding:15px 5px 5px 5px; margin:0px; text-align:right; position:relative;}
div.pagination a {padding: 2px 5px 2px 5px;	margin: 2px; border: 1px solid #dddddd; -moz-border-radius:5px;  border-radius:5px; -webkit-border-radius:5px;	text-decoration: none; color:#422a1a; font-weight:bold;}
div.pagination a:hover, div.pagination a:active {border:1px solid #999999; -moz-border-radius:5px;  border-radius:5px; -webkit-border-radius:5px;	background:#355558;	color:#ffffff; font-weight:bold;}
div.pagination span.current {padding:2px 5px 2px 5px; margin: 2px; border:1px solid #999999; -moz-border-radius:5px;  border-radius:5px; -webkit-border-radius:5px; font-weight: bold; background-color:#355558; color:#ffffff;}
div.pagination span.disabled {padding:2px 5px 2px 5px;	margin: 2px; border:1px solid #dddddd; -moz-border-radius:5px;  border-radius:5px; -webkit-border-radius:5px;	font-weight:bold; color:#422a1a;}

/*details page*/
.dot_down{ background:url(../images/dot-bg.gif) left bottom repeat-x;}
.details_list{	padding:7px 10px 7px 0px;}
.details_list label{ width:100px; float:left; text-align:left; color:#666666; font-weight:bold;}
.details_list span b{text-align:right; color:#000000; font-weight:bold; padding-right:10px;}
.details_list span{color:#666666; font-weight:normal;}

.det_listing{padding:0px; margin:0px;}
.det_listing ul{padding:10px 0px 0px 0px; margin:0px; list-style:none; display:block;}
.det_listing li {display:inline; font-weight:bold; padding:5px 10px 5px 25px; line-height:30px; background:url(../images/add_cart.gif) left center no-repeat;}
.det_listing li.check_out{display:inline; padding:5px 10px 5px 25px; line-height:30px; font-weight:bold; background:url(../images/check_out.gif) left center no-repeat;}
.det_listing li.check_back{	display:inline;	padding:5px 10px 5px 25px; line-height:30px; font-weight:bold;background:url(../images/back_arrow.gif) left center no-repeat;}
.det_listing a{color:#000000; text-decoration:underline;}
.det_listing a:hover{color:#38565c; text-decoration:none;}

.ad_jj{border:1px solid #d7dfe1; margin:0px 3px 5px 3px; position:relative; padding:2px;}

/*view cart*/
.viewcart_item{ padding:10px 0px 0px 0px; margin:0px 5px 0px 5px;}
.viewcart_item table{ border-collapse:collapse; border:1px solid #b1bcb2; padding:0px;}
.viewcart_item td{ border:1px solid #b1bcb2; border-collapse:collapse; line-height:25px; font-weight:bold; }
.viewcart_item .header{ background:#d6dcde; height:25px; line-height:25px;}

.del_icon{background-image:url(../images/delete_but.gif); background-position:0px 5px; background-repeat:no-repeat; padding-left:18px;}

.listnew{ padding:5px; margin:0px 0px 0px 0px; position:relative;}
.listnew fieldset{ border:#cccccc 1px solid; font-style:normal; text-align:left; padding-left:10px; padding-bottom:10px; color:#666666;}
.listnew legend{ font-size:16px; font-weight:bold; color:#000000; padding:0px 0px 0px 0px; font-size:12px;}

.row_col{background-color:#FFFFFF;}
.on-mse{background-color:#e7f0f2;}
.row_col1{background-color:#f1f3f3; border-bottom:1px solid #f6f6f6;}
.error_check{margin-left:160px;	padding-left:25px; line-height:20px; color:#cc0000; background: url(../images/invalid_message.gif) no-repeat;}

.add_details{ margin:0px; padding:0px 0px 10px 0px; position:relative;}
.add_details_des{font-size:12px; float:left; padding-right:10px; line-height:23px; font-weight:bold; width:90px;}
.add_lft{ background:url(../images/sign_lft.gif) left top no-repeat; width:6px; height:25px; float:left; _margin-top:1px;}
.add_rht{ background:url(../images/sign_rht.gif) left top no-repeat; width:6px; height:25px; float:left; _margin-top:1px;}
.add_details input{ border:1px solid #dddddd; width:200px; border-right:0px; border-left:0px; height:23px; line-height:23px; font-size:12px;}
.address_invalid{padding-left:155px; line-height:25px; color:#CC0000; font-size:12px;}

.benifit_right{ background:url(../images/right.gif) left center no-repeat; padding-left:35px;}
/* The hint to Hide and Show */
.hint {	display: none; position:absolute; right:-30px; z-index:1; top:3px; width:165px; margin-top: -4px; border:1px solid #a9b2b4; padding: 5px 9px; /* to fix IE6, I can't just declare a background-color, I must do a bg image, too!  So I'm duplicating the pointer.gif  image, and positioning it so that it doesn't show up    within the box */
 background: #edf3f4 url(..images/pointer.gif) no-repeat -10px 5px;}
 
/* The pointer image is hadded by using another span */
.hint .hint-pointer {position: absolute; left: -10px; top:3px; width: 10px; height: 19px; background: url(../images/pointer.gif) left top no-repeat;}

.condition_p{ padding:0px 0px 0px 20px; margin:0px;}
.condition_p ul{padding:5px 0px 15px 0px;}
.condition_p li{list-style-type:decimal; list-style-position: outside; padding:5px 0px 5px 0px;}

/*----comments-------*/
.comments_list{border:1px solid #c4d0d3; min-height:75px; height:auto !important;height:75px; background:#eef4f5; padding:3px; color:#333333;}
.comment_arror{position:absolute; top:10px; left:-11px;}


/*-----------footer ------------*/
.footer{ padding:0px; margin:0px; position:relative; min-height:180px; height:auto !important;height:180px;}
.footer_follow{background:url(../images/follow.jpg) left no-repeat; height:90px; float:left; padding:0px 0px 5px 200px;}

.fooder_linkpart{text-align:center;	font-size:11px; padding:5px 0px 0px 10px; margin:0px; text-align:right;}
.fooder_linkpart ul{padding:20px 0px 5px 0px; margin:0px;}
.fooder_linkpart li {display:inline; list-style:none; }
.fooder_linkpart li a{text-decoration:none; color:#a9b1b3;}
.fooder_linkpart li a:hover{text-decoration:underline; color:#cad4d6;}
.fooder_linkpart label{	padding:0px 3px 0px 5px; color:#a9b1b3;}
/*powered by*/
.poweredby{padding:5px 10px 10px 0px; color:#666666; font-size:11px; display:block;}
.poweredby span{ color:#000000; font-size:11px; font-weight:bold; padding:5px 0px 5px 7px; background:url(../images/logo.gif) 0px 0px; background-position:left; 	background-repeat:no-repeat;}
.poweredby span a{color:#077dbb; padding:0px 0px 0px 20px;}
.poweredby span a:hover{color:#000000;}

.line_bot_part{height:15px; margin:0px 5px 0px 5px;}
.txt_area{border:1px solid #dddddd; font-size:11px; font-family:Tahoma; width:210px; height:60px; padding:3px;}

/*contact_us*/

/*delivery*/
#fixme {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position:absolute; left:0px; bottom:0px; z-index:1000;  /*padding-bottom:210px;*/
}
div > div#fixme {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
.delivery_part{ height:267px; width:69px; display: block; margin-bottom:5px; }

.roll_paintings_list { padding:0px; margin:0px; position:relative;}
.roll_paintings_list ul {padding:0px; margin:0px;}
.roll_paintings_list li {padding:0px 0px 0px 17px; background-image:url(../images/bullet_square.gif) ; background-position:left center; background-repeat:no-repeat;}
.roll_paintings_list li.bullet_new{padding:0px 0px 0px 17px; background-image:url(../images/bullet_new.gif) ; background-position:left center; background-repeat:no-repeat;}
.roll_paintings_list li.paint_do_list{padding:0px 0px 0px 20px; background-image:url(../images/correct_img.gif) ; background-position:left center; background-repeat:no-repeat;}
.roll_paintings_list li.paint_list-bullet{padding:0px 0px 0px 20px; background-image:url(../images/paint_list-bullet.gif) ; background-position:left center; background-repeat:no-repeat;}

.step_by_step{ padding:5x; margin:0px;}
.step_by_step p{ float:right;}
.step_by_step img{ float:left; padding:10px;}

.panit_req{ background-image:url(../images/painting_request.gif) ; background-position:left 10px; background-repeat:no-repeat; padding-left:44px;}