/* Author Name: ALTD Dubai Author Name URI: http://www.altd.ae./ Client Name: Total Computing Solutions Client Theme URI: http://www.totalcomputingsolutions.ae./ Description: "DESC" Contact Person: Vlad Scanteie Contact Person: URI: http://blog.scanteie.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Specificatii Generale site */ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #3e434c; margin: 20px 0px 0px 0px; padding: 0px; background: #002c5e; } /* Specificatii generale link-uri de tip text */ a:link { text-decoration: underline; color : #336699; } a:active { text-decoration: underline; color : #336699; } a:visited { text-decoration: underline; color : #336699; } a:hover { text-decoration: underline; color : #4597e8; } #bgcontain { background: #fff url(../_img/bkg_footer.gif) no-repeat left bottom; width: 780px; margin: 0 auto; padding: 0 auto;} #bg { background: #fff url(../_img/bkg_footer.gif) no-repeat left bottom; width: 780px; float: left; clear: both; margin-bottom: 10px;} h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #003366;} .header { background: #fff url(../_img/bkg_header.gif) no-repeat left top; margin: 0px; padding: 10px 10px 0px 10px; width: 760px; height: 120px;} .header h1 { font-size: 0.1em; margin : 0; padding : 0; text-indent: -5000px; line-height: 0.1em;} .header h1 a { margin: 0px; color:#fff; display: block; height: 84px; width: 128px; background: url(../_img/logo_tcti.png); text-decoration: none; cursor: hand; float: left; } .header h3 { font-size: 0.1em; margin : 0; padding : 0; text-indent: -5000px; line-height: 0.1em; clear: both;} .menu { position:absolute; top: 120px; width: 750px; padding: 5px; margin: 0px; background: url(../_img/bkg_menu.gif) no-repeat left top;} .menu a { DISPLAY: block; HEIGHT: 20px } .menu I { DISPLAY: none} .menu ul { DISPLAY: inline; width: 760px; padding: 0px; margin: 0px;} .menu li { DISPLAY: block; FLOAT: left; margin: 0px; padding: 0px; LIST-STYLE-TYPE: none;} /* Adi: menu_#id#, menu_#id#_on where id is the main link number in form (0X) or (XX) where X=1-9 - will replace #class# in the file main_links.tpl */ .menu A.menu_01 { BACKGROUND: url(/_img/menu/menu_01.png) no-repeat; width: 116px;} .menu A.menu_01_on { BACKGROUND: url(/_img/menu/menu_01.png) no-repeat left bottom; width: 116px;} .menu A.menu_02 { BACKGROUND: url(/_img/menu/menu_02.png) no-repeat; width: 116px;} .menu A.menu_02_on { BACKGROUND: url(/_img/menu/menu_02.png) no-repeat left bottom;width: 116px; } .menu A.menu_03 { BACKGROUND: url(/_img/menu/menu_03.png) no-repeat;width: 116px; } .menu A.menu_03_on { BACKGROUND: url(/_img/menu/menu_03.png) no-repeat left bottom;width: 116px;} .menu A.menu_04 { BACKGROUND: url(/_img/menu/menu_04.png) no-repeat; width: 116px;} .menu A.menu_04_on { BACKGROUND: url(/_img/menu/menu_04.png) no-repeat left bottom; width: 116px;} .menu A.menu_05 { BACKGROUND: url(/_img/menu/menu_05.png) no-repeat;width: 116px;} .menu A.menu_05_on { BACKGROUND: url(/_img/menu/menu_05.png) no-repeat left bottom; width: 116px;} .menu A.menu_06 { BACKGROUND: url(/_img/menu/menu_06.png) no-repeat; width: 116px;} .menu A.menu_06_on { BACKGROUND: url(/_img/menu/menu_06.png) no-repeat left bottom; width: 116px;} .menu A.menu_07 { BACKGROUND: url(/_img/menu/menu_07.png) no-repeat;width: 116px;} .menu A.menu_07_on { BACKGROUND: url(/_img/menu/menu_07.png) no-repeat left bottom; width: 116px;} .menu A:hover { BACKGROUND-POSITION: left bottom } .menu LI A { PADDING: 0px; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 9px; } DIV.menu UL LI A { Z-INDEX: 100} DIV.menu UL LI A:hover { Z-INDEX: 100} DIV.menu UL LI:hover { Z-INDEX: 100} DIV.menu UL LI.over { Z-INDEX: 100} DIV.menu UL LI.over2 { Z-INDEX: 150; } DIV.menu UL LI.showleft UL { /*width: 120px; height: 500px; left: 112px; top:0px; */ display:none; } DIV.menu UL LI.showleft UL LI { display:none;} DIV.menu UL LI.over2 UL { width: 110px; height: 500px; Z-INDEX: 120; left: 112px; top:0px; display:block; } DIV.menu UL LI.over2 UL LI { display:block;} DIV.menu UL LI LI { CLEAR: left; PADDING: 0px; DISPLAY: inline; MARGIN: 0px; BORDER: none} DIV.menu UL LI { POSITION: relative} /* DIV.menu UL LI:hover UL LI { display:block;} DIV.menu UL LI.over2 LI {Z-INDEX: 100; margin: 0px 0px 0px 100px;} */ DIV.menu UL LI LI { CLEAR: left; PADDING: 0px; DISPLAY: inline; MARGIN: 0px; BORDER: none} DIV.menu UL LI { POSITION: relative} DIV.menu UL LI UL { DISPLAY: none; Z-INDEX: 150; LEFT: 0px; MARGIN: 0px; PADDING: 0px; WIDTH: 105px; POSITION: absolute; TOP: 100%; TEXT-ALIGN: left; } DIV.menu UL LI:hover UL { DISPLAY: block} DIV.menu UL LI.over UL {DISPLAY: block } /* */ .menu LI LI A { font-weight: bold; BACKGROUND: #003366; color: #fff; WIDTH: 106px; padding: 2px 0px 3px 5px; height: auto; border-left: solid 1px #2882c8; border-right: solid 1px #2882c8; border-bottom: solid 1px #2882c8;text-decoration: none;} .menu LI LI A:visited { color: #fff; text-decoration: none; } .menu LI LI A:hover { BACKGROUND: #45a6f1; color: #fff; WIDTH: 106px; padding: 2px 0px 3px 5px; height: auto; text-decoration: none;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .container { background: #fff; clear: both; width: 760px; margin: 0px; padding: 0px 10px 0px 10px} .container .breakcrumb { font-size: 11px; margin: 0px 0px 0px 0px; padding: 10px 0px 5px 0px; width: 760px; border-bottom: 1px #f1f1f1 solid;} .container .breackrumb ul { padding: 0px; margin: 0px; } .container .breackrumb li { background: url(/_img/breakcrumb_arrow.png) no-repeat left center; list-style-type: none; padding: 0px 5px 0px 12px; margin: 0px; display: inline; } .container .breackrumb li a { font-weight: normal; text-decoration: underline;} .container .breackrumb li a:visited { font-weight: normal; text-decoration: underline;} .container .breackrumb li a:hover { font-weight: normal; text-decoration: underline;} /* Main Generated Images under the Header Adi: mi#id# where id is the main link number in form (0X) or (XX) where X=1-9 */ .mi01 { background: url(../_img/main_index_image.jpg) no-repeat left top; width: 760px; height: 144px; float: left;} .mi02 { background: url(../_img/main_image_1.jpg) no-repeat left top; width: 760px; height: 84px; float: left; } .mi03 { background: url(../_img/main_image_2.jpg) no-repeat left top; width: 760px; height: 84px; float: left; } .mi04 { background: url(../_img/main_image_3.jpg) no-repeat left top; width: 760px; height: 84px; float: left; } .mi05 { background: url(../_img/main_image_4.jpg) no-repeat left top; width: 760px; height: 84px; float: left; } .mi06 { background: url(../_img/main_image_5.jpg) no-repeat left top; width: 760px; height: 84px; float: left; } .mi07 { background: url(../_img/main_image_6.jpg) no-repeat left top; width: 760px; height: 84px; float: left; } /* Clients List Footer */ /*\ IE/Win min height hack */ * html .MainIndex { height: 150px;} /* */ .MainIndex { width: 760px; float: left; padding: 0px 10px; min-height: 150px; margin-top: 1px;} .LeftIndex { background: #000; float: left; width: 500px; height: 255px; min-height: 255px; margin:0px;padding:0px;} /*\ IE/Win min height hack */ * html .RightIndex { height: 235px;} /* */ .RightIndex { background: #002c5e; float: right; width: 239px; min-height: 235px; padding: 10px; margin-left: 1px; } .RightIndex h2 { color:#fff; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; border-bottom: dashed 1px #ccc; font-weight: normal; font-size: 24px;} .RightIndex .news p a { padding: 0px; margin: 0px; color:#99ccff; text-decoration: underline; } .RightIndex .news p { color:#fff; padding: 5px 0px; margin: 0px; font-size: 11px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ content */ .content { width: 760px; clear: both; margin: 0px; padding: 20px 0px; float: left; font-size: 11px;} .content h1 { padding: 5px 0px; margin: 0px 0px 5px 0px; font-weight: normal; letter-spacing: -1px; font-size: 26px; border-bottom: dashed 1px #ccc;} .content h2 { padding: 5px 0px; margin: 0px 0px 5px 0px; font-weight: normal; letter-spacing: -1px; font-size: 24px;} .content h3 { padding: 5px 0px; margin: 0px 0px 5px 0px; font-weight: normal; letter-spacing: -1px; font-size: 22px;} .content p { padding: 5px 0px; margin: 5px 0px;} .content p strong { letter-spacing: -1px;} .content blockquote { background: #e5f7ff; margin: 0px; padding: 10px; font-size: 10px;} .content blockquote p { background: #e5f7ff; margin: 0px; padding: 0px;} .content blockquote p strong { letter-spacing: normal;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 Columns Page */ .content .C3 { width: 240px; float: left; font-size: 11px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 Columns Page */ .content .C2Center { float: right; width: 500px;} .content .C2Left { float: left; width: 240px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 Columns Page */ .content .C1 { width: 760px; float: left; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 News Page */ .content .News {} .content .News h2 { padding: 3px 0px; margin: 20px 0px 0px 0px; font-size: 22px; letter-spacing: normal;} .content .News small { display: block; margin-bottom: 10px; padding: 5px; background: #f1f1f1;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PhotoGallery Page */ .content .PhotoGallery {} .content .PhotoGallery ul { padding: 0px 0px 20px 0px; margin: 0px;} .content .PhotoGallery li { float: left; margin: 0px; padding: 0px; list-style-type: none; display: inline; width: 33%; text-align: center;} .content .PhotoGallery li a { margin: 0px; padding:10px; } .content .PhotoGallery a img { padding: 1px; background: #000; margin: 0px; border: solid 5px #beefff;} .content .PhotoGallery a:hover img { padding: 1px; background: #fff; margin: 0px; border: solid 5px #0080ca;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Wafi Industrial Logo */ .WafiIndustrialLogo { background: url(../_img/wafi_industrial_logo.gif) no-repeat left top; margin-left: 680px; width: 120px; height: 72px; top: 35px; position: absolute; } .footer { width:760px; float: left; border-top: solid 1px #ccc; padding: 10px 0px 3px 0px; } .footer p { color: #9E9E9E; font-size: 10px; padding: 3px 0px; margin: 3px 0px; line-height: 11px; display: inline; } .footer p a { text-decoration: underline;} .footer ul { font-size: 10px; padding: 0px; margin: 0px; display: inline; } .footer li { padding: 0px 5px; margin: 0px; display: inline; border-left: solid 1px #ccc; } #bgImg{ cursor:pointer;}