/** $Id: sd_style_new.css,v 1.49 2012/01/18 06:24:50 kiran Exp $ **/

/********************************* Classes for XHTML default Tag *********************************/
body { height: 100%; margin:0; padding:0; font: .80em/1.2em arial, sans-serif, tahoma, geneva, verdana; color:#000000; }
h1 { color:#000000; font-size:1.4em; font-weight:normal; margin:0; padding:0; }
h2 { color:#e84915; font-size:1.5em; font-weight:normal; margin:0; padding:5px 0; }
h3 { color:#000; font-size:1.4em; font-weight:bold; margin:0; padding:0; line-height:1.4em; }
h4 { color:#e84915; font-size:1em; font-weight:bold; margin:0; padding:0; }
form { display:inline; margin:0; padding:0px; }
fieldset { padding:0; margin:0; border:none; }
img { border:none; }
a { color:#014991; text-decoration:underline; padding:0px; margin:0px; }
a:hover { color:#014991; text-decoration:none; }
ul, li { list-style-type:none; padding:0px; margin:0px; }
ul.inline { width:100%; }
ul.inline li { float:left; }
ul.inline li.floatr { float:right; }
p { margin:10px 0; }
h2.caption { font-size:1em; color:#000; margin:10px 0 0 0; padding:0; }

#video_icon_id { text-align:left; height:21px; margin:-26px auto 0; width:500px; position:relative; z-index:21; }

.play_icon { vertical-align:top; margin-left:-25px; margin-top:5px; position:absolute; }
.zoom_image_abs { position:absolute; width:536px; margin:5px 0 0 -5px!important; z-index:21; }

.zoom_icon_opcity a img, .article_image_abs a img.png{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; border:0;}
.zoom_icon_opcity_hover a img, .article_image_abs a:hover img.png{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; border:0;}

#zoom_image_icon { text-align:right;margin:0 auto}

#accessories h2 { margin-bottom:5px; }

/*************************** Classes for VIF Tab button *******************************************/
.shadetabs { padding:0 0 5px 0; margin-bottom:-2px !important; margin-top:-1px; list-style-type:none; text-align: left; }
.shadetabs li { display: inline;float:left; margin:0; padding:3px 4px; }
.shadetabs li a { font-size:.85em; text-decoration: none; }
.shadetabs li a:hover { text-decoration:underline; }
.shadetabs li.selected { padding:2px 4px 7px; text-decoration: underline; border:1px solid #b6b6b6; border-bottom:1px solid #fff; background:#fff;margin-bottom:-1px;}
.shadetabs li.selected { text-decoration:none; }

.shares { clear:both; position:relative; padding:0; margin:0; font-family: verdana, arial, helvetica, sans-serif;}
.shares ul { text-align:left; list-style:none; margin:6px 0 4px 0; padding:5px 0 5px 10px; background:#e5ebe7; }
.shares ul li { text-align:center; display:inline; padding:0 4px 0 0 ; }
.shares ul li.delicious { background:url(../../../common_image_new/simple_dealer/sds_common.gif) no-repeat 0 -863px; }
.shares ul li.myspace { background:url(../../../common_image_new/simple_dealer/sds_common.gif) no-repeat 0 -927px; }
.shares ul li.twitter { background:url(../../../common_image_new/twitter_icon.gif) no-repeat 0 50%; }
.shares ul li.digg { padding:0 0 0 2px; background:url(../../../common_image_new/simple_dealer/sds_common.gif) no-repeat 0 -894px; }
.shares ul li.facebook { padding:0; background:url(../../../common_image_new/simple_dealer/sds_common.gif) no-repeat 0 -829px; }
.shares ul li a { font-size:13px; color:#000; padding:0 0 0 20px; margin:0 4px 0 0; }

a.share_icon { background:url(../../../common_image_new/simple_dealer/sds_common.gif) 0 -649px no-repeat; padding-left:33px; }
a.share_link { background:url(../../../common_image_new/share_link.gif) 0 50% no-repeat; padding-left:18px; }
a.sendlink_icon { background:url(../../../common_image_new/simple_dealer/sds_common.gif) 0 -682px no-repeat; padding-left:24px; }
a.addtofav_icon { background:url(../../../common_image_new/simple_dealer/sds_common.gif) 0 -714px no-repeat; padding-left:20px; }
a.reportad_icon { background:url(../../../common_image_new/simple_dealer/sds_common.gif) 0 -742px no-repeat; padding-left:18px; }
a.reportad_bad_icon { background:url(../../../common_image_new/simple_dealer/sds_common.gif) 0 -771px no-repeat; padding-left:18px; }
a.pdf_icon { background:url(../../../common_image_new/simple_dealer/sds_common.gif) 0 -799px no-repeat; padding-left:20px; }
a.zoom_icon { background:url(../../../common_image_new/icons_buttons.gif) no-repeat 0 -1190px; padding:3px 3px 3px 20px; }

.tabcontentstyle { border:1px solid #b6b6b6; padding:10px; clear:both; display:none; #margin-top:1px;zoom:1;}

.no_line a { text-decoration:none; }
.no_line a:hover { text-decoration:underline; }

/************************* Classes for differentiation of Uniq ID/Class **************************/
#main {  width:650px; margin:10px auto 10px auto;  }

#listing_heading { padding:0 7px; font-weight:bold; font-size:1em; }
#listing_heading ul { width:100%; text-align:left; }
#listing_heading ul li { margin-right:0.5em; float:left; }
#listing_heading ul li.col1 { width:35%; }
#listing_heading ul li.col2 { width:15%; }
#listing_heading ul li.col3 { width:15%; }
#listing_heading ul li.col4 { width:10%; }
#listing_heading ul li.col5 { width:20%; margin-right:0; float:left; }
#listing_heading a { color:#000; }

.listing { font-size:.9em; padding:10px 0; background: url(../../../common_image_new/simple_dealer/6/hr_line_blue.gif) repeat-x 0 100%; }
.listing ul { margin-left:5px; text-align:left; }
.listing ul li { margin-right:0.5em; float:left; }
.listing ul li.col1 { width:35%; }
.listing ul li.col2 { width:15%; }
.listing ul li.col3 { width:15%; }
.listing ul li.col4 { width:10%; }
.listing ul li.col5 { width:20%; line-height:1.5em; margin-right:0; text-align:center;position:relative }

#thumb_img li { float:left; width:80px; height:60px; border:1px solid #c0c0c0; margin-left:3px; position:relative; }
.spacer, .img_protect { position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; display:block; background:url(../../../common_image_new/spacer.gif); }
.listing_thumb { position:relative; margin:auto; width:120px; height:90px; }
.pointer { cursor:pointer; }

.message { color:#000000; padding:5px; margin:5px; border: 1px solid #d6be89; background-color: #fffac0; }

/********************* classes for differentiation of padding, border & color ********************/
.fl { float:left; }
.fr { float:right; }
.floatl { float:left; }
.floatr { float:right; }
.clear { clear:both; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.bold { font-weight:bold; }
.normal { font-weight:normal; }
.padding { padding:5px; }
.padding1 { padding:10px; }
.padding_lr { padding:0 5px; }
.padding_lr1 { padding:0 10px; }
.padding_tb { padding:5px 0; }
.padding_tb1 { padding:10px 0; }
.padding_top { padding-top:5px; }
.padding_top1 { padding-top:10px; }
.padding_bottom { padding-bottom:5px; }
.padding_bottom1 { padding-bottom:10px; }
.padding_left { padding-left:5px; }
.padding_left1 { padding-left:10px; }
.padding_right { padding-right:5px; }
.padding_right1 { padding-right:10px; }
.margin { margin:5px; }
.margin_top { margin-top:5px; }
.margin_top1 { margin-top:10px; }
.margin_bottom { margin-bottom:5px; }
.margin_bottom1 { margin-bottom:10px; }
.margin_left { margin-left:10px; }
.margin_right { margin-right:10px; }
.padding_none { padding:0; margin:0; }
.width_full { width:100%; }
.small_text { font-size:.85em; }
.small_text1 { font-size:.80em; line-height:1.1em; }
.mid_text { font-size:.9em; }
.mid_align { vertical-align:middle; }
.star { color:#f00; font-weight:normal; }
.iborder { padding: 2px; border: 1px solid #c9c9c9; }
.hlight { color:#e84915; }
.listpadding { padding: 5px; }
.plain h2 { color:#000000; font-size:1.4em; font-weight:normal; margin:0; padding:0; }
.warranty { text-align:center; width:60px; margin-top:5px; }
/*a.for_sale_listing { position:absolute; margin:-10px 0 0 -72px; z-index:2; }*/
a.for_sale_listing { position:absolute;top:-10px;left:-5px;z-index:2; }
.word_wrap { word-wrap:break-word; }
a.zoom_icon { background:url(../../../common_image_new/icons_buttons.gif) no-repeat 0 -1190px; padding:3px 3px 3px 20px; }

/************************** classes for differentiation of form element **************************/

input { vertical-align: middle; margin:0px 2px 2px 0px; padding:1px; }
input, textarea, select { font: .90em/1.2em arial, sans-serif, tahoma, geneva, verdana; color:#000000; }
.button { font-size:.98em; }

.textbox1 { width:30em; }
.textbox2 { width:20em; }
.textbox3 { width:15em; }
.textbox4 { width:12em; }
.textbox5 { width:10em; }
.textbox6 { width:20em; }
.textbox7 { width:30em; }

.listbox1 { width:5em; height:7em; }
.listbox2 { width:6em; height:7em; }
.listbox3 { width:13em; height:7em; }
.listbox5 { width:13em; height:7em; }

.url_textbox { width:34em; background:#ebebe4; border:1px solid #a4acb4; }
.big_img { width:536px; text-align:center; min-height:380px; height:auto !important; height:380px; position:relative; }

/*************************** Classes for VIF Tab button **************************/
.hif li { float:left; padding:2px; }
.hif li.col1 { width:30%; clear:both; }
.hif li.col2 { width:65%; }

/************************************* for asssunto carousle **************************************/

.carousel-component {
position:relative;
overflow:hidden;   /* causes the clipping */
display:none; /* component turns it on when first item is rendered */
}

.carousel-component ul.carousel-list { width:10000000px; position:relative; z-index:1; }
.carousel-component .carousel-list li { float:left; list-style:none; overflow:hidden; border:none; }

/*** VERTICAL CAROUSEL DEFAULTS ***/
.carousel-component .carousel-vertical li {
margin-bottom:0px;

/* Fix for extra spacing in IE */
float:left; clear:left;
/* Force the LI to respect the HEIGHT specified */
overflow:hidden; display:block;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */
.carousel-component ul.carousel-vertical {
/*  width:auto;*/
}

.carousel-component .carousel-clip-region {
overflow:hidden; /* Secret to the clipping */
margin:0px auto; position:relative;
}

/**
* ==============================================================================
* Safe to override. It is safe to override background, padding, margin, color,
* text alignment, fonts, etc. Define a separate CSS file and override your style
* preferences.
**/

.carousel-component { padding:0 10px; margin:10px 0; }
.carousel-component ul.carousel-list { margin:0px; padding:0px; line-height:0px; }
.carousel-component .carousel-list li { text-align:center; margin:0px; padding:0px; color:#666; }
.carousel-component .carousel-list li {
margin:0;
width:82px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) +
img.border-left (1) + img.border-right (1)*/
height:auto; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
/*  margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { display:block; border:1px solid #e2edfa; float:left; outline:none; }
.carousel-component .carousel-list li a:hover { border: 1px solid #888; }
.carousel-component .carousel-list li img { display:block; }
.carousel-component .carousel-prev { position:absolute; top:0; z-index:3; cursor:pointer; left:0; }
.carousel-component .carousel-next { position:absolute; top:0; z-index:3; cursor:pointer; right:0; }
.yui-t7 { margin:auto; text-align:left; width:504px; *width:504px; min-width:504px; }
.relative{position:relative}
#maintab .fb_edge_widget_with_comment{position:relative!important;left:0;margin:0}
.fb_edge_widget_with_comment{position:absolute!important;right:-95px;margin-top:-18px}
/* Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;/*overflow:hidden;*/}
#cboxOverlay{position:fixed;width:100%;height:100%;background:#000}
#maintab li .at15t_facebook{display:inline-block!important;margin-bottom:-3px!important;margin-left:-8px!important;}
a.share_fb1{background:url(../../../common_image_new/shar_fb.gif) no-repeat;padding-left:42px;padding-bottom:2px}
#maintab li.fb_icon_small1 .at15t_facebook{display:inline-block; margin-left:2px!important;}
.url_textbox {width:330px}
.addthis_toolbox{margin-top:10px}
.addthis_toolbox a {margin:0 5px 15px 0;font-size:12px;color:#014991;width:90px; _width:92px;padding:0!important;text-decoration:none;}
.addthis_toolbox a span{margin-right:5px}
#sendLink_friend{border:0;padding:10px;padding-bottom:0;}
#maintab a,#id_sendLink a {color:#014991;text-decoration:none}
#maintab a:hover,#id_sendLink a:hover,.addthis_toolbox a:hover{text-decoration:underline}
#at_hover .at_bold{font-weight:normal!important;color:#4C4C4C!important;}
.big_img{min-height:410px;height:auto!important;height:410px;margin:0!important;}
#carousel_block {margin:10px 0 0!important}
#carousel_block .jcarousel-container-horizontal {margin:0!important}
.zoom_image_abs{padding-left:0!important}
#new_layout_sds {margin-bottom:10px;color:#333}
#new_layout_sds h4,#new_layout_sds h2{font-size:1.1em;color:#333;}
#new_layout_sds h2{font-weight:bold;padding:0;}
#new_layout_sds #id_note_conteiner p{margin:0}
#new_layout_sds .padding_tb{padding:0 0 13px 0;font-size:.9em}
#new_layout_sds .padding_top{padding-top:0}
.table_row_hide{display:none}
.table_row_show{display:table-row;*display:block}
.nearby_service{width:45%;float:left}
.nearby_service li{float:left;width:40%}
.route_map{width:55%;float:right;text-align:right}
.resizeQues{overflow:hidden;resize:none;width:330px;min-height:18px;font-size:14px}
.navigation_block a.active{color:#E84915;text-decoration:none}