/* Font: Century Gothic; Red: #ED1C24 Black: #231F20 Gray: #D1D3D4 */ /* --------------------------------------------------------------------------*/ body { background-color: #FFFFFF; color: #ED1C24; font-family: Century Gothic; font-size: 11px !important; } /*
--------------------------------------------------------------------------*/ #header { background: transparent url(/img/jegs/mainbanner.png) no-repeat scroll 0 0; width: 1015px; height: 161px; clear: both; z-index: 1; } #companylogo { position: relative; float: left; margin-left: 19px; margin-top: 21px; } #companylogo a { display: block; background: transparent url("/img/jegs/jegslogo.png") no-repeat scroll 0 0; height: 79px; width: 163px; float: left; } #companylogo div { background: url("/img/jegs/onlinelogo.png") no-repeat scroll 0 0 transparent; height: 66px; width: 17px; float: left; margin-top: 7px; margin-left: 2px; display: block; } /* --------------------------------------------------------------------------*/ #topmenubar { position: relative; float: left; margin-top: 12px; margin-left: 254px; height: 26px; width: 735px; } #topmenubar a.tab { float: left; background: transparent url("/img/jegs/GreyTabTopBar.png") no-repeat scroll 0 0; width: 131px; height: 26px; margin-left: 3px; padding-left: 3px; padding-top: 10px; color: #ED1C24; text-decoration: none; font-size: 12px; font-weight: bold; } #topmenubar a.hometab { float: left; margin-right: 3px; } #topmenubar span { background: url("/img/jegs/Triangle---Open.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 13px; margin-left: 107px; margin-top: -14px; width: 15px; } #topmenubar span.active { background: transparent url("/img/jegs/Triangle---Filled.png") no-repeat scroll 0 0; width: 15px; height: 13px; } /* --------------------------------------------------------------------------*/ .itemsearchbox { clear: both; color: White; float: right; margin-right: 24px; margin-top: -34px; position: relative; width: 275px; } .itemsearchbox .jegs-searchinput { background: transparent url("/img/jegs/searchbar.png") no-repeat scroll 0 0; width: 274px; height: 33px; } .itemsearchbox #itemsearchinput { border: none; font-size: 14px; margin-left: 7px; margin-top: 7px; width: 207px; } .itemsearchbox #itemsearchbutton { background: transparent url("/img/jegs/Searchbar-Button.png") no-repeat scroll 0 0; border: medium none; display: inline; float: right; height: 30px; margin-right: -1px; margin-top: 1px; width: 46px; cursor: pointer; } .itemsearchbox .phone-nr { font-size: 20px; font-weight: bold; left: 39px; position: absolute; top: -44px; width: 174px; } .itemsearchbox .icon-phone { background: transparent url("/img/jegs/phone.png") no-repeat scroll 0 0; width: 28px; height: 38px; display: inline-block; position: absolute; top: -41px; left: 1px; } .itemsearchbox .icon-basket { background: transparent url("/img/jegs/basket.png") no-repeat scroll 0 0; width: 55px; height: 38px; display: inline-block; position: absolute; right: 0px; top: -42px; } /*
--------------------------------------------------------------------------*/ #navmenu { background: url("/img/jegs/header.png") repeat-x scroll 0 0 transparent; color: #1A171B; display: block; font-size: 12px; font-weight: bold; height: 27px; left: 0; line-height: 17px; position: absolute; top: 0; } #navmenu a { color: #1A171B; } #navmenu div.item { position: relative; float: left; cursor: pointer; padding: 0 8px; height: 27px; line-height: 27px; border-left: Solid 1px #D6D7D9; } #navmenu div.item:hover { padding: 0 8px; } #navmenu div.item a { text-decoration: none; display: block; width: 100%; height: 100%; } #navmenu div.group { display: block; padding: 0px; position: absolute; top: -1px; left: -1px; width: 120px; margin-top: 3px; border: none; } #navmenu div.group div.item { border-style: solid; border-width: 1px; background-image: none; background-color: #E2E2E2; border-color: #FFFFFF #D6D7D9 #D6D7D9; color: #1A171B; height: 20px; line-height: 20px; padding: 2px 6px; width: 100%; z-index: 10; } #navmenu div.group div.item:hover { background-color: #fff; padding: 3px 5px 1px 7px; margin: 0px; } #navmenu div.group div.item a { color: #1A171B; } #navmenu span.icon16rightarrow { display: block; float: right; position: absolute; right: 0; top: 3px; } /*
--------------------------------------------------------------------------*/ div.form { position: relative; margin-top: 13px; width: 819px; padding-top: 25px; padding-bottom: 30px; /* border: 1px solid #ED1C24;*/ } div.form div.caption { background: url("/img/jegs/titlebar.png") no-repeat scroll 0 0 transparent; border: medium none; color: white; font-size: 16px; font-weight: bold; height: 40px; margin-left: -1px; margin-top: -45px; padding: 10px 15px; position: relative; width: 821px; z-index: 1; } div.formpanel { width: 95%; float: left; margin: 15px 20px; padding: 0px 0px 0px 10px; } div.formpanel div.caption { background-image: none; border-bottom: 1px solid #ED1C24; border-style: none none solid; border-width: medium medium 1px; color: #ED1C24; font-size: 13px; font-weight: bold; height: 13px; line-height: 11px; margin: 8px 0 9px -10px; padding: 0 2px 0 4px; position: relative; width: 100%; } div.formpanel ol, div.panel ul { margin-right: 8px; } #welcome { top: 13px; margin-top: -66px; } #welcome div.caption { margin-top: 0; } #welcome .welcomecontent { margin-top: -17px; margin-left: -11px; } /* --------------------------------------------------------------------------*/ #userinfoarea, #userinfoarea a, #userinfoarea label { color: #003B79; font-size: 11px; } #userinfoarea a { font-weight: bold; } #userinfoarea ul.gridlist li { line-height: 17px; } #leftcontent input.itemsearchinput { font-size: 12px; float: left; height: 20px; margin: 0; padding: 0; padding: 4px 0 0px 3px; width: 50%; display: block; } #leftcontent .itemsearchbox { margin-bottom: 10px; } /* --------------------------------------------------------------------------*/ #minibasket { float: left; position: relative; margin-top: 1px; } #minibasket .caption { position: relative; float: left; margin-top: -59px; padding-left: 18px; padding-top: 12px; z-index: -1; } #minibasket .gridlist { font-size: 12px; font-weight: bold; margin-left: 16px; margin-top: 4px; width: 144px; } #minibasket #lastItem { background: url("/img/jegs/last-item-box.png") no-repeat scroll 0 0 transparent; height: 20px; margin-left: -1px; margin-top: 3px; width: 149px; } #minibasket .linkbutton { display: inline-block; float: left; margin-left: 25px; margin-top: 6px; } #minibasket .gotobasket { background: url("/img/jegs/View-More-Button.png") no-repeat scroll 0 0 transparent; width: 58px; height: 15px; } #minibasket .logoff { background: url("/img/jegs/log-out-button.png") no-repeat scroll 0 0 transparent; width: 42px; height: 15px; } #loginmin li { height: 25px; } #loginmini { float: left; position: relative; } #loginmini .leftheader { margin-top: -59px; padding-left: 19px; padding-top: 11px; position: relative; } #loginmini #logon, .minibasketcontent { position: relative; float: left; background: url("/img/jegs/logingradient.png") no-repeat scroll 0 0 transparent; height: 133px; width: 185px; margin-left: 1px; padding-top: 4px; } #loginmini #logon, .minibasketcontent { margin-top: -43px; } #loginmini label { clear: both; color: red; float: left; font-size: 11px; font-weight: bold; margin-bottom: -2px; padding-top: 4px; } #loginmini ul { margin-left: 14px; margin-top: 4px; } #loginmini a { bottom: 30px; color: #ED1C24; cursor: pointer; font-size: 10px; position: absolute; text-decoration: none; } #loginmini .forgot { left: 13px; } #loginmini .signin { left: 112px; } #loginmini a span { background: url("/img/jegs/Arrow_ForgotPassword_Register.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 10px; position: absolute; right: -13px; top: 1px; width: 9px; } #loginmini .usernamefield { background: url("/img/jegs/usernamefield.png") no-repeat scroll 0 0 transparent; width: 149px; height: 14px; position: relative; float: left; top: 4px; } #loginmini .passwordfield { background: url("/img/jegs/passwordfield.png") no-repeat scroll 0 0 transparent; width: 150px; height: 15px; position: relative; float: left; top: 3px; } #loginmini input.fieldactive[type="text"], #loginmini input.fieldactive[type="password"] { background-color: transparent; border: medium none; font-size: 10px; height: 11px; margin-left: 4px; margin-top: 1px; width: 95px; position: relative; float: left; } #loginmini #loginbutton { display: block; background: url("/img/jegs/loginbutton.png") no-repeat scroll 0 0 transparent; width: 35px; height: 15px; position: relative; float: right; margin-top: 0px; margin-left: 5px; cursor: pointer; color: transparent; clear: right; } div.minibasketwrapper table.axmessage { margin-bottom: 48px; margin-top: -46px; width: 158px; } .leftheader, #minibasket .caption { background: url("/img/jegs/red-banner.png") no-repeat scroll 0 0 transparent; color: white; font-size: 14px; font-weight: bold; height: 56px; width: 213px; } #leftmenu div.background { background: url("/img/jegs/gradient-bkg.png") no-repeat scroll 0 0 transparent; width: 181px; height: 453px; position: relative; top: -23px; left: 6px; } #prodnav { left: 7px; position: relative; top: 9px; width: 161px; } #prodnav li { } #prodnav li.first { background: url("/img/jegs/red-banner.png") no-repeat scroll 0 0 transparent; border: medium none; color: white; font-size: 14px; font-weight: bold; height: 56px; left: -8px; position: absolute; top: -35px; width: 213px; z-index: -1; } #prodnav li.first a { color: white; font-weight: bold; margin-left: 14px; margin-top: 9px; } #prodnav li { } #prodnav li li { padding-left: 6px; } #prodnav a { color: #1A171B; padding: 2px 5px; width: 145px; } #prodnav a:hover { text-decoration: none; font-weight: bold; } #prodnav a.active { text-decoration: none; color: #ED1C24; font-weight: bold; } /* --------------------------------------------------------------------------*/ input[type="text"], input[type="password"], select, textarea { background-color: white; border: 1px solid #D1D3D4; font-family: inherit; font-size: 11pt; font-style: italic; } /* --------------------------------------------------------------------------*/ input[type="text"], input[type="password"], textarea { background-color: White; font-size: 11px; padding: 0px 4px 0px 4px; float: left; } input[type="text"].fieldactive, input[type="password"].fieldactive, textarea { background-color: White; border: solid 1px black; padding-right: 4px; } input.mandatory { background: white url( '/img/mandatoryfield.gif' ) right center no-repeat; } input.num { text-align: right; padding-right: 4px; padding-left: 0px; width: 65px; } select { background-color: White; font-size: 11px; padding-left: 4px; } /* --------------------------------------------------------------------------*/ input[type="button"], input[type="submit"] { color: #ED1C24; display: none; font-family: inherit; font-size: 13px; font-weight: bold; overflow: visible; border: none; margin-top: 10px; } .button { border-style: none; } a.linkbutton { color: Black; font-weight: bold; text-decoration: none; } a.linkbutton:hover { text-decoration: underline; } /* --------------------------------------------------------------------------*/ ul li { line-height: 12px; margin-bottom: 3px; } ul.gridlist { float: left; width: 100%; margin-right: 60px; } ul.gridlist li { margin-bottom: 2px; line-height: 16px; height: 16px; clear: both; } ul.gridlist li label { float: left; } ul.gridlist li span, ul.gridlist li input, ul.gridlist li select, ul.gridlist li textarea { float: right; } /* --------------------------------------------------------------------------*/ .sbMain { position: fixed; width: 100%; bottom: 0px; right: 0px; font-size: inherit; line-height: 21px; height: 21px; background-color: #CCCCCC; border: 1px solid #888888; z-index: 10000; } .sbMain .sbContent { float: right; font-weight: bold; position: absolute; right: 50px; } .sbContent .loading { position: relative; float: left; margin-top: 3px; margin-right: 3px; background: transparent url(/img/loadbar_2E83FF.gif) no-repeat scroll 0 0; width: 128px; height: 15px; } .sbContent .statusIcon { position: relative; float: left; cursor: pointer; margin-top: 3px; margin-right: 3px; } /*TODO swap with complete from spritesheet*/ .sbContent .complete { position: relative; float: left; margin-right: 5px; } .sbTooltip { display: none; position: fixed; background-color: white; border: 1px solid #ccc; -moz-border-radius: 4px; height: auto; width: 310px; } .sbTooltipActive { padding: 10px; } .sbTooltip a { text-align: center; text-decoration: underline; display: block; padding-bottom: 10px; } .sbTooltip .close { cursor: pointer; position: absolute; top: 1px; right: 1px; } /* --------------------------------------------------------------------------*/ p { line-height: 14px; margin-top: 4px; } table.axmessage { left: 10px; position: relative; top: 0; width: 80%; z-index: 10; } td.axerror, td.axinfo, td.axwarning { font-size: 12px; font-weight: bold; } .clearboth { clear: both; } .displaynone { display: none; } .roundall { -moz-border-radius: 0px; } label.label { font-size: 12px; } .addtobasketlink a { color: #1A171B; } #DeliveryAddress_SalesTableInfo { width: 60%; text-align: right; font-family: inherit; font-size: inherit; background-color: transparent; border: medium none; color: inherit; float: right; overflow: hidden; } #itemid { float: right; font-style: italic; margin-right: 4px; margin-top: -7px; } /* --------------------------------------------------------------------------*/ div.itemcontainer { background: url("/img/jegs/productbox.png") no-repeat scroll 0 0 transparent; float: left; height: 197px; margin-bottom: 4px; margin-right: 4px; position: relative; text-align: center; width: 190px; padding-top: 20px; } div.itemcontainer .button { float: right; } div.itemcontainer img { } div.itemcontainer div.itemid { color: black; font-size: 10px; } div.itemcontainer .itemprice { color: black; display: block; font-size: 150%; font-weight: bold; left: 6px; padding: 5px; position: absolute; top: 15px; } div.itemcontainer .onhandinfo { color: black; margin-bottom: -13px; } div.itemcontainer .quantity { bottom: 4px; position: absolute; right: 38px; width: 32px; } div.itemcontainer div.itemname { color: black; font-weight: bold; margin-left: 3px; margin-top: 4px; width: 168px; } div.itemcontainer a { text-decoration: none; } div.itemcontainer a.productlink { display: block; height: 145px; margin-left: 9px; margin-top: -8px; width: 174px; z-index: 100; } div.itemcontainer div.info { bottom:30px; height:41px; left:6px; position:absolute; text-align:center; width:173px; } /* --------------------------------------------------------------------------*/ div.navigationbartop { text-align: center; margin-bottom: 8px; } div.navigationbartop a { padding: 1px; text-decoration: none; } div.navigationbartop a:hover { text-decoration: underline; } div.navigationbartop a.active { font-weight: bold; font-size: 1.20em; } /* --------------------------------------------------------------------------*/ .productpath { color: #ED1C24; left: 3px; position: absolute; top: -31px; } .productpath a { text-decoration: underline; font-size: 12px; color: #ED1C24; } /* --------------------------------------------------------------------------*/ span.icon { border: 1px solid #D6D7D9; display: block; float: left; margin-left: -1px; height: 13px; width: 13px; cursor: pointer; } span.lookup { background: transparent url(../img/icon/lookup.png) no-repeat scroll; background-position: 2px; } span.rightarrow { background-position: 2px; } /* --------------------------------------------------------------------------*/ table { border-collapse: collapse; } table.datagrid { border: 1px solid #ED1C24; } table.datagrid th { color: #FFFFFF; font-size: 13px; font-weight: bold; } table.datagrid thead { background-color: #ED1C24; } table.datagrid tr.last { background-color: #E6E6E5; color: #3C3F99; } th.caption, table.datagrid td, table.datagrid tr, table.datagrid td.num { border: none; } tr.highlight { background-color: #FFC2BD !important; } tr.odd { background-color: #EFEFEF; } table tr.sumrow { border-top: double 3px #D2D2D2; background-color: Transparent; } #NewLine { border-top: 1px solid #1A171B; } /* --------------------------------------------------------------------------*/ .content ul { list-style-position: inside; list-style-type: disc; } .content ol { list-style-position: inside; list-style-type: decimal; } .content h1, h2, h3 { font-weight: bold; } .content h1 { font-size: 16px; } .content h2 { font-size: 14px; } .content h3 { font-size: 12px; } .content strong { font-weight: bold; } /* --------------------------------------------------------------------------*/ div.dialogpanel { position: relative; float: left; width: 100%; background-color: Transparent; margin: 5px 0 20px; } div.dialogpanel .datagrid { background-color: #fff; } #loginerrormessage { float: left; margin-top: 5px; width: 152px; } /* --------------------------------------------------------------------------*/ .olFilm { background-color: black; position: absolute; display: block; top: 0px; left: 0px; opacity: 0.0; filter: alpha(opacity=0); } .olFilm img { position: absolute; display: block; top: 40%; left: 45%; /*display:none;*/ } /*