/* Getting the new tags to behave */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; } mark, rp, rt, ruby, summary, time{ display: inline } /* Left & Right alignment */ .left { float:left;} .right { float:right;} .wrapper {width:100%; overflow:hidden;} .center{ text-align:center} /* Global properties ======================================================== */ html, body{ height:100%;} .block {height:222px;} .extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -222px;} body{ background:url(../images/bg.jpg) repeat; border:0; font:12px Arial, Helvetica, sans-serif; color:#4f4f4f; line-height:18px;} .css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;} div.spotlight_wrapper1{ float:left; /* important */ position:relative; /* important(so we can absolutely position the description div */ /* padding:10px; */ } div.spotlight_description1{ position:absolute; /* absolute position (so we can position it where we want)*/ bottom:198px; /* position will be on bottom */ left:96px; width:60%; margin: 1px 1px 1px 0px; /* styling bellow */ background-color:black; font-family: 'tahoma'; font-size:15px; color:white; opacity:0.6; /* transparency */ filter:alpha(opacity=60); /* IE transparency */ } h1.spotlight_dc1 { padding:0px 5px 0px; font-size:25px; color:white; } p.spotlight_description_content1{ padding:1px; margin:1px 10px 5px ; } /* Global Structure ============================================================= */ .main { margin: 0 auto; width: 980px; } .body1{ background:url(../images/bg_top.jpg) repeat} .body2{ background:url(../images/bg_top.gif) top repeat-x} .body3{ background:url(../images/bg2.jpg) repeat; height:222px} .body4{ background:url(../images/bg_top2.jpg) top repeat-x} /* ============================= main layout ====================== */ a{ color:#d43c1d; text-decoration: none; outline:none} a:hover{ text-decoration: underline} h1, h2, h3, h4, h5, h6, .big_tittle{ font-size:43px; color:#2a2c2c; font-weight:400; text-transform:uppercase; padding:36px 0 9px 0; margin-bottom:25px; line-height:50px} h2{ font-size:40px; line-height:48px; padding:44px 0 9px 0;} h3{ font-size:35px; color:#d63d1e; line-height:44px;} h4{ font-size:32px; line-height:40px;} h5{ font-size:28px; color:#d63d1e; line-height:34px;} h6{ font-size:24px; line-height:30px;} .big_tittle{ font-size:50px;} p{ padding-bottom:18px;} input[type=text]{font:12px Arial, Helvetica, sans-serif; color:#4f4f4f; height:14px} { color:#d63d1e; text-transform:uppercase; border-bottom:1px dotted #d63d1e} strong{ color:#000000} em{ color:#d63d1e} b{ color:#000000} cite{ font-style:italic} small{ font-size:10px; color:#000000} big{ font-size:21px; color:#000000} del{ color:#000; text-decoration:line-through} ins{ color:#fff; background:#d63d1e; text-decoration:none; padding:0 3px} dfn{ font-size:14px; color:#d63d1e; letter-spacing:2px; font-style:normal} kbd, samp{ font:11px "Courier New", Courier, monospace; color:#000} q{ font:15px "Courier New", Courier, monospace; color:#d63d1e} sup{ font-size:10px; vertical-align:top; color:#000} sub{ font-size:10px; vertical-align:bottom; color:#000} var{ font-style:italic; color:#000} /* ============================= header ====================== */ header{} #top_nav{ float:right; padding:11px 21px 0 0} #top_nav li{ float:left; padding-left:16px;} #top_nav a{ font:11px Verdana, Geneva, sans-serif; color:#f6f6f6;} #top_nav a:hover{ color:#d63d1e} #search{ float:right; padding:54px 20px 0 0} #search .bg{ background:url(../images/search.jpg) no-repeat; width:193px; height:29px;} #search .submit{ float:right; width:43px; height:29px; cursor:pointer; background:none} #search .input{ float:right; background:none; width:140px; padding:7px 0 7px 10px; color:#5d5d5d; font:12px Arial, Helvetica, sans-serif; height:15px;} #logo{float:left; margin:4px 0 0 20px; background:url(../images/logo.png) 2px 5px no-repeat; font-size:55px; font-weight:400; color:#d63d1e; line-height:90px; padding:0 0 0 60px;} /*text-transform:uppercase; */ #logo:hover{ text-decoration:none} #logo strong{ font-weight:700; color:#0d0d0d} #menu { background:url(../images/menu_bg.jpg) top repeat-x; border-bottom:6px solid #1c1c1c; margin-top:9px;} #menu_left{ background:url(../images/menu_left.jpg) top left no-repeat} #menu_right{ background:url(../images/menu_right.jpg) top right no-repeat; width:100%; height:68px} #menu li { float:left; padding-right:1px; background:url(../images/menu_line.gif) top right no-repeat; position:relative; height:68px} #menu .bg_none{ background:none; padding-right:0;} #menu .bg_none a{ width:140px; height:68px; overflow:hidden} #menu span{ display:block} #menu .bg_none a:hover span{ background:url(../images/menu_right_active.jpg) top right no-repeat} #menu .nav1 a:hover span{background:url(../images/menu_left_active.jpg) top left no-repeat} #menu li a{ display:block; width:139px; text-align:center; font-size:21px; color:#9b9b9b; line-height:68px; font-weight:700; text-transform:uppercase} #menu li a:hover{ text-decoration:none; background: url(../images/menu_bg_active.jpg) top repeat-x} #menu #menu_active a{color:#fff;} #menu #menu_active a:hover, #menu #menu_active a:hover span{ background:none} #menu .ul_1{ position:absolute; top:68px;z-index:10; left:0;} #menu .ul_1 li{ float:none; background: url(../images/bg_menu_opacity.png) repeat; margin-top:1px; padding:0} #menu .ul_1 li:hover, #menu .ul_1 #menu_active{ background:#000;} #menu .ul_1 li:hover a, #menu .ul_1 #menu_active a{ color:#fff; background:none} #menu .ul_2{ position:absolute; left:140px; z-index:10; top:-1px;} #menu .ul_2 li{ background:#000} #menu .ul_2 li a{ color:#fff} #menu .ul_2 li:hover, #menu .ul_2 #menu_active{ background:#d63d1e} #head{ text-align:center} .sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */background:#000;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;} .sf-menu a.sf-with-ul { min-width:1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-menu img { position:relative; float:right; top:7px; right:7px; }/*position:right;z-index:2;}*/ .sf-sub-indicator { text-indent:-999em; } #menu .menu_2 li a{ width:195px} #menu .menu_2 .bg_none a{ width:196px;} #menu .menu_2 .ul_2{ left:197px;} /* Advanced Menu */ #advanced { position:fixed; z-index:999;right:-172px; top:50px;background:#181818;padding:20px 16px 20px 18px;width:135px;font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#dfdfdf; -webkit-border-radius: 0px 0 0 6px; -moz-border-radius: 0px 0 0 6px;border-radius: 0px 0 0 6px;} #advanced span.trigger {display:block;position:absolute;left:-81px;top:20px;margin-top:-25px;width:81px;height:52px;background:#fff;cursor:pointer;text-align:center;background:url(../images/panel/adv-trigger.png) no-repeat 0 0; } #advanced span.trigger strong {display:block; padding:4px 0 0 0;} #advanced ul li {background:url(../images/panel/panel-arrow.gif) no-repeat 0 6px;padding:0 0 0 13px;font-size:11px;} #advanced ul li.trigger_adv {padding:0 0 0 0;} #advanced ul li.trigger_adv > span {background:url(../images/panel/panel-arrow2.gif) no-repeat 100% 8px #636363;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:0 20px 0 12px; color:#dfdfdf; font-weight:bold; display:inline-block; behavior: url(js/PIE.htc); position: relative;} #advanced ul li a {color:#d63d1e; text-decoration:none; } #advanced ul li a:hover { text-decoration:underline; } #advanced ul ul { margin-left:13px; } #advanced ul ul li { font-size:11px; background:url(../images/panel/panel-arrow1.gif) no-repeat 0 7px; } #advanced ul ul a { text-transform:capitalize; color:#dfdfdf; } #advanced ul ul ul { margin-left:8px; } #advanced ul ul ul li { background:none;} #advanced ul ul ul li a { color:#939393; } /* ============================= content ====================== */ #content{ width:100%; overflow:hidden; padding-top:5px; padding-bottom:59px;} figure{ padding-bottom:17px; position:relative} .fleft{ float:left; margin-right:17px;} .fright{ float:right; margin-left:17px;} figure img{ position:relative; z-index:1} figure figcaption {color:#eff2f1;background:#2a2c2c;text-align:center;margin-top:-30px; line-height:30px; position: absolute; width:100%; z-index:2; text-transform:uppercase;behavior: url(js/PIE.htc);border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} figure span{ display:block; height:10px; line-height:0; font-size:0; background:#2a2c2c; position:absolute; z-index:3; width:100%; bottom:40px} /* Lightbox image */ .lightbox-image {position:relative;overflow:hidden; display:block;} .lightbox-image img {position:relative;z-index:2;} .lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/loading/magnify.png) no-repeat 50% 50%;z-index:1;} /* Tabs */ .tabs {margin: 15px 0 30px 0;} .tabs ol {list-style-type: decimal;margin: 0 0 0 20px;} .tabs ol li {display: list-item;float: none;padding-bottom:5px !important; font-size:12px; color:#6b6a6a;} .tabs ul.nav { width:100%; position:relative} .tabs ul {float: left;list-style: none;margin: 0 0 5px 0 !important;padding:0 0 0 0 !important;} .tabs li {display: block;float: left;margin: 0 5px -22px 0;background:none !important;padding:0 0 0 0 !important; position: relative} .tab-content li{ margin-bottom:0} .tabs .selected {margin-bottom: -22px;position: relative;} .tabs .selected a {background: #f0f0f0;color: #000; padding-bottom:25px;border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;behavior: url(js/PIE.htc); position: relative;} .tabs a:hover {background: #f0f0f0;color: #000;} .tabs a {background:#000;color: #fff;display: block;padding:5px 10px; padding-bottom:25px;text-decoration: none;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px;behavior: url(js/PIE.htc); position: relative;} .tabs .tab-content {background: #f0f0f0;clear: both;width:100%; max-width:940px;overflow:auto;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;behavior: url(js/PIE.htc); position: relative; } .tabs .tab-content .inner {padding:10px;} .tabs p { margin-bottom: 5px; } .tabs .tab-content strong { color:#000;} .tabs pre {margin:4px 0;} .tabs code {overflow:auto; font-family: 'andale mono','lucida console',monospace} *+html .tabs code { overflow:visible;} /* Elements list */ .elements-list li {background:none !important;padding:0 0 12px 0 !important;position:relative;font-size:1em;} .elements-list li code {position:absolute;right:0;top:-3px; padding:2px 3px 1px 3px;border:1px dotted #333;} /*======================================================*/ /* Code grabber */ .code {padding:30px 0 10px 0;} .code a.code-icon { margin-bottom:10px;} .code a.code-icon i {padding-right:6px;font-style:normal;} .code div.grabber {display:none;} .code code {padding:0 10px 0 10px;background:#f6f6f6;color:#333;border:1px solid #dfdfdf;white-space:pre;overflow:auto;} /* Horizontal divider */ .hr {display:block;position:relative;padding:20px 0 5px 0;border:none;background: url(../images/line_hor1.gif) bottom repeat-x; overflow:hidden;} .hr a { position:absolute;right:20px;top:5px;text-transform:uppercase;text-decoration:none;background: url(../images/marker_top.gif) 0 9px no-repeat;padding-left:13px;color:#2a2c2c; font-size:11px;} .hr a:hover { color:#666;} .marg_right1{ margin-right:10px;} .marg_right2{ margin-right:20px;} .marg_right3{ margin-right:30px;} .pad{ padding:0 10px;} .marg_bot1{ margin-bottom:20px;} .pad_left1{ padding-left:20px;} .pad_left2{ padding-left:60px;} .pad_top1{ padding-top:9px;} .pad_bot1{ padding-bottom:32px;} ul.banners{ width:100%; overflow:hidden;} ul.banners li{ float:left; width:152px; padding:0 20px; margin-right:5px; background:url(../images/bg_banners.jpg) repeat;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); position: relative;} div.banners{ padding:0 20px; background:url(../images/bg_banners.jpg) repeat;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); position: relative;} div.banners h6{ text-align:left; padding-bottom:20px;} .banners .no_pad{ margin-right:0;} .banners h6{ text-align:center; color:#929292; font-weight:600; padding:34px 0 7px 0; margin:0} .box1{ background:url(../images/box1.jpg) no-repeat; width:52px; line-height:48px; height:52px; display:block; overflow:hidden; text-align:center; font-size:45px; font-weight:700; color:#f0f1f2; text-transform:uppercase; margin:0 auto} .box1_active{ background:url(../images/box1_active.jpg) no-repeat; width:52px; line-height:48px; height:52px; display:block; overflow:hidden; text-align:center; font-size:45px; font-weight:700; color:#f0f1f2; text-transform:uppercase; margin:0 auto} .banners p{ line-height:22px; color:#929292; padding:4px 0 38px 0; font-size:13px;} .banners strong{color:#929292;} .banners .button{ background:#2b2b2b; display:block; float:none; font-size:13px; text-transform:uppercase; color:#eff2f1; line-height:34px; margin:0 -20px; padding:0 20px; } .banners .button span{ display:block; height:10px; background:#2b2b2b; margin:0 -20px; margin-bottom:-10px; cursor:pointer} .banners .button:hover{ text-decoration:none; background:#d63d1e} .banners .button:hover span{background:#d63d1e} .banners .list1 li a{ background:url(../images/marker_8.gif) 0 3px no-repeat; color:#787878} .banners .pad_bot1{ padding-bottom:20px;} .under1{ margin-left:-20px; padding-left:20px; background:url(../images/line_hor1.gif) bottom repeat-x} .under2{ margin-right:-20px; padding-right:20px; background:url(../images/line_hor1.gif) bottom repeat-x} .under3{ padding-bottom:6px; border-bottom:1px solid #cacaca; margin-bottom:11px;} .list1, .list3, .list4, ol{ margin:-6px 0;} .list1 li, .list3 li , .list4 li{ padding:6px 0 6px 0} .list1 li a, .list3 li a, .list4 li a , ol li a{ color:#4f4f4f; padding-left:24px; display:block} .list1 li a:hover, .list3 li a:hover, .list4 li a:hover, ol li a:hover{ color:#d43c1d} .list1 li{font-size:14px;} .list1 li a{ font-style:italic; background:url(../images/marker_1.gif) 0 3px no-repeat;} .list1 ul{ padding-top:6px; padding-left:24px;} .list1 ul li{ padding:0} .list1 ul li a{ padding:0 0 0 15px; background:url(../images/marker_3.gif) 0 5px no-repeat} ol{ margin:-3px 0} ol li { list-style-position:outside;list-style-type:decimal;margin-left:24px; line-height:18px; font-weight:bold; color:#d63d1e; padding:6px 0;} ol li a{ font-weight:normal; padding-left:0} .list3 li a{ background:url(../images/marker_4.gif) 0 2px no-repeat;} .list4 li a{ background:url(../images/marker_5.gif) 0 2px no-repeat;} .box3{ background:#202020; padding:20px 21px;border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(js/PIE.htc); position: relative; overflow:hidden} .box3 p{ color:#fff;} .box3 .under1{ border-bottom:1px solid #525252; margin:0 0 20px 0; padding:0 0 20px 0; background:none} .box3 strong{ color:#fff} .box3 span{ color:#d63d1e} .box3 .button{ background:#d63d1e;} .box3 .button:hover{ background:#fff; color:#000} .list5{ margin:-20px 0} .list5 li{ line-height:39px; border-bottom:1px solid #4e4e4e; font-size:14px; display:block; position:relative} .list5 li a{ color:#fff; display:block; font-weight:bold;} .list5 li a:hover{ text-decoration:none} .list5 li:hover{ background:#d63d1e; border:none; margin:-1px -21px 1px; padding:1px 21px 0;} .list5 .first{ behavior: url(js/PIE.htc); position: relative; padding-top:1px;} .list5 .last{ behavior: url(js/PIE.htc); position: relative; border:none; padding-bottom:1px;} .list5 .first:hover{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-top:0} .list5 .last:hover{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-bottom:0; padding-bottom:1px;} .list5 .first span{ height:8px; display:block; width:100%; position:absolute; line-height:0; font-size:0; bottom:0} .list5 .first:hover span{background:#d63d1e; margin:-1px -21px 0;} .list5 .last span{ height:8px; display:block; width:100%; position:absolute; line-height:0; font-size:0; top:0;} .list5 .last:hover span{background:#d63d1e; margin:-1px -21px 0;} .def_list p{ display:block; padding-left:50px;} .font1{ font-size:14px;font-weight:bold; color:#d63d1e; line-height:23px;} .font2{ font-weight: bold} .font3{font-size:16px;font-weight:bold; color:#d63d1e; line-height:37px;} .color1{ color:#4f4f4f} .color2{ color:#d63d1e} .quot{ background: url(../images/quot.gif) 0 12px no-repeat; padding-left:55px; overflow:hidden; margin-top:-12px} .testimonials{ float:left; margin-left:-10px; background:url(../images/bg_box2.gif) top repeat-x #bfbfbf; border:1px solid #bfbfbf; padding:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); position: relative;} .testimonials_bot{ background:url(../images/testimonials.gif) 145px 0 no-repeat; width:100%; padding-top:20px;} .caps{ text-transform:uppercase} .box2{ background:#d63d1e; width:51px; float:left; text-align:center; font:28px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; line-height:44px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); position: relative; margin-right:13px;} .box2 span{ display:block; font-size:12px; font-weight:normal; text-transform:uppercase; margin-top:-18px; line-height:30px} .box4{ background:#d63d1e; width:17px; float:left; text-align:center; font:13px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; line-height:18px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(js/PIE.htc); position: relative; margin:9px 10px 4px 0;} .button{ cursor:pointer; font-size:14px;color:#fff; background:#000; line-height:32px; padding:0 9px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); position: relative; float:left;} .buttonright{ cursor:pointer; font-size:14px;color:#fff; background:#000; line-height:32px; padding:0 9px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); position: relative; float:right;} .button:hover{ text-decoration:none;background:#d63d1e} .button2{ font-size:13px;font-weight:bold; color:#fff; background:#d63d1e; line-height:32px; padding:0 9px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); position: relative; float:left;} .button2:hover{ text-decoration:none;background:#000} .button3{ font-size:14px; color:#fff; background:#646464; line-height:32px; padding:0 9px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); position: relative; float:left;} .button3:hover{ text-decoration:none;background:#d63d1e; color:#000} .line1{ background:url(../images/line_ver1.gif) 332px 0 repeat-y} .line2{ background:url(../images/line_ver3.gif) 280px 0 repeat-y} .dropcap_1{ font-size:36px; color:#1f1f1f; font-weight:bold; float:left; margin-right:13px; line-height:36px} .dropcap_2{ width:52px; height:52px; float:left; margin-right:7px; background:#d63d1e; font-size:36px; color:#fff; line-height:52px; text-align:center;border-radius:26px; -moz-border-radius:26px; -webkit-border-radius:26px; behavior: url(js/PIE.htc); position: relative;} blockquote.left { width:225px; background:url(../images/line_ver2.gif) right repeat-y; font-size:16px; font-weight:bold; color:#d63d1e; line-height:25px; margin-right:17px; padding:18px 13px 18px;} blockquote.right { width:225px; background:url(../images/line_ver2.gif) left repeat-y; font-size:16px; font-weight:bold; color:#d63d1e; line-height:25px; margin-left:17px; padding:18px 0 18px 13px} .boxes, .download-box { background:#e5e5e5; border:1px solid #cbcbcb; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); position: relative; margin-top:7px} .boxes p{ padding:16px 32px;} .boxes .img_1{ background:url(../images/box_img1.jpg) 35px 14px no-repeat; padding-left:111px;} .boxes .img_2{ background:url(../images/box_img2.jpg) 35px 11px no-repeat; padding-left:111px;} .boxes .img_3{ background:url(../images/box_img3.jpg) 31px 13px no-repeat; padding-left:111px;} .boxes .img_4{ background:url(../images/box_img4.jpg) 31px 12px no-repeat; padding-left:111px;} /* elements list */ .elements-list{ margin:0; padding-top:2px} .elements-list li { line-height:24px;} .elements-list li code { float:right;border:1px dotted #333; position:relative; margin:1px} /* table */ .table{ width:629px; border:2px solid #b5b5b5; background:#eeeeee;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); position: relative;} .table .tab_left{ background:url(../images/table_left.gif) top left no-repeat #d63d1e} .table .tab_right{ background: url(../images/table_right.gif) top right no-repeat #d63d1e} table thead th{ width:125px; text-align:center; border-right:1px solid #ff765a; line-height:53px;font-size:14px; font-weight:bold; color:#fff; background:#d63d1e; border-bottom:3px solid #d27f6e} table tbody td { border-right:1px solid #bfbfbf; line-height:32px; border-bottom:1px solid #c2c2c2; width:125px; text-align:center} .last_line{ border-right:none} .last_row{ border-bottom:none} table tbody tr:hover td{ color:#d63d1e} /* SlideDown element */ .slideDown {padding:0 1px 0 0;} .slideDown dt { background:url(../images/marker_3.gif) 650px center no-repeat #000; color: #fff !important;padding:9px 0 9px 21px;margin-bottom:4px;font-weight:bold; display:block;font-size:12px;cursor:pointer;margin-bottom:10px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); position: relative;} .slideDown dt:hover, .slideDown dt.active {background-color:#535353;color:#fff;text-shadow:0 0 5px #fff;} .slideDown dt.active {background:url(../images/marker_7.gif) 650px center no-repeat #000; } .slideDown dd { display:none;padding:10px 20px 20px 20px;} .slideDown.absolute dd {position:absolute; padding:0} .slideDown.absolute dd div{ background:#eeeeee;padding:10px 20px 20px 20px;width:640px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); position:relative} /* Twitter */ #twitter {margin-bottom: 2em;} #preloader {margin: 0;padding: 1em 1em 1em 5em; color:#000; font-weight:bold;text-indent:10px;background: transparent url(../images/loading/loader.gif) 1em center no-repeat; /* generate your own loader gif: http://www.ajaxload.info */} ul#twitter_update_list {margin: 0; padding: 0 0 0.5em 0;list-style-type: none;} ul#twitter_update_list li { margin: 0;padding: 0.8em 0 1em 1em !important;margin-bottom:7px;background:#eeeeee;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; behavior: url(js/PIE.htc); position:relative; z-index:1} ul#twitter_update_list li:hover {color:#fff; background:#000;} ul#twitter_update_list li:hover a {color:#d63d1e;} ul#twitter_update_list li a {/* timestamp link */color: #000;} ul#twitter_update_list li span {display: block;} ul#twitter_update_list li span a {/* links in tweet */color: #d63d1e;} ul#twitter_update_list li.firstTweet {} ul#twitter_update_list li.lastTweet {border-bottom: none;} a#profileLink {display: block; padding: 0.3em 1em;color: #d63d1e; position:relative; z-index:2} /* Accordion */ dl#accordion {list-style-type:none;margin: 0;padding: 0 2px 0 0;height:auto !important;} dl#accordion .indent { padding-top:7px !important; padding-bottom:5px !important} dl#accordion a {display: block; text-decoration: none;} dl#accordion dt {margin-top:1px;background:none;padding:0;} dl#accordion dt a { background:url(../images/marker_3.gif) 650px center no-repeat #000;color: #fff; padding:9px 0 9px 21px;margin-bottom:4px;font-weight:bold;text-decoration:none;display:block;font-size:12px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; behavior: url(js/PIE.htc); position:relative} dl#accordion dt a:hover {background-color:#535353;color:#fff;text-shadow:0 0 5px #fff;} dl#accordion dt.active a{background-color:#535353;background-image: url(../images/marker_7.GIF); color:#fff;} dl#accordion dd {display:none;margin-bottom:0;} dl#accordion dd .indent {padding:10px 30px 14px 20px !important;} dl#accordion dd a {display:inline;width:auto;text-decoration:underline;} dl#accordion dd a:hover {text-decoration:none;background:none;} /* layouts page for button */ .layouts-nav{ padding-top:30px; width:100%; overflow:hidden} .layouts-nav li{ margin-right:20px; float:left;} /* for text-slider */ #text_slider div{ background:#dedede} /* for fade-slider with controls */ #fade_nav{ margin-bottom:20px} /* ============================= footer ====================== */ footer { font-size:13px; color:#929292; width:100%; overflow:hidden; padding:33px 0 46px 0 } footer .caps{ color:#fff;} footer a{ color:#bcbcbc; text-decoration:underline} footer a:hover{ text-decoration:none} .tittle1{ color:#dddddd; font-weight:bold; padding:0 0 13px 0; display:block} .list2 li{ line-height:28px; font-size:12px;} .list2 li a{ color:#89898a; text-decoration:none; padding-left:12px;background:url(../images/marker_2.gif) 0 4px no-repeat} .list2 li a:hover{ text-decoration:underline} #footer_menu{ float:right; padding:2px 0 15px 0} #footer_menu li{ float:left; padding-right:10px; background:url(../images/footer_line.gif) right 4px no-repeat; margin-right:9px;} #footer_menu .bg_none{ background:none; padding:0; margin:0} #footer_menu li a{ color:#7c7c7c; text-decoration:none;} #footer_menu li a:hover, #footer_menu li .active{ color:#fff; text-decoration:underline} #icons{ float:right} #icons li{ float:left; padding-left:4px;} /* Tooltips */ .aToolTip { border:1px solid #000; background: url(../images/bg_opacity.png) repeat; color:#fff; margin:0; padding:2px 10px; font-size:11px; } .aToolTip .aToolTipContent { position:relative; margin:0; padding:0; } a.aToolTipCloseBtn { display:block; height:20px; width:20px; overflow:hidden;background: url(../images/loading/close.gif) no-repeat;text-indent:-9999px; outline:none; position:absolute; top:-15px; right:-20px; } /* ============================= forms ============================= */ #contact-form {} #contact-form .bg{ float:left; background:#fff; border-top:1px solid #cacaca; border-left:1px solid #cacaca;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; behavior: url(js/PIE.htc); position:relative} #contact-form a{ margin-left:20px; margin-top:10px; float:right} #contact-form .input {width:373px; height:17px; background: none; padding:10px 18px; color:#4f4f4f; font:14px Arial, Helvetica, sans-serif} #contact-form textarea { overflow: auto;width:580px; height:201px; background: none; padding:10px 18px; color:#4f4f4f; font:14px Arial, Helvetica, sans-serif} #contact-form .rowElem {display:block;position:relative; width:100%; padding-bottom:22px; overflow:hidden} #contact-form label {padding:0;display:inline-block; font-size:11px; position:absolute;} #contact-form label {font-size:11px; position:absolute;left:430px;top:4px} #contact-form .textarea-box label{left:20px;top:230px;} #contact-form .error {color:red;} #contact-form fieldset {border:none;} div#contact_form .download-box { margin:20px 0 0 0; padding:20px } /*--- login form ---*/ #lcontact-form {} #lcontact-form .bg{ float:left; background:#fff; border-top:1px solid #cacaca; border-left:1px solid #cacaca;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; behavior: url(js/PIE.htc); position:relative} #lcontact-form a{ margin-left:5px; margin-top:10px; float:left} #lcontact-form .input {width:173px; height:17px; background: none; padding:10px 18px; color:#4f4f4f; font:14px Arial, Helvetica, sans-serif} #lcontact-form textarea { overflow: auto;width:580px; height:201px; background: none; padding:10px 18px; color:#4f4f4f; font:14px Arial, Helvetica, sans-serif} #lcontact-form .rowElem {display:block;position:relative; width:100%; padding-bottom:22px; overflow:hidden} #lcontact-form label {padding:0;display:inline-block; font-size:11px; position:absolute;} #lcontact-form label {font-size:11px; position:absolute;left:430px;top:4px} #lcontact-form .textarea-box label{left:20px;top:230px;} #lcontact-form .error {color:red;} #lcontact-form fieldset {border:none;} div#lcontact_form .download-box { margin:20px 0 0 0; padding:20px } /*--- sign in form ---*/ #login-form fieldset { border:none; position:relative} #login-form .field {overflow:hidden;min-height:45px;height:auto !important;height:45px; padding:4px 0 0 4px; position:relative} .input_bg{background:#f0f0f0;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;border-radius:14px; -moz-border-radius:14px;-webkit-border-radius:14px; behavior: url(js/PIE.htc); position: relative;box-shadow:0 0 2px #eee;-moz-box-shadow:0 0 2px #eee;-webkit-box-shadow:0 0 2px #eee;} #login-form input[type=text], #login-form input[type=password]{width:360px;padding:5px 12px 5px 12px; background:none} #login-form .position{margin:4px; float:right; position:relative} #login-form small {color:red;font-weight:bold;padding:0 0 0 5px;} #login-form .marg_top1{ margin-top:10px;} #login-form label[for=remember] {font-size:12px; color:#333; float:left;} #login-form input[type=checkbox]{ vertical-align:middle} /*--- floatdialog ---*/ .disable_masking{z-index: 6001; position: absolute;display: none;left:50% !important;margin-left:-200px !important; } .disable_masking .bg{background-color: #ffffff; padding: 40px;width: 400px; border-radius:20px; -moz-border-radius:20px;-webkit-border-radius:20px; box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; behavior: url(js/PIE.htc); position: relative;} .disable_masking h6 { padding:12px 0 30px 0} .closebutton, .myclosebutton{ display:block; position:absolute; right:50px; top:50px;} .data{ font-size: 12px; text-align: justify;} .viewsiurce{background-color: #F0F0F0; border: 2px dashed #000;padding: 20px;color: #006633; font-size: 12px;} /* Under Construction page =====*/ #constuction-box {width:800px; height:500px; position:relative;left:50%; top:50%; margin-left:-400px; margin-top:-250px ;background:#eae9e7;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;border-color:#ccc;box-shadow:0 0 10px #999;-moz-box-shadow:0 0 10px #999;-webkit-box-shadow:0 0 10px #999;text-align:center;behavior:url(js/PIE.htc);} #constuction-box .inside { padding:20px 40px 40px 40px;} #constuction-box .button { position:relative; } #constuction-box h1 {text-align:center; border-bottom: 1px solid #acacac;} #constuction-box h1 em { display:block} /* Countdown */ #countdown_dashboard {height: 110px;padding:30px 0 40px 0;width:650px;margin:0 auto;position:relative;} .dash {width: 110px;height: 114px;background: transparent url(../images/loading/dash.png) 0 0 no-repeat;float: left;margin-left: 20px;position: relative;} .dash .digit {font-size:75px;line-height:85px;font-weight: bold;float: left;width: 55px;text-align: center;color: #000; position: relative;} .dash .digit .bottom {font-size:75px;line-height:85px;} .dash_title {position: absolute;display: block;bottom: 0px;left:0;font-size: 12px;text-transform: uppercase;width:110px; color:#d63d1e} #newsletter-alt-form{ margin:0 auto; width:300px} #newsletter-alt-form .bg{ background:#fff; border:1px solid #acacac; border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; behavior: url(js/PIE.htc); position: relative; display:inline-block; float:left; margin-right:10px;} #newsletter-alt-form input[type=text] { background: none; width:200px; padding:8px 10px; height:15px;} /* Under Construction page end =====*/ /* ============== Intro page =========== */ #intro-box {width:600px;height:400px;position:relative;left:50%;top:50%;margin-left:-300px;margin-top:-200px;background:#eae9e7;border-radius:15px;-moz-border-radius:15px; -webkit-border-radius:15px; border-color:#ccc; box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999; text-align:center; behavior:url(js/PIE.htc); float:left; } #intro-box .inside { padding:40px 40px 40px 40px; } #intro-box h2 { font-weight:700;text-align:center; font-size:4em;margin-bottom:.2em;line-height:1.2em; position:absolute; left:0; top:-110px; text-align:center; width:600px;overflow:hidden;height:100px;color:#000;font-weight:normal; } #intro-box h1 span { text-transform:uppercase; color:#1fb7c4; display:block; margin-bottom:-15px;} #intro-box .button{position:absolute;right:40px; bottom:20px;float:right;white-space:nowrap;} .intro-buttons {width:500px;padding:0 50px; position:absolute;left:0;bottom:50px;} #flash-intro {margin-bottom:20px;position:absolute;left:23px;top:20px;} /* =========== Intro page end ========= */ /* =========== 404 page ========= */ /*.bg_404{ background:url(../images/bg_404_page.jpg) center 79px no-repeat; min-height:490px}*/ .bg_404{ background:url(/images/driverV004b50perc.png) left 79px no-repeat; min-height:490px} .text_404{ padding:62px 0 0 605px; width:320px;} .text_404 h1{ font-size:49px; font-weight:400; color:#333740; line-height:60px; text-transform: none; margin-bottom:0} .text_404 h1 span{ font-weight:700; font-size:33px; vertical-align:middle} #search_404{ float:left; padding:10px 0 0 0} #search_404 .bg{ background: url(../images/search_404_page.jpg) no-repeat; width:273px; height:29px;} #search_404 .submit{ float:right; width:43px; height:29px; cursor:pointer; background:none} #search_404 .input{ float:right; background:none; width:220px; padding:7px 0 7px 10px; color:#5d5d5d; font:12px Arial, Helvetica, sans-serif; height:15px;} /* =========== 404 page end ========= */ /* =========== coin slider ========= */ #coind-slider { overflow:hidden;} .coin-slider { overflow: hidden;zoom: 1;position: relative;padding-bottom:30px;} .coin-slider a { text-decoration: none; outline: none; border: none; } .cs-buttons { font-size: 0px;padding: 10px;float: left;} .cs-buttons a { margin-left: 5px;height: 12px;width:12px;float: left;background:#fff;color: #fea900; text-indent: -9999em; border-radius:6px;-moz-border-radius:6px; -webkit-border-radius:6px; box-shadow:1px 1px 1px #999; -moz-box-shadow:1px 1px 1px #999; -webkit-box-shadow:1px 1px 1px #999;behavior:url(js/PIE.htc); position:relative} .cs-buttons a:hover, .cs-buttons a.cs-active { background: #d63d1e; color: #fff;} .cs-title { width:100%; padding: 10px 0; background: #000;color: #fff;text-indent:10px;} .cs-prev, .cs-next { background: #000;color: #fff;padding: 0px 10px;} .cs-prev:hover, .cs-next:hover { background:#ff2b00;} /* =========== coin slider end ========= */ /* =========== kwiks slider ========= */ .kwicks-wrapper {width:942px;overflow:hidden;} .kwicks-wrapper img{ border:1px solid #e1e1e1} .kwicks-box {border:1px solid #323232;padding:0px;} .kwicks {/* recommended styles for kwicks ul container */list-style: none;position: relative;margin: 0; padding: 0 !important; overflow:hidden;height:586px;background:#000;} .kwicks li{ /* these are required, but the values are up to you (must be pixel) */width: 235px;height: 586px;/*do not change these */display: block;overflow: hidden;padding: 0 !important; /* if you need padding, do so with an inner div (or implement your own box-model hack) */cursor:pointer; opacity:.5; filter: alpha(opacity=50); background:none !important; } .kwicks li.active {opacity:1;filter: alpha(opacity=100);} .kwicks.horizontal li {/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */margin-right: 0; /*Set to same as spacing option. */ float: left;} .kwicks_vertical { /* recommended styles for kwicks ul container */list-style: none; position: relative; margin: 0; padding: 0 !important; overflow:hidden;width:940px;height:396px;background:#000;} .kwicks_vertical li{/* these are required, but the values are up to you (must be pixel) */height: 196px;/*do not change these */display: block;overflow: hidden;padding: 0 !important; /* if you need padding, do so with an inner div (or implement your own box-model hack) */ cursor:pointer; float:none; opacity:.5; filter: alpha(opacity=50); } .kwicks_vertical li.active {opacity:1;filter: alpha(opacity=100);} /* =========== kwiks slider end ========= */ /* =========== gallery ========= */ #galleryfic_gallery {padding-bottom:30px;width:100%;overflow:hidden;} div.content {/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */ display: none;width: 940px; position:relative;z-index:10; padding-bottom:20px;} div.content a, div.navigation a {text-decoration: none;} div.content a:focus, div.content a:hover, div.content a:active {} div.slideshow-container {position: relative; clear: both; height: 600px; /* This should be set to be at least the height of the largest image in the slideshow */z-index:10} div.loader {position: absolute; top: 0; left: 0; background:url(../images/loading/loader.gif) center center no-repeat} div.slideshow {height: 600px;width:940px;overflow:hidden;} div.slideshow span.image-wrapper {display: block;position: absolute;top: 0;left: 0;height: 600px;width:940px;} .advanced_gallery div.slideshow span.image-wrapper, .advanced_gallery div.slideshow, .advanced_gallery div.slideshow a.advance-link, .advanced_gallery div.slideshow-container {height:400px;} .advanced_gallery div.slideshow a.advance-link, .advanced_gallery div.slideshow span.image-wrapper, .advanced_gallery div.slideshow, .advanced_gallery div.slideshow-container {width:600px;} div.slideshow a.advance-link {display: block;width: 940px;height: 600px; /* This should be set to be at least the height of the largest image in the slideshow */text-align: center;overflow:hidden;} div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;} div.slideshow img { position:absolute;left:0;top:0; padding:0} div.slideshow.noborder img {padding:0;border:none;} div.caption-container { position: relative;clear: left; height:40px;} .advanced_gallery div.caption-container {position:absolute; right:0;top:0; width:340px;} span.image-caption {display: block;position: absolute; width: 400px;top: 0;left: 0;} div.caption {padding:10px 70px 0 30px;overflow:hidden;} div.image-desc {} div.navigation {/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */} #thumbs {padding-left:40px;} .advanced_gallery #thumbs {padding-left:55px;} ul.thumbs { clear: both; margin: 0;padding: 0;width:100%;height:190px;overflow:hidden;} ul.advanced_thumb {width:900px; height:160px;} ul.thumbs li {float: left;background:none !important;list-style: none;margin:0 10px 0 0; margin-bottom:4px;} ul.thumbs li.last {padding-right:0;} a.thumb {display: block;} ul.thumbs li.selected a.thumb { } a.thumb:focus { outline: none;} ul.thumbs img { border: none;display: block;} /* Pagination */ div.pagination {clear: both;width:100%;position:relative;} div.navigation div.top {margin-bottom: 12px;height: 11px;display:none; /* optional disabled */} div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display:none;} div.pagination a:hover, div.pagination span.current {} div.pagination span.ellipsis {display:none;} div.pagination a.prev_1 {height:12px;width:13px;display:block !important;background: url(../images/marker_6.gif) left bottom no-repeat;position:absolute;left:-40px;top:-100px;} .advanced_gallery div.pagination a.prev_1 {height:12px;width:13px;display:block !important;background: url(../images/marker_6.gif) left bottom no-repeat;position:absolute;left:-40px;top:-80px;} div.pagination a.next_1 {height:12px;width:13px;display:block !important;background: url(../images/marker_4.gif) 0 0 no-repeat ; padding-bottom:2px; position:absolute; right:0px; top:-100px;} .advanced_gallery div.pagination a.next_1 {height:12px;width:13px;display:block !important;background: url(../images/marker_4.gif) 0 0 no-repeat ; padding-bottom:2px; position:absolute; left:765px; top:-80px;} /* =========== gallery end ========= */