body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,label,p,blockquote,table,th,td,embed,object,button,hr{margin:0;padding:0;} html, body { height: 100%;} fieldset,img,abbr{border:0;} ul, li {list-style:none; list-style-type:none;} body { background:#fff url('../../images/frontend/body_bg.jpg') repeat-x 0 0; color:#585e65; font-family:Arial, Verdana, Geneva, sans-serif; font-size:13px; font-weight:normal; } h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:16px; } a { color:#C91C1E; text-decoration:none; } a:hover { text-decoration:none; } input[type="checkbox"], input[type="radio"] { outline:0; border:0px !important; width:15px; height:15px; margin:0; padding:0; } *:focus { outline:0; }@font-face { font-family: 'avenirltstd-medium'; src: url('../../fonts/avenirltstd-medium-webfont.eot'); src: url('../../fonts/avenirltstd-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/avenirltstd-medium-webfont.woff') format('woff'), url('../../fonts/avenirltstd-medium-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'avenirltstd-heavy'; src: url('../../fonts/avenirltstd-heavy-webfont.eot'); src: url('../../fonts/avenirltstd-heavy-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/avenirltstd-heavy-webfont.woff') format('woff'), url('../../fonts/avenirltstd-heavy-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Command */ .nomar { margin-right:0px !important; } .float_lt { float:left; } .float_rt { float:right; } .rounded { border-radius:7px; -moz-border-radius: 7px; /* firefox */ -webkit-border-radius: 7px; /* chrome and safari */ -o-border-radius: 7px; /* opera */ } h1 { color: #D1D1D1; font-size: 10px; height: 16px; margin: 5px 0 10px 0; padding: 0 0; text-align: right; } .home_heading { font-size:28px; text-transform:uppercase; font-family:'avenirltstd-medium', Arial, Helvetica, sans-serif; color:#000000; padding:0 0 14px; } .home_heading span { color:#e22829; } .main_heading { font-size:28px; text-transform:uppercase; font-family:'avenirltstd-medium', Arial, Helvetica, sans-serif; color:#000000; padding:14px 0 16px; } .main_heading span { color:#e22829; } .no_javascript{color:#E22829;} #wrapper { overflow:hidden; width:100%; } #header { width:955px; margin:0 auto; height:179px; } .logo { float:left; padding: 0 0 9px 10px; } .logo a { background: url(../../images/frontend/logo.jpg) no-repeat; width:198px; height:110px; display:inline-block; width:205px; height:91px; } .request_a_quote { float:right; padding:15px 0 0 0; clear: both; } .request_a_quote a { background: url(../../images/frontend/request_quote.jpg) no-repeat; width:168px; height:39px; display:inline-block; } .shopping_cart { text-align:right; padding:3px 0 0 12px; float:right;cursor:pointer;position:relative;} .shopping_cart a { display:block; } .shopping_cart span { display:inline-block; } .shopping_cart ul { text-align:right; } .shopping_cart li { float:left; padding:3px 14px 0 0; color:#fdfdfd; } .shopping_cart .price { padding:3px 15px 0 0; color:#e22829; } .shopping_cart .shop_icon { background:url(../../images/frontend/shopping_icon.jpg) no-repeat 0 4px; width:13px; height:14px; padding:3px 9px 0 0 } .shopping_cart .arrow_btn { background:url(../../images/frontend/arrow_btn.jpg) no-repeat; width:19px; height:21px; padding:0 0 0 0; cursor:pointer;} .nav_search_wrap { width: 955px; clear:both; } /* Search */ #search_wrap { float:right; padding:11px 2px 0 0; } #search_wrap input { border:0px; color:#57585d; font-size:13px; width: 188px; background: url(../../images/frontend/search_bg.gif) no-repeat; border:none; float: left; margin: 0; padding: 5px 0 5px 6px; } #search_wrap input.searchsubmit { border:none; background: url(../../images/frontend/search_btn.gif) no-repeat; cursor: pointer; text-indent: -99999px; width: 29px; height: 26px; padding:0; } .pad_top_6 { padding: 6px 0 0 4px; } /* Menu */ #mainnav { clear: both; float: left; margin: 0; padding: 0; position: relative; width: 699px; z-index: 90; } #mainnav li { display: inline; float: left; overflow: hidden; height:48px; position:relative;z-index:80;} #mainnav h2 { display:inline; float:left; } #mainnav li a { display: block; float: left; height:48px; background:url(../../images/frontend/mainnav.gif) no-repeat; } /* BUTTONS */ #mainnav li a.home { background-position: 0px 0px ; width:48px; } #mainnav li a.innovations { background-position: -48px 0px; width:102px; } #mainnav li a.beer_systems { background-position: -149px 0px; width:119px; } #mainnav li a.catalogue { background-position: -269px 0px; width:99px; } #mainnav li a.installations { background-position: -368px 0px; width:106px; } #mainnav li a.services { background-position: -475px 0px; width:83px; } #mainnav li a.company_profile { background-position: -558px 0px; width:141px; } /* OVER STATES */ #mainnav li a.home:hover, #mainnav li a.home_a { background-position: 0 -48px ; width:48px; } #mainnav li a.innovations:hover, #mainnav li a.innovations_a { background-position: -48px -48px; width:102px; } #mainnav li a.beer_systems:hover, #mainnav li a.beer_systems_a { background-position:-149px -48px; width:119px; } #mainnav li a.catalogue:hover, #mainnav li a.catalogue_a { background-position:-269px -48px; width:99px; } #mainnav li a.installations:hover, #mainnav li a.installations_s { background-position:-368px -48px; width:106px; } #mainnav li a.services:hover, #mainnav li a.services_a { background-position: -475px -48px; width:83px; } #mainnav li a.company_profile:hover, #mainnav li a.company_profile_a { background-position: -558px -48px; width:141px; } /**********************Sub Navigation********************/ #mainnav li:hover { visibility:inherit; overflow:visible; /* fixes IE7 'sticky bug' */ } #mainnav li ul { border: 1px solid #51515D; clear: both; display: inline !important; float: left; left: 0 !important; top: 47px !important; } #mainnav ul { border:0px solid #000; margin:0; position:absolute; top:-999em; width:13em; /* left offset of submenus need to match (see below) */ z-index:300; } #mainnav ul li { width:168px; padding:0 6px; color:#FFFFFF; float:left; position:relative; cursor:pointer; } #mainnav ul li ul { left:180px !important; top:36px !important; float:left; clear:both; display:inline !important; } #mainnav li li { background: none repeat scroll 0 0 #51515D; border: 1px solid #000000; color: #51515D; height: auto; } #mainnav li li:hover { color:#fff !important; cursor:pointer;background:none repeat scroll 0 0 #B01010; } #mainnav li li a { background: none repeat scroll 0 0 transparent !important; color: #FFFFFF !important; display: block; float: left; font-size: 13px; font-weight: normal; height: auto; text-decoration: none; text-indent: 0; width: 158px; padding: 10px 0 10px 10px; } #mainnav.mainnav li:hover li ul, .mainnav.mainnav li.sfHover li ul { top:-999em; } #mainnav.mainnav li li:hover ul, .mainnav.mainnav li li.sfHover ul { left:17em; /* match ul width */ top:0; } #mainnav li:hover ul, .mainnav li.sfHover ul { left:0; top:2.1em; /* match top ul list item height */ z-index: 99; } /* Main */ #main { overflow:hidden; width:955px; margin:0 auto; padding:14px 0 0 0; } #leftpanel { width:237px; float:left; margin: 0 21px 0 0; display:inline; } .sub_main { float: left; width: 237px; background: url(../../images/frontend/snav_btm.jpg) no-repeat bottom; padding: 0 0 7px; margin:0 0 13px; } .sub_main .heading { background: url(../../images/frontend/nav_heading_bg.jpg) no-repeat; width:237px; height:46px; text-transform:uppercase; color:#ffffff; text-align:center; line-height:51px; font-size:18px; font-family:'avenirltstd-medium', Arial, Helvetica, sans-serif; } .sub_main ul { background: url(../../images/frontend/snav_bg.jpg) repeat-x bottom; padding: 3px 0 7px; } .sub_main ul li {color:#57585d; font-size:13px; padding: 0 13px;cursor:pointer;} .sub_main ul li h3 { font-size:13px; } .sub_main ul li a { color:#57585d; font-size:14px; padding:10px 5px 5px; display:block; text-transform:none; font-family:'avenirltstd-medium', Arial, Helvetica, sans-serif; width: 200px;border-bottom: 1px solid #C2C1C8;} .sub_main ul li a:hover { color:#8a8b91; text-transform:none; width: 200px;} .connect_with_us { background: url(../../images/frontend/social_bg.jpg) no-repeat; width:223px; height:27px; padding:8px 0 0 13px; margin: 0 0 13px; float: left; } .connect_with_us span { float:left; font-size:17px; text-align:center; color:#ffffff; padding:0 14px 0 0; font-family:'avenirltstd-medium', Arial, Helvetica, sans-serif; } .connect_with_us a { float:left; padding:0 0 0 4px; } .connect_with_us a.facebook_icon { background: url(../../images/frontend/fb_icon.jpg) no-repeat; width:22px; height:21px; } .connect_with_us a.twitter_icon { background: url(../../images/frontend/twitter_icon.jpg) no-repeat; width:22px; height:21px; } .connect_with_us a.youtube_icon { background: url(../../images/frontend/yt_icon.jpg) no-repeat; width:22px; height:21px; } .watch_video { background:#1e1d24; width:217px; padding:10px 9px 12px 11px; font-size:12px; color:#FFF; float: left;} .watch_video_txt { font-size:18px; text-transform:uppercase; padding:12px 0 10px; font-family:'avenirltstd-medium', Arial, Helvetica, sans-serif; padding: 9px 0 4px; } .watch_video_txt span { color:#e22829; } .watch_video_img { padding:14px 0 0; } .watch_video_img a{ cursor: pointer;display: block; } #main_content { float:left; width:697px; } .banner_wrap { width:697px;height:444px;background:url(../../images/frontend/banner.jpg) no-repeat;} #banner_wrap { width:697px;height:444px;} .home_content { padding: 20px 0 0 9px; } .home_content p { padding:0 0 20px; line-height: 18px; } .inner_content { overflow:hidden; padding:0 0 0 7px; } .inner_content p { padding:0 0 18px; line-height: 18px; } .inner_content h3.in_content{color: #585E65; font-family: Arial,Verdana,Geneva,sans-serif; font-size: 13px; font-weight: normal;} /* Breadcrumb */ .breadcrumb { clear:both; overflow:hidden; text-align:left; padding: 5px 0 9px; font-size: 11px; font-family:'avenirltstd-heavy', Arial, Helvetica, sans-serif; text-transform:uppercase; } .breadcrumb h2 { display:inline; font-size:10px; } .breadcrumb .link_breadcrum a { color:#57585d; text-decoration:underline; } .breadcrumb .link_breadcrum a:hover { color:#57585d; text-decoration:none; } .breadcrumb .breadcrumb_span { padding:0 0px; color:#e22829; font-size:11px; } /* Product */ .prod_cat_listing { overflow:hidden; } .prod_cat_listing .prod_div { float:left; width:147px; margin:0 10px 44px; } .prod_cat_listing .prod_bg { background:url(../../images/frontend/prod_bg.jpg) no-repeat; padding:5px; width:137px; height:109px;position:relative;} .prod_cat_listing .prod_detail { color:#57585d; font-size:13px; padding:1px 0 10px 11px; } .prod_cat_listing .view_download { padding:0 0 0 8px; } .prod_cat_listing .view_download a { float:left; padding:0 3px 0 0; } .prod_cat_wrap { overflow:hidden; padding:5px 5px 20px 5px; margin: 0 0 14px; background:#f2f2f3; border:1px solid #d2d2d3; } .prod_cat_wrap .prod_cat_heading { text-transform:uppercase; color:#fff; font-size:18px; font-family:'avenirltstd-medium', Arial, Helvetica, sans-serif; background:#31313c; padding:12px 0 8px 22px; } .prod_cat_wrap .prod_cat_list { overflow:hidden; padding: 12px 0 3px 16px; } .prod_cat_wrap .prod_cat_list .prod_div { float:left; width:117px; margin:0 15px 0 0; } .prod_cat_wrap .prod_cat_list .prod_bg { background:url(../../images/frontend/prod_bg_sm.jpg) no-repeat; padding:5px; width:107px; height:89px; position:relative;} .prod_cat_wrap .prod_cat_list .prod_bg a img{position:absolute;top:50%;left:50%;} .prod_cat_wrap .prod_cat_list .prod_detail { color:#000; font-size:13px; padding:0 0 10px 5px; } .prod_cat_wrap .prod_cat_list .prod_detail a{color:#000 !important;font-weight:normal !important;} .prod_cat_wrap .view_prod_cat { overflow:hidden; padding:0 0 0 19px; } .prod_cat_wrap .view_prod_cat .view_prod { background:url(../../images/frontend/view_prod_cat.jpg) no-repeat; width:236px; height:35px; float:left; } .prod_cat_wrap .view_prod_cat .prod_txt { float:left; color:#57585d; line-height:37px; padding:0 0 0 17px; font-size:11px; } .prod_sub_cat_wrap { float:left; padding: 3px 3px 18px; background:#f2f2f3; border:1px solid #d2d2d3; width:327px; margin:0 17px 16px 0; } .prod_sub_cat_wrap .prod_cat_heading { text-transform:uppercase; color:#fff; font-size:18px; font-family:'avenirltstd-medium', Arial, Helvetica, sans-serif; background:#31313c; padding:13px 0 8px 22px; } .prod_sub_cat_wrap .prod_cat_heading a{color:#FFFFFF;} .prod_sub_cat_wrap .prod_wrap { overflow:hidden; padding: 14px 0 10px; } .prod_sub_cat_wrap .prod_bg { background:url(../../images/frontend/prod_bg_b.jpg) no-repeat; padding:5px; width:127px; height:115px; float:left; margin: 0 0 0 15px; width:139px; position:relative;} .prod_sub_cat_wrap .prod_bg a{width:128px; height:115px; position:absolute;display:block;} .prod_sub_cat_wrap .prod_bg a img{position:absolute;left:50%;top:50%;} .prod_sub_cat_wrap .prod_detail { color:#57585d; font-size:13px; padding: 1px 0 0; float:left; width:150px; } .prod_sub_cat_wrap .view_more { background:url(../../images/frontend/view_more_info.jpg) no-repeat; width:127px; height:28px; clear:both; float:left; margin: 0 0 0 19px; } /***********product Styling*************/ .prod_sub_cat_wrap_sub{background: none repeat scroll 0 0 #F2F2F3;border: 1px solid #D2D2D3;float: left;margin: 0 10px 16px 0;padding: 3px 3px 18px;width: 154px;height:260px;} .prod_sub_cat_wrap_sub .prod_cat_heading_sub {background: none repeat scroll 0 0 #31313C;color: #FFFFFF;font-family: 'avenirltstd-medium',Arial,Helvetica,sans-serif;font-size: 12px;padding: 7px 11px;text-align: center;text-transform: uppercase;font-weight:bold;height:50px;font-weight:bold;} .prod_sub_cat_wrap_sub .prod_cat_heading_sub a{color:#ffffff;} .prod_sub_cat_wrap_sub .prod_wrap_sub {overflow: hidden;padding: 10px 0;} .prod_sub_cat_wrap_sub .prod_bg_sub{background: url("../../images/frontend/prod_bg_sm.jpg") no-repeat scroll 0 0 transparent;float: left;height: 89px;margin: 0 0 3px 19px;padding:5px 6px;width: 107px;position:relative;} .prod_sub_cat_wrap_sub .prod_bg_sub img{position:absolute;top:50%;left:50%;} .prod_sub_cat_wrap_sub .prod_detail_sub {color: #57585D;float: left;font-size: 13px;padding: 0 0 0 13px;width: 138px;} .prod_sub_cat_wrap_sub .view_more_sub{background: url("../../images/frontend/view_more_info.jpg") no-repeat scroll 0 0 transparent;clear: both;float: left;height: 28px;margin: 5px 0 0 13px;width: 127px;} .prod_sub_cat_wrap_sub .add_cart_sub{background: url("../../images/frontend/add_to_cart_black.jpg") no-repeat scroll 0 0 transparent;clear: both;float: left;height: 29px;margin: 5px 0 0 13px;width: 100px;} .prod_sub_cat_wrap_sub .enquiry_sub{background: url("../../images/frontend/enquire.jpg") no-repeat scroll 0 0 transparent;clear: both;float: left;height: 28px;margin: 0px 0 0 13px;width: 127px;} .add_to_cart_block{padding: 0 14px;width: 125px;} .qty_f{float:left;width:13px;border: 1px solid #AAAAAA;padding:4px;margin-top: 1px;color:#585E65;text-align:center;} .floatr{float:right;width:97px;height:28px;} .product_price{font-size:18px;color:#E22829;font-weight: bold;} .prod_price_div{height:22px;margin-bottom: 5px;} .prod_short_desc{height:28px;} .hr_ruler{border-bottom: 1px solid #C2C1C8;width:100%;} .paging { overflow:hidden; float:right; clear:both; padding:20px 0 0;} .search_pagination_padding{padding:0 !important;} .sitesearch_title{font-weight: bold;} .paging ul li {background: none repeat scroll 0 0 transparent !important;float: left;margin: 0 !important;padding: 0 !important;} .paging ul li a { float:left; border:1px solid #bfbfbf; color:#57585d; margin: 0 6px 0 0; padding: 1px 5px; font-size:11px; background:#ccccd2; text-decoration:none; } .paging ul li a:hover, .paging ul li a.selected { background:#fff; text-decoration:none; } .paging ul li.prev a { float:left; border:none; color:#e22829; font-size: 12px; padding:2px 0 0 0; margin:0 10px 0 8px; text-decoration:underline; background:none; text-transform:uppercase; } .paging ul li.prev a:hover { color:#e22829; text-decoration:none; } .paging ul li.next a { float:left; border:none; color:#e22829; font-size: 12px; padding:2px 0 0 0; margin:0 10px 0 8px; text-decoration:underline; background:none; text-transform:uppercase; } .paging ul li.next a:hover { color:#e22829; text-decoration:none; } .category_content{clear:both;margin:0 0 18px 0px;overflow: hidden;} .search_main_bg{clear:both;} /* Product Detail */ .prod_detail_wrap { overflow:hidden; border:1px solid #d2d2d3; margin:14px 0 23px; } .prod_detail_gallery { float: left; text-align: center; width: 436px; } .prod_detail_gallery .prod_b_img { float: left;height: 295px;margin-top: 20px;text-align: center;width: 305px;} .prod_detail_gallery ul { float: left; margin: 13px 0 0; } .prod_detail_gallery ul li { background: none repeat scroll 0 0 transparent !important;margin: 0 0 1px !important;padding: 0 !important;} .prod_detail_gallery ul li a { background:url(../../images/frontend/prod_bg_sm.jpg) no-repeat; padding:5px; width:107px; height:89px; display:block; position:relative;} .prod_detail_gallery ul li a img{position:absolute;top:50%;left:50%;} .prod_heading { font-size:23px; text-transform:uppercase; font-family:'avenirltstd-medium', Arial, Helvetica, sans-serif; color:#000000; padding:0 0 18px 0; } .prod_detail_con { float:left; padding: 16px 0 0; width: 240px; color:#57585d; } .prod_detail_con ul { padding:3px 0 0 0; } .prod_detail_con ul li { background:url(../../images/frontend/sq_bullet.jpg) 0 5px no-repeat; margin: 0 0 0 6px; padding: 0 0 4px 12px; } .prod_opt_form_wrap { clear:both; overflow:hidden; background:#f2f2f3; border-top:7px solid #cececf; padding:10px 6px; } .prod_opt_form_wrap .pls_choose { font-family:'avenirltstd-medium', Arial, Helvetica, sans-serif; font-size:16px; color:#31313c; padding:0 0 18px 11px; } .prod_opt_form_wrap .form_row { overflow:hidden; margin:0 0 18px; } .prod_opt_form_wrap .form_row input, select { border:1px solid #e1e1e2; color:#31313c; } .prod_opt_form_wrap .form_row select { margin: 0 5px 0 0; padding: 3px 9px; width: 219px; } .prod_opt_form_wrap .amt_fld { padding: 4px 10px; float:left; width:300px; } .prod_opt_form_wrap .qty_wrap { float:right; } .prod_opt_form_wrap .qty_wrap label { float:left; padding: 4px 10px 0 0; color:#31313c; } .prod_opt_form_wrap .qty_wrap input { float: left; padding: 4px 9px; width: 198px; margin:0 1px 0 0; } .prod_opt_form_wrap .form_row .enq_prod { background:url(../../images/frontend/enquire_btn.jpg ) no-repeat; width:250px; height:28px; float:left; } .enq_prod { background:url(../../images/frontend/enquire_btn.jpg ) no-repeat; width:250px; height:28px; float:left; } .prod_opt_form_wrap .form_row .add_to_cart { background:url(../../images/frontend/add_to_cart_btn.jpg ) no-repeat; width:130px; height:28px; float:right; border:none; cursor:pointer; margin: 0 2px 0 0; } .add_to_cart_details{float:right;width:230px;} .floatr_details{width:130px;height:28px;margin-left: 10px;} .product_label {color: #31313C;float: left;padding: 6px 5px 0 0;font-size:14px;} .qty_f_details{border: 1px solid #AAAAAA;color: #585E65;float: left;margin-top: 1px;padding: 4px;text-align: center;width: 18px;} /* Product Slider */ .prod_slider_wrap { overflow:hidden; padding:5px 5px 0; margin: 0 0 14px; background:#f2f2f3; border:1px solid #d2d2d3; } .prod_slider_wrap .heading { color:#fff; font-size:16px; font-family:'avenirltstd-medium', Arial, Helvetica, sans-serif; background:#31313c; padding:12px 0 8px 22px; } .prod_slider_wrap .prod_cat_list { overflow:hidden; padding: 12px 11px 0; position:relative; } .prod_slider_wrap .prod_cat_list .prod_div { float:left; width:117px; margin:0 7px 0 ;} .prod_slider_wrap .prod_cat_list .prod_bg { background:url(../../images/frontend/prod_bg_sm.jpg) no-repeat; padding:5px; width:107px; height:89px; position:relative;} .prod_slider_wrap .prod_cat_list .prod_detail { color:#000; font-size:13px; padding:0 0 10px 5px; } .prod_slider_wrap .prod_cat_list .next_btn { position:absolute; right:0; top:33px; } .prod_slider_wrap .prod_cat_list .prev_btn { position:absolute; left:0; top:33px; } .prod_slider_wrap .prod_cat_list .next_btn a, .prod_slider_wrap .prod_cat_list .prev_btn a { background:url(../../images/frontend/gallery_arrow.jpg) no-repeat; width:14px; height:58px; display:block; } .prod_slider_wrap .prod_cat_list .next_btn a { background-position:-16px 0; } .prod_slider_wrap .prod_cat_list .prev_btn a { background-position:0 0; } .prod_slider_wrap a { color:#000000; text-decoration:none; font-size:13px;} .prod_slider_wrap a img{position:absolute;top:50%;left:50%;} .prod_slider_wrap a:hover{ color:#000000; text-decoration:none; } /****************Cart******************/ .shopping_tabs{width:100%;clear:both;overflow: hidden;padding: 0 0 20px 40px;} .shopping_tab a{background:url(../../images/frontend/button_cart.png) no-repeat;width:208px;height:56px;font-size: 16px;color: #FFFFFF;text-transform: uppercase;text-align:center;float:left;} .shopping_tab a.tab_unselected{background-position: 0 -56px;width: 208px;display:block;height: 26px;padding: 15px 0;} .shopping_tab a.tab_unselected:hover, .shopping_tab a.tab_unselected_a{background-position: 0px 0px;width: 208px;height: 26px;padding: 15px 0;display:block;} #shopping_cart {border: 1px solid #D2D2D3;font-size: 12px;margin: 0 0 20px 0;} #shopping_cart th {background: none repeat scroll 0 0 #31313C;color: #000000;font-size: 12px;font-weight: bold;padding:12px 10px;color: #FFFFFF;font-family: 'avenirltstd-medium',Arial,Helvetica,sans-serif;} .td_items {font-size: 12px;font-weight: bold;background: none repeat scroll 0 0 #F2F2F3;} .td_brdr_lt {border-left: 1px solid #CED7D7;} .padding_shopimg {padding: 10px 15px 8px 12px;} .pad_lt_10{padding-left: 10px;text-decoration:none;} .qty_txt{ border: 1px solid #AAAAAA;color: #585E65;margin-top: 1px;padding: 4px;text-align: center;width: 18px;} .tfootgrand {background-color: #DCDBE0;color: #57585D;font-size: 12px;font-weight: bold;} .pad-left {padding-left: 482px;} .pad_rt_77{padding-right: 91px;} .cart_shop_more {padding: 0 0 14px;width: 100%;overflow: hidden;} .recalc {float: left;padding: 11px 37px 0 13px !important;} a.buttonaesc_no{background: url("../../images/frontend/black_button.jpg") no-repeat 0 0 transparent;color: #ffffff;font-family: arial,sans-serif;font-size: 14px;font-weight: bold;height: 15px;width:131px;text-align: center;text-decoration: none;padding:10px 10px;margin:0 0 0px 0;display:block;float:left;} a.buttonaesc_no:hover{color: #ffffff;} a.buttonaesc_no_news{float:left;background: url("../../images/frontend/black_button.jpg") no-repeat 0 0 transparent;color: #ffffff;font-family: arial,sans-serif;font-size: 14px;font-weight: bold;height: 15px;width:151px;text-align: center;text-decoration: none;padding:10px 0 10px 0;margin:0 0 20px 0;display:block;} a.buttonaesc_no_news:hover{color: #ffffff;} .news_download{float:left;width:650px;} .buttonaesc_no_pdf_image{ padding: 0 4px 2px 0;vertical-align: middle;} a.gotocheckout{background: url("../../images/frontend/red_button.jpg") no-repeat 0 0 transparent;color: #ffffff;float: left;font-family: arial,sans-serif;font-size: 14px;font-weight: bold;height: 15px;width:151px;text-align: center;text-decoration: none;padding:10px 0px;margin: 0 0 0 9px;} .gotocheckout{background: url("../../images/frontend/red_button.jpg") no-repeat 0 0 transparent;color: #ffffff;float: left;font-family: arial,sans-serif;font-size: 14px;font-weight: bold;height: 35px;width:151px;text-align: center;text-decoration: none;border: medium none;cursor:pointer;} /*******************payment_cart******************/ .cont_div {background-color: #FCFCFC;border: 1px solid #e1e1e1;overflow: hidden;width: 684px;margin-bottom:20px;padding:0 0 10px 0;} .box_head {color: #000000;font-size: 14px;font-weight: bold;padding: 11px 0 11px 24px !important;} .payment_button{float:right;margin:9px;} .p_checkout{float:right;} .pad_lt_135{float: right; width: 200px;} .cvv_image{ background: url("../../images/frontend/body_bg.jpg") repeat-x scroll 0 0 #FFFFFF;color: #585E65;font-family:Arial,Verdana,Geneva,sans-serif;font-size: 13px;font-weight: normal;} .cvv_text{color: #585E65;font-family:Arial,Verdana,Geneva,sans-serif;font-size: 13px;} /******************Cart Header***************/ .cart_header{background-color: #FFFFFF;border: 1px solid #C7C7C7;display: block;font-size: 12px;padding: 10px;position:absolute;right:0;top: 26px;width: 310px;z-index: 100;display:none;} .arrow_p { height: 10px;position: absolute;right: 0;top: -9px;width: 22px;} .cart_header_table{font-size: 12px;margin: 0 0 5px;text-align: center;} .cart_header_table th{background: none repeat scroll 0 0 #31313C;color: #FFFFFF;font-family: 'avenirltstd-medium',Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold;padding: 4px;} .cart_header_table td{padding: 6px;border-top:1px dotted #000000;} .shopping_cart_header_shopping_cart{float:left;background: url("../../images/frontend/cart_header_bg.jpg") no-repeat scroll 0 0 transparent;width:129px;height:16px;text-align:center;color: #FFFFFF;font-family: 'avenirltstd-medium',Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold;display:block;padding: 7px 0;} .shopping_cart_header_checkout{float:right;background: url("../../images/frontend/cart_header_bg.jpg") no-repeat scroll 0 0 transparent;width:129px;height:16px;text-align:center;color: #FFFFFF;font-family: 'avenirltstd-medium',Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold;display:block;padding: 7px 0;} #header_shopping_cart{cursor:pointer;} /* Showrooms */ .showroom_gal_wrap { border:1px solid #d2d2d3; overflow:hidden; margin:14px 0 0 0; } .showroom_gal_wrap .heading { font-size:23px; text-transform:uppercase; font-family:'avenirltstd-medium', Arial, Helvetica, sans-serif; color:#000000; padding: 16px 0 8px 9px; } .gal_left { background: none repeat scroll 0 0 #F2F2F3;float: left;height: 499px;} .gal_left a { display:block; background:#f2f2f3; width:240px; overflow: hidden; padding: 10px 4px; text-decoration:none; } .gal_left a:hover, .gal_left a.selected { background:#c5c5c6; text-decoration:none; } .gal_left a span { display:inline-block; } .gal_left a span.prod_bg { background: url("../../images/frontend/prod_bg_show.png") no-repeat scroll 0 0 transparent; height: 70px; width: 84px; padding: 5px; float: left; margin:0 2px 0 0; } .gal_left a span.prod_name { font-family:'avenirltstd-medium', Arial, Helvetica, sans-serif; color:#57585d; font-size:13px; text-transform:uppercase; width:140px; line-height: 13px; padding: 5px 0 0 0; height: 42px; } .gal_left a h2.prod_name { font-family:'avenirltstd-medium', Arial, Helvetica, sans-serif; color:#57585d; font-size:13px; text-transform:uppercase; width:140px; line-height: 13px; padding: 5px 0 0 0; height: 42px; display: inline;} .gal_left a .view_now { float:left; } .gal_right { float:left; padding:0 1px; } .gal_right .prod_img { border:1px solid #d2d2d3; width:434px; height:380px; margin:0 0 5px 0; } .sg_prod_slider_wrap { overflow:hidden; border:1px solid #d2d2d3; padding: 3px 2px 9px; width: 430px; } .sg_prod_slider_wrap .txt { color:#57585d; font-size:11px; line-height: 15px; padding: 0 0 5px 5px; } .sg_prod_slider_wrap .prod_cat_list { overflow:hidden; padding: 0 10px; position:relative; } .sg_prod_slider_wrap .prod_cat_list .prod_bg { background:url(../../images/frontend/prod_bg_74_63.jpg) no-repeat !important; margin: 0 4px !important; padding: 4px !important; width:66px !important; height:55px !important; float:left; } .sg_prod_slider_wrap .prod_cat_list .next_btn { position:absolute; right:3px; top:8px; } .sg_prod_slider_wrap .prod_cat_list .prev_btn { position:absolute; left:3px; top:8px; } .sg_prod_slider_wrap .prod_cat_list .next_btn a, .sg_prod_slider_wrap .prod_cat_list .prev_btn a { background:url(../../images/frontend/gallery_arrow_sm.jpg) no-repeat; width:9px; height:48px; display:block; } .sg_prod_slider_wrap .prod_cat_list .next_btn a { background-position:-9px 0; } .sg_prod_slider_wrap .prod_cat_list .prev_btn a { background-position:0 0; } /* Footer styles */ #footer_wrap { background:#ccccd2; overflow:hidden; padding:10px 0; margin:30px 0 0; } .footerpanel { width:955px; margin:0px auto; padding:0 15px; color:#5c5c67; font-size:11px; overflow:hidden; } .footerpanel h3 { font-weight:normal; } .comp_info { clear:both; } .footerarea_info { padding:25px 0 0; color:#ffffff; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; line-height:15px; overflow:hidden; clear:both; } .footerarea_info .info{ padding:12px 0 0; color:#5c5c67; line-height:18px; } .foot_logo_wrap { background:url('../../images/frontend/footer_logo.png') no-repeat 0 0; width:180px; height:55px; float:right; margin: 10px 0 0; } .foot_logo_wrap a { display:block; float:left; padding:2px 0 0 0; text-align:center; height:50px; font-family:Verdana, Geneva, sans-serif !important; font-size:10px !important; font-style:italic; color:#555555 !important; } .exalogo { width:56px; margin:0px 0 0 12px; } .wm_logo { width:112px; } .footer_row_width{ } .footerpanel a { color:#5c5c67; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; line-height:18px; } .footerpanel a:hover { color:#5c5c67; text-decoration:underline; } .fp1 { float:left; padding:2px 8px 2px 0; width:155px; } .fp2 { float:left; padding:2px 5px 2px 8px; border-left:0px solid #363636; width:185px; } .fp3 {width:165px; float:left; padding:2px 15px;} .fp1 a, .fp2 a, .fp3 a { color: #5c5c67; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 18px; text-decoration: none; display:inline-block;font-weight:bold;} .fp1 a:hover, .fp2 a:hover, .fp3 a:hover { color: #5c5c67; text-decoration: underline; font-weight:bold;} .text_normal{font-weight:normal !important;} .dy_footer_wrap { padding: 10px 0 19px 3px; } /* Faq */ .btt { clear: both; padding: 15px 0 0 0; text-align: right; } .btt a { background: url("../../images/frontend/arr_top.gif") no-repeat right 2px; color: #585E65; font-weight: bold; padding: 0 15px 0 0; text-transform: lowercase; } .ans_wrap .ans_no { background-color:#C91C1E; color:#FFFFFF; display: block; float: left; font-size: 12px; font-weight: bold; left: 0px; padding: 1px 2px; text-align: center; top: 18px; width: 18px; position: absolute; } .ans_wrap .faq_q { color: #666666; font-size: 12px; padding:0 !important; font-weight: bold; text-decoration: none; font-size: 13px !important; } .qry_wrapper { clear: both; padding: 0 0 10px 2px; } .faq_q { margin: 0 0 10px; padding: 2px 0 3px 35px !important; background: url("../../images/frontend/bg_faq_q.png") no-repeat scroll left top transparent; font-size: 13px !important; } .ans_no{background: url("../../images/frontend/bg_faq_a.jpg") no-repeat scroll left top transparent; color: #FFFFFF; height: 27px; width: 26px; float: left; font-size: 18px; margin: 0; padding:0 5px 0 7px; } .margin_35{margin:0 0 35px;} .faq_div{float: left; width: 622px;} .overflow_hidden{overflow:hidden;} .faq_featured{background-color: #CCCCD2;} .ans_wrap p {padding:0 0 20px 0 !important;} .faq_q span {display: block;color:#C91C1E;float: left;font-size: 12px;font-weight: bold;left: 0;padding: 1px 2px;position: absolute;text-align: center;top: 1px;width: 18px;} .ans_wrap {border-bottom: 2px dotted #AAAAAA;overflow: hidden;padding: 18px 15px 15px 36px;position: relative;} .faq_link{color:#585E65;} /* Glossary Styles */ .gloss_term_wrapper { margin:18px 0 30px 0; } .gloss_term_sort { background:url('../../images/frontend/glossary_term.png') no-repeat left top; padding:0 0 3px 30px; margin:0 0 16px 0; } .gloss_alpha, .gloss_alpha:hover { display:block !important; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFF !important; text-decoration:none; width:19px; height:19px; text-align:center; margin:0 0 0 -30px; display:inline; } .gloss_term { font-weight:bold; color:#3E3E3E; display:inline;font-size: 12px;} .gloss_term:hover { font-weight:bold; color:#E05700; display:inline; } .gloss_term_sort_big { background:url('../../images/frontend/glossary_list.gif') no-repeat left top; width:20px; height:19px; margin:10px 0 13px 0; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFF; text-align:center; } .gloss_term_head { background-color:#E1E1E1; padding:10px 20px 10px 16px; margin:0 0 5px 0; font-weight:bold; color:#3E3E3E;font-size: 12px; width: 650px; float: left; } .gloss_term_head a { color:#333333; text-decoration:none; } .content .glossary_box { color:#666666; padding:0 30px 15px 17px; } .content .gloss_rel_terms, .content .gloss_desc { margin:0 0 6px 0; padding-bottom:0px; } .featured_css{background-color: #CCCCD2;margin-bottom: 10px;} .featured_css .gloss_term_head { background-color:#9F9F9F; padding:10px 20px 10px 16px; margin:0 0 5px 0; font-weight:bold; color:#3E3E3E;font-size: 12px; } .heading_color{color:#ffffff;} /*---------styles for news starts----------------------*/ .pagination{ margin:8px; float:right;} .pagination img{margin-top: -9px;} .pagination_no{ font:bold 12px Arial, Helvetica, sans-serif; color:#00676f; padding:0; } .pagination_no_h{ font:bold 12px Arial, Helvetica, sans-serif; color:#00676f; text-decoration:underline; padding:5px;} .top_curve_green{ background:url(../../images/frontend/curve_top.gif) no-repeat left top; width:749px; height:28px;} .bottom_curve_green{ background:url(../../images/frontend/curve_bottom.gif) no-repeat left top; width:749px; height:16px;} .news_bg_blue{ background-color: #0055A5; margin:20px 0 0 0;overflow:hidden;padding:0;} .no_bg{ border-radius: 7px 0 0 0; background-color: #C91C1E;color: #FFFFFF;font: bold 16px Arial,Helvetica,sans-serif;height: 15px;padding: 5px 0 9px !important;text-align: center;width: 31px;} .no_bg_pos{ position:relative; top:5px; z-index:4; left:-8px;} .emptycarticon{padding:0 6px;} .alpha_bg{ background:url(../../images/frontend/alpha_bg.jpg) no-repeat left top; width:20px; height:15px; font:bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; padding:1px 0 0 0; } .number{vertical-align:middle;} .news_bg_grey{padding:0;margin:20px 0 0 0;border:1px solid #CCCCCC;border-radius: 7px 7px 7px 7px; float: left; width:690px;} .news_blk1{ float:left; margin:10px 0 0 15px;} .news_blk2{padding:10px 12px 0 16px; float:left; width:394px;} .testimonial_blk1{padding:0 0 0 30px; float:left; width:120px;} .testimonial_blk2{padding:0 10px 0 5px; float:left; width:570px;} .img_border{ border:solid 1px #dbe5e6;} .light_green_heading{ font:bold 14px Arial, Helvetica, sans-serif; color:#03ccdb;line-height:18px;} .dark_blue_heading{ font:bold 14px Arial, Helvetica, sans-serif; color:#0055A5;line-height:18px;} h3.dark_gree_heading{color: #585E65; font-family: Arial,Verdana,Geneva,sans-serif; font-size: 13px; font-weight: normal;display:inline;} .white_text{ font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:18px;} .yellow_text{ font:bold 12px Arial, Helvetica, sans-serif; color:#fbfdb9; line-height:18px;} .float_right{float:right;} .buttonaesc_no:hover{ color: #A4A7AA;text-decoration: none;} .padd_15{padding:15px;} .news_bg_featured{padding:0; margin:20px 0 0 0;border:1px solid #666666;border-radius: 7px 7px 7px 7px; float: left;width:690px; background-color:#F6F6F6;} .news_date{float: right; font: bold 12px Arial,Helvetica,sans-serif; padding: 20px 20px 0 0;} /*---------styles for news ends----------------------*/ /*--------------news details -----------------*/ .datetext{color:#ffffff; font:bold 14px Arial, Helvetica, sans-serif;} .newsdetail_blk1{ width:394px;float:left; padding:12px 0 0 11px !important; color: #FFFFFF;font-size: 16px;font-weight: bold;} .newdetail_blk2{ float:right; padding:12px 7px 0 0 !important; text-align:right;} .newsdetail_grey{ width:680px;background-color: #f2f4f4; margin:0 3px 0 0; padding:0; border:1px solid #CCCCCC;border-radius: 0 0 7px 7px; float: left;} .newsdetails_bottom{ background: url(../../images/frontend/newsdetails_bottom.jpg) no-repeat left top; width:539px; height:7px;} .green_bg1_news{ background-color:#302E39; height:49px;} .gallery1 .newsImg, #gallery2 .newsImg {width:210px; height:91px; margin: 5px 15px 10px 10px; padding: 1px; border: 1px solid #AAA;float:left; position: relative;} .newsImg img{left: 50%; position: absolute; top: 50%;} .clear_both{clear:both;} .proddetails_price_dollars{font-family:Arial, Helvetica, sans-serif; font-size:20px;color:#b60000; float:left; width:80px; vertical-align:middle;float:left; padding:0; margin:0;} .proddetails_price_text{font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#6d6d6d; font-weight:600; vertical-align:middle; float:left; width:42px;} .proddetail_blk3{float:right; width:135px;} .proddetail_blk3 ul{ padding:0; margin:0;} .proddetail_blk3 li{ display:inline; padding:0; margin:0; } .proddetail_blk2{float:left; width:415px} .proddetail_blk1{float:left; width:170px} .newsdetail_grey p{line-height: 18px; padding: 0 0 20px;} #main_content ul li{background:url("../../images/frontend/sq_bullet.jpg") no-repeat scroll 0 5px transparent; margin: 0 0 0 6px; padding: 0 0 4px 14px;} #main_content ul li h3{font-family: Arial,Verdana,Geneva,sans-serif; font-size: 13px; font-weight: normal;} #main_content ul, #main_content ol{ padding: 3px 0 15px;} #main_content ol li{list-style-type:decimal; margin:0 0 15px 25px;} #main_content ol li ul li{list-style-type:none;margin: 0 0 15px 10px !important;} #main_content ol li ul {padding: 10px 0 0;} /*--------------news details ends-----------------*/ /*-------------content-------------*/ .left_listing{float: left;width: 163px;} .right_listing{float: left;width: 500px;margin:0 0 0 17px;} .listing_content{float:left; width:696px;} .sub_heading{color: #585E65; font-weight: bold; font-family: 'avenirltstd-medium',Arial,Helvetica,sans-serif; font-size: 20px; padding: 14px 0 16px;clear:both;text-decoration: none;} .terms_heading{font-weight:bold;} #installation_gallery a, #services_gallery a,.glycol_gallery a, #sales_gallery a, .beer_pump_gallery a,.bar_font_gallery a,.manufacturing_gallery a,.smart_plates_gallery a{ display:block;float:left; border:1px solid #cccccc; margin:5px; padding:1px;text-align: center;vertical-align: middle;width:100px;height:100px;} .height_34_width_150{margin: -17px 0 0 -50px;} .height_150_width_52{margin: -50px 0 0 -17px;} .img_absolute{top:50%;left:50%;position:absolute;} #installation_gallery,#services_gallery,#services_gallery,.glycol_gallery,.beer_pump_gallery,.manufacturing_gallery,.bar_font_gallery,.smart_plates_gallery{width:696px;float:left; margin:0 0 15px 0;} .h3_heading { color: #585E65; font-family: 'avenirltstd-medium',Arial,Helvetica,sans-serif; font-size: 20px; font-weight: bold; text-decoration: none; clear:both; padding:14px 0 16px; } .content_image_right{float:right;margin:0 0 0 10px;border: 1px solid #CCCCCC;padding:1px;} .content_image_left{float:left;margin:0 10px 0 0;border: 1px solid #CCCCCC;padding:1px;} .table_content { border-collapse: collapse; margin:0 0 10px 0; border:1px solid #000; } /*--------------------Pagination---------------------------*/ .pagination_bg { float: right; padding: 10px 10px 0 0; } .pagination_frontend a { padding: 0 1px; text-decoration: underline!important; } .pagination{ margin:8px; float:right;} .pagination img{margin-top: -9px;} .pagination_no{ font:bold 12px Arial, Helvetica, sans-serif; color:#00676f; padding:0; } .pagination_no_h{ font:bold 12px Arial, Helvetica, sans-serif; color:#00676f; text-decoration:underline; padding:5px;} .disabled{padding:0 0 0 4px;} .align_middle{vertical-align:middle;} .position_relative{position:relative} .position_image_dynamic{position:absolute;left:50%;top:50%;} .height_catalogue_div{height:45px;} /******************sitemap***************/ .readmore{color: #D02020 !important;font-size: 12px;font-weight: normal;} #sitemap li { background-image: url("../../images/frontend/sitmap_icon.gif") !important; background-position: 13px 5px !important;background-repeat: no-repeat !important;margin: 0 !important;padding: 5px 0 8px 41px !important;} #sitemap li ul li{ background-image: url("../../images/frontend/sq_bullet.jpg") !important; background-position: 13px 5px !important;background-repeat: no-repeat !important;margin: 0 !important;padding: 0 0 1px 34px !important;} #sitemap li ul{ margin: 0 !important;padding: 0 !important;} #sitemap li a.sitemap_title{ color: #585E65; font-family: 'avenirltstd-medium',Arial,Helvetica,sans-serif; font-size: 20px; font-weight: bold; padding: 14px 0 16px; text-decoration: none;} #sitemap li a.sitemap_subtitle, #sitemap li h3 a{ color: #585E65; font-family: 'avenirltstd-medium',Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; padding: 14px 0 16px; text-decoration: none;} #sitemap li h3,#sitemap li h2 {display:inline-block;} .divider_span { color: #FDFDFD; padding: 0 3px; } .specials, .showroom, .contctus_link { color: #FDFDFD; display: inline; font: bold 14px Arial,Helvetica,sans-serif; text-align: right; text-decoration: none !important; } .nav { margin: 6px 0 3px; width: 490px; float:right; } .nav p { display: inline; padding: 0 3px 0 5px; } .contctus_link:hover, .specials:hover, .showroom:hover { color: #E02A29; display: inline; font: bold 14px Arial,Helvetica,sans-serif; text-align: right; text-decoration: none !important; } .table_content td { padding: 5px 10px; text-align: left; border: 1px solid #000000; } .throbber{text-align:center;} .gallery_innovation .newsImg, #gallery2 .newsImg {width:205px; height:91px; margin: 0 20px 10px 0; padding: 1px; border: 1px solid #AAA;float:left; position: relative;} .loader_cart_image{ background-color: #FFFFFF; border: 1px solid #C7C7C7; display: none; font-size: 12px; padding: 10px; position: absolute; right: 0; top: 26px; width: 310px; z-index: 100;} .inner_content .glycol_gallery1,.inner_content .qguard_gallery,.inner_content .cold_plate_gallery{overflow:hidden} /************Link ******************/ #relevant li { background-image: url("../../images/frontend/sitmap_icon.gif") !important; background-position: 13px 5px !important;background-repeat: no-repeat !important;margin: 0 !important;padding: 5px 0 8px 41px !important;} #relevant li ul li{ background-image: url("../../images/frontend/sq_bullet.jpg") !important; background-position: 13px 5px !important;background-repeat: no-repeat !important;margin: 0 !important;padding: 0 0 1px 34px !important;} #relevant li ul{ margin: 0 !important;padding: 0 !important;} #relevant li h2 a{ color: #585E65; font-family: 'avenirltstd-medium',Arial,Helvetica,sans-serif; font-size: 20px; font-weight: bold; padding: 14px 0 16px; text-decoration: none;} #relevant li h3 a{ color: #585E65; font-family: 'avenirltstd-medium',Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; padding: 14px 0 16px; text-decoration: none;} .padding_top_company{padding:0 0 16px 0;} .es_url:hover{text-decoration: underline;} .deliver_country_details{float:left;padding:4px 0 0 0;} .payment_width{width:210px !important;} .payment_width_label{width:124px !important;} .payment_input{width:200px !important;} .buttonaesc_no_margin{margin:0 0 0 9px !important;} .left_panel_anchor{color: #FFFFFF !important;display: block; height: 46px;} #wid_add{margin:0 0 0 4px;} .read-more { text-align: left; } .read-more a { background: url("../../images/frontend/read_more_home.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 36px; width: 136px; } .read-more a.collapse { background-position: 0 -36px; } .street_address_rich{padding: 0 !important;font-size: 12px;} .related_link{color: #585E65;text-decoration: none;} .related_link:hover{color: #585E65;text-decoration: none;}/** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: hidden; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 0px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }/* CSS Document */ html,body { margin:0; padding:0; } .modal-overlay { background: none repeat scroll 0 0 #000000; position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; background: #000; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; z-index:101; } /* * html .modal-window { position:absolute; top:expression(document.documentElement.scrollTop + (document.documentElement.clientHeight / 2) + 'px'); } */ * html .modal-overlay { position: relative; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } .modal-window { background: none repeat scroll 0 0 #FFFFFF; position:fixed; top:50%; left:30%; right:25%; margin:0; padding:0; z-index:102; background: #fff; border:3px solid #000; } * html .modal-window { position:absolute; } .close-window { position:absolute; width:32px; height:32px; right:8px; top:8px; background:transparent url('../images/btn_close.gif') no-repeat scroll right top; text-indent:-99999px; overflow:hidden; cursor:pointer; opacity:.5; filter: alpha(opacity=50); -moz-opacity: 0.5; } .close-window:hover { opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99; } /*#nav{ width:374px; margin:8px 23px 0 223px; padding:0; float:left; height:28px; } #nav ul { display:block; margin:0; padding:0; } #nav li {display:inline; height:28px; margin:0; padding:0 1px 0 0; } #nav ul li a {color:#545353; display:inline; margin:0; padding:0;} #nav ul li a:hover { color:#545353; display:inline; margin:0; padding:0; } #navbg{ background-image:url(../images/navbg.jpg); background-position:left top; background-repeat:repeat-x; padding:0; margin:0; float:left; } #navbg ul { display:block; margin:0; padding:0; } #navbg li {display:inline; margin:0; padding:0; } #navbg ul li a { display:inline; margin:0; padding:0;} #navbg ul li a:hover { display:inline; margin:0; padding:0; }*/ #nav{ width:374px; margin:1px 23px 0 223px; padding:0; height:28px; float:left; display:inline;} #nav ul { margin:0; padding:0;} #nav li {display:inline; height:28px; margin:0; padding:0 1px 0 0; float:left; } #nav ul li a {color:#545353; display:inline; margin:0; padding:0;float:left;} #nav ul li a:hover { color:#545353; display:inline; margin:0; padding:0;} #navbg{ background-image:url(../../images/frontend/navbg.jpg); background-position:left top; background-repeat:repeat-x; padding:0; margin:0; float:left;width:384px;} .nav_sub_bg{ background-image:url(../../images/frontend/navbg.jpg); background-repeat:repeat-x; height:35px; } #navbg ul {margin:0; padding:0; } #navbg li {display:inline; margin:0; padding:0;} #navbg ul li a { display:inline; } #navbg ul li a:hover { display:inline; } /* Added for superfish menu by Shreyas */ .sf-menu { float: left; margin: 0 2px 0 0; position: relative; width: 237px; z-index: 80; } .sf-menu li { position:relative; display:inline; float:left; z-index:80; overflow:hidden; width: 208px;} .sf-menu li a { display:block; float:left; } .sf-menu li:hover { visibility:inherit; overflow:visible; /* fixes IE7 'sticky bug' */ } .sf-menu li ul { left:235px !important; top:0 !important; float:left; clear:both; display:inline !important; padding:2px 0 0 0; width: 226px;} .sf-menu ul { border:0px solid #000; margin:0; position:absolute; top:-999em; width:9em; /* left offset of submenus need to match (see below) */ z-index:80; } .sf-menu li#prod_menu ul { width:705px; height:auto !important; background:#005359 url('../../images/frontend/bg_subnav.gif') repeat-y left top; border-width:10px 0; border-style:solid; border-color:#005359; } .sf-menu li#prod_menu ul li.col1 { width:230px !important; float:left; } .sf-menu li#prod_menu ul li.col2 { width:230px !important; padding:0 0 0 5px; float:left; } .sf-menu li#prod_menu ul li.col3 { width:230px !important; padding:0 0 0 5px; float:left; } .sf-menu li#prod_menu ul a { float:none; display:block; } .sf-menu ul li { width:203px !important; padding:0 6px; color:#FFFFFF; float:left; position:relative; cursor:pointer; } .sf-menu ul li ul { left:180px !important; top:36px !important; float:left; clear:both; display:inline !important; } .sf-menu li li { height:auto; color: #57585D; } .sf-menu li li:hover { color:#fff !important; cursor:pointer; } .sf-menu li li a { background:none; height:auto; float:left; color:#FFFFFF; } .sf-menu li li a { font-size:13px; color: #57585D;float:left; text-decoration:none; text-indent:0; } .sf-menu li li a.main_cat { font-weight:bold; text-transform:uppercase; margin:3px 10px 0 0; padding:7px 8px 4px; } .sf-menu li li a.main_cat:hover { background:#0095A0; font-weight:bold; } .sf-menu li li a.sub_cat { margin:0 10px 2px 0; padding:0 8px 0 18px; text-transform:capitalize; } .sf-menu li li a.sub_cat:hover { background:#0095A0; } .sf-menu a:hover { text-decoration:none; cursor:pointer; } .sf-menu.sf-menu li:hover li ul, .sf-menu.sf-menu li.sfHover li ul { top:-999em; } .sf-menu.sf-menu li li:hover ul, .sf-menu.sf-menu li li.sfHover ul { left:9em; /* match ul width */ top:0; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:2.1em; /* match top ul list item height */ z-index: 99; width: 226px;} /* Contact Us styles */ .sub_head { color:#FFF200; font-size:15px; } #error_indicator_screen { margin:0 0 15px 10px; } #error_indicator_screen li { background:none; color:#FF0000; padding:0 0 3px 0; } .formError { display: block; left: 300px; padding-bottom: 13px; position: absolute; top: 300px; z-index: 5000; } .form_wrap { overflow:hidden; color:#585E65; } .leftform { float: left; padding: 0; width: 340px; } .rightform { float: left; margin: 0 0 0 15px; width: 340px; border-left:1px solid #e1e1e1;} .form_row { overflow:hidden; padding:5px 0; clear:both; } .form_row label { padding:4px 5px 0 0; text-align:right; width:135px; float:left; } .form_row input { border:1px solid #D1D1D1; padding:4px; width:185px; float:left; color: #585E65;font-family: Arial,Verdana,sans-serif;font-size: 13px;font-weight: normal;} .form_row select { border:1px solid #D1D1D1; padding:4px; width:195px; float:left; color: #585E65;font-family: Arial,Verdana,sans-serif;font-size: 13px;font-weight: normal;} .form_row textarea { border:1px solid #D1D1D1; padding:4px; width:185px; height:80px; float:left; color: #585E65;font-family: Arial,Verdana,sans-serif;font-size: 13px;font-weight: normal;} .form_lbl_full { display:block; text-align:right; margin:1px 18px 0 0; } .form_lbl_sml { display:block; width:310px !important; text-align:left !important; font-size:10px; } .mand_sign { color:#FF0000; padding:0 3px 0 0; } .err_heading { margin:0 0 20px 0; color:#F00; font-weight:bold; font-size:12px; padding:0 0 0 40px; } .help_txt { display:block; font-size:10px; font-weight:bold; padding:5px 6px 0 18px; } .field_s { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:4px; border:1px solid #7E8181; width:84px; margin:0 12px 0 0; } .form_row input.field_wv { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:6px; border:1px solid #D1D1D1; width:81px; margin:11px 0 0 0; text-transform:uppercase; } .wv_img { width:auto !important; border:0; margin:0 20px 0px 0 !important; } .padd_errormsg { color:#FF0000; padding:2px 0 0 140px; clear:both; display:block; font-size:12px; } .padd0 { padding:0 !important; } .padd_lbl { padding:0 0 42px 0; } .submit_row { overflow:hidden; padding:15px 0px 20px 0;} .btn_submit { background:url("../../images/frontend/submit_btn.jpg") no-repeat scroll left top; display:block; float:right !important; height:35px; width:236px !important; border:0 !important; margin:0 0 14px 0;cursor:pointer; } .flash_captcha { float:left; margin:0 10px 0 0; } .add_heading { font-size:15px; } .map_wrap { float:left; width:930px; clear:both; padding:0 0 20px 0; } .street_map { padding:20px 0 20px 0; } .gmap { width:930px; height:500px; } .map_wrap_small { float:left; width:396px; height:350px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; letter-spacing:normal; } .showcontent { overflow:hidden; } .showcontent p { padding:0 0 15px 0 !important; } .address_wrap { overflow:hidden; } .sl_wrap { float: left; padding: 0 0 0; width: 138px; } .bodtop { border-top: 1px solid #2B2B2B; padding: 20px 0 20px !important; } .loc_details { border: 1px solid #E1E1E1; border-radius: 15px; float: left; height: 280px; margin: 0 5px 0 0; overflow: hidden; padding: 8px 3px 8px 8px; } .loc_details p { padding: 0 !important; font-size:12px; } .loc_name { font-size: 13px !important; font-weight: bold; padding: 20px 0 5px; text-decoration:underline; } .sl_link, .sl_map_link { clear: both; color: #E92529; font-weight: bold; line-height: 18px; text-decoration: none; } .sl_link:hover, .sl_map_link:hover { clear: both; color:#53535F; font-weight: bold; line-height: 18px; text-decoration: none; } .sl_link_active, .sl_map_link_active { clear: both; color: #585E65; font-weight: bold; line-height: 18px; text-decoration: none; } .map_display { border: 1px solid #666; clear: both; height: 450px; margin: 20px 0 0; width: 688px; } #link1, #link2, #link3, #link4, #link5 { float: left; width: 100px; margin:22px 0 0 0; } #map1 { float: left; margin: 15px 0 0 0; } #map2 { float: left; margin: 15px 0 0 -136px; } #map3 { float: left; margin: 15px 0 0 -274px; } #map4 { float: left; margin:15px 0 0 -412px; } #map5{ float: left; margin: 15px 0 0 -550px; } .chkbox_txt{width:158px !important; padding:0px 5px 5px 0 !important; float:none !important;} .chkbox_field{width:25px !important;} .chkbox_label{height:75px; padding:0 1px 0 0 !important;} .float_left{float:left;} .width_250{width:180px;} .chkbox_label1{height:70px; padding:0 1px 0 0 !important;} .chkbox_label2{height:40px; padding:0 1px 0 0 !important;width:177px !important;} .width_50{width:50px;} .bordtop{border-top: 1px solid #CCC;} .margintop_10{margin:8px 0 0 0} .inputdata {float: left;padding: 0 0 0 5px !important;width: 176px;} .labelname {float: left;padding: 0 0 0 25px !important;width: 130px;}/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/ #jCarouselLiteDemo .carousel { position: relative; } #jCarouselLiteDemo .digg { position: absolute; left: 610px; top: 110px; } #jCarouselLiteDemo .main { margin-left: 40px; } #jCarouselLiteDemo .demo em { color: #FF3300; font-weight: bold; font-size: 60%; font-style: normal; } #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/ float: left; } #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next { display: block; float: left; width: 30px; height: 143px; text-decoration: none; cursor: pointer; background: url("../../images/previous.gif") left 50px no-repeat; } #jCarouselLiteDemo .carousel a.next { background: url("../../images/next.gif") right 50px no-repeat; } #jCarouselLiteDemo .carousel a.next:hover { background-image: url("../../images/next.gif"); } #jCarouselLiteDemo .carousel a.prev:hover { background-image: url("../../images/previous.gif"); } #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active { border: none; outline: none; } #jCarouselLiteDemo .carousel .jCarouselLite { float: left; position: relative; visibility: hidden; left: -5000px; } #jCarouselLiteDemo .carousel ul { margin: 0; } #jCarouselLiteDemo .carousel li { width: 150px; height: 120px; margin: 5px; } #jCarouselLiteDemo .carousel li p{ text-align: center; } #jCarouselLiteDemo .carousel li img, #jCarouselLiteDemo .carousel li p { } #jCarouselLiteDemo .widget img { cursor: pointer; } #jCarouselLiteDemo .widget .mid img{border: 0 !important;} #jCarouselLiteDemo { width: 430px; margin:0 auto; } #jCarouselLiteDemo .mid { } #jCarouselLiteDemo .mid p { text-align: center; margin:0; } #jCarouselLiteDemo .vertical { margin-left: 170px; } #jCarouselLiteDemo .vertical .jCarouselLite { /* so that in IE 6, the carousel div doesnt expand to fill the space */ width: 170px; } #jCarouselLiteDemo .imageSlider li img, #jCarouselLiteDemo .imageSlider li p, #jCarouselLiteDemo .imageSliderExt li img , #jCarouselLiteDemo .imageSliderExt li p { width: 400px; height: 300px; } /*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/ /* .gall_wrap { width:800px; margin:20px auto; } .img_title { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding:4px 10px; border:1px solid #2F2F2F; border-width:1px 1px 0 1px; margin: 0 !important; width: 790px;} #main_img { width:800px; height:550px; padding:5px; border:1px solid #2F2F2F; border-width:0 1px 1px 1px; text-align:center; } #main_img span { display:inline-block; height:100%; width:1px; margin:0 0 0 -1px; } #main_img * { vertical-align:middle; text-align:center; } #main_img img { text-align:center; margin:auto !important; } .gall_wrap ul { margin:10px 0; padding:0; } .gall_wrap ul li { list-style-type:none; list-style-image:none; background:none !important; padding:0 !important; display:block; height:100%; vertical-align:middle; } .gall_wrap ul li * { vertical-align:middle; text-align:center; position:relative; top:-1px; } .gall_wrap ul li span { display:inline-block; height:100%; width:1px; } .loading { background:url("../../images/frontend/ico_load.gif") no-repeat scroll center center transparent;}*//*info box blue begin*/ .blue h3 {color:#336699!important;} .blue span {color:#336699;} .blue1 {background:#f2f7fc;} .blue2 {border:#bbd5ed solid 1px;} .blue3 {border-color:#dae8f5; background:#f7fafd url(../../images/backend/icons/info_blue_bg.gif)} /*info box blue end*/ /*info box green begin*/ .green h3 {color:#3DB100!important;} .green span {color:#336699;} .green1 {background:#E5E5E5;} .green2 {border:#87C445 solid 1px;} .green3 {border-color:#CFF7AF; background:#f7fafd url(../../images/backend/icons/info_green_bg.png)} /*info box green end*/ /*info box red begin*/ .red h3 {color:#c11f1f!important;} .red1 {background:#fdf3f6;} .red2 {border:#f2c0cd solid 1px;} .red3 {border-color:#f7dce3;background:#fdf7f9 url(../../images/backend/icons/info_red_bg.gif)} .red li{ padding-left: 5px; margin-left: 12px; list-style-type: disc; color: #CC0000; } /*info box red end*/ /*info box yellow begin*/ .yellow h3 {color:#998840!important;} .yellow1 {background:#fff7d7;} .yellow2 {border:#e9d378 solid 1px;} .yellow3 {border-color:#fee88d;background:#fffae5 url(../../images/backend/icons/info_yellow_bg.gif)} /*info box red end*/ /*general info box begin*/ .gen1 {padding:3px;margin-bottom:15px;} .gen2 {padding:2px;background:#fff;} .gen3 {padding:4px;text-align:justify;border-style:solid;border-width:1px; background-repeat:no-repeat;} .gen4 {padding:5px 4px 3px 50px;margin-top:-10px;font-size:11px;min-height:30px;color:#333;line-height:11px;margin:auto 0;} .gen4 h3 {font-weight:bold;font-family:arial,helvetica,sans-serif; font-size:14px;padding:0;margin:0 0 5px 0;} /*general info box end*/ #div_info{ display: none; } #div_error{ display: none; clear:both; } div.container { display: none } /***** ALERT BOX STYLES***/ #alert-Box { padding-bottom: 24px;} #alert-InBox { padding-top: 15px;} #alert-BoxContent { padding:10px 20px 0; } #alert-BoxContenedor { padding:0px 0px 5px 60px; text-align:left; font-family:Verdana; font-size:12px; } #alert-BoxContenedor h1, #alert-BoxContenedor h2, #alert-BoxContenedor h3, #alert-BoxContenedor b, #alert-BoxContenedor strong { text-align:left; font-family:Verdana; font-size:22px; color:#585E65; font-weight:bold; margin:0px 0 12px 0; padding:0px; } #alert-BoxContenedor .alert_desc { margin:0 0 10px 0; } #alert-BoxContenedor .alert_link { color:#585E65; font-weight:bold; text-decoration:none; } #alert-BoxContenedor .alert_link:hover { color:#7C7C7C; text-decoration:none; } #alert-Buttons{ text-align:right;} #alert-Buttons input { margin:10px 10px; } #alert-BoxContenedor #BoxPromptInput{ margin-top:5px;} #alert-Box .BoxAlert { background: url(../../images/frontend/success.png) top left no-repeat;} #alert-Box .BoxConfirm { background: url(../../images/frontend/info.png) top left no-repeat;} #alert-Box .BoxPrompt { background: url(../../images/frontend/dialog-help.png) top left no-repeat;} #alert-Box .BoxInfo { background: url(../../images/frontend/info.gif) top left no-repeat;} #alert-Box .BoxError { background: url(../../images/frontend/error.png) top left no-repeat;} #alert-Box #BoxAlertBtnOk { border:0px; background: #E22829; width:77px; height:24px; color:#fff; cursor:pointer; } .prevent_default {float:none !important;cursor:pointer;} /*Ends Here*/ /*info box blue begin*/ .blue h3 {color:#336699!important;} .blue span {color:#336699;} .blue1 {background:#f2f7fc;} .blue2 {border:#bbd5ed solid 1px;} .blue3 {border-color:#dae8f5; background:#f7fafd url(../../images/backend/icons/info_blue_bg.gif)} /*info box blue end*/ /*info box green begin*/ .green h3 {color:#3DB100!important;} .green span {color:#336699;} .green1 {background:#E5E5E5;} .green2 {border:#87C445 solid 1px;} .green3 {border-color:#CFF7AF; background:#f7fafd url(../../images/backend/icons/info_green_bg.png)} /*info box green end*/ /*info box red begin*/ .red h3 {color:#c11f1f!important;} .red1 {background:#fdf3f6;} .red2 {border:#f2c0cd solid 1px;} .red3 {border-color:#f7dce3;background:#fdf7f9 url(../../images/backend/icons/info_red_bg.gif)} .red li{ padding-left: 5px; margin-left: 12px; list-style-type: disc; color: #CC0000; } /*info box red end*/ /*info box yellow begin*/ .yellow h3 {color:#998840!important;} .yellow1 {background:#fff7d7;} .yellow2 {border:#e9d378 solid 1px;} .yellow3 {border-color:#fee88d;background:#fffae5 url(../../images/backend/icons/info_yellow_bg.gif)} /*info box red end*/ /*general info box begin*/ .gen1 {padding:3px;margin-bottom:15px;} .gen2 {padding:2px;background:#fff;} .gen3 {padding:4px;text-align:justify;border-style:solid;border-width:1px; background-repeat:no-repeat;} .gen4 {padding:5px 4px 3px 50px;margin-top:-10px;font-size:11px;min-height:30px;color:#333;line-height:11px;margin:auto 0;} .gen4 h3 {font-weight:bold;font-family:arial,helvetica,sans-serif; font-size:14px;padding:0;margin:0 0 5px 0;} /*general info box end*/ #div_info{ display: none; } #div_error{ display: none; clear:both; } div.container { display: none } /***** ALERT BOX STYLES***/ #alert-Box { padding-bottom: 24px; background: url(../../images/frontend/bg-box-bottom.png) bottom left no-repeat !important; } #alert-InBox { padding-top: 15px; background: url(../../images/frontend/bg-box-top.png) top left no-repeat !important; } #alert-BoxContent { background: url(../../images/frontend/bg-box-body.png) top left repeat-y !important;padding:10px 20px 0; } #alert-BoxContenedor { padding:0px 0px 5px 60px; text-align:left; font-family:Verdana; font-size:12px; } #alert-BoxContenedor h1, #alert-BoxContenedor h2, #alert-BoxContenedor h3, #alert-BoxContenedor b, #alert-BoxContenedor strong { text-align:left; font-family:Verdana; font-size:22px; color:#585E65; font-weight:bold; margin:0px 0 12px 0; padding:0px; } #alert-BoxContenedor .alert_desc { margin:0 0 10px 0; } #alert-BoxContenedor .alert_link { color:#585E65; font-weight:bold; text-decoration:none; } #alert-BoxContenedor .alert_link:hover { color:#7C7C7C; text-decoration:none; } #alert-Buttons{ text-align:right;} #alert-Buttons input { margin:10px 10px; } #alert-BoxContenedor #BoxPromptInput{ margin-top:5px;} #alert-Box .BoxAlert { background: url(../../images/frontend/success.png) top left no-repeat;} #alert-Box .BoxConfirm { background: url(../../images/frontend/info.png) top left no-repeat;} #alert-Box .BoxPrompt { background: url(../../images/frontend/dialog-help.png) top left no-repeat;} #alert-Box .BoxInfo { background: url(../../images/frontend/info.gif) top left no-repeat;} #alert-Box .BoxError { background: url(../../images/frontend/error.png) top left no-repeat;} #alert-Box #BoxAlertBtnOk { border:0px; background: #E22829; width:77px; height:24px; color:#fff; cursor:pointer; } .prevent_default {float:none !important;cursor:pointer;} /*Ends Here*/ /* * qTip2 - Pretty powerful tooltips * http://craigsworks.com/projects/qtip2/ * * Version: nightly * Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com * * Dual licensed under MIT or GPLv2 licenses * http://en.wikipedia.org/wiki/MIT_License * http://en.wikipedia.org/wiki/GNU_General_Public_License * * Date: Mon May 16 05:32:54 PDT 2011 */ /* Fluid class for determining actual width in IE */ .ui-tooltip-fluid{ display: block; visibility: hidden; position: static !important; float: left !important; } .qtip-wrapper {width:280px !important;} .ui-tooltip, .qtip{ position: absolute; left: -2800px; top: -28000px; display: none; max-width: 280px; min-width: 50px; width:280px !important; font-size: 10.5px; line-height: 12px; } .ui-tooltip-content{ position: relative; padding: 5px 9px; overflow: hidden; border-width: 1px; border-style: solid; text-align: left; word-wrap: break-word; overflow: hidden; } .ui-tooltip-titlebar{ position: relative; min-height: 14px; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 1px 1px 0; border-style: solid; font-weight: bold; } .ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; } /*! Default close button class */ .ui-tooltip-titlebar .ui-state-default{ position: absolute; right: 4px; top: 50%; margin-top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; } * html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } .ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon{ display: block; text-indent: -1000em; } .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .ui-tooltip-icon .ui-icon{ width: 18px; height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ .ui-tooltip-focus{ } /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ .ui-tooltip-hover{ } /*! Default tooltip style */ .ui-tooltip-titlebar, .ui-tooltip-content{ border-color: #F1D031; background-color: #FFFFA3; color: #555; } .ui-tooltip-titlebar{ background-color: #FFEF93; } .ui-tooltip-titlebar .ui-tooltip-icon{ border-color: #CCC; background: #F1F1F1; color: #777; } .ui-tooltip-titlebar .ui-state-hover{ border-color: #AAA; color: #111; } /*! Light tooltip style */ .ui-tooltip-light .ui-tooltip-titlebar, .ui-tooltip-light .ui-tooltip-content{ border-color: #E2E2E2; color: #454545; } .ui-tooltip-light .ui-tooltip-content{ background-color: white; } .ui-tooltip-light .ui-tooltip-titlebar{ background-color: #f1f1f1; } /*! Dark tooltip style */ .ui-tooltip-dark .ui-tooltip-titlebar, .ui-tooltip-dark .ui-tooltip-content{ border-color: #303030; color: #f3f3f3; } .ui-tooltip-dark .ui-tooltip-content{ background-color: #505050; } .ui-tooltip-dark .ui-tooltip-titlebar{ background-color: #404040; } .ui-tooltip-dark .ui-tooltip-icon{ border-color: #444; } .ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{ border-color: #303030; } /*! Cream tooltip style */ .ui-tooltip-cream .ui-tooltip-titlebar, .ui-tooltip-cream .ui-tooltip-content{ border-color: #F9E98E; color: #A27D35; } .ui-tooltip-cream .ui-tooltip-content{ background-color: #FBF7AA; } .ui-tooltip-cream .ui-tooltip-titlebar{ background-color: #F0DE7D; } .ui-tooltip-cream .ui-state-default .ui-tooltip-icon{ background-position: -82px 0; } /*! Red tooltip style */ .ui-tooltip-red .ui-tooltip-titlebar, .ui-tooltip-red .ui-tooltip-content{ border-color: #D95252; color: #912323; } .ui-tooltip-red .ui-tooltip-content{ background-color: #F78B83; } .ui-tooltip-red .ui-tooltip-titlebar{ background-color: #F06D65; } .ui-tooltip-red .ui-state-default .ui-tooltip-icon{ background-position: -102px 0; } .ui-tooltip-red .ui-tooltip-icon{ border-color: #D95252; } .ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{ border-color: #D95252; } /*! Green tooltip style */ .ui-tooltip-green .ui-tooltip-titlebar, .ui-tooltip-green .ui-tooltip-content{ border-color: #90D93F; color: #3F6219; } .ui-tooltip-green .ui-tooltip-content{ background-color: #CAED9E; } .ui-tooltip-green .ui-tooltip-titlebar{ background-color: #B0DE78; } .ui-tooltip-green .ui-state-default .ui-tooltip-icon{ background-position: -42px 0; } /*! Blue tooltip style */ .ui-tooltip-blue .ui-tooltip-titlebar, .ui-tooltip-blue .ui-tooltip-content{ border-color: #ADD9ED; color: #5E99BD; } .ui-tooltip-blue .ui-tooltip-content{ background-color: #E5F6FE; } .ui-tooltip-blue .ui-tooltip-titlebar{ background-color: #D0E9F5; } .ui-tooltip-blue .ui-state-default .ui-tooltip-icon{ background-position: -2px 0; }.ui-tooltip .ui-tooltip-tip{ margin: 0 auto; overflow: hidden; background: transparent !important; border: 0px dashed transparent !important; z-index: 10; } .ui-tooltip .ui-tooltip-tip, .ui-tooltip .ui-tooltip-tip *{ position: absolute; line-height: 0.1px !important; font-size: 0.1px !important; color: #123456; background: transparent; border: 0px dashed transparent; } .ui-tooltip .ui-tooltip-tip canvas{ position: static; }#qtip-overlay{ position: absolute; left: -10000em; top: -10000em; background-color: black; opacity: 0.7; filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } /*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */ .ui-tooltip-shadow{ -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); } .ui-tooltip-shadow .ui-tooltip-titlebar, .ui-tooltip-shadow .ui-tooltip-content{ filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)"; _margin-bottom: -3px; /* IE6 */ .margin-bottom: -3px; /* IE7 */ } /*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .ui-tooltip-rounded, .ui-tooltip-rounded .ui-tooltip-content, .ui-tooltip-tipsy, .ui-tooltip-tipsy .ui-tooltip-content, .ui-tooltip-youtube, .ui-tooltip-youtube .ui-tooltip-content{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .ui-tooltip-rounded .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-titlebar{ -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{ -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /*! Youtube tooltip style */ .ui-tooltip-youtube{ -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; } .ui-tooltip-youtube .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-content{ background: transparent; background: rgba(0, 0, 0, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)"; color: white; border-color: #CCCCCC; } .ui-tooltip-youtube .ui-tooltip-icon{ border-color: #222; } .ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{ border-color: #303030; } /* jQuery TOOLS Tooltip style */ .ui-tooltip-jtools{ background: #232323; background: rgba(0, 0, 0, 0.7); background-image: -moz-linear-gradient(top, #717171, #232323); background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323)); border: 2px solid #ddd; border: 2px solid rgba(241,241,241,1); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; box-shadow: 0 0 12px #333; } /* IE Specific */ .ui-tooltip-jtools .ui-tooltip-titlebar{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; } .ui-tooltip-jtools .ui-tooltip-content{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; } .ui-tooltip-jtools .ui-tooltip-titlebar, .ui-tooltip-jtools .ui-tooltip-content{ background: transparent; color: white; border: 0 dashed transparent; } .ui-tooltip-jtools .ui-tooltip-icon{ border-color: #555; } .ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{ border-color: #333; } /* Cluetip style */ .ui-tooltip-cluetip{ -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); } .ui-tooltip-cluetip .ui-tooltip-titlebar{ background-color: #87876A; color: white; border: 0 dashed transparent; } .ui-tooltip-cluetip .ui-tooltip-content{ background-color: #D9D9C2; color: #111; border: 0 dashed transparent; } .ui-tooltip-cluetip .ui-tooltip-icon{ border-color: #808064; } .ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{ border-color: #696952; color: #696952; } /* Tipsy style */ .ui-tooltip-tipsy{ border: 0; } .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-content{ background: transparent; background:#e9e9e9; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)"; color: #464646; border: 0px transparent; font-size: 11px; font-family: 'Lucida Grande', sans-serif; font-weight: bold; line-height: 16px; } .ui-tooltip-tipsy .ui-tooltip-titlebar{ padding: 6px 35px 0 10; } .ui-tooltip-tipsy .ui-tooltip-content{ padding: 6px 10; } .ui-tooltip-tipsy .ui-tooltip-icon{ border-color: #222; text-shadow: none; } .ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{ border-color: #303030; } /* Tipped style */ .ui-tooltip-tipped{ } .ui-tooltip-tipped .ui-tooltip-titlebar, .ui-tooltip-tipped .ui-tooltip-content{ border: 3px solid #959FA9; } .ui-tooltip-tipped .ui-tooltip-titlebar{ background: #3A79B8; background-image: -moz-linear-gradient(top, #3A79B8, #2E629D); background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; color: white; font-weight: normal; font-family: serif; border-bottom-width: 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .ui-tooltip-tipped .ui-tooltip-content{ background-color: #F9F9F9; color: #454545; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .ui-tooltip-tipped .ui-tooltip-icon{ border: 2px solid #285589; background: #285589; } .ui-tooltip-tipped .ui-tooltip-icon .ui-icon{ background-color: #FBFBFB; color: #555; } /** * The CSS for Shadowbox. * * This file is part of Shadowbox. * * Shadowbox is free software: you can redistribute it and/or modify it under * the terms of the GNU Lesser General Public License as published by the Free * Software Foundation, either version 3 of the License, or (at your option) * any later version. * * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with Shadowbox. If not, see . * * @author Michael J. I. Jackson * @copyright 2007 Michael J. I. Jackson * @license http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0 * @version SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $ */ /*_________________________________________________________________ Overlay */ #shadowbox_overlay { visibility: hidden; position: absolute; display: block; margin: 0; padding: 0; top: 0; left: 0; z-index: 998; background-color:#fff; } /*_______________________________________________________________ Container */ #shadowbox_container { position: fixed; height: 0px; width: 100%; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: center; /* centers in quirks and IE */ } /*_______________________________________________________________ Shadowbox */ #shadowbox { display: none; visibility: hidden; font-family: 'Lucida Grande', Tahoma, sans-serif; text-align: left; /* reset left alignment */ margin: 0 auto; } /*___________________________________________________________________ Title */ /* HTML snapshot:
Title Here
*/ #shadowbox_title { height: 5px; padding: 0; overflow: hidden; } #shadowbox_title_inner { height: 16px; font-size: 12px; line-height: 16px; white-space: nowrap; padding: 5px 0 4px 8px; color: #fff; } /*____________________________________________________________________ Body */ /* HTML snapsnot:
loading
Cancel
*/ #shadowbox_body { position: relative; overflow: hidden; margin: 0; padding: 0; border: 2px solid #D2D2D3; background-color: #ffffff; } #shadowbox_body_inner { position: relative; overflow: hidden; } #shadowbox_loading { position: absolute; top: 0; left: 0; height: 10000px; /* overflow:hidden will clip this */ width: 100%; background-color: #ffffff; } #shadowbox_loading img { float: left; margin: 10px 10px 0 10px; } #shadowbox_loading span { float: left; margin-top: 16px; font-size: 10px; } #shadowbox_loading span a, #shadowbox_loading span a:link, #shadowbox_loading span a:visited { color: #fff; } #shadowbox_content.html { /* make html content scrollable */ height: 100%; width: 100%; overflow: auto; } /*_________________________________________________________________ Toolbar */ /* HTML snapshot: */ #shadowbox_toolbar { margin: 0; padding: 0; height: 20px; overflow: hidden; } #shadowbox_toolbar_inner { height: 20px; color: #fff; } #shadowbox_toolbar_inner div { padding-top: 4px; padding-bottom: 2px; font-size: 10px; height: 10px; line-height: 10px; } #shadowbox_toolbar_inner div span.shortcut { text-decoration: underline; font-weight: bold; } #shadowbox_toolbar_inner div a { text-decoration: none; color: #000; } #shadowbox_nav_close, #shadowbox_nav_previous, #shadowbox_nav_next { float: right; padding-right: 10px; } #shadowbox_counter { float: left; padding-left: 10px; } #shadowbox_counter a { padding: 0 4px 0 0; } #shadowbox_counter a.shadowbox_counter_current { text-decoration: underline; font-weight: bold; } /*________________________________________________________________ Messages */ div.shadowbox_message { text-align: center; padding: 10px; } div.shadowbox_message a:link, div.shadowbox_message a:visited { text-decoration: none; color: #bed333; } div.shadowbox_message a:hover, div.shadowbox_message a:focus { text-decoration: underline; }