/************************************************************************/ /******************* Portfolious StyleSheet *****************************/ /************************************************************************/ /* 00. General Settings 01. Main 02. Menu 03. Top 04. HP Content 05. IP Content 08. Footer 09. Module */ /************************************************************************/ /************************************************************************/ /*** 00. General Settings ***/ /** ----------------------------------------------------- **/ body {font: normal 12px Arial, Helvetica, sans-serif; text-align:right; color:#222222; line-height:150%;} body, html {height:100%} a { cursor: pointer; color: #004D91;} a:hover {text-decoration: none;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; } /** common classes **/ .clearfix { width: 100%; height: 0px; clear: both; display: block;}/* clearfix for floated elements */ .hidden {display: none;} .morespace {padding: 3px 0 !important;} .full-width {width: 100% !important;} a.bt, a.bt span {display: inline-block; height:31px} a.bt {padding-left: 12px; background: url(/var/ad/6646/he/but_left.gif) no-repeat; color:#5C5C5C; margin-top: 5px; text-decoration: none; } a.bt:hover {color: #35979D;} a.bt span { background: url(/var/ad/6646/he/but_right.gif) no-repeat right; padding-right: 12px; padding-left: 0px; line-height:31px; font-weight:bold;} /*** 01.a Main **/ /** Container Settings **/ #container-wrap {width: 100%; height:100%; margin: 0 auto; position:relative; min-height: 100%; height: auto !important; height: 100%;} #container {width: 973px; margin: 0 auto;} .push {height:45px;} /*** 02. Menu ***/ /** main and footer navigation **/ #menu_div{ padding-top:7px; width: 973px; margin: 0px auto;} .menu {color:#00264E; font-weight:bold; font-size:12px; text-align:center; line-height:24px; height:24px; text-decoration:none; background: url(/var/ad/6646/he/menu.gif) repeat-x;} .menu_rollover {color:#FFFFFF; font-weight:bold; font-size:12px; text-align:center; line-height:24px; height:24px; background: url(/var/ad/6646/he/menu_on.gif) repeat-x;} .menu_active {color:#00264E; font-weight:bold; font-size:12px; text-align:center; line-height:24px; height:24px; text-decoration:none; background: url(/var/ad/6646/he/menu.gif) repeat-x;} .menu_pas{ background:#FFFFFF; line-height:24px; height:24px; color:#FFFFFF; width:1px; overflow:hidden;} #menu { width: 973px; height:24px; overflow:hidden; margin: 0px auto 9px auto;} #menu div{ margin:0; padding:0;} #side_menu { } #side_menu ul { display:block; list-style-type:none; width:206px; } #side_menu li { display:list-item; color:#FFFFFF; } #side_menu li a{ text-decoration:none; color:#FFFFFF; display:block;} #side_menu li a:hover{ text-decoration:none; color:#EEEEEE;} #side_menu span{} .side_menu_data{ padding-right:2px; padding-left:2px;} .side_menu { height:24px; line-height:22px; background:#202021; margin-bottom:3px; display:block; font-weight:bold;} .side_menu span{ padding-right:17px;} /*** 03. Top ***/ #hp_top_data{ width: 973px; padding:0; margin: 0 auto; height:273px; } #hp_top_data_right{ width: 194px; height:273px; float:right; background: #FF9C04;} #hp_top_data_left{ width: 779px; height:273px; float:left;} #hp_header{ width: 779px; height:273px;} #logo{ width: 152px; margin: 55px auto 0 auto;} /*** 04. Home Content ***/ #hp_content {width: 973px; margin: 0 auto; min-height:340px; padding-bottom:20px;} #hp_content_bg {width: 973px; margin: 0 auto; background: url(/var/ad/6646/he/content_bg.gif) repeat-x right top; height:28px;} #link_phone{width: 973px; margin: 0 auto; height:138px; overflow:hidden;} #phone{ float:right; width:189px; text-align:center; padding-top:20px;} #phone h3{font: normal 18px Arial, Helvetica, sans-serif; color:#00264E; line-height:35px;} #phone p span{font: bold 16px Arial, Helvetica, sans-serif; color:#FC7216;} #link{float:left; width:784px;} #link ul{float: right; width:784px; height:119px; list-style-type: none; text-align:center; text-indent:999px;} #link li {float:right; width:95px; line-height:119px; white-space:nowrap; text-indent:999px; margin-right:17px;} #link li a {text-indent:999px; width:95px; height:119px; line-height:119px; display:block; text-decoration:none;} #link li a:hover {text-indent:999px; width:95px; height:119px; line-height:119px; display:block; text-decoration:none;} .s1 a{background: url(/var/ad/6646/he/s1.jpg) no-repeat right top;} .s1 a:hover{background: url(/var/ad/6646/he/s1_on.jpg) no-repeat right top;} .s2 a{background: url(/var/ad/6646/he/s2.jpg) no-repeat right top; } .s2 a:hover{background: url(/var/ad/6646/he/s2_on.jpg) no-repeat right top;} .s3 a{background: url(/var/ad/6646/he/s3.jpg) no-repeat right top; } .s3 a:hover{background: url(/var/ad/6646/he/s3_on.jpg) no-repeat right top;} .s4 a{background: url(/var/ad/6646/he/s4.jpg) no-repeat right top; } .s4 a:hover{background: url(/var/ad/6646/he/s4_on.jpg) no-repeat right top;} .s5 a{background: url(/var/ad/6646/he/s5.jpg) no-repeat right top; } .s5 a:hover{background: url(/var/ad/6646/he/s5_on.jpg) no-repeat right top;} .s6 a{background: url(/var/ad/6646/he/s6.jpg) no-repeat right top; } .s6 a:hover{background: url(/var/ad/6646/he/s6_on.jpg) no-repeat right top;} .s7 a{background: url(/var/ad/6646/he/s7.jpg) no-repeat right top; } .s7 a:hover{background: url(/var/ad/6646/he/s7_on.jpg) no-repeat right top;} #hp_content p {margin: 0; color: #222222;} #hp_content_right {width:208px; border-left:1px solid #94989A; min-height:230px; margin-top:14px;} #hp_content_center {width:530px; margin-right:16px; margin-left:16px; margin-top:14px;} #hp_content_left {width:202px; } /** 04.a - Home Right **/ #clients{ width:180px;} .clients{} #clients h3{font: bold 12px Arial, Helvetica, sans-serif; color:#004D91; padding-bottom:20px;} #clients h4{font: normal 14px Arial, Helvetica, sans-serif; color:#000000; padding-bottom:12px;} .clients_data{ padding-top:15px;} #clients a, #ip_clients a{ color:#000000; text-decoration:none;} #clients a:hover, #ip_clients a:hover{ text-decoration:none;} #ip_clients h3{font: bold 12px Arial, Helvetica, sans-serif; color:#004D91; padding-bottom:20px;} #ip_clients h4{font: normal 14px Arial, Helvetica, sans-serif; color:#000000; padding-bottom:5px;} /** 04.b - Home Center **/ #overview {width: 530px;} #overview h2{font: bold 12px Arial, Helvetica, sans-serif; color:#004D91; padding-bottom:5px;} #overview h2 span{color:#FC7216;} #overview p {margin: 0px; color:#222222;} #overview a { text-decoration:none;} #overview a:hover { text-decoration:underline;} .overview_link { margin-right:470px; margin-top:10px; font-weight:bold;} /** 04.c - Home Left **/ #news{width:100%; background:#DFDFDF;} .news{padding:4px; color:#000000;} .news_title{background: url(/var/ad/6646/he/news_title.gif) repeat-x right top; height:25px; } .news h3{font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:25px; padding-right:15px;} .news_data{padding:8px; min-height:127px; background: url(/var/ad/6646/he/news_bg.gif) repeat-x right top; margin-top:3px;} .news_data p{padding-bottom:10px; padding-top:10px; border-bottom:1px solid #C6C5C5; width:178px;} .news_data a{font: normal 12px Arial, Helvetica, sans-serif; color:#004D91; text-decoration:none;} .news_data a:hover{text-decoration:underline;} /*** 05. IP Content ***/ #ip_content_right {width:208px; min-height:160px; margin-top:14px;} #ip_content_left {width:765px; border-right:1px solid #94989A;} /** 05.a - IP Right **/ /** 05.b - IP Left **/ #ip_content_data{ padding-bottom:15px; margin-right:30px; margin-top:14px;} #ip_content_data h1 { font-size:14px; color:#004D91; font-weight:bold; margin-bottom:8px; margin-top:14px; } #ip_content_data p {margin: 0px; line-height:150%; color:#404040; padding:0px 0px 15px 0px;} #ip_content_data a {} #ip_content_data a:hover {} #ip_content_data h6{color:#404040; font-size:12px; font-weight:normal;} #ip_content_data h6 a{color:#404040; font-weight:normal;} #ip_content_data h6 span{ color:#404040; font-weight:normal;} #ip_content_data h6 span a{color:#404040; font-weight:normal;} #ip_content_data h6 span.titles{font-size:12px; font-weight:normal;} #ip_content_data h6 span.titles a{font-size:12px; font-weight:normal;} /*** 08. Footer ***/ #footer-wrap { width: 973px; padding-bottom: 0px; position: relative; margin: 0 auto; height: 26px;} #footer { width:973px; margin: 0 auto; height: 26px; border-top:1px solid #000000;} #nav-footer { width:998px; margin: 0 auto; float:right;} #nav-footer ul{ width:730px; margin: 0 auto; float: right; list-style-type: none; text-align:center;} #nav-footer li {float:right; line-height:25px; white-space:nowrap; color:#686868; font-size:11px;} #nav-footer li a {color: #686868; text-decoration:none; padding-right:12px; padding-left:12px; font-weight:normal;} #nav-footer li a:hover {text-decoration:underline;} #credit{ width:973px; margin: 0 auto; color: #222222; line-height:25px; height:25px;} #credit a{color: #222222; text-decoration:none;} #credit a:hover{ text-decoration:underline;} .company{color: #004D91;} .tel{color: #FC7216;} /*** 08. Module ***/ /*** Category Display ***/ #category{width: 708px; overflow:hidden; margin: 5px 0 0 0;} #category_data{margin: 2px 0 0px 0; border:1px solid #cdcbcb; background:#f0efea; padding-top:10px; width: 706px; height:100%; float:right;} #category_data p{margin:0px; padding:0px 0px 15px 0px; } a.sal, a.sal span {display: inline-block; height:25px;} a.sal {padding-left: 7px; background: url(/var/ad/6646/he/but_left.gif) no-repeat; color:#990a2e; margin-top: 0px; text-decoration: none; } a.sal:hover {color: #454545;} a.sal span { background: url(/var/ad/6646/he/cart_but_right.gif) no-repeat right; padding-right: 25px; padding-left: 3px; line-height:24px; font-weight:bold;} a.prod, a.prod span {display: inline-block; height:25px;} a.prod {padding-left: 7px; background: url(/var/ad/6646/he/but_left.gif) no-repeat; color:#990a2e; margin-top: 0px; text-decoration: none; } a.prod:hover {color: #454545;} a.prod span { background: url(/var/ad/6646/he/product_but_right.gif) no-repeat right; padding-right: 25px; padding-left: 3px; line-height:24px; font-weight:bold;} .titles {color:#004D91; font-weight:bold; font-size:12px;} .titles_path {} .titles_in {font-weight:bold;} .titles_in a{color:#004D91;} .top_categories_titles { font-weight:bold;} a.top_categories_titles { color:#004D91;} .modules_table_border {} .modules_table_data {} .modules_td {} .dark_text { } .dark_links { } #search{} .search_button {} .search_field {} #login{} .login{} .login_field {} .content_pages_table { padding: 0px; border-spacing: 0px; border: 0px; } .content_pages_table td { padding: 0px; } .nextprevout { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#202020; text-decoration: none; padding-bottom:15px; } .nextprevin { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #35979d; } .nextprevactive { font-weight: normal; } .printv_link { color:#202020; } .printv_table { } .printv_body { } .printv_content_title { } .sendtoafriend_link { color:#202020; } .sendtoafriend_body { } .sendtoafriend_data { } .astrix { color: #fc7216; } .form_field_text { color: #000000; text-align:right; } .text_field {font-family: Arial, Helvetica, sans-serif; height: 18px; width: 250px; background-color: #FFFFFF; border:1px solid #CDCBCB; color:#000000;} .text_field_big {font-family: Arial, Helvetica, sans-serif; height: 100px; width: 250px; background-color: #FFFFFF; border:1px solid #CDCBCB; color:#000000;} .buttons {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-align:center; background: #004d91; line-height:24px; height:24px; width:80px; border:0 none; cursor: pointer; } select {font-family: Arial, Helvetica, sans-serif; height: 20px; width: 250px; background-color: #FFFFFF; border:1px solid #CDCBCB; color:#000000;} .gallery_titles { } .gallery_text { } .gallery_links { } .user_normal { } .user_self { font-weight: bold; } .user_admin { font-weight: bold; text-decoration: underline; } .quote { background-color: #FFFFFF; border: 1px solid #000000; } .price { color:#088ECB; font-weight: bold; font-size:14px; } .top_categories_titles { } .multimulti_attribute_image { } .replies_page_toplinks_table { } .replies_page_toplinks_td { } .replies_page_toplinks_link { } .replies_page_replylink { }