/*--------------------- Created 25.08.2009 ---------------------*/ /*--------------------- Last Modified 00.00.0000 ---------------------*/ /* * @title Industrial Distribution Group ---------------------------------------------------------------------------- Copyright vSplash 2009. May not be duplicated or reproduced. Please check for cross-browser compatibility prior to making changes MINIMUM BROWSER CHECK :: IE6/IE7/Firefox/chrome ---------------------------------------------------------------------------- */ 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, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label,legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size:100%; /*text-align: left;*/ vertical-align:; } a img {border:none;} table {border-collapse: collapse; border-spacing: 0;} /*----- Custom ----------------------------------------*/ body { background:url(/images/body-tail.jpg) repeat-x #FFFFFF; } body,p,td,th,li { font:normal 14px arial; line-height:18px; color:#191F25; } /*----- Main structure styles ----------------------------------------*/ #container { margin:0 auto; width:952px; } #wrapper { } #header { width:952px; } #mainContent { width:952px; } #footer { width:952px; background:url(/images/footer-bg.gif) repeat-x; height:49px; } /*----- Link Styles ----------------------------------------*/ a:link, a:visited { color:#333333; cursor:pointer; text-decoration: none; } a:hover, a:active { color:#b60000; text-decoration:underline; } /*----- headers ----------------------------------------*/ h1 { color:#5C8127; } h2 { color:#5C8127; } /*h3 { color:#5C8127; }*/ h4 { color:#5C8127; } h5 { color:#5C8127; } h6 { color:#5C8127; } ul { list-style-type:none; } ol { } blockquote { color:#666666; font-style: italic; } strong { font-weight:bold; } em { font-style:italic; } /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ /*----- Standard Definitions ----------------------------------------*/ /*----- Standard Definitions ----------------------------------------*/ .left { float:left; width:auto; } .right { float:right; width:auto; } .clear { clear:both; } .clearleft { clear:left; } .clearright { clear:right; } .hide { display:none;} .block { display:block; } .r-align { text-align:right; } .l-align { text-align:left; } .c-align { text-align:center; } .paddingtop22{ padding-top:22px;} .paddingtop20{ padding-top:20px;} .paddingbottom10{ padding-bottom:10px;} .paddingbottom20{ padding-bottom:20px;} .marginleft12 { margin-left:13px;} .marginright12 {margin-right:13px;} .paddingleft12 { padding-left:12px;} .marginright7{ margin-right:7px;} .marginright20 {margin-right:20px;} .margintop27 { margin-top:27px;} .margintop50 { margin-top:50px;} .margintop10 {margin-top:10px;} .margintop12 {margin-top:12px;} .margintop18 {margin-top:18px;} .margintop20 {margin-top:20px;} .margintop23 {margin-top:23px;} .margintop3 {margin-top:3px;} .marginbottom10 {margin-bottom:10px;} .marginbottom5 {margin-bottom:5px;} .marginbottom20 {margin-bottom:20px;} .marginbottom30 {margin-bottom:30px;} .marginbottom40 {margin-bottom:40px;} .borderleft{ border-left:1px solid #535D65;} .borderright{ border-right:1px solid #535D65;} .bordertop{ border-top:1px solid #535D65;} .borderbottom{ border-bottom:1px solid #535D65;} .page-bordertop{ border-top:1px solid #D1D6D9;} .page-borderbottom{ border-bottom:1px solid #D1D6D9;} .page-borderright{ border-right:1px solid #D1D6D9;} .page-borderleft{ border-left:1px solid #D1D6D9;} .bold{ font-weight:bold;} .overflow-h { overflow:hidden; } hr { background:#D1D6D9; clear: both; float: none; width: 90%; height: 1px; margin:10px 5px 8px 15px; border: none; } address { color:#123456; } /*----- Header ----------------------------------------*/ #top-header{ height:145px;} #top-header h1 { width:auto; position:relative; height:125px; width:339px; left:20px; top:8px; } #top-header h1 a { width:auto; position:absolute; left:0px; top:0px; } #header-right{ /*width:334px;*/ height:145px; } #search-pannel{ height:64px; font-size:13px; color:#FFFFFF;} .login{ width:82px; text-align:center; height:74px;} .search{ width:350px; /*height:74px;*/} .search-box img{ margin-bottom:-5px;} .cart a{ color:#FFFFFF; text-decoration:none; font-weight:normal;} .cart a:hover{ color:#FFFFFF; text-decoration:underline;} #navigation { color:#FFFFFF; text-align:right;} #navigation a{ color:#FFFFFF; text-decoration:none; font-weight:normal; font-size:14px; line-height:18px;} #navigation a:hover{ color:#FFFFFF; text-decoration:underline; } .welcome{ width:768px;} .gray-text{ color:#8C8F92; font-weight:bold; font-style:italic; font-size:13px;} .top-list{ width:105px; border:1px solid #FFFFFF; background:#C4CACC; font-size:12px;} .input1{ height:16px; border:1px solid #FFFFFF; background:#C4CACC; font-size:12px; padding-left:2px; width:100px;} #banner { width:952px; margin-top:-10px;} table a{/*color:#B60606 !important;*/ color:#0000FF; text-decoration:underline!important; font-size:12px;} .region-heading{ font:bold 16px sans-serif; padding-bottom:10px; text-transform:capitalize; text-decoration:underline; color:#4E4E4E;} b.color{color:#4E4E4E;} a.modal{ color:#0000FF;} /*----- Main Content areas ----------------------------------------*/ #left-panel { width:330px; } ul#left-box{ margin:0; padding:0; border:1px solid #D9DFE3; width:358px; } ul#left-box li{ list-style:none; background:url(../images/left-box-bg.gif) repeat-x 0 0; border-bottom:1px solid #D9DFE3; padding:25px 5px 5px 5px; margin:0; text-align:right; height:33px; font-size:13px; } ul#left-box li p{ text-align:right;} .margintop-35{ margin-top:-15px;} ul#left-box li a{ font-weight:bold; font-size:13px; /*color:#C90808;*/ color:#0000FF; text-decoration:underline;} ul#left-box li a:hover{/*color:#C90808;*/ color:#0000FF; text-decoration:none;} ul#left-box li.borderbottom-non{ border-bottom:none;} #right-panel { } #right-panel p { font-size:13px;} #right-panel p a{ /*color:#B60606;*/ color:#0000FF; font-weight:bold; text-decoration:none; font-size:12px;} #right-panel p a:hover{ /*color:#B60606;*/ color:#0000FF; font-weight:bold; text-decoration:underline; font-size:12px;} #mid-panel { width:330px; text-align:left; } #mid-panel a{/*color:#B60606; */ color:#0000FF; font-weight:normal; text-decoration:underline; padding:0 20px; text-align:right; float:right;width:239px;} #mid-panel a:hover{/*color:#B60606;*/ color:#0000FF; text-decoration:none;} /*----- Left Navigation ---------------------------------------*/ #left-nav { } /* ----- inner -page css ----- */ .inn-left,.career-inn-right{width:700px;} .career-inn-right a{/*color:#0066FF !important;*/ color:#0000FF; font-size:13px; line-height:20px; text-decoration:underline; text-align:left !important;} .inn-left h3, .gray-bg h3{ font-size:14px; font-weight: bold; color:#191F25; margin-bottom:5px;} .inn-right ul,.gray-bg ul{} .inn-right ul li,.gray-bg ul li{ background:url(/images/bullet.png) no-repeat left 6px; padding:0 0 0 12px; margin:0 0 5px 10px;} .linecard ul li{background:url(/images/rightcolumn-icon.png) no-repeat left -3px; width:50px; height:50px; padding:0 0 0 52px; margin:0 0 10px 10px; font-weight:bold ;} .inn-left a, a.readon{ /*color:#B60606; */ color:#0000FF; font-weight:bold; text-decoration:none; font-size:12px;} .inn-left a:hover,a.readon:hover{ /*color:#B60606;*/ color:#0000FF; font-weight:bold; text-decoration:underline; font-size:12px;} .inn-right{ width:238px;} .inn-right p{ font-size:16px; line-height:22px;} .logos{ text-align:center;} .gray-bg{ background:#EAEDEE; border:1px solid #D9DFE3; padding:10px; } h2{ font:normal 27px sans-serif; padding:10px 0 10px 0; text-transform:uppercase; color:#000000; } /*----- Right Navigation ----------------------------------------*/ #right-nav { } /*----- Footer Navigation ----------------------------------------*/ #footer-nav {} ul#footer-nav { margin:15px 0 0 12px; padding:0; } ul#footer-nav li{ list-style:none; display:inline; border-right:1px solid #F9FAFA; padding:6px 0 6px 0; line-height:24px;} ul#footer-nav li a{ font-size:12px; color:#F9FAFA; text-decoration:none; font-weight:normal; padding:0 6px 0 7px; margin:0; } ul#footer-nav li a:hover{ font-size:12px; color:#F9FAFA; text-decoration:underline; font-weight:normal; } ul#footer-nav li.borderright-non{ border-right:none;} /*----- Copyrights ----------------------------------------*/ #copyrights { font-size:11px; color:#000000;} #copyrights a { font-size:11px; text-decoration:none; color:#000000;} #copyrights a:hover { font-size:11px; text-decoration:none;color:#000000;} .contentpaneopen{ margin-top:10px;} img.icon-img{ float:left; margin-left:10px; margin-right:5px;} .link a{ color:#0066FF !important; font-weight:bold; font-size:13px; float:left; margin-left:12px; line-height:22px; text-decoration:underline; text-align:left !important; width:218px; } h4 { font-weight:bold; font-size:18px; color:#000000;} .input-box{ width:208px !important; height:21px; border:1px solid #CDCDCD; font-size:12px;} .textarea{ width:555px; height:105px; border:1px solid #CDCDCD; font-size:12px;} .font12{ font-size:12px;} .font12 ul{ font-size:12px;} .font12 ul li{ font-size:12px; list-style-type:disc; margin-left:20px;} #mainContent h3 { font:normal 24px trebuchet ms,geneva;; color:#888888; text-align:center; }