@IMPORT url("../../core/style/common/common.css"); @IMPORT url("../../core/style/common/store.css"); @IMPORT url("../../core/style/common/horizontalMenu.css"); @IMPORT url("../../core/style/common/messages.css");  html,body { margin:0; padding:0; } #sheet { width:885px; position:relative; margin:0 auto; } body.pmPageStyleB #sheet { margin: 0 10px 0 auto; } body.pmPageStyleC #sheet { margin: 0 auto 0 10px; } #body { position:relative; margin-top:27px; width:100%; padding-bottom:30px; } #header { margin-top:10px; height:115px; background:#fff url(borders/header-background.jpg) no-repeat top right; } #footer { width:100%; height:18px; position:absolute; bottom:0; margin-top:-1px; padding: 6px 0; } #content { overflow:auto; padding-top:12px; padding-bottom: 12px; min-height:100%; } #columns { top:27px; width:100%; height:92%; } .newsLeft { float:left; width:480px; margin-left:24px; } .newsRight { float:right; width:340px; margin-right:20px; } .floatRight { float:right; } #content .floatRight { margin-right: 10px; } #content .cutCornerBox .minorPad .floatRight { margin-right: 30px; } .newsRight .cutCornerBox { text-align:center; } #content .newsRight img { border:none; margin-bottom:26px; }  #layout { position:relative; padding-top:27px; width:100%; } #menu { position:absolute; bottom:100%; width:885px; background:#86ac9b url(borders/menu-bar-back.jpg) repeat-x top left; height:27px; clear:both; } #menu li { background:#105634 url(borders/menu-item-corner.jpg) no-repeat bottom right; height:27px; width:177px; } #menu a { font-size:9pt; color:#fff; display:block; margin-right:20px; text-align:center; line-height:24px; vertical-align:middle; } #menu li a { margin-right:0; } #menu li.divider { height:2px; border:none; background-image:url(borders/blank.gif); } #menu li li { padding-left:6px; background:transparent url(borders/menu-back-alpha.png) repeat top left; } #menu li li a,#menu li li { height:24px; line-height:24px; text-align:left; } #sheet #menu ul li li:hover { background:transparent url(borders/menu-back-hover-alpha.png) repeat top left; } #menu li li:hover a { color:#105634; } #menu li li:hover li a { color:#fff; } #menu li li:hover li:hover a { color:#105634; } #menu li li { width:154px; } #menu li ul { width:160px; padding:2px; background-color:transparent; background-image:url(borders/blank.gif); padding-top:5px; margin-left:-2px; } #menu li ul ul { margin-left:0; } #menu li:hover li ul { top:-5px; } #topNav li ul { z-index:2; } #footer { z-index:1; }  #groups ul { border-left:solid 2px #e6e7e8; margin:0 0 0 20px; padding:0 0 0 18px; } #groups ul li { font-family:Arial Narrow,Helvetica,Arial,sans-serif; font-size:15pt; text-transform: uppercase; list-style-type:none; } #groups ul li a { color:#bbbdc0; } #groups ul ul { margin:10px 0; padding-left:0; border-left:none 0 transparent; } #groups ul ul li { font-family:Helvetica,Arial,sans-serif; font-size:10pt; text-transform:none; list-style-image:url(borders/bullet-triangle.gif); } #groups ul ul li.current { } #groups ul ul li a { color:#105634 } #groups ul ul ul { margin:0; } #groups ul ul ul li { list-style-image:none; padding-left:16px; } #groups ul ul ul li a { color:#424242 } #groups ul ul ul li.current a { color:#105634 } #groups ul ul ul ul li { list-style-image:url(borders/bullet-dash.gif); margin-left:17px; } #groups ul ul ul li.current li a { color:#424242 } #groups ul ul ul ul li.current a { color:#105634; font-weight:bold; }  #content h1.big { font-size:420%; } #content h1 { margin:10px 8px; font-size:320%; } #content h1,h2 { font-family:Arial Narrow,Helvetica,Arial,sans-serif; font-weight:normal; color:#a2a2a2; clear:both; } strong,h3,h4 { color:#105634; font-weight:normal; } h3,h4 { margin: 1em 0px 0.6em; } #header h1 { margin:13px 0 0 13px; position:relative; float:left; width:177px; height:89px; overflow:hidden; } #header h1 span { position:absolute; background:url(rodo-logo.jpg); width:177px; height:89px; top:0px; left:0px; cursor:pointer; } h2 { background-image:url(borders/title-back-alpha.png); border:solid 1px #e6e7e8; margin-top:12px; font-size:200%; text-indent:1em; } .infoBox h2 { font-size:15px; text-indent:0; margin:4px 0px 2px -5px; padding:2px 5px; } #content .infoBox p { margin:2px 0px 2px 0; padding:0; } .infoBox h2,#content .infoBox p { width:350px; } .infoBox table { margin-top:4px; padding:0; } #content h2.narrow { width: 530px; float: left; } ul.subGroups { width:33%; float:left; position:relative; margin:0; padding:0; list-style-type:none; } ul.subGroups li { list-style-type:none; font-size:165%; font-family:Arial Narrow,Helvetica,Arial,sans-serif; color:#105634; padding:10px 0; margin-left:32px; }  .imagePage { width:800px; margin: 0 auto; } .imagePage p { text-align:center; margin:10px 0 0 0; } .imagePage .buttons { float:right; } .imageLeft { float:left; } .imageCenter { width:100%; } .imageLeft,.imageCenter { text-align:center; } .imageLeft p,.imageCenter p { font-style: italic; } #news h3 { font-size:100%; font-weight:bold; margin-bottom:0; margin-top: 10px; padding-bottom:0; width: 140px; } #news p { margin:8px 0; padding:0; } #news .last { border-bottom:1px solid #e6e7e8; padding-bottom:8px; font-size:90%; text-align:right; clear:both; } form.pairs label { clear:both; float:left; display:block; width:30%; text-align:right; padding-right:6px; } form.pairs input,form.pairs select { float:left; clear:right; } form input.longText { width:95%; } .paneFloat { float:left; position:relative; } #content .paneFloat img { float:none; margin:3px; padding:3px; border:1px solid #e6e7e8; } table.plain,table.plain td,table.plain th { text-align:left; margin:0; padding:0 4px 0 0; border-width:0; border-spacing: 0; } table.rodoSpec { font-size:110%; border-spacing: 0; border-collapse:collapse; } table.rodoSpec th,table.rodoSpec td { padding:0; margin:0; } table.rodoSpec th { text-align:left; text-transform: uppercase; font-family:Arial Narrow,Arial,sans-serif; font-weight:normal; width:40%; } table.rodoSpec td { width:60%; } table.small th,table.small td { font-size:100%; } #content img { border:solid 1px #e6e7e8; } .productPageImage { float:left; width:270px; border-right:1px solid #e6e7e8; } .productPageAbstract { float:left; width:375px; margin-right:0; padding-left:4px; } #content #QuickAdd p { display:block; position:relative; float:left; margin:0 10px 4px 0; } #QuickAdd p label { display:block; } #QuickAdd p * { float:left; clear:both; } table.basket,table.detail { clear:both; border-collapse:collapse; width:89%; margin:0 5% 8px 5%; } table.general { border-collapse: collapse; margin: 0 0 8px; } table.dataGrid, table.filterControl { border-collapse: collapse; background-color: #ffffff; } table.filterControl { margin: 0px 0px 0px 24px; } table.basket td,table.basket th, table.detail td,table.detail th, table.general td,table.general th, table.dataGrid td, table.dataGrid th, table.filterControl td, table.filterControl th { border:solid 1px #e5e6e7; border-width:1px 0; white-space: nowrap; padding:4px 2px; } table.dataGrid tr.controls td, table.dataGrid tr.footer td { border-color:#709a85; } table.dataGrid tr.controls td, table.filterControl th { background-color: #e6e7e8; } table.filterControl { margin-top: 10px; } table.filterControl th, table.filterControl td { padding: 2px 2px; } .dataGridContainer { float: left; margin: 10px 0px 10px 24px; } .dataGridContainer .pagerControl { text-align: center; background-color: #e5e6e7; } table.basket th,table.detail th,table.general th,table.dataGrid th { border-color:#709a85; border-top-width:0; } table.basket img,table.detail img { vertical-align:middle; } table.detail td.wrap { white-space: normal; } #accountsGrid { width:99%; height:400px; } #accountsGrid .aw-alternate-odd { background-color:#e2f5e8; } #accountsGrid img { margin:0; padding:0; border:none; } .vertical { margin:0 auto; border-collapse:collapse; } .vertical * { text-align:left; white-space: nowrap; vertical-align:top; } .vertical th, .vertical td { border-style:solid; border-width: 1px 0; border-color: #e5e6e7; padding:3px 8px; } .vertical th { border-right:solid 1px #709a85; } address.left { float:left; margin-right:6px; } .rightFloat,.pageLinks { float:right; position:relative; } .floatAll span,.floatAll a { float:left; } .minorPad { position:relative; padding:10px; width:auto; } .tinyPad { margin: 5px 5px -20px; top: -25px; } .minVPad { padding:4px 0; } .midVerticalPad { padding-top:10px; padding-bottom:10px; } .floatLeft { float:left; position:relative; } .fortyPercent { width:40%; } .sixtyPercent { width:60%; } p.list,#content p.list img,#content table.basket img, #content .dataGrid img { margin:0; padding:0; vertical-align:middle; border-width:0; } .pageSplit { float:left; position:relative; width:49%; } .halfCenter { width:50%; margin:0 auto; } .halfLeft { width:45%; float:left; clear:both; margin-left:2%; } .halfRight { width:45%; float:right; margin-right:2%; } .quarterLeft { width:21%; float:left; margin-left:2%; } .quarterRight { width:21.5%; float:right; margin-right:2%; } .fullWidth { width:96%; margin:0 auto; } .divider { border-bottom:solid 1px #e6e7e8; clear:both; width:100%; } div.column { position:relative; float:left; } div.half { width:49.9%; } div.columnRight { float: right; } .cutCornerBox { border:solid 1px #e6e7e8; position:relative; margin-top:8px; margin-bottom:12px; min-height: 40px; } .cutCornerBox span.corner { position:absolute; bottom:-1px; right:-1px; background:transparent url(borders/cut-corner-opaque.gif) no-repeat bottom right; width:39px; height:39px; } .cutCornerBox span.legend { color:#105634; background-color:#fff; position:absolute; top:0; margin-top:-8px; left:10px; font-weight:bold; } .bordered { width:100%; clear:both; } #content { position:relative; } #content h3,#content p { padding-left:24px; } #content p { margin:6px 0; } #content * p,#content * h3 { padding-left:0; } .productFloatLinks { float: right; width: 134px; } .productFloatLinks.productPage { margin-top: 12px; } .productRow .infoBox .productFloatLinks { position: absolute; right: 0px; top: 0px; } .productFloatLinks .quantity { width:28px; } .productFloatLinks .factoryFormButton { margin-bottom:0px; margin-top:0px; margin-left:1px; } #content .productFloatLinks a.factoryLinkButton img { margin-top:2px; } .productFloatLinks form * { float:left; } .productFloatLinks form * * { float:none; } .altRow { position:relative; float:left; clear:both; width:100%; min-height: 100px; } .altProduct { height:100%; float:left; width:16%; padding:2%; } #content .altProduct img { margin:0; } .thumbHang { position:absolute; left:-160px; } .infoBox { position:relative; width:500px; margin-left:160px; } .infoBox .strut { width:1px; height:102px; float:left; } .productRow { clear:both; position:relative; width:100%; border-bottom:solid 1px #e6e7e8; } .SID_Company_Contact h3 { margin: 1em 0 0.4em; } .contactPhone { border-spacing: 0; } .contactPhone th { text-align:left; padding: 1px 2px 1px 0px; } h1.contactPage { padding-left:32px; } #contactLeftColumn { float:left; width:280px; margin-right:40px; padding: 0 0 20px 40px; border-right:solid 1px #e6e7e8; } #contactRightColumn { float:left; width:400px; } #contactCallBack { clear:both; padding-left:20px; margin:0 20px; } #contactCallBack h1 { margin-left:0; } #contactCallBack label { display:block; float:left; clear:left; width:40%; color:#424242 } #contactCallBack input.text { display:block; float:left; width:58%; margin-bottom:3px; } #contactCallBack textarea { width:98%; clear:both; height:65px; margin-bottom:3px; } #content address { font-style: normal; } .welcomeItem { clear:both; } .welcomeItem img { float:left; margin-right:8px; } #content .welcomeItem p { margin-left:24px; } #content .welcomeItem p.thumbnail { float: left; } .welcomeItem h3 { margin-left:24px; } .welcomeItem .buyNow * { float:left; clear:none; } .welcomeItem dl.form { position: relative; float: left; } .welcomeItem dl.form dd { position: relative; } .welcomeItem .buyNow .message { clear: left; } .addressItem { display: block; position: relative; float: left; padding: 5px; margin: 0px 10px 10px 0px; background-color: #e6e7e8; } .addressItem .button { margin-top: 5px; } .cutCornerBox .rightInsert { position: absolute; top: 5px; right: 8px; } .cutCornerBox .rightInsert a.button { position: relative; display: block; float: left; clear: none; } .productInfo .section { padding: 4px; border: 1px solid #eeeeee; } .productInfo .section h3 { margin-top: 0; } #OrderLines { width: 863px; margin-left: 10px; }  #accountsMenu th { width:26%; height:2.5em; } input.imageButton { vertical-align: middle; border: 0; margin: 0; } #content a.imageButton img { border: 0; vertical-align: middle; } input.factoryFormButton, a.factoryLinkButton img, #content a.factoryLinkButton img { border: 0 none; padding: 0; margin: 0; vertical-align: -5px; }  dl.form { position: relative; } dl.form dt { position:absolute; left:10px; padding: 2px 0 0; clear:both; } dl.form dd { position: relative; margin-left: 102px; } #SalesOrder input[type=text]:focus, #SalesOrder select:focus { background-color: #ffffcc; }  #imageRotatePane1 { width:658px; height:290px; } #imageRotatePane2,#imageRotatePane3,#imageRotatePane4 { width:224px; height:157px; } ul.imageRotate { position:relative; } ul.imageRotate,ul.imageRotate li { list-style-type:none; margin:0; padding:0; } ul.imageRotate li { position:absolute; }  .SID_User_Sync #content form p, .SID_User_Content #ContentTypeForm { padding-left: 24px; } html { height:100.1%; } body,input,select,textarea { font-family:Helvetica,Arial,sans-serif; font-size:12px; } body { background-color:#709a85; color: #bbbdc0; } #content,#news { color: #424242 } a,#search,input,select,textarea,th,.highlight { color: #105634; } a.button,#menu a,#groups a,.subGroups a,h2 a { text-decoration:none; } a:hover { text-decoration:underline; } input,select,textarea { color: #105634; border:1px solid #20684c; margin: 1px; } #news,#groups,#content { vertical-align:top; } #columns { border-collapse:collapse; border-spacing:0; margin:0; padding:0; background-color:#fff; table-layout:fixed; } #groups { width:210px; padding-top:12px; border-right:solid 2px #e6e7e8; } #news { width:197px; border-left: solid 1px #e6e7e8; padding:12px 6px; } #news h2 { margin:0 -6px; padding:0 6px; } #account,#search { float:right; clear:right; background:#fff; padding:4px; width:260px; background:transparent url(borders/header-background-fade.jpg) no-repeat scroll right top; } #search { margin-top:10px; height:38px; background-position:right -10px; } #account { margin-top:6px; background-position:right -62px; height:40px; } #account div.login { margin-top: 10px; margin-left: 46px; } form.standard .row { clear:both; display:block; position:relative; width:100%; } form.standard .row input, form.standard .row a,form.standard .row span { float:left; } #account .row { clear:both; display:block; position:relative; width:100%; height:50%; overflow:visible; } #account .row .label { position:absolute; text-align:right; right:35%; width:auto; white-space:nowrap; } #account .row .label .button { float:none; top:0; position:absolute; left:100%; padding: 0 4px 0 0; } div.floatAll * { float:left; clear:none; } div.floatAll * * { float:none; } #search select,#search input { float:left; width:140px; } #search select { width:145px; } #search label { clear:both; float:left; width:40px; text-align:right; padding-right:5px; } #search form { display:inline; } #header div { color:#105634 } #basket p { margin:0; padding:0; } #footer { border-top:solid 1px #e6e7e8; background-color:#fff; } #footerPad { padding-left: 10px; } div.message { margin:0; padding:4px; } div.message ul { margin:0; padding:0 0 0 20px; } div.message li { margin: 4px 0; } dl.statusCodes { margin-left: 5em; position: relative; } dl.statusCodes dt { position: absolute; left: 0px; } dl.statusCodes dd { margin-left: 2em; margin-bottom: 0.25em; position: relative; }