/** * @author Bilal Cinarli * @copyright 2008 * @company Icon Perception Management Co. * @contact contact@icon-pm.com * @web www.icon-pm.com **/ /* page skeleton */ body { background: #f2f2f2; } #wrapper { background: url(../media/image/template_images/bg.png) top center repeat-y; height: auto !important; height: 100%; margin: 0 auto -65px; min-height: 100%; position: relative; width: 960px; } #header { background: url(../media/image/template_images/header.png) bottom left repeat-x; height: 121px; position: relative; width: 100%; z-index: 50; } #topmenu { height: 27px; position: relative; width: 100%; } #logo { background: url(../media/image/template_images/logo.png) top left no-repeat; left: 30px; position: absolute; width: 186px; } #navigation { bottom: 40px; position: absolute; right: 30px; } #search { bottom: 0px; position: absolute; right: 35px; } #content { color: #393939; font: 1.2em/1.6em Verdana; margin: 0 auto 15px; position: relative; width: 930px; z-index: 1; } #push { height: 65px;} #footer { background: url(../media/image/template_images/footer_bg.png) top left repeat-x; color: #939393; height: 65px; margin: 0 auto; position: relative; width: 930px; z-index: 99; } /* page skeleton */ /* header */ #navigation ul { clear: both; } #navigation ul li { background: url(../media/image/template_images/menu_border.png) right center no-repeat; cursor: pointer; float: left; height: 33px; padding: 0px 3px; } #navigation ul li a, #navigation ul li span { color: #000; display: block; float: left; font: bold 13px Arial; padding: 8px 5px 8px; } #navigation ul li a:hover, #navigation ul li.activeNav a, #navigation ul li.activeNav span, #navigation ul li.hover span { background: url(../media/image/template_images/menu_hover.png) center left repeat-x; color: #445402; } #navigation ul ul { background: #d6ded3; border: 1px solid #445402; border-bottom: none; display: none; position: absolute; top: 30px; z-index: 99; } #navigation ul ul li { border-bottom: 1px solid #445402; display: block; float: none; height: auto; } #navigation ul ul li a, #navigation ul li.hover ul li a { background: none; color: #000; display: block; float: none; font: normal 13px Arial; padding: 4px 20px 4px 0px ; white-space: nowrap; width: auto ; } #navigation ul ul li { background: none; } #navigation ul li.activeNav li a { color: #000; } #navigation ul ul li.activeNav a, #navigation ul ul li a:hover{ color: #445402; } #topmenu ul { position: absolute; right: 35px; } #topmenu ul li { display: inline; margin: 0px 4px; } #topmenu ul li a { color: #939393; font: bold 10px/25px Verdana; } #topmenu ul li a:hover { color: #ccc; } /* header */ /* content */ /* homepage contents */ /* homepage contents */ /* page contents */ #page, #homepage, #productGroupText, #pageText, #sidebar, #additional { position: relative; } /* homepage */ #homepage #pageText { background: url(../media/image/template_images/home_top.png) top left no-repeat; display: inline; float: left; margin-left: 10px; width: 610px; z-index: 98; } #homepage #pageText .text { background: url(../media/image/template_images/home_bg.png) top left repeat-y; height: 256px; min-height: 256px; padding: 0px 25px 10px 20px; } #homepage #pageText .bottom { background: url(../media/image/template_images/home_bottom.png) bottom left no-repeat; height: 34px; } #homepage #pageText h2.title { color: #f2f2f2; font: 1.6em/1.5em Verdana; height: 25px; margin-bottom: 40px; padding-left: 20px; } #sidebar { display: inline; float: left; width: 300px; z-index: 98; } #additional { margin-left: 10px; } #homepage #sidebar h3, #homepage #additional h3, #submenu h3 { color: #f2f2f2; font: 1.4em/2em Verdana; height: 25px; margin-bottom: 40px; padding-left: 20px; } #homepage .box { background: url(../media/image/template_images/box_top.png) top left no-repeat; margin-bottom: 20px; } #homepage .box .text { background: url(../media/image/template_images/box_body.png) top left repeat-y; height: 256px; min-height: 256px; padding: 0 20px 10px; } #homepage .box .bottom { background: url(../media/image/template_images/box_bottom.png) top left no-repeat; height: 34px; } #homepage #new_products span { border-bottom: 1px solid #445402; display: block; font: bold 12px Verdana; } #homepage #new_products li { margin-bottom: 5px; } #homepage #new_products li ol { margin-left: 10px; } #homepage #new_products li ol li { list-style: square inside; margin: 0; } #homepage #new_products li ol li a { color: #445402; } .new_products span { border-bottom: 1px solid #445402; display: block; font: bold 12px Verdana; } .new_products li { margin-bottom: 5px; } .new_products li ol { margin-left: 10px; } .new_products li ol li { list-style: square inside; margin: 0; } .new_products li ol li a { color: #445402; } #modalOverlay { background-color:#000; cursor:wait; } #modalContainer { background: #f2f2f2; height:400px; left:50%; margin-left:-335px; top:15%; width:670px; } #modalContainer a.modalCloseImg { background:url(../media/image/template_images/close.png) no-repeat; cursor:pointer; display:inline; height:29px; position:absolute; right:-18px; top:-14px; width:25px; z-index:3200; } #homepage #additional .box { display: inline; float: left; margin: 0px 5px 20px 0px; width: 300px; } #homepage #additional #news { margin-right: 0px; font: 12px/15px Verdana; } #homepage #additional #news li { border-bottom: 1px solid #445402; margin-bottom: 5px; padding-bottom: 5px; } #homepage #additional #news li.last { border-bottom: none; margin-bottom: 5px; padding-bottom: 5px; } #homepage #additional #news li a { color: #445402; font: bold 12px Verdana; } #homepage #additional #news li a.title { color: #000; font: bold 12px Verdana; display: block; } #homepage #additional #seller { } #homepage #additional #seller li { margin-bottom: 15px; } #homepage #additional #seller .inputLabel { display: block; font: bold 12px Verdana; margin-bottom: 5px; } #homepage #additional #seller .inputBox { border: 1px solid #5e730a; width: 250px; } /* homepage */ /* page */ #page { } #page #submenu { background: url(../media/image/template_images/sidebar_top.png) top left no-repeat; display: inline; float: left; margin: 0px 10px 20px 10px; overflow: hidden; width: 265px; } #page #submenu .text { background: url(../media/image/template_images/sidebar_body.png) top left repeat-y; padding: 0px 20px 10px; } #page #submenu .bottom { background: url(../media/image/template_images/sidebar_bottom.png) bottom left no-repeat; height: 34px; } #page #submenu .banner { margin-top: 65px; } #page #submenu ul { margin-top: 65px; } #page #submenu ul li { list-style: disc inside; } #page #submenu ul li a { color: #445402; font: 1em/2em Verdana; } #page #submenu ul li.activeNav a, #page #submenu ul li a:hover { color: #262d0b; font: bold 12px/2em Verdana; } #page #productMenu { background: url(../media/image/template_images/sidebar_top.png) top left no-repeat; display: inline; float: left; margin: 0px 10px 20px 10px; width: 265px; } #page #productMenu .text { background: url(../media/image/template_images/sidebar_body.png) top left repeat-y; margin-top: 60px; padding: 0px 20px 10px; } #page #productMenu .bottom { background: url(../media/image/template_images/sidebar_bottom.png) bottom left no-repeat; height: 34px; } #page #productMenu ul li a, #page #productMenu ul li li a, #page #productMenu ul li.activeNav li a { color: #445402; font: 1em Verdana; } #page #productMenu li.activeNav a, #page #productMenu li a:hover, #page #productMenu li.activeNav a.selected { color: #000; font: bold 1em Verdana; } #page #pageText { background: url(../media/image/template_images/text_top.png) top left no-repeat; display: inline; float: left; overflow: hidden; width: 640px; } #page #pageText .text { background: url(../media/image/template_images/text_body.png) top left repeat-y; padding: 0 25px 10px 20px; } #page #pageText .bottom { background: url(../media/image/template_images/text_bottom.png) bottom left repeat-y; height: 34px; } #page #productGroupText { background: url(../media/image/template_images/producttext_top.png) top left no-repeat; display: inline; float: left; overflow: hidden; width: 640px; } #page #productGroupText .text { background: url(../media/image/template_images/text_body.png) top left repeat-y; padding: 0 25px 10px 20px; } #page #productGroupText .bottom { background: url(../media/image/template_images/text_bottom.png) bottom left repeat-y; height: 34px; } /* page */ /* all pages */ #page h2.title { color: #f2f2f2; font: 1.6em/1.5em Verdana; height: 25px; margin-bottom: 40px; padding: 0 25px 0 20px; } #page h2.hideTitle { display: none; } #pageText p { margin-bottom: 10px; } #pageText p.search-result { } #pageText p.search-result .search-title { color: #445402; } #pageText p.search-result .link a { color: #445402; } #page #pageText #map { height: 416px; width: 100%; } #pageText a { color: #600; } #pageText a:hover { color: #600; } #pageText hr { border: 0.5px solid #eee; } #pageText .pagination { float: right; font: 0.8em Verdana;} #pageText h4.title { font: 16px Verdana; } #pageText .exp { float: left; margin: 2px 5px 0px 0px;} #pageText span.details, #pageText span.back { display: block; } #pageText .pages { float: left;} #pageText .pagination ol { margin: 0; padding: 0; } #pageText .pagination ol li { float: left; padding: 0; } #pageText .pagination ol li a, #pageText .pagination ol li span, #pageText .pagination ol li.currentpage span { background-color: #111; color: #fff; border: 1px solid; display: block; padding: 0px 4px; margin: 0 2px; float: left; } #pageText .pagination ol li span { background: none; border: none; margin: 0; } #pageText .pagination ol li a:hover, #pageText .pagination ol li.currentpage span { background-color: #999; border: 1px solid #fff; color: #111; font-weight: bold; } .backlink { margin: 20px 0px; border: 1px transparent; text-align: left;} #pageText .backlink a{ border: none;} hr.seperate { border: 0.5px solid #eee; text-align: center; width: 90%; } #pageText .back a { color: #600; } #pageText .back a:hover { color: #600; } #pageText ul { } #pageText ul li { list-style: disc inside; } #pageText ul#context { } #pageText ul#context li { margin-bottom: 10px; } #pageText ul#context li, #pageText ul#context li span, #pageText ul#context li a { list-style: none; color: #5b5b5b; font: bold 13px Verdana; } #pageText ul#context li li { list-style: url(../media/image/template_images/bullet.png) inside; font: 13px Verdana; margin: 0px 0px 5px 20px; } #pageText ul#context li a:hover { color: #600; } #pageText ul#context li li a { font: normal 13px Verdana; } /* all pages */ /* search */ #submenu.search span { background: url(../media/banners/left/search.jpg) top center no-repeat; display: block; height: 319px; margin: 60px auto 0; width: 234px; } /* search */ /* news */ .news-summary { border-bottom: 1px solid #445402; margin-bottom: 5px; padding-bottom: 5px; } .news-summary.last { border-bottom: none; margin-bottom: 5px; padding-bottom: 5px; } span.back { display: block; margin: 20px 0; } /* products */ #groups .category { background: white; border: 1px solid #445402; display: inline; float: left; height: 135px; margin: 0px 10px 10px 0px; overflow: hidden; padding: 5px 0px; text-align: center; width: 130px; } #groups .category a { color: #445402; } #groups .category a:hover { color: #121212; } #groups .last { border: 1px solid #445402; display: inline; float: left; height: 130px; margin: 0px 0px 10px 0px; padding: 5px; text-align: center; width: 130px; } /* products */ /* big accordion */ #products .category { width: 588px; } #products .category h3.category { background: url(../media/image/template_images/accordion.png) top left no-repeat; cursor: pointer; color: white; height: 34px; font: 1.2em/25px Verdana; padding-left: 20px; width: 568px; } #products .category ul li { background: #fff; list-style: none; height: 120px; margin: 5px 20px; padding: 5px; position: relative; } #products .category ul li h4 { font: bold 13px Verdana; margin-right: 110px; } #products .category ul li img { border: 1px solid #445402; margin: 0px 5px 5px 0px; } #products .category ul li a.details { background: url(../media/image/template_images/details.png) top left no-repeat; color: #fafafa; display: block; font: bold 10px/25px Verdana; height: 25px; margin-bottom: 5px; position: absolute; right: 5px; text-align: center; width: 100px; } #products .category ul li a.web { top: 5px; } #products .category ul li a.detail { top: 35px; } #products .category ul li p { margin-right: 110px; } #products .category ul li.even { background: #e9f1c6; } .products { margin-left: 25px; } .products .subcategory { width: 560px; } .products .subcategory h3.subcategory { background: url(../media/image/template_images/accordion_sub.png) top left no-repeat; cursor: pointer; color: #a3c02f; height: 34px; font: 1.2em/25px Verdana; padding-left: 20px; width: 540px; } /* big accordion */ /* sitemap */ ul#sitemap { margin-top: 45px; } ul#sitemap li { list-style: none; } ul#sitemap li a { color: black; } ul#sitemap ul { margin: 5px 0 10px 20px; } ul#sitemap ul ul { margin: 0px 0 0px 20px; } ul#sitemap li li { display: block; float: none; width: 100%; } /* page contents */ /* banners */ #banner { height: 120px; margin: 15px auto; width: 900px; } /* content */ /* footer */ #logos { margin-bottom: 5px; text-align: center; } #copyright { bottom: 9px !important; color: #939393; left: 20px; line-height: 24px; position: absolute; text-align: left; width: 150px; } #footermenu { bottom: 9px !important; color: #939393; left: 150px; line-height: 24px; position: absolute; text-align: center; width: 760px; } #footermenu li { display: inline; margin: 0px 5px; } #footermenu li a { color: #939393; } #footermenu li a:hover { color: #6c0d0f; } #icon { height: 6px; overflow: hidden; position: absolute; right: 15px; bottom: 9px !important; border: 3px; } #icon a { background: url(../media/image/template_images/icon.gif) top left no-repeat; display: block; padding-top: 6px; width: 21px; } /* footer */ /* forms */ fieldset{ border: none; margin: 10px 0 15px; padding: 0; } legend{ color: #445402; float: left; font: bold 1.2em Verdana; margin: 0 !important; margin-left: -8px; } label{ margin: 0px 10px 0px 0px; } fieldset ol{ padding: 0; } fieldset ol li{ background: none; margin: 8px 0px; width: 570px; } .inputlabel{ float: left; font: 12px Arial; font-weight: bold; width: 145px; } .inputlabelFull{ float: left; font: 12px Arial; font-weight: bold; width: 100%; } .headLabel{ display: inline; float: left; font: 12px Arial; font-weight: bold; margin: 0px 5px 5px 5px; width: 180px; text-align: center; } .head2Label{ display: inline; float: left; font: 12px Arial; font-weight: bold; margin: 0px 5px 5px 5px; width: 145px; text-align: center; } .radioLabel{ display: inline; float: left; font: 12px Arial; margin: 0px 5px 5px 5px; width: 70px; text-align: center; } .inputbox{ float: left; font: 12px Arial; margin-right: 5px; } .add { background: url(../media/image/template_images/add.png) center left no-repeat; color: #445402; padding-left: 20px; } .added { position: relative; } .close { position: absolute; right: -20px; top: 0px; } .check { display: block; } .input { margin-left: 155px; padding: 0; } ol.proforma { margin-left: 20px; } ol.proforma li { list-style: decimal; position: relative; } ol.proforma li.original a.removerow { display: none; } ol.proforma li a.removerow { background: url(../media/image/template_images/delete.png) center left no-repeat; cursor: pointer; display: block; height: 16px; position: absolute; right: -5px; text-indent: -9999px; top: 2px; width: 16px; } a.addrow { background: url(../media/image/template_images/add.png) center left no-repeat; color: #445402; cursor: pointer; padding-left: 20px; } #hr .titles { margin-top: 10px; } #hr .ftitle { float: left; margin-right: 5px; text-align: center; } #hr .title1 { width: 105px; } #hr .title2 { width: 132px; } #hr .title3 { width: 250px; } #hr .end { margin-right: 0; } #hr li.box { display: inline; float: left; margin: 0 10px 10px 0; width: 250px; } .size{ width: 230px; } .size2{ width: 130px; } .size5{ width: 165px; } .size3{ width: 300px; } .size4{ width: 50px; } .size6{ width: 100px; } .mediumtextarea { height: 50px; width: 300px; } .largetextarea { height: 100px; width: 500px; } .submit{ font-weight: bold; margin: 0px 0px 0px 10px; } .hide { display: none; } #service .check, #customer .check { float: left; width: 250px; } #search #q { border: 1px solid #5e730a; font: 1.2em Verdana; position: relative; top: 0; width: 200px; } #search #submit { background: url(../media/image/template_images/search.png) top left no-repeat; border: none; color: #445402; font: bold 12px/20px Tahoma; height: 20px; width: 50px; } /* form error display */ .warn { color: orange; font-weight: bold; } .result { color: #f90; font: 12px Arial; font-weight: bold; margin: 10px; text-align: center; } label.error{ color: red; display: block; float: none; font-style: italic; margin-left: 5px; width: auto; } div.error { position: absolute; top: 0; left: 350px; } div.error label.error { display: block; float: none; width: 180px; } div.container { display: none; font-size: 1.2em; font-weight: bold; } div.container h4 { color: red; font-weight: bold; }